body {

    font-family: "IBM Plex Sans Thai", sans-serif;

    font-size: 18px;

    font-weight: 300;

    color: #000;

    background: #ebebeb;

}



.ibm-plex-sans-thai-thin {

    font-family: "IBM Plex Sans Thai", sans-serif;

    font-weight: 100;

    font-style: normal;

}



.ibm-plex-sans-thai-extralight {

    font-family: "IBM Plex Sans Thai", sans-serif;

    font-weight: 200;

    font-style: normal;

}



.ibm-plex-sans-thai-light {

    font-family: "IBM Plex Sans Thai", sans-serif;

    font-weight: 300;

    font-style: normal;

}



.ibm-plex-sans-thai-regular {

    font-family: "IBM Plex Sans Thai", sans-serif;

    font-weight: 400;

    font-style: normal;

}



.ibm-plex-sans-thai-medium {

    font-family: "IBM Plex Sans Thai", sans-serif;

    font-weight: 500;

    font-style: normal;

}



.ibm-plex-sans-thai-semibold {

    font-family: "IBM Plex Sans Thai", sans-serif;

    font-weight: 600;

    font-style: normal;

}



.ibm-plex-sans-thai-bold {

    font-family: "IBM Plex Sans Thai", sans-serif;

    font-weight: 700;

    font-style: normal;

}



.ibm-plex-sans-thin {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 100;

    font-style: normal;

}



.ibm-plex-sans-extralight {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 200;

    font-style: normal;

}



.ibm-plex-sans-light {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 300;

    font-style: normal;

}



.ibm-plex-sans-regular {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 400;

    font-style: normal;

}



.ibm-plex-sans-medium {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 500;

    font-style: normal;

}



.ibm-plex-sans-semibold {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 600;

    font-style: normal;

}



.ibm-plex-sans-bold {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 700;

    font-style: normal;

}



.ibm-plex-sans-thin-italic {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 100;

    font-style: italic;

}



.ibm-plex-sans-extralight-italic {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 200;

    font-style: italic;

}



.ibm-plex-sans-light-italic {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 300;

    font-style: italic;

}



.ibm-plex-sans-regular-italic {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 400;

    font-style: italic;

}



.ibm-plex-sans-medium-italic {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 500;

    font-style: italic;

}



.ibm-plex-sans-semibold-italic {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 600;

    font-style: italic;

}



.ibm-plex-sans-bold-italic {

    font-family: "IBM Plex Sans", sans-serif;

    font-weight: 700;

    font-style: italic;

}



.policy {

    min-height: 22px;

    line-height: 22px;

    display: inline-block;

    position: relative;

    vertical-align: top;

    margin-bottom: 0;

    font-weight: normal;

    cursor: pointer;

}



.bg_main {

    background: #2faee9;

}



.bg_line {

    background: rgb(238,88,35);

    background: linear-gradient(90deg, rgba(238,88,35,1) 0%, rgba(255,255,255,1) 100%);

    height: 10px;

}



.text_color {

    color: #1c2853;

}



.lang_css {

    background: #225c92;

    border: 0px;

    color: #fff;

    border-radius: 5px;

    padding-left: 10px;

    margin: 10px 0px;

}



.text_top {

    vertical-align: top;

}





.modalPopup {

    position: fixed;

    top: 0;

    left: 0;

    text-align: center;

    top: 0;

    left: 0;

    background-color: #fff;

    opacity: 0.8;

    z-index: 5;

    width: 100%;

    height: 100%;

}



    .modalPopup img {

        position: fixed;

        top: 50%;

        left: 50%;

        /* bring your own prefixes */

        transform: translate(-50%, -50%);

    }







.color_orange {

    color: #ff8800;

}







.btn_main_2 {

    background: #000;

    color: #fff;

    padding: 5px 30px !important;

    text-transform: uppercase;

    border-radius: 20px;

}



    .btn_main_2:hover {

        background: #000;

        color: #fff;

        padding: 5px 30px !important;

        text-transform: uppercase;

        border-radius: 20px;

    }



.btn_main_3 {

    background: #08833c;

    color: #fff;

    padding: 5px 30px !important;

    text-transform: uppercase;

    border-radius: 20px;

}



    .btn_main_3:hover {

        background: #08833c;

        color: #fff;

        padding: 5px 30px !important;

        text-transform: uppercase;

        border-radius: 20px;

    }



.btn_main_4 {

    background: #ff0000;

    color: #fff;

    padding: 5px 30px !important;

    text-transform: uppercase;

    border-radius: 20px;

}



    .btn_main_4:hover {

        background: #ff0000;

        color: #fff;

        padding: 5px 30px !important;

        text-transform: uppercase;

        border-radius: 20px;

    }









