/*SISTEMA INTERNO*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

body {
    font-family: 'Roboto',sans-serif;
}

.app.app-red aside.app-sidebar {
    background: linear-gradient(#ffffff,#ffffff,#ffffff);
}

    .app.app-red aside.app-sidebar .sidebar-header .sidebar-brand .highlight {
        text-align: center;
    }

    .app.app-red aside.app-sidebar .sidebar-menu ul.sidebar-nav > li > a .icon {
        /* background-color: #34b4ca; */
        color: #333;
    }

    .app.app-red aside.app-sidebar .sidebar-menu ul.sidebar-nav > li > a .title {
        color: #5c5b60;
    }

    .app.app-red aside.app-sidebar .sidebar-menu ul.sidebar-nav > li > a .count {
        background-color: #D51017;
        box-shadow: 0 1px 2px rgba(231, 76, 60, 0.1);
        position: absolute;
        top: 0;
        left: auto;
        bottom: auto;
        right: 0;
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 0.90em;
        color: #FFF;
        padding: 3px;
        margin-right: 50px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        line-height: 1em;
    }

.input {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: transparent;
    padding: 8px;
    margin-bottom: 2px;
    outline: none;
}

#result {
    cursor: no-drop;
}

.app.app-red aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.active > a .icon {
    background-color: #999;
    color: #ffffff;
}

.app.app-red aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.active > a .title {
    color: #8d9293;
    font-weight: 600;
}

.app.app-red aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.dropdown > .dropdown-menu > ul > li.section {
    color: #999;
}

.app.app-red aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.dropdown.open > a:after {
    border-right-color: #FFF;
}

.app.app-red aside.app-sidebar .sidebar-footer {
    border-top-color: rgba(0, 0, 0, 0.1);
    background-color: #FFF;
}

    .app.app-red aside.app-sidebar .sidebar-footer ul.menu > li.dropdown .dropdown-menu {
        border-bottom-color: #D51017;
    }

.app.app-red .navbar .navbar-header .navbar-brand .highlight, .app.app-red .navbar .navbar-mobile .navbar-brand .highlight {
    background-color: #D51017;
}

.app.app-red .ct-series-a .ct-bar, .app.app-red .ct-series-a .ct-line, .app.app-red .ct-series-a .ct-point {
    stroke: #D51017;
}

.app.app-red .ct-series-a .ct-area {
    fill: #D51017;
}

.app.app-red .ct-series-a .ct-slice-pie {
    fill: #14c552;
    stroke: #FFF;
    stroke-width: 3;
}

.app.app-red .ct-series-a .ct-slice-donut {
    stroke: #D51017;
}

.app.app-red .ct-series-b .ct-bar, .app.app-red .ct-series-b .ct-line, .app.app-red .ct-series-b .ct-point {
    stroke: #FFBC11;
}

.app.app-red .ct-series-b .ct-area {
    fill: #FFBC11;
}

.app.app-red .ct-series-b .ct-slice-pie {
    fill: #2be26b;
    stroke: #FFF;
    stroke-width: 3;
}

.app.app-red .ct-series-b .ct-slice-donut {
    stroke: #FFBC11;
}

.app.app-red .ct-series-a:after {
    background-color: #D51017;
}

.app.app-red .ct-series-b:after {
    background-color: #FFBC11;
}

.app.app-red .card-banner .ct-series-a .ct-bar, .app.app-red .card-banner .ct-series-a .ct-line, .app.app-red .card-banner .ct-series-a .ct-point {
    stroke: #FFF;
}

.app.app-red .card-banner .ct-series-a .ct-area {
    fill: #FFF;
}

.app.app-red .card-banner .ct-series-a .ct-slice-pie {
    fill: white;
    stroke: #FFF;
    stroke-width: 3;
}

.app.app-red .card-banner .ct-series-a .ct-slice-donut {
    stroke: #FFF;
}

.app.app-red .card.card-tab .card-header > ul > li.active a, .app.app-red .card.card-tab ul.nav-tabs > li.active a {
    color: #D51017;
}

.app.app-red .card.card-tab > .ng-isolate-scope > .nav-tabs > li.active a {
    color: #D51017;
}

.btn-primary i {
    margin-right: 15px;
    font-size: 1.3em;
}

.btn-info i {
    margin-right: 5px;
    font-size: 1.1em;
}

.card-title i {
    margin-right: 10px;
    font-size: 16px;
}

.card-white {
    color: #333 !important;
    background: #fff !important;
}

.form-subtitle {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
}

.panel-aviso {
    margin: 6% 20%;
}

.aviso {
    border: 6px solid #0047ba;
    margin-bottom: 10px;
    padding: 10px 30px;
}

.aviso2 {
    border: 6px solid #ba6200;
    margin-bottom: 20px;
    padding: 80px 30px;
}

.panel-aviso2 {
    margin: 7.1% 20%;
}

.boton {
    text-align: center;
}

.no-padding {
    padding: 0 !important;
}

.btn.btn-default i {
    margin-right: 10px;
    font-size: 16px;
}

.margin-bottom-atras {
    margin-bottom: 15px !important;
}

.margin-top {
    margin-top: 10px;
}

.card.card-red-light {
    background-color: #FFF;
}

    .card.card-red-light .card-body .icon {
        color: #d51017;
        background-color: rgba(232, 10, 10, 0.05);
    }

    .card.card-red-light .card-body .content .value {
        color: #d51017;
    }

    .card.card-red-light:hover {
        background-color: #d51017;
    }

        .card.card-red-light:hover .card-body .icon {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.1);
        }

        .card.card-red-light:hover .card-body .content .value {
            color: #fff;
        }

        .card.card-red-light:hover .card-body .content .title, .card.card-red-light:hover .card-body .content .value {
            color: #fff;
        }

.gridPager td {
    padding: 5px 2px !important;
}

.gridPager {
    height: 30PX;
    color: #174898 !important;
    border-color: #DFDEE2;
}

    .gridPager a, .gridPager span {
        display: block;
        padding-top: 5px;
        width: 30px;
        height: 29px;
        text-align: center;
        font-size: 14px;
        border: 1px solid #DFDEE2;
        border-radius: 2px;
    }

    .gridPager a {
        color: #174898 !important;
    }

    .gridPager span {
        color: #FFF !important;
        background-color: #1857bb;
    }

.table-header-style {
    height: 40px;
    border-right: 1px solid #e6e6e6;
}

.table-row-style {
    height: 35px;
    color: #3d485a;
}

.titulodepartamento {
    font-size: 2em;
    font-weight: 600;
    background-color: transparent;
    border: none;
    text-align: center;
}

.box-drag-drop {
    background-color: #edf2f6;
    border: 1px dashed #0047ba;
    padding: 10px 10px;
}

.margin-dragdrop {
    margin: 5px 5px;
}

.bg-greenbox {
    background-color: #1BAF00;
    box-shadow: 1px 1px 3px #212731;
    color: #fff;
    -webkit-transition: background-color 2s;
    transition: background-color 2s;
}

.bg-redbox {
    -webkit-transition: background-color 2s;
    transition: background-color 2s;
    background-color: #e6161f;
    box-shadow: 1px 1px 3px #212731;
    color: #fff;
}

.hidecontrol {
    display: none !important;
}

h3 i {
    margin-right: 10px
}

.pointer-none {
    pointer-events: none;
}

.padding-right {
    padding-right: 20px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-left: 0px !important;
}

.separacion-foto {
    font-weight: 600;
    font-size: 18px;
}

.thead-default {
    font-weight: 600;
    color: #333;
    background-color: #f6f7f9;
    border: 1px solid #ddd;
    box-shadow: 0 13px 10px -10px #DADADA;
}

.divtable-responsive {
    overflow-x: auto;
}

.btn.btn-danger {
    border-color: #c8d1d3;
    border-bottom-color: #c8d1d3;
    background-color: #eeeeee;
    color: #a4a6a9;
    box-shadow: none;
}

    .btn.btn-danger:hover {
        border-color: #c8d1d3;
        border-bottom-color: #c8d1d3;
        background-color: #eeeeee;
        color: #a4a6a9;
        box-shadow: none;
    }

    .btn.btn-danger:active {
        border-color: #c8d1d3;
        border-bottom-color: #c8d1d3;
        background-color: #eeeeee;
        color: #a4a6a9;
        box-shadow: none;
    }

@media only screen and (max-device-width: 767px) {
    .app.app-red aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.dropdown > .dropdown-menu > ul > li.section {
        color: #fff !important;
    }
}

@media only screen and (max-device-width: 1152px) {
    .divtable-responsive {
        overflow-x: auto;
        margin-top: 10px;
        margin-bottom: 30px;
        width: 100%;
        overflow-y: hidden;
        white-space: nowrap;
    }
}