[class^="col-"] {
    padding: 0;
}

body {
    line-height: 1;
}

.left {
    float: left;
}

.right {
    float: right;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.flex {
    display: flex;
}

.navbar {
    box-shadow: rgba(0,0,0,0.5) 1px 3px 11px 0px;
    background: white;
    height: 56px;
}

.none {
    display: none;
}

.back-color-rosa {
    background-color: #00a8e0;
}

.color-rosa {
    color: #00a8e0;
}

.color-verde {
    color: #00a8e0;
}

.color-bordo {
    color: #980000;
}

.title-listado .card-header {
    color: white;
    background-color: #123c6f;
}

.bold {
    font-weight: bold;
}

.color-azul {
    color: #123c6f;
}

.italic p {
    font-style: italic;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: #ddd !important;
}

.dropdown-item:active {
    background: #4e91e3 !important;
}

#mainNav.navbar-dark .navbar-sidenav {
    background-color: #dee2e6;
}

    #mainNav.navbar-dark .navbar-sidenav > .nav-item > .nav-link,
    #mainNav.navbar-dark .navbar-sidenav > .nav-item > .nav-link:hover {
        color: #123c6f;
    }

    #mainNav.navbar-dark .navbar-sidenav > .active > .nav-item > .nav-link,
    #mainNav.navbar-dark .navbar-sidenav > .active > .nav-item > .nav-link:hover {
        color: #123c6f;
    }

.navbar-dark .navbar-nav .nav-link {
    color: white;
}

#mainNav.navbar-dark .ml-auto > .nav-item > .nav-link {
    font-size: 20px;
}

#mainNav .navbar-collapse .navbar-sidenav > .nav-item-selected {
    background-color: #ADB7C0;
}

#mainNav .navbar-collapse .navbar-sidenav > .nav-item:hover {
    background-color: #ADB7C0;
}
#mainNav .navbar-collapse .navbar-sidenav > .active > .nav-item:hover {
    background-color: #ADB7C0;
}

.nav-link > i {
    margin-right: 7px;
}

#mainNav .navbar-collapse {
    overflow: hidden;
}

.navbar-sidenav .fa {
    font-size: 20px;
}

.navbar-sidenav .fa-clipboard-list, .navbar-sidenav .fa-notes-medical {
    font-size: 26px;
    position: relative;
    margin-right: 0px;
    left: -3px;
}

.navbar-sidenav .fa-address-card {
    font-size: 24px;
    position: relative;
    margin-right: 3px;
    left: -1px;
}

.navbar-sidenav .fa-list {
    font-size: 22px;
    position: relative;
    margin-right: 5px;
    left: 0px;
}

.fa-inscripcion {
    font-size: 26px;
}

table .fa {
    font-size: 22px;
}

.fa-sign-out-alt, table .fa-plus, .fa-check {
    color: white;
}

.fa-print {
    color: #17a2b8;
}

.fa-bars {
    color: white;
}

/*.fa-eye {
    color: #123c6f;
}*/

.fa-female, .fa-child {
    font-size: 20px;
}

.fa-pencil {
    color: #e69138;
}

.btn-edit {
    background-color: #e69138;
}

.fa-history {
    color: #741b47;
}

.btn-historial {
    background-color: #741b47;
}

table .fa-search {
    font-size: 16px;
}

.btn-medico {
    background-color: #76a5af;
}

.fa-medkit {
    color: #125d69; /*#f1c232;*/
}

.btn-prestacion {
    background-color: #125d69; /*#f1c232;*/
}

.btn-agregar {
    background-color: #9aad2a;
}

.fa-times, .fa-trash, .fa-exclamation {
    color: #ab0f0f; /*#cc0000;*/
}

.fa-star {
    color: #c1c1c1;
}

.fa-play {
    color: #c1c1c1;
}

.fa-edit {
    color: #125d69;
}

.fa-user-clock {
    color: #da5682;
}

.fa-ban {
    color: #ab0f0f;
}

.prioritario {
    color: #ffc107;
}

