
:root {
    /*ELEMENTOS*/
    --color-desapli         : #1058C3;
    --color-desapli-hover   : #1058C3;
    --color-desapli-present : #063D8E;
    
    /*COLOR*/
    --color-warning     : #FF8800;
    --color-danger      : #CC0000;
    --color-success     : #007E33;
    --color-info        : #0099CC;
}

/* width */
::-webkit-scrollbar {
    width: 0;
    height: 0;
    overflow: hidden;
}
  
/* Track */
::-webkit-scrollbar-track {
    background: transparent;
    overflow: hidden;
}
  
/* Handle */
::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 2em;
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: transparent;
    box-shadow: 0 0 1em 1px transparent;
}

body {
    padding: 0;
    margin: 0;
    position: relative;
    background: black;
    color: black;
    font-family: 'Noto Sans', sans-serif;
}
.cont_global{
    display: flex;
    justify-content: center;
    position: relative;
}

.cont_total {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 1920px;
    background: white;
}

.animated_hover {
    z-index: 1;
}

/* ------------------------------------- CURSOR POINTER -------------------------*/
.opciones_lbl,
.button_social,
.opcion_menu,
.info_button,
.option_button,
.cont_active_option {
  cursor: pointer;
}

/* ------------------------------------- BUTTON OPTION -------------------------*/
.option_button {
    margin-right: 2em;
    border-radius: 2em;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3217C9;
    color:white;
    border: 1px solid #3217C9;
    transition: box-shadow .5s, border .5s;
}
  
.option_button:hover {
    box-shadow: 0 0 .7em .01em #3217C9;
    border: 1px solid #1E0895;
}
  
/* ------------------------------------- BUTTON INFO -------------------------*/
.info_button {
    border-radius: 1em;
    padding: .5em 1em;
    border: none;
    outline: none;
    background:linear-gradient(40deg,#ffd86f,#fc6262) ;
    color:white;
    transition: box-shadow .5s, border .5s;
}
  
.info_button:hover {
    box-shadow: 0 0 .7em .01em #fc6262;
}
  
/* ------------------------------------- CONTENEDOR REDES SOCIALES ---------*/
.cont_presentacion_redes {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 10;
}

.cont_presentacion_redes_button {
    display: flex;
    margin-bottom: 2em;
}
  
.button_social {
    margin: 0 .75em;
    border-radius: .5em;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    text-decoration: none;
}

.facebook_button {
    background-color: transparent;
    color:#3b5998;
    border: 1px solid #3b5998;
    transition: box-shadow .5s, background-color .5s, color .5s;
}
  
.facebook_button:hover {
    box-shadow: 0 0 .7em .01em #3b5998;
    background-color: #3b5998;
    color:white;
}

.twitter_button {
    background-color: transparent;
    color:#1dcaff;
    border: 1px solid #1dcaff;
    transition: box-shadow .5s, background-color .5s, color .5s;
}
  
.twitter_button:hover {
    box-shadow: 0 0 .7em .01em #1dcaff;
    background-color: #1dcaff;
    color:white;
}

.youtube_button {
    background-color: transparent;
    color:#d71e18;
    border: 1px solid #d71e18;
    transition: box-shadow .5s, background-color .5s, color .5s;
}
  
.youtube_button:hover {
    box-shadow: 0 0 .7em .01em #d71e18;
    background-color: #d71e18;
    color:white;
}
.linkedin_button {
    background-color: transparent;
    color:#0A66C2;
    border: 1px solid #0A66C2;
    transition: box-shadow .5s, background-color .5s, color .5s;
}
  
.linkedin_button:hover {
    box-shadow: 0 0 .7em .01em #0A66C2;
    background-color: #0A66C2;
    color:white;
}

/* ------------------------------------- INFO SCROLL -------------------------*/

.cont_scroll{
    z-index: 12;
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
   
}
.cont_scroll_fondo{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(0, 0, 0, .025);
    padding: .8em 0;
    border-radius: 1em;
}
.cont_scroll_fondo .info_lbl{
    writing-mode: vertical-rl;
    text-orientation: sideways-right;
    margin: 1em .5em !important;
    font-weight: 100;
}
.cont_scroll_fondo{
    font-size: 1em;
    cursor: pointer;
}
/* ------------------------------------- CONTENEDOR POINT -------------------------*/
.cont_point {
    position: fixed;
    width: 1em;
    height: 100%;
    right: 0;
    margin-right: 2em;
    top: 0;
    z-index: 11;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cont_point_lbl{
    width: .5em;
    height: .5em;
    background: rgba(0,0,0, 0.25);
    border-radius: 100%;
    margin: .2em 0;
}
.cont_point_lbl_active{
    background: #1058C3 !important;
    box-shadow: 0 0 .5em .025em #1058C3 !important;
}
/* ------------------------------------- CONTENEDOR SUPERIOR -------------------------*/
.cont_superior {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed !important;
    top:0;
    left:0;
    z-index: 1000;
}
  
.cont_superior_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1920px;
    padding: 1.5em 2em;
}
  
.cont_logo {
    display: flex;
    align-items: center;
}
  
.cont_logo_icono {
    width: 6em;
}
  
/* ------------------------------------- MENU -------------------------*/
#btn_menu{
    display: none;
}

.opciones_lbl,
.info_lbl {
    font-weight: 600;
    font-size: 1em;
    margin-left: 2em;
}
  
.opcion_menu {
    margin-left: 2em;
    font-size: 1.2em;
}

.active{
    text-decoration: line-through;
    text-decoration-color: #1058C3;
}

/*  */
.cont_menu_active {
    background: rgba(0, 0, 0, .6 );
    width: 0;
    height: 0;
    position: fixed;
    top:0;
    left:0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: auto;
    z-index: 1001;
}

.cont_active {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 3em;
}

.cont_active_option{
    color: white;
    font-size: 2em;
    margin: .5em 0;
    text-align: right;
}

@media only screen and (max-width: 784px) {
    .cont_logo_opciones {
        display: none;
    }
    #btn_menu{
        display: inline;
    }
}
/* ------------------------------------- CARGANDO-------------------------*/

.cont_cargando {
    position: fixed;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: 1002;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    display: none;
    box-shadow: 0 0 2em .1em rgba(0, 0, 0, .8) inset;
    display: none;
}

.cont_progress {
    background: white;
    margin: 1em;
    padding: 1em;
    width: 100%;
    border-radius: 1em;
    max-width: 20em;
}

.cont_progress_titulo {
    display: flex;
    flex-direction: column;
    font-weight: 600;
}

.cont_progress_descri {
    font-size: .9em;
    color: rgba(0,0,0,.5);
    font-weight: 500;
}

.cont_progress_bar {
    width: 100%;
    height: .5em;
    background: rgba(0, 0, 0, .1);
    border-radius: 1em;
    margin-top: 1em;
}

.bar_progress {
    width: 30%;
    height: 100%;
    background: rgb(29, 202, 255);
    box-shadow: 0 0 .5em .01em rgba(29, 202, 255, 1);
    border-radius: 1em;
}

/* ------------------------------------- MENSAJE-------------------------*/

