/* FONT */
body, h1, h2, h3, h4, h5, h6,
small, .font-body, .form-control, .btn,
label, input, select, textarea,
.nav-link, .breadcrumb, .modal-title,
.page-title h3, #footer,
.feature-box .fbox-content h3,
.feature-box .fbox-content p { font-family: 'Inter', sans-serif !important; }

/* TAG */
body.is-expanded-menu .primary-menu-trigger { display: none; }
body:not(.is-expanded-menu) .primary-menu .menu-container { display: none; position: absolute; top: 60px; left: 0; right: 0; background: #d16c00; z-index: 1000; max-height: calc(100vh - 60px); overflow-y: auto; padding: 10px 0; }
body:not(.is-expanded-menu).primary-menu-open .primary-menu .menu-container { display: block!important; }
body:not(.is-expanded-menu) .primary-menu .sub-menu-container { display: none; list-style: none; padding: 0 0 0 10px; margin: 0 }
body:not(.is-expanded-menu) .primary-menu .menu-item.sub-menu-open > .sub-menu-container { display: block!important }
body:not(.is-expanded-menu) .primary-menu .sub-menu-container .menu-item > .menu-link { font-size:0.8rem!important; --cnvs-primary-menu-padding-y: 8px !important; --cnvs-primary-menu-padding-x: 10px !important; }
body:not(.is-expanded-menu) .primary-menu .menu-item > .menu-link { font-size:0.8rem!important; --cnvs-primary-menu-padding-y: 8px !important; --cnvs-primary-menu-padding-x: 10px !important;  }
body:not(.is-expanded-menu) .sub-menu-container .menu-item > .menu-link { padding: 5px 5px; }

form { margin: 0px !important }
hr { height: 2px !important; color: #cf6c02; opacity: 1}
input.switch-toggle-flat + label::after { background-color: #bfbfbf; }
input.switch-toggle-flat + label { background-color: #bfbfbf; }
input.switch-toggle-flat:checked + label { background-color: #cf6c02; }
input.switch-toggle-flat:checked + label::after { background-color: #cf6c02; }
textarea.form-control { min-height: 100px !important;}
ul.navbar-nav li.nav-item a.nav-link { height: 28px; line-height: 28px; margin: 8px 4px; padding: 0 14px; color: #FFF; font-size: 14px; border-radius: 14px; }
ul.navbar-nav li.nav-item a.nav-link:hover { background-color: rgba(0,0,0,0.15); }
ul.nav.canvas-alt-tabs2.canvas-tabs > li.nav-item > button.nav-link { font-size:14px !important; }
body { font-size: 14px !important}

/* ID */
#divRecaptcha.regRecaptcha > div { width: 100% !important; text-align:center;}
#divRecaptcha.recoverRecaptcha > div { width: 100% !important; text-align:center;}
#footer .footer-widgets-wrap { padding: 50px 0; }
#header { border-right: 3px solid #cf6c02 !important; border-bottom: none!important; --cnvs-header-height: var(--cnvs-header-height-sm) }
#header-trigger { background: #d16c00!important; color:white }

/* CLASS */
.breadcrumb a { color: #fff }
.breadcrumb a:hover {  color: #ccc!important; text-decoration: underline!important; }
.button-red:hover { background-color: rgb(141, 33, 51); color: #FFF; }
.button-green:hover { background-color: rgb(78, 160, 57); color: #FFF; }
.button-pr { background-color: #cf6c02!important; color: #FFF!important; }
.button-pr:hover { background-color: #e77a0e!important; color: #FFF!important; }
.button-grey { background-color: #555!important; color: #FFF!important; }
.button-grey:hover { background-color: #777!important; color: #FFF!important; }
.canvas-tabs .nav-link.active, .canvas-tabs .nav-tabs .nav-item.show .nav-link, .canvas-tabs.nav-tabs .nav-link.active, .canvas-tabs.nav-tabs .nav-tabs .nav-item.show .nav-link { background-color: #cf6c02; color: #fff; }
.datepicker {z-index: 2000 !important}
.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link { color: #bbb; }
.dark .primary-menu:not(.not-dark) .sub-menu-container, .dark .primary-menu:not(.not-dark) .mega-menu-content { background-color: #012c3b; border-top-color: #012c3b; }
.drop_menu { background-color: #cf6c02; }
.dropdown-item { color: #ffffff!important; background-color: #cf6c02; font-size:14px!important }
.dropdown-item:hover, .dropdown-item:focus {color: #1e2125!important; background-color: #cf6c02; }
.dropdown-item.bg_th:hover, .dropdown-item.bg_th:focus {color: #cf6c02!important; }
.full-header .primary-menu .menu-container { border-right: 0px solid #EEE !important}
.full-header #logo { border-right: 0px solid #EEE !important}
.header-wrap-clone { height: calc(var(--cnvs-header-height) + 0px); }
.is-expanded-menu .sub-menu-container .menu-item > .menu-link { font-size:12px!important }
.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link { color: #eee!important }
.menu-link { font-weight: 500; font-size: 0.8rem; letter-spacing: 0px; text-transform: uppercase; }
.modal-content, .modal-header{ border-radius: 0px }
.modal-content { border: none }
.modal-header { border-bottom: 3px solid #b15c01; background: #d16c00 }
.modal-header .modal-title { color: #fff; margin: auto; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: -1px; }
.modal-body { padding: 20px }
.modal-footer { border-top: 1px solid #cf6c02; display: flow-root; text-align: center }
.navbar { padding-top: 0rem; padding-bottom: 0rem; border:none; }
.page-title { --cnvs-page-title-padding: 1rem; border-bottom: none !important; }
.page-title h3 { font-weight: 300; font-size: 1.5rem; letter-spacing: 0px; color: #fff; margin: 0; }
.page-title .breadcrumb { margin: 0; }
.page-title .breadcrumb-item, .page-title .breadcrumb-item a { color: #fff; font-size: 0.85rem; }
.page-title .breadcrumb-item a:hover { color: #ccc; }
.page-title-row { align-items: center!important; }
.primary-menu-trigger { display: flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 12px; cursor: pointer; color: #fff; border-radius: 4px; position: relative; z-index: 1001; touch-action: manipulation; pointer-events: auto; }
.primary-menu-trigger.bg_th { background-color: #d16c00 !important; }
.primary-menu-trigger > * { pointer-events: none; }
.process-steps li.active a, .process-steps li.ui-tabs-active a { background-color: #cf6c02 !important;}
.progress.checkmark { background-color: #59BA41!important;}
.progress.remove { background-color: #C02942!important; }
.progress-percent.checkmark { background-color: #59BA41 !important; }
.progress-percent.checkmark::after { border-top-color: #59BA41; }
.progress-percent.checkmark::before { border-top-color: #59BA41; }
.progress-percent.remove { background-color: #C02942 !important; }
.progress-percent.remove::after { border-top-color: #C02942; }
.progress-percent.remove::before { border-top-color: #C02942; }
.skills { padding-top: 15px }
.skills li { margin-top: 30px; }
.skills li > span { line-height: 25px; }
.tab-nav i { font-size: 20px; }
.table.b_none th, .table.b_none td { border: 0px solid #fff !important }
.table > tbody { vertical-align: middle !important; border-top: 0px solid #fff!important;}
.table > thead > tr > th { font-weight: 500!important; }
.ui-timepicker-standard a { border: 0px solid transparent!important; padding: 0.05em 0.4em !important; font-size: 16px!important; font-family: 'Inter'!important; }
.ui-timepicker-standard .ui-state-hover { background-color: #0d6efd!important; color: #ffffff!important; }
.ui-timepicker-standard { z-index: 10000!important }

@media (min-width: 1200px) {
    .tab-nav li { min-width: 200px; }
    .tab-nav li.economic_months { min-width: 80px; }
}

@media (max-width: 992px) {
    .page-title h3 { text-align: center !important; }
    .page-title .breadcrumb { justify-content: center; }
}

@media (min-width: 768px){
    h4.form_title { margin-bottom: 5px; }
    .responsive_font_size { font-size: 14px!important }
    .navbar-collapse { display: flex !important; flex-basis: auto; }
}

@media (max-width: 768px){
    h3.form_title { margin-bottom: 5px; }
    h4.form_title { margin-bottom: 8px; }
    form .form-group { margin-bottom: 10px; }
    form .form-group > label { margin-bottom: 5px; }
    .page-title { --cnvs-page-title-padding: 0.75rem !important; }
    .responsive_font_size { font-size: 12px!important }
    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #fff; background-color: var(--cnvs-themecolor); border-color: var(--bs-nav-tabs-link-active-border-color); }
    .nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link { background-color: #e9ecef; }
    .nav.canvas-alt-tabs2, .nav.canvas-alt-tabs { flex-direction: row!important }
    .tabs li .nav-link { margin: 0px; padding: 5px 15px!important }
    .tabs li .nav-link > i { font-size:1.3rem !important}
}