.bg-gradient-primary {
    background-color: #84868d;
    background-image: linear-gradient(180deg,#858796 10%,#5a5c69 100%);
    background-size: cover;
}
.labelSize{
    font-size: 14px;
}
.bg-gradient-primary {
    background-color: #84868d;
    background-image: linear-gradient(180deg,#0e283c 10%,#5a5c69 100%);
    background-size: cover;
}
.alertify-message{
    font-size: 14px;
}
.dataTables_length {
    float: left;
    font-size: 14px;
}
ul.nav.nav-tabs{
    font-size: 14px;
}
.change-style {
    width: 100% !important;
    line-height: 3.5 !important;
    font-size: 14px !important;
}
li.dropdown.user.user-menu:hover, a.dropdown-toggle:hover, .configuracion-header:hover, li.user.user-menu:hover {
    background-color: #84868d !important;
    background-image: linear-gradient(180deg,#0e283c 10%,#5a5c69 100%) !important;
    color: #fff !important;
}

.skin-yellow .main-header .navbar .nav > li > a:hover, .skin-yellow .main-header .navbar .nav > li > a:active, .skin-yellow .main-header .navbar .nav > li > a:focus, .skin-yellow .main-header .navbar .nav .open > a, .skin-yellow .main-header .navbar .nav .open > a:hover, .skin-yellow .main-header .navbar .nav .open > a:focus, .skin-yellow .main-header .navbar .nav > .active > a {
    background-color: #84868d !important;
    background-image: linear-gradient(180deg,#0e283c 10%,#5a5c69 100%) !important;
}
/*inventario*/
.modal-design{
    margin-top: 5%;
}
h5#exampleModalLabel {
    font-size: 16px;
}
select#DropDownTxtUnidades {
    width: 100%;
    font-size: 14px;
}
input#txtCantidad{
    height: 2.6rem;
}
.sizeCampo {
    height: 2.5rem;
}
.select2-search{
    width: 100% !important;
}
input#txtCantidadActualizar {
    height: 26px;
    font-size: 14px;
}
select#DropDownTxtUnidadesActualizar{
    width: 100%;
    font-size: 14px;
    
}
.select2-search__field {
    width: 100% !important;
}
.dataTables_filter {
    float: right;
    font-size: 14px;
}
.input-sm {
    font-size: 14px;
}
th.sorting_desc {
    font-size: 14px;
}
.margin-inicio{
    margin-top: 10%;
}
.tamano-heigh{
    height: 47rem;

}
.margin-spacing{
    margin-bottom: 2rem !important;
}
a.btn.btn-primary.btn-user.btn-block.margin-spacing {
    font-size: 16px;
}

.form-inline, .dataTables_empty, .sorting,
.alert-dismissible, .form-control, .select2-selection__rendered,    
.encuesta-size, th.sorting_asc, .col-form-label, .btn-default,
.input-select select, .input-select input .input-select label, .label-description, p.text-muted.about-description, input#btnEnviar {
    font-size: 14px;
}
div#example1_length {
    margin-bottom: 16px;
}
.scroll-Y {
    height: 50% !important;
}
/*ul.sidebar-menu.dashboard-menu {
    height: 107% !important;
    overflow-y: auto !important;
}*/
.about-title {
    font-size: 16px;
}
.btn-modal-pregunta {
    padding: 10px;
}
td {
    font-size: 12px;
}
.dataTables_filter {
    display: flex;
}
h4 {
    font-size: 18px;
}
.logoblanco {
    width: 85%;
}
.lefTop{
    margin-top: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-dialog.modal-lg.marginModal {
    margin-top: 10%;
}
.lefTop1 {
    position: relative;
    top: 5px;
}
.encuesta-icon {
    position: relative;
    right: 4px;
    top: 4px;
}
.logo {
    width: 15%;
}
/*MESI MAC*/
.fa, .far {
    font-weight: 900;
    font-size: 15px;
}

.rating-symbol-background.far.fa-star {
    color: grey;
}

.skin-yellow .main-header .navbar .nav > li > a {
    color: #858796;
    font-size: 15px;
}

.content-header > .breadcrumb {
    font-size: 15px;
}

.text-center {
    font-size: 18px;
    margin-top: 15px !important;
}

img {
    width: 56%;
}
/*MESI MAC*/
.logo-jeduca {
    width: 80px;
}
section.sidebar.sidebarScroll {
    height: 100vh !important;
    scroll-behavior: smooth !important;
}

.bg-jeduca-A {
    background-color: #0E283C !important;
}

.bg-jeduca-B {
    background-color: #E49F38 !important;
}

.bg-jeduca-C {
    background-color: #627EA0 !important;
}

.btn-inicio {
    width: 86%;
    padding-top: 34px;
}
.titleFaqs {
    font-size: 14px;
    font-weight: 400;
}
.marginTitle {
    margin-top: 20px;
    margin-bottom: 15px;
}
.titleQuestion{
    font-size: 2rem;
}
.cardMargin{
    margin-top: 10%;
}
.dashboard-menu {
    font-size: 1.4rem;
    line-height: 23px;
    overflow: auto;
    height: 100%;
}


/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #4b646f #1a2226;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 6px;
    }

    *::-webkit-scrollbar-track {
        background: #1a2226;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #4b646f;
        border-radius: 10px;
        border: 0px none #ffffff;
    }

.wtHider {
    width:100% !important;

}

.titleHome {
    width: 100% !important;
    margin-left: 3px;
}
.titleHome i,.titleHome span {
    font-size: 1.4rem !important;
}

.faq {
    margin-top: 5%;
}
.texto-mesi {
    font-size: 1.875rem;
}
div#tblRequerimientos_wrapper > .row{
    width: 100%;
}
.contenedorboton {
    margin-top: 40px;
}

.requerimientonuevo {
    width: 250px;
    height: 70px;
    background-color: #0E283C;
    border-radius: 10px 10px 10px;
}

.circulo {
    width: 90px;
    height: 90px;
    background-color: #f6f2f2;
    border-radius: 100%;
    position: relative;
    left: -30px;
    top: -10px;
}
.navbar {
    display: block !important;
}
.form-inline {
    flex-flow: column;
}
.iconito {
    margin-top: 40%;
    width: 50px;
}
.dataTables_scrollHeadInner{
    width: 100% !important;
}
.dataTables_scroll {
    width:100% !important;
};
.table .table-bordered .table-striped .display .nowrap .dataTable .no-footer {
    width: 100% !important;
}
.porcentaje {
    float: right;
    margin-top: -34px;
}


#form {
    width: 250px;
    margin: 0 auto;
    height: 50px;
}

    #form p {
        text-align: center;
    }

    #form label {
        font-size: 20px;
    }

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

label {
    color: grey;
}

.clasificacion {
    direction: rtl;
    unicode-bidi: bidi-override;
}

input[type="radio"]:checked ~ label {
    color: orange;
}

.fuentereq {
    font-size: 0.95rem;
}


.scrollcris{
    overflow-x:scroll;
    width:100%;

}
i.fa.fa-clock-o {
    margin-top: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cont-fila {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
    padding: 15px;
}

.cont-card {
    width: calc(50% - 10px);
    height: auto;
    background: #fff;
    padding: 10px;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
}

div#example1_wrapper {
    overflow-x: auto;
}



.cont-card {
    min-height: 350px;
}


/* Para 600px */
@media only screen and (max-width: 600px) {
    .logo {
        width: 60%;
        justify-content: center;
    }
}




@media (max-width: 1100px) {
    .cont-card {
        width: 100%;
    }



    .cont-fila {
        flex-direction: column;
    }
}