.font {
    font-size: 14px !important;
}

.divCM_4 {
    width: 4% !important;
}

.divCM_66 {
    width: 66% !important;
}

.divCM_45_modal {
    width: 800px !important;
}

.divCM_40_modal {
    width: 40% !important;
}

.divCM_60_modal {
    width: 800px !important;
}

.divpadin_2_0 {
    padding: 5px 0px !important;
}

.divCM_100 {
    width: 100% !important;
}

.divCM_50 {
    width: 50% !important;
}

.MarginTop3 {
    margin-top: 3%;
}

.div_98 {
    width: 98% !important;
}

.divCM_95 {
    width: 95% !important;
}

.divCM_90 {
    width: 90% !important;
}

.divCM_80 {
    width: 80% !important;
}

.divCM_85 {
    width: 85% !important;
}

.divCM_70 {
    width: 69.5% !important;
}

.divCM_65 {
    width: 64.5% !important;
}

.divCM_75 {
    width: 75% !important;
}

.divCM_79 {
    width: 79%;
}

.divCM_49 {
    width: 49% !important;
}

.divCM_48 {
    width: 48% !important;
}

.divCM_33 {
    width: 33.333% !important;
}

.divCM_30 {
    width: 29.5% !important;
}

.divCM_25 {
    width: 25% !important;
}

.divCM_22 {
    width: 21.5% !important;
}

.divCM_20 {
    width: 19.5% !important;
}

.divCM_18 {
    width: 19% !important;
}

.divCM_19 {
    width: 19%;
}

.divCM_13 {
    width: 13% !important;
}

.divCM_40 {
    width: 40% !important;
}

.divCM_12 {
    width: 12% !important;
}

.divCM_10 {
    width: 10% !important;
}

.divCM_5 {
    width: 5% !important;
}

.divCM_110 {
    width: 107% !important;
}

.leftMargin {
    margin: 5px;
    float: left;
}

.height_50 {
    height: 49.5px !important
}

.TamModalGrande {
    width: 950px !important;
}

.TamModalDetalle50 {
    width: 50%;
}

.TamModalDetalle70 {
    width: 70% !important;
}

@media only screen and (max-width: 2000px) {
    .RadGrid .rgCheck input {
        height: 22px !important;
    }

    input[type="checkbox"] {
        height: 20px;
        width: 40px;
        margin: 0 -20px 0 !important;
    }
}

@media only screen and (max-width: 1810px) {
    .WidthRes {
        width: 88% !important;
    }
}

@media only screen and (max-width: 1546px) {
    .WidthRes {
        width: 86% !important;
    }
}

@media only screen and (max-width: 1400px) {
    .ResDivCM50 {
        width: 33% !important;
    }
}

@media only screen and (max-width: 1366px) {
    .RadGrid .rgCheck input {
        height: 16px !important;
    }

    input[type="checkbox"] {
        height: 14px !important;
        width: 40px;
    }

    .TamModalGrande {
        width: 900px !important;
    }

    .ScrollMax {
        max-height: 270px !important;
    }

    .fontSizebtnRegistro {
        font-size: 12px !important;
    }

    #page-wrapper {
        min-height: 95vh !important;
    }
}

