@font-face {
    font-family: 'TechMono';
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Josefin';
    src: url('../../fonts/Josefin_Sans/static/JosefinSans-Bold.ttf') format('truetype');

  }

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
select.form-control{
    height: 46px;
    color:#2a2a5b;
}
.form-control{
    color:#2a2a5b;
    font-weight: 500;
}
.shadow-x{
    box-shadow: 0 0 10px rgba(64, 64, 113, 0.664);
}
.minus{
    text-transform: lowercase !important;
}

.tx-tech{
    font-family: 'TechMono';
}
.tx-roboto{
    font-family: 'Roboto';
}
.tx-100{ font-weight: 100; }
.tx-200{ font-weight: 200; }
.tx-300{ font-weight: 300; }
.tx-400{ font-weight: 400; }
.tx-500{ font-weight: 500; }
.tx-600{ font-weight: 600; }
.tx-700{ font-weight: 700; }
.tx-800{ font-weight: 800; }
.tx-900{ font-weight: 900; }
.tx-red-1{ color: #C30000; }
.tx-red-2{ color: #B50000; }
.tx-red-3{ color: #A80000; }
.tx-red-4{ color: #9B0000; }
.tx-red-5{ color: #8E0000; }
.tx-white { color: #ffffff; }
.tx-black { color: #111111; } 
.tx-gray-100 { color: #f4f5f8; }
.tx-gray-200 { color: #e3e7ed; }
.tx-gray-300 { color: #cdd4e0; }
.tx-gray-400 { color: #b4bdce; }
.tx-gray-500 { color: #97a3b9; }
.tx-gray-600 { color: #7987a1; }
.tx-gray-700 { color: #596882; }
.tx-gray-800 { color: #3b4863; }
.tx-gray-900 { color: #1c273c; }
/* tracking */
.tracking-tighter { letter-spacing: -0.05em;}
.tracking-tight { letter-spacing: -0.025em;}
.tracking-normal { letter-spacing: 0em;}
.tracking-wide { letter-spacing: 0.025em;}
.tracking-wider { letter-spacing: 0.05em;}
.tracking-widest { letter-spacing: 0.1em; }
.option{
    cursor: pointer;
}
.crs-pnt, .btn{
    cursor: pointer;
}
hr.hr-2{
    height: 3px;
    border: 0;
    border-top: 2px solid #f0f0f066;
    width: 95%;
}
.por-ver:empty{
    display:none;
    border:0;
}
.rounded{
    border-radius: 0.5em;
}
.rounded-1{
    border-radius: 1em;
}
.rounded-2{
    border-radius: 2em;
}
.rd-0-izq{
    border-radius: 0 0.5em 0.5em 0;
}
.rd-0-der{
    border-radius: 0.5em 0 0 0.5em;
}
.rd-1-izq{
    border-radius: 1em 0 0 1em;
}
.rd-1-der{
    border-radius: 0 1em 1em 0;
}
.btn-light .tx-danger{
    color: #923434;
}
.btn-light .tx-warning{
    color: #be792a;
}
.btn-light .tx-success{
    color: #3b7d3b;
}
.btn-light .tx-info{
    color: #2a6e8c;
}
.btn-light:hover .tx-danger{
    color: #CC0000;
    transition: 0.5s;
}
.btn-light:hover .tx-warning{
    color: #FF8800;
    transition: 0.5s;
}
.btn-light:hover .tx-success{
    color: #00C851;
    transition: 0.5s;
}
.btn-light:hover .tx-info{
    color: #33b5e5;
    transition: 0.5s;
}
.btn-i-d-bluk{
    color: #91e4fb;
    background-color: #003748;
    border-radius: 0.5em 0 0 0;

}
.ht-10{
    height: 10px;
}
.ht-20{
    height: 20px;
}
.ht-30{
    height: 30px;
}
.ht-40{
    height: 40px;
}
.ht-50{
    height: 50px;
}
.ht-60{
    height: 60px;
}
.ht-70{
    height: 70px;
}
.ht-80{
    height: 80px;
}
.ht-90{
    height: 90px;
}
.ht-100{
    height: 100px;
}
.ht-200{ height: 200px; }
.ht-300{ height: 300px; }
.ht-400{ height: 400px; }
.ht-500{ height: 500px; }
.ht-600{ height: 600px; }
.ht-700{ height: 700px; }
.of-y-s{ overflow-y: scroll; }
.of-y-h{ overflow-y: hidden; }
.card-hover-shadow:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.horizontal-menu .navbar{
    border-radius:0.5em;
    margin:0.5em;
    box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.2);

}
.btn-outline-plus{
    border-radius: 0.5em;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    color: #000;
    padding: 0.5em 1em;
    font-size: 1em;
    margin: 0.5em;
    cursor: pointer;
}
.btn-outline-plus:hover{
    background-color: #417213;
    border:none;
}
.bg-01{
    background: url("../../images/bg/bg-01.png");
}
.bg-05{
    background-image: url("../../images/bg/bg-05.png");
}
.bg-gray-izq{
    background: #eef2f3;
    background: -webkit-linear-gradient(to right, #eef2f3, #FDFDFD); 
    background: linear-gradient(to right, #eef2f3, #FDFDFD); 
}
.bg-gray-der{
    background: #FDFDFD;
    background: -webkit-linear-gradient(to right, #FDFDFD, #EBF1F3); 
    background: linear-gradient(to right, #FDFDFD, #EBF1F3); 
}
.pkt-f:hover{
    background-color: #F3904F66;
    transition: 0.5s;
    box-shadow: 0 0 0.5em 0 rgba(77, 68, 63, 0.2);
}
.bg-cofo-1{
    background: #F3904F;  
    background: -webkit-linear-gradient(to right, #3B4371, #F3904F);  
    background: linear-gradient(to right, #3B4371, #F3904F);
    color: #fff;
}
.bg-cyan-magic{
    background-color: #50C9C322;  
    background-color: -webkit-linear-gradient(to right, #96DEDA10, #96DEDA22, #50C9C322, #96DEDA10);  
    background-color: linear-gradient(to right, #96DEDA10, #96DEDA22, #50C9C322, #96DEDA10); 
}
.bg-mild{
    background: #67B26F;  
    background: -webkit-linear-gradient(to right, #4ca2cd, #67B26F);  
    background: linear-gradient(to right, #4ca2cd, #67B26F); 
}
.bg-grayu{
    background: #e1e7e1;  
    background: -webkit-linear-gradient(to bottom, #becdd5, #e1e7e1);  
    background: linear-gradient(to bottom, #becdd5, #e1e7e1); 
}
.bg-white-1 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white-2 { background-color: rgba(255, 255, 255, 0.2); }
.bg-white-3 { background-color: rgba(255, 255, 255, 0.3); }
.bg-white-4 { background-color: rgba(255, 255, 255, 0.4); }
.bg-white-5 { background-color: rgba(255, 255, 255, 0.5); }
.bg-white-6 { background-color: rgba(255, 255, 255, 0.6); }
.bg-white-7 { background-color: rgba(255, 255, 255, 0.7); }
.bg-white-8 { background-color: rgba(255, 255, 255, 0.8); }
.bg-white-9 { background-color: rgba(255, 255, 255, 0.9); }
.bg-gray-100 { background-color: #f4f5f8; }
.bg-gray-200 { background-color: #e3e7ed; }
.bg-gray-300 { background-color: #cdd4e0; }
.bg-gray-400 { background-color: #b4bdce; }
.bg-gray-500 { background-color: #97a3b9; }
.bg-gray-600 { background-color: #7987a1; }
.bg-gray-700 { background-color: #596882; }
.bg-gray-800 { background-color: #3b4863; }
.bg-gray-900 { background-color: #1c273c; }
.bg-pink-1 { background-color: #f3e5f5; }
.bg-pink-2 { background-color: #e1bee7; }
.bg-pink-3 { background-color: #ce93d8; }
.bg-pink-4 { background-color: #ba68c8; }
.bg-pink-5 { background-color: #ab47bc; }



.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type="number"], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .typeahead:focus, .tt-query:focus, .tt-hint:focus {
    color: #3B4371;
    background-color: #fff;
    border-color: #3B4371;
    outline: 0;
    box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25);
}
.bg-pink-4 .form-control::placeholder {
    color: #6c3b71;
}
.bg-pink-4 select.form-control{
    height: 40px;
}
.bg-pink-4 .form-control:focus {
    color: #6c3b71;
    background-color: #fff;
    border-color: #713b6b;
    outline: 0;
    box-shadow: 0 0 0 0.3rem rgba(255, 0, 204, 0.25);
}
.bg-purple-x-1{
    background: transparent linear-gradient(180deg, #242657 0%, #B283B9 80%, #B283B9 100%)
}
.bg-purple-x-2{
    background: transparent linear-gradient(100deg, #242657 0%, #333572 80%, #5a5c9e 100%)
}
.bg-red-x{
    background: transparent linear-gradient(180deg, #3E040A 0%, #60171E 80%, #60171E 100%)
}
.bg-blue-x{
    background: transparent linear-gradient(180deg, #0A1C3D 0%, #1E3A60 80%, #1E3A60 100%)
}
.bg-green-x{
    background: transparent linear-gradient(180deg, #0A3D0A 0%, #1E601E 80%, #1E601E 100%)
}
.btn-hyas-1{
    background: #3B4371;  
    background: -webkit-linear-gradient(to right, #3B4371, #B283B9);  
    background: linear-gradient(to right, #3B4371, #B283B9);
    color: #fff;
    box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.8);
    border: 3px solid #e5dee7d7;
}
.btn-hyas-1:hover{
    background: #B283B9;  
    background: -webkit-linear-gradient(to right, #3B4371, #B283B9);  
    background: linear-gradient(to right, #3B4371, #B283B9);
    color: #fff;
}
.btn-hyas-2{
    background: #3E040A;  
    background: -webkit-linear-gradient(to right, #3E040A, #60171E);  
    background: linear-gradient(to right, #3E040A, #60171E);
    color: #fff;
    box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.8);
    border: 3px solid #f4f7331d;
}
.btn-hyas-2:hover{
    background: #60171E;  
    background: -webkit-linear-gradient(to right, #3E040A, #60171E);  
    background: linear-gradient(to right, #3E040A, #60171E);
    color: #fff;
}
.btn-hyas-3{
    background: #0A1C3D;  
    background: -webkit-linear-gradient(to right, #0A1C3D, #1E3A60);  
    background: linear-gradient(to right, #0A1C3D, #1E3A60);
    color: #fff;
    box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.8);
    border: 3px solid #f3f733d7;
}
.btn-hyas-3:hover{
    background: #1E3A60;  
    background: -webkit-linear-gradient(to right, #0A1C3D, #1E3A60);  
    background: linear-gradient(to right, #0A1C3D, #1E3A60);
    color: #fff;
}


.tx-7 { font-size: 7px;}
.tx-8 { font-size: 8px;}
.tx-9 { font-size: 9px;}
.tx-10{ font-size: 10px;}
.tx-11{ font-size: 11px;}
.tx-12{ font-size: 12px;}
.tx-13{ font-size: 13px;}
.tx-14{ font-size: 14px;}
.tx-15{ font-size: 15px;}
.tx-16{ font-size: 16px;}
.tx-17{ font-size: 17px;}
.tx-18{ font-size: 18px;}
.tx-19{ font-size: 19px;}
.tx-20{ font-size: 20px;}
.tx-21{ font-size: 21px;}
.tx-22{ font-size: 22px;}
.tx-23{ font-size: 23px;}
.tx-24{ font-size: 24px;}
.tx-25{ font-size: 25px;}
.tx-26{ font-size: 26px;}
.tx-27{ font-size: 27px;}
.tx-28{ font-size: 28px;}
.tx-29{ font-size: 29px;}
.tx-30{ font-size: 30px;}
.tx-36{ font-size: 35px;}
.tx-48{ font-size: 48px;}
.tx-60{ font-size: 60px;}
.tx-72{ font-size: 72px;}
.tx-center { text-align: center; }
.tx-left { text-align: left; }
.tx-right { text-align: right; }
.tx-justify { text-align: justify; }
.tx-underline { text-decoration: underline; }
.tx-plumb{
    color: #3B4371;
    background: #ffffff;
}
.tx-bluk{
    color: #006e8c;
}
.tx-blux{
    color: #008db1;
}
.tx-bluv{
    color: #3e773a;
}
.tx-ferrari{
    color: #550F00;
}
.tx-breaker-bay{
    color: #56707B;
}
.tx-gray-100 {
color: #f4f5f8; }

.tx-gray-200 {
color: #e3e7ed; }

.tx-gray-300 {
color: #cdd4e0; }

.tx-gray-400 {
color: #b4bdce; }

.tx-gray-500 {
color: #97a3b9; }

.tx-gray-600 {
color: #7987a1; }

.tx-gray-700 {
color: #596882; }

.tx-gray-800 {
color: #3b4863; }


.tx-gray-900 {
color: #1c273c; }
a.tx-link:not([href]):not([tabindex]){
    color: #4b72a5;
    cursor: pointer;
}
a.tx-link:hover{
    color: #2640d1;
}
/** fin de colores **/

.table-cofo tr td{
    border: 1px solid #00a4d3;
}
.table-cofo thead th{
    background: #006e8c;
    color: #fff;
    border-left: 1px solid #006e8c;
    border-right: 1px solid #006e8c;
    border-top: 1px solid #006e8c;
}
.bd{
    border-width: 1px;
    border-style: solid;
}
.bd-b{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.bd-hyas{ border-color: #66667c; }
.bd-gray-100 { border-color: #f4f5f8; }
.bd-gray-200 { border-color: #e3e7ed; }
.bd-gray-300 { border-color: #cdd4e0; }
.bd-gray-400 { border-color: #b4bdce; }
.bd-gray-500 { border-color: #97a3b9; }
.bd-gray-600 { border-color: #7987a1; }
.bd-gray-700 { border-color: #596882; }
.bd-gray-800 { border-color: #3b4863; }
.bd-gray-900 { border-color: #1c273c; }
/* Width */
.w-5{ width: 5%; }
.w-10{ width: 10%; }
.w-15{ width: 15%; }
.w-20{ width: 20%; }
.w-25{ width: 25%; }
.w-30{ width: 30%; }
.w-35{ width: 35%; }
.w-40{ width: 40%; }
.w-45{ width: 45%; }
.w-50{ width: 50%; }
.w-55{ width: 55%; }
.w-60{ width: 60%; }
.w-65{ width: 65%; }
.w-70{ width: 70%; }
.w-75{ width: 75%; }
.w-80{ width: 80%; }
.w-85{ width: 85%; }
.w-90{ width: 90%; }
.w-95{ width: 95%; }
.w-100{ width: 100%; }

.wd-5 { width: 5px; }
.wd-10 { width: 10px; }
.wd-15 { width: 15px; }
.wd-20 { width: 20px; }
.wd-25 { width: 25px; }
.wd-30 { width: 30px; }
.wd-35 { width: 35px; }
.wd-40 { width: 40px; }
.wd-45 { width: 45px; }
.wd-50 { width: 50px; }
.wd-55 { width: 55px; }
.wd-60 { width: 60px; }
.wd-65 { width: 65px; }
.wd-70 { width: 70px; }
.wd-75 { width: 75px; }
.wd-80 { width: 80px; }
.wd-85 { width: 85px; }
.wd-90 { width: 90px; }
.wd-95 { width: 95px; }
.wd-100 { width: 100px; }
.wd-150 { width: 150px; }
.wd-200 { width: 200px; }
.wd-250 { width: 250px; }
.wd-300 { width: 300px; }
.wd-350 { width: 350px; }
.wd-400 { width: 400px; }
.wd-450 { width: 450px; }
.wd-500 { width: 500px; }
.wd-600 { width: 600px; }
.wd-700 { width: 700px; }
.wd-800 { width: 800px; }
.wd-900 { width: 900px; }
.wd-1000 { width: 1000px; }
.wd-1100 { width: 1100px; }
.wd-1200 { width: 1200px; }
.wd-1300 { width: 1300px; }
.wd-1400 { width: 1400px; }
.wd-1500 { width: 1500px; }
.mx-wd-500 { max-width: 500px; }
.mx-wd-600 { max-width: 600px; }
.mx-wd-700 { max-width: 700px; }
.mx-wd-800 { max-width: 800px; }
/** GAP **/
.gap-0{ grid-gap: 0;gap: 0}
.gap-1{grid-gap: .25rem;gap: .25rem}
.gap-2{grid-gap: .5rem;gap: .5rem}
.gap-3{grid-gap: .75rem;gap: .75rem}
.gap-4{grid-gap: 1rem;gap: 1rem}
.gap-5{grid-gap: 1.25rem;gap: 1.25rem}
.gap-6{grid-gap: 1.5rem;gap: 1.5rem}
.gap-8{grid-gap: 2rem;gap: 2rem}
.gap-10{grid-gap: 2.5rem;gap: 2.5rem}
.gap-12{grid-gap: 3rem;gap: 3rem}
.gap-16{grid-gap: 4rem;gap: 4rem}
.gap-20{grid-gap: 5rem;gap: 5rem}
.gap-24{grid-gap: 6rem;gap: 6rem}
.gap-32{grid-gap: 8rem;gap: 8rem}
.gap-40{grid-gap: 10rem;gap: 10rem}
.gap-48{grid-gap: 12rem;gap: 12rem}
.gap-56{grid-gap: 14rem;gap: 14rem}
.gap-64{grid-gap: 16rem;gap: 16rem}
.gap-px{grid-gap: 1px;gap: 1px}
.col-gap-0{grid-column-gap: 0;column-gap: 0}
.col-gap-1{grid-column-gap: .25rem;column-gap: .25rem}
.col-gap-2{grid-column-gap: .5rem;column-gap: .5rem}
.col-gap-3{grid-column-gap: .75rem;column-gap: .75rem}
.col-gap-4{grid-column-gap: 1rem;column-gap: 1rem}
.col-gap-5{grid-column-gap: 1.25rem;column-gap: 1.25rem}
.col-gap-6{grid-column-gap: 1.5rem;column-gap: 1.5rem}
.col-gap-8{grid-column-gap: 2rem;column-gap: 2rem}
.col-gap-10{grid-column-gap: 2.5rem;column-gap: 2.5rem}
.col-gap-12{grid-column-gap: 3rem;column-gap: 3rem}
.col-gap-16{grid-column-gap: 4rem;column-gap: 4rem}
.col-gap-20{grid-column-gap: 5rem;column-gap: 5rem}
.col-gap-24{grid-column-gap: 6rem;column-gap: 6rem}
.col-gap-32{grid-column-gap: 8rem;column-gap: 8rem}
.col-gap-40{grid-column-gap: 10rem;column-gap: 10rem}
.col-gap-48{grid-column-gap: 12rem;column-gap: 12rem}
.col-gap-56{grid-column-gap: 14rem;column-gap: 14rem}
.col-gap-64{grid-column-gap: 16rem;column-gap: 16rem}
.col-gap-px{grid-column-gap: 1px;column-gap: 1px}
.gap-x-0{grid-column-gap: 0;column-gap: 0}
.gap-x-1{grid-column-gap: .25rem;column-gap: .25rem}
.gap-x-2{grid-column-gap: .5rem;column-gap: .5rem}
.gap-x-3{grid-column-gap: .75rem;column-gap: .75rem}
.gap-x-4{grid-column-gap: 1rem;column-gap: 1rem}
.gap-x-5{grid-column-gap: 1.25rem;column-gap: 1.25rem}
.gap-x-6{grid-column-gap: 1.5rem;column-gap: 1.5rem}
.gap-x-8{grid-column-gap: 2rem;column-gap: 2rem}
.gap-x-10{grid-column-gap: 2.5rem;column-gap: 2.5rem}
.gap-x-12{grid-column-gap: 3rem;column-gap: 3rem}
.gap-x-16{grid-column-gap: 4rem;column-gap: 4rem}
.gap-x-20{grid-column-gap: 5rem;column-gap: 5rem}
.gap-x-24{grid-column-gap: 6rem;column-gap: 6rem}
.gap-x-32{grid-column-gap: 8rem;column-gap: 8rem}
.gap-x-40{grid-column-gap: 10rem;column-gap: 10rem}
.gap-x-48{grid-column-gap: 12rem;column-gap: 12rem}
.gap-x-56{grid-column-gap: 14rem;column-gap: 14rem}
.gap-x-64{grid-column-gap: 16rem;column-gap: 16rem}
.gap-x-px{grid-column-gap: 1px;column-gap: 1px}
.row-gap-0{grid-row-gap: 0;row-gap: 0}
.row-gap-1{grid-row-gap: .25rem;row-gap: .25rem}
.row-gap-2{grid-row-gap: .5rem;row-gap: .5rem}
.row-gap-3{grid-row-gap: .75rem;row-gap: .75rem}
.row-gap-4{grid-row-gap: 1rem;row-gap: 1rem}
.row-gap-5{grid-row-gap: 1.25rem;row-gap: 1.25rem}
.row-gap-6{grid-row-gap: 1.5rem;row-gap: 1.5rem}
.row-gap-8{grid-row-gap: 2rem;row-gap: 2rem}
.row-gap-10{grid-row-gap: 2.5rem;row-gap: 2.5rem}
.row-gap-12{grid-row-gap: 3rem;row-gap: 3rem}
.row-gap-16{grid-row-gap: 4rem;row-gap: 4rem}
.row-gap-20{grid-row-gap: 5rem;row-gap: 5rem}
.row-gap-24{grid-row-gap: 6rem;row-gap: 6rem}
.row-gap-32{grid-row-gap: 8rem;row-gap: 8rem}
.row-gap-40{grid-row-gap: 10rem;row-gap: 10rem}
.row-gap-48{grid-row-gap: 12rem;row-gap: 12rem}
.row-gap-56{grid-row-gap: 14rem;row-gap: 14rem}
.row-gap-64{grid-row-gap: 16rem;row-gap: 16rem}
.row-gap-px{grid-row-gap: 1px;row-gap: 1px}
.gap-y-0{grid-row-gap: 0;row-gap: 0}
.gap-y-1{grid-row-gap: .25rem;row-gap: .25rem}
.gap-y-2{grid-row-gap: .5rem;row-gap: .5rem}
.gap-y-3{grid-row-gap: .75rem;row-gap: .75rem}
.gap-y-4{grid-row-gap: 1rem;row-gap: 1rem}
.gap-y-5{grid-row-gap: 1.25rem;row-gap: 1.25rem}
.gap-y-6{grid-row-gap: 1.5rem;row-gap: 1.5rem}
.gap-y-8{grid-row-gap: 2rem;row-gap: 2rem}
.gap-y-10{grid-row-gap: 2.5rem;row-gap: 2.5rem}
.gap-y-12{grid-row-gap: 3rem;row-gap: 3rem}
.gap-y-16{grid-row-gap: 4rem;row-gap: 4rem}
.gap-y-20{grid-row-gap: 5rem;row-gap: 5rem}
.gap-y-24{grid-row-gap: 6rem;row-gap: 6rem}
.gap-y-32{grid-row-gap: 8rem;row-gap: 8rem}
.gap-y-40{grid-row-gap: 10rem;row-gap: 10rem}
.gap-y-48{grid-row-gap: 12rem;row-gap: 12rem}
.gap-y-56{grid-row-gap: 14rem;row-gap: 14rem}
.gap-y-64{grid-row-gap: 16rem;row-gap: 16rem}
.gap-y-px{grid-row-gap: 1px;row-gap: 1px}


.al-end{ align-self: end; }
.al-center{ align-self: center; }
/** GRID **/
.grid {
display: grid
}

.grid-flow-row {
grid-auto-flow: row
}

.grid-flow-col {
grid-auto-flow: column
}

.grid-flow-row-dense {
grid-auto-flow: row dense
}

.grid-flow-col-dense {
grid-auto-flow: column dense
}

.grid-cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}

.grid-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr))
}

.grid-cols-6 {
grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-cols-7 {
grid-template-columns: repeat(7,minmax(0,1fr))
}

.grid-cols-8 {
grid-template-columns: repeat(8,minmax(0,1fr))
}

.grid-cols-9 {
grid-template-columns: repeat(9,minmax(0,1fr))
}

.grid-cols-10 {
grid-template-columns: repeat(10,minmax(0,1fr))
}

.grid-cols-11 {
grid-template-columns: repeat(11,minmax(0,1fr))
}

.grid-cols-12 {
grid-template-columns: repeat(12,minmax(0,1fr))
}

.grid-cols-none {
grid-template-columns: none
}

.auto-cols-auto {
grid-auto-columns: auto
}

.auto-cols-min {
grid-auto-columns: -webkit-min-content;
grid-auto-columns: min-content
}

.auto-cols-max {
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content
}

.auto-cols-fr {
grid-auto-columns: minmax(0,1fr)
}

.col-auto {
grid-column: auto
}

.col-span-1 {
grid-column: span 1/span 1
}

.col-span-2 {
grid-column: span 2/span 2
}

.col-span-3 {
grid-column: span 3/span 3
}

.col-span-4 {
grid-column: span 4/span 4
}

.col-span-5 {
grid-column: span 5/span 5
}

.col-span-6 {
grid-column: span 6/span 6
}

.col-span-7 {
grid-column: span 7/span 7
}

.col-span-8 {
grid-column: span 8/span 8
}

.col-span-9 {
grid-column: span 9/span 9
}

.col-span-10 {
grid-column: span 10/span 10
}

.col-span-11 {
grid-column: span 11/span 11
}

.col-span-12 {
grid-column: span 12/span 12
}

.col-span-full {
grid-column: 1/-1
}

.col-start-1 {
grid-column-start: 1
}

.col-start-2 {
grid-column-start: 2
}

.col-start-3 {
grid-column-start: 3
}

.col-start-4 {
grid-column-start: 4
}

.col-start-5 {
grid-column-start: 5
}

.col-start-6 {
grid-column-start: 6
}

.col-start-7 {
grid-column-start: 7
}

.col-start-8 {
grid-column-start: 8
}

.col-start-9 {
grid-column-start: 9
}

.col-start-10 {
grid-column-start: 10
}

.col-start-11 {
grid-column-start: 11
}

.col-start-12 {
grid-column-start: 12
}

.col-start-13 {
grid-column-start: 13
}

.col-start-auto {
grid-column-start: auto
}

.col-end-1 {
grid-column-end: 1
}

.col-end-2 {
grid-column-end: 2
}

.col-end-3 {
grid-column-end: 3
}

.col-end-4 {
grid-column-end: 4
}

.col-end-5 {
grid-column-end: 5
}

.col-end-6 {
grid-column-end: 6
}

.col-end-7 {
grid-column-end: 7
}

.col-end-8 {
grid-column-end: 8
}

.col-end-9 {
grid-column-end: 9
}

.col-end-10 {
grid-column-end: 10
}

.col-end-11 {
grid-column-end: 11
}

.col-end-12 {
grid-column-end: 12
}

.col-end-13 {  grid-column-end: 13 }
.col-end-auto {  grid-column-end: auto }
.grid-rows-1 { grid-template-rows: repeat(1,minmax(0,1fr)) }
.grid-rows-2 {  grid-template-rows: repeat(2,minmax(0,1fr)) }
.grid-rows-3 {  grid-template-rows: repeat(3,minmax(0,1fr)) }
.grid-rows-4 {  grid-template-rows: repeat(4,minmax(0,1fr)) }
.grid-rows-5 {  grid-template-rows: repeat(5,minmax(0,1fr)) }
.grid-rows-6 {  grid-template-rows: repeat(6,minmax(0,1fr)) }
.grid-rows-none { grid-template-rows: none }


@media (width < 600px) and ( width > 320px) {
.sm-w-5 { width: 5%;  }
.sm-w-10 { width: 10%;  }
.sm-w-15 { width: 15%;  }
.sm-w-20 { width: 20%;  }
.sm-w-25 { width: 25%;  }
.sm-w-30 { width: 30%;  }
.sm-w-35 { width: 35%;  }
.sm-w-40 { width: 40%;  }
.sm-w-45 { width: 45%;  }
.sm-w-50 { width: 50%;  }
.sm-w-55 { width: 55%;  }
.sm-w-60 { width: 60%;  }
.sm-w-65 { width: 65%;  }
.sm-w-70 { width: 70%;  }
.sm-w-75 { width: 75%;  }
.sm-w-80 { width: 80%;  }
.sm-w-85 { width: 85%;  }
.sm-w-90 { width: 90%;  }
.sm-w-95 { width: 95%;  }
.sm-w-100 { width: 100%;  }

.sm-w-1\/3 { width: 33.333333%;  }
.sm-w-1\/2 { width: 50%;  }
.sm-w-2\/3 { width: 66.666667%; }
.sm-w-1\/4 { width: 25%;  }
.sm-w-3\/4 { width: 75%;  }
.sm-w-1\/5 { width: 20%;  }
.sm-w-2\/5 { width: 40%;  }
.sm-w-3\/5 { width: 60%;  }
.sm-w-4\/5 { width: 80%;  }
.sm-w-1\/6 { width: 16.666667%;  }
.sm-w-5\/6 { width: 83.333333%;  }
.sm-w-1\/12 { width: 8.333333%;  }
.sm-w-100 { width: 100%;  }
/* Ajuste de Grid */
.sm-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
.sm-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
.sm-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
.sm-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
.sm-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
.sm-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
.sm-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
.sm-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
.sm-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
.sm-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
.sm-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
.sm-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
.sm-col-span-1 { grid-column: span 1/span 1  }
.sm-col-span-2 { grid-column: span 2/span 2  }
.sm-col-span-3 { grid-column: span 3/span 3  }
.sm-col-span-4 { grid-column: span 4/span 4  }
.sm-col-span-5 { grid-column: span 5/span 5  }
.sm-col-span-6 { grid-column: span 6/span 6  }
.sm-col-span-7 { grid-column: span 7/span 7  }
.sm-col-span-8 { grid-column: span 8/span 8  }
.sm-col-span-9 { grid-column: span 9/span 9  }
.sm-col-span-10 { grid-column: span 10/span 10  }
.sm-col-span-11 { grid-column: span 11/span 11  }
.sm-col-span-12 { grid-column: span 12/span 12  }
.sm-col-span-full { grid-column: 1/-1  }
.sm-col-start-1 { grid-column-start: 1  }
.sm-col-start-2 { grid-column-start: 2  }
.sm-col-start-3 { grid-column-start: 3  }
.sm-col-start-4 { grid-column-start: 4  }
.sm-col-start-5 { grid-column-start: 5  }
.sm-col-start-6 { grid-column-start: 6  }
.sm-col-start-7 { grid-column-start: 7  }
.sm-col-start-8 { grid-column-start: 8  }
.sm-col-start-9 { grid-column-start: 9  }
.sm-col-start-10 { grid-column-start: 10  }
.sm-col-start-11 { grid-column-start: 11  }
.sm-col-start-12 { grid-column-start: 12  }
.sm-col-start-auto { grid-column-start: auto  }
}
@media (width > 600px)  { ▼
.md-w-5 { width: 5%;  }
.md-w-10 { width: 10%;  }
.md-w-15 { width: 15%;  }
.md-w-20 { width: 20%;  }
.md-w-25 { width: 25%;  }
.md-w-30 { width: 30%;  }
.md-w-35 { width: 35%;  }
.md-w-40 { width: 40%;  }
.md-w-45 { width: 45%;  }
.md-w-50 { width: 50%;  }
.md-w-55 { width: 55%;  }
.md-w-60 { width: 60%;  }
.md-w-65 { width: 65%;  }
.md-w-70 { width: 70%;  }
.md-w-75 { width: 75%;  }
.md-w-80 { width: 80%;  }
.md-w-85 { width: 85%;  }
.md-w-90 { width: 90%;  }
.md-w-95 { width: 95%;  }
.md-w-100 { width: 100%;  }
.md-w-1\/3 { width: 33.333333%;  }
.md-w-1\/2 { width: 50%;  }
.md-w-2\/3 { width: 66.666667%; }
.md-w-1\/4 { width: 25%;  }
.md-w-3\/4 { width: 75%;  }
.md-w-1\/5 { width: 20%;  }
.md-w-2\/5 { width: 40%;  }
.md-w-3\/5 { width: 60%;  }
.md-w-4\/5 { width: 80%;  }
.md-w-1\/6 { width: 16.666667%;  }
.md-w-5\/6 { width: 83.333333%;  }
.md-w-1\/12 { width: 8.333333%;  }
.md-w-100 { width: 100%;  }
/** Ajuste de Grid */
.md-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
.md-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
.md-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
.md-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
.md-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
.md-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
.md-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
.md-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
.md-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
.md-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
.md-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
.md-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
.md-grid-cols-20 { grid-template-columns: repeat(20,minmax(0,1fr)) }
.md-col-span-1 { grid-column: span 1/span 1  }
.md-col-span-2 { grid-column: span 2/span 2  }
.md-col-span-3 { grid-column: span 3/span 3  }
.md-col-span-4 { grid-column: span 4/span 4  }
.md-col-span-5 { grid-column: span 5/span 5  }
.md-col-span-6 { grid-column: span 6/span 6  }
.md-col-span-7 { grid-column: span 7/span 7  }
.md-col-span-8 { grid-column: span 8/span 8  }
.md-col-span-9 { grid-column: span 9/span 9  }
.md-col-span-10 { grid-column: span 10/span 10  }
.md-col-span-11 { grid-column: span 11/span 11  }
.md-col-span-12 { grid-column: span 12/span 12  }
.md-col-span-full { grid-column: 1/-1  }
.md-col-start-1 { grid-column-start: 1  }
.md-col-start-2 { grid-column-start: 2  }
.md-col-start-3 { grid-column-start: 3  }
.md-col-start-4 { grid-column-start: 4  }
.md-col-start-5 { grid-column-start: 5  }
.md-col-start-6 { grid-column-start: 6  }
.md-col-start-7 { grid-column-start: 7  }
.md-col-start-8 { grid-column-start: 8  }
.md-col-start-9 { grid-column-start: 9  }
.md-col-start-10 { grid-column-start: 10  }
.md-col-start-11 { grid-column-start: 11  }
.md-col-start-12 { grid-column-start: 12  }
.md-col-start-auto { grid-column-start: auto  }
}
/** lg-grid **/
@media (width > 1024px)  { ▼
    .lg-w-5 { width: 5%;  }
    .lg-w-10 { width: 10%;  }
    .lg-w-15 { width: 15%;  }
    .lg-w-20 { width: 20%;  }
    .lg-w-25 { width: 25%;  }
    .lg-w-30 { width: 30%;  }
    .lg-w-35 { width: 35%;  }
    .lg-w-40 { width: 40%;  }
    .lg-w-45 { width: 45%;  }
    .lg-w-50 { width: 50%;  }
    .lg-w-55 { width: 55%;  }
    .lg-w-60 { width: 60%;  }
    .lg-w-65 { width: 65%;  }
    .lg-w-70 { width: 70%;  }
    .lg-w-75 { width: 75%;  }
    .lg-w-80 { width: 80%;  }
    .lg-w-85 { width: 85%;  }
    .lg-w-90 { width: 90%;  }
    .lg-w-95 { width: 95%;  }
    .lg-w-100 { width: 100%;  }

    .lg-w-1\/3 { width: 33.333333%;  }
    .lg-w-1\/2 { width: 50%;  }
    .lg-w-2\/3 { width: 66.666667%; }
    .lg-w-1\/4 { width: 25%;  }
    .lg-w-3\/4 { width: 75%;  }
    .lg-w-1\/5 { width: 20%;  }
    .lg-w-2\/5 { width: 40%;  }
    .lg-w-3\/5 { width: 60%;  }
    .lg-w-4\/5 { width: 80%;  }
    .lg-w-1\/6 { width: 16.666667%;  }
    .lg-w-5\/6 { width: 83.333333%;  }
    .lg-w-1\/12 { width: 8.333333%;  }
    .lg-w-100 { width: 100%;  }
    /** Ajuste de Grid */
    .lg-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
    .lg-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
    .lg-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
    .lg-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
    .lg-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
    .lg-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
    .lg-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
    .lg-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
    .lg-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
    .lg-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
    .lg-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
    .lg-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
    .lg-grid-cols-20 { grid-template-columns: repeat(20,minmax(0,1fr)) }
    .lg-col-span-1 { grid-column: span 1/span 1  }
    .lg-col-span-2 { grid-column: span 2/span 2  }
    .lg-col-span-3 { grid-column: span 3/span 3  }
    .lg-col-span-4 { grid-column: span 4/span 4  }
    .lg-col-span-5 { grid-column: span 5/span 5  }
    .lg-col-span-6 { grid-column: span 6/span 6  }
    .lg-col-span-7 { grid-column: span 7/span 7  }
    .lg-col-span-8 { grid-column: span 8/span 8  }
    .lg-col-span-9 { grid-column: span 9/span 9  }
    .lg-col-span-10 { grid-column: span 10/span 10  }
    .lg-col-span-11 { grid-column: span 11/span 11  }
    .lg-col-span-12 { grid-column: span 12/span 12  }
    .lg-col-span-full { grid-column: 1/-1  }
    .lg-col-start-1 { grid-column-start: 1  }
    .lg-col-start-2 { grid-column-start: 2  }
    .lg-col-start-3 { grid-column-start: 3  }
    .lg-col-start-4 { grid-column-start: 4  }
    .lg-col-start-5 { grid-column-start: 5  }
    .lg-col-start-6 { grid-column-start: 6  }
    .lg-col-start-7 { grid-column-start: 7  }
    .lg-col-start-8 { grid-column-start: 8  }
    .lg-col-start-9 { grid-column-start: 9  }
    .lg-col-start-10 { grid-column-start: 10  }
    .lg-col-start-11 { grid-column-start: 11  }
    .lg-col-start-12 { grid-column-start: 12  }
    .lg-col-start-auto { grid-column-start: auto  }
}
/** estilos de login **/

.inp-log{
    border: none !important;
    background-color: #e3dddae4 !important;
    font-size: 1.4rem;
    color:#000;
    border-radius:2em;
}
.inp-log2{
    border: none !important;
    border-top: solid 3px;
    background-color: #bda59566 !important;
    font-size: .9rem;
}
.lbl-log{
    font-family: 'Josefin' !important;
    color: #fff;
}
.lbl-log-p{
    font-family: 'Josefin' !important;
    color: #3b2313d1;
}
.inp-log:active{
    color: #fff;
}
.inp-log:focus{
    outline: #DFD3CB66 5px solid;
    border:1px solid #DFD3CB66;
}
.btn-log{
    background-color: #fff;
    color: #F3904F;
    font-family: 'Josefin' !important;
    font-size: 1.3rem;
}
body{
    background-image: url(../../images/fondo9.png);
    background-repeat: repeat;

}

.x1{
    background-color: #ffffff !important;
    height: 500px;
    box-shadow: #3b2313d1 5px 5px 5px 5px;
    border: none !important;
}

.x2{
    background-color: #8a400ef2 !important;
    height: 600px !important;
    box-shadow: #3b2313d1 5px 5px 5px 5px;
    border: none !important;

}
.x3{
    border-bottom: solid 5px #c6bfbaf2;
    border-left: solid 5px #c6bfbaf2;
    border-right: solid 5px #c6bfbaf2;
    border-radius: 0px 0px 8px 8px;
    box-shadow: #3b2313d1 5px 5px 5px 5px;
    background-color: #fff;
    opacity: .65;

}

.log-css{
    font-family: 'Josefin' !important;
    color: #fff;

}
.log-css-h2{
    font-size: 4.2rem;
}
.log-css-h4{
    font-size: 1rem;
    font-weight: 400;
    color:#DFD3CB;
}
.log-css-h5{
    font-size: .8rem;
}

/** HighChart Tablero */
.highcharts-figure,
.highcharts-data-table table {
    min-width: 250px;
    max-width: 450px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile img {
    width: 4.187rem;
    height: 4.187rem;
    border-radius: .25rem;
}