:root {
    --cl-blue-sk-1: #0084FF;
    --cl-blue-sk-2: #0F2247;
    --cl-blue-sk-3: #AFD8FF;
    --cl-blue-sk-4: #6B8EC6;
    --cl-blue-sk-5: #456FF4;
    --cl-blue-sk-6: #2C6BB3;
    --cl-blue-sk-7: #5E697D;
    --cl-blue-sk-8: #163D67;
    --cl-blue-sk-9: #467CBA;
    --cl-blue-sk-10: #335579;
    --cl-blue-sk-11: #1054B1;
    --cl-blue-sk-12: #20389B;

    --cl-yellow-sk-1: #BAA773;
    --cl-yellow-sk-2: #ffdc7c;
    --cl-yellow-sk-3: #B88F30;
    --cl-yellow-sk-4: #83733E;
    --cl-yellow-sk-5: #D5A726;
    --cl-yellow-sk-6: #F6CB55;
    --cl-yellow-sk-7: #BE9B4A;
    --cl-yellow-sk-8: #918356;
    --cl-yellow-sk-9: #FEDC7B;

    --cl-white-sk: #ffffff;
    --cl-black-sk: #000000;
    --cl-black-sk-opacity:  rgb(0, 0, 0, 0.16);

    --cl-red-sk: #dd614a;
    --cl-red-sk-2: #E57474;
    --cl-red-sk-3: #DF6149;
    --cl-red-sk-4:#C55A5A;
    --cl-red-sk-5:#FFA695;
    --cl-red-sk-6: #DF614A;
    --cl-red-sk-7: #D90303;
    --cl-red-sk-8: #DF787C;

    --cl-pink-sk : #E59DBC;

    --cl-orange-sk: #ff9b71;
    --cl-orange-sk-2: #EBB986;
    --cl-orange-sk-3: #F79A71;
    --cl-orange-sk-4: #F29423;

    --cl-green-sk-1: #6ba292;
    --cl-green-sk-2: #e4fde1;
    --cl-green-sk-3: #6AA392;
    --cl-green-sk-4: #58B39B;
    --cl-green-sk-5: #2C6354;
    --cl-green-sk-6: #E6F2DE;
    --cl-green-sk-7: #6CBAA5;
    --cl-green-sk-8: #467568;
    --cl-green-sk-9: #6AA393;

    --cl-purple-sk: #DDC7D9;
    --cl-purple-sk-1: #B8A9D8;
    --cl-purple-sk-2: #774C84;
    --cl-purple-sk-3: #B19FD7;


    --cl-gray-sk: #707070;
    --cl-gray-sk-1: #E3E3E3;
    --cl-gray-sk-2: #BABABA;
    --cl-gray-sk-3: #D0D0D0;
    --cl-gray-sk-4: #A2A2A2;
    --cl-gray-sk-5: #B1B1B1;
    --cl-gray-sk-6: #ededed;
    --cl-gray-sk-7: #D9D9D9;
    --cl-gray-sk-8: #ABABAB;
    --cl-gray-sk-9: #717A8B;
    --cl-gray-sk-10: #6B6B6B;
    --cl-gray-sk-11: #959BAB;
    --cl-gray-sk-12: #ABABAB;
    --cl-gray-sk-13: #CDCDCD;
    --cl-gray-sk-14: #B7B7B7;

    --cl-brown-sk : #272727;
    --cl-brown-sk-1 : #BFA696;

    --stry-light: 'Omnes-Light';
    --stry-regular: 'Omnes-Regular';
    --stry-semibold: 'Omnes-Semibold';
    --stry-bold: 'Omnes-Bold';

    --helvetica-regular: 'Helvetica-Neue-Regular';
    --font-helvetica: 'Helvetica';

    --cl-new-success: #34B190;
    --cl-new-success-hover: #00A96F;
    --cl-new-danger: #FF6F70;
    --cl-new-warning: #FFC22D;
    --cl-new-primary: #4b78bc;
    --cl-new-black: #000000;
    --cl-new-bg: #f4f4f5;
}

.text-blue-5 {
    color: var(--cl-blue-sk-5);
}
.text-yellow-3 {
    color: var(--cl-yellow-sk-3);
}
.text-yellow-5 {
    color: var(--cl-yellow-sk-5);
}
.text-green-3 {
    color: var(--cl-green-sk-3);
}
.font-10 {
    font-size: 10px;
}
.border-5green {
    border: 5px solid var(--cl-green-sk-1);
}
.border-5red {
    border: 5px solid var(--cl-red-sk);
}
.border-5black {
    border: 5px solid var(--cl-black-sk);
}
.border-cl-yellow {
    border-color: var(--cl-yellow-sk-9);
}
.border-cl-red {
    border-color: var(--cl-red-sk-3);
}
.border-cl-red-6 {
    border-color: var(--cl-red-sk-6);
}
.border-cl-green {
    border-color: var(--cl-green-sk-3);
}

