/*COLUMNAS & UBICACIONES*************************/
.contentPassword {
    background-color: #3200e6 !important;
    border-top: 1px solid #8DDAF5;
}

.contenidoInternoPassword {
    background-color: #3200e6 !important;
}

.bloqueContenidoPassword {
    background-color: #3200e6 !important;
}

.grid__item {
    width: 99%;
    display: block;
    margin: 0 .5%;
    float: left;
    word-break: break-word;
}

.dynamicMOT {
    width: 100%;
    display: block;
    margin: 0;
    float: left;
    word-break: break-word;
}

.item {
    width: 100%;
    display: inline-block;
    margin-bottom: 17px;
}

.pestanas .item {
    margin-bottom: 0;
}

.item_2 {
    width: 97%;
    display: inline-block;
}

.centrar_input {
    width: 70%;
    margin: 0 15%;
    float: left;
}

.en_95 {
    width: 95% !important;
}

.en_uno {
    width: 87% !important;
}

.en_uno_2 {
    width: 84% !important;
}

.tres_cuartos {
    width: 66.8% !important;
}

.tres_cuartos_2 {
    width: 87.6% !important;
}

.tres_cuartos_3 {
    width: 63% !important;
}

.en_dos_medio {
    width: 65% !important;
}

.en_dos {
    width: 49% !important;
}

.en_dos_texto {
    width: 48.6%;
}

.en_dos_texto_2 {
    width: 48.6%;
}

.en_tres {
    width: 32.1% !important;
}

.en_tres_texto {
    width: 32.1% !important;
}

.en_tres_texto_2 {
    width: 32.1% !important;
}

.en_tres_texto_3 {
    width: 32.1% !important;
}

.en_cm {
    width: 27% !important;
}

.en_cuatro {
    width: 23.5% !important;
}

.en_cuatro_texto {
    width: 24% !important;
    padding-left: .5%;
    border-right: 1px solid #C4C4C4;
}
/**Packing*/
.en_cinco {
    width: 19.3% !important;
}

.en_seis {
    width: 14.5% !important;
}

.en_siete {
    width: 9% !important;
}

.un_sexto {
    width: 17% !important;
}
/*Reporte Dinamico*/
.un_quinto {
    width: 29% !important;
}

.un_quinto_2 {
    width: 29.2% !important;
}

.un_cuarto {
    width: 36% !important;
}

.un_cuarto_2 {
    width: 35% !important;
}

.un_medio {
    width: 39% !important;
}

.uno {
    width: 57% !important;
}

.webpage {
    width: 87% !important;
}

.fila {
    margin-top: 3px;
    padding: 25px 0 0;
    text-align: center;
}

.fila_dos input {
    float: left;
    margin-right: 5px;
}

.fila_izq {
    float: left;
    width: 29%;
    min-height: 21px;
    height: auto !important;
    margin: .57em .5% 0 0;
    word-break: break-word !important;
}

    .fila_izq span {
        word-break: break-word !important;
    }

.fila_der {
    float: right;
    width: 68%;
    min-height: 21px;
    height: auto !important;
    margin: .5% .5% .5% 0;
}

.fila_der_2 {
    float: right;
    width: 68%;
    min-height: 21px;
    height: auto !important;
    margin: 1.6% .5% 0;
}

.fila_izq1 {
    float: left;
    width: 48%;
    min-height: 21px;
    height: auto !important;
}

.fila_der1 {
    float: right;
    width: 48%;
    min-height: 21px;
    height: auto !important;
}

.fila_completa {
    float: left;
    height: auto !important;
    width: 100%;
    word-break: break-all;
    min-height: 24px;
}

.inicial {
    text-align: initial;
    top: 9px;
    position: relative;
}

.hidden {
    display: none !important;
}

.invisible {
    visibility: hidden;
    display: none;
}

.ancho {
    height: 33px;
}

.derecha-auto {
    height: auto;
    float: right;
}

.izquierda-auto {
    height: auto;
    float: left;
}

.derecha {
    float: right !important;
}

.izquierda {
    float: left !important;
}

.centro {
    text-align: center;
}

.text_derecha {
    text-align: right !important;
}

.div_centro {
    text-align: center;
    width: 63%;
}

.numero {
    width: 30px !important;
}

.input_btn {
    width: 91% !important;
}

.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
    padding-left: 5px;
}

.no_margin {
    margin: 0 !important;
}

.no_margin_b {
    margin-bottom: 0 !important;
}

.close {
    width: 100%;
}

.close_filtro {
    width: 100%;
    height: 17px;
    float: left;
    margin: -6px 0 3px;
}

.close_filtro_packing {
    width: auto;
    display: inline-block;
}

.lado_izq {
    float: left;
    width: 48%;
}

.lado_der {
    float: left;
    width: 48%;
    margin-left: 4%;
}

.branch {
    width: 66.8%;
}

.borde {
    border-top: 1px solid #3200e6;
}

.Box_checkbox_2 {
    width: 100%;
    display: inline-block;
    overflow: auto;
    color: #000;
    word-break: break-word;
}

    .Box_checkbox_2 .check_completo {
        width: 15%;
    }

.fila_texto_p {
    float: left;
    width: 12.4%;
    min-height: 21px;
    height: auto !important;
    margin: .9em 0 0;
    word-break: break-word;
}

.fila_box_p {
    float: right;
    width: 87.6%;
    min-height: 21px;
    height: auto !important;
    margin: .3em 0 0;
    word-break: break-word;
}

.fila_texto_1 {
    float: left;
    width: 15%;
    min-height: 21px;
    height: auto !important;
    margin: .9em 0 0;
    word-break: break-word;
}

.fila_box_1 {
    float: right;
    width: 85%;
    min-height: 21px;
    height: auto !important;
    margin: .3em 0 0;
    word-break: break-word;
}

.fila_texto_2 {
    float: left;
    width: 30%;
    min-height: 21px;
    height: auto !important;
    margin: .9em 0 0;
    word-break: break-word;
}

.fila_box_2 {
    float: right;
    width: 70%;
    min-height: 21px;
    height: auto !important;
    margin: .3em 0 0;
    word-break: break-word;
}

.fila_texto_22 {
    float: left;
    width: 24%;
    min-height: 21px;
    height: auto !important;
    margin: .9em 0 0;
    word-break: break-word;
}

.fila_box_22 {
    float: right;
    width: 75.1%;
    min-height: 21px;
    height: auto !important;
    margin: .3em 0 0;
    word-break: break-word;
}

.fila_texto_3 {
    float: left;
    width: 37%;
    min-height: 21px;
    height: auto !important;
    margin: .9em 0 0;
    word-break: break-word;
}

.fila_box_3 {
    float: right;
    width: 62.3% !important;
    min-height: 21px;
    height: auto !important;
    margin: .3em 0 0;
    word-break: break-word;
}

.fila_texto_4 {
    float: left;
    width: 50%;
    min-height: 21px;
    height: auto !important;
    margin: .9em 0 0;
    word-break: break-word;
}

.fila_box_4 {
    float: right;
    width: 50%;
    min-height: 21px;
    height: auto !important;
    margin: .3em 0 0;
    word-break: break-word;
}

.fila_box_p .inputText_normal {
    width: 99.7%;
    padding-left: 0;
}

.fila_box_1 .inputText_normal {
    width: 100%;
    padding-left: 0;
}

.fila_box_2 .inputText_normal {
    width: 99%;
    padding-left: 0;
}

.fila_box_22 .inputText_normal {
    width: 99.5%;
    padding-left: 0;
}

.fila_box_3 .inputText_normal {
    width: 99.5%;
    padding-left: 0;
}

.fila_box_4 .inputText_normal {
    width: 99%;
    padding-left: 0;
}

.fila_box_p .styled-select {
    width: 99.7%;
    padding-left: 0;
}

.fila_box_1 .styled-select {
    width: 100%;
    padding-left: 0;
}

.fila_box_2 .styled-select {
    width: 99%;
    padding-left: 0;
}

.fila_box_22 .styled-select {
    width: 99.5%;
    padding-left: 0;
}

.fila_box_3 .styled-select {
    width: 99.5%;
    padding-left: 0;
}

.fila_box_4 .styled-select {
    width: 99%;
    padding-left: 0;
}

#tab-3 .inputText_date {
    width: 40%;
}

.en_1 {
    width: 99.6%;
}

.en_2 {
    width: 49.7% !important;
}

.en_22 {
    width: 49.8%;
}

.en_3 {
    width: 33.04%;
}

.en_4 {
    width: 24.7%;
}

.en_44 {
    width: 32.9%;
}

.en_5 {
    width: 14.7%;
}

#tab-1 .item {
    margin-bottom: 0;
}

#tab-2 .item {
    margin-bottom: 0;
}

#tab-3 .item {
    margin-bottom: 0;
}

#tab-4 .item {
    margin-bottom: 0;
}

#tab-5 .item {
    margin-bottom: 0;
}

#tab-6 .item {
    margin-bottom: 0;
}

#tab-7 .item {
    margin-bottom: 0;
}

#tab-8 .item {
    margin-bottom: 0;
}

#tab-9 .item {
    margin-bottom: 0;
}

#tab-10 .item {
    margin-bottom: 0;
}

#tab-11 .item {
    margin-bottom: 0;
}

#tab-12 .item {
    margin-bottom: 0;
}

#tab-13 .item {
    margin-bottom: 0;
}

.fila_box_2 .radio_izq {
    margin: 8px 4px 0 0;
    width: 32%;
}

.fila_box_p .radio_izq {
    margin: 8px 4px 0 0;
}

.en_4 .check_izq {
    margin: 8px 13px;
}

.en_3 .fila_completa .check_izq {
    width: 20%;
}

.tres {
    width: 32.4% !important;
}

#tab-3 .titulo_terciario {
    padding: .6em 0 .7em;
}

#tab-3 .check_completo {
    margin-top: .5em;
    margin-bottom: 0;
}

#tab-2 .check_completo {
    float: left;
    width: 14%;
}

.link_titulo_terciario {
    color: #6b7aa4;
    font-size: 15px;
    padding: .4em 0 .4em 0;
    width: 6%;
    text-decoration: underline;
    cursor: pointer;
    float: left;
}

#tab-6 .link_titulo_terciario {
    width: 11%;
}

.link {
    padding: .4em 0;
    width: 100%;
    float: left;
}

.check_fila {
    margin-top: 10px;
    width: 29%;
    float: left;
}

option {
    background-color: #FFF;
}

.styled-select select {
    padding-left: 0 !important;
    word-break: break-all;
    height: 21px;
    background: #FFF;
    width: 100%;
    border: none;
    cursor: pointer;
    color: #000;
    outline: none;
}

.styled-select {
    width: 100%;
    border: solid 1px #29226a;
    height: 21px;
    float: left;
    background-color: #FFF;
}

.styled-select_mitad select {
    padding-right: 1em;
    height: 21px;
    background-color: #FFF;
    width: 100%;
    border: none;
    cursor: pointer;
    color: #000;
    outline: none;
}

.styled-select_mitad {
    width: 33%;
    background-color: #fff;
    border: solid 1px #29226a;
    height: 21px;
    float: left;
    margin: 0 3px 4px 0;
    min-width: 30px
}

input[type="radio"] {
    outline: none;
    cursor: pointer;
}

input[type="checkbox"] {
    outline: none;
    cursor: pointer;
}

.chk_izq {
    float: left;
    margin-right: 2.4em;
    display: inline-block;
}

.chk_izq input[type="radio"] {
    top: 8px;
    position: relative;
}

.chk_izq input[type="checkbox"] {
    top: 8px;
    position: relative;
}

.chk_izq label {
    font-style: normal;
    top: 9px;
    position: relative;
    margin-left: 1px;
}

.radio_izq {
    float: left;
    margin-right: .4em;
    width: 15%;
    display: inline-block;
}

    .radio_izq input[type="radio"] {
        top: 8px;
        position: relative;
    }

    .radio_izq input[type="checkbox"] {
        top: 8px;
        position: relative;
    }

.fila_izq .radio_izq input[type="radio"] {
    top: 0;
    position: relative;
}

.fila_izq .radio_izq {
    width: auto;
    margin-right: .6em;
}

.radio_status {
    float: left;
    margin-right: .6em;
    top: 7px;
    position: relative;
}

.check_izq {
    float: left;
    margin-right: .4em;
    width: 35%;
    margin-top: 11px;
}

.check_completo {
    float: left;
    width: 100%;
    margin-bottom: .5em;
}

.radio_izq_1 {
    float: left;
    width: 13%;
    margin-right: .2em;
}

.radio {
    float: left;
    margin: 2% .9em 2% 0;
    width: 10%;
}

    .radio .botones_icono {
        width: 37px !important;
        height: 37px !important;
    }

        .radio .botones_icono img {
            width: 37px;
            height: 37px;
        }

.radio_column tr {
    width: 23%;
    float: left;
    margin-top: 6px;
}

.radio_column {
    width: 100%;
}

.inputText_normal {
    background-color: #FFF;
    min-height: 21px;
    height: auto;
    width: 98%;
    outline: none;
    border: solid 1px #29226a;
    padding-left: 2%;
}

.inputText_spin {
    float: left;
    background-color: #FFF;
    min-height: 21px;
    height: auto;
    width: 30px;
    outline: none;
    border: solid 1px #29226a;
    padding-left: 2px;
}

.inputText_date {
    min-width: 30px;
    background-color: #FFF;
    height: 21px;
    width: 33%;
    outline: none;
    border: solid 1px #29226a;
    padding-left: 2%;
}
.tabsOrCo .inputText_date {width: 60px!important;}

.caja_contenedora .inputText_date {
    width: 25%;
    margin-right: -1px;
}

.fila .inputText_date {
    width: 25%;
    margin-top: 4px;
}

.inputText_normal:focus {
    border: solid 1px #58585a;
    outline: none;
}

.inputText_error {
    outline: none;
    border: solid 1px #F00;
    width: 100%;
    height: 21px;
}

.TextArea_normal {
    background-color: #FF0;
    width: 100%;
    border: solid 1px #3200e6;
    outline: none;
    margin-left: -2px;
    border-radius: 3px;
}

    .TextArea_normal:focus {
        border: solid 1px #58585a;
        outline: none;
    }

.TextArea_error {
    background-color: #dedcdc;
    outline: none;
    border: solid 1px #F00;
    width: 100%;
}

.TextArea_disabled {
    background-color: #eaeaea;
    color: #999999;
    outline: none;
    border: solid 1px #eaeaea;
    width: 100%;
}

.titulo_principal {
    color: #FFF;
    background-color: #29226a;
    font-size: 15px;
    padding: .3em 1%;
    width: 98%;
    margin-bottom: 6px;
}

.titulo_principal_1 {
    color: #FFF;
    background-color: #29226a;
    font-size: 15px;
    padding: .3em 1%;
    margin-bottom: 6px;
    width: 45%;
    max-width: 545.500px;
    min-width: 545.500px;
}

.titulo_secundario {
    color: #29226a;
    font-size: 15px;
    margin-bottom: 6px;
    width: 100%;
    float: left;
}

.titulo_secundario_2 {
    color: #FFF;
    padding: .4em 1.5%;
    background-color: #29226e;
    float: left;
    width: 97%;
    margin-left: 0;
    margin: 0 0 .15em 0;
    cursor: pointer;
}

.titulo_terciario {
    color: #000;
    font-size: 15px;
    padding: .4em 0 .4em 0;
    float: left;
    width: 100%;
}

.titulo_cuaternario {
    color: #29226a;
    font-size: 15px;
    padding: .1em 0;
    margin: 0 0 .4em;
    border-bottom: 1px solid #29226a;
    height: 20px;
    float: left;
    width: 100%;
}

.titulo_quinto {
    color: #29226a;
    font-size: 15px;
    padding: 0;
    margin: .5% !important;
    border-bottom: 1px solid #29226a;
    height: 20px;
    float: left;
    width: 98%;
}

.titulo_popup_2 {
    color: #FFF;
    font-size: 15px;
    padding: .4em 0 .2em .9em;
    background-color: #8DDAF5;
    margin-bottom: 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 20px;
}

.titulo_popup {
    color: #000;
    font-size: 15px;
    padding: .47em 0 .2em .5em;
    background-color: #8DDAF5;
    margin-bottom: 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 18px;
}

.caja_contenedora {
    width: 45%;
    height: auto;
    float: left;
    padding: 1em 1%;
    margin-bottom: 10px;
    background: #f0f2f5;
    max-width: 545.500px;
    min-width: 545.500px;
}

.caja_contenedora_2 {
    background: #f0f2f5;
    margin-bottom: 10px;
    float: left;
    padding: 1em 1%;
    width: 98%;
    color: #000;
}

.scroll_caja_contenedora {
    max-height: 700px;
    overflow: auto;
}

.botones {
    float: left;
    margin: 9px 0;
}

.filtro .botones {
    float: left;
    margin: 0;
}

.pestanas .botones {
    float: left;
    margin: .5em 0 0;
}

.botones input {
    max-height: 35px;
    float: left;
    width: 114px;
    background-color: #3200e6;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    text-align: right;
    padding: 6px;
    margin: 0 3px 3px 0;
    outline: none;
    font-size: 13px;
}

    .botones input:hover {
        background-color: #8ddaf5;
    }

    .botones input:focus {
        background-color: #29226a;
        outline: none;
    }

.botones img {
    border: none;
    outline: none;
    width: 27px;
}

.botones_icono {
    float: right;
    text-align: center;
    border: none;
    color: #FFF;
    width: 27px;
    height: 27px;
    cursor: pointer;
    outline: none;
    margin: 0 0 0 3px;
}
    .botones_icono a {
        background-color: #3200e6;
        border-radius: 5px;
        float: right;
        text-align: center;
        border: none;
        color: #FFF;
        width: 27px;
        height: 27px;
        cursor: pointer;
        outline: none;
        margin: 0 0 0 3px;
    }
    .botones_icono input {
        background-color: #3200e6;
        border-radius: 5px;
        float: right;
        text-align: center;
        border: none;
        color: #FFF;
        width: 27px;
        height: 27px;
        cursor: pointer;
        outline: none;
        margin: 0 0 0 3px;
    }

        .botones_icono input:hover {
            background-color: #8ddaf5;
        }

        .botones_icono input:focus {
            background-color: #29226a;
            outline: none;
        }

    .botones_icono img {
        background-color: #3200e6;
        border-radius: 5px;
    }

        .botones_icono img:hover {
            background-color: #8ddaf5;
            border-radius: 5px;
            width: 27px;
            height: 27px
        }

    .botones_icono img {
        outline: none;
        width: 27px;
        border: none;
    }

.web .botones_icono img {
    border: none;
    outline: none;
    width: 35px;
}

.web .botones_icono {
    border: none;
    outline: none;
    width: 35px;
    height: 35px;
}

    .web .botones_icono img:hover {
        border: none;
        outline: none;
        width: 35px;
        height: 35px;
    }

