body{
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	line-height: 1.42857143;
	color: #333;
	padding-top: 60px;
	background: #F5F5F5;
	overflow-x: hidden;
}
.ui-datepicker {
    width: 19em;
}
.time,
.mins,
.meridian {
	width: 56px;
	float: left;
	margin: 0 10px;
	font-size: 15px;
	color: #2d2e2e;
	font-family: arial;
	font-weight: 700;
}
.flexcont{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding: 0;
}
.flxcenter{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flxrow{
	display: flex;
		flex-wrap: wrap;
}
.w100p{
	width: 100px;
}
.overflowtab{
	overflow: auto;
}
.next {
    background-position: 50% 150% !important;
}
.prev {
    background-position: 50% -50% !important;
}
.prev,
.next {
	cursor: pointer;
    width: 10%;
    padding: 13px 18px;
    border: 1px solid #ccc;
    margin: auto;
    background: url(../images/arrow.png) no-repeat;
    border-radius: 5px;
	background-size: 15px;
	
}
#saiconnect{
	width:160px;
	height:160px;
		background-image: url(../images/saiplataforma2.jpg);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
}

#saiconnect:hover{
		background-image: url(../images/saiplataforma.jpg);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
}

a{
	text-decoration: none;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

a:hover{
	text-decoration: none;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

a:focus{
	text-decoration: none;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

a:active{
	text-decoration: none;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}
.ocultar{
	display: none;
}
.form-signin {
	max-width: 330px;
	margin: 0 auto;
}
.btnN .menuBtn{
	width: 100%;
	padding: 8px 3px;
	font-size: 12px;
	margin-top: 10px;
}
.btnN .p-left{
	padding-right: 1px;
}
.btnN .p-right{
	padding-left: 1px;
}
.w800{
	width: 100%;
	max-width: 800px;
} 
.n-mag{
	margin: 0
}
.btnN .active{
	background: rgb(148, 0, 0);
}
.titCond{
	padding: 0 1px;
    font-weight: bold;
    font-size: 15px;
}
#modalPagarDeuda .close{
    margin-top: 5px;
    margin-right: 5px;
    color: white;
    opacity: 1;
}
.btnDeuda{
	padding: 7px;
    width: 100%;
    margin-bottom: 18px;
    border: 0;
    background: red;
    border-radius: 4px;
    color: white;
    font-size: 15px;
    font-weight: 400;
    font: inherit;
}
.titDeuda{
	padding: 7px;
    width: 100%;
    margin-bottom: 18px;
    border: 0;
    background: red;
    border-radius: 4px;
    color: white;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    font: inherit;
    font-weight: bold;
}
.mostrar{
	display:block !important;
}
.boxAlert .alert::after{
	content: "x";
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 14px;
    cursor: pointer;
}
.alert {
    margin-bottom: 0px; 
}
.boxAlert .alert{
	width: 100%;
}
.contn {
	position: relative;
}
.boxAlert{
	position: absolute;
    top: 42px;
	right: 16px;
	z-index: 123;
	width: 35%;
}
#tabss {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: -1px 1px 2px -1px rgba(0,0,0,.4);
}
#tabss table>tbody>tr>td{
    padding: 5px;
}
.pd .form-control{
	height: 36px;
}

#txtPayAmount{
	width: 85%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.pluss{
	font-size: 26px;
	position: absolute;
	bottom: 0px;
	right: 0;
}
.Monto {
    text-align: center;
    background: #3e88c7;
    border-radius: 6px;
}
.txtMonto label {
    margin: 0;
    font-size: 30px;
    color: #3e88c4;
}
.Monto label {
    margin: 0;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    height: 40px;
    padding: 9px;
}
  #tabss li {
	float: left;
	margin: 0 .5em 0 0;
  }
  
  #tabss a {
	position: relative;
	background: #ddd;
	background-image: linear-gradient(to bottom, #fff, #ddd);
	padding: .7em 3.5em;
	float: left;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	border-radius: 5px 0 0 0;
	box-shadow: 0 2px 2px rgba(0,0,0,.4);
  }
  
  #tabss a:hover,
  #tabss a:hover::after,
  #tabss a:focus,
  #tabss a:focus::after {
	background: #fff;
  }
  
  #tabss a:focus {
	outline: 0;
  }
  
  #tabss a::after {
	content:'';
	position:absolute;
	z-index: 1;
	top: 0;
	right: -.5em;
	bottom: 0;
	width: 1em;
	background: #ddd;
	background-image: linear-gradient(to bottom, #fff, #ddd);
	box-shadow: 2px 2px 2px rgba(0,0,0,.4);
	transform: skew(10deg);
	border-radius: 0 5px 0 0;
  }
  
  #tabss #currentt a,
  #tabss #currentt a::after {
	background: #fff;
	z-index: 3;
  }
  
  #contentt {
	background: #fff;
	padding: 2em;
	position: relative;
	z-index: 2; 
	padding-bottom: 0;
	border-radius: 0 5px 5px 5px;
	box-shadow: 0 -1px 2px 0px rgba(0, 0, 0, .5);
}
.contentDeuda {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  #btnSavePay{
	background: #565656;
  }
  #btnPayDeuda{
	background: #565656;
  }
  .btnPago{
	background: #919191;
	width:49%;
	color: white;
  }
  .btnCancel{
	background: #ff0000;
    width: 49%;
    color: white;
	margin: 0;
	transition: 300ms all ease;
  }
  .centro{
	  text-align: center !important;
  }
  .btnCancel:hover{
	background: #a80000;
	color: white;
  }
  #imgDriver{
	width: 115px; 
  }
.txtCond{
	padding: 0 15px;
	color: #337abd;
	font-size: 14px;
	width: 100%;
}
.formBox {
	background-color: #f1f1f1;
	border-radius: 10px;
	box-shadow: 0px 0px 25px #9D9D9D;
	padding: 25px;
}