.cl-blue-opacity{
    background-color: rgb(15, 34, 71, 0.43);
}

.f-light{
    font-family: var(--stry-light);
    font-weight: normal !important;
}
.f-regular {
    font-family: var(--stry-regular);
    font-weight: normal;
}
.f-semibold{
    font-family: var(--stry-semibold);
}
.f-bold{
    font-family: var(--stry-bold);
}

.butt-blue-1 {
    background-color: var(--cl-blue-sk-1) !important;
}

.butt-blue-2 {
    background-color: var(--cl-blue-sk-2) !important;
}

.butt-blue-4 {
    background-color: var(--cl-blue-sk-4);
}

.butt-yellow-1 {
    background-color: var(--cl-yellow-sk-1) !important;
}
.butt-yellow-2 {
    background-color: var(--cl-yellow-sk-2) !important;
}
.butt-yellow-9 {
    background-color: var(--cl-yellow-sk-9);
}

.butt-blue-5 {
    background-color: var(--cl-blue-sk-5);
}

.butt-white {
    background-color: var(--cl-white-sk) !important;
}

.butt-black {
    background-color: var(--cl-black-sk) !important;
}

.butt-red {
    background-color: var(--cl-red-sk) !important;
}
.butt-red-3 {
    background-color: var(--cl-red-sk-3);
}
.butt-red-4 {
    background-color: var(--cl-red-sk-4);
}
.butt-red-6 {
    background-color: var(--cl-red-sk-6)!important;
}
.butt-red-7 {
    background-color: var(--cl-red-sk-7);
}
.butt-red-8 {
    background-color: var(--cl-red-sk-8);
}
.butt-orange {
    background-color: var(--cl-orange-sk) !important;
}
.butt-orange-3 {
    background-color: var(--cl-orange-sk-3) !important;
}
.butt-orange-4 {
    background-color: var(--cl-orange-sk-4) !important;
}
.butt-green-1 {
    background-color: var(--cl-green-sk-1) !important;
}
.butt-green-2 {
    background-color: var(--cl-green-sk-2) !important;
}
.butt-green-3 {
    background-color: var(--cl-green-sk-3);
}
.butt-green-9 {
    background-color: var(--cl-green-sk-9);
}

.butt-purple {
    background-color: var(--cl-purple-sk) !important;
}

.butt-gray {
    background-color: var(--cl-gray-sk) !important;
}
.butt-gray-7 {
    background-color: var(--cl-gray-sk-7) !important;
}
.butt-gray-13 {
    background-color: var(--cl-gray-sk-13);
}
.text-blue-1 {
    color: var(--cl-blue-sk-1) !important;
}

.text-blue-2 {
    color: var(--cl-blue-sk-2) !important;
}

.text-yellow-1 {
    color: var(--cl-yellow-sk-1) !important;
}
.text-yellow-2 {
    color: var(--cl-yellow-sk-2) !important;
}

.text-white {
    color: var(--cl-white-sk) !important;
}

.text-black {
    color: var(--cl-black-sk) !important;
}

.text-red {
    color: var(--cl-red-sk) !important;
}

.text-orange {
    color: var(--cl-orange-sk) !important;
}

.text-green-1 {
    color: var(--cl-green-sk-1) !important;
}

.text-green-2 {
    color: var(--cl-green-sk-2) !important;
}

.text-purple {
    color: var(--cl-purple-sk) !important;
}

.text-gray {
    color: var(--cl-gray-sk) !important;
}

h1 {
    font-size: 110pt;
    font-family: var(--stry-bold);
}

h2 {
    font-size: 90pt;
    font-family: var(--stry-semibold);
}

h3 {
    font-size: 70pt;
    font-family: var(--stry-regular);
}

h4 {
    font-size: 50pt;
    font-family: var(--stry-light);
}

.font-8 {
    font-size: 8px;
}

.font-11 {
    font-size: 11px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}
.font-18 {
    font-size: 18px;
}
.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 23px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.font-50 {
    font-size: 50px;
}

/* css width */
.w-cl-15 {
    width: 15%;
}
.w-cl-20 {
    width: 20%;
}
.w-cl-25 {
    width: 25%;
}
.w-cl-30 {
    width: 30%;
}
.w-cl-35 {
    width: 35%;
}

.w-cl-40 {
    width: 40%;
}

.w-cl-45 {
    width: 45%;
}

.w-cl-55 {
    width: 55%;
}

.w-cl-60 {
    width: 60%;
}
.w-cl-65 {
    width: 65%;
}

.w-cl-70 {
    width: 70%;
}
.w-cl-75 {
    width: 75%;
}
.w-cl-80 {
    width: 80%;
}
.w-cl-85 {
    width: 85%;
}
.w-cl-90 {
    width: 90%;
}