.iconoCenter {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.btn_arriba {
    display: block;
    position: fixed;
    bottom: 44px;
    right: 2px;
    z-index: 999999;
    background: url(../img/icon_volverArriba.png) #c1c1c1 no-repeat;
    width: 22px;
    height: 22px;
    cursor: pointer; /*opacity: .5;*/
    border-radius: 25%;
}

    .btn_arriba:hover {
        background: url(../img/icon_volverArriba.png) #8ddaf5 no-repeat;
        opacity: 1;
    }

.btn_abajo {
    display: block;
    position: fixed;
    bottom: 18px;
    right: 2px;
    z-index: 999999;
    background: url(../img/icon_volverAbajo.png) #c1c1c1 no-repeat;
    width: 22px;
    height: 22px;
    cursor: pointer; /*opacity: .5;*/
    border-radius: 25%;
}

    .btn_abajo:hover {
        background: url(../img/icon_volverAbajo.png) #8ddaf5 no-repeat;
        opacity: 1;
    }

.btn_ok_19 {
    background: url(../img/icon_ok_19.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_ok_19:hover {
        background-color: #8ddaf5;
    }

    .btn_ok_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_cancelar_19 {
    background: url(../img/icon_cancelar_19.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_cancelar_19:hover {
        background-color: #8ddaf5;
    }

    .btn_cancelar_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_delete_19 {
    background: url(../img/icon_delete_19.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_delete_19:hover {
        background-color: #8ddaf5;
    }

    .btn_delete_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_editar_19 {
    background: url(../img/icon_editar_19.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_editar_19:hover {
        background-color: #8ddaf5;
    }

    .btn_editar_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_agregar_19 {
    background: url(../img/icon_agregar_19.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_agregar_19:hover {
        background-color: #8ddaf5;
    }

    .btn_agregar_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_descargar_19 {
    background: url(../img/icon_descargar_2.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_descargar_19:hover {
        background-color: #8ddaf5;
    }

    .btn_descargar_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_upload_19 {
    background: url(../img/icon_upload_19.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 20px;
    height: 21px;
    border-radius: 5px;
}

    .btn_upload_19:hover {
        background-color: #8ddaf5;
    }

    .btn_upload_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_descargar_2 {
    border-radius: 5px;
    float: right;
    text-align: center;
    border: none;
    color: #FFF;
    outline: none;
    background: url(../img/icon_descargar_2.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 1px;
}

    .btn_descargar_2:hover {
        background-color: #8ddaf5;
    }

    .btn_descargar_2:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_clear_19 {
    background: url(../img/icon_suprimir_19.png) #3200e6 no-repeat no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_clear_19:hover {
        background-color: #8ddaf5;
    }

.btn_view_19 {
    background: url(../img/icon_view_19.png) #3200e6 no-repeat no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_view_19:hover {
        background-color: #8ddaf5;
    }

    .btn_view_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_not_view_19 {
    background: url(../img/icon_not_view.png) #3200e6 no-repeat no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_not_view_19:hover {
        background-color: #8ddaf5;
    }

    .btn_not_view_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_buscar_19 {
    background: url(../img/icon_buscar_19.png) #3200e6 no-repeat no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_buscar_19:hover {
        background-color: #8ddaf5;
    }

    .btn_buscar_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_openShipment_19 {
    background: url(../img/icon_openShipment_19.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_openShipment_19:hover {
        background-color: #8ddaf5;
    }

    .btn_openShipment_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_closeShipment_19 {
    background: url(../img/icon_closeShipment_19.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_closeShipment_19:hover {
        background-color: #8ddaf5;
    }

    .btn_closeShipment_19:focus {
        background-color: #29226a;
        outline: none;
    }

.btn_dangerousGood_19 {
    background: url(../img/dangerousGood_19.png) #3200e6 no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
}

    .btn_dangerousGood_19:hover {
        background-color: #8ddaf5;
    }

    .btn_dangerousGood_19:focus {
        background-color: #29226a;
        outline: none;
    }

.botones_icono_19 .btn_descargar_19 {
    margin: 0 30%;
}

.calendar {
    outline: none;
}

    .calendar:hover {
        opacity: .8;
    }
/**********/
.btn_buscar {
    background: url(../img/iconSearch.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_air {
    background: url(../img/icon_air.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_rail {
    background: url(../img/icon_rail.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_mot {
    background: url(../img/iconMot.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_sea {
    background: url(../img/iconSea.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_land {
    background: url(../img/iconLand.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_ok {
    background: url(../img/iconOk.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_agregar {
    background: url(../img/iconAdd.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_asignar {
    background: url(../img/iconAsSign.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_editar {
    background: url(../img/iconEdit.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_points {
    background: url(../img/icon_points.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_descargar {
    background: url(../img/iconDownload.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_upload {
    background: url(../img/icon_upload.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_back {
    background: url(../img/iconBack.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_guardar {
    background: url(../img/iconSave.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_open_invoice {
    background: url(../img/iconOpenDocument.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_close_invoice {
    background: url(../img/iconCloseDocument.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_enviar {
    background: url(../img/iconSend.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 31px;
    height: 27px;
}

.btn_noEnviar {
    background: url(../img/iconNoSend.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_reEnviar {
    background: url(../img/iconReSend.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_cancelar {
    background: url(../img/iconCancel.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_collapse {
    background: url(../img/icon_close.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_expand {
    background: url(../img/icon_open.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_denied {
    background: url(../img/iconDenied.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_actualizar {
    background: url(../img/iconLoad.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_view {
    background: url(../img/iconView.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_imprimir {
    background: url(../img/icon_print.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_volver {
    background: url(../img/iconBack.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_delete {
    background: url(../img/iconDelete.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_clear {
    background: url(../img/icon_suprimir.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_select {
    background: url(../img/iconSelect.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    margin-bottom: 1%;
}

.btn_unselect {
    background: url(../img/iconUnselect.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    margin-bottom: 1%;
}

.btn_info {
    background: url(../img/icon_info.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_travel {
    background: url(../img/icon_travel.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_config {
    background: url(../img/iconAdmin.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    height: 27px;
    width: 27px;
}

.btn_exp_excel {
    background: url(../img/btn_exp_excel.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    float: right;
}

.btn_exp_word {
    background: url(../img/btn_exp_word.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    float: right;
}

.btn_exp_pdf {
    background: url(../img/btn_exp_pdf.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    float: right;
}

.btn_exp_csv {
    background: url(../img/btn_exp_csv.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    float: right;
}

.btn_exp_txt {
    background: url(../img/btn_exp_text.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    float: right;
}

.btn_left {
    background: url(../img/btn_left.png) no-repeat;
    margin: 0;
    float: left;
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
}

.btn_right {
    background: url(../img/btn_right.png) no-repeat;
    margin: 0;
    float: right;
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
}

.btn_pin {
    background: url(../img/btn_pin.png) no-repeat;
    margin: 0;
    float: right;
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
}

.btn_pin2 {
    background: url(../img/btn_pin2.png) no-repeat;
    margin: 0;
    float: right;
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
}

.icon_calendar:hover {
    opacity: .5;
}

.administration {
    background: url(../img/Administration_2.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_noIcon {
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    margin-bottom: 1%;
}

.botones_export {
    text-align: center;
    height: 27px;
    margin-top: 2px;
    float: left;
    width: 100%;
}

.export {
    float: right;
    height: 33px;
    line-height: 36px;
    text-align: center;
    width: 181px;
}

    .export input {
        padding: 1px;
        margin-right: 7px;
        top: -6px;
        text-align: center;
    }

.export_uno {
    background-color: transparent;
    float: right;
    height: 33px;
    line-height: 36px;
    text-align: center;
    width: 50px;
}

    .export_uno .btn_exp_excel {
        float: none !important;
    }

.botones_export input[type=submit] {
    background-color: #3200e6;
    border-radius: 5px;
    outline: none;
}

    .botones_export input[type=submit]:hover {
        background-color: #8ddaf5;
        border-radius: 5px;
        outline: none;
    }

.botones_paginador {
    width: 100%;
    text-align: center;
    margin: 11px 0;
    height: auto;
    float: left;
}

    .botones_paginador input {
        border-radius: 5px;
    }

.btn_first {
    background: url(../img/first.png) no-repeat;
    background-color: #8ddaf5;
}

.btn_next {
    background: url(../img/next.png) no-repeat;
    background-color: #8ddaf5;
}

.btn_prev {
    background: url(../img/prev.png) no-repeat;
    background-color: #8ddaf5;
}

.btn_last {
    background: url(../img/last.png) no-repeat;
    background-color: #8ddaf5;
}

.btn_number {
    outline: none;
    cursor: text;
    width: 25px;
    max-width: 50px;
    height: 25px;
    background-color: #fff;
    border: 1px solid #a1a3a5;
    text-align: center;
    color: #3b3b3b;
    padding: 0;
}

.btn_class {
    background: url(../img/iconAddDelete.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.botones_paginador input[type="submit"] {
    color: #3b3b3b;
    width: 27px;
    height: 27px;
    border: 0;
    outline: none;
    cursor: pointer;
}

    .botones_paginador input[type="submit"]:hover {
        background-color: #3200E6;
    }

.Detail_popup .botones_paginador input[type="submit"]:hover {
    background-color: #a1a3a5;
}

.btn_row_right {
    background: url(../img/icon_row_right.png) no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    outline: none;
    border: none;
}

.btn_row_left {
    background: url(../img/icon_row_left.png) no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    outline: none;
    border: none;
}

.iconUpdateProgress {
    top: 45% !important;
    position: absolute !important;
}

.fondo_updateProgress {
    text-align: center !important;
    background-color: #fff;
    width: 100% !important;
    height: 100% !important;
    z-index: 1000000;
    position: fixed;
    visibility: visible;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8;
}

#nav {
    float: left;
    width: 100%;
    height: 27px;
    padding: 3px 0 7px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #eaeaea;
    z-index: 999999;
    line-height: 26px;
    opacity: 1 !important;
}

    #nav span {
        font-weight: bold;
    }

    #nav .fila_izq {
        margin: 1.8% .5% 0%;
    }

#effect .en_seis {
    width: auto
}

#effect {
    top: 114px;
    position: fixed;
    width: 51%;
    height: auto;
    background-color: #58585a;
    color: #fff;
    z-index: 999999;
    padding: 6px;
    min-width: 366px;
    overflow: auto;
    max-height: 455px;
}

.fixed {
    position: fixed;
}

.header_security {
    border: 1px solid #fff;
    height: 49px;
}

.position {
    right: 0;
}

.fila_der_ancho {
    float: right;
    height: auto;
    width: 40%;
    height: 19px;
    margin: 2px -5px 11px 1px;
}

.fila_izq_ancho {
    float: left;
    height: auto;
    width: 62%;
    margin: 5px 0 0 -8px;
    text-align: right;
}

.boton_security {
    background: url(../img/iconAdmin.png) #3200e6;
    border-radius: 5px;
    margin-right: -6px;
    width: 27px;
    height: 27px;
    border: none;
    cursor: pointer;
    outline: none;
    margin-left: 8px;
}

    .boton_security:focus {
        outline: none;
    }

    .boton_security:hover {
        background-color: #8ddaf5;
    }

.tabla_security {
    max-height: 500px;
}

    .tabla_security tr {
        color: #fff;
        background-color: #767676;
    }

    .tabla_security th {
        padding: 2px;
        font-weight: bold;
        color: #fff;
    }

#effect .grid__item .fila_izq span {
    padding: 5px;
    color: #fff;
}

.pnl_visibleSecurity {
    width: 850px;
    float: right;
    margin-top: 3px;
}

.label_1 {
    color: #eaeaea;
}

.altura {
    margin-top: 7px;
}

.blanco {
    color: #fff;
}

.fila_der_ancho .botones {
    margin: -2px 0 0 3px !important
}

.label_error {
    color: #ff3535;
    font-style: italic;
}

.rastro_migas {
    float: left;
    margin: 5px;
}

    .rastro_migas a {
        color: #0048ac;
    }

    .rastro_migas span.flecha {
        padding: 0 .4em;
    }

.welcome_home {
    padding-bottom: 40px;
    margin-top: 7px;
    background: #fff url(../img/map_welcomeContainter.png) no-repeat bottom;
    width: auto;
    height: fit-content;
    text-align: center;
}


.columna_completa {
    width: 1381px;
    height: 854px;
    text-align: inherit;
    /* top: 9px; */
    position: inherit;
    float: inherit;
}

.content .welcome_home .Name_module {
    background-color: #3200e6;
    font-weight: bold;
    color: #fbfdfe;
    padding: 12px;
    position: relative;
    top: 50px;
    float: left;
    left: 10%;
}

.content .welcome_home p {
    background-color: #29226a;
    color: #fbfdfe;
    float: left;
    padding: 12px;
    position: relative;
    top: 50px;
    clear: both;
    left: 10%;
    width: 300px;
}

.content .welcome_home .columna_completa .welcome {
    color: #3200e6;
    font-size: 70px;
    position: relative;
}

.content .welcome_home img {
    background-color: #000;
}

input[type="text"]:disabled {
    min-height: 21px;
    background-color: #E1E2E4;
    color: #727171 !important;
    border: solid 1px #29226a;
    outline: none;
    cursor: default;
    padding-left: 8px;
    width: 98%;
}

    input[type="text"]:disabled:hover {
        cursor: default;
    }

textarea[disabled] {
    background-color: #E1E2E4;
    color: #000 !important;
    border: solid 1px #29226a;
    outline: none;
    cursor: default;
}

input[type=submit]:disabled {
    opacity: .4;
    cursor: default;
}

    input[type=submit]:disabled:hover {
        background-color: #3200e6 !important;
        opacity: .4;
        cursor: default;
    }

.numeric input[type=submit]:disabled {
    opacity: .4;
    cursor: default;
}

    .numeric input[type=submit]:disabled:hover {
        cursor: default;
        background-color: #ededed !important;
    }

.botones input[type=submit]:disabled {
    opacity: .1;
    border: 0;
}

select:disabled {
    background: #E1E2E4 !important;
    color: #727171 !important;
    cursor: default;
    height: 21px;
    border: none;
}

    select:disabled:hover {
        cursor: default;
    }

span:disabled {
    background: #E1E2E4 !important;
    color: #727171 !important;
    cursor: default;
}

input[type="file"]:disabled {
    background-color: #E1E2E4;
    color: #727171 !important;
    outline: none;
    cursor: default;
}

.file_upload input[type=file]:disabled {
    opacity: .1;
    border: 0;
}

    .file_upload input[type=file]:disabled:hover {
        opacity: .1;
        border: 0;
    }

.botones_export input[type=submit]:disabled {
    background-color: transparent;
    opacity: .1;
}

    .botones_export input[type=submit]:disabled:hover {
        background-color: transparent;
    }

.botones_paginador input[type="text"]:disabled {
    opacity: .5;
}

    .botones_paginador input[type="text"]:disabled:hover {
        cursor: default;
    }

.botones_paginador input[type="submit"]:disabled {
    opacity: .4;
}

    .botones_paginador input[type="submit"]:disabled:hover {
        background-color: #8ddaf5 !important;
        opacity: .4;
        cursor: default;
    }

.datatable {
    text-align: left !important;
    font-size: 11px;
    width: 100%;
}

#div_add_item .datatable td .inputText_normal {
    width: 93% !important;
}
/*.grillaResponsive2 .datatable tbody tr td:first-child { display: none !important; border-color: #FFFFFF; }
.grillaResponsive2 .datatable tr th:first-child { display: none !important; }
.grillaResponsive2  .ajax__calendar_days tbody tr td:first-child { display: block !important; border-color: #FFFFFF; }

.ajax__calendar_days tbody tr td:first-child { display: block !important; border-color: #FFFFFF; }*/


.supplier_booking table tbody tr td:first-child {
    display: none !important;
    border-color: #FFFFFF;
}

.ajax__calendar table tbody tr td:first-child {
    display: block !important;
    border-color: #FFFFFF;
}

.ajax__calendar table thead tr td:first-child {
    display: block !important;
    border-color: #FFFFFF;
}

.ajax__calendar table tr td {
    border: none !important;
}

.supplier_booking .ajax__calendar table tbody tr td:first-child {
    display: block !important;
    border-color: #FFFFFF;
}

.supplier_booking .ajax__calendar table thead tr td:first-child {
    display: block !important;
    border-color: #FFFFFF;
}

.ajax__calendar_body {
    height: 150px !important;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.ajax__calendar_days > table > tbody:hover td {
    background-color: #fff !important;
    color: #000 !important;
}

.ajax__calendar_days > table > tbody td {
    background-color: #fff !important;
    color: #000 !important;
}

.ajax__calendar_days > table > thead > tr:hover td {
    background-color: #fff !important;
    color: #000 !important;
}

.ajax__calendar_days > table > thead > tr > td {
    background-color: #fff !important;
    color: #000 !important;
}

.grilla {
    min-width: 100%;
    max-height: 440px;
    max-width: 100%;
    overflow: auto;
    float: left;
}

    .grilla tbody {
        min-width: 100%;
        max-height: 440px;
        max-width: 92.2em;
        overflow: auto;
    }

.datatable td a {
    color: #3200e6;
    text-decoration: underline;
    float: left !important;
    padding-left: 2px;
}

.datatable td:first-child a {
    background: url('../../Styles/img/btn_select.png') no-repeat;
    height: 16px;
    color: transparent !important;
    margin-left: 10px;
    padding-left: 0 !important;
}

.datatable td:first-child {
    min-width: 8px;
}

.datatable .text_derecha {
    text-align: left !important;
    padding-left: 2px;
}

.datatable th a {
    color: #fff !important;
    text-decoration: underline;
}

.datatable td .derecha {
    float: left !important;
    padding-left: 2px;
}

.datatable th {
    color: #CBD4E0;
    border: 1px solid #FFF;
    background-color: #29226a !important;
    font-weight: bold;
    height: 28px;
    min-width: 51px;
    width: auto;
    text-align: center;
    word-break: keep-all;
}

.estilo_th {
    color: #CBD4E0;
    border: 1px solid #FFF;
    background-color: #29226a;
    font-weight: bold;
    height: 40px;
    min-width: 40px;
    width: auto;
    text-align: center;
    word-break: break-word;
}

#tab-1111 .datatable th {
    height: 20px;
    min-width: 48px;
}

#tab-2222 .datatable th {
    height: 20px;
    min-width: 63px;
}

#tab-3333 .datatable th {
    height: 17px;
    min-width: 54px;
}

.gridViewResponsive2 {
    display: none !important;
    width: 50px;
}

.grillaResponsive2 .grilla {
    max-height: 100%;
    max-width: 100%;
    overflow: inherit;
}

.grillaResponsive2 .datatable tbody tr td:first-child {
    display: none;
    border-color: #FFFFFF;
}

.datatable .ajax__calendar_container tr td:first-child {
    display: block !important;
}

.datatable tr {
    background: #f0f2f5;
    border-color: #FFF;
}

    .datatable tr:hover td {
        background: #58585a;
        color: #fff;
    }

    .datatable tr:hover .estilo_th {
        background: #29226a;
        color: #fff;
    }

.form_ancho {
    height: 20px;
    min-width: 48px;
}

.datatable tr:nth-child(even) {
    background: #CBD4E0;
}

.sortasc-header {
    background-color: #3200e6 !important;
}

.datatable .sortdesc-header a {
    color: #000 !important;
}

.sortdesc-header {
    background-color: #8DDAF5 !important;
    color: #000 !important;
}

.sortasc-cell {
    background-color: #3200e6;
    color: #fff;
}

    .sortasc-cell a {
        color: #fff !important;
    }

.sortdesc-cell {
    background-color: #8DDAF5 !important;
    color: #000 !important;
}

.hiddentd {
    display: none;
}

.selectRow {
    background-color: #a1a3a5 !important;
}

    .selectRow td {
        color: #fff;
    }

.RelacionRow {
    background-color: #EBE6E6;
}

.graycolum-header {
    background-color: #a1a3a5 !important;
}

.datatable .graycolum-header a {
    color: #3b3b3b !important;
}

.graycolum-cell {
    background-color: #a1a3a5;
    color: #fff;
}

    .graycolum-cell a {
        color: #3b3b3b !important;
    }

.darkgraycolum-header {
    background-color: #58585a !important;
}

.datatable .darkgraycolum-header a {
    color: #fff !important;
}

.darkgraycolum-cell {
    background-color: #58585a;
    color: #fff;
}

    .darkgraycolum-cell a {
        color: #fff !important;
    }

.fondo_texto {
    width: auto;
    height: 14px;
    color: Black;
    border-bottom: solid .1em #29226a;
    margin: 4px 0;
    float: left;
    width: 100%;
    padding-bottom: .2em;
}

.texto_der {
    float: right;
}

.texto_izq {
    float: left;
}

.filtro_table {
    height: auto;
    width: 100%;
}

tbody {
    border-color: #fff;
}

.filtro_table a {
    color: #666;
    padding: 0;
}

.filtro_table th {
    border: 1px transparent;
}

.filtro_table caption, .filtro_table th, .filtro_table td {
    text-align: left;
    border: none;
}
.filtro_table caption, .filtro_table th, .filtro_table td input[type="radio"] {
    margin-right: 8px;
}

.label_file_upload {
    color: #3b3b3b;
    padding-top: 8px;
}

div.file_upload input {
    width: 100%;
    position: relative;
    display: block;
    opacity: 1;
    background-color: #fff;
}

.upload {
    margin-top: 4px;
    width: 100%;
}

.custom_file_upload {
    padding-left: 0;
    font-weight: bold;
    color: #3200e6;
}

#subaccordion h3 {
    background-color: #006EB4;
    color: #fff;
}

#body_uc_packing_lbl_mpe_voyage_detailMessage {
    padding-left: .9em;
}

.Detail_popup .pestanas .ui-widget-content {
    padding-left: .9em !important;
}

.Detail_popup .item_error {
    width: 100%;
    display: inline-block;
    margin-bottom: 3% !important;
    margin-top: -7px;
    color: #E75C55 !important;
}
    /*.Detail_popup .item_error:nth-child(3) {padding-left: 90px;}*/
    .Detail_popup .item_error h3 {
        background-color: #e75c55 !important;
        padding: .5% .9em;
        width: auto;
        color: #fff !important;
        font-size: 14px;
        font-weight: bold;
        border: none !important;
        margin-top: 0;
    }

        .Detail_popup .item_error h3 span {
            font-style: normal;
            color: #fff !important;
        }

    .Detail_popup .item_error .messi-closebtn {
        background: url(../img/icon_close_window.png) no-repeat;
        margin-top: -1%;
        right: -10px;
        position: relative;
    }

.selectedNode {
    background-color: #8DDAF5;
    color: #000 !important;
    padding: 0 .2em;
}

.treeView a {
    color: #000;
    font-size: 9px;
    margin-left: 2px;
}

.treeView {
    width: 100%;
    margin-bottom: 2%;
    float: left;
    height: auto;
}

    .treeView .footable {
        width: inherit;
    }

    .treeView .grilla {
        max-height: 450px !important;
        max-width: 40.2em;
        overflow: auto;
    }

.Detail_popup {
    top: 17px;
    position: relative;
    display: block;
    background: #EFEFEF;
    border: 3px solid #fff;
    height: auto;
    box-shadow: 0 0 1em #444;
    float: left;
    max-height: 700px;
    border-radius: 6px;
}

.Detail_popup_1 {
    position: relative;
    left: 34%;
    display: block;
    background: #FFF;
    border: 3px solid #fff;
    width: 30%;
    height: auto;
    box-shadow: 0 0 1em #444;
    float: left;
    max-height: 758px;
    border-radius: 6px;
}

.scroll_popup {
    overflow: auto;
    max-height: 300px;
    height: auto;
    margin-bottom: 0 !important;
    position: relative;
}

.scroll_popup_120 {
    overflow: auto;
    max-height: 120px;
    height: auto;
    margin-bottom: 0 !important;
    position: relative;
}

.simple {
    width: 500px;
}

.doble {
    width: 1080px;
}

.triple {
    width: 1200px;
    max-height: 800px;
}

.doble td {
    max-width: 173px;
}

.Detail_popupPassword {
    top: 17px;
    position: relative;
    display: block;
    background: #fff;
    border: 3px solid #fff;
    height: auto;
    box-shadow: 0 0 1em #444;
    float: left;
    max-height: 700px;
    border-radius: 6px;
}

.titulo_popupPassword {
    background-color: #8ddaf5;
    color: #000;
    font-size: 15px;
    padding: .47em 0 .2em .5em;
    margin-bottom: 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 18px;
}

.itemPopupPassword {
    width: 98%;
    display: inline-block;
    margin: 0 1%;
}

#body_DynamicReport_pnl_dinamic .Detail_popup input[type="checkbox"] {
    position: relative;
    bottom: 8px;
}

.Detail_popup input[type="checkbox"] {
    outline: none;
    cursor: pointer;
}

.Detail_popup .label_check input[type="checkbox"] {
    top: 0;
}

.numeric_upDown {
    width: 100%;
    outline: none;
    text-align: center;
}

.numeric {
    float: left;
    border: none;
    width: 27px !important;
    height: 21px !important;
    cursor: pointer;
    outline: none;
}

.btn_up {
    background: url(../img/numeric_up.png) no-repeat #ededed;
    outline: none;
    border: solid 1px #a0a2a1;
    cursor: pointer;
    width: 27px;
    height: 11px;
    display: inline-block;
}

.btn_down {
    background: url(../img/numeric_down.png) no-repeat #ededed;
    outline: none;
    border: 1px solid #a0a2a1;
    cursor: pointer;
    width: 27px;
    height: 12px;
    display: inline-block;
}

    .btn_down:hover {
        background-color: #CFCCCC;
        border: 1px solid #a0a2a1;
    }

.btn_up:hover {
    background-color: #CFCCCC;
    border: 1px solid #a0a2a1;
    ;
}

.btn_down:focus {
    outline: none;
}

.btn_up:focus {
    outline: none;
}

.ColumnsName {
    border-bottom: 1px solid #FFF;
}

#DynamicReport_udp_options .fila_der {
    padding-top: 6px;
}

#body_DynamicReport_div_MenuD_Release_Schedule .scroll_popup .grid__item .fila_completa .fila_izq {
    width: 8% !important;
}

#body_DynamicReport_div_MenuD_Release_Schedule .scroll_popup .grid__item .fila_completa .fila_der {
    width: 89% !important;
}

#body_DynamicReport_div_MenuD_Shipment .scroll_popup .grid__item .fila_completa .fila_izq {
    width: 8% !important;
}

#body_DynamicReport_div_MenuD_Shipment .scroll_popup .grid__item .fila_completa .fila_der {
    width: 89% !important;
}

#body_DynamicReport_div_MenuD_Voyage .scroll_popup .grid__item .fila_completa .fila_izq {
    width: 8% !important;
}

#body_DynamicReport_div_MenuD_Voyage .scroll_popup .grid__item .fila_completa .fila_der {
    width: 89% !important;
}

#DynamicReport_pnl_dinamic .grid__item .fila_der span {
    font-style: normal !important;
}

#DynamicReport_pnl_dinamic .doble {
    width: 700px !important;
}

#DynamicReport_pnl_dinamic .item {
    border-top: 1px solid #006EB4;
    background-color: #e2e9fb;
    margin-top: 0;
}

#DynamicReport_pnl_dinamic .titulo_popup {
    float: left;
    width: 98.2%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: .2em;
}

.images_container_min {
    width: 100px;
    height: 100px;
    border: 2px solid #FFFFFF;
    margin: 2%;
}

.images_container_max {
    width: 60% !important;
    margin: 0 20%;
}

.Detail_popup p:nth-child(2n+1) {
    float: left;
    margin-right: 0%;
    width: 49%;
}

.Detail_popup p:nth-child(2n) {
    float: right;
    width: 49%;
}

.ajax__calendar .ajax__calendar_container { /*width: 169px!important;*/
    z-index: 5555555555;
}

#body_uc_Invoice_pnl_tab_detail .ajax__calendar .ajax__calendar_container {
    position: relative !important;
    top: -120px;
}

.ajax__calendar_body {
    width: 100% !important;
}

.ajax__calendar_title:hover {
    color: #006EB4;
}

.ajax__calendar_day:hover {
    background-color: #e2e9fb;
}

.ajax__calendar_days,
.ajax__calendar_months,
.ajax__calendar_years {
    width: auto !important;
}

.item_header {
    background-color: #29226a;
    width: auto;
    border: 1px solid #FFF;
    padding: 7px 0 6px 0;
    height: 17px;
}

.content #horizontalTab ul {
    padding-left: 0;
}

#filtro_2 #horizontalTab ul {
    padding-left: 0;
    width: 45%;
    border-bottom: 2px solid #29226a;
    padding: 0 2% 0 0;
    min-width: 200px;
    margin-bottom: 6px;
    font-size: 14px;
    height: 28px;
    max-width: 545.500px;
    min-width: 545.500px;
}

.r-tabs {
    position: relative;
}

#filtro_2 .r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    background-color: #a1a3a5;
    width: 133px;
    float: left;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: inline-block;
    padding: 6px 7px;
    color: #fff;
}

#filtro_2 .r-tabs .r-tabs-nav .r-tabs-anchor {
    display: inline-block;
    padding: 6px 40px;
    color: #fff;
    width: 54px;
    text-align: center;
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: .5;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #000;
    text-shadow: none;
    background-color: #e2e9fb;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #000;
    text-shadow: none;
    background-color: #e2e9fb;
}

#filtro_2 .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #fff;
    text-shadow: none;
    background-color: #29226a;
}

.r-tabs .r-tabs-panel {
    background-color: #f0f2f5;
}

#filtro_2 .r-tabs .r-tabs-panel {
    background-color: #f0f2f5;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    border-bottom: 1px solid #fff;
    text-decoration: none;
    margin-top: 1px;
    display: block;
    cursor: pointer;
    padding: .4em 1%;
    width: 98%;
    min-height: 0;
    background-color: #29226A;
    color: #fff;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    color: #fff;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: .5;
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
    height: auto;
    float: left;
    width: 98%;
    padding: 1% 1%;
    margin-bottom: .7em
}

#filtro_2 .r-tabs .r-tabs-panel {
    height: auto;
    float: left;
    padding: 0;
    width: 99%;
    margin: 0 .5%;
}

.caja_invisible {
    background-color: #f0f2f5;
    height: auto;
    float: left;
    width: 45%;
    padding: 1em 1%;
    margin-bottom: .7em;
    max-width: 545.500px;
    min-width: 545.500px;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

#filtro_2 .r-tabs .r-tabs-accordion-title {
    display: none;
    visibility: visible;
}

.aqui .r-tabs .r-tabs-accordion-title {
    display: block !important;
}

.aqui .r-tabs .r-tabs-tab {
    display: none;
    margin: 0;
    list-style: none;
}

.aqui_2 .r-tabs .r-tabs-accordion-title {
    display: block !important;
}

.aqui_2 .r-tabs .r-tabs-tab {
    display: none;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

label > input {
    display: none;
}

    label > input + img {
        cursor: pointer;
        border: 2px solid transparent;
    }

    label > input:checked + img {
        background-color: #8ddaf5;
    }

.td_add_bulk td .inputText_normal {
    width: 87%;
}

#page-wrap {
    width: 100%;
    display: inline-block;
    height: auto;
    float: left;
    position: fixed;
}

#ambiance-notification {
    left: 0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
}

.note_alert {
    background: #eebc34;
    text-align: left;
    overflow: hidden;
    min-height: 27px;
    padding: .4% 0
}

    .note_alert .texto_popup {
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        float: left;
        width: 94%;
        padding-top: 3px;
    }

.note_error {
    background: #BD1622;
    text-align: left;
    overflow: hidden;
    min-height: 27px;
    padding: .4% 0;
}

    .note_error .texto_popup {
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        float: left;
        width: 94%;
        padding-top: 3px;
    }

.note_info {
    background: #a1a3a5;
    text-align: left;
    overflow: hidden;
    min-height: 27px;
    padding: .4% 0;
}

    .note_info .texto_popup {
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        float: left;
        width: 94%;
        padding-top: 3px;
    }

.note_check {
    background: #39a935;
    text-align: left;
    overflow: hidden;
    min-height: 27px;
    padding: .4% 0;
}

    .note_check .texto_popup {
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        float: left;
        width: 94%;
        padding-top: 3px;
    }

.note_close {
    display: block;
    position: relative;
    width: 2%;
    color: #FFFFFF;
    float: right !important;
    font-size: 22px;
    top: 0 !important;
}

    .note_close:hover {
        color: #eaeaea;
    }

.check {
    background: url(../img/icon_popup_check.png) no-repeat;
    width: 27px;
    height: 27px;
    border: 0;
    float: left;
    padding-right: 2px;
    margin-top: -3px;
}

.alert {
    background: url(../img/icon_popup_alert.png) no-repeat;
    width: 27px;
    height: 27px;
    border: 0;
    float: left;
    padding-right: 2px;
    margin-top: -3px;
}

.info {
    background: url(../img/icon_popup_info.png) no-repeat;
    width: 27px;
    height: 27px;
    border: 0;
    float: left;
    padding-right: 2px;
    margin-top: -3px;
}

.error {
    background: url(../img/icon_popup_error.png) no-repeat;
    width: 27px;
    height: 27px;
    border: 0;
    float: left;
    padding-right: 2px;
    margin-top: -3px;
}

.fila_items th {
    height: 25px;
}

.fila_items td .inputText_normal {
    width: 87% !important;
}

.GridviewScrollHeader TH,
.GridviewScrollHeader TD {
    padding: 5px;
    font-weight: bold;
    white-space: nowrap;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAAAAA;
    background-color: #EFEFEF;
    vertical-align: bottom;
    text-align: left;
}

.GridviewScrollItem TD {
    padding: 5px;
    white-space: nowrap;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAA;
    background-color: #FFFFFF;
}

.GridviewScrollItem .Freeze {
    background-color: #EFEFEF;
}

.GridviewScrollItemHover TD {
    padding: 5px;
    white-space: nowrap;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    background-color: #CCCCCC;
    cursor: pointer;
}

.GridviewScrollItemHover .Freeze {
    background-color: #CCCCCC;
}

.GridviewScrollItemSelected TD {
    padding: 5px;
    white-space: nowrap;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    background-color: #999999;
    color: #FFFFFF;
}

.GridviewScrollItemSelected .Freeze {
    background-color: #999999;
}

.GridviewScrollPager {
    border-top: 1px solid #AAA;
    background-color: #FFF;
}

    .GridviewScrollPager TD {
        padding-top: 3px;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .GridviewScrollPager A {
        color: #666666;
    }

    .GridviewScrollPager SPAN {
        font-size: 16px;
        font-weight: bold;
    }

.fondo_FooterChangePass {
    background: url(../img/Footer_password.png) center no-repeat;
    float: left;
    width: 100%;
    height: 198px; /*margin: 5% 0;*/
}

.fondo_ChangePass {
    float: left;
    width: 20%;
    height: 299px;
    margin: 5% 40% 0 40%;
}

    .fondo_ChangePass .fila_izq {
        width: 100%;
        color: #fff;
        text-align: center;
    }

    .fondo_ChangePass .fila_der {
        width: 100%;
        color: #fff;
        text-align: center;
    }

    .fondo_ChangePass .inputText_errorPassword {
        background-color: #ffd9da;
        border: 2px solid #e73126;
    }

    .fondo_ChangePass .titulo_password {
        font-size: 16px;
    }

    .fondo_ChangePass .error_password {
        font-style: italic;
        float: left;
        text-align: left;
        padding: .2em 0;
    }

        .fondo_ChangePass .error_password span {
            word-break: break-word;
            color: #fff !important;
        }

    .fondo_ChangePass .backLogin_password a {
        color: #8ddaf5;
        cursor: pointer;
        text-decoration: underline;
    }

        .fondo_ChangePass .backLogin_password a:hover {
            color: #fff;
            cursor: pointer;
        }

    .fondo_ChangePass .botones {
        float: left;
        margin: 19px 0 9px 0;
        width: 100%;
    }

        .fondo_ChangePass .botones input {
            max-height: 35px;
            float: left;
            width: 100%;
            background-color: #8ddaf5;
            border-radius: 5px;
            color: #3b3b3b;
            cursor: pointer;
            text-align: center;
            padding: 6px;
            outline: none;
            border: none;
        }

            .fondo_ChangePass .botones input:hover {
                background-color: #a1a3a5;
            }

.sortingColumn {
    float: left;
}

.forgotYourPassword {
    color: #fff;
    text-decoration: none;
    outline: none;
    float: left;
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin-top: 4px;
    font-size: 11.5px;
}

    .forgotYourPassword:hover {
        color: #8ddaf5;
    }

.password_box {
    float: left;
    width: 153px;
    margin-right: 7px;
}

.user_box {
    float: left;
    width: 153px;
    margin-right: 7px;
}

.FondoPopup {
    background-color: #fff;
    opacity: .5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
}

.login .inputText_normal_login {
    background-color: #FFF;
    height: 23px !important;
    width: 153px !important;
    outline: none;
    border: solid 1px #3200e6;
}

    .login .inputText_normal_login:focus {
        border: solid 1px #8ddaf5 !important;
    }

.login .user_box .inputError {
    background-color: #f0f2f5 !important;
    outline: none;
    border: solid 1px #F00 !important;
    width: 153px;
    height: 23px;
}

.login .password_box .inputError {
    background-color: #f0f2f5 !important;
    outline: none;
    border: solid 1px #F00 !important;
    width: 153px;
    height: 23px;
}

.login .user_box input[type="text"] {
    background-color: #FFF;
    height: 23px;
    width: 153px;
    outline: none;
    border: solid 1px #3200e6;
}

.login .password_box input[type="password"] {
    background-color: #FFF;
    height: 23px;
    width: 153px;
    outline: none;
    border: solid 1px #3200e6;
}

/*.borde_status option{color:#FFF;}*/
.status0 {
    color: #3b3b3b !important;
}

.status1 {
    background-color: #18dc9b;
}

.status2 {
    background-color: #eecf2e;
}

.status3 {
    background-color: #f09e4c;
}

.status4 {
    background-color: #d00a3b;
}

.status5 {
    background-color: #9112d1;
}

.alert1 {
    width: 100% !important;
    position: fixed !important;
}

    .alert1 > div {
        display: block;
        background: #29226a !important;
        height: auto !important;
        float: right !important;
        width: 300px !important;
        margin-top: 35px !important;
        padding: 7px !important;
        color: white !important;
        text-align: center;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        margin-right: 0 !important;
    }

    .alert1 .optBack a {
        width: 110px;
        background-color: white;
        padding: 5px;
        text-align: center;
        border-radius: 3px;
        color: #3b3b3b;
    }

        .alert1 .optBack a:hover {
            background-color: #8ddaf5;
            color: #fff;
        }

        .alert1 .optBack a:focus {
            background-color: #fff;
            color: #3b3b3b;
        }

    .alert1 .ja_btn_wrap {
        margin: 9px;
    }

.jAlert {
    width: 100%;
    position: fixed;
    height: 100%;
    background-color: #3200e6cc;
    z-index: 99999;
}

    .jAlert > div {
        top: 17px;
        display: block;
        background: #BD1622;
        border: 3px solid #fff;
        height: auto;
        box-shadow: 0 0 1em #444;
        float: none;
        border-radius: 6px;
        color: #fff;
        width: 383px;
        text-align: center;
        padding: 27px 0;
        margin-right: auto;
        margin-top: 20%;
        margin-left: auto;
    }

    .jAlert .optBack a {
        width: 110px;
        background-color: white;
        padding: 5px;
        text-align: center;
        border-radius: 3px;
        color: #3b3b3b;
    }

        .jAlert .optBack a:hover {
            background-color: #58585a;
            color: #fff;
        }

        .jAlert .optBack a:focus {
            background-color: #fff;
            color: #3b3b3b;
        }

    .jAlert .ja_btn_wrap {
        margin: 9px;
    }

.Detail_header span:first-child {
    background: #fff !important;
    font-weight: bold;
    color: #3b3b3b !important;
}

.Detail_header span:nth-child(even) {
    background: #FFF;
}

.Detail_header span:nth-child(odd) {
    background: #29226a;
    color: #fff;
    margin: 0 3px;
    padding: 3px 4px;
}

.Detail_header {
    width: 500px;
    float: left;
}

.sortingColumn span {
    float: left;
}

.desc {
    background-color: #8ddaf5;
    height: 15px;
    width: 15px;
    float: left;
    margin: 0 5px;
}

.asc {
    background-color: #3200e6;
    height: 15px;
    width: 15px;
    float: left;
    margin: 0 5px;
}

.caja_contenedora .fila_der .radio_izq {
    margin-right: 1em;
    width: auto;
}

#body_uc_ForwarderInvoice_udp_grd_invoices_date .inputText_date {
    width: 50%;
}

.RowShow {
    float: right;
    width: 73px;
    margin: -6px 0;
}

.enTres {
    width: 31% !important;
    margin-right: 2.3%;
    display: block;
    float: left;
}

.item_2 {
    width: 100%;
    display: inline-block;
    float: left;
}

.radio_label input[type="radio"] {
    top: 4px;
    position: relative;
}

.radio_label span {
    top: 8px;
    position: relative;
}

.enTres2 {
    width: 62% !important;
    margin-right: 2.3%;
    display: block;
    float: left;
}

    .enTres2 .fila_izq {
        width: 17.3% !important;
    }

    .enTres2 .fila_der {
        float: left;
    }

.izq_botones {
    float: left;
    width: 16%;
    min-height: 21px;
    height: auto !important;
    margin: 2% .5% .5% 0;
}

.der_botones {
    float: left;
    width: 80%;
    min-height: 21px;
    height: auto !important;
    margin: .5% .5% .5% 0;
}

    .der_botones input {
        width: 90px !important;
    }

.izq_botones input {
    width: 90px !important;
}

.BulkAction .item_2 .fila_completa .fila_izq {
    width: 34%;
}

.BulkAction .item_2 .fila_completa .fila_der {
    width: 64%;
}

.BulkAction .item_2 .fila_completa .radio_status {
    margin-right: .4em;
}

    .BulkAction .item_2 .fila_completa .radio_status input[type="radio"] {
        margin-right: .4em;
    }

.BulkAction .item_2 .fila_completa .fila_der .radio_status label {
    margin-right: .4em;
}

.BulkAction .item_2 .fila_completa .fila_der input[type="checkbox"] {
    position: relative;
    top: 6px;
}

.content .fila_der .radio_izq label {
    font-style: normal;
    top: 9px;
    position: relative;
    margin-left: 1px;
}

.content .fila_der .radio_status label {
    font-style: normal;
    position: relative;
    margin-left: 1px;
}

/************************************LOGIN CSS************************************************/
/*
#login_content {
    background-color: #3200e6;
    width: 100%;
    float: left;
}

#login_foot {
    float: left;
    width: 100%;
    height: 198px;
}

    #login_foot .line_foot {
        background: url(../img/gestion2.png) #3200e6 center no-repeat;
        float: left;
        width: 100%;
        height: 198px;
    }

#login_header {
    width: 98%;    
    float: left;
}

.login_input {
    width: 235px;
    height: 315px;
    margin: 5% 0 0;
    margin-left: auto;
    margin-right: auto;
}

    .login_input .inputText_normal_log {
        display: block;
        float: left;
        width: 97%;
        height: 30px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-size: 13px;
        border: 1px solid #C0C0C5;
        padding: 1%;
    }

    .login_input .inputError {
        display: block;
        float: left;
        width: 97%;
        height: 30px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-size: 13px;
        border: 2px solid red;
        padding: 1%;
    }

    .login_input .inputText_normal_log:focus {
        border: 1px solid #ffffff;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(253, 247, 250);
        box-shadow: inset 0 1px 1px rgba(144, 44, 44, 0.075),0 0 8px rgb(253, 247, 250);
        outline: none;
    }

    .login_input .inputText_normal_pas {
        display: block;
        float: left;
        width: 97%;
        height: 30px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        font-size: 13px;
        border: 1px solid #C0C0C5;
        padding: 1%;
    }

        .login_input .inputText_normal_pas:focus {
            border: 1px solid #ffffff;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(253, 247, 250);
            box-shadow: inset 0 1px 1px rgba(144, 44, 44, 0.075),0 0 8px rgb(253, 247, 250);
            outline: none;
        }

        
    .login_input .logo_geodis {
        background: url(../img/logo_geodis.png) center no-repeat;
        float: left;
        width: 100%;
        height: 124px;
    }

    .login_input .btn_login {
        width: 100%;
        height: 30px;
        border-radius: 5px;
        border: none;
        padding: 1.5%;
        font-size: 13px;
        background-color: #8ddaf5;
        margin-top: 5px;
        cursor: pointer;
    }

        .login_input .btn_login:hover {
            outline: none;
            background-color: #f0f2f5;
        }

        .login_input .btn_login:focus {
            outline: none;
            background-color: #29226A;
            color: #FFF;
        }

.link_forgot {
    color: #8ddaf5;
    width: 100%;
    margin-top: 6px;
    text-align: center;
    cursor: pointer;
    float: left;
    text-decoration: underline;
}

    .link_forgot:hover {
        color: #fff;
    }

.languages {
    display: block;
    float: left;
    width: 200px;
}

#language_picker2 {
    display: inline;
    margin-top: 0.0625rem;
    width: 100%;
    float: right;
}

    #language_picker2 .language-dropdown ul li a {
        width: 98%;
        margin-bottom: 0;
        border-bottom: 0;
        color: #3b3b3b;
    }

.preferred-language {
    color: #fff;
}

a.preferred-language:hover {
    color: #fff;
}

#language_picker2 a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.6875rem;
    text-align: center;
    width: 100%;
}

#language_picker2 .preferred-language {
    margin-bottom: 5px;
    padding-bottom: 0.3125rem;
}

#language_picker2 .language-dropdown ul li {
    padding: 2% 0;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background 0.1s ease-in-out 0;
    -moz-transition: background 0.1s ease-in-out 0;
    -o-transition: background 0.1s ease-in-out 0;
    transition: background 0.1s ease-in-out 0;
}

#language_picker2 .language-arrow {
    display: inline-block;
    position: relative;
    bottom: 2px;
    width: 6px;
    height: 3px;
    margin: 0 5px 0 3px;
    background: url('../img/arrow.png') no-repeat;
}

#language_picker2 .language-dropdown ul li:hover, #language_picker2 .language-dropdown ul li:focus {
    border-bottom: 0;
    color: #fff;
    border-bottom: 1px solid #8ddaf5;
    -webkit-transition: background 0.1s ease-in-out 0;
    -moz-transition: background 0.1s ease-in-out 0;
    -o-transition: background 0.1s ease-in-out 0;
    transition: background 0.1s ease-in-out 0;
}

#language_picker2 .language-dropdown ul {
    float: left;
    width: 199px;
}

#language_picker2 .language-dropdown {
    display: none;
    position: absolute;
    width: 200px;
    border: 1px solid #f0f2f5;
    background: white;
    opacity: 0.95;
    z-index: 5;
    top: 40px;
    border-radius: 5px;
}

.contactHelp {
    display: block;
    float: right;
    width: 200px;
    margin-LEFT: 60px;
}

.btn_contact {
    background: url(../img/icon_mail.png) no-repeat;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.6875rem;
    width: 100px;
    FLOAT: LEFT;
    height: 20px;
}

    .btn_contact span {
        color: #fff;
        margin-LEFT: 31px;
    }

.btn_help {
    background: url(../img/icon_help.png) no-repeat;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.6875rem;
    width: 100px;
    FLOAT: LEFT;
    height: 20px;
}

    .btn_help span {
        color: #fff;
        margin-LEFT: 31px;
    }

@media all and (max-width: 780px) {
    #login_content {
        background-color: #3200e6;
        width: 100%;
        float: left;
    }

    #login_foot {
        float: left;
        width: 100%;
        height: 198px;
    }

        #login_foot .line_foot {
            background: url(../img/gestion_tablet.jpg) #3200e6 center no-repeat;
            float: left;
            width: 100%;
            height: 140px;
        }

    #login_header {
        width: 100%;
        float: left;
    }

        #login_header .logo_geodis {
            background: url(../img/logo_geodis.png) center no-repeat;
            float: left;
            width: 43%;
            height: 92px;
        }

    .login_input {
        float: left;
        width: 50%;
        height: 315px;
        margin: 0 25%;
        min-width: 226px;
    }

        .login_input .inputText_normal_log {
            display: block;
            float: left;
            width: 97%;
            height: 30px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            font-size: 13px;
            border: 1px solid #C0C0C5;
            padding: 1%;
        }

            .login_input .inputText_normal_log:focus {
                outline: none;
                border: 1px solid #3200e6;
            }

        .login_input .inputText_normal_pas {
            display: block;
            float: left;
            width: 97%;
            height: 30px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            font-size: 13px;
            border: 1px solid #C0C0C5;
            padding: 1%;
        }

            .login_input .inputText_normal_pas:focus {
                outline: none;
                border: 1px solid #3200e6;
            }

        .login_input .btn_login {
            width: 100%;
            height: 30px;
            border-radius: 5px;
            border: none;
            padding: 1.5%;
        }

    .link_forgot {
        width: 100%;
        margin-top: 6px;
        text-align: center;
        cursor: pointer;
        float: left;
    }

    body {
        min-width: 100%;
    }
}

@media all and (max-width: 500px) {
    .login_input {
        float: left;
        width: 90%;
        height: 315px;
        margin: 0 5%;
        min-width: 226px;
    }

    #login_foot .line_foot {
        background: url(../img/gestion_mobile.jpg) #3200e6 center no-repeat;
        float: left;
        width: 100%;
        height: 80px;
    }
}
    */
/************************************Login CSS************************************************/

/********************************************************Open Transaction**********************************************/
.Not_Expired {
    background-color: #4dbf73;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}
/** VERDE y para que la letra se vea negrita **/
.Expired {
    background-color: #eebc34;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}
/** AMARILLO y para que la letra se vea negrita **/
.Very_Expired {
    background-color: #fc3d3d;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}
/** ROJO y para que la letra se vea negrita **/

.content_save {
    width: 101px;
    border: 1px solid #fc3d3d;
    float: right;
    right: 0;
    position: fixed;
    background-color: #f9d0d2;
    padding: 5px 0;
    top: 111px;
    z-index: 11;
    height: 32px;
}

/*
    .content_save .icon_red_mini {
    width: 17px;
    margin: 0 8px;
}
    */

.content_save .spanSave {
    font-size: 12px;
    margin-bottom: 5px;
    float: right;
    width: 67%;
    text-align: center;
    font-weight: bold;
    height: 15px;
}

.content_notify {
    width: 33px;
    border: 1px solid #585858;
    float: right;
    right: 0;
    position: fixed;
    background-color: white;
    padding: 5px 0;
    top: 111px;
    height: 113px;
}

    .content_notify .icon_red_mini {
        width: 17px;
        margin: 0 8px;
    }

    .content_notify .icon_yellow_mini {
        width: 17px;
        margin: 0 8px;
    }

    .content_notify .icon_green_mini {
        width: 17px;
        margin: 0 8px;
    }

    .content_notify .spanNotify {
        font-size: 14px;
        margin-bottom: 5px;
        float: left;
        width: 100%;
        text-align: center;
        font-weight: bold;
        height: 15px;
    }

.box {
    height: 15px;
    width: 15px;
    float: left;
    margin: 0 4px 0 17px;
}

.debt_status {
    float: left;
    height: auto !important;
    width: auto;
    border: 1px solid #29226a;
    padding: 7px;
    margin-top: 10px;
}

    .debt_status span {
        float: left;
    }

.icon_red_mini {
    background: url(../img/icon_red_mini.png) no-repeat;
    height: 18px;
    width: 18px;
    float: left;
    display: block;
    margin: 0 3px;
}

.icon_yellow_mini {
    background: url(../img/icon_yellow_mini.png) no-repeat;
    height: 18px;
    width: 18px;
    float: left;
    display: block;
    margin: 0 3px;
}

.icon_green_mini {
    background: url(../img/icon_green_mini.png) no-repeat;
    height: 18px;
    display: block;
    width: 18px;
    float: left;
    margin: 0 3px;
}

.icon_delayed {
    background: url(../img/icon_delayed.png) no-repeat;
}

.icon_future {
    background: url(../img/icon_future.png) no-repeat;
}

.icon_today {
    background: url(../img/icon_today.png) no-repeat;
}

.icon_details {
    background: url(../img/icon_details.png) no-repeat;
    width: 18px;
    height: 19px;
    margin: 0 40%;
    border: none;
    cursor: pointer;
}

.icon_followup {
    background: url(../img/icon_followup.png) no-repeat;
    width: 18px;
    height: 19px;
    margin: 0 30%;
    border: none;
    cursor: pointer;
}

.grillaFija {
    width: 98.6% !important;
}

.grillaResponsive3 td {
    border-color: transparent !important;
}

.grillaResponsive3 {
    background-color: #3b3b3b;
}

    .grillaResponsive3 .grilla {
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .grillaResponsive3 .grillaFija tr th {
        width: 6%;
        min-width: 9%;
        background-color: #3b3b3b;
        color: #fff;
        border: 1px solid #3b3b3b !important;
    }

    .grillaResponsive3 .datatable thead tr th:first-child {
        display: none !important;
        border-color: #FFFFFF;
    }

    .grillaResponsive3 .grilla tr td:first-child {
        display: none !important;
        border-color: #FFFFFF;
    }

    .grillaResponsive3 .datatable td {
        min-width: 51px;
        width: 7%;
        text-align: center;
        word-break: break-word;
    }

    .grillaResponsive3 .headerOculto tr th {
        display: none !important;
        border-color: #FFFFFF;
    }

.grillaResponsive4 .datatable td {
    border-color: transparent !important;
}

.grillaResponsive4 .datatable th {
    min-width: 0;
    color: #fff;
    border: 1px solid #3b3b3b !important;
    background-color: #3b3b3b;
}

.TextArea {
    background-color: #FFF;
    min-height: 21px;
    height: auto;
    width: 97.7%;
    outline: none;
    border: solid 1px #29226a;
    padding-left: .1%;
    margin: 1% 1% .5% 1%;
    float: left;
}

.acordeonMultiple {
    float: left;
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .2em 1%!important;
    width: 98%;
    min-height: 0;
    background-color: #29226a;
    color: #fff;
}

    .acordeonMultiple .close_filtro input[type="button"] {
        top: -2px;
        right: 6px;
        display: block;
        width: 23px;
        height: 21px;
        color: #333;
        cursor: pointer;
        outline: none;
        border-radius: 5px;
        border: none;
        float: left;
        position: relative;
    }

    .acordeonMultiple .close_filtro .closepnl {
        background: url(../img/icon_close.png) transparent no-repeat;
    }

    .acordeonMultiple .close_filtro .openpnl {
        background: url(../img/icon_open.png) transparent no-repeat;
    }

    .acordeonMultiple .close_filtro {
        float: left;
        margin: 0px 6px 0 0;
        width: 17px;
    }

    .acordeonMultiple .btn_editar_19 {
        background: url(../img/icon_editar_19.png) no-repeat;
        outline: none;
        border: none;
        cursor: pointer;
        width: 19px;
        height: 19px;
    }

    .acordeonMultiple .btn_delete_19 {
        background: url(../img/icon_delete_19.png) no-repeat;
        outline: none;
        border: none;
        cursor: pointer;
        width: 19px;
        height: 19px;
    }

    .acordeonMultiple .btn_cancelar_19 {
        background: url(../img/icon_cancelar_19.png) no-repeat;
        outline: none;
        border: none;
        cursor: pointer;
        width: 19px;
        height: 19px;
    }

    .acordeonMultiple .btn_save_19 {
        background: url(../img/icon_save_19.png) no-repeat;
        outline: none;
        border: none;
        cursor: pointer;
        width: 19px;
        height: 19px;
    }

.headerAcordeon {
    float: right;
}

.acordeonMultiple span {
    position: relative;
    font-size: 12px;
    padding: 1px 6px 4px 4px;
}

.popupTrans .TextArea {
    margin-top: 0;
    margin-bottom: 6px;
    border: 1px solid #3b3b3b;
}

.popupTrans label {
    width: 97.4%;
    margin: 0 1%;
    background-color: rgba(204, 204, 204, 1);
    padding: .3% .3%;
    color: #3b3b3b;
}

.status_followup {
    width: 30px;
    float: left;
    text-align: right;
    padding: .3%;
    height: 30px;
    color: #3b3b3b;
}

.dateFollowup {
    width: auto;
    float: right;
    text-align: right;
    color: #3b3b3b;
    margin: 0 .5% 1% 0;
}

.PopAlto .scroll_popup {
    max-height: 550px !important;
}

.PopAlto {
    max-height: 900px !important;
}

.btn_followup {
    background: url(../img/iconFollowup.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.datatable tr:hover .icon_details {
    background: url(../img/icon_detailsHover.png) no-repeat;
    width: 18px;
    height: 19px;
    margin: 0 40%;
    border: none;
    cursor: pointer;
}

.datatable tr:hover .icon_followup {
    background: url(../img/icon_followupHover.png) no-repeat;
    width: 18px;
    height: 19px;
    margin: 0 40%;
    border: none;
    cursor: pointer;
}

.firstModal {
    z-index: 1000 !important;
}

.secondModal {
    z-index: 1005 !important;
}

.spanFilter {
    padding-top: 8px;
    float: left;
    font-style: normal !important;
}

.radio_status_2 {
    float: left;
    margin-right: 1em;
    top: 7px;
    position: relative;
    padding-bottom: 11px;
}

.spanTotal {
    padding: 5px 6px;
    border: 2px solid #8ddaf5;
    margin: 6px 0 0 0;
    font-size: 15px;
    font-weight: bold;
}

.Boton_grillaFija {
    color: #FFF;
    text-align: center;
    font-weight: bold;
    background-color: #3b3b3b;
    border: 0;
    cursor: pointer;
}

.win.gecko .grillaResponsive3 td {
    border-color: transparent !important;
}

.win.gecko .grillaResponsive4 td {
    border-color: transparent !important;
}

.win.gecko .grillaResponsive4 th {
    border-color: transparent !important;
}
/******************************************************** FIN Open Transaction**********************************************/
/*Tooltipe*/
.tooltip_templates {
    display: none;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #29226a !important;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #f0f2f5 !important;
    left: 3px;
    top: 0px;
}

.tooltipster-sidetip .tooltipster-box {
    background: #f0f2f5 !important;
    border: 2px solid #29226a !important;
    border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #f0f2f5 !important;
}


.botones_tooltip {
    float: left;
    width: 40%;
}

.botones_tooltipDown {
    width: 93%;
    padding: 0px 3.5%;
    float: left;
    margin: 1% 0;
}

.botones_tooltipCenter {
    width: 93%;
    padding: 0px 3.5%;
    float: left;
    margin-top: 8px;
}

.botones_tooltipUp {
    width: 93%;
    padding: 0px 3.5%;
    float: left;
    margin: 1% 0%;
    border-bottom: 1px solid #3200e6;
}

.botones input:hover {
    background-color: #8ddaf5 !important;
}
/*Agregar important,esta linea ya existe*/

.check_tooltip {
    width: 45%;
    padding: 0px 2.5%;
    float: left;
}

    .check_tooltip span {
        color: #3b3b3b;
    }

    .check_tooltip .radio_status {
        top: 0 !important;
    }


.rojo {
    background-color: #fe3c45 !important;
}

.gris {
    background-color: #58585a !important;
}

.yellow {
    background-color: #eebc35 !important;
}

.green {
    background-color: #53be76 !important;
}

/*Iconos grilla*/
.status_sampleClose {
    background: url(../img/status_close.png) center no-repeat;
    outline: none;
    border: none;
    height: 17px;
    text-align: center;
    color: #fff;
    display: block;
    padding: 4px 0 0 !important;
}

.status_sampleProcess {
    background: url(../img/status_inProcess.png) center no-repeat;
    outline: none;
    border: none;
    height: 17px;
    text-align: center;
    color: #fff;
    display: block;
    padding: 4px 0 0 !important;
}

.status_sampleApprove {
    background: url(../img/status_approve.png) center no-repeat;
    outline: none;
    border: none;
    height: 17px;
    text-align: center;
    color: #fff;
    display: block;
    padding: 4px 0 0 !important;
}

.status_sampleReject {
    background: url(../img/status_reject.png) center no-repeat;
    outline: none;
    border: none;
    height: 17px;
    text-align: center;
    color: #fff;
    display: block;
    padding: 4px 0 0 !important;
}

.status_gris {
    background: url(../img/gris.png) center no-repeat;
    outline: none;
    border: none;
    height: 18px;
    display: block;
    text-align: center;
    padding: 2px 0 0px 7px;
}

.status_rojo {
    background: url(../img/rojo.png) center no-repeat;
    outline: none;
    border: none;
    height: 18px;
    display: block;
    text-align: center;
    padding: 2px 0 0px 7px;
}

.status_rojoStop {
    background: url(../img/rojo_stop.png) center no-repeat;
    outline: none;
    border: none;
    height: 18px;
    display: block;
    text-align: center;
    padding: 2px 0 0px 7px;
}

.status_verde {
    background: url(../img/verde.png) center no-repeat;
    outline: none;
    border: none;
    height: 18px;
    display: block;
    text-align: center;
    padding: 2px 0 0px 7px;
}

.status_azul {
    background: url(../img/azul.png) center no-repeat;
    outline: none;
    border: none;
    height: 18px;
    display: block;
    text-align: center;
    padding: 2px 0 0px 7px;
}

.status_warning {
    background: url(../img/status_warning.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 22px;
    height: 18px;
    float: left;
    text-align: center;
    color: #fff;
}

.status_emptyWarning {
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    width: 22px;
    height: 18px;
    float: left;
    text-align: center;
    color: #fff;
}

/**Estados de grilla**/
.Working {
    background-color: #b0b2b5;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.Pending_Assign {
    background-color: #86d1f5;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.Approved {
    background-color: #4dbf73;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.Not_Approved {
    background-color: #fc3d3d;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.Approved_comments {
    background-color: #eebc34;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.Not_Available {
    background-color: #a5a5a5;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.To_Be_Booked {
    background-color: #f67fa6;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}
/**SAMPLE STATUS**/
.sample_status {
    float: right;
    width: 600px;
    padding: 7px;
    border: 1px solid #29226a;
    margin-left: 3px;
}

    .sample_status span {
        float: left;
        padding-top: 3px;
        font-size: 12px;
    }

        .sample_status span:first-child {
            font-weight: bold;
        }
/*APPROVAL STATUS*/
.approval_status {
    float: right;
    width: 560px;
    border: 1px solid #29226a;
    padding: 10px;
    margin-top: 6px;
    margin: 4px 1.2px 4px 0;
}

    .approval_status span {
        float: left;
        padding-top: 3px;
        font-size: 12px;
    }

.box2 {
    height: 20px;
    width: 21px;
    float: left;
    margin: 0 0px 0 17px;
}

.textarea_approval {
    background-color: #FFF;
    min-height: 50px;
    height: auto;
    resize: none;
    width: 96.5%;
    outline: none;
    border: solid 1px #29226a;
    padding-left: 2px;
}

.approval_status span:first-child {
    font-weight: bold;
}
/**Approval % de grilla**/
.box4 {
    height: 20px;
    width: 55px;
    float: left;
    margin: -2px 3px 0 10px;
}

.approval_porc {
    float: right;
    width: 480px;
    padding: 7px;
    border: 1px solid #29226a;
}

    .approval_porc span {
        float: left;
        padding-top: 3px;
        font-size: 12px;
    }

        .approval_porc span:first-child {
            font-weight: bold;
        }
/*Totales*/
.Total_approve {
    background: url(../img/Total_approve.png) center no-repeat;
    outline: none;
    border: none;
    height: 35px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: block;
}

.table_totales td a {
    float: none !important;
    padding-top: 15px;
    color: #CBD4E0;
    text-decoration: none;
    cursor: auto !important;
}

.table_totales tr:hover td {
    background: transparent;
    color: #3b3b3b;
}

.table_totales td {
    border-top-color: #a5a5a5;
    border-bottom-color: #a5a5a5;
    border-left: transparent;
    border-right: transparent;
}

.table_totales tr {
    background: #fff;
    border-color: #FFF;
}

.botones_grande {
    float: left;
    margin: 9px 0;
    width: 100%;
}

    .botones_grande input {
        background: url(../img/key2.png) #3200e6 no-repeat;
        float: left;
        width: 30%;
        border-radius: 5px;
        color: #FFF;
        cursor: pointer;
        font-size: 16px;
        padding: 12px 0 0 0;
        height: 80px;
        margin: 3px 35%;
        text-align: center;
    }

        .botones_grande input:hover {
            background-color: #8ddaf5;
        }

        .botones_grande input:focus {
            background-color: #29226a;
            outline: none;
        }

.botones_medio {
    float: left;
    margin: 9px 0;
}

    .botones_medio input {
        max-height: 35px;
        float: left;
        width: 204px;
        background-color: #3200e6;
        border-radius: 5px;
        color: #FFF;
        cursor: pointer;
        text-align: right;
        padding: 6px;
        margin: 0 3px 3px 0;
        outline: none;
    }

        .botones_medio input:hover {
            background-color: #8ddaf5;
        }

        .botones_medio input:focus {
            background-color: #29226a;
            outline: none;
        }

.btn_key {
    background: url(../img/iconKey.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.table_aproval td:first-child {
    min-width: 8px;
    text-align: left;
    padding-left: 8px;
}

.table_approval2 td a {
    float: none !important;
    padding-top: 7px;
    color: #fff;
    text-decoration: none;
    cursor: auto !important;
    padding-left:
}

.table_aproval td a {
    color: #3200e6;
    text-decoration: underline;
    float: left !important;
    padding-left: 2px;
}

.table_aproval td:first-child a {
    background: url('../../Styles/img/btn_select.png') no-repeat;
    height: 16px;
    color: transparent !important;
    margin-left: 10px;
    padding-left: 0 !important;
}

.table_aproval td:first-child {
    min-width: 8px;
}

.table_aprovalatable .text_derecha {
    text-align: left !important;
    padding-left: 2px;
}

.table_aproval th a {
    color: #fff !important;
    text-decoration: underline;
}

.table_aproval td .derecha {
    float: left !important;
    padding-left: 2px;
}

.table_aproval th {
    color: #CBD4E0;
    border: 1px solid #FFF;
    background-color: #29226a;
    font-weight: bold;
    height: 28px;
    min-width: 51px;
    width: auto;
    text-align: center;
    word-break: keep-all;
}

.table_aproval tr {
    background: #f0f2f5;
    border-color: #FFF;
    line-height: 14px;
}

.table_aproval td[popup=tooltip]:hover {
    background: #8ddaf5;
    cursor: pointer;
}

.table_aproval td:hover {
    cursor: default;
}

.table_aproval tr:hover .estilo_th {
    background: #29226a;
    color: #fff;
}

.table_aproval tr:nth-child(even) {
    background: #CBD4E0;
}

.table_aproval .sortdesc-header a {
    color: #000 !important;
}

.table_aproval .graycolum-header a {
    color: #3b3b3b !important;
}

.table_aproval .darkgraycolum-header a {
    color: #fff !important;
}

.table_aproval {
    text-align: left !important;
    font-size: 11px;
    width: 100%;
}

.Finished_pro td:first-child {
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    color: #fff;
    background-color: #3200e6;
}

.fila_approval {
    width: 1200px;
    float: right;
    margin: 0 1.2px 4px 0;
}

.fila_approval2 {
    width: 100%;
    float: left;
}

    .fila_approval2 .titulo_secundario {
        color: #29226a;
        font-size: 15px;
        padding: 6px 0 14px;
        width: 4%;
        float: left;
    }

.fila_approval .titulo_secundario {
    width: 12%;
    margin: 0;
    padding-top: 20px;
}

.tablePopup tr td:nth-child(2) {
    text-align: left;
    padding-left: 4px;
}

.ajax__fileupload_dropzone {
    border: 1px solid #58585a;
    border-style: dashed !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #29226a;
    background-color: white;
}

.ajax__fileupload {
    border: #29226a 1px solid !important;
}

.ajax__fileupload_selectFileButton {
    font-style: normal !important;
    max-height: 26px !important;
    float: left !important;
    width: 101px !important;
    border-radius: 5px !important;
    color: #FFF !important;
    cursor: pointer !important;
    text-align: right !important;
    padding: 0px 6px !important;
    margin: 0 !important;
    outline: none !important;
    height: 27px !important;
    background: url(../img/iconUpload.png) #3200e6 no-repeat !important;
}

.ajax__fileupload_selectFileContainer {
    width: 114px !important;
    height: 32px !important
}

.ajax__fileupload_selectFileButton:hover {
    background: url(../img/iconUpload.png) #8ddaf5 no-repeat !important;
}


.ajax__fileupload_uploadbutton {
    font-style: normal !important;
    max-height: 26px !important;
    float: right !important;
    width: 56px !important;
    border-radius: 5px !important;
    font-weight: normal;
    color: #FFF !important;
    margin-right: 4px;
    cursor: pointer !important;
    text-align: center;
    padding: 5px 0 0px 0px !important;
    outline: none !important;
    height: 27px !important;
    background: #3200e6 !important;
}

.ajax__fileupload_fileItemInfo div.removeButton {
    font-style: normal !important;
    max-height: 26px !important;
    float: right !important;
    width: 56px !important;
    border-radius: 5px !important;
    font-weight: normal;
    color: #FFF !important;
    cursor: pointer !important;
    text-align: center;
    padding: 5px 0 0px 0px !important;
    outline: none !important;
    height: 27px !important;
    background: #ff3b43 !important;
}


.ajax__fileupload_fileItemInfo .pendingState {
    background-color: transparent !important;
    color: #29226a;
    padding: 7px !important;
}

.ajax__fileupload_fileItemInfo {
    height: 31px !important;
    cursor: pointer !important;
    font-style: italic;
    color: #29226a !important;
}

.removeButton {
    font-style: normal !important;
    float: right !important;
    width: 56px !important;
    border-radius: 5px !important;
    font-weight: normal;
    border: none;
    color: #FFF !important;
    cursor: pointer !important;
    text-align: center;
    outline: none !important;
    height: 32px !important;
    background: #ff3b43 !important;
}

    .removeButton:hover {
        background-color: #8ddaf5 !important;
    }

.imgUploadedborder {
    border: #A9A9A9 1px solid;
    margin-top: 2px;
    padding: 4px;
    float: left;
    width: 96% !important;
    background-color: #eaeaea;
    color: #2922e6;
    text-align: right;
    margin: 5px;
    outline: none;
}

.ImgUploaded {
    float: left;
    color: #29226a;
    font-weight: bold;
    cursor: pointer !important;
    font-style: italic;
    padding: 9px;
}

.btn_OpenSample {
    background: url(../img/iconOpen.png) no-repeat;
    max-height: 35px;
    float: left;
    width: 161px;
    background-color: #3200e6;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    text-align: right;
    padding: 6px;
    margin: 0 3px 3px 0;
    outline: none;
    border: none;
}

.btn_CloseSample {
    background: url(../img/iconCancel.png) no-repeat;
    max-height: 35px;
    float: left;
    width: 161px;
    background-color: #3200e6;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    text-align: right;
    padding: 6px;
    margin: 0 3px 3px 0;
    outline: none;
    border: none;
}

.btn_UndoSample {
    background: url(../img/iconBack.png) no-repeat;
    max-height: 35px;
    float: left;
    width: 161px;
    background-color: #3200e6;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    text-align: right;
    padding: 6px;
    margin: 0 3px 3px 0;
    outline: none;
    border: none;
}

.ajax__fileupload_fileItemInfo .uploadedState {
    background-color: transparent !important;
    color: #3200e6 !important;
}

.pdfLink {
    color: #29226a;
    font-weight: bold;
    font-style: italic;
    cursor: pointer !important;
}

.texto {
    width: 99% !important;
    padding: 0;
    font-style: normal !important;
}

    .texto span {
        font-style: normal !important;
    }

.completo {
    width: 98%;
    margin: .5% 1%;
}

.texto_azul {
    color: #29226a;
    font-size: 13px;
    margin: 0 0 .2% !important;
    padding: 0 !important;
}

.derecha {
    float: right;
}

.imgFields .en_tres {
    width: 30.1% !important;
    float: left !important;
}

.imgFields .texto {
    width: 71% !important;
}

.imgFields span {
    padding: 0 !important;
}




.textoChicoCentrado {
    width: 50px !important;
    text-align: center !important;
}

.caja_contenedora_2 .texto_del .fila_izq {
    width: 31%;
    margin: .5% .5% .5% 0;
}

.caja_contenedora_2 .texto_del .fila_der {
    width: 60%;
    margin: .5% .5% .5% 0;
    float: left;
}

.texto_del .fila_der span {
    font-weight: bold;
    color: #29226a;
    font-style: normal;
}

.titulo_filtro {
    color: #29226a;
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: bold;
    width: 100%;
    float: left;
    border-bottom: 1px solid;
}

.container {
    width: 1200px;
    /* margin-right: 0px; */
    /* margin-left: 0px; */
    padding-left: 15px;
    padding-right: 15px;
}

    .container .titulo_principal_1 {
        padding: .3em 2%;
        width: 96%;
        max-width: 100%;
        min-width: 0;
        text-align: center;
    }

    .container .caja_contenedora_2 {
        padding: 1em 2%;
        width: 96%;
    }

    .container .inputText_normal {
        width: 94%;
    }

.inspGrid .btn_clear_19 {
    position: relative;
}

.inspGrid .inputText_date {
    width: 58px;
}

.inspGrid .datatable th {
    padding: .5% 0;
}

.ajax__calendar_container {
    width: 175px !important;
}

.noBtn {
    cursor: default;
}

.filaInformacion {
    min-height: 35px;
    !important;
}

.marginSamples {
    margin-top: 13px;
}

.Approved_celda {
    background-color: #4dbf73;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.Not_Approved_celda {
    background-color: #fc3d3d;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.Approved_comments_celda {
    background-color: #eebc34;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.Not_Available_celda {
    background-color: #a5a5a5;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

*
.th_sample {
    width: 110px !important;
}

.th_sample_LSD {
    width: 150px !important;
}

.insp_status {
    float: right;
    width: 348px;
    padding: 7px;
    border: 1px solid #29226a;
    margin: 0 0 4px 0;
}

    .insp_status span {
        float: left;
        padding-top: 3px;
        font-size: 12px;
    }

        .insp_status span:first-child {
            font-weight: bold;
        }

.box2Insp {
    height: 20px;
    width: 21px;
    float: left;
    margin: 0 0px 0 17px;
}

.status_pending {
    background: url(../img/gris.png) center no-repeat;
    outline: none;
    border: none;
    height: 18px;
    display: block;
    text-align: center;
    padding: 2px 0 0px 7px;
}

.status_inProcess {
    background: url(../img/amarilloInsp.png) center no-repeat;
    outline: none;
    border: none;
    height: 18px;
    display: block;
    text-align: center;
    padding: 2px 0 0px 7px;
}

.status_complete {
    background: url(../img/verde.png) center no-repeat;
    outline: none;
    border: none;
    height: 18px;
    display: block;
    text-align: center;
    padding: 2px 0 0px 7px;
}

.no_borderTop {
    border-top: transparent !important;
}

.no_borderBottom {
    border-bottom: transparent !important;
}

.noBreakWord {
    word-break: keep-all !important;
}

.tableInspection {
    width: 1135px !important;
}

.th_falso {
    min-width: inherit !important;
}

.thCriteria td:first-child {
    min-width: 8px;
    width: 3% !important;
}

.ContainerCriteria {
    width: 705px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .ContainerCriteria .titulo_principal_1 {
        color: #FFF;
        background-color: #29226a;
        font-size: 15px;
        padding: .3em 1%;
        margin-bottom: 6px;
        width: 98%;
        max-width: 100%;
        min-width: 82%;
    }

    .ContainerCriteria .caja_contenedora {
        width: 98%;
        max-width: 100%;
        min-width: 82%;
    }

.CriteriaPopupClasses {
    font-weight: bold;
    padding: 0 5px;
}

.ContainerCriteria .datatable tr:nth-child(even) {
    background: #CBD4E0;
    height: 25px;
}

.btn_HelpFlot {
    text-align: right;
    display: block;
    position: fixed;
    top: 44px;
    right: 2px;
    z-index: 999999;
    background: url(../img/iconHelp.png) #8a8a8a no-repeat;
    width: 56px;
    color: white;
    padding: 8px 5px 8px 0;
    cursor: pointer;
    font-size: 11px;
    border-bottom-left-radius: 13PX;
    border-top-left-radius: 13px;
}

.scroll_popup2 {
    overflow: auto;
    max-height: 550px;
    height: auto;
    margin-bottom: 0 !important;
    position: relative;
}

.scroll_popup3 {
    overflow: auto;
    max-height: 400px;
    height: auto;
    margin-bottom: 0 !important;
    position: relative;
}

.filaCentrar {
    width: 432px;
    margin-right: auto;
    margin-left: auto;
    float: none !important;
}

.date_schedule1_catalog_noEdit {
    right: -4px !important;
}

.time_schedule1_catalog {
    color: #3B3B3B;
    width: 123px;
    font-style: normal;
    font-size: 21px;
    bottom: -89px;
    right: 4px;
    position: relative;
    text-align: center;
    font-weight: bold;
    word-break: break-word;
}

.time_schedule1_catalog_noEdit {
    right: -31px;
}

.date_schedule2_catalog_noEdit {
    left: 214px !important;
}

.time_schedule2_catalog {
    color: #3B3B3B;
    width: 123px;
    font-style: normal;
    font-size: 21px;
    bottom: -89px;
    left: 189px;
    position: relative;
    text-align: center;
    font-weight: bold;
    word-break: break-word;
    font-style: inherit !important;
}

.time_schedule2_catalog_noEdit {
    left: 292px;
}

.date_schedule1_catalog {
    color: #3B3B3B;
    width: 123px;
    font-style: normal;
    font-size: 21px;
    bottom: -89px;
    right: 4px;
    position: relative;
    text-align: center;
    font-weight: bold;
}

.date_schedule2_catalog {
    color: #3B3B3B;
    width: 123px;
    font-style: normal;
    font-size: 21px;
    bottom: -89px;
    left: 189px;
    position: relative;
    text-align: center;
    font-weight: bold;
}

.date_schedule3_catalog {
    color: #3B3B3B;
    width: 25%;
    font-style: normal;
    font-size: 18px;
    bottom: 305px;
    float: left;
    text-align: center;
    font-weight: bold;
    word-break: break-word;
}

    .date_schedule3_catalog span:nth-child(2) {
        font-size: 11px;
        bottom: 220px;
        float: left;
        text-align: center;
        font-weight: bold;
    }

    .date_schedule3_catalog span {
        width: 100%;
        color: #3B3B3B;
        font-style: normal;
        font-size: 18px;
        bottom: 220px;
        float: left;
        text-align: center;
        font-weight: bold;
    }

    .date_schedule3_catalog input {
        font-size: 13px !important;
        font-weight: normal !important;
    }

.date_schedule4_catalog {
    color: #3B3B3B;
    width: 25%;
    font-style: normal;
    font-size: 18px;
    bottom: 305px;
    float: right;
    text-align: center;
    font-weight: bold;
    word-break: break-word;
}

    .date_schedule4_catalog span:nth-child(2) {
        font-style: normal;
        font-size: 11px;
        bottom: 220px;
        float: right;
        text-align: center;
        font-weight: bold;
    }

    .date_schedule4_catalog span {
        width: 100%;
        color: #3B3B3B;
        font-style: normal;
        font-size: 18px;
        bottom: 220px;
        float: right;
        text-align: center;
        font-weight: bold;
    }

    .date_schedule4_catalog input {
        font-size: 13px !important;
        font-weight: normal !important;
    }

.date_schedule9_catalog {
    color: #29226a;
    width: 100%;
    font-style: normal;
    font-size: 15px;
    bottom: 220px;
    float: left;
    text-align: center;
    font-weight: bold;
    word-break: break-word;
    padding-top: 15px;
}

    .date_schedule9_catalog span {
        width: 100% !important;
        float: left;
        /*margin: 0 !important;*/
    }

    .date_schedule9_catalog input {
        width: 300px !important;
        margin-top: 11px;
        font-size: 13px !important;
        font-weight: normal !important;
    }

.circle_schedule_catalog {
    background: url(../img/scheduleBackCatalog.png) no-repeat;
    font-size: 25px;
    width: 100%;
    height: 158px !important;
    text-align: center;
    color: #fff;
    float: left;
}

.text_sched1_catalog {
    width: 25%;
    font-style: normal;
    bottom: 305px;
    float: left;
    text-align: center;
}

    .text_sched1_catalog span {
        width: 100%;
        margin: 118px 6px;
        font-style: normal;
        font-size: 18px;
        bottom: 264PX;
        float: left;
        text-align: center;
    }

.text_sched2_catalog {
    width: 50%;
    font-style: normal;
    top: 40px;
    float: left;
    text-align: center;
}

    .text_sched2_catalog span {
        color: #3200e6;
        width: 100%;
        font-style: normal;
        font-size: 18px;
        float: left;
        text-align: center;
    }

        .text_sched2_catalog span:first-child {
            position: relative;
            color: #3200e6;
            width: 100%;
            font-style: normal;
            font-size: 18px;
            float: left;
            top: 90px;
            text-align: center;
            margin-bottom: 92px;
        }

.text_sched3_catalog {
    width: 25%;
    font-style: normal;
    bottom: 305px;
    float: left;
    text-align: center;
}

    .text_sched3_catalog span {
        width: 100%;
        margin: 118px 2px;
        font-style: normal;
        font-size: 18px;
        bottom: 264PX;
        float: left;
        text-align: center;
    }

.caja_contenedora_3 {
    background: #f0f2f5;
    margin-bottom: 10px;
    float: left;
    padding: 1em 1%;
    width: 98%;
    color: #000;
}

.gridBooking th {
    min-width: 25px !important;
}

.titulo_caja {
    color: #29226a;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: bold;
    width: 100%;
    float: left;
}

.list_rackbox {
    width: 100%;
    height: auto;
    float: left;
}

.rack_icon {
    background: url(../img/rack.png) no-repeat;
    width: 85px;
    height: 85px;
    float: left;
}

.box_icon {
    background: url(../img/box.png) no-repeat;
    width: 85px;
    height: 85px;
    float: left;
}

.list_rackbox ul li {
    list-style: circle;
}

.btn_closeClose {
    background-color: #29226a;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    width: 200px;
    text-align: center;
    display: block;
    padding: 13px;
    border: 2px solid #8ddaf5;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

    .btn_closeClose:hover {
        background-color: #8ddaf5;
        cursor: pointer;
    }

.btn_instr {
    background-color: #3200e6;
    color: #fff;
    border-radius: 5px;
    margin: 42px 0;
    width: 100%;
    text-align: center !important;
    float: left;
    cursor: pointer;
}

.btn_add2 {
    background: url(../img/next.png) no-repeat;
    background-position: right top;
    background-color: #3200e6 !important;
    width: 86px !important;
    text-align: left !important;
    margin: 0 10px !important;
}

.btn_remove2 {
    background: url(../img/prev.png) no-repeat;
    background-color: #3200e6 !important;
    width: 86px !important;
    text-align: right !important;
    margin: 0 10px !important;
}

.btn_approveItem {
    background-color: #4dbf73 !important;
    width: 186px !important;
    text-align: center !important;
    margin: 0 10px !important;
    border: none;
}

.btn_rejectItem {
    background-color: #fa1100 !important;
    width: 186px !important;
    text-align: center !important;
    margin: 0 10px !important;
    border: none;
}

.smallMargin {
    margin: .2em 0 0 0 !important;
}

.messageAfter {
    padding: 10px 5px 0px;
}

.messageBefore {
    padding: 0px 5px 0px;
}

.editBookingVoyageFont {
    font-size: 13px !important;
    font-weight: normal !important;
}

.RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol, .RadGrid_Default .rgHeaderWrapper {
    border: 0;
    border-bottom: none !important;
    color: #fff !important;
    background-color: #29226a !important;
    background-image: none !important;
}

.RadGrid_Default {
    border: none;
    color: #3b3b3b !important;
    font-size: 12px !important;
}

    .RadGrid_Default .rgAltRow > td {
        border-color: #fff !important;
    }

.RadGrid .rgAltRow > td:first-child, .RadGrid .rgRow > td:first-child {
    border: 1px solid #fff !important;
}

.RadGrid .rgAltRow > td:first-child, .RadGrid .rgRow > td:first-child {
    border: 1px solid #fff !important;
}

.RadGrid_Default .rgRow > td {
    border-color: #fff !important;
}

.titulo_booking .approval_status {
    width: 49%;
    padding: 0;
    border: none;
}

.titulo_booking {
    border-bottom: 1px solid #2922e6;
    float: left;
    width: 100%;
    margin-bottom: 6px;
}

    .titulo_booking .titulo_filtro {
        width: 30%;
        border: none;
    }

.check_visual {
    padding: 2px 0 0px 7px;
    width: auto;
}

    .check_visual input[type="radio"] {
        float: left;
        margin-right: 5px;
    }

.box_visual {
    float: left;
    padding: 7px;
    border: 1px solid #3200e6;
    margin: 0 0 4px 0;
}

    .box_visual span {
        float: left;
        padding-top: 3px;
        font-size: 12px;
    }

        .box_visual span:first-child {
            font-weight: bold;
        }

.visual_total {
    float: left;
    width: auto;
    padding: 7px;
    border-top: 1px solid #3200e6;
    border-bottom: 1px solid #3200e6;
    margin: 0 6px 10px;
}

    .visual_total span {
        float: left;
        padding: 5px;
    }

.total_blue {
    float: left;
    padding-top: 3px;
    font-size: 12px;
    background-color: #29226a;
    border-radius: 10px;
    color: white;
    padding: 0px 1px;
}

.Pending_approval {
    background-color: #8ddaf5;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.titulo_azul {
    color: #3200e6;
    font-size: 14px;
    width: 80%;
    padding: 6px 0 14px;
    font-weight: bold;
    float: left;
}

.titulo_azulBig {
    color: #3200e6;
    font-size: 14px;
    width: 80%;
    padding: 6px 0 14px;
    font-weight: bold;
    float: left;
}

.titulo_redBig {
    color: #fc3d3d;
    font-size: 18px;
    width: 80%;
    padding: 6px 0 0px;
    font-weight: bold;
    float: left;
}

.titulo_blackBig {
    font-size: 18px;
    width: 80%;
    padding: 6px 0 0;
    font-weight: bold;
    float: left;
}

.send_mail span {
    color: #3200e6;
}

.messageBlue {
    width: 200px;
    float: left;
    margin: 14px;
    color: #3200e6;
}

.summarybox1 {
    width: auto;
    height: 100px;
    float: left;
    margin: 7px;
    background-color: #3200e6;
    padding: 5px 0;
    max-width: 277px;
    min-width: 100px;
}

    .summarybox1 .summaryboxNu {
        color: white;
        width: 100%;
        text-align: center;
        font-size: 34px;
        float: left;
    }

    .summarybox1 .summaryboxNuu {
        color: white;
        width: 100%;
        text-align: center;
        font-size: 35px;
        float: left;
    }

    .summarybox1 .summaryboxti {
        color: white;
        width: 100%;
        text-align: center;
        font-size: 16px;
        float: left;
        margin-bottom: 14px;
    }

.summarybox2 {
    width: auto;
    height: 100px;
    float: left;
    margin: 7px;
    background-color: #8ddaf5;
    padding: 5px 0;
    max-width: 277px;
    min-width: 100px;
}

    .summarybox2 .summaryboxNu {
        color: white;
        width: 100%;
        text-align: center;
        font-size: 34px;
        float: left;
    }

    .summarybox2 .summaryboxNuu {
        color: white;
        width: 100%;
        text-align: center;
        font-size: 35px;
        float: left;
    }

    .summarybox2 .summaryboxti {
        color: white;
        width: 100%;
        text-align: center;
        font-size: 16px;
        float: left;
        margin-bottom: 14px;
    }

    .summarybox2 .summaryboxtii {
        color: white;
        width: 100%;
        text-align: center;
        font-size: 16px;
        float: left;
        margin-bottom: 14px;
    }

.box_acc .en_tres .fila_izq {
    width: 40%;
    margin: 2.5% .5% .5% 0;
}

    .box_acc .en_tres .fila_izq span {
        color: #3200e6;
        font-weight: bold;
    }

.box_acc .en_tres .fila_der span {
    width: 66%;
    margin: .5% .5% .5% 0;
    font-style: normal;
}

.box_acc .en_tres {
    width: 23%;
}

    .box_acc .en_tres .fila_der {
        width: 56%;
        margin: 2.5% .5% .5% 0;
    }

.sta_pend {
    background-color: #8ddaf5 !important;
    float: left;
    padding: 3px 9px;
    position: relative;
    color: #fff !important;
    font-weight: bold;
}

.sta_pendAp {
    background-color: #eebc34 !important;
    float: left;
    padding: 3px 9px;
    position: relative;
    color: #fff !important;
    font-weight: bold;
}

.sta_apr {
    background-color: #4dbf73 !important;
    float: left;
    padding: 3px 9px;
    position: relative;
    color: #fff !important;
    font-weight: bold;
}

.sta_rej {
    background-color: #fc3d3d !important;
    float: left;
    padding: 3px 9px;
    position: relative;
    color: #fff !important;
    font-weight: bold;
}

.sta_working {
    background-color: #b0b2b5 !important;
    font-weight: bold;
    color: #fff !important;
    font-size: 14px;
}

.sta_pendingAssign {
    background-color: #86d1f5 !important;
    font-weight: bold;
    color: #fff !important;
    font-size: 14px;
}

.sta_Defecto {
    margin: 1% 0;
    border-bottom: 3px solid #3200e6;
}

.red_title {
    width: 120px;
    color: #fa1100;
    border: 1px solid #fa1100;
    padding: 10px 6px;
    text-align: center;
    float: right;
    margin: 6px 3px 6px 0;
}

.red_text {
    color: #fa1100;
    padding: 1px;
    margin: 6px 3px;
    float: left;
    font-size: 12px;
}

.shipMode {
    margin-top: 16px;
}

    .shipMode table {
        width: 100%;
    }

.titulo_azul2 {
    color: #3200e6;
    font-size: 14px;
    width: 100%;
    padding: 6px 0 14px;
    font-weight: bold;
    float: left;
}

.shipMode table, th, td {
    border-collapse: collapse;
    padding: 3px;
}

    .shipMode table th {
        border: transparent;
        border-collapse: collapse;
        background-color: #3200e6;
        font-size: 13px;
        color: #fff;
    }

.alert_ship {
    background: url(../img/icon_red_alert.png) no-repeat;
    width: 25px;
    height: 25px;
    border: 0;
    float: left;
    padding-right: 7px;
    margin-top: 9px;
}

.red_text2 {
    color: #fa1100;
    padding: 1px;
    margin: 6px 3px;
    float: left;
    font-size: 12px;
    width: 200px;
}

.btn_evalu {
    background-color: #29226a;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    margin: 42px 0;
    width: 100%;
    text-align: center;
    float: left;
    padding: 13px;
    border: 2px solid #8ddaf5;
    cursor: pointer;
}

    .btn_evalu:hover {
        background-color: #8ddaf5;
    }

.ancho_auto {
    width: auto !important;
}

.btn_instr {
    background-color: #3200e6;
    color: #fff;
    border-radius: 5px;
    margin: 42px 0;
    width: 100%;
    text-align: center !important;
    float: left;
    cursor: pointer;
}

.label-res {
    background: #3200e6;
    color: white;
    padding: 2px;
}

.content_Unsave {
    width: 175px;
    border: 1px solid #ffb005;
    float: right;
    right: 0;
    position: fixed;
    background-color: #f7d373;
    padding: 15px;
    top: 111px;
    z-index: 11;
    height: auto;
}

.content_Error {
    width: 175px;
    border: 1px solid #fc3d3d;
    float: right;
    right: 0;
    position: fixed;
    background-color: #fdb3b6;
    padding: 15px;
    top: 111px;
    z-index: 11;
    height: auto;
}

.icon_Change {
    margin: 0;
    background: url(../img/icon_yellow_mini2.png) no-repeat;
    height: 26px;
    width: 26px;
    float: left;
    display: block;
}

.spanSave {
    font-size: 16px;
    margin-left: .5%;
    float: right;
    width: 84%;
    text-align: center;
    font-weight: bold;
}

.view_red {
    background-color: #3200E6;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
    border-radius: 5px;
    -webkit-animation: color_change 1s infinite alternate;
    -moz-animation: color_change 1s infinite alternate;
    -ms-animation: color_change 1s infinite alternate;
    -o-animation: color_change 1s infinite alternate;
    animation: color_change 1s infinite alternate;
}

@keyframes color_change {
    0% {
        background-color: blue;
    }

    100% {
        background-color: red;
    }
}

@-webkit-keyframes color_change {
    0% {
        background-color: blue;
    }

    100% {
        background-color: red;
    }
}

.gridBooking .datatable th {
    min-width: 45px;
}

.box_acc {
    margin: 1%;
}

.send_mail {
    width: 98%;
    float: left;
}

    .send_mail input[type="checkbox"] {
        margin: -3px 5px 0 0;
    }

.margin-topInput {
    margin-top: 3px;
}

.check_filtro label {
    margin: 0 0 0 5px;
    top: 1px;
    position: relative;
}
/*switch*/
.switch {
    position: absolute;
    height: 26px;
    width: 113px;
    margin: -7px auto;
    background: #3200e6;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

    .switch span label {
        position: relative;
        z-index: 2;
        float: left;
        width: 53px;
        line-height: 25px;
        font-size: 11px;
        color: #f2f3f5;
        text-align: center;
        cursor: pointer;
    }

        .switch span label:active {
            font-weight: bold;
        }

    .switch span:nth-child(1) label { /*off*/
        padding-left: 2px;
    }

    .switch span:nth-child(2) label { /*on*/
        padding-right: 2px;
    }


    .switch span input {
        display: none;
    }

        .switch span input:checked + label {
            font-weight: bold;
            color: #2f00f0;
            -webkit-transition: 0.15s ease-out;
            -moz-transition: 0.15s ease-out;
            -ms-transition: 0.15s ease-out;
            -o-transition: 0.15s ease-out;
            transition: 0.15s ease-out;
            -webkit-transition-property: color, text-shadow;
            -moz-transition-property: color, text-shadow;
            -ms-transition-property: color, text-shadow;
            -o-transition-property: color, text-shadow;
            transition-property: color, text-shadow;
            font-weight: bold;
            font-size: 12px;
        }

.switchmove {
    left: 50px !important;
}

.switch-selection {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    display: block;
    width: 60px !important;
    height: 22px;
    margin: 0 !important;
    border-radius: 25px;
    background-color: #fff;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
    -webkit-box-shadow: inset 1px 0px 9px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.switch span {
    width: 53% !important;
}
/*endswitch*/

.backg_not {
    background-color: #fcf4f2;
    border-left: 4px solid #b0251a;
}

.title_not {
    color: #b0251a;
    padding: 8px;
    font-weight: bold;
    font-size: 15px;
}

.text_not {
    color: #b0251a;
    padding: 2px 8px 7px 19px;
}

.disableButton {
    background-color: transparent;
    opacity: .1;
}

.note_alert span:nth-child(2) {
    overflow: auto;
    max-height: 400px;
}

.filaCentrar {
    width: 432px;
    margin-right: auto;
    margin-left: auto;
    float: none !important;
}

.date_schedule1 {
    color: #3B3B3B;
    width: 25%;
    font-style: normal;
    font-size: 21px;
    bottom: 305px;
    float: left;
    text-align: center;
    font-weight: bold;
}

.date_schedule2 {
    color: #3B3B3B;
    width: 25%;
    font-style: normal;
    font-size: 21px;
    bottom: 305px;
    float: right;
    text-align: center;
    font-weight: bold;
}

.date_schedule3 {
    color: #3B3B3B;
    width: 25%;
    font-style: normal;
    font-size: 18px;
    bottom: 305px;
    float: left;
    text-align: center;
    font-weight: bold;
}

    .date_schedule3 span:nth-child(2) {
        font-size: 11px;
        bottom: 220px;
        float: left;
        text-align: center;
        font-weight: bold;
    }

    .date_schedule3 span {
        width: 100%;
        color: #3B3B3B;
        font-style: normal;
        font-size: 18px;
        bottom: 220px;
        float: left;
        text-align: center;
        font-weight: bold;
    }

.date_schedule4 {
    color: #3B3B3B;
    width: 25%;
    font-style: normal;
    font-size: 18px;
    bottom: 305px;
    float: right;
    text-align: center;
    font-weight: bold;
}

    .date_schedule4 span:nth-child(2) {
        font-style: normal;
        font-size: 11px;
        bottom: 220px;
        float: right;
        text-align: center;
        font-weight: bold;
    }

    .date_schedule4 span {
        width: 100%;
        color: #3B3B3B;
        font-style: normal;
        font-size: 18px;
        bottom: 220px;
        float: right;
        text-align: center;
        font-weight: bold;
    }

.date_schedule5 {
    color: #3B3B3B;
    width: 50%;
    font-style: normal;
    font-size: 13px;
    bottom: 220px;
    float: left;
    text-align: center;
}
/*.date_schedule5 span:first-child {background: url(../img/logo_hambur.png) no-repeat; width:208px;height:40px;float:left;}*/
.date_schedule6 {
    color: #3B3B3B;
    width: 50%;
    font-style: normal;
    font-size: 13px;
    bottom: 220px;
    float: left;
    text-align: center;
}

.date_schedule7 {
    color: #3B3B3B;
    width: 50%;
    font-style: normal;
    font-size: 13px;
    bottom: 220px;
    float: left;
    text-align: center;
}

.date_schedule8 {
    color: #3B3B3B;
    width: 50%;
    font-style: normal;
    font-size: 13px;
    bottom: 220px;
    float: left;
    text-align: center;
}

.circle_schedule {
    background: url(../img/scheduleBack3.png) no-repeat;
    font-size: 25px;
    width: 100%;
    height: 60px;
    text-align: center;
    color: #fff;
    float: left;
    height: 82px !important;
}

.text_sched1 {
    width: 25%;
    font-style: normal;
    bottom: 305px;
    float: left;
    text-align: center;
}

    .text_sched1 span {
        width: 100%;
        margin: 31px 2px;
        font-style: normal;
        font-size: 18px;
        bottom: 264PX;
        float: left;
        text-align: center;
    }

.text_sched2 {
    width: 50%;
    font-style: normal;
    bottom: 305px;
    float: left;
    text-align: center;
}

    .text_sched2 span {
        color: #3200e6;
        width: 100%;
        margin: 20px 0px;
        font-style: normal;
        font-size: 18px;
        bottom: 264PX;
        float: left;
        text-align: center;
    }

.text_sched3 {
    width: 25%;
    font-style: normal;
    bottom: 305px;
    float: left;
    text-align: center;
}

    .text_sched3 span {
        width: 100%;
        margin: 31px -1px;
        font-style: normal;
        font-size: 18px;
        bottom: 264PX;
        float: left;
        text-align: center;
    }

.link_book {
    text-decoration: underline;
    color: #3200e6;
    cursor: pointer;
    font-size: 14px;
}

.shipModeText {
    font-size: 11px;
}

.shipModeImg {
    width: 400px;
}

.grilla .inputText_normal {
    padding-left: 0 !important;
}

.shipMode .inputText_normal {
    padding-left: 0;
    font-size: 12px;
    text-align: center;
}

.filaCentrar {
    width: 432px;
    margin-right: auto;
    margin-left: auto;
    float: none !important;
}

.shipMode table tr {
    background: #f0f2f5;
    border-color: #FFF;
}

    .shipMode table tr th {
        font-size: 13px;
        font-weight: bold;
    }

    .shipMode table tr:nth-child(even) {
        background: #CBD4E0;
    }

    .shipMode table tr td {
        font-size: 11px !important;
    }

.alert_ship {
    background: url(../img/icon_red_alert.png) no-repeat;
    width: 25px;
    height: 25px;
    border: 0;
    float: left;
    padding-right: 7px;
    margin-top: 9px;
}

.red_text2 {
    color: #fa1100;
    padding: 1px;
    margin: 10px 3px;
    float: left;
    font-size: 14px;
    width: 381px;
}

.noWrap {
    white-space: nowrap !important;
}

.borderBlock {
    border: 1px solid #b7b5b5;
    width: 98%;
    padding: 1%;
    margin: .5% 0;
}

    .borderBlock .titulo_filtro {
        width: 98%;
    }

.borderBlock_2 {
    border: 1px solid #b7b5b5;
    width: 96%;
    padding: 1%;
    margin: .5% 1%;
}

.BarBook {
    width: 100%;
    background: #f0f2f5;
    float: left;
    height: 29px;
}

    .BarBook .titulo_filtro {
        width: auto;
        padding: 0.5% 1% .5% 0.5%;
        margin: 0;
    }

    .BarBook .botones {
        margin: 0 9px;
    }

    .BarBook .approval_status {
        float: right;
        width: 560px;
        border: none !important;
        padding: 7px 10px !important;
        margin: 0px !important;
    }

    .BarBook .box {
        height: 15px;
        width: 15px;
        float: left;
        margin: 0 1px 0 14px !important;
    }

    .BarBook .closepnl {
        background: url(../img/icon_close.png) transparent no-repeat;
        top: -2px;
        right: 6px;
        display: block;
        width: 23px;
        height: 21px;
        color: #333;
        cursor: pointer;
        outline: none;
        border-radius: 5px;
        border: none;
        float: left;
        position: relative;
    }

    .BarBook .openpnl {
        background: url(../img/icon_open.png) transparent no-repeat;
        top: -2px;
        right: 6px;
        display: block;
        width: 23px;
        height: 21px;
        color: #333;
        cursor: pointer;
        outline: none;
        border-radius: 5px;
        border: none;
        float: left;
        position: relative;
    }

.acordeonMultiple .close_filtro {
    float: left;
    margin: 0px 6px 0 0;
    width: 17px;
}

.bordeVert {
    border-left: 1px solid #79797d;
    float: left;
    margin: 4px 10px;
    position: relative;
    height: 22px;
    top: 0;
}

input[type=button]:disabled {
    opacity: .4;
    cursor: default;
}

.titulo_filtro2 {
    color: #29226a;
    font-size: 16px;
    margin: 1% 0;
    font-weight: bold;
    width: 100%;
    float: left;
    border-bottom: 1px solid;
}


.btnBigAp {
    width: 98% !important;
    height: 45px !important;
    text-align: center !important;
    padding: 10px !important;
    font-size: 18px !important;
    background-color: #4dbf73 !important;
    float: left !important;
    color: #FFF !important;
    cursor: pointer !important;
    margin: .5% 1% !important;
    background-image: none !important;
    max-height: none !important;
}

.btnBigRej {
    width: 98% !important;
    height: 45px !important;
    text-align: center !important;
    padding: 10px !important;
    font-size: 18px !important;
    float: left !important;
    color: #FFF !important;
    cursor: pointer !important;
    margin: .5% 1% !important;
    background-image: none !important;
    max-height: none !important;
    background-color: #fc3d3d !important;
}

.btnBigCom {
    width: 98% !important;
    height: 45px !important;
    text-align: center !important;
    padding: 10px !important;
    font-size: 18px !important;
    float: left !important;
    color: #FFF !important;
    cursor: pointer !important;
    margin: .5% 1% !important;
    background-image: none !important;
    max-height: none !important;
    background-color: #3200e6 !important;
}

.btnBigSave {
    width: 98% !important;
    height: 45px !important;
    text-align: center !important;
    padding: 10px !important;
    font-size: 18px !important;
    float: left !important;
    color: #FFF !important;
    cursor: pointer !important;
    margin: .5% 1% !important;
    background-image: none !important;
    z-index: 8;
    max-height: none !important;
    background-color: #3200e6 !important;
    border: 0;
}

.btnBigCancel {
    width: 98% !important;
    height: 45px !important;
    text-align: center !important;
    padding: 10px !important;
    font-size: 18px !important;
    float: left !important;
    color: #FFF !important;
    cursor: pointer !important;
    margin: .5% 1% !important;
    background-image: none !important;
    max-height: none !important;
    background-color: #3200e6 !important;
    border: 0;
}


.btnBigSearch {
    width: 98% !important;
    height: 45px !important;
    text-align: center !important;
    padding: 10px !important;
    font-size: 18px !important;
    float: left !important;
    color: #FFF !important;
    cursor: pointer !important;
    margin: .5% 1% 4% 1% !important;
    background-image: none !important;
    z-index: 8;
    max-height: none !important;
    background-color: #3200e6 !important;
    border-radius: 8px;
    border: none;
}

.Botones_big .btnBigSearch:hover {
    background-color: #8ddaf5 !important;
}

.IconBigCan {
    background: url(../../styles/img/iconCancel.png) no-repeat;
    display: block;
    width: 40px;
    height: 31px;
    position: relative;
    top: 42px;
    left: 70px;
}

.IconBigSav {
    background: url(../../styles/img/iconSave.png) no-repeat;
    display: block;
    width: 40px;
    height: 31px;
    position: relative;
    top: 43px;
    left: 70px;
}

.IconBigAp {
    background: url(../../styles/img/iconOk.png) no-repeat;
    display: block;
    width: 40px;
    height: 31px;
    position: relative;
    top: 41px;
    left: 17px;
}

.IconBigRej {
    background: url(../../styles/img/iconCancel.png) no-repeat;
    display: block;
    width: 40px;
    height: 31px;
    position: relative;
    top: 41px;
    left: 17px;
}

.IconBigCom {
    background: url(../../styles/img/iconAdd.png) no-repeat;
    display: block;
    width: 40px;
    height: 31px;
    position: relative;
    top: 41px;
    left: 17px;
}

.Botones_big {
  width: 327px;
  margin-right: auto;
  margin-left: auto;
  border-radius:8px;
}
.IconBigSearch {
    background: url(../../styles/img/iconSearch.png) no-repeat;
    display: block;
    width: 40px;
    height: 31px;
    position: relative;
    top: 43px;
    left: 70px;
}

.sta_pendAp2 {
    margin: 1% 0;
    border-bottom: 3px solid #eebc34 !important;
}

.sta_apr2 {
    margin: 1% 0;
    border-bottom: 3px solid #4dbf73 !important;
}

.sta_rej2 {
    margin: 1% 0;
    border-bottom: 3px solid #f74037 !important;
}

.sta_working2 {
    margin: 1% 0;
    border-bottom: 3px solid #b0b2b5 !important;
}

.sta_pendingAssign2 {
    margin: 1% 0;
    border-bottom: 3px solid #86d1f5 !important;
}

.box3 {
    height: 4px;
    width: 18px;
    float: left;
    margin: 6px 7px;
}

.titulo_block {
    color: #29226a;
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: bold;
    width: 30%;
    float: left;
}

.titulo_filtro3 {
    color: #29226a;
    font-size: 16px;
    margin: 1% 0;
    font-weight: bold;
    width: 100%;
    float: left;
}

.solveToggleFlickering {
    width: 100%;
}

.filtroBook .caja_contenedora .fila_izq {
    width: 33%;
    text-align: left;
}

.filtroBook .caja_contenedora .fila_der {
    width: 66%;
}

.circle2 {
    background: url(../../Styles/img/scheduleCircle.png) no-repeat;
    font-size: 9px;
    width: 100%;
    text-align: center;
    color: #fff;
    float: left;
    height: 87px !important;
    position: relative;
    left: 110px;
    top: 24px;
}

    .circle2 span {
        width: 50px;
        margin: 28px 44px;
        font-style: normal;
        font-size: 14px;
        left: -14px;
        position: absolute;
        float: left;
        text-align: center;
    }

.date_schedule1_offi {
    color: #3B3B3B;
    width: 123px;
    font-style: normal;
    right: 4px;
    position: relative;
    text-align: center;
}

.date_schedule2_offi {
    color: #3B3B3B;
    width: 123px;
    font-style: normal;
    font-size: 21px;
    left: 189px;
    position: relative;
    text-align: center;
}

.text_sched1_offi {
    width: 25%;
    font-style: normal;
    bottom: 305px;
    float: left;
    text-align: center;
}

    .text_sched1_offi span {
        width: 100%;
        margin: 33px 1px;
        font-style: normal;
        font-size: 18px;
        bottom: 264PX;
        float: left;
        text-align: center;
    }

.text_sched3_offi {
    width: 25%;
    font-style: normal;
    bottom: 305px;
    float: left;
    text-align: center;
}

    .text_sched3_offi span {
        width: 100%;
        margin: 33px 213px;
        font-style: normal;
        font-size: 18px;
        bottom: 264PX;
        float: left;
        text-align: center;
    }

.text_sched3_offi_edit_span {
    width: 100%;
    font-style: normal;
    font-size: 18px;
    bottom: 264PX;
    float: left;
    text-align: center;
}

.date_schedule_CutOff_offi {
    color: #3B3B3B;
    width: 123px;
    font-style: normal;
    position: relative;
    text-align: center;
    top: 23px;
    left: 100px;
}

.date_schedule2_offi_noEdit {
    left: 214px !important;
    font-size: 21px;
    font-weight: bold;
    position: relative;
}

.date_schedule1_offi_noEdit {
    /*left: 214px !important;*/
    font-size: 21px;
    font-weight: bold;
    position: relative;
}

.date_schedule0_offi_noEdit {
    right: -110px !important;
    font-size: 21px;
    top: 25px;
    font-weight: bold;
    position: relative;
}

.en_cuatroBook {
    width: 38% !important;
}

    .en_cuatroBook .box_visual {
        padding: 6px;
        margin-top: 6px;
    }

.voyageGroup {
    width: 493px;
}

    .voyageGroup .fila_izq {
        margin: 0px .6% 0 0 !important;
        padding-left: 8px;
    }

    .voyageGroup .fila_der span {
        font-style: normal !important;
        font-weight: bold;
    }


.voyageGroupEdit {
    width: 493px;
}

    .voyageGroupEdit .fila_izq {
        margin: 9px .6% 0 0 !important;
        padding-left: 8px;
    }

    .voyageGroupEdit .fila_der span {
        font-style: normal !important;
        font-weight: bold;
    }








.tableDiv {
    display: table;
    width: 100%;
    text-align: center;
    margin: auto;
}

.tablelayoutShp {
    display: table;
    width: 98%;
    padding: 1%;
    text-align: center;
    margin: auto;
}

.tablelayout {
    display: table;
    width: 100%;
    text-align: center;
    margin: auto;
}

.cell1 {
    display: table-cell;
    vertical-align: middle;
    font-size: 10px;
    border: 1px solid #fff;
    background-color: #eaeaea;
    padding: 5px 0;
}

.cell2 {
    display: table-cell;
    vertical-align: middle;
    font-size: 10px;
    border: 1px solid #fff;
    background-color: #eaeaea;
}

.cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 10px;
    padding: 3px;
    border: 1px solid #fff;
}

.ShpTitle {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px !important;
    border: 1px solid #fff;
    width: 54px;
    min-width: 54px;
    font-weight: normal;
    background-color: #29226a;
    color: #fff;
}

.BookTitle {
    display: table-cell;
    vertical-align: middle;
    box-shadow: inset 0 0 1px #fff;
    font-size: 10px !important;
    border: #fff;
    width: 139px;
    min-width: 139px;
    font-weight: normal;
    background-color: #29226a;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 0;
}

    .BookTitle input {
        vertical-align: middle;
        font-size: 20px;
        width: 14px;
        cursor: pointer;
    }

.cellHead {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    border: 1px solid #FFF;
    font-weight: bold;
    width: auto;
    text-align: center;
    word-break: keep-all;
    font-size: 12px;
    padding: 3px;
}

.ShpDet {
    display: table-row;
}

.row {
    display: table-row;
    background-color: #29226a;
}

.row1 {
    display: table-row;
    border: 1px solid #FFF;
    background-color: ##f0f2f5;
    ;
}

.row2 {
    display: table-row;
    border: 1px solid #FFF;
    background-color: #CBD4E0;
}

.BlkDet {
    display: table;
    margin: 1% 1% 0 1%;
    width: auto;
}

.BlkRow {
    display: table-row;
    font-size: 20px;
    background-color: #3b3b3b;
    color: #fff;
}

.BlkHead {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    padding: 3px;
}

    .BlkHead p:first-child {
        width: 100%;
        float: left;
        text-align: left;
        font-size: 11px;
        margin-right: 16px;
        vertical-align: top;
        display: block;
    }

    .BlkHead p {
        font-size: 16px;
        text-align: left;
        font-weight: bold;
    }


.ShpDet {
    display: table;
    margin: 1% 1% 0 1%;
    width: 98%;
}

.ShpRow {
    display: table-row;
    font-size: 20px;
    background-color: #3200e6;
    color: #fff;
}

.ShpCell {
    display: table-row;
}

.ShpHead {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    padding: 3px;
}

    .ShpHead p:first-child {
        width: 100%;
        float: left;
        text-align: left;
        font-size: 10px;
        font-weight: normal;
        margin-right: 16px;
    }

    .ShpHead p {
        width: 100%;
        float: left;
        text-align: left;
        font-weight: bold;
    }

.Shptd {
    display: table-cell;
    vertical-align: middle;
    font-size: 10px;
    padding: 3px;
    background-color: #3200e6;
    color: #fff;
}

.ApproveStatusVoy {
    background-color: #4dbf73;
}

.ApproveIcon {
    background: url(../img/iconOk2.png) no-repeat;
    width: 40px;
    margin-right: auto;
    margin-left: auto;
    height: 46px;
    display: block;
}

.RejectStatusVoy {
    background-color: #fc3d3d;
}

.RejectIcon {
    background: url(../img/iconCancel2.png) no-repeat;
    width: 40px;
    margin-right: auto;
    margin-left: auto;
    height: 46px;
    display: block;
}

.PendingAppStatusVoy {
    background-color: #eebc34;
}

.PendingAppIcon {
    background: url(../img/iconPending2.png) no-repeat;
    width: 40px;
    margin-right: auto;
    margin-left: auto;
    height: 46px;
    display: block;
}

.WorkingOnStatusVoy {
    background-color: #b0b2b5;
}

.WorkingOnIcon {
    background: url(../img/iconWork2.png) no-repeat;
    width: 40px;
    margin-right: auto;
    margin-left: auto;
    height: 70px;
    display: block;
}

.NameBook {
    width: 68%;
    vertical-align: middle;
    font-size: 20px;
    margin-right: 4px;
    color: #fff;
    float: right;
}

.redText {
    color: #de3c34 !important;
    font-weight: bold !important;
    font-size: 13px;
}

.commentNew {
    padding: 0 7px;
    background-color: #2f00f0;
    color: #fff;
}

    .commentNew .fila_izq span {
        color: #fff !important;
    }

    .commentNew .fila_der .styled-select {
        margin: -3px 0 5px;
    }

.date_Cut {
    width: 107px !important;
    margin: -24px 18px !important;
    font-weight: bold;
    font-size: 21px !important;
    left: -14px !important;
    position: absolute !important;
    float: left !important;
    text-align: center !important;
    color: #3b3b3b;
}

.title_booking {
    font-size: 40px;
    display: block;
    padding: 1px 0 12px 0;
    margin-bottom: 11px;
    color: #281f6e;
    text-align: center;
    border-bottom: 2px solid #eaeaea;
}

.titulo_listBook {
    color: #29226a;
    font-size: 16px;
    margin: 6px 0;
    font-weight: bold;
    width: 100%;
    float: left;
}

.titulo_listBook_2 {
    color: #29226a;
    font-size: 14px;
    margin: 6px 0;
    font-weight: bold;
    width: 100%;
    float: left;
}

.titulo_listBook_3 {
    color: #3200e6;
    font-size: 12px;
    margin: 6px 0;
    font-weight: bold;
    width: 100%;
    float: left;
}

.grillaResponsive2 table td {
    font-size: 11px;
}

.grillaResponsive2 table th {
    font-size: 12px;
}

.font14px {
    font-size: 14px;
}

/*.grid_items_bookings {
    float: right;
    margin: 3px;
    top: 44px;
    right: -12px;
    padding: 4px;
    border-right: 1px solid #b7b5b5;
    border-top: 1px solid #b7b5b5;
    border-bottom: 1px solid #b7b5b5;
    border-left: 1px solid #fff;
    position: relative;
}*/

#btn_collapse_all_bookings_acor {
    display: block;
    cursor: pointer;
    position: relative;
    float: right;
    border-bottom: 1px solid #b7b5b5;
    width: 26px;
    height: 23px;
    border: none;
    width: 20px;
    height: 19px;
}

.client_carrier_logo {
    width: auto;
    height: auto;
}

.collapseIcon {
    background: url(../img/icon_collapse.png) transparent no-repeat;
}

.uncollapseIcon {
    background: url(../img/icon_uncollapse.png) transparent no-repeat;
}

.btnBigAp:hover {
    background-color: #8ddaf5;
}

.btnBigRej:hover {
    background-color: #8ddaf5;
}

.btnBigCom:hover {
    background-color: #8ddaf5;
}

.btnBigSave:hover {
    background-color: #8ddaf5;
}

.btnBigCancel:hover {
    background-color: #8ddaf5;
}

.grid_items_bookings grid__item borderBlock {
    border-bottom: 1px solid #eaeaea;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.borderBlockBook {
    border: 1px solid #eaeaea;
}

[id^="btn_booking_acor_"] {
    top: 4px !important;
    right: -4px !important;
    display: block !important;
    width: 32px !important;
    height: 21px !important;
    color: #333 !important;
    cursor: pointer !important;
    outline: none !important;
    border-radius: 5px !important;
    border: none !important;
    float: left !important;
    position: relative !important;
}

.BarBook [id^="btn_booking_acor_"].openpnl {
    background: url(../img/icon_open_dark.png) transparent no-repeat !important;
}

.BarBook [id^="btn_booking_acor_"].closepnl {
    background: url(../img/icon_close_dark.png) transparent no-repeat !important;
}

#btn_toggleSummary {
    margin-top: 6px;
    margin-right: -2px;
}

.radioBotonListHorizontal tbody tr {
    display: inline;
}

.radioBotonListHorizontal table {
    margin-left: 22px;
    display: inline;
}

    .radioBotonListHorizontal table label {
        margin-left: 5px;
        font-size: 13px;
    }

    .radioBotonListHorizontal table tbody tr td input [type="radio"] {
        font-size: 13px;
        margin-top: -3px !important;
    }

.radioBotonListHorizontal span {
    display: inline;
}

.dataTables_filter {
    width: 172px;
    float: right;
    margin-top: 14px;
}

    .dataTables_filter label > input {
        display: unset;
        margin-left: 0.5em;
        background-color: #FFF;
        min-height: 28px;
        height: auto;
        width: 131px;
        border-radius: 0 5px 5px 0;
        outline: none;
        border: solid 1px #b1b1b1;
        padding-left: 8px;
    }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: inherit !important;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: inherit !important;
}

button.dt-button, div.dt-button, a.dt-button {
    width: 120px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    color: #fff !important;
    background-color: #3200e6 !important;
    background-image: none !important;
    padding: 0.5em .5% !important;
    border: none !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #3b3b3b !important;
    border: none !important;
    background: #8ddaf5 !important;
    border-radius: 5px !important;
}

.color2 {
    background-color: red;
}

button.dt-button:hover {
    border: none !important;
    color: #fff !important;
    background-color: #8ddaf5 !important;
}

.JqueryGrid_BarBook {
    float: left;
    width: auto;
    padding: 7px;
    border: 1px solid #29226a;
    margin: 0px 0 8px;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #58585a !important;
}

/*.dataTables_filter .searchBar {
    width: 16% !important;
    float: left !important;
    border: solid 1px #29226a;
    padding-left: 8px;
}*/

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    background-color: #FFF;
    min-height: 28px;
    height: auto;
    width: 131px;
    border-radius: 0 5px 5px 0;
    outline: none;
    border: solid 1px #b1b1b1;
    padding-left: 8px;
}


.search_iconGrid {
    background-color: #d3d3d4;
    width: 28px;
    height: 28px;
    float: left;
    border-color: #b1b1b1;
    border-radius: 5px 0 0 5px;
    margin-right: -6px;
    color: transparent;
    background: url(../img/iconSearch.png) #d3d3d4 no-repeat;
}

.dataTables_wrapper .dataTables_info {
    float: right !important;
}

.dataTables_wrapper .dataTables_length {
    margin-top: 10px !important;
}

.emptyResultGrid label {
    padding: 3px;
    min-height: 8px;
    font-weight: normal;
    font-size: 11px;
}

.emptyResultGrid {
    width: 100%;
    background: #f0f2f5;
    border-color: #FFF;
    text-align: center;
    display: none;
    padding: 3px;
}

.newParameters tr td label {
    margin-left: 6px;
}

.newParameters tr td {
    text-align: left;
    border-color: #f0f2f5;
}

.document_status {
    padding: 7px;
    border: 1px solid #29226a;
    margin-left: 3px;
}

    .document_status span {
        float: left;
        padding-top: 3px;
        font-size: 12px;
    }

        .document_status span:first-child {
            font-weight: bold;
        }


.WoutDocument {
    background-color: #8ddaf5;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.PendingDocument {
    background-color: #eebc34;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.OnReviewDocument {
    background-color: #8ddaf5;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.OtherDocument {
    background-color: #dc8fba;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.triple2 {
    width: 1200px;
    max-height: 610px;
}

.scroll_popup4 {
    overflow: auto;
    max-height: 509px;
    height: auto;
    margin-bottom: 0 !important;
    position: relative;
}

.WithDocumentColor {
    background-color: #b0b2b5;
}

.WithoutDocumentColor {
    background-color: #8ddaf5;
}

.Not_ApprovedColor {
    background-color: #fc3d3d;
}

.PendingDocumentColor {
    background-color: #eebc34;
}

.PendingUploadColor {
    background-color: #b0b2b5;
}

.PendingApprovalColor {
    background-color: #eebc34;
}

.RejectedDraftColor {
    background-color: #fc3d3d;
}

.OnReviewColor {
    background-color: #8ddaf5;
}

.ApprovedColor {
    background-color: #4dbf73;
}

.FinalizedColor {
    background-color: #8ddaf5;
}

.OtherColor {
    background-color: #dc8fba;
}

.ApprovedBy {
    width: 100%;
    vertical-align: middle;
    font-size: 11px;
    float: left;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.ApprovedDate {
    width: 100%;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 4px;
    color: #fff;
    text-align: center;
}

.ApprovedInfo {
    border: 1px solid #FFF;
    float: left;
    width: 92%;
    margin: 0 4%;
}

.Req_Sup_Conf {
    width: 100%;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 4px;
    text-align: center;
    color: #3200e6;
}

.image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0;
}

    .image-checkbox input[type="checkbox"] {
        display: none;
        cursor: pointer;
    }

.tableDiv .image-checkbox-checked {
    background-color: #3b3b3b !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    cursor: pointer;
}

.NameBook {
    width: 98%;
    vertical-align: middle;
    font-size: 20px;
    margin: 1%;
    color: #fff;
    display: block;
}

.TrashIcon {
    background: url(../img/iconTrash.png) no-repeat;
    width: 31px;
    margin-right: auto;
    height: 31px;
    margin-bottom: 5px;
    margin-left: auto;
    display: inline-block;
}

.image-checkbox-checked .TrashIcon {
    background: url(../img/iconTrash2.png) no-repeat;
}

.caja_contenedora_3_dreview {
    background: #f0f2f5;
    margin-bottom: 10px;
    float: left;
    color: #000;
    min-height: 100px;
    max-height: 1006px;
    height: auto;
}

.paddin_caja {
    padding: 1em 3.5%;
    width: 93%;
}

.scroll_caja {
    overflow: auto;
    max-height: 867px;
    height: auto;
    margin-bottom: 0 !important;
    position: relative;
}

.titulo_caja {
    border-bottom: 2px solid #3200e6;
    font-size: 16px;
    color: #29226a;
    width: 100%;
    float: left;
    margin-bottom: 11px;
}

.titulo_section {
    font-size: 15px;
    padding: 7px 2%;
    background-color: #8DDAF5;
    width: 96%;
    color: #29226a;
    float: left;
}

.title_add {
    width: 100%;
    margin: 1% 0% 2%;
    border-bottom: 2px solid #3200e6;
    padding: 0 0 5px 0;
    float: left;
}

.btn_copy {
    background: url(../img/iconCopy.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.title_add span {
    width: 80%;
    float: left;
    padding: .5% 0 0 1%;
    font-size: 19px;
    color: #3200e6;
    text-transform: uppercase;
}

.borderBlock {
    border: 1px solid #b7b5b5;
    width: 98%;
    padding: 1%;
    margin: .5% 0;
}

.titulo_block {
    color: #29226a;
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: bold;
    width: 30%;
    float: left;
}
/**STYLE LEGS*/

.legsTable {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 98% !important;
    margin: 0 1%;
}

    .legsTable td {
        padding: 2px;
        border-right: hidden;
        text-align: center;
        border: 1px solid #3b3b3b;
    }

.ETDAStyle {
    background-color: #3200e6;
    font-weight: bold;
    color: #fff;
}

.PortStyle {
    background-color: #3B3B3B;
    font-weight: bold;
    color: #fff;
}

.Port1,
.Port2 {
    width: 100%;
    text-align: center;
    float: left;
    font-weight: bold;
}

.ETDAdate {
    font-size: 15px;
}
/**STYLE INFO*/

.infoFCL {
    background-color: #CBD4E0;
    width: 96%;
    float: left;
    border: 1px solid #29226a;
    padding: .5% 1%;
    margin: 0 1%;
}

.iconInfo {
    background: url(../img/iconInfoSpan.png) no-repeat;
    float: left;
    width: 25px;
    height: 25px;
}

.textFCL {
    font-weight: bold;
    color: #29226a;
    padding: 5px 7px;
    float: left;
}

.radio_mot {
    float: left;
    margin: 0 9px 0 25px;
}

    .radio_mot input[type=radio] {
        float: left;
        margin-top: 5px;
        width: 18px;
        margin-left: -15px
    }

.MotAirLeg {
    background: url(../img/sprites-icons-motLeg.png) -10px -10px;
    float: left;
    width: 204px;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
}

.MotOceanLeg {
    background: url(../img/sprites-icons-motLeg.png) -10px -160px;
    float: left;
    width: 204px;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
}

.MotRailLeg {
    background: url(../img/sprites-icons-motLeg.png) -10px -110px;
    float: left;
    width: 204px;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
}

.MotCourierLeg {
    background: url(../img/sprites-icons-motLeg.png) -10px -60px;
    float: left;
    width: 204px;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
}

.MotOverlandLeg {
    background: url(../img/sprites-icons-motLeg.png) -235px -10px;
    float: left;
    width: 204px;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
}

.bg-iconAirmot {
    width: 64px;
    height: 25px;
    background: url('../img/sprites-Mot-icons.png') -10px -10px;
    float: left;
}

.bg-iconCurriermot {
    width: 64px;
    height: 25px;
    background: url('../img/sprites-Mot-icons.png') -104px -10px;
    float: left;
}

.bg-iconRailmot {
    width: 64px;
    height: 25px;
    background: url('../img/sprites-Mot-icons.png') -10px -55px;
    float: left;
}

.bg-iconShipmot {
    width: 64px;
    height: 25px;
    background: url('../img/sprites-Mot-icons.png') -94px -55px;
    float: left;
}

.bg-iconTruckmot {
    width: 64px;
    height: 25px;
    background: url('../img/sprites-Mot-icons.png') -10px -100px;
    float: left;
}

.largeTextCell {
    width: auto;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slashSpan {
    width: 6px;
    float: left;
    margin: 0 4px;
    font-size: 20px;
}

.VoyageNumberLeg {
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 12px;
}

.CarrierLeg {
    width: 100%;
    float: left;
    font-size: 10px;
}

.VesselLeg {
    width: 100%;
    float: left;
    font-size: 10px;
}

.selectedRow {
    color: White;
    background-color: #000000 !important;
    cursor: pointer;
}

.CarrierDiv {
    width: 536px;
    margin-right: auto;
    margin-left: auto;
}

.ETAETD-Div {
    width: 536px;
    margin-right: auto;
    margin-left: auto;
    height: 40px;
}

.preCarrier {
    width: 160px;
    float: left;
    background-color: #7b7b7b;
    height: auto;
    margin-right: 13px;
    padding: 10px 16px 0;
}

.mainCarrier {
    width: 160px;
    float: left;
    background-color: #3200e6;
    height: auto;
    margin-right: 13px;
    padding: 10px 16px 0;
}

.postCarrier {
    width: 120px;
    float: left;
    background-color: #7b7b7b;
    height: auto;
    margin-right: 13px;
    padding: 10px 16px 0;
    font-size: 15px;
}

.preCarrier span {
    color: #fff;
    float: left;
    width: 100%;
    padding-bottom: 9px;
    font-size: 15px;
}

.mainCarrier span {
    color: #fff;
    float: left;
    width: 100%;
    padding-bottom: 9px;
    font-size: 15px;
}

.postCarrier span {
    color: #fff;
    float: left;
    width: 100%;
    padding-bottom: 9px
}

.CarrierMot {
    border-top: 1px solid #fff;
    float: left;
    width: 100%;
    padding: 6px 0;
}

    .CarrierMot > span {
        width: 60px;
        float: right;
    }

    .CarrierMot div {
        width: 62px;
        float: left;
    }

        .CarrierMot div span:first-child {
            font-size: 10px;
            padding-bottom: 0;
        }


.ETAETD {
    width: 150px;
    float: left;
    height: auto;
    margin-right: 13px;
    text-align: center;
    padding: 0px 21px;
}

.ETAETD2 {
    width: 150px;
    float: left;
    height: auto;
    margin-right: 13px;
    text-align: center;
    padding: 0px 21px;
}

.imgArrow {
    background: url('../img/iconArrowRight.png') no-repeat;
    float: left;
    width: 20px;
    height: 21px;
}

.ETAETD span {
    float: left;
    font-size: 1.3em;
    color: #29226a;
    margin-bottom: 0.3em;
}

.ETAETD2 span {
    float: left;
    font-size: 1.3em;
    margin-bottom: 0.3em;
    font-weight: bold;
}

.preCarrier1,
.postCarrier1 {
    color: #7b7b7b;
    width: 162px;
    text-align: left;
    float: left;
    background-color: #fff;
    height: auto;
    border: 1px solid #7b7b7b;
    margin-right: 13px;
    padding: 9px 14px 1px 14px;
    font-size: .9em;
    font-weight: bold;
}

.mainCarrier1 {
    color: #3200e6;
    width: 162px;
    text-align: center;
    float: left;
    background-color: #fff;
    height: auto;
    border: 1px solid #3200e6;
    margin-right: 13px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 9px 14px 7px 14px;
    font-size: .9em;
}

.Box-Carrier {
    width: 196px;
    float: left;
    height: auto;
    margin-right: 9px;
}

.Box-Main {
    width: 196px;
    float: left;
    height: auto;
    margin-right: 11px;
}

.PopupLegsHouse {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.Box-Carrier-popup .preCarrier span {
    color: #3b3b3b;
    float: left;
    width: 100%;
    padding-bottom: 4px;
}

.PopupLegsHouse {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}


.Box-Carrier-popup {
    width: 96%;
    float: left;
    height: auto;
    margin: 2%;
    margin-bottom: 3px;
}

    .Box-Carrier-popup .preCarrier {
        width: 100%;
        float: left;
        background-color: #EFEFEF;
        height: auto;
        padding: 0;
    }

    .Box-Carrier-popup .CarrierMot {
        border: none;
        padding: 0;
    }

.inputText_date2 {
    min-width: 30px;
    background-color: #FFF;
    height: 21px;
    width: 35%;
    outline: none;
    border: solid 1px #29226a;
    padding-left: 2px;
}

.inputText_dateTime {
    min-width: 30px;
    background-color: #FFF;
    height: 21px;
    width: 22.5%;
    outline: none;
    border: solid 1px #29226a;
    padding-left: 2px;
}

.iconAirmotW {
    width: 64px !important;
    height: 25px;
    background: url('../img/sprites-Mot-icons-white.png') -10px -10px;
    float: left;
}

.iconCouriermotW {
    width: 64px !important;
    height: 25px;
    background: url('../img/sprites-Mot-icons-white.png') -104px -10px;
    float: left;
}

.iconRailmotW {
    width: 64px !important;
    height: 25px;
    background: url('../img/sprites-Mot-icons-white.png') -10px -55px;
    float: left;
}

.iconShipmotW {
    width: 64px !important;
    height: 25px;
    background: url('../img/sprites-Mot-icons-white.png') -94px -55px;
    float: left;
}

.iconTruckmotW {
    width: 64px !important;
    height: 25px;
    background: url('../img/sprites-Mot-icons-white.png') -10px -100px;
    float: left;
}

.botones_icono20 .btn_delete20 {
    background: url(../img/iconDelete20.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.botones_icono20 .btn_editar20 {
    background: url(../img/iconEdit20.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.botones_icono20 {
    float: right;
    text-align: center;
    border: none;
    color: #FFF;
    width: 44px;
    height: 20px;
    cursor: pointer;
    outline: none;
    margin: -1px 0 0 0;
}

.houseIconOverlandMot {
    content: url('../img/IconShipMot.png');
}

.houseIconOceanMot {
    content: url('../img/IconShipMot.png');
}

.houseIconAirMot {
    content: url('../img/iconAirMot.png');
}

.houseIconCourierMot {
    content: url('../img/iconAirMot.png');
}

.houseIconRailMot {
    content: url('../img/IconShipMot.png');
}

.CBook-Filter {
    float: right;
}

    .CBook-Filter span, .CBook-Filter label {
        font-size: 16px;
        margin-left: 5px;
        color: #717171;
    }

    .CBook-Filter input[type="radio"] {
        font-size: 20px;
        margin-top: -9px;
        margin-left: 10px;
    }

.alignButtonHeader {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #c3c3c3 !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #8ddaf5 !important;
        background-color: #8ddaf5 !important;
        color: #fff !important;
        border: 1px solid #8ddaf5 !important;
    }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #3b3b3b;
    margin-left: 6px;
}
/*EN VEZ DE en_cuatro grid__item*/
.donut_unit {
    background-color: #fff;
    width: 19.5% !important;
    margin-left: 2%;
    margin-top: 1%;
    padding: 0 1.5%;
    margin-right: 0;
    float: left;
    box-shadow: 3px 3px 2px #d6d6d6;
    height: 255px;
    min-width: 179px;
}

    .donut_unit > div:first-of-type {
        float: left;
    }
/*EN VEZ DE grid__item*/
.donut_content {
    background-color: #f0f2f5;
    width: 100%;
    margin: 0;
    float: left;
    padding-bottom: 1.5%;
}

.donut_unit text {
    font-size: 13px !important;
}

.chartDimension {
    height: auto;
    width: auto;
    position: relative;
}
/*Class para titulo*/
.title_donut {
    text-align: center;
    font-size: 14px;
    color: #7d7d7d;
    width: 100%;
    float: left;
    height: 29px;
    padding: 11px 0 0;
}

.KPI_button {
    color: #3b3b3b;
    border: none;
    outline: none;
    padding: 3px 6px;
    height: 23px;
    width: 23px;
}

.KPI_color {
    width: 9px;
    height: 11px;
    float: left;
    border-radius: 3px;
    margin-top: 6px;
}

.LegendContent {
    width: 34px;
    margin-top: 26px;
    right: 16px;
    position: relative;
    float: left;
}

.Legend_donut {
    width: 69px;
    float: left;
}

    .Legend_donut input {
        color: #727171;
        border: none;
        outline: none;
        font-size: 14px;
        padding: 1px 0 2px 3px;
        height: 23px;
        width: 42px;
        background-color: transparent;
        text-align: left;
    }

.total_div input {
    color: #3200e6;
    width: 42px;
    float: left;
    text-align: left;
    height: auto;
    padding: 0 0 0 3px;
    font-size: 13px;
    font-weight: bold;
}


.Legend_donut input:hover {
    cursor: pointer;
    border: none;
    outline: none;
    font-weight: bold;
}

.total_span {
    color: #3200e6;
    width: 24px;
    float: left;
    text-align: left;
    font-size: 8px;
    padding-top: 4px;
}

.alignButtonHeader { margin-right:auto; margin-left:auto; display:block; }
.dataTables_wrapper .dataTables_paginate .paginate_button {background:#c3c3c3 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background:#8ddaf5 !important; background-color:#8ddaf5 !important;color:#fff !important;border:1px solid #8ddaf5!important;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {color: #3b3b3b;margin-left: 6px;}
/*master data entry*/
.popupInfo {
    visibility: visible;
    width: 600px;
    height: auto;
    background-color: #F0F2F5;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 14px;
    border: 1px solid #fff;
    z-index: 1;
    box-shadow: 2px 2px 3px 2px #eaeaea;
    float: left;
}

.titulo_popupInfo {
    color: #3B3B3B;
    font-size: 15px;
    width: 100%;
    border-bottom: 2px solid #fc3d3d;
    float: left;
    text-align: left;
    font-weight: bold;
    padding: 4px 0;
}

.popupInfoCont {
    font-size: 13px;
    width: 100%;
    padding: 8px 0;
    float: left;
    text-align: left;
    color: #3B3B3B;
    line-height: 20px;
}

.btn_gotit {
    background: url(../../Styles/img/iconGotit.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.Content_img {
    background-color: white;
    width: 100%;
    height: auto;
    border: 1px solid #eaeaea;
    float: left;
    padding: 20px 0;
}

.exSpan {
    font-size: 12px;
    float: left;
    color: #a2a0a0;
    padding: 3px;
}

.botones input {
    max-height: 35px;
    float: left;
    width: 114px;
    background-color: #3200e6;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    text-align: right;
    padding: 6px;
    margin: 0 3px 3px 0;
    outline: none;
    font-size: 13px;
}

.botones {
    float: left;
    margin: 9px 0;
}

.masterLegMandatoryData td:nth-child(2),
.masterLegMandatoryData td:nth-child(4),
.masterLegMandatoryData td:nth-child(6),
.masterLegMandatoryData td:nth-child(8) {
    background-color: #ec8282 !important;
}

.houseLegMandatoryData {
    background-color: #ec8282 !important;
}

.pnl_mpe_poNotExists {
    z-index: 100 !important
}

#mpe_poNotExists_backgroundElement {
    z-index: 99 !important
}

/*supplier order confirmation*/

.PopupOrderConf {
    width: 700px;
    padding: 0 20px;
    top: 17px;
    position: relative;
    display: block;
    background: #EFEFEF;
    border: 3px solid #fff;
    height: auto;
    box-shadow: 0 0 1em #444;
    float: left;
    max-height: 700px;
    border-radius: 6px;
}

.TitleOrderConf {
    color: #000;
    font-size: 16px;
    padding: 14px 2px 1px;
    border-bottom: 2px solid #3200e6;
    margin-bottom: 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 20px;
    font-weight: bold
}
.approveLine{
    border-bottom: 2px solid #4dbf73!important;
}
.approveComLine{
    border-bottom: 2px solid #eebc35!important;
}
.rejectLine{
    border-bottom: 2px solid #fe3c45!important;
}


.spanPopup1 {
    float: left;
    font-size: 13px;
    padding: 3px 0;
    word-break: normal;
}

.spanPopup2 {
    font-weight: bold;
    font-size: 18px;
    padding-left: 3px;
    word-break: normal;
}

.TitleOrderConf .close {
    width: 30px;
    float: right;
}

.TitlePopup_content {
    font-weight: bold;
    padding: 4px 0;
    float: left;
}

.PopupOrderConf .ajax__fileupload_dropzone {
    border-style: dotted !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #29226a;
    background-color: white;
    padding: 6px 3px;
    margin: 3px 0;
    float: left;
    border-radius: 9px;
    border: 0.15em solid;
}

.PopupOrderConf .ajax__fileupload {
    border: none !important;
    overflow: unset !important;
}

.PopupOrderConf .fila_completa input[type="checkbox"] {
    margin-right: 9px;
    float: left;
}

.bg-Grupo_61 {
    width: 16px;
    height: 22px;
    background: url('../img/css_sprites.png') -10px -10px;
}

.bg-Grupo_60 {
    width: 16px;
    height: 18px;
    background: url('../img/css_sprites.png') -46px -10px;
}

.bg-Grupo_62 {
    width: 16px;
    height: 16px;
    background: url('../img/css_sprites.png') -82px -10px;
}
/*client order confirmation*/
.spanTooltip {
    font-size: 14px;
    color: #3b3b3b;
    text-align: center;
    word-break: normal;
    white-space: pre;
}

.positionButton {
    position: relative;
    top: -11px;
}

.alertBox{
    width:auto;
    float:left;
    padding:5px 6px 0 0;}
.alertBox span{
    width: auto;
    float: left;
    padding: 2px;}
.alertBox img{
    width:auto;
    float:left;}

.tabsOrCo .acordeonMultiple span {
    font-size: 13px;
    top: -5px;
}

.tabsOrCo .tabAcordeonMultiple {
    padding: .1em 1% !important;
}

.tabsOrCo .acordeonMultiple .close_filtro input[type="button"] {
    top: 1px;
}

.userDateIcon {
    position: relative;
    top: 6px;
}

.btn_viewComment {
    background: url(../img/btn_viewComment.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    float: right;
}

.Alert_div {
    float: right;
    width: auto;
    border: 1px solid #29226a;
    padding: 0px 2px 3px;
}

.alertBox {
    width: auto;
    float: left;
    padding: 5px 6px 0 0;
    margin-left: 13PX;
}

    .alertBox span {
        width: auto;
        float: left;
        padding: 2px;
    }

    .alertBox img {
        width: auto;
        float: left;
    }

.modifyYellow {
    padding: 1px 5px 1px;
    width: auto !important;
    min-width: 30px;
    background-color: #eebc35;
    height: 12px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 12px;
    margin: 0;
    color: #ffff;
}

.modifyRed {
    padding: 1px 5px 1px;
    width: auto !important;
    min-width: 30px;
    background-color: #fe3c45;
    height: 12px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 12px;
    margin: 0;
    color: #ffff;
}

.Alert_div .Legend-Title {
    float: left;
    position: relative;
    top: 7px;
    margin-left: 4px;
    font-size: 13px;
    font-weight: bold;
    padding: 0;
}

.Button_viewComment {
    background: url(../img/btn_viewComment.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
    float: right;
}

.Button_Red {
    background-color:#fc3d3d!important; border-radius:5px;
}
.Button_Green {
    background-color:#4dbf73!important; border-radius:5px;
}

.tabAcordeonMultiple{padding: .2em 1%;}

.Tab-icons{position: relative; top: 6px;}

.itemQty{float: right;padding: 0!important; position: relative!important; top: 8px!important;}

.HeaderTabsOrder{
    background-color: #f0f2f5;
    float: left;
    width: 100%;}
.HeaderTabsOrder .texto_izq{
    padding-left: 40px;
    padding-top: 3px;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 6px;
    }

.HeaderTabsOrder .approval_status{
    border: none;
    padding: 0;
    margin: 0px 1.2px 4px 0;
    position: relative;
    top: 6px;}

.label-id {
    font-size: 11px;
    color: #fff;
    top: -6px;
    position: relative;
}

#inspectionTableHeader td {
    padding: 0;
}

#tableScrollInspection td:first-child {
    padding: 0;
}

.inspGrid input.inputText_date[type="text"]:disabled {
    width: 58px;
    padding: 0;
}



.language-div {
    height: 35px;
}

    .language-div .bootstrap-select {
        position: relative;
        border: 2px solid #2629c1;
        margin-bottom: 22px;
        border-radius: 0px;
        outline: none;
    }

        .language-div .bootstrap-select > select {
            position: absolute !important;
            bottom: 0;
            left: 50%;
            display: block !important;
            width: .5px !important;
            height: 100% !important;
            padding: 0 !important;
            opacity: 0 !important;
            border: none;
            z-index: 0 !important;
        }

            .language-div .bootstrap-select > select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
                display: none !important;
            }

        .language-div .bootstrap-select > .dropdown-toggle {
            position: relative;
            width: 100%;
            text-align: right;
            white-space: nowrap;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .language-div .bootstrap-select .dropdown-toggle .filter-option {
            position: static;
            top: 0;
            left: 0;
            float: left;
            height: 100%;
            width: 100%;
            text-align: left;
            overflow: hidden;
            -webkit-box-flex: 0;
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        }

        .language-div .bootstrap-select .dropdown-menu li{
            position: relative;
            height: 34px;
            padding: 5px 0 0;
            border-bottom: 1px solid #eaeaea;
        }

        .language-div .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 76px !important;
            border: 2px solid #1d1f8e !important;
        }
        .language-div .bootstrap-select.fit-width .dropdown-menu {
            /*position: absolute;*/
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            /*min-width: 10rem;/
            /*padding: .5rem 0;*/
            /*margin: .125rem 0 0;*/
            font-size: 1rem;
            color: #212529;
            text-align: left;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0,0,0,.15);
            border-radius: .25rem;
        }

        .language-div .bootstrap-select.fit-width.show .dropdown-menu.show {
            display: block;
        }

        .language-div .bootstrap-select.fit-width .dropdown-toggle .filter-option {
            position: static;
            display: inline;
            padding: 0;
        }

        .language-div .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .language-div .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
            color: #fff;
        }

        .language-div .bootstrap-select .btn-light {
            color: #fff !important;
            background-color: #1d1e8d !important;
            border: 1px solid #1d1e8d !important;
            height: 30px;
        }


.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}



.dropdown-item {
    display: block;
    width: 100%;
    /*padding: .25rem 1.5rem;*/
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}




.flag-icon, .flag-icon-background {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
}

    .flag-icon:before {
        content: "\00a0"
    }

    .flag-icon.flag-icon-squared {
        width: 1em
    }

.flag-icon-en {
    background-image: url(../img/en.svg)
}

.flag-icon-es {
    background-image: url(../img/es.svg)
}

.flag-icon-zh {
    background-image: url(../img/zh.svg)
}

.langText {
    padding: 12px 7px;
    top: 5px;
    position: relative;
}
/* BEGIN - PERSON ADMINISTRATION */
.box-uno {
    background-color: #D8F3FD;
    border: 1px solid #8DD9F5;
    padding: 1px 3px;
    white-space: nowrap;
    margin: 4px 1px 0 0;
    display: inline-flex;
    color: #3b3b3b
}

.box-dos {
    background-color: #FFF5C5;
    border: 1px solid #FFD618;
    padding: 1px 3px;
    white-space: nowrap;
    margin: 4px 1px 0 0;
    display: inline-flex;
    color: #3b3b3b
}

.box-tres {
    background-color: #F8C0D4;
    border: 1px solid #E60251;
    padding: 1px 3px;
    white-space: nowrap;
    margin: 4px 1px 0 0;
    display: inline-flex;
    color: #3b3b3b
}

.box-cuatro {
    background-color: #C7EAE1;
    border: 1px solid #21AE85;
    padding: 1px 3px;
    white-space: nowrap;
    margin: 4px 1px 0 0;
    display: inline-flex;
    color: #3b3b3b
}

.box-cinco {
    background-color: #FCE2C4;
    border: 1px solid #F39316;
    padding: 1px 3px;
    white-space: nowrap;
    margin: 4px 1px 0 0;
    display: inline-flex;
    color: #3b3b3b
}

.box-seis {
    background-color: #C3BDF2;
    border: 1px solid #331BE5;
    padding: 1px 3px;
    white-space: nowrap;
    margin: 4px 1px 0 0;
    display: inline-flex;
    color: #3b3b3b
}

.box-siete {
    background-color: #D9D9D9;
    border: 1px solid #575757;
    padding: 1px 3px;
    white-space: nowrap;
    margin: 4px 1px 0 0;
    display: inline-flex;
    color: #3b3b3b
}

.box-ocho {
    background-color: #F2D9E8;
    border: 1px solid #CC69A6;
    padding: 1px 3px;
    white-space: nowrap;
    margin: 4px 1px 0 0;
    display: inline-flex;
    color: #3b3b3b
}

.StickyHeader th {
    position: sticky;
    top: 0px;
}

.StickyHeader2ndRow th {
    position: sticky;
    top: 35px;
}

.tablesorter-header {
    cursor: pointer;
}

.tablesorter-headerUnSorted.sorter-false {
    outline: none !important;
    /*border: none !important;*/
    cursor: default;
    /*width: 27px !important;*/
    min-height: 40px;
    height: 40px !important;
    /*height: 27px !important;*/
    padding: 0 8px;
}

.tablesorter-headerUnSorted:not(.sorter-false) {
    background: url(../img/arrow-none.svg) no-repeat;
    outline: none !important;
    /*border: none !important;*/
    cursor: pointer !important;
    /*width: 27px !important;*/
    min-height: 40px;
    height: 40px !important;
    /*height: 27px !important;*/
    padding: 0 8px;
}


.tablesorter-headerDesc {
    background: url(../img/arrow-down.svg) no-repeat;
    outline: none !important;
    /*border: none !important;*/
    cursor: pointer !important;
    /*width: 27px !important;*/
    min-height: 40px;
    height: 40px !important;
    /*height: 27px !important;*/
    padding: 0 8px;
}


.tablesorter-headerAsc {
    background: url(../img/arrow-up.svg) no-repeat;
    outline: none !important;
    /*border: none !important;*/
    cursor: pointer !important;
    /*width: 27px !important;*/
    min-height: 40px;
    height: 40px !important;
    /*height: 27px !important;*/
    padding: 0 8px;
}


.tablesorter-headerUnSorted:not(.sorter-false) .tablesorter-header-inner, .tablesorter-headerDesc .tablesorter-header-inner, .tablesorter-headerAsc .tablesorter-header-inner{
    float: right;
    width: calc(100% - 7px);
}

.titulo_results {
    color: #29226a;
    font-size: 16px;
    font-weight: bold;
    width: 20%;
    float: left;
    margin: 0;
}

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}

/* END - PERSON ADMINISTRATION */

.qrwAccordion {
    width: 100%;
    float: left;
    color: #29226a;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #29226a;
    padding: 9px 0 4px 0;
    margin: 0 0 9px;
}

.spanAccordion {
    font-size: 15px !important;
    font-weight: bold;
    color: #fff !important;
}

.box_acc.box_qrwShipment .en_tres .fila_der {
    width: 56%;
    margin: 0.8% 0.5% 0.5% 0;
}

.box_acc.box_qrwShipment .en_tres .fila_izq {
    width: 40%;
    margin: 0.8% 0.5% 0.5% 0;
}

/* FLOATING MENU */

.floatingMenuPanel {
    overflow-x: hidden;
}
/*
        * SLIDING MENU PANEL
        */
.floatingMenu {
    position: fixed;
    height: auto;
    padding: 52px 0 0 0;
    right: -333px;
    z-index: 998;
    color: #fff;
    background: #29226a;
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 300ms right cubic-bezier(0.77, 0, 0.175, 1);
}

@media only screen and (max-width: 600px) {
    .floatingMenu {
        width: 250px;
        left: -250px;
        padding: 50px;
    }
}

.floatingMenu.active {
    right: -14px;
}

.floatingMenu p {
    font-size: 1.1rem;
    border-bottom: 1px solid white;
    margin-bottom: 1rem;
    padding: 7px 14px;
    margin: 0px;
    cursor: pointer;
}

    .floatingMenu p:hover {
        background-color: #3200e6;
        transition: 500ms cubic-bezier(0.77, 0, 0.175, 1);
    }

.menu__toggler {
    padding: 6px 3px 6px 10px;
    position: fixed;
    top: 106px;
    right: -1px;
    z-index: 999;
    height: 28px;
    width: 42px;
    outline: none;
    cursor: pointer;
    background-color: #29226a;
    display: flex;
    align-items: center;
}
    .menu__toggler span,
    .menu__toggler span::before,
    .menu__toggler span::after {
        position: absolute;
        content: "";
        width: 28px;
        height: 2.5px;
        background: #fafafa;
        border-radius: 20px;
        transition: 500ms cubic-bezier(0.77, 0, 0.175, 1);
    }

        .menu__toggler span::before {
            top: -8px;
        }

        .menu__toggler span::after {
            top: 8px;
        }

    .menu__toggler.active > span {
        background: transparent;
    }

        .menu__toggler.active > span::before, .menu__toggler.active > span::after {
            background: #fff;
            top: 0px;
        }

        .menu__toggler.active > span::before {
            transform: rotate(-225deg);
        }

        .menu__toggler.active > span::after {
            transform: rotate(225deg);
        }

.menu__toggler_refresh {
    padding: 6px;
    position: fixed;
    top: 106px;
    right: 53px;
    z-index: 999;
    height: 28px;
    width: 37px;
    outline: none;
    cursor: pointer;
    background-color: #2a236a;
    display: flex;
    align-items: center;
    border-radius: 5px 0 0 5px;
}
    .menu__toggler_refresh span,
    .menu__toggler_refresh span::before,
    .menu__toggler_refresh span::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 28px;
        background-image: url(../img/refresh.svg);
        background-repeat: no-repeat;
        border-radius: 20px;
        transition: 500ms cubic-bezier(0.77, 0, 0.175, 1);
        top: 3px;
    }

    .menu__toggler_refresh > span {
        background: transparent;
    }

        .menu__toggler_refresh.active > span::before {
            transform: rotate(-180deg);
        }

        .menu__toggler_refresh.active > span::after {
            transform: rotate(-180deg);
        }
		
.qrwShipmentChooseItemView {
    float: right;    
    width: 280px;
    display: inline-block;
}
    .qrwShipmentChooseItemView span {
        padding: 0 30px;
    }

.btn_agregar_19W {
    background: url(../img/icon_agregar_19.png) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 23px;
    height: 21px;
}
    .btn_agregar_19W:hover {
        background-color: #8ddaf5;
        transition: 900ms cubic-bezier(0.77, 0, 0.175, 1);
        border-radius: 5px;
    }

.pieceSourceImgCell {
    float: right;
    text-align: center;
    border: none;
    color: #FFF;
    width: 27px;
    height: 27px;
    outline: none;
    margin: 0 0 0 3px;
}
    .pieceSourceImgCell img {
        outline: none;
        border: none;
    }


.btn_milestones {
    background: url(../img/iconMilestones.svg) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_pieces {
    background: url(../img/iconPieces.svg) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.btn_references {
    background: url(../img/iconReferences.svg) no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    width: 27px;
    height: 27px;
}

.width100 {
    width: 100%;
}

.DownloadFile {
    /*color: transparent;*/
    display: block;
    background: url(../img/iconDownload.png) #3200e6 no-repeat;
    background-color: #3200e6;
    width: 28px;
    margin-left: auto;
    border-radius: 5px;
    height: 28px;
    margin-right: auto;
}

    .DownloadFile:hover {
        /*color: transparent;*/
        display: block;
        /*background: url(../img/iconDownload.png) #8ddaf5 no-repeat;*/
        background-color: #8ddaf5;
    }
	
.cblAlign label {
    float: left;
}
.cblAlign input[type='checkbox'] {
    float: left;
    margin-right: 8px;
}	

.radioButtonsList {
    width: 26%;
    margin: 0 1%;
}
    .radioButtonsList table td {
        border: none;
    }
    .radioButtonsList table td input[type="radio"] {
        margin-right: 8px;
        float: left;
    }

.grid-detail-rd {
    display: grid;
    grid-template-columns: 30% 20% auto auto auto;
    width: 100%
}

.grid-detail-rd > div {
    padding: 5px 0;
    align-content: center;
}

.grid-rd {
    display: grid;
    grid-template-columns: 18% 15% auto;
    width: 100%
}

.grid-rd > div {
    padding: 5px;
    align-content: center;
}
.img_dsp {
    display: none;
}

/*datatable options*/
.dt-input {
    padding-left: 0 !important;
    word-break: break-all;
    height: 30px;
    cursor: pointer;
    margin: 0px 0px 0px 16px;
    border: 1px solid #DFE3EB;
    border-radius: 2px;
    background: #FFF;
    color: #808080;
}

.dt-container > .dt-layout-row:nth-child(3) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.dt-layout-end {
    display: flex;
}

.dt-paging > nav > button {
    width: 30px;
    height: 30px;
    margin: 0px 0px 0px 16px;
    border: 1px solid #DFE3EB;
    border-radius: 2px;
    background: #FFF;
    color: #808080;
    &.current{
      color:blue;
    }
}

.dt-length > label {
    display: none;
}
