body{
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	line-height: 1.42857143;
	color: #333;
	padding-top: 60px;
	background: #fff;
}
.ui-datepicker {
    width: 19em;
}
a{
	color: #113293;
} 
h4 .fa{
 color: #f36124;
 padding-right: 5px;
}
.logo2{
	margin-bottom: 20px;
    background: white;
    padding: 10px;
    border-radius: 20px;
}

a{
	text-decoration: none;
}
.tituloC{
	font-size: 30px;
	font-weight: bold;
}
.msj{
	margin-top: 10px;
	font-size: 25px;
} 
.btnmsj{
	margin-top: 20px; 
}
.modalMsjC{
	text-align: center; 
}
.modalMsjC h3,.modalMsjC h5,.modalMsjC h4{
	margin:  5px;  
}
.modalMsjC h3{ 
	font-size: 35px;
}
.modalMsjC h5{ 
	font-size: 23px;
	line-height: 1.2;
}
.modalMsjC h4{ 
	font-size: 30px;
}
/*create*/
.time,
.mins,
.meridian {
	width: 56px;
	float: left;
	margin: 0 10px;
	font-size: 15px;
	color: #2d2e2e;
	font-family: arial;
	font-weight: 700;
}
.titulo{
	background: #f36124;
    color: white;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 20px; 
}
.total{
	background: #730d0e;
    color: white;
    text-align: center;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 10px 0;
    min-height: 152px; 
	width: 40%;
}
.btnmsj{
	margin-top: 20px; 
}
select { 
    margin-bottom: 10px;
}
#codigoScanner{
	width: 300px;
    padding: 8px;
}
.boxInpQr{
	display: flex;
    align-items: center;
    justify-content: center;
}
.boxTotal{
	display: flex;
}
.boxTotal label{
	margin-right: 20px;
    font-weight: bold;
    font-size: 15px;
}
.boxInpQr i{
    font-size: 40px;
    margin-right: 10px;
    color: #f36124;
}
.modalMsj{
    text-align: center;
    padding: 20px;
    border: 2px solid #a9d2ff;
}
.slick-slide img { 
    padding: 10px;
}
.carrusel.m{
	width: 95%;
    margin: auto;
} 
.carrusel div video , .carrusel div img{  
	margin: auto;
    display: block;
    padding: 0 10px;
	max-height: 250px;
} 
.mg0{
	margin: 0;
}
.total h2{
	margin: 0;
    color: white;
    font-weight: bold;
	font-size: clamp(20px, 1.5vw, 40px);
}
.pendiente{
	color: #f5873b;
}
.realizado{
	color: green;
}
.cancelado{
	color: #c20000;
}
.cobrado{
	color: #333;
}
.clinicaC{
	color: #0bb533;
}
.hotelC{
	color: #076bd8;
}
.peluqueriaC{
	color: #367eb8;
}
.descrip{
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    min-height: 130px; 
	background: white;
	width: 60%;

}
.descrip p{ 
	font-size: 14px;
	margin-bottom: 0;
	font-weight: bold;
	text-align: left;
}
.boxContents{
	display: flex;
} 
.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;
	
}
#preview{
	width: 100%;
	list-style: none;
}
#btnAcFotos{
	background: #f36124;
}
#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;
	color: #f36124;

}

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: 480px;
	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;
}
.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;
}
.btnPedido{
	padding: 7px;
    width: 100%;
    margin-bottom: 18px;
    border: 0;
    background: #f36124;
    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;
}
/*mi codigo*/
.minimizar{
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 22px;
    font-weight: bold;
    color: black;
	cursor: pointer;
	z-index: 12;
}
.minimizar:hover{
	color:#f36124; 
}
.btnMaximizar{
	padding: 9px .75rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    border-radius: .25rem;
    background-color: #f36124;
    color: #FFFFFF;
    margin-top: 5px;
    font-weight: bold;
    margin-bottom: 5px;
    height: 40px;
    width: 50px;
    cursor: pointer;
    vertical-align: middle;
    display: none;
}
.btnMaximizar:hover{ 
    color: white; 
    background: #f36124; 
}
#DivDraggable{
	background: white;
    padding: 20px 0px;
    box-shadow: 0px 4px 5px -1px;
    position: absolute;
    z-index: 9;
	border: 3px solid #f36124;
	cursor: all-scroll;
}
.ayuda, .bandera{
	width: 20px;
}
.boxImgComp{
	width: 100%;
	height: 260px;
	overflow: hidden;
	position: relative;
    z-index: 2;
}

.imgCompany{
	margin: auto;	
	display: block; 
	transition: 500ms all ease;
}
.modal-header {
    display: block;
}
.modal-header {
    color: #ffffff;
    background: #f36124;
}
.modal-header .close {
    color: #ffffff;
}
.tarea{
	padding: 0 32px;
}
.ico .input-group-addon i{
	padding: 12px 0;
}
.navbar-right{
	float: right!important;
    margin-right: -15px;
}
.navbar {
    padding: 0 1rem;
}
.navbar-nav {
    flex-direction: inherit;
}
.input-group {
    width: 100%;
}
.form-signin-heading{
	margin: 10px;
}
.input-group-addon.de{
	padding: 10px;
	background: #e9e9e9; 
	border-radius: 5px 0 0 5px;
}
.input-group-addon.iz{
	padding: 10px;
	background: #e9e9e9; 
	border-radius: 0px 5px 5px 0px;
}
.form-signin .input-group-addon{
	width: 47px;
    text-align: center;
    border: 1px solid #ced4da;
    background: white;
}
.form-signin .input-group-addon i{
	font-size: 21px;
}
form{
	width: 100%;
}
#txtPayAmount{
	width: 85%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.pluss{
	font-size: 26px;
	position: absolute;
	bottom: 0px;
	right: 0;
	line-height: 2;
}
.btnMenu{
	position: relative;
}
.btnMenu li{
	padding: 0px 10px;
}
.btnMenu li a{
	color: #777;
	padding: 0px 0;
}
.sidepanel  {
	width: 0;
	position: fixed;
	z-index: 1;
	height: fit-content;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
  }
  
  .sidepanel a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #fff;
	display: block;
	transition: 0.3s;
  }
  
  .sidepanel a:hover {
	color: #f1f1f1;
  }
  
  .sidepanel .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
  }
  
  .openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #141767;
	color: white;
	padding: 10px 15px;
	border: none;
	display: none;
	position: absolute;
	right: 40px;
    top: 1px;
  }
  
  .openbtn:hover {
	background-color:#444;
  }