.loginBtn{
	background-color: #FFE900;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}
.boxImgBtn{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.btnDeleteFoto {
    margin-top: 20px;
    width: 100%;
    background: #ad1010;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    border: 0;
    border-radius: 5px;
	cursor: pointer;
	text-align: center;
}.btnDeleteFoto:hover{ 
    background: #790c0c;
}
.relative{
	position: relative;
}
.noti{
	position: absolute;
    top: -98px;
    left: 140px;
    width: 40px;

}
.noti-font{
	position: absolute;
    top: -4px;
    right: -2px;
    color: white;
    padding: 14px;
    background-image: url('https://sigmisataxisystem.com/view/images/noti.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
	z-index: 2;
}


.red.noti-font{ 
	background-image: url('https://sigmisataxisystem.com/view/images/noti2.png'); 
}
.no-noti{
	display: none !important;
}
.loginBtn:hover{
	background-color: #E9D039;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.inputLogin{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 20px 10px 20px 10px;
}
.PrestamoBtn {
    background-color: #2861b4;
    color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 5px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.logoTopLink{
	padding: 5px 0;
}

.paddingButton{
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.bgWhite{
	background-color: #FFFFFF;
}
/*mi code*/
#qr_code{
	display: flex;
    align-items: center;
    justify-content: center;
}
#dvEndForm .alert-warning{
	position: absolute !important;
    width: max-content !important;
    top: 66px !important;
    right: 10px !important;
	margin: 0 !important;
	z-index: 9;
    box-shadow: 0px 3px 5px -4px black;
}
.align-center{
	text-align: center;
}
#dvEndForm > div.text-center{
	margin-top: 18px;
}
.adc7 th:nth-child(6){
	background: #ff2121;
	color: white;
}
.SemanaText{
	text-transform: uppercase;
    color: #0c33bd;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 13px;
	font-weight: bold;
	z-index: 1;
}
.btnSemanas{
	padding: 0px 17px;
    font-size: 30px;
    background: #0c33bd;
    border: 0;
    border-radius: 5px;
    color: white;
	font-weight: bold;
	cursor: pointer;
	position: relative;
    z-index: 2;
}
.btnSemanas:hover{ 
    background:  #3a62f5;
}
.btnSLeft{
	float: left;
}
.btnSRight{
	float: right;
}
#advertenciaModal .modal-content{
    padding: 15px;
    background: #ffff95;
}
#advertenciaModal label{
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px solid;
}
#advertenciaModal h5{
    font-size: 15px;
}
.Activo{
	color: #008500;
}
.noActivo{
	color: #d60101;
}
.closeBtn{
	text-align: right;
	font-size: 25px;
	cursor: pointer;
}
.centerbtn{
	text-align: center;
}
.porcen{
	position: absolute;
    right: 0;
    font-size: 15px;
    top: 10px;
    font-weight: bold;
}
.titucal{
	text-align: center;
	font-size: 20px;
}

