:root {

    --accent: #FB8501;

    --danger: #ff3366;

}



/* ----------------------------------- General ----------------------------------- */

    .font-weight-200 { font-weight: 200 !important; }

    .font-weight-light { font-weight: 300 !important; }

    .font-weight-lighter { font-weight: lighter !important; }

    .font-weight-normal { font-weight: 400 !important; }

    .font-weight-500 { font-weight: 500 !important; }

    .font-weight-600 { font-weight: 600 !important; }

    .font-weight-bold { font-weight: 700 !important; }

    .font-weight-800 { font-weight: 800 !important; }

    .font-weight-900 { font-weight: 900 !important; }

    .font-weight-bolder { font-weight: bolder !important; }

    .font-italic { font-style: italic !important; }



    .font-10 { font-size: 10px !important; }

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

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

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

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

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

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

    .font-17 { font-size: 17px !important; }

    .font-18 { font-size: 18px !important; }

    .font-19 { font-size: 19px !important; }

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

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



    .opacity-1 { opacity: 0.1; }

    .opacity-2 { opacity: 0.2; }

    .opacity-3 { opacity: 0.3; }

    .opacity-4 { opacity: 0.4; }

    .opacity-5 { opacity: 0.5; }

    .opacity-6 { opacity: 0.6; }

    .opacity-7 { opacity: 0.7; }

    .opacity-8 { opacity: 0.8; }

    .opacity-9 { opacity: 0.9; }



    .nav-item .nav-link:hover { background: transparent !important; }



    .text-note { font-size: 11px; line-height: 14px; color: rgba(0, 0, 0, 0.5); }

    .text-note span { color: #ff3366; }



    .checkbox-custome input[type="checkbox"] {

        position: relative;

        width: 18px;

        height: 18px;

        border-radius: 3px;

        color: black;

        border: 1px solid #727cf5;

        appearance: none;

        outline: 0;

        cursor: pointer;

        transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);

        -webkit-transition: all;

        -moz-transition: all;

        -ms-transition: all;

        -o-transition: all;

        transition: all;

        transition-duration: 0s;

        -webkit-transition-duration: 250ms;

        transition-duration: 250ms;

    }

    .checkbox-custome input[type="checkbox"]:before {

        position: absolute;

        content: '';

        display: block;

        top: 0px;

        left: 4px;

        width: 8px;

        height: 13px;

        border-style: solid;

        border-color: white;

        border-width: 0 2px 2px 0;

        transform: rotate(45deg);

        opacity: 0;

        -webkit-transition: all;

        -moz-transition: all;

        -ms-transition: all;

        -o-transition: all;

        transition: all;

        transition-duration: 0s;

        -webkit-transition-duration: 250ms;

        transition-duration: 250ms;

    }

    .checkbox-custome input[type="checkbox"]:checked { color: #ffffff; border-color: #727cf5; background: #727cf5; }

    .checkbox-custome input[type="checkbox"]:checked::before { opacity: 1; }

/* ----------------------------------- End General ----------------------------------- */







/* ----------------------------------- Login ----------------------------------- */

    .section-login { background: #ffffff; overflow: hidden; width: 100%; height: 100vh; } 

    .section-login .page-content {  }

    .section-login .block-thumbnails { position: relative; overflow: hidden; padding: 40px; border-right: 1px solid #C7C7C7; }

    .section-login .block-thumbnails img { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }



    .section-login .block-form { padding: 40px; }

    .section-login .block-form img.logo-ultrapreneur { width: auto; max-height: 60px; margin: 0 auto; margin-bottom: 50px; }

    .section-login .block-form h2 { font-weight: 800; font-size: 28px; line-height: 120%; color: #000000; }



    .section-login .block-form .form-login { margin-top: 20px; }

    .section-login .block-form .form-login .form-group label { font-weight: 500; font-size: 14px; line-height: 120%; letter-spacing: 1.3; color: #000000; }

    .section-login .block-form .form-login .form-group input { 

        border: 0; 

        background: #FFFFFF; 

        box-shadow: none; 

        border-bottom: 1px solid var(--accent); 

        border-radius: 2px; 

        padding-left: 0px;

    }



    @media screen and (max-width: 767px) {

        .section-login { height: auto; }

        .section-login .block-thumbnails h2 { text-align: center; }

        .section-login { margin: 0 auto; width: 100%; height: auto; }



        .section-login .box-banner { min-height: 380px; max-height: 380px; }

        .section-login .box-banner h2 { font-size: 28px; text-align: center; }

        .section-login .box-banner h2 span { font-size: 28px; text-align: center; }

        .section-login .box-banner .thumnails img { max-width: 180px; }



        .section-login .block-form { min-height: 470px; max-height: 470px; padding: 20px; }

    }

/* ----------------------------------- End Login ----------------------------------- */





/* ----------------------------------- Button ----------------------------------- */

    .btn-orange { color: #ffffff; background-color: #fb8501 !important; border-color: #fb8501; font-size: 15px; font-weight: 900; }

    .btn-orange:hover { color: #ffffff; background: rgba(251, 133, 1, 0.9); border-color: #0062cc; }

    .btn-orange:focus, .btn-orange.focus {

        -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); 

    }

    .btn-orange.disabled, .btn-orange:disabled { color: #ffffff; background-color: #fb8501; border-color: #fb8501; }

    .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,

    .show > .btn-orange.dropdown-toggle {

        color: #ffffff;

        background-color: #0062cc;

        border-color: #005cbf; 

    }

    .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,

    .show > .btn-orange.dropdown-toggle:focus {

        -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); 

    }





    .btn-accent { color: #ffffff; background: var(--accent); font-size: 14px; line-height: 14px; letter-spacing: 0.02em; }

    .btn-accent:hover, .btn-accent:focus { color: var(--accent) !important; background: transparent; border-color: var(--accent); }

/* ----------------------------------- End Button ----------------------------------- */





/* ----------------------------------- Modal ----------------------------------- */

    .modal-style {  }

    .modal-style .modal-dialog .modal-content { 

        border: 0; 

        border-radius: 8px;

        background-color: rgba(255, 255, 255, 1);

        box-shadow: 8px 8px 20px 10px rgba(0, 0, 0, 0.3); 

    }

    .modal-style .modal-dialog .modal-content .modal-body { /*padding: 20px;*/ }

    .modal-style .modal-dialog .modal-content .modal-body .modal-title {

        font-size: 18px; 

        line-height: 22px;

        font-weight: 800;

        letter-spacing: -0.02em; 

        color: #2D2D2D;

        margin-bottom: 17px;

    }

    .modal-style .modal-dialog .modal-content .modal-body hr { border-bottom: 0.5px solid rgba(45, 45, 45, 1) !important; }

    .modal-style .modal-dialog .modal-content .modal-body .block-bottom { margin-top: 20px; }



/* ----------------------------------- End Modal ----------------------------------- */





/* ----------------------------------- Form Style ----------------------------------- */

    .has-error { color: var(--danger); font-weight: normal; font-size: 12px; }

    .has-error > input { border: 1px solid var(--danger); }

    .has-error > select { border: 1px solid var(--danger); }

    .has-error > textarea { border: 1px solid var(--danger); }

    .has-error > .select2-container .select2-selection--single { border: 1px solid var(--danger); }





    .form-style { width: 100%; }

    .form-style .form-group { width: 100%; position: relative; margin-bottom: 15px; }

    .form-style .form-group label { font-family: 'Fira Sans', sans-serif; font-weight: 600; font-size: 14px; line-height: 24px; color: #000000; }

    .form-style .form-group .form-control {

        font-family: 'Fira Sans', sans-serif;

        font-size: 14px;

        color: #4F4F4F;

        box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);

        border: 1px solid #CED2D1;

        border-radius: 5px;

    }

    .form-style .form-group .form-control::placeholder { font-weight: normal; font-size: 12px; color: rgba(0, 0, 0, 0.5); }

    .form-style .form-group .form-control::-webkit-input-placeholder { font-weight: normal; font-size: 12px; color: rgba(0, 0, 0, 0.5); }

    .form-style .form-group .form-control::-moz-placeholder { font-weight: normal; font-size: 12px; color: rgba(0, 0, 0, 0.5); }

    .form-style .form-group .form-control:-ms-input-placeholder { font-weight: normal; font-size: 12px; color: rgba(0, 0, 0, 0.5); }

    .form-style .form-group .form-control:-moz-placeholder { font-weight: normal; font-size: 12px; color: rgba(0, 0, 0, 0.5); }

    .form-style .form-group select.form-control option {

        font-size: 14px !important;

        color: #4F4F4F !important;

        padding: 10px 0;

        border: 0 !important;

    }



    .form-style .form-group input[type=checkbox] { appearance: checkbox !important; -moz-appearance: checkbox !important; -webkit-appearance: checkbox !important; -o-appearance: checkbox !important; -ms-appearance: checkbox !important; }

    .form-style .form-group input[type=radio] { appearance: radio !important; -moz-appearance: radio !important; -webkit-appearance: radio !important; -o-appearance: radio !important; -ms-appearance: radio !important; }

    .form-style .form-group input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }



    .form-style .form-group .input-border-line { border: none; border-bottom: 1px solid var(--accent); border-radius: 0; padding-left: 0; }



    .form-style .form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: var(--accent); border-color: var(--accent); }

    .form-style .form-group .custom-checkbox .custom-control-input:focus~.custom-control-label::before { box-shadow: none; }



    .eye-icon-secret { position: absolute; bottom: 10px; right: 10px; color: #151515; }

/* ----------------------------------- End Form Style ----------------------------------- */





.list-group-style { border: 0; }

.list-group-style .list-group-items {

    list-style: none;

    padding: 8px;

    margin-bottom: 10px;

    background-color: #ffffff;

    border-bottom: 0.5px solid red rgba(0, 0, 0, 0.1);

    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);

}





.list-info {  }

.list-info .list-items { margin-bottom: 15px; }

.list-info .list-items:last-child { margin-bottom: 0px; }

.list-info .list-items label { font-weight: bold; font-size: 14px; line-height: 120%; margin-bottom: 0px; }

.list-info .list-items p { font-size: 14px; line-height: 120%; margin-bottom: 0px; }