/* Create your style on here */
.contents > h1 h2 h3 h4{
	color: #333 !important;
}

.btn-login{
	width: 90% !important;
	margin: 0 auto !important;	
}

.center{
	text-align: center;
}

.contents{
	width: 100%;
}
.contents .panel-body{
	background-color: #FFF !important; 

}

.contents .panel-body label{
	font-size: 15px;

}

.contents .panel-body h3{
	color: black;
	font-weight: bold;
}

.contents .panel-body button{
	padding: .5em 4em .5em 4em;
	background-color: #22B573;
	border: 1px solid #22B573;
}
.form-row{
	margin-top: 1.5em;
}

.advice{
	margin: 0 0 1em 0;
}

.contents .panel button{
	margin-top: 1em;
}

.delete-icon{
	color: red;
}

.imgPreview img{
	width: 100%;
	padding: 1em;
}

.logoutBtn, .logoutBtn i{
	font-size: 19px
}

.headband{
	background-color: #FFF;
	font-size: 18px;
	padding: .7em;
}

.banner{
	margin-top: 1em;
}

.shortcuts{
	display: inline-block;
	background-color: #FFF;
	width: 31.7%;
	/* float: left; */
	padding: 2em 3em 2em 3em;
	box-shadow: 3px 3px 5px #9A9A9A;
}

.shortcut-right{
	margin: 1em 1em 0 0;
}

.shortcut-left{
	margin: 1em 0 0 1em;
}

.shortcut-center{
	margin: 1em 1em 0 1em;
}

.shortcut-icon{
	width: 40%;
	text-align: center;
	float: left;
}

.shortcut-icon i{
	font-size: 5em;
}

.shortcut-text{
	display: table;	
	width: 60%;
	text-align: left;
	float: left;
	font-size: 2em;
	height: 65px;
}

.shortcut-text span{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.search-form{
	width: 100%;
	padding: 1em 2em 0 1em; 
}

.search-form input{
	margin-left: 1em;
	border-radius: 8px !important;
	width: 100%;
}

.custom-btn{
	position: absolute;
	right: 23px;
	border-radius: 6px !important; 
}
#navbar-minimize{
	width: 75px;
	text-align: center;
	border-right: none;
}

.inactive-bars{
	width: 75px;
	text-align: center;
	font-size: 25px;
	background-color: #979797;
	height: 53px;
	color: #FFF;
	padding-top: .5em; 
}

.fullwidth-form{
	margin: 1em 0 0 0;
	background-color: #FFF;
	font-size: 16px;
	padding: 0 1em 1em 1em;
}

.fullwidth-form h3{
	font-weight: bold;
	color: #000;
}

.fullwidth-form label{
	color: #333;
	margin-top: 1em;
}

.fullwidth-form button{
	margin-top: 1em;
	color: #FFF;
	padding: .5em 4em .5em 4em;
	background-color: #22B573;
	border: 1px solid #22B573;
}

.fullwidth-form button:hover{
	border: 1px solid #3A8764;
	background-color: #3A8764;
	color: #FFF;
}

.fileinput-custom{
	display: table;
}

.fileinput-customBtn{
	display: table-cell;
	vertical-align: middle;
}

.customerTabs{	
	margin-top: -.8em;
	margin-left: -1.5em;
	width: 103.5%;	
}

.customerTab{
	color: #888;
	padding: .7em 0 .7em 0;
	text-align: center;
	font-size: 20px;
	background-color: #DEDEDE;
	border-right: 1px solid #C3C3C3;
}

.activeTab{
	background-color: #FFF;
}

.tagInfo{
	font-size: 20px;
	font-weight: bold;
	margin-top: 1em;
	float: left;

}
.getInfo{
	font-size: 20px;
	margin-top: 1em;
	float: left;
}

.customerInfo{
	margin-top: 3em;
}

.customerInfo .col-sm-12{
	padding-bottom: 1em;
}

.customerInfo h2{
	color: #000;
}

.customerSignature h2{
	color: #000;
}