.bodycalc{
	margin: 15px 60px;
    padding: 25px;
    border: 1px solid #cccccc;
    border-radius: 30px;
}
.bodycalc input{
text-align: right
}
.bodycalc label {
    margin: 10px 0;
}
.innerMenu{
	width: 80%;
	border-radius: 5px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

.menuBtn{
	background-color:#A09F9F;
	color:#FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 70%;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.homeBtn{
    background-position: center;
    background-size: cover;
    height: 160px;
	width: 160px;
	transition: 300ms all ease;
	cursor: pointer;
}
.homeBtn18{
	background-image: url(../images/Mantenimiento.png);
}

.homeBtn1{
	white-space: normal !important;
	width: 160px;
	height: 160px;
	text-align: center;
	background: #058805; /* Old browsers */
	background: -moz-linear-gradient(top,  #058805 1%, #078f07 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#058805), color-stop(100%,#078f07)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #058805 1%,#078f07 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #058805 1%,#078f07 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #058805 1%,#078f07 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #058805 1%,#078f07 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058805', endColorstr='#078f07',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.homeBtn1:hover{
	white-space: normal !important;
	background: #058805; /* Old browsers */
	background: -moz-linear-gradient(top,  #058805 100%, #078f07 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#058805), color-stop(100%,#078f07)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #058805 100%,#078f07 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #058805 100%,#078f07 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #058805 100%,#078f07 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #058805 100%,#078f07 100%); /* W3C */
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	color: #CCC;
}

.homeBtn2{
	white-space: normal !important;
	width: 160px;
	height: 160px;
	text-align: center;
	background: #ff2121; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff2121 0%, #b40916 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2121), color-stop(100%,#b40916)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff2121 0%,#b40916 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff2121 0%,#b40916 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff2121 0%,#b40916 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff2121 0%,#b40916 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2121', endColorstr='#b40916',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.homeBtn2:hover{
	white-space: normal !important;
	background: #ff2121; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff2121 100%, #b40916 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#ff2121), color-stop(100%,#b40916)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff2121 100%,#b40916 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff2121 100%,#b40916 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff2121 100%,#b40916 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff2121 100%,#b40916 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2121', endColorstr='#b40916',GradientType=0 ); /* IE6-9 */
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	color: #CCC;
}

.homeBtn3{
	white-space: normal !important;
	width: 160px;
	height: 160px;
	text-align: center;
	background: #ffe608; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffe608 0%, #e48d1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe608), color-stop(100%,#e48d1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffe608 0%,#e48d1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffe608 0%,#e48d1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffe608 0%,#e48d1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffe608 0%,#e48d1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe608', endColorstr='#e48d1e',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.homeBtn3:hover{
	white-space: normal !important;
	background: #ffe608; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffe608 100%, #e48d1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#ffe608), color-stop(100%,#e48d1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffe608 100%,#e48d1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffe608 100%,#e48d1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffe608 100%,#e48d1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffe608 100%,#e48d1e 100%); /* W3C */
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	color: #666;
}

.homeBtn4{
	white-space: normal !important;
	width: 160px;
	height: 160px;
	text-align: center;
	background: #0738fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #0738fa 0%, #0d4386 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0738fa), color-stop(100%,#0d4386)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0738fa 0%,#0d4386 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0738fa 0%,#0d4386 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0738fa 0%,#0d4386 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0738fa 0%,#0d4386 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0738fa', endColorstr='#0d4386',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.homeBtn4:hover{
	white-space: normal !important;
	background: #0738fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #0738fa 100%, #0d4386 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#0738fa), color-stop(100%,#0d4386)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0738fa 100%,#0d4386 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0738fa 100%,#0d4386 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0738fa 100%,#0d4386 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0738fa 100%,#0d4386 100%); /* W3C */
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	color: #CCC;
}

.homeBtn5{
	white-space: normal !important;
	width: 160px;
	height: 160px;
	text-align: center;
	background: rgb(249,177,94); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,177,94,1) 0%, rgba(247,123,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,177,94,1)), color-stop(100%,rgba(247,123,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b15e', endColorstr='#f77b00',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.homeBtn5:hover{
	white-space: normal !important;
	background: rgb(249,177,94); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,177,94,1) 0%, rgba(247,123,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,177,94,1)), color-stop(100%,rgba(247,123,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* W3C */
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	color: #CCC;
}


.homeBtn6{
	white-space: normal !important;
	width: 160px;
	height: 160px;
	text-align: center;
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(3,3,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(3,3,0,1)), color-stop(100%,rgba(3,3,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b15e', endColorstr='#f77b00',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.homeBtn6:hover{
	white-space: normal !important;
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(3,3,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,2,2,1)), color-stop(100%,rgba(3,3,3,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* W3C */
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	color: #CCC;
}

.homeBtn15{
	background-image: url("../images/inventario.png");
}

.intMenuBtn15{
	text-align: center;
	background: #21825f; /* Old browsers */
	background: -moz-linear-gradient(top,  #21825f 0%, #175a41 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21825f), color-stop(100%,#175a41)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #21825f 0%,#175a41 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #21825f 0%,#175a41 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #21825f 0%,#175a41 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #21825f 0%,#175a41 100%); /* W3C */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s; 
	border-radius: 0;
}
.intMenuBtn15:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.homeBtn16{
	background-image: url("../images/clientes.png");
}

.intMenuBtn16{
	text-align: center;
	background: #0d0d75; /* Old browsers */
	background: -moz-linear-gradient(top,  #0d0d75 0%, #0d0d75 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d0d75), color-stop(100%,#0d0d75)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0d0d75 0%,#0d0d75 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0d0d75 0%,#0d0d75 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0d0d75 0%,#0d0d75 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0d0d75 0%,#0d0d75 100%); /* W3C */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s; 
	border-radius: 0;
}
.intMenuBtn16:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #000054;
}

.homeBtn17{
	background-image: url("../images/administracion.png");
}

.intMenuBtn17{
	text-align: center;
	background:     #0e1e30;
	/* Old browsers */
	background: -moz-linear-gradient(top,  #0e1e30 0%, #0e1e30 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21825f), color-stop(100%,#0e1e30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0e1e30 0%,#0e1e30 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0e1e30 0%,#0e1e30 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0e1e30 0%,#0e1e30 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0e1e30 0%,#0e1e30 100%); /* W3C */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s; 
	border-radius: 0;
}
.intMenuBtn17:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #000054;
}

.intMenuBtn13{
	text-align: center;
	background: #2f5468; /* Old browsers */
	background: -moz-linear-gradient(top,  #2f5468 0%, #1c313d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f5468), color-stop(100%,#1c313d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2f5468 0%,#1c313d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2f5468 0%,#1c313d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2f5468 0%,#1c313d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2f5468 0%,#1c313d 100%); /* W3C */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	border-radius: 0; 
}
.intMenuBtn13:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.homeBtn13{
	background-image: url("../images/ingresos.png");
}

.homeBtn14{
	background-image: url("../images/pedidos.png");
}

.intMenuBtn14{
	text-align: center;
	background: #12acaf; /* Old browsers */
	background: -moz-linear-gradient(top,  #12acaf 0%, #0e888a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12acaf), color-stop(100%,#0e888a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #12acaf 0%,#0e888a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #12acaf 0%,#0e888a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #12acaf 0%,#0e888a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #12acaf 0%,#0e888a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12acaf', endColorstr='#0e888a',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	border-radius: 0; 
	
}
.intMenuBtn14:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.userBtns{
	color:#333;
	background-color: #fff;
	border-radius: 5px;
	border: 2px solid #ccc;
	font-size: 32px;
	width: 160px;
	height: 160px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.userBtns:hover{
	background-color: #ccc;
	border-radius: 5px;
	border: 2px solid #fff;
	color:#FFFFFF;
	font-size: 32px; 
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

.adminContent{
	background-color: #FFF;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.empleado{
	background-color: #EAEAEA;
	padding: 20px;
	border-radius: 15px;
}

div.upload{
    width: 100%;
    height: 60px;
    overflow: hidden;
    background-color:#B2B1AF;
    border-radius: 5px;
    color:#FFF;
	padding: 20px;
	text-align: center;
	font-size: 16px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

div.upload:hover{
	color:#ccc;
	background-color:#f00;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	cursor: pointer;
}

div.upload input {
	width: 100%;
	height: 60px !important;
	opacity: 0 !important;
	overflow: hidden !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.mat{
	padding: 10px;
	background-color: #FFF;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 18px;
	border: 1px solid #ccc;
}

.intMenuBtn1{
	text-align: center;
	background: #058805; /* Old browsers */
	background: -moz-linear-gradient(top,  #058805 1%, #078f07 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#058805), color-stop(100%,#078f07)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #058805 1%,#078f07 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #058805 1%,#078f07 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #058805 1%,#078f07 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #058805 1%,#078f07 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058805', endColorstr='#078f07',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	border: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.intMenuBtn1:hover{
	color:#CCC;
}

.intMenuBtn2{
	text-align: center;
	background: #ff2121; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff2121 0%, #b40916 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2121), color-stop(100%,#b40916)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff2121 0%,#b40916 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff2121 0%,#b40916 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff2121 0%,#b40916 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff2121 0%,#b40916 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2121', endColorstr='#b40916',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	border: none;
	border-radius: 0;
}

.intMenuBtn2:hover{
	color:#CCC;
}

.intMenuBtn3{
	text-align: center;
	background: #ffe608; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffe608 0%, #e48d1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe608), color-stop(100%,#e48d1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffe608 0%,#e48d1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffe608 0%,#e48d1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffe608 0%,#e48d1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffe608 0%,#e48d1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe608', endColorstr='#e48d1e',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	border: none;
	border-radius: 0;
}

.intMenuBtn3:hover{
	color:#666;
}

.intMenuBtn10{
	text-align: center;
	background: #0738fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #0738fa 0%, #0d4386 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0738fa), color-stop(100%,#0d4386)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0738fa 0%,#0d4386 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0738fa 0%,#0d4386 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0738fa 0%,#0d4386 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0738fa 0%,#0d4386 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0738fa', endColorstr='#0d4386',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	border: none;
	border-radius: 0;
}

.intMenuBtn12:hover{
	color:#CCC;
}

.intMenuBtn12{
	text-align: center;
	background: rgb(249,177,94); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,177,94,1) 0%, rgba(247,123,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,177,94,1)), color-stop(100%,rgba(247,123,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(249,177,94,1) 0%,rgba(247,123,0,1) 100%); /* W3C */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	border: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.intMenuBtn5:hover{
	color:#CCC;
}

.intMenuBtn5{
	text-align: center;
	background: rgb(5,5,5); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(3,3,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(3,3,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(3,3,0,1) 100%); /* W3C */
	color:#FFFFFF;
	font-weight: bold;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	border: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.intMenuBtn10:hover{
	color:#CCC;
}

.dataTableHead{
	font-weight: bold;
	background-color: #B2B1AF;
	color: #FFF;
}

.dataTableBody{
	background-color: #FFF;
	color: #666;
}

.columnBorder{
	border-right:2px solid #ccc;
}

.InnerBtnResp{
	background-color: #FFF;
	float: left;
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

.VehicleStatus{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
}

.selected{
	position: absolute;
	bottom: 0;
	transform: rotate(180deg);
	border-top: 6px solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	color: #D7D7D7;
}

.margin-right{
	margin-right: 15px;
}

.PersonalReference{
	padding: 20px;
	border-radius: 10px;
	background-color: #F7F7F7;
	margin-bottom: 10px;
}

.calculator{
	background-color: #ddd;
	padding: 20px;
	border-radius: 10px;
}

.calculatorResult{
	border-radius: 5px;
	border: none;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}

.calculatorBtn{
	border: none;
	background-color: #666;
	color: #FFF;
	border-radius: 50%;
	padding: 13px;
	width: 100%;
	cursor: pointer;
	font-weight: bold;
}

.calculatorBtnEqual{
	border: none;
	background-color: #666;
	color: #FFF;
	border-radius: 10px;
	padding: 10px;
	width: 100%;
	cursor: pointer;
	font-weight: bold;
}

.PlanInversionista{
	padding: 56px;
	border-radius: 4px;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #333333;
	height: 260px;
}

.rotate{
	transform: rotate(-48deg);
	margin-top: 120px;
	margin-bottom: 120px;
}

.logoBg:after{
	content: "";
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
	opacity: 0.08;
	top: 0;
	left: 0;
	bottom: -200px;
	right: 0;
	position: absolute;
}
.imgIconPrinc{
	width: 45px;
}
.plan1{
	background-color: #FDD800;
}

.plan2{
	background-color: #008500;
}

.plan3{
	background-color: #0038E8;
}

.plan4{
	background-color: #FF0102;
}

header img {
	border-radius: 50%;
	margin: 20px auto;
	display: block;
	width: 200px;
	border: 5px solid #fff;
}

aside {
	margin: 0 auto;
	display: block;
	height: 240px;
	width: 240px;
	background-size: cover;
	overflow: hidden;
	box-shadow: 0 0 100px 10px #fff;
	transition: all ease 0.3s;
}

aside:hover {
	border-radius: 5px;
	height: 480px;
	width: 100%;
	box-shadow: 0 0 70px 10px #fff;
}

aside:hover header img {
  animation: profile_image 2000ms linear both;
  animation-delay: 0.5s;
}

header {
  text-align: center;
}

header h1 {
	position: relative;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	font-size: 25px;
	line-height: 25px;
	display: inline-block;
	padding: 10px;
	transition: all ease 0.250s;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

aside:hover header h1 {
	margin-top: 0px;
	outline: 0 solid #fff;
	border-top: 0px solid #fff;
	border-bottom: 1px solid #fff;
}

header h2 {
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	font-size: 17px;
	font-weight: normal;
	line-height: 0px;
	margin: 0;
}

.profile-bio {
	margin-top: 20px;
	padding: 1px 20px 10px 20px !important;
	transition: all linear 1.5s;
	color: #fff;
	font-size: 14px;
	opacity: 0;
}

aside:hover .profile-bio {
	opacity: 1;
}

.profile-social-links {
	position: relative;
	margin-left: -100px;
	list-style-type: none;
	opacity: 0;
	transition: all ease 0.5s;
}

aside:hover .profile-social-links {
	margin-left: -30px;
	opacity: 1;
}

.profile-social-links li img {
	width: 30px;
	background: #fff;
	border-radius: 50%;
	padding: 5px;
}

.purple{
	background-color: #B4DCFF;
}

div.zabuto_calendar .table tr td.event div.day, div.zabuto_calendar ul.legend li.event {
	background-color: #B4DCFF !important;
	border-radius: 3px !important;
}

/*PROFILE IMAGE ANIMATE */

@keyframes profile_image {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    transform: matrix3d(1.032, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    transform: matrix3d(1.045, 0, 0, 0, 0, 1.06, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    transform: matrix3d(1.066, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    transform: matrix3d(1.088, 0, 0, 0, 0, 1.117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    transform: matrix3d(1.094, 0, 0, 0, 0, 1.123, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    transform: matrix3d(1.112, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    transform: matrix3d(1.114, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    transform: matrix3d(1.121, 0, 0, 0, 0, 1.124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    transform: matrix3d(1.121, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    transform: matrix3d(1.12, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    transform: matrix3d(1.115, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    transform: matrix3d(1.113, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    transform: matrix3d(1.106, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    transform: matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    transform: matrix3d(1.098, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    transform: matrix3d(1.097, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    transform: matrix3d(1.096, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    transform: matrix3d(1.097, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    transform: matrix3d(1.099, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    transform: matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    transform: matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
/*NAME ANIMATE */

aside:hover header h1 {
  animation: name_and_job 1500ms linear both;
  animation-delay: 0.4s;
}

@keyframes name_and_job {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, 0, 0, 1);
  }
  1.3% {
    transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -237.02, 0, 0, 1);
  }
  2.55% {
    transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -182.798, 0, 0, 1);
  }
  4.1% {
    transform: matrix3d(4.025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -125.912, 0, 0, 1);
  }
  5.71% {
    transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -79.596, 0, 0, 1);
  }
  8.11% {
    transform: matrix3d(1.82, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -31.647, 0, 0, 1);
  }
  8.81% {
    transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.84, 0, 0, 1);
  }
  11.96% {
    transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.825, 0, 0, 1);
  }
  12.11% {
    transform: matrix3d(1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.53, 0, 0, 1);
  }
  15.07% {
    transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 12.662, 0, 0, 1);
  }
  16.12% {
    transform: matrix3d(0.951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.007, 0, 0, 1);
  }
  27.23% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.352, 0, 0, 1);
  }
  27.58% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.121, 0, 0, 1);
  }
  38.34% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.311, 0, 0, 1);
  }
  40.09% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.291, 0, 0, 1);
  }
  50% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.048, 0, 0, 1);
  }
  60.56% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.007, 0, 0, 1);
  }
  82.78% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

aside:hover ul li:first-child {
  animation: social_animation 2000ms ease-in-out both;
  animation-delay: 0.75s;
}

aside:hover ul li:nth-child(2) {
  animation: social_animation 2000ms ease-in-out both;
  animation-delay: 1s;
}

aside:hover ul li:nth-child(3) {
  animation: social_animation 2000ms ease-in-out both;
  animation-delay: 1.25s;
}

@keyframes social_animation {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, 0, 0, 1);
  }
  1.3% {
    transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -237.02, 0, 0, 1);
  }
  2.55% {
    transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -182.798, 0, 0, 1);
  }
  4.1% {
    transform: matrix3d(4.025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -125.912, 0, 0, 1);
  }
  5.71% {
    transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -79.596, 0, 0, 1);
  }
  8.11% {
    transform: matrix3d(1.82, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -31.647, 0, 0, 1);
  }
  8.81% {
    transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.84, 0, 0, 1);
  }
  11.96% {
    transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.825, 0, 0, 1);
  }
  12.11% {
    transform: matrix3d(1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.53, 0, 0, 1);
  }
  15.07% {
    transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 12.662, 0, 0, 1);
  }
  16.12% {
    transform: matrix3d(0.951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.007, 0, 0, 1);
  }
  27.23% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.352, 0, 0, 1);
  }
  27.58% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.121, 0, 0, 1);
  }
  38.34% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.311, 0, 0, 1);
  }
  40.09% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.291, 0, 0, 1);
  }
  50% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.048, 0, 0, 1);
  }
  60.56% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.007, 0, 0, 1);
  }
  82.78% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.excelExport{
	width: 100%;
	background-color: #FFF;
	color: #207245;
	border: 3px solid;
	margin-top: 10px;
	margin-bottom: 10px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}