.btn-delete {
    background-color: #ab0f0f; /*#cc0000;*/
}

.btn-edit, .btn-historial, .btn-medico, .btn-prestacion, .btn-delete, .btn-agregar, .btn:hover {
    color: white;
}


.btn {
    /*padding: 0.1rem 0.5rem;*/
    /*margin-top: 0.5rem;*/
}

    .btn:focus {
        box-shadow: 0 0 0 0.2rem white;
    }

.btn-primary:focus {
    color: white;
}

.btn-block {
    background-color: #83878c;
    border-color: #83878c;
    color: white;
}

    .btn-block:not(:disabled):not(.disabled) {
        cursor: not-allowed;
    }

.menu {
    padding-top: 0;
    padding-bottom: 0;
}

.link-menu {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.link-login, .link-login:hover {
    font-weight: 500;
    color: #123c6f;
}

.radio {
    padding-top: 5px;
}

    .radio > label {
        margin-right: 5px;
    }


.checkbox > label {
    /*margin-bottom: 7px;*/
}

.btn-response-empty, .btn-response-empty:hover {
    color: black;
    background-color: #e9ecef;
}

.btn-response, .btn-response:hover {
    color: white;
    background-color: #00a8e0;
}

.btn-primary {
    background-color: #00a8e0;
    border-color: #00a8e0;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #00a8e0;
        border-color: #00a8e0;
    }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #00a8e0 !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #00a8e0 !important;
    border-color: #00a8e0 !important;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #00a8e0 !important;
}




.btn-secondary {
    background-color: #123c6f;
    border-color: #123c6f;
    color: #fff;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
        background-color: #123c6f;
        border-color: #123c6f;
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
        background-color: #123c6f !important;
        border-color: #123c6f !important;
    }

    .btn-secondary:not([href]):not([tabindex]), .btn-secondary:not([href]):not([tabindex]):hover, .btn-secondary:not([href]):not([tabindex]):focus {
        color: #fff;
        text-decoration: none;
    }

    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 0.2rem #123c6f !important;
    }

.btn-group-toggle .btn {
    background-color: #e9ecef;
}

.btn-group-toggle .active {
    background-color: #123c6f;
    color: white;
}

.btn-group-toggle a:hover, .btn-group-toggle a {
    color: #123c6f;
}

.btn-group-toggle .active:hover {
    color: white;
}

.btn-group-toggle .focus {
    box-shadow: 0 0 0 0 #123c6f !important;
}

.btn-group > .btn:not(:last-child):not(.active) {
    border-right: 2px solid #cbccce;
}

.form-control:focus {
    border-color: #00a8e0 !important;
    box-shadow: 0 0 0 0.2rem #00a8e0 !important;
}

.button:focus {
    outline: 5px auto #00a8e0 !important;
}

#mainNav .navbar-brand {
    width: 400px;
}

.navbar-brand {
    padding: 0;
}

.logo-ioma {
    width: 29%;
}

.logo-gba {
    display: none;
    width: 33%;
}

.logo-mc {
    width: 8%;
    border-radius: 50%;
    margin-left: 25px;
}

.logo-mc-2 {
    width: 18%;
    margin-left: 75px;
}

.logo-mc-xl {
    width: 40%;
    margin-top: 4%;
    margin-bottom: 0%;
}


.a-gba-xl {
    width: 8%;
    margin-left: 10px;
}

.logo-gba-xl {
    width: 80%;
    float: right;
}

.text-error {
    color: red;
    display: none;
}

.text-danger ul {
    list-style-type: none;
    padding: 0;
}

.footer, .sticky-footer {
    clear: both;
    display: block;
    position: relative;
    bottom: 0 !important;
    width: 100%;
    background-color: #515152;
    color: white;
}

.alt-min {
    min-height: calc(100vh - 112px);
}

.info {
    color: #123c6f;
    font-weight: bold;
}

.dataTables_wrapper {
    padding: 0;
    margin-bottom: 20px;
}

table.dataTable {
    border-collapse: collapse !important;
}

