/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


/*#region Ajustes Panel layout */

.main-footer {
    height: 30px;
    padding: 5px !important;
    padding-left: 15px !important;
}

.panel {
    margin-bottom: 0;
}

.panel-body {
    padding: 5px;
    height: calc(100vh - 93px);
    overflow: auto;
}

@media (max-width: 767px) {
    .panel-body {
        height: calc(100vh - 203px);
    }
}

/*#endregion */


.e-input-picture::before {
    content: '\e335';
    font-family: e-icons;
}

.e-input-calendar::before {
    content: '\e901';
    font-family: e-icons;
    font-size: 13px;
}

.content-wrapper div.row {
    padding: 15px 0px;
}

.custom-padding-05 {
    padding-top: 5px;
}

@media only screen and (max-width: 480px) {

    .col-xs-6,
    .col-xs-4,
    .col-xs-12 {
        padding: 10px 5px;
        width: 100%;
    }

    .content-wrapper div.row {
        padding: 0px;
    }
}

#description td {
    vertical-align: top;
}

/*#region Cambio estilo Scrollbar */

.panel-body {
    visibility: hidden;
}

    .panel-body > div, .panel-body > section, .panel-body:hover, .panel-body:focus {
        visibility: visible;
    }

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #777;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #5f5f5f;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #5f5f5f;
    }