.bg_login {

    background: #82c035;

    border-radius: 40px;

    color: #fff;

}



tr.strikeout td:before {

    content: " ";

    position: absolute;

    top: 50%;

    left: 0;

    border-bottom: 1px solid #ff0000;

    width: 100%;

}



tr.strikeout td:after {

    content: "\00B7";

    font-size: 1px;

}



td {

    position: relative;

}



/* input*/



/* check box*/

/* custom */



[class*="acheck-"] tbody tr td input {

    position: absolute !important;

    opacity: 0;

    margin: 0;

}



[class*="acheck-"] tbody tr td {

    padding: 5px 0px;

}





    [class*="acheck-"] tbody tr td label {

        padding-left: 29px !important;

        min-height: 22px;

        line-height: 22px;

        display: inline-block;

        position: relative;

        vertical-align: top;

        margin-bottom: 0;

        font-weight: normal;

        cursor: pointer;

    }



[class*="acheck-"] {

    min-height: 22px;

    margin-top: 6px !important;

    margin-bottom: 6px !important;

    padding-left: 0px;

}



    [class*="acheck-"] tbody tr td input:disabled {

        cursor: default;

    }



    [class*="acheck-"] tbody tr td label::before,

    [class*="acheck-"] tbody tr td input[type="hidden"] + label::before {

        content: "";

        display: inline-block;

        position: absolute;

        width: 22px;

        height: 22px;

        border: 1px solid #9b8e8e;

        border-radius: 0px;

        margin-left: -29px;

        background: #fff;

    }



    [class*="acheck-"] tbody tr td input[type="radio"]:checked + label::after,

    [class*="acheck-"] tbody tr td input[type="radio"]:checked + input[type="hidden"] + label::after {

        content: "";

        display: inline-block;

        position: absolute;

        top: 5px;

        left: 5px;

        height: 12px;

        width: 12px;

        background-color: #e87722;

        border-radius: 50%;

    }



    [class*="acheck-"] tbody tr td input[type="checkbox"]:checked + label::after,

    [class*="acheck-"] tbody tr td input[type="checkbox"]:checked + input[type="hidden"] + label::after {

        content: "";

        display: inline-block;

        position: absolute;

        top: 0;

        left: 0;

        width: 7px;

        height: 10px;

        border: solid 2px #707070;

        border-left: none;

        border-top: none;

        transform: translate(7.75px, 4.5px) rotate(45deg);

        -ms-transform: translate(7.75px, 4.5px) rotate(45deg);

    }



    [class*="acheck-"] tbody tr td input[type="radio"] + label::before,

    [class*="acheck-"] tbody tr td input[type="radio"] + input[type="hidden"] + label::before {

        border-radius: 50%;

    }



    [class*="acheck-"] tbody tr td input[type="checkbox"] + label::before,

    [class*="acheck-"] tbody tr td input[type="checkbox"] + input[type="hidden"] + label::before {

        border-radius: 5px;

    }





    [class*="acheck-"] tbody tr td input:not(:checked):not(:disabled):hover + label::before,

    [class*="acheck-"] tbody tr td input:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

        border-width: 2px;

    }



    [class*="acheck-"] tbody tr td input:disabled + label,

    [class*="acheck-"] tbody tr td input:disabled + input[type="hidden"] + label,

    [class*="acheck-"] tbody tr td input:disabled + label::before,

    [class*="acheck-"] tbody tr td input:disabled + input[type="hidden"] + label::before {

        pointer-events: none;

        cursor: default;

        filter: alpha(opacity=65);

        -webkit-box-shadow: none;

        box-shadow: none;

        opacity: .65;

    }



.acheck-default tbody tr td input:not(:checked):not(:disabled):hover + label::before,

.acheck-default tbody tr td input:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #9b8e8e;

}



.acheck-default tbody tr td input:checked + label::before,

.acheck-default tbody tr td input:checked + input[type="hidden"] + label::before {

    border: 1px solid #9b8e8e;

}



/**/



[class*="icheck-"] {

    min-height: 22px;

    margin-top: 6px !important;

    margin-bottom: 6px !important;

    padding-left: 0px;

}



.icheck-inline {

    display: inline-block;

}



    .icheck-inline + .icheck-inline {

        margin-left: .75rem;

        margin-top: 6px;

    }



[class*="icheck-"] > label {

    padding-left: 29px !important;

    min-height: 22px;

    line-height: 22px;

    display: inline-block;

    position: relative;

    vertical-align: top;

    margin-bottom: 0;

    font-weight: normal;

    cursor: pointer;

}