.table-hover tbody tr td.table-cell-edit {
    background-color: #dee2e6;
    border: 0.5px solid white;
}

.table-hover tbody tr:hover td.table-cell-edit, .table-hover tbody tr:hover {
    background-color: #e9ecef;
}

    .table-hover tbody tr td, .table-hover tbody tr:hover td {
        border-right: 0.1px solid white;
    }


.page-link, .page-link:hover {
    color: #262627;
    background-color: white;
}

.page-item.active .page-link {
    /*background-color: #6c757d;
    border-color: #6c757d;*/
}

.page-link:focus {
    box-shadow: 0 0 0 0.1rem #00a8e0;
}

.dataTable > thead {
    background-color: #05B1C7; /*#00a8e0;*/
    color: white;
}

.breadcrumb-item > a, .breadcrumb-item > a:hover {
    color: #123c6f;
}

.btn-group-toggle label:hover {
    color: black;
}

.font-weight-normal {
    font-weight: normal;
}

.form label {
    font-weight: bold;
    color: #123c6f;
}

.light-label label {
    font-weight: 500;
    color: #828282;
}

.form textarea {
    width: 90%;
    height: 150px;
    margin-bottom: 15px;
    outline-color: #9eaf37;
}

#tiene_UTE textarea {
    width: 100%;
}

.modal-header {
    background-color: #dee2e6;
}

#myModal {
    font-size: 20px;
}

.mensajes, .mensajes-success {
    margin-left: 210px;
    display: none;
}

.alert {
    margin-bottom: 0;
    margin-top: 15px;
}

.close {
    float: none;
    position: relative;
    bottom: 3px;
}

.alert span {
    position: relative;
    top: 4px;
}

/*Para las flechas de ordenar la tabla*/
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    content: none;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

    table.dataTable thead th.sorting:after,
    table.dataTable thead th.sorting_asc:after,
    table.dataTable thead th.sorting_desc:after {
        position: absolute;
        top: 5px;
        right: 8px;
        display: block;
        font-family: Font Awesome\ 5 Free;
        font-size: 26px;
    }

    table.dataTable thead th.sorting:after {
        content: "\f0dc";
        color: #ddd;
        padding-top: 0.12em;
        opacity: 0.7;
    }

    table.dataTable thead th.sorting_asc:after {
        content: "\f0de";
        top: 9px;
    }

    table.dataTable thead th.sorting_desc:after {
        content: "\f0dd";
    }

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead th {
    border-right: 1px solid white;
}
/* Fin flechas ordenar tabla*/

div.dataTables_processing, .btn-export {
    background-color: #435e80;
    color: white;
    font-weight: bold;
}

div.dataTables_processing {
    /*background-color: #cd507b;*/
}

.btn-export:hover {
    background-color: #123c6f;
}

.fixedHeader-floating {
    overflow: hidden;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: 0px;
    text-align: center;
    padding: 1em 0;
    display: none;
}

.no-line-break {
    white-space: nowrap;
}

.insc-no-line-break {
    white-space: nowrap;
}

.form-postulacion h3, .form-postulacion h4, .form-mod-contacto h5, .form-inscripcion-aprobar h4, .form-inscripcion-aprobar h5 {
    color: #17a3db;
}

.form-postulacion hr, .form-mod-rubros hr, .form-mod-contacto hr {
    border-top: 1px solid #123c6f;
}

.form-inscripcion-aprobar hr {
    border-top: 1px solid #123c6f;
}

.form-postulacion .fa-times, .composicion-UTE .fa-times, .form-mod-rubros .fa-times, .div-telefonos .fa-times {
    font-size: 22px;
    color: #123c6f;
    padding: 1px 5px 1px 5px;
    border: 2px solid #123c6f;
    border-radius: 4px;
    cursor: pointer;
}

    .form-postulacion .fa-times:hover, .composicion-UTE .fa-times:hover, .form-mod-rubros .fa-times:hover, .div-telefonos .fa-times:hover {
        color: #123c6f;
        border-color: #123c6f;
    }