.cont_total_mensaje{
    width: 100%;
    height: 100vh;
    position: fixed;
    top:0;
    left: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
    .cont_mensaje{
        width: calc(100% - 2.5em);
        max-width: 25em;
        background: white;
        border-radius: .5em;
        padding: 1.5em;
        display: flex;
        flex-direction: column;
        margin: .5em;
    }
        
        .cont_titulo{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1em;
        }
            .cont_titulo_mensaje{
                display: flex;
                align-items: center;
            }
                .cont_titulo_mensaje span{
                    min-width: 2.5em;
                    min-height: 2.5em;
                    border-radius: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-right: 1em;
                }
                .cont_titulo_mensaje span svg{
                    font-size: 1.3em;
                }
                .cont_titulo_mensaje label{
                    font-weight: 700;
                    font-size: 1.1em;
                }
            .cont_titulo_cerrar{
                font-size: 1.3em;
                color:rgba(0,0,0,.25);
                transition: color 1s;
                cursor: pointer;
            }
            .cont_titulo_cerrar:hover{
                color:rgba(0,0,0,1);
            }
        .con_descripcion_lbl{
            min-height: 2em;
            margin-bottom: 1.5em;
            font-size: .95em;
            font-weight: 100;
        }
        
        .cont_mensaje_button{
            width: 100%;
            display: flex;
            justify-content: flex-end;
        }
        
        .cont_mensaje_button .button{
            padding: .5em 1.5em;
            background: rgba(0, 0, 0, .1);
            border-radius: .5em;
            font-size: .95em;
            cursor: pointer;
        }

.mensaje_warning .cont_titulo_mensaje span, 
.mensaje_warning .cont_mensaje_button .button{
    background: rgba(255, 187, 51, .15);
    color: var(--color-warning);
}

.mensaje_warning .cont_titulo_mensaje span svg{
    color: var(--color-warning);
}

.mensaje_warning .cont_mensaje_button .button:hover{
    background: rgba(255, 187, 51, .2);
}

.mensaje_warning .cont_mensaje{
    box-shadow: 0 0 2em .025em rgba(255, 187, 51, .25);   
}


.mensaje_danger .cont_titulo_mensaje span,
.mensaje_danger .cont_mensaje_button .button{
    background: rgba(255, 68, 68, .15);
    color: var(--color-danger);
}
.mensaje_danger .cont_titulo_mensaje span svg{
    color: var(--color-danger);
}
.mensaje_danger .cont_mensaje_button .button:hover{
    background: rgba(255, 68, 68, .2);
}
.mensaje_danger .cont_mensaje{
    box-shadow: 0 0 2em .025em rgba(255, 68, 68, .25);   
}


.mensaje_success .cont_titulo_mensaje span,
.mensaje_success .cont_mensaje_button .button{
    background: rgba(0, 200, 81, .15);
    color: var(--color-success);
}
.mensaje_success .cont_titulo_mensaje span svg{
    color: var(--color-success);
}
.mensaje_success .cont_mensaje_button .button:hover{
    background: rgba(0, 200, 81, .2);
}
.mensaje_success .cont_mensaje{
    box-shadow: 0 0 2em .025em rgba(0, 200, 81, .25);   
}


.mensaje_info .cont_titulo_mensaje span,
.mensaje_info .cont_mensaje_button .button{
    background: rgba(51, 181, 229, .15);
    color: var(--color-info);
}
.mensaje_info .cont_titulo_mensaje span svg{
    color: var(--color-info);
}
.mensaje_info .cont_mensaje_button .button:hover{
    background: rgba(51, 181, 229, .2);
}
.mensaje_info .cont_mensaje{
    box-shadow: 0 0 2em .025em rgba(51, 181, 229, .25);   
}

/* ------------------------------------- FULL SCREEN -------------------------*/

.full_screen_fondo{
    width: 100vw;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.7);
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 100vh;
}
    .full_screen_icono{
        width: 10em;
        margin-top: 2em;
    }   

    .full_screen_cont{
        width: calc(100% - 2em);
        max-width: 20em;
        margin: 1em;
    }

        .cont_full_screen{
            display: flex;
            flex-direction: column;
            background: white;
            border-radius: 1em;
            padding: 1em;
            margin-top: .5em;
            box-shadow: 0 0 0.8em 1px rgba(0,0,0, .5);
        }
            .cont_info{
                margin-bottom: 1em;
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }
                .cont_info_icon{
                    width: 3em;
                    height: 3em;
                    border-radius: 100%;
                    background: rgba(0, 0, 0, .05);
                    display: flex;
                    align-items: center;
                    color: white;
                    justify-content: center;
                }
                .cont_info_icon svg{
                    font-size: 1.3em;
                    color: black;
                }
                .cont_info_lbl{
                    width: calc(100% - 4em);
                    margin-left: 1em;
                    text-align: left;
                    font-weight: 700;
                }
                
    .cont_full_screen_option{
        padding: 1em 1.5em;
        border-radius: 3em;
        color: white;
        font-weight: 900;
        font-size: .85em;
        text-transform: uppercase;
        cursor: pointer;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    #full_screen_btn_aceptar svg{
        color: white;
        font-size: 1.3em;
    }

    #full_screen_btn_cancelar{
        color: black;
        padding: 0 1.5em;
    }
    #full_screen_btn_cancelar svg{
        color: black;
        font-size: 1.3em;
    }


/******************************
 *  MARGEN
******************************/
/*m-0*/

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/*m-0-5*/

.mb-0-5 {
    margin-bottom: .5em !important;
}

.ml-0-5 {
    margin-left: .5em !important;
}

.mr-0-5 {
    margin-right: .5em !important;
}

.mt-0-5 {
    margin-top: .5em !important;
}

.m-0-5 {
    margin: .5em !important;
}

.mx-0-5 {
    margin-right: .5em !important;
    margin-left: .5em !important;
}

.my-0-5{
    margin-top: .5em !important;
    margin-bottom: .5em !important;
}


/*m-1*/

.mb-1 {
    margin-bottom: 1em !important;
}

.ml-1 {
    margin-left: 1em !important;
}

.mr-1 {
    margin-right: 1em !important;
}

.mt-1 {
    margin-top: 1em !important;
}

.m-1 {
    margin: 1em !important;
}

.mx-1 {
    margin-right: 1em !important;
    margin-left: 1em !important;
}

.my-1 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

/*m-1-5*/

.mb-1-5 {
    margin-bottom: 1.5em !important;
}

.ml-1-5 {
    margin-left: 1.5em !important;
}

.mr-1-5 {
    margin-right: 1.5em !important;
}

.mt-1-5 {
    margin-top: 1.5em !important;
}

.m-1-5 {
    margin: 1.5em !important;
}

.mx-1-5 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
}

.my-1-5 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
}

/*m-2*/

.mb-2 {
    margin-bottom: 2em !important;
}

.ml-2 {
    margin-left: 2em !important;
}

.mr-2 {
    margin-right: 2em !important;
}

.mt-2 {
    margin-top: 2em !important;
}

.m-2 {
    margin: 2em !important;
}
.mx-2 {
    margin-right: 2em !important;
    margin-left: 2em !important;
}

.my-2 {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}


/*m-3*/

.mb-3 {
    margin-bottom: 3em !important;
}

.ml-3 {
    margin-left: 3em !important;
}

.mr-3 {
    margin-right: 3em !important;
}

.mt-3 {
    margin-top: 3em !important;
}

.m-3 {
    margin: 3em !important;
}

.mx-3 {
    margin-right: 3em !important;
    margin-left: 3em !important;
}

.my-3 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
}

/*m-4*/

.mb-4 {
    margin-bottom: 4em !important;
}

.ml-4 {
    margin-left: 4em !important;
}

.mr-4 {
    margin-right: 4em !important;
}

.mt-4 {
    margin-top: 4em !important;
}

.m-4 {
    margin: 4em !important;
}
.mx-4 {
    margin-right: 4em !important;
    margin-left: 4em !important;
}

.my-4 {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
}

/*m-5*/

.mb-5 {
    margin-bottom: 5em !important;
}

.ml-5 {
    margin-left: 5em !important;
}

.mr-5 {
    margin-right: 5em !important;
}

.mt-5 {
    margin-top: 5em !important;
}

.m-5 {
    margin: 5em !important;
}

.mx-5 {
    margin-right: 5em !important;
    margin-left: 5em !important;
}

.my-5 {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
}

/******************************
 *  PADDING
******************************/
/*p-0*/

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.p-0 {
    padding: 0 !important;
}
.px-0 {
    padding-right: 0em !important;
    padding-left: 0em !important;
}

.py-0 {
    padding-top: 0em !important;
    padding-bottom: 0em !important;
}

/*p-0.5*/

.pb-0-5 {
    padding-bottom: 0.5em !important;
}

.pl-0-5 {
    padding-left: 0.5em !important;
}

.pr-0-5 {
    padding-right: 0.5em !important;
}

.pt-0-5 {
    padding-top: 0.5em !important;
}

.p-0-5 {
    padding: 0.5em !important;
}
.px-0-5 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
}

.py-0-5 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

/*p-1*/

.pb-1 {
    padding-bottom: 1em !important;
}

.pl-1 {
    padding-left: 1em !important;
}

.pr-1 {
    padding-right: 1em !important;
}

.pt-1 {
    padding-top: 1em !important;
}

.p-1 {
    padding: 1em !important;
}
.px-1 {
    padding-right: 1em !important;
    padding-left: 1em !important;
}

.py-1 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

/*p-2*/

.pb-2 {
    padding-bottom: 2em !important;
}

.pl-2 {
    padding-left: 2em !important;
}

.pr-2 {
    padding-right: 2em !important;
}

.pt-2 {
    padding-top: 2em !important;
}

.p-2 {
    padding: 2em !important;
}
.px-2 {
    padding-right: 2em !important;
    padding-left: 2em !important;
}

.py-2 {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}

/*p-3*/

.pb-3 {
    padding-bottom: 3em !important;
}

.pl-3 {
    padding-left: 3em !important;
}

.pr-3 {
    padding-right: 3em !important;
}

.pt-3 {
    padding-top: 3em !important;
}

.p-3 {
    padding: 3em !important;
}

.px-3 {
    padding-right: 3em !important;
    padding-left: 3em !important;
}

.py-3 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}
/*p-4*/

.pb-4 {
    padding-bottom: 4em !important;
}

.pl-4 {
    padding-left: 4em !important;
}

.pr-4 {
    padding-right: 4em !important;
}

.pt-4 {
    padding-top: 4em !important;
}

.p-4 {
    padding: 4em !important;
}

.px-4 {
    padding-right: 4em !important;
    padding-left: 4em !important;
}

.py-4 {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}
/*p-5*/

.pb-5 {
    padding-bottom: 5em !important;
}