::-webkit-scrollbar-track {
    background: #fff;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-track:hover {
        background: #d0d0d0;
    }

    ::-webkit-scrollbar-track:active {
        background: #d0d0d0;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}

body {
    overflow: hidden;
}

/*#endregion */

/*#region Cambio estilo del skin blue*/
.skin-blue .main-header .navbar {
    /*background-color: #1e428a !important;*/
    /*background-color: #009576 !important;*/
    /*background-image: linear-gradient(to right, #009576, rgb(0, 166, 90)) !important;*/
    background-image: linear-gradient(to right, #125da0, #0099f2) !important;
}

    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        color: #f6f6f6;
        background: #ffc627 !important;
    }

.skin-blue .main-header .logo {
    /*background-color: #1e428a !important;*/
    /*background-color: #ffe000 !important;*/
    /*background-color: #009576 !important;*/
    background-color: #115da0 !important;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue .main-header .logo:hover {
        /*background-color: white !important;*/
    }
/*Color azul del usuario*/
.skin-blue .main-header li.user-header {
    /*background-color: #1e428a !important;*/
    background-image: linear-gradient(to bottom, #0099f2, #0979c6) !important;
}
/*#endregion*/

/*#region Div Separador*/
.separador {
    width: 100%;
    height: 1px;
    background-color: #1E427B;
}

/*#endregion */

/*#region Estilos Principales*/


.heading-primary {
    background-color: #2f373f !important;
    /*background-color: #3C3C3E !important;*/
    /*background-color: #ff920c !important;*/
}

.btn-base {
    padding: 0;
    background-color: #f1f1f1 !important;
    border-radius: 15px;
    outline: none !important;
    overflow: hidden;
}

    /*.btn-base:hover {
        background-color: #202020 !important;
}*/

    .btn-base.crear span::before {
        content: "\f067";
    }

    .btn-base.guardar span::before {
        content: "\f00c";
    }

    .btn-base.cancelar span::before {
        content: "\f05e";
    }

    .btn-base.buscar span::before {
        content: "\f002";
    }

    .btn-base.configurar span::before {
        content: "\f085";
    }

    .btn-base.eliminar span::before {
        content: "\f1f8";
    }

    .btn-base.siguiente span::before {
        content: "\f061";
    }

    .btn-base.anterior span::before {
        content: "\f060";
    }
/*.btn-secondary {
    padding: 0;
    background-color: #f1f1f1;
    border-radius: 0;
    border-color: transparent !important;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #E75523;
}*/

.span-button {
    display: inline-block;
    background-image: linear-gradient(to bottom, #7fea89, #004801) !important;
    padding: 3px 5px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #5ea1ce;
}

.text-button-primary {
    display: inline-block;
    color: #555760;
    margin: 0;
    text-transform: uppercase;
    padding-right: 2px;
}

.text-button-info {
    display: inline-block;
    padding: 5px;
    color: #fff;
    background-color: #00c0f5;
    margin: 1px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: uppercase;
}

.text-button-danger {
    display: inline-block;
    padding: 5px;
    color: #fff;
    /*background-color: #f52d2de3;*/
    background-image: linear-gradient(to right, #a40000, #ff1810 ) !important;
    margin: 1px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: uppercase;
}

.text-button-secondary {
    /*display: inline-block;
    padding: 5px;
    color: #fff;    
    background-image: linear-gradient(to right, #e12d00, #fb8c00 ) !important;
    margin: 1px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: uppercase*/;

    display: inline-block;
    color: #555760;
    margin: 0;
    text-transform: uppercase;
    padding-right: 2px;
}

.boton-accion {
    border: none;
    color: #fff;
    background-color: #0a78c5;
    padding: 5px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: -3px;
}

    .boton-accion:hover {
        background-color: #0a78c5;
    }

.btn-base p {
    /*font-weight: bold !important;*/
}


.e-rowcell.e-active {
    /*background: rgba(255, 198, 39, 0.3) !important;*/
    background: white !important;
}

/*#endregion*/

/*#region Ajuste Seleccion de Empresas */

.card:hover {
    cursor: pointer;
}

.hold-transition.login-page {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    /*justify-items: center;*/
    /*background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),url(../assets/images/recursos/fondo-principal.svg);*/
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.item {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    height: 300px;
}


    .item.active {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        justify-items: center;
        height: 300px;
    }

        .item.active:hover {
            cursor: pointer;
        }

    .item > .item-element {
        display: block;
        position: absolute;
        background: #7b7b7b;
        opacity: 0.5;
        height: 100%;
        width: 100%;
        z-index: 3;
    }

    .item:hover > .item-element {
        opacity: 0.2;
    }

    .item > .carousel-caption {
        z-index: 2;
    }

#Empresas {
    width: max-content;
}

.carousel-caption p {
    text-shadow: 1px 5px 6px #050000;
}

.carousel-caption h3 {
    color: black;
}

/*#endregion */

/*#region Menu Contextual */

.e-menu-item.e-focused {
    background: #cecece !important;
}

/*#endregion */

/*#endregion Cabecera del grid Syncfusion*/
.e-grid .e-headercell {
    background-color: #0a78c5;
    color: white;
}
/*#endregion */

/*#region Estilos para Menu Nabvar */

.acciones-nabvar {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

    .acciones-nabvar .col-xs-4 {
        padding: 0 !important;
    }

/*#endregion */

/*region Estilos Dropdowns arriba*/
.navbar-nav {
    margin-top: 5px !important;
}

.usuario-dropdown {
    right: 10px;
    border: 2px solid #fff;
    border-radius: 5px;
    /*background-color: #1E42B9;*/
}

.notificacion-dropdown {
    margin-right: 3px;
    right: 18px;
    border: 2px solid #fff;
    border-radius: 5px;
    /*background-color: #1E42B9;*/
}

.header-dropdown {
    padding: 8px !important;
}

.notificacion-span {
    top: -2px !important;
    padding: 3px !important;
    right: -5px !important;
}

.dropdown-menu-usuario {
    top: 44px !important;
}

.dropdown-menu-usuario-body {
    padding: 10px 15px;
    /*background-color: #1e428a;*/
    background-image: linear-gradient(to bottom, #0879c7, #1161a5) !important;
    border: none !important;
}

.dropdown-menu-usuario-footer {
    /*background-color: #1e428a !important;*/
    background-image: linear-gradient(to bottom, #1162a6, #115da0) !important;
}

.acciones-navbar-usuario {
    /*background-color: #fff;*/
    background-image: linear-gradient(to bottom, #F7FFFF, #C2CEF9);
    height: 120px !important;
    margin-top: -20px;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

.btn-app {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.blanco {
    color: #fff !important;
}



#cuerpoModalEmpresa {
    overflow-x: auto;
    margin-right: 10px;
    margin-left: 10px;
}

#dialog {
    border-radius: 0;
}

    #dialog > .e-dlg-header-content {
        border-radius: 0;
    }



#headerModalNoificacion {
    background: white;
}

    #headerModalNoificacion > i {
        display: block;
        position: relative;
        font-size: 26px;
        color: #1e428a;
        text-align: center;
        margin: auto;
        margin-top: 5px !important;
    }

/*#endregion*/

/*#region Grillas Syncfusion */

.e-filtermenudiv.e-icons.e-icon-filter {
    color: white !important;
    font-weight: 100;
}

/* OCULTAR SELECTOR DE OPERADOR EN EL FILTRO */
.e-flmenu-maindiv > .e-flm_optrdiv {
    display: none;
}


/*#endregion */
/*#region Loader */
.loader {
    color: #921919;
    position: fixed;
    box-sizing: border-box;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .loader.is-active {
        background-color: rgba(0, 0, 0, 0.41);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.loader-default:after {
    content: "";
    position: fixed;
    width: 48px;
    height: 48px;
    border: 8px solid #ffffff;
    border-left-color: transparent;
    border-radius: 50%;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    animation: rotation 1s linear infinite;
}

.loader:after, .loader:before {
    box-sizing: border-box;
    display: none;
}

.loader > .fondo-loading {
    /*background: white;*/
    width: 100%;
    text-align: center;
    height: 200px;
    /*opacity: 0.6;*/
}

    .loader > .fondo-loading > img {
        /*height: 180px;
    width: auto;*/
        height: 200px;
        width: 220px;
    }

/*#endregion */

input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    height: 25px !important;
}

/*#region TopNavbar */

.navbar > img {
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    z-index: -1;
}

.main-header img.fondo-degradado {
    display: block;
    position: absolute;
    width: 100%;
    height: 50px;
}

.sidebar-toggle {
    display: block;
    position: relative;
}

body.sidebar-collapse .wrapper .main-sidebar .slimScrollDiv .sidebar .user-panel {
    display: none;
}

.logo {
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: center;
}

    .logo > img {
        display: block;
        position: relative;
        width: 46px;
        height: 46px;
        /*background: white !important;*/
    }

body.sidebar-collapse .wrapper .main-header #logo-empresa-g {
    display: none !important;
    padding: 0;
}

body.sidebar-collapse .wrapper .main-header .logo #logo-empresa-m {
    display: block !important;
    width: 50px;
    height: 50px;
    /*margin: auto;
    top: 10px;*/
    margin-left: -25px;
}

@media screen and (max-width: 768px) {
    body.sidebar-collapse .wrapper .main-header #logo-empresa-m {
        display: none !important;
    }

    body.sidebar-collapse .wrapper .main-header .logo #logo-empresa-m {
        display: none !important;
    }
}

/*#endregion */

/*#region Modal Seleccion Emrpesas */

.panel-heading {
    padding: 5px;
}

.content {
    padding: 3px !important;
    border: 1px solid #d0d0d0;
}
/*#endregion */


/*#region Menu Usuario */

.user-header {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.user-footer {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/*#endregion */

/*#region Estilo de Modal*/
.modal {
    background: transparent !important;
    background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.3) 20px) !important;
}

.modal-header {
    /*background: #1e428a;*/
    background-image: linear-gradient(to bottom, #0099f2, #125da0) !important;
    color: #fff;
    padding: 8px;
}

.modal-footer {
    padding: 3px;
}

button.close {
    color: #fff;
    opacity: 1;
    font-size: 26px;
    background-color: #DC143C;
    padding: 1px 8px;
    border-radius: 5px;
}

    button.close:hover {
        opacity: 1;
        border: none;
        color: black;
        text-shadow: none;
        font-size: 26px;
    }
/*#endregion*/

/*#region Estilo Img Subir Archivos*/
.img-defecto {
    background-image: url("../assets/images/recursos/img-subir-archivos.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%;
    background-color: #efefef;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    border: 2px dashed #009576;
    opacity: 0.6;
}

    .img-defecto:hover {
        background-color: #808080;
        opacity: 1;
        border: none;
    }
/*#endregion*/


/*#region Estilos Grilla */

.e-row:hover td {
    /*background: #777 !important;*/
    background: #317ab91f !important;
    /*color: white !important;*/
}

e-pager .e-currentitem, .e-pager .e-currentitem {
    background: #0a78c5 !important;
}

    e-pager .e-currentitem, .e-pager .e-currentitem:hover {
        background: #0a78c5 !important;
    }

/*#endregion */

/*#region Media Queries */



/*#endregion */


/*#region Inputs Forms */

.row {
    padding: 0 !important;
}

    .row div h4 {
        margin-bottom: 4px;
        font-size: 14px;
    }

.titulo-empresa {
    width: 100%;
    margin-top: 30% !important;
    font-size: 2em !important;
    font-weight: bold;
}

/*#endregion */

.e-grid .e-gridheader .e-sortfilter .e-headercelldiv, .e-grid .e-gridheader .e-stackedheadercelldiv, .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
    padding: 0 !important;
}

.e-grid .e-rowcell {
    padding: 5px 5px !important;
}

/* -------------------------------------------- agregados a partir del 27 - may - 2019 ------------*/
.content {
    height: 100%;
}

fieldset {
    border: 1px solid #ddd !important;
    margin: 0;
    xmin-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    padding-left: 10px !important;
    margin-bottom: 1%;
    margin-top: 2%;
}

legend {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    width: 35%;
    padding: 5px 5px 5px 10px;
    background-color: #ffffff;
    width: max-content;
    border-bottom: none;
}

.div-circle h1 {
    font-family: serif;
}

.main-sidebar {
    background-image: linear-gradient(to top, #141E30, rgba(25, 84, 123, 1)) !important;
}

/*#region estilos de botones*/

.capa_btn {
    width: min-content;
    border-radius: 10px;
    background: #0096ff;
    display: inline-block;
}

    .info {
        background: #0096ff !important;
    }
    .danger {
        background: #dd4b39 !important;
    }
    .warning {
        background: #E3B000 !important;
    }

.confirmar {
    background: #2fc661 !important;
}

.volver {
    background: #F9C92E !important;
}

.finalizar {
    background: #ed4744 !important;
}

.btn-base {
    border-radius: 10px 10px 40px 10px !important;
    background-color: #2f373f !important;
    /*border-color: #0196ff !important;*/
    border: 0px;
}

.heading-primary {
    background-color: white !important;
}

.text-button-primary {
    color: white;
    padding-right: 8px !important;
}

.span-button {
    background: #0096ff;
    padding: 10px 7px;
    border-radius: 10px;
    border: 2px solid transparent;
    margin: -5px 5px -5px -5px;
}

/*#endregion*/

.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
    border-bottom: 3px solid #FF9800;
}

/*#region Estilos de los Tabs*/
.headerTab.e-tab .e-toolbar-item .e-title {
    display: none;
}

.headerTab.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
.headerTab.e-toolbar .e-toolbar-items .e-toolbar-item .e-tab-wrap {
    width: 105px;
    height: 30px;
}

.headerTab.e-tab .e-tab-header .e-toolbar-item:not(.tab-hijo).e-active .e-tab-wrap {
    /*background-image: linear-gradient(to bottom, #195FC1, #294B7A); Azul Fuerte*/
    background-image: linear-gradient(to bottom, #007bcc, #006bcc);
    opacity: 1;
    height: 32px;
}

.headerTab.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-text-wrap {
    height: 35px !important;
}


.headerTab.e-tab .e-toolbar .e-toolbar-items .e-toolbar-item {
    border-radius: 3px !important;
    min-height: 26px !important;
    height: 30px !important;
}

.headerTab.e-tab .e-tab-header {
    background-color: transparent;
    height: max-content !important;
    width: 100% !important;
    min-height: 30px !important;
}

    .headerTab.e-tab .e-tab-header .e-toolbar-item:not(.e-active) {
        /*background-image: linear-gradient(to bottom, #007bcc, #006bcc);*/
        background-image: linear-gradient(to bottom, #80bae6, #80bae6);
        /*opacity: 0.5;*/
    }

        .headerTab.e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
            /*background-image: linear-gradient(to bottom, #195FC1, #294B7A);*/
            background-image: linear-gradient(to bottom, #007bcc, #006bcc);
            opacity: 0.5;
            height: 32px;
            color: #000;
        }

.headerTab.e-tab .e-toolbar-item.e-active .e-image {
    display: none;
}

.headerTab.e-tab .e-toolbar-item.e-active .e-title {
    display: block;
    color: white;
}

.headerTab.e-tab .e-toolbar-item:not(.tab-hijo) .e-text-wrap,
.headerTab.e-tab .e-toolbar-item:not(.tab-hijo) .e-tab-text {
    width: inherit;
    text-align: center;
    color: #fff !important;
}

.headerTab.e-tab .e-toolbar-item:not(.tab-hijo) .e-tab-icon {
    color: #fff !important;
}

.headerTab.e-tab .e-toolbar .e-toolbar-items {
    height: 100% !important;
    min-height: 20px !important;
}

/*.headerTab.e-tab .e-toolbar .e-toolbar-items.e-hscroll .e-hscroll_0_nav .e-nav-arrow {
        color: #0078cc;
        font-size: 0em !important;
        font-weight: bold;
        border-radius: 50%;
        margin: auto;
    }*/
/*#endregion*/


/*#region Estilos de los Tabs*/
.e-numeric {
    height: 25px !important;
}

    .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
        min-height: 23px !important;
        min-width: 25px !important;
    }
/*#endregion*/