.form-postulacion #agregar-localidad {
    margin-top: 32px;
}

.form-postulacion .zona-cobertura {
    font-size: 18px;
    color: #123c6f;
    cursor: pointer;
    margin-left: 10px;
    position: relative;
    top: 2px;
    border: none;
}

    .form-postulacion .zona-cobertura:hover {
        color: #ab0f0f;
    }

#zonas button, #zonas button:hover {
    color: black;
    padding: 2px 6px 2px 6px;
    margin-top: 5px;
    margin-right: 5px;
}

.rubros-lg {
    margin-bottom: 80px;
}

label.obligatorio:after, h4.obligatorio:after {
    content: attr(data-content);
    content: "*";
    font-weight: bold;
    font-size: 24px;
    color: #ab0f0f;
    margin-left: 3px;
    margin-bottom: 0px;
}

label.obligatorio:after {
    position: relative;
    top: 3px;
}

label.obligatorio.validacion:after {
    content: " - Obligatorio seleccionar al menos uno";
}

label.obligatorio.validacion.mt-4 {
    margin-top: 32px !important;
}

.form-postulacion label:not(.obligatorio) {
    margin-top: 8px;
}

.form-inscripcion-aprobar label {
    margin-top: 8px;
}

.form-inscripcion-aprobar .icheck-inline label {
    margin-top: 0px;
}

.btn-secondary:disabled {
    cursor: not-allowed;
    background-color: #123c6f;
    border-color: #123c6f;
    opacity: 1;
}

span.obligatorio {
    font-weight: bold;
    font-size: 16px;
    color: #ab0f0f;
}

label.obligatorio.length:after {
    content: " - Incorrecto, verifique la longitud";
}

label.obligatorio.seleccionar:after {
    content: " - Debe seleccionar al menos uno";
}

label.obligatorio.valCUIT:after {
    content: " - La CUIT es incorrecta";
}

label.obligatorio.valCBU:after {
    content: " - La CBU es incorrecta";
}

label.obligatorio.valArchivo:after {
    content: " - Debe ingresar un archivo";
}

label.obligatorio.valArchivoTam:after {
    content: " - El archivo no debe superar los 25MB";
}

label.obligatorio.valArchivoAjax:after {
    content: " - Debe subir el archivo";
}

label.obligatorio.valArchivoAlMenosUno:after {
    content: "Debe subir al menos uno de los archivos: IGJ y/o DPPJ";
}

label.obligatorio.valTextarea:after {
    content: " - Debe ingresar una observación";
}

label.obligatorio.valDDJJ:after {
    content: "Debe aceptar los términos para poder continuar.";
}

label.obligatorio.formato-2char:after {
    content: " - Debe terminar en /_ _";
}

label.obligatorio.formato-2char-guion:after {
    content: " - Debe terminar en /_ _-_";
}

label.obligatorio.valMatricula:after {
    content: "Debe ingresar al menos una matrícula.";
}

label.obligatorio.error:after {
    font-size: 16px;
    top: 0px;
    margin-left: 0px;
}

label.obligatorio.error {
    margin-top: 8px;
}


.radio-readonly label {
    pointer-events: none;
}

.display-table {
    display: table;
}

.display-block {
    display: block;
}

/*.check-readonly input {
    pointer-events: none;
}*/

/*-------------------- Formulario de inscripcion ----------------------*/

.input-default-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top:-2%;
}

    .input-default-wrapper .input-default-js {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
        margin-bottom:1em;
    }

        .input-default-wrapper .input-default-js:focus + label {
            border-color: #00a8e0;
            outline: 0;
            -webkit-box-shadow:#00a8e0;
            box-shadow:#00a8e0;
        }

        .input-default-wrapper .input-default-js + label {
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            color: #000;
            border: 1px solid rgba(33, 47, 41, 0.2);
            background-color: transparent;
            padding: 0;
        }

            .input-default-wrapper .input-default-js + label span {
                padding: 0.425rem .7rem;
                font-weight: normal;
                color: #495057;
            }

                .input-default-wrapper .input-default-js + label span:not(.span-browse) {
                    display: inline-block;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    vertical-align: top;
                }

            .input-default-wrapper .input-default-js + label .span-browse {
                height: 100%;
                border-left: 1px solid rgba(33, 47, 41, 0.2);
                display: inline-block;
                padding: 0.425rem .8rem;
                color: #FFF;
                background-color: #00a8e0;
                text-align: center;
                font-weight: normal;
                width: auto;
            }

