@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

* {
    margin: 0;
    padding: 1px;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 0.88rem;
}

html {
    background-color: #fff;
}
/*Login*/
.login {
    width: 380px;
    height: 525px;
    background-color: #fff;
    justify-content: space-evenly;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*box-shadow: 1px 1px 12px rgb(147 149 152);*/
    border-radius: 10px;
    /*border: 1px solid #3a368d;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}
.msg_login{
    justify-content: space-evenly;
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;  
}
.sqrt_empresas{
    width: 70%;
    height: 70%;
    background-color: #fff;
    justify-content: space-evenly;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center; 
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
}
.sqrt_container{
    position: absolute;
    width: 100%;
    color: #f1f1f7;
    height: 100%;
    background: #eef0f3;
}
.sqrt_empresas_container{
    height: 70px;
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    top: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #9ba2a8;
    z-index: 1;
}
.sqrt_empresas_container_logo img{
    width: 116px;
    margin-left: 20px;
    margin-top: 15px;
    cursor: pointer;
}
.sqrt_empresas_container_usr{
    position: fixed;
    border-top-right-radius: 10px;
    top: 0;
    right: 0;
    height: 70px;
    width: 200px;
}
.sqrt_empresas_container_usr:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 25%;
    height: 50%;
    border-left: 1px solid #5d5c5c;

}
.sqrt_empresas_container_usr:hover{
    cursor: pointer;
    font-weight: bold;
}
.sqrt_empresas_container_usr p{
    position: fixed;
    color: #5d5c5c;
    margin-top: 23px;
    margin-left: 8px;
}
.sqrt_empresas_container_usr img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 15px;
    margin-left: 150px;
}
.sqrt_empresas_container_usrs_opciones{
    width: 200px;
    height: 60px;
    border-bottom-left-radius: 10px;
    background: #f7f8fa;
    border: 1px solid #9ba2a8;
    padding: 4px;
    position: absolute;
    right: 0px;
    float: right;
    margin-right: 0px;
    margin-top: 6px;
    z-index: 1;
}
.sqrt_empresas_container_usrs_opciones a{
    width: 137px;
    text-align: center;
    position: fixed;
    margin-top: 14px;
    margin-left: 13px;
    color: #5d5c5c;
}
.sqrt_empresas_container_usrs_opciones a:hover{
    font-weight: bold;
}
.sqrt_panel{
    position: fixed;
    width: 64px;
    height: 100%;
    margin-left: 0px;
    border-right: 1px solid #9ba2a8;
    left: 0px;
    z-index: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sqrt_panel_icons{
    position: fixed;
    top: 70px;
}
.sqrt_panel_user_conf{
    height: 64px;
    padding: 1px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}
.sqrt_panel_option_fontaw{
    height: 40px;
    width: 40px;
    justify-content: center;
    background-color: #d5aa41;
    border-radius: 50%;
    align-items: center;
    color: #5d5c5c;
    display: flex;
    font-size: 22px;
    margin-top: 7px;
    margin-left: 2px;
    transform: scale(1);
    transition: all ease .3s;

}
.bttn_flot {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #d5aa41;
    color: white;
    border: none;
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
  }
.sqrt_panel_user_conf b{
    position: relative;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 1px;
    padding: -5px;
    visibility: hidden;
    transform: scale(1);
    transition: all ease .3s;
}
.icon_g{
 fill:#5d5c5c;   
}
.sqrt_panel_user_conf:hover .sqrt_panel_option_fontaw {
    color:#fff;
    transform: scale(1.3);
    visibility: visible;
}
.login_head {
    text-align: center;
    font-family: myriad pro;
    letter-spacing: 0px;
}

.login_head_img {
    width: 200px;
}

.login__container {
    display: flex;
    height: 120px;
    width: 350px;
    justify-content: space-around;
    align-items: center;
    background-color: #00416A;
    border-radius: 30px;
    box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
}

.login__user {
    display: flex;
    flex-direction: column;
}

.login__icon img {
    width: 50px;
}

.login__icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login__user input {
    width: 370px;
    height: 50px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #202124;
    border: 1px solid #939598;
    font-size: 16px;
    margin: 18px 1px 0 1px;
    padding: 13px 15px;

}

.input_forgot {
    width: 206px;
    height: 35px;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    margin: 3px;
    padding: 5px;
    border-radius: 8px;
    border-color: #00416A;
}

.login__button {
    width: 140px;
    height: 40px;
    border: none;
    outline: none;
    background-color: #d5aa41;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
    font-size: 14px;
}

.login__button:hover {
    background-color: #dfc689;
    color:#000;
}

.login__forget {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #9e9fa0;
}

.login__social {
    display: flex;
    justify-content: center;
    padding: 0px;
}

.login__social li a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
    margin: 5px;
    border-radius: 5px;
}

.header_supp {
    height: 65px;
    width: 100%;
    margin: auto;
    background: #f6f6f9;
    align-items: center;
    justify-content: space-between;

}

.header_supp_user {
    float: right;
    margin: auto;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    font-size: 17px;
    margin-top: -53px;
}
.header_supp_img {
    width: 164px;
    margin-left: 20px;
    margin-top: 5px;
    cursor: pointer;
}

.header_supp_img_emp {
    width: 84px;
    margin-left: 20px;
    margin-top: 3px;
    cursor: pointer;
}

.header_supp_user_img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.header_supp_user_img:hover{
    transform: scale(1.1);
}
.popup{
    width: 400px;
    height: 273px;
    background: #f7f8fa;
    box-shadow: 1px 1px 12px rgb(147 149 152);
    border-radius: 13px;
    padding: 4px;
    position: absolute;
    left: 89px;
    margin: 9px;
    float: right;
    z-index: 1;
    /*visibility: hidden;*/ 
}
.option__user {
    width: 400px;
    height: 580px;
    background: #f7f8fa;
    box-shadow: 1px 1px 12px rgb(147 149 152);
    border-radius: 13px;
    padding: 4px;
    position: absolute;
    right: 0px;
    margin: 9px;
    float: right;
    z-index: 1;
    /*visibility: hidden;*/
}

.option__user__first {
    background: #fff;
    width: 248px;
    position: absolute;
    height: 163px;
    padding: 10px;
    top: 90px;
    right: 79px;
    margin: 12px;
    border-radius: 15px;
    box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
    z-index: 1;
}

.option__user__first_1 {
    display: flex;
    align-items: center;
}

.option__user__first_img {
    width: 75px;
    border-radius: 50%;
}

.option__user__first_texts {
    margin: 27px;
}

.option_line {
    margin: 26px;
}

.option__user__secont {
    height: 300px;
    padding: 10px;
    margin: -3px;
    border-radius: 6px;
}

.option__user__first_2 {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.companys_s{
    padding: 10px;
    width: 87px;
    display: block;
    border: none;
    outline: none;
    margin: 4px;
    background-color: #d5aa41;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
    font-size: 14px;
}
.logout{
    padding: 10px;
    width: 112px;
    display: block;
    border: none;
    outline: none;
    margin: 4px;
    background-color: #e62323;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
    font-size: 14px;
}

.companys_s:hover {
    background-color: #dfc689;
    color:#000;
}
.logout:hover {
    background-color: #850202;
    color:#ffffff;
}

.option___user__conf {
    height: 60px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.option___user__conf:hover {
    background-color: #f2f2f2;
    border-radius: 6px;
}

.option_fontaw {
    height: 40px;
    width: 40px;
    justify-content: center;
    background-color: #e4e6eb;
    border-radius: 50%;
    align-items: center;
    display: flex;
    font-size: 22px;
    margin: 20px;
}

.users {
    height: 300px;
    width: 25%;
    border: 1px solid #dbdbdb;
    padding: 10px;
    margin: -3px;
    border-radius: 6px;
}

.users input {
    width: 100%;
    height: 33px;
    border-radius: 6px;
    padding: 7px;
    border: 1px solid;
    border: 1px solid #dbdbdb;

}

.users__mod {
    margin: 9px;
    padding: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
    height: 33px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.users img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: 20px;
}

.users__mod:hover {
    background-color: #f2f2f2;
}

/********Empresas*******/
.listado {
    width: 65%;
    /*height: 500px;*/
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
   /* border: 1px solid #dbdbdb;*/
    transform: translate(-50%, -50%);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 0;
}


.lista_head {
    text-align: center;
    font-family: myriad pro;
    letter-spacing: 0px;
    margin: 15px;
}

/*Titulo de la lista*/
.lista_head p:nth-child(1) {
    font-size: 30px;
    color: #414141;
    font-family: 'Poppins', sans-serif;
    font-weight: 1000;
}

.lista_empresa {
    display: flex;
    height: 45px;
    top: 81px;
    position: fixed;
    width: 80%;
    margin-left: 54px;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #9ba2a8;
}

.lista_empresa input {
    width: 100%;
    height: 35px;
    font-family: 'Poppins', sans-serif;
    border: none;
    outline: none;
    margin: 3px;
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #dbdbdb;
}

.lista_empresa input:focus {
    box-shadow: 1px 1px 12px #414141;
}

.lista_listaempresas {
    overflow-y: scroll;
    top: 58px;
    margin-left: 53px;
    height: 500px;
    width: 80%;
    margin-top: 100px;
}

/*Scroll*/
.lista_listaempresas::-webkit-scrollbar {
    width: 0px;
    height: 20px;
    display: flex;
    color: #00416A;
}

.lista_listaempresas::-webkit-scrollbar-thumb {
    background-color: #00416A;
    background: #00416a42;
    border-radius: 4px;
}

/*Botones Empresas*/
.lista_c_1 {
    align-items: center;
    width: 100%;
    height: 56px;
    padding: 2px;
    display: flex;
    color: #919090;
    cursor: pointer;
    border-bottom: 1px solid #9ba2a8;
    justify-content: space-between;
    align-items: center;
}

.lista_c_1 p {
    font-size: 13px;
    top: 5px;
    margin-top: 5px;
}

.lista_c_1 img {
    width: 70px;

}


/*Botones al pasar el mouse */
.lista_c_1:hover {
    font-weight: bold;
    color: #5c6268;
}

.lista_listaempresas::-webkit-scrollbar-thumb:hover {
    background: #00416A;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.lista_listaempresas::-webkit-scrollbar-thumb:active {
    background-color: #00416A;
}

/******fin empresas*******/

/*Inicio menú*/
.container__menu {
    width: 100%;
    height: 55px;
    padding: 0px 20px;
    position: absolute;
    top: 36px;
}

.menu {
    margin: auto;
    width: 90%;
    background: #fff;
    height: 100%;
    border-radius: 2rem;
    color:#000;
    box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
    
}

nav {
    height: 100%;
}

nav>ul {
    height: 100%;
    display: flex;
}

nav>ul>li {
    height: 100%;
    list-style: none;
    position: relative;
}

nav>ul>li:first-child>a {
    background-image: url(../img/icolw.ico);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 20px 40px;
}

nav>ul>li:first-child:hover>a {
    background-image: url(../img/icolw.ico);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 20px 40px;
}

nav>ul>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 13px;
    margin-left: 0.6rem;
    font-size: 1rem;
    color: #363949;
    transition: all 300ms ease;
}

nav>ul>li>a:hover {
    transform: scale(1.2);
}

.selected {
    transform: scale(1.2);
    background-color: #1e407c;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

nav>ul>li>ul {
    width: 138px;
    top: 0px;
    display: flex;
    flex-direction: column;
    background: #fff;
    position: relative;
    left: 1px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 14px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2rem 3rem rgb(0 0 0 / 18%);
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: all 300ms ease;
}

nav>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;

}

nav>ul>li>ul::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    /*border-bottom: 12px solid #fff;*/
    position: absolute;
    top: -12px;
    left: 20px;
}

