@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
body {
	font-family: 'Montserrat', sans-serif !important;
}


#page-topbar {
    background-color: #151436 !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: #100f1d;
    color: #fff;
}

    .header-search input {
        background: #fff !important;
        color: #444 !important;
    }

    .header-search span {
        color: #151436 !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: #151436;
        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: 10px;
}

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

    .servicio .card {
        height: 280px !important;
    }

    .servicioActivo .card {
        height: 150px !important;
    }
}

@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: #151436 !important;
    }

.text-primary {
    color: #151436 !important;
}

.btn-primary {
    background: #151436 !important;
    border: none;
}

.bg-primary.bg-soft {
    background: #151436 !important;
}
/*.auth-full-bg .bg-overlay{background:#151436 !important;}*/
.ui-autocomplete:before {
    content: 'Hemos encontrado estas empresas a tu búsqueda';
    background: #151436;
    text-align: center;
    width: 100%;
    position: relative;
    height: 60px;
    display: block;
    color: #fff;
    padding: 2%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px 5px 0 0;
}

.ui-autocomplete {
    z-index: 1300;
    background: #fff;
    color: #444;
    padding: 1% 0%;
    border-radius: 5px;
    margin-top: 0.3em;
    padding-top: 70px;
    border: none;
    height: 250px;
    overflow-y: scroll;
}

    .ui-autocomplete li {
        padding: 10px 15px;
        border-bottom: 1px dashed #444;
    }

    .ui-autocomplete .ui-menu-item-wrapper:hover, .ui-autocomplete .ui-state-active {
        border: none !important;
        color: #151436;
    }

.form-control:disabled, .form-control[readonly], .form-select:disabled {
    background: #eff2f7;
    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: #151436;
    }

    .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;
    height: 20px;
    margin-top: -30px;
    margin-right: 10px;
}


/* Vertical - Layout */
body[data-sidebar="dark"] .vertical-menu {
    background: #151436;
}

body[data-sidebar="dark"] .navbar-brand-box {
    background: #151436;
}

body[data-sidebar="dark"] #page-topbar {
    background-color: #fff !important;
}

.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 .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: #151436;
        font-weight: 600;
        text-transform: uppercase;
    }

    .servicio .icon {
        width: 60px;
        height: 60px;
        margin: 3% auto 0%;
        overflow: hidden;
        text-align: center;
        background: #151436;
        border-radius: 50px;
    }

        .servicio .icon span {
            font-size: 2.2em;
            line-height: 60px;
            margin: 10px auto;
            color: #fff;
        }

/*a:hover > .servicio .card{background:#151436 !important;color:#fff !important;}
a:hover > .servicio .title{color:#fff !important;}*/
a:hover > .servicio .icon img {
    border: 1px solid #fff;
}

#documentos li a {
    color: #151436 !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;
}

.servicio .card {
    height: 260px;
}

.servicioActivo .card {
    background: #f8d728;
    color: #000;
    height: 180px;
}

.servicio.servicioActivo .icon {
    background: #fff;
}

    .servicio.servicioActivo .icon span {
        color: #000 !important;
    }

.tipoProducto .search-box .form-control {
    border-radius: 3px;
}

.tipoProducto .search-box .search-icon {
    left: auto;
    right: 2%;
}

.newProduct {
    text-align: right;
}

    .newProduct i {
        cursor: pointer;
    }

.optionServ {
    display: block;
    padding-top: 2%;
}

    .optionServ span {
        cursor: pointer;
    }

.bg-gray {
    background: #ddd !important;
}


.BotonBuscar {
    padding-top: 1.7rem;
    display: block;
}


a {
    color: #151436;
}

label span {
    color: #ff001c;
}