@media screen and (max-width: 50em) {
    .input-default-js + label .span-browse {
        display: block;
    }
}

.label-for-default-js {
    width: 100%;
    height: -webkit-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
}

/*---------------------------------------------------------------------*/

/*------------------------- Progress bar ---------------------------*/

.progress, .progress:after, .progress:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Form Progress */
.progress {
    text-align: center;
    height: auto;
    background-color: white;
    font-size: 17px;
}

    .progress .circle,
    .progress .bar {
        display: inline-block;
        background: #fff;
        border-radius: 40px;
        border: 1px solid #d5d5da;
    }

    .progress .circle {
        width: 50px;
        height: 50px;
    }

    .progress .bar {
        position: relative;
        width: 110px;
        height: 6px;
        top: 22px;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }



    .progress .circle .label {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 35px;
        border-radius: 32px;
        margin-top: 4px;
        color: #b5b5ba;
        font-size: 20px;
        cursor: default;
    }

    .progress .circle .title {
        color: #b5b5ba;
        font-size: 13px;
        line-height: 30px;
        margin-left: -5px;
    }

    /* Done / Active */
    .progress .bar.done,
    .progress .circle.done {
        background: #e9ecef;
    }

        .progress .circle.done:not(.seleccionado),
        .progress .circle.active:not(.seleccionado),
        .progress .circle.done .label:not(.seleccionado),
        .progress .circle.active .label:not(.seleccionado) {
            cursor: pointer;
        }

    .progress .circle.seleccionado {
        cursor: default;
        background: #123c6f;
        border: 1px solid #123c6f;
    }

    .progress .circle .fa-check {
        color: #ffffff;
        font-size: 13px;
    }

    .progress .bar.active {
        background: linear-gradient(to right, #EEE 40%, #FFF 60%);
    }

    .progress .circle.done .label {
        color: #FFF;
        background: #00a8e0;
        box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
    }

    .progress .circle.active .label {
        color: #FFF;
        background: #123c6f;
        box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
    }

    .progress .circle.active .title {
        color: #123c6f;
    }

    .progress div {
        margin-right: 0;
    }

/*------------------- Fin de progress bar ------------------------*/

.col-0-5 {
    -ms-flex: 0 0 4.666667%;
    flex: 0 0 4.666667%;
    max-width: 4.666667%;
}

.offset-0-5 {
    margin-left: 4.666667%;
}

.link-archivo {
    font-size: 18px;
    color: #0056b3;
}

.link-listado {
    font-size: 16px;
    color: #0056b3;
}

.progressbar {
    height: 15px;
    font-size: 14px;
    display: none;
}

.progress-bar {
    background-color: #0056c4;
}

.info-file-upload .alert {
    margin-top: 0;
    height: 15px;
    font-size: 12px;
    text-align: center;
    padding: 0;
}

    .info-file-upload .alert span {
        top: 0;
    }

    .info-file-upload .alert button.close {
        padding: 0;
        padding-right: 5px;
        height: 15px;
    }

    .info-file-upload .alert button span {
        top: -10px;
        font-size: 20px;
    }

.alert.observacion {
    padding: 12px;
}

.form-inscripcion hr {
    border-top: 2px solid #00a8e0; /*#adc22f #123c6f*/
}

.ddjj {
    line-height: 20px;
    font-size: 18px;
}

td.normal-line-height {
    line-height: normal;
}

/*-------------------------------------- Estilos de las tarjetas de rubros -----------------------------------------*/

.panel-default {
    border: 0;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    color: #111;
    display: block;
    background: #e9ecef;
    text-decoration: none !important;
}

/*------------------------------------------------------------------------------------------------------------------*/


@media screen and (min-width: 1600px) {
    .mt-xxl-0 {
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 1441px) {
    .a-gba-xl {
        width: 8%;
    }
}

@media screen and (max-width: 1380px) {
    .display-table.full-table {
        display: block;
    }
}

@media screen and (max-width: 1300px) {
    .progress .bar {
        width: 72px;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .a-gba-xl {
        width: 8%;
    }
}

@media screen and (max-width: 991px) {
    .logo-gba {
        display: inline-block;
        margin-left: 10px;
    }

    .logo-mc-2 {
        display: none;
    }

    .a-gba-xl {
        display: none;
    }

    .navbar {
        padding: 0;
    }

    .nav-item {
        padding: 0.5rem 1rem;
        /*background-color: #123c6f;*/
    }

    #mainNav.navbar-dark .navbar-sidenav > .nav-item > .nav-link,
    #mainNav.navbar-dark .navbar-sidenav > .nav-item > .nav-link:hover {
        color: white;
    }
    #mainNav.navbar-dark .navbar-sidenav > .active > .nav-item > .nav-link,
    #mainNav.navbar-dark .navbar-sidenav > .active > .nav-item > .nav-link:hover {
        color: white;
    }


    .mensajes, .mensajes-success {
        margin-left: 0px;
    }

        .mensajes .row, .mensajes-success .row {
            display: flex;
        }

    .navbar-brand {
        padding: 0.5rem 1rem;
    }

    #mainNav .navbar-brand {
        width: 60%;
    }

    .logo-mc {
        margin-left: 5px;
    }

    .content-wrapper {
        margin-left: 0px;
    }
    
}