.menuResponsive {
	display: none;
}
.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;
}
.menu a button{
	font-size: 13px;
}
/* .pd .form-control{
	height: 35px;
} */
.accionFix thead tr th:last-child , .accionFix tbody tr td:last-child{
    text-align: center;
    position: sticky;
    right: 0;
    background: white;
} 
.accionFix thead tr th:last-child .th-inner , .accionFix tbody tr td:last-child {
	border-left: 1px solid #dddddd;
}
.txtMonto label{
	margin: 0;
	font-size: 30px;
	color: #f36124;
}
@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.glyphicon-export:before {
	content: "\e170";
}
.glyphicon-th:before {
	content: "\e011";
}
.impuesto{
	text-align: right;
	font-weight:bold;
	border-radius: 6px;
}
.boxheadertitle{
	display: flex;
    align-items: stretch;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.iconBox{
	width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f8;
    border-radius: 5px;
	margin-right: 10px;
}
.subtotal{
	text-align: right;
	font-style:italic;
	border-radius: 6px;
}
.Monto{
	text-align: right;
	background: #f36124;
	border-radius: 6px;
}
.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;
  }
  textarea.form-control {
    height: 80px;
	}
  #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);
}
.bootstrap-table{
	width: 100%;
	padding: 0;
}
.contentDeuda {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  #btnSavePay{
	background: #565656;
	border: 1px solid #565656;
  }
  #btnPayDeuda{
	background: #565656;
	border: 1px solid #565656;
  }
  .btnPago{
	background: #919191;
	border: 1px solid #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 { 
	border-radius: 10px; 
	padding: 25px;
}

.loginBtn{
	background-color: #113293;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	color: white;
}
.relative{
	position: relative;
} 
.tableFiles td{
	padding: 0 15px;
}
.tableFiles input::file-selector-button {
	font-weight: bold; 
	padding: 0.5em;
	border: thin solid grey;
	border-radius: 3px;  
	background: #337abd;
	color: white;
	padding: 0.375rem 0.75rem;
  }
.imgBtnComp{
	border-radius: 20px;
    margin-top: 20px;
    box-shadow: 0 4px 9px -8px black;
    transition: 300ms all ease;
    overflow: hidden;
	height: 236.66px;
    display: flex;
    align-items: center;
    background: white;
    justify-content: center;
}.imgBtnComp:hover{
	box-shadow: 0 4px 9px -1px #00000059;
    transform: scale(1.05);
    z-index: 1;
    position: relative;
}
.registroL{
	max-width: 554px;
	width: 100%;
	margin: auto;
	padding: 20px;
	z-index: 1;
	box-shadow: 0 4px 6px -6px black;
	position: relative;
}
.goHome{
    position: absolute;
    left: 10px;
    top: 10px;
    color: #f36124;
    font-size: 50px;
    cursor: pointer; 
}.goHome:hover{
	opacity: .7;
}
.orange { 
background-color: #efa33f !important;
border: 1px solid #efa33f !important;
}
.orange:hover { 
background-color: #efa33f00 !important;
color: #efa33f !important;
}
.tableMenu{
	background: white;
}

.tableMenu thead tr{ 
	color: white;
    background: #f36124;
}
  
.tableMenu tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}
.registrop .lineasSec { 
    z-index: 1;
    opacity: .2;
    height: 100%;  
    width: auto;
	left: 0;
}

.imgBtnComp img{
    width: 95%;
}
.flexVertCenter{
    display: flex;
    align-items: center;
}
.flexVertCenter a{ 
	width: 100%;
}
#btnhistoria a{
	color: white;
    background: #007bff;
    padding: 5px 20px;
    border-radius: 6px;
}
.tableCambios{
	width: 100%;
	border: 1px solid #e5e5e5;
}
.tableCambios td{
	padding: 10px;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #e5e5e5;
    width: 50%;
}
.selector{
	width: 50px;
	cursor: pointer;
}
#outdiv{
	text-align: center;
}
#out-canvas{
	border: 4px dotted;
    border-radius: 10px;
	margin-bottom: 10px;
}
#qrfile{
	text-align: center;
}
.downImg{
	width: 30px;
    margin: auto;
    display: block;
	margin-top: 10px;
}
#result{
	text-align: center;
    border: 1px solid #dddddd;
    box-shadow: 0 4px 7px -6px black;
    border-radius: 10px;
	margin-top: 10px;
    background: aliceblue;
}
.iconImg{
	width: 24px;
	height: 24px; 
}
#lblDias{
	font-size: 20px;
    margin-top: 31px;
    display: block;
    color: #17599b;
}
#preview button{
	margin-left: 10px;
    background: #f36124;
    color: white;
    border: 0;
    margin-top: 10px;
    border-radius: 3px;
}
.oblig{
	color: red;
}
#btnCloseInp{
	padding: 0 10px;
    font-size: 20px;
    color: #f36124;
    cursor: pointer;
    font-weight: bold;
}
.btnCloseInp{
	padding: 0 10px;
    font-size: 20px;
    color: #f36124;
    cursor: pointer;
    font-weight: bold;
}
.gridFlex{
    display: flex;
    align-items: center;
}
.noti-font{
	position: absolute;
	top: -10px;
    right: 8px;
    color: white;
    background: #f68a23;
    min-width: 25px;
    min-height: 25px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
#divPendientes thead th{
	text-align: center;
}
.no-noti{
	display: none !important;
}
.usertxt img.imgBandera{
    width: 18px;
    height: 14px;
    border-radius: 0;
    margin: 0 4px;
}
#Hours{
	font-size: 12px;
}
.loginBtn:hover{
	background-color: #af1818;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s; 
	color: white;
}