nav>ul>li>ul>li {
    list-style: none;
    height: 33px;
    margin-inline-start: 0px;
    text-align: start;
    word-wrap: break-word;
    word-break: break-word;
    padding-block-start: 0px;
    padding-block-end: 0px;
    padding-inline-end: 0px;
}

nav>ul>li>ul>li>a {
    display: block;
    color: #000;
    padding: 6px;
    padding-left: 14px;
    margin-top: 10px;
    font-size: 14px;
    transition: all 300ms ease;
}

nav>ul>li>ul>li>a:hover {
    color: #d5aa41;
    transform: scale(1.1);
    padding-left: 30px;
    font-size: 14px;
}

/*submenu*/
nav>ul>li>ul>li>ul {
    width: 200px;
    display: flex;
    flex-direction: column;
    background: #fff;
    position: relative;
    border-radius: 6px;
    left: 154px;
    top: 20px;
    padding: 14px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    transition: all 300ms ease;
}

nav>ul>li>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
    top: -33px;
    display: block;
    padding-inline-start: 0;
    padding-inline-start: 0;
}

nav>ul>li>ul>li>ul::before {
    content: '';
    width: 0;
    height: 0;
    border-right: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    position: absolute;
    top: 7px;
    left: -12px;
}

nav>ul>li>ul>li>ul>li {
    list-style: none;
}

nav>ul>li>ul>li>ul>li>a {
    display: block;
    color: #000;
    padding: 6px;
    padding-left: 14px;
    margin-top: 10px;
    font-size: 14px;
}

nav>ul>li>ul>li>ul>li>a:hover {
    border-radius: 6px;
    color: #d5aa41;
    padding-left: 18px;
    font-size: 14px;
}

/*submenu*/
.icon__menu {
    font-size: 26px;
    color: #fff;
    cursor: pointer;
    width: 26px;
    height: 100%;
    display: none;
    align-items: center;
}

#label__checkbox {
    width: 26px;
    height: 100%;
    display: none;
}

#check__menu {
    display: none;
}
.logo_cel{
    display: none;
}
/*Fin menú*/
/*Inicio contenido*/
/*cajas*/


.cajastabla{
        background-color: #fff;
        width: 100%;
        padding: 0.8rem;
        box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
        border-radius: 2rem;
        margin-top: 15px;
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;

}