.dashmodulev2 {
    width: 250px;
    margin: 0.5%;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 0px 1px 3px #999;
    line-height: 1.5em;
}


    .dashmodulev2.blue {
        background: #1689ca;
        color: #fff;
    }


    .dashmodulev2.green {
        background: #44bc42;
        color: #fff;
    }

    .dashmodulev2.red {
        background: #bc4242;
        color: #fff;
    }


    .dashmodulev2.grey {
        background: #ABB2B9;
        color: #fff;
    }

    .dashmodulev2 h3 {
        font-size: 18px;
        line-height: 1.5em;
        padding-top: 5%;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        color: #fff;
    }

    .dashmodulev2 span {
        display: block;
        font-size: 3em;
        line-height: 1.5em;
    }

    .dashmodulev2 p {
        font-size: 20px;
        line-height: 1.5em;
        padding-bottom: 5%;
        text-align: right;
        padding-right: 10px;
    }


    .text-success {
        color: #151436!important;
    }





    .titulo {
    margin-top: 2%;
}




    .required::after {
    content: '*';
    color: #F00;
}


    .form-group {
    margin-bottom: 1.75rem;
}



    
.BajarIcono {
    padding-top: 2.2rem;
    display: block;
}



#sidebar-menu .has-arrow:after{
display: inline-block;
vertical-align: top;
    position: absolute;
    right: 6%;
}




.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #151436;
    border-color: #556ee6;
}



.noSidebar footer{left:0}


.modalProducto .tab-pane {

    height:auto!important;
    min-height:unset!important;

}


.nS {

 padding-left:3%!important;

}


.widget-stat .media {
	padding: 0px 0;
	align-items: center; }

.widget-stat .media > span {
    height: 85px;
    width: 85px;
    border-radius: 50px;
    padding: 10px 12px;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #464a53;
    min-width: 85px;
}

.media-body {
    flex: 1;
}

.widget-stat .media .media-body p {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.widget-stat .media .media-body h4, .widget-stat .media .media-body .h4 {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
}

.media-body.text-right{text-align: right !important;}

.listaPermisos ul li{margin-bottom:2%;margin-top:1%;}
.listaPermisos ul ul{margin-top:1%;list-style-type: none;}

.listaPermisos h5{font-weight: bold !important;}
.ListChecks li{margin-left:3%;}



#menu-header{
    width:70%;
    padding:0% 2%;
}

#menu-header .menuItem{
	padding-top:2%;
	padding-bottom:2%;
	padding-left:2%;
}

#menu-header .border-start{
	padding-right:2%;
}

#menu-header .dropdown-item{
	padding: 0.35rem 0.5rem;
}

#menu-header .dropdown-item i{
	margin-right:6%;
	height:100%;
	display:block;
}

#menu-header h6{
	font-weight:600;
	margin-bottom:1%;
    width: 80%;
    overflow-wrap: break-word;
    display: inline-block;
    white-space: break-spaces;

}

#menu-header .dropdown-item p{
	color:#ccc;
	margin-left:16%;
	margin-top:0;
  	font-size:12px;
	word-wrap: break-word;

}

#menu-header .dropdown-item.textItem p{
	margin-left:0
}

body[data-layout=horizontal] .container-fluid, body[data-layout=horizontal] .navbar-header{max-width:97%;}



/*-- Menu Horizontal --*/


.topnav-menu .dropdown a{
	color:#151436 !important;
}

.topnav-menu .dropdown .nav-link{
	color:#fff !important;
}

.topnav{background:none;margin-top:0;position:relative;}

.dropdown-menu.show{float:right;text-align:right;}

.right-bar{width:450px;right: -450px;}

.right-bar.formContent button{width:auto;}

.form-select.noBorder{border:none !important;}

.iconDash i{background:#151436;color:#fff;padding:10px;border-radius:50%;font-size:10px;}

.iconDash:hover i{background:#e6bf00;}

.activityBlock {border: 1px solid rgb(233, 233, 233);padding: 1.7%;background: #fff;border-radius: 5px;margin-bottom:2%}

.topnav .dropdown-menu.show{float:left !important;text-align:left !important;}


@media only screen and (max-width: 700px){
	.topnav {
	    max-height: 360px;
	    overflow-y: auto;
	    padding: 0;
	    position: fixed;
	    background:#fff;
	    width: 100% !important;
		top:70px;
	}
	.topnav-menu{width:100%;}
	.topnav-menu .dropdown .nav-link{
		color:#151436 !important;
		width:100%;
	}
	.dropdown-menu.show{
		text-align:left;
		width:100%;
	}
}