@media screen and (min-width: 992px) {
    .offset-md-0-5 {
        margin-left: 4.666667%;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .container {
        max-width: none;
    }

    .logo-ioma {
        width: 20%;
    }

    .logo-mc {
        width: 8%;
    }

    .logo-gba {
        width: 20%;
    }

    .logo-mc-xl {
        width: 52%;
    }

    .progress .bar {
        width: 50px;
    }

    .offset-md-0-5 {
        margin-left: 4.666667%;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .container {
        max-width: none;
    }

    .text-right, .text-left, .text-secondary {
        text-align: left !important;
    }

    .row {
        display: block;
    }

    .none {
        display: none;
    }

    .m-text {
        text-align: center;
    }

    [class*="icheck-"] {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .right {
        float: none;
    }

    .logo-ioma {
        width: 26%;
    }

    .logo-mc {
        width: 10%;
    }

    .logo-gba {
        width: 26%;
    }

    .logo-mc-xl {
        width: 26%;
        margin-top: 4%;
    }

    .select-rubro, .rubros-lg {
        margin-bottom: 20px;
    }

    .form-postulacion .fa-times {
        margin-top: 20px;
    }

    .form-postulacion .zona-cobertura {
        margin-top: 0px;
    }

    #es_prestador, #es_prestador_otras, #es_proveedor {
        margin-top: 20px;
    }

    .form-postulacion .row.form-group > div:not(:first-child) {
        margin-top: 10px;
    }

    .progress .bar {
        width: 30px;
    }

    .listado-productos label.no-line-break {
        white-space: normal;
    }

    .content-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 576px) {
    .container {
        max-width: none;
    }

    .text-right, .text-left, .text-secondary {
        text-align: left !important;
    }

    .row {
        display: block;
    }

    .none {
        display: none;
    }

    .m-text {
        text-align: center;
    }

    [class*="icheck-"] {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .right {
        float: none;
    }

    .logo-ioma {
        width: 38%;
    }

    .logo-mc {
        width: 12%;
    }

    .logo-gba {
        width: 38%;
    }

    .select-rubro, .rubros-lg {
        margin-bottom: 20px;
    }

    .form-postulacion .fa-times {
        margin-top: 20px;
    }

    .form-postulacion .zona-cobertura {
        margin-top: 0px;
    }

    #es_prestador, #es_prestador_otras, #es_proveedor {
        margin-top: 20px;
    }

    .form-postulacion .row.form-group > div:not(:first-child) {
        margin-top: 10px;
    }

    .progress .bar {
        display: none;
    }

    .insc-no-line-break {
        white-space: normal;
    }

    .listado-productos label.no-line-break {
        white-space: normal;
    }

    .content-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 536px) {
    footer.sticky-footer {
        line-height: 25px;
    }

    .content-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 430px) {
    .logo-ioma {
        width: 44%;
    }

    .logo-mc {
        width: 14%;
    }

    .logo-gba {
        width: 44%;
    }

    .content-wrapper {
        margin-left: 0px;
    }
}

.flex {
    display: flex;
}

/* #da9ac7 - #98447f */

/* Bootstrap grid system
XS 	<576px	col-
S 	≥576px	col-sm-
M 	≥768px	col-md-
L 	≥992px	col-lg-
XL 	≥1200px	col-xl-
*/
/*----------------CDM ----------------*/

/*estilo para los radio button del formulario de búsqueda de prestaciones*/
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #123c6f;
    background-color: #123c6f;
}

/*cambia el color del calendario*/
.color-calendario {
    font-size: 24px;
    color: #04386C;
}

/*redefino el color badge-success*/
.badge-success {
    background-color: #92a428 !important;
}
/* spinner de busqueda de consumo de prestaciones */
#loading {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 1000;
    opacity: 6 !important;
    color: #123c6f;
}

