:root {
    /* --blue: #0e45bd; */
    /* --blue: #699dff; */
    /* --blue: #6292d1; */
    --blue: #0162a0;

    --green-water: #83e3bd;
    --blue-power: #588cee;
    --bluelight: #7ea6f0;
    --white: #fff;
    --green: #15d67e;
    --red: #fc5959;
    --orange: #ff8300;
    --gray-light-100: rgb(145, 151, 151);
    --gray-super-light: rgba(206, 214, 214, 0.781);
    --gray-active: rgba(255, 255, 255, 0.16);
    --gray: #bfbfbf;
    --blue-light-100: rgb(35, 63, 100);
    --black: rgb(36, 34, 34);
    --blackShines: #1e1f21;
    --textColor: #616161;

    --violet: rgb(124, 39, 204);
    --z-10: 1;
    --z-9: 100;
    --z-8: 200;
    --z-7: 300;
    --z-6: 400;
    --z-5: 500;
    --z-4: 600;
    --z-3: 700;
    --z-2: 800;
    --z-1: 900;
}

/* colors */
.c-bg-blue {
    background: var(--blue);
}
.c-bg-green-water {
    background: var(--green-water);
}

.c-bg-white {
    background: var(--white);
}

.c-bg-red {
    background: var(--red);
}

.c-bg-blue-light {
    background: var(--bluelight);
}

.c-bg-green {
    background: var(--green);
}

.c-bg-orange {
    background: var(--orange);
}

.c-bg-black {
    background: var(--black);
}

.c-bg-black-shines {
    background: var(--blackShines);
}

.c-bg-gray {
    background: var(--gray);
}

.c-bg-gray-light {
    background: var(--gray-super-light);
}

.c-bg-violet {
    background: var(--violet);
}

.c-bg-gray-active {
    background: rgba(255, 255, 255, 0.16);
}
.c-bg-transparent {
    background: transparent;
}

/* background:rgba(0,0,0,0.2); */

/* text color */

.c-text-white {
    color: var(--white);
}

.c-text-black {
    color: var(--black);
}

.c-text-gray {
    color: var(--gray);
}

.c-text-apple {
    color: var(--green);
}

.c-text-red {
    color: var(--red);
}

.c-text-gray {
    color: var(--gray);
}

.c-text-blue-light {
    color: var(--blue-light-100);
}

.c-text-blue {
    color: var(--blue);
}

/* large text */

.c-text-300 {
    font-size: 13.5px !important;
}

/* height */

.hg-vh-60 {
    height: 60vh;
}

.hg-vh-70 {
    height: 70vh;
}

.hg-vh-80 {
    height: 80vh;
}

.hg-vh-90 {
    height: 90vh;
}

.hg-px-20 {
    height: 20px;
}

.hg-px-60 {
    height: 60px;
}

.hg-px-70 {
    height: 70px;
}

.hg-px-80 {
    height: 80px;
}

.hg-px-90 {
    height: 90px;
}

/* width */

.w-px-40 {
    width: 40px;
}
.w-px-30 {
    width: 30px;
}

.mw-100 {
    max-width: 100px;
}

.mw-300 {
    max-width: 300px;
}

.c-w-50 {
    width: 50%;
}

.c-w-100 {
    width: 100%;
}

/* border */

.border-top-1-gray {
    border-top: 1px solid rgba(206, 214, 214, 0.781);
}

.border-bottom-1-gray {
    border-bottom: 1px solid rgba(206, 214, 214, 0.781);
}

/* grid */

.c-col-s-1 {
    grid-column: span 1 / span 1;
}
.c-col-s-2 {
    grid-column: span 2 / span 2;
}
.c-col-s-3 {
    grid-column: span 3 / span 3;
}
.c-col-s-4 {
    grid-column: span 4 / span 4;
}
.c-col-s-5 {
    grid-column: span 5 / span 5;
}
.c-col-s-6 {
    grid-column: span 6 / span 6;
}
.c-col-s-7 {
    grid-column: span 7 / span 7;
}
.c-col-s-8 {
    grid-column: span 8 / span 8;
}
.c-col-s-9 {
    grid-column: span 9 / span 9;
}
.c-col-s-10 {
    grid-column: span 10 / span 10;
}
.c-col-s-11 {
    grid-column: span 11 / span 11;
}
.c-col-s-12 {
    grid-column: span 12 / span 12;
}
.c-col-auto {
    grid-column: auto;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    /* margin-bottom:13px; */
}

.clearfix {
    position: relative;
}

/* espacios verticales */
.space-10 {
    height: 10px;
    width: 100%;
}
.space-20 {
    height: 20px;
    width: 100%;
}
.space-30 {
    height: 30px;
    width: 100%;
}
.space-40 {
    height: 40px;
    width: 100%;
}
.space-50 {
    height: 50px;
    width: 100%;
}
.space-70 {
    height: 70px;
    width: 100%;
}