.pl-5 {
    padding-left: 5em !important;
}

.pr-5 {
    padding-right: 5em !important;
}

.pt-5 {
    padding-top: 5em !important;
}

.p-5 {
    padding: 5em !important;
}
.px-5 {
    padding-right:5em !important;
    padding-left: 5em !important;
}

.py-5 {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
}
/*width*/
.w-1em {
    width: 1em !important;
}

.w-2em {
    width: 2em !important;
}

.w-3em {
    width: 3em !important;
}

.w-4em {
    width: 4em !important;
}

.w-5em {
    width: 5em !important;
}

.w-6em {
    width: 6em !important;
}

.w-7em {
    width: 7em !important;
}

.w-8em {
    width: 8em !important;
}

.w-9em {
    width: 9em !important;
}

.w-10em {
    width: 10em !important;
}

.w-11em {
    width: 11em !important;
}

.w-12em {
    width: 12em !important;
}

.w-13em {
    width: 13em !important;
}

.w-14em {
    width: 14em !important;
}

.w-15em {
    width: 15em !important;
}

.w-16em {
    width: 16em !important;
}

.w-17em {
    width: 17em !important;
}

.w-18em {
    width: 18em !important;
}

.w-19em {
    width: 19em !important;
}

.w-20em {
    width: 20em !important;
}

.w-21em {
    width: 21em !important;
}

.w-22em {
    width: 22em !important;
}

.w-23em {
    width: 23em !important;
}

.w-24em {
    width: 24em !important;
}

.w-25em {
    width: 25em !important;
}

.w-26em {
    width: 26em !important;
}

.w-27em {
    width: 27em !important;
}

.w-28em {
    width: 28em !important;
}

.w-29em {
    width: 29em !important;
}

.w-30em {
    width: 30em !important;
}

.w-31em {
    width: 31em !important;
}

.w-32em {
    width: 32em !important;
}

.w-33em {
    width: 33em !important;
}

.w-34em {
    width: 34em !important;
}

.w-35em {
    width: 35em !important;
}

.w-36em {
    width: 36em !important;
}

.w-37em {
    width: 37em !important;
}

.w-38em {
    width: 38em !important;
}

.w-39em {
    width: 39em !important;
}

.w-40em {
    width: 40em !important;
}

.w-41em {
    width: 41em !important;
}

.w-42em {
    width: 42em !important;
}

.w-43em {
    width: 43em !important;
}

.w-44em {
    width: 44em !important;
}

.w-45em {
    width: 45em !important;
}

.w-46em {
    width: 46em !important;
}

.w-47em {
    width: 47em !important;
}

.w-48em {
    width: 48em !important;
}

.w-49em {
    width: 49em !important;
}

.w-50em {
    width: 50em !important;
}

.w-51em {
    width: 51em !important;
}

.w-52em {
    width: 52em !important;
}

.w-53em {
    width: 53em !important;
}

.w-54em {
    width: 54em !important;
}

.w-55em {
    width: 55em !important;
}

.w-56em {
    width: 56em !important;
}

.w-57em {
    width: 57em !important;
}

.w-58em {
    width: 58em !important;
}

.w-59em {
    width: 59em !important;
}

.w-60em {
    width: 60em !important;
}

.w-61em {
    width: 61em !important;
}

.w-62em {
    width: 62em !important;
}

.w-63em {
    width: 63em !important;
}

.w-64em {
    width: 64em !important;
}

.w-65em {
    width: 65em !important;
}

.w-66em {
    width: 66em !important;
}

.w-67em {
    width: 67em !important;
}

.w-68em {
    width: 68em !important;
}

.w-69em {
    width: 69em !important;
}

.w-70em {
    width: 70em !important;
}

.w-71em {
    width: 71em !important;
}

.w-72em {
    width: 72em !important;
}

.w-73em {
    width: 73em !important;
}

.w-74em {
    width: 74em !important;
}

.w-75em {
    width: 75em !important;
}

.w-76em {
    width: 76em !important;
}

.w-77em {
    width: 77em !important;
}

.w-78em {
    width: 78em !important;
}

.w-79em {
    width: 79em !important;
}

.w-80em {
    width: 80em !important;
}

.w-81em {
    width: 81em !important;
}

.w-82em {
    width: 82em !important;
}

.w-83em {
    width: 83em !important;
}

.w-84em {
    width: 84em !important;
}

.w-85em {
    width: 85em !important;
}

.w-86em {
    width: 86em !important;
}

.w-87em {
    width: 87em !important;
}

.w-88em {
    width: 88em !important;
}

.w-89em {
    width: 89em !important;
}

.w-90em {
    width: 90em !important;
}

.w-91em {
    width: 91em !important;
}

.w-92em {
    width: 92em !important;
}

.w-93em {
    width: 93em !important;
}

.w-94em {
    width: 94em !important;
}

.w-95em {
    width: 95em !important;
}

.w-96em {
    width: 96em !important;
}

.w-97em {
    width: 97em !important;
}

.w-98em {
    width: 98em !important;
}

.w-99em {
    width: 99em !important;
}
.maxw-1em {
    max-width: 1em !important
}

.maxw-2em {
    max-width: 2em !important
}

.maxw-3em {
    max-width: 3em !important
}

.maxw-4em {
    max-width: 4em !important
}

.maxw-5em {
    max-width: 5em !important
}

.maxw-6em {
    max-width: 6em !important
}

.maxw-7em {
    max-width: 7em !important
}

.maxw-8em {
    max-width: 8em !important
}

.maxw-9em {
    max-width: 9em !important
}

.maxw-10em {
    max-width: 10em !important
}

.maxw-11em {
    max-width: 11em !important
}

.maxw-12em {
    max-width: 12em !important
}

.maxw-13em {
    max-width: 13em !important
}

.maxw-14em {
    max-width: 14em !important
}

.maxw-15em {
    max-width: 15em !important
}

.maxw-16em {
    max-width: 16em !important
}

.maxw-17em {
    max-width: 17em !important
}

.maxw-18em {
    max-width: 18em !important
}

.maxw-19em {
    max-width: 19em !important
}

.maxw-20em {
    max-width: 20em !important
}

.maxw-21em {
    max-width: 21em !important
}

.maxw-22em {
    max-width: 22em !important
}

.maxw-23em {
    max-width: 23em !important
}

.maxw-24em {
    max-width: 24em !important
}

.maxw-25em {
    max-width: 25em !important
}

.maxw-26em {
    max-width: 26em !important
}

.maxw-27em {
    max-width: 27em !important
}

.maxw-28em {
    max-width: 28em !important
}

.maxw-29em {
    max-width: 29em !important
}

.maxw-30em {
    max-width: 30em !important
}

.maxw-31em {
    max-width: 31em !important
}

.maxw-32em {
    max-width: 32em !important
}

.maxw-33em {
    max-width: 33em !important
}

.maxw-34em {
    max-width: 34em !important
}

.maxw-35em {
    max-width: 35em !important
}

.maxw-36em {
    max-width: 36em !important
}

.maxw-37em {
    max-width: 37em !important
}

.maxw-38em {
    max-width: 38em !important
}

.maxw-39em {
    max-width: 39em !important
}

.maxw-40em {
    max-width: 40em !important
}

.maxw-41em {
    max-width: 41em !important
}

.maxw-42em {
    max-width: 42em !important
}

.maxw-43em {
    max-width: 43em !important
}

.maxw-44em {
    max-width: 44em !important
}

.maxw-45em {
    max-width: 45em !important
}

.maxw-46em {
    max-width: 46em !important
}

.maxw-47em {
    max-width: 47em !important
}

.maxw-48em {
    max-width: 48em !important
}

.maxw-49em {
    max-width: 49em !important
}

.maxw-50em {
    max-width: 50em !important
}

.maxw-51em {
    max-width: 51em !important
}

.maxw-52em {
    max-width: 52em !important
}

.maxw-53em {
    max-width: 53em !important
}

.maxw-54em {
    max-width: 54em !important
}

.maxw-55em {
    max-width: 55em !important
}

.maxw-56em {
    max-width: 56em !important
}

.maxw-57em {
    max-width: 57em !important
}

.maxw-58em {
    max-width: 58em !important
}

.maxw-59em {
    max-width: 59em !important
}

.maxw-60em {
    max-width: 60em !important
}

.maxw-61em {
    max-width: 61em !important
}

.maxw-62em {
    max-width: 62em !important
}

.maxw-63em {
    max-width: 63em !important
}

.maxw-64em {
    max-width: 64em !important
}

.maxw-65em {
    max-width: 65em !important
}

.maxw-66em {
    max-width: 66em !important
}

.maxw-67em {
    max-width: 67em !important
}

.maxw-68em {
    max-width: 68em !important
}

.maxw-69em {
    max-width: 69em !important
}

.maxw-70em {
    max-width: 70em !important
}

.maxw-71em {
    max-width: 71em !important
}

.maxw-72em {
    max-width: 72em !important
}

.maxw-73em {
    max-width: 73em !important
}