.customerSignature img{
	width: 100%;
	border: 1px solid #000;
}

.infoCredito .col-sm-12{
	margin-top: 2em;
}

.loyality .col-sm-12{
	margin-top: 1em;
	padding-bottom: 1em;
}

.customerTags{
	margin-top: 1em;
}

.customerData{
	margin-top: 1em;
}

.customerTx{
	margin-top: 1em;
}

.customerTags div{
	float: none;
	font-size: 25px;
	padding-bottom: .5em;
	margin-top: 1em;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}

.customerData div{
	color: #888;
	float: none;
	font-size: 25px;
	padding-bottom: 1em;
}

.customerTx div{
	margin-top: .5em;
	float: none;
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 1em;
}

.formVenta .input-lg {
	color: black !important;
    height: 46px;
    font-size: 2.0em !important;
    line-height: 1.3333333;
    font-weight: bold;
    margin-top: 0 !important;
    text-align: right;
}

.formAbono select.input-lg{
	font-size: 1em !important;
}

.formAbono .input-lg {
	color: black !important;
    height: 46px;
    font-size: 2.0em !important;
    line-height: 1.3333333;
    font-weight: bold;
    margin-top: 0 !important;
    text-align: right;
}

#registrarVenta{
	margin-top: 1em;
}

#registrarVenta label{
	margin-top: .3em;
	font-size: 25px;
	font-weight: bold;
}	

.formBuscar label{
	font-size: 25px;
	font-weight: bold;
}

.table-moves{
	font-size: 20px;
}

.homeLink{
	color: #FFF;
	margin: -18px 0 0 0;
	font-size: 36px;
}

li .homeLink:hover{
	background-color: red;
}

.customerName .col-sm-6{
	margin-top: 1em;
	font-size: 20px;
	font-weight: bold;
}

.customerCredit .col-sm-3{
	margin-top: 1em;
	font-size: 20px;
	font-weight: bold;
}

.customerCreditDetail{
	margin-top: 1em;
	font-size: 20px;
	font-weight: bold;
	padding: 0 2em 0 3em;
}

.customerCreditDetail div{
	margin-top: 1em;
}

.formAbono{
	margin-top: 1em;
}

#registrarAbono label{
	font-size: 20px;
	font-weight: bold;
}

.new_notification{
	background-color: #E9E9E9;
}

.formAdicional .tag{
	font-size: 22px;
	font-weight: bold;
}

.formAdicional .data{
	font-size: 22px;
}

#registrarAbono label{
	margin-top: .5em;
}

.ec_label{
	font-size: 22px;
	padding: .5em 0 .5em 0;
}

.ec_data{
	font-size: 22px;
	padding: .5em 0 .5em 0;
	color: #000;
}

/*.settings-list{
	max-height: 38px !important; 
}*/

.logout-dropdown{
	display: none;
}

.settings-list a i{
	padding: .3em;
	font-size: 20px;
}

.settings-list a span{
	color: #555;
	font-family: 'Roboto';
	padding: .3em;
	font-size: 16px;
}

#comprobante-solicitud{
	display: none;
}

#comprobante-solicitud .row{
	margin-top: 2em;
}

#comprobante-abono{
	font-size: 24px; 
	display: none;
}

#comprobante-abono .row{
	margin-top: 2em;
}

.changeAvatar{
	position: absolute; 
	right: 23em; 
	top: 9em;
}

.dataTables_empty::before{
	content: none !important;
}

@media screen and (max-width: 1024px){
   /* For desktop: */
   
   .nav .logoutBtn{
   		display: none;
   }

   .logout-dropdown{
   		display: block;
   }

   .dropdown .navbar-notification{
   		float: right; 
   }

   .nav .dropdown {
   		float: right;
   }

   .shortcuts{
   		width: 31%;
   }

   .shortcut-text{
   		font-size: 1.5em;
   }

   .changeAvatar{
		position: absolute; 
		right: 17em; 
		top: 7em;
	}

}