/*
	Custom styles for improving plugin's visibility
	@since 1.00
	@version 1.02.03
*/

/* GENERIC */
.inline-left
{
	float:left;
	display: inline-block;
	position:relative;
}

/* ---------------------------------- */
/*TEXT*/

.text-bold-portal
{
	font-weight: bold !important;
}
.field-status-pndt
{
	color:	#ff1100 !important;
	margin-left: 0.3em !important;
}
.asterisc-text-pndt
{
	margin-right: 0.3em !important;
}
.text-small-notapie
{
	color:	#ff1100 !important;
	font-size: 0.85rem !important;
	position:absolute;
    bottom:2.5em;
}

/* ---------------------------------- */
/*COLOR*/
/*submit button */
/*
.button, input[type=submit] 
{
	background: #6c7c99 !important;
	border-color: #a0a6b1 #5b6983 #5b6983 !important;
	-webkit-box-shadow: 0 1px 0 #5b6983 !important;
	text-shadow: 0 -1px 1px #5b6983,1px 0 1px #5b6983,0 1px 1px #5b6983,-1px 0 1px #5b6983 !important;
}*/


/* ---------------------------------- */
/* LOGIN */
body.login div#login h1 a 
{
    background-image: url("login_logo.png")!important;
    padding-bottom: 30px;
	margin: 0 auto;
	width: 220px; 
	height: 30px;
	/*-webkit-background-size: 150px; */
    background-size: 220px; 
}
/* ---------------------------------- */
/* UPLOAD IMAGE */
.image-upload input
{
	display: none !important;
}

.image-upload span
{
    display: inline;
}

#uploadText
{
	font-size: 85%;
}
.uploadText-error
{
	color: red;
}
.label-click
{
	display: inline-block !important; 
	width: 2rem!important;
	height: 2rem!important;
	margin: 0 auto;
	color: #5469a3;
}
.label-click:hover
{
	text-decoration: underline;
}

/* ---------------------------------- */
/* DATATABLES */
.smallTableText2
{
	/*font-size: small !important;*/
	font-size: 0.8rem !important;
}

.dataTables_length, .dataTables_filter
{
	margin-bottom: 0.4rem !important;
	margin-top: 0.4rem !important;
}