[class*="icheck-"] > input:first-child {

    position: absolute !important;

    opacity: 0;

    margin: 0;

}



    [class*="icheck-"] > input:first-child:disabled {

        cursor: default;

    }



[class*="icheck-"] > input[type="radio"]:first-child + label::before,

[class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 22px;

    height: 22px;

    border: 1px solid #fff;

    background: #fff;

    border-radius: 0px;

    margin-left: -29px;

}



[class*="icheck-"] > input[type="checkbox"]:first-child + label::before,

[class*="icheck-"] > input[type="checkbox"]:first-child + input[type="hidden"] + label::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 22px;

    height: 22px;

    border: 1px solid #707070;

    background: #fff;

    border-radius: 0px;

    margin-left: -29px;

}



[class*="icheck-"] > input[type="radio"]:first-child:checked + label::after,

[class*="icheck-"] > input[type="radio"]:first-child:checked + input[type="hidden"] + label::after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 5px;

    left: 5px;

    height: 12px;

    width: 12px;

    background-color: #e87722;

    border-radius: 50%;

}



[class*="icheck-"] input[type="checkbox"]:first-child:checked + label::after,

[class*="icheck-"] input[type="checkbox"]:first-child:checked + input[type="hidden"] + label::after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    width: 7px;

    height: 10px;

    border: solid 2px #fff;

    border-left: none;

    border-top: none;

    transform: translate(7.75px, 4.5px) rotate(45deg);

    -ms-transform: translate(7.75px, 4.5px) rotate(45deg);

}



[class*="icheck-"] > input[type="radio"]:first-child + label::before,

[class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {

    border-radius: 50%;

}



[class*="icheck-"] > input[type="checkbox"]:first-child + label::before,

[class*="icheck-"] > input[type="checkbox"]:first-child + input[type="hidden"] + label::before {

    border-radius: 5px;

}



[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before,

[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-width: 2px;

}



[class*="icheck-"] > input:first-child:disabled + label,

[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label,

[class*="icheck-"] > input:first-child:disabled + label::before,

[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before {

    pointer-events: none;

    cursor: default;

    filter: alpha(opacity=65);

    -webkit-box-shadow: none;

    box-shadow: none;

    opacity: .65;

}



.icheck-default > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-default > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    background: #e87722;

    border-color: #fff;

}



.icheck-default > input:first-child:checked + label::before,

.icheck-default > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #e87722;

    border-color: #9b8e8e;

}



.icheck-default > input:first-child:checked + label::after,

.icheck-default > input:first-child:checked + input[type="hidden"] + label::after {

    border-bottom-color: #e87722;

    border-right-color: #e87722;

}



.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #2e6da4;

}



.icheck-primary > input:first-child:checked + label::before,

.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #337ab7;

    border-color: #2e6da4;

}



.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #4cae4c;

}



.icheck-success > input:first-child:checked + label::before,

.icheck-success > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #5cb85c;

    border-color: #4cae4c;

}



.icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #46b8da;

}



.icheck-info > input:first-child:checked + label::before,

.icheck-info > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #5bc0de;

    border-color: #46b8da;

}



.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #eea236;

}



.icheck-warning > input:first-child:checked + label::before,

.icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #f0ad4e;

    border-color: #eea236;

}



.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #d43f3a;

}



.icheck-danger > input:first-child:checked + label::before,

.icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #d9534f;

    border-color: #d43f3a;

}



.icheck-turquoise > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-turquoise > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #1abc9c;

}



.icheck-turquoise > input:first-child:checked + label::before,

.icheck-turquoise > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #1abc9c;

    border-color: #1abc9c;

}



.icheck-emerland > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-emerland > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #2ecc71;

}



.icheck-emerland > input:first-child:checked + label::before,

.icheck-emerland > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #2ecc71;

    border-color: #2ecc71;

}



.icheck-peterriver > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-peterriver > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #e87722;

}



.icheck-peterriver > input:first-child:checked + label::before,

.icheck-peterriver > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #e87722;

    border-color: #e87722;

}



.icheck-amethyst > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-amethyst > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #9b59b6;

}



.icheck-amethyst > input:first-child:checked + label::before,

.icheck-amethyst > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #9b59b6;

    border-color: #9b59b6;

}



.icheck-wetasphalt > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-wetasphalt > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #34495e;

}



.icheck-wetasphalt > input:first-child:checked + label::before,

.icheck-wetasphalt > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #34495e;

    border-color: #34495e;

}



