body {
    user-select: text !important;
    -ms-user-select: text !important;
}
.margin-top-21{
    margin-top: 21px
}
.label-convocatoria{
    align-self: flex-end
}
.w-45 {
    width: 45%
}
.w-49{
    width: 49%
}
.table tbody .btn:hover {
    color: #D0042B
}

/* INICIO ESTILOS PARA LA CAPA DE "CARGANDO..." */

/* Absolute Center Spinner */
.loading {
    position: fixed;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100000;
    display: none
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(255,255,255,1) 1.5em 0 0 0, rgba(255,255,255,1) 1.1em 1.1em 0 0, rgba(255,255,255,1) 0 1.5em 0 0, rgba(255,255,255,1) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(255,255,255,1) 0 -1.5em 0 0, rgba(255,255,255,1) 1.1em -1.1em 0 0;
            box-shadow: rgba(255,255,255,1) 1.5em 0 0 0, rgba(255,255,255,1) 1.1em 1.1em 0 0, rgba(255,255,255,1) 0 1.5em 0 0, rgba(255,255,255,1) -1.1em 1.1em 0 0, rgba(255,255,255,1) -1.5em 0 0 0, rgba(255,255,255,1) -1.1em -1.1em 0 0, rgba(255,255,255,1) 0 -1.5em 0 0, rgba(255,255,255,1) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

.cs-loader {
    position: fixed;
    z-index: 100000;
    margin: auto;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none
}
    /* Transparent Overlay */
    .cs-loader:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
    }

.cs-loader-inner {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 100%;
    color: #fff;
    padding: 0 100px;
    text-align: center;
}

    .cs-loader-inner label {
        font-size: 20px;
        opacity: 0;
        display: inline-block;
    }

@keyframes lol {
    0% {
        opacity: 0;
        transform: translateX(-300px);
    }

    33% {
        opacity: 1;
        transform: translateX(0px);
    }

    66% {
        opacity: 1;
        transform: translateX(0px);
    }

    100% {
        opacity: 0;
        transform: translateX(300px);
    }
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }

    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
    }
}

.cs-loader-inner label:nth-child(6) {
    -webkit-animation: lol 3s infinite ease-in-out;
    animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
    -webkit-animation: lol 3s 100ms infinite ease-in-out;
    animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
    -webkit-animation: lol 3s 200ms infinite ease-in-out;
    animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
    -webkit-animation: lol 3s 300ms infinite ease-in-out;
    animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
    -webkit-animation: lol 3s 400ms infinite ease-in-out;
    animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
    -webkit-animation: lol 3s 500ms infinite ease-in-out;
    animation: lol 3s 500ms infinite ease-in-out;
}
/* FIN ESTILOS PARA LA CAPA DE "CARGANDO..." */
.alert{
    font-size: 1.3em
}



.modal-dialog-scrollable {
    display: flex; /* IE10/11 */
    max-height: calc(100% - 3.5em);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5em);/* IE10/11*/ 
    overflow: hidden;
}
*::-ms-backdrop, .modal-dialog-scrollable .modal-content {
    overflow: auto
}
/* IE11 */
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-scrollable form{
    width: 100%;
}

.input-group .btn.btn-secondary {
    padding: 0 14px;
    box-shadow: none;
}
.input-group .btn.btn-secondary:hover {
    background-color: inherit
}

.bootbox .modal-header h4, .bootbox .modal-header h5 {
    order: 0
}
.bootbox .modal-header button{
    order: 1
}

.col-header-white-space-normal .th-inner {
    white-space: normal !important
}
.campoNumerico {
    text-align: right
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
    z-index: 100;
    cursor: pointer
}
.ocultar {
    display: none;
}
.es-alta-solicitud li a:not(.active-nueva-solicitud) {
    cursor: not-allowed;
    opacity: 0.5;
}
.form-group.required label:after, .required-label:after {
    content: " *";
    color: red;
}
aside.menu .menu__list li a span:not(.badge) {
    line-height:33px;
}

aside.menu .menu__list li a {
    border-top: 0px solid #ddd
}

aside.menu .menu__list li:last-child a {
    border-bottom: 0px solid #ddd;
}
.form-inline .form-control{
    margin-left: 12px
}
.botonera button{
    margin-left: .25rem
}

.textos label, .textos input {
    margin-top: 10px;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial
}

.textos span{
    margin-top: 10px;
    font-size: 12px;
    font-family: Arial; 
    color:red;
}

.hideCheckHead table thead input[type='checkbox'], .hideCheckHead table thead input[type='checkbox'] + label {
    display: none
}

aside.menu .menu__categories ul li{
    text-align: center
}
select.form-control {
    -webkit-appearance: menulist;
}
.color_principal {
    font-size:0.9em;
    font-weight:bold;
    color: #D0042B !important;
}
.form-check-label {
    margin-bottom: 0 !important;
    margin-top: 2px !important;
}
.input-group button.btn-secondary.disabled, 
.input-group button.btn-secondary:disabled {
    color: #fff !important
}
.input-group button.btn-secondary.disabled:hover,
.input-group button.btn-secondary:disabled:hover {
    color: #6c757d !important
}
.ocultar-opacity {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -1;
}
.form-group.required .multiselect-container label:after {
    display: none
}
.multiselect{
    text-align: left;
    min-width: 250px
}
.multiselect-selected-text {
    white-space: normal;
    text-align: left;
}
.bootbox.modal{
    z-index: 20010
}
.bootbox.modal + .modal-backdrop.fade.show:not(.modal-stack) {
    z-index: 2000
}
.foto-dni {
    position: absolute;
    top: 15px;
    right: 15px;
}

.foto-dni img {
    max-height: 65px;
}

.panel-foto-dni {
    position: absolute;
    top: 80px;
    right: 55px;
    z-index: 10000
}

.panel-foto-dni img {
    max-width: 200px
}
a.disabled {
    pointer-events: none;
    cursor: default;
}
.num {
    margin: 0
}
@media (min-width: 768px) {
    .fixed-bottom {
        position: absolute;
        bottom: 0;
        width: 90%;
        margin: auto;
    }
}
.estadoConvA {
    color: green !important;
    font-size: 14px;
}
.estadoConvC {
    color: red !important;
    font-size: 14px;
}

.uppercase {
    text-transform: uppercase
}
.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
    border-top-color: #000;
}

.popover-body {
    background-color: #000;
    color: #fff
}

.text-justify {
    text-align: justify;
}

.table-borderless tbody tr td {
    border: 0;
}

.table tbody tr.info.groupBy.expanded td {
    font-weight:bold;
    background-color: #FAFAFA;
}
.hide-checkbox td input[type=checkbox]{
    display: none;
}