.excelExport:hover{
	width: 100%;
	background-color: #207245;
	color: #FFF;
	border: 3px solid;
	margin-top: 10px;
	margin-bottom: 10px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}

.admin-content{
	width: 100%;
	padding: 15px;
	background-color: #FFF;
	border:1px solid #DDD;
	border-radius: 5px;
}

.admin-btn{
	width: 100%;
	height: 100px;
	padding: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: transparent;
	color: #777;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	border: 2px solid;
	border-radius: 5px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}

.admin-btn:hover{
	width: 100%;
	height: 100px;
	padding: 20px;
	background-color: #027C02;
	color: #EBEBEB;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	border: 3px solid;
	border-radius: 5px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}

.sons{
	padding: 10px;
	border-radius: 10px;
	background-color: #EAEAEA;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.dvDrop{
	border: 1px solid #DDD;
	overflow: auto;
	height: 250px;
	width: 100%;
	top: 50px;
	right: 0;
	border-radius: 3px;
	background-color: #FFF;
	padding: 5px;
}

.dvDrag1{
	width: 100%;
	padding: 2px;
	background-color: #008600;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}

.dvDrag3{
	width: 100%;
	padding: 2px;
	background-color: #FF0204;
	border-radius: 3px;
	text-align: center;
	color: #333;
	margin-bottom: 5px;
}

.dvDrag2{
	width: 100%;
	padding: 2px;
	background-color: #F8CF01;
	border-radius: 3px;
	text-align: center;
	color: #333;
	margin-bottom: 5px;
}

.dvDrag11{ 
	width: 100%;
	padding: 2px;
	background-color: red;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}

.dvDrag12{ 
	width: 100%;
	padding: 2px;
	background-color: white;
	border-radius: 3px;
	border: 1px solid #303030;
	text-align: center;
	color: #101010;
	margin-bottom: 5px;
}

.dvDrag10{ 
	width: 100%;
	padding: 2px;
	background-color: #0738fa;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}

.dvDrag4{
	width: 100%;
	padding: 2px;
	background-color: #F89E3D;
	border-radius: 3px;
	text-align: center;
	color: #333;
	margin-bottom: 5px;
}

.dvDrag6{
	width: 100%;
	padding: 2px;
	background-color: #FFFFFF;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #333;
	margin-bottom: 5px;
}

.dvDrag7{
	width: 100%;
	padding: 2px;
	background-color: #FFFFFF;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #333;
	margin-bottom: 5px;
}

.dvDrag8{
	width: 100%;
	padding: 2px;
	background-color: #FFFFFF;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #333;
	margin-bottom: 5px;
}

.dvDrag9{
	width: 100%;
	padding: 2px;
	background-color: #FFFFFF;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #333;
	margin-bottom: 5px;
}

.dvDrag5{
	width: 100%;
	padding: 2px;
	background-color: #000000;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDrag13{
	width: 100%;
	padding: 2px;
	background-color: #13779e;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDrag14{
	width: 100%;
	padding: 2px;
	background-color: #12acaf;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDrag15{
	width: 100%;
	padding: 2px;
	background-color: #59a1ad;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDrag16{
	width: 100%;
	padding: 2px;
	background-color: #0d0d75;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px; 
}
.dvDrag17{
	width: 100%;
	padding: 2px;
	background-color: #0e1e30;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDrag18{
	width: 100%;
	padding: 2px;
	background-color: white;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #404040;
	margin-bottom: 5px;
}
.btnPedido{
	padding: 7px;
    width: 100%;
    margin-bottom: 18px;
    border: 0;
    background: #3e88c7;
    border-radius: 4px;
    color: white;
    font-size: 15px;
    font-weight: 400;
    font: inherit;
}

/** Datepicker responsive **/
.ui-datepicker-responsive.sm-6 > .ui-datepicker{
	width: 45em !important;
}
.ui-datepicker-responsive.sm-6 > .ui-widget{
	font-size: 1em !important;
}

.ui-datepicker-responsive.sm-4 > .ui-datepicker{
	width: 26.5em !important;
}
.ui-datepicker-responsive.sm-4 > .ui-widget{
	font-size: 1.1em !important;
}

.ui-datepicker-responsive.sm-3 > .ui-datepicker{
	width: 20em !important;
}
.ui-datepicker-responsive.sm-3 > .ui-widget{
	font-size: 1.06em !important;
}

.ui-datepicker-responsive.sm-2 > .ui-datepicker{
	width: 20em !important;
}
.ui-datepicker-responsive.sm-2 > .ui-widget{
	font-size: .65em !important;
}
/** Datepicker responsive **/

/** Select2 **/
.select2 {
	max-width: 100% !important;
}
.select2-selection {
	overflow: hidden;
}
.select2-selection__rendered {
	white-space: normal;
	word-break: break-all;
}
/** Select2 **/

/** Spinner loader **/
.sk-fading-circle {
  /** margin: 100px auto; **/
  width: 14px;
  height: 14px;
	position: relative;
	margin-left: 10px;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}
/** Spinner loader **/
 /*-------------------- css loader  2-----------------------------*/

 .boxLoader{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999999;
    background: #0000001f;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
 } 
 .openloader{
	display: flex;
 }
 .loader {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
  }

  .loader:before,
  .loader:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
  }
  .loader:before {
    animation: ball1 1s infinite;
    background-color: #66a6e0;
    box-shadow: 30px 0 0 #ff3d00;
    margin-bottom: 10px;
  }
  .loader:after {
    animation: ball2 1s infinite;
    background-color: #26275b;
    box-shadow: 30px 0 0 #fff;
  }

  @keyframes rotate {
    0% { transform: rotate(0deg) scale(0.8) }
    50% { transform: rotate(360deg) scale(1.2) }
    100% { transform: rotate(720deg) scale(0.8) }
  }

  @keyframes ball1 {
    0% {
      box-shadow: 30px 0 0 #346bba;
    }
    50% {
      box-shadow: 0 0 0 #346bba;
      margin-bottom: 0;
      transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 #346bba;
      margin-bottom: 10px;
    }
  }

  @keyframes ball2 {
    0% {
      box-shadow: 30px 0 0 #fff;
    }
    50% {
      box-shadow: 0 0 0 #fff;
      margin-top: -20px;
      transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 #fff;
      margin-top: 0;
    }
  }
  
.ayuda {
    width: 20px;
}
.iconHeader{
	font-size: 18px;
}
.imgIcon{
    width: 45px;
	transition: 300ms all ease;
}
.userBtns div{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
/** Badge Tareas **/
.badge-task {
	visibility: hidden;
	float: right;
	margin-bottom: -10px;
	background-color: #f8910e;
}
.badge-task-show {
	visibility: visible;
}
/** Badge Tareas **/

/** Inspecciones **/
.select-group .form-control {
	width: 50%;
}
.input-group .form-control{
	z-index: 1;
}
/** Inspecciones **/
.menuBtn{
	background-color: #60a8ef !important;
}
.modal-2col {
	max-width: 1200px;
	margin: 30px auto;
}
.Btnregistrar{
	background: #edad16;
	color: white;
	width: 100%;
}
.box3Dates{
	display: flex;
}
.RecordValor{
	width: 25px;
    height: 25px; 
	background: grey;
    border-radius: 100%; 
}
.closeRecord{
	text-align: right;
    padding: 10px;
    font-size: 20px;
	cursor: pointer;
}
.amarillo{
 background: #ffc000;
}
.verde{
 background: #70ad47;
}
.rojo{
	background: red;
} 
#boxRecord{
	border-top: 1px solid #e3e3e3;
}
#BitacoraModal .fixed-table-body { 
	max-height: 60vh;
}
#myModalEditBit, 
#myModalEditBitPrio,
#BitModal{
	z-index: 1042;
}
.box3Dates input {
    width: 33.33%;
    padding: 10px;
}
.boxInfoBitacora{
	background: #d1d1d1;
    padding: 20px;
    border-radius: 10px;
	margin-bottom: 15px;
}
.textOverflow{
	max-width: 300px;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
}
.inputRadioNum{
	width: 100%; 
}
.solicitudes{
	display: flex !important;
    align-items: center;
    cursor: pointer;
	    font-size: 20px;
	    color: #737272;
    margin-right: 11px;
	    height: 50px;
}
.solicitudes img{ 
    height: 22px;
}
.closeInspect{
	display: none;
}
.w1200{
	max-width: 1200px;
    width: 90%;
}
.select2-container--open {
    z-index: 99999999 !important; /* Asegura que el dropdown esté por encima del modal */
}
.w950{
	max-width: 950px;
    width: 90%;
}
.overflwForm{
	max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.btn-group a .btn-default{
    overflow: auto  ;
}
.boxRadioLine{
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
.boxRadioLine .radio{
    margin-top: 10px;
}
.overflowTable{
	overflow-x: auto ;
	width: 100%;
}
.boxSupMenu{
	padding:0;margin-bottom:20px;width:100%;border-bottom: 5px solid #D7D7D7;border-radius: 5px;
}
.btnSupMenu{
	width:16.66%;float:left;
	overflow: hidden;
}
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }
   
  /* Ocultamos el checkbox html */
  .switch input {
	display:none;
  }
   
  /* Formateamos la caja del interruptor sobre la cual se deslizará la perilla de control o slider */
  .slidersw {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
   
  /* Pintamos la perilla de control o slider usando el selector before */
  .slidersw:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
   
  /* Cambiamos el color de fondo cuando el checkbox esta activado */
  input:checked + .slidersw {
	background-color: #60a8ef ;
  }
   
  /* Deslizamos el slider a la derecha cuando el checkbox esta activado */ 
  input:checked + .slidersw:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
   
  /* Aplicamos efecto de bordes redondeados en slider y en el fondo del slider */
  .slidersw.round {
	border-radius: 34px;
  }
   
  .slidersw.round:before {
	border-radius: 50%;
  }
  .contentSlider{
	display: none;
  }
  .boxBtnSliders{
	display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px; 
  }
  .bback{
    background: #f89731;
    color: white;
  }
  .bnext{
	background: #60a8ef;
    color: white;
  }
  .boxBtnSliders button{
	width: 100%;
    margin: 0 5px;
  }
  .contentSlider label{
    display: flex;
    justify-content: flex-start;
    align-items: center;
	width: 100%;
  }
  .boxTextoDoc{
	padding: 10px;
    background: white;
    margin-bottom: 10px;
    border-radius: 5px;
    max-height: 60vh;
    overflow-y: auto;
  }
  .boxBtnSliders button[disabled]{
	opacity: 0.3;
  }
  .contentSlider input{
	width: 100%;
    padding: 10px;
  }
  .contentSlider label input{ 
	width: max-content;
    margin: 0;
    margin-right: 5px;
  }
  .contentSlider  canvas {
    border: 2px solid #cdcdcd;
    background-color: #fff; 
    margin: auto; 
    display: block; 
	cursor: crosshair;
    touch-action: none; /* Para prevenir el desplazamiento en dispositivos táctiles */
} 
.boxTotal{
	display: flex;
}
.boxTotal label{
	margin-right: 20px;
    font-weight: bold;
    font-size: 15px;
}
.btnDeleteImg{
	position: absolute;                         
	top:5px;
    right: 5px;
    background: #ff0000;
    color: #fff;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
	height: 20px;
	width: 20px;
}
.boxRadio{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.boxRadio input{
	cursor: pointer;
}
.bitacuraIcon{
	display: flex !important;
    align-items: center; 
    height: 50px; 
	cursor: pointer;
}
.bitacuraIcon img{
	width: 20px;
    opacity: .7;
}
#imgDriverMsj{
	text-align: center;
    color: red;
    margin-top: 10px;
	border: 1px solid;
    padding: 5px;
}
.boxRadio label{
	margin-right: 15px;
}
#btnLimpiar{
    width: 100%;
    background: #f89731;
    border: 0;
    padding: 10px;
	color: white;
	border-radius: 5px;
	margin-top: 20px; 
	cursor: pointer;
}
.boxLimpiar{
	padding: 0 10px;
    margin-top: 10px;
}
#boxFotos{
	display: flex;
    flex-wrap: wrap;
}
.boxBtnAdd{
    display: grid;
    justify-content: center;
    align-content: center;
    background: #e1e1e1;
    border-radius: 5px; 
    margin-top: 10px;
    align-items: center;
    height: 285px;
}
#btnAddFoto i{
	font-size: 60px;
    color: #60a8ef ;
	cursor: pointer;
}
.imgFotoInspect{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    max-height: 225px;
}
.contentSlider .controls {
	margin-top: 10px;
}
.contentSlider .controls .button {
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
} 
.bgLogin{ 
	width: 100%;
}
.bgwhite{
	background: white; 
} 
/************************* media ****************************/
@media (max-width: 1200px) and (min-width: 992px){
	.contn {
		width: 1200px;
	}
	
	
} 