.maxw-74em {
    max-width: 74em !important
}

.maxw-75em {
    max-width: 75em !important
}

.maxw-76em {
    max-width: 76em !important
}

.maxw-77em {
    max-width: 77em !important
}

.maxw-78em {
    max-width: 78em !important
}

.maxw-79em {
    max-width: 79em !important
}

.maxw-80em {
    max-width: 80em !important
}

.maxw-81em {
    max-width: 81em !important
}

.maxw-82em {
    max-width: 82em !important
}

.maxw-83em {
    max-width: 83em !important
}

.maxw-84em {
    max-width: 84em !important
}

.maxw-85em {
    max-width: 85em !important
}

.maxw-86em {
    max-width: 86em !important
}

.maxw-87em {
    max-width: 87em !important
}

.maxw-88em {
    max-width: 88em !important
}

.maxw-89em {
    max-width: 89em !important
}

.maxw-90em {
    max-width: 90em !important
}

.maxw-91em {
    max-width: 91em !important
}

.maxw-92em {
    max-width: 92em !important
}

.maxw-93em {
    max-width: 93em !important
}

.maxw-94em {
    max-width: 94em !important
}

.maxw-95em {
    max-width: 95em !important
}

.maxw-96em {
    max-width: 96em !important
}

.maxw-97em {
    max-width: 97em !important
}

.maxw-98em {
    max-width: 98em !important
}

.maxw-99em {
    max-width: 99em !important
}

.maxw-100em {
    max-width: 100em !important
}



.w-1por {
    width: 1% !important;
}

.w-2por {
    width: 2% !important;
}

.w-3por {
    width: 3% !important;
}

.w-4por {
    width: 4% !important;
}

.w-5por {
    width: 5% !important;
}

.w-6por {
    width: 6% !important;
}

.w-7por {
    width: 7% !important;
}

.w-8por {
    width: 8% !important;
}

.w-9por {
    width: 9% !important;
}

.w-10por {
    width: 10% !important;
}

.w-11por {
    width: 11% !important;
}

.w-12por {
    width: 12% !important;
}

.w-13por {
    width: 13% !important;
}

.w-14por {
    width: 14% !important;
}

.w-15por {
    width: 15% !important;
}

.w-16por {
    width: 16% !important;
}

.w-17por {
    width: 17% !important;
}

.w-18por {
    width: 18% !important;
}

.w-19por {
    width: 19% !important;
}

.w-20por {
    width: 20% !important;
}

.w-21por {
    width: 21% !important;
}

.w-22por {
    width: 22% !important;
}

.w-23por {
    width: 23% !important;
}

.w-24por {
    width: 24% !important;
}

.w-25por {
    width: 25% !important;
}

.w-26por {
    width: 26% !important;
}

.w-27por {
    width: 27% !important;
}

.w-28por {
    width: 28% !important;
}

.w-29por {
    width: 29% !important;
}

.w-30por {
    width: 30% !important;
}

.w-31por {
    width: 31% !important;
}

.w-32por {
    width: 32% !important;
}

.w-33por {
    width: 33% !important;
}

.w-34por {
    width: 34% !important;
}

.w-35por {
    width: 35% !important;
}

.w-36por {
    width: 36% !important;
}

.w-37por {
    width: 37% !important;
}

.w-38por {
    width: 38% !important;
}

.w-39por {
    width: 39% !important;
}

.w-40por {
    width: 40% !important;
}

.w-41por {
    width: 41% !important;
}

.w-42por {
    width: 42% !important;
}

.w-43por {
    width: 43% !important;
}

.w-44por {
    width: 44% !important;
}

.w-45por {
    width: 45% !important;
}

.w-46por {
    width: 46% !important;
}

.w-47por {
    width: 47% !important;
}

.w-48por {
    width: 48% !important;
}

.w-49por {
    width: 49% !important;
}

.w-50por {
    width: 50% !important;
}

.w-51por {
    width: 51% !important;
}

.w-52por {
    width: 52% !important;
}

.w-53por {
    width: 53% !important;
}

.w-54por {
    width: 54% !important;
}

.w-55por {
    width: 55% !important;
}

.w-56por {
    width: 56% !important;
}

.w-57por {
    width: 57% !important;
}

.w-58por {
    width: 58% !important;
}

.w-59por {
    width: 59% !important;
}

.w-60por {
    width: 60% !important;
}

.w-61por {
    width: 61% !important;
}

.w-62por {
    width: 62% !important;
}

.w-63por {
    width: 63% !important;
}

.w-64por {
    width: 64% !important;
}

.w-65por {
    width: 65% !important;
}

.w-66por {
    width: 66% !important;
}

.w-67por {
    width: 67% !important;
}

.w-68por {
    width: 68% !important;
}

.w-69por {
    width: 69% !important;
}

.w-70por {
    width: 70% !important;
}

.w-71por {
    width: 71% !important;
}

.w-72por {
    width: 72% !important;
}

.w-73por {
    width: 73% !important;
}

.w-74por {
    width: 74% !important;
}

.w-75por {
    width: 75% !important;
}

.w-76por {
    width: 76% !important;
}

.w-77por {
    width: 77% !important;
}

.w-78por {
    width: 78% !important;
}

.w-79por {
    width: 79% !important;
}

.w-80por {
    width: 80% !important;
}

.w-81por {
    width: 81% !important;
}

.w-82por {
    width: 82% !important;
}

.w-83por {
    width: 83% !important;
}

.w-84por {
    width: 84% !important;
}

.w-85por {
    width: 85% !important;
}

.w-86por {
    width: 86% !important;
}

.w-87por {
    width: 87% !important;
}

.w-88por {
    width: 88% !important;
}

.w-89por {
    width: 89% !important;
}

.w-90por {
    width: 90% !important;
}

.w-91por {
    width: 91% !important;
}

.w-92por {
    width: 92% !important;
}

.w-93por {
    width: 93% !important;
}

.w-94por {
    width: 94% !important;
}

.w-95por {
    width: 95% !important;
}

.w-96por {
    width: 96% !important;
}

.w-97por {
    width: 97% !important;
}

.w-98por {
    width: 98% !important;
}

.w-99por {
    width: 99% !important;
}

.w-100por {
    width: 100% !important;
}
/*height*/
.h-1em {
    height: 1em !important;
}

.h-2em {
    height: 2em !important;
}

.h-3em {
    height: 3em !important;
}

.h-4em {
    height: 4em !important;
}

.h-5em {
    height: 5em !important;
}

.h-6em {
    height: 6em !important;
}

.h-7em {
    height: 7em !important;
}

.h-8em {
    height: 8em !important;
}

.h-9em {
    height: 9em !important;
}

.h-10em {
    height: 10em !important;
}

.h-11em {
    height: 11em !important;
}

.h-12em {
    height: 12em !important;
}

.h-13em {
    height: 13em !important;
}

.h-14em {
    height: 14em !important;
}

.h-15em {
    height: 15em !important;
}

.h-16em {
    height: 16em !important;
}

.h-17em {
    height: 17em !important;
}

.h-18em {
    height: 18em !important;
}

.h-19em {
    height: 19em !important;
}

.h-20em {
    height: 20em !important;
}

.h-21em {
    height: 21em !important;
}

.h-22em {
    height: 22em !important;
}

.h-23em {
    height: 23em !important;
}

.h-24em {
    height: 24em !important;
}

.h-25em {
    height: 25em !important;
}

.h-26em {
    height: 26em !important;
}

.h-27em {
    height: 27em !important;
}

.h-28em {
    height: 28em !important;
}

.h-29em {
    height: 29em !important;
}

.h-30em {
    height: 30em !important;
}

.h-31em {
    height: 31em !important;
}

.h-32em {
    height: 32em !important;
}

.h-33em {
    height: 33em !important;
}

.h-34em {
    height: 34em !important;
}

.h-35em {
    height: 35em !important;
}

.h-36em {
    height: 36em !important;
}

.h-37em {
    height: 37em !important;
}

.h-38em {
    height: 38em !important;
}

.h-39em {
    height: 39em !important;
}

.h-40em {
    height: 40em !important;
}

.h-41em {
    height: 41em !important;
}

.h-42em {
    height: 42em !important;
}

.h-43em {
    height: 43em !important;
}

.h-44em {
    height: 44em !important;
}

.h-45em {
    height: 45em !important;
}

.h-46em {
    height: 46em !important;
}

.h-47em {
    height: 47em !important;
}

.h-48em {
    height: 48em !important;
}

.h-49em {
    height: 49em !important;
}

.h-50em {
    height: 50em !important;
}

.h-51em {
    height: 51em !important;
}

.h-52em {
    height: 52em !important;
}

.h-53em {
    height: 53em !important;
}

.h-54em {
    height: 54em !important;
}

.h-55em {
    height: 55em !important;
}

.h-56em {
    height: 56em !important;
}

.h-57em {
    height: 57em !important;
}

.h-58em {
    height: 58em !important;
}