#loadingcontent {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 6 !important;
}

#loadingspinner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-size: larger;
    padding-top: 80px;
    opacity: 6 !important;
}

/* #da9ac7 - #98447f */

/* Bootstrap grid system
XS 	<576px	col-
S 	≥576px	col-sm-
M 	≥768px	col-md-
L 	≥992px	col-lg-
XL 	≥1200px	col-xl-
*/


/*BEGIN STYLE MENSAJES*/
.inc_msg_img {
    display: inline-block !important;
    width: 6% !important;
}

.inc_msg_img img{
    max-width: 100%;
}

.received_msg {
    display: inline-block !important;
    padding: 0 0 0 10px !important;
    vertical-align: top !important;
    width: 92% !important;
}

.received_withd_msg p {
    background: #ebebeb none repeat scroll 0 0 !important;
    border-radius: 3px !important;
    color: #646464 !important;
    line-height: 1.3;
    margin: 0 !important;
    padding: 10px 10px 10px 12px !important;
    width: 100% !important;
}

.time_date {
    color: #747474 !important;
    display: block !important;
    font-size: 12px !important;
    margin: 8px 0 0 !important;
}

.received_withd_msg {
    width: 57% !important;
}

.received_withd_msg p:before {
    display: inline-block;
    margin-left: -19px;
    margin-right: 10px;
    border-top: 7px solid transparent;
    border-right: 7px solid #ebebeb;
    border-left: 0 solid #ebebeb;
    border-bottom: 7px solid transparent;
    content: " ";
}

.mesgs {
    float: left !important;
    padding: 30px 15px 0 25px !important;
}

.sent_msg p {
    background: #05728f none repeat scroll 0 0 !important;
    border-radius: 3px !important;
    color: #fff !important;
    line-height: 1.3;
    margin: 0 !important;
    padding: 10px 10px 10px 12px !important;
    width: 57% !important;
    float: right !important;
}

.sent_msg span {
    float: right !important;
    width: 57% !important;
    text-align: end !important;
}

.sent_msg p:after {
    display: inline-block;
    float: right;
    margin-right: -17px;
    border-top: 7px solid transparent;
    border-left: 7px solid #05728f;
    border-right: 0 solid #05728f;
    border-bottom: 7px solid transparent;
    content: " ";
}

.outgoing_msg {
    overflow: hidden !important;
    margin: 26px 0 26px !important;
}

.sent_msg {
    display: inline-block !important;
    padding: 0 0 0 10px !important;
    vertical-align: top !important;
    width: 92% !important;
}