.icheck-greensea > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-greensea > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #16a085;

}



.icheck-greensea > input:first-child:checked + label::before,

.icheck-greensea > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #16a085;

    border-color: #16a085;

}



.icheck-nephritis > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-nephritis > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #27ae60;

}



.icheck-nephritis > input:first-child:checked + label::before,

.icheck-nephritis > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #27ae60;

    border-color: #27ae60;

}



.icheck-belizehole > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-belizehole > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #2980b9;

}



.icheck-belizehole > input:first-child:checked + label::before,

.icheck-belizehole > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #2980b9;

    border-color: #2980b9;

}



.icheck-wisteria > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-wisteria > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #8e44ad;

}



.icheck-wisteria > input:first-child:checked + label::before,

.icheck-wisteria > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #8e44ad;

    border-color: #8e44ad;

}



.icheck-midnightblue > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-midnightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #2c3e50;

}



.icheck-midnightblue > input:first-child:checked + label::before,

.icheck-midnightblue > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #2c3e50;

    border-color: #2c3e50;

}



.icheck-sunflower > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-sunflower > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #f1c40f;

}



.icheck-sunflower > input:first-child:checked + label::before,

.icheck-sunflower > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #f1c40f;

    border-color: #f1c40f;

}



.icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #e67e22;

}



.icheck-carrot > input:first-child:checked + label::before,

.icheck-carrot > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #e67e22;

    border-color: #e67e22;

}



.icheck-alizarin > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-alizarin > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #e74c3c;

}



.icheck-alizarin > input:first-child:checked + label::before,

.icheck-alizarin > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #e74c3c;

    border-color: #e74c3c;

}



.icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #ecf0f1;

}



.icheck-clouds > input:first-child:checked + label::before,

.icheck-clouds > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #ecf0f1;

    border-color: #ecf0f1;

}



.icheck-clouds > input:first-child:checked + label::after,

.icheck-clouds > input:first-child:checked + input[type="hidden"] + label::after {

    border-bottom-color: #95a5a6;

    border-right-color: #95a5a6;

}



.icheck-concrete > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-concrete > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #95a5a6;

}



.icheck-concrete > input:first-child:checked + label::before,

.icheck-concrete > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #95a5a6;

    border-color: #95a5a6;

}



.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #f39c12;

}



.icheck-orange > input:first-child:checked + label::before,

.icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #f39c12;

    border-color: #f39c12;

}



.icheck-pumpkin > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-pumpkin > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #d35400;

}



.icheck-pumpkin > input:first-child:checked + label::before,

.icheck-pumpkin > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #d35400;

    border-color: #d35400;

}



.icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #c0392b;

}



.icheck-pomegranate > input:first-child:checked + label::before,

.icheck-pomegranate > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #c0392b;

    border-color: #c0392b;

}



.icheck-silver > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-silver > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #bdc3c7;

}



.icheck-silver > input:first-child:checked + label::before,

.icheck-silver > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #bdc3c7;

    border-color: #bdc3c7;

}



.icheck-asbestos > input:first-child:not(:checked):not(:disabled):hover + label::before,

.icheck-asbestos > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {

    border-color: #7f8c8d;

}



.icheck-asbestos > input:first-child:checked + label::before,

.icheck-asbestos > input:first-child:checked + input[type="hidden"] + label::before {

    background-color: #7f8c8d;

    border-color: #7f8c8d;

}



/**/



.txt_menu {

    font-size: 24px;

    font-weight: bolder;

    padding-bottom: 15px;

}



.nav-item {

    font-weight: bolder;

}



.txt_header {

    padding-top: 35px;

    padding-bottom: 25px;

    font-size: 22px;

    font-weight: bolder;

}



.txt_head {

    /*    padding-top: 35px;

    padding-bottom: 25px;*/

    font-size: 20px;

    font-weight: bolder;

    margin-bottom: 15px;

}



.txt_title {

    font-size: 17px;

    /*font-weight: bolder;*/

    padding-bottom: 20px;

    text-align: justify;

    text-justify: inter-word;

}



.txt_content {

    font-size: 17px;

    color: #fff;

    padding-bottom: 20px;

}



.navbar-light .navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;

}



.aim_nav {

    display: flex;

    align-items: center;

    justify-content: center;

}



    .aim_nav .nav-link {

        font-size: 13px;

    }



.txt_willbe {

    font-weight: bolder;

    font-size: 20px;

    padding-top: 100px;

}



.label_input {

    font-weight: bolder;

}



.lable_required {

    color: #ff0000;

    font-weight: bolder;

}