/* margin */
.c-m-0 {
    margin: 0px;
}

.c-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.c-mx-1 {
    margin-left: 3px;
    margin-right: 3px;
}
.c-mx-2 {
    margin-left: 11px;
    margin-right: 11px;
}
.c-mx-3 {
    margin-left: 16px;
    margin-right: 16px;
}
.c-mx-4 {
    margin-left: 24px;
    margin-right: 24px;
}
.c-mx-6 {
    margin-left: 30px;
    margin-right: 30px;
}
.c-mx-8 {
    margin-left: 40px;
    margin-right: 40px;
}
.c-mx-10 {
    margin-left: 52px;
    margin-right: 52px;
}
.c-mx-16 {
    margin-left: 62px;
    margin-right: 62px;
}

.c-my-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.c-my-1 {
    margin-top: 3px;
    margin-bottom: 3px;
}
.c-my-2 {
    margin-top: 11px;
    margin-bottom: 11px;
}

.c-my-3 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.c-my-4 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.c-my-6 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.c-my-8 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.c-my-10 {
    margin-top: 52px;
    margin-bottom: 52px;
}
.c-my-16 {
    margin-top: 62px;
    margin-bottom: 62px;
}

.c-ml-0 {
    margin-left: 0px;
}
.c-ml-1 {
    margin-left: 3px;
}
.c-ml-2 {
    margin-left: 11px;
}
.c-ml-3 {
    margin-left: 16px;
}
.c-ml-4 {
    margin-left: 24px;
}
.c-ml-6 {
    margin-left: 30px;
}
.c-ml-8 {
    margin-left: 40px;
}
.c-ml-10 {
    margin-left: 52px;
}
.c-ml-16 {
    margin-left: 62px;
}

.c-mr-0 {
    margin-right: 0px;
}
.c-mr-1 {
    margin-right: 3px;
}
.c-mr-2 {
    margin-right: 11px;
}
.c-mr-3 {
    margin-right: 16px;
}
.c-mr-4 {
    margin-right: 24px;
}

.c-mr-6 {
    margin-right: 30px;
}
.c-mr-8 {
    margin-right: 40px;
}
.c-mr-10 {
    margin-right: 52px;
}
.c-mr-16 {
    margin-right: 62px;
}

.c-mt-0 {
    margin-top: 0px;
}
.c-mt-1 {
    margin-top: 3px;
}
.c-mt-2 {
    margin-top: 11px;
}
.c-mt-3 {
    margin-top: 16px;
}
.c-mt-4 {
    margin-top: 24px;
}
.c-mt-6 {
    margin-top: 30px;
}
.c-mt-8 {
    margin-top: 40px;
}
.c-mt-10 {
    margin-top: 52px;
}
.c-mt-16 {
    margin-top: 62px;
}

.c-mb-0 {
    margin-bottom: 0px;
}
.c-mb-1 {
    margin-bottom: 3px;
}
.c-mb-2 {
    margin-bottom: 11px;
}
.c-mb-3 {
    margin-bottom: 16px;
}
.c-mb-4 {
    margin-bottom: 24px;
}
.c-mb-6 {
    margin-bottom: 30px;
}
.c-mb-8 {
    margin-bottom: 40px;
}
.c-mb-10 {
    margin-bottom: 52px;
}
.c-mb-16 {
    margin-bottom: 62px;
}

/* bloque */
.c-inline-block {
    display: inline-block;
}
.c-block {
    display: block;
}

.c-inline-flex {
    display: inline-flex;
}
.c-inline {
    display: inline;
}
.c-float-l {
    float: left;
}
.c-float-r {
    float: right;
}

.c-vertical-middle {
    vertical-align: middle;
}
.c-vertical-top {
    vertical-align: top;
}

/* texto */

.c-text-sm {
    font-size: 12px;
}
.c-text-normal {
    font-size: 14px;
}
.c-text-md {
    font-size: 18px;
}
.c-text-l {
    font-size: 24px;
}
.c-font-bold {
    font-weight: 500;
}

/* botones */

.c-btn-sm {
    font-size: 13.9px;
    padding: 0.85px 10.8px;
}

.c-btn-md {
    font-size: 16px;
    padding: 3px 15px;
}

.c-btn-lg {
    padding: 9px 22px;
}

.c-rounded-md {
    border-radius: 16px;
}
.b-sidebar {
    background-color: white !important;
    width: 260px !important;
    height: 90% !important;
    margin-top: 3% !important;
    border-radius: 20px;
    margin-right: 10px !important;
}