.caja{
    background-color: #fff;
    width: 100%;
    padding: 1.8rem;
    text-align: center;
    box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
    border-radius: 2rem;
    transition: all 0.3s ease;
}
/*cajas*/
.form_simple{
    border: none;
    height: 27px;
    font-size: 20px;
    width: 100%;
}
/*botones de acción*/
.routes{
    position: absolute;
    left: 158px;
    top: -9px;
    color: #d5aa41;
}
.buttons_container{
    width: 212px;
    height: 29px;
    top: -8px;
    right: 175px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    background: #ffffff;
    box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
    display: flex;
    align-items: center;
}
.button{
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button img{
    cursor:pointer;
}
.button label i {
    font-size: 19px;
    cursor: pointer;
}
.gear{
    color: #d5aa41;
}
.excel{
    color: #1f8106;
}
.pdf{
    color: #ed1f24;
}
.button label i:hover{
    transform: scale(1.1);
}
.button img{
    width: 23px;
    z-index: 2;
}
.button img:hover{
    transform: scale(1.1);
}
.buttons_options {
    height: 46px;
    display: flex;
    align-items: center;
    padding: 5px;
}

.buttons_options_cel {
    background-color: #e4e6eb;
    width: 40px;
    height: 100%;
    margin: 6px;
    font-size: 25px;
    color: #5d5c5c;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    transition: all 300ms ease;
}
.buttons_options_cel_sm {
    background-color: #d5aa41;
    width: 30px;
    height: 73%;
    margin: 6px;
    font-size: 19px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    transition: all 300ms ease;
}

.buttons_options_cel:hover {
    background: #d5202b;
    color: #ffffff;
    transform: scale(1.1);
    font-size: 28px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.buttons_options_cel_disabled {
    background-color: #bfbfbf;
    width: 40px;
    height: 100%;
    margin: 6px;
    font-size: 25px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    transition: all 300ms ease;
}

.buttons_options_cel_disabled:hover {
    background: #a09f9f;
    transform: scale(1.1);
    font-size: 28px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.button_input_file {
    height: 32px;
    width: 118px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 13px;
    font-weight: 100;
    background: #d5aa41;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.button_input_file:hover {
    background: #1e407c;
    transform: scale(1.1);
    font-size: 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.filtros__reporte {
    box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
    border-bottom-left-radius: 6px;
    width: 212px;
    border-bottom-right-radius: 6px;
    top: 14px;
    right: 175px;
    background: #fff;
    display: flex;
    position: absolute;
    flex-direction: column;
    z-index: 1;
    transition: all 300ms ease;
}
.filtros__reporte2{
    border-bottom-left-radius: 6px;
    width: 212px;
    border-bottom-right-radius: 6px;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.oculto {
    max-height: 0;
    padding: 0px;
    overflow: hidden;
    transition: max-height 0.9s ease-in-out;
    transition: padding 0.1s ease-in-out;
}
.mostrando {
    padding: 17px;
    max-height: 608px;
    transition: max-height 0.9s ease-in-out;
    transition: padding 0.1s ease-in-out;
}
#chart {
    max-width: 650px;
    margin: 35px auto;
  }
  


/*Fin botones de acción*/
/*columnas*/
.col {display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}
.cols.celular>.col.t-0 {flex: none;width: 0%;}
.cols.celular>.col.is-offset-0 {margin-left: 0;}
.cols.celular>.col.t-1 {flex: none;width: 8.33333%;}
.cols.celular>.col.is-offset-1 {margin-left: 8.33333%;}
.cols.celular>.col.t-2 {flex: none;width: 16.66667%;}
.cols.celular>.col.is-offset-2 {margin-left: 16.66667%;}
.cols.celular>.col.t-3 {flex: none;width: 25%;}
.cols.celular>.col.is-offset-3 {margin-left: 25%;}
.cols.celular>.col.t-4 {flex: none;width: 33.33333%;}
.cols.celular>.col.is-offset-4 {margin-left: 33.33333%;}
.cols.celular>.col.t-5 {flex: none;width: 41.66667%;}
.cols.celular>.col.is-offset-5 {margin-left: 41.66667%;}
.cols.celular>.col.t-6 {flex: none;width: 50%;}
.cols.celular>.col.is-offset-6 {margin-left: 50%;}
.cols.celular>.col.t-7 {flex: none;width: 58.33333%;}
.cols.celular>.col.is-offset-7 {margin-left: 58.33333%;}
.cols.celular>.col.t-8 {flex: none;width: 66.66667%;}
.cols.celular>.col.is-offset-8 {margin-left: 66.66667%;}
.cols.celular>.col.t-9 {flex: none;width: 75%;}
.cols.celular>.col.is-offset-9 {margin-left: 75%;}
.cols.celular>.col.t-10 {flex: none;width: 83.33333%;}
.cols.celular>.col.is-offset-10 {margin-left: 83.33333%;}
.cols.celular>.col.t-11 {flex: none;width: 91.66667%;}
.cols.celular>.col.is-offset-11 {margin-left: 91.66667%;}
.cols.celular>.col.t-12 {flex: none;width: 100%;}
.cols.celular>.col.is-offset-12 {margin-left: 100%;}
@media screen and (max-width:768px) {
    .col.is-narrow-mobile {flex: none;}
    .col.is-full-mobile {flex: none;width: 100%;}
    .col.is-three-quarters-mobile {flex: none;width: 75%;}
    .col.is-two-thirds-mobile {flex: none;width: 66.6666%;}
    .col.is-half-mobile {flex: none;width: 50%;}
    .col.is-one-third-mobile {flex: none;width: 33.3333%;}
    .col.is-one-quarter-mobile {flex: none;width: 25%;}
    .col.is-one-fifth-mobile {flex: none;width: 20%;}
    .col.is-two-fifths-mobile {flex: none;width: 40%;}
    .col.is-three-fifths-mobile {flex: none;width: 60%;}

    .col.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }

    .col.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .col.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .col.is-offset-half-mobile {
        margin-left: 50%
    }

    .col.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .col.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .col.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .col.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .col.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .col.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .col.t-0-mobile {
        flex: none;
        width: 0%
    }

    .col.is-offset-0-mobile {
        margin-left: 0
    }

    .col.t-1-mobile {
        flex: none;
        width: 8.33333%
    }

    .col.is-offset-1-mobile {
        margin-left: 8.33333%
    }

    .col.t-2-mobile {
        flex: none;
        width: 16.66667%
    }

    .col.is-offset-2-mobile {
        margin-left: 16.66667%
    }

    .col.t-3-mobile {
        flex: none;
        width: 25%
    }

    .col.is-offset-3-mobile {
        margin-left: 25%
    }

    .col.t-4-mobile {
        flex: none;
        width: 33.33333%
    }

    .col.is-offset-4-mobile {
        margin-left: 33.33333%
    }

    .col.t-5-mobile {
        flex: none;
        width: 41.66667%
    }

    .col.is-offset-5-mobile {
        margin-left: 41.66667%
    }

    .col.t-6-mobile {
        flex: none;
        width: 50%
    }

    .col.is-offset-6-mobile {
        margin-left: 50%
    }

    .col.t-7-mobile {
        flex: none;
        width: 58.33333%
    }

    .col.is-offset-7-mobile {
        margin-left: 58.33333%
    }

    .col.t-8-mobile {
        flex: none;
        width: 66.66667%
    }

    .col.is-offset-8-mobile {
        margin-left: 66.66667%
    }

    .col.t-9-mobile {
        flex: none;
        width: 75%
    }

    .col.is-offset-9-mobile {
        margin-left: 75%
    }

    .col.t-10-mobile {
        flex: none;
        width: 83.33333%
    }

    .col.is-offset-10-mobile {
        margin-left: 83.33333%
    }

    .col.t-11-mobile {
        flex: none;
        width: 91.66667%
    }

    .col.is-offset-11-mobile {
        margin-left: 91.66667%
    }

    .col.t-12-mobile {
        flex: none;
        width: 100%
    }

    .col.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width:769px),
print {

    .col.is-narrow,
    .col.is-narrow-tablet {
        flex: none
    }

    .col.is-full,
    .col.is-full-tablet {
        flex: none;
        width: 100%
    }

    .col.is-three-quarters,
    .col.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }

    .col.is-two-thirds,
    .col.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }

    .col.is-half,
    .col.is-half-tablet {
        flex: none;
        width: 50%
    }

    .col.is-one-third,
    .col.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }

    .col.is-one-quarter,
    .col.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }

    .col.is-one-fifth,
    .col.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }

    .col.is-two-fifths,
    .col.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }

    .col.is-three-fifths,
    .col.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }

    .col.is-four-fifths,
    .col.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }

    .col.is-offset-three-quarters,
    .col.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .col.is-offset-two-thirds,
    .col.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .col.is-offset-half,
    .col.is-offset-half-tablet {
        margin-left: 50%
    }

    .col.is-offset-one-third,
    .col.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .col.is-offset-one-quarter,
    .col.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .col.is-offset-one-fifth,
    .col.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .col.is-offset-two-fifths,
    .col.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .col.is-offset-three-fifths,
    .col.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .col.is-offset-four-fifths,
    .col.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .col.t-0,
    .col.t-0-tablet {
        flex: none;
        width: 0%
    }

    .col.is-offset-0,
    .col.is-offset-0-tablet {
        margin-left: 0
    }

    .col.t-1,
    .col.t-1-tablet {
        flex: none;
        width: 8.33333%
    }

    .col.is-offset-1,
    .col.is-offset-1-tablet {
        margin-left: 8.33333%
    }

    .col.t-2,
    .col.t-2-tablet {
        flex: none;
        width: 16.66667%
    }

    .col.is-offset-2,
    .col.is-offset-2-tablet {
        margin-left: 16.66667%
    }

    .col.t-3,
    .col.t-3-tablet {
        flex: none;
        width: 25%
    }

    .col.is-offset-3,
    .col.is-offset-3-tablet {
        margin-left: 25%
    }

    .col.t-4,
    .col.t-4-tablet {
        flex: none;
        width: 33.33333%
    }

    .col.is-offset-4,
    .col.is-offset-4-tablet {
        margin-left: 33.33333%
    }

    .col.t-5,
    .col.t-5-tablet {
        flex: none;
        width: 41.66667%
    }

    .col.is-offset-5,
    .col.is-offset-5-tablet {
        margin-left: 41.66667%
    }

    .col.t-6,
    .col.t-6-tablet {
        flex: none;
        width: 50%
    }

    .col.is-offset-6,
    .col.is-offset-6-tablet {
        margin-left: 50%
    }

    .col.t-7,
    .col.t-7-tablet {
        flex: none;
        width: 58.33333%
    }

    .col.is-offset-7,
    .col.is-offset-7-tablet {
        margin-left: 58.33333%
    }

    .col.t-8,
    .col.t-8-tablet {
        flex: none;
        width: 66.66667%
    }

    .col.is-offset-8,
    .col.is-offset-8-tablet {
        margin-left: 66.66667%
    }

    .col.t-9,
    .col.t-9-tablet {
        flex: none;
        width: 75%
    }

    .col.is-offset-9,
    .col.is-offset-9-tablet {
        margin-left: 75%
    }

    .col.t-10,
    .col.t-10-tablet {
        flex: none;
        width: 83.33333%
    }

    .col.is-offset-10,
    .col.is-offset-10-tablet {
        margin-left: 83.33333%
    }

    .col.t-11,
    .col.t-11-tablet {
        flex: none;
        width: 91.66667%
    }

    .col.is-offset-11,
    .col.is-offset-11-tablet {
        margin-left: 91.66667%
    }

    .col.t-12,
    .col.t-12-tablet {
        flex: none;
        width: 100%
    }

    .col.is-offset-12,
    .col.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width:1023px) {
    .col.is-narrow-touch {
        flex: none
    }

    .col.is-full-touch {
        flex: none;
        width: 100%
    }

    .col.is-three-quarters-touch {
        flex: none;
        width: 75%
    }

    .col.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }

    .col.is-half-touch {
        flex: none;
        width: 50%
    }

    .col.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }

    .col.is-one-quarter-touch {
        flex: none;
        width: 25%
    }

    .col.is-one-fifth-touch {
        flex: none;
        width: 20%
    }

    .col.is-two-fifths-touch {
        flex: none;
        width: 40%
    }

    .col.is-three-fifths-touch {
        flex: none;
        width: 60%
    }

    .col.is-four-fifths-touch {
        flex: none;
        width: 80%
    }

    .col.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .col.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .col.is-offset-half-touch {
        margin-left: 50%
    }

    .col.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .col.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .col.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .col.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .col.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .col.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .col.t-0-touch {
        flex: none;
        width: 0%
    }

    .col.is-offset-0-touch {
        margin-left: 0
    }

    .col.t-1-touch {
        flex: none;
        width: 8.33333%
    }

    .col.is-offset-1-touch {
        margin-left: 8.33333%
    }

    .col.t-2-touch {
        flex: none;
        width: 16.66667%
    }

    .col.is-offset-2-touch {
        margin-left: 16.66667%
    }

    .col.t-3-touch {
        flex: none;
        width: 25%
    }

    .col.is-offset-3-touch {
        margin-left: 25%
    }

    .col.t-4-touch {
        flex: none;
        width: 33.33333%
    }

    .col.is-offset-4-touch {
        margin-left: 33.33333%
    }

    .col.t-5-touch {
        flex: none;
        width: 41.66667%
    }

    .col.is-offset-5-touch {
        margin-left: 41.66667%
    }

    .col.t-6-touch {
        flex: none;
        width: 50%
    }

    .col.is-offset-6-touch {
        margin-left: 50%
    }

    .col.t-7-touch {
        flex: none;
        width: 58.33333%
    }

    .col.is-offset-7-touch {
        margin-left: 58.33333%
    }

    .col.t-8-touch {
        flex: none;
        width: 66.66667%
    }

    .col.is-offset-8-touch {
        margin-left: 66.66667%
    }

    .col.t-9-touch {
        flex: none;
        width: 75%
    }

    .col.is-offset-9-touch {
        margin-left: 75%
    }

    .col.t-10-touch {
        flex: none;
        width: 83.33333%
    }

    .col.is-offset-10-touch {
        margin-left: 83.33333%
    }

    .col.t-11-touch {
        flex: none;
        width: 91.66667%
    }

    .col.is-offset-11-touch {
        margin-left: 91.66667%
    }

    .col.t-12-touch {
        flex: none;
        width: 100%
    }

    .col.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width:1024px) {
    .col.is-narrow-desktop {
        flex: none
    }

    .col.is-full-desktop {
        flex: none;
        width: 100%
    }

    .col.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }

    .col.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }

    .col.is-half-desktop {
        flex: none;
        width: 50%
    }

    .col.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }

    .col.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }

    .col.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }

    .col.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }

    .col.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }

    .col.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }

    .col.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .col.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .col.is-offset-half-desktop {
        margin-left: 50%
    }

    .col.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .col.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .col.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .col.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .col.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .col.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .col.t-0-desktop {
        flex: none;
        width: 0%
    }

    .col.is-offset-0-desktop {
        margin-left: 0
    }

    .col.t-1-desktop {
        flex: none;
        width: 8.33333%
    }

    .col.is-offset-1-desktop {
        margin-left: 8.33333%
    }

    .col.t-2-desktop {
        flex: none;
        width: 16.66667%
    }

    .col.is-offset-2-desktop {
        margin-left: 16.66667%
    }

    .col.t-3-desktop {
        flex: none;
        width: 25%
    }

    .col.is-offset-3-desktop {
        margin-left: 25%
    }

    .col.t-4-desktop {
        flex: none;
        width: 33.33333%
    }

    .col.is-offset-4-desktop {
        margin-left: 33.33333%
    }

    .col.t-5-desktop {
        flex: none;
        width: 41.66667%
    }

    .col.is-offset-5-desktop {
        margin-left: 41.66667%
    }

    .col.t-6-desktop {
        flex: none;
        width: 50%
    }

    .col.is-offset-6-desktop {
        margin-left: 50%
    }

    .col.t-7-desktop {
        flex: none;
        width: 58.33333%
    }

    .col.is-offset-7-desktop {
        margin-left: 58.33333%
    }

    .col.t-8-desktop {
        flex: none;
        width: 66.66667%
    }

    .col.is-offset-8-desktop {
        margin-left: 66.66667%
    }

    .col.t-9-desktop {
        flex: none;
        width: 75%
    }

    .col.is-offset-9-desktop {
        margin-left: 75%
    }

    .col.t-10-desktop {
        flex: none;
        width: 83.33333%
    }

    .col.is-offset-10-desktop {
        margin-left: 83.33333%
    }

    .col.t-11-desktop {
        flex: none;
        width: 91.66667%
    }

    .col.is-offset-11-desktop {
        margin-left: 91.66667%
    }

    .col.t-12-desktop {
        flex: none;
        width: 100%
    }

    .col.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width:1216px) {
    .col.is-narrow-widescreen {
        flex: none
    }

    .col.is-full-widescreen {
        flex: none;
        width: 100%
    }

    .col.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }

    .col.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }

    .col.is-half-widescreen {
        flex: none;
        width: 50%
    }

    .col.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }

    .col.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }

    .col.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }

    .col.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }

    .col.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }

    .col.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }

    .col.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .col.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .col.is-offset-half-widescreen {
        margin-left: 50%
    }

    .col.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .col.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .col.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .col.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .col.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .col.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .col.t-0-widescreen {
        flex: none;
        width: 0%
    }

    .col.is-offset-0-widescreen {
        margin-left: 0
    }

    .col.t-1-widescreen {
        flex: none;
        width: 8.33333%
    }

    .col.is-offset-1-widescreen {
        margin-left: 8.33333%
    }

    .col.t-2-widescreen {
        flex: none;
        width: 16.66667%
    }

    .col.is-offset-2-widescreen {
        margin-left: 16.66667%
    }

    .col.t-3-widescreen {
        flex: none;
        width: 25%
    }

    .col.is-offset-3-widescreen {
        margin-left: 25%
    }

    .col.t-4-widescreen {
        flex: none;
        width: 33.33333%
    }

    .col.is-offset-4-widescreen {
        margin-left: 33.33333%
    }

    .col.t-5-widescreen {
        flex: none;
        width: 41.66667%
    }

    .col.is-offset-5-widescreen {
        margin-left: 41.66667%
    }

    .col.t-6-widescreen {
        flex: none;
        width: 50%
    }

    .col.is-offset-6-widescreen {
        margin-left: 50%
    }

    .col.t-7-widescreen {
        flex: none;
        width: 58.33333%
    }

    .col.is-offset-7-widescreen {
        margin-left: 58.33333%
    }

    .col.t-8-widescreen {
        flex: none;
        width: 66.66667%
    }

    .col.is-offset-8-widescreen {
        margin-left: 66.66667%
    }

    .col.t-9-widescreen {
        flex: none;
        width: 75%
    }

    .col.is-offset-9-widescreen {
        margin-left: 75%
    }

    .col.t-10-widescreen {
        flex: none;
        width: 83.33333%
    }

    .col.is-offset-10-widescreen {
        margin-left: 83.33333%
    }

    .col.t-11-widescreen {
        flex: none;
        width: 91.66667%
    }

    .col.is-offset-11-widescreen {
        margin-left: 91.66667%
    }

    .col.t-12-widescreen {
        flex: none;
        width: 100%
    }

    .col.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width:1408px) {
    .col.is-narrow-fullhd {
        flex: none
    }

    .col.is-full-fullhd {
        flex: none;
        width: 100%
    }

    .col.is-three-quarters-fullhd {
        flex: none;
        width: 75%
    }

    .col.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%
    }

    .col.is-half-fullhd {
        flex: none;
        width: 50%
    }

    .col.is-one-third-fullhd {
        flex: none;
        width: 33.3333%
    }

    .col.is-one-quarter-fullhd {
        flex: none;
        width: 25%
    }

    .col.is-one-fifth-fullhd {
        flex: none;
        width: 20%
    }

    .col.is-two-fifths-fullhd {
        flex: none;
        width: 40%
    }

    .col.is-three-fifths-fullhd {
        flex: none;
        width: 60%
    }

    .col.is-four-fifths-fullhd {
        flex: none;
        width: 80%
    }

    .col.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .col.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .col.is-offset-half-fullhd {
        margin-left: 50%
    }

    .col.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .col.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .col.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .col.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .col.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .col.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .col.t-0-fullhd {
        flex: none;
        width: 0%
    }

    .col.is-offset-0-fullhd {
        margin-left: 0
    }

    .col.t-1-fullhd {
        flex: none;
        width: 8.33333%
    }

    .col.is-offset-1-fullhd {
        margin-left: 8.33333%
    }

    .col.t-2-fullhd {
        flex: none;
        width: 16.66667%
    }

    .col.is-offset-2-fullhd {
        margin-left: 16.66667%
    }

    .col.t-3-fullhd {
        flex: none;
        width: 25%
    }

    .col.is-offset-3-fullhd {
        margin-left: 25%
    }

    .col.t-4-fullhd {
        flex: none;
        width: 33.33333%
    }

    .col.is-offset-4-fullhd {
        margin-left: 33.33333%
    }

    .col.t-5-fullhd {
        flex: none;
        width: 41.66667%
    }

    .col.is-offset-5-fullhd {
        margin-left: 41.66667%
    }

    .col.t-6-fullhd {
        flex: none;
        width: 50%
    }

    .col.is-offset-6-fullhd {
        margin-left: 50%
    }

    .col.t-7-fullhd {
        flex: none;
        width: 58.33333%
    }

    .col.is-offset-7-fullhd {
        margin-left: 58.33333%
    }

    .col.t-8-fullhd {
        flex: none;
        width: 66.66667%
    }

    .col.is-offset-8-fullhd {
        margin-left: 66.66667%
    }

    .col.t-9-fullhd {
        flex: none;
        width: 75%
    }

    .col.is-offset-9-fullhd {
        margin-left: 75%
    }

    .col.t-10-fullhd {
        flex: none;
        width: 83.33333%
    }

    .col.is-offset-10-fullhd {
        margin-left: 83.33333%
    }

    .col.t-11-fullhd {
        flex: none;
        width: 91.66667%
    }

    .col.is-offset-11-fullhd {
        margin-left: 91.66667%
    }

    .col.t-12-fullhd {
        flex: none;
        width: 100%
    }

    .col.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.cols {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.cols:last-child {
    margin-bottom: -.75rem
}

.cols:not(:last-child) {
    margin-bottom: calc(1.5rem - .75rem)
}

.cols.is-centered {
    justify-content: center
}

.cols.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.cols.is-gapless>.col {
    margin: 0;
    padding: 0 !important
}

.cols.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.cols.is-gapless:last-child {
    margin-bottom: 0
}

.cols.celular {
    display: flex
}

.cols.is-multiline {
    flex-wrap: wrap
}

.cols.is-vcentered {
    align-items: center
}

@media screen and (min-width:769px),
print {
    .cols:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .cols.is-desktop {
        display: flex
    }
}

.cols.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap))
}