/* css width */
.border-radius-20 {
    border-radius: 20px;
}
.border-radius-13{
    border-radius: 13px;
}
.border-radius-topleft {
    border-top-left-radius: 13px;
}
.border-radius-topright {
    border-top-right-radius: 13px;
}
.border-radius-bottomleft {
    border-bottom-left-radius: 13px;
}
.border-radius-bottomright {
    border-bottom-right-radius: 13px;
}
.border-gray {
    border: 1px solid var(--cl-gray-sk);
}
.border-4blue {
    border: 4px solid var(--cl-blue-sk-1);
}
.f-helvetica-r{
    font-family: var(--helvetica-regular);
    font-weight: 400;
}
.text-semibold {
    font-weight: 600;
}

@font-face {
    font-family: "Omnes-Regular";
    src: url("../fonts/Omnes-Regular.eot");
    /* IE9*/
    src: url("../fonts/Omnes-Regular.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/Omnes-Regular.woff2") format("woff2"),
        /* chrome、firefox */
        url("../fonts/Omnes-Regular.woff") format("woff"),
        /* chrome、firefox */
        url("../fonts/Omnes-Regular.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../fonts/Omnes-Regular.svg#Omnes-Regular") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: "Omnes-Light";
    src: url("../fonts/Omnes-Light.eot");
    /* IE9*/
    src: url("../fonts/Omnes-Light.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/Omnes-Light.woff2") format("woff2"),
        /* chrome、firefox */
        url("../fonts/Omnes-Light.woff") format("woff"),
        /* chrome、firefox */
        url("../fonts/Omnes-Light.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../fonts/Omnes-Light.svg#Omnes-Light") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: "Omnes-Bold";
    src: url("../fonts/Omnes-Bold.eot");
    /* IE9*/
    src: url("../fonts/Omnes-Bold.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/Omnes-Bold.woff2") format("woff2"),
        /* chrome、firefox */
        url("../fonts/Omnes-Bold.woff") format("woff"),
        /* chrome、firefox */
        url("../fonts/Omnes-Bold.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../fonts/Omnes-Bold.svg#Omnes-Bold") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: "Omnes-Semibold";
    src: url("../fonts/Omnes-Semibold.eot");
    /* IE9*/
    src: url("../fonts/Omnes-Semibold.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/Omnes-Semibold.woff2") format("woff2"),
        /* chrome、firefox */
        url("../fonts/Omnes-Semibold.woff") format("woff"),
        /* chrome、firefox */
        url("../fonts/Omnes-Semibold.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../fonts/Omnes-Semibold.svg#Omnes-Semibold") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: "Helvetica";
    src: url("../fonts/Helvetica/Helvetica.ttf");
}

@font-face {
    font-family: "Helvetica-Neue-Regular";
    src: url("../fonts/Helvetica-Neue-Regular.eot");
    /* IE9*/
    src: url("../fonts/Helvetica-Neue-Regular.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/Helvetica-Neue-Regular.woff2") format("woff2"),
        /* chrome、firefox */
        url("../fonts/Helvetica-Neue-Regular.woff") format("woff"),
        /* chrome、firefox */
        url("../fonts/Helvetica-Neue-Regular.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../fonts/Helvetica-Neue-Regular.svg#Helvetica-Neue-Regular") format("svg");
    /* iOS 4.1- */
}

.container-fluid {
    padding: 0 40px;
}

/* table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    content: "";
    background: url("../images/icon-down.svg") no-repeat;
    width: 6.82px;
    height: 11.49px;
    transform: translate(-50%, -50%)
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {
    content: "";
    background: url("../images/icon-up.svg") no-repeat;
    width: 6.82px;
    height: 11.49px;
    right: 3px;
    top: 50%;
    transform: translate(-50%, -50%);
} */

.butt-gray-8 {
    background-color: var(--cl-gray-sk-8) !important;
}

.butt-gray-9 {
    background-color: var(--cl-gray-sk-9) !important;
}

.butt-purple-3 {
    background-color: var(--cl-purple-sk-3) !important;
}

.butt-purple-2 {
    background-color: var(--cl-purple-sk-2) !important;
}

.butt-blue-9 {
    background-color: var(--cl-blue-sk-9) !important;
}

.butt-blue-10 {
    background-color: var(--cl-blue-sk-10) !important;
}

.butt-green-7 {
    background-color: var(--cl-green-sk-7) !important;
}

.butt-green-8 {
    background-color: var(--cl-green-sk-8) !important;
}

.butt-brown-1 {
    background-color: var(--cl-brown-sk-1) !important;
}

.butt-yellow-7 {
    background-color: var(--cl-yellow-sk-7) !important;
}

.butt-yellow-8 {
    background-color: var(--cl-yellow-sk-8) !important;
}

.butt-gray-10 {
    background-color: var(--cl-gray-sk-10) !important;
}

.butt-gray-11 {
    background-color: var(--cl-gray-sk-11) !important;
}

.butt-gray-12 {
    background-color: var(--cl-gray-sk-12) !important;
}