.h-59em {
    height: 59em !important;
}

.h-60em {
    height: 60em !important;
}

.h-61em {
    height: 61em !important;
}

.h-62em {
    height: 62em !important;
}

.h-63em {
    height: 63em !important;
}

.h-64em {
    height: 64em !important;
}

.h-65em {
    height: 65em !important;
}

.h-66em {
    height: 66em !important;
}

.h-67em {
    height: 67em !important;
}

.h-68em {
    height: 68em !important;
}

.h-69em {
    height: 69em !important;
}

.h-70em {
    height: 70em !important;
}

.h-71em {
    height: 71em !important;
}

.h-72em {
    height: 72em !important;
}

.h-73em {
    height: 73em !important;
}

.h-74em {
    height: 74em !important;
}

.h-75em {
    height: 75em !important;
}

.h-76em {
    height: 76em !important;
}

.h-77em {
    height: 77em !important;
}

.h-78em {
    height: 78em !important;
}

.h-79em {
    height: 79em !important;
}

.h-80em {
    height: 80em !important;
}

.h-81em {
    height: 81em !important;
}

.h-82em {
    height: 82em !important;
}

.h-83em {
    height: 83em !important;
}

.h-84em {
    height: 84em !important;
}

.h-85em {
    height: 85em !important;
}

.h-86em {
    height: 86em !important;
}

.h-87em {
    height: 87em !important;
}

.h-88em {
    height: 88em !important;
}

.h-89em {
    height: 89em !important;
}

.h-90em {
    height: 90em !important;
}

.h-91em {
    height: 91em !important;
}

.h-92em {
    height: 92em !important;
}

.h-93em {
    height: 93em !important;
}

.h-94em {
    height: 94em !important;
}

.h-95em {
    height: 95em !important;
}

.h-96em {
    height: 96em !important;
}

.h-97em {
    height: 97em !important;
}

.h-98em {
    height: 98em !important;
}

.h-99em {
    height: 99em !important;
}

.h-100em {
    height: 100em !important;
}

.h-1por {
    height: 1% !important;
}

.h-2por {
    height: 2% !important;
}

.h-3por {
    height: 3% !important;
}

.h-4por {
    height: 4% !important;
}

.h-5por {
    height: 5% !important;
}

.h-6por {
    height: 6% !important;
}

.h-7por {
    height: 7% !important;
}

.h-8por {
    height: 8% !important;
}

.h-9por {
    height: 9% !important;
}

.h-10por {
    height: 10% !important;
}

.h-11por {
    height: 11% !important;
}

.h-12por {
    height: 12% !important;
}

.h-13por {
    height: 13% !important;
}

.h-14por {
    height: 14% !important;
}

.h-15por {
    height: 15% !important;
}

.h-16por {
    height: 16% !important;
}

.h-17por {
    height: 17% !important;
}

.h-18por {
    height: 18% !important;
}

.h-19por {
    height: 19% !important;
}

.h-20por {
    height: 20% !important;
}

.h-21por {
    height: 21% !important;
}

.h-22por {
    height: 22% !important;
}

.h-23por {
    height: 23% !important;
}

.h-24por {
    height: 24% !important;
}

.h-25por {
    height: 25% !important;
}

.h-26por {
    height: 26% !important;
}

.h-27por {
    height: 27% !important;
}

.h-28por {
    height: 28% !important;
}

.h-29por {
    height: 29% !important;
}

.h-30por {
    height: 30% !important;
}

.h-31por {
    height: 31% !important;
}

.h-32por {
    height: 32% !important;
}

.h-33por {
    height: 33% !important;
}

.h-34por {
    height: 34% !important;
}

.h-35por {
    height: 35% !important;
}

.h-36por {
    height: 36% !important;
}

.h-37por {
    height: 37% !important;
}

.h-38por {
    height: 38% !important;
}

.h-39por {
    height: 39% !important;
}

.h-40por {
    height: 40% !important;
}

.h-41por {
    height: 41% !important;
}

.h-42por {
    height: 42% !important;
}

.h-43por {
    height: 43% !important;
}

.h-44por {
    height: 44% !important;
}

.h-45por {
    height: 45% !important;
}

.h-46por {
    height: 46% !important;
}

.h-47por {
    height: 47% !important;
}

.h-48por {
    height: 48% !important;
}

.h-49por {
    height: 49% !important;
}

.h-50por {
    height: 50% !important;
}

.h-51por {
    height: 51% !important;
}

.h-52por {
    height: 52% !important;
}

.h-53por {
    height: 53% !important;
}

.h-54por {
    height: 54% !important;
}

.h-55por {
    height: 55% !important;
}

.h-56por {
    height: 56% !important;
}

.h-57por {
    height: 57% !important;
}

.h-58por {
    height: 58% !important;
}

.h-59por {
    height: 59% !important;
}

.h-60por {
    height: 60% !important;
}

.h-61por {
    height: 61% !important;
}

.h-62por {
    height: 62% !important;
}

.h-63por {
    height: 63% !important;
}

.h-64por {
    height: 64% !important;
}

.h-65por {
    height: 65% !important;
}

.h-66por {
    height: 66% !important;
}

.h-67por {
    height: 67% !important;
}

.h-68por {
    height: 68% !important;
}

.h-69por {
    height: 69% !important;
}

.h-70por {
    height: 70% !important;
}

.h-71por {
    height: 71% !important;
}

.h-72por {
    height: 72% !important;
}

.h-73por {
    height: 73% !important;
}

.h-74por {
    height: 74% !important;
}

.h-75por {
    height: 75% !important;
}

.h-76por {
    height: 76% !important;
}

.h-77por {
    height: 77% !important;
}

.h-78por {
    height: 78% !important;
}

.h-79por {
    height: 79% !important;
}

.h-80por {
    height: 80% !important;
}

.h-81por {
    height: 81% !important;
}

.h-82por {
    height: 82% !important;
}

.h-83por {
    height: 83% !important;
}

.h-84por {
    height: 84% !important;
}

.h-85por {
    height: 85% !important;
}

.h-86por {
    height: 86% !important;
}

.h-87por {
    height: 87% !important;
}

.h-88por {
    height: 88% !important;
}

.h-89por {
    height: 89% !important;
}

.h-90por {
    height: 90% !important;
}

.h-91por {
    height: 91% !important;
}

.h-92por {
    height: 92% !important;
}

.h-93por {
    height: 93% !important;
}

.h-94por {
    height: 94% !important;
}

.h-95por {
    height: 95% !important;
}

.h-96por {
    height: 96% !important;
}

.h-97por {
    height: 97% !important;
}

.h-98por {
    height: 98% !important;
}

.h-99por {
    height: 99% !important;
}

.h-100por {
    height: 100% !important;
}

/*MIN WIDTH*/
.minw-1em {
    min-width: 1em !important;
}

.minw-2em {
    min-width: 2em !important;
}

.minw-3em {
    min-width: 3em !important;
}

.minw-4em {
    min-width: 4em !important;
}

.minw-5em {
    min-width: 5em !important;
}

.minw-6em {
    min-width: 6em !important;
}

.minw-7em {
    min-width: 7em !important;
}

.minw-8em {
    min-width: 8em !important;
}

.minw-9em {
    min-width: 9em !important;
}

.minw-10em {
    min-width: 10em !important;
}

.minw-11em {
    min-width: 11em !important;
}

.minw-12em {
    min-width: 12em !important;
}

.minw-13em {
    min-width: 13em !important;
}

.minw-14em {
    min-width: 14em !important;
}

.minw-15em {
    min-width: 15em !important;
}

.minw-16em {
    min-width: 16em !important;
}

.minw-17em {
    min-width: 17em !important;
}

.minw-18em {
    min-width: 18em !important;
}

.minw-19em {
    min-width: 19em !important;
}

.minw-20em {
    min-width: 20em !important;
}

.minw-21em {
    min-width: 21em !important;
}

.minw-22em {
    min-width: 22em !important;
}

.minw-23em {
    min-width: 23em !important;
}

.minw-24em {
    min-width: 24em !important;
}

.minw-25em {
    min-width: 25em !important;
}

.minw-26em {
    min-width: 26em !important;
}

.minw-27em {
    min-width: 27em !important;
}

.minw-28em {
    min-width: 28em !important;
}

.minw-29em {
    min-width: 29em !important;
}

.minw-30em {
    min-width: 30em !important;
}

.minw-31em {
    min-width: 31em !important;
}

.minw-32em {
    min-width: 32em !important;
}

.minw-33em {
    min-width: 33em !important;
}

.minw-34em {
    min-width: 34em !important;
}

.minw-35em {
    min-width: 35em !important;
}

.minw-36em {
    min-width: 36em !important;
}

.minw-37em {
    min-width: 37em !important;
}

.minw-38em {
    min-width: 38em !important;
}

.minw-39em {
    min-width: 39em !important;
}

.minw-40em {
    min-width: 40em !important;
}

.minw-41em {
    min-width: 41em !important;
}

