.input-error { 
    font-size: 12px;
    color: #dc3545;
    text-align: left;
    line-height: 12px;
}
.border-error {
    border-color: #dc3545;
}
.obligatorio {
    color: red;
}
.btn-xs {
    padding: 0.15rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.table td {
    vertical-align: middle;
}
.table-sm th, .table-sm td {
    font-size: 12px;
    vertical-align: middle !important;
}
.close i {
    color: #dc3545;
}
.card-header, .card-footer {
    background-color: #ebebeb;
}
label {
    margin-bottom: 0;
    font-size: 13px;
}
.form-group {
    margin-bottom: 7px;
}
.pagination .disabled {
    cursor: no-drop;
    opacity: 0.7;
}
#preloader{
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../img/content.jpg) !important;
    background-repeat: repeat;
}
#preloader div{
    position: relative;
    width: 100px;
    height: 100px;
}
#preloader div .rotate{
    position: absolute;
    height: 100%;
    width: 100%;
}
#preloader div .static{
    position: absolute;
    height: 100%;
    width: 100%;
}
.img-loader {
    vertical-align: middle;
    border-style: none;
}
.oculto {
    display: none;
}
.accordion-head {
    margin-bottom: 15px;
}
.accordion-header > a{
    color: #5a5a5a;
    font-weight: 500;
    margin-bottom: 15px;
}
.accordion-body {
    background-color: #fbfbfb;
    padding: 10px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
}
#accordion .accordion-head .accordion-header a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*Movil ------------*/
@media (max-width: 1199px) {
    #preloader{
        height: 100%;
    }
}

/*-------------ANIMACION DE PRELOADER CIP - LOGO*/
#preloader .rotate{
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: preloader;
}
@keyframes preloader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

body {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    font-size: 15px;
}

.perfil {
    border: 2px solid #e1e1e1;
    border-radius: 6px;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-bottom: 2px solid #c9c9c9;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
}
.form-label-sm {
    font-weight: bold;
}
.show-password {
    position: absolute;
    right: 0;
    padding-right: 14px;
    padding-top: 3px;
    cursor: pointer;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255);
}

.vertical-menu {
    width: 100%;
    padding: 12px;
}

.vertical-menu a {
    background-color: #eee;
    color: black;
    display: block;
    padding: 12px;
    text-decoration: none;
}

.vertical-menu a:hover {
    background-color: #ccc;
}

.vertical-menu a.active {
    background-color: #878787;
    color: white;
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}
@media (min-width: 1301px) and (max-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}
@media (min-width: 1401px) and (max-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
    }
}
@media (min-width: 1601px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1540px;
    }
}
@media (max-width: 991px) {
    .menu-nav {
        display: none;
    }
}

.nav-item a.active {
    border-bottom: 2px solid #fff;
}

.select2-container {
    width: 100% !important;
}
.select2-results {
    display: block;
    width: 150%;
    background: #fff;
    font-size: 12px;
    position: absolute;
    border: 1px solid #aaa;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
    width: 150%;
    background-color: #fff;
    border: 1px solid #aaa;
}

.modal-dialog .select2-container .select2-selection--single {
    height: 31px !important;
}

.modal-dialog .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important;
}
.modal-dialog .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px !important;
}