.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;
}
.logoTopLink img{
	width: 100px;
}
.paddingButton{
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.bgWhite{
	background-color: #FFFFFF;
}
/*mi code*/
.footer{
	background: black;
	height: 50px;
	position: relative;
    z-index: 3;
}
.iconSocial{
width: 50px;
}
.tableBox{
	display: table;
}
.textSocial{ 
	color: white;
    font-weight: bold;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 75%;
}
.siteLanding{	
	padding: 10px;
    display: grid;
    font-size: 20px;
    text-align: center;
    color: white;
    font-weight: bold;
}
.navbarL {
    position: absolute;
    background-color: transparent;
    top: 35px;
    right: 0;
    width: 50%;
    text-align: center;
  }
  .fondoTermino .navbarL { 
    text-align: left;
  } 
  .navbarL a {
	color: #070847;
    text-align: center;
    font-weight: bold;
    padding: 14px 15px;
    text-decoration: none;
	font-size: 18px;
	cursor: pointer;
  }
  
  .navbarL a:hover { 
	color: #85b1eb; 
  }
  
.fondoLanding{
    position: relative;
    height: 100vh;
	width: 1200px;
	margin: auto;
} 
.fondoTermino .secion2 { 
    margin-top: 150px;
}
.fondoTermino .textLanding {
    font-size: 18px;
    padding: 30px 40px;
    background-color: #FAFAFA;
    border: 1px solid #D2D2D2;
	margin-bottom: 20px;
	text-align: justify;
}
.fondoTermino .textLanding span{ 
	font-size: 19px;
    font-weight: bold;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.logoTerm{
	position: absolute;
    left: 90px;
    top: 10px;
    width: 200px;
}
.FunImg{
	width: 135px;
	border: 3px solid white;
	margin-right: 10px;
}
.boxTextLanding{
    margin: 20px 0;
    display: table;
}
.lineasLanding{
	position: absolute;
	left: 0;
	top: 0;
	width: 745px;
}
.secion2{
    position: relative;
    width: 1200px;
    margin: 50px auto;
}
.secion3{
    position: relative;
	width: 1200px;
	margin: 50px auto;
}
.secion4{
    position: relative;
	background: #e7e7e7;
	z-index: 2;
}
.secion5{
    position: relative;
}
.logoLanding{
	width: 85%;
}
.logoLanding2{
	position: absolute;
    top: 0;
    bottom: 0;
	margin: auto;
	z-index: 2;
}
.lineasSec{
	position: absolute;
    top: 0;
    bottom: 0;
	margin: auto;
	z-index: 1;
	opacity: .2;
}
.secion4 .textLanding {
	color: rgb(0, 0, 0);
	margin: 0;
	display: table-cell;
    vertical-align: middle;
}
.secion5 .textLanding { 
	margin: 0;
	display: table-cell;
    vertical-align: middle;
}
.textLanding span{
	text-transform: uppercase;
	font-weight: bold;
}
.contentSeccion{
	width: 1200px;
    margin: 50px auto;
    padding: 50px 0;
}
.secion5 .FunImg{
    width: 90px;
}
.titTextLandin{
	font-weight: bold;
    font-size: 30px;
}
.textLanding{
	font-size: 18px;
}
.secion3 .titTextLandin{
	font-weight: bold;
    font-size: 30px;
    position: absolute;
    height: 40px;
    top: 0;
    bottom: 35px;
    left: 115px;
    margin: auto;
    color: white;
}
.imagenSeccion2{
	text-align: center;
    width: 400px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.btnLanding{
	width: 250px;
    height: 45px;
    border-radius: 50px;
    font-size: 20px;
    color: white;
    background: #7aa8e0;
    border: 0;
    font-weight: bold;
	text-transform: uppercase;
	border:1px solid #7aa8e0;
	transition: 300ms all ease;
}
.btnLanding:hover{
    color:  #8691a0;
    background: transparent;
}
.TitLanding{
	text-align: right;
    font-weight: bold;
    font-size: 36px;
}
.boxContentL{
    position: absolute;
    width: 600px;
    height: 435px;
    padding: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: right;
}
.containerProducto{
	transition: 500ms all ease;
	padding: 0;
}
.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:#f36124;
	color:#FFFFFF;
	margin-top: 8px; 
	transition:0.5s;
	padding: 10px;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	border: 1px solid #f36124;
}
#fileVac{
	opacity: 0;
    position: absolute;
    top: 0;
    padding: 10px;
    cursor: pointer;
}
.btnFileu{
	width: 100%;
    margin-top: 21px;
    background: rgb(96, 168, 239);
    color: white;
    padding: 8px 0;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}
#nameFile{
	position: absolute; 
    padding: 5px; 
}
.btnFileUp{
	position: relative;
    cursor: pointer;
}
.menuBtn:hover{
	background-color:transparent;
	color:#f36124;
}
.homeBtn{
    background-position: center;
    background-size: cover;
    height: 160px;
	width: 100%;
	margin-bottom: 20px;
	transition: 300ms all ease;
	cursor: pointer;
}
.homeBtn:hover{
    box-shadow: 0px 8px 11px -3px;
}
.homeBtn1{
	background-image: url("../images/ventas.png");
}

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

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

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

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

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

.homeBtn7{
	background-image: url("../images/peluqueria.png");
}

