/*==================
        Bordes
====================*/


.dx-textbox, .dx-numberbox {
    border: none !important;
    background-color: transparent;
}


/*==================
        inputs
====================*/


.form-control,
.is-focused .form-control {
    background-image: linear-gradient(to top, #004b96 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px) !important;
    background-position-y: -5px;
    margin: -5px 0px;
}

.card .card-body .form-group:not(.check-form),
.card-body .form-group:not(.check-form) {
    margin: 0px !important
}

.dx-dropdowneditor-icon {
    /*height: 23px !important;*/
}

.dx-texteditor-input {
    padding: 10px;
    font-size: 13px;
}

.dx-selectbox-container .dx-placeholder {
    top: -3px;
}

.card .card-body .form-group.check-form,
.card-body .form-group.check-form {
    margin: 15px !important
}

.card .card-body .form-group.has-feedback {
    margin-top: 20px !important;
}


    .card .card-body .form-group.has-feedback input {
        padding-bottom: 20px !important;
        padding-top: 25px !important;
    }

    .card .card-body .form-group.has-feedback .dx-dropdowneditor-icon {
        height: 32px !important;
    }

.dx-datebox.dx-widget {
    width: inherit !important;
}

    .dx-datebox.dx-widget input {
        padding: 0px !important;
        padding-left: 10px !important;
    }

.validation-summary-errors, .validation-summary-valid {
    margin-top: 10px !important;
}

/*============== Labels ==============*/
form label, .dx-checkbox-text, .dx-field-item-label-text {
    font-weight: bold;
    margin-bottom: 0px;
    color: #AAA;
}
.bmd-label-static, .bmd-label-static.is-focused {
    color: #AAA !important;
    position: initial !important;
    border-color: #AAA !important;
}


/*==================
        botones
====================*/
.btn-primary {
    color: #ffffff;
    background-color: #004b96 !important;
    border-color: #004b96 !important;
    box-shadow: none;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #0c83e2;
    border-color: #0c7cd5;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

/*.is-focused [class^="bmd-label"] {
    border-color: #004b96 !important;
    color: #004b96 !important;
}*/

.form-control[disabled] {
    background: #ececec !important;
}

.btn-control-entidad {
    cursor: pointer;
    height: 25px;
    border-radius: 5px;
    /*box-shadow: 0px 0px 1.5px gray;*/
    margin: 0px 5px;
    padding-top: 2px;
}

.btn-control-entidad.dx-state-hover, .btn-control-entidad.dx-state-focused {
    box-shadow: 0px 0px 2px #004b96;
    /*border: 0.1px solid #004b96 !important;*/
}

.btn-control-entidad.dx-state-active {
    box-shadow: none;
}
/*==================
        tabs
====================*/
.tab-content {
    margin-top: -21px;
    padding: 0px;
}

    .tab-content.inside {
        margin-top: 6px;
    }

        .tab-content.inside .tab-pane {
            border-top: 1px solid #DDE6E9;
            padding-top: 10px;
        }

.nav.nav-tabs {
    position: relative;
    z-index: 1;
    padding: 0px;
}

    .nav.nav-tabs.inside {
        margin-top: 10px;
    }

    .nav.nav-tabs > li > a {
        font-weight: lighter;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .nav.nav-tabs > li a.active {
        font-weight: bold;
        color: #515253;
        background-color: white;
        border: 1px solid #ccd5d8;
        border-bottom: none;
    }

.tab-content .card:first-child {
    border-top-left-radius: 0px;
}


/*==============
        Barra Encabezado
================*/


.main-panel > .content {
    margin-top: 50px;
}

.toolbarSection {
    margin: -30px;
    width: initial;
    line-height: 1.1;
    color: #929292;
    margin-bottom: 20px;
    padding: 0px 10px;
    height: 56px;
    background-image: linear-gradient(to right,white 0%, #f2f2f2 100%);
    border-bottom: 1px solid #cfdbe2;
}

    .toolbarSection .dx-toolbar-label {
        font-size: 24px;
        font-weight: bold;
        font-family: "Source Sans Pro", sans-serif;
        position: absolute;
        top: 15px;
    }

    .toolbarSection .dx-button {
        height: 56px;
        background: inherit;
        padding: 10px 0px;
        border: none;
        border-radius: 0px;
    }

        .toolbarSection .dx-button .dx-button-content {
            padding: 10px;
        }

        .toolbarSection .dx-button:hover {
            background: rgba(0,0,0,0.1);
        }

    .toolbarSection.inside {
        margin: 0px;
    }



/*==============
        Menu Enterprise
================*/

.menu-dropdown.dropdown {
    position: static;
    z-index: 1040;
}

.menu-dropdown .dropdown-menu.mega-menu {
    padding: 20px 5px !important;
    min-width: 35rem;
}

.menu-dropdown .content-dropdown {
    padding-top: 0px;
}

.menu-dropdown .scroll-content {
    overflow: auto;
    max-height: 450px;
}

.menu-dropdown .content-dropdown .card {
    box-shadow: none;
}

    .menu-dropdown .content-dropdown .card .card-header.collapsible {
        background: white !important;
        box-shadow: none;
        border-radius: unset;
        padding-left: 5px;
    }

        .menu-dropdown .content-dropdown .card .card-header.collapsible:hover {
            background: rgba(0,0,0,0.04) !important;
        }

        .menu-dropdown .content-dropdown .card .card-header.collapsible.selected-module {
            background: linear-gradient(to right, rgba(0, 0, 0, 0.05) 98%, dodgerblue 2%) !important;
        }

.menu-dropdown .content-section .sub-title {
    font-size: 11px;
    box-shadow: 0px 1px 1px lavender,0px -1px 1px lavender;
    border-top-right-radius: 5px;
    color: dodgerblue !important;
    padding-left: 10px;
}


    .menu-dropdown .content-section .sub-title.inside {
        font-size: 10px;
    }

.menu-dropdown .content-section {
    box-shadow: 0px 3px 3px lavender;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 14px;
    margin-right: -15px;
    background: white;
}

    .menu-dropdown .content-section.inside {
        margin-right: 0px;
        margin-top: 10px;
        margin-bottom: -15px;
    }

        .menu-dropdown .content-section.inside .sub-title {
            border-top-right-radius: 0px;
            font-size: 10px;
        }

            .menu-dropdown .content-section.inside .sub-title.inside {
                font-size: 9px;
            }

    .menu-dropdown .content-section .section-link {
        margin-top: -5px;
        padding-left: 10px;
    }

        .menu-dropdown .content-section .section-link a {
            color: black;
            background: none;
        }

            .menu-dropdown .content-section .section-link a .each-link {
                font-weight: inherit;
                font-size: 10px;
            }

        .menu-dropdown .content-section .section-link:hover {
            background: rgba(0, 0, 0, 0.04);
            box-shadow: none;
        }

        .menu-dropdown .content-section .section-link a:hover {
            background: none;
            box-shadow: none;
        }

        .menu-dropdown .content-section .section-link a:focus {
            background: none;
            box-shadow: none;
        }

.menu-dropdown .list-unstyled li a {
    font-size: 9px;
    padding: 5px;
    background: inherit;
    color: currentColor;
    margin-right: -0.5px;
    border-radius: unset;
}

    .menu-dropdown .list-unstyled li a:hover {
        background: rgba(0, 0, 0, 0.02);
        color: inherit;
        box-shadow: none;
    }

    .menu-dropdown .list-unstyled li a:focus,
    .menu-dropdown .list-unstyled li a.selected-sub-modulo {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.04) 99%, dodgerblue 1%);
        color: inherit;
        box-shadow: none;
    }

.menu-dropdown .sub-module-padding {
    padding: 0px;
    padding-left: 10px;
}

.menu-dropdown .collapsible .card-header .card-title {
    font-size: 14px;
    color: gray;
    font-weight: bold;
}

.menu-dropdown .collapsible .card-body {
    padding: 0px;
    padding-bottom: 5px;
}

.menu-dropdown .menu-side {
    background: lavender;
}

.menu-dropdown .noLeftRow {
    margin-left: -5px;
}

.menu-dropdown .content-menu {
    padding-top: 10px;
}

    .menu-dropdown .content-menu.right {
        background: rgba(100,100,100,0.02);
    }

    .menu-dropdown .content-menu.left {
        padding-left: 5px;
        padding-right: 0px;
    }

.menu-dropdown .content-menu-left {
    background: lightgray;
}

.menu-dropdown .dropdown-toggle {
    cursor: pointer;
}

.menu-dropdown .ripple-container {
    display: none;
}

/*============== Grid Toolbar ==============*/

.dx-toolbar {
    background-color: transparent !important;
}

.gridToolbar .dx-toolbar {
    width: initial;
    line-height: 1.1;
    color: #929292;
    padding: 0px 15px;
    height: 45px;
    background-image: linear-gradient(to right,ghostwhite 0%, #f2f2f2 100%);
    border-bottom: 1px solid #cfdbe2;
    border-radius: 3px;
}

.gridToolbar .dx-toolbar-label {
    font-size: 20px;
    font-weight: bold;
    font-family: "Source Sans Pro", sans-serif;
    position: absolute;
    top: 15px;
}

.gridToolbar .dx-button {
    height: 45px;
    background: inherit;
    padding: 5px 0px;
    border: none;
    border-radius: 0px;
}

    .gridToolbar .dx-button .dx-button-content {
        padding: 10px;
    }

    .gridToolbar .dx-button:hover {
        background: rgba(0,0,0,0.1);
    }

.gridToolbar .dx-datagrid-search-panel {
    margin: 3px 0px;
}

/*==================
        Grid
====================*/

.dx-datagrid {
    background: inherit;
}

.dx-datagrid-rowsview {
    background: white;
}

.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.dx-datagrid-borders > .dx-datagrid-headers {
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 3px solid #ddd;
    background-color: rgba(250,250,250,0.99);
}

.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-top-width: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-top: 2px solid #ddd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom: 2px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dx-datagrid-borders > .dx-datagrid-pager {
    border: none;
}

.dx-row.dx-data-row {
    cursor: pointer;
}

    .dx-row.dx-data-row:hover {
        font-weight: 700;
    }

/*============== Navbar ==============*/
.navbar {
    background: #004b96 !important;
    color: white;
    height: 50px;
}


/*============== Card ==============*/


.card .card-header {
    border-bottom: 0.5px solid rgba(200,200,200, 0.2);
}

    .card .card-header.collapsible {
        padding: 0px;
        background: #004b96 !important;
    }

    .card .card-header.custom {
        line-height: 6px;
        background: #004b96 !important;
    }

        .card .card-header.custom .card-title {
            font-size: 19px;
        }

    .card .card-header.collapsible .card-title {
        padding: 5px;
    }

.card .card-header-primary {
    background: #004b96 !important;
}

.collapsible .card {
    margin: 3px 0px;
}


.dx-texteditor.dx-state-readonly input {
    background: #F4F7FA;
}

.dx-texteditor:not(.dx-state-readonly) .form-control[readonly] {
    background-color: unset !important;
    background-image: linear-gradient(to top, #46a4f7 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.row {
    margin: 0px;
}

/*============== Sidebar  ==============*/

.sidebar::before {
    background-color: white;
}

.sidebar[data-color="purple"] li.active > a {
    background-color: #004b96;
}

.navbar-toggler .icon-bar {
    background-color: white !important;
}


/*============== Breadcrumb  ==============*/


.breadcrumbs {
    margin-top: -19px;
    margin-left: -25px;
    margin-bottom: -15px;
}

    .breadcrumbs li:first-child {
        box-shadow: -10px 0px 1px transparent;
        padding-right: 10px;
    }

    .breadcrumbs li {
        display: inline-block;
        line-height: 26px;
        margin: 0 9px 0 -10px;
        padding: 0 15px;
        position: relative;
        padding: 0 10px;
        padding-top: 7px;
        height: 22px;
    }

        .breadcrumbs li::before,
        .breadcrumbs li::after {
            content: '';
            display: block;
            height: 50%;
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0;
            z-index: -1;
            transform: skewX(45deg);
            background: transparent;
            border-right: 1px solid #929292;
        }

        .breadcrumbs li:hover::before,
        .breadcrumbs li:hover::after {
            background: white;
            border-right: 1px solid #b7b7b7;
        }


        .breadcrumbs li::after {
            bottom: 0;
            top: auto;
            transform: skewX(-45deg);
        }

        .breadcrumbs li:last-of-type::before,
        .breadcrumbs li:last-of-type::after {
            display: none;
        }

        .breadcrumbs li a {
            font-size: 15px;
            letter-spacing: -1px;
            text-decoration: none;
            color: #1267b2;
            font-family: "Source Sans Pro", sans-serif;
            font-weight: 500;
            top: -10px;
            position: inherit;
        }

            .breadcrumbs li a.current,
            .breadcrumbs li a.current:hover {
                font-weight: bold;
                color: gray;
            }

/*============== Load Indicator  ==============*/

.indicatorProgress {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    z-index: 1040;
}

    .indicatorProgress .dx-loadindicator-segment {
        width: 15px !important;
        height: 15px !important;
    }

/*============== InputFileCustom  ==============*/
.inf__drop-area * {
    box-sizing: border-box;
}

.inf__drop-area {
    position: relative;
    display: flex;
    align-items: center;
    height: 65px;
    width: 100%;
    max-width: 100%;
    border: 1px dashed #c4c4c4;
    border-radius: 3px;
    padding: 0 20px;
    transition: 0.2s;
}

    .inf__drop-area.is-active {
        background-color: rgba(0, 20, 20, 0.03);
    }

.divInputFile input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

    .divInputFile input[type="file"]:focus {
        outline: none;
    }

.inf__btn {
    display: inline-block;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    padding: 5px 12px;
    margin-right: 10px;
    font-size: 10px;
    text-transform: uppercase;
}

.inf__hint {
    flex: 1;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*==============
        Estilo nuevos maestros
================*/


/*Tabs Main*/
.scrollmenu {
    overflow: auto;
    white-space: nowrap;
}

    .scrollmenu li, .scrollmenu .nav.nav-tabs {
        display: inline-block;
    }

.card.card-persistent {
    margin-top: 50px;
}

.card-persistent .nav-link:focus {
    background-color: rgba(255, 255, 255, 0.089);
    font-size: 13px;
}

.card.card-persistent .card-persistent-inside {
    margin-top: 50px;
}

.card.card-persistent .card-header {
    padding: 10px !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(100, 100, 100, 0.4) !important;
}

.card.card-persistent .tab-content {
    border: none;
}

.card.card-persistent .card-body, .card.card-persistent .tab-content {
    padding-top: 24px;
}

    .card.card-persistent .tab-content .tab-pane .card:not(.card-persistent-inside) {
        margin-top: 15px;
    }

        .card.card-persistent .tab-content .tab-pane .card:not(.card-persistent-inside):first-child {
            margin-top: 0px;
        }


/*Tabs Inside*/

section.tab-inside {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    margin: 30px 10px;
}

    section.tab-inside nav.tabs-items {
        background-image: linear-gradient(to right,#fefefe 0%, #f2f2f2 100%);
        border-bottom: 1px solid #cfdbe2;
    }

        section.tab-inside nav.tabs-items ul {
            margin: unset !important;
        }

    section.tab-inside .content-wrap section {
        max-width: unset;
        padding: 1.5rem;
    }

    section.tab-inside .tabs-style-linemove nav li.tab-current a {
        color: #1267b2;
    }

    section.tab-inside .tabs-style-linemove nav li:last-child::before {
        background: #1267b2;
    }

    section.tab-inside .tabs-style-linemove nav a {
        color: #74777b;
        font-weight: normal;
    }

/*Modal*/

.modal-header .btnGrp {
    position: absolute;
    top: 8px;
    right: 10px;
}


.min {
    width: 350px;
    height: 35px;
    overflow: hidden !important;
    padding: 0px !important;
    margin: 0px;
    float: left;
    position: static !important;
}

    .min .modal-dialog, .min .modal-content {
        height: 100%;
        width: 100%;
        margin: 0px !important;
        padding: 0px !important;
    }

    .min .modal-header {
        width: 350px;
        margin: 0px !important;
        padding: 3px 5px !important;
    }

.display-none {
    display: none;
}

button .fa {
    font-size: 16px;
    margin-left: 10px;
}

.min .fa {
    font-size: 14px;
}

.min .menuTab {
    display: none;
}

button:focus {
    outline: none;
}

.minmaxCon, .Container-minmaxCon {
    height: 35px;
    bottom: 1px;
    left: 1px;
    position: fixed;
    right: 1px;
    z-index: 9999;
}


/*card-info*/


.card-info .item {
    display: contents;
}

.card-info .row {
    height: 30px;
}

.card-info label {
    font-weight: normal;
    font-size: 80%;
}

/*Enlaces*/

a:hover, a:focus, a:active {
    color: #004b96
}

/*Control Entidad*/

.gridDropDown .dx-datagrid-header-panel, .ce-dropdown .dx-texteditor-container {
    display: none;
}

.background-none {
    background-image: none;
}


@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.imgr {
    -webkit-animation: 3s rotate linear infinite;
    animation: 3s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#imgr2 {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

/*Noticicaciones*/

.alert.alert-info {
    background-color: #004b96 !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 75, 150, 0.4);
}
.alert.alert-primary {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(18, 103, 178, 0.4);
}

/*JCron MASTER*/
.jcronCustom {
    padding: 11px;
    border: none;
    box-shadow: 2px 2px 2px 2px #cac8c8;
    margin-top: 6px;
}

/*Versiones*/

.versiones {
    display: inline-flex;
    font-size: 0.8rem;
    position: fixed;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
}
.versiones .app {
    margin: 0px 5px;
    color: white;
}

.versiones small {
    font-weight: bold;
}

/** Accordion */
.sa-accordion-item-title {
    font-weight: bold !important;
    font-size: 15px;
}