@media only screen and (max-width: 1360px) {
    .WidthRes {
        width: 83% !important;
    }

    .fontSizebtnRegistro {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .responsive100 {
        width: 100% !important;
    }
    /*.btnAgregar {
        width: 4vh !important;
    }*/

    .fontSizebtnRegistro {
        font-size: 11px !important;
    }

    .WidthRes {
        width: 78% !important;
    }

    .tituloSuperior, .titulo {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 1000px) {


    .TamModalGrande {
        width: 700px !important;
    }

    .TamModalDetalle50 {
        width: 75% !important;
    }

    .TamModalDetalle70 {
        width: 90% !important;
    }

    .WidthRes {
        width: 75% !important;
    }

    .footerDiseño {
        padding: 0 10px !important;
    }

    .ResDivCM50 {
        width: 50% !important;
        float: left;
    }

    .divCM_49Res {
        width: 49.5% !important;
    }

    .ResDivCM100 {
        width: 100% !important;
        text-align: left;
    }

    .divCM_45_modal {
        width: 700px !important;
    }

    .divCM_40_modal {
        width: 60% !important;
    }

    .filtro {
        width: 95% !important;
    }

    .agregar {
        bottom: 6% !important;
        left: 37% !important;
    }

    .divCM_100_Res {
        width: 99.5% !important;
    }

    .rgNoRecords {
        font-size: 12px !important;
    }

    .rgRow > td, .rgAltRow > td {
        font-size: 12px !important;
    }

    .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 764px) {
    .lblBoton {
        display: none;
    }

    .iconBoton {
        height: 15px !important;
    }
   
    .divCM_48 {
        width: 70% !important;
    }

    .labelusuarioactivo {
        font-size: 10px !important;
    }

    .spanTopLabelActive, .lblEtiqueta, .labelEtiqueta {
        font-size: 10px !important;
    }

    .txtBoxModal {
        font-size: 10px !important;
    }

    .tituloSeccion {
        font-size: 10px !important;
    }

    .tituloSegundo {
        font-size: 10px !important;
    }

    .labelCampoObligatorio {
        font-size: 10px !important;
    }

    .RadComboBox_Bootstrap .rcbInput {
        font-size: 10px !important;
    }

    html body .RadInput_Bootstrap .riTextBox, html body .RadInputMgr_Bootstrap {
        font-size: 10px !important;
    }

    .RadButton .rbText {
        font-size: 10px !important;
    }

    .labelCampoObligatorio {
        font-size: 10px !important;
    }

    .lblMsg {
        font-size: 10px !important;
    }

    .TamModalGrande {
        width: 600px !important;
    }

    .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a {
        font-size: 8px !important;
    }

    .spanTopLabelFiltro {
        font-size: 10px !important;
    }

    .btnLabel {
        font-size: 10px !important;
    }

    .tituloSuperior, .titulo {
        font-size: 20px;
    }

    .btnRed {
        font-size: 10px !important;
        height: 22px !important;
    }

    .btnAdd {
        font-size: 10px !important;
        height: 22px !important;
    }

    .WidthRes {
        width: 75% !important;
    }

    .filtro {
        width: 91% !important;
    }

    .agregar {
        bottom: 6% !important;
        left: 56% !important;
    }

    .cont {
        width: 50% !important;
    }

    .datosres {
        margin: 0px !important;
    }

    .tituloSegundo {
        top: 0.5em;
        right: 12em;
    }

    .divCM_60_modal_Res {
        width: 35em !important;
    }

    .divCM_45_modal {
        width: 600px !important;
    }

    .divCM_40_modal {
        width: 80% !important;
    }

    .divUsuarioActual {
        height: 3%;
        font-size: 12px !important;
    }

    .imgUsuarioActual {
        width: 10px !important;
    }

    .txtBox92 {
        width: 92% !important;
    }

    .divCM_95_Res {
        width: 94.5% !important;
    }

    .divCM_20_Res {
        width: 19.5% !important;
    }

    .divCM_32_Res {
        width: 32.5% !important;
    }


    .divCM_50_Res {
        width: 49.5% !important;
    }

    .divCM_70_Res {
        width: 69.5% !important;
    }

    .divCM_65_Res {
        width: 65% !important;
    }

    .divCM_100_Res {
        width: 99.5% !important;
    }

    .btn-flex {
        height: 20px !important;
        max-height: 20px !important;
        font-size: 11px !important;
    }

    .rgNoRecords {
        font-size: 10px !important;
    }

    .rgRow > td, .rgAltRow > td {
        font-size: 10px !important;
    }

    .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a {
        font-size: 10px !important;
    }

    .btn-flexdocs {
        border-radius: 40px !important;
        padding: 0px 9px !important;
        font-size: inherit;
        height: 22px !important;
        display: inline-block !important;
    }

    .pSignoMAs {
        font-size: 19px !important;
    }
}

@media only screen and (max-height: 720px) {
    .modal-content {
        max-height: calc(95vh - 0px);
        overflow-y: auto;
    }
}

@media only screen and (max-height: 720px) {
    .modal-content {
        max-height: calc(95vh - 0px);
        overflow-y: auto;
    }
}

@media only screen and (max-width: 700px) {
    .imgLogoUser {
        height: 6.5vh !important;
    }
    .imgLogoSistema {
        height: 6vh !important;
        padding: 1vh !important;
        padding-left: calc(var(--menuLeft) + 4px) !important;
        transition: all 0.5s ease;
    }
    .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a {
        font-size: 12px !important;
    }

    .divModalFiltro {
        right: 60px !important;
        width: 40% !important;
    }
}

@media only screen and (max-width: 600px) {
    .active-sidebar {
        width: 50px !important;
    }

    .sidebar:hover {
        width: 50px !important;
    }

    .sidebar.active-sidebar.links_nameActive .links_name {
        font-size: 0px !important;
    }

    .sidebar:hover .links_name {
        font-size: 0px !important;
    }

    .sidebar ~ .sidebar_second {
        left: 80px;
        border-radius: 10px;
    }

    .divCurrentVersion {
        left: 80px;
    }

    .sidebar:hover ~ .home-section {
        left: var(--homeSectionLeft);
        width: calc(100% - (var(--homeSectionLeft) + 20px));
    }

    .sidebar:hover ~ .divCurrentVersion {
        left: var(--homeSectionLeft);
        width: calc(100% - (var(--homeSectionLeft) + 20px));
    }

    .sidebar.active-sidebar ~ .home-section {
        left: var(--homeSectionLeft);
        z-index: -1;
        width: calc(100% - (var(--homeSectionLeft) + 20px));
    }

    .sidebar.active-sidebar ~ .divCurrentVersion {
        left: 80px;
        z-index: -1;
        width: calc(100% - (var(--homeSectionLeft) + 20px));
    }

    .spanTopLabelFiltro {
        font-size: 8px !important;
    }
    .divModalFiltro {
        right: 60px !important;
        width: 40% !important;
    }

    .iconBoton {
        height: 10px !important;
    }

    .TamModalGrande {
        width: 450px !important;
    }

    .labelCampoObligatorio {
        font-size: 8px !important;
    }

    .lblMsg {
        font-size: 8px !important;
    }

    .btn-Limpiar, .btn-red, .btn-Verde {
        font-size: 8px !important;
        height: 15px !important;
    }

    .btn-FlexActivado {
        font-size: 8px !important;
        height: 15px !important;
    }

    .btn-Flex {
        font-size: 8px !important;
        height: 15px !important;
    }

    .spanTopLabelActive, .lblEtiqueta, .labelEtiqueta {
        font-size: 8px !important;
    }

    .txtBoxModal {
        height: 20px !important;
        font-size: 8px !important;
    }

    .RadInput_Bootstrap .riTextBox {
        height: 20px !important;
    }

    .RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
        height: 20px !important;
    }

    .RadPicker_Bootstrap .rcCalPopup {
        height: 20px !important;
    }

    .TamFiltros {
        width: 13px !important;
    }

    .RadComboBox_Bootstrap .rcbInput {
        font-size: 8px !important;
    }

    .tituloSeccion {
        font-size: 8px !important;
    }

    .tituloSegundo {
        font-size: 8px !important;
    }

    .labelusuarioactivo {
        font-size: 10px !important;
    }

    .tituloSuperior, .titulo {
        font-size: 16px !important;
    }

    .RadButton .rbText {
        font-size: 8px !important;
    }

    .BackgroundRegistro {
        height: 20px !important;
    }

    .RadComboBoxDropDown_Bootstrap {
        font-size: 10px !important;
    }

    .WidthRes {
        width: 65% !important;
    }

    .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a {
        font-size: 10px !important;
    }

    .divCM_45_modal {
        width: 80% !important;
    }

    .filtro {
        width: 89% !important;
    }

    .divCM_40_modal {
        width: 100% !important;
    }

    .agregar {
        bottom: 6% !important;
        left: 51% !important;
    }

    .tituloSegundo {
        top: 0.5em;
        right: 9em;
    }


    .RadGrid_Bootstrap .rgExpXLS {
        background-size: 27px !important;
    }

    .rgRow > td, .rgAltRow > td {
        line-height: 10px !important;
    }

    .rgNoRecords {
        font-size: 8px !important;
    }

    .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a {
        font-size: 8px !important;
    }

    .tamañobtneliminar {
        height: 11px !important;
        width: 11px !important;
    }

    .tamañobtnOtro {
        width: 20px !important;
        height: 20px !important;
    }

    .tamañobtneditar {
        width: 17px !important;
        height: 17px !important;
    }

    .tamañobtnOcontacto {
        width: 27px !important;
        height: 20px !important;
    }

    .rgRow > td, .rgAltRow > td {
        font-size: 6px !important;
    }

    .pSignoMAs {
        font-size: inherit;
    }

    .tamañocuatro {
        width: 80% !important;
    }

    .cont {
        margin-left: 0px !important;
    }

    .RadListBox {
        min-width: 55% !important;
        margin: 20px 0px !important;
    }

    .margin {
        margin: 0px !important;
    }
}

@media only screen and (max-height : 605px) {
    .divCurrentVersion {
        display: none;
    }

    .lblVista {
        display: none;
    }

    .imgLogoSistema {
        display: none;
    }
    .sidebar .nav-list {
        height: 100%;
    }
}