:root {
    --white: #FFFFFF;
    --black: #000000;
    --gray-200: #F1F1F2;
    --gray-300: #EBEBEB;
    --gray-400: #E2E1E4;
    --gray-500: #D2D0D5;
    --gray-600: #C3C0C6;
    --gray-700: #9D98A2;
    --gray-800: #69676C;
    --gray-900: #353535;
    --gray-1000: #12071F;
    --green-100: #E3F1E8;
    --green-200: #C5E1CF;
    --green-400: #87C19B;
    --green-500: #65B07F;
    --green-700-primary-color: #28914D;
    --green-800: #126E39;
    --green-900-hover-color: #005028;
    --violet-50: #EEE9F6;
    --violet-80: #E2D9F0;
    --violet-100: #D2C8E1;
    --violet-200: #9A7EC3;
    --violet-400: #774FB1;
    --violet-500: #56229F;
    --violet-700: #3C0091;
    --violet-800: #32086B;
    --violet-900: #280F46;
    --yellow-100: #FEEEDF;
    --yellow-200: #F9DDC4;
    --yellow-300: #FDD3AC;
    --yellow-500: #FCB879;
    --yellow-800: #DD7F28;
    --yellow-1000: #984F0B;
    --red-100: #FFE5E5;
    --red-200: #F1CDCD;
    --red-300: #ECA5A5;
    --red-500: #D75D5D;
    --red-800: #BD2828;
    --red-1000: #BD2828;
    --accent-green: #00FF6E;
    --accent-violet: #5000F0;
    --ligth-blue: #3B3B3B1A
}
.primary-color {
    color: var(--green-700-primary-color);
}

.body-bg {
    background-color: var(--gray-200) !important;
}
bg-white {
    background-color: var(--white);
}

.title-big {
    font-weight: 700;
    font-size: 36px;
    line-height: 135%;
    letter-spacing: 0;
    vertical-align: middle;
    color: var(--gray-900);
    font-style: normal;
}

.title-normal {
    font-weight: 700;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 0;
    vertical-align: middle;
    color: var(--gray-900);
}

.sub-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0;
    vertical-align: middle;
    color: var(--gray-900);
}

.img{
    width: 80px;
    height: 80px;
}

.card-aplications {
    background-color: var(--white);
    border-color: var(--ligth-blue);
    border-radius: 8px;
}
div, span, h1, h2, h3, h4, h5, p, input, ul, li, label {
    color: var(--gray-900);
}
a{
    color: var(--green-700-primary-color) ;
}
a:hover{
    color: var(--green-900-hover-color) ;
}
.btn {
    border-radius: 10px !important;
    border-width: 1px;
    padding: 12px;
    font-size: 16px;
    text-transform: capitalize !important;
}
.btn-primary {
    border-color: var(--green-700-primary-color) !important;
    color: var(--white) !important;
    background-color: var(--green-700-primary-color) !important;
}
    .btn-primary:hover {
        border-color: var(--green-900-hover-color) !important;
        color: var(--white) !important;
        background-color: var(--green-900-hover-color) !important;
    }
    .btn-primary:visited {
        color: var(--white) !important;
    }
.btn-secondary {
    border-color: var(--green-700-primary-color) !important;
    color: var(--green-700-primary-color) !important;
    background-color: transparent !important;
    text-transform: capitalize !important;
}
    .btn-secondary:hover {
        border-color: var(--green-900-hover-color) !important;
        color: var(--green-900-hover-color) !important;
        background-color: var(--green-100) !important;
    }
    .btn-secondary:visited {
        color: var(--green-700-primary-color) !important;    
    }
.caret{
    color: var(--white);
}
.linkk,
.linkk-lg,
.linkk-lg:active,
.linkk-lg:focus,
.linkk-lg:visited,
form.file-upload-box .file-dnd i,
form.file-upload-box .file-dnd label strong,
.link-ayuda i,
.link-ayuda a,
.link, .link:active, .link:visited {
    color: var(--green-700-primary-color) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    padding: 5px 12px;
}
    .linkk:hover, .linkk-lg:hover, form.file-upload-box .file-dnd label strong:hover, .link-ayuda a:hover, .link:hover {
        color: var(--green-900-hover-color) !important;
        font-style: normal !important;
        font-weight: 800 !important;
    }
.p-l-14{
    padding-left: 14px;
}

.ui-jqgrid .ui-grid-ico-sort {
    right: 0;
}
.navbar-brand > img {
    height: 100%;
}
.flex{
    display: flex;
}
.direction-col{
    flex-direction: column;
}
.direction-row{
    flex-direction: row;
}
align-center{
    align-items: center;
}
justify-center{
    justify-content: center;
}
.no-show {
    display: none !important;
}
margin-0 {
    margin: 0;
}