@media (max-width: 991px) and (min-width: 768px){
	.flxrow{
		flex-direction: column-reverse; 
	}
	.resps{
		margin-top: 146px !important;
	}
	.resps .btn-default { 
		width: 15vw !important;
		height: 15vw !important;
	}
	.noti {
		position: absolute;
		top: -88px;
		left: 106px;
		width: 40px;
	}
	.userBtns{
		width: 15vw;
		height: 15vw;
		
	} 
	.innerMenu {
		width: 100%;
		border-radius: 5px;
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.intMenuBtn1 {
		text-align: center;
		background: #058805;
		background: -moz-linear-gradient(top, #058805 1%, #078f07 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#058805), color-stop(100%,#078f07));
		background: -webkit-linear-gradient(top, #058805 1%,#078f07 100%);
		background: -o-linear-gradient(top, #058805 1%,#078f07 100%);
		background: -ms-linear-gradient(top, #058805 1%,#078f07 100%);
		background: linear-gradient(to bottom, #058805 1%,#078f07 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058805', endColorstr='#078f07',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.intMenuBtn2 {
		text-align: center;
		background: #ff2121;
		background: -moz-linear-gradient(top, #ff2121 0%, #b40916 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2121), color-stop(100%,#b40916));
		background: -webkit-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: -o-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: -ms-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: linear-gradient(to bottom, #ff2121 0%,#b40916 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2121', endColorstr='#b40916',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.intMenuBtn3 {
		text-align: center;
		background: #ffe608;
		background: -moz-linear-gradient(top, #ffe608 0%, #e48d1e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe608), color-stop(100%,#e48d1e));
		background: -webkit-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: -o-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: -ms-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: linear-gradient(to bottom, #ffe608 0%,#e48d1e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe608', endColorstr='#e48d1e',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.intMenuBtn12{
		text-align: center;
		background: #0738fa;
		background: -moz-linear-gradient(top, #0738fa 0%, #0d4386 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0738fa), color-stop(100%,#0d4386));
		background: -webkit-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: -o-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: -ms-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: linear-gradient(to bottom, #0738fa 0%,#0d4386 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0738fa', endColorstr='#0d4386',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
	}
	.btnSupMenu{
		width:33% !important;
	}
}

@media (max-width: 767px) and (min-width: 600px){
	
	.paddingUl{
		padding-left: 15px;
		padding-right: 15px;
		border-bottom: 0;
	}
	.columnBorder{
		border-right:0px;
	}
	.intMenuBtn1 {
		text-align: center;
		background: #058805;
		background: -moz-linear-gradient(top, #058805 1%, #078f07 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#058805), color-stop(100%,#078f07));
		background: -webkit-linear-gradient(top, #058805 1%,#078f07 100%);
		background: -o-linear-gradient(top, #058805 1%,#078f07 100%);
		background: -ms-linear-gradient(top, #058805 1%,#078f07 100%);
		background: linear-gradient(to bottom, #058805 1%,#078f07 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058805', endColorstr='#078f07',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.intMenuBtn2 {
		text-align: center;
		background: #ff2121;
		background: -moz-linear-gradient(top, #ff2121 0%, #b40916 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2121), color-stop(100%,#b40916));
		background: -webkit-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: -o-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: -ms-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: linear-gradient(to bottom, #ff2121 0%,#b40916 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2121', endColorstr='#b40916',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.intMenuBtn3 {
		text-align: center;
		background: #ffe608;
		background: -moz-linear-gradient(top, #ffe608 0%, #e48d1e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe608), color-stop(100%,#e48d1e));
		background: -webkit-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: -o-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: -ms-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: linear-gradient(to bottom, #ffe608 0%,#e48d1e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe608', endColorstr='#e48d1e',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.intMenuBtn12{
		text-align: center;
		background: #0738fa;
		background: -moz-linear-gradient(top, #0738fa 0%, #0d4386 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0738fa), color-stop(100%,#0d4386));
		background: -webkit-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: -o-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: -ms-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: linear-gradient(to bottom, #0738fa 0%,#0d4386 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0738fa', endColorstr='#0d4386',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
	}
	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
		width: 100%;
		border: 1px solid #DDD;
		background-color: #FFF;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		color: #555;
		cursor: default;
		background-color: transparent;
		border: 0;
		border-bottom-color: transparent;
	}
	.empleado {
		background-color: #EAEAEA;
		padding:10px;
		border-radius: 15px;
	}
} 
@media (max-width: 767px) and (min-width: 10px){
	.btnSupMenu{
		width:33% !important;
	}
	
	.userBtns{
		overflow: hidden ;
	} 
	.flxrow{
		flex-direction: column-reverse; 
	}
	.bitacuraIcon{
		display: block !important; 
		height: auto; 
		margin-left: 12px; 
	}
}
@media (max-width: 599px) and (min-width: 10px){
	.intMenuBtn15, .intMenuBtn13, .intMenuBtn14{
		width: 33% !important
	}
	.col-sm-3{
		width: 100%;
	}
	.resps i{
		font-size: 30px !important;
	}
	.resps{
		padding: 0 !important;
	}
	.resps .btn-default { 
		width: 25vw !important;
		height: 25vw !important;
	}
	.userBtns{
		width: 25vw;
		height: 25vw;
	} 
	.userBtns div {
		font-size: 10px; 
	}
	.btnSupMenu{
		width:33% !important;
		overflow: hidden !important;
	}
	.btnResponsive{
		width: 100% !important;
	}
	#dvEndForm .alert-warning {
		position: relative !important;
		width: 100%!important; 
	}
	.paddingUl{
		padding-left: 15px;
		padding-right: 15px;
		border-bottom: 0;
	}
	.noti {
		position: absolute;
        top: -62px;
        left: 64px;
        width: 40px;
        z-index: 9;
    }
	.noti-font{
		position: absolute;
		top: -4px;
		right: -2px;
		color: white;
		padding: 14px;
		background-image: url('https://sigmisataxisystem.com/view/images/noti.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	
	.noshow600{
		display:none;
	}
	.columnBorder{
		border-right:0px;
	}
	.homeBtn1 {
		white-space: normal !important;

		text-align: center;
		background: #058805;
		background: -moz-linear-gradient(top, #058805 1%, #078f07 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#058805), color-stop(100%,#078f07));
		background: -webkit-linear-gradient(top, #058805 1%,#078f07 100%);
		background: -o-linear-gradient(top, #058805 1%,#078f07 100%);
		background: -ms-linear-gradient(top, #058805 1%,#078f07 100%);
		background: linear-gradient(to bottom, #058805 1%,#078f07 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058805', endColorstr='#078f07',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		margin-bottom: 5px;
	}
	.homeBtn2 {
		white-space: normal !important;

		text-align: center;
		background: #ff2121;
		background: -moz-linear-gradient(top, #ff2121 0%, #b40916 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2121), color-stop(100%,#b40916));
		background: -webkit-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: -o-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: -ms-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: linear-gradient(to bottom, #ff2121 0%,#b40916 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2121', endColorstr='#b40916',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		margin-bottom: 5px;
	}
	.homeBtn3 {
		white-space: normal !important;

		text-align: center;
		background: #ffe608;
		background: -moz-linear-gradient(top, #ffe608 0%, #e48d1e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe608), color-stop(100%,#e48d1e));
		background: -webkit-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: -o-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: -ms-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: linear-gradient(to bottom, #ffe608 0%,#e48d1e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe608', endColorstr='#e48d1e',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		margin-bottom: 5px;
	}
	.homeBtn4 {
		white-space: normal !important;

		text-align: center;
		background: #0738fa;
		background: -moz-linear-gradient(top, #0738fa 0%, #0d4386 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0738fa), color-stop(100%,#0d4386));
		background: -webkit-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: -o-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: -ms-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: linear-gradient(to bottom, #0738fa 0%,#0d4386 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0738fa', endColorstr='#0d4386',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
	}
	.userBtns {
		background-color: #fff;
		border-radius: 5px;
		border: 2px solid #ccc;
		font-size: 32px; 
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s; 
	}
	.innerMenu {
		width: 100%;
		border-radius: 5px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
	}
	.menuBtn {
		background-color: #A09F9F;
		color: #FFFFFF;
		margin-top: 5px;
		margin-bottom: 5px;
		width: 100%;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
	}
	.intMenuBtn1 {
		text-align: center;
		background: #058805;
		background: -moz-linear-gradient(top, #058805 1%, #078f07 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#058805), color-stop(100%,#078f07));
		background: -webkit-linear-gradient(top, #058805 1%,#078f07 100%);
		background: -o-linear-gradient(top, #058805 1%,#078f07 100%);
		background: -ms-linear-gradient(top, #058805 1%,#078f07 100%);
		background: linear-gradient(to bottom, #058805 1%,#078f07 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058805', endColorstr='#078f07',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.intMenuBtn2 {
		text-align: center;
		background: #ff2121;
		background: -moz-linear-gradient(top, #ff2121 0%, #b40916 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2121), color-stop(100%,#b40916));
		background: -webkit-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: -o-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: -ms-linear-gradient(top, #ff2121 0%,#b40916 100%);
		background: linear-gradient(to bottom, #ff2121 0%,#b40916 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2121', endColorstr='#b40916',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.intMenuBtn3 {
		text-align: center;
		background: #ffe608;
		background: -moz-linear-gradient(top, #ffe608 0%, #e48d1e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe608), color-stop(100%,#e48d1e));
		background: -webkit-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: -o-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: -ms-linear-gradient(top, #ffe608 0%,#e48d1e 100%);
		background: linear-gradient(to bottom, #ffe608 0%,#e48d1e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe608', endColorstr='#e48d1e',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.intMenuBtn12 {
		text-align: center;
		background: #0738fa;
		background: -moz-linear-gradient(top, #0738fa 0%, #0d4386 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0738fa), color-stop(100%,#0d4386));
		background: -webkit-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: -o-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: -ms-linear-gradient(top, #0738fa 0%,#0d4386 100%);
		background: linear-gradient(to bottom, #0738fa 0%,#0d4386 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0738fa', endColorstr='#0d4386',GradientType=0 );
		color: #FFFFFF;
		font-weight: bold;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		border: none;
		width: 100%;
	}
	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
		width: 100%;
		border: 1px solid #DDD;
		background-color: #FFF;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		color: #555;
		cursor: default;
		background-color: transparent;
		border: 0;
		border-bottom-color: transparent;
	}
	.empleado {
		background-color: #EAEAEA;
		padding:5px;
		border-radius: 15px;
	}
}
@media (max-width: 350px) and (min-width: 10px){
	 
	.userBtns div {
		font-size: 16px; 
		white-space: nowrap;
	}
}