/* Minification failed. Returning unminified contents.
(3800,7): run-time error CSS1035: Expected colon, found '{'
 */
@charset "UTF-8";

@font-face {
    font-family: 'Arial';
    src: url(/fonts/Arial/Arial.eot);
    src: url(/fonts/Arial/Arial.eot?#iefix) format("embedded-opentype"), url(/fonts/Arial/Arial.woff) format("woff"), url(/fonts/Arial/Arial.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url(/fonts/helvetica/helvetica-webfont.woff2) format("woff2"), url(/fonts/helvetica/helvetica-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-bold';
    src: url(/fonts/helvetica/helvetica-bold-webfont.woff2) format("woff2"), url(/fonts/helvetica/helvetica-bold-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticabold_oblique';
    src: url(/fonts/helvetica/helvetica-boldoblique-webfont.woff2) format("woff2"), url(/fonts/helvetica/helvetica-boldoblique-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaoblique';
    src: url(/fonts/helvetica/helvetica-oblique-webfont.woff2) format("woff2"), url(/fonts/helvetica/helvetica-oblique-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sans-serif';
    src: url(/fonts/Sans-serif/MicrosoftSansSerif.eot);
    src: url(/fonts/Sans-serif/MicrosoftSansSerif.eot?#iefix) format("embedded-opentype"), url(/fonts/Sans-serif/MicrosoftSansSerif.woff) format("woff"), url(/fonts/Sans-serif/MicrosoftSansSerif.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url(/bower_components/Font-Awesome/fonts/fontawesome-webfont.eot?v=4.1.0);
    src: url(/bower_components/Font-Awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format("embedded-opentype"), url(/bower_components/Font-Awesome/fonts/fontawesome-webfont.woff?v=4.1.0) format("woff"), url(/bower_components/Font-Awesome/fonts/fontawesome-webfont.ttf?v=4.1.0) format("truetype"), url(/bower_components/Font-Awesome/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format("svg");
    font-weight: normal;
    font-style: normal;
}

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

    100% {
        -webkit-transform: rotate(359deg);
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

    .lds-facebook div {
        display: inline-block;
        position: absolute;
        left: 6px;
        width: 13px;
        background: #454D76;
        -webkit-animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
        animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .lds-facebook div:nth-child(1) {
            left: 6px;
            -webkit-animation-delay: -0.24s;
            animation-delay: -0.24s;
        }

        .lds-facebook div:nth-child(2) {
            left: 26px;
            -webkit-animation-delay: -0.12s;
            animation-delay: -0.12s;
        }

        .lds-facebook div:nth-child(3) {
            left: 45px;
            -webkit-animation-delay: 0;
            animation-delay: 0;
        }

@-webkit-keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }

    50%, 100% {
        top: 19px;
        height: 26px;
    }
}

@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }

    50%, 100% {
        top: 19px;
        height: 26px;
    }
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

    .lds-roller div {
        -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        -webkit-transform-origin: 32px 32px;
        transform-origin: 32px 32px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #fff;
            margin: -3px 0 0 -3px;
        }

        .lds-roller div:nth-child(1) {
            -webkit-animation-delay: -0.036s;
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 50px;
                left: 50px;
            }

        .lds-roller div:nth-child(2) {
            -webkit-animation-delay: -0.072s;
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 54px;
                left: 45px;
            }

        .lds-roller div:nth-child(3) {
            -webkit-animation-delay: -0.108s;
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 57px;
                left: 39px;
            }

        .lds-roller div:nth-child(4) {
            -webkit-animation-delay: -0.144s;
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 58px;
                left: 32px;
            }

        .lds-roller div:nth-child(5) {
            -webkit-animation-delay: -0.18s;
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 57px;
                left: 25px;
            }

        .lds-roller div:nth-child(6) {
            -webkit-animation-delay: -0.216s;
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 54px;
                left: 19px;
            }

        .lds-roller div:nth-child(7) {
            -webkit-animation-delay: -0.252s;
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 50px;
                left: 14px;
            }

        .lds-roller div:nth-child(8) {
            -webkit-animation-delay: -0.288s;
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 45px;
                left: 10px;
            }

@-webkit-keyframes lds-roller {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes lds-roller {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

.cabZoom {
    padding-top: 1%;
}

.spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 4000;
    text-align: center;
    display: none;
}

    .spinner-overlay > div {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: auto;
        margin-right: auto;
        zoom: 1.5;
    }

.child-btn {
    background: transparent;
    border-color: #6B1544;
    border-radius: 0px;
    border-width: 1px;
    outline: none;
    position: relative;
}

    .child-btn i {
        color: #172154;
    }

        .child-btn i.banFilterIcon {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            color: red;
            font-size: 25px;
        }

.allselector {
    position: relative;
    height: 20px;
    width: 20px;
    border-style: solid;
    border-color: #6B1544;
    border-width: 1px;
    display: inline-block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    vertical-align: top;
    margin-right: 15px;
    border-radius: 3px;
}

    .allselector.select:after {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\f00c";
        position: absolute;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 15px;
        color: #172154;
    }

#asignaView h5,
#documentoView h5 {
    margin-bottom: 0px;
}

#asignaView hr,
#documentoView hr {
    margin-top: 0px;
}

#asignaView .form-inline .input-group,
#documentoView .form-inline .input-group {
    float: right;
}

#asignaView .form-inline .form-group,
#documentoView .form-inline .form-group {
    margin-bottom: 3px;
}

#asignaView .form-inline textarea,
#documentoView .form-inline textarea {
    width: 100%;
    outline: none;
}

#asignaView .dropdown,
#documentoView .dropdown {
    position: relative;
}

    #asignaView .dropdown .btn-dropdown,
    #documentoView .dropdown .btn-dropdown {
        background: transparent;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        background-color: transparent;
        z-index: 5;
    }

        #asignaView .dropdown .btn-dropdown button,
        #documentoView .dropdown .btn-dropdown button {
            background: transparent;
            outline: none;
        }

#asignaView .nopadding,
#documentoView .nopadding {
    padding: 0 !important;
}

.btn_shipingfinder {
    padding-left: 0px;
}

    .btn_shipingfinder button {
        margin-bottom: 10px;
    }

.button-quality.btn-default {
    float: inherit;
}

    .button-quality.btn-default.filter-toggle.active {
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        background-color: #dcdcdc;
        color: #6B1544;
    }

        .button-quality.btn-default.filter-toggle.active ~ button:not(.active) {
            background-color: transparent;
            color: #6B1544;
        }

            .button-quality.btn-default.filter-toggle.active ~ button:not(.active).btn-primary {
                background: #6B1544;
                color: #FFFFFF;
            }

        .button-quality.btn-default.filter-toggle.active:focus, .button-quality.btn-default.filter-toggle.active:hover {
            -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            background-color: #dcdcdc;
            color: #6B1544;
        }

    .button-quality.btn-default.filter-toggle:focus, .button-quality.btn-default.filter-toggle:hover {
        background: #FFFFFF;
        color: #6B1544;
    }

html body .tab-gls .tab-content {
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #EEEEEE;
    margin-top: 0px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    background: #FFFFFF;
}

html .tab-content .tab-pane.wrap {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

html .tab-content .tab-pane.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    html .tab-content .tab-pane.active .row {
        width: 100%;
        width: calc(100% + 30px);
    }

    html .tab-content .tab-pane.active > .row {
        width: calc(100% + 20px);
        margin-right: -10px;
        margin-left: -10px;
    }

    html .tab-content .tab-pane.active .row-gls {
        width: calc(100% + 20px);
    }

html #message-list-inner-container {
    margin-top: 20px;
    background: #FFFFFF;
}

    html #message-list-inner-container .btn.btn-xs {
        border-style: none;
        background: transparent;
        color: #6B1544;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

html .sidenav #add-messagge-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 15px;
    background: transparent;
}

    html .sidenav #add-messagge-container a.btn-info-asm {
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        float: inherit;
        width: auto;
        border-radius: 0px;
        outline: none;
        background: #6B1544;
        color: #FFFFFF;
        min-width: auto;
        width: 100%;
        position: relative;
        max-width: inherit !important;
    }

        html .sidenav #add-messagge-container a.btn-info-asm span {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            color: #FFFFFF;
            font-size: 13px;
            font-weight: 600;
        }

    html .sidenav #add-messagge-container > span {
        color: #172154;
        position: absolute;
        right: 20px;
        bottom: 5px;
    }

.sidenav #message-list-container {
    display: inline-block !important;
    height: auto !important;
    padding-bottom: 0px !important;
    width: 100%;
}

div#messageSidenav {
    height: 100vh;
    top: 0px;
    z-index: 2000;
    background: #EEEEEE;
    opacity: 1;
    padding-left: 15px;
    padding-right: 15px;
    border-style: none;
    display: none;
}

    div#messageSidenav.open {
        display: block;
    }

        div#messageSidenav.open .cabecera {
            position: relative;
            display: inline-block;
            padding-top: 15px;
            padding-bottom: 15px;
            width: 100%;
        }

            div#messageSidenav.open .cabecera img {
                max-width: 110px;
            }

            div#messageSidenav.open .cabecera button {
                right: 10px;
                top: 50%;
                -webkit-transform: translateY(-25%);
                transform: translateY(-25%);
            }

                div#messageSidenav.open .cabecera button:before {
                    -webkit-transform: rotate3d(0, 0, 1, -45deg);
                    transform: rotate3d(0, 0, 1, -45deg);
                    -webkit-transition: top .3s ease, -webkit-transform .3s .5s ease;
                    transition: top .3s ease, -webkit-transform .3s .5s ease;
                    transition: top .3s ease, transform .3s .5s ease;
                    transition: top .3s ease, transform .3s .5s ease, -webkit-transform .3s .5s ease;
                    top: 0;
                    -webkit-backface-visibility: hidden;
                }

                div#messageSidenav.open .cabecera button:after {
                    -webkit-transform: rotate3d(0, 0, 1, 45deg);
                    transform: rotate3d(0, 0, 1, 45deg);
                    -webkit-transition: top .3s ease, -webkit-transform .3s .5s ease;
                    transition: top .3s ease, -webkit-transform .3s .5s ease;
                    transition: top .3s ease, transform .3s .5s ease;
                    transition: top .3s ease, transform .3s .5s ease, -webkit-transform .3s .5s ease;
                    top: 0;
                    -webkit-backface-visibility: hidden;
                }

                div#messageSidenav.open .cabecera button .lineas {
                    display: none;
                }

    div#messageSidenav .cabecera button {
        background: transparent;
        border-style: none;
        width: 25px;
        height: 20px;
        position: absolute;
        z-index: 3000;
        outline: none;
        width: 18px;
    }

        div#messageSidenav .cabecera button .lineas {
            width: 100%;
            height: 3px;
            background: #6B1544;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            margin-left: auto;
            margin-right: auto;
            border-radius: 30px;
        }

        div#messageSidenav .cabecera button:after {
            content: '';
            width: 100%;
            height: 3px;
            background: #6B1544;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 30px;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease, -webkit-transform .3s ease;
        }

        div#messageSidenav .cabecera button:before {
            content: '';
            width: 100%;
            height: 3px;
            background: #6B1544;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: 30px;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease, -webkit-transform .3s ease;
        }

    div#messageSidenav.open {
        width: 20%;
    }

        div#messageSidenav.open:before {
            content: '';
            width: 80%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 100;
            position: fixed;
            background: rgba(0, 0, 0, 0);
        }

.contentpaginator {
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    position: relative;
}

body.contrast-red {
    text-align: center;
}

    body.contrast-red #main-nav-bg {
        background: #EEEEEE;
    }

    body.contrast-red.main-nav-closed #content {
        margin-left: 46px;
    }

    body.contrast-red #main-nav {
        width: 45px;
        z-index: 400;
    }

        body.contrast-red #main-nav .navigation > .nav {
            background: #EEEEEE;
        }

            body.contrast-red #main-nav .navigation > .nav > li {
                outline: none;
            }

                body.contrast-red #main-nav .navigation > .nav > li:nth-child(1) {
                    height: 40px;
                    position: relative;
                    text-align: center;
                }

                    body.contrast-red #main-nav .navigation > .nav > li:nth-child(1) .btn_open {
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                        margin-left: auto;
                        margin-right: auto;
                        right: 0;
                        left: 0;
                    }

                body.contrast-red #main-nav .navigation > .nav > li .activo > a {
                    background: #454D76 !important;
                }

                body.contrast-red #main-nav .navigation > .nav > li .activo ul li i.icon-bar-chart {
                    color: #172154 !important;
                }

                body.contrast-red #main-nav .navigation > .nav > li .activo ul li:hover a i.icon-bar-chart {
                    color: #172154 !important;
                }

                body.contrast-red #main-nav .navigation > .nav > li > a {
                    height: 42px;
                    display: block;
                    line-height: 45px;
                    padding: 0 10px;
                    border-bottom: 1px solid white;
                    border-top: 1px solid #e7e7e7;
                    font-size: 11px;
                }

                    body.contrast-red #main-nav .navigation > .nav > li > a.in [class^="icon-"] {
                        color: #2E3765;
                    }

                    body.contrast-red #main-nav .navigation > .nav > li > a > i {
                        color: #6e6e6e;
                        font-size: 20px;
                        margin-right: 10px;
                        display: inline-block;
                        text-align: center;
                        width: 25px;
                        -webkit-transition: all 100ms ease;
                        transition: all 100ms ease;
                    }

                body.contrast-red #main-nav .navigation > .nav > li:focus {
                    background: #EEEEEE;
                }

                    body.contrast-red #main-nav .navigation > .nav > li:focus > a {
                        background: #454D76;
                    }

                        body.contrast-red #main-nav .navigation > .nav > li:focus > a [class^="icon-"] {
                            color: white !important;
                        }

                body.contrast-red #main-nav .navigation > .nav > li.activo {
                    background: #454D76;
                }

                    body.contrast-red #main-nav .navigation > .nav > li.activo > a {
                        background: #454D76 !important;
                        color: #FFFFFF;
                    }

                        body.contrast-red #main-nav .navigation > .nav > li.activo > a > i {
                            color: #FFFFFF;
                        }

                    body.contrast-red #main-nav .navigation > .nav > li.activo:hover {
                        background: #454D76;
                    }

                    body.contrast-red #main-nav .navigation > .nav > li.activo .dropdown-collapse.in i {
                        color: #FFFFFF;
                    }

                    body.contrast-red #main-nav .navigation > .nav > li.activo .dropdown-collapse.in span {
                        color: #FFFFFF;
                    }

                body.contrast-red #main-nav .navigation > .nav > li:hover {
                    background: #EEEEEE;
                }

                    body.contrast-red #main-nav .navigation > .nav > li:hover > a {
                        background: #454D76;
                        outline: none;
                    }

                        body.contrast-red #main-nav .navigation > .nav > li:hover > a.in [class^="icon-"] {
                            color: #2E3765;
                        }

                        body.contrast-red #main-nav .navigation > .nav > li:hover > a.in span {
                            background: transparent;
                        }

                        body.contrast-red #main-nav .navigation > .nav > li:hover > a > [class^="icon-"],
                        body.contrast-red #main-nav .navigation > .nav > li:hover > a > i {
                            color: #FFFFFF !important;
                        }

                        body.contrast-red #main-nav .navigation > .nav > li:hover > a > span {
                            background: #EEEEEE;
                            text-shadow: none;
                            padding-left: 10px !important;
                            border-style: solid;
                            border-left-width: 1px;
                            border-color: #FFFFFF;
                            border-top-width: 0px;
                            border-right-width: 0px;
                            border-bottom-width: 0px;
                            font-weight: 500;
                            color: #333333;
                            font-size: 11px;
                        }

                            body.contrast-red #main-nav .navigation > .nav > li:hover > a > span ~ .icon-angle-down.angle-down {
                                color: #333333 !important;
                            }

                body.contrast-red #main-nav .navigation > .nav > li ul.nav {
                    display: none;
                }

                    body.contrast-red #main-nav .navigation > .nav > li ul.nav li > a {
                        padding: 5px;
                        border-top: 1px solid #cbcbcb;
                    }

                    body.contrast-red #main-nav .navigation > .nav > li ul.nav li a {
                        color: #172154;
                    }

                        body.contrast-red #main-nav .navigation > .nav > li ul.nav li a i {
                            color: #172154;
                            display: inline-block;
                            text-align: center;
                            width: 25px;
                        }

                            body.contrast-red #main-nav .navigation > .nav > li ul.nav li a i.icon-angle-down.angle-down {
                                float: right;
                            }

                        body.contrast-red #main-nav .navigation > .nav > li ul.nav li a:hover {
                            background: #454D76 !important;
                        }

                            body.contrast-red #main-nav .navigation > .nav > li ul.nav li a:hover span {
                                color: #FFFFFF;
                            }

                            body.contrast-red #main-nav .navigation > .nav > li ul.nav li a:hover [class^="icon-"]:before,
                            body.contrast-red #main-nav .navigation > .nav > li ul.nav li a:hover [class*=" icon-"]:before {
                                color: #FFFFFF;
                            }

                body.contrast-red #main-nav .navigation > .nav > li > a.dropdown-collapse:focus:hover i.icon-caret-right {
                    color: #FFFFFF !important;
                }

                body.contrast-red #main-nav .navigation > .nav > li > a.dropdown-collapse:focus i.icon-caret-right {
                    color: #6e6e6e !important;
                }

                body.contrast-red #main-nav .navigation > .nav > li > a.dropdown-collapse.in:focus i.icon-caret-right {
                    color: #FFFFFF !important;
                }

                body.contrast-red #main-nav .navigation > .nav > li.activo > a.dropdown-collapse:focus i.icon-caret-right {
                    color: #FFFFFF !important;
                }

            body.contrast-red #main-nav .navigation > .nav li {
                border-style: solid;
                border-left-width: 0px;
                border-top-width: 0px;
                border-right-width: 0px;
                border-bottom-width: 1px;
                border-color: #FBFBFB;
                margin: 0;
            }

                body.contrast-red #main-nav .navigation > .nav li .dropdown-collapse:focus {
                    outline: none;
                }

                    body.contrast-red #main-nav .navigation > .nav li .dropdown-collapse:focus i.icon-caret-right, body.contrast-red #main-nav .navigation > .nav li .dropdown-collapse:focus i.icon-angle-down.angle-down {
                        color: #172154 !important;
                    }

                body.contrast-red #main-nav .navigation > .nav li .dropdown-collapse.in {
                    background: #454D76;
                }

                    body.contrast-red #main-nav .navigation > .nav li .dropdown-collapse.in:focus i {
                        color: #FFFFFF !important;
                    }

                        body.contrast-red #main-nav .navigation > .nav li .dropdown-collapse.in:focus i.icon-angle-down.angle-down {
                            color: #FFFFFF !important;
                        }

                    body.contrast-red #main-nav .navigation > .nav li .dropdown-collapse.in i {
                        color: #FFFFFF;
                    }

                    body.contrast-red #main-nav .navigation > .nav li .dropdown-collapse.in span {
                        color: #FFFFFF;
                    }

            body.contrast-red #main-nav .navigation > .nav a {
                background: #EEEEEE;
            }

                body.contrast-red #main-nav .navigation > .nav a:hover {
                    background: #454D76 !important;
                }

                    body.contrast-red #main-nav .navigation > .nav a:hover i {
                        color: white !important;
                    }

                body.contrast-red #main-nav .navigation > .nav a:focus:hover i {
                    color: white !important;
                }

    body.contrast-red.main-nav-opened #main-nav {
        width: 100%;
        max-width: 250px;
    }

        body.contrast-red.main-nav-opened #main-nav .navigation > .nav {
            position: absolute;
            top: -50px;
            width: 100%;
        }

            body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:nth-child(1) {
                padding-left: 10px;
                padding-right: 10px;
                position: relative;
                height: 40px;
            }

                body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:nth-child(1) .btn_open {
                    position: relative;
                    top: inherit;
                    left: inherit;
                    right: inherit;
                    margin-left: inherit;
                    margin-right: inherit;
                    -webkit-transform: translateY(100%);
                    transform: translateY(100%);
                }

            body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li .imgLogo {
                display: block;
                max-width: 110px;
                margin-left: auto;
                margin-right: auto;
                position: absolute;
                top: 50%;
                left: 0;
                right: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

    body.contrast-red.main-nav-opened #main-nav-bg {
        z-index: 300;
        max-width: inherit;
    }

    body.contrast-red header {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 300;
        background: #FFFFFF;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 43px;
        text-align: center;
    }

        body.contrast-red header nav.principal {
            background: #FFFFFF;
            display: block;
            height: inherit;
            margin-top: 4px;
            height: 30px;
            margin: 0;
            padding: 0 15px;
            min-height: 30px;
            padding-right: 0px;
            max-width: calc(100% - 92px);
            margin-left: auto;
            margin-right: auto;
        }

            body.contrast-red header nav.principal img {
                display: block;
                float: left;
                max-width: 115px;
            }

            body.contrast-red header nav.principal h1 {
                display: inline-block;
                margin: 0px;
                float: left;
                padding: 0px;
                margin-left: 20px;
                font-size: 22px;
                line-height: 28px;
                padding-top: 6px;
            }

            body.contrast-red header nav.principal .nav {
                float: inherit;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                margin-top: 4px;
            }

                body.contrast-red header nav.principal .nav > li {
                    margin-right: 4px;
                }

                    body.contrast-red header nav.principal .nav > li:last-child {
                        margin-bottom: 0px;
                    }

                    body.contrast-red header nav.principal .nav > li:not(.cont-question) {
                        margin-top: auto;
                        margin-bottom: auto;
                    }

                body.contrast-red header nav.principal .nav li.cont-question {
                    margin-left: 3px;
                }

                body.contrast-red header nav.principal .nav li.medium > a {
                    background: transparent;
                    margin: 0px;
                    padding: 0px;
                }

                body.contrast-red header nav.principal .nav li.medium a .label {
                    font-size: 12px;
                    color: #172154;
                    padding: 0px;
                    vertical-align: bottom;
                    padding-bottom: 1px;
                    display: inline-block;
                }

                body.contrast-red header nav.principal .nav .icon-rss:before {
                    font-size: 17px;
                    color: #172154;
                }

                body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu {
                    margin-right: 10px;
                }

                    body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu a {
                        background: white;
                        border-style: none;
                        color: #172154;
                        font-weight: 600;
                        background-color: #FFFFFF;
                        font-size: 12px;
                        line-height: 20px;
                    }

                        body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu a span {
                            font-weight: 600;
                        }

                        body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu a .caret {
                            border-color: transparent;
                            font-family: FontAwesome;
                            font-weight: normal;
                            font-style: normal;
                            text-decoration: inherit;
                            -webkit-font-smoothing: antialiased;
                            position: relative;
                            height: auto;
                            line-height: normal;
                            vertical-align: baseline;
                            background-image: none;
                            background-position: 0% 0%;
                            background-repeat: repeat;
                            margin-top: 0;
                        }

                            body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu a .caret:before {
                                content: "";
                                color: #172154;
                                font-size: 17px;
                            }

                        body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu a.dropdown-toggle {
                            padding-left: 0px;
                        }

                        body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu a:hover {
                            background-color: #FFFFFF !important;
                        }

                    body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu .dropdown-menu > li {
                        padding-left: 0px;
                        padding-right: 0px;
                    }

                    body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu .dropdown-menu a:hover {
                        background-color: #454D76 !important;
                        color: #FFFFFF;
                    }

                    body.contrast-red header nav.principal .nav li.dropdown.dark.user-menu:not(.dropdown-menu) {
                        padding: 0px;
                        margin: 0px;
                        line-height: inherit;
                        height: inherit;
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                    }

                body.contrast-red header nav.principal .nav .envelope {
                    font-family: FontAwesome;
                    font-weight: normal;
                    font-style: normal;
                    text-decoration: inherit;
                    -webkit-font-smoothing: antialiased;
                    position: relative;
                    height: auto;
                    line-height: normal;
                    vertical-align: baseline;
                    background-image: none;
                    background-position: 0% 0%;
                    background-repeat: repeat;
                    margin-top: 0;
                }

                    body.contrast-red header nav.principal .nav .envelope:before {
                        content: "";
                        color: #172154;
                        font-size: 17px;
                    }

                body.contrast-red header nav.principal .nav .number {
                    font-size: 12px;
                    color: #172154;
                    font-weight: 600;
                }

            body.contrast-red header nav.principal .dropdown-menu {
                left: auto;
                right: 0;
                z-index: 300;
            }

        body.contrast-red header .right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: wrap;
            flex-flow: wrap;
            text-align: left;
            z-index: 200;
            margin-top: -5px;
        }

        body.contrast-red header #searchModule {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-right: 20px;
        }

        body.contrast-red header .fa-info-circle {
            color: #172154;
            font-size: 24px;
        }

        body.contrast-red header .fa-download {
            font-size: 18px;
            padding-top: 6px;
        }

    body.contrast-red.main-nav-opened .btn_open:before {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transition: top .3s ease, -webkit-transform .3s .5s ease;
        transition: top .3s ease, -webkit-transform .3s .5s ease;
        transition: top .3s ease, transform .3s .5s ease;
        transition: top .3s ease, transform .3s .5s ease, -webkit-transform .3s .5s ease;
        top: 0;
        -webkit-backface-visibility: hidden;
    }

    body.contrast-red.main-nav-opened .btn_open:after {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transition: top .3s ease, -webkit-transform .3s .5s ease;
        transition: top .3s ease, -webkit-transform .3s .5s ease;
        transition: top .3s ease, transform .3s .5s ease;
        transition: top .3s ease, transform .3s .5s ease, -webkit-transform .3s .5s ease;
        top: 0;
        -webkit-backface-visibility: hidden;
    }

    body.contrast-red.main-nav-opened .btn_open .lineas {
        display: none;
    }

    body.contrast-red .btn_open {
        background: transparent;
        border-style: none;
        width: 20px;
        height: 18px;
        position: absolute;
        top: 35px;
        left: 20px;
        z-index: 3000;
        outline: none;
    }

        body.contrast-red .btn_open .lineas {
            width: 100%;
            height: 3px;
            background: #6B1544;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            margin-left: auto;
            margin-right: auto;
            border-radius: 30px;
        }

        body.contrast-red .btn_open:after {
            content: '';
            width: 100%;
            height: 3px;
            background: #6B1544;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 30px;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease, -webkit-transform .3s ease;
        }

        body.contrast-red .btn_open:before {
            content: '';
            width: 100%;
            height: 3px;
            background: #6B1544;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: 30px;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease, -webkit-transform .3s ease;
        }


#main-nav-bg {
    width: 251px;
    max-width: 46px;
    position: absolute;
    float: left;
    border-right: 1px solid #dddddd;
    background: #f4f4f4;
    display: block;
    z-index: -1;
    top: 0;
    bottom: 0;
}

.main-nav-closed #main-nav-bg {
    width: 46px;
}

.main-nav-opened #main-nav-bg {
    width: 251px;
}

.main-nav-opened #main-nav {
    width: 250px;
    overflow: visible;
}

    .main-nav-opened #main-nav .navigation > .nav > li i.angle-down,
    .main-nav-opened #main-nav .navigation > .nav > li span {
        display: inline !important;
    }


.main-nav-opened #main-nav-bg {
    width: 251px;
}

.main-nav-opened #main-nav {
    width: 250px;
    overflow: visible;
}


    .main-nav-opened #main-nav .navigation > .nav > li i.angle-down,
    .main-nav-opened #main-nav .navigation > .nav > li span {
        display: inline !important;
    }

html #h1Max {
    display: initial;
}

html #h1Min {
    display: none;
}

#main-nav {
    position: absolute;
    left: 0;
}

html .page-header h1,
html .page-header h2,
html .page-header h3 {
    text-align: center;
}

html body .btn_content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

html #tablaPaginación {
    padding-top: 20px;
}

.mostrarletra {
    display: block;
    padding: 5px;
    background: grey;
    display: inline-block;
}

#content-wrapper {
    min-height: calc(100vh - 103px);
}

html body {
    background: #FFFFFF;
}

    html body .page-header {
        border-style: none;
        margin: 0px;
    }

    html body #content {
        background: #FFFFFF;
    }

    html body #wrapper {
        text-align: initial;
    }

    html body .menuDinamico #btn-ratewizard-back,
    html body .menuDinamico #btn-ratewizard-forward {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    html body .menuDinamico .btn-default {
        font-family:  "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 11px;
        line-height: 17px;
        color: #FFFFFF;
        font-weight: 600;
        background: #6B1544;
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        float: inherit;
        width: auto;
        border-radius: 0px;
        outline: none;
        outline: none;
        border-color: transparent;
        outline: none;
    }

        html body .menuDinamico .btn-default:hover {
            background: #FFFFFF;
            color: #6B1544;
            border-color: #6B1544;
            outline: none;
        }

        html body .menuDinamico .btn-default:first-child i {
            margin-right: 5px;
        }

        html body .menuDinamico .btn-default:last-child i {
            margin-left: 5px !important;
        }

    html body .menuDinamico .process-step:first-child button i {
        color: #172154;
    }

    html body .menuDinamico .process-step button {
        background: #FFFFFF;
        border-style: solid;
        border-width: 2px;
        border-color: #172154;
    }

        html body .menuDinamico .process-step button i {
            color: #172154;
        }

footer:before {
    content: '';
    clear: both;
}

footer.main-footer {
    background-color: #061ab1;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    height: 35px;
    display: inline-block;
    text-align: center;
    position: relative;
}

    footer.main-footer:after {
        content: '';
        position: absolute;
        height: 13px;
        width: 100%;
        background: #061ab1;
        left: 0;
        bottom: -13px;
    }

    footer.main-footer .content_footer {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        padding-left: 15px;
        padding-right: 15px;
    }

    footer.main-footer a {
        float: right;
    }

    footer.main-footer img {
        max-width: 100px;
        margin-top: 5px;
    }

footer ul {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: white;
    font-size: 11px;
    list-style: none;
    width: 100%;
    max-width: calc(1070px - 100px);
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
}

    footer ul li {
        float: left;
        margin-right: 10px;
        font-size: 11px;
    }

        footer ul li a {
            color: #FFFFFF;
            text-decoration: none;
        }

            footer ul li a:hover {
                color: #FFFFFF;
            }

        footer ul li:last-child {
            margin-right: 0px;
        }

footer .copyright ul {
    max-width: inherit;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}


.noscroll {
    /*overflow: hidden;*/
}

input.form-control {
    border-radius: 0px;
    height: 28px;
    border-color: #EEEEEE;
    border-radius: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding: 6px 12px;
    font-size: 11px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

    input.form-control:focus {
        outline: none;
        height: 28px;
        border-color: #EEEEEE;
        border-radius: 0px !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        padding: 6px 12px;
        font-size: 11px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    }

    input.form-control::placeholder {
        color: gray;
    }

.typeahead::placeholder {
    color: gray;
}

select {
    height: 28px;
    border-color: #CCCCCC;
    border-radius: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding: 6px 12px;
    font-size: 11px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    outline: none;
}

    select.height-200 {
        height: 200px;
    }

    select:focus {
        border-color: #CCCCCC;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
    }

    select.form-control {
        height: 28px;
        outline: none;
        border-color: #CCCCCC;
        border-radius: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        outline: none;
        font-size: 11px;
    }

        select.form-control:focus {
            border-color: #CCCCCC;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
        }

        select.form-control.height-200 {
            height: 200px;
        }

    select option :hover {
        background: #747A98;
    }

.input-group-sm > textarea.form-control {
    outline: none;
    border-radius: 0px;
    height: 60px;
    resize: none;
    width: 100%;
    font-size: 11px;
    outline: none;
}

    .input-group-sm > textarea.form-control:focus {
        outline: none;
    }

textarea {
    outline: none;
    border-radius: 0px;
    height: 60px;
    resize: none;
    width: 100%;
    font-size: 11px;
    outline: none;
    font-size: 11px;
}

    textarea:focus {
        outline: none;
    }

    textarea.form-control {
        outline: none;
        border-radius: 0px;
        height: 60px;
        resize: none;
        font-size: 11px;
    }

        textarea.form-control:focus {
            outline: none;
        }

.form-group textarea {
    width: 100%;
    outline: none;
}

input[type="number"].form-control {
    height: 28px;
    width: 100%;
    border-style: solid;
    border-color: #CCCCCC;
    margin-top: 0px;
    outline: none;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    font-family:  "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    border-radius: 0px;
    border-width: 1px;
}

    input[type="number"].form-control:focus {
        border-color: #CCCCCC;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    input[type="number"].form-control:disabled:focus, input[type="number"].form-control:-moz-read-only:focus {
        background: #eee;
    }

    input[type="number"].form-control:disabled:focus, input[type="number"].form-control:read-only:focus {
        background: #eee;
    }

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

    .grid-vertical > div {
        padding-top: 10px;
    }

.spinner-overlay {
    background: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    display: none;
    overflow-y: hidden;
}

.spinner > div div:last-child {
    background: #172154 !important;
}

i {
    outline: none;
}

html body .without_padding {
    padding: 0px;
}

html body .container {
    max-width: 100%;
    width: 100%;
}

html body.open-develop button,
html body.open-develop table,
html body.open-develop .search_develop {
    z-index: auto !important;
}

    html body.open-develop .search_develop input {
        z-index: auto !important;
    }

html body .input-group.full {
    width: 100%;
    max-width: 100%;
}

html body .boldText {
    font-weight: bold;
}

html body legend {
    border-style: none;
    font-size: 14px;
    margin-bottom: 5px;
}

html body .well {
    background: transparent;
    border-style: solid;
    border-width: 1px;
    border-color: #6B1544;
}

    html body .well.inline-block {
        width: 100%;
        display: inline-block;
    }

html i.fa-chevron-circle-right {
    font-size: 20px;
}

    html i.fa-chevron-circle-right:before {
        content: '\f105';
    }

html i.fa-chevron-circle-left {
    font-size: 20px;
}

    html i.fa-chevron-circle-left:before {
        content: '\f104';
    }

html .pull-right {
    text-align: right;
    float: right !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: -10px;
}

    html .pull-right button {
        margin-right: 10px;
        margin-top: 10px;
    }

        html .pull-right button:last-child {
            margin-right: 0px;
        }

html .pull-left {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: -10px;
}

    html .pull-left button {
        margin-right: 10px;
        margin-top: 10px;
    }

        html .pull-left button:last-child {
            margin-right: 0px;
        }

html .right {
    float: right;
}

html .box .box-content {
    padding: 10px;
    border: 1px solid #dddddd;
    background: white;
    display: block;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: inline-block;
    width: 100%;
}

html .box.box-collapsed .title-header a {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    left: auto;
}

    html .box.box-collapsed .title-header a:before {
        content: "";
        color: #FFFFFF;
        font-size: 17px;
    }

html .box.box-collapsed .actions a.box-collapse i {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

    html .box.box-collapsed .actions a.box-collapse i:before {
        content: "";
        color: #FFFFFF;
        font-size: 17px;
    }

html .box h4.title-header {
    background: #172154;
}

html .box .title-header {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
    background: #172154;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

    html .box .title-header .accordion-toggle {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        html .box .title-header .accordion-toggle.collapsed::before {
            content: '\f107';
        }

    html .box .title-header a {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        position: relative;
        height: auto;
        line-height: normal;
        vertical-align: baseline;
        background-image: none;
        background-position: 0% 0%;
        background-repeat: repeat;
        margin-top: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        left: auto;
    }

        html .box .title-header a:before {
            content: "";
            color: #FFFFFF;
            font-size: 17px;
        }

    html .box .title-header i {
        margin-right: 5px;
    }

    html .box .title-header span,
    html .box .title-header > div {
        display: inline-block;
        color: #FFFFFF;
        margin-right: 5px;
    }

html .title-box-gls {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
    background: #172154;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

    html .title-box-gls i,
    html .title-box-gls span {
        color: #FFFFFF;
    }

    html .title-box-gls a {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        position: relative;
        height: auto;
        line-height: normal;
        vertical-align: baseline;
        background-image: none;
        background-position: 0% 0%;
        background-repeat: repeat;
        margin-top: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        left: auto;
    }

        html .title-box-gls a:before {
            content: "";
            color: #FFFFFF;
            font-size: 17px;
        }

html .box-header {
    position: relative;
    background: #172154;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
}

    html .box-header .title {
        color: #FFFFFF;
    }

        html .box-header .title span {
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
        }

        html .box-header .title a {
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
        }

            html .box-header .title a.accordion-toggle {
                width: 100%;
            }

                html .box-header .title a.accordion-toggle:after {
                    font-family: 'fontawesome';
                    content: "\f107";
                    float: right;
                    font-size: 18px;
                    line-height: 22px;
                }

                html .box-header .title a.accordion-toggle.collapsed {
                    content: '\f106';
                }

    html .box-header .actions {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        display: inline-block;
    }

        html .box-header .actions a {
            color: #FFFFFF;
            display: inline-block;
        }

            html .box-header .actions a i {
                color: #FFFFFF;
            }

            html .box-header .actions a.box-collapse i {
                font-family: FontAwesome;
                font-weight: normal;
                font-style: normal;
                text-decoration: inherit;
                -webkit-font-smoothing: antialiased;
                position: relative;
                height: auto;
                line-height: normal;
                vertical-align: baseline;
                background-image: none;
                background-position: 0% 0%;
                background-repeat: repeat;
                margin-top: 0;
            }

                html .box-header .actions a.box-collapse i:before {
                    content: "";
                    color: #FFFFFF;
                    font-size: 17px;
                }

                html .box-header .actions a.box-collapse i.fa-angle-up {
                    content: '\f106';
                }

                html .box-header .actions a.box-collapse i.fa-angle-down {
                    content: '\f107';
                }

html .progress {
    background-color: white;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.4);
}

.bloque {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    width: 100%;
    margin-top: -10px;
}

    .bloque > div {
        padding-top: 10px;
    }

html body #FijaCabecera {
    display: none;
}

html body #icono-cabecera:before {
    content: '\f10a';
    font-size: 24.5px;
}

html body #icono-menu-cabecera:before {
    vertical-align: top;
}

html body .cabercera-controller {
    display: inline-block;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 1;
    left: 15px;
}

    html body .cabercera-controller h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    html body .cabercera-controller .page-header {
        padding: 0px;
    }

html body #menu-cabecera .divider {
    display: none;
}

html .dropdown-backdrop {
    position: inherit;
}

.col-form {
    width: 50%;
    float: left;
}

.row-form {
    margin-bottom: 10px;
}

    .row-form label {
        display: block;
    }

.block-group {
    display: inline-block;
    width: 100%;
}

    .block-group h3 {
        margin-top: 0px;
    }

.text-center .img-responsive {
    margin-left: auto;
    margin-right: auto;
}

    .text-center .img-responsive.portada {
        max-width: 410px;
      /*  -webkit-transform: translateX(-25px);
        transform: translateX(-25px);*/
    }

.texto-portada h1 {
    margin-left: auto;
    margin-right: auto;
}

.texto-portada p {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

#divTrackingDetail button,
#DivTraking button,
#DivTrakingOp button {
    border-style: none;
    background: transparent;
    outline: none;
}

    #divTrackingDetail button i,
    #DivTraking button i,
    #DivTrakingOp button i {
        font-size: 20px;
    }


html .panel-primary,
html .alert-warning {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    border: 0;
    color: #333333;
}

    html .panel-primary .panel-body,
    html .alert-warning .panel-body {
        background: #FFFFFF;
        padding: 10px;
    }

        html .panel-primary .panel-body .panel-footer,
        html .alert-warning .panel-body .panel-footer {
            background: transparent;
            border-style: none;
        }

    html .panel-primary.full-height,
    html .alert-warning.full-height {
        height: calc(100% - 15px);
    }

html .d-none {
    display: none;
}

.pointer {
    cursor: pointer;
}

.copy {
    cursor: copy;
}

.zoomIn {
    cursor: zoom-in;
}

.resizeNone {
    resize: none;
}

.textTransformUpp {
    text-transform: uppercase
}

#moreZoom {
    margin-right: 10px;
}

#moreZoom,
#lessZoom {
    cursor: pointer;
    display: inline-block;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
}

.panel-primary .panel-footer {
    background: transparent;
    border-style: none;
}

.list-group-item {
    padding: 2px 15px;
}

.form-group {
    float: left;
    margin-bottom: 0px;
}

    .form-group.full {
        width: 100%;
    }

        .form-group.full .date {
            width: 100%;
        }

            .form-group.full .date input[type="text"],
            .form-group.full .date .form-control {
                width: 100%;
                max-width: 100%;
            }

        .form-group.full select {
            width: 100%;
        }

    .form-group.two-input-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .form-group.two-input-group .input-group-addon {
            min-width: -webkit-max-content;
            min-width: -moz-max-content;
            min-width: max-content;
            display: inline-block;
            position: relative;
            width: 25px;
            min-width: 25px;
        }

            .form-group.two-input-group .input-group-addon i {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
            }

        .form-group.two-input-group .btn-primary,
        .form-group.two-input-group .btn-default,
        .form-group.two-input-group button {
            height: 28px;
            border-width: 1px;
            border-color: #6B1544;
        }

            .form-group.two-input-group .btn-primary span,
            .form-group.two-input-group .btn-default span,
            .form-group.two-input-group button span {
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
                display: inline-block;
            }

.form-m-right .form-group {
    margin-right: 10px;
}

    .form-m-right .form-group:last-child {
        margin-right: 0px;
    }

.form-group.inline-button input[type="text"] {
    width: inherit;
    float: left;
}

.form-group.inline-button button {
    float: left;
    height: 28px;
}

.form-group.two-input input:first-child {
    max-width: 80px;
    float: left;
}

.form-group.two-input input[type="text"]:nth-child(2) {
    max-width: 100px;
    float: left;
}

.form-group.two-input .input-group input[type="text"] {
    width: 100%;
}

.form-group.two-input.group-full .input-group {
    width: calc(100% - 80px);
}

    .form-group.two-input.group-full .input-group input[type="text"] {
        max-width: 100%;
    }

.form-group.two-input .btn-primary {
    height: 28px;
}

    .form-group.two-input .btn-primary i {
        margin-right: 3px;
    }

.without-label {
    padding-top: 16px;
}

.inline-label-input {
    position: relative;
    -ms-display: flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inline-label-input label {
        margin-bottom: 0px;
        padding-right: 5px;
    }

    .inline-label-input input[type="text"] {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
    }

    .inline-label-input.full .input-group {
        width: 100%;
    }

        .inline-label-input.full .input-group input[type="text"] {
            max-width: 100%;
        }

.scroll.scroll-hor {
    overflow-x: auto;
}

span.label-tag {
    font-family:  "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 10px;
    line-height: 15px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-style: solid;
    border-color: #6B1544;
    padding-left: 13px;
    padding-right: 13px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: left;
    position: relative;
    border-width: 1px;
    min-width: 80px;
    padding-right: 20px;
    display: inline-block;
    margin-bottom: 5px;
}

    span.label-tag .badge,
    span.label-tag .XFact {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0px;
        background: transparent;
        color: #6B1544;
        cursor: pointer;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        display: inline-block;
        font-weight: bold;
        line-height: 1;
    }

.full-height {
    height: 100%;
}

.scroll-hor-350 {
    overflow: auto;
    max-height: 350px;
}

.btn-little button,
.btn-little label {
    max-width: 100px;
    min-width: inherit !important;
    width: 100% !important;
}

    .btn-little button.active,
    .btn-little label.active {
        position: relative;
        background: #6B1544;
        color: #FFFFFF;
    }

.btn-little .inline label {
    float: left;
}

.input-little > .input-group {
    max-width: 100px;
}

.input-little > input[type="text"] {
    max-width: 100px;
}

.load_archive {
    display: inline;
}

    .load_archive input[type="text"] {
        float: left;
        margin-top: 0px;
        height: 30px;
    }

    .load_archive .form-control[disabled] {
        background: transparent;
    }

.wrap {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.container-gls {
    padding-right: 10px;
    padding-left: 10px;
}

.row-gls {
    display: inline-block;
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

html .btn.pull-right {
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: inherit;
    flex-flow: inherit;
    margin-top: inherit;
}

html .btn-azul {
    background: #172154;
    color: #FFFFFF;
}

    html .btn-azul i, html .btn-azul span {
        color: #FFFFFF;
    }

html button {
    outline: none;
}

html .btn-primary:focus, html .btn-primary:active {
    background: #6B1544;
    color: #FFFFFF;
    outline: none;
}

    html .btn-primary.active, html .btn-primary:active:hover, html .btn-primary:active:focus {
        border-color: #6B1544;
        outline-color: initial;
        outline: none;
        background: #FFFFFF;
        color: #6B1544;
    }

html .btn-primary.active {
    background: #A61F69;
    color: #FFFFFF;
    outline: none;
}

    html .btn-primary.active:hover {
        background: #A61F69;
        color: #FFFFFF;
        outline: none;
    }

html .btn-primary.disabled:hover, html .btn-primary.disabled:focus {
    background-color: #6B1544;
    border-color: #6B1544;
    background: #6B1544;
    color: #FFFFFF;
}

html .btn-success {
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
}

    html .btn-success:focus {
        outline: none;
        border-style: none;
    }

html .btn-gls-blue {
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    background: #172154;
}

    html .btn-gls-blue i, html .btn-gls-blue span {
        color: #FFFFFF;
    }

    html .btn-gls-blue:focus {
        outline: none;
    }

html .btn-primary,
html .btn-primary[disabled] {
    font-family:  "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #FFFFFF;
    font-weight: 600;
    background: #6B1544;
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    outline: none;
    border-color: transparent;
    outline: none;
}

    html .btn-primary:hover,
    html .btn-primary[disabled]:hover {
        background: #FFFFFF;
        color: #6B1544;
        border-color: #6B1544;
        outline: none;
    }

html .btn-default[disabled] {
    opacity: .65;
}

    html .btn-default[disabled]:hover, html .btn-default[disabled]:focus, html .btn-default[disabled]:active {
        background: #6B1544;
        border-color: #6B1544;
        color: #FFFFFF;
        outline: none;
    }

html .btn-default.dropdown-toggle {
    padding-right: 20px !important;
}

html .btn-default:active, html .btn-default:active:hover, html .btn-default:active:focus {
    background: #FFFFFF;
    border-color: #6B1544;
    color: #6B1544;
    outline: none;
}

html .btn-default:focus:hover .caret {
    border-top-color: #6B1544;
}

html .btn-default.active {
    font-family:  "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-style: solid;
    border-color: #6B1544;
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    background: #FFFFFF;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    html .btn-default.active:hover {
        background: #A61F69;
        border-color: #A61F69;
        color: #FFFFFF;
    }

        html .btn-default.active:hover .caret {
            border-top-color: #FFFFFF;
        }

        html .btn-default.active:hover .btn-default .caret.medio {
            border-top-color: #FFFFFF !important;
        }

    html .btn-default.active:focus, html .btn-default.active:active {
        background-color: #FFFFFF;
        color: #6B1544;
        outline: none;
        border-color: #6B1544;
        border-width: 1px;
    }

    html .btn-default.active:focus {
        background: #6B1544;
        border-color: #6B1544;
        color: #FFFFFF;
        outline: none;
    }

html .btn-default.disabled {
    outline: none;
}

    html .btn-default.disabled:hover {
        background: #6B1544;
        border-color: #6B1544;
        color: #FFFFFF;
        outline: none;
    }

html .btn-default.plus-group-addon {
    margin-top: 1px;
    height: 26px;
}

html .btn-default,
html .btn-danger {
    font-family:  "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-style: solid;
    border-color: #6B1544;
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    background: #FFFFFF;
    outline: none;
    border-width: 1px;
}

    html .btn-default:hover,
    html .btn-danger:hover {
        background: #A61F69;
        border-color: #A61F69;
        color: #FFFFFF;
    }

        html .btn-default:hover .caret,
        html .btn-danger:hover .caret {
            border-top-color: #FFFFFF;
        }

        html .btn-default:hover .btn-default .caret.medio,
        html .btn-danger:hover .btn-default .caret.medio {
            border-top-color: #FFFFFF !important;
        }

    html .btn-default:focus, html .btn-default:active,
    html .btn-danger:focus,
    html .btn-danger:active {
        background-color: #FFFFFF;
        color: #6B1544;
        outline: none;
        border-color: #6B1544;
        border-width: 1px;
    }

    html .btn-default .caret,
    html .btn-danger .caret {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 7px;
        outline: none;
    }

    html .btn-danger[disabled] {
        font-family:  "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 11px;
        line-height: 17px;
        color: #6B1544;
        font-weight: 600;
        background: transparent;
        border-style: solid;
        border-color: #6B1544;
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        float: inherit;
        width: auto;
        border-radius: 0px;
        outline: none;
        background: #FFFFFF;
        outline: none;
    }

        html .btn-danger[disabled]:hover {
            background: #A61F69;
            border-color: #A61F69;
            color: #FFFFFF;
        }

            html .btn-danger[disabled]:hover .caret {
                border-top-color: #FFFFFF;
            }

            html .btn-danger[disabled]:hover .btn-default .caret.medio {
                border-top-color: #FFFFFF !important;
            }

        html .btn-danger[disabled]:focus, html .btn-danger[disabled]:active {
            background-color: #FFFFFF;
            color: #6B1544;
            outline: none;
            border-color: #6B1544;
            border-width: 1px;
        }

html .margin_botons button {
    margin-right: 20px;
    outline: none;
}

    html .margin_botons button :last-child {
        margin-right: 0px;
        outline: none;
    }

html .margin_botons_botton .btn {
    display: block;
    margin-left: inherit;
    margin-right: inherit;
    margin-bottom: 20px;
    float: left;
    outline: none;
}

    html .margin_botons_botton .btn:last-child {
        margin-bottom: 20px;
    }

html .btn-group > .btn-group:first-child > .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 7px;
}

html .open .btn-default.dropdown-toggle {
    background-color: #A61F69;
    color: #FFFFFF;
}

    html .open .btn-default.dropdown-toggle:hover, html .open .btn-default.dropdown-toggle:focus {
        background-color: #A61F69;
        color: #FFFFFF;
        outline: none;
    }

    html .open .btn-default.dropdown-toggle .caret {
        border-top-color: #FFFFFF;
    }

html .dt-buttons a.dt-button {
    font-family:  "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-style: solid;
    border-color: #6B1544;
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    background: #FFFFFF;
    position: relative;
    text-align: center;
}

    html .dt-buttons a.dt-button:hover {
        background: #A61F69;
        border-color: #A61F69;
        color: #FFFFFF;
    }

        html .dt-buttons a.dt-button:hover .caret {
            border-top-color: #FFFFFF;
        }

        html .dt-buttons a.dt-button:hover .btn-default .caret.medio {
            border-top-color: #FFFFFF !important;
        }

    html .dt-buttons a.dt-button:focus, html .dt-buttons a.dt-button:active {
        background-color: #FFFFFF;
        color: #6B1544;
        outline: none;
        border-color: #6B1544;
        border-width: 1px;
    }

    html .dt-buttons a.dt-button span {
        margin-left: auto;
        margin-right: auto;
        font-weight: 600;
        font-size: 11px;
    }

    html .dt-buttons a.dt-button:active, html .dt-buttons a.dt-button:active:hover, html .dt-buttons a.dt-button:active:focus {
        background: #6B1544;
        border-color: #6B1544;
        color: #FFFFFF;
        outline: none;
    }

    html .dt-buttons a.dt-button.active {
        font-family:  "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 11px;
        line-height: 17px;
        color: #6B1544;
        font-weight: 600;
        background: transparent;
        border-style: solid;
        border-color: #6B1544;
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        float: inherit;
        width: auto;
        border-radius: 0px;
        outline: none;
        background: #FFFFFF;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        html .dt-buttons a.dt-button.active:hover {
            background: #A61F69;
            border-color: #A61F69;
            color: #FFFFFF;
        }

            html .dt-buttons a.dt-button.active:hover .caret {
                border-top-color: #FFFFFF;
            }

            html .dt-buttons a.dt-button.active:hover .btn-default .caret.medio {
                border-top-color: #FFFFFF !important;
            }

        html .dt-buttons a.dt-button.active:focus, html .dt-buttons a.dt-button.active:active {
            background-color: #FFFFFF;
            color: #6B1544;
            outline: none;
            border-color: #6B1544;
            border-width: 1px;
        }

        html .dt-buttons a.dt-button.active:focus {
            background: #6B1544;
            border-color: #6B1544;
            color: #FFFFFF;
            outline: none;
        }

    html .dt-buttons a.dt-button.disabled {
        outline: none;
    }

        html .dt-buttons a.dt-button.disabled:hover {
            background: #6B1544;
            border-color: #6B1544;
            color: #FFFFFF;
            outline: none;
        }

.remove-item,
.edit-item {
    background: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #6B1544;
}

    .remove-item i,
    .edit-item i {
        color: #6B1544;
    }

.edit-item {
    margin-right: 3px;
}

.btn-small {
    background: transparent;
    border-color: #6B1544;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 0px;
    font-size: 11px;
}

.btn-small-default {
    font-family:  "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-color: #6B1544;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 0px;
}

    .btn-small-default:hover {
        background: #A61F69;
        color: #FFFFFF;
    }

        .btn-small-default:hover i,
        .btn-small-default:hover span {
            color: #FFFFFF;
        }

    .btn-small-default.height-button {
        height: 28px;
    }

    .btn-small-default.labeled-button {
        width: 60px;
    }

    .btn-small-default:focus {
        outline: none;
    }

.btn-smallest-default {
    background: transparent;
    border-color: #6B1544;
    border-width: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 0px;
    font-size: 11px;
}

    .btn-smallest-default:hover {
        background: #A61F69;
        color: #FFFFFF;
    }

        .btn-smallest-default:hover i,
        .btn-smallest-default:hover span {
            color: #FFFFFF;
        }

    .btn-smallest-default:focus {
        outline: none;
    }

.btn-small-primary {
    background: #6B1544;
    border-color: #6B1544;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 0px;
    color: #FFFFFF;
    font-size: 11px;
    outline: none;
    font-weight: 600;
}

    .btn-small-primary i,
    .btn-small-primary span {
        color: #FFFFFF;
    }

    .btn-small-primary:hover {
        background: transparent;
        color: #6B1544;
        outline: none;
    }

        .btn-small-primary:hover i,
        .btn-small-primary:hover span {
            color: #FFFFFF;
        }

    .btn-small-primary:focus {
        outline: none;
    }

div.panel-heading {
    padding: 0px;
}

.span_label {
    font-family:  "Arial", "Helvetica", "Sans-serif"; font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    font-weight: 600;
    display: block;
    margin-bottom: 9px;
}

html .simple_gls_btn {
    background: #FFFFFF;
    color: #6B1544;
    border-color: #6B1544;
    border-width: 1px;
    border-style: solid;
    outline: none;
}

    html .simple_gls_btn:focus, html .simple_gls_btn:hover {
        background: #A61F69;
        color: #FFFFFF;
    }

html .igualar_altos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    html .igualar_altos input[type="text"] {
        margin-right: 3px;
    }

    html .igualar_altos.dos_btn button {
        height: 28px;
        margin-right: 3px;
    }

        html .igualar_altos.dos_btn button:last-child {
            margin-right: 0px;
        }

#combo-cliente {
    width: 100%;
    max-width: 250px;
}

.alert.alert-secondary {
    border-style: solid;
    border-color: #6B1544;
    border-radius: 0px;
    border-width: 2px;
}

    .alert.alert-secondary a {
        color: #6B1544;
        font-weight: 600;
        outline: none;
        cursor: pointer;
    }

        .alert.alert-secondary a:hover {
            text-decoration: none;
        }

.nab-btn-gls {
    padding-left: 0px;
}

    .nab-btn-gls li {
        width: 100%;
        max-width: 210px;
        text-align: center;
        border-style: solid;
        border-color: #172154;
        border-width: 1px;
        margin-bottom: 0px;
        width: auto;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-style: none;
        background: #EEEEEE;
        color: #6B1544;
        margin-bottom: -1px;
        float: left;
        padding: 5px 10px;
    }

        .nab-btn-gls li.active {
            background: #2E3765;
            border-bottom-width: 0px;
            border-color: #EEEEEE;
            border-style: solid;
            position: relative;
        }

            .nab-btn-gls li.active span {
                color: #FFFFFF;
            }

            .nab-btn-gls li.active .btn-info i {
                color: #FFFFFF;
            }

            .nab-btn-gls li.active a {
                color: #FFFFFF;
                text-decoration: none;
                outline: none;
            }

                .nab-btn-gls li.active a i {
                    color: #FFFFFF;
                }

        .nab-btn-gls li a {
            color: #6B1544;
            text-decoration: none;
            outline: none;
        }

            .nab-btn-gls li a i {
                color: #6B1544;
            }

        .nab-btn-gls li .btn {
            display: inline;
            padding: 0;
            margin: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: inherit;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border-style: none;
        }

        .nab-btn-gls li .btn-info {
            background: transparent;
        }

            .nab-btn-gls li .btn-info i {
                color: #6B1544;
                margin-right: 5px;
                font-size: 13px;
            }

        .nab-btn-gls li .btn-default {
            color: #6B1544;
            background: transparent;
            border-style: solid;
            border-color: #6B1544;
            height: inherit;
            border-style: none;
            float: inherit;
            width: auto;
            min-width: inherit;
            border-radius: 0px;
            outline: none;
            outline: none;
            border-width: 0px;
        }

        .nab-btn-gls li span {
            display: inline-block;
            color: #6B1544;
            font-family:  "Arial", "Helvetica", "Sans-serif"; font-size: 13px;
            line-height: 15px;
            font-weight: 400;
            border-style: none;
            margin-right: 0px;
            font-weight: 600;
            margin-bottom: 0px;
        }

.body-tab {
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #EEEEEE;
    margin-top: 0px;
    padding-top: 15px;
    background: #FFFFFF;
}

.historico-ultimo-no {
    color: #999;
    font-family:  "Arial", "Helvetica", "Sans-serif"; font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}

#content .panel-heading [data-toggle="collapse"]::after {
    font-size: 11px;
    color: #d30042;
    -webkit-transform: rotate(-90deg) translate(2px, 0px);
    transform: rotate(-90deg) translate(2px, 0px);
}



.panel-heading [data-toggle="collapse"]::after {
    font-family: FontAwesome;
    content: "";
    float: right;
    font-size: 11px;
    line-height: 22px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

html .toast {
    opacity: 1 !important;
}

.botonentabla {
    cursor: pointer;
    margin-right: 3px;
    display: inline;
    color: #655B5E;
}

    .botonentabla:hover {
        color: #d30042;
    }

div.hiddenbuttons {
    display: none;
}

.full-width {
    display: inline-block;
    width: 100%;
}

div.panel-default {
    border-radius: 0px;
}

    div.panel-default.green {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: green;
    }

span.input-group-addon {
    height: 28px;
    width: 25px;
    padding: 0px;
    background: #6B1544;
    cursor: pointer;
    border-radius: 0px;
    outline: none;
}

    span.input-group-addon i,
    span.input-group-addon span {
        color: #FFFFFF;
    }

.input-group-sm > .input-group-addon {
    height: 28px;
    padding: 0px;
    border-radius: 0px;
}

html .btn-link {
    position: absolute;
    right: 0;
    top: 0;
    background: #172154;
    height: 28px;
    color: white;
    text-decoration: none;
}

    html .btn-link:hover {
        background: #172154;
        background-color: #172154;
        outline: none;
        color: white;
    }

html .btn-warning,
html .btn-success {
    border-radius: 0px;
    height: 30px;
    font-size: 11px;
}

    html .btn-warning span,
    html .btn-success span {
        font-size: 11px;
    }

.sessions h2 {
    margin-top: 5%;
}

.sessions #datosSession {
    text-align: left;
}

.codigo_cliente {
    width: 140px;
    float: left;
}

.plaza_cliente {
    width: 80px;
    float: left;
}

.codigo_cliente_grande {
    width: 100%;
    float: left;
}

.box.box-collapsed .box-content {
    display: none;
}

.list-group-item.writem {
    cursor: move;
    border-radius: 0px;
}

.lista-tarifas ul {
    padding-left: 0px;
    overflow-y: scroll;
    max-height: 300px;
}

.twitter-typeahead {
    width: 100%;
}

.fa.fa-caret-left {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
}

    .fa.fa-caret-left.mark-addon-danger {
        top: 50%;
    }

    .fa.fa-caret-left.mark-addon {
        top: 15px;
    }

.tt-menu {
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    max-height: 100px;
    overflow-y: auto;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    background: white;
    border-style: none;
    color: #172154;
    font-weight: 600;
    background-color: #FFFFFF;
    font-size: 12px;
    line-height: 20px;
}

    .tt-suggestion.tt-cursor, .tt-suggestion:hover {
        background-color: #454D76;
        color: #FFFFFF;
    }

.btn-block {
    border-radius: 0px;
    font-size: 11px;
}


.modal-90pc {
    width: 90%;
}
.OpcionPulsada {
    background: #FFFFFF !important;
    color: #6B1544 !important;
    border-color: #6B1544 !important;
    outline: none !important;
}

.num-add-scalad {
    width: 33px !important;
    height: 23px !important;
    margin-right: 5px !important;
    margin-top: 10px !important;
}

.userTree{
    overflow-y:auto;
    height:80vh;
}

.directCustomerTd {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    #modalToolTipContain {
        width: 90%;
        height: auto;
    }
}
/* Media Query for low resolution  Tablets, Ipads */
@media (max-width: 481px ) and (max-width: 768px) and (orientation: landscape) {
    #modalToolTipContain {
        width: 65%;
        height: auto;
    }
}
/* Media Query for low resolution  Tablets, Ipads */
@media (max-width: 481px ) and (max-width: 768px) and (orientation: portrait) {
    #modalToolTipContain {
        width: 90%;
        height: auto;
    }
}
/* Media Query for Tablets Ipads portrait mode */
@media (max-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #modalToolTipContain {
        width: 65%;
        height: auto;
    }
}
/* Media Query for Tablets Ipads portrait mode */
@media (max-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    #modalToolTipContain {
        width: 85%;
        height: auto;
    }
}
/* Media Query for Laptops and Desktops */
@media (max-width: 1025px) and (max-width: 1200px) and (orientation: landscape) {
    #modalToolTipContain {
        width: 45%;
        height: auto;
    }
}
/* Media Query for Laptops and Desktops */
@media (max-width: 1025px) and (max-width: 1200px) and (orientation: portrait) {
    #modalToolTipContain {
        width: 90%;
        height: auto;
    }
}
/* Media Query for Large screens */
@media (min-width: 1201px)  {
    #modalToolTipContain {
        width: 50%;
        height: auto;
    }
}
.buttonToolTipsLogin {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    background: #ffd100;
    font-size: 16px;
}

.canalizaciones-form-section {
    display: flex;
    justify-content: flex-start;
}

.canalizaciones-field-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17%;
}

.canalizaciones-select-section {
    float: left;
    width: 50%;
    display: inline-flex;
    align-items: center;
}

.canalizaciones-button-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
}

.bgcolor-alert-azul {
    background-color: #21a0ff !important; /*Color azul claro*/
}

.span-disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

.alert-mini {
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;

    h4{
    margin-top: 0;
    color: inherit;
}

.alert-link {
    font-weight: bold;
}

   > ul {
       margin-bottom: 0;
   }

    > p + p {
        margin-top: 5px;
    }
}
/****************************************************************************
    Estilos para los colores y fondos - Styles for colors and backgrounds
****************************************************************************/
/***************
    Background
****************/
.btn-group.open .btn-success.dropdown-toggle:focus,
.btn-group.open .btn-success.dropdown-toggle.disabled,
.btn-group.open .btn-success.dropdown-toggle[disabled],
.btn.btn-success:focus,
.btn.btn-success.disabled,
.btn.btn-success[disabled] {
    background-color: #49bf67;
}

    .btn-group.open .btn-success.dropdown-toggle.disabled:hover,
    .btn-group.open .btn-success.dropdown-toggle[disabled]:hover,
    .btn.btn-success.disabled:hover,
    .btn.btn-success[disabled]:hover {
        background-color: #49bf67;
    }

.btn-group.open .btn-success.dropdown-toggle:hover,
.btn.btn-success:hover {
    background-color: #379e51;
}

.btn-group.open .btn-warning.dropdown-toggle:focus,
.btn-group.open .btn-warning.dropdown-toggle.disabled,
.btn-group.open .btn-warning.dropdown-toggle[disabled],
.btn.btn-warning:focus,
.btn.btn-warning.disabled,
.btn.btn-warning[disabled] {
    background-color: #f8a326;
}

    .btn-group.open .btn-warning.dropdown-toggle.disabled:hover,
    .btn-group.open .btn-warning.dropdown-toggle[disabled]:hover,
    .btn.btn-warning.disabled:hover,
    .btn.btn-warning[disabled]:hover {
        background-color: #f8a326;
    }

.btn-group.open .btn-warning.dropdown-toggle:hover,
.btn.btn-warning:hover {
    background-color: #e48a07;
}

.background_color_red {
    background-color: red;
}

.background_color_green {
    background-color: green;
}

.background_color_orange {
    background-color: orange;
}

.background-color-warning {
    background-color: #FEFFDE;
}

.background-color-ok {
    background-color: #DDFFDE;
}

.background-color-error {
    background-color: #FFE0DD;
}

.search-list .list-group-item.selected {
    background-color: #EEEEEE;
}

.font_BoldSelected {
    font-weight: bold;
    background-color: #D1D3DD !important;
}

    .font_BoldSelected td {
        font-weight: bold;
    }

.rowSelected {
    background-color: Highlight !important;
}

.tooltip-inner {
    background-color: #6B1544;
}

/*******************************
    Specific background classes
********************************/

.punteo-procesapistola .punteoKO,
.recovery-irregulares .punteoKO,
.sacas .punteoKO {
    background-color: red;
}

.punteo-procesapistola .punteoOK,
.recovery-irregulares .punteoOK,
.sacas .punteoOK {
    background-color: green;
}

.punteo-procesapistola .punteoWarning,
.recovery-irregulares .punteoWarning {
    background-color: gold;
}
.punteoPurple {
    background-color: purple;
}
.destinationCustomsManagement tfoot {
    background-color: #DEDAD9;
}

.reembolsos .clGreen.Active {
    background-color: green;
    color: white;
}



.reembolsos .clBlack.Active {
    background-color: black;
    color: white;
}

.reembolsos .clRed.Active {
    background-color: red;
    color: white;
}

.reembolsos .clPurple.Active {
    background-color: purple;
    color: white;
}

.reembolsos .cLigthBlue.Active {
    background-color: #000080;
    color: white;
}

.reembolsos .clBlue.Active {
    background-color: blue;
    color: white;
}

.reembolsos .clBluee {
    background-color: white;
    color: blue;
}

.reembolsos .clBluee.Active {
    background-color: blue;
    color: white;
}

.reembolsos .clGreenn.Active {
    background-color: green;
    color: white;
}

.reembolsos .clGreenn {
    background-color: white;
    color: green;
}

.reembolsos .clBlackk.Active {
    background-color: black;
    color: white;
}

.reembolsos .clBlackk {
    background-color: white;
    color: black;
}

.reembolsos .clRedd.Active {
    background-color: red;
    color: white;
}

.reembolsos .clBluee {
    background-color: white;
    color: blue;
}

    .reembolsos .clBluee.Active {
        background-color: blue;
        color: white;
    }

.reembolsos .clGreenn.Active {
    background-color: green;
    color: white;
}

.reembolsos .clGreenn {
    background-color: white;
    color: green;
}

.reembolsos .clBlackk.Active {
    background-color: black;
    color: white;
}

.reembolsos .clBlackk {
    background-color: white;
    color: black;
}

.reembolsos .clRedd.Active {
    background-color: red;
    color: white;
}

.reembolsos .clRedd {
    background-color: white;
    color: red;
}

.reembolsos .clPurplee.Active {
    background-color: purple;
    color: white;
}

.reembolsos .clPurplee {
    background-color: white;
    color: purple;
}

.reembolsos .cLigthBluee.Active {
    background-color: #000080;
    color: white;
}

.reembolsos .cLigthBluee {
    background-color: white;
    color: #000080;
}

.reembolsos .clRed {
    background-color: white;
    color: red;
}

.reembolsos .clRedd {
    background-color: white;
    color: red;
}

.reembolsos .clPurplee.Active {
    background-color: purple;
    color: white;
}

.reembolsos .clPurplee {
    background-color: white;
    color: purple;
}

.reembolsos .cLigthBluee.Active {
    background-color: #000080;
    color: white;
}
.reembolsos .cLigthBluee {
    background-color: white;
    color: #000080;
}

.reembolsos .clRed {
    background-color: white;
    color: red;
}

.reembolsos .clMaroon.Active {
    background-color: brown;
    color: white;
}

.reembolsos #table-DocumentosReembolsos .Active {
    background-color: lightgray;
}

.managementZZ .cVerde {
    background-color: #36ffaf;
}

.managementZZ .cRosa {
    background-color: #ff9cbd;
}

.managementZZ .cAzul {
    background-color: #36d7ff;
}

.managementZZ .cBlanco {
    background-color: white;
}

.managementZZ .cVioleta {
    background-color: #c103ff;
}

.managementZZ .cNaranaja {
    background-color: #ff8736;
}

.managementZZ .cGris {
    background-color: #b4b4b4;
}

.managementZZ .cAmarillo {
    background-color: #ffd647;
}

.managementZZ .cRojo {
    background-color: #ff3736;
}

.managementZZ .cMarron {
    background-color: #e7b792;
}

/**********************
    Mixed Color/Back
***********************/

.bg-SinAgenda {
    color: #333333;
    background-color: transparent;
}

.bg-Pendientes {
    background-color: blue;
    color: white;
}

.bg-Retenidas {
    background-color: red;
    color: white;
}

.bg-Rechazadas {
    background-color: grey;
    color: white;
}

.bg-Realizadas {
    background-color: green;
    color: white;
}

.btn-smallest-default.label-success {
    background: #6B1544;
    color: #FFFFFF;
}

    .btn-smallest-default.label-success:hover {
        background: #6B1544;
        color: #FFFFFF;
    }

/***************
    Color
****************/
.yellowRow {
    color: yellow;
}

.darkyellowRow {
    color: #E5B710;
}

.orangeRow {
    color: orange
}

.orangeredRow {
    color: orangered
}

.redRow {
    color: red;
}

.redRow {
    color: red;
}

.greenRow {
    color: green;
}

.greyRow {
    color: grey;
}

.dimgreyRow {
    color: dimgrey;
}

.darkgreyRow {
    color: darkgrey;
}

.lightgreyRow {
    color: lightgrey;
}

.blackRow {
    color: black;
}

.defaultRow {
    color: #333;
}

html .page-header h1 {
    color: #172154;
}

html .activeDiv i {
    color: #6B1544;
}

html .activeDiv p {
    color: #6B1544;
}

body.contrast-red h1 [class^="icon-"] {
    color: #6B1544;
}

html body i.fa-spin {
    color: #172154;
}

i.red {
    color: red;
}

i.green {
    color: green;
}

.mora {
    font-size: 13px;
    color: #6B1544;
}

    .mora strong {
        color: #6B1544;
    }

i.hiddenbuttons {
    color: #655B5E;
}

    i.hiddenbuttons:hover {
        color: #d30042;
    }

.filter-status-badge.color-1,
html table.dataTable tbody tr.color-1 {
    color: #009955;
}

html table.dataTable tbody tr.premium-color-1 {
    color: #009955;
    background-color: gold;
}

html table.dataTable tbody tr.background-color-1 {
    color: #FFFFFF;
    background-color: #009955;
}

html table.dataTable tbody tr.background-premium-color-1 {
    color: gold;
    background-color: #009955;
}

.filter-status-badge.color-2,
html table.dataTable tbody tr.color-2 {
    color: #E55B89;
}

html table.dataTable tbody tr.premium-color-2 {
    color: #E55B89;
    background-color: gold;
}

html table.dataTable tbody tr.background-color-2 {
    color: #FFFFFF;
    background-color: #E55B89;
}

html table.dataTable tbody tr.background-premium-color-2 {
    color: gold;
    background-color: #E55B89;
}

.filter-status-badge.color-3,
html table.dataTable tbody tr.color-3 {
    color: #00B7E5;
}

html table.dataTable tbody tr.background-color-3 {
    color: #FFFFFF;
    background-color: #00B7E5;
}

.filter-status-badge.color-4,
html table.dataTable tbody tr.color-4 {
    color: #E5B710;
}

html table.dataTable tbody tr.background-color-4 {
    color: #FFFFFF;
    background-color: #E5B710;
}

.filter-status-badge.color-5,
html table.dataTable tbody tr.color-5 {
    color: #DD9966;
}

html table.dataTable tbody tr.background-color-5 {
    color: #FFFFFF;
    background-color: #DD9966;
}

.filter-status-badge.color-6,
html table.dataTable tbody tr.color-6 {
    color: #E50000;
}

html table.dataTable tbody tr.premium-color-6 {
    color: #E50000;
    background-color: gold;
}

html table.dataTable tbody tr.background-color-6 {
    color: #FFFFFF;
    background-color: #E50000;
}

html table.dataTable tbody tr.background-premium-color-6 {
    color: gold;
    background-color: #E50000;
}

.filter-status-badge.color-7,
html table.dataTable tbody tr.color-7 {
    color: #E55B00;
}

html table.dataTable tbody tr.background-color-7 {
    color: #FFFFFF;
    background-color: #E55B00;
}

.filter-status-badge.color-8,
html table.dataTable tbody tr.color-8 {
    color: #9900CC;
}

html table.dataTable tbody tr.premium-color-8 {
    color: #9900CC;
    background-color: gold;
}

html table.dataTable tbody tr.background-premium-color-8 {
    color: gold;
    background-color: #9900CC;
}

html table.dataTable tbody tr.background-color-8 {
    color: #FFFFFF;
    background-color: #9900CC;
}

.filter-status-badge.color-9,
html table.dataTable tbody tr.color-9 {
    color: #808080;
}

html table.dataTable tbody tr.premium-color-9 {
    color: #808080;
    background-color: gold;
}

html table.dataTable tbody tr.background-premium-color-9 {
    color: gold;
    background-color: #808080;
}

html table.dataTable tbody tr.background-color-9 {
    color: #FFFFFF;
    background-color: #808080;
}

.filter-status-badge.color-10,
html table.dataTable tbody tr.color-10 {
    color: #008000;
}

html table.dataTable tbody tr.premium-color-10 {
    color: #008000;
    background-color: gold;
}

html table.dataTable tbody tr.background-premium-color-10 {
    color: gold;
    background-color: #008000;
}

html table.dataTable tbody tr.background-color-10 {
    color: #FFFFFF;
    background-color: #008000;
}

.filter-status-badge.color-11,
html table.dataTable tbody tr.color-11 {
    color: #000000;
}

html table.dataTable tbody tr.premium-color-11 {
    color: #000000;
    background-color: gold;
}

html table.dataTable tbody tr.background-color-11 {
    color: #FFFFFF;
    background-color: #000000;
}

html table.dataTable tbody tr.background-premium-color-11 {
    color: gold;
    background-color: #000000;
}

.filter-status-badge.color-12,
html table.dataTable tbody tr.color-12 {
    color: #808000;
}

html table.dataTable tbody tr.premium-color-12 {
    color: #808000;
    background-color: gold;
}

html table.dataTable tbody tr.background-color-12 {
    color: #FFFFFF;
    background-color: #808000;
}

html table.dataTable tbody tr.background-premium-color-12 {
    color: gold;
    background-color: #808000;
}

.filter-status-badge.color-13,
html table.dataTable tbody tr.color-13 {
    color: #800000;
}

html table.dataTable tbody tr.premium-color-13 {
    color: #800000;
    background-color: gold;
}

html table.dataTable tbody tr.background-color-13 {
    color: #FFFFFF;
    background-color: #800000;
}

html table.dataTable tbody tr.background-premium-color-13 {
    color: gold;
    background-color: #800000;
}

.filter-status-badge.color-14,
html table.dataTable tbody tr.color-14 {
    color: #000080;
}

html table.dataTable tbody tr.premium-color-14 {
    color: #000080;
    background-color: gold;
}

html table.dataTable tbody tr.background-color-14 {
    color: #FFFFFF;
    background-color: #000080;
}

html table.dataTable tbody tr.background-premium-color-14 {
    color: gold;
    background-color: #000080;
}

.filter-status-badge.color-15,
html table.dataTable tbody tr.color-15 {
    color: #0000E5;
}

html table.dataTable tbody tr.premium-color-15 {
    color: #0000E5;
    background-color: gold;
}

html table.dataTable tbody tr.background-color-15 {
    color: #FFFFFF;
    background-color: #0000E5;
}

html table.dataTable tbody tr.background-premium-color-15 {
    color: gold;
    background-color: #0000E5;
}

.filter-status-badge.color-16,
html table.dataTable tbody tr.color-16 {
    color: #008080;
}

html table.dataTable tbody tr.premium-color-16 {
    color: #008080;
    background-color: gold;
}

html table.dataTable tbody tr.background-color-16 {
    color: #FFFFFF;
    background-color: #008080;
}

html table.dataTable tbody tr.background-premium-color-16 {
    color: gold;
    background-color: #008080;
}

.filter-status-badge.color-17,
html table.dataTable tbody tr.color-17 {
    color: #dee2e6;
}

html table.dataTable tbody tr.background-color-17 {
    background-color: #dee2e6;
}

.filter-status-badge.color-18,
html table.dataTable tbody tr.color-18 {
    color: #8BCC7A;
}

html table.dataTable tbody tr.background-color-18 {
    background-color: #8BCC7A;
}

.filter-status-badge.color-19,
html table.dataTable tbody tr.color-19 {
    color: #EA4646;
}

html table.dataTable tbody tr.background-color-19 {
    color: #FFFFFF;
    background-color: #EA4646;
}

.filter-status-badge.color-20,
html table.dataTable tbody tr.color-20 {
    color: #8FDBEE;
}

html table.dataTable tbody tr.background-color-20 {
    background-color: #8FDBEE;
}

.filter-status-badge.color-21,
html table.dataTable tbody tr.color-21 {
    color: #E5B710;
}

html table.dataTable tbody tr.background-color-21 {
    background-color: #E5B710;
}

html table.dataTable tbody tr.selected {
    background-color: #D1D3DD;
}

html table.dataTable tbody tr:hover > td {
    background-color: #D1D3DD;
}

html table.dataTable tbody tr.border-color-1 {
    border-collapse: collapse;
    border: 2px solid #808080;
}

/*******************************
    Specific color classes
********************************/

.grabacion .tt-hint {
    color: #999;
}

.hotline .colordarkgrey {
    color: darkgrey !important;
}

.managementZZ .panel-heading a[data-toggle="collapse"]:after {
    color: #f58723 !important;
}

.managementZZ .panel-heading a.collapsed:after {
    color: #172154 !important;
}

table.dataTable#SheetListWarning tbody tr {
    background-color: #FEFFDE;
}

    table.dataTable#SheetListWarning tbody tr.selected {
        background-color: #b0bed9 !important;
    }

table.dataTable#SheetListOK tbody tr {
    background-color: #DDFFDE;
}

    table.dataTable#SheetListOK tbody tr.selected {
        background-color: #b0bed9 !important;
    }

table.dataTable#SheetListError tbody tr {
    background-color: #FFE0DD;
}

    table.dataTable#SheetListError tbody tr.selected {
        background-color: #b0bed9 !important;
    }

/*****************************************************************************
    Estilos para etiquetas/elementos HTML - Styles for tags / HTML elements
******************************************************************************/

p {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 11px;
    font-weight: 400;
    outline: none;
    margin-bottom: 5px;
}

ul {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    outline: none;
    list-style: none;
}

    ul li {
        font-family: "Arial", "Helvetica", "Sans-serif";
        font-size: 11px;
        line-height: 15px;
        font-weight: 400;
        outline: none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

span {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    outline: none;
}

#notificador span {
    font-size: inherit;
}

body {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    outline: none;
}

label {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    outline: none;
    font-weight: 600;
}

h1 {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 38px;
    line-height: 46px;
    color: #172154;
    font-weight: 500;
    outline: none;
}

h2 {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 18px;
    line-height: 20px;
    color: #172154;
    font-weight: 600;
    outline: none;
}

    h2.error {
        color: #CF0000;
    }

    h2 span {
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 18px;
        line-height: 20px;
        color: #172154;
        font-weight: 600;
        outline: none;
    }

    h2 span.note {
        font-size: 12px;
        line-height: 16px;
        color: red;
        font-weight: 100;
        margin-left: 15px;
    }

h3 {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 14px;
    line-height: 18px;
    color: #172154;
    font-weight: 600;
    outline: none;
}

    h3 span {
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 14px;
        line-height: 18px;
        color: #172154;
        font-weight: 600;
        outline: none;
    }

h4 {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 15px;
    line-height: 18px;
    color: #172154;
    font-weight: 600;
    outline: none;
    margin-top: 0px;
}

    h4 span {
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 15px;
        line-height: 18px;
        color: #172154;
        font-weight: 600;
        outline: none;
        margin-top: 0px;
    }

h5 {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 14px;
    line-height: 17px;
    color: #172154;
    font-weight: 600;
    outline: none;
    margin-top: 0px;
}

h6 {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 13px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    outline: none;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 4px;
    margin-bottom: 8px;
}

/*************
    RadioBox
**************/
.radio_gls.full {
    width: 100%;
}

.radio_gls i {
    margin-right: 3px;
}

.radio_gls.inline i {
    font-size: 17px;
}

.radio_gls.inline .radio-inline {
    padding-left: 0px;
}

.radio_gls.inline label {
    display: inline-block;
}

    .radio_gls.inline label span {
        display: inline-block;
        float: left;
    }

        .radio_gls.inline label span.circle {
            display: inline-block;
            margin-left: 3px;
            margin-right: 6px;
        }

.radio_gls span {
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
    margin-bottom: 9px;
    display: block;
}

    .radio_gls span:last-child {
        margin-left: 3px;
    }

.radio_gls label {
    display: inline-block;
}

    .radio_gls label input[type="radio"] {
        display: none;
    }

        .radio_gls label input[type="radio"]:checked + span.circle:after {
            content: '';
            height: 6px;
            width: 6px;
            background: #454D76;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
        }

        .radio_gls label input[type="radio"]:disabled + span.circle {
            opacity: 0.6;
            cursor: not-allowed;
        }

    .radio_gls label span.circle {
        height: 14px;
        width: 14px;
        border-radius: 50%;
        border-style: solid;
        border-color: #6B1544;
        display: inline-block;
        border-width: 1px;
        position: relative;
        text-align: center;
    }


/**************
    Bootstrap Rewrite CSS
***************/
div.bootstrapRewrite {
    width: 100% !important;
    overflow-x: auto;
}

div.bootstrapRewrite table {
    max-width: none;
}

    div.bootstrapRewrite table thead tr th {
        border-right: solid #ACC0D8 1px !important;
    }

    div.bootstrapRewrite table tr td {
        text-overflow: ellipsis;
    }

        div.bootstrapRewrite table tr td.maxWidth100x100 {
            max-width: 100%;
        }

        div.bootstrapRewrite table tr td.maxWidth25 {
            max-width: 25px;
        }

        div.bootstrapRewrite table tr td.maxWidth50 {
            max-width: 50px;
        }

        div.bootstrapRewrite table tr td.maxWidth75 {
            max-width: 75px;
        }

        div.bootstrapRewrite table tr td.maxWidth100 {
            max-width: 100px;
        }

        div.bootstrapRewrite table tr td.maxWidth125 {
            max-width: 125px;
        }

        div.bootstrapRewrite table tr td.maxWidth150 {
            max-width: 150px;
        }

        div.bootstrapRewrite table tr td.maxWidth175 {
            max-width: 175px;
        }

        div.bootstrapRewrite table tr td.maxWidth200 {
            max-width: 200px;
        }

        div.bootstrapRewrite table tr td.maxWidth225 {
            max-width: 225px;
        }

        div.bootstrapRewrite table tr td.maxWidth250 {
            max-width: 250px;
        }

        div.bootstrapRewrite table tr td.maxWidth275 {
            max-width: 275px;
        }

        div.bootstrapRewrite table tr td.maxWidth300 {
            max-width: 300px;
        }


table.bootstrapRewrite {
    max-width: none;
}

table.bootstrapRewrite thead tr th {
    border-right: solid #ACC0D8 1px !important;
}

table.bootstrapRewrite tr td {
    text-overflow: ellipsis;
}

    table.bootstrapRewrite tr td.maxWidth100x100 {
        max-width: 100%;
    }

    table.bootstrapRewrite tr td.maxWidth25 {
        max-width: 25px;
    }

    table.bootstrapRewrite tr td.maxWidth50 {
        max-width: 50px;
    }

    table.bootstrapRewrite tr td.maxWidth75 {
        max-width: 75px;
    }

    table.bootstrapRewrite tr td.maxWidth100 {
        max-width: 100px;
    }

    table.bootstrapRewrite tr td.maxWidth125 {
        max-width: 125px;
    }

    table.bootstrapRewrite tr td.maxWidth150 {
        max-width: 150px;
    }

    table.bootstrapRewrite tr td.maxWidth175 {
        max-width: 175px;
    }

    table.bootstrapRewrite tr td.maxWidth200 {
        max-width: 200px;
    }

    table.bootstrapRewrite tr td.maxWidth225 {
        max-width: 225px;
    }

    table.bootstrapRewrite tr td.maxWidth250 {
        max-width: 250px;
    }

    table.bootstrapRewrite tr td.maxWidth275 {
        max-width: 275px;
    }

    table.bootstrapRewrite tr td.maxWidth300 {
        max-width: 300px;
    }

/*****************
    TricCheckBox
******************/
.group-tri-checkbox {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 0px;
}

    .group-tri-checkbox li {
        float: left;
        width: 100%;
        max-width: 160px;
    }

        .group-tri-checkbox li label {
            position: relative;
            padding-left: 20px;
            vertical-align: middle;
            line-height: 14px;
        }

            .group-tri-checkbox li label.checked::before {
                font-family: FontAwesome;
                font-weight: normal;
                font-style: normal;
                text-decoration: inherit;
                -webkit-font-smoothing: antialiased;
                content: '\f00c';
                position: absolute;
                font-size: 12px;
                left: 7px;
                top: 50%;
                -webkit-transform: translateY(-50%) translateX(-50%);
                transform: translateY(-50%) translateX(-50%);
                height: auto;
                width: auto;
                background: transparent;
            }

            .group-tri-checkbox li label.nochecked::before {
                content: '';
                display: none;
            }

            .group-tri-checkbox li label::after {
                height: 14px;
                width: 14px;
                position: absolute;
                left: 0;
                border-style: solid;
                border-color: #6B1544;
                border-width: 1px;
                display: inline-block;
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
                outline: none;
                vertical-align: top;
                border-radius: 3px;
                content: '';
            }

            .group-tri-checkbox li label::before {
                content: '';
                height: 2px;
                width: 10px;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                left: 2px;
                background: #172154;
                border-radius: 30px;
            }

        .group-tri-checkbox li input[type="checkbox"] {
            display: none;
        }

.only-try-check {
    display: inline-block;
}

    .only-try-check input[type="checkbox"] {
        display: none;
    }

    .only-try-check span {
        display: inline-block;
    }

    .only-try-check label {
        position: relative;
        vertical-align: middle;
        line-height: 14px;
        margin-bottom: 10px;
        height: 14px;
        width: 14px;
        left: 0;
        border-style: solid;
        border-color: #6B1544;
        border-width: 1px;
        display: inline-block;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        vertical-align: top;
        border-radius: 3px;
        content: '';
        text-align: center;
        margin-right: 2px;
        margin-top: 2px;
    }

        .only-try-check label.checked::before {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            content: '\f00c';
            position: absolute;
            font-size: 12px;
            left: 7px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: auto;
            width: auto;
            background: transparent;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
        }

        .only-try-check label.nochecked::before {
            content: '';
            display: none;
        }

        .only-try-check label::before {
            content: '';
            height: 2px;
            width: 10px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 2px;
            background: #172154;
            border-radius: 30px;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
        }



#divChkAutoinvoices label.checked::before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: '\f00c';
    position: absolute;
    font-size: 12px;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    width: auto;
    background: transparent;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#divChkAutoinvoices label.nochecked::before {
    content: '';
    display: none;
}

#divChkAutoinvoices label::before {
    content: '';
    height: 2px;
    width: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2px;
    background: #172154;
    border-radius: 30px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

/*****************
    CheckBox
******************/
.checkbox_gls span {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    font-weight: 600;
    display: block;
    margin-bottom: 9px;
}

.checkbox_gls input[type="checkbox"] {
    display: none;
}

    .checkbox_gls input[type="checkbox"]:checked + label::before {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        content: '\f00c';
        position: absolute;
        font-size: 12px;
        left: 7px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        left: 0;
        right: 0;
        height: auto;
        width: auto;
        background: transparent;
        color: #333333;
    }

    .checkbox_gls input[type="checkbox"][disabled] + label {
        cursor: not-allowed;
    }

    .checkbox_gls input[type="checkbox"]:disabled ~ label {
        opacity: 0.6;
    }

        .checkbox_gls input[type="checkbox"]:disabled ~ label ~ span {
            opacity: 0.8;
        }

.checkbox_gls label {
    position: relative;
    vertical-align: middle;
    line-height: 14px;
    margin-bottom: 10px;
    height: 14px;
    width: 14px;
    left: 0;
    border-style: solid;
    border-color: #6B1544;
    border-width: 1px;
    display: inline-block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    vertical-align: top;
    border-radius: 3px;
    content: '';
}

.box .checkbox_gls label {
    position: relative;
    vertical-align: middle;
    line-height: 14px;
    margin-bottom: 10px;
    height: 14px;
    width: 14px;
    left: 0;
    border-style: solid;
    border-color: #6B1544;
    border-width: 1px;
    display: inline-block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    vertical-align: top;
    border-radius: 3px;
    content: '';
    background: white;
    z-index: 50;
    margin-top: 8px;
    margin-left: 4px;
}

.checkbox_gls.inline span {
    display: inline-block;
    line-height: 12px;
    margin-bottom: 0px;
}

    .checkbox_gls.inline span i {
        font-size: 17px;
    }

    .checkbox_gls.inline span ~ label {
        margin-left: 3px;
        margin-right: 6px;
    }

.checkbox_gls.inline label {
    display: inline-block !important;
}

    .checkbox_gls.inline label ~ span {
        margin-left: 3px;
    }

        .checkbox_gls.inline label ~ span.bg-Pendientes,
        .checkbox_gls.inline label ~ span.bg-Retenidas,
        .checkbox_gls.inline label ~ span.bg-Rechazadas,
        .checkbox_gls.inline label ~ span.bg-Realizadas {
            padding: 2px;
            padding-left: 0px;
        }

.my_checkbox_gls input[type="checkbox"] {
    display: none;
}

    .my_checkbox_gls input[type="checkbox"]:checked + span.checkbox_input:before {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        content: '\f00c';
        position: absolute;
        font-size: 11px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: auto;
        width: auto;
        background: transparent;
    }

.my_checkbox_gls span.checkbox_input {
    position: relative;
    vertical-align: middle;
    line-height: 14px;
    height: 14px;
    width: 14px;
    margin: 0px;
    display: inline-block;
    text-align: center;
    border-style: solid;
    border-color: #6B1544;
    display: inline-block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    vertical-align: top;
    border-radius: 3px;
    border-width: 1px;
}

.my_checkbox_gls label {
    color: #FFFFFF;
}

.my_checkbox_gls span.checkbox_input::after {
    border-color: #FFFFFF;
}

/***************************************
    Specific checkbox modules classes
****************************************/
.delivery #unlocks .checkbox_gls {
    margin-right: 5px !important;
}

    .delivery #unlocks .checkbox_gls.inline span {
        font-size: 14px;
        width: 15px;
    }

    .delivery #unlocks .checkbox_gls:last-child {
        margin-right: 0px !important;
    }

.grabacion .checkbox_gls {
    margin-right: 5px !important;
}

    .grabacion .checkbox_gls:last-child {
        margin-right: 0px;
    }

.importar .fancy-checkbox input[type="checkbox"] {
    display: none;
}

.importar .fancy-checkbox span:before {
    font-family: "FontAwesome";
    font-style: normal;
    width: 1em;
    height: 1em;
    content: '\f096';
    margin-right: .3em;
}

.importar .fancy-checkbox input[type="checkbox"]:checked ~ span:before {
    content: '\f046';
}

.mantenimiento-agencias .checkbox_gls_mantenimiento {
    position: relative;
    vertical-align: middle;
    line-height: 14px;
    margin-bottom: 10px;
    height: 14px;
    width: 14px;
    left: 0;
    border-style: solid;
    border-color: #6B1544;
    border-width: 1px;
    display: inline-block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    vertical-align: top;
    border-radius: 3px;
}

    .mantenimiento-agencias .checkbox_gls_mantenimiento:before {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        font-size: 12px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
    }

    .mantenimiento-agencias .checkbox_gls_mantenimiento.check:before {
        content: '\f00c';
    }

    .mantenimiento-agencias .checkbox_gls_mantenimiento.no-check:before {
        content: '';
    }

.hotline #cliente .form-group.checkbox_gls {
    margin-top: 7px;
    margin-bottom: 3px;
}

.reembolsos .checkbox_gls.inline label {
    margin-top: 3px;
}

.grabacion .checkbox_gls.inline label ~ span {
    margin-top: 10px;
}
/*****************
    Dropdown-Menu
******************/
html .dropdown-menu > li {
    padding-left: 15px;
    padding-right: 15px;
}

    html .dropdown-menu > li > a:hover,
    html .dropdown-menu > li > a:focus {
        background: #454D76;
        color: #FFFFFF;
    }

    html .dropdown-menu > li .checkbox_gls {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        html .dropdown-menu > li .checkbox_gls label {
            margin-bottom: 0px;
        }

    html .dropdown-menu > li:hover {
        background: #454D76;
        color: #FFFFFF;
    }

        html .dropdown-menu > li:hover a {
            background: #454D76;
            color: #FFFFFF;
        }

        html .dropdown-menu > li:hover .checkbox_gls label {
            border-color: #FFFFFF;
        }

        html .dropdown-menu > li:hover .checkbox_gls input[type="checkbox"]:checked + label:before {
            color: #FFFFFF;
        }

/*******************************************
    Specific Dropdown-Menu modules classes
*******************************************/
.botonera_resultados_shipping_finder .dropdown-menu > li > a:focus,
.botonera_resultados_shipping_finder .dropdown-menu > li > a:hover {
    background-color: #454D76 !important;
    color: #FFFFFF;
}

.shipping #print ~ .dropdown-menu:hover {
    background: #FFFFFF;
}

.shipping #print ~ .dropdown-menu li {
    text-align: left;
}

    .shipping #print ~ .dropdown-menu li a {
        color: #333333;
        font-weight: 400;
    }

    .shipping #print ~ .dropdown-menu li:hover {
        background: #454D76;
        color: #FFFFFF;
    }

        .shipping #print ~ .dropdown-menu li:hover a {
            color: #FFFFFF;
        }

/*********************
    Dashboard/Maps
**********************/
.maps #map_canvas {
    height: calc(100vh - 220px);
}

#dashboard_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

#dashboard_over_map {
    position: absolute;
    top: 0px;
    z-index: 30;
    left: 210px;
}

    #dashboard_over_map.oculto .nav.navbar-nav {
        display: none;
    }

        #dashboard_over_map.oculto .nav.navbar-nav:last-child {
            display: block;
        }

    #dashboard_over_map .navbar-default {
        background: transparent;
    }

        #dashboard_over_map .navbar-default .navbar-collapse {
            padding-left: 0px;
            padding-right: 0px;
        }

    #dashboard_over_map .panel-group {
        margin-bottom: 0px;
    }

    #dashboard_over_map .box-content {
        padding: 0px;
    }

    #dashboard_over_map .accordion.accordion-red {
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        float: inherit;
        width: auto;
        min-width: 140px;
        border-radius: 0px;
        outline: none;
        padding-top: 8px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-width: 1px;
        border-color: #6B1544;
        border-style: solid;
    }

        #dashboard_over_map .accordion.accordion-red .panel-heading {
            background: transparent;
            border-style: none;
        }

            #dashboard_over_map .accordion.accordion-red .panel-heading > a {
                color: #6B1544;
                outline: none;
                text-decoration: none;
            }

                #dashboard_over_map .accordion.accordion-red .panel-heading > a:after {
                    color: #6B1544;
                }

        #dashboard_over_map .accordion.accordion-red:hover {
            background: #A61F69;
        }

            #dashboard_over_map .accordion.accordion-red:hover .panel-heading a {
                color: #FFFFFF;
            }

                #dashboard_over_map .accordion.accordion-red:hover .panel-heading a:after {
                    color: #FFFFFF;
                }

        #dashboard_over_map .accordion.accordion-red .checkbox_gls span {
            color: #6B1544;
        }

    #dashboard_over_map .panel-collapse .panel-default {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    #dashboard_over_map .panel-default {
        background: transparent;
        border-style: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #dashboard_over_map #accordion2 {
        min-width: 155px;
    }

    #dashboard_over_map .doughnut-legend {
        padding-left: 0px;
    }

    #dashboard_over_map .nav.navbar-nav {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    #dashboard_over_map #btOcultar {
        margin-top: 1px;
    }

    #dashboard_over_map #leyenda_navbar {
        max-width: 25%;
        min-width: 144px;
    }

    #dashboard_over_map #collapseOne-accordion3 {
        padding-top: 15px;
    }

        #dashboard_over_map #collapseOne-accordion3 .media-middle {
            float: left;
            margin-right: 1%;
        }

.dashboard #map_canvas {
    height: calc( 100vh - 130px);
}

.dashboard .navbar-default {
    background: #FFFFFF;
    border-style: none;
}

/*********************
    Search
**********************/
.opcionesBusqueda {
    top: inherit;
    margin-top: auto;
    margin-bottom: auto;
}

    .opcionesBusqueda select {
        height: 30px;
    }

.search {
    display: inline-block;
    width: 100%;
    min-width: 320px;
    position: relative;
    height: 30px;
    top: inherit;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
}

    .search.light {
        max-width: 250px;
        min-width: 250px;
    }

        .search.light input[type="text"] {
            width: 100%;
            height: 28px !important;
        }

        .search.light .input-group-addon {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 12;
            height: 28px;
            margin-right: 0px;
        }

            .search.light .input-group-addon i {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                .search.light .input-group-addon i::before {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    right: 0;
                    left: 0;
                    margin-left: auto;
                    margin-right: auto;
                }

    .search .form-group {
        padding-bottom: 0px;
        margin-bottom: 0px;
        height: 100% !important;
        position: absolute;
        width: 100%;
    }

        .search .form-group span {
            height: 100%;
        }

    .search input[type="text"] {
        width: 120px;
        height: 100%;
        outline: none;
        border-style: solid;
        border-color: #EEEEEE;
        border-width: 1px;
        padding-left: 10px;
        position: absolute;
        left: 0;
        margin-top: 0px;
        border-right-width: 0px;
        color: #333333;
    }

        .search input[type="text"]:focus {
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            color: #333333;
            border-color: #EEEEEE;
        }

        .search input[type="text"]::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            font-family: "Arial", "Helvetica", "Sans-serif";
            font-size: 12px;
            line-height: 20px;
            font-weight: 400;
            color: #CCCCCC;
        }

        .search input[type="text"]::-moz-placeholder {
            /* Firefox 19+ */
            font-family: "Arial", "Helvetica", "Sans-serif";
            font-size: 12px;
            line-height: 20px;
            font-weight: 400;
            color: #CCCCCC;
        }

        .search input[type="text"]:-ms-input-placeholder {
            /* IE 10+ */
            font-family: "Arial", "Helvetica", "Sans-serif";
            font-size: 12px;
            line-height: 20px;
            font-weight: 400;
            color: #CCCCCC;
        }

        .search input[type="text"]:-moz-placeholder {
            /* Firefox 18- */
            font-family: "Arial", "Helvetica", "Sans-serif";
            font-size: 12px;
            line-height: 20px;
            font-weight: 400;
            color: #CCCCCC;
        }

    .search button[type="submit"] {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #6B1544;
        height: 100%;
        outline: none;
        width: 40px;
        z-index: 1;
        padding: 0px;
        border-style: solid;
        border-color: transparent;
    }

        .search button[type="submit"]:before {
            color: #FFFFFF;
            font-size: 17px;
        }

        .search button[type="submit"]:hover {
            text-decoration: none;
            border-color: #6B1544;
            background: white;
            border-style: solid;
            border-width: 1px;
        }

            .search button[type="submit"]:hover:before {
                color: #6B1544;
            }

    .search #q_header, #q_header_movil {
        border-color: #CCCCCC;
        height: 30px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        padding-right: 200px;
    }

    .search .opcionesBusqueda {
        float: right;
        margin-right: 40px;
        position: relative;
        z-index: 2;
        display: inline-block;
        position: relative;
        margin-top: auto;
        margin-bottom: auto;
    }

        .search .opcionesBusqueda.active:before {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            content: '\f0d8';
            color: #172154;
            font-size: 17px;
            position: absolute;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 4;
        }

        .search .opcionesBusqueda:before {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            content: '\f0d7';
            color: #333333;
            font-size: 17px;
            position: absolute;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: -4;
        }

        .search .opcionesBusqueda select#opcionesBusqueda {
            border-color: #CCCCCC;
            border-bottom-width: 1px;
            font-family: "Arial", "Helvetica", "Sans-serif";
            font-size: 12px;
            line-height: 20px;
            font-weight: 400;
            color: #333333;
            font-weight: 400;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            margin-left: 20px;
            height: 30px;
            width: 160px;
            text-align: center;
            padding-left: 20px;
            position: relative;
            background: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            outline: none;
            background-color: transparent;
        }

            .search .opcionesBusqueda select#opcionesBusqueda option {
                outline: none;
                border-style: solid;
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .search .opcionesBusqueda select#opcionesBusqueda option:checked {
                    outline: none;
                }

            .search .opcionesBusqueda select#opcionesBusqueda ~ label {
                content: '';
                height: 100%;
                width: 25px;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 4;
            }

:not(.search) input[type="text"],
:not(.search) input[type="tel"],
:not(.search) input[type="email"],
:not(.search) input[type="time"] {
    height: 28px;
    width: 100%;
    border-style: solid;
    border-color: #CCCCCC;
    margin-top: 0px;
    outline: none;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    border-radius: 0px;
    border-width: 1px;
}

:not(.search) input[type="time"] {
    padding-right: 0px;
}

    :not(.search) input[type="text"]:focus,
    :not(.search) input[type="tel"]:focus,
    :not(.search) input[type="email"]:focus,
    :not(.search) input[type="time"]:focus {
        border-color: #CCCCCC;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    :not(.search) input[type="text"]:disabled:focus,
    :not(.search) input[type="text"]:-moz-read-only:focus,
    :not(.search) input[type="tel"]:disabled:focus,
    :not(.search) input[type="tel"]:-moz-read-only:focus,
    :not(.search) input[type="email"]:disabled:focus,
    :not(.search) input[type="email"]:-moz-read-only:focus,
    :not(.search) input[type="time"]:disabled:focus,
    :not(.search) input[type="time"]:-moz-read-only:focus {
        background: #eee;
    }

    :not(.search) input[type="text"]:disabled:focus,
    :not(.search) input[type="text"]:read-only:focus,
    :not(.search) input[type="tel"]:disabled:focus,
    :not(.search) input[type="tel"]:read-only:focus,
    :not(.search) input[type="email"]:disabled:focus,
    :not(.search) input[type="email"]:read-only:focus,
    :not(.search) input[type="time"]:disabled:focus,
    :not(.search) input[type="time"]:read-only:focus {
        background: #eee;
    }

    :not(.search) input[type="text"][readonly],
    :not(.search) input[type="tel"][readonly],
    :not(.search) input[type="email"][readonly],
    :not(.search) input[type="time"][readonly] {
        cursor: context-menu;
    }

:not(.search) .form-group.full .iban {
    display: inline;
}

    :not(.search) .form-group.full .iban input[type="text"]:nth-of-type(1) {
        float: left;
        max-width: 50px;
    }

    :not(.search) .form-group.full .iban input[type="text"]:nth-of-type(2) {
        float: left;
        max-width: 50px;
    }

    :not(.search) .form-group.full .iban input[type="text"]:nth-of-type(3) {
        float: left;
        max-width: 50px;
    }

    :not(.search) .form-group.full .iban input[type="text"]:nth-of-type(4) {
        float: left;
        max-width: 35px;
    }

    :not(.search) .form-group.full .iban input[type="text"]:nth-of-type(5) {
        float: left;
        max-width: 90px;
    }

:not(.search) .form-group.full input[type="text"],
:not(.search) .form-group.full input[type="password"] {
    float: left;
    max-width: 100%;
}

:not(.search) .form-group.square-input input {
    max-width: 60px;
}

.search_develop {
    display: inline-block;
    width: 100%;
    max-width: 250px;
    position: relative;
    height: 30px;
    top: inherit;
    margin-top: auto;
    margin-bottom: auto;
}

    .search_develop input[type="text"] {
        display: inline-block;
        width: 100%;
        height: 30px;
        outline: none;
        border-style: solid;
        border-color: #EEEEEE;
        border-width: 1px;
        padding-left: 10px;
        margin-top: 0px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

        .search_develop input[type="text"]:focus {
            border-color: #EEEEEE;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        }

    .search_develop button {
        background: #6B1544;
        height: 100%;
        outline: none;
        width: 40px;
        padding: 0px;
        border-style: solid;
        border-color: transparent;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

        .search_develop button:hover {
            text-decoration: none;
            border-color: #6B1544;
            background: white;
            border-style: solid;
            border-width: 1px;
        }

            .search_develop button:hover i:before {
                color: #6B1544;
            }

        .search_develop button i:before {
            color: #FFFFFF;
            font-size: 17px;
        }

/*******************************************
    Specific Search modules classes
*******************************************/
.shipping :not(.search) input[type="text"]:-moz-read-only:focus, .shipping :not(.search) input[type="text"]:-moz-read-only:hover {
    background: #FFFFFF;
    cursor: context-menu;
}

.shipping :not(.search) input[type="text"]:read-only:focus, .shipping :not(.search) input[type="text"]:read-only:hover {
    background: #FFFFFF;
    cursor: context-menu;
}

.shipping #cabeceraShip :not(.search) input[type="text"],
.shipping #cabeceraShip :not(.search) input[type="tel"],
.shipping #cabeceraShip :not(.search) input[type="email"] {
    height: 20px;
}

.shipping .icon-search.icon_expdev {
    height: 20px;
}

/*.delivery .search_develop {
    margin-top: 20px;
    margin-bottom: 20px;
}

.delivery .tabla_reparto {
    padding-right: 0px;
    display: inline-block;
    width: 100%;
    height: calc(100% - 110px);
}

    .delivery .tabla_reparto #ul-search-list {
        max-height: 650px;
        height: auto;
        overflow-x: hidden;
        padding: 0;
        border-style: solid;
        border-width: 1px;
        border-color: #CCCCCC;
    }

        .delivery .tabla_reparto #ul-search-list .list-group-item {
            padding: 0px 2px;
            border-style: none;
            height: inherit;
            display: inline-block;
            width: 100%;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

            .delivery .tabla_reparto #ul-search-list .list-group-item:hover {
                background-color: #D1D3DD;
            }

            .delivery .tabla_reparto #ul-search-list .list-group-item.selected {
                background-color: #D1D3DD;
            }

            .delivery .tabla_reparto #ul-search-list .list-group-item i {
                margin-right: 5px;
            }
*/
.delivery ul-search-list .listado_reparto .icon-unlock:before {
    content: "\f09c";
}

.delivery #SearchFiltersPRO .row:first-child > .col-sm-12 {
    margin-top: -10px;
}

    .delivery #SearchFiltersPRO .row:first-child > .col-sm-12 > .form-group {
        margin-top: 10px;
    }

        .delivery #SearchFiltersPRO .row:first-child > .col-sm-12 > .form-group:last-child {
            margin-right: 0px;
        }

.delivery #SearchFiltersPRO #unlocks .col-sm-12 {
    margin-top: 0px;
}

.pick #search_pick {
    margin-top: 20px;
}

.pick .search_develop {
    max-width: initial;
}

.punteo-procesapistola .search_develop,
.recovery-irregulares .search_develop {
    min-width: inherit;
    height: 50px;
    width: 100%;
    max-width: inherit;
}

    .punteo-procesapistola .search_develop input[type="text"],
    .recovery-irregulares .search_develop input[type="text"] {
        width: 100%;
        max-width: inherit;
        height: 100%;
        font-size: 25px;
    }

    .punteo-procesapistola .search_develop button,
    .recovery-irregulares .search_develop button {
        width: 55px;
    }

.custommer #CtxCustomerSearch span.input-group-addon {
    width: 25px;
    padding: 0px;
}

.custommer #CtxCustomerSearch select.form-control {
    padding-left: 0px;
    padding-right: 0px;
}

.impresion :not(.search) input[type="text"],
.impresion :not(.search) input[type="tel"],
.impresion :not(.search) input[type="email"] {
    max-width: 230px;
}

.impresion .search #q_header {
    max-width: 100%;
}

/*********************
    Tracking
**********************/
.tracking i {
    font-size: 12px;
}

    .tracking i.fa-chevron-circle-right:before {
        content: '\f105';
    }

    .tracking i.fa-chevron-circle-left:before {
        content: '\f104';
    }

.tracking-incidencia {
    color: #BF0030;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}

.tracking-estado {
    color: #0080C0;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}

.tracking-entrega {
    color: #00BF60;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}

.tracking-solucion {
    color: #BF6000;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}

.tracking-seguimiento-tx {
    color: #777;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}

.tracking-seguimiento-no-tx {
    color: #999;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}

.tracking-cinta {
    color: #b200ff;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}

.tracking-fisico {
    color: #4800ff;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}

/*********************
    Upload_file
**********************/
.upload_file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
}

    .upload_file .form-control {
        background: transparent;
    }

    .upload_file.word-large .content_upload input[type="file"] ~ label {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
    }

    .upload_file .content_upload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        width: 100%;
    }

        .upload_file .content_upload > div {
            height: 28px;
            width: 100%;
            border-style: solid;
            border-color: #CCCCCC;
            margin-top: 0px;
            outline: none;
            padding-top: 9px;
            padding-bottom: 9px;
            padding-left: 10px;
            padding-right: 10px;
            font-family: "Arial", "Helvetica", "Sans-serif";
            font-size: 11px;
            line-height: 17px;
            font-weight: 400;
            border-radius: 0px;
            border-width: 1px;
            float: left;
            margin-top: 0px;
            height: 30px;
            font-weight: 400;
            border-width: 1px;
            text-align: center;
            line-height: 35px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            border-width: 1px;
            position: relative;
        }

            .upload_file .content_upload > div:focus {
                border-color: #CCCCCC;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .upload_file .content_upload > div:disabled:focus, .upload_file .content_upload > div:-moz-read-only:focus {
                background: #eee;
            }

            .upload_file .content_upload > div:disabled:focus, .upload_file .content_upload > div:read-only:focus {
                background: #eee;
            }

            .upload_file .content_upload > div span {
                position: absolute;
                top: 50%;
                left: 15px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #CCCCCC;
            }

        .upload_file .content_upload input[type="file"] {
            display: none;
        }

            .upload_file .content_upload input[type="file"] ~ label {
                font-family: "Arial", "Helvetica-bold", "Sans-serif";
                font-size: 11px;
                line-height: 17px;
                color: #6B1544;
                font-weight: 600;
                background: transparent;
                border-style: solid;
                border-color: #6B1544;
                height: 30px;
                padding-left: 13px;
                padding-right: 13px;
                float: inherit;
                width: auto;
                border-radius: 0px;
                outline: none;
                background: #FFFFFF;
                outline: none;
                border-width: 1px;
                font-weight: 400;
                line-height: 30px;
                text-align: center;
            }

                .upload_file .content_upload input[type="file"] ~ label:hover {
                    background: #A61F69;
                    border-color: #A61F69;
                    color: #FFFFFF;
                }

                    .upload_file .content_upload input[type="file"] ~ label:hover .caret {
                        border-top-color: #FFFFFF;
                    }

                    .upload_file .content_upload input[type="file"] ~ label:hover .btn-default .caret.medio {
                        border-top-color: #FFFFFF !important;
                    }

                .upload_file .content_upload input[type="file"] ~ label:focus, .upload_file .content_upload input[type="file"] ~ label:active {
                    background-color: #FFFFFF;
                    color: #6B1544;
                    outline: none;
                    border-color: #6B1544;
                    border-width: 1px;
                }

    .upload_file input[type="text"] {
        height: 30px;
    }


    .upload_file .content_upload > .dropdown_file:hover {
        background: none !important;
        border-color: none !important;
        color: #FFFFFF !important;
    }

    .upload_file .content_upload > .tableRow-file:hover {
        background: none !important;
        border-color: none !important;
        color: #666666 !important;
    }

/********************************
    Bahia-process/Swipe/Slider
*********************************/
.bahia-process-row {
    display: table-row;
    position: relative;
}

    .bahia-process-row:before {
        content: '';
        height: 1px;
        width: calc(100%);
        background: grey;
        position: absolute;
        top: calc(50% - 10px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
        left: 0;
    }

.bahia-process-step {
    display: table-cell;
    text-align: center;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

    .bahia-process-step button {
        background: #FFFFFF;
        border-style: solid;
        border-width: 2px;
    }

#slider {
    overflow-x: hidden;
    max-width: 100%;
    width: 100%;
    position: relative;
}

.swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 300px;
    padding-top: 10px;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
}

.bahia-process-step {
    z-index: 2;
}

    .bahia-process-step button {
        background: transparent;
        border-style: solid;
        border-width: 1px;
        height: 30px;
        width: 50px;
        border-style: none;
        position: relative;
        text-align: center;
        z-index: 1;
    }

        .bahia-process-step button i {
            margin-left: auto;
            margin-right: auto;
            color: gray;
            z-index: 2;
            background: white;
        }

    .bahia-process-step p {
        font-size: 11px;
        font-weight: 400;
        margin-top: 5px;
        line-height: 20px;
    }

    .bahia-process-step.activebutton button i {
        color: #172154;
    }

    .bahia-process-step.activebutton p {
        color: #172154;
        font-weight: 600;
        font-size: 12px;
    }

/*********************
    Navbar / Navtabs
**********************/
html body .tab-gls .nav-tabs {
    border-style: none;
}

    html body .tab-gls .nav-tabs > li {
        width: 100%;
        max-width: 210px;
        text-align: center;
        border-style: solid;
        border-color: #172154;
        border-width: 1px;
        margin-bottom: 0px;
        width: auto;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-style: none;
        background: #EEEEEE;
        color: #6B1544;
    }

        html body .tab-gls .nav-tabs > li.active {
            border-bottom-width: 0px;
            border-color: #EEEEEE;
            border-style: solid;
            position: relative;
            border-style: none;
            border-radius: 0px;
        }

            html body .tab-gls .nav-tabs > li.active a {
                background: #2E3765;
                color: white;
                font-weight: 600;
                border-radius: 0px;
            }

                html body .tab-gls .nav-tabs > li.active a:focus {
                    color: #FFFFFF;
                    font-weight: 600;
                }

                    html body .tab-gls .nav-tabs > li.active a:focus span {
                        color: #FFFFFF;
                    }

                html body .tab-gls .nav-tabs > li.active a:active span {
                    color: #FFFFFF;
                }

            html body .tab-gls .nav-tabs > li.active:after {
                content: "";
                background: #FFFFFF;
                height: 4px;
                width: 100%;
                bottom: -3px;
                left: 0;
                position: absolute;
            }

            html body .tab-gls .nav-tabs > li.active span {
                color: #FFFFFF;
            }

        html body .tab-gls .nav-tabs > li > a {
            font-family: "Arial", "Helvetica", "Sans-serif";
            font-size: 13px;
            line-height: 17px;
            font-weight: 400;
            border-style: none;
            margin-right: 0px;
            padding: 5px 10px;
            border-radius: 0px;
            color: #6B1544;
            font-weight: 600;
            border-style: none;
            border-radius: 0px;
        }

            html body .tab-gls .nav-tabs > li > a:hover {
                background: #454D76;
                color: #FFFFFF !important;
                border-style: none;
                padding-bottom: 4px;
                border-radius: 0px;
            }

                html body .tab-gls .nav-tabs > li > a:hover span {
                    color: #FFFFFF;
                }

            html body .tab-gls .nav-tabs > li > a:focus {
                background: #454D76;
                color: #FFFFFF;
                outline: none;
                border-radius: 0px;
            }

                html body .tab-gls .nav-tabs > li > a:focus span {
                    color: #FFFFFF;
                }

            html body .tab-gls .nav-tabs > li > a span {
                color: #6B1544;
                font-weight: 600;
                font-size: 13px;
            }

html body .with-nav-tabs.panel-primary {
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    html body .with-nav-tabs.panel-primary .panel-footer {
        background: #EEEEEE;
        border-style: none;
        padding-bottom: 15px;
    }

        html body .with-nav-tabs.panel-primary .panel-footer.white {
            background: #FFFFFF;
            width: 100%;
        }

        html body .with-nav-tabs.panel-primary .panel-footer .btn-group {
            position: relative;
        }

    html body .with-nav-tabs.panel-primary .panel-heading {
        background: #FFFFFF;
        border-style: solid;
        border-top-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #EEEEEE;
    }

        html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs {
            border-style: none;
        }

            html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li {
                width: 100%;
                max-width: 210px;
                text-align: center;
                border-style: solid;
                border-color: #172154;
                border-width: 1px;
                margin-bottom: 0px;
                width: auto;
                border-top-right-radius: 3px;
                border-top-left-radius: 3px;
                border-style: none;
                background: #EEEEEE;
                color: #6B1544;
            }

                html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li.active {
                    border-bottom-width: 0px;
                    border-style: none;
                    position: relative;
                }

                    html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li.active a {
                        background: #2E3765;
                        color: white;
                        font-weight: 600;
                        border-radius: 0px;
                    }

                        html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li.active a:focus {
                            color: #FFFFFF;
                            font-weight: 600;
                        }

                            html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li.active a:focus span {
                                color: #FFFFFF;
                            }

                        html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li.active a:active span {
                            color: #FFFFFF;
                        }

                    html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li.active span {
                        color: #FFFFFF;
                    }

                html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li > a {
                    font-family: "Arial", "Helvetica", "Sans-serif";
                    font-size: 13px;
                    line-height: 17px;
                    font-weight: 400;
                    border-style: none;
                    margin-right: 0px;
                    padding: 5px 10px;
                    line-height: 20px;
                    color: #6B1544;
                    font-weight: 600;
                }

                    html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li > a:hover {
                        background: #454D76;
                        color: #FFFFFF !important;
                        border-radius: 0px;
                    }

                        html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li > a:hover span {
                            color: #FFFFFF;
                        }

                    html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li > a:focus {
                        background: #454D76;
                        color: #FFFFFF;
                        outline: none;
                        border-radius: 0px;
                    }

                        html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li > a:focus span {
                            color: #FFFFFF;
                        }

                    html body .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li > a span {
                        color: #6B1544;
                        font-weight: 600;
                        font-size: 13px;
                    }

        html body .with-nav-tabs.panel-primary .panel-heading ~ .panel-body {
            border-style: solid;
            border-top-width: 0px;
            border-bottom-width: 0px;
            border-left-width: 1px;
            border-right-width: 1px;
            border-color: #EEEEEE;
            margin-top: 0px;
            padding-top: 15px;
            background: #FFFFFF;
        }

        html body .with-nav-tabs.panel-primary .panel-heading ~ .panel-footer {
            border-style: solid;
            border-top-width: 0px;
            border-bottom-width: 1px;
            border-left-width: 1px;
            border-right-width: 1px;
            border-color: #EEEEEE;
            background: #FFFFFF;
            padding-bottom: 0px;
            padding-left: 10px;
        }

            html body .with-nav-tabs.panel-primary .panel-heading ~ .panel-footer.display-inline {
                display: inline-block;
                width: 100%;
            }

html body .right-navtab {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
}

    html body .right-navtab .saw {
        display: inline-block;
        padding-right: 4px;
    }

        html body .right-navtab .saw ~ .saw {
            margin-left: 10px;
        }

html body :not(.with-nav-tabs) .navbar {
    margin-bottom: 0px;
    display: inline-block;
    min-height: auto;
}

    html body :not(.with-nav-tabs) .navbar .navbar-inner .nav-pills > li {
        width: auto;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-style: none;
        background: #EEEEEE;
        color: #6B1544;
        margin-left: 0px;
        border-radius: 0px;
    }

        html body :not(.with-nav-tabs) .navbar .navbar-inner .nav-pills > li.active {
            background: #2E3765;
            border-bottom-width: 0px;
            border-color: #2E3765;
            border-style: none;
            position: relative;
        }

            html body :not(.with-nav-tabs) .navbar .navbar-inner .nav-pills > li.active a {
                color: white;
                background: transparent;
                font-weight: 600;
                margin-bottom: -1px;
            }

        html body :not(.with-nav-tabs) .navbar .navbar-inner .nav-pills > li a {
            color: #6B1544;
            font-weight: 600;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 13px;
            border-radius: 0px;
        }

            html body :not(.with-nav-tabs) .navbar .navbar-inner .nav-pills > li a:hover {
                background: #454D76;
                color: #FFFFFF !important;
            }

    html body :not(.with-nav-tabs) .navbar ~ .tab-content {
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-color: #EEEEEE;
        background: #FFFFFF;
        min-height: 40px;
        margin-top: -6px;
    }

        html body :not(.with-nav-tabs) .navbar ~ .tab-content.without-border {
            border-style: none;
        }

.navbar-btn {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-style: solid;
    border-color: #6B1544;
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    background: #FFFFFF;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

    .navbar-btn:hover {
        background: #A61F69;
        border-color: #A61F69;
        color: #FFFFFF;
    }

        .navbar-btn:hover .caret {
            border-top-color: #FFFFFF;
        }

        .navbar-btn:hover .btn-default .caret.medio {
            border-top-color: #FFFFFF !important;
        }

    .navbar-btn:focus, .navbar-btn:active {
        background-color: #FFFFFF;
        color: #6B1544;
        outline: none;
        border-color: #6B1544;
        border-width: 1px;
    }

    .navbar-btn.active {
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 11px;
        line-height: 17px;
        color: #6B1544;
        font-weight: 600;
        background: transparent;
        border-style: solid;
        border-color: #6B1544;
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        float: inherit;
        width: auto;
        border-radius: 0px;
        outline: none;
        background: #FFFFFF;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-btn.active:hover {
            background: #A61F69;
            border-color: #A61F69;
            color: #FFFFFF;
        }

            .navbar-btn.active:hover .caret {
                border-top-color: #FFFFFF;
            }

            .navbar-btn.active:hover .btn-default .caret.medio {
                border-top-color: #FFFFFF !important;
            }

        .navbar-btn.active:focus, .navbar-btn.active:active {
            background-color: #FFFFFF;
            color: #6B1544;
            outline: none;
            border-color: #6B1544;
            border-width: 1px;
        }

        .navbar-btn.active:focus {
            background: #6B1544;
            border-color: #6B1544;
            color: #FFFFFF;
            outline: none;
        }

    .navbar-btn[disabled]:hover, .navbar-btn[disabled]:focus, .navbar-btn[disabled]:active {
        background: #6B1544;
        border-color: #6B1544;
        color: #FFFFFF;
        outline: none;
    }

.nav-tabs li button {
    height: 30px;
}

.might-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .might-overflow:hover {
        text-overflow: clip;
        white-space: normal;
        word-break: break-all;
    }

/****************************************************************************
    Estilos para librerías externas - Styles for external libraries
****************************************************************************/
/****************
    DatePicker
****************/
:not(.search) .form-group.little-datepicker {
    padding-right: 0px;
    width: 88px;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
}

    :not(.search) .form-group.little-datepicker label {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    :not(.search) .form-group.little-datepicker input[type="text"] {
        padding-left: 3px;
        padding-right: 0px;
    }

html body .input-group.timepicker, html body .input-group.datepicker {
    margin-top: 0px;
    padding: 0px;
}

html body .datepicker,
html body .timepicker {
    margin-top: 10px;
}

html .input-group-sm.datepicker {
    margin-top: 0px;
    padding: 0px;
}

html .datepicker-days table.table-condensed thead tr {
    background: transparent;
}

    html .datepicker-days table.table-condensed thead tr a {
        color: #172154;
        outline: none;
        text-decoration: none;
    }

    html .datepicker-days table.table-condensed thead tr th {
        border-style: none;
    }

        html .datepicker-days table.table-condensed thead tr th:after {
            color: #172154;
            opacity: 1;
        }

html .datepicker table tr td table tr td.active.active,
html .datepicker table tr td span.active:hover.active table tr td.active.active,
html .datepicker table tr td.active.active {
    background-color: #6B1544;
    color: #FFFFFF;
    background-image: none;
    outline: none;
}

    html .datepicker table tr td table tr td.active.active:hover,
    html .datepicker table tr td span.active:hover.active table tr td.active.active:hover,
    html .datepicker table tr td.active.active:hover {
        background-color: #6B1544;
        color: #FFFFFF;
        background-image: none;
        outline: none;
    }

html .datepicker table tr td table tr td span.active:hover.active,
html .datepicker table tr td span.active:hover.active table tr td span.active:hover.active,
html .datepicker table tr td span.active:hover.active {
    background-color: #6B1544;
    color: #FFFFFF;
    background-image: none;
    outline: none;
}

    html .datepicker table tr td table tr td span.active .active,
    html .datepicker table tr td span.active:hover.active table tr td span.active .active,
    html .datepicker table tr td span.active .active {
        background-color: #6B1544 !important;
        color: #FFFFFF;
        background-image: none;
        outline: none;
    }

        html .datepicker table tr td table tr td span.active .active:hover,
        html .datepicker table tr td span.active:hover.active table tr td span.active .active:hover,
        html .datepicker table tr td span.active .active:hover {
            background-color: #6B1544;
            color: #FFFFFF;
            background-image: none;
            outline: none;
        }

html .datepicker table tr td span.active.active {
    background-color: #6B1544;
    color: #FFFFFF;
    background-image: none;
}

.datepicker.disabled {
    pointer-events: none;
    opacity: 0.65;
}
/***************************************
    Specific datepicker modules classes
****************************************/
.impresion .datepicker {
    z-index: 2000;
}

    .impresion .datepicker#div-cajafijo-fecha-expedicion {
        z-index: auto;
    }

    .impresion .datepicker-dropdown {
        -webkit-transform: translateX(25%);
        transform: translateX(25%);
    }

.impresion .datepicker.datepicker-dropdown {
    width: 19em;
    padding: 4px;
    z-index: 3000 !important;
    margin-top: 10px !important;
    height: 270px;
}

    .impresion .datepicker.datepicker-dropdown .datepicker-days {
        height: 100%;
    }

    .impresion .datepicker.datepicker-dropdown table {
        width: 100%;
        height: 100%;
    }

        .impresion .datepicker.datepicker-dropdown table tr:first-child th {
            min-width: 20px;
            height: 20px;
            line-height: 20px;
            width: 20px;
            padding: 5px;
        }

            .impresion .datepicker.datepicker-dropdown table tr:first-child th:first-child {
                font-weight: 400 !important;
                position: relative;
                top: 1px;
                display: inline-block;
                font-family: 'Glyphicons Halflings';
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                color: transparent;
            }

                .impresion .datepicker.datepicker-dropdown table tr:first-child th:first-child:before {
                    content: "\e079";
                    color: black;
                }

            .impresion .datepicker.datepicker-dropdown table tr:first-child th:last-child {
                position: relative;
                top: 1px;
                display: inline-block;
                font-family: 'Glyphicons Halflings';
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                color: transparent;
            }

                .impresion .datepicker.datepicker-dropdown table tr:first-child th:last-child:before {
                    content: "\e080";
                    color: black;
                }

        .impresion .datepicker.datepicker-dropdown table tr th {
            font-size: 11px !important;
        }

        .impresion .datepicker.datepicker-dropdown table tr td {
            font-size: 11px !important;
            height: 20px;
            line-height: 20px;
            width: 20px;
            padding: 5px;
        }

            .impresion .datepicker.datepicker-dropdown table tr td.today {
                background-color: #454D76;
                background-image: none;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                color: #FFFFFF;
            }

                .impresion .datepicker.datepicker-dropdown table tr td.today::before {
                    border: 0px;
                }

                .impresion .datepicker.datepicker-dropdown table tr td.today:hover {
                    background-color: #747A98 !important;
                    background: transparent;
                    color: white !important;
                }

            .impresion .datepicker.datepicker-dropdown table tr td.day.active {
                background-color: #6B1544 !important;
                background-image: none !important;
            }

                .impresion .datepicker.datepicker-dropdown table tr td.day.active:hover {
                    background-color: #6B1544 !important;
                }

                .impresion .datepicker.datepicker-dropdown table tr td.day.active:before {
                    border: 0px;
                }

.reembolsos .datepicker.datepicker-dropdown.dropdown-menu:not(.bootstrap-datetimepicker-widget) {
    z-index: 1200 !important;
}

/**********************
    DateTimePicker
**********************/
html body .bootstrap-datetimepicker-widget {
    width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 3000;
    margin-top: 10px;
    border-radius: 0px;
}

    html body .bootstrap-datetimepicker-widget table {
        width: 100%;
    }

        html body .bootstrap-datetimepicker-widget table tr:first-child th:first-child, html body .bootstrap-datetimepicker-widget table tr:first-child th:last-child {
            font-weight: 400 !important;
        }

        html body .bootstrap-datetimepicker-widget table tr th {
            font-size: 11px !important;
        }

        html body .bootstrap-datetimepicker-widget table tr td {
            font-size: 11px !important;
        }

            html body .bootstrap-datetimepicker-widget table tr td.today {
                background-color: #454D76;
                background-image: none;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                color: #FFFFFF;
            }

                html body .bootstrap-datetimepicker-widget table tr td.today::before {
                    border: 0px;
                }

                html body .bootstrap-datetimepicker-widget table tr td.today:hover {
                    background-color: #747A98 !important;
                    background: transparent;
                    color: white !important;
                }

            html body .bootstrap-datetimepicker-widget table tr td.day.active {
                background-color: #6B1544 !important;
                background-image: none !important;
            }

                html body .bootstrap-datetimepicker-widget table tr td.day.active:hover {
                    background-color: #6B1544 !important;
                }

                html body .bootstrap-datetimepicker-widget table tr td.day.active:before {
                    border: 0px;
                }

    html body .bootstrap-datetimepicker-widget .timepicker table td {
        line-height: 40px;
    }

        html body .bootstrap-datetimepicker-widget .timepicker table td a {
            padding: 0px;
            color: #6B1544;
        }

            html body .bootstrap-datetimepicker-widget .timepicker table td a span.glyphicon-chevron-up {
                font-family: FontAwesome;
                font-weight: normal;
                font-style: normal;
                text-decoration: inherit;
                -webkit-font-smoothing: antialiased;
                position: relative;
                height: auto;
                line-height: normal;
                vertical-align: baseline;
                background-image: none;
                background-position: 0% 0%;
                background-repeat: repeat;
                margin-top: 0;
            }

                html body .bootstrap-datetimepicker-widget .timepicker table td a span.glyphicon-chevron-up:before {
                    content: "";
                    color: #6B1544;
                    font-size: 25px;
                }

            html body .bootstrap-datetimepicker-widget .timepicker table td a span.glyphicon-chevron-down {
                font-family: FontAwesome;
                font-weight: normal;
                font-style: normal;
                text-decoration: inherit;
                -webkit-font-smoothing: antialiased;
                position: relative;
                height: auto;
                line-height: normal;
                vertical-align: baseline;
                background-image: none;
                background-position: 0% 0%;
                background-repeat: repeat;
                margin-top: 0;
            }

                html body .bootstrap-datetimepicker-widget .timepicker table td a span.glyphicon-chevron-down:before {
                    content: "";
                    color: #6B1544;
                    font-size: 25px;
                }

        html body .bootstrap-datetimepicker-widget .timepicker table td.separator {
            font-size: 14px !important;
        }

html .input-group-sm.timepicker {
    margin-top: 0px;
    padding: 0px;
}

html body .input-group.datetimesecondpicker {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 140px;
}

    html body .input-group.datetimesecondpicker input[type="text"] {
        word-spacing: 5pt;
        width: 100%;
        max-width: 100%;
    }

/**********************
    Select2
**********************/
html .select2-container--default {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
}

    html .select2-container--default .select2-search--dropdown {
        padding: 0px;
        position: relative;
        max-width: 100%;
        width: 100%;
        height: 30px;
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        html .select2-container--default .select2-search--dropdown:after {
            content: '';
            width: 40px;
            height: 30px;
            background: #6B1544;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
            display: block;
        }

        html .select2-container--default .select2-search--dropdown:before {
            content: '\f002';
            font-family: FontAwesome;
            font-size: 17px;
            position: absolute;
            top: 50%;
            color: #FFFFFF;
            right: 20px;
            -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
            z-index: 3;
            display: block;
            font-weight: 400;
        }

        html .select2-container--default .select2-search--dropdown:hover:before {
            color: #6B1544;
        }

        html .select2-container--default .select2-search--dropdown:hover:after {
            background: white;
            border-color: #6B1544;
            border-style: solid;
            border-width: 1px;
        }

        html .select2-container--default .select2-search--dropdown input.select2-search__field {
            height: 100%;
            outline: none;
        }

    html .select2-container--default .selection .select2-selection--single {
        outline: none;
        height: 28px;
    }

    html .select2-container--default .selection .select2-selection .select2-selection__arrow {
        text-align: center;
        height: 28px;
    }

        html .select2-container--default .selection .select2-selection .select2-selection__arrow b {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            position: relative;
            height: auto;
            line-height: normal;
            vertical-align: baseline;
            background-image: none;
            background-position: 0% 0%;
            background-repeat: repeat;
            margin-top: 0;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border-style: none;
            right: 6px;
        }

            html .select2-container--default .selection .select2-selection .select2-selection__arrow b:before {
                content: "";
                color: #333333;
                font-size: 17px;
            }

            html .select2-container--default .selection .select2-selection .select2-selection__arrow b :before {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%) translateX(-50%);
                transform: translateY(-50%) translateX(-50%);
            }

    html .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background: #454D76;
        text-align: left;
    }

    html .select2-container--default .select2-results__option[aria-selected=true] {
        text-align: left;
    }

    html .select2-container--default .select2-results__option[aria-selected] {
        text-align: left;
    }

    html .select2-container--default .select2-container--open .select2-dropdown--below {
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        background-color: white;
        border: 1px solid #cccccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
    }

        html .select2-container--default .select2-container--open .select2-dropdown--below .select2-results__option {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 3px;
            padding-bottom: 3px;
            text-align: left;
        }

/**********************
    jsTree
**********************/

.arbol {
    padding-right: 1px;
    padding-left: 1px;
}

#labelRotate {
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transform: translate(-10px, 65px) rotate(-90deg);
    transform: translate(-10px, 65px) rotate(-90deg);
}

.arbol.sm #labelRotate {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.treeView .arbol .panel-heading [data-toggle="collapse"]:after {
    content: "\f062";
}

.treeView .arbol .panel-heading [data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(90deg) translate(-2px, -4px) !important;
    transform: rotate(90deg) translate(-2px, -4px) !important;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.treeView .arbol .panel-heading [data-toggle="collapse"]:after {
    -webkit-transform: rotate(-90deg) translate(2px, 0);
    transform: rotate(-90deg) translate(2px, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.treeView .arbol.sm {
    width: 3%;
    -webkit-transition: .5s;
    transition: .5s;
}

.treeView .arbol.xl {
    width: 20%;
    -webkit-transition: .5s;
    transition: .5s;
}

.treeView .arbol.sm .panel-body {
    height: 0px;
    -webkit-transition: .5s;
    transition: .5s;
}

.treeView .arbol.xl .panel-body {
    height: 350px;
    -webkit-transition: .5s;
    transition: .5s;
}

.treeView .arbol.sm .panel-heading {
    height: 375px;
}

.treeView .detalle.sm {
    width: 80%;
    -webkit-transition: width .5s;
    transition: width .5s;
    padding-right: 0px;
}

.treeView .detalle.xl {
    width: 97%;
    -webkit-transition: width .5s;
    transition: width .5s;
}

.treeView .arbol .panel-heading [data-toggle="collapse"]:after {
    -webkit-transform: rotate(-90deg) translate(2px, 0);
    transform: rotate(-90deg) translate(2px, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.treeView .arbol .panel-heading [data-toggle="collapse"]:after {
    content: "\f062";
}

.jstree-treebase {
    background: #FFFFCC;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
}

.jstree-base {
    background: #FFFFCC;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-size: cover;
}

.jstree-treeclient {
    background: #CCFFFF;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
}

.jstree-client {
    background: #CCFFFF;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-size: cover;
}

.jstree-mixed {
    background: #57c31b;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-size: cover;
}

.jstree-notedited > i.jstree-icon.jstree-checkbox {
    opacity: 1;
    background: #ff0d0d;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-image: url(/Images/rateWizardOrder_icons/r14.bmp);
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    -webkit-filter: none;
    background-position: 0px 0px !important;
}

.jstree-edited > i.jstree-icon.jstree-checkbox {
    opacity: 1;
    background: #ff0d0d;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-image: url(/Images/rateWizardOrder_icons/r13.bmp);
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    -webkit-filter: none;
    background-position: 0px 0px !important;
}

html i.jstree-icon.jstree-themeicon.fa {
    font-size: 17px;
}

html i.jstree-icon.jstree-themeicon:not(.fa) {
    background-image: none;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

    html i.jstree-icon.jstree-themeicon:not(.fa):before {
        content: "";
        color: #172154;
        font-size: 17px;
    }

html .jstree-default .jstree-clicked,
html .jstree-anchor.jstree-hovered {
    background: #D1D3DD;
}

html .jstree-treebase {
    background: #FFFFCC;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
}

html .jstree-base {
    background: #FFFFCC;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-size: cover;
}

html .jstree-treeclient {
    background: #CCFFFF;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
}

html .jstree-client {
    background: #CCFFFF;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-size: cover;
}

html .jstree-mixed {
    background: #57c31b;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-size: cover;
}

html i.jstree-icon.jstree-themeicon.fa {
    font-size: 17px;
}

html i.jstree-icon.jstree-themeicon:not(.fa) {
    background-image: none;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

    html i.jstree-icon.jstree-themeicon:not(.fa):before {
        content: "";
        color: #172154;
        font-size: 17px;
    }

    html i.jstree-icon.jstree-themeicon:not(.fa).jstree-themeicon-custom {
        width: 15px !important;
    }

        html i.jstree-icon.jstree-themeicon:not(.fa).jstree-themeicon-custom:before {
            content: '';
        }

html .jstree-default .jstree-clicked,
html .jstree-anchor.jstree-hovered {
    background: #D1D3DD;
}

html .jstree-default .jstree-interrogante > i.jstree-icon.jstree-checkbox {
    opacity: 1;
    background: #ff0d0d;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-image: url(/Images/rateWizardOrder_icons/r9.bmp);
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    -webkit-filter: none;
    background-position: 0px 0px !important;
    border-style: none;
    -webkit-transform: none;
    transform: none;
}

    html .jstree-default .jstree-interrogante > i.jstree-icon.jstree-checkbox:before {
        content: '' !important;
    }

    html .jstree-default .jstree-interrogante > i.jstree-icon.jstree-checkbox ~ .jstree-icon.jstree-themeicon.jstree-themeicon-custom {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }

html .jstree-default .jstree-notedited > i.jstree-icon.jstree-checkbox {
    opacity: 1;
    background: #ff0d0d;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #999999;
    box-shadow: inset 0 0 1px #999999;
    content: '';
    background-image: url(/Images/rateWizardOrder_icons/r14.bmp);
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    -webkit-filter: none;
    background-position: 0px 0px !important;
    border-style: none;
    -webkit-transform: none;
    transform: none;
}

    html .jstree-default .jstree-notedited > i.jstree-icon.jstree-checkbox:before {
        content: '' !important;
    }

    html .jstree-default .jstree-notedited > i.jstree-icon.jstree-checkbox ~ .jstree-icon.jstree-themeicon.jstree-themeicon-custom {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }

html .jstree-default .jstree-icon:not(.fa).jstree-checkbox {
    position: relative;
    vertical-align: middle;
    line-height: 14px;
    height: 14px;
    width: 14px;
    left: 0;
    border-style: solid;
    border-color: #6B1544;
    border-width: 1px;
    display: inline-block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    vertical-align: top;
    border-radius: 3px;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
}

html .jstree-default .jstree-icon:not(.fa).jstree-themeicon.jstree-themeicon-custom {
    height: 14px;
    background-size: cover !important;
    width: auto;
    -webkit-transform: translateY(18%);
    transform: translateY(18%);
    margin-left: 5px;
}

html .jstree-default .jstree-checked > .jstree-icon:not(.fa).jstree-checkbox:before {
    content: '\f00c';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 12px;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    background: transparent;
    color: #333333;
}

html .jstree-default .jstree-anchor {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 11px;
}

html .jstree-treeclient {
    background: transparent;
}

html .treeview.treeview-tree {
    padding-left: 0px;
}

    html .treeview.treeview-tree .tree-branch {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

        html .treeview.treeview-tree .tree-branch a {
            line-height: 24px;
            height: 24px;
            display: inline-block;
        }

            html .treeview.treeview-tree .tree-branch a:hover {
                background: #D1D3DD;
                color: #333333;
                text-decoration: none;
            }

    html .treeview.treeview-tree ul {
        padding-left: 10px;
    }

/***************************************
    Specific jsTree modules classes
****************************************/
.pickup #panelTreeAply,
.pickup #panelTreeReceive {
    padding-left: 0 !important;
}

.caja .treeView.treeViewPenaliza, .caja .treeView.treeViewAgenda {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .caja .treeView.treeViewPenaliza .arbol > div, .caja .treeView.treeViewAgenda .arbol > div {
        height: 100%;
    }

        .caja .treeView.treeViewPenaliza .arbol > div .panel.panel-default, .caja .treeView.treeViewAgenda .arbol > div .panel.panel-default {
            height: 100%;
        }
        
.caja .treeView .arbol.sm .panel-default {
    height: 100%;
}

.caja .treeView .arbol.sm #collapseArbol {
    height: 100%;
}

.caja .treeView .arbol.sm .panel-heading {
    height: 100%;
}

.managementZZ .tree-branch a {
    color: #333333;
    outline: none;
    text-decoration: none;
}

.managementZZ .tree-branch .glyphicon-chevron-left {
    font-size: 19px;
    font-weight: 600;
    margin-left: 4px;
}

/**********************
    Sweet-alert
**********************/
.sweet-alert {
    border-radius: 0px !important;
    outline: none;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

    .sweet-alert .lead {
        font-family: "Arial", "Helvetica", "Sans-serif";
        font-size: 16px;
        line-height: 25px;
        font-weight: 400;
        outline: none;
        font-weight: 600;
        margin-bottom: 4px;
        text-align: center;
        color: #747A98;
    }

    .sweet-alert .form-group {
        width: 100%;
    }

    .sweet-alert .sa-button-container {
        display: inline-block;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }

        .sweet-alert .sa-button-container > button {
            margin-right: 15px;
        }

        .sweet-alert .sa-button-container button.btn-lg {
            line-height: 11px;
        }

    .sweet-alert .sa-icon.sa-success::before {
        transform-origin: 45px 60px !important;
    }

/**********************
    UI-Slider
**********************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none !important;
    background-color: #dddddd;
}

.ui-slider {
    background-color: transparent;
    border: 1px solid #dddddd;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #dddddd;
}

.ui-slider .ui-slider-range {
    background-color: #3c3c3c;
}


/**********************
    FORM-POPUP
**********************/
/* The popup form - hidden by default */
.form-popup {
    display: none;
    position: absolute;
    border: 2px solid black;
    z-index: 9;
    max-width: unset !important;
    padding: initial !important;
    margin: initial !important;
    background-color: white;
}

/* Add styles to the form container */
.form-container {
    max-width: unset !important;
    padding: 10px !important;
}

    .form-container div {
        max-width: unset !important;
        margin-bottom: 10px !important;        
    }

    .form-container.left div {
        text-align: left !important;
    }

    .form-container input[type="text"],
    .form-container input[type="number"] {
        padding-left: 5%;
        height: 28px !important;
        width: 100%;
    }

    .form-container .btn-default {
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        width: auto;
    }

    .form-container select {
        height: 28px;
        width: 100%;
    }
/**********************************************************************************
    Estilos para filtros, paneles y tablas - Styles for filters, panels and tables
**********************************************************************************/
/************
    Filters
*************/
#filter-group {
    width: 100%;
}

.filtro_shipping_finder {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-style: solid;
    border-color: #6B1544;
    height: 30px;
    float: inherit;
    width: 10%;
    background: #FFFFFF;
    float: left;
    position: relative;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    margin-bottom: 10px;
    outline: none;
}

    .filtro_shipping_finder.other {
        margin-right: 10px;
    }

    .filtro_shipping_finder:after {
        content: '';
        width: 1px;
        height: 100%;
        background: #6B1544;
        position: absolute;
        top: 0;
        right: -1px;
    }

    .filtro_shipping_finder .semiactive .badge {
        display: block;
    }

    .filtro_shipping_finder .badge {
        font-size: 8px !important;
        line-height: 12px;
        position: absolute;
        top: 0;
        right: 0;
        background: transparent;
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
        color: #6B1544;
        height: 12px;
        width: 14px;
        background: #172154;
        color: #FFFFFF;
        padding: 0px;
        text-align: center;
        display: none;
    }

    .filtro_shipping_finder .text-shipping-finde {
        position: relative;
        display: inline-block;
    }

    .filtro_shipping_finder:last-child {
        border-right-width: 1px;
    }

    .filtro_shipping_finder .btn-default {
        min-width: inherit;
    }

        .filtro_shipping_finder .btn-default.active {
            min-width: inherit;
        }

    .filtro_shipping_finder:hover .dropdown-menu {
        color: #333333;
    }

    .filtro_shipping_finder .open .btn-default.dropdown-toggle {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .filtro_shipping_finder .open .btn-default.dropdown-toggle .caret {
            border-top-color: #6B1544;
        }

        .filtro_shipping_finder .open .btn-default.dropdown-toggle:hover, .filtro_shipping_finder .open .btn-default.dropdown-toggle:focus {
            background: transparent;
        }

    .filtro_shipping_finder .btn-default:focus {
        color: #6B1544;
    }

    .filtro_shipping_finder .btn-default:hover {
        background: transparent;
        color: #6B1544;
    }

        .filtro_shipping_finder .btn-default:hover .caret {
            border-top-color: #6B1544;
        }

        .filtro_shipping_finder .btn-default:hover ~ button {
            background: transparent;
        }

    .filtro_shipping_finder .btn-default.active:focus {
        color: #6B1544;
    }

    .filtro_shipping_finder .button-quality.btn-default.filter-toggle.active {
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        background-color: #dcdcdc;
        color: #6B1544;
    }

        .filtro_shipping_finder .button-quality.btn-default.filter-toggle.active ~ button {
            background-color: transparent;
            color: #6B1544;
        }

    .filtro_shipping_finder .caret {
        border-top-color: #333333;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 7px;
    }

    .filtro_shipping_finder .btn-group {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: inline-block;
        outline: none;
    }

        .filtro_shipping_finder .btn-group button {
            border-style: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
            padding: 0px !important;
            height: 100%;
            font-size: 11px;
            outline: none;
        }

            .filtro_shipping_finder .btn-group button.btn-default {
                min-width: inherit;
            }

            .filtro_shipping_finder .btn-group button:focus {
                background: transparent;
                outline: none;
            }

            .filtro_shipping_finder .btn-group button:first-child {
                border-style: none;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                z-index: auto;
                padding-left: 13px !important;
                padding-right: 13px !important;
                text-align: left;
            }

                .filtro_shipping_finder .btn-group button:first-child ~ button {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 100%;
                    padding-right: 13px !important;
                    outline: none;
                    z-index: 2;
                    padding-left: 10px !important;
                    background: transparent;
                }

                    .filtro_shipping_finder .btn-group button:first-child ~ button:focus {
                        -webkit-box-shadow: none;
                        box-shadow: none;
                    }

    .filtro_shipping_finder button:only-child.btn.btn-default {
        background: transparent;
        border-style: none;
        outline: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-align: left;
        outline: none;
    }

        .filtro_shipping_finder button:only-child.btn.btn-default:focus {
            outline: none;
        }

        .filtro_shipping_finder button:only-child.btn.btn-default span {
            font-size: 11px;
        }

    .filtro_shipping_finder .dropdown-menu {
        min-width: 180px;
    }

        .filtro_shipping_finder .dropdown-menu li {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 3px;
            padding-bottom: 3px;
        }

            .filtro_shipping_finder .dropdown-menu li input[type="checkbox"] {
                display: none;
            }

                .filtro_shipping_finder .dropdown-menu li input[type="checkbox"]:checked + span.checkbox_input:before {
                    font-family: FontAwesome;
                    font-weight: normal;
                    font-style: normal;
                    text-decoration: inherit;
                    -webkit-font-smoothing: antialiased;
                    content: '\f00c';
                    position: absolute;
                    font-size: 11px;
                    left: 0;
                    right: 0;
                    margin-left: auto;
                    margin-right: auto;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    height: auto;
                    width: auto;
                    background: transparent;
                }

            .filtro_shipping_finder .dropdown-menu li span.checkbox_input {
                position: relative;
                vertical-align: middle;
                line-height: 14px;
                height: 14px;
                width: 14px;
                margin: 0px;
                display: inline-block;
                text-align: center;
                margin-right: 5px;
                margin-top: -2px;
            }

                .filtro_shipping_finder .dropdown-menu li span.checkbox_input::after {
                    height: 14px;
                    width: 14px;
                    position: absolute;
                    left: 0;
                    border-style: solid;
                    border-color: #6B1544;
                    border-width: 1px;
                    display: inline-block;
                    background: transparent;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    outline: none;
                    vertical-align: top;
                    border-radius: 3px;
                    content: '';
                }

            .filtro_shipping_finder .dropdown-menu li label {
                line-height: 14px;
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
                padding-left: 0px;
                color: #333333;
            }

            .filtro_shipping_finder .dropdown-menu li:hover {
                background: #454D76;
            }

                .filtro_shipping_finder .dropdown-menu li:hover label {
                    color: #FFFFFF;
                }

                .filtro_shipping_finder .dropdown-menu li:hover span.checkbox_input::after {
                    border-color: #FFFFFF;
                }

/***********
    Panels
************/
.panel-body {
    background: #FFFFFF;
}

    .panel-body .tab-pane {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

        .panel-body .tab-pane.without-border {
            border-style: none;
        }

        .panel-body .tab-pane .group {
            float: left;
            display: inline-block;
        }

            .panel-body .tab-pane .group > div {
                display: block;
            }

/************
    Tables
************/

table.table.table-fixed.table-hover.floatThead-table > thead > tr > th {
    background: #EEEEEE;
    color: #172154;
    position: relative;
    outline: none;
    border-style: none;
    height: 34px;
    vertical-align: middle;
}

    table.table.table-fixed.table-hover.floatThead-table > thead > tr > th:after {
        position: absolute;
        color: #172154;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1;
        right: 6px;
    }

table.table.table-fixed.table-hover.floatThead-table tbody tr:first-child {
    border-top-width: 0px;
}

    table.table.table-fixed.table-hover.floatThead-table tbody tr:first-child td {
        border-top-width: 0px;
    }

table.table.table-fixed.table-hover.floatThead-table tbody td {
    height: 34px;
    vertical-align: middle;
}


html table {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

    html table tbody tr th {
        font-family: "Arial", "Helvetica", "Sans-serif";
        font-size: 11px;
        line-height: 14px;
        font-weight: 400;
    }

    html table tbody tr td {
        font-family: "Arial", "Helvetica", "Sans-serif";
        font-size: 11px;
        line-height: 14px;
        font-weight: 400;
    }

        html table tbody tr td input[type="text"],
        html table tbody tr td input[type="tel"],
        html table tbody tr td input[type="email"] {
            height: auto;
            border-color: #EEEEEE;
        }

        html table tbody tr td select {
            font-size: 11px;
            height: 17px;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
        }

            html table tbody tr td select.form-control {
                font-size: 11px;
                height: 17px;
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
            }

        html table tbody tr td .btn-small-default {
            height: 15px;
            position: relative;
            text-align: center;
        }

            html table tbody tr td .btn-small-default i {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 0;
                left: 0;
                margin-left: auto;
                margin-right: auto;
            }

        html table tbody tr td a.btn-small-default {
            height: 15px;
            padding-top: 0px;
            padding-bottom: 15px;
        }

html :not(.search) table tbody tr td input[type="text"],
html :not(.search) table tbody tr td input[type="tel"],
html :not(.search) table tbody tr td input[type="email"],
html :not(.search) table tbody tr td input[type="number"] {
    height: auto;
}

html table tr td .btn-default {
    min-width: inherit;
    font-size: 13px;
    padding: 0px 4px;
    height: 20px;
    width: 20px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

html table tr td .btn-small {
    margin-left: auto;
    margin-right: auto;
}

html table tr.preactive {
    background: #D1D3DD;
}

html table .checkbox_gls label {
    margin-bottom: auto;
    margin-top: auto;
}

html table tbody tr td a {
    text-decoration: none;
    color: #333333;
}


html table thead tr {
    background: #EEEEEE;
    color: #172154;
    font-size: 11px;
}

    html table thead tr a {
        color: #172154;
        outline: none;
        text-decoration: none;
        font-size: 11px;
    }

        html table thead tr a:hover {
            color: #172154;
            outline: none;
            text-decoration: none;
            font-size: 11px;
        }

html table.table-condensed thead tr {
    background: #EEEEEE;
}

    html table.table-condensed thead tr a {
        color: #172154;
        outline: none;
        text-decoration: none;
        font-size: 11px;
    }

    html table.table-condensed thead tr th {
        border-style: none;
        font-size: 11px;
    }

        html table.table-condensed thead tr th:after {
            color: #172154;
            opacity: 1;
        }

html table.floatThead-table thead tr {
    background: #EEEEEE;
}

    html table.floatThead-table thead tr a {
        color: #172154;
        outline: none;
        text-decoration: none;
        font-size: 11px;
    }

    html table.floatThead-table thead tr th {
        border-style: none;
        font-size: 11px;
        padding-left: 10px;
    }

        html table.floatThead-table thead tr th:after {
            color: #172154;
            opacity: 1;
        }

html table.floatThead-table tbody tr > td {
    border-top-width: 0px;
}



html table .table-hover > tbody > tr:hover > td {
    background-color: #D1D3DD;
}

html .table.table-condensed th {
    padding-left: 10px;
    padding-right: 18px;
    padding-bottom: 16x;
    padding-top: 6px;
    color: #172154;
}

.table > tbody > tr.selected {
    background-color: #D1D3DD;
}

th:empty {
    width: 10px;
}

/********************************
    Specific classes tables
*********************************/
#asignaView #table-DocumentosReembolsos .Active,
#documentoView #table-DocumentosReembolsos .Active {
    background-color: lightgray;
}

/****************
    Datatables
****************/
html .dataTables_wrapper .dataTables_paginate {
    text-align: right;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin-right: 0px;
}

    html .dataTables_wrapper .dataTables_paginate span.paginate_button {
        margin-right: 2px;
        display: block;
        height: 28px;
        width: 28px;
        border-style: solid;
        border-width: 1px;
        padding-bottom: 5px;
        border-color: #EEEEEE !important;
        background: #EEEEEE;
        float: left;
        position: relative;
        text-align: center;
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 16px;
        line-height: 20px;
        color: #6B1544;
        font-weight: 600;
        color: #6B1544 !important;
        background-color: #EEEEEE !important;
        width: 34px;
    }

        html .dataTables_wrapper .dataTables_paginate span.paginate_button.disabled {
            margin-right: 2px;
            display: block;
            height: 28px;
            width: 28px;
            border-style: solid;
            border-width: 1px;
            padding-bottom: 5px;
            border-color: #EEEEEE !important;
            background: #EEEEEE;
            float: left;
            position: relative;
            text-align: center;
            font-family: "Arial", "Helvetica-bold", "Sans-serif";
            font-size: 16px;
            line-height: 20px;
            color: #6B1544;
            font-weight: 600;
            color: #6B1544 !important;
            cursor: not-allowed;
            pointer-events: none;
            opacity: 0.65;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
            padding: 0;
            background: #EEEEEE !important;
        }

        html .dataTables_wrapper .dataTables_paginate span.paginate_button:hover {
            background: #6B1544 !important;
            background-color: #6B1544;
            border-color: #6B1544;
            color: #FFFFFF;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline-color: inherit;
        }

    html .dataTables_wrapper .dataTables_paginate span.pagination-fa {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    html .dataTables_wrapper .dataTables_paginate span.first {
        color: #6B1544 !important;
    }

    html .dataTables_wrapper .dataTables_paginate .paginate_input {
        border-style: none;
        float: left;
        height: 28px;
        margin-top: 0px;
        max-width: -webkit-min-content;
        max-width: -moz-min-content;
        max-width: min-content;
        min-width: 28px;
        font-size: 11px;
        padding: 0px;
        margin-left: 2px;
        margin-right: 2px;
        color: #6B1544;
        text-align: center;
    }

    html .dataTables_wrapper .dataTables_paginate .paginate_of {
        float: left;
        height: 28px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding-left: 10px;
        position: relative;
        line-height: 28px;
        color: #6B1544;
        margin-right: 8px;
        min-width: 28px;
        text-align: center;
    }

        html .dataTables_wrapper .dataTables_paginate .paginate_of:before {
            content: '/';
            color: #6B1544;
            font-weight: 600;
            line-height: 28px;
            position: absolute;
            left: 0;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

html .filterLeft .dataTables_wrapper .dataTables_filter{
    float: left;
}

html .dataTables_wrapper .dataTables_filter label {
    position: relative;
    max-width: 100%;
    width: 250px;
    height: 30px;
    display: inline-block;
}

    html .dataTables_wrapper .dataTables_filter label:after {
        content: '';
        width: 40px;
        height: 30px;
        background: #6B1544;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        display: block;
    }

    html .dataTables_wrapper .dataTables_filter label:before {
        content: '\f002';
        font-family: FontAwesome;
        font-size: 17px;
        position: absolute;
        top: 50%;
        color: #FFFFFF;
        right: 20px;
        -webkit-transform: translateX(50%) translateY(-50%);
        transform: translateX(50%) translateY(-50%);
        z-index: 3;
        display: block;
        font-weight: 400;
    }

    html .dataTables_wrapper .dataTables_filter label:hover:before {
        color: #6B1544;
    }

    html .dataTables_wrapper .dataTables_filter label:hover:after {
        background: white;
        border-color: #6B1544;
        border-style: solid;
        border-width: 1px;
    }

html .dataTables_wrapper .dataTables_filter input[type="search"] {
    display: inline-block;
    width: 100%;
    height: 30px;
    outline: none;
    border-style: solid;
    border-color: #EEEEEE;
    border-width: 1px;
    padding-left: 10px;
    margin-top: 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    margin-left: 0px;
}

    html .dataTables_wrapper .dataTables_filter input[type="search"]:focus {
        border-color: #CCCCCC;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

html .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    border-bottom: 0px;
}

table.dataTable thead th {
    background-image: none !important;
}

html .dataTables_scrollHeadInner table.dataTable thead .adetails-control.sorting_asc::after,
html .dataTables_scrollHeadInner table.dataTable thead .sorting_asc:empty::after,
html .dataTables_scrollHeadInner table.dataTable thead .sorting_desc:empty::after,
html .dataTables_scrollHeadInner table.dataTable thead .sorting_asc.sorting_disabled::after {
    content: "" !important;
    display: none;
}

html .dataTables_scrollHeadInner table.dataTable thead th.sorting_asc:after {
    font-family: FontAwesome;
    font-size: 11px;
    margin-left: 5px;
    content: "\f077" !important;
}

html .dataTables_scrollHeadInner table.dataTable thead th.sorting_desc:after {
    font-family: FontAwesome;
    font-size: 11px;
    margin-left: 5px;
    content: "\f078" !important;
}

html table.dataTable thead .sorting_asc.sorting_disabled {
    background-image: none;
    content: "";
}

html table.dataTable thead .adetails-control.sorting_asc {
    background-image: none;
}

html table.dataTable thead tr {
    background: #EEEEEE;
}

    html table.dataTable thead tr a {
        color: #172154;
        outline: none;
        text-decoration: none;
        font-size: 11px;
    }

        html table.dataTable thead tr a span {
            color: #172154;
            outline: none;
            text-decoration: none;
            font-size: 11px;
        }

    html table.dataTable thead tr th {
        border-style: none;
        font-size: 11px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 3px;
        padding-right: 3px;
    }

        html table.dataTable thead tr th div {
            padding: 0px;
            margin: 0px;
            max-width: min-content;
        }

        html table.dataTable thead tr th span {
            padding-left: 0px;
            padding-right: 0px;
            width: max-content;
            display: inline-block;
            color: #172154;
            outline: none;
            text-decoration: none;
            font-size: 11px;
            font-weight: bold;
        }

        html table.dataTable thead tr th a {
            padding-left: 0px;
            padding-right: 0px;
            width: max-content;
            display: inline-block;
        }

            html table.dataTable thead tr th a span {
                padding-left: 0px;
                padding-right: 0px;
                width: max-content;
                display: inline-block;
                color: #172154;
                outline: none;
                text-decoration: none;
                font-size: 11px;
                font-weight: bold;
            }

        html table.dataTable thead tr th:after {
            color: #172154;
            opacity: 1;
        }

html .maintenanceRibbons table.dataTable thead tr th span {
    padding-left: 0px;
    padding-right: 0px;
    width: 20%;
    display: table-cell;
    color: #172154;
    outline: none;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

html table.dataTable tbody th,
html table.dataTable tbody td {
    padding: 6px 3px 6px 3px;
    font-size: 11px;
}

html table.dataTable tfoot th {
    padding: 10px 30px 6px 4px;
    font-size: 11px;
}

html table.dataTable tbody td {
    min-width: max-content;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
}

    html table.dataTable tbody td .radio,
    html table.dataTable tbody td .checkbox {
        margin-top: 0px;
        margin-bottom: 0px;
    }

html .table:not(.dataTable) > thead > tr > th {
    padding-left: 10px;
    padding-right: 18px;
    padding-bottom: 6px;
    padding-top: 6px;
    color: #172154;
}

html .table:not(.dataTable) tr td {
    padding: 2px 10px;
}

.managementZZ table.dataTable tbody td {
    overflow: inherit;
}

div.DTS div.dataTables_scrollBody {
    background: none;
}

.filterDTSButtons {
    margin-bottom: -30px;
    position: relative;
    z-index: 100;
}
/*****************************************************************************
    Estilos para iconos - Styles for icons
******************************************************************************/
[class^="icon-"],
[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

.icon {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.icon-2x {
    font-size: 2em;
}

.icon-3x {
    font-size: 3em;
}

.icon-4x {
    font-size: 4em;
}

.icon-5x {
    font-size: 5em;
}

.icon-fw {
    width: 1.28571em;
    text-align: center;
}

.icon-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none;
}

    .icon-ul > li {
        position: relative;
    }

.icon-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center;
}

    .icon-li.icon-lg {
        left: -1.85714em;
    }

.icon-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.icon.pull-left {
    margin-right: .3em;
}

.icon.pull-right {
    margin-left: .3em;
}

.icon-spin {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.icon-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.icon-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.icon-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.icon-stack-1x, .icon-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.icon-stack-1x {
    line-height: inherit;
}

.icon-stack-2x {
    font-size: 2em;
}

.icon-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
    content: "";
}

.icon-music:before {
    content: "";
}

.icon-search:before {
    content: "";
}

.icon-envelope-o:before {
    content: "";
}

.icon-heart:before {
    content: "";
}

.icon-star:before {
    content: "";
}

.icon-star-o:before {
    content: "";
}

.icon-user:before {
    content: "";
}

.icon-film:before {
    content: "";
}

.icon-th-large:before {
    content: "";
}

.icon-th:before {
    content: "";
}

.icon-th-list:before {
    content: "";
}

.icon-check:before {
    content: "";
}

.icon-times:before {
    content: "";
}

.icon-search-plus:before {
    content: "";
}

.icon-search-minus:before {
    content: "";
}

.icon-power-off:before {
    content: "";
}

.icon-signal:before {
    content: "";
}

.icon-gear:before,
.icon-cog:before {
    content: "";
}

.icon-trash-o:before {
    content: "";
}

.icon-home:before {
    content: "";
}

.icon-file-o:before {
    content: "";
}

.icon-clock-o:before {
    content: "";
}

.icon-road:before {
    content: "";
}

.icon-download:before {
    content: "";
}

.icon-arrow-circle-o-down:before {
    content: "";
}

.icon-arrow-circle-o-up:before {
    content: "";
}

.icon-inbox:before {
    content: "";
}

.icon-play-circle-o:before {
    content: "";
}

.icon-rotate-right:before,
.icon-repeat:before {
    content: "";
}

.icon-refresh:before {
    content: "";
}

.icon-list-alt:before {
    content: "";
}

.icon-lock:before {
    content: "";
}

.icon-flag:before {
    content: "";
}

.icon-headphones:before {
    content: "";
}

.icon-volume-off:before {
    content: "";
}

.icon-volume-down:before {
    content: "";
}

.icon-volume-up:before {
    content: "";
}

.icon-qrcode:before {
    content: "";
}

.icon-barcode:before {
    content: "";
}

.icon-tag:before {
    content: "";
}

.icon-tags:before {
    content: "";
}

.icon-book:before {
    content: "";
}

.icon-bookmark:before {
    content: "";
}

.icon-print:before {
    content: "";
}

.icon-camera:before {
    content: "";
}

.icon-font:before {
    content: "";
}

.icon-bold:before {
    content: "";
}

.icon-italic:before {
    content: "";
}

.icon-text-height:before {
    content: "";
}

.icon-text-width:before {
    content: "";
}

.icon-align-left:before {
    content: "";
}

.icon-align-center:before {
    content: "";
}

.icon-align-right:before {
    content: "";
}

.icon-align-justify:before {
    content: "";
}

.icon-list:before {
    content: "";
}

.icon-dedent:before,
.icon-outdent:before {
    content: "";
}

.icon-indent:before {
    content: "";
}

.icon-video-camera:before {
    content: "";
}

.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
    content: "";
}

.icon-pencil:before {
    content: "";
}

.icon-map-marker:before {
    content: "";
}

.icon-adjust:before {
    content: "";
}

.icon-tint:before {
    content: "";
}

.icon-edit:before,
.icon-pencil-square-o:before {
    content: "";
}

.icon-share-square-o:before {
    content: "";
}

.icon-check-square-o:before {
    content: "";
}

.icon-arrows:before {
    content: "";
}

.icon-step-backward:before {
    content: "";
}

.icon-fast-backward:before {
    content: "";
}

.icon-backward:before {
    content: "";
}

.icon-play:before {
    content: "";
}

.icon-pause:before {
    content: "";
}

.icon-stop:before {
    content: "";
}

.icon-forward:before {
    content: "";
}

.icon-fast-forward:before {
    content: "";
}

.icon-step-forward:before {
    content: "";
}

.icon-eject:before {
    content: "";
}

.icon-chevron-left:before {
    content: "";
}

.icon-chevron-right:before {
    content: "";
}

.icon-plus-circle:before {
    content: "";
}

.icon-minus-circle:before {
    content: "";
}

.icon-times-circle:before {
    content: "";
}

.icon-check-circle:before {
    content: "";
}

.icon-question-circle:before {
    content: "";
}

.icon-info-circle:before {
    content: "";
}

.icon-crosshairs:before {
    content: "";
}

.icon-times-circle-o:before {
    content: "";
}

.icon-check-circle-o:before {
    content: "";
}

.icon-ban:before {
    content: "";
}

.icon-arrow-left:before {
    content: "";
}

.icon-arrow-right:before {
    content: "";
}

.icon-arrow-up:before {
    content: "";
}

.icon-arrow-down:before {
    content: "";
}

.icon-mail-forward:before,
.icon-share:before {
    content: "";
}

.icon-expand:before {
    content: "";
}

.icon-compress:before {
    content: "";
}

.icon-plus:before {
    content: "";
}

.icon-minus:before {
    content: "";
}

.icon-asterisk:before {
    content: "";
}

.icon-exclamation-circle:before {
    content: "";
}

.icon-gift:before {
    content: "";
}

.icon-leaf:before {
    content: "";
}

.icon-fire:before {
    content: "";
}

.icon-eye:before {
    content: "";
}

.icon-eye-slash:before {
    content: "";
}

.icon-warning:before,
.icon-exclamation-triangle:before {
    content: "";
}

.icon-plane:before {
    content: "";
}

.icon-calendar:before {
    content: "";
}

.icon-random:before {
    content: "";
}

.icon-comment:before {
    content: "";
}

.icon-magnet:before {
    content: "";
}

.icon-chevron-up:before {
    content: "";
}

.icon-chevron-down:before {
    content: "";
}

.icon-retweet:before {
    content: "";
}

.icon-shopping-cart:before {
    content: "";
}

.icon-folder:before {
    content: "";
}

.icon-folder-open:before {
    content: "";
}

.icon-arrows-v:before {
    content: "";
}

.icon-arrows-h:before {
    content: "";
}

.icon-bar-chart-o:before {
    content: "";
}

.icon-twitter-square:before {
    content: "";
}

.icon-facebook-square:before {
    content: "";
}

.icon-camera-retro:before {
    content: "";
}

.icon-key:before {
    content: "";
}

.icon-gears:before,
.icon-cogs:before {
    content: "";
}

.icon-comments:before {
    content: "";
}

.icon-thumbs-o-up:before {
    content: "";
}

.icon-thumbs-o-down:before {
    content: "";
}

.icon-star-half:before {
    content: "";
}

.icon-heart-o:before {
    content: "";
}

.icon-sign-out:before {
    content: "";
}

.icon-linkedin-square:before {
    content: "";
}

.icon-thumb-tack:before {
    content: "";
}

.icon-external-link:before {
    content: "";
}

.icon-sign-in:before {
    content: "";
}

.icon-trophy:before {
    content: "";
}

.icon-github-square:before {
    content: "";
}

.icon-upload:before {
    content: "";
}

.icon-lemon-o:before {
    content: "";
}

.icon-phone:before {
    content: "";
}

.icon-square-o:before {
    content: "";
}

.icon-bookmark-o:before {
    content: "";
}

.icon-phone-square:before {
    content: "";
}

.icon-twitter:before {
    content: "";
}

.icon-facebook:before {
    content: "";
}

.icon-github:before {
    content: "";
}

.icon-unlock:before {
    content: "";
}

.icon-credit-card:before {
    content: "";
}

.icon-rss:before {
    content: "";
}

.icon-hdd-o:before {
    content: "";
}

.icon-bullhorn:before {
    content: "";
}

.icon-bell:before {
    content: "";
}

.icon-certificate:before {
    content: "";
}

.icon-hand-o-right:before {
    content: "";
}

.icon-hand-o-left:before {
    content: "";
}

.icon-hand-o-up:before {
    content: "";
}

.icon-hand-o-down:before {
    content: "";
}

.icon-arrow-circle-left:before {
    content: "";
}

.icon-arrow-circle-right:before {
    content: "";
}

.icon-arrow-circle-up:before {
    content: "";
}

.icon-arrow-circle-down:before {
    content: "";
}

.icon-globe:before {
    content: "";
}

.icon-wrench:before {
    content: "";
}

.icon-tasks:before {
    content: "";
}

.icon-filter:before {
    content: "";
}

.icon-briefcase:before {
    content: "";
}

.icon-arrows-alt:before {
    content: "";
}

.icon-group:before,
.icon-users:before {
    content: "";
}

.icon-chain:before,
.icon-link:before {
    content: "";
}

.icon-cloud:before {
    content: "";
}

.icon-flask:before {
    content: "";
}

.icon-cut:before,
.icon-scissors:before {
    content: "";
}

.icon-copy:before,
.icon-files-o:before {
    content: "";
}

.icon-paperclip:before {
    content: "";
}

.icon-save:before,
.icon-floppy-o:before {
    content: "";
}

.icon-square:before {
    content: "";
}

.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
    content: "";
}

.icon-list-ul:before {
    content: "";
}

.icon-list-ol:before {
    content: "";
}

.icon-strikethrough:before {
    content: "";
}

.icon-underline:before {
    content: "";
}

.icon-table:before {
    content: "";
}

.icon-magic:before {
    content: "";
}

.icon-truck:before {
    content: "";
}

.icon-pinterest:before {
    content: "";
}

.icon-pinterest-square:before {
    content: "";
}

.icon-google-plus-square:before {
    content: "";
}

.icon-google-plus:before {
    content: "";
}

.icon-money:before {
    content: "";
}

.icon-caret-down:before {
    content: "";
}

.icon-caret-up:before {
    content: "";
}

.icon-caret-left:before {
    content: "";
}

.icon-caret-right:before {
    content: "";
}

.icon-columns:before {
    content: "";
}

.icon-unsorted:before,
.icon-sort:before {
    content: "";
}

.icon-sort-down:before,
.icon-sort-desc:before {
    content: "";
}

.icon-sort-up:before,
.icon-sort-asc:before {
    content: "";
}

.icon-envelope:before {
    content: "";
}

.icon-linkedin:before {
    content: "";
}

.icon-rotate-left:before,
.icon-undo:before {
    content: "";
}

.icon-legal:before,
.icon-gavel:before {
    content: "";
}

.icon-dashboard:before,
.icon-tachometer:before {
    content: "";
}

.icon-comment-o:before {
    content: "";
}

.icon-comments-o:before {
    content: "";
}

.icon-flash:before,
.icon-bolt:before {
    content: "";
}

.icon-sitemap:before {
    content: "";
}

.icon-umbrella:before {
    content: "";
}

.icon-paste:before,
.icon-clipboard:before {
    content: "";
}

.icon-lightbulb-o:before {
    content: "";
}

.icon-exchange:before {
    content: "";
}

.icon-cloud-download:before {
    content: "";
}

.icon-cloud-upload:before {
    content: "";
}

.icon-user-md:before {
    content: "";
}

.icon-stethoscope:before {
    content: "";
}

.icon-suitcase:before {
    content: "";
}

.icon-bell-o:before {
    content: "";
}

.icon-coffee:before {
    content: "";
}

.icon-cutlery:before {
    content: "";
}

.icon-file-text-o:before {
    content: "";
}

.icon-building-o:before {
    content: "";
}

.icon-hospital-o:before {
    content: "";
}

.icon-ambulance:before {
    content: "";
}

.icon-medkit:before {
    content: "";
}

.icon-fighter-jet:before {
    content: "";
}

.icon-beer:before {
    content: "";
}

.icon-h-square:before {
    content: "";
}

.icon-plus-square:before {
    content: "";
}

.icon-angle-double-left:before {
    content: "";
}

.icon-angle-double-right:before {
    content: "";
}

.icon-angle-double-up:before {
    content: "";
}

.icon-angle-double-down:before {
    content: "";
}

.icon-angle-left:before {
    content: "";
}

.icon-angle-right:before {
    content: "";
}

.icon-angle-up:before {
    content: "";
}

.icon-angle-down:before {
    content: "";
}

.icon-desktop:before {
    content: "";
}

.icon-laptop:before {
    content: "";
}

.icon-tablet:before {
    content: "";
}

.icon-mobile-phone:before,
.icon-mobile:before {
    content: "";
}

.icon-circle-o:before {
    content: "";
}

.icon-quote-left:before {
    content: "";
}

.icon-quote-right:before {
    content: "";
}

.icon-spinner:before {
    content: "";
}

.icon-circle:before {
    content: "";
}

.icon-mail-reply:before,
.icon-reply:before {
    content: "";
}

.icon-github-alt:before {
    content: "";
}

.icon-folder-o:before {
    content: "";
}

.icon-folder-open-o:before {
    content: "";
}

.icon-smile-o:before {
    content: "";
}

.icon-frown-o:before {
    content: "";
}

.icon-meh-o:before {
    content: "";
}

.icon-gamepad:before {
    content: "";
}

.icon-keyboard-o:before {
    content: "";
}

.icon-flag-o:before {
    content: "";
}

.icon-flag-checkered:before {
    content: "";
}

.icon-terminal:before {
    content: "";
}

.icon-code:before {
    content: "";
}

.icon-mail-reply-all:before,
.icon-reply-all:before {
    content: "";
}

.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
    content: "";
}

.icon-location-arrow:before {
    content: "";
}

.icon-crop:before {
    content: "";
}

.icon-code-fork:before {
    content: "";
}

.icon-unlink:before,
.icon-chain-broken:before {
    content: "";
}

.icon-question:before {
    content: "";
}

.icon-info:before {
    content: "";
}

.icon-exclamation:before {
    content: "";
}

.icon-superscript:before {
    content: "";
}

.icon-subscript:before {
    content: "";
}

.icon-eraser:before {
    content: "";
}

.icon-puzzle-piece:before {
    content: "";
}

.icon-microphone:before {
    content: "";
}

.icon-microphone-slash:before {
    content: "";
}

.icon-shield:before {
    content: "";
}

.icon-calendar-o:before {
    content: "";
}

.icon-fire-extinguisher:before {
    content: "";
}

.icon-rocket:before {
    content: "";
}

.icon-maxcdn:before {
    content: "";
}

.icon-chevron-circle-left:before {
    content: "";
}

.icon-chevron-circle-right:before {
    content: "";
}

.icon-chevron-circle-up:before {
    content: "";
}

.icon-chevron-circle-down:before {
    content: "";
}

.icon-html5:before {
    content: "";
}

.icon-css3:before {
    content: "";
}

.icon-anchor:before {
    content: "";
}

.icon-unlock-alt:before {
    content: "";
}

.icon-bullseye:before {
    content: "";
}

.icon-ellipsis-h:before {
    content: "";
}

.icon-ellipsis-v:before {
    content: "";
}

.icon-rss-square:before {
    content: "";
}

.icon-play-circle:before {
    content: "";
}

.icon-ticket:before {
    content: "";
}

.icon-minus-square:before {
    content: "";
}

.icon-minus-square-o:before {
    content: "";
}

.icon-level-up:before {
    content: "";
}

.icon-level-down:before {
    content: "";
}

.icon-check-square:before {
    content: "";
}

.icon-pencil-square:before {
    content: "";
}

.icon-external-link-square:before {
    content: "";
}

.icon-share-square:before {
    content: "";
}

.icon-compass:before {
    content: "";
}

.icon-toggle-down:before,
.icon-caret-square-o-down:before {
    content: "";
}

.icon-toggle-up:before,
.icon-caret-square-o-up:before {
    content: "";
}

.icon-toggle-right:before,
.icon-caret-square-o-right:before {
    content: "";
}

.icon-euro:before,
.icon-eur:before {
    content: "";
}

.icon-gbp:before {
    content: "";
}

.icon-dollar:before,
.icon-usd:before {
    content: "";
}

.icon-rupee:before,
.icon-inr:before {
    content: "";
}

.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
    content: "";
}

.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
    content: "";
}

.icon-won:before,
.icon-krw:before {
    content: "";
}

.icon-bitcoin:before,
.icon-btc:before {
    content: "";
}

.icon-file:before {
    content: "";
}

.icon-file-text:before {
    content: "";
}

.icon-sort-alpha-asc:before {
    content: "";
}

.icon-sort-alpha-desc:before {
    content: "";
}

.icon-sort-amount-asc:before {
    content: "";
}

.icon-sort-amount-desc:before {
    content: "";
}

.icon-sort-numeric-asc:before {
    content: "";
}

.icon-sort-numeric-desc:before {
    content: "";
}

.icon-thumbs-up:before {
    content: "";
}

.icon-thumbs-down:before {
    content: "";
}

.icon-youtube-square:before {
    content: "";
}

.icon-youtube:before {
    content: "";
}

.icon-xing:before {
    content: "";
}

.icon-xing-square:before {
    content: "";
}

.icon-youtube-play:before {
    content: "";
}

.icon-dropbox:before {
    content: "";
}

.icon-stack-overflow:before {
    content: "";
}

.icon-instagram:before {
    content: "";
}

.icon-flickr:before {
    content: "";
}

.icon-adn:before {
    content: "";
}

.icon-bitbucket:before {
    content: "";
}

.icon-bitbucket-square:before {
    content: "";
}

.icon-tumblr:before {
    content: "";
}

.icon-tumblr-square:before {
    content: "";
}

.icon-long-arrow-down:before {
    content: "";
}

.icon-long-arrow-up:before {
    content: "";
}

.icon-long-arrow-left:before {
    content: "";
}

.icon-long-arrow-right:before {
    content: "";
}

.icon-apple:before {
    content: "";
}

.icon-windows:before {
    content: "";
}

.icon-android:before {
    content: "";
}

.icon-linux:before {
    content: "";
}

.icon-dribbble:before {
    content: "";
}

.icon-skype:before {
    content: "";
}

.icon-foursquare:before {
    content: "";
}

.icon-trello:before {
    content: "";
}

.icon-female:before {
    content: "";
}

.icon-male:before {
    content: "";
}

.icon-gittip:before {
    content: "";
}

.icon-sun-o:before {
    content: "";
}

.icon-moon-o:before {
    content: "";
}

.icon-archive:before {
    content: "";
}

.icon-bug:before {
    content: "";
}

.icon-vk:before {
    content: "";
}

.icon-weibo:before {
    content: "";
}

.icon-renren:before {
    content: "";
}

.icon-pagelines:before {
    content: "";
}

.icon-stack-exchange:before {
    content: "";
}

.icon-arrow-circle-o-right:before {
    content: "";
}

.icon-arrow-circle-o-left:before {
    content: "";
}

.icon-toggle-left:before,
.icon-caret-square-o-left:before {
    content: "";
}

.icon-dot-circle-o:before {
    content: "";
}

.icon-wheelchair:before {
    content: "";
}

.icon-vimeo-square:before {
    content: "";
}

.icon-turkish-lira:before,
.icon-try:before {
    content: "";
}

.icon-plus-square-o:before {
    content: "";
}

.icon-space-shuttle:before {
    content: "";
}

.icon-slack:before {
    content: "";
}

.icon-envelope-square:before {
    content: "";
}

.icon-wordpress:before {
    content: "";
}

.icon-openid:before {
    content: "";
}

.icon-institution:before,
.icon-bank:before,
.icon-university:before {
    content: "";
}

.icon-mortar-board:before,
.icon-graduation-cap:before {
    content: "";
}

.icon-yahoo:before {
    content: "";
}

.icon-google:before {
    content: "";
}

.icon-reddit:before {
    content: "";
}

.icon-reddit-square:before {
    content: "";
}

.icon-stumbleupon-circle:before {
    content: "";
}

.icon-stumbleupon:before {
    content: "";
}

.icon-delicious:before {
    content: "";
}

.icon-digg:before {
    content: "";
}

.icon-pied-piper-square:before,
.icon-pied-piper:before {
    content: "";
}

.icon-pied-piper-alt:before {
    content: "";
}

.icon-drupal:before {
    content: "";
}

.icon-joomla:before {
    content: "";
}

.icon-language:before {
    content: "";
}

.icon-fax:before {
    content: "";
}

.icon-building:before {
    content: "";
}

.icon-child:before {
    content: "";
}

.icon-paw:before {
    content: "";
}

.icon-spoon:before {
    content: "";
}

.icon-cube:before {
    content: "";
}

.icon-cubes:before {
    content: "";
}

.icon-behance:before {
    content: "";
}

.icon-behance-square:before {
    content: "";
}

.icon-steam:before {
    content: "";
}

.icon-steam-square:before {
    content: "";
}

.icon-recycle:before {
    content: "";
}

.icon-automobile:before,
.icon-car:before {
    content: "";
}

.icon-cab:before,
.icon-taxi:before {
    content: "";
}

.icon-tree:before {
    content: "";
}

.icon-spotify:before {
    content: "";
}

.icon-deviantart:before {
    content: "";
}

.icon-soundcloud:before {
    content: "";
}

.icon-database:before {
    content: "";
}

.icon-file-pdf-o:before {
    content: "";
}

.icon-file-word-o:before {
    content: "";
}

.icon-file-excel-o:before {
    content: "";
}

.icon-file-powerpoint-o:before {
    content: "";
}

.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
    content: "";
}

.icon-file-zip-o:before,
.icon-file-archive-o:before {
    content: "";
}

.icon-file-sound-o:before,
.icon-file-audio-o:before {
    content: "";
}

.icon-file-movie-o:before,
.icon-file-video-o:before {
    content: "";
}

.icon-file-code-o:before {
    content: "";
}

.icon-vine:before {
    content: "";
}

.icon-codepen:before {
    content: "";
}

.icon-jsfiddle:before {
    content: "";
}

.icon-life-bouy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
    content: "";
}

.icon-circle-o-notch:before {
    content: "";
}

.icon-ra:before,
.icon-rebel:before {
    content: "";
}

.icon-ge:before,
.icon-empire:before {
    content: "";
}

.icon-git-square:before {
    content: "";
}

.icon-git:before {
    content: "";
}

.icon-hacker-news:before {
    content: "";
}

.icon-tencent-weibo:before {
    content: "";
}

.icon-qq:before {
    content: "";
}

.icon-wechat:before,
.icon-weixin:before {
    content: "";
}

.icon-send:before,
.icon-paper-plane:before {
    content: "";
}

.icon-send-o:before,
.icon-paper-plane-o:before {
    content: "";
}

.icon-history:before {
    content: "";
}

.icon-circle-thin:before {
    content: "";
}

.icon-header:before {
    content: "";
}

.icon-paragraph:before {
    content: "";
}

.icon-sliders:before {
    content: "";
}

.icon-share-alt:before {
    content: "";
}

.icon-share-alt-square:before {
    content: "";
}

.icon-bomb:before {
    content: "";
}

.icon-search.icon_expdev {
    position: absolute;
    top: 0;
    right: 0;
    width: 29px;
    background: #6B1544;
    height: 27px;
    border-style: solid;
    border-width: 1px;
    border-color: #6B1544;
    text-align: center;
}

    .icon-search.icon_expdev::before {
        color: #FFFFFF;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .icon-search.icon_expdev:hover, .icon-search.icon_expdev.focus {
        background: transparent;
    }

        .icon-search.icon_expdev:hover:before, .icon-search.icon_expdev.focus:before {
            color: #6B1544;
        }


.icon-search:before {
    content: "\f002";
}

.icon-glass:before {
    content: "\f000";
}

.icon-music:before {
    content: "\f001";
}

.icon-envelope-alt:before {
    content: "\f003";
}

.icon-heart:before {
    content: "\f004";
}

.icon-star:before {
    content: "\f005";
}

.icon-star-empty:before {
    content: "\f006";
}

.icon-user:before {
    content: "\f007";
}

.icon-film:before {
    content: "\f008";
}

.icon-th-large:before {
    content: "\f009";
}

.icon-th:before {
    content: "\f00a";
}

.icon-th-list:before {
    content: "\f00b";
}

.icon-ok:before {
    content: "\f00c";
}

.icon-remove:before {
    content: "\f00d";
}

.icon-zoom-in:before {
    content: "\f00e";
}

.icon-zoom-out:before {
    content: "\f010";
}

.icon-power-off:before,
.icon-off:before {
    content: "\f011";
}

.icon-signal:before {
    content: "\f012";
}

.icon-gear:before,
.icon-cog:before {
    content: "\f013";
}

.icon-trash:before {
    content: "\f014";
}

.icon-home:before {
    content: "\f015";
}

.icon-file-alt:before {
    content: "\f016";
}

.icon-time:before {
    content: "\f017";
}

.icon-road:before {
    content: "\f018";
}

.icon-download-alt:before {
    content: "\f019";
}

.icon-download:before {
    content: "\f01a";
}

.icon-upload:before {
    content: "\f01b";
}

.icon-inbox:before {
    content: "\f01c";
}

.icon-play-circle:before {
    content: "\f01d";
}

.icon-rotate-right:before,
.icon-repeat:before {
    content: "\f01e";
}

.icon-refresh:before {
    content: "\f021";
}

.icon-list-alt:before {
    content: "\f022";
}

.icon-lock:before {
    content: "\f023";
}

.icon-flag:before {
    content: "\f024";
}

.icon-headphones:before {
    content: "\f025";
}

.icon-volume-off:before {
    content: "\f026";
}

.icon-volume-down:before {
    content: "\f027";
}

.icon-volume-up:before {
    content: "\f028";
}

.icon-qrcode:before {
    content: "\f029";
}

.icon-barcode:before {
    content: "\f02a";
}

.icon-tag:before {
    content: "\f02b";
}

.icon-tags:before {
    content: "\f02c";
}

.icon-book:before {
    content: "\f02d";
}

.icon-bookmark:before {
    content: "\f02e";
}

.icon-print:before {
    content: "\f02f";
}

.icon-camera:before {
    content: "\f030";
}

.icon-font:before {
    content: "\f031";
}

.icon-bold:before {
    content: "\f032";
}

.icon-italic:before {
    content: "\f033";
}

.icon-text-height:before {
    content: "\f034";
}

.icon-text-width:before {
    content: "\f035";
}

.icon-align-left:before {
    content: "\f036";
}

.icon-align-center:before {
    content: "\f037";
}

.icon-align-right:before {
    content: "\f038";
}

.icon-align-justify:before {
    content: "\f039";
}

.icon-list:before {
    content: "\f03a";
}

.icon-indent-left:before {
    content: "\f03b";
}

.icon-indent-right:before {
    content: "\f03c";
}

.icon-facetime-video:before {
    content: "\f03d";
}

.icon-picture:before {
    content: "\f03e";
}

.icon-pencil:before {
    content: "\f040";
}

.icon-map-marker:before {
    content: "\f041";
}

.icon-adjust:before {
    content: "\f042";
}

.icon-tint:before {
    content: "\f043";
}

.icon-edit:before {
    content: "\f044";
}

.icon-share:before {
    content: "\f045";
}

.icon-check:before {
    content: "\f046";
}

.icon-move:before {
    content: "\f047";
}

.icon-step-backward:before {
    content: "\f048";
}

.icon-fast-backward:before {
    content: "\f049";
}

.icon-backward:before {
    content: "\f04a";
}

.icon-play:before {
    content: "\f04b";
}

.icon-pause:before {
    content: "\f04c";
}

.icon-stop:before {
    content: "\f04d";
}

.icon-forward:before {
    content: "\f04e";
}

.icon-fast-forward:before {
    content: "\f050";
}

.icon-step-forward:before {
    content: "\f051";
}

.icon-eject:before {
    content: "\f052";
}

.icon-chevron-left:before {
    content: "\f053";
}

.icon-chevron-right:before {
    content: "\f054";
}

.icon-plus-sign:before {
    content: "\f055";
}

.icon-minus-sign:before {
    content: "\f056";
}

.icon-remove-sign:before {
    content: "\f057";
}

.icon-ok-sign:before {
    content: "\f058";
}

.icon-question-sign:before {
    content: "\f059";
}

.icon-info-sign:before {
    content: "\f05a";
}

.icon-screenshot:before {
    content: "\f05b";
}

.icon-remove-circle:before {
    content: "\f05c";
}

.icon-ok-circle:before {
    content: "\f05d";
}

.icon-ban-circle:before {
    content: "\f05e";
}

.icon-arrow-left:before {
    content: "\f060";
}

.icon-arrow-right:before {
    content: "\f061";
}

.icon-arrow-up:before {
    content: "\f062";
}

.icon-arrow-down:before {
    content: "\f063";
}

.icon-mail-forward:before,
.icon-share-alt:before {
    content: "\f064";
}

.icon-resize-full:before {
    content: "\f065";
}

.icon-resize-small:before {
    content: "\f066";
}

.icon-plus:before {
    content: "\f067";
}

.icon-minus:before {
    content: "\f068";
}

.icon-asterisk:before {
    content: "\f069";
}

.icon-exclamation-sign:before {
    content: "\f06a";
}

.icon-gift:before {
    content: "\f06b";
}

.icon-leaf:before {
    content: "\f06c";
}

.icon-fire:before {
    content: "\f06d";
}

.icon-eye-open:before {
    content: "\f06e";
}

.icon-eye-close:before {
    content: "\f070";
}

.icon-warning-sign:before {
    content: "\f071";
}

.icon-plane:before {
    content: "\f072";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-random:before {
    content: "\f074";
}

.icon-comment:before {
    content: "\f075";
}

.icon-magnet:before {
    content: "\f076";
}

.icon-chevron-up:before {
    content: "\f077";
}

.icon-chevron-down:before {
    content: "\f078";
}

.icon-retweet:before {
    content: "\f079";
}

.icon-shopping-cart:before {
    content: "\f07a";
}

.icon-folder-close:before {
    content: "\f07b";
}

.icon-folder-open:before {
    content: "\f07c";
}

.icon-resize-vertical:before {
    content: "\f07d";
}

.icon-resize-horizontal:before {
    content: "\f07e";
}

.icon-bar-chart:before {
    content: "\f080";
}

.icon-twitter-sign:before {
    content: "\f081";
}

.icon-facebook-sign:before {
    content: "\f082";
}

.icon-camera-retro:before {
    content: "\f083";
}

.icon-key:before {
    content: "\f084";
}

.icon-gears:before,
.icon-cogs:before {
    content: "\f085";
}

.icon-comments:before {
    content: "\f086";
}

.icon-thumbs-up-alt:before {
    content: "\f087";
}

.icon-thumbs-down-alt:before {
    content: "\f088";
}

.icon-star-half:before {
    content: "\f089";
}

.icon-heart-empty:before {
    content: "\f08a";
}

.icon-signout:before {
    content: "\f08b";
}

.icon-linkedin-sign:before {
    content: "\f08c";
}

.icon-pushpin:before {
    content: "\f08d";
}

.icon-external-link:before {
    content: "\f08e";
}

.icon-signin:before {
    content: "\f090";
}

.icon-trophy:before {
    content: "\f091";
}

.icon-github-sign:before {
    content: "\f092";
}

.icon-upload-alt:before {
    content: "\f093";
}

.icon-lemon:before {
    content: "\f094";
}

.icon-phone:before {
    content: "\f095";
}

.icon-unchecked:before,
.icon-check-empty:before {
    content: "\f096";
}

.icon-bookmark-empty:before {
    content: "\f097";
}

.icon-phone-sign:before {
    content: "\f098";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-github:before {
    content: "\f09b";
}

.icon-unlock:before {
    content: "\f09c";
}

.icon-credit-card:before {
    content: "\f09d";
}

.icon-rss:before {
    content: "\f09e";
}

.icon-hdd:before {
    content: "\f0a0";
}

.icon-bullhorn:before {
    content: "\f0a1";
}

.icon-bell:before {
    content: "\f0a2";
}

.icon-certificate:before {
    content: "\f0a3";
}

.icon-hand-right:before {
    content: "\f0a4";
}

.icon-hand-left:before {
    content: "\f0a5";
}

.icon-hand-up:before {
    content: "\f0a6";
}

.icon-hand-down:before {
    content: "\f0a7";
}

.icon-circle-arrow-left:before {
    content: "\f0a8";
}

.icon-circle-arrow-right:before {
    content: "\f0a9";
}

.icon-circle-arrow-up:before {
    content: "\f0aa";
}

.icon-circle-arrow-down:before {
    content: "\f0ab";
}

.icon-globe:before {
    content: "\f0ac";
}

.icon-wrench:before {
    content: "\f0ad";
}

.icon-tasks:before {
    content: "\f0ae";
}

.icon-filter:before {
    content: "\f0b0";
}

.icon-briefcase:before {
    content: "\f0b1";
}

.icon-fullscreen:before {
    content: "\f0b2";
}

.icon-group:before {
    content: "\f0c0";
}

.icon-link:before {
    content: "\f0c1";
}

.icon-cloud:before {
    content: "\f0c2";
}

.icon-beaker:before {
    content: "\f0c3";
}

.icon-cut:before {
    content: "\f0c4";
}

.icon-copy:before {
    content: "\f0c5";
}

.icon-paperclip:before,
.icon-paper-clip:before {
    content: "\f0c6";
}

.icon-save:before {
    content: "\f0c7";
}

.icon-sign-blank:before {
    content: "\f0c8";
}

.icon-reorder:before {
    content: "\f0c9";
}

.icon-list-ul:before {
    content: "\f0ca";
}

.icon-list-ol:before {
    content: "\f0cb";
}

.icon-strikethrough:before {
    content: "\f0cc";
}

.icon-underline:before {
    content: "\f0cd";
}

.icon-table:before {
    content: "\f0ce";
}

.icon-magic:before {
    content: "\f0d0";
}

.icon-truck:before {
    content: "\f0d1";
}

.icon-pinterest:before {
    content: "\f0d2";
}

.icon-pinterest-sign:before {
    content: "\f0d3";
}

.icon-google-plus-sign:before {
    content: "\f0d4";
}

.icon-google-plus:before {
    content: "\f0d5";
}

.icon-money:before {
    content: "\f0d6";
}

.icon-caret-down:before {
    content: "\f0d7";
}

.icon-caret-up:before {
    content: "\f0d8";
}

.icon-caret-left:before {
    content: "\f0d9";
}

.icon-caret-right:before {
    content: "\f0da";
}

.icon-columns:before {
    content: "\f0db";
}

.icon-sort:before {
    content: "\f0dc";
}

.icon-sort-down:before {
    content: "\f0dd";
}

.icon-sort-up:before {
    content: "\f0de";
}

.icon-envelope:before {
    content: "\f0e0";
}

.icon-linkedin:before {
    content: "\f0e1";
}

.icon-rotate-left:before,
.icon-undo:before {
    content: "\f0e2";
}

.icon-legal:before {
    content: "\f0e3";
}

.icon-dashboard:before {
    content: "\f0e4";
}

.icon-comment-alt:before {
    content: "\f0e5";
}

.icon-comments-alt:before {
    content: "\f0e6";
}

.icon-bolt:before {
    content: "\f0e7";
}

.icon-sitemap:before {
    content: "\f0e8";
}

.icon-umbrella:before {
    content: "\f0e9";
}

.icon-paste:before {
    content: "\f0ea";
}

.icon-lightbulb:before {
    content: "\f0eb";
}

.icon-exchange:before {
    content: "\f0ec";
}

.icon-cloud-download:before {
    content: "\f0ed";
}

.icon-cloud-upload:before {
    content: "\f0ee";
}

.icon-user-md:before {
    content: "\f0f0";
}

.icon-stethoscope:before {
    content: "\f0f1";
}

.icon-suitcase:before {
    content: "\f0f2";
}

.icon-bell-alt:before {
    content: "\f0f3";
}

.icon-coffee:before {
    content: "\f0f4";
}

.icon-food:before {
    content: "\f0f5";
}

.icon-file-text-alt:before {
    content: "\f0f6";
}

.icon-building:before {
    content: "\f0f7";
}

.icon-hospital:before {
    content: "\f0f8";
}

.icon-ambulance:before {
    content: "\f0f9";
}

.icon-medkit:before {
    content: "\f0fa";
}

.icon-fighter-jet:before {
    content: "\f0fb";
}

.icon-beer:before {
    content: "\f0fc";
}

.icon-h-sign:before {
    content: "\f0fd";
}

.icon-plus-sign-alt:before {
    content: "\f0fe";
}

.icon-double-angle-left:before {
    content: "\f100";
}

.icon-double-angle-right:before {
    content: "\f101";
}

.icon-double-angle-up:before {
    content: "\f102";
}

.icon-double-angle-down:before {
    content: "\f103";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}

.icon-angle-up:before {
    content: "\f106";
}

.icon-angle-down:before {
    content: "\f107";
}

.icon-desktop:before {
    content: "\f108";
}

.icon-laptop:before {
    content: "\f109";
}

.icon-tablet:before {
    content: "\f10a";
}

.icon-mobile-phone:before {
    content: "\f10b";
}

.icon-circle-blank:before {
    content: "\f10c";
}

.icon-quote-left:before {
    content: "\f10d";
}

.icon-quote-right:before {
    content: "\f10e";
}

.icon-spinner:before {
    content: "\f110";
}

.icon-circle:before {
    content: "\f111";
}

.icon-mail-reply:before,
.icon-reply:before {
    content: "\f112";
}

.icon-github-alt:before {
    content: "\f113";
}

.icon-folder-close-alt:before {
    content: "\f114";
}

.icon-folder-open-alt:before {
    content: "\f115";
}

.icon-expand-alt:before {
    content: "\f116";
}

.icon-collapse-alt:before {
    content: "\f117";
}

.icon-smile:before {
    content: "\f118";
}

.icon-frown:before {
    content: "\f119";
}

.icon-meh:before {
    content: "\f11a";
}

.icon-gamepad:before {
    content: "\f11b";
}

.icon-keyboard:before {
    content: "\f11c";
}

.icon-flag-alt:before {
    content: "\f11d";
}

.icon-flag-checkered:before {
    content: "\f11e";
}

.icon-terminal:before {
    content: "\f120";
}

.icon-code:before {
    content: "\f121";
}

.icon-reply-all:before {
    content: "\f122";
}

.icon-mail-reply-all:before {
    content: "\f122";
}

.icon-star-half-full:before,
.icon-star-half-empty:before {
    content: "\f123";
}

.icon-location-arrow:before {
    content: "\f124";
}

.icon-crop:before {
    content: "\f125";
}

.icon-code-fork:before {
    content: "\f126";
}

.icon-unlink:before {
    content: "\f127";
}

.icon-question:before {
    content: "\f128";
}

.icon-info:before {
    content: "\f129";
}

.icon-exclamation:before {
    content: "\f12a";
}

.icon-superscript:before {
    content: "\f12b";
}

.icon-subscript:before {
    content: "\f12c";
}

.icon-eraser:before {
    content: "\f12d";
}

.icon-puzzle-piece:before {
    content: "\f12e";
}

.icon-microphone:before {
    content: "\f130";
}

.icon-microphone-off:before {
    content: "\f131";
}

.icon-shield:before {
    content: "\f132";
}

.icon-calendar-empty:before {
    content: "\f133";
}

.icon-fire-extinguisher:before {
    content: "\f134";
}

.icon-rocket:before {
    content: "\f135";
}

.icon-maxcdn:before {
    content: "\f136";
}

.icon-chevron-sign-left:before {
    content: "\f137";
}

.icon-chevron-sign-right:before {
    content: "\f138";
}

.icon-chevron-sign-up:before {
    content: "\f139";
}

.icon-chevron-sign-down:before {
    content: "\f13a";
}

.icon-html5:before {
    content: "\f13b";
}

.icon-css3:before {
    content: "\f13c";
}

.icon-anchor:before {
    content: "\f13d";
}

.icon-unlock-alt:before {
    content: "\f13e";
}

.icon-bullseye:before {
    content: "\f140";
}

.icon-ellipsis-horizontal:before {
    content: "\f141";
}

.icon-ellipsis-vertical:before {
    content: "\f142";
}

.icon-rss-sign:before {
    content: "\f143";
}

.icon-play-sign:before {
    content: "\f144";
}

.icon-ticket:before {
    content: "\f145";
}

.icon-minus-sign-alt:before {
    content: "\f146";
}

.icon-check-minus:before {
    content: "\f147";
}

.icon-level-up:before {
    content: "\f148";
}

.icon-level-down:before {
    content: "\f149";
}

.icon-check-sign:before {
    content: "\f14a";
}

.icon-edit-sign:before {
    content: "\f14b";
}

.icon-external-link-sign:before {
    content: "\f14c";
}

.icon-share-sign:before {
    content: "\f14d";
}

.icon-compass:before {
    content: "\f14e";
}

.icon-collapse:before {
    content: "\f150";
}

.icon-collapse-top:before {
    content: "\f151";
}

.icon-expand:before {
    content: "\f152";
}

.icon-euro:before,
.icon-eur:before {
    content: "\f153";
}

.icon-gbp:before {
    content: "\f154";
}

.icon-dollar:before,
.icon-usd:before {
    content: "\f155";
}

.icon-rupee:before,
.icon-inr:before {
    content: "\f156";
}

.icon-yen:before,
.icon-jpy:before {
    content: "\f157";
}

.icon-renminbi:before,
.icon-cny:before {
    content: "\f158";
}

.icon-won:before,
.icon-krw:before {
    content: "\f159";
}

.icon-bitcoin:before,
.icon-btc:before {
    content: "\f15a";
}

.icon-file:before {
    content: "\f15b";
}

.icon-file-text:before {
    content: "\f15c";
}

.icon-sort-by-alphabet:before {
    content: "\f15d";
}

.icon-sort-by-alphabet-alt:before {
    content: "\f15e";
}

.icon-sort-by-attributes:before {
    content: "\f160";
}

.icon-sort-by-attributes-alt:before {
    content: "\f161";
}

.icon-sort-by-order:before {
    content: "\f162";
}

.icon-sort-by-order-alt:before {
    content: "\f163";
}

.icon-thumbs-up:before {
    content: "\f164";
}

.icon-thumbs-down:before {
    content: "\f165";
}

.icon-youtube-sign:before {
    content: "\f166";
}

.icon-youtube:before {
    content: "\f167";
}

.icon-xing:before {
    content: "\f168";
}

.icon-xing-sign:before {
    content: "\f169";
}

.icon-youtube-play:before {
    content: "\f16a";
}

.icon-dropbox:before {
    content: "\f16b";
}

.icon-stackexchange:before {
    content: "\f16c";
}

.icon-instagram:before {
    content: "\f16d";
}

.icon-flickr:before {
    content: "\f16e";
}

.icon-adn:before {
    content: "\f170";
}

.icon-bitbucket:before {
    content: "\f171";
}

.icon-bitbucket-sign:before {
    content: "\f172";
}

.icon-tumblr:before {
    content: "\f173";
}

.icon-tumblr-sign:before {
    content: "\f174";
}

.icon-long-arrow-down:before {
    content: "\f175";
}

.icon-long-arrow-up:before {
    content: "\f176";
}

.icon-long-arrow-left:before {
    content: "\f177";
}

.icon-long-arrow-right:before {
    content: "\f178";
}

.icon-apple:before {
    content: "\f179";
}

.icon-windows:before {
    content: "\f17a";
}

.icon-android:before {
    content: "\f17b";
}

.icon-linux:before {
    content: "\f17c";
}

.icon-dribbble:before {
    content: "\f17d";
}

.icon-skype:before {
    content: "\f17e";
}

.icon-foursquare:before {
    content: "\f180";
}

.icon-trello:before {
    content: "\f181";
}

.icon-female:before {
    content: "\f182";
}

.icon-male:before {
    content: "\f183";
}

.icon-gittip:before {
    content: "\f184";
}

.icon-sun:before {
    content: "\f185";
}

.icon-moon:before {
    content: "\f186";
}

.icon-archive:before {
    content: "\f187";
}

.icon-bug:before {
    content: "\f188";
}

.icon-vk:before {
    content: "\f189";
}

.icon-weibo:before {
    content: "\f18a";
}

.icon-renren:before {
    content: "\f18b";
}

.icon-check-sign:before {
    content: "\f14a";
}

.asc_icon_bs {
    position: relative;
}

    .asc_icon_bs:after {
        content: "\f077";
        font-family: FontAwesome;
        margin-left: 5px;
    }

desc_icon_bs {
    position: relative;
}

.desc_icon_bs:after {
    content: "\f078";
    font-family: FontAwesome;
    margin-left: 5px;
}

.glyphicon.glyphicon-backward {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

    .glyphicon.glyphicon-backward:before {
        content: "";
        color: #6B1544;
        font-size: "16px";
    }

.glyphicon.glyphicon-chevron-left {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

    .glyphicon.glyphicon-chevron-left:before {
        content: "";
        color: #6B1544;
        font-size: "16px";
    }

.glyphicon.glyphicon-chevron-right {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

    .glyphicon.glyphicon-chevron-right:before {
        content: "";
        color: #6B1544;
        font-size: "16px";
    }

.glyphicon.glyphicon-forward {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

    .glyphicon.glyphicon-forward:before {
        content: "";
        color: #6B1544;
        font-size: "16px";
    }

.glyphicon.glyphicon-chevron-up {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: -2px;
}

    .glyphicon.glyphicon-chevron-up:before {
        content: "";
        color: #6B1544;
        font-size: 10px !important;
    }

.glyphicon.glyphicon-chevron-down {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: -2px;
}

    .glyphicon.glyphicon-chevron-down:before {
        content: "";
        color: #6B1544;
        font-size: 10px !important;
    }
/*==========  MIN WIDTH  ==========*/
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .form-group.small input[type="text"],
    .form-group.small input[type="tel"],
    .form-group.small input[type="email"] {
        max-width: 100px;
    }

    #notitle {
        padding-top: 32px;
        /*padding-bottom: 21px;*/
    }

    .only-inputs {
        padding-top: 12px;
    }

    .graphic_label {
        font-size: 8px;
        font-weight: 300;
        font-family: inherit;
        color: inherit;
        line-height: 15.4px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .graphic_label {
        font-size: 10px;
        font-weight: 600;
        font-family: inherit;
        color: inherit;
        line-height: 15.4px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .main-nav-closed #main-nav .navigation > .nav > li:hover > a > span {
        position: absolute;
        top: -1px;
        left: 45px;
        width: 250px;
        height: 43px;
        line-height: 40px;
        background-color: #fefefe;
        display: block;
        z-index: 1000;
        border: 1px solid #dddddd;
        border-left: none;
    }

    .main-nav-closed #main-nav .navigation > .nav > li:hover > a > .angle-down {
        position: absolute;
        left: 270px;
        top: 0;
        display: block;
        z-index: 1100;
    }

    .main-nav-closed #main-nav .navigation > .nav > li:hover > ul {
        display: block !important;
        position: absolute;
        z-index: 1000;
        height: auto;
        overflow: visible;
        top: 42px;
        left: 47px;
        width: 248px;
        background-color: #e5e5e5;
        border-bottom: 1px solid white;
    }

        .main-nav-closed #main-nav .navigation > .nav > li:hover > ul.in {
            border-bottom: 1px solid white;
        }

        .main-nav-closed #main-nav .navigation > .nav > li:hover > ul li a span {
            display: inline;
            font-size: 11px;
        }

    .main-nav-closed #main-nav .navigation > .nav > li i.angle-down,
    .main-nav-closed #main-nav .navigation > .nav > li span {
        display: none;
    }

    .agentInvoiceGenerationIssueInvoices .pagination_gls.center-vertical {
        margin-top: 60%;
    }

    .pagination_gls.center-vertical {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

        .pagination_gls.center-vertical a, .pagination_gls.center-vertical button {
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 10px;
        }

            .pagination_gls.center-vertical a:last-child, .pagination_gls.center-vertical button:last-child {
                margin-bottom: 0px;
            }

            .pagination_gls.center-vertical a:hover, .pagination_gls.center-vertical button:hover {
                margin-left: auto;
                margin-right: auto;
            }

            .pagination_gls.center-vertical a span {
                font-size: 11px;
            }

    body.contrast-red.main-nav-closed #main-nav {
        top: 0;
    }

    body.contrast-red .navigation .search {
        display: none;
    }

    body.contrast-red header .navbar.principal:after {
        content: '';
        background: #172154;
        height: 2px;
        width: 100%;
        bottom: -15px;
        position: absolute;
        left: 20px;
    }

    body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:hover > a, body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:focus > a {
        color: #FFFFFF;
    }

        body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:hover > a > span, body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:focus > a > span {
            background: transparent;
            color: #FFFFFF;
        }

        body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:hover > a .icon-angle-down.angle-down, body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:focus > a .icon-angle-down.angle-down {
            color: #FFFFFF !important;
        }

    body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li > a {
        color: #333333;
    }

        body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li > a > span {
            background: transparent;
            color: #333333;
        }

        body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li > a i.icon-angle-down {
            float: right;
            line-height: 40px;
            margin-right: 0;
            -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
        }

    #toggleNav {
        display: none;
    }

    .btn_open {
        display: none;
    }

        .btn_open.lateral {
            display: block;
        }

    #main-nav .imgLogo {
        display: none;
    }

    #main-nav .navigation .opcionesBusqueda {
        display: none;
    }

    #main-nav > .nav li .dropdown-collapse:focus i {
        color: #172154 !important;
    }

    html body:after {
        content: '';
        width: 46px;
        background: #EEEEEE;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 399;
    }

    html body #wrapper {
        padding-top: 55px;
    }

    html body.main-nav-opened:after {
        width: 251px;
    }

    .col-1 {
        width: 8.33333%;
        float: left;
    }

        .col-1.padding-left {
            padding-left: 15px;
        }

        .col-1.padding-right {
            padding-right: 15px;
        }

        .col-1.float-right {
            float: right;
        }

    .col-1-gls {
        width: 8.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-2 {
        width: 16.66667%;
        float: left;
    }

        .col-2.padding-left {
            padding-left: 15px;
        }

        .col-2.padding-right {
            padding-right: 15px;
        }

        .col-2.float-right {
            float: right;
        }

    .col-2-gls {
        width: 16.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-3 {
        width: 25%;
        float: left;
    }

        .col-3.padding-left {
            padding-left: 15px;
        }

        .col-3.padding-right {
            padding-right: 15px;
        }

        .col-3.float-right {
            float: right;
        }

    .col-3-gls {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-4 {
        width: 33.33333%;
        float: left;
    }

        .col-4.padding-left {
            padding-left: 15px;
        }

        .col-4.padding-right {
            padding-right: 15px;
        }

        .col-4.float-right {
            float: right;
        }

    .col-4-gls {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-5 {
        width: 41.66667%;
        float: left;
    }

        .col-5.padding-left {
            padding-left: 15px;
        }

        .col-5.padding-right {
            padding-right: 15px;
        }

        .col-5.float-right {
            float: right;
        }

    .col-5-gls {
        width: 41.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-6 {
        width: 50%;
        float: left;
    }

        .col-6.padding-left {
            padding-left: 15px;
        }

        .col-6.padding-right {
            padding-right: 15px;
        }

        .col-6.float-right {
            float: right;
        }

    .col-6-gls {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-7 {
        width: 58.33333%;
        float: left;
    }

        .col-7.padding-left {
            padding-left: 15px;
        }

        .col-7.padding-right {
            padding-right: 15px;
        }

        .col-7.float-right {
            float: right;
        }

    .col-7-gls {
        width: 58.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-8 {
        width: 66.66667%;
        float: left;
    }

        .col-8.padding-left {
            padding-left: 15px;
        }

        .col-8.padding-right {
            padding-right: 15px;
        }

        .col-8.float-right {
            float: right;
        }

    .col-8-gls {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-9 {
        width: 75%;
        float: left;
    }

        .col-9.padding-left {
            padding-left: 15px;
        }

        .col-9.padding-right {
            padding-right: 15px;
        }

        .col-9.float-right {
            float: right;
        }

    .col-9-gls {
        width: 75%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-10 {
        width: 83.33333%;
        float: left;
    }

        .col-10.padding-left {
            padding-left: 15px;
        }

        .col-10.padding-right {
            padding-right: 15px;
        }

        .col-10.float-right {
            float: right;
        }

    .col-10-gls {
        width: 83.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-11 {
        width: 91.66667%;
        float: left;
    }

        .col-11.padding-left {
            padding-left: 15px;
        }

            .col-11.padding-left#datosSession {
                padding-left: 20px;
            }

        .col-11.padding-right {
            padding-right: 15px;
        }

        .col-11.float-right {
            float: right;
        }

    .col-11-gls {
        width: 91.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-12 {
        width: 100%;
        float: left;
    }

        .col-12.padding-left {
            padding-left: 15px;
        }

        .col-12.padding-right {
            padding-right: 15px;
        }

        .col-12.float-right {
            float: right;
        }

    .col-12-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .graphic_label {
        font-size: 14px;
        font-weight: 500;
        font-family: inherit;
        color: inherit;
        line-height: 15.4px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .date input[type="text"] {
        max-width: 100px;
    }

    .hotline #datepikers {
        max-width: 362px;
    }

}

/*==========  MAX WIDTH  ==========*/
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    html .right {
        padding-left: calc(100% - 275px);
        float: inherit !important;
    }

    html .pickup-request .right {
        padding-left: calc(100% - 300px);
        float: inherit !important;
    }

    html .pickup-pickup .right {
        padding-left: calc(100% - 250px);
        float: inherit !important;
    }

    html body .with-nav-tabs.panel-primary .panel-footer .pull-right {
        display: inline-block;
        float: none !important;
        width: 100%;
    }

        html body .with-nav-tabs.panel-primary .panel-footer .pull-right .btn:first-child {
            margin-bottom: 10px;
        }

        html body .with-nav-tabs.panel-primary .panel-footer .pull-right .btn.btn-primary {
            margin-left: auto;
            margin-right: auto;
        }

    html body.shipping .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li {
        height: 47px;
    }

    html body.custommer .with-nav-tabs.panel-primary .panel-footer .pull-right .btn:first-child {
        margin-bottom: initial;
    }

    .agentInvoiceGenerationIssueInvoices .pagination_gls.center-vertical {
        margin-top: 5% !important;
    }

    .search button[type="submit"] {
        top: 20% !important;
    }

    body.contrast-red header nav.principal img {
        padding-top: 3% !important;
    }

    .login .content-form {
        position: relative;
        top: inherit;
        -webkit-transform: none;
        transform: none;
        right: inherit;
        left: inherit;
    }

    .panel-body .tab-pane > .form-group {
        width: 100%;
    }

        .panel-body .tab-pane > .form-group .form-group {
            width: 100%;
        }

    .panel-body .tab-pane > div:not(.form-group) > .form-group {
        width: 100%;
    }

    .panel-body .tab-pane input[type="text"] {
        width: 100%;
        max-width: 100%;
    }

    div#messageSidenav .cabecera img {
        display: block !important;
    }

    div#messageSidenav.open {
        width: 70%;
    }

        div#messageSidenav.open:before {
            width: 30%;
        }

    .delivery #SearchFiltersPRO .row:first-child .col-sm-12 {
        margin-top: -10px;
    }

        .delivery #SearchFiltersPRO .row:first-child .col-sm-12 > .form-group {
            width: 100%;
            margin-right: 0px;
        }

    .delivery .form-group .form-group > div {
        padding-right: 0px;
    }

    .delivery .form-group .two-input input[type="text"]:nth-child(2) {
        width: calc(75% - 40px);
    }

    .delivery .form-group > div {
        padding-right: 0px;
    }

    .delivery .form-group .input-group {
        padding-right: 0px;
    }

    #filter-group .filtro_shipping_finder {
        width: 50%;
        max-width: inherit;
    }

    html .btn-group {
        float: left;
        margin-bottom: 20px;
    }

    .btn_qua_shipingfinder,
    .btn_shipingfinder,
    .btn_qua_delivery,
    .btn_delivery {
        display: inline-block;
        width: 100%;
        padding-left: 8% !important;
    }

    .punteo-procesapistola #cuerpo-central,
    .sacas #cuerpo-central {
        margin-left: 0% !important;
    }

    .punteo-procesapistola .btn-choose, .recovery-irregulares .btn-choose {
        font-size: 14px !important;
    }

    html #wrapper {
        width: 100%;
    }

    .shipping .panel .col-form {
        width: 100%;
        float: inherit;
    }

        .shipping .panel .col-form:first-child {
            padding-right: 0px;
        }

            .shipping .panel .col-form:first-child ~ .col-form {
                padding-left: 0px;
            }

    .impresion .form-group.inline {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

        .impresion .form-group.inline input[type="text"] {
            margin-right: 0px;
            margin-left: auto;
        }

        .impresion .form-group.inline button {
            margin-top: 20px;
            margin-left: auto;
        }

    html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

        html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li {
            width: 33.33%;
        }

            html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li:nth-child(4) {
                width: 50%;
                max-width: inherit;
            }

            html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li:last-child {
                width: 100%;
                max-width: inherit;
            }

    .custommer #chFilDet {
        width: 40% !important;
    }

    .pickup-pickup .codigo_cliente {
        width: 250px !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    body.contrast-red header #searchModule {
        display: none !important;
    }

    html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

        html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li {
            width: 50%;
            max-width: inherit;
        }

            html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li:last-child {
                width: 100%;
                max-width: inherit;
            }

    .btn_qua_shipingfinder {
        padding-left: 5%;
    }

    .modal.fade.in .modal-footer {
        margin-top: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        text-align: center;
    }

        .modal.fade.in .modal-footer .btn {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 10px;
        }

            .modal.fade.in .modal-footer .btn:last-child {
                margin-bottom: 0px;
            }

    .panel-body .tab-pane > .form-group {
        margin-right: 0px;
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }

        .panel-body .tab-pane > .form-group .form-group > div {
            width: 100%;
        }

    .panel-body .tab-pane > div:not(.form-group) > .form-group {
        margin-right: 0px;
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }

        .panel-body .tab-pane > div:not(.form-group) > .form-group .form-group > div {
            width: 100%;
        }

    div#messageSidenav.open {
        width: 50%;
    }

        div#messageSidenav.open:before {
            width: 50%;
        }

    .login .title-error {
        padding-top: 10px;
    }

        .login .title-error i::before {
            font-size: 35px;
        }

        .login .title-error span {
            font-size: 35px;
            line-height: 40px;
        }

    .shipping_finder .panel-body .tab-pane .group .form-group {
        width: 100%;
    }

    .shipping_finder #content_traking {
        display: inline-block;
    }

        .shipping_finder #content_traking #DivTraking,
        .shipping_finder #content_traking #DivTrakingOp {
            width: 100%;
        }

    html body.shipping .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li {
        width: 50%;
        height: 44px;
    }

    .delivery #CtxSummarySheet {
        padding-top: 0px;
        width: 100%;
    }

    .delivery #CtxSheet {
        width: 100%;
    }

    .delivery #SearchFiltersPRO .row:first-child .col-sm-12 {
        margin-top: -10px;
    }

        .delivery #SearchFiltersPRO .row:first-child .col-sm-12 > .form-group {
            width: 50%;
            margin-right: 0px;
        }

        .delivery #SearchFiltersPRO .row:first-child .col-sm-12 #unlocks .form-group {
            width: initial;
        }

    .delivery .form-group input[type="text"] {
        width: 100%;
        max-width: 100%;
    }

    .delivery .form-group.two-input input:first-child {
        max-width: 100%;
        width: 25%;
    }

    .delivery .form-group.two-input input[type="text"]:nth-child(2) {
        max-width: 100%;
        width: calc(75% - 55px);
    }

    .delivery .form-group .form-group {
        width: 100%;
    }

        .delivery .form-group .form-group > div {
            width: 100%;
            padding-right: 15px;
        }

    .delivery .form-group .input-group {
        width: 100%;
        padding-right: 15px;
    }

    #filter-group .filtro_shipping_finder {
        width: 33.33333%;
        float: left;
    }

    html body #wrapper {
        width: 100%;
    }

    .main-nav-opened #main-nav .navigation .search {
        display: block;
    }

    footer.main-footer {
        height: auto;
        padding-top: 10px;
    }

        footer.main-footer .content_footer {
            display: inline-block;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: inherit;
            flex-flow: inherit;
        }

            footer.main-footer .content_footer > div {
                display: inline-block;
                margin-bottom: 10px;
            }

                footer.main-footer .content_footer > div:last-child {
                    margin-bottom: 0px;
                    display: none !important;
                }

        footer.main-footer ul {
            position: relative;
            top: inherit;
            left: auto;
            right: auto;
            margin-top: 0px;
        }

        footer.main-footer img {
            margin-top: 0px !important;
        }

    footer ul li span {
        font-size: 9px !important;
    }

    .separacion-xs {
        margin-bottom: 10px;
    }

    html .table-responsive {
        border-bottom-width: 0px;
        border-style: none;
    }

    .inline-xs-12 {
        display: inline-block;
        width: 100%;
    }

    .shipping .panel #codbar {
        width: 100%;
        max-width: 100%;
    }

    .shipping .panel .col-sm-3 .row-form {
        float: left;
        width: 50%;
        padding-left: 15px;
    }

        .shipping .panel .col-sm-3 .row-form:nth-child(2n+1) {
            padding-left: 0px;
            padding-right: 15px;
        }

    .shipping .panel .col-sm-6 {
        display: inline-block;
        width: 100%;
    }

    .shipping input[type="text"] {
        width: 100%;
        max-width: 100%;
    }

    .delivery .col-sm-6 .tabla_reparto .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .impCYG .inline-xs-12 {
        margin-top: 20px;
    }

    .impresion .form-group > span.input-group-addon,
    .impresion .load_archive > span.input-group-addon {
        color: inherit;
    }

    .operativa .collapse.navbar-collapse {
        display: inline-block;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

        .operativa .collapse.navbar-collapse .nav.navbar-nav {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

            .operativa .collapse.navbar-collapse .nav.navbar-nav li {
                float: left;
            }

                .operativa .collapse.navbar-collapse .nav.navbar-nav li button {
                    margin-top: 0px;
                    margin-bottom: 0px;
                }

    #row-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: wrap-reverse;
        flex-flow: wrap-reverse;
    }

        #row-flex > div:last-child {
            margin-bottom: 10px;
        }

    .punteo-procesapistola #cuerpo-central {
        margin-left: 0% !important;
    }

    .custommer #chFilDet {
        width: 25%;
    }

    .custommer #chFilIzq {
        width: 50%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    div#messageSidenav.open {
        width: 40%;
    }

        div#messageSidenav.open:before {
            width: 60%;
        }

    html footer .copyright {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        margin-top: 10px;
    }

        html footer .copyright li {
            margin-bottom: 5px;
            text-align: left;
        }

    .punteo-procesapistola #cuerpo-central {
        margin-left: 0% !important;
    }

    #collapseArbol #labelRotate {
        -webkit-transform: translate(0px, 65px) rotate(-90deg);
        transform: translate(0px, 65px) rotate(-90deg);
    }

    .shipping_finder .paginacion_resultados_shipping_finder {
        margin-top: 0px;
    }

    html body.shipping .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li {
        max-width: 100%;
        width: 33.3%;
    }

    html body.pickup .with-nav-tabs .panel-footer .pull-right .btn {
        margin-bottom: 20px;
    }

    html body.pickup .with-nav-tabs .panel-footer .pull-right {
        float: inherit !important;
    }

    #main-nav .navigation > .nav > li > a span {
        color: #3c3c3c;
        position: relative;
        top: -2px;
        -webkit-transition: all 100ms ease;
        transition: all 100ms ease;
    }

    .main-nav-opened #main-nav .navigation > .nav > li ul.in {
        display: block !important;
    }

    #main-nav .navigation > .nav > li > a .icon-angle-down {
        float: right;
        line-height: 40px;
        margin-right: 0;
        -webkit-transition: all 100ms ease;
        transition: all 100ms ease;
    }

    #main-nav .navigation > .nav > li .nav > li > a .icon-angle-down {
        float: right;
        margin-top: 1px;
        margin-right: 7px;
    }

    .main-nav-opened #main-nav .navigation > .nav > li ul.in {
        display: block !important;
    }

    html body .cabercera-controller {
        position: relative;
        -webkit-transform: none;
        transform: none;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .punteo-procesapistola #cuerpo-central {
        margin-left: 0% !important;
    }

    html #h1Max {
        display: none !important;
    }

    html #h1Min {
        display: initial !important;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: center;
    }

        html #h1Min h1 {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            right: 0;
            width: max-content;
            transform: translateX(-45px);
            margin-left: auto;
            margin-right: auto;
        }

    div#messageSidenav.open {
        width: 50% !important;
    }

    body.contrast-red header nav.principal img {
        max-width: 75px !important;
        padding-top: 1%;
    }

    body.contrast-red header nav.principal .dropdown-menu {
        left: auto;
        right: 0;
        z-index: 300;
        top: 30px;
    }

    #modalAyudaModulo button,
    #modalAyudaModulo button {
        margin-right: 5px !important;
    }

    #moreZoom,
    #lessZoom {
        display: none !important;
    }

    html body #wrapper {
        margin-top: 83px;
    }

    #filter-group .filtro_shipping_finder {
        width: 30%;
        float: left;
    }

    .pagination_gls.center-vertical {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .pagination_gls.center-vertical a span, .pagination_gls.center-vertical button span {
            -webkit-transform: rotate(90deg) translateX(-20%);
            transform: rotate(90deg) translateX(-20%);
        }

        .pagination_gls.center-vertical a:focus span, .pagination_gls.center-vertical a:hover span, .pagination_gls.center-vertical button:focus span, .pagination_gls.center-vertical button:hover span {
            -webkit-transform: rotate(90deg) translateX(-20%) !important;
            transform: rotate(90deg) translateX(-20%) !important;
        }

    body.contrast-red #main-nav-bg {
        background: #EEEEEE;
    }

    body.contrast-red .navigation .search {
        display: none;
    }

    body.contrast-red.main-nav-closed #content {
        margin-left: 0px !important;
    }

    body.contrast-red.open-develop .btn_open {
        z-index: 3000 !important;
    }

    body.contrast-red.open-develop .navigation .search {
        display: block;
    }

    body.contrast-red.main-nav-opened header {
        z-index: 1;
    }

    body.contrast-red.main-nav-opened:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: calc(100% - 251px);
        background: rgba(0, 0, 0, 0);
        height: 100%;
        display: block;
        z-index: 10;
    }

    body.contrast-red.main-nav-opened #main-nav {
        top: 20px;
    }

        body.contrast-red.main-nav-opened #main-nav .navigation .imgLogo {
            display: block;
        }

        body.contrast-red.main-nav-opened #main-nav .navigation > .nav {
            position: relative;
            top: 115px !important;
        }

            body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:nth-child(1) {
                display: none;
            }

            body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:hover > a, body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:focus > a {
                color: #FFFFFF;
            }

                body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:hover > a > span, body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:focus > a > span {
                    background: transparent;
                    color: #FFFFFF;
                }

                body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:hover > a .icon-angle-down.angle-down, body.contrast-red.main-nav-opened #main-nav .navigation > .nav > li:focus > a .icon-angle-down.angle-down {
                    color: #FFFFFF !important;
                }

    body.contrast-red:not(.main-nav-opened) .btn_open {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    body.contrast-red .btn_open {
        background: transparent;
        border-style: none;
        position: absolute;
        top: 22px !important;
        left: 20px;
        z-index: 3000;
        outline: none;
    }

        body.contrast-red .btn_open .lineas {
            width: 100%;
            height: 3px;
            background: #6B1544;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            margin-left: auto;
            margin-right: auto;
            border-radius: 30px;
        }

        body.contrast-red .btn_open:after {
            content: '';
            width: 100%;
            height: 3px;
            background: #6B1544;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 30px;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease, -webkit-transform .3s ease;
        }

        body.contrast-red .btn_open:before {
            content: '';
            width: 100%;
            height: 3px;
            background: #6B1544;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: 30px;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, -webkit-transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease;
            transition: top .3s .6s ease, transform .3s ease, -webkit-transform .3s ease;
        }

    body.contrast-red header {
        top: 0px !important;
        height: 75px !important;
    }

        body.contrast-red header nav.principal {
            width: 100%;
            max-width: 100%;
            padding-left: 0px;
            padding: 0 !important;
            margin-left: 12% !important;
            max-width: initial !important;
        }

    body.contrast-red #main-nav .navigation > .nav > li:hover > a.in span {
        border-style: none;
        text-align: left;
        padding-left: 0px !important;
    }

    .main-nav-closed #main-nav {
        display: none;
    }

    .main-nav-closed div#main-nav-bg {
        display: none;
    }

    .main-nav-opened #main-nav .navigation .imgLogo {
        margin-left: 65px;
    }

    .main-nav-opened #main-nav .navigation .search {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0px;
        margin-bottom: 5px;
        border-style: none;
        min-width: inherit;
        position: relative;
        height: inherit;
    }

        .main-nav-opened #main-nav .navigation .search form {
            display: inline-block;
            width: 100%;
            position: relative;
            margin-bottom: 10px;
            left: inherit;
            right: inherit;
            top: inherit;
            bottom: inherit;
            min-width: inherit;
        }

        .main-nav-opened #main-nav .navigation .search #opcionesBusqueda {
            width: 100%;
        }

        .main-nav-opened #main-nav .navigation .search button[type="submit"] {
            background: transparent;
            right: 30px;
            width: auto;
            top: 30%;
        }

            .main-nav-opened #main-nav .navigation .search button[type="submit"]:before {
                color: #333333;
            }

        .main-nav-opened #main-nav .navigation .search input[type="text"] {
            position: relative;
            background: transparent;
            border-style: solid;
            border-left-width: 0px;
            border-right-width: 0px;
            border-top-width: 0px;
            border-bottom-width: 2px;
            border-color: #333333;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin-left: inherit;
            margin-right: inherit;
            right: inherit;
            left: inherit;
            top: inherit;
            bottom: inherit;
            padding: 0px;
        }

        .main-nav-opened #main-nav .navigation .search .opcionesBusqueda {
            float: right;
        }

    .main-nav-opened #main-nav .navigation .opcionesBusqueda {
        display: block;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-top: auto;
        margin-bottom: auto;
    }

        .main-nav-opened #main-nav .navigation .opcionesBusqueda #opcionesBusqueda {
            border-style: solid;
            border-width: 1px;
            border-style: none;
            margin-left: 20px;
            height: 28px;
            width: 160px;
            text-align: center;
            font-weight: 600;
            padding-left: 20px;
            position: relative;
            background: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            outline: none;
            background-color: transparent;
        }

    .main-nav-opened #main-nav .navigation .nav.nav-stacked {
        text-align: left;
    }

        .main-nav-opened #main-nav .navigation .nav.nav-stacked li a {
            padding-left: 10px;
            padding-right: 10px;
        }

        .main-nav-opened #main-nav .navigation .nav.nav-stacked li > a {
            padding-left: 5px;
            padding-right: 5px;
        }

    .imgLogo {
        max-width: 110px;
    }

    html body #content-wrapper {
        min-height: calc(100vh - 124px);
    }

    .sessions .col-1 {
        width: 8.33333%;
        float: left;
    }

    .shipping #modalViewDetail .padding-right {
        padding: 0px !important;
    }

    .col-1 {
        width: 100%;
        float: left;
    }

        .col-1.padding-left {
            padding-left: 15px;
        }

            .col-1.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-1.padding-right {
            padding-right: 15px;
        }

            .col-1.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-1.xs-total {
            width: 8.33333%;
        }

    .col-1-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-2 {
        width: 100%;
        float: left;
    }

        .col-2.padding-left {
            padding-left: 15px;
        }

            .col-2.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-2.padding-right {
            padding-right: 15px;
        }

            .col-2.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-2.xs-total {
            width: 16.66667%;
        }

    .col-2-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-3 {
        width: 100%;
        float: left;
    }

        .col-3.padding-left {
            padding-left: 15px;
        }

            .col-3.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-3.padding-right {
            padding-right: 15px;
        }

            .col-3.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-3.xs-total {
            width: 25%;
        }

    .col-3-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shipping #modalViewDetail .col-4.padding-right {
        padding: 0px !important;
    }

    .col-4 {
        width: 100%;
        float: left;
    }

        .col-4.padding-left {
            padding-left: 15px;
        }

            .col-4.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-4.padding-right {
            padding-right: 15px;
        }

            .col-4.padding-right.no-xs-p {
                padding-left: 0px;
            }

        .col-4.xs-total {
            width: 33.33333%;
        }

    .col-4-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-5 {
        width: 100%;
        float: left;
    }

        .col-5.padding-left {
            padding-left: 15px;
        }

            .col-5.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-5.padding-right {
            padding-right: 15px;
        }

            .col-5.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-5.xs-total {
            width: 41.66667%;
        }

    .col-5-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shipping #modalViewDetail .col-6.padding-right {
        padding: 0px !important;
    }

    .col-6 {
        width: 100%;
        float: left;
    }

        .col-6.padding-left {
            padding-left: 15px;
        }

            .col-6.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-6.padding-right {
            padding-right: 15px;
        }

            .col-6.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-6.xs-total {
            width: 50%;
        }

    .col-6-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-7 {
        width: 100%;
        float: left;
    }

        .col-7.padding-left {
            padding-left: 15px;
        }

            .col-7.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-7.padding-right {
            padding-right: 15px;
        }

            .col-7.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-7.xs-total {
            width: 58.33333%;
        }

    .col-7-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-8 {
        width: 100%;
        float: left;
    }

        .col-8.padding-left {
            padding-left: 15px;
        }

            .col-8.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-8.padding-right {
            padding-right: 15px;
        }

            .col-8.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-8.xs-total {
            width: 66.66667%;
        }

    .col-8-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-9 {
        width: 100%;
        float: left;
    }

        .col-9.padding-left {
            padding-left: 15px;
        }

            .col-9.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-9.padding-right {
            padding-right: 15px;
        }

            .col-9.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-9.xs-total {
            width: 75%;
        }

    .col-9-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-10 {
        width: 100%;
        float: left;
    }

        .col-10.padding-left {
            padding-left: 15px;
        }

            .col-10.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-10.padding-right {
            padding-right: 15px;
        }

            .col-10.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-10.xs-total {
            width: 83.33333%;
        }

    .col-10-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .sessions .col-11 {
        width: 91.66667%;
        float: left;
    }

    .col-11 {
        width: 100%;
        float: left;
    }

        .col-11.padding-left {
            padding-left: 15px;
        }

            .col-11.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-11.padding-right {
            padding-right: 15px;
        }

            .col-11.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-11.xs-total {
            width: 91.66667%;
        }

    .col-11-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-12 {
        width: 100%;
        float: left;
    }

        .col-12.padding-left {
            padding-left: 15px;
        }

            .col-12.padding-left.no-xs-p {
                padding-left: 0px;
            }

        .col-12.padding-right {
            padding-right: 15px;
        }

            .col-12.padding-right.no-xs-p {
                padding-right: 0px;
            }

        .col-12.xs-total {
            width: 100%;
        }

    .sessions .col-12.col-xs-4 {
        width: 40%;
    }

    .sessions .col-12.col-xs-6 {
        width: 60%;
    }

    .col-12-gls {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .separacion-md {
        margin-bottom: 10px;
    }

    #moreZoom,
    #lessZoom {
        display: none;
    }

    .login {
        text-align: center;
        height: 100%;
        display: inline-block;
        width: 100%;
        background: #EEEEEE;
    }

        .login .panel-login {
            position: relative;
            top: inherit;
            right: inherit;
            left: inherit;
            height: 100vh;
            min-height: inherit;
            display: inline;
        }

            .login .panel-login .col-md-6:last-child {
                width: 100%;
                min-height: 50vh;
            }

        .login .imagen-logo {
            width: 100%;
        }

    .shipping .col-sm-6 {
        width: 50%;
    }

    .shipping #ctxBasicShipping .row {
        margin-bottom: 0px;
    }

        .shipping #ctxBasicShipping .row > div {
            margin-bottom: 20px;
        }

    .ratewizard .col-5.padding-right {
        padding-right: 0px;
        padding-left: 0px;
    }

    #pasos_ratewizard {
        display: inline-block;
        width: 100%;
        overflow-x: auto;
    }

        #pasos_ratewizard .col-2:first-child {
            margin-bottom: 10px;
        }

        #pasos_ratewizard .col-2:last-child {
            margin-top: 10px;
        }

        #pasos_ratewizard .col-2 button {
            min-width: auto;
            position: relative;
            top: inherit;
            -webkit-transform: none;
            transform: none;
            left: inherit;
        }

    .caja #divBoxFiltroPenaliza .form-group {
        margin-bottom: 10px;
    }

    .caja #divBoxFiltroPenaliza label {
        width: 100px;
    }

    .shipping .col-sm-12 {
        width: 100%;
    }

    .shipping #DivTraking .col-xs-12.col-sm-6,
    .shipping #DivTrakingOp .col-xs-12.col-sm-5 {
        width: 300px;
    }

    .shipping #DivTraking .tracking-estado,
    .shipping #DivTrakingOp .elem_tracking_operativo {
        padding-bottom: 2%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .delivery .buttonTransparent {
        right: 15px;
    }

    .delivery #action-group-sheet {
        float: left;
        margin-right: 20px;
    }

    .delivery .search_develop {
        margin-top: 0px;
    }

    .delivery #tabla_reparto {
        margin-bottom: 20px;
    }

    .form-group.two-input input:first-child {
        max-width: 50px;
        float: left;
    }

    #row-flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    }

        #row-flex .col-sm-10.col-lg-10 .row {
            -ms-flex-flow: wrap;
            flex-flow: wrap;
        }

            #row-flex .col-sm-10.col-lg-10 .row div:nth-child(1), #row-flex .col-sm-10.col-lg-10 .row div:nth-child(2), #row-flex .col-sm-10.col-lg-10 .row div:nth-child(3), #row-flex .col-sm-10.col-lg-10 .row div:nth-child(4) {
                margin-bottom: 10px;
            }

            #row-flex .col-sm-10.col-lg-10 .row div:nth-child(5) {
                margin-top: 10px;
            }

    div#messageSidenav.open {
        width: 30%;
    }

        div#messageSidenav.open:before {
            width: 70%;
        }

    html body.shipping .with-nav-tabs.panel-primary .panel-heading .nav-tabs {
        padding-top: 50px;
    }

        html body.shipping .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li {
            border-color: transparent;
        }

            html body.shipping .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li:last-child {
                display: inline-block;
                width: 100%;
                float: inherit;
                position: absolute;
                top: 0;
                left: 0;
                text-align: left;
                padding-left: 15px;
                background: transparent;
            }

    .reembolsos .panel-left {
        width: 25% !important;
    }

    .reembolsos .panel-right {
        width: 75% !important;
    }
}

/*==========  MIXED WIDTH  ==========*/
@media (min-width: 480px) and (max-width: 768px) {
    html .right {
        padding-left: calc(100% - 300px);
        float: inherit !important;
    }

    html .pickup-request .right {
        padding-left: calc(100% - 325px);
        float: inherit !important;
    }

    html .pickup-pickup .right {
        padding-left: calc(100% - 250px);
        float: inherit !important;
    }

    html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

        html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li {
            width: 33.33%;
        }

            html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li:nth-child(4) {
                width: 50%;
                max-width: inherit;
            }

            html body.shipping_finder .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li:last-child {
                width: 50%;
                max-width: inherit;
            }
}

@media (min-width: 768px) and (max-width: 992px) {
    html .right {
        padding-left: calc(100% - 350px);
        float: inherit !important;
    }

    html .pickup-request .right {
        padding-left: calc(100% - 325px);
        float: inherit !important;
    }

    html .pickup-pickup .right {
        padding-left: calc(100% - 300px);
        float: inherit !important;
    }

    .date input[type="text"] {
        max-width: 85px;
    }

    #row-flex .col-sm-10.col-lg-10 .row div:nth-child(5) .panel-body > .col-12 {
        width: 33.33333%;
        min-height: 56px;
        padding-left: 10px;
        padding-right: 10px;
    }

    footer.main-footer {
        min-height: 59px;
    }

    .shipping .panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

        .shipping .panel .col-sm-2 {
            width: 33.33%;
        }

            .shipping .panel .col-sm-2:last-child input[type="text"] {
                float: right;
            }

    .shipping .row-form input[type="text"] {
        max-width: calc(100% - 95px);
    }

    .shipping .panel .col-sm-2 {
        padding-left: 7px;
        padding-right: 7px;
    }

        .shipping .panel .col-sm-2 label.acortada {
            width: 55px;
        }

    #row-flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    }

        #row-flex .col-sm-10.col-lg-10 .row {
            -ms-flex-flow: wrap;
            flex-flow: wrap;
        }

            #row-flex .col-sm-10.col-lg-10 .row div:nth-child(3) {
                margin-bottom: 10px;
            }

                #row-flex .col-sm-10.col-lg-10 .row div:nth-child(3) .col-6.padding-right, #row-flex .col-sm-10.col-lg-10 .row div:nth-child(3) .col-6.padding-left {
                    width: 100%;
                    padding: 0px;
                }
}

/*==========  OTHER QUERIES  ==========*/
@media (min-width: 998px) and (max-width: 1300px) {
    .filtro_shipping_finder .btn-group button:first-child {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .filtro_shipping_finder button:only-child {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 998px) and (max-width: 1450px) {
    #filter-group .filtro_shipping_finder:nth-child(2) {
        width: calc( 10% + 15px);
    }

    #filter-group .filtro_shipping_finder:nth-child(7) {
        width: calc(10% - 15px);
    }
}

@media (min-width: 998px) and (max-width: 1660px) {
    #filtros_gest_clientes #tabs-filter .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

        #filtros_gest_clientes #tabs-filter .nav-tabs > li {
            max-width: inherit;
            width: 50%;
        }
}
/*==========  Preinvoice Table Para Portatil Pequeño  ==========*/
#providerPreinvoicesTable {
    width: 100% !important;
}

    #providerPreinvoicesTable th,
    #providerPreinvoicesTable td {
        min-width: 35px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }


@media screen and (max-width: 1380px) {
    #providerPreinvoicesTable_wrapper {
        overflow-x: auto;
    }

    #providerPreinvoicesTable {
        display: block;
        width: max-content;
    }
}
/*****************************************************************************
    Estilos para modales - Styles for modals
******************************************************************************/
.modal.in .modal-dialog {
    outline: none;
}

.modal .btn-little {
    width: 100%;
    max-width: 100%;
}

    .modal .btn-little button {
        margin-left: auto;
    }

.modal big {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: inherit;
}

    .modal big .btn-default {
        height: 28px;
        float: left;
    }

    .modal big .input-group-addon {
        border-style: none;
        float: left;
    }


html body .modal.in .well {
    background: #FFFFFF;
}

.modal.in .buttonTransparent {
    background: transparent;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-style: none;
}

.modal.in .modal-header,
.modal.in .modal2-header2 {
    background: #FFFFFF;
    padding-bottom: 0px;
    border-color: #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 2px;
}

    .modal.in .modal-header h3,
    .modal.in .modal-header span,
    .modal.in .modal2-header2 h3,
    .modal.in .modal2-header2 span {
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 16px;
        line-height: 20px;
        color: #172154;
        font-weight: 600;
        text-align: left;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.modal.in .modal2-header2 {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal.in .modal2-header2 h4,
    .modal.in .modal2-header2 span {
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 16px;
        line-height: 20px;
        color: #172154;
        font-weight: 600;
        text-align: left;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.modal.in .table > thead > tr {
    border-style: none;
}

    .modal.in .table > thead > tr > th,
    .modal.in .table > thead > tr > th > span {
        background: #EEEEEE;
        color: #172154;
        vertical-align: middle;
        font-family: "Arial", "Helvetica", "Sans-serif";
        font-size: 11px;
        line-height: 15px;
        font-weight: 400;
        font-weight: 600;
        border-style: none;
    }

.modal.in .table > tbody tr:first-child td {
    border-top-width: 0px;
}

.modal.in .table > tbody tr:hover {
    background: #D1D3DD;
}

.modal.in .cont-tabla-scroll ~ .row .col-sm-12 {
    margin-bottom: 0px;
}

    .modal.in .cont-tabla-scroll ~ .row .col-sm-12 #selected-summary {
        text-align: center;
        outline: none;
    }

    .modal.in .cont-tabla-scroll ~ .row .col-sm-12 #selected-summary-nemonic {
        text-align: center;
        outline: none;
    }
    .modal.in .cont-tabla-scroll ~ .row .col-sm-12 #selected-resume {
        text-align: center;
        outline: none;
    }

.modal.in .search i.icon-search {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #6B1544;
    height: 100%;
    outline: none;
    width: 40px;
    z-index: 1;
    text-align: center;
}

    .modal.in .search i.icon-search:before {
        color: #FFFFFF;
        font-size: 17px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        right: 0;
        left: 0;
    }

    .modal.in .search i.icon-search:hover {
        text-decoration: none;
    }

.modal.in .search ~ .search-list {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

    .modal.in .search ~ .search-list .list-group-item .col-md-2 {
        position: relative;
        text-align: center;
    }

        .modal.in .search ~ .search-list .list-group-item .col-md-2 i {
            margin-left: auto;
            margin-left: auto;
            color: #172154;
        }

.modal.in .modal-footer {
    border-style: none;
    text-align: left;
    margin-top: 0px;
    padding-top: 0px;
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    text-align: center;
}

    .modal.in .modal-footer.center button {
        margin-left: auto;
        margin-right: auto;
    }

    .modal.in .modal-footer .btn:not(.btn-primary) {
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 11px;
        line-height: 17px;
        color: #6B1544;
        font-weight: 600;
        background: transparent;
        border-style: solid;
        border-color: #6B1544;
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        float: inherit;
        width: auto;
        border-radius: 0px;
        outline: none;
        background: #FFFFFF;
    }

        .modal.in .modal-footer .btn:not(.btn-primary):hover {
            background: #A61F69;
            border-color: #A61F69;
            color: #FFFFFF;
        }

            .modal.in .modal-footer .btn:not(.btn-primary):hover .caret {
                border-top-color: #FFFFFF;
            }

            .modal.in .modal-footer .btn:not(.btn-primary):hover .btn-default .caret.medio {
                border-top-color: #FFFFFF !important;
            }

        .modal.in .modal-footer .btn:not(.btn-primary):focus, .modal.in .modal-footer .btn:not(.btn-primary):active {
            background-color: #FFFFFF;
            color: #6B1544;
            outline: none;
            border-color: #6B1544;
            border-width: 1px;
        }

        .modal.in .modal-footer .btn:not(.btn-primary):first-child {
            margin-right: 15px;
        }

        .modal.in .modal-footer .btn:not(.btn-primary):last-child {
            margin-left: 0px;
        }

    .modal.in .modal-footer a.btn {
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 11px;
        line-height: 17px;
        color: #6B1544;
        font-weight: 600;
        background: transparent;
        border-style: solid;
        border-color: #6B1544;
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        float: inherit;
        width: auto;
        border-radius: 0px;
        outline: none;
        background: #FFFFFF;
        outline: none;
    }

        .modal.in .modal-footer a.btn:hover {
            background: #A61F69;
            border-color: #A61F69;
            color: #FFFFFF;
        }

            .modal.in .modal-footer a.btn:hover .caret {
                border-top-color: #FFFFFF;
            }

            .modal.in .modal-footer a.btn:hover .btn-default .caret.medio {
                border-top-color: #FFFFFF !important;
            }

        .modal.in .modal-footer a.btn:focus, .modal.in .modal-footer a.btn:active {
            background-color: #FFFFFF;
            color: #6B1544;
            outline: none;
            border-color: #6B1544;
            border-width: 1px;
        }

        .modal.in .modal-footer a.btn.btn-primary {
            background: #6B1544;
            color: #FFFFFF;
        }

            .modal.in .modal-footer a.btn.btn-primary:hover {
                background: transparent;
                color: #6B1544;
            }

    .modal.in .modal-footer.full {
        width: 100%;
        display: inline-block;
    }

#modalIncidence.modal.in .modal-footer .btn:not(.btn-primary) {
    margin-right: 0px;
}

#modalIncidenciaBatch.modal.in .modal-footer .btn:not(.btn-primary) {
    margin-right: 0px;
}

.modal.in #selectNoneModal {
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    color: #6B1544;
}

    .modal.in #selectNoneModal:hover, .modal.in #selectNoneModal:focus {
        background: transparent;
        color: #6B1544;
    }

    .modal.in #selectNoneModal ~ label {
        vertical-align: middle;
    }

.modal.in .summary-well {
    max-height: 150px;
    overflow-y: auto;
    background: transparent;
    margin-bottom: 10px;
}

.modal.in .modal-body {
    padding-bottom: 0px;
}

.modal.in .pagination_gls {
    margin-right: auto;
}

.modal-dialog #selectAllModal {
    float: left;
}

.modal-dialog .search.light {
    float: left;
}

.modal-dialog #contenedorTabla {
    margin-top: 10px;
}

.bootbox.modal.fade.bootbox-alert.in .modal-footer {
    float: inherit;
}

.pagModal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px;
}

    .pagModal a {
        margin-right: 2px;
        display: inline-block;
        height: 28px;
        width: 28px;
        border-style: solid;
        border-width: 1px;
        padding-bottom: 5px;
        border-color: #EEEEEE;
        background: #EEEEEE;
        position: relative;
        text-align: center;
        margin-right: 5px;
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 16px;
        line-height: 20px;
        color: #6B1544;
        font-weight: 600;
    }

        .pagModal a.disabled {
            opacity: 0.6;
        }

            .pagModal a.disabled:hover {
                color: #6B1544;
                text-decoration: none;
            }

        .pagModal a:not(.disabled):hover {
            color: #172154;
            text-decoration: none;
        }

        .pagModal a i {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
        }

    .pagModal input[type="text"] {
        height: 26px;
        margin-top: 0px;
        max-width: 60px;
        margin-right: 5px;
        padding-left: 10px;
    }

    .pagModal input[type="number"] {
        border-color: #747A98;
        border-width: 1px;
        height: 26px;
        margin-right: 5px;
        outline: none;
        padding-left: 10px;
    }

html body.modal-open button {
    z-index: auto !important;
}

    html body.modal-open button.icon-search {
        z-index: 1 !important;
    }

html body.modal-open .search_develop button {
    z-index: 1 !important;
}

div.modal-content {
    border-radius: 0px;
}

html .modal-backdrop.in {
    opacity: 0;
    background: rgba(0, 0, 0, 0);
}

.general.courier .modal .form-group,
.general.supplier .modal .form-group
{
    min-height: inherit;
}

.bootbox.modal.fade.bootbox-confirm.in .modal-dialog {
    display: inline-grid;
}

.bootbox .modal-content .bootbox-body {
    margin-top: 10px;
    margin-bottom: 10px;
}

/********************
    Specific classes
*********************/
#modalHelp .gridModal table:nth-child(2) thead {
    display: none;
}

#modalNemonicos .gridModal table:nth-child(2) thead {
    display: none;
}

#modalPenalize .modal-footer {
    padding-left: 22px;
}

#modalSaveIncidence .modal-footer {
    width: 100%;
}

    #modalSaveIncidence .modal-footer .text-danger {
        float: left;
    }


#modal-mensaje-informacion-Pistolas #labelfornumeropistola {
    padding-top: 10px;
}

#frmModalAddAttachment .form-group {
    width: 100%;
}

#frmModalAddAttachment .upload_file .content_upload input[type="file"] ~ label {
    line-height: 34px;
}

#modalPenalize #btn-choose .btn-default {
    float: left;
}

    #modalPenalize #btn-choose .btn-default.active {
        background: #6B1544;
        color: #FFFFFF;
    }

        #modalPenalize #btn-choose .btn-default.active:focus, #modalPenalize #btn-choose .btn-default.active:hover {
            background: #6B1544;
            color: #FFFFFF;
        }

    #modalPenalize #btn-choose .btn-default:not(.active) {
        background: #FFFFFF;
        color: #6B1544;
    }

        #modalPenalize #btn-choose .btn-default:not(.active):focus, #modalPenalize #btn-choose .btn-default:not(.active):hover {
            background: #FFFFFF;
            color: #6B1544;
        }


#ModalAnnouncements .form-group {
    margin-right: 15px;
}

    #ModalAnnouncements .form-group:last-child {
        margin-right: 0px;
    }

#modalCanalizaciones #tableCallejero_filter {
    float: left;
    margin-top: 10px;
}

#modalSaveIncidence #pnt-code1 {
    margin-top: 16px;
}


#modalHelpPlaza .panel-title {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
    background: #172154;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

    #modalHelpPlaza .panel-title a[data-toggle="collapse"] {
        color: #FFFFFF;
        text-decoration: none;
        width: 100%;
        position: relative;
        display: inline-block;
    }

        #modalHelpPlaza .panel-title a[data-toggle="collapse"].accordion-toggle:after {
            content: '\f106';
            font-family: FontAwesome;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
            right: 15px;
            color: #FFFFFF;
        }

        #modalHelpPlaza .panel-title a[data-toggle="collapse"].accordion-toggle.collapsed:after {
            content: '\f107';
        }

#modalHelpPlaza #collapseAyaudaAvansada {
    margin-bottom: 10px;
}

    #modalHelpPlaza #collapseAyaudaAvansada .panel-body {
        padding: 10px;
        border: 1px solid #dddddd;
        background: white;
        display: block;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    }

    #modalHelpPlaza #collapseAyaudaAvansada .form-group {
        margin-right: 10px;
    }

        #modalHelpPlaza #collapseAyaudaAvansada .form-group:last-child {
            margin-right: 0px;
        }

#asignaView .modal-body,
#documentoView .modal-body {
    display: inline-block;
    max-width: 100%;
}

#asignaView .modal-lg,
#documentoView .modal-lg {
    width: 90% !important;
}

#modalUtilidadesFactura .panel-footer {
    display: inline-block;
    width: 100%;
}

#modal-graficos .cuadrado {
    height: 10px;
    width: 10px;
}

    #modal-graficos .cuadrado.gris {
        background-color: gainsboro;
    }

    #modal-graficos .cuadrado.gris_apagado {
        background-color: rgba(151, 187, 205, 0.5);
    }

    #modal-graficos .cuadrado.verde_apagado {
        background-color: #97dcdc;
    }

#modalAyudaModulo,
#btnTemplateModulo {
    position: relative;
}

    #modalAyudaModulo button,
    #btnTemplateModulo button {
        background: transparent;
        border-style: none;
        outline: none;
        height: 100%;
        position: relative;
        min-width: 20px;
        text-align: center;
        margin-right: 10px;
    }

        #modalAyudaModulo button i,
        #btnTemplateModulo button i {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
        }

    #modalAyudaModulo .icon-question-sign,
    #btnTemplateModulo .icon-question-sign {
        content: url(/Images/GLS/icon_attention.svg);
        width: 20px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }

#modalIncidence .select2-container {
    margin-bottom: 20px;
    width: 100% !important;
}

#modal-seleccion-producto-body .btn-smallest-default {
    margin-bottom: 3px;
}

#modalUnits #fltDateTo {
    width: 100%;
    max-width: 100%;
}

#VistaInfoexpedicion .modal-dialog {
    width: 50% !important;
} 
/****************************************************************************
    Estilos para los módulos LOGIN - Styles for the LOGIN modules
****************************************************************************/
#cabInfo {
    padding-top: 10px;
}

html body.login:after {
    content: '';
    background: transparent;
}

.login {
    text-align: center;
}

    .login .panel-login {
        margin-right: auto;
        margin-left: auto;
        display: inline-block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
        background: transparent;
        border-style: none;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .login .panel-login .col-md-6:last-child {
            background-color: #EEEEEE;
            position: relative;
            text-align: center;
        }

        .login .panel-login .col-md-7:last-child {
            background-color: #EEEEEE;
            position: relative;
            text-align: center;
        }

    .login .imagen-logo {
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        min-height: 50vh;
    }

    .login .btn.btn-primary {
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 11px;
        line-height: 17px;
        color: #FFFFFF;
        font-weight: 600;
        background: #6B1544;
        height: 30px;
        padding-left: 13px;
        padding-right: 13px;
        float: inherit;
        width: auto;
        border-radius: 0px;
        outline: none;
        outline: none;
        border-color: transparent;
        border-color: #6B1544;
        margin-top: 20px;
    }

        .login .btn.btn-primary:hover {
            background: #FFFFFF;
            color: #6B1544;
            border-color: #6B1544;
            outline: none;
        }

    .login h2 {
        text-align: left;
    }

    .login .content-form {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
        padding: 15px;
    }

        .login .content-form input[type="text"],
        .login .content-form input[type="password"] {
            height: 34px;
            width: 100%;
            max-width: 280px;
            border-style: solid;
            border-color: #EEEEEE;
            margin-top: 6px;
            outline: none;
            padding-top: 9px;
            padding-bottom: 9px;
            padding-left: 10px;
            padding-right: 10px;
            font-family: TheSansGLS, sans-serif, Helvetica, Arial;
            font-size: 11px;
            line-height: 17px;
            font-weight: 500;
            margin-right: auto;
            outline: none;
        }

    .login .form-group {
        float: inherit;
    }

    .login.timeout .panel-login {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

    .login.timeout .error-container-header {
        width: 100%;
    }

        .login.timeout .error-container-header i {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            position: relative;
            height: auto;
            line-height: normal;
            vertical-align: baseline;
            background-image: none;
            background-position: 0% 0%;
            background-repeat: repeat;
            margin-top: 0;
        }

            .login.timeout .error-container-header i:before {
                content: "";
                color: #172154;
                font-size: 85px;
            }

        .login.timeout .error-container-header span {
            font-size: 100px;
            color: #172154;
        }

    .login .title-error {
        padding-top: 20px;
        color: #172154;
        text-align: center;
    }

        .login .title-error i {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            position: relative;
            height: auto;
            line-height: normal;
            vertical-align: baseline;
            background-image: none;
            background-position: 0% 0%;
            background-repeat: repeat;
            margin-top: 0;
        }

            .login .title-error i:before {
                content: "";
                color: #172154;
                font-size: 55px;
            }

        .login .title-error span {
            font-size: 40px;
            color: #172154;
            line-height: 45px;
        }

            .login .title-error span.fontsize50 {
                font-size: 50px;
                line-height: 50px;
            }

            .login .title-error span.fontsize100 {
                font-size: 100px;
                line-height: 100px;
            }

            .login .title-error span.fontsize75 {
                font-size: 75px;
                line-height: 75px;
            }

    .login #volver {
        margin-right: auto;
        margin-left: auto;
        float: none;
        margin-bottom: 30px;
    }

/****************************************************************************
    Estilos para las módulos GENERAL - Styles for the GENERAL modules
****************************************************************************/
.general .form-group {
    float: left;
    position: relative;
    margin-right: 15px;
    margin-bottom: 0px;
}

    .general .form-group.no-margin {
        margin-right: 0px;
    }

    .general .form-group .form-group {
        margin-right: 0px;
    }

    .general .form-group.sin_label {
        padding-top: 21px;
    }

    .general .form-group.full .div-input {
        max-width: 100%;
    }

    .general .form-group .div-input {
        height: 28px;
        width: 100%;
        border-style: solid;
        border-color: #CCCCCC;
        margin-top: 0px;
        outline: none;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: "Arial", "Helvetica", "Sans-serif";
        font-size: 11px;
        line-height: 17px;
        font-weight: 400;
        border-radius: 0px;
        border-width: 1px;
        position: relative;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        padding-top: 0px;
        padding-bottom: 0px;
        min-width: 110px;
        display: inline-block;
    }

        .general .form-group .div-input:focus {
            border-color: #CCCCCC;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .general .form-group .div-input:disabled:focus, .general .form-group .div-input:-moz-read-only:focus {
            background: #eee;
        }

        .general .form-group .div-input:disabled:focus, .general .form-group .div-input:read-only:focus {
            background: #eee;
        }

        .general .form-group .div-input span {
            font-size: 11px;
            color: #333333;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 15px;
            line-height: 28px;
        }

        .general .form-group .div-input:hover {
            cursor: not-allowed;
        }

    .general .form-group.full {
        width: 100%;
    }

        .general .form-group.full input[type="text"] {
            max-width: 100%;
        }

    .general .form-group.two-input-text {
        display: inline-block;
    }

        .general .form-group.two-input-text input[type="text"] {
            float: left;
            width: 100%;
            max-width: 30%;
        }

            .general .form-group.two-input-text input[type="text"]:last-child {
                max-width: 70%;
                border-left-width: 0px;
            }

        .general .form-group.two-input-text.with-modal input[type="text"]:nth-child(3) {
            max-width: calc(70% - 25px);
        }

    .general .form-group select:focus {
        border-color: #EEEEEE;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .general .form-group label {
        display: block;
        margin-bottom: 4px;
    }

    .general .form-group:nth-last-child() {
        margin-right: 15px;
    }

.general .iban {
    display: inline;
}

    .general .iban input[type="text"] {
        float: left;
        max-width: 70px;
    }

/****************************************************************************
    Estilos para las módulos OPERATIVA - Styles for the OPERATIVE modules
****************************************************************************/
.operativa .panel-body {
    background: #FFFFFF;
}

.operativa #content .navbar {
    width: 100%;
    background: transparent;
    border-style: none;
}

    .operativa #content .navbar .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

.operativa #content .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.operativa #content .navbar-nav li .navbar-btn {
    border-width: 1px;
    padding: 0px;
}

    .operativa #content .navbar-nav li .navbar-btn button {
        margin: 0px;
        border-style: none;
        padding: 0px;
        background: transparent;
        outline: none;
    }

    .operativa #content .navbar-nav li .navbar-btn .caret {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
    }

.operativa #content .panel-heading [data-toggle="collapse"]:after {
    font-size: 11px;
    color: #172154;
    -webkit-transform: rotate(-90deg) translate(2px, 0);
    transform: rotate(-90deg) translate(2px, 0);
    margin-left: 30px;
}

.operativa #content .panel-heading [data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(90deg) translate(-2px, 0);
    transform: rotate(90deg) translate(-2px, 0);
}

.operativa input[type="text"],
.operativa input[type="tel"],
.operativa input[type="email"] {
    margin-top: 0px;
}

.operativa .input-group-btn.adsolute {
    position: absolute;
    top: 0;
    right: 35px;
}

.operativa .input-group-btn button {
    padding: 0px;
    background: #6B1544;
}

    .operativa .input-group-btn button i {
        color: #FFFFFF;
    }

.operativa .input-group-btn a,
.operativa .input-group-btn button {
    max-width: inherit;
    display: inline-block;
    border-radius: 0px !important;
    min-width: inherit;
    position: relative;
    width: 25px;
    height: 28px !important;
    padding: 0px;
    text-align: center;
}

    .operativa .input-group-btn a i,
    .operativa .input-group-btn button i {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

        .operativa .input-group-btn a i:before,
        .operativa .input-group-btn button i:before {
            position: absolute;
            font-size: 14px;
            top: 50%;
            right: 0;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .operativa .input-group-btn a:hover,
    .operativa .input-group-btn button:hover {
        background: #6B1544;
        color: #FFFFFF;
    }

.operativa .input-group-btn .btn-default {
    background: #6B1544;
}

    .operativa .input-group-btn .btn-default i {
        color: #FFFFFF;
    }

    .operativa .input-group-btn .btn-default:hover {
        background: #6B1544;
        color: #FFFFFF;
    }

.operativa .input-group-sm.datepicker {
    margin-top: 0px;
    padding: 0px;
}

.operativa .input-group-sm.timepicker {
    margin-top: 0px;
    padding: 0px;
}

.operativa .panel-heading h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

    .operativa .panel-heading h4 .accordion-toggle {
        color: #172154;
        text-decoration: none;
        cursor: pointer;
    }

.operativa input.form-control.input-sm {
    height: 28px;
    width: 100%;
    border-style: solid;
    border-color: #CCCCCC;
    margin-top: 0px;
    outline: none;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    border-radius: 0px;
    border-width: 1px;
}

    .operativa input.form-control.input-sm:focus {
        border-color: #CCCCCC;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .operativa input.form-control.input-sm:disabled:focus, .operativa input.form-control.input-sm:-moz-read-only:focus {
        background: #eee;
    }

    .operativa input.form-control.input-sm:disabled:focus, .operativa input.form-control.input-sm:read-only:focus {
        background: #eee;
    }

.operativa .panel-primary > .panel-heading.background-color-gls {
    background-color: #172154;
    border-color: #172154;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
}

    .operativa .panel-primary > .panel-heading.background-color-gls h4 {
        color: #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-size: 14px;
    }

.operativa div.panel-default {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.operativa .form-group.full .input-group {
    max-width: 100%;
}

.operativa .input-group {
    max-width: 280px;
}

    .operativa .input-group .bootstrap-tagsinput {
        border-style: none;
        padding: 0px;
        width: 100%;
    }

        .operativa .input-group .bootstrap-tagsinput input[type="text"] {
            width: 100%;
        }

        .operativa .input-group .bootstrap-tagsinput ~ .input-group-btn a,
        .operativa .input-group .bootstrap-tagsinput ~ .input-group-btn button {
            background: #6B1544;
            color: #FFFFFF;
        }

.operativa .navbar-right {
    margin-right: 0px;
}

.operativa .badge {
    background: transparent;
    padding: 3px;
    border-style: solid;
    border-color: #6B1544;
    border-width: 1px;
    color: #6B1544;
    border-radius: 0px;
    line-height: 10px;
}

    .operativa .badge .badge.badge-inverse {
        border-style: none;
        line-height: 14px;
    }

.operativa .bootstrap-tagsinput-scrollbar-table .bootstrap-tagsinput,
.operativa .input-group .bootstrap-tagsinput {
    height: auto;
    max-height: 55px;
    overflow-y: auto;
    width: 100%;
    border-style: solid;
    border-color: #CCCCCC;
    margin-top: 0px;
    outline: none;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    border-radius: 0px;
    border-width: 1px;
    overflow-x: auto;
    padding: 0px;
}

    .operativa .bootstrap-tagsinput-scrollbar-table .bootstrap-tagsinput:focus,
    .operativa .input-group .bootstrap-tagsinput:focus {
        border-color: #CCCCCC;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .operativa .bootstrap-tagsinput-scrollbar-table .bootstrap-tagsinput:disabled:focus, .operativa .bootstrap-tagsinput-scrollbar-table .bootstrap-tagsinput:-moz-read-only:focus,
    .operativa .input-group .bootstrap-tagsinput:disabled:focus,
    .operativa .input-group .bootstrap-tagsinput:-moz-read-only:focus {
        background: #eee;
    }

    .operativa .bootstrap-tagsinput-scrollbar-table .bootstrap-tagsinput:disabled:focus, .operativa .bootstrap-tagsinput-scrollbar-table .bootstrap-tagsinput:read-only:focus,
    .operativa .input-group .bootstrap-tagsinput:disabled:focus,
    .operativa .input-group .bootstrap-tagsinput:read-only:focus {
        background: #eee;
    }

    .operativa .bootstrap-tagsinput-scrollbar-table .bootstrap-tagsinput input[type="text"],
    .operativa .input-group .bootstrap-tagsinput input[type="text"] {
        border: none;
        box-shadow: none;
        outline: none;
        background-color: transparent;
        padding: 0 6px;
        margin: 0;
        width: auto;
        max-width: inherit;
        border-radius: 0 !important;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        height: 21px;
        margin-top: 3px;
    }

        .operativa .bootstrap-tagsinput-scrollbar-table .bootstrap-tagsinput input[type="text"].form-control,
        .operativa .input-group .bootstrap-tagsinput input[type="text"].form-control {
            display: none;
        }

    .operativa .bootstrap-tagsinput-scrollbar-table .bootstrap-tagsinput .label-info,
    .operativa .input-group .bootstrap-tagsinput .label-info {
        background: #172154;
        color: #FFFFFF;
        font-size: 10px;
        margin-bottom: 0px;
        display: inline-block;
        margin-top: 3px;
        margin-left: 3px;
        float: left;
    }

.operativa .input-group .bootstrap-tagsinput {
    padding-top: 3px;
}

.operativa .labeltagsinput, .operativa .atagsinput {
    margin-bottom: 30px;
}

/****************************************************************************
    Estilos para las módulos IMPRESION - Styles for the IMPRESION modules
****************************************************************************/
.impresion .input-group-addon {
    font-family: "Arial", "Helvetica", "Sans-serif";
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    font-weight: 600;
    margin-right: 10px;
}

    .impresion .input-group-addon.width {
        width: 80px;
        text-align: left;
    }

    .impresion .input-group-addon.width-90 {
        width: 90px;
        text-align: left;
    }

    .impresion .input-group-addon.width-100 {
        width: 100px;
        text-align: left;
    }

    .impresion .input-group-addon.width-110 {
        width: 110px;
        text-align: left;
    }

    .impresion .input-group-addon.width-120 {
        width: 120px;
        text-align: left;
    }

    .impresion .input-group-addon.width-130 {
        width: 130px;
        text-align: left;
    }

    .impresion .input-group-addon.width-140 {
        width: 140px;
        text-align: left;
    }

    .impresion .input-group-addon.width-150 {
        width: 150px;
        text-align: left;
    }

    .impresion .input-group-addon.width-160 {
        width: 160px;
        text-align: left;
    }

    .impresion .input-group-addon.width-170 {
        width: 170px;
        text-align: left;
    }

    .impresion .input-group-addon.width-180 {
        width: 180px;
        text-align: left;
    }

.impresion .form-group {
    float: left;
    position: relative;
    margin-right: 15px;
    margin-bottom: 9px;
}

    .impresion .form-group.radio_gls label {
        display: inline-block;
    }

        .impresion .form-group.radio_gls label span {
            display: inline-block;
            float: left;
        }

            .impresion .form-group.radio_gls label span.circle {
                display: inline-block;
            }

    .impresion .form-group.width-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: auto;
        width: 100%;
        margin-bottom: 0px;
    }

        .impresion .form-group.width-label label {
            display: inline-block;
            width: auto;
            background: transparent;
            border-style: none;
            height: 30px;
            line-height: 20px;
            min-width: -webkit-max-content;
            min-width: -moz-max-content;
            min-width: max-content;
            margin-right: 5px;
            padding-top: 4px;
        }

            .impresion .form-group.width-label label:after {
                content: ':';
            }

        .impresion .form-group.width-label .date {
            width: 100%;
        }

            .impresion .form-group.width-label .date input[type="text"] {
                width: 100%;
                max-width: 100%;
                outline: none;
            }

            .impresion .form-group.width-label .date .input-group-addon {
                position: absolute;
                top: 0;
                right: 0;
            }

    .impresion .form-group.inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: auto;
        width: 100%;
        margin-bottom: 0px;
    }

        .impresion .form-group.inline label {
            font-family: "Arial", "Helvetica", "Sans-serif";
            font-size: 12px;
            line-height: 12px;
            font-weight: 400;
            font-weight: 600;
            min-width: -webkit-max-content;
            min-width: -moz-max-content;
            min-width: max-content;
            margin-right: 10px;
            margin-top: auto;
            margin-bottom: auto;
            position: relative;
        }

            .impresion .form-group.inline label ~ button {
                height: 28px;
                outline: none;
            }

        .impresion .form-group.inline input[type="text"] {
            height: 100%;
            outline: none;
            min-height: 28px;
        }

    .impresion .form-group select:focus {
        border-color: #EEEEEE;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .impresion .form-group input {
        margin-top: 0px;
    }

        .impresion .form-group input ~ span.input-group-addon {
            height: 28px;
            width: 40px;
            background: #6B1544;
        }

            .impresion .form-group input ~ span.input-group-addon i,
            .impresion .form-group input ~ span.input-group-addon span {
                color: #FFFFFF;
            }

    .impresion .form-group label {
        display: block;
        margin-bottom: 9px;
    }

    .impresion .form-group:nth-last-child() {
        margin-right: 15px;
    }

    .impresion .form-group .date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .impresion .form-group .date input {
            position: relative;
        }

.impresion .input-group-addon {
    display: inline-block;
    width: auto;
    background: transparent;
    border-style: none;
    height: 30px;
    line-height: 20px;
    float: left;
    cursor: default;
}

    .impresion .input-group-addon i {
        color: #333333;
    }

.impresion button.input-group-addon {
    position: absolute;
    top: 0;
    right: 0;
    background: #6B1544;
    margin-right: 0px;
    border-style: none;
    height: 28px;
    border-radius: 0px;
}

    .impresion button.input-group-addon i {
        color: #FFFFFF;
        font-size: 14px;
    }

.impresion .vertical_margin_buttons button {
    display: block;
    margin-bottom: 20px;
}

.impresion .tab-content .tab-pane {
    padding-top: 20px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

    .impresion .tab-content .tab-pane .row {
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 20px;
    }

.impresion.impDataTrans .form-group {
    min-height: inherit;
}

/********************************************************************************
    Estilos para el módulo ShippingFinder - Styles for the ShippingFinder module
********************************************************************************/
.botonera_resultados_shipping_finder .btn.btn-default.dropdown-toggle {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-style: solid;
    border-color: #6B1544;
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    background: #FFFFFF;
    outline: none;
}

    .botonera_resultados_shipping_finder .btn.btn-default.dropdown-toggle:hover {
        background: #A61F69;
        border-color: #A61F69;
        color: #FFFFFF;
    }

        .botonera_resultados_shipping_finder .btn.btn-default.dropdown-toggle:hover .caret {
            border-top-color: #FFFFFF;
        }

        .botonera_resultados_shipping_finder .btn.btn-default.dropdown-toggle:hover .btn-default .caret.medio {
            border-top-color: #FFFFFF !important;
        }

    .botonera_resultados_shipping_finder .btn.btn-default.dropdown-toggle:focus, .botonera_resultados_shipping_finder .btn.btn-default.dropdown-toggle:active {
        background-color: #FFFFFF;
        color: #6B1544;
        outline: none;
        border-color: #6B1544;
        border-width: 1px;
    }

    .botonera_resultados_shipping_finder .btn.btn-default.dropdown-toggle span.caret {
        margin-left: 5px;
    }

.botonera_resultados_shipping_finder button.button-quality {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-style: solid;
    border-color: #6B1544;
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    background: #FFFFFF;
}

    .botonera_resultados_shipping_finder button.button-quality:hover {
        background: #A61F69;
        border-color: #A61F69;
        color: #FFFFFF;
    }

        .botonera_resultados_shipping_finder button.button-quality:hover .caret {
            border-top-color: #FFFFFF;
        }

        .botonera_resultados_shipping_finder button.button-quality:hover .btn-default .caret.medio {
            border-top-color: #FFFFFF !important;
        }

    .botonera_resultados_shipping_finder button.button-quality:focus, .botonera_resultados_shipping_finder button.button-quality:active {
        background-color: #FFFFFF;
        color: #6B1544;
        outline: none;
        border-color: #6B1544;
        border-width: 1px;
    }

.botonera_resultados_shipping_finder {
    display: inline-block;
}

    .botonera_resultados_shipping_finder #btnExcel {
        margin-left: 10px;
    }

.shipping_finder .panel-body .tab-pane .group {
    margin-right: 20px;
}

    .shipping_finder .panel-body .tab-pane .group .form-group {
        width: 100%;
    }

.shipping_finder .panel-body .tab-pane > .form-group:last-child {
    margin-right: 0px;
}

.shipping_finder #shippingFinderTracking {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.shipping_finder #content_traking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.shipping_finder .panel-footer {
    padding-top: 0px;
}

.shipping_finder .alert span {
    font-size: inherit;
}
/********************************************************************************
    Estilos para el módulo Shipping - Styles for the Shipping module
********************************************************************************/
html body.shipping #FijaCabecera {
    display: block;
}

.shipping #ctxBasicShipping .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .shipping #ctxBasicShipping .row > div {
        display: inline-block;
    }

        .shipping #ctxBasicShipping .row > div .box {
            height: 100%;
            width: 100%;
        }

            .shipping #ctxBasicShipping .row > div .box .box-content {
                height: calc(100% - 32px);
            }

                .shipping #ctxBasicShipping .row > div .box .box-content table {
                    width: 100%;
                }

.shipping .panel {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
}

    .shipping .panel #codbar {
        width: 100%;
        margin-bottom: 10px;
        color: #172154;
        text-align: right;
        max-width: 100%;
    }

    .shipping .panel .col-form:first-child {
        padding-right: 15px;
    }

        .shipping .panel .col-form:first-child ~ .col-form {
            padding-left: 15px;
        }

    .shipping .panel label {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
    }

.shipping .only-inputs .row-form {
    margin-bottom: 0px;
    display: block;
}

    .shipping .only-inputs .row-form input[type="text"] {
        max-width: 100%;
        margin-bottom: 0px;
        width: 100%;
    }

.shipping h3:not(.title-header) {
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 16px;
    padding-top: 12px;
}

.shipping .group {
    display: inline-block;
    width: 100%;
}

    .shipping .group.col-2 p,
    .shipping .group.col-2 .row-form {
        width: 50%;
        float: left;
    }

    .shipping .group.col-3 p,
    .shipping .group.col-3 .row-form {
        float: left;
        width: 33%;
    }

    .shipping .group.col-4 p,
    .shipping .group.col-4 .row-form {
        float: left;
        width: 25%;
    }

    .shipping .group.col-5 p,
    .shipping .group.col-5 .row-form {
        float: left;
        width: 25%;
    }

.shipping #kls_volumen .row-form {
    display: table;
    width: 100%;
    margin-bottom: 0px;
}

.shipping #kls_volumen label {
    float: left;
    line-height: 14px;
    min-width: 60px;
}

.shipping #kls_volumen span {
    float: left;
    line-height: 14px;
}

.shipping .panel-heading {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

    .shipping .panel-heading ul {
        margin-bottom: 0px;
    }

.shipping .panel-body table {
    width: 100%;
}

.shipping .panel-body .buttonTransparent {
    background: transparent;
    border-style: none;
    outline: none;
}

.shipping .panel-body .tab-pane > div {
    overflow-x: auto;
}

.shipping #print {
    font-family: "Arial", "Helvetica-bold", "Sans-serif";
    font-size: 11px;
    line-height: 17px;
    color: #6B1544;
    font-weight: 600;
    background: transparent;
    border-style: solid;
    border-color: #6B1544;
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    background: #FFFFFF;
    height: 30px;
    padding-right: 30px;
}

    .shipping #print:hover {
        background: #A61F69;
        border-color: #A61F69;
        color: #FFFFFF;
    }

        .shipping #print:hover .caret {
            border-top-color: #FFFFFF;
        }

        .shipping #print:hover .btn-default .caret.medio {
            border-top-color: #FFFFFF !important;
        }

    .shipping #print:focus, .shipping #print:active {
        background-color: #FFFFFF;
        color: #6B1544;
        outline: none;
        border-color: #6B1544;
        border-width: 1px;
    }

    .shipping #print .caret {
        border-top-color: #6B1544;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
    }

    .shipping #print:hover .caret, .shipping #print:focus .caret {
        border-top-color: #FFFFFF;
        background: transparent;
    }

.shipping .form-control[disabled],
.shipping .form-control[readonly],
.shipping fieldset[disabled] .form-control {
    background: #FFFFFF;
}

.shipping .row-form {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 0px;
}

    .shipping .row-form label {
        display: inline-block;
    }

        .shipping .row-form label:after {
            content: ':';
        }

    .shipping .row-form input[type="text"] {
        display: inline-block;
        max-width: calc(100% - 96px);
        float: right;
        margin-top: 0px;
    }

.shipping #ctxBasicShipping {
    margin-top: 10px;
}

.shipping .glyphicon-info-sign:hover {
    cursor: pointer;
}

.shipping #cabeceraShip .input-group.date {
    position: relative;
    width: 100%;
}

    .shipping #cabeceraShip .input-group.date .input-group-addon {
        height: 28px;
        width: 40px;
        background: #6B1544;
        display: inline-block;
        position: absolute;
        top: 6px;
        right: 0;
        color: #FFFFFF;
    }

        .shipping #cabeceraShip .input-group.date .input-group-addon .glyphicon-calendar {
            color: #FFFFFF;
            line-height: 10px;
        }

.shipping #flt_PrintReport {
    margin-left: 15px;
}

.shipping .with-nav-tabs.panel-primary .panel-heading .nav-tabs > li:last-child:hover {
    background: transparent;
}

.shipping #shippingBtnMenu {
    margin-bottom: 5px;
}

.shipping #notitle input {
    max-width: calc(100% - 33px);
    padding-left: 5px;
    padding-right: 5px
}

.shipping .width20px {
    min-width: 20px;
}
/********************************************************************************
    Estilos para el módulo Delivery - Styles for the Delivery module
********************************************************************************/
.delivery #panel_grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 5px;
    height: 100%
}

.delivery .with-nav-tabs.panel-primary .panel-heading ~ .panel-body {
    padding-top: 0px;
    height: calc(100% - 25px);
}

.delivery .tab-content {
    height: 100%
}

.delivery #tabHojas {
    padding-top: 5px;
}

.delivery #CtxSummarySheet {
    position: relative;
    padding: 0px 0px;
    padding-left: 5px;
}

.delivery #CtxSheet {
    position: relative;
    padding: 0px 0px;
    padding-left: 0px;
    overflow-x: hidden;
}

.delivery #CtxSummarySheet.col-sm-2 .search_develop {
    width: 100%;
    max-width: 100%;
}

.delivery #CtxSheet .col-sm-6 #CtxActionButtons {
    width: 100%;
}

.delivery .buttonTransparent {
    position: absolute;
    top: 5px;
    right: 0px;
    background: transparent;
    outline: none;
    background: transparent;
    border-style: none;
    z-index: 40;
}

.delivery table.dataTable tbody th, .delivery table.dataTable tbody td {
    padding: 1px 1px 1px 1px;
    /*font-size: 10px;*/
    border-bottom: 1px #efeaea solid;
}

.delivery table.dataTable thead tr th {
    border-style: none;
    font-size: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}


.delivery .listado_reparto div {
    float: left;
    cursor: pointer;
}

.delivery .col-sm-6 #action-group-sheet {
    float: left;
    margin-right: 20px;
}

.delivery .col-sm-6 #openMoreDetailSearch {
    float: left;
    margin-top: 0px;
}

.delivery #btn-asignarexp {
    margin-top: 16px;
    height: 28px;
}

.delivery .panel-primary .panel-body {
    padding-bottom: 0px;
    padding-top: 0px;
    height: 100%;
}

.delivery .panel-primary {
    margin-bottom: 0px;
}

.delivery .table-responsive.overflowY {
    max-height: 275px;
}

.delivery #panel_grid {
    display: grid;
    padding: 3px;
    grid-gap: 3px;
    grid-template-areas: "head" "main";
    grid-template-rows: min-content 1fr;
    grid-template-columns: 1fr;
}

@media (min-width: 900px) {
    .delivery #panel_grid {
        grid-template-areas: "head main";
        grid-template-rows: 1fr;
        grid-template-columns: min-content 1fr;
    }

    .delivery #CtxSummarySheet {
        resize: horizontal;
    }
}

.delivery #CtxSummarySheet {
    grid-area: head;
    overflow: auto;
    border: 1px solid #EEEEEE;
    padding: 5px;
    margin-top: 5px;
    min-width: 100px;
    display: flex;
    flex-direction: column;
}

    .delivery #CtxSummarySheet .dropdown-menu a {
        padding: 3px 0px;
    }

    .delivery #CtxSummarySheet .dropdown-menu li {
        padding: 0px 5px;
    }

    .delivery #CtxSummarySheet .dontShowDetailsList {
        width: 100%;
        overflow-y: hidden;
        display: flex;
    }

        .delivery #CtxSummarySheet .dontShowDetailsList ul, .delivery #message-search-list {
            grid-area: main;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            margin-bottom: 0px;
            max-height: 666px;
            min-height: 666px;
            overflow-x: hidden;
            padding: 0px;
            flex: 1 1 auto;
        }

        .delivery #CtxSummarySheet .dontShowDetailsList li {
            padding: 2px;
            border: 0px;
        }

.delivery .tabla_reparto #ul-search-list .list-group-item:hover {
    background-color: #D1D3DD;
}

.delivery .tabla_reparto #ul-search-list .list-group-item.selected {
    background-color: #D1D3DD;
}

.delivery .dataTables_scrollBody {
    max-height: 570px;
}

@media (max-height: 650px) {
    .delivery #CtxSummarySheet .dontShowDetailsList ul, .delivery #message-search-list {
        max-height: 350px;
        min-height: 350px;
    }

    .delivery .dataTables_scrollBody {
        max-height: 270px;
    }
}

.delivery .showDetailsList {
    min-width: 300px;
}

.delivery .tabla_reparto {
    display: flex;
}

    .delivery .tabla_reparto #noflagbydelivery, .delivery .tabla_reparto .noshowdetailslist {
        flex: 1 1 auto;
        display: flex;
    }

.delivery #CtxSummarySheet #openMoreDetailSearch {
    display: block;
    margin: 10px 0px;
}

.delivery #CtxSheet {
    grid-area: main;
    /*border: 1px solid gray;*/
    margin-right: 5px;
    /*background-color: blue*/
}


/**************************************************************************************
    Estilos para el módulo removeDeliveryMan - Styles for the removeDeliveryMan module
**************************************************************************************/
.removeDeliveryMan .input-group-addon {
    color: white;
    width: max-content;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.removeDeliveryMan .btn-group.full {
    width: 100%;
}
/********************************************************************************
    Estilos para el módulo Pickup - Styles for the Pickup module
********************************************************************************/
.pickup .tab-content .row {
    width: 100%;
}

.pickup #action-group {
    float: left;
    margin-right: 15px;
}

.pickup #pickUpTableContent {
    margin-top: 20px;
}

.pickup .nav.nav-tabs i {
    margin-left: 3px;
}

.pickup #SolGrabRecInput {
    margin-right: 5px;
}

.pickup #PickUpApplyInput,
.pickup #PickUpRecInput {
    margin-right: 5px;
    width: 80px;
}

    .pickup #PickUpApplyInput input,
    .pickup #PickUpRecInput input {
        width: 100%;
        max-width: 100%;
    }

.pickup-pickup textarea[name="txtAreaPickup"] {
    height: calc(100% - 17px);
    outline: none;
}

.pickup-pickup #horario .col-sm-4 {
    padding-right: 0px;
}

.pickup-pickup #horario .col-sm-8.without-label {
    padding-left: 5px;
    padding-top: 18px
}

    .pickup-pickup #horario .col-sm-8.without-label input {
        padding-left: 3px;
        padding-right: 0px;
    }

.pickup-pickup #solicitud :not(.search) input[type="text"],
.pickup-pickup #solicitud :not(.search) input[type="tel"],
.pickup-pickup #solicitud :not(.search) input[type="email"],
.pickup-pickup #solicitud :not(.search) input[type="time"],
.pickup-pickup #solicitud span.input-group-addon,
.pickup-pickup #solicitud .btn-default,
.pickup-pickup #action-group .btn-default,
.pickup-pickup #action-group .btn-danger,
.pickup-pickup #action-group .btn-primary,
.pickup-pickup #action-group .btn-primary[disabled],
.pickup-pickup #npk-datos-origen .col-12.box {
    height: 20px;
}

.pickup-pickup .codigo_cliente {
    width: 300px;
}

.pickup-pickup .title-header {
    height: 25px;
    padding-top: 4px !important;
}

.pickup-pickup .btn.btn-xs.btn-azul {
    height: 20px;
    padding-top: 0px;
}

.pickup-pickup #solicitud .btn,
.pickup-pickup #action-group .btn {
    padding-top: 1px;
}

.pickup-pickup .checkbox_gls.inline span {
    padding-top: 10px;
}

.pickup-pickup .padTop5 {
    padding-top: 5px;
}

.pickup-pickup .col-8.padding-right.without-label {
    padding-top: 18px;
}

.pickupAgency #deliveryManList .icon-minus-sign-alt {
    font-size: 16px;
    margin-right: 10px;
    color: crimson;
}

/********************************************************************************
    Estilos para el módulo Courier - Styles for the Courier & Supplier module
********************************************************************************/
.courier .icon-trash,
.supplier .icon-trash {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

    .courier .icon-trash:before,
    .supplier .icon-trash:before {
        content: "";
        color: #333333;
        font-size: "17px";
    }

.courier .igual_btn,
.supplier .igual_btn {
    margin-top: 15px;
}

.courier .form-group,
.supplier .form-group {
    margin-bottom: 10px;
}

.courier #optionPaginator,
.supplier #optionPaginator {
    margin-top: 5px;
}

/********************************************************************************
    Estilos para el módulo Courier Invoice - Styles for the Courier Invoice module
********************************************************************************/
.CIPrefact .dropdown-menu label {
    padding-top: 2%;
}
/********************************************************************************
    Estilos para el módulo Net-provider - Styles for the Net-provider module
********************************************************************************/
.net-provider-invoice-emision .filtro_shipping_finder .btn-group button:first-child {
    min-width: inherit;
}

.net-provider-invoice table td .icon-lock {
    color: #f00;
}

/*.net-provider-invoice table td .icon-envelope {
	color: #ffd800;
}*/

.netProviderInvoice_FixedLines #removeIcon {
    color: #f00;
}
/***********************************************************************************
    Estilos para el módulo Direct-Customer - Styles for the Direct-Customer module
***********************************************************************************/
.direct-customer #table-billTemplate-list td, .direct-customer #table-billTemplate-list th {
    text-align: left;
}

.direct-customer div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    .direct-customer div.tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .direct-customer div.tab button:hover {
            background-color: #ddd;
        }

        .direct-customer div.tab button.active {
            background-color: #ccc;
        }

.direct-customer .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.direct-customer #panel-footer {
    display: inline-block;
    width: 100%;
}

.direct-customer .form-group.full h3 {
    margin: 0px;
    padding-left: 3%;
}

.direct-customer #histFltClient {
    margin-top: 1%;
}

.direct-customer #comment {
    max-height: min-content;
}

.direct-customer table.dataTableT tbody th, .direct-customer table.dataTableT tbody td {
    padding: 1px 1px 1px 1px;
    /*font-size: 10px;*/
    border-bottom: 1px #EFEAEA solid;
}
/***********************************************************************************
    Estilos para el módulo Ratewizard - Styles for the Ratewizard module
***********************************************************************************/
.ratewizard .bahia-process.center-block {
    display: inline-block;
    position: relative;
}

.ratewizard .list-group .list-group-item {
    cursor: pointer;
    border-radius: 0px;
}

.ratewizard .lupa {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 28px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 28px;
}

    .ratewizard .lupa:after {
        content: '';
        width: 40px;
        height: 28px;
        background: #6B1544;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        display: block;
    }

    .ratewizard .lupa:before {
        content: '\f002';
        font-family: FontAwesome;
        font-size: 17px;
        position: absolute;
        top: 50%;
        color: #FFFFFF;
        right: 20px;
        -webkit-transform: translateX(50%) translateY(-50%);
        transform: translateX(50%) translateY(-50%);
        z-index: 3;
        display: block;
        font-weight: 400;
    }

    .ratewizard .lupa:hover:before {
        color: #6B1544;
    }

    .ratewizard .lupa:hover:after {
        background: white;
        border-color: #6B1544;
        border-style: solid;
        border-width: 1px;
    }

#pasos_ratewizard {
    padding-bottom: 0px;
    padding-top: 8px;
}

    #pasos_ratewizard .col-2 {
        position: relative;
        text-align: center;
    }

        #pasos_ratewizard .col-2 button {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            left: 50%;
            text-align: center;
        }

            #pasos_ratewizard .col-2 button i {
                margin-left: 3px;
                margin-right: 3px;
            }

    #pasos_ratewizard p {
        margin-bottom: 0px;
        margin-top: 0px;
    }

.ratewizard #CtxStep1Panel {
    height: 450px;
}

/***********************************************************************************
    Estilos para el módulo Grabacion - Styles for the Grabacion module
***********************************************************************************/
.grabacion .box-content .form-group {
    margin-bottom: 10px;
}

.grabacion .cliente-tipo-1:before {
    content: "\f007";
    font-family: FontAwesome;
}

.grabacion .cliente-tipo-2:before {
    content: "\f007";
    font-family: FontAwesome;
    color: silver;
}

.grabacion .cliente-tipo-3:before {
    content: "\f0c0";
    font-family: FontAwesome;
    color: silver;
}

.grabacion #etiquetar.btn-danger {
    height: 30px;
    padding-left: 13px;
    padding-right: 13px;
    float: inherit;
    width: auto;
    border-radius: 0px;
    outline: none;
    background: #172154;
}

    .grabacion #etiquetar.btn-danger i, .grabacion #etiquetar.btn-danger span {
        color: #FFFFFF;
    }

    .grabacion #etiquetar.btn-danger:focus {
        outline: none;
    }

.grabacion .fa.fa-refresh {
    /*position: absolute;*/
    z-index: 1;
}

    .grabacion .fa.fa-refresh.spin-busqueda {
        position: relative;
    }

.grabacion #map-canvas {
    height: 500px;
    width: 600px;
}

.importar .tt-menu.tt-open {
    position: relative !important;
}
/***********************************************************************************
    Estilos para el módulo Importar - Styles for the Importar module
***********************************************************************************/
.importar .expedicion .panel-heading {
    margin: 0px;
    padding: 0px 10px;
}

.importar .expedicion .panel-body {
    margin: 0px;
}

.importar .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .importar .inputfile + label {
        display: inline-block;
        cursor: pointer;
        font-weight: normal;
        padding: 10px;
        border: 1px solid silver;
    }

        .importar .inputfile + label:hover {
            background-color: lightgray;
        }

.importar .upload-drop-zone {
    height: 300px;
    border-width: 2px;
    margin-bottom: 20px;
}

.importar .upload-drop-zone {
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 300px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

    .importar .upload-drop-zone.drop {
        color: #222;
        border-color: #222;
    }

.importar .fa-boton {
    margin-right: .3em;
    cursor: pointer;
}

/***********************************************************************************
    Estilos para el módulo Rutas - Styles for the Rutas module
***********************************************************************************/
.rutas #map_canvas {
    height: calc(100vh - 180px);
}

.rutas #texto_ruta {
    height: calc(100vh - 180px);
}

/******************************************************************************************************************
    Estilos para el módulo impFMConfiguracion - Styles for the impFMConfiguracion module
*******************************************************************************************************************/
body.impFMConfiguracion .form-group {
    margin-bottom: 0px;
}

    body.impFMConfiguracion .form-group label {
        margin-bottom: 0px;
    }

body.impFMConfiguracion .box .box-content {
    padding-left: 15px;
    padding-right: 15px;
}

.impFMConfiguracion .cabecera .load_archive {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

    .impFMConfiguracion .cabecera .load_archive .input-group-addon {
        min-width: 110px;
        padding-left: 0px;
        text-align: left;
    }

.impFMConfiguracion .title-header .btn-small-default {
    color: #FFFFFF;
    border-color: #FFFFFF;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .impFMConfiguracion .title-header .btn-small-default:hover {
        border-color: #A61F69;
    }

.impFMConfiguracion #txt-tipo-planodelimitador {
    height: 20px;
}

.impFMConfiguracion #rdb-tipo-planofijo ~ span {
    margin-bottom: 0px;
}

.impFMConfiguracion [class^=col-] {
    position: relative;
}

    .impFMConfiguracion [class^=col-].full input[type="text"] {
        width: calc(100% - 15px);
        max-width: inherit;
    }

    .impFMConfiguracion [class^=col-].full select.form-control {
        width: calc(100% - 15px);
        max-width: inherit;
    }

.impFMConfiguracion .cuerpo i.glyphicon-warning-sign, .impFMConfiguracion .cuerpo i.glyphicon-pencil, .impFMConfiguracion .cuerpo i.glyphicon-ok {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
}

.impFMConfiguracion .form-control {
    margin-right: 0px;
}

.impFMConfiguracion #contenedorIconcomboDescripcionConfiguracion {
    margin-left: 10px;
    margin-top: 5px;
}

.impFMConfiguracion.circle {
    float: left;
}

.impFMConfiguracion#div-errores {
    max-height: 500px;
    overflow-y: scroll;
}

/***********************************************************************************
    Estilos para los modulos punteo-procesapistola/recovery-irregulares/sacas 
    Styles for punteo-procesapistola/recovery-irregulares modules
***********************************************************************************/
.punteo-procesapistola #cuerpo-central,
.sacas #cuerpo-central {
    margin-left: 20%;
    margin-right: auto;
    float: inherit;
}

.recovery-irregulares #cuerpo-central {
    margin-left: auto;
    margin-right: auto;
    float: inherit;
}

.punteo-procesapistola #accordion,
.recovery-irregulares #accordion {
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px;
    margin-bottom: 10px;
}

/*.punteo-procesapistola #pnt-info01,*/
.recovery-irregulares #pnt-info01,
.sacas #pnt-info01 {
    height: 25px;
}

.punteo-procesapistola .btn-choose,
.recovery-irregulares .btn-choose {
    width: 100%;
    text-align: center;
    color: #172154;
    background: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    border-color: #6B1544;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 5px;
    outline: none;
}

.punteo-procesapistola #titulo,
.recovery-irregulares #titulo,
.sacas #titulo, .sacas .titulo {
    font-size: 22px;
    color: #172154;
}

.recovery-irregulares #tab-labels {
    max-width: 463px;
    width: 100%;
}

    .recovery-irregulares #tab-labels .btn-primary {
        min-width: calc( 100% / 3 - 2px);
        font-size: 18px;
    }

/***********************************************************************************
    Estilos para el módulo Incidencias - Styles for the Incidencias module
***********************************************************************************/
.incidencias #textMovil {
    width: 100px;
}

.incidencias #textMail {
    width: 200px;
}

/***********************************************************************************
    Estilos para el módulo Deferred - Styles for the Deferred module
***********************************************************************************/
.deferred #contenedorNemonico h1 {
    font-size: 11em;
    padding-top: 0.5em;
}

.deferred #contenedorNemonico.background_color_green, .deferred #contenedorNemonico.background_color_red, .deferred #contenedorNemonico.background_color_orange {
    margin-top: 10px;
}

    .deferred #contenedorNemonico.background_color_green .inner-addon, .deferred #contenedorNemonico.background_color_red .inner-addon, .deferred #contenedorNemonico.background_color_orange .inner-addon {
        padding-left: 15px;
        padding-right: 15px;
    }

    .deferred #contenedorNemonico.background_color_green label, .deferred #contenedorNemonico.background_color_red label, .deferred #contenedorNemonico.background_color_orange label {
        padding-left: 5px;
    }

        .deferred #contenedorNemonico.background_color_green label:not(.text-danger), .deferred #contenedorNemonico.background_color_red label:not(.text-danger), .deferred #contenedorNemonico.background_color_orange label:not(.text-danger) {
            color: #FFFFFF;
        }

    .deferred #contenedorNemonico.background_color_green h1, .deferred #contenedorNemonico.background_color_red h1, .deferred #contenedorNemonico.background_color_orange h1 {
        color: #FFFFFF;
    }

/***********************************************************************************
    Estilos para el módulo Custommer - Styles for the Custommer module
***********************************************************************************/
.custommer .popoverInput {
    border-color: red;
    border-width: 2px;
}

.custommer #mailWarningTemplateHTML {
    max-height: 250px;
    min-height: 250px;
    width: 100%;
    overflow-y: scroll;
}

.custommer .with-nav-tabs.panel-primary #tabs.panel-heading {
    background: #EEEEEE;
}

    .custommer .with-nav-tabs.panel-primary #tabs.panel-heading .nav-tabs > li {
        width: inherit;
    }

.custommer #chFiltersOp .form-group {
    margin-right: 12px;
}

.custommer .plaza_cliente {
    width: 40%;
}

.custommer .codigo_cliente {
    width: 60%;
}

.custommer #filFooter {
    display: inline-block;
    width: 100%;
}

/************************************************************************************************
    Estilos para el módulo Mantenimiento Agencias - Styles for the Mantenimiento Agencias module
*************************************************************************************************/
.mantenimiento-agencias .no-margin .form-group {
    margin-bottom: 0px;
}

.mantenimiento-agencias .form-group {
    margin-bottom: 10px;
}

.mantenimiento-agencias #collapseOne5 .form-group {
    margin-bottom: 0px;
}

.mantenimiento-agencias #collapseOne5 .without-label label {
    display: none;
}

.mantenimiento-agencias .radio_gls.inline ~ .radio_gls.inline {
    margin-right: 5px;
}

.mantenimiento-agencias .body-tab {
    padding-left: 15px;
    padding-right: 15px;
}

.mantenimiento-agencias #resultListAyudaTarifasEspeciales div :hover {
    background: #D1D3DD;
}

.mantenimiento-agencias .disableControls * {
    pointer-events: none;
}

.mantenimiento-agencias .disableControls {
    pointer-events: none;
}

.mantenimiento-agencias .enableControls {
    pointer-events: initial;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/***********************************************************************************
    Estilos para el módulo PickupRequest - Styles for the PickupRequest module
***********************************************************************************/
.pickup-request .upload_file .content_upload > div span {
    width: calc( 100% - 20px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pickup-request .read {
    font-style: italic;
}

.pickup-request #selectElements {
    padding-top: 3%;
}

/************************************************************************************************************
    Estilos para el módulo destinationCustomsManagement - Styles for the destinationCustomsManagement module
************************************************************************************************************/
.destinationCustomsManagement #filter-group {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

/***********************************************************************************
    Estilos para el módulo Hotline - Styles for the Hotline module
***********************************************************************************/
.hotline #tipoIncidencia {
    max-width: 110px;
    min-width: 108px;
}

    .hotline #tipoIncidencia h3 {
        margin-top: 0px;
        margin-bottom: 3px;
    }

    .hotline #tipoIncidencia .form-group.checkbox_gls {
        margin-top: 4px;
    }

.hotline #itrgp .form-group {
    margin-right: 0px;
}

.hotline .ui-resizable-handle.ui-resizable-s {
    border: 1px;
    height: 4px;
    border-style: ridge;
    background-color: #172154;
}

.hotline table.dataTable tbody th, .hotline table.dataTable tbody td {
    padding: 1px 1px 1px 1px;
    /*font-size: 10px;*/
    border-bottom: 1px #EFEAEA solid;
}

/***********************************************************************************
    Estilos para el módulo Auditorias Cintas - Styles for the Auditorias Cintas module
***********************************************************************************/
.auditorias-cintas .procesos-auditorias {
    display: none;
}

    .auditorias-cintas .procesos-auditorias.mostrar {
        display: inline-block;
    }

    .auditorias-cintas .procesos-auditorias i {
        color: #172154;
        font-size: 25px;
        margin-right: 5px;
    }

    .auditorias-cintas .procesos-auditorias h4 {
        display: inline-block;
    }

        .auditorias-cintas .procesos-auditorias h4:after {
            content: ':';
        }

    .auditorias-cintas .procesos-auditorias span {
        font-size: 14px;
        font-weight: 600;
    }

/***********************************************************************************
    Estilos para el módulo Impecitalones - Styles for the Impecitalones module
***********************************************************************************/
.impecitalones .table-responsive {
    max-height: 350px;
    width: 100%;
}

/**********************************************************************************************
    Estilos para el módulo Filtro Cliente Safilo - Styles for the Filtro Cliente Safilo module
***********************************************************************************************/
.impFilterClientSafilo .input-group-addon:first-child {
    border-right: 0;
    margin-right: 10px;
    text-align: left;
    padding-right: 5px;
    position: relative;
}

    .impFilterClientSafilo .input-group-addon:first-child i:after {
        content: ':';
        margin-left: 3px;
    }

/**********************************************************************************************
    Estilos para el módulo Gestor Impresiones - Styles for the Gestor Impresiones module
***********************************************************************************************/
.gestor-impresiones table tbody td input [type="checkbox"]:after {
    content: '';
    vertical-align: middle;
    line-height: 14px;
    margin-bottom: 10px;
    height: 14px;
    width: 14px;
    border-style: solid;
    border-color: #6B1544;
    border-width: 1px;
    display: inline-block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    vertical-align: top;
    border-radius: 3px;
}

/**********************************************************************************************
    Estilos para el módulo Comprueba Manif - Styles for the Comprueba Manif module
***********************************************************************************************/
.comprueba-manif #form-fichero .col-sm-12 span.input-group-addon {
    min-width: 120px;
    text-align: left;
}

/**********************************************************************************************
    Estilos para el módulo Caja - Styles for the Caja module
***********************************************************************************************/
.caja #content_navbar_nav .nav.navbar-nav {
    width: 100%;
}

.caja #content_navbar_nav .radio-inline {
    margin-right: 5px;
}

.caja .arbol.sm a#aArbol:after {
    -webkit-transform: rotate(90deg) translate(-2px, 0) translateX(-50%);
    transform: rotate(90deg) translate(-2px, 0) translateX(-50%);
}

.caja .arbol.sm .panel.panel-default {
    padding: 0px;
}

.caja .bootbox.modal.fade.bootbox-alert.in .modal-footer button {
    float: inherit;
    margin-left: auto;
}

.caja .table > tbody > tr.active > td {
    background-color: inherit;
}

.caja #collapseOnePenaliza .panel-body-ex {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.caja #dev-table-penaliza-detalles-conteiner tbody td {
    padding: 0px 3px 0px 3px;
    font-size: 11px;
}

.caja .pagination > li > span:hover {
    color: #6B1544;
    background-color: #eee;
    border-color: #ddd;
}

.caja .pagination > li > span {
    color: #6B1544;
    background-color: #fff;
    border: 1px solid #ddd;
}

.caja .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff;
    background-color: #6B1544;
    border-color: #6B1544;
}

.pagination > li > a, .pagination > li > span {
    color: #6B1544;
    background-color: #fff;
    border: 1px solid #ddd;
}
/***********************************************************************************
    Estilos para el módulo Reembolsos - Styles for the Reembolsos module
***********************************************************************************/
.reembolsos footer.main-footer {
    width: calc(100% + 15px);
}

.reembolsos #estados i {
    margin-right: 5px;
}

.reembolsos .blockUI.blockMsg.blockPage {
    z-index: 1080 !important;
}

.reembolsos .blockUI.blockOverlay {
    z-index: 1075 !important;
}

.reembolsos .blockUI.blockMsg.blockElement {
    z-index: 1076 !important;
}

.reembolsos .detailGrids.conSaldo {
    width: 80%;
}

.reembolsos .detailGrids.sinSaldo {
    width: 100%;
}

.reembolsos .tableReembolso {
    display: none;
}

.reembolsos .isVisibleExpedicion .tableReembolso {
    display: block;
}

.reembolsos .btn-margin-right {
    margin-right: 30px;
}

.reembolsos .modal-lg {
    width: 90% !important;
}

.reembolsos .nopadding {
    padding: 0 !important;
}

.reembolsos .nopaddingHorizontal {
    padding-left: 0px;
    padding-right: 0px;
}

.reembolsos .disableForm > * {
    pointer-events: none;
}

.reembolsos .excludeDisable {
    pointer-events: initial !important;
}

.reembolsos .panel-left {
    flex: 0 0 auto;
    width: 20%;
    min-height: 200px;
    min-width: 50px;
    white-space: nowrap;
    padding-right: 0px;
    float: left;
    padding-top: 10px;
}

.reembolsos .panel-right {
    width: 80%;
    display: inline-flex;
    position: static;
    zoom: 1;
    flex: 1 1 auto;
    padding: 10px;
    min-height: 200px;
    min-width: 200px;
    float: left;
}

/***********************************************************************************
    Estilos para el módulo Penalizaciones - Styles for the Penalizaciones module
***********************************************************************************/
.penalizaciones #FechaCortebuttons button {
    margin-right: 10px;
}

.penalizaciones #Excepbuttons button {
    margin-right: 10px;
}

.penalizaciones #itemsDataTableExcep_paginate {
    display: inline-flex;
}
/***********************************************************************************
    Estilos para el módulo GestPacks - Styles for the GestPacks module
***********************************************************************************/
.gest-packs .panel-collapse.collapse {
    display: none;
}

    .gest-packs .panel-collapse.collapse.in {
        display: block;
    }

/***********************************************************************************
    Estilos para el módulo ATC - Styles for the ATC module
***********************************************************************************/
.atc button.fa-refresh {
    background: transparent;
    color: #FFFFFF;
}

.atc .box.box-collapsed .box-header .actions .box-collapse i:before {
    font-family: FontAwesome;
    font-size: 11px;
    content: "\f078";
}

.atc .box .box-header .actions .box-collapse i:before {
    font-family: FontAwesome;
    font-size: 11px;
    content: "\f077";
}

/***********************************************************************************
    Estilos para el módulo Tarifa - Styles for the Tarifa module
***********************************************************************************/
.tarifa select.form-control {
    height: 250px;
}

/*****************************************************************************************************
    Estilos para el módulo GestiónGLS(managementZZ) - Styles for the GestiónGLS(managementZZ) module
*****************************************************************************************************/
.managementZZ .form-group.two-input-group input[type="text"] {
    width: calc(70% - 25px);
}

    .managementZZ .form-group.two-input-group input[type="text"]:first-child {
        width: 30%;
    }

.managementZZ .panel-primary {
    height: 100%;
}

.managementZZ .oaerror {
    width: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    overflow-x: auto;
}

.managementZZ .success {
    border-left-color: #2b542c;
    background-color: rgba(43, 84, 44, 0.1);
}

    .managementZZ .success strong {
        color: #2b542c;
    }

.managementZZ .border0 {
    border: 0px !important;
}

.managementZZ .panelPad {
    padding: 0px !important;
}

.managementZZ .panelNegrita {
    font-weight: bold;
}

.managementZZ .panelTh {
    border: 0px !important;
    z-index: 2;
}

.managementZZ .textTranformUp {
    text-transform: uppercase;
}

.managementZZ .tableRowZZ {
    display: table-row;
}

.managementZZ .font-size-title-10px {
    font-size: 10px;
}

.managementZZ td.sorting_1 {
    background: rgba(0,0,0,0) !important;
    background-color: rgba(0,0,0,0) !important;
}

.managementZZ #divTrackingDetail {
    overflow-x: hidden;
}

/***********************************************************************************
    Estilos para el módulo newAgencyControl - Styles for the newAgencyControl module
***********************************************************************************/
.newAgencyControl #chkApert {
    text-align: center;
}

.newAgencyControl #btnSave {
    height: 20px;
    padding-top: inherit;
    padding-bottom: inherit;
}

.newAgencyControl #tableControl input[type=text],
.newAgencyControl #tableControl select {
    height: 20px;
    padding: 0px;
}

.newAgencyControl #optionPaginator {
    display: block;
    width: 100%;
    height: 24px;
    font-size: 12px;
    line-height: 1.42857;
    color: #555555;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/***********************************************************************************
    Estilos para el módulo fltMaestroAvanz - Styles for the fltMaestroAvanz module
***********************************************************************************/
.filtrosClientes #loader,
#filtrosClientesFile #loader,
#filtrosClientesFields #loader {
    margin-left: 3%;
}

    .filtrosClientes #loader label,
    #filtrosClientesFile #loader label,
    #filtrosClientesFields #loader label {
        font-size: 20px;
    }

#filtrosClientesFile .fieldline {
    white-space: pre;
    font-family: monospace;
    width: 50px;
    display: inline-block;
}

#filtrosClientesFile .rowFile {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
}

#filtrosClientesFile span.fieldline:nth-child(even) {
    background: #CCC
}

#filtrosClientesFile span.fieldline:nth-child(odd) {
    background: #FFF
}

#filtrosClientesFile span.fieldline::-webkit-scrollbar {
    display: none;
}

#filtrosClientesFile span.fieldline {
    overflow-x: scroll;
    vertical-align: bottom;
}

#filtrosClientesFile #fileName,
#filtrosClientesFile #rango,
#filtrosClientesFile #fields,
#filtrosClientesFile #fieldsNames {
    height: 30px;
}

#filtrosClientesFields .fields-title-1 {
    width: 148px;
    display: inline-block;
}

#filtrosClientesFields .fields-title-2 {
    width: 250px;
    display: inline-block;
}

#filtrosClientesFields .fields-title-3 {
    width: 86px;
    display: inline-block;
}

#filtrosClientesFields .fields-title-4 {
    width: 402px;
    display: inline-block;
}

#filtrosClientesFields .fields-title-5 {
    width: 173px;
    display: inline-block;
}

#filtrosClientesFields input.fields-in-1.form-control {
    width: 45px;
    display: inline;
}

#filtrosClientesFields select.fields-in-2.form-control {
    width: 100px;
    display: inline;
}

#filtrosClientesFields input.fields-in-3.form-control {
    width: 275px;
    display: inline-block;
}

#filtrosClientesFields input.fields-in-4.form-control {
    width: 85px;
    display: inline;
}

#filtrosClientesFields input.fields-in-5.form-control {
    width: 300px;
    display: inline;
}

#filtrosClientesFields button.fields-in-6.form-control {
    width: 30px;
    display: inline;
}

#filtrosClientesFields button.fields-in-7.form-control {
    width: 65px;
    display: inline;
}

#filtrosClientesFields input.fields-in-8.form-control {
    width: 250px;
    display: inline;
}

#filtrosClientesFields textarea {
    height: 550px;
}

#filtrosClientesFields .nav-pills > li.active > a,
#filtrosClientesFields .nav-pills > li.active > a:hover,
#filtrosClientesFields .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #454D76;
}

#filtrosClientesFields a {
    color: #454D76;
}

/***********************************************************************************
    Estilos para el módulo fltMaestroAvanz - Styles for the fltMaestroAvanz module
***********************************************************************************/
.fltMaestroAvanz #fileName {
    height: 30px;
}

.fltMaestroAvanz #lblcustomFile2 {
    width: 100%;
}

.fltMaestroAvanz .input-group-addon {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.fltMaestroAvanz #loader {
    margin-left: 3%;
}

    .fltMaestroAvanz #loader label {
        font-size: 20px;
    }

/********************************************************************************************
    Estilos para el módulo ImpProcesadorFichero - Styles for the ImpProcesadorFichero module
********************************************************************************************/
.procesarFichero .tooltip {
    width: 100%;
}

    .procesarFichero .tooltip .tooltip-arrow {
        top: 43%
    }

.procesarFichero .error-dato {
    border-color: #a94442 !important;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}


/********************************************************************************************
    Estilos para el módulo Reclamaciones(Agenda) - Styles for the Reclamaciones(Agenda) module
********************************************************************************************/
.agenda small {
    font-size: 11px;
}

/********************************************************************************************
    Estilos para el módulo RateManagement(Producto) - Styles for the RateManagement(Product) module
********************************************************************************************/
.rate-management-product h1 label,
.rate-management-complement h1 label {
    text-transform: uppercase;
}

.rate-management-product .tdCenter,
.rate-management-complement .tdCenter {
    text-align: center;
}

.rate-management-product .left,
.rate-management-complement .left {
    text-align: left;
}

.rate-management-product .tdwhite,
.rate-management-complement .tdwhite {
    background: white;
}

.rate-management-product .lineLeft,
.rate-management-complement .lineLeft {
    border-left: solid 1px #172154;
}

.rate-management-product .lineRigth,
.rate-management-complement .lineRigth {
    border-right: solid 1px #172154;
}

.rate-management-product .padRigth,
.rate-management-complement .padRigth {
    padding-right: 2%;
}

.rate-management-product td.noBorderTop,
.rate-management-complement td.noBorderTop {
    border-top: none;
}

.rate-management-product span.icon,
.rate-management-complement span.icon {
    font-size: 15px;
}

.rate-management-product span.pull-right,
.rate-management-complement span.pull-right {
    padding-top: 2%;
}

.rate-management-product label.size18,
.rate-management-complement label.size18 {
    font-size: 16px;
}

.rate-management-product .paddingTop {
    padding-top: 5%;
}

.rate-management-complement .paddingTop {
    padding-top: 3%;
}

.rate-management-product .paddingTop.Kg {
    padding-top: 1.5%
}

.rate-management-complement .paddingTop.Kg {
    padding-top: 2.7%
}

.rate-management-product .input15,
.rate-management-complement .input15 {
    height: 15px !important;
}

.rate-management-product .width2,
.rate-management-complement .width2 {
    width: 3%;
}

.rate-management-product .padR1,
.rate-management-complement .padR1 {
    padding-right: 1px;
}

    .rate-management-product .padR1 div.pull-right,
    .rate-management-complement .padR1 div.pull-right {
        padding-top: 10%;
    }

.rate-management-product .rowRevised,
.rate-management-complement .rowRevised {
    background-color: #F7F0EF;
}

.rate-management-product #modalAddScale div.form-group,
.rate-management-complement #modalAddScale div.form-group {
    margin-bottom: 5%;
}

.rate-management-product .editCab div,
.rate-management-complement .editCab div {
    max-width: fit-content;
}

.rate-management-product .editCab .editBtn,
.rate-management-complement .editCab .editBtn {
    float: right;
    width: 100%;
}

.rate-management-product .editRow,
.rate-management-complement .editRow {
    padding-left: 0px;
}

    .rate-management-product .editRow .editInput,
    .rate-management-complement .editRow .editInput {
        float: left;
        width: 75%;
        height: 15px !important;
        margin-right: 5%;
        color: black;
    }

    .rate-management-product .editRow .editBtn,
    .rate-management-complement .editRow .editBtn {
        color: black;
    }

.rate-management-product .editCab select,
.rate-management-complement .editCab select {
    width: 100%;
}

.rate-management-product span#viewGroups,
.rate-management-complement span#viewGroups {
    font-size: 14px;
}

.rate-management-product .overflowYZones,
.rate-management-complement .overflowYZones {
    max-height: 400px;
}

.rate-management-product .importNegative,
.rate-management-complement .importNegative {
    color: orangered;
}

.rate-management-product .noDataIcon,
.rate-management-complement .noDataIcon {
    font-size: 15px;
    color: #B2B0B0;
}

.rate-management-product .escalados_cabeceraZona a,
.rate-management-complement .escalados_cabeceraZona a {
    text-decoration: none;
}

    .rate-management-product .escalados_cabeceraZona a span,
    .rate-management-complement .escalados_cabeceraZona a span {
        color: #172154;
        font-weight: bold;
    }

    .rate-management-product .escalados_cabeceraZona a i,
    .rate-management-complement .escalados_cabeceraZona a i {
        color: #172154;
        font-size: 15px;
        padding: 0 5px;
    }

.rate-management-product .tablaEscalados,
.rate-management-complement .tablaEscalados {
    display: none;
}

.rate-management-complement .escaladosComplementosWrapper {
    max-width: 970px;
}

.modalAddComplement {
    width: 900px;
}

    .modalAddComplement .auxCab {
        padding-top: 36px;
    }

.lista-tarifas-complementos ul {
    padding-left: 5px;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 350px;
}

    .lista-tarifas-complementos ul li {
        cursor: pointer;
    }

.centralitavirtual .margin_top15 {
    margin-top: 15px;
}

.centralitavirtual .margin_left15 {
    margin-left: 15px;
}

.centralitavirtual .padding_left15 {
    padding-left: 15px;
}

.centralitavirtual .columnTextCenter {
    text-align: center;
}

.centralitavirtual .alta {
    background-color: #bbefbb;
}

.centralitavirtual .baja {
    background-color: #fba7a7;
}

.centralitavirtual .tramitandobaja {
    background-color: #f7e4e4;
}

.centralitavirtual .tramitandoalta {
    background-color: #ecf7ec;
}

.centralitavirtual .solicitudresuelta {
    background-color: gainsboro;
}

.contenedorescon .padding_left15 {
    padding-left: 15px;
}

.contenedorescon .margin_top15 {
    margin-top: 15px !important;
}

.contenedorescon .borde_pestana {
    border-style: solid !important;
    border-color: #172154 !important;
}

.contenedorescon .columnTextCenter {
    text-align: center;
}

.contenedorescon .margin_right15 {
    margin-right: 15px !important;
}

.contenedormodifica .checkboxcontenedor {
    margin: 25px 16px 11px;
}

.contenedormodifica .checkboxcontenedorintermedia {
    margin: 22px -7px 11px;
}

.contenedormodifica .separadorderecha {
    border-right: double;
}

.contenedormodifica .margin_left22 {
    margin-left: 22px;
}

.contenedormodifica .margin_leftresponsive {
    margin-left: -14%;
}

.contenedormodifica .height25 {
    height: 25px
}

.contenedormodifica .greenhighlight {
    border: 3px solid black !important;
    background-color: lightgreen !important;
}

.contenedor .greenhighlight {
    border: 3px solid black !important;
    background-color: lightgreen !important;
}

.contenedormodifica .paddingLeft20 {
    padding-left: 20%
}

.contenedormodifica .marginLeft25 {
    margin-left: 25%
}

.contenedormodifica .paddingTop5 {
    padding-top: 5%
}

.contenedormodifica opacityClicked {
    background: rgba(255,0,0,0.8);
}

.contenedormodifica opacityDefault {
    background: rgba(255,0,0,0.6);
}

.contenedormodifica .OpcionPulsada {
    background: #FFFFFF !important;
    color: #6B1544 !important;
    border-color: #6B1544 !important;
    outline: none !important;
}

.contenedormodifica button.OpcionDesmarcada {
    color: #FFFFFF;
    background: #6B1544;
    border-color: transparent;
    outline: none;
}

.contenedormodifica button:active {
    color: #FFFFFF;
    background: #6B1544;
    border-color: transparent;
    outline: none;
}

    .contenedormodifica button:active:hover {
        color: #FFFFFF;
        background: #6B1544;
        border-color: transparent;
        outline: none;
    }

.contenedormodifica button.disabledContenedor {
    border-color: yellow;
    border-radius: 2px;
    border: solid 5px;
}

.contenedormodifica .margin_top15 {
    margin-top: 15px !important;
}

.contenedormodifica .margin_top5 {
    margin-top: 5px !important;
}

.contenedormodifica .botonesFooter {
    background-color: #454D76;
    color: white;
    border-radius: 25px;
    margin-top: 5px;
    height: 60px;
    border-radius: 37px;
    box-shadow: 0 8px #2c314a;
    text-align: center;
    font-size: 15px;
    padding: 2px;
    border-color: white;
    margin-bottom: 5px;
}

    .contenedormodifica .botonesFooter:hover {
        background-color: #3a4063;
    }

.contenedormodifica .whiteButton {
    color: white;
    font-size: 16px;
}

.contenedor .botonesFooter {
    background-color: #454D76;
    color: white;
    border-radius: 25px;
    margin-top: 5px;
    height: 60px;
    border-radius: 37px;
    box-shadow: 0 8px #2c314a;
    text-align: center;
    font-size: 15px;
    padding: 2px;
    border-color: white;
    margin-bottom: 5px;
}

    .contenedor .botonesFooter:hover {
        background-color: #3a4063;
    }

.contenedor .whiteButton {
    color: white;
    font-size: 15px;
}

.restriccionesmeteorologicas .columnTextCenter {
    text-align: center;
}






.MensajesAppReparto .supression {
    height: 25px !important;
    margin-top: 6%;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #6B1544;
    height: 100%;
    outline: none;
    width: 40px;
    z-index: 1;
    padding: 0px;
    border-style: solid;
    border-color: transparent;
}

    .MensajesAppReparto .supression:before {
        color: white;
    }

.MensajesAppReparto .BotonBorrarDatos {
    height: 40px !important;
    font-size: 16px;
    margin-left: 30%;
    margin-top: 15%;
}

.ContenedorSeguroResaltaFila {
    background-color: #ffff99 !important;
}

.DatatableNoMargin {
    margin: 0 !important;
}

/***********************************************************************    
    Clases para Anchos (en data/tablas) - Classes for Widths (in data / tables)
************************************************************************/

/**************
    Width
***************/
.width100x100 {
    width: 100% !important;
}

.width25 {
    width: 25px !important;
}

.width50 {
    width: 50px !important;
}

.width75 {
    width: 75px !important;
}

.width100 {
    width: 100px !important;
}

.width125 {
    width: 125px !important;
}

.width150 {
    width: 150px !important;
}

.width175 {
    width: 175px !important;
}

.width200 {
    width: 200px !important;
}

.width250 {
    width: 250px !important;
}

.width300 {
    width: 350px !important;
}

.width350 {
    width: 350px !important;
}

.width400 {
    width: 400px !important;
}

.width1500 {
    width: 1500px !important;
}

/**************
    Max-Width
***************/
.maxWidth100x100 {
    max-width: 100% !important;
}

.maxWidth25 {
    max-width: 25px !important;
}

.maxWidth50 {
    max-width: 50px !important;
}

.maxWidth75 {
    max-width: 75px !important;
}

.maxWidth100 {
    max-width: 100px !important;
}

.maxWidth125 {
    max-width: 125px !important;
}

.maxWidth150 {
    max-width: 150px !important;
}

.maxWidth175 {
    max-width: 175px !important;
}

.maxWidth200 {
    max-width: 200px !important;
}

.maxWidth225 {
    max-width: 225px !important;
}

.maxWidth250 {
    max-width: 250px !important;
}

.maxWidth275 {
    max-width: 275px !important;
}

.maxWidth300 {
    max-width: 300px !important;
}

.maxWidthNone {
    max-width: none !important;
}

/**************
    Min-Width
***************/
.minWidth40 {
    min-width: 40px !important;
}

.minWidth50 {
    min-width: 50px !important;
}

.minWidth75 {
    min-width: 75px !important;
}

.minWidth100 {
    min-width: 100px !important;
}

.minWidth125 {
    min-width: 125px !important;
}

.minWidth150 {
    min-width: 150px !important;
}

.minWidth175 {
    min-width: 175px !important;
}

.minWidth200 {
    min-width: 200px !important;
}

.minWidth225 {
    min-width: 225px !important;
}

.minWidth250 {
    min-width: 250px !important;
}

.minWidth275 {
    min-width: 275px !important;
}

.minWidth300 {
    min-width: 300px !important;
}


/**********************
    Width + TextAling
**********************/
.width {
    width: 80px;
    text-align: left;
}

.width-90 {
    width: 90px;
    text-align: left;
}

.width-100 {
    width: 100px;
    text-align: left;
}

.width-110 {
    width: 110px;
    text-align: left;
}

.width-120 {
    width: 120px;
    text-align: left;
}

.width-130 {
    width: 130px;
    text-align: left;
}

.width-140 {
    width: 140px;
    text-align: left;
}

.width-150 {
    width: 150px;
    text-align: left;
}

.width-160 {
    width: 160px;
    text-align: left;
}

.width-170 {
    width: 170px;
    text-align: left;
}

.width-180 {
    width: 180px;
    text-align: left;
}

/***************
    Paddings
***************/
.nopadding {
    padding: 0px;
}

/*Padding Left*/
.padding-left5 {
    padding-left: 5px;
}

.padding-left,
.padding-left10 {
    padding-left: 10px;
}

.padding-left15 {
    padding-left: 15px;
}

.padding-left20 {
    padding-left: 20px;
}

/*Padding Right*/
.padding-right5 {
    padding-right: 5px;
}

.padding-right,
.padding-right10 {
    padding-right: 10px;
}

.padding-right15 {
    padding-right: 15px;
}

.padding-right20 {
    padding-right: 20px;
}

/*Padding Top*/
.padding-top5 {
    padding-top: 5px;
}

.padding-top,
.padding-top10 {
    padding-top: 10px;
}

.padding-top15 {
    padding-top: 15px;
}

.padding-top20 {
    padding-top: 20px;
}

/*Padding Bottom*/
.padding-botton5 {
    padding-bottom: 5px;
}

.padding-botton,
.padding-botton10 {
    padding-bottom: 10px;
}

.padding-botton15 {
    padding-bottom: 15px;
}

.padding-botton20 {
    padding-bottom: 20px;
}

/***************
    Margins
***************/
/*Margin Rigth*/
.margin-rigth5 {
    margin-right: 5px;
}

.separacion-right,
.margin-rigth10 {
    margin-right: 10px;
}

.margin-rigth15 {
    margin-right: 15px;
}

.margin-rigth20 {
    margin-right: 20px;
}

/*Margin Left*/
.margin-left5 {
    margin-left: 5px;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-left15 {
    margin-left: 15px;
}

.margin-left20 {
    margin-left: 20px;
}

/*Margin Bottom*/
.margin-bottom5 {
    margin-bottom: 5px;
}

.separacion,
.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom15 {
    margin-bottom: 15px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

/*Margin Top*/
.margin-top5 {
    margin-top: 5px;
}

.margin-top7 {
    margin-top: 7px;
}

.separacion-top,
.margin-top10 {
    margin-top: 10px;
}

.margin-top15 {
    margin-top: 15px;
}

.margin-top20 {
    margin-top: 20px;
}

.separacion-form-group {
    margin-top: -10px;
}

    .separacion-form-group > .form-group {
        margin-top: 10px;
    }


/**************
    Opacity
***************/
.opacity5 {
    opacity: 0.5 !important;
}

.opacity6 {
    opacity: 0.6 !important;
}

.opacity7 {
    opacity: 0.7 !important;
}

.opacity75 {
    opacity: 0.75 !important;
}

.opacity8 {
    opacity: 0.8 !important;
}

.opacity9 {
    opacity: 0.9 !important;
}

/***************
    Paginación
***************/
.pagination_gls {
    text-align: right;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin-right: 0px;
    margin-left: auto;
}

    .pagination_gls.center-vertical a:hover span::before,
    .pagination_gls.center-vertical a:hover i::before, .pagination_gls.center-vertical button:hover span::before,
    .pagination_gls.center-vertical button:hover i::before {
        color: #FFFFFF;
    }

    .pagination_gls.center-vertical a i:focus,
    .pagination_gls.center-vertical a span:focus, .pagination_gls.center-vertical button i:focus,
    .pagination_gls.center-vertical button span:focus {
        outline: none;
    }

    .pagination_gls a,
    .pagination_gls button,
    .pagination_gls .btn.btn-warning:hover,
    .pagination_gls .btn.btn-warning:focus {
        margin-right: 2px;
        display: block;
        height: 28px;
        width: 28px;
        border-style: solid;
        border-width: 1px;
        padding-bottom: 5px;
        border-color: #EEEEEE !important;
        background: #EEEEEE;
        float: left;
        position: relative;
        text-align: center;
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 16px;
        line-height: 20px;
        color: #6B1544;
        font-weight: 600;
        background-color: #EEEEEE;
        margin-left: 2px;
        max-width: inherit;
        border-radius: 2px;
        width: 34px;
        min-width: 24px;
        outline: none;
    }

        .pagination_gls a i,
        .pagination_gls a span,
        .pagination_gls button i,
        .pagination_gls button span,
        .pagination_gls .btn.btn-warning:hover i,
        .pagination_gls .btn.btn-warning:hover span,
        .pagination_gls .btn.btn-warning:focus i,
        .pagination_gls .btn.btn-warning:focus span {
            position: absolute !important;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            font-size: 16px;
            font-weight: 400;
        }

        .pagination_gls a.active,
        .pagination_gls button.active,
        .pagination_gls .btn.btn-warning:hover.active,
        .pagination_gls .btn.btn-warning:focus.active {
            background: #FFFFFF;
            color: #333333;
        }

        .pagination_gls a:hover,
        .pagination_gls button:hover,
        .pagination_gls .btn.btn-warning:hover:hover,
        .pagination_gls .btn.btn-warning:focus:hover {
            list-style: none;
            background: #6B1544;
            background-color: #6B1544;
            border-color: #6B1544;
            color: #FFFFFF;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .pagination_gls a .active,
        .pagination_gls button .active,
        .pagination_gls .btn.btn-warning:hover .active,
        .pagination_gls .btn.btn-warning:focus .active {
            background: #FFFFFF;
        }

    .pagination_gls input[type="text"].paginate_input {
        border-style: none;
        float: left;
        height: 28px;
        margin-top: 0px;
        max-width: -webkit-min-content;
        max-width: -moz-min-content;
        max-width: min-content;
        min-width: 28px;
        font-size: 11px;
        padding: 0px;
        margin-left: 2px;
        margin-right: 2px;
        color: #6B1544;
        text-align: center;
    }

    .pagination_gls .paginate_of {
        float: left;
        height: 28px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding-left: 10px;
        position: relative;
        line-height: 28px;
        color: #6B1544;
        margin-right: 8px;
        min-width: 28px;
        text-align: center;
    }

        .pagination_gls .paginate_of:before {
            content: '/';
            color: #6B1544;
            font-weight: 600;
            line-height: 28px;
            position: absolute;
            left: 0;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.paginacion {
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .paginacion > div:first-child > span {
        vertical-align: middle;
        font-weight: 600;
        height: 28px;
        max-height: inherit;
        line-height: 28px;
        display: block;
        float: left;
    }

        .paginacion > div:first-child > span#result-count-from:after {
            content: '-';
            vertical-align: middle;
            margin-right: 5px;
            margin-left: 5px;
        }

        .paginacion > div:first-child > span#result-count-to {
            margin-right: 5px;
        }

        .paginacion > div:first-child > span#result-count {
            margin-left: 5px;
            margin-right: 5px;
        }

    .paginacion a {
        margin-right: 2px;
        display: inline-block;
        height: 28px;
        width: 28px;
        border-style: solid;
        border-width: 1px;
        padding-bottom: 5px;
        border-color: #EEEEEE;
        background: #EEEEEE;
        position: relative;
        text-align: center;
        font-family: "Arial", "Helvetica-bold", "Sans-serif";
        font-size: 16px;
        line-height: 20px;
        color: #6B1544;
        font-weight: 600;
    }

        .paginacion a span,
        .paginacion a i {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
        }

        .paginacion a.active {
            background: #FFFFFF;
            color: #333333;
        }

        .paginacion a:hover {
            list-style: none;
        }

        .paginacion a:first-child span {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            position: relative;
            height: auto;
            line-height: normal;
            vertical-align: baseline;
            background-image: none;
            background-position: 0% 0%;
            background-repeat: repeat;
            margin-top: 0;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            font-size: 16px;
            font-weight: 600;
        }

            .paginacion a:first-child span:before {
                content: "";
                color: #6B1544;
                font-size: 17px;
            }

        .paginacion a:last-child {
            margin-right: 10px;
        }

            .paginacion a:last-child span {
                font-family: FontAwesome;
                font-weight: normal;
                font-style: normal;
                text-decoration: inherit;
                -webkit-font-smoothing: antialiased;
                position: relative;
                height: auto;
                line-height: normal;
                vertical-align: baseline;
                background-image: none;
                background-position: 0% 0%;
                background-repeat: repeat;
                margin-top: 0;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 0;
                left: 0;
                margin-left: auto;
                margin-right: auto;
                font-size: 16px;
                font-weight: 600;
            }

                .paginacion a:last-child span:before {
                    content: "";
                    color: #6B1544;
                    font-size: 17px;
                }

        .paginacion a .active {
            background: #FFFFFF;
        }

    .paginacion .num_elementos .form-control {
        height: 28px;
    }

.paginacion_resultados_shipping_finder {
    display: inline-block;
    margin-bottom: 20px;
}

    .paginacion_resultados_shipping_finder > div {
        float: left;
    }

/********************
    listaCSS Styles
*********************/
.listaCSS {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

    .listaCSS ol {
        margin: 0 0 0 2em;
    }

    .listaCSS li {
        position: relative;
        display: block;
        padding: .4em .4em .4em .8em;
        margin: .5em 0 .5em 2.5em;
        background: #ddd;
        color: #444;
        text-decoration: none;
        transition: all .3s ease-out;
    }

        .listaCSS li:hover {
            background: #eee;
        }

        .listaCSS li:before {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            left: -2.5em;
            top: 50%;
            margin-top: -1em;
            background: #6B1544;
            height: 2em;
            width: 2em;
            line-height: 2em;
            text-align: center;
            font-weight: bold;
            color: white;
        }

        .listaCSS li:after {
            position: absolute;
            content: '';
            border: .5em solid transparent;
            left: -1em;
            top: 50%;
            margin-top: -.5em;
            transition: all .3s ease-out;
        }

        .listaCSS li:hover:after {
            left: -.5em;
            border-left-color: #6B1544;
        }

/************************
    Tables Responsives
*************************/
.table-responsive {
    overflow-y: auto;
}

html .table-responsive.overflowY200 {
    max-height: 200px;
}

html .table-responsive.overflowY250 {
    max-height: 250px;
}

html .table-responsive.overflowY {
    max-height: 350px;
}

html .table-responsive.overflowY450 {
    max-height: 450px;
}

html .table-responsive.overflowY550 {
    max-height: 550px;
}

/*************
    Flex
**************/
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

    .flex.row,
    .flex.col-12 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
    }

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.flex-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .flex-1 > div,
    .flex-1 > label,
    .flex-1 > input,
    .flex-1 > button,
    .flex-1 > span,
    .flex-1 > i,
    .flex-1 > select {
        width: 100%;
    }

.flex-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .flex-2 > div,
    .flex-2 > label,
    .flex-2 > input,
    .flex-2 > button,
    .flex-2 > span,
    .flex-2 > i,
    .flex-2 > select {
        width: 50%;
    }

.flex-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .flex-3 > div,
    .flex-3 > label,
    .flex-3 > input,
    .flex-3 > button,
    .flex-3 > span,
    .flex-3 > i,
    .flex-3 > select {
        width: 33.33333%;
    }

.flex-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .flex-4 > div,
    .flex-4 > label,
    .flex-4 > input,
    .flex-4 > button,
    .flex-4 > span,
    .flex-4 > i,
    .flex-4 > select {
        width: 25%;
    }

.flex-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .flex-5 > div,
    .flex-5 > label,
    .flex-5 > input,
    .flex-5 > button,
    .flex-5 > span,
    .flex-5 > i,
    .flex-5 > select {
        width: 20%;
    }

/*************
    Others
**************/
.text-transparent {
    color: transparent;
}

.text-transformCap {
    text-transform: capitalize;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.img-vertical {
    position: relative;
    text-align: center;
}

    .img-vertical img {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.relative {
    position: relative;
}

.text-center {
    text-align: center;
}

.codBarras {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 2%;
}

    .codBarras label {
        margin: 0px;
    }

.aBlock {
    color: gray !important;
    cursor: not-allowed;
}

.font_Bold {
    font-weight: bold;
}

    .font_Bold td {
        font-weight: bold;
    }

.desactivado {
    display: none !important;
}

.maxHeight100 {
    max-height:100%;
}

.filtro_shipping_finder.incidenceManagementFlag {
    min-width: 80px;
}

.labelWithButton {
    width: 100%;
    display: table;
}
    .labelWithButton > div {
        display: table-row;
    }
        .labelWithButton > div > div {
            display: table-cell;
            vertical-align: middle;
        }

.strike{
    text-decoration: line-through;
}

.stickyTable{
    width:100%;
    border-collapse:collapse;
}

.stickyTable thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #EEEEEE;
}

.responsiveTable {
    table-layout: fixed;
}

    .responsiveTable thead th {
        padding: 5px;
    }

    .responsiveTable tbody td {
        padding: 5px;
        vertical-align: top;
        word-wrap: break-word;
    }

.buttonUpDown {
    display: block !important;
    font-size: 9px !important;
    height: 15px !important;
    width: 15px !important;
    line-height: 15px !important;
}

.iconRight {
    color: white;
    background: #6B1544;
    font-size: 13px;
    position: absolute;
    right: 0px;
    padding: 2px 5px;
    cursor: pointer;
}

.ct-series.PEN {
    fill: #FFFF00;
    stroke: #FFFFFF;
}

.ct-series.INC {
    fill: #FF0000;
    stroke: #FFFFFF;
}

.ct-series.OK {
    fill: #228B22;
    stroke: #FFFFFF;
}


.ct-series.TOTAL {
    fill: #F2F3F4;
    stroke: #FFFFFF;
}
.ct-series.ENTREGADOS {
    fill: #228B22;
    stroke: #FFFFFF;
}
.ct-series.INC_TRANSITO {
    fill: #FFEE58;
    stroke: #FFFFFF;
}
.ct-series.DESTINO {
    fill: #FDD835;
    stroke: #FFFFFF;
}
.ct-series.REPARTO {
    fill: #F9A825;
    stroke: #FFFFFF;
}
.ct-series.INC_REPARTO {
    fill: #F57F17;
    stroke: #FFFFFF;
}
.ct-series.PENDIENTES {
    fill: #F4511E;
    stroke: #FFFFFF;
}
.ct-series.OTROS {
    fill: #BDBDBD;
    stroke: #FFFFFF;
}