.minw-42em {
    min-width: 42em !important;
}

.minw-43em {
    min-width: 43em !important;
}

.minw-44em {
    min-width: 44em !important;
}

.minw-45em {
    min-width: 45em !important;
}

.minw-46em {
    min-width: 46em !important;
}

.minw-47em {
    min-width: 47em !important;
}

.minw-48em {
    min-width: 48em !important;
}

.minw-49em {
    min-width: 49em !important;
}

.minw-50em {
    min-width: 50em !important;
}

.minw-51em {
    min-width: 51em !important;
}

.minw-52em {
    min-width: 52em !important;
}

.minw-53em {
    min-width: 53em !important;
}

.minw-54em {
    min-width: 54em !important;
}

.minw-55em {
    min-width: 55em !important;
}

.minw-56em {
    min-width: 56em !important;
}

.minw-57em {
    min-width: 57em !important;
}

.minw-58em {
    min-width: 58em !important;
}

.minw-59em {
    min-width: 59em !important;
}

.minw-60em {
    min-width: 60em !important;
}

.minw-61em {
    min-width: 61em !important;
}

.minw-62em {
    min-width: 62em !important;
}

.minw-63em {
    min-width: 63em !important;
}

.minw-64em {
    min-width: 64em !important;
}

.minw-65em {
    min-width: 65em !important;
}

.minw-66em {
    min-width: 66em !important;
}

.minw-67em {
    min-width: 67em !important;
}

.minw-68em {
    min-width: 68em !important;
}

.minw-69em {
    min-width: 69em !important;
}

.minw-70em {
    min-width: 70em !important;
}

.minw-71em {
    min-width: 71em !important;
}

.minw-72em {
    min-width: 72em !important;
}

.minw-73em {
    min-width: 73em !important;
}

.minw-74em {
    min-width: 74em !important;
}

.minw-75em {
    min-width: 75em !important;
}

.minw-76em {
    min-width: 76em !important;
}

.minw-77em {
    min-width: 77em !important;
}

.minw-78em {
    min-width: 78em !important;
}

.minw-79em {
    min-width: 79em !important;
}

.minw-80em {
    min-width: 80em !important;
}

.minw-81em {
    min-width: 81em !important;
}

.minw-82em {
    min-width: 82em !important;
}

.minw-83em {
    min-width: 83em !important;
}

.minw-84em {
    min-width: 84em !important;
}

.minw-85em {
    min-width: 85em !important;
}

.minw-86em {
    min-width: 86em !important;
}

.minw-87em {
    min-width: 87em !important;
}

.minw-88em {
    min-width: 88em !important;
}

.minw-89em {
    min-width: 89em !important;
}

.minw-90em {
    min-width: 90em !important;
}

.minw-91em {
    min-width: 91em !important;
}

.minw-92em {
    min-width: 92em !important;
}

.minw-93em {
    min-width: 93em !important;
}

.minw-94em {
    min-width: 94em !important;
}

.minw-95em {
    min-width: 95em !important;
}

.minw-96em {
    min-width: 96em !important;
}

.minw-97em {
    min-width: 97em !important;
}

.minw-98em {
    min-width: 98em !important;
}

.minw-99em {
    min-width: 99em !important;
}

.minw-100em {
    min-width: 100em !important;
}
.minw-1por {
    min-width: 1% !important;
}

.minw-2por {
    min-width: 2% !important;
}

.minw-3por {
    min-width: 3% !important;
}

.minw-4por {
    min-width: 4% !important;
}

.minw-5por {
    min-width: 5% !important;
}

.minw-6por {
    min-width: 6% !important;
}

.minw-7por {
    min-width: 7% !important;
}

.minw-8por {
    min-width: 8% !important;
}

.minw-9por {
    min-width: 9% !important;
}

.minw-10por {
    min-width: 10% !important;
}

.minw-11por {
    min-width: 11% !important;
}

.minw-12por {
    min-width: 12% !important;
}

.minw-13por {
    min-width: 13% !important;
}

.minw-14por {
    min-width: 14% !important;
}

.minw-15por {
    min-width: 15% !important;
}

.minw-16por {
    min-width: 16% !important;
}

.minw-17por {
    min-width: 17% !important;
}

.minw-18por {
    min-width: 18% !important;
}

.minw-19por {
    min-width: 19% !important;
}

.minw-20por {
    min-width: 20% !important;
}

.minw-21por {
    min-width: 21% !important;
}

.minw-22por {
    min-width: 22% !important;
}

.minw-23por {
    min-width: 23% !important;
}

.minw-24por {
    min-width: 24% !important;
}

.minw-25por {
    min-width: 25% !important;
}

.minw-26por {
    min-width: 26% !important;
}

.minw-27por {
    min-width: 27% !important;
}

.minw-28por {
    min-width: 28% !important;
}

.minw-29por {
    min-width: 29% !important;
}

.minw-30por {
    min-width: 30% !important;
}

.minw-31por {
    min-width: 31% !important;
}

.minw-32por {
    min-width: 32% !important;
}

.minw-33por {
    min-width: 33% !important;
}

.minw-34por {
    min-width: 34% !important;
}

.minw-35por {
    min-width: 35% !important;
}

.minw-36por {
    min-width: 36% !important;
}

.minw-37por {
    min-width: 37% !important;
}

.minw-38por {
    min-width: 38% !important;
}

.minw-39por {
    min-width: 39% !important;
}

.minw-40por {
    min-width: 40% !important;
}

.minw-41por {
    min-width: 41% !important;
}

.minw-42por {
    min-width: 42% !important;
}

.minw-43por {
    min-width: 43% !important;
}

.minw-44por {
    min-width: 44% !important;
}

.minw-45por {
    min-width: 45% !important;
}

.minw-46por {
    min-width: 46% !important;
}

.minw-47por {
    min-width: 47% !important;
}

.minw-48por {
    min-width: 48% !important;
}

.minw-49por {
    min-width: 49% !important;
}

.minw-50por {
    min-width: 50% !important;
}

.minw-51por {
    min-width: 51% !important;
}

.minw-52por {
    min-width: 52% !important;
}

.minw-53por {
    min-width: 53% !important;
}

.minw-54por {
    min-width: 54% !important;
}

.minw-55por {
    min-width: 55% !important;
}

.minw-56por {
    min-width: 56% !important;
}

.minw-57por {
    min-width: 57% !important;
}

.minw-58por {
    min-width: 58% !important;
}

.minw-59por {
    min-width: 59% !important;
}

.minw-60por {
    min-width: 60% !important;
}

.minw-61por {
    min-width: 61% !important;
}

.minw-62por {
    min-width: 62% !important;
}

.minw-63por {
    min-width: 63% !important;
}

.minw-64por {
    min-width: 64% !important;
}

.minw-65por {
    min-width: 65% !important;
}

.minw-66por {
    min-width: 66% !important;
}

.minw-67por {
    min-width: 67% !important;
}

.minw-68por {
    min-width: 68% !important;
}

.minw-69por {
    min-width: 69% !important;
}

.minw-70por {
    min-width: 70% !important;
}

.minw-71por {
    min-width: 71% !important;
}

.minw-72por {
    min-width: 72% !important;
}

.minw-73por {
    min-width: 73% !important;
}

.minw-74por {
    min-width: 74% !important;
}

.minw-75por {
    min-width: 75% !important;
}

.minw-76por {
    min-width: 76% !important;
}

.minw-77por {
    min-width: 77% !important;
}

.minw-78por {
    min-width: 78% !important;
}

.minw-79por {
    min-width: 79% !important;
}

.minw-80por {
    min-width: 80% !important;
}

.minw-81por {
    min-width: 81% !important;
}

.minw-82por {
    min-width: 82% !important;
}

.minw-83por {
    min-width: 83% !important;
}

.minw-84por {
    min-width: 84% !important;
}

.minw-85por {
    min-width: 85% !important;
}

.minw-86por {
    min-width: 86% !important;
}

.minw-87por {
    min-width: 87% !important;
}

.minw-88por {
    min-width: 88% !important;
}

.minw-89por {
    min-width: 89% !important;
}

.minw-90por {
    min-width: 90% !important;
}

.minw-91por {
    min-width: 91% !important;
}

.minw-92por {
    min-width: 92% !important;
}

.minw-93por {
    min-width: 93% !important;
}

.minw-94por {
    min-width: 94% !important;
}

.minw-95por {
    min-width: 95% !important;
}

.minw-96por {
    min-width: 96% !important;
}

.minw-97por {
    min-width: 97% !important;
}

.minw-98por {
    min-width: 98% !important;
}

.minw-99por {
    min-width: 99% !important;
}

.minw-100por {
    min-width: 100% !important;
}
.maxw-1por {
    max-width: 1% !important;
}

.maxw-2por {
    max-width: 2% !important;
}

.maxw-3por {
    max-width: 3% !important;
}

.maxw-4por {
    max-width: 4% !important;
}

.maxw-5por {
    max-width: 5% !important;
}