.sent_msg_img {
    display: inline-block !important;
    width: 6% !important;
}

.sent_msg_img img {
    max-width: 100%;
}

.sent_msg_img i {
    max-width: 100%;
    max-height: 100%;
}

.icon-background-md {
    color: #17a3db;
}

.icon-background-user {
    color: green;
}

.icon-color {
    color: white;
}

/*END STYLE MENSAJES*/

/*BEGIN TIMELINE*/
.timeline {
    list-style: none !important;
    padding: 20px 0 20px !important;
    position: relative !important;
}

    .timeline:before {
        top: 0 !important;
        bottom: 0 !important;
        position: absolute !important;
        content: " ";
        width: 3px !important;
        background-color: #eeeeee !important;
        left: 50% !important;
        margin-left: -1.5px !important;
    }

    .timeline > li {
        margin-bottom: 20px !important;
        position: relative !important;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table !important;
        }

        .timeline > li:after {
            clear: both !important;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table !important;
        }

        .timeline > li:after {
            clear: both !important;
        }

        .timeline > li > .timeline-panel {
            width: 46% !important;
            float: left !important;
            border: 1px solid #d4d4d4 !important;
            border-radius: 2px !important;
            padding: 20px !important;
            position: relative !important;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175) !important;
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175) !important;
        }

            .timeline > li > .timeline-panel:before {
                position: absolute !important;
                top: 26px !important;
                right: -15px !important;
                display: inline-block !important;
                border-top: 15px solid transparent !important;
                border-left: 15px solid #ccc !important;
                border-right: 0 solid #ccc !important;
                border-bottom: 15px solid transparent !important;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute !important;
                top: 27px !important;
                right: -14px !important;
                display: inline-block !important;
                border-top: 14px solid transparent !important;
                border-left: 14px solid #fff !important;
                border-right: 0 solid #fff !important;
                border-bottom: 14px solid transparent !important;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff !important;
            width: 50px !important;
            height: 50px !important;
            line-height: 50px !important;
            font-size: 1.4em !important;
            text-align: center !important;
            position: absolute !important;
            top: 16px !important;
            left: 50% !important;
            margin-left: -25px !important;
            background-color: #999999;
            z-index: 100 !important;
            border-top-right-radius: 50% !important;
            border-top-left-radius: 50% !important;
            border-bottom-right-radius: 50% !important;
            border-bottom-left-radius: 50% !important;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right !important;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0 !important;
                border-right-width: 15px !important;
                left: -15px !important;
                right: auto !important;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0 !important;
                border-right-width: 14px !important;
                left: -14px !important;
                right: auto !important;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0 !important;
    color: inherit !important;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0 !important;
}

    .timeline-body > p + p {
        margin-top: 5px !important;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px !important;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px) !important;
        width: -moz-calc(100% - 90px) !important;
        width: -webkit-calc(100% - 90px) !important;
    }

    ul.timeline > li > .timeline-badge {
        left: 15px !important;
        margin-left: 0 !important;
        top: 16px !important;
    }

    ul.timeline > li > .timeline-panel {
        float: right !important;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0 !important;
            border-right-width: 15px !important;
            left: -15px !important;
            right: auto !important;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0 !important;
            border-right-width: 14px !important;
            left: -14px !important;
            right: auto !important;
        }
}
/*END TIMELINE*/

.loguinimagen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    height: 100% !important;
}


/*jp*/

.iconologin {
    width: 160px;
}

.iconoapp {
    width: 190px;
}


#dropdownMenuButton {
    color: white;
}


@media (max-width: 764px) {
    .encogertexto {
        font-size: 27px !important;
    }
}

/*NO ME DEJO CORREGIRLO DESDE EL BOOTSTRAP, INSERTE ESTILOS*/
@media (max-width: 767px) {

    .inputencoger {
        width: 80%;
        margin-left: 10%;
    }
}

#example_processing, #tablaFacturas_processing {
    background-color: #6c757d;
}