#page-topbar{background-color:#4c89a1 !important;}
.page-content{min-height:1000px;}
.tab-pane{min-height:800px;width:100%;padding-bottom: 10%;}
.tab-pane embed{width:100%;height:100%;}

.header-search{background:#155c72;color:#fff;}

.header-search input{background:#fff !important;color:#444 !important;}
.header-search span{color:#4c89a1 !important; margin-left:1% !important;}


.infoEmpresa h1{font-size:4em;}
.infoEmpresa .email, .infoEmpresa .phone{text-align: right !important;}
.Eleft{font-size:1em;}
.Eright{margin-top:3%;font-size:1.2em !important;}

.modulosHab{border-bottom:2px solid #444;padding-bottom:2px;}
.modulosHab i{background:#4c89a1;color:#fff;padding:0.2em;font-size:0.8em;border-radius:5px;}

footer img{height:20px; width:auto;}
body[data-layout="horizontal"] .page-content{margin-top:70px;}

.btn-primary{background:#4c89a1;}

.mm-active .active i, .mm-active .active{color:#4c89a1 !important;}

/* Slider */

@keyframes slide {
	0% { transform: translateX(0); }
	10% { transform: translateX(0); }

	15% { transform: translateX(-100%); }
	30% { transform: translateX(-100%); }

	35% { transform: translateX(-200%); }
	50% { transform: translateX(-200%); }

	55% { transform: translateX(-300%); }
	70% { transform: translateX(-300%); }

	75% { transform: translateX(-400%); }
	90% { transform: translateX(-400%); }

	95% { transform: translateX(-500%); }
	100% { transform: translateX(-500%); }
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	font-family: sans-serif;
}

.slider {
	position: relative;
    height:100%;
    width:100%;
}

.slides {
	position: relative;
	display: flex;
	overflow: hidden;
    width:100%;
    list-style: none;
}

.slide {
	width: 100%;
    height:900px;
	flex-shrink: 0;
	/*animation-name: slide;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;*/
}

.slides:hover .slide {
	animation-play-state: paused;
}

.slide img {
	width: 100%;
	vertical-align: top;
}

.slide a {
	width: 100%;
	display: inline-block;
	position: relative;
}

.caption {
	color: white;
	text-shadow: 1px 1px black;
	font-size: 8vw;
	position: absolute;
	bottom: 8vw;
	right: 4vw;
}

.slide:target {
	animation-name: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.slider-controler {
	position: relative;
    height:30px;
    width:100%;
    clear:both;
	/*! left: 0; */
	/*! right: 0; */
	/*! bottom: 10px; */
	text-align: right;
	padding: 5px;
	background-color: transparent;
	z-index: 100;
}

.slider-controler li {
	margin: 0 0.5rem;
	display: inline-block;
	vertical-align: top;
}

.slider-controler a {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: white;
	font-size: 1.5rem;
}

.slider-controler img{
    width:30px;
}

@media only screen and (min-width: 1200px) {
	.slide {
		/*width: 1200px;*/
	}

	.caption {
		font-size: 96px;
		bottom: 96px;
		right: 50px;
	}
}

@media only screen and (max-width: 700px){
	.infoEmpresa h1{font-size:2em;}
	.infoEmpresa .email, .infoEmpresa .phone{text-align: left !important;}
	.navbar-brand-box {
        display: block;
    }
}

@media (min-width: 1000px) {
    .tab-pane{height:800px;}
}


.mods .card{padding:2% 1%;}
.mods .card .wrapper{height:150px;overflow:hidden;width:100%;}
.mods .card .wrapper img{height:100%; width: auto;vertical-align: middle;text-align: center;}
.modsOptions{padding-top:2%;vertical-align:bottom;border-top:1px solid #999;margin-top:2% !important;}
.mods .card p a{width:100%;text-align:right !important;display:block;color:#444;margin-top:5%;}
.mods .card p a:hover{color:#4c89a1 !important;}
.text-primary{color:#4c89a1 !important;}
.btn-primary{background:#4c89a1 !important;border:none;}

.form-control:disabled, .form-control[readonly], .form-select:disabled{background:#fff;border:none;}

.menudashboard ul{display:inline-block;float:left;}
.cardOptions{color:#fff;border-radius:5px;padding:2% 1%;text-align:center}
.cardOptions a{display:block;align-items:center;color:#fff !important;font-size:1.1em;align-items: center;}
.cardOptions a:hover{color:#efefef6e !important;}
.cardOptions.disabled{background:#4c89a1;}
.cardOptions.enabled{background:#046404;}
.reportes embed{width:100%;height:800px;}

/* Vista de menú vertical - corrección overflow */
.vertical-menu #sidebar-menu > ul > li > a span {
    width: 85%;
}

.vertical-menu #sidebar-menu > ul > li span {
    white-space: initial;
    text-align: left;
    float: right;
}

/* Vertical - Layout */
body[data-sidebar="dark"] .vertical-menu{background: #4c89a1;}
body[data-sidebar="dark"] .navbar-brand-box{background: #4c89a1;}
body[data-sidebar="dark"] #page-topbar{background-color:#fff !important;}
body[data-sidebar="dark"] .menu-title, body[data-sidebar="dark"] #sidebar-menu ul li a, body[data-sidebar="dark"] #sidebar-menu ul li a i{color:#ddd;}
body[data-sidebar="dark"] #sidebar-menu ul li a:hover, body[data-sidebar="dark"] #sidebar-menu ul li a:hover i{color:#fff;}

.displayRuta{width:100%;overflow-x:auto;height:400px;}
.rutaBlock{display:inline-block;color:#fff;overflow:hidden;}
.ruta{width:1500px;}
.vehiculos{width:100%;height:36px;}
.vehiculo {
	width: auto;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border-radius: 6px;
   /* Position the tooltip text - see examples below! */
	position: absolute;
	top:0;
	z-index: 1;
}
.vehiculo::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.servicio{margin-bottom:5%;padding:0% 2%;}
.servicio .shead{border-radius:3px 3px 0px 0px;overflow:hidden;position:inline-block;vertical-align:middle;}
.servicio .sdesc{background:#fff;padding:0.6em 0.3em;border-radius:0px 0px 3px 3px;font-size: 11px;}
/*.servicio .card{transition: background 0.2s linear 0.2s;}*/
.servicio .title{transition: background 0.3s ease-in-out 0.2s;padding-top:1%;position:inline-block;vertical-align:middle !important;font-size:1.3em;color:#4c89a1;font-weight:600; text-transform:uppercase;}
.servicio .icon{width:60px;height:60px;margin:3% auto 0%;overflow:hidden;text-align:center;background:#4c89a1;border-radius: 50px;}
.servicio .icon span{font-size:2.2em;line-height:60px;margin:10px auto;color:#fff;}

.servicio.servicioActivo .title{color:#fff;}

a:hover > .servicio .icon img{border:1px solid #fff;}
#documentos li a{color:#4c89a1 !important;}

.specialaccordion .accordion-header{background:#fff;border-radius:5px;margin-bottom:1%;border:none;}
.specialaccordion .accordion-button{border: none;}
.specialaccordion .accordion-button::after{margin-left:2%;}
.specialaccordion .row{width:100%;}
.documentos li{cursor:pointer;}
.imagevisor{height:800px;overflow: scroll;}
#visor{background:red;overflow:hidden !important; height:800px;}

.servicioActivo .card{background:#4c89a1;color:#000;height:180px;}
.servicio.servicioActivo .icon{background:#fff;}
.servicio.servicioActivo .icon span{color:#000 !important;}


@media only screen and (max-width: 700px){
	.buttonLeft{display:inline-block;float:left;width:50% !important;}
	.buttonRight{display:inline-block;float:right;text-align: right;width:50% !important;}
}

.galleryMode {
    display: block !important;
}