.maxw-6por {
    max-width: 6% !important;
}

.maxw-7por {
    max-width: 7% !important;
}

.maxw-8por {
    max-width: 8% !important;
}

.maxw-9por {
    max-width: 9% !important;
}

.maxw-10por {
    max-width: 10% !important;
}

.maxw-11por {
    max-width: 11% !important;
}

.maxw-12por {
    max-width: 12% !important;
}

.maxw-13por {
    max-width: 13% !important;
}

.maxw-14por {
    max-width: 14% !important;
}

.maxw-15por {
    max-width: 15% !important;
}

.maxw-16por {
    max-width: 16% !important;
}

.maxw-17por {
    max-width: 17% !important;
}

.maxw-18por {
    max-width: 18% !important;
}

.maxw-19por {
    max-width: 19% !important;
}

.maxw-20por {
    max-width: 20% !important;
}

.maxw-21por {
    max-width: 21% !important;
}

.maxw-22por {
    max-width: 22% !important;
}

.maxw-23por {
    max-width: 23% !important;
}

.maxw-24por {
    max-width: 24% !important;
}

.maxw-25por {
    max-width: 25% !important;
}

.maxw-26por {
    max-width: 26% !important;
}

.maxw-27por {
    max-width: 27% !important;
}

.maxw-28por {
    max-width: 28% !important;
}

.maxw-29por {
    max-width: 29% !important;
}

.maxw-30por {
    max-width: 30% !important;
}

.maxw-31por {
    max-width: 31% !important;
}

.maxw-32por {
    max-width: 32% !important;
}

.maxw-33por {
    max-width: 33% !important;
}

.maxw-34por {
    max-width: 34% !important;
}

.maxw-35por {
    max-width: 35% !important;
}

.maxw-36por {
    max-width: 36% !important;
}

.maxw-37por {
    max-width: 37% !important;
}

.maxw-38por {
    max-width: 38% !important;
}

.maxw-39por {
    max-width: 39% !important;
}

.maxw-40por {
    max-width: 40% !important;
}

.maxw-41por {
    max-width: 41% !important;
}

.maxw-42por {
    max-width: 42% !important;
}

.maxw-43por {
    max-width: 43% !important;
}

.maxw-44por {
    max-width: 44% !important;
}

.maxw-45por {
    max-width: 45% !important;
}

.maxw-46por {
    max-width: 46% !important;
}

.maxw-47por {
    max-width: 47% !important;
}

.maxw-48por {
    max-width: 48% !important;
}

.maxw-49por {
    max-width: 49% !important;
}

.maxw-50por {
    max-width: 50% !important;
}

.maxw-51por {
    max-width: 51% !important;
}

.maxw-52por {
    max-width: 52% !important;
}

.maxw-53por {
    max-width: 53% !important;
}

.maxw-54por {
    max-width: 54% !important;
}

.maxw-55por {
    max-width: 55% !important;
}

.maxw-56por {
    max-width: 56% !important;
}

.maxw-57por {
    max-width: 57% !important;
}

.maxw-58por {
    max-width: 58% !important;
}

.maxw-59por {
    max-width: 59% !important;
}

.maxw-60por {
    max-width: 60% !important;
}

.maxw-61por {
    max-width: 61% !important;
}

.maxw-62por {
    max-width: 62% !important;
}

.maxw-63por {
    max-width: 63% !important;
}

.maxw-64por {
    max-width: 64% !important;
}

.maxw-65por {
    max-width: 65% !important;
}

.maxw-66por {
    max-width: 66% !important;
}

.maxw-67por {
    max-width: 67% !important;
}

.maxw-68por {
    max-width: 68% !important;
}

.maxw-69por {
    max-width: 69% !important;
}

.maxw-70por {
    max-width: 70% !important;
}

.maxw-71por {
    max-width: 71% !important;
}

.maxw-72por {
    max-width: 72% !important;
}

.maxw-73por {
    max-width: 73% !important;
}

.maxw-74por {
    max-width: 74% !important;
}

.maxw-75por {
    max-width: 75% !important;
}

.maxw-76por {
    max-width: 76% !important;
}

.maxw-77por {
    max-width: 77% !important;
}

.maxw-78por {
    max-width: 78% !important;
}

.maxw-79por {
    max-width: 79% !important;
}

.maxw-80por {
    max-width: 80% !important;
}

.maxw-81por {
    max-width: 81% !important;
}

.maxw-82por {
    max-width: 82% !important;
}

.maxw-83por {
    max-width: 83% !important;
}

.maxw-84por {
    max-width: 84% !important;
}

.maxw-85por {
    max-width: 85% !important;
}

.maxw-86por {
    max-width: 86% !important;
}

.maxw-87por {
    max-width: 87% !important;
}

.maxw-88por {
    max-width: 88% !important;
}

.maxw-89por {
    max-width: 89% !important;
}

.maxw-90por {
    max-width: 90% !important;
}

.maxw-91por {
    max-width: 91% !important;
}

.maxw-92por {
    max-width: 92% !important;
}

.maxw-93por {
    max-width: 93% !important;
}

.maxw-94por {
    max-width: 94% !important;
}

.maxw-95por {
    max-width: 95% !important;
}

.maxw-96por {
    max-width: 96% !important;
}

.maxw-97por {
    max-width: 97% !important;
}

.maxw-98por {
    max-width: 98% !important;
}

.maxw-99por {
    max-width: 99% !important;
}

.maxw-100por {
    max-width: 100% !important;
}

.font-size-0-1em{
    font-size: .1em;
}
.font-size-0-2em{
    font-size: .2em;
}
.font-size-0-3em{
    font-size: .3em;
}
.font-size-0-4em{
    font-size: .4em;
}
.font-size-0-5em{
    font-size: .5em;
}
.font-size-0-6em{
    font-size: .6em;
}
.font-size-0-7em{
    font-size: .7em;
}
.font-size-0-8em{
    font-size: .8em;
}
.font-size-0-9em{
    font-size: .9em;
}
.font-size-1-0em{
    font-size: 1em;
}
.font-size-1-1em{
    font-size: 1.1em;
}
.font-size-1-2em{
    font-size: 1.2em;
}
.font-size-1-3em{
    font-size: 1.3em;
}
.font-size-1-4em{
    font-size: 1.4em;
}
.font-size-1-5em{
    font-size: 1.5em;
}
.font-size-1-6em{
    font-size: 1.6em;
}
.font-size-1-7em{
    font-size: 1.7em;
}
.font-size-1-8em{
    font-size: 1.8em;
}
.font-size-1-9em{
    font-size: 1.9em;
}
.font-size-2-0em{
    font-size: 2em;
}

/*
    CSS GRID

*/
.grid {
    display:grid;
}

/****************** COLUMNS ******************/

/*auto*/
.grid-columns-auto {
    grid-template-columns:auto;
}
.grid-columns-auto-auto {
    grid-template-columns: auto auto;
}
.grid-columns-auto-auto-auto {
    grid-template-columns: auto auto auto;
}

/*maxcontent*/
.grid-columns-maxcontent {
    grid-template-columns: max-content;
}
.grid-columns-maxcontent-maxcontent {
    grid-template-columns: max-content max-content;
}
.grid-columns-maxcontent-maxcontent-maxcontent {
    grid-template-columns: max-content max-content max-content;
}

/*auto - maxcontent*/
.grid-columns-auto-maxcontent {
    grid-template-columns: auto max-content;
}
.grid-columns-maxcontent-auto {
    grid-template-columns: max-content auto;
}
/*auto(2) maxcontent*/
.grid-columns-auto-auto-maxcontent {
    grid-template-columns: auto auto max-content;
}
.grid-columns-auto-maxcontent-auto {
    grid-template-columns: auto max-content auto ;
}
.grid-columns-maxcontent-auto-auto {
    grid-template-columns: max-content auto auto;
}

/*auto maxcontent(2)*/
.grid-columns-auto-maxcontent-maxcontent {
    grid-template-columns: auto max-content max-content;
}
.grid-columns-maxcontent-auto-maxcontent {
    grid-template-columns: max-content auto max-content;
}
.grid-columns-maxcontent-maxcontent-auto {
    grid-template-columns: max-content max-content auto;
}


/****************** ROWS ******************/

/*auto*/
.grid-rows-auto {
    grid-template-rows: auto;
}

.grid-rows-auto-auto {
    grid-template-rows: auto auto;
}

.grid-rows-auto-auto-auto {
    grid-template-rows: auto auto auto;
}

/*maxcontent*/
.grid-rows-maxcontent {
    grid-template-rows: max-content;
}

.grid-rows-maxcontent-maxcontent {
    grid-template-rows: max-content max-content;
}

.grid-rows-maxcontent-maxcontent-maxcontent {
    grid-template-rows: max-content max-content max-content;
}

/*auto - maxcontent*/
.grid-rows-auto-maxcontent {
    grid-template-rows: auto max-content;
}