.homeBtn77{
	background-image: url("../images/logistica.png");
	height: 224px;
}
.homeBtn8{
	background-image: url("../images/callcenter.png");
}
.boxMenutiendas{
    margin: 130px auto;
}
.homeBtn9{
	background-image: url("../images/haztupedido.png");
height: 224px;
}
.homeBtn10{
	background-image: url("../images/consultaprod.png");
height: 224px;
}
.homeBtn11{
	background-image: url("../images/hotel.png"); 
}
.homeBtn12{
	background-image: url("../images/clinica.png"); 
}
.overflowTabla{
	width: 100%;
	overflow: auto;
}
.boxFlex{
	display: flex;
}
.boxFlex i{
	font-size: 27px;
    color: #137196;
    padding: 5px;
	cursor: pointer;
}
.nav-tabs {
	border-bottom: 1px solid #ddd;
	padding: 8px;
}
.nav-tabs a{
	margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 10px 15px;
}
.nav-tabs .active a{
	color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.userBtns{
	color:#333;
	background-color: #fff;
	border-radius: 5px;
	border: 2px solid #ccc;
	font-size: 32px;
	width: 100px;
	height: 100px;
	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-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}
.empleado{
	background-color: #EAEAEA;
	padding: 20px;
	border-radius: 15px;
}
img{
	width: 100%;
}
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: #397eb7; /* Old browsers */
	background: -moz-linear-gradient(top,  #397eb7 1%, #2d6592 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#397eb7), color-stop(100%,#2d6592)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #397eb7 1%,#2d6592 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #397eb7 1%,#2d6592 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #397eb7 1%,#2d6592 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #397eb7 1%,#2d6592 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397eb7', endColorstr='#2d6592',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;
	border-bottom: 5px solid  #D7D7D7;
}

.intMenuBtn1:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.intMenuBtn2{
	text-align: center;
	background: #0d0d75;/* Old browsers */
	background: -moz-linear-gradient(top,  #0d0d75 0%, #09095a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d0d75), color-stop(100%,#09095a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0d0d75 0%,#09095a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0d0d75 0%,#09095a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0d0d75 0%,#09095a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0d0d75 0%,#09095a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d75', endColorstr='#09095a',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: 0px 0px 0px 5px;
	border-bottom: 5px solid  #D7D7D7;
}

.intMenuBtn2:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.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:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.intMenuBtn10{
	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;
	border-bottom: 5px solid  #D7D7D7;
	
}
.intMenuBtn10:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}



.intMenuBtn4{
	text-align: center;
	background: #0e1e30; /* Old browsers */
	background: -moz-linear-gradient(top,  #0e1e30 0%, #08111b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e1e30), color-stop(100%,#08111b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0e1e30 0%,#08111b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0e1e30 0%,#08111b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0e1e30 0%,#08111b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0e1e30 0%,#08111b 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;
	border-bottom: 5px solid  #D7D7D7;
}
.intMenuBtn4:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.intMenuBtn5{
	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: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.intMenuBtn5:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.intMenuBtn6{
	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;
	border-bottom: 5px solid  #D7D7D7;
}
.intMenuBtn6:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.intMenuBtn9{
	text-align: center;
	background: #13779e; /* Old browsers */
	background: -moz-linear-gradient(top,  #147ba3 0%, #106080 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#147ba3), color-stop(100%,#106080)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #147ba3 0%,#106080 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #147ba3 0%,#106080 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #147ba3 0%,#106080 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #147ba3 0%,#106080 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: 0px 0px 0px 0px;
	border-bottom: 5px solid  #D7D7D7;
}
.intMenuBtn9:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px #00000054;
}

.intMenuBtn12{
	text-align: center;
	background: #59a1ad; /* Old browsers */
	background: -moz-linear-gradient(top,  #59a1ad 0%, #447b85 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a1ad), color-stop(100%,#447b85)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #59a1ad 0%,#447b85 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #59a1ad 0%,#447b85 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #59a1ad 0%,#447b85 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #59a1ad 0%,#447b85 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;
	border-bottom: 5px solid  #D7D7D7;
}
.intMenuBtn12:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px  #00000054;
}

.intMenuBtn13{
	text-align: center;
	background: #397eb7; /* Old browsers */
	background: -moz-linear-gradient(top,  #4ea2e7 0%, #397eb7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ea2e7), color-stop(100%,#397eb7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4ea2e7 0%,#397eb7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4ea2e7 0%,#397eb7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4ea2e7 0%,#397eb7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4ea2e7 0%,#397eb7 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;
	border-bottom: 5px solid  #D7D7D7;
}
.intMenuBtn13:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px  #00000054;
}

.intMenuBtn14{
	text-align: center;
	background: #076bd8; /* Old browsers */
	background: -moz-linear-gradient(top,  #3798ff 0%, #076bd8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3798ff), color-stop(100%,#076bd8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3798ff 0%,#076bd8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3798ff 0%,#076bd8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3798ff 0%,#076bd8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3798ff 0%,#076bd8 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;
	border-bottom: 5px solid  #D7D7D7;
}
.intMenuBtn14:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px  #00000054;
}
.intMenuBtn15{
	text-align: center;
	background: #0bb533; /* Old browsers */
	background: -moz-linear-gradient(top,  #13db41 0%, #0bb533 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13db41), color-stop(100%,#0bb533)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #13db41 0%,#0bb533 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #13db41 0%,#0bb533 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #13db41 0%,#0bb533 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #13db41 0%,#0bb533 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: 0px 0px 5px 0px;
	border-bottom: 5px solid  #D7D7D7;
}
.intMenuBtn15:hover{
	color:#fff;
	box-shadow: inset 0px 3px 6px 1px  #00000054;
}
.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;
	display: none;
 }

.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: 5px;
	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;
}

.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);
  }
}
.fixed-table-toolbar:empty {
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: none;
}
/* Estilos generales */
.image-uploader {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --primary-color: #4361ee;
    --hover-color: #3a56d4;
    --success-color: #4cc9f0;
    --error-color: #f72585;
    --text-color: #495057;
    --light-gray: #e9ecef;
    --border-radius: 8px;
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Contenedor principal */
.upload-container {
    position: relative;
    width: 100%;
    height: 250px;
    margin-bottom: 15px;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: var(--transition);
}

.upload-container:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Área de preview */
.preview-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #f8f9fa;
    background-image: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
    position: relative;
    overflow: hidden;
    border: 2px dashed var(--light-gray);
    transition: var(--transition);
}

.upload-container:hover .preview-container {
    border-color: var(--primary-color);
    background-image: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
}