.txt_required::after {

    content: " *";

    color: #ff0000;

    font-weight: bolder;

}



@media (max-width: 1000px) {

    .navbar-nav {

        border-radius: 0px;

        height: unset;

    }



    .aim_logo {

        height: 80px;

    }

}



@media (max-width: 768px) {

    #navbarMenu {

        padding-top: 8px;

    }

}



/*@media only screen and (device-width: 768px) {*/

/* For general iPad layouts */

/*}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {*/

/* For portrait layouts only */

/*}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {*/

/* For landscape layouts only */

/*}*/





/* Aim Connex*/



.bg_menu {

    background: #fff;

}



.color_main {

    color: #dd5222;

}



.color_second {

    color: #091483;

}



.text_head {

    font-weight: bolder;

    font-size: 35px;

}



.text_title {

    font-weight: bolder;

    font-size: 25px;

}



.text_note {

    font-size: 16px;

}



.navbar {

    padding: 0px !important;

}



.navbar-light .navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;

}



.navbar-light .navbar-nav .nav-link {

    color: #fff !important;

    font-size: 14px;

}



.navbar-nav {

    background: #dd5222 !important;

    border-bottom-left-radius: 50px;

    min-height: 100px;

}



.nav_register {

    background: #1c2853;

    border-radius: 20px;

}



.aim_nav {

    display: flex;

    align-items: center;

    justify-content: center;

}



    .aim_nav .nav-link {

        font-size: 13px;

    }



.form-control_main {

    border: 1px solid #b0b0b0;

    border-radius: 8px;

}







.btn_main {

    background: #bb1432;

    color: #fff;

    padding: 8px 30px !important;

}



    .btn_main:hover {

        background: #bb1432;

        color: #fff;

        padding: 8px 30px !important;

    }







/* alert Toast*/



.btn {

    margin: 0px !important;

}



.text_header_table {

    font-size: 12px !important;

    color: #000 !important;

}



.custom-toast-container {

    position: fixed;

    right: 0;

    bottom: 0;

    z-index: 1050;

    margin-bottom: 1rem;

}



.custom-toast {

    opacity: 0;

    transform: translateY(100%);

    transition: opacity 0.3s, transform 0.3s;

    width: 400px;

    height: auto;

    padding: 10px 15px;

    background-color: #ffffff;

    border-radius: 20px; /*140*/

    box-shadow: 0 9px 10px rgb(0 0 0 / 29%);

    margin-right: 1rem;

    align-items: center;

    display: flex;

    margin-bottom: 0.5rem;

}



    .custom-toast.show {

        opacity: 1;

        transform: translateY(0);

    }



    .custom-toast .icon-container {

        display: flex;

        align-items: center;

        margin-right: 10px;

    }



        .custom-toast .icon-container > svg {

            height: 34px;

        }



    .custom-toast .content-container {

        display: flex;

        flex-direction: column;

        flex: 1;

    }



        .custom-toast .content-container .title {

            font-weight: 600;

            font-size: 15px;

        }



        .custom-toast .content-container .message {

            font-size: 14px;

            font-weight: 400;

            color: #111215;

        }



    .custom-toast > button {

        background-color: transparent;

        font-size: 25px;

        color: #9b9dab;

        cursor: pointer;

        border: 0;

        padding: 0;

        margin: 0;

        height: 34px;

        width: 34px;

    }



    .custom-toast.success .icon-container > svg {

        fill: #47D764;

    }



    .custom-toast.success .content-container .title {

        color: #47d764;

    }



    .custom-toast.error .icon-container > svg {

        fill: #ff355b;

    }



    .custom-toast.error .content-container .title {

        color: #ff355b;

    }



    .custom-toast.info .icon-container > svg {

        fill: #2F86EB;

    }



    .custom-toast.info .content-container .title {

        color: #2F86EB;

    }



    .custom-toast.warning .icon-container > svg {

        fill: #FFC021;

    }



    .custom-toast.warning .content-container .title {

        color: #FFC021;

    }



.custom-toast-container .custom-toast:last-child {

    margin-bottom: 1rem;

}



@media (max-width: 568px) {

    .custom-toast {

        margin: auto 0.5rem;

        left: 0;

        right: 0;

        width: calc(100% - 1rem);

        margin-bottom: 0.5rem;

    }



    .custom-toast-container {

        margin: 0;

    }

}



.lead {

    font-size: 1.5rem;

    font-weight: 300;

    background: linear-gradient(to right, #000000 0%, #000000 50%,#999999 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin: 3rem auto;

}



/* end alert toast*/