.grid-rows-maxcontent-auto {
    grid-template-rows: max-content auto;
}
/*auto(2) maxcontent*/
.grid-rows-auto-auto-maxcontent {
    grid-template-rows: auto auto max-content;
}

.grid-rows-auto-maxcontent-auto {
    grid-template-rows: auto max-content auto;
}

.grid-rows-maxcontent-auto-auto {
    grid-template-rows: max-content auto auto;
}

/*auto maxcontent(2)*/
.grid-rows-auto-maxcontent-maxcontent {
    grid-template-rows: auto max-content max-content;
}

.grid-rows-maxcontent-auto-maxcontent {
    grid-template-rows: max-content auto max-content;
}

.grid-rows-maxcontent-maxcontent-auto {
    grid-template-rows: max-content max-content auto;
}

/****************** GAP ******************/
.grid-column-gap-1 {
   grid-column-gap: 1em;
}
.grid-column-gap-2 {
    grid-column-gap: 2em;
}
.grid-column-gap-3 {
    grid-column-gap: 3em;
}
.grid-column-gap-4 {
   grid-column-gap: 4em;
}

.grid-row-gap-1 {
    grid-row-gap: 1em;
}
.grid-row-gap-2 {
    grid-row-gap: 2em;
}
.grid-row-gap-3 {
    grid-row-gap: 3em;
}
.grid-row-gap-4 {
    grid-row-gap: 4em;
}

/****************** HEADER MODAL ******************/
.modal-icon-titulo-absolute {
    font-size: 2.5em;
    position: absolute;
    left: 0;
    opacity: .1;
    top: 0;
    margin-top: .1em;
    margin-left: .37em;
}

/****************** BOTON SCROLL ******************/
.scroll-bar {
    background-color: rgba(46, 80, 132, 1) !important;
    background: rgba(16, 88, 195,1) !important;
    box-shadow: 0 0 0.5em 1px rgba(16, 88, 195,1) !important;
    position: fixed  !important;
    bottom: 0 !important;
    right: 0 !important;
    margin-bottom: 1em !important;
    margin-right: 1em !important;
    opacity: .5 !important;
    z-index: 1;
}
.scroll-bar:hover {
    opacity: 1 !important;
}


/****************** TABLA ******************/
table,
#data-table_wrapper,
#data-table-manual_wrapper,
#datos_carga_archivo_wrapper {
    color: rgb(100,100,100);
}

    table.dataTable {
        border: none !important;
    }

#data-table thead tr th,
#data-table-manual thead tr th,
#datos_carga_archivo thead tr th {
    padding-right: .5em !important;
    border: none !important;
    font-size:12.5px !important;
}

#data-table_wrapper .row:first-child,
#data-table_wrapper .row:last-child,
#data-table-manual_wrapper .row:first-child,
#data-table-manual_wrapper .row:last-child,
#datos_carga_archivo_wrapper .row:first-child,
#datos_carga_archivo_wrapper .row:last-child,
.table-striped > tbody > tr:nth-of-type(odd) {
    background: transparent;
}

.dataTables_info,
.dataTables_length,
.dataTables_filter{
    font-size: 0.8em;
}

.table > tbody > tr > td {
    vertical-align: middle !important;
    cursor: pointer !important;
    border-left: none !important;
    border-right: none !important;
    font-size:13.5px !important;
    color:rgb(101,101,101);
    border-top: 1px solid rgba(0,0, 0, .1) !important;
}

.table > tbody > tr:last-child > td{
    border-bottom: 1px solid rgba(0,0, 0, .1) !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1){
    background: transparent !important;
}

.dataTables_wrapper .row:last-child {
    border-radius: .5em;
}

.dataTables_wrapper input {
    border-radius: .5em;
}

.dataTable > thead > tr > th.sorting_desc,
.dataTable > thead > tr > th.sorting_asc {
    background-image: none;
}



.opc-table-elim {
    width: 2em !important;
}

.opc-table-responsive {
    width: 1px !important;
    padding: 0 !important;
}

.dt-buttons {
    display: flex;
    justify-content: flex-end;
}
table thead {
    font-size: .7em;
    text-transform: uppercase;
}
.table > thead > tr > th {
    border-bottom: none !important;
}

table tbody > tr > td{
    border: none !important;
    padding: 1.2em .9em !important;
}

table > tbody > tr > td > p {
    margin: 0 !important;
}

.dataTables_length select {
    background: transparent !important;
    border: none !important;
    width: fit-content !important;
    padding: 0 .2em !important;
}
/*ICON DESC AND ASC*/
.dataTable > thead > tr > th.sorting:after {
    display: none !important;
}

.dataTable > thead > tr > th.sorting_desc:after {
    content: "\2193" !important;
    right: 0 !important;
    color: #307ecc !important;
    display: inline !important;
    opacity: 1 !important;
    top: auto !important;
    font-size: 1.2em;
}

.dataTable > thead > tr > th.sorting_asc:after {
    content: "\2191" !important;
    right: 0 !important;
    color: #307ecc !important;
    display: inline !important;
    opacity: 1 !important;
    font-size: 1.2em;
}


.button-dataTable-active-primary .paginate_button.active a{
    background: var(--color-desapli) !important;
}

.button-dataTable-active-warning .paginate_button.active a{
    background: var(--color-warning) !important;
}

.button-dataTable-active-danger .paginate_button.active a{
    background: var(--color-danger) !important;
}

.button-dataTable-active-success .paginate_button.active a{
    background: var(--color-success) !important;
}

.button-dataTable-active-info .paginate_button.active a{
    background: var(--color-info) !important;
}

.dataTables_empty{
    text-align: center !important;
}
/****************** CALENDAR ******************/

.datepicker-days,
.datepicker-months {
    cursor: pointer;
    padding: .5em !important;
}

    .datepicker-days .datepicker-switch,
    .datepicker-months .datepicker-switch {
        text-align: center;
    }

    .datepicker-days .next,
    .datepicker-months .next {
        text-align: right;
    }

    .datepicker-days .day {
        border-radius: 5px !important;
        position: relative;
        text-align: center;
        transition: background .4s;
    }

        .datepicker-days .day:hover {
            background: rgba(0,0,0,.085);
        }

    .datepicker-days .active {
        background: #337AB7;
        color: white;
    }

    .datepicker-days .today {
        background: rgba(0,0,0,.085);
    }

        /* .datepicker-days .today:after {
            content: '';
            display: inline-block;
            border: solid transparent;
            border-width: 0 0 6px 6px;
            border-bottom-color: rgba(0,0,0,.4);
            border-top-color: rgba(0,0,0,.4);
            position: absolute;
            bottom: 2px;
            right: 2px;
        } */

    .datepicker-months .month {
        margin: .25em;
    }

    .datepicker-days .old,
    .datepicker-days .new {
        color: rgba(0,0,0,.5);
    }

/****************** CHECK CUSTOM ******************/

/* Customize the label (the container) */
.container_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: -4px;
    left: 0;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center !important;
    border-radius: .2em;
    border: 1px solid #d1d3e2;
    background-color: #eee;
  }
  
  /* On mouse-over, add a grey background color */
  .container_check:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .container_check input:checked ~ .checkmark {
    background-color: #4e73df;
    border-color: #4e73df;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .container_check input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .container_check .checkmark:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .border-none{
      border: none !important;
  }


svg{
    /* overflow: hidden; */
    overflow: overlay;
    vertical-align: middle;
    height: 1em;
    min-width: 1.3em;
    color: #adb5bd;
}
svg .fa-secondary{
    opacity: .4;
}

/****************** BTN DATATABLE ******************/
.btn.btn-white {
    text-shadow: none !important;
    background-color: #FFF !important;
    border: 1px solid rgba(0, 0, 0, .1);

}

    .btn.btn-white.no-hover:hover,
    .btn.btn-white.no-hover:active {
        background-color: #FFF !important;
    }

    .btn.btn-white:focus,
    .btn.btn-white.active {
        box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
        border: 1px solid rgba(0, 0, 0, .1);
    }

        .btn.btn-white:focus.btn-bold,
        .btn.btn-white.active.btn-bold {
            box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.15) !important;
        }

        .btn.btn-white.active:after {
            display: none;
        }


/****************** COLOR ******************/
.dark {
    color: #333333 !important;
}

.white {
    color: #ffffff !important;
}

.red {
    color: #dd5a43 !important;
}

.red2 {
    color: #e08374 !important;
}

.light-red {
    color: #ff7777 !important;
}

.blue {
    color: #478fca !important;
}

.light-blue {
    color: #93cbf9 !important;
}

.green {
    color: #69aa46 !important;
}

.light-green {
    color: #b0d877 !important;
}

.orange {
    color: #ff892a !important;
}

.orange2 {
    color: #feb902 !important;
}

.light-orange {
    color: #fcac6f !important;
}

.purple {
    color: #a069c3 !important;
}

.pink {
    color: #c6699f !important;
}

.pink2 {
    color: #d6487e !important;
}

.brown {
    color: brown !important;
}

.grey {
    color: #777777 !important;
}