.upload-container.dragover .preview-container {
    border-color: var(--success-color);
    background-image: linear-gradient(135deg, #e6f7ff 0%, #d0f0fd 100%);
}

/* Contenido del upload */
.upload-content {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.upload-icon {
    font-size: 48px;
    color: var(--primary-color);
    margin-bottom: 15px;
    transition: var(--transition);
}

.upload-instruction {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 5px;
}

.upload-subtext {
    font-size: 13px;
    color: #6c757d;
}

/* Imagen preview */
.preview-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 9;
    display: none;
}

/* Input file */
.file-input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

/* Detalles del archivo */
.file-details {
    padding: 0 10px;
}

.file-info {
    font-size: 13px;
    color: var(--text-color);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.file-info i {
    margin-right: 8px;
    color: var(--primary-color);
}

.file-progress {
    height: 6px;
    background-color: var(--light-gray);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 5px;
    display: none;
}

.progress-bar {
    height: 100%;
    width: 0;
    background-color: var(--success-color);
    transition: width 0.3s ease;
}

/* Efectos para múltiples archivos */
.multiple-files {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background-color: var(--primary-color);
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
    display: none;
}
.form-control{ 
	height: 47px;
	border: 1px solid #cccccc;
}
.search .form-control{
    background: #fff;
	height: 47px;
}
.fixed-table-toolbar .btn-group>.btn-group>.btn { 
    background: #dbdde1;
}
 .fixed-table-toolbar .search {
 
    margin-right: 5px;
}
.page-number a, .page-pre, .page-first, .page-next, .page-last {
	height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center; 
    border-radius: 5px;
	color: black;
}
.w100{
	width: 100% !important;
}
.page-number.active a{ 
    background: #f36124; 
	color: white;
} 
.fixed-table-toolbar{
	display: block;
    width: 100%;
    height: 69px;
    background: #f7f7f8;
    border-radius: 10px;
    margin: 20px 0;
}
.fixed-table-toolbar .btn-group>.btn-group{
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	margin: 0 5px;
	padding: 0;
}
.fixed-table-toolbar .btn-group>.btn-group>.btn{
	padding: 6px 10px;
	height: 35px;
}
.fixed-table-toolbar .dropdown-menu::-webkit-scrollbar,.overflowTabla::-webkit-scrollbar {
	width: 5px;
	height: 5px;
  background: #fff0;
}
.fixed-table-toolbar .dropdown-menu::-webkit-scrollbar-thumb, .overflowTabla::-webkit-scrollbar-thumb {
	background: #f36124;
  border-radius: 20px;
}
.dropdown-menu{
    padding: 10px;
}
.msjError{
	background: rgb(255, 147, 147);
	padding: 10px;
	text-align: center;
	width: 100%;
}
.export li{
	padding:0 10px;
}
.export li:hover{
	background: #f36124;
}
.export li a:hover{
	color: white;
}
.excelExport{
	width: 100%;
	background-color: #FFF;
	color: #207245;
	border: 3px solid;
	margin-top: 4px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}
.btn {
    min-height: 47px;
    margin-top: 8px; 
}
.excelExport:hover{
	width: 100%;
	background-color: #207245;
	color: #FFF;
	border: 3px solid;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}
.excelExport img{
 width: 25px;
}
.admin-content{
	width: 100%;
	padding: 15px;
	background-color: #FFF;
	border:1px solid #DDD;
	border-radius: 5px;
}
.admin-content .titData{
    font-size: 14px;
    font-weight: 500;
}
.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: #f36124;
	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;
}

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

.dvDragTaxi{
	width: 100%;
	padding: 2px;
	background-color: #FF0204;
	border-radius: 3px;
	text-align: center;
	color: #333;
	margin-bottom: 5px;
}
.dvDragIngresos{
	width: 100%;
	padding: 2px;
	background-color: #264555;
	color: white;
	border-radius: 3px;
	text-align: center;
	margin-bottom: 5px;
}
.dvDragChofer{
	width: 100%;
	padding: 2px;
	background-color: #0d0d75;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}

.dvDragReq{
	width: 100%;
	padding: 2px;
	background-color: #109c9f;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDragDesp{
	width: 100%;
	padding: 2px;
	background-color: #4491d1;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDragHotel{
	width: 100%;
	padding: 2px;
	background-color: #076bd8;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDragClinica{
	width: 100%;
	padding: 2px;
	background-color: #0bb533;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDragAlert{
	width: 100%;
	padding: 2px;
	background-color: #d40000;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDragInv{
	width: 100%;
	padding: 2px;
	background-color: #49848f;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDragInventario{
	width: 100%;
	padding: 2px;
	background-color: rgb(89, 161, 173);
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.dvDragAdmin{
	width: 100%;
	padding: 2px;
	background-color: #0e1e30;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}

.dvDragCallCenter{
	width: 100%;
	padding: 2px;
	background-color: #127196;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}
.vDragTaxi{
	width: 100%;
	padding: 2px;
	background-color: #8b1096;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}

.dvDragTaller{
	width: 100%;
	padding: 2px;
	background-color: /*#5c1096*/#ffffff;
	border-radius: 3px;
	text-align: center;
	color: #000;
	border:1px solid black;
	margin-bottom: 5px;
}

.dvDragEstad{
	width: 100%;
	padding: 2px;
	background-color: /*#27b90a*/#ffffff;
	border:1px solid black;
	border-radius: 3px;
	text-align: center;
	color: #000;
	margin-bottom: 5px;
}
.dvDragManten{
	width: 100%;
	padding: 2px;
	border:1px solid black;
	background-color: /*#94410a*/#ffffff;
	border-radius: 3px;
	text-align: center;
	color: #000;
	margin-bottom: 5px;
}
.dvDragOthers{
	width: 100%;
	padding: 2px;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-align: center;
	color: #000;
	margin-bottom: 5px;
}


/** 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 **/


/** 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; 
}

/** Select2 **/
.select2 {
	max-width: 100% !important;
	    display: inline;
}
.select2-selection {
	overflow: hidden;
}
.select2-selection__rendered {
	white-space: normal;
	word-break: break-all;
}
/** Select2 **/
.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 **/

/** Badge Tareas **/
.badge-task {
	visibility: hidden;
	position: absolute;
	margin-bottom: -10px;
	background-color: #f8910e;
	top: -8px;
	left: 18px;
	color: white;
}
.badge-task-show {
	visibility: visible;
}
/** Badge Tareas **/

/* -------------------------------ccs de las notas--------------------------------------- */
/* * Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}
/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* * Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
.noflick, #board, .note, .button {
  -webkit-perspective: 1000;
          perspective: 1000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/* ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
:placeholder { 
  color: rgba(0, 0, 0, 0.7);
} */

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#board {
  padding: 30px;
  margin-top: 40px;
  overflow-y: visible;
}
.note .Turno.cnt{
	color: #f92d2d;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.note {
	display: block;
	margin: 30px auto;
	position: relative;
	padding: 1em;
	border-radius: 5px;
	max-width: 270px;
	height: max-content;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.25)));
	background: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.25));
	background-color: #fffd75;
	box-shadow: 5px 5px 10px -2px rgba(33, 33, 33, 0.3);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
	-webkit-transform: skew(-3deg, 6deg);
	transform: skew(-3deg, 6deg);
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	z-index: 1;	
}
.showQRCode img{
	width: 300px;
	margin: auto;
	display: block;
}
.hotel{
	background-color: #076bd8;
    color: white;
}
.peluqueria{ 
	background-color: #ea6143;
    color: white;
}
.hotel .title{
	color: white !important;
}
.hotel .button.remove{
	color: white !important;
}
.clinica{
	background-color: #0bb533;
    color: white;
}
.clinica .title{
	color: white !important;
}
.clinica .button.remove{
	color: white !important;
}
.chinche{
	width: 30px;
	height: 40px;
	position: absolute;
	top: -25px;
	left: 0;
	opacity: 1;
	transition: 500ms all ease;
}
.note:hover .chinche{
	opacity: 0;
}
.note:hover {
	cursor: pointer;
	transform: skew(0deg, 0deg);
	transform: scale(1.2);
}
.note.ui-draggable-dragging:nth-child(n) {
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(1.125) !important;
          transform: scale(1.125) !important;
  z-index: 100;
  cursor: move;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.note .title {
  font-size: 24px;
  line-height: 1.2;
  color: #000000;
  height: 35px;
	margin-top: 20px;
	position: relative;
}
.checkIcon{
	width: 20px;
	height: 20px;
}
.note .cnt {
	font-size: 17px;
}
.green{
	background-color: green;
	color:white;
}
.red {
	background-color: red;
	color:white;
}
.red::-webkit-input-placeholder, 
.green::-webkit-input-placeholder,
.green.note .title,
.red.note .title, 
.red .button.remove, 
.green .button.remove,
.red .note .cnt, 
.green .note .cnt{
	color:white;
}
/* Button style  */
.button.remove {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	text-align: center;
	line-height: 16px;
	padding: 10px;
	font-size: 20px;
	color: #676767;
	font-weight: bolder;
	font-family: Helvetica, Arial, sans-serif;
}
.button.remove:hover {
  color: #000;
}
#add_new {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 100;
	background: #f36124;
	border: 1px solid #f36124;
	color: white;
	padding: 10px 20px;
	font-size: 1rem;
	border-radius: 5px;
}
#add_new:hover {
	background: #fff;
	color: #f36124;
}
.author {
  position: absolute;
  top: 20px;
  left: 20px;
}
.noPad, .noPadding{
 padding: 0;
}
.noPadLeft{
	padding-left: 0;
}
#timePedido{
	float: right;
	font-size: 15px;
	padding-top: 8px;
}
#DeleteImgModal{
	background: #0000008a;
}
#multi-selector-uniq{
	text-align: center;
}
.titData{
	color: #000;
}
.space-around{
	justify-content: space-around !important;
}
.space-between{
	justify-content: space-between !important;
}
.monto{
	font-size: 24px;
    font-weight: bold;
}
.card-body{
	padding: 25px;
    border-radius: 10px;
    background: #f7f7f8;
	margin-bottom: 15px;
}
.pt-30{
	padding-top: 30px !important;
}
.ptb-30 {
	padding: 30px 0 !important;
}
.mt-30{
	margin-top: 30px !important;
}
.mb-30{
	margin-bottom: 30px !important;
}
.mtb-30{
	margin: 30px 0 !important;
} 
.bootstrap-table .table thead>tr>th {
    padding: 0;
    margin: 0;
    border: 0;
}
thead{
    border-bottom: 1px solid #dee2e6;
}
.table{
    border: 0px solid #dee2e6;
	color: #676f7e;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: white;
}
body .container .fixed-table-container tbody td { 
    border: 0;
    border-bottom: 1px solid #dee2e6;
    padding: 15px  !important;
}
.fixed-table-container { 
	border: 0;
}
.verMas{
	background: none;
    border: none;
    font-size: 15px;
	padding: 10px;
}
.verMas:hover{
	background: #f2f2f2;
}
.activity{
	padding: 20px 30px;
}
.activity li{
	padding: 15px 0;
}
.w100{
	width: 100%;
}
.titleDiv{
    padding: 20px;
    font-size: 20px;
    display: flex;
    font-weight: bold;
    border-bottom: 1px solid #dee2e6;
    justify-content: space-between;
}
.progress{
	height: 30px; 
    width: 30px;
}
.progress-circle{
	--bs-progress-bar-bg: currentColor;
    background-image: conic-gradient(var(--bs-progress-bar-bg), var(--bs-progress-bar-bg) calc(1turn* var(--bs-progress-circle-value) / 100), transparent calc(1turn* var(--bs-progress-circle-value) / 100), transparent);
    border-radius: 100%;
}
.border{
	border: 1px solid #e5e5e5;
    border-radius: 10px;
}
.border-bottom{
	border-bottom: 1px solid #e1e1e1;
}
.card-hover:hover{
	background: #bfbfbf;
} 
.card-hover:hover .dataIcon .fa {
	color: #f36124;
	transition: 300ms all ease;
} 
.card-hover:hover .dataIcon{
	box-shadow: 0 3px 9px -3px #000;
	transition: 500ms all ease;
} 
.dataIcon{
	width: 58px;
    height: 58px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 100%;
	color: #000;
}
.boxForm{
	width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.boxImg{
    width: 50%;
    background: url(../images/fondologin.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}
.boxLogin{
	display: flex;
	flex-wrap: wrap;
}
.bootstrap-table .btn-group .btn{
    margin-top: 0;
}
.boxMenuLateral{
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 999;
    background: #f7f7f8;
    box-shadow: 3px 7px 11px -5px #b3b3b3;
    transition: 300ms all ease;
    height: 100vh;
    overflow-y: auto;
    max-width: 303px;
    width: 100%;
    padding: 20px;
}
.shadow{
	box-shadow: 0 7px 10px -8px #000000a6;
}
.card{
	box-shadow: 0 7px 10px -8px #000000a6; 
	padding: 20px;
}
.containerMenu{
    width: 90%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap: wrap;
}
.menuLateral{
    transition: 300ms all ease;
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 25px;
    background: #f36124;
    color: white;
    border-radius: 3px;
    border: 0;
    z-index: 999;
    padding: 0 10px;
}
div.zabuto_calendar .badge-today, div.zabuto_calendar div.legend span.badge-today {
    background-color: #f36124; 
}
.boxMenuLateral .homeBtn{
	height: 95px;
}
.boxMenuLateral  .userBtns{
	color: black;
    font-size: 30px;
	transition: 300ms all ease;
	background: transparent;
    border: 0;	
    height: max-content;
    width: max-content;
}
.boxMenuLateral  .userBtns:hover{
	color: #007bff;
}
.boxIconsOpt{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.boxIconsOpt i{
	color: black;
    font-size: 30px;
	transition: 300ms all ease;
}
.boxIconsOpt i:hover{
	color: #007bff;
}
.boxMenuLateral img {
    transition: 300ms all ease;
	margin-bottom: 20px;
}
.boxMenuLateral img:hover {
    box-shadow: 0px 8px 11px -3px rgba(117, 117, 117, 0.562);
}
.well {
	padding: 25px;
    border-radius: 10px;
    background: #f7f7f8;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.boxhistorial{
	border: 1px solid black;
    padding: 20px;
    border-radius: 3px;
    margin: 10px 0;
    background: #f3f3f3;
}
.boxMenuLateral::-webkit-scrollbar {
    width:10px;
    background:#ffffff00;        
}
.boxMenuLateral::-webkit-scrollbar-thumb {
    
background: #f36124;
border-radius:20px; 
}
.boxSupCat::-webkit-scrollbar {
	width: 3px;
    background:#ffffff00;        
}
.boxSupCat::-webkit-scrollbar-thumb {
    
	background: #f36124;
	border-radius:20px; 
}
.boxMenuLateral .imgCompany{
	width: 100%;
	margin-bottom: 20px;
}
#boxCatselecionada{ 
    align-items: center;
	margin-bottom: 10px;
	display: none;
}
.boxMascotasTinp{
	display: flex;
    flex-wrap: wrap;
}
.boxMascotasTinp .form-group{
	width: 49%;
}
.margRigth5{
	margin-right: 5px;
}
.imgSelecCat{
	width: 70px;
	height: 70px;
    margin: 15px 10px;
    border-radius: 5px;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.boxOpciones{
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: auto;
    /* max-height: 480px; */
    justify-content: flex-start;
}
.btnCategoria{
	width: 100%;
    background: #919191;
    color: white;
	margin: 5px 2px;
	white-space: nowrap;
}
.btnCategoria:hover{	
    color: white;
	opacity: .7;
}
.btnCategoria.catActive{
    border-color: #f36124;
}
.boxSupCat{ 
    flex-wrap: wrap;
    align-items: center;
    overflow: auto;
    max-height: 208px;
	display: none;
}
.boximgCat{
	width: 94px;
    height: 94px;
    border-radius: 5px;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	margin: 5px;
	cursor: pointer;
	border: 3px solid #fff;
}
.boximgCat.imgSelectCategoria{ 
	border: 3px solid #f36124;
	box-shadow: 0 3px 10px -6px black;
}
.nav-pills{
	display: flex ;
	flex-direction: column;
    width: 100%;
    overflow-y: auto;
    max-height: 400px;
    flex-wrap: nowrap;
} 
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	color: #fff;
    background-color: #f36124;
}
.nav-link{
	font-size: 16px;
	color: #454545;
}
/* .nav-link:hover{
    background: #d5d5d5;
} */
.nav-pills .nav-link { 
    padding-left: 40px;
	position: relative; 
}
.nav-pills .nav-link::after{
    content: '';
    height: 30px;
    width: 1px;
	background: #f36124;
    position: absolute;
    top: -15px;
    left: 20px;
}
.nav-pills .nav-link::before{
	content: '';
    height: 1px;
    width: 15px;
	background: #f36124;
    position: absolute;
    top: 15px;
    left: 20px;
}
.nav-item{
	width: 100%;
	position: relative;
}
.nav-item .fa-plus{ 
	position: absolute;
    font-size: 10px;
    right: 6px;
    top: 15px;
}
.display-flex{
	display: flex;
	align-items: center;
} 
.navbar-header{
	display: flex ;
		align-items: center;
		justify-content: space-between;  
		padding: 10px;
		margin-left: 25px;
		width: 100%;
		max-width: 340px;
}
.UserMenu{
	display: none;
	position: absolute;
    background: white;
    border-radius: 10px;
    padding: 10px;
    min-width: 200px;
    top: 50px;
	right: 0;
	list-style-type: none;
	font-size: 16px;
	z-index: 9999;
	box-shadow: 0 8px 12px -7px black;
}
.UserMenu li a{
	padding: 10px;
	color: #797979;
	display: block;
}
.UserMenu li a:hover{
	background: #efefef !important;
}
.boxUserMenu{
	position: relative;
}
.boxUserMenu:hover .UserMenu{ 
	display: block;
}
.btnAddn{ 
	font-size: 26px;
	position: absolute;
	bottom: 0px;
	right: 0;
	top: 7px;
	height: 48px;
	margin: auto 10px;
	background: #f36124;
	color: white;
	padding: 0px 13px;
	border-radius: 5px; 
}
.usertxt{
	display: flex ;
	 align-items: center;
	 cursor: pointer;
}
.usertxt img{
	height: 100%;
    width: 100%;
	object-fit: cover;
}
.boximgUser{
	width: 50px;
    border-radius: 100%;  
	overflow: hidden;
	margin-right: 10px;
	height: 50px;
	border: 1px solid #cbcbcb;
    display: flex;
    justify-content: center;
    align-items: center;

}
.usertxt div{
	font-size: 15px;
	font-weight: bold;
}
.collapsed {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
} 
.collapsed.open {
    max-height: 800px; /* Ajusta este valor según el contenido */
} 
.select2-container--bootstrap .select2-selection--single {
    height: 46px; 
    padding: 12px 10px;
}
.form-group .select2-container--bootstrap .select2-selection--single {
    background: #f7f7f8;
	border:0;
}
/* Style the tab */
.tab {
	overflow: hidden; 
	background-color: #f1f1f1;
	display: flex;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	width: 100%;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
	background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
	background-color: #fff;
  }
  
  /* Style the tab content */
  .tabcontent {
	display: none;
	padding: 6px 12px;
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s;
  }
  
  /* Fade in tabs */
  @-webkit-keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
  }
  
  @keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
  }
  .upload-container {
    text-align: center;
    background: white;
    padding: 20px;
    border-radius: 10px; 
}

.custom-file-upload {
    border: 2px solid #f36124;
    color: #f36124;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    transition: background-color 0.3s, color 0.3s;
}

.custom-file-upload:hover {
    background-color: #f36124;
    color: white;
}

#file-upload {
    display: none;
}

.image-preview {
	width: 150px;
    height: 150px;
    margin: 20px auto;
    border: 2px dashed #ccc;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.image-preview__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.image-preview__default-text {
    color: #888;
    font-size: 14px;
}
.h3, h3 {
    font-size: 23px;
}
/*MEDIA*/
@media (max-width: 1900px) and (min-width: 1351px){
	.lineasLanding { 
		width: 800px;
	}
}
@media (max-width: 2000px) and (min-width: 1200px){
 
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 90%;
	}
}

@media (max-width: 1350px) and (min-width: 800px){
	.boxContentL{
		width: 50%;
	}
	.lineasLanding { 
		width: 690px;
	}
}
@media (max-width: 1200px) and (min-width: 600px){
 
}
@media (max-width: 1200px) and (min-width: 992px){
	.contn {
		width: 1200px;
	}	
	
	.conductor .col-xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.conductor .col-xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	
	.boxMascotasTinp .form-group {
		width: 100%;
	}
	.margRigth5{
		margin-right: 0;
	}
}
@media (max-width: 1200px) and (min-width: 769px){
	.secion2  , .secion3 , .contentSeccion , .fondoLanding { 
		width: 100%; 
	}
	.logoLanding2 { 
		width: 90%;
	}
	
}
@media screen and (min-width: 800px){
	.modal-dialog {
    max-width: 800px;
}
#modalPagarOsc .modal-dialog {
    max-width: max-content;
}
}
@media (max-width: 845px) and (min-width: 1px){ 
	.containerMenu{
		padding-bottom: 10px;
		justify-content: center;
	}
	.boxLogin{
		flex-direction: column-reverse;
	}
	.boxForm {
		width: 100%; 
	}
	.boxImg{
		width: 100%; 
		min-height: 100px;
	}
}
@media (max-width: 768px) and (min-width: 1px){
	.col-sm-11{
		max-width: 90%;
	}
	.col-sm-1{
		max-width: 10%;
	}
	.homeBtn10, .homeBtn9{ 
		height: 195px !important;
	} 
	.modalMsjC h3{ 
		font-size: 25px;
	}
	.modalMsjC h5{ 
		font-size: 20px;
	}
	.modalMsjC h4{ 
		font-size: 24px;
	}
	.boxContent{
		max-width: 80% !important;
	}
	.margReps{
		margin-top: 15px;
	}
	.boxOpciones{
		margin-bottom: 20px;
	}
	.boxMenutiendas{
		width: 100%;
		margin: 90px auto;
	}
	.lineasLanding {
		width: 100%;
		opacity: .1;
	}
	.boxContentL { 
		width: 100%; 
		text-align: center;
	}
	.navbarL { 
		width: 100%; 
	}
	.imagenSeccion2 { 
		width: 100%;
		position: inherit; 
	}
	.secion3 .titTextLandin {  
		font-size: 30px;
		bottom: 41px;
		left: 58px;
	}
	.titTextLandin , .textLanding{ 
		padding: 10px;
	}
	.lineasSec {
		display:none;
	}
	.navbarL a { 
		padding: 14px 5px; 
		font-size: 15px; 
	}
	.secion2  , .secion3 , .contentSeccion , .fondoLanding { 
		width: 100%; 
	}
	.logoLanding2 {
		position: inherit; 
	}
	.openbtn {
		display: block;
	} 
	.txtMonto label {
    margin: 0;
    font-size: 20px;
    color: #f36124;
	} 
	.btnMenu{
		display: none;
	} 
	.sidepanel a {
		padding: 0px;
		font-size: 18px;
	}
	.active{
		background-color: white;
	}
	.InnerBtnResp{
		display: block;
	}
	
	#collapseTabs li{
		margin-top: 15px;
	}
	.columnBorder{
		border-right:0px;
	}
	.h3, h3 {
    font-size: 20px;
	}
	.homeBtn {
    height: 100px;
	}
	.userBtns {
    width: 65px;
    height: 65px;
	}
	.overFlowGraf{
		overflow: auto;
    width: 100%;
    height: max-content;
	}
}
@media (max-width: 991px) and (min-width: 768px){
	.openbtn {
		display: block;
	}
	.btnMenu{
		display: none;
	}
	.innerMenu {
		width: 100%;
		border-radius: 5px;
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 767px) and (min-width: 600px){
	.paddingUl{
		padding-left: 15px;
		padding-right: 15px;
		border-bottom: 0;
	}
	.imgBtnComp img {
		width: 236px;
	}
	.flexVertCenter { 
		justify-content: center;
	}
	.navbar-collapse{
		padding: 0px;
	}
	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
		width: 100%;
		border: 0px solid #DDD;
		padding: 5px;
	}
	.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: 599px) and (min-width: 100px){
	.slick-slide video, .slick-slide img{
		height: 350px !important;
		width: auto;
	}
	.search .form-control{
		border: 1px solid #b9b9b9;
	}
	.imgBtnComp img {
		width: 236px;
	}
	.flexVertCenter { 
		justify-content: center;
	}
	.boxMascotasTinp .form-group {
		width: 100%;
	}
	.margRigth5{
		margin-right: 0;
	}
	.boxMenutiendas{
		width: 100%;
		   margin: 0px auto;
		}
		.boxMenuLateral	.col-sm-6 {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
	.secion3 .titTextLandin {
		font-size: 19px;
		bottom: 19px;
		left: 24px;
	}
	.col-xs-6{
		width: 50%;
	}
	.noPad{
		padding: 0 15px;
	 }
	 .noPadLeft{
		padding-left: 15px;
	}
	.paddingUl{
		padding-left: 15px;
		padding-right: 15px;
		border-bottom: 0;
	}
	.nav-tabs {
    border: 1px solid #ddd;
    padding: 8px;
    background: white;
}
.tablaGraf{
	padding: 0;
}
.tablaGraf .table{
	width: 96%;
}
	 
	.overFlowGraf {
    overflow: auto;
		width: 300px;
    height: max-content;
}
	.active {
    background-color: #f36124;
	}
	.active a{
		color: #fff !important;
	} 
	
	.noshow600{
		display:none;
	}
	.columnBorder{
		border-right:0px;
	}
	.homeBtn {
		background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
    width: auto;
}
.wminRes{
	width: 8%;
}
.wReponsive{
	width: 50%;
}
.userBtns {
	height: 70px;
	margin-bottom: 20px;
	width: 60px;
}

	.innerMenu {
		width: 100%;
		border-radius: 5px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
	}
	.menuBtn {
		color: #FFFFFF; 
		width: 100% !important;
	}.menuBtn:focus {
		outline: none !important;
		border:2px solid gray;
		box-shadow: 0 0 10px #719ECE;
	  }
	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
		width: 100%;
		padding: 5px;
	}
	.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;
	}
}