.cols.is-variable .col {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.cols.is-variable.t-0 {
    --columnGap: 0rem
}

@media screen and (max-width:768px) {
    .cols.is-variable.t-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width:769px),
print {
    .cols.is-variable.t-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .cols.is-variable.t-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width:1023px) {
    .cols.is-variable.t-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px) {
    .cols.is-variable.t-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .cols.is-variable.t-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px) {
    .cols.is-variable.t-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .cols.is-variable.t-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1408px) {
    .cols.is-variable.t-0-fullhd {
        --columnGap: 0rem
    }
}

.cols.is-variable.t-1 {
    --columnGap: 0.25rem
}

@media screen and (max-width:768px) {
    .cols.is-variable.t-1-mobile {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:769px),
print {
    .cols.is-variable.t-1-tablet {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .cols.is-variable.t-1-tablet-only {
        --columnGap: 0.25rem
    }
}

@media screen and (max-width:1023px) {
    .cols.is-variable.t-1-touch {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1024px) {
    .cols.is-variable.t-1-desktop {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .cols.is-variable.t-1-desktop-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1216px) {
    .cols.is-variable.t-1-widescreen {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .cols.is-variable.t-1-widescreen-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1408px) {
    .cols.is-variable.t-1-fullhd {
        --columnGap: 0.25rem
    }
}

.cols.is-variable.t-2 {
    --columnGap: 0.5rem
}

@media screen and (max-width:768px) {
    .cols.is-variable.t-2-mobile {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:769px),
print {
    .cols.is-variable.t-2-tablet {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .cols.is-variable.t-2-tablet-only {
        --columnGap: 0.5rem
    }
}

@media screen and (max-width:1023px) {
    .cols.is-variable.t-2-touch {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1024px) {
    .cols.is-variable.t-2-desktop {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .cols.is-variable.t-2-desktop-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1216px) {
    .cols.is-variable.t-2-widescreen {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .cols.is-variable.t-2-widescreen-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1408px) {
    .cols.is-variable.t-2-fullhd {
        --columnGap: 0.5rem
    }
}

.cols.is-variable.t-3 {
    --columnGap: 0.75rem
}

@media screen and (max-width:768px) {
    .cols.is-variable.t-3-mobile {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:769px),
print {
    .cols.is-variable.t-3-tablet {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .cols.is-variable.t-3-tablet-only {
        --columnGap: 0.75rem
    }
}

@media screen and (max-width:1023px) {
    .cols.is-variable.t-3-touch {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1024px) {
    .cols.is-variable.t-3-desktop {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .cols.is-variable.t-3-desktop-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1216px) {
    .cols.is-variable.t-3-widescreen {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .cols.is-variable.t-3-widescreen-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1408px) {
    .cols.is-variable.t-3-fullhd {
        --columnGap: 0.75rem
    }
}

.cols.is-variable.t-4 {
    --columnGap: 1rem
}

@media screen and (max-width:768px) {
    .cols.is-variable.t-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width:769px),
print {
    .cols.is-variable.t-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .cols.is-variable.t-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width:1023px) {
    .cols.is-variable.t-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px) {
    .cols.is-variable.t-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .cols.is-variable.t-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px) {
    .cols.is-variable.t-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .cols.is-variable.t-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1408px) {
    .cols.is-variable.t-4-fullhd {
        --columnGap: 1rem
    }
}

.cols.is-variable.t-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width:768px) {
    .cols.is-variable.t-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:769px),
print {
    .cols.is-variable.t-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .cols.is-variable.t-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width:1023px) {
    .cols.is-variable.t-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px) {
    .cols.is-variable.t-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .cols.is-variable.t-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px) {
    .cols.is-variable.t-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .cols.is-variable.t-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1408px) {
    .cols.is-variable.t-5-fullhd {
        --columnGap: 1.25rem
    }
}

.cols.is-variable.t-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width:768px) {
    .cols.is-variable.t-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:769px),
print {
    .cols.is-variable.t-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .cols.is-variable.t-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width:1023px) {
    .cols.is-variable.t-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px) {
    .cols.is-variable.t-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .cols.is-variable.t-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px) {
    .cols.is-variable.t-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .cols.is-variable.t-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1408px) {
    .cols.is-variable.t-6-fullhd {
        --columnGap: 1.5rem
    }
}

.cols.is-variable.t-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width:768px) {
    .cols.is-variable.t-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:769px),
print {
    .cols.is-variable.t-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .cols.is-variable.t-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width:1023px) {
    .cols.is-variable.t-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px) {
    .cols.is-variable.t-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .cols.is-variable.t-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px) {
    .cols.is-variable.t-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .cols.is-variable.t-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1408px) {
    .cols.is-variable.t-7-fullhd {
        --columnGap: 1.75rem
    }
}

.cols.is-variable.t-8 {
    --columnGap: 2rem
}

@media screen and (max-width:768px) {
    .cols.is-variable.t-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width:769px),
print {
    .cols.is-variable.t-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .cols.is-variable.t-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width:1023px) {
    .cols.is-variable.t-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px) {
    .cols.is-variable.t-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .cols.is-variable.t-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px) {
    .cols.is-variable.t-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .cols.is-variable.t-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1408px) {
    .cols.is-variable.t-8-fullhd {
        --columnGap: 2rem
    }
}

.tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.tile.is-ancestor {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.tile.is-ancestor:last-child {
    margin-bottom: -.75rem
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: .75rem
}

.tile.is-child {
    margin: 0 !important
}

.tile.is-parent {
    padding: .75rem
}

.tile.is-vertical {
    flex-direction: column
}

/**/
/*Inicio formularios*/
.form {
    width: 100%;
    padding: 0px;
    margin: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.form p {
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #1e407c;
    margin: 9px;
}

.form_input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: -5px;
    padding: 19px;
}

.form_input_label {
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #1e407c;
    margin: 9px;
}

.form_input input {
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
}
#iusuario::file-selector-button {
    height: 30px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    padding: 7px;
    margin-left: -10px;
}
#lempresa::file-selector-button {
    height: 30px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    padding: 7px;
    margin-left: -10px;
}
.user-controls{
    width: 100%;
    margin: 16px;  
}
.usr_img_config{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-top: 20px; 
}
.form_input select {
    width: 100%;
    height: 30px;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
}

.form_input img {
    width: 200px;
}
/*Form Simple*/
.form_simples {
    width: 100%;
    padding: 0px;
    margin: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.form_simples p {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #d5aa41;
    margin: 9px;
}

.form_input_simples {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.form_input_label_simples {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #d5aa41;
    margin: 0px;
}

.form_input_simples input {
    width: 100%;
    height: 30px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
}

.form_input_simples select {
    width: 100%;
    height: 30px;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
}

.form_input_simples img {
    width: 200px;
}
.form_button_simples{
    background-color: #d5aa41;
    margin: 9px;
    width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 24px;
    padding: 3px;
}
.form_button_simples:hover{
    background-color: #d3454e;
}
/*Form Simple*/
/*tablas1*/
.fijo{white-space: nowrap;width: 1px;}
.table1 {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 0;
    font-size: 0.9em;
    min-width: 400px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.table1 thead tr {
    color: #ffffff;
    text-align: left;
    color: #5d5c5c;
    border-bottom: 1px solid #d5aa41;
}

.table1 th {
    padding: 3px 15px;
}

.table1 td {
    padding: 1px 15px;
}

.table1 tbody tr {
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
}

.table1 tbody tr:hover {
    background-color: #ca555c;
    color: #fff;
    font-weight: bold;
}

.table1 tbody .wohover:hover {
    background-color: #fff;
    color: #000;
    font-weight: bold;
}

.table1 tbody tr.active-row {
    font-weight: bold;
    color: #d5aa41;
}

.input_table1 {
    border: none;
    width: 100%;
    height: 24px;
}

.btn_table {
    cursor: pointer;
}
.btn_table_save{
    cursor: pointer;
}
.btn_table_save:hover{
    transform: scale(1.1);
}
.btn_table_i {
    font-size: 23px;
    color: #d5aa41;
}
.btn_table_i2 {
    font-size: 23px;
    color: #5d5c5c;
}

.btn_table_1i {
    position: absolute;
    margin: -13px;
    font-size: 23px;
    color: #d5aa41;
}
/* Perfiles */
.menu_profile>ul>li{
    list-style: none;
}
.menu_profile>ul>li>p{
    border-bottom: 1px solid #d5aa41;
    border-radius: 6px;
    height: 25px;
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
    width: 90%;
    cursor: pointer;
}
.menu_profile>ul>li>p:hover{
    padding-left: 20px;
    color: #fff;
    background-color: #d5aa41 ;
}
.menu_profile>ul>li>ul>li{
    list-style: none;
    margin-left: 40px;
}
.menu_profile>ul>li>ul>li p{
    border-bottom: 1px solid #d5aa41;
    border-radius: 6px;
    height: 25px;
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
    width: 90%;
    cursor: pointer;
}
.menu_profile>ul>li>ul>li>p:hover{
    padding-left: 20px;
    color: #fff;
    background-color: #d5aa41 ;
}
.menu_profile>ul>li>ul>li>ul>li{
    list-style: none;
    margin-left: 80px;
}
.menu_profile>ul>li>ul>li>ul>li p{
    border-bottom: 1px solid #d5aa41;
    border-radius: 6px;
    height: 25px;
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
    width: 90%;
    cursor: pointer;
}
.menu_profile>ul>li>ul>li>ul>li>p:hover{
    padding-left: 20px;
    color: #fff;
    background-color: #d5aa41 ;
}
/*monue profile*/
/*checkbox menu*/
.checkbox{
    height: 28px;
}
.checkbox-group-legend {
	font-size: 1.5rem;
	font-weight: 700;
	color: #9c9c9c;
	text-align: center;
	line-height: 1.125;
	margin-bottom: 1.25rem;
}
.checkbox-input {
	clip: rect(0 0 0 0);
	clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;

	&:checked + .checkbox-tile {
		border-color: #1B9C85;;
		color: #1B9C85;
		&:before {
			transform: scale(1);
			opacity: 1;
			background-color: #1B9C85;
			border-color: #1B9C85;
		}
		
		.checkbox-icon, .checkbox-label {
			color: #1B9C85;
		}
	}
	
	&:focus + .checkbox-tile {
		border-color: #1B9C85;
		box-shadow: 0 5px 10px rgba(#000, 0.1), 0 0 0 4px #b5c9fc;
		&:before {
			transform: scale(1);
			opacity: 1;
		}
	}
}

.checkbox-tile {
	display: flex;
	flex-direction: column;
	align-items: left;
	justify-content: center;
	border-radius: 0.5rem;
	border: 2px solid #9ba2a8;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(#000, 0.1);
	transition: 0.15s ease;
	cursor: pointer;
	position: relative;

	&:before {
		content: "";
		position: absolute;
		display: block;
		width: 1.25rem;
		height: 1.25rem;
		border: 2px solid #9ba2a8;
		background-color: #fff;
		border-radius: 50%;
		top: 1px;
		right: 2px;
		opacity: 0;
		transform: scale(0);
		transition: 0.25s ease;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
		background-size: 12px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	&:hover {
		border-color: #1B9C85;
		&:before {
			transform: scale(1);
			opacity: 1;
		}
	}
}
.checkbox-label {
	color: #707070;
	transition: .375s ease;
	text-align: left;
}
/**/
/*menu crear*/
.contenedor-arbol, .contenedor-arbol ul, .contenedor-arbol li {
    position: relative;
    display: flex;
    flex-direction: column;
}

.contenedor-arbol ul {
    list-style: none;
}
.contenedor-arbol li::before, .contenedor-arbol li::after {
    content: "";
    position: absolute;
    left: -12px;
}
.contenedor-arbol li::before {
    border-top: 3px solid #d5aa41;
    top: 9px;
    width: 30px;
    height: 0;
}

.contenedor-arbol li::after {
    border-left: 3px solid #d5aa41;
    height: 100%;
    width: 30px;
    top: 9px;
}
.contenedor-arbol ul > li:last-child::after {
    height: 8px;
}
.button_menu{
    background: #d5aa41;
    color: #fff;
    padding: 5px;
    border-radius: 6px;
    cursor: pointer;
}
.button_menu:hover{
    background: #c5900f;
    transform: scale(1.1);
}
/*menu crear*/
.onestarrow{
    margin-left: 5px;
    margin-right: 7px;
    font-size: 15px;
    color: #FF0060;
}
.twostarrow{
    margin-left: 5px;
    margin-right: 7px;
    font-size: 15px;
    color: #F7D060;
}
.threestarrow{
    margin-left: 5px;
    margin-right: 7px;
    font-size: 15px;
    color: #1B9C85;
}
/*checkbox menu*/
.btn_table_2i {
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 14px;
    margin: 8px;
}

.btn_table_1i:hover {
    transform: scale(1.1);
}

.btn_table_i:hover {
    transform: scale(1.1);
}
.btn_table_i2:hover {
    transform: scale(1.1);
}

/*table1*/
.dash-totals{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem;
}
.dashbox{
    background-color: #fff;
    padding: 1.8rem;
    border-radius: 2rem;
    margin-top: 1rem;
    box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
    cursor: pointer;
    transition: all 0.3s ease;
}

.dashboxtab{
    background-color: #fff;
    padding: 1.8rem;
    border-radius: 2rem;
    margin-top: 1rem;
    box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
    cursor: pointer;
    transition: all 0.3s ease;
}

.scrolldashbox{
    overflow-y: auto;
}
.scrolldashbox::-webkit-scrollbar{
    display: none;
}
.tablestatusentrea{
    height: 250px;
    overflow: auto;
}
.tablestatusentrea::-webkit-scrollbar{
    display: none;
}
.tablestatusentre{
    height: 220px;
    overflow: auto;
}
.tablestatusentre::-webkit-scrollbar{
    display: none;
}
.saveobs{
    cursor: pointer;
}
.saveobs i:hover{
    transform: scale(1.1);
}
.dashbox-1{
    stroke: #1B9C85;
    stroke-dashoffset: -30;
    stroke-dasharray: 200;
}
.dashbox-2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashbox-graf{
    position: relative;
    width: 92px;
    height: 92px;
    border-radius: 50%;
}
.dashbox-graf svg{
    width: 7rem;
    height: 7rem;
}
.dashbox-graf svg circle{
    stroke: #1B9C85;
    stroke-dashoffset: -30;
    stroke-dasharray: 200;
    fill: none;
    stroke-width: 10;
    stroke-linecap: round;
    transform: translate(5px, 5px);
}
.dashbox-info{
    display: none;
}
.dashbox-per{
    position: absolute;
    top: -3px;
    left: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.info h3{
    font-size: 0.87rem;
}
.info h1{
    font-weight: 800;
    font-size: 1.8rem;
}
/**/
.agente-perfil{
    height: 100%;
    justify-content: space-evenly;
    display: flex;
}
.agente-content{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
}
.agente-name{
    width: 100%;
}
.agente-name h1{
    text-align: center;
    color:#5d5c5c;
    font-size: 1.2rem;
}
.agente-name p{
    text-align: center;
}
.agente-img img{
    border: 4px solid #d5aa42;
    width: 122px;
    height: 122px;
    border-radius: 50%;
}
.agente-h3{
    font-weight: 500;
    font-size: 0.87rem;
    padding: 17px;
    text-align: center;
}
/*clock*/
.dash-date{
    position: absolute;
    display: flex;
    right: 169px;
    top: -62px;
    align-items: center;
}
.button-date-dash{
    background: #ffffff;
    border-radius: 6px;
    border: 0.5px solid #9ba2a8;
    width: 32px;
    color: #5d5c5c;
    cursor: pointer;
}
.button-date-dash:hover{
    background: #9ba2a8;
    color:#fff;
}
.dash-date .dash-date-buttom{
    display: flex;
    align-items: center;
	width:3.5rem;
	height:3.5rem;
	float:right;
    margin:0 auto;
	text-align:center;
	width:3rem;
}
.dash-date .dash-date-buttom .fas{
	font-size:2rem;
	line-height:3.5rem;
    color: #9ba2a8;
}
.form-dash-date{
    height: 38px;
    align-items: center;
    border-radius: 11px;
    padding: 13px;
    background: #e5ae26;
}
.dash-date form input{
    border: 0px;
    width: 100px;
    margin: 6px;
    border-radius: 6px;
}
.dash-date form select{
    border: 0px;
    width: 300px;
    margin: 6px;
    border-radius: 6px;
}
.form-dash-date,input#checkfijo {.config-container{
    display: flex;
    padding: 0px;
    margin: 0;
}
.config-bottons{
    height: 400px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid #5d5c5c;
    margin: 0;
    padding: 0;
}
.tablebox-config{
    background-color: #fff;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
    padding: 1.8rem;
    text-align: center;
}
	display:none;
}

input#checkfijo:checked ~ .form-dash-date {
	display:flex;
}
/*clock*/
/*infopresupuests*/
.solicitud-receta{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin-top: -40px;
}
.solicitud-receta label img{
    width: 45px;
    cursor: pointer;
}
.solicitud-receta img:hover{
    transform: scale(1.1);
}
.solicitud-receta a {
    width: 45px;
}
.solicitud-receta a img{
    width: 45px;
    cursor: pointer;
}
.solicitud-receta p{
    font-size: 10px;
}
.dreceta {
    font-size: 22px;
}
.dreceta:hover {
    transform: scale(1.1);
}
.presupuesto-info{
    width: 100%;
    padding: 0px;
    margin: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.lista-presup {
    counter-reset: li; 
    list-style: none; 
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    margin-left: -3em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.lista-presup ol {
    margin: 0 0 0 2em; 
}

.lista-presup li{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    margin: .5em 0 .5em 2.5em;
    background: #fff;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;   
}

.lista-presup li:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

.lista-presup li:hover:after{
    left: -.5em;
    border-left-color: #fa8072;             
}
/*infopresupuests*/
.oproduccion{
    width: 100%;
    padding: 0px;
    margin: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.oprod_logo img{
    width: 150px;
}
/*tablapresupuestos*/
.preslvl1{
    color: #5d5c5c;
    font-size: 1.2rem;
    text-align: center;
    border: none;
    border-bottom: 1px solid #d5aa41 !important;
}
.preslvl1:hover{
    background-color: #fff !important;
    color: #5d5c5c !important;
}
/*tablapresupuestos*/
.compag{
    display: flex;
    justify-content: center;
}
.contentcal{
    margin-top: 14px;
    padding: 16px;
}
/*table2*/
.tablebox{
    background-color: #fff;
    width: 100%;
    padding: 1.8rem;
    text-align: center;
    box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
    border-radius: 2rem;
    transition: all 0.3s ease;
}




@media (max-width: 500px){
    .tablebox{
        background-color: #fff;
        width: 100%;
        padding: 1.8rem;
        text-align: center;
        box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
        border-radius: 2rem;
        transition: all 0.3s ease;
        overflow-x: scroll;
    }

    .dashboxtab{
        background-color: #fff;
        width: 100%;
        padding: 1.8rem;
        border-radius: 2rem;
        margin-top: 1rem;
        box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .content-modal-config {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        margin-top: 50px;
        padding: 0;
        top:50px;
        box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        min-width: 300px;
        max-width: 1200px;
        border-radius: 10px;
    }
    
    
}


.content-tablebox{
    margin-top: 10px;
}
.table2{
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}
.table2 thead tr th {
    padding: 2px;
}
.table2:hover{
    box-shadow: none;
}
.table2 tbody tr {
    color: #677483;
}
.table2 tbody td{
    height: 1.8rem;
    border-bottom: 1px solid rgba(41, 42, 46, 0.18);
}
.table2 tbody tr:hover{
    cursor: pointer;
    background-color: #d5aa41;
    color:#fff;
}
.table2 tbody tr:last-child td{
    border: none;
}
.table2-img{
    color:#000;
}
.table2-img img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.trselect{
    cursor: pointer;
    background-color: #d5aa41;
    color:#fff !important;
}
.trselect label{
    cursor: pointer;
}
.input-table{
    border:none;
    border-bottom: 1px solid #d5aa41;
    border-radius: 3px;
    width: 100%;
}
.input-table:focus-within{
    border:none;
    border-bottom: 2px solid #d5aa41;
    width: 100%;
}
/*table2*/
/*table3*/
.table3{
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}
.table3 thead tr th {
    padding: 2px;
}
.table3:hover{
    box-shadow: none;
}
.table3 tbody tr {
    color: #677483 !important;
}
.table3 tbody td{
    height: 1.8rem;
    border-bottom: 1px solid rgba(41, 42, 46, 0.18);
}
.table3 tbody tr:last-child td{
    border: none;
}
.table3-img{
    color:#000;
}
.table3-img img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
/*table3*/

.lempresas{
    overflow-x: scroll;
}
.cxc{
    width: 100%;
}

.rates{
    display: flex;
}
.img-add{
    width: 30px;
    margin-top: 266px;
    cursor: pointer;
}
.img-add:hover{
    transform: scale(1.1);
}
.msgmodalconfig{
    position: absolute;
    width: 50%;
    height: auto;
    top: -61px;
    left: 25%;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
    animation: myAnim 2s ease 0s 1 normal forwards;
}
@keyframes myAnim {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateY(-250px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateY(-65px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateY(-28px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateY(-8px);
	}

	100% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
}
.msgmodalconfig p{
    padding: 8px;
    font-size: 17px;
    font-weight: bold;
}
.progress{
    width: 100%;
    padding: 0px;
}
.progress-bar{
    height: 13px;
    border-radius: 5px;
}
.animated-progress {
    width: 180px;
    height: 22px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
  }
  .titlemateriap{
    display: flex;
    align-items: center;
  }
  .animated-progress span {
    height: 100%;
    color: rgb(255, 251, 251);
    line-height: 30px;
    position: absolute;
    text-align: right;
    padding-right: 5px;
    display: flex;
    align-items: center;
  }
  .progress-color span {
    background-color: #003b71;
  }
/*table3*/
.table3{
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}
.table3 thead tr th {
    padding: 2px;
}
.table3:hover{
    box-shadow: none;
}
.table3 tbody tr {
    color: #677483 !important;
}
.table3 tbody td{
    height: 0.8rem;
    border-bottom: 1px solid rgba(41, 42, 46, 0.18);
}

.table3 tbody tr:last-child td{
    border: none;
}
.table3-img{
    color:#000;
}
.table3-img img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
/*table3*/
.input-catalogo{
    width: 100%;
    height: 35px;
    border: none;
    outline: none;
    border-radius: 8px;
    border: 1px solid #dbdbdb;
}
.input-catalogo:focus{
    box-shadow: 1px 1px 12px #414141;
}
/*btn-filters*/
.btn-filters{
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 10px;
    
}
.icon-filters{
    padding: 0.6rem;
    color: #fff;
    background-color: #1B9C85;
    border-radius: 20%;
    display: flex;
    transition: all 300ms ease;
}
.icon-filters:hover{
    transform: scale(1.1);
    font-size: 40px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.content-filters{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    width: 100%;
}
/*btn-filter*/
.check_box{
	width: 3em;
    height: 1.5em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #df0404;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid #fff;
	border-radius: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjustgt: exact;
	background-image: url("../img/circlew.svg");
    background-position: left center;
	transition: background-position .15s ease-in-out;
}
.check_box_cheked{
	width: 3em;
    height: 1.5em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #09f764;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid #fff;
	border-radius: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-image: url("../img/circlew.svg");
	background-position: right center;
	transition: background-position .15s ease-in-out;
}
/*Fin formularios*/
.container__company {
    padding: 13px;
    position: absolute;
    width: 100%;
    top: 100px;
}

#filtros_check {
    display: none;
    margin: -6px;
}

.buttons_report {
    height: 53px;
    display: flex;
    align-items: center;
    margin: -3px;
    padding: 4px;
    border-bottom: 1px solid #dbdbdb;
}

.buttons_report_cel {
    background-color: #d5aa41;
    width: 50px;
    height: 100%;
    margin: 6px;
    font-size: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    transition: all 300ms ease;
}

.buttons_report_cel:hover {
    background: #1e407c;
    transform: scale(1.1);
    font-size: 40px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
/*doc*/
.moneda-img{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.moneda-img img{
    width: 63px;
    height: 63px;
    border-radius: 50%;
}
.document{
    width: 100%;
    padding: 0;
    background: #525659;
}
.documento-info{
    width: 100%;
    padding: 0px;
    margin: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: #fff;
}
.docto-infopartidas{
    width: 95%;
    border-radius: 10px;
    margin-top: 10px;
    min-height: 360px;
    padding: 0;
}
.docto-totals{
    width: 95%;
    margin-top: -2px;
    padding: 0;  
}
.table-totals{
    border-radius: 10px;
    padding: 0;
}
.doct_logo{
    padding: 30px;
}
.doct_logo img{
    width: 141px;
}
.docto_company{
    padding: 17px;
    text-align: center;
}
.docto_type{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    padding: 30px;
}
.folio_op{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: flex-end;
}
.products_op{
        width: 100%;
        min-height: 100px;
}
.prod__button{
    height: 30px;
    width: 58px;
    background: #ff0060;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffff;
    font-size: 12px;
    cursor: pointer;
}
.prod__button:hover{
    transform: scale(1.1);
}
.prod__button2{
    height: 30px;
    background: #d5aa41;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffff;
    font-size: 12px;
    cursor: pointer;
    width: 58px;
}
.prod__button2:hover{
    transform: scale(1.1);
}
.docto_title{
    width: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    padding: 0;
}
.docto_title h3{
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.docto_title span{
    width: 100%;
    text-align: center;
    min-height: 21px;
}
.docto_ref{
    width: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    padding: 0;
}
.docto_ref h3{
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 0;
}
.docto_ref span{
    min-height: 20px;
}
.docto-infocliente{
    width: 95%;
    border-radius: 10px;
}
.docto-desc{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}
.docto-desc h3{
    text-align: left;
    width: 100%;
}
.docto-desc span{
    text-align: left;
    width: 100%;
}
.docto-conditions{
    width: 95%;
    word-break:normal !important;
}
.doct-agenteinfo{
    width: 95%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    margin-bottom: 5px;
}
.doct-agenteinfo span{
    text-align: left;
    width: 100%;
}
/*doc*/
.document_form{
    display: flex;
    flex-direction: column;
}
.document_label{
    padding: 5px;
}
.document__input {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    padding: 7px;
}
.document__buttom{
    height: 30px;
    text-align: center;
    border-radius: 5px;
    margin-top: 16px;
    color:#fff;
    background-color: #1e407c;
    padding: 7px;
}
.document__buttom:hover{
    background-color: #3d66ac;
    cursor:pointer;
}

.filtros__label {
    padding: 5px;
}

.filtros__title {
    font-weight: bold;
    margin: 5px;
}

.filtros__input {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    padding: 7px;
}

.filtros__button {
    height: 30px;
    background: #d5aa41;
    margin-top: 20px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffff;
    font-size: 15px;
    cursor: pointer;
}

.filtros__button:hover {
    background: #bd9739;
    transform: scale(1.1);
    font-size: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.dash_totals_report{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-top: 20px;
}
.container__report {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-top: 20px;
}

.table_report {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    padding: 30px;
    overflow: auto;
}

.table_report_title {
    padding: 20px;
    font-weight: bold;
    color: #d5aa41;
}

.table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.table tr {
    border-bottom: 1px solid #dbdbdb;
}

.table th {
    padding: 6px;
    color: #1e407c;
}

.table td {
    padding: 3px;
}

.table_report_left {
    border-left: #d5aa41;
}

/*Fin contenido*/
/*compaginador*/
table.hojas td:first-child a,table.hojas2 td:first-child a,table.hojas1 td:first-child a,table.hojasnprod td:first-child a{
	border-radius:5px 0 0 5px !important;
}
table.hojas td:last-child a,table.hojas2 td:last-child a,table.hojas1 td:last-child a,table.hojasnprod td:last-child a{
	border-radius:0 5px 5px 0  !important;
}
table.hojas td a,table.hojas2 td a,table.hojas td span,table.hojas2 td span,table.hojas1 td a,table.hojas1 td span,table.hojanprod td a,table.hojanprod td span{
	word-break: normal !important;
	display:block;
	padding:.6rem;
    color:#000;
	border:1px solid #ccc;
    font-size: 22px;
    padding: 3px;
    border-radius: 7px;
    margin: 0px;
}
table.hojas td a:hover,table.hojas td span,table.hojas2 td a:hover,table.hojas2 td span,table.hojas1 td a:hover,table.hojas1 td span,table.hojanprod td a:hover,table.hojanprod td span{
    background: #d5aa41;
    color: white;
    border: 1px solid #99999900;
    font-size: 22px;
    padding: 3px;
    border-radius: 7px;
    margin: 0px;
    width: 35px;
}
/*fin compaginador*/
/*menu_112*/

/*menu_123*/
/*Inicio alineaciones*/
.der {
    text-align: right !important;
}

.izq {
    text-align: left !important;
}

.cen {
    text-align: center !important;
}
.pd6lados{
    padding-left: 6px;
    padding-right: 6px;
}
.btnexcel{
    border-radius: 5px;
    width: 100%;
    padding: 5px;
    color: #fff;
    background: #0e8f53;
    border: none;
    cursor: pointer;
}
.btnexcel:hover{
    background: #0fc46f;
}
/*Fin alineaciones*/

/*Tabla tickets*/
.ticket-summary {
    margin-top: 20px;
    position: absolute;
    width: 200px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.summary-table {
    width: 100%;
    border-collapse: collapse;
}

.summary-table td {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.summary-table tr:last-child td {
    border-bottom: none;
}

/*Modal config*/
#btn-modal-config {
    display: none;
}

.container-modal-config {
    display: none;
	position: fixed;
	z-index: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(150,150,150);
	background-color: rgba(200,200,200,0.9);
	z-index:100;
}

#btn-modal-config:checked~.container-modal-config {
    display: block;
}

.content-modal-config {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    margin-top: 50px;
    padding: 0;
    top:50px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    min-width: 300px;
    max-width: 1200px;
    border-radius: 10px;
}
.modal-title-config{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #9ba2a8;
}
.modal-title-config img{
    width: 38px;
    margin-left: 13px;
}
.content-modal-config h2 {
    color: #d5aa41;
    height: 60px;
    padding: 22px;
    margin: 0px 17px 0px 0px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    width: 100%;
}
.content-modal-config h1 {
    font-size: 17px;
    color: #d5aa41;
    position: absolute;
    right: 10px;
    top: 3px;
    cursor: pointer;
}
.content-modal-config h1:hover {
    font-size: 18px;
}
.modal_content-config {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.content-modal-config .btn-cerrar-config {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}

.content-modal-config .btn-cerrar-config label {
    padding: 7px 10px;
    background-color: #003399;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    margin: 8px;
}

.content-modal-config .btn-cerrar-config label:hover {
    background-color: #d4be87;
}

.cerrar-modal-config {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/*Modal config*/
/*Modal config2*/
#btn-modal-config2 {
    display: none;
}

.container-modal-config2 {
    display: none;
	position: fixed;
	z-index: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(150,150,150);
	background-color: rgba(200,200,200,0.9);
	z-index:100;
}

#btn-modal-config2:checked~.container-modal-config2 {
    display: block;
}

.content-modal-config2 {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    margin-top: 50px;
    padding: 0;
    top:50px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    min-width: 300px;
    max-width: 1200px;
    border-radius: 10px;
}
.modal-title-config2{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #9ba2a8;
}
.modal-title-config2 img{
    width: 38px;
    margin-left: 13px;
}
.content-modal-config2 h2 {
    color: #d5aa41;
    height: 60px;
    padding: 22px;
    margin: 0px 17px 0px 0px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    width: 100%;
}
.content-modal-config2 h1 {
    font-size: 17px;
    color: #d5aa41;
    position: absolute;
    right: 10px;
    top: 3px;
    cursor: pointer;
}
.content-modal-config2 h1:hover {
    font-size: 18px;
}
.modal_content-config2 {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.content-modal-config2 .btn-cerrar-config2 {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}

.content-modal-config2 .btn-cerrar-config2 label {
    padding: 7px 10px;
    background-color: #003399;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    margin: 8px;
}

.content-modal-config2 .btn-cerrar-config2 label:hover {
    background-color: #d4be87;
}

.cerrar-modal-config2 {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/*Modal config2*/
/*Modal config3*/
#btn-modal-config3 {
    display: none;
}

.container-modal-config3 {
    display: none;
	position: fixed;
	z-index: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(150,150,150);
	background-color: rgba(200,200,200,0.9);
	z-index:100;
}

#btn-modal-config3:checked~.container-modal-config3 {
    display: block;
}

.content-modal-config3 {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    margin-top: 50px;
    padding: 0;
    top:50px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    min-width: 300px;
    max-width: 1200px;
    border-radius: 10px;
}
.modal-title-config3{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #9ba2a8;
}
.modal-title-config3 img{
    width: 38px;
    margin-left: 13px;
}
.content-modal-config3 h2 {
    color: #d5aa41;
    height: 60px;
    padding: 22px;
    margin: 0px 17px 0px 0px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    width: 100%;
}
.content-modal-config3 h1 {
    font-size: 17px;
    color: #d5aa41;
    position: absolute;
    right: 10px;
    top: 3px;
    cursor: pointer;
}
.content-modal-config3 h1:hover {
    font-size: 18px;
}
.modal_content-config3 {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.content-modal-config3 .btn-cerrar-config3 {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}

.content-modal-config3 .btn-cerrar-config3 label {
    padding: 7px 10px;
    background-color: #003399;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    margin: 8px;
}

.content-modal-config3 .btn-cerrar-config3 label:hover {
    background-color: #d4be87;
}
.selectconf{
    margin-bottom: 10px;
}
.cerrar-modal-config3 {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/*Modal config3*/
/*Modal config4*/
#btn-modal-config4 {
    display: none;
}

.container-modal-config4 {
    display: none;
	position: fixed;
	z-index: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(150,150,150);
	background-color: rgba(200,200,200,0.9);
	z-index:100;
}

#btn-modal-config4:checked~.container-modal-config4 {
    display: block;
}

.content-modal-config4 {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    margin-top: 50px;
    padding: 0;
    top:50px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    min-width: 300px;
    max-width: 1200px;
    border-radius: 10px;
}
.modal-title-config4{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #9ba2a8;
}
.modal-title-config4 img{
    width: 38px;
    margin-left: 13px;
}
.content-modal-config4 h2 {
    color: #d5aa41;
    height: 60px;
    padding: 22px;
    margin: 0px 17px 0px 0px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    width: 100%;
}
.content-modal-config4 h1 {
    font-size: 17px;
    color: #d5aa41;
    position: absolute;
    right: 10px;
    top: 3px;
    cursor: pointer;
}
.content-modal-config4 h1:hover {
    font-size: 18px;
}
.modal_content-config3 {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.content-modal-config4 .btn-cerrar-config4 {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}

.content-modal-config4 .btn-cerrar-config4 label {
    padding: 7px 10px;
    background-color: #003399;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    margin: 8px;
}

.content-modal-config4 .btn-cerrar-config4 label:hover {
    background-color: #d4be87;
}
.selectconf{
    margin-bottom: 10px;
}
.cerrar-modal-config4 {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/*Modal config4*/
/*Modal inputs*/
.oculto{
    display: none;
}
.form-config{
    height: 30px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    padding: 7px;
}
.form-config_textarea{
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    padding: 7px;
}
/*Modal inputs*/
.config-container{
    display: flex;
    padding: 0px;
    margin: 0;
}
.config-bottons{
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid #9ba2a8;
    background-color: #fff;
    margin: 0;
    padding: 6px;
}
.tablebox-config{
    background-color: #fff;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
    padding: 1.8rem;
    text-align: center;
}
/*Modal*/
#btn-modal {
    display: none;
}

.container-modal {
    display: none;
	position: fixed;
	z-index: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(150,150,150);
	background-color: rgba(200,200,200,0.9);
	z-index:100;
}

#btn-modal:checked~.container-modal {
    display: block;
}

.content-modal {
    position: relative;
    background-color: #fff;
    margin: auto;
    margin-top: 50px;
    padding: 0;
    top:50px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    min-width: 300px;
    max-width: 1200px;
    border-radius: 10px;
}

.content-modal h2 {
    color: #d5aa41;
    height: 60px;
    padding: 22px;
    margin: -9px -9px 1px -10px;
    border-radius: 5px 5px 0 0;
}
.content-modal h1{
    position: absolute;
    color: #d5aa41;
    top: 9px;
    right: 18px;
    font-size: 16px;
    font-weight: bold;
}
.content-modal h1:hover{
    font-size: 18px;
    cursor: pointer;
}
.modal_content {
    padding: 9px 28px 19px 21px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.content-modal .btn-cerrar {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}

.content-modal .btn-cerrar label {
    padding: 7px 10px;
    background-color: #d5aa41;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    margin: 8px;
}

.content-modal .btn-cerrar label:hover {
    background-color: #d4be87;
}

.cerrar-modal {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/*modal2*/
#btn-modal2 {
    display: none;
}

.container-modal2 {
    display: none;
	position: fixed;
	z-index: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(150,150,150);
	background-color: rgba(200,200,200,0.9);
	z-index:101;
	border:none;
}

#btn-modal2:checked~.container-modal2 {
    display: flex;
}

.content-modal2 {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    margin-top: 50px;
    padding: 0;
    top:50px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border: none;
    min-width: 300px;
    max-width: 1200px;
}

.content-modal2 h2 {
    color: #d5aa41;
    height: 60px;
    padding: 22px;
    margin: -9px -9px 1px -10px;
    border-radius: 5px 5px 0 0;
}

.modal_content2 {
    padding: 9px 28px 19px 21px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.content-modal2 .btn-cerrar2 {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}

.content-modal2 .btn-cerrar2 label {
    padding: 7px 10px;
    background-color: #d5aa41;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    margin: 8px;
}

.content-modal2 .btn-cerrar2 label:hover {
    background-color: #ff7178;
}

.cerrar-modal2 {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/*modal3*/
#btn-modal3 {
    display: none;
}
.container-modal3 {
    display: none;
	position: fixed;
	z-index: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(150,150,150);
	background-color: rgba(200,200,200,0.9);
	z-index:102;
	border:none;
}

#btn-modal3:checked~.container-modal3 {
    display: flex;
}

.content-modal3 {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    margin-top: 50px;
    padding: 0;
    top:50px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border: none;
    min-width: 300px;
    max-width: 1200px;
}

.content-modal3 h2 {
    color: #d5aa41;
    height: 60px;
    padding: 22px;
    margin: -9px -9px 1px -10px;
    border-radius: 5px 5px 0 0;
}

.modal_content3 {
    padding: 9px 28px 19px 21px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.content-modal3 .btn-cerrar3 {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}

.content-modal3 .btn-cerrar2 label {
    padding: 7px 10px;
    background-color: #d5aa41;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    margin: 8px;
}

.content-modal3 .btn-cerrar3 label:hover {
    background-color: #ff7178;
}

.cerrar-modal3 {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media screen and (max-width:800px) {
    .content-modal {
        width: 90%;
    }

    .content-modal2 {
        width: 90%;
    }

    .content-modal3 {
        width: 90%;
    }
}

/*Fin Modal*/
/*dashboards*/
.cont_dash{
    padding: 10px;
    margin: 6px;
}
.dash_totals{
    box-shadow: 1px 1px 12px rgb(147 149 152);
    background: #fff;
    border-radius: 5px;
    margin: 5px;
    overflow: auto;
}
.graf_bar_dash{
    padding: 20px;
    margin: 5px;
}
.title_dash1{
    font-size: 14px;
    font-weight: bold;
}
.importe_dash1{
    font-weight: bold;
    padding: 3px;
    margin-top: 12px;
    font-size: 27px;
    color: #000;
}
.title_dash1_2{
    font-size: 10px;
    font-weight: bold;
}
.importe_dash1_2{
    font-weight: bold;
    padding: 3px;
    font-size: 16px;
    color: #d5aa41;
}
.dash_grafica_title{
    margin-left: -0.25rem;
    margin-bottom: -0.25rem;
    margin-right: -0.25rem;
}
/*fin dashboard*/
/*Miselaneos*/
.p-simple{
    font-size: 13px;
}
.p-simple b{
    color:#d5aa41;
}
.centrar{
    text-align:center !important;
    margin:0 auto;
}
.titleer{
    height: 20px;
    padding: 4px;
}
.titleer_imp{
    height: 39px;
    padding: 4px;
    font-size: 26px;
    cursor: pointer;
    /*font-weight: bold;*/
    text-align: right;
}
.titleer_imp:hover{
    text-decoration:underline;
}
.titleer_tot{
    color:#000;
    height: 40px;
    margin-top: 5px;
    border-radius: 7px;
}
.titleer_total{
    height: 20px;
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
}
.titleer_imp_total{
    height: 20px;
    padding: 4px;
    font-size: 27px;
    font-weight: bold;
    text-align: right;
}
.cargando{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
.loader_bar{
    width: 380px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.loader_img{
    width: 300px;
}
.loader{
    display: block;
    position: relative;
    height: 32px;
    width: 140px;
    border: 3px solid #1e407c;
    border-radius: 20px;
    box-sizing: border-box;
  }
  .loader:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #d5aa41;
    animation: ballbns 2s ease-in-out infinite alternate;
  }
  @keyframes ballbns {
    0% {  left: 0; transform: translateX(0%); }
    100% {  left: 100%; transform: translateX(-100%); }
  }
  
  
/*Miselaneos*/
.bt-sol{
    background: #d5aa41;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    border-radius: 5px;
    height: 31px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.bt-sol:hover{
    transform: scale(1.1);
}
.bt_user{
    cursor: pointer;
    display: block;
}
.btn_user:hover{
    transform: scale(1.1);
}
.equipos_user{
    border-right: 3px solid #d5aa41;
}
.eqps{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.infoeqp{
    width: 100%;
}
.container_userinfo{
    margin: 20px;
}
.user_cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}
.ticket_cotainer{
    margin: 25px;
}
.ticket_container_titles{
    width: 100%;
    margin-bottom: 25px;
}
.boton_tickets{
    float: right;
    background: #d5aa41;
    color: #fff;
    border-radius: 6px;
    font-size: 18px;
    padding: 6px;
    position: relative;
    cursor: pointer;
}
.boton_tickets:hover{
    transform: scale(1.1);
}
.ticket_container_obs{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-evenly;
    border-left: 2px solid #9ba2a8;
}
.container_req{
    width: 100%;
}
.container_n{
    background: #d5aa41;
    color: #fff;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.ticket_b{
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-evenly;
}
.tableinfis{
    margin: 45px;
}
.calendar-content{
    padding: 10px;
    margin: 5px;
    width: 100%;
}
.calendar-days{
    display: flex;
    height: 400px;
    flex-direction: row;
    align-items: end;
    justify-content: space-evenly;
}
.calendar-filters{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.calendar-day{
    background: #d5aa41;
    border-radius: 3px;
    color: #fff;
    padding: 7px;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
}
.calendar-day:hover{
    transform: scale(1.1);
    background-color: #cd9305;
}
.product-timelaps{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    border-left: 4px solid #e4c885;
}
.product-timelaps_counter{
    display: flex;
    flex-direction: column;
    background: #d5aa41;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
.product-timelaps_counter_1{
    display: flex;
    flex-direction: column;
    background: #d3d8dd;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px; 
}
/*documentos*/
.documents{
size: 7in 9.25in;
   margin: 5mm 16mm 5mm 16mm;
   border: 1px solid #1e407c;
   padding: 40px;

}
.input_doc{
    width: 90%;
    height: 30px;
    border: none;
    border-bottom: 3px solid #1e407c;
}
.input_doc:focus{
    border:none;
}
.input_doc2{
    width: 30%;
    height: 30px;
    border: none;
    border-bottom: 3px solid #1e407c;
}
.input_doc2:focus{
    border:none;
}
.document_head{
    height: 2in;
}
.logo_doc{
    width: 100%;
}
.document_title{
    border: 1px solid #1e407c;
}
.document_items{
    margin: -12px;
}
.look_doc{
    margin-left: -35px;
    height: 30px;
    color: #1e407c;
    padding: 9px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.look_doc:hover{
    height: 30px;
    background: #1e407c;
    color: #fff;
    padding: 8px;
}
.title_input_doc{
    font-weight: bold;
    color: #1e407c;
    padding: 11%;
    margin: 7%;
}
.title_input_doc2{
    font-weight: bold;
    color: #1e407c;
}

/*fin documentos*/
@media screen and (max-width:520px) {
    .logo__cel{
        display: none;
    }
    .logo_cel{
        position: absolute;
        display: block;
        z-index: 4;
    }
    .logo_cel img{
        width: 40px;
        margin-top: 3px;
        margin-left: 10px;
    }
    .icon__menu{
        z-index: 4;
    }
    .listado {
        width: 90%;
    }
    .sqrt_empresas{
        width: 97%;
        height: 90%;
    }

    .option__user {
        width: 300px;
    }
    .lista_empresa{
        margin-left:58px;
    }
    .lista_listaempresas{
        top:47px;
        margin-left: 61px;
    }
    nav>ul {
        flex-direction: column;
        background-color: #ffffff;
        position: fixed;
        left: 0px;
        top: 60px;
        width: 135px;
        border-bottom-left-radius: 13px;
        border-bottom-right-radius: 13px;
        height: 300px;
        transition: all 300ms ease;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
    }

    nav>ul>li {
        height: 60px;
    }

    nav>ul>li>a:hover {
        transform: scale(1);
    }
    nav>ul>li:hover>ul {
        top: -3px;
        left: -2px;
    }
    nav>ul>li>ul{
        width: 138px;
        display: flex;
        flex-direction: column;
        background: #d5aa41;
        position: relative;
        left: 25px;
        border-left: 1px solid #d5aa41;
        border-radius: 6px;
        padding: 14px 0px;
        box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        transition: all 300ms ease;
    }
    nav>ul>li>ul>li>a:hover {
        color: #fff;
        transform: scale(1.1);
        padding-left: 30px;
        font-size: 14px;
    }
    nav>ul>li:first-child a {
        background-position: 20px;
    }
    nav>ul>li>ul>li:hover>ul{
        visibility: visible;
        opacity: 1;
        top: -37px;
        left: 146px;
        display: block;
        padding-inline-start: 0;
        padding-inline-start: 0;
    }
    nav>ul>li>ul>li>ul{
        width: 200px;
        display: flex;
        flex-direction: column;
        background: #fff;
        position: relative;
        border-radius: 6px;
        left: 154px;
        top: 20px;
        padding: 14px 0px;
        box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
        visibility: hidden;
        opacity: 0;
        z-index: 2;
        transition: all 300ms ease;
    }
    .selected {
        transform: scale(1);
    }

    #label__checkbox {
        display: block;
        margin-left: 62px;
    }
    .header_supp_user{
        margin-top: -106px;
    }
    .icon__menu {
        display: flex !important;
        color:#000;
    }

    #check__menu:checked~nav>ul {
        height: 300px;
        visibility: visible;
        opacity: 1;
    }
    .routes{
        width: 50%;
        left: 108px;
        top: -88px;
        text-align: center;
    }
    .container__menu{
        padding: 0px 2px;
        top: 5px;
    }
    .menu{
        width: 100%;
        border-radius: 0px;
    }
    .buttons_container{
        right: 37px;
        top: -40px;
    }
    .option__user__first{
        border-radius: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        top: 48px;
        z-index: 3;
        right: -8px;
    }
    .checkfij{
        position: absolute;
        right: 1px;
    }
    .dash-date{
        right: 58px;
        top: -95px;
        flex-direction: column;
    }
    .dash-date form input{
        border: 0px;
        width: 113px;
        height: 29px;
        margin: 6px;
        border-radius: 4px;
    }
    .form-dash-date{
        flex-direction: column;
        height: 144px;
        width: 126px;
        align-items: center;
        border-radius: 11px;
        padding: 13px;
        background: #e5ae26;
        margin-top: 45px;
    }
    .button-date-dash{
        width: 70px;
        height: 36px;
    }
    .dash-date form select{
        width: 118px;
    }
    .content-tablebox{
        margin-top: -40px ;
    }
    table.hojas td a, table.hojas2 td a, table.hojas td span, table.hojas2 td span, table.hojas1 td a, table.hojas1 td span, table.hojanprod td a, table.hojanprod td{
        padding: 5px;
    }
    table.hojas td a, table.hojas2 td a, table.hojas td span, table.hojas2 td span, table.hojas1 td a, table.hojas1 td span, table.hojanprod td a, table.hojanprod td span{
        font-size: 16px;
        width: 23px;
        margin: -3px;
        padding: 3px;
    }
}