.dataTables_length label, .dataTables_filter label
{
	/*font-size: small !important;*/
	font-size: 0.8rem !important;
	font-weight: normal !important;
}
/*buttons extension*/
.dt-buttons a, .dt-buttons div, .dt-buttons button
{
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    /*margin-right: 0.333em;*/
    margin-right: 0.2rem !important;
    /*margin-left: -0.01rem !important;
    margin-right: -0.015rem !important;*/
    padding-bottom: 0.05rem !important;
    padding-top: 0.05rem !important;
	padding-left: 0.3rem !important;
	padding-right: 0.3rem !important;
    /*border: 0px !important;
    border-radius: 0px !important;*/
    cursor: pointer;
    color: transparent !important;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 1.4rem !important;
    border-color:#BEBEBE!important;
    background:#FAFAFA!important;
}
.dt-buttons a:hover, .dt-buttons div:hover, .dt-buttons button:hover
{
	text-decoration: none;
   /* box-shadow:0px 1px #EDEDED!important;
    -moz-box-shadow:0px 1px #EDEDED!important;
    -webkit-box-shadow:0px 1px #EDEDED!important;
    text-shadow:0px 1px #3C3C3C!important;*/
    border-color:#a5a5a5 !important;
    background:#dcdcdc!important;
    background:-moz-linear-gradient(top,#ffffff 1px,#ededed 1px,#dcdcdc)!important;
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#ffffff),color-stop(0.02,#ededed),color-stop(1,#dcdcdc))!important;
}

.buttons-aprobar:before, .buttons-denegar:before, .buttons-cancel:before, .buttons-copy:before, .buttons-print:before, .buttons-anular:before, .buttons-correccion:before
{
	font-family: "dashicons";	
	content: "\f147";
	vertical-align: middle;
	text-align: center;
}
.buttons-denegar:before
{
	color: #ff6666;
	content: "\f158";
}
.buttons-aprobar:before
{
	color: #13C4A5;
	content: "\f147";
	font-weight: bold !important;
}
.buttons-cancel:before
{
	color: #565656;
	content: "\f182";
}
.buttons-copy:before
{
	color: #565656;
	content: "\f105";
}
.buttons-print:before
{
	color: #565656;
	content: "\f337";
}
.buttons-anular:before
{
	color: #565656;
	content: "\f182";
}
.buttons-correccion:before
{
	color: #13C4A5;
	content: "\f119";
}
#printButtons a, .paginate_button a
{
	margin:2px;
	min-width: 14px;
	padding:  07px;
	color:#444444;
    border-color:#BEBEBE;
    background:#FAFAFA;
    font-size: 0.8rem !important;
}
#printButtons a:hover, .paginate_button a:hover
{
	text-decoration: none;
	margin:2px;
	min-width: 14px;
	padding:  07px;
    color:#FFFFFF;
    box-shadow:0px 1px #EDEDED;
    -moz-box-shadow:0px 1px #EDEDED;
    -webkit-box-shadow:0px 1px #EDEDED;
    text-shadow:0px 1px #3C3C3C;
    border-color:#202020;
    background:#525252;
    background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));
}
/*Styles for select in datatables*/
table.dataTable.display tbody tr.odd.selected td
{
	background-color: #c9d1ec !important; 
}
table.dataTable.display tbody tr.even.selected td
{
	background-color: #c9d1ec !important; 
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
background-color: #c9d1ec!important; }
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #c9d1ec!important; }
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #c9d1ec!important; }
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #c9d1ec!important; }
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #c9d1ec!important; }
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
background-color: #c9d1ec!important; }
/*Styles for control button*/
table.dataTable.dtr-column>tbody>tr>td.control:before, 
table.dataTable.dtr-column>tbody>tr>th.control:before
{
	background-color: #5469a3!important;
	top: 0%!important;
	margin-top: 0.3rem!important;
}

/* !!! Creat a semblança de l'estil carregat*/
.table-dropdown
{
	display: inline-block !important;
	width: 100%;
    padding: 5.5px 7px; /*Hauria de ser 14px però no funciona bé*/
    font-size: 0.85em;
    border: none;
    color: #333;
    border: 2px solid #eee;
    background: #fdfdfd;
    border-radius: 3px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
/* !!! Creat a semblança de l'estil carregat*/
.table-button
{
    padding: 10px 10px !important; 
    background: #666666 !important;
    margin-right:1% !important; 
    margin-bottom: 1% !important;
    float: left;
}
/* !!! Creat a semblança de l'estil carregat*/
.table-button:hover
{
	background: #00cca3 !important;
}

/* ---------------------------------- */
/* FORMS */
.alignCenter
{
	vertical-align: middle !important;
}
.form-portal input, label {
	display: block !important;
	margin-top: 1.7% !important;
}
.input-group-10
{
	display: inline-block !important;
	position:relative;
	float:left;
	width: 10% !important;
	min-width: 4em;
	padding-right: 1%;
	margin-bottom: 1%;
}
.input-group-11 
{
	display: inline-block !important;
	position:relative;
	float:left;
	width: 11% !important;
	min-width: 4em;
	padding-right: 1%;
	margin-bottom: 1%;
}

/*IBAN input: 4 characters length*/
.input-group-iban 
{
	display: inline-block !important;
	position:relative;
	float:left;
	width: 13% !important;
	min-width: 6em;
	padding-right: 1%;
	margin-bottom: 1%;
}

.input-group-20 input, .input-group-20 select
{
	/*display: inline-block !important;
	position:relative;
	float:left;*/
	width: 22% !important;
	min-width: 12em;
	padding-right: 1%;
	margin-bottom: 1%;
}

.input-group-20-fLeft input, .input-group-20-fLeft select
{
	display: inline-block !important;
	position:relative;
	float:left;
	width: 22% !important;
	min-width: 12em;
	padding-right: 1%;
	margin-right: 2%;
	margin-bottom: 1%;
}

.input-group-30 input, .input-group-30 select
{
	/*display: inline-block !important;
	position:relative;
	float:left;*/
	width: 33% !important;
	min-width: 14em;
	padding-right: 1%;
	margin-bottom: 1%;
}

.input-group-40 input, .input-group-40 select
{
	/*display: inline-block !important;
	position:relative;
	float:left;*/
	width: 44% !important;
	min-width: 16em;
	padding-right: 1%;
	margin-bottom: 1%;
}

.input-group-60 input, .input-group-60 select
{
	/*display: inline-block !important;
	position:relative;
	float:left;*/
	width: 66% !important;
	min-width: 20em;
	padding-right: 1%;
	margin-bottom: 1% !important;
}
.input-group-80 input, .input-group-80 select
{
	/*display: inline-block !important;
	position:relative;
	float:left;
	max-width: 100% !important;*/
	width: 88% !important;
	min-width: 22em;
	padding-right: 1%;
	margin-bottom: 1%;
}

.helpBlock
{
	font-size: 0.8rem !important;
	display: inline-block !important;
	position:relative;
	float:left;
	max-width: 100% !important;
	width: 88% !important;
	min-width: 22em;
	padding-right: 1%;
	margin-bottom: 1%;
}

.clear-padding
{
	padding:0;
}

.form-textarea
{
	width: 60% !important;
	min-width: 22em;
	margin-top: 1.7%;
}

.form-dropdown
{
	/*COMMENT FLUIDA*/
	/*display: inline-block !important;
	width: 100%;
    padding: 13.5px 16px; /*Hauria de ser 14px però no funciona bé*/
    /*font-size: 0.85em;
    border: none;
    color: #333;
    border: 2px solid #eee;
    background: #fdfdfd;
    border-radius: 3px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;*/
}

.form-datePickup
{
	/*COMMENT FLUIDA*/
	/*display: inline-block !important;
	width: 100%;
    padding: 12.5px 16px; /*Hauria de ser 14px però no funciona bé*/
    /*font-size: 0.85em;
    border: none;
    color: #333;
    border: 2px solid #eee;
    background: #fdfdfd;
    border-radius: 3px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;*/
}


/* ---------------------------------- */
/* MESSAGE BOXES FOR NON-ADMIN PAGES */

.msg-info, .msg-success, .msg-warning, .msg-error 
{
	margin-bottom: 4%;
	padding: 6px;
	/*font-size:0.85em;*/
	border:solid;
	border-width: 2px 2px 2px 2px;
	vertical-align:middle;
    border-radius: 3px 3px 3px 3px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
.msg-info 
{
    color: #00529B;
    background-color: #BDE5F8;
}
.msg-success 
{
    color: #0c8487;
    background-color: #e7f6f6;
}
.msg-warning 
{
    color: #9F6000;
    background-color: #FEEFB3;
}
.msg-error 
{
    color: #ff1100;
    background-color: #FDF8F9;
    border-color: #ff1100;
}
.msg-info i, .msg-success i, .msg-warning i, .msg-error i 
{
    margin: 6px 2px;
    /*font-size:2em;*/
    vertical-align:middle;
}

.helpIcon
{
	width: 20px;
	max-width: 20px;
	min-width: 16px; 
}

#helpType
{
	font-variant: small-caps;
	font-weight: bold;
}

.helpListType
{
	font-variant: small-caps;
	font-weight: bold;
}

/* ---------------------------------- */
/* AJAX LOADING SPINNER*/
div.loading {
    background-image: url("loading.gif");
    background-position:  center center;
    background-repeat: no-repeat;
    opacity: 1;
    width: 40px;
	height: 40px;
}
div.loading * {
    opacity: .8;
}