.ceam-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.alineacion-derecha {
    text-align: right;
    padding-right: 40px;
}

.titulo-pagina {
    font-family: roboto;
    font-weight: 700;
    color: #696969;
}

/* Contenedores  */
.contenido-formulario{
    padding:20px;
}
/*color icon*/
.iconos-colores {
    color: #5f5f5f;
}

.btn-primary {
    white-space: normal !important;
    word-wrap: break-word;
    display: inline-block;
}

    .btn-primary > img {
        filter: brightness(10);
        width: 24px;
    }


/*Ventana Modal Alertas*/
.header-modal {
    background-color: #273c4f;
    color: #ffffff;
}

.boton-ok-modal {
    background-color: #273c4f !important;
}


/*Tablas y grillas*/
.link {
    color: #337ab7 !important;
}

    .link:hover, link:active {
        color: #23527c !important;
    }

.grid-container {
    border: solid 1px #DDD;
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
    margin-bottom: 10px;
    font-size: 12px !important;
}

.grid.filtros > .row {
    background-color: #FFF;
    margin-bottom: 8px !important;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.32);
    border: 1px solid #DFDFDF !important;
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-collapse: collapse !important;
}

.grid.cabecera {
    font-weight: bold;
}

    .grid.cabecera > .row {
        background-color: #f5f5f5;
        /*margin-bottom: 8px !important;*/
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.32);
        border: 1px solid #DFDFDF !important;
        border-bottom-width: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-collapse: collapse !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

.grid.cabecera > .row > .columna {
    padding: 0.5em 0.5em;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    overflow-x: hidden;
    flex-grow: 1;
    margin-bottom: 0px !important;
}

        .grid.cabecera > .row > .columnas {
            padding: 0 !important;
        }

            .grid.cabecera > .row > .columnas > .row > .columna {
                padding: 0.5em 0.5em;
                border-right: solid 1px #d9d9d9;
                border-bottom: solid 1px #d9d9d9;
                overflow-x: hidden;
            }

            .grid.detalle {
                padding: 0 !important;
            }

.grid.detalle > .grupo {
    background-color: #FFF;
    color: #888;
    border: 1px solid #DFDFDF !important;
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-collapse: collapse !important;
}

    .grid.detalle > .grupo > .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

        .grid.detalle > .grupo > .row > .columna {
            padding: 0.5em 0.5em;
            border-right: solid 1px #d9d9d9;
            border-bottom: solid 1px #d9d9d9;
            flex-grow: 1;
            margin-bottom: 0px !important;
        }

        .grid.detalle > .grupo > .row > .columnas > .row {
            margin-bottom: 8px !important;
            box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16);
            /*display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;*/
        }

        .grid.detalle > .grupo > .row > .columnas {
            padding: 0 !important;
            /*flex-grow: 1;*/
        }

            .grid.detalle > .grupo > .row > .columnas > .row > .columna {
                padding: 0.5em 0.5em;
                border: solid 1px #E8E8E8;
                flex-grow: 1;
                margin-bottom: 0px !important;
            }

    .grid.detalle > .grupo.active {
        background-color: #FFF;
        color: #222;
        /*cabecera de fila detalle 1*/
        border-right: solid 1px #888;
        border-bottom: solid 1px #888;
    }

    .grid.detalle > .grupo > .row.subnivel {
        display: none !important;
        padding: 10px 10px 10px 50px;
        background-color: #fff;
        width: 100%;
    }

.grid.detalle > .grupo.active > .row.subnivel {
    display: inline-block !important;
    background-color: #FFF !important;
    color: #222;
}

.grid.detalle > .grupo > .row > .columna > .link.contrae {
    display: none;
}

    .grid.detalle > .grupo.active > .row > .columna > .link.expande {
        display: none;
    }

    .grid.detalle > .grupo.active > .row > .columna > .link.contrae {
        display: block;
    }

.grid.detalle > grupo > .row > .columnas > .row > .columna > .link.contrae {
    display: none;
}

.grid.detalle > .grupo.active > .row > .columnas > .row > .columna > .link.expande {
    display: none;
}

    .grid.detalle > .grupo.active > .row > .columnas > .row > .columna > .link.contrae {
        display: block;
    }


.grid.pie > .row {
    background-color: #FFF;
    color: #888;
    border: 1px solid #DFDFDF !important;
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-collapse: collapse !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .grid.pie > .row > .columna {
        padding: 0.5em 0.5em;
        border-right: solid 1px #d9d9d9;
        border-bottom: solid 1px #d9d9d9;
        flex-grow: 1;
    }


like-table-row {
    display: table;
    height:100% !important;
}

.row.like-table.row > div {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #d9d9d9;
    float: none;
}
/*----*/
/*estilos iniciales para menu sidebar*/
.menu-title {
    font-weight: bold;
    font-size: 15px;
    margin-left: 5px;
    font-family: roboto,sans-serif;
}

.menu-icon {
    font-weight: bold;
    font-size: 20px;
}

.menuRequerimientoItem, .menuCARequerimientoItem {
    white-space: normal;
    word-wrap: break-word;
    text-align: left;
}


/*
#divMain
{
    margin-left:15% !important;
}

#mySidebar
{
    width:15% !important;
    display:block !important;
}

#openNav{
    display:none;
}
    */
/*fin menu */
@media only screen and (max-width:768px) {
    .alineacion-derecha {
        text-align: left;
    }
}



@media (min-width: 768px) and (max-width: 1024px) {

    .alineacion-derecha {
        text-align: left;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .alineacion-derecha {
        text-align: left;
    }
}



@media (min-width: 992px) {


    .sidebar-icon-only .menu-title {
        display: none;
    }

    .sidebar-icon-only .menuVertical {
        padding-left: 20px;
        font-weight: 400;
        font-size: 22px;
    }

    /*
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        background: #ffffff;
        padding: 0.5rem 1.4rem;
        left: 70px;
        position: absolute;
        text-align: left;
        top: 0;
        bottom: 0;
        width: 190px;
        z-index: 1;
        line-height: 1.8;
        box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25);
    }


    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        display: block;
        padding: .5rem 0;
        background: #ffffff;
        border-radius: 0 0 5px 0;
        position: absolute;
        left: 70px;
        width: 190px;
        box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);
    }



    .sidebar-icon-only .menuVertical {
        padding-left: 20px;
        font-weight: 400;
        font-size: 29px;
    }
        */
}

@media screen and (max-width: 991px) {
    .sidebar-offcanvas {
        position: fixed;
        max-height: calc(100vh - #{$navbar-height});
        bottom: 0;
        overflow: auto;
        right: -257px;
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

        .sidebar-offcanvas.active {
            right: 0;
        }

    #mySidebar {
        display: none;
    }
}


/**************************************************************MENU SECUNDARIO**************************************************************/
/*******************************************************************************************************************************************/
#divMenuHorizontal {
    border-bottom: 1px solid rgba(24, 28, 33, 0.13);
}

.menu-secundario-sub {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f3;
    border-radius: 5px;
    /*box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);*/
}

.menu-secundario-item-sub {
    float: left;
    /*padding: 0.75rem 1.0625rem;*/
    /*text-transform: uppercase;*/
    /*border-right: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;*/
}

    .menu-secundario-item-sub div {
        display: block;
        color: #313131;
        text-align: center;
        padding: 10px 16px;
        text-decoration: none;
    }

        /*.menu-secundario-item-sub div:hover:not(.active) {
            background-color: #ddd;
        }*/

      

.menu-secundario-item-sub:hover {
    background-color: #fff !important;
    border-bottom: 2px solid #e52822 !important;
    /*color: #fff;
    font-weight: 500;
    font-size: 0.8125rem;
    border-radius: 0.125rem;
    border-bottom: 2px solid #e52822 !important;*/
}


/*TABLAS*/
.table > thead > tr > th {
    vertical-align: middle !important;
    text-align: center;
    background-color: #f5f5f5
}

.table > tbody > tr > td.colTextoCorto {
    text-align: center !important;
}

.table > tbody > tr > td.colTextoLargo {
    text-align: left !important;
}

.table > tbody > tr > td.colDecimal {
    text-align: right !important;
}
.table > tbody > tr > td.colInt {
    text-align: center !important;
}

.fcol-xs-1 { flex-basis: 4%; }
.fcol-xs-2 { flex-basis: 8%; }
.fcol-xs-3 { flex-basis: 12%; }
.fcol-xs-4 { flex-basis: 16%; }
.fcol-xs-5 { flex-basis: 20%; }
.fcol-xs-6 { flex-basis: 24%; }
.fcol-xs-7 { flex-basis: 28%; }
.fcol-xs-8 { flex-basis: 32%; }
.fcol-xs-9 { flex-basis: 36%; }
.fcol-xs-10 { flex-basis: 40%; }
.fcol-xs-11 { flex-basis: 44%; }
.fcol-xs-12 { flex-basis: 48%; }
.fcol-xs-13 { flex-basis: 52%; }
.fcol-xs-14 { flex-basis: 56%; }
.fcol-xs-15 { flex-basis: 60%; }
.fcol-xs-16 { flex-basis: 64%; }
.fcol-xs-17 { flex-basis: 68%; }
.fcol-xs-18 { flex-basis: 72%; }
.fcol-xs-19 { flex-basis: 76%; }
.fcol-xs-20 { flex-basis: 80%; }
.fcol-xs-21 { flex-basis: 84%; }
.fcol-xs-22 { flex-basis: 88%; }
.fcol-xs-23 { flex-basis: 92%; }
.fcol-xs-24 { flex-basis: 96%; }
.fcol-xs-25 { flex-basis: 100%; }


@media (min-width: 768px) {
.fcol-sm-1 { flex-basis: 4%; }
.fcol-sm-2 { flex-basis: 8%; }
.fcol-sm-3 { flex-basis: 12%; }
.fcol-sm-4 { flex-basis: 16%; }
.fcol-sm-5 { flex-basis: 20%; }
.fcol-sm-6 { flex-basis: 24%; }
.fcol-sm-7 { flex-basis: 28%; }
.fcol-sm-8 { flex-basis: 32%; }
.fcol-sm-9 { flex-basis: 36%; }
.fcol-sm-10 { flex-basis: 40%; }
.fcol-sm-11 { flex-basis: 44%; }
.fcol-sm-12 { flex-basis: 48%; }
.fcol-sm-13 { flex-basis: 52%; }
.fcol-sm-14 { flex-basis: 56%; }
.fcol-sm-15 { flex-basis: 60%; }
.fcol-sm-16 { flex-basis: 64%; }
.fcol-sm-17 { flex-basis: 68%; }
.fcol-sm-18 { flex-basis: 72%; }
.fcol-sm-19 { flex-basis: 76%; }
.fcol-sm-20 { flex-basis: 80%; }
.fcol-sm-21 { flex-basis: 84%; }
.fcol-sm-22 { flex-basis: 88%; }
.fcol-sm-23 { flex-basis: 92%; }
.fcol-sm-24 { flex-basis: 96%; }
.fcol-sm-25 { flex-basis: 100%; }

.modal-xs { width: 300px !important; }
.modal-sm { width: 400px !important; }
.modal-md { width: 500px !important; }
.modal-lg { width: 650px !important; }
.modal-xl { width: 800px !important; }
}

@media (min-width: 992px) {
.fcol-md-1 { flex-basis: 4%; }
.fcol-md-2 { flex-basis: 8%; }
.fcol-md-3 { flex-basis: 12%; }
.fcol-md-4 { flex-basis: 16%; }
.fcol-md-5 { flex-basis: 20%; }
.fcol-md-6 { flex-basis: 24%; }
.fcol-md-7 { flex-basis: 28%; }
.fcol-md-8 { flex-basis: 32%; }
.fcol-md-9 { flex-basis: 36%; }
.fcol-md-10 { flex-basis: 40%; }
.fcol-md-11 { flex-basis: 44%; }
.fcol-md-12 { flex-basis: 48%; }
.fcol-md-13 { flex-basis: 52%; }
.fcol-md-14 { flex-basis: 56%; }
.fcol-md-15 { flex-basis: 60%; }
.fcol-md-16 { flex-basis: 64%; }
.fcol-md-17 { flex-basis: 68%; }
.fcol-md-18 { flex-basis: 72%; }
.fcol-md-19 { flex-basis: 76%; }
.fcol-md-20 { flex-basis: 80%; }
.fcol-md-21 { flex-basis: 84%; }
.fcol-md-22 { flex-basis: 88%; }
.fcol-md-23 { flex-basis: 92%; }
.fcol-md-24 { flex-basis: 96%; }
.fcol-md-25 { flex-basis: 100%; }

.modal-xs { width: 300px !important; }
.modal-sm { width: 450px !important; }
.modal-md { width: 650px !important; }
.modal-lg { width: 800px !important; }
.modal-xl { width: 950px !important; }
}

@media (min-width: 1200px) {
.fcol-lg-1 { flex-basis: 4%; }
.fcol-lg-2 { flex-basis: 8%; }
.fcol-lg-3 { flex-basis: 12%; }
.fcol-lg-4 { flex-basis: 16%; }
.fcol-lg-5 { flex-basis: 20%; }
.fcol-lg-6 { flex-basis: 24%; }
.fcol-lg-7 { flex-basis: 28%; }
.fcol-lg-8 { flex-basis: 32%; }
.fcol-lg-9 { flex-basis: 36%; }
.fcol-lg-10 { flex-basis: 40%; }
.fcol-lg-11 { flex-basis: 44%; }
.fcol-lg-12 { flex-basis: 48%; }
.fcol-lg-13 { flex-basis: 52%; }
.fcol-lg-14 { flex-basis: 56%; }
.fcol-lg-15 { flex-basis: 60%; }
.fcol-lg-16 { flex-basis: 64%; }
.fcol-lg-17 { flex-basis: 68%; }
.fcol-lg-18 { flex-basis: 72%; }
.fcol-lg-19 { flex-basis: 76%; }
.fcol-lg-20 { flex-basis: 80%; }
.fcol-lg-21 { flex-basis: 84%; }
.fcol-lg-22 { flex-basis: 88%; }
.fcol-lg-23 { flex-basis: 92%; }
.fcol-lg-24 { flex-basis: 96%; }
.fcol-lg-25 { flex-basis: 100%; }

.modal-xs { width: 300px !important; }
.modal-sm { width: 500px !important; }
.modal-md { width: 700px !important; }
.modal-lg { width: 900px !important; }
.modal-xl { width: 1100px !important; }
}

@media (min-width: 1400px) {
.fcol-xl-1 { flex-basis: 4%; }
.fcol-xl-2 { flex-basis: 8%; }
.fcol-xl-3 { flex-basis: 12%; }
.fcol-xl-4 { flex-basis: 16%; }
.fcol-xl-5 { flex-basis: 20%; }
.fcol-xl-6 { flex-basis: 24%; }
.fcol-xl-7 { flex-basis: 28%; }
.fcol-xl-8 { flex-basis: 32%; }
.fcol-xl-9 { flex-basis: 36%; }
.fcol-xl-10 { flex-basis: 40%; }
.fcol-xl-11 { flex-basis: 44%; }
.fcol-xl-12 { flex-basis: 48%; }
.fcol-xl-13 { flex-basis: 52%; }
.fcol-xl-14 { flex-basis: 56%; }
.fcol-xl-15 { flex-basis: 60%; }
.fcol-xl-16 { flex-basis: 64%; }
.fcol-xl-17 { flex-basis: 68%; }
.fcol-xl-18 { flex-basis: 72%; }
.fcol-xl-19 { flex-basis: 76%; }
.fcol-xl-20 { flex-basis: 80%; }
.fcol-xl-21 { flex-basis: 84%; }
.fcol-xl-22 { flex-basis: 88%; }
.fcol-xl-23 { flex-basis: 92%; }
.fcol-xl-24 { flex-basis: 96%; }
.fcol-xl-25 { flex-basis: 100%; }

.modal-xs { width: 500px !important; }
.modal-sm { width: 700px !important; }
.modal-md { width: 900px !important; }
.modal-lg { width: 1100px !important; }
.modal-xl { width: 1300px !important; }
}

.fcol-xs-1, .fcol-xs-2, .fcol-xs-3, .fcol-xs-4, .fcol-xs-5, .fcol-xs-6, .fcol-xs-7, .fcol-xs-8, .fcol-xs-9, .fcol-xs-10, .fcol-xs-11, .fcol-xs-12, .fcol-xs-13,
.fcol-xs-14, .fcol-xs-15, .fcol-xs-16, .fcol-xs-17, .fcol-xs-18, .fcol-xs-19, .fcol-xs-20, .fcol-xs-21, .fcol-xs-22, .fcol-xs-23, .fcol-xs-24, .fcol-xs-25,
.fcol-md-1, .fcol-md-2, .fcol-md-3, .fcol-md-4, .fcol-md-5, .fcol-md-6, .fcol-md-7, .fcol-md-8, .fcol-md-9, .fcol-md-10, .fcol-md-11, .fcol-md-12, .fcol-md-13,
.fcol-md-14, .fcol-md-15, .fcol-md-16, .fcol-md-17, .fcol-md-18, .fcol-md-19, .fcol-md-20, .fcol-md-21, .fcol-md-22, .fcol-md-23, .fcol-md-24, .fcol-md-25,
.fcol-lg-1, .fcol-lg-2, .fcol-lg-3, .fcol-lg-4, .fcol-lg-5, .fcol-lg-6, .fcol-lg-7, .fcol-lg-8, .fcol-lg-9, .fcol-lg-10, .fcol-lg-11, .fcol-lg-12, .fcol-lg-13,
.fcol-lg-14, .fcol-lg-15, .fcol-lg-16, .fcol-lg-17, .fcol-lg-18, .fcol-lg-19, .fcol-lg-20, .fcol-lg-21, .fcol-lg-22, .fcol-lg-23, .fcol-lg-24, .fcol-lg-25,
.fcol-xl-1, .fcol-xl-2, .fcol-xl-3, .fcol-xl-4, .fcol-xl-5, .fcol-xl-6, .fcol-xl-7, .fcol-xl-8, .fcol-xl-9, .fcol-xl-10, .fcol-xl-11, .fcol-xl-12, .fcol-xl-13,
.fcol-xl-14, .fcol-xl-15, .fcol-xl-16, .fcol-xl-17, .fcol-xl-18, .fcol-xl-19, .fcol-xl-20, .fcol-xl-21, .fcol-xl-22, .fcol-xl-23, .fcol-xl-24, .fcol-xl-25 {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    overflow-x: hidden;
    overflow-y: auto;
    /*margin-bottom: 2px;*/
    flex-flow: row wrap;
}


.vMensaje {
    border: 3px solid #ff1212 !important;
}

    .vMensaje > .modal-header {
        background-color: #ff1212;
        color: #fff;
    }


    .vMensaje > .modal-body {
        background-color: #fff;
    }

        .vMensaje > .modal-body > h4 {
            color: #ff1212;
            font-weight: bold;
        }

        .vMensaje > .modal-body > h5 {
            color: #ff1212;
            font-weight: bold;
        }

    .vMensaje > .modal-footer {
    }

        .vMensaje > .modal-footer .btn-default {
            background-color: #273c4f;
            color: #fff;
        }

        .vMensaje > .modal-footer .btn-primary {
            background-color: #ff1212;
            color: #fff;
        }