/*
Author       : Waytoweb
Template Name: Qh Qh
Version      : 1.0
*/

/*  Font Face Style */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

/*  Global */
:root {
	--bs-primary: #296DBD;
	--bs-primary-dark: #2164b4;
	--bs-secondary: #FF6A6A;
}
img { max-width:100%; height:auto; }
body { color: #3E3F41; font-size: 14px; line-height: 1.5em; background-color: #f9faff; font-family: 'DM Sans', sans-serif; overflow-x: hidden; }

/* Typography  */
video, audio { max-width:100%; height:auto; }
object { max-width:100%; }
iframe { max-width:100%; }
strong { font-weight:bold; }
a { text-decoration: none; color: var(--bs-primary); }
a:hover { color: var(--bs-primary-dark); }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; line-height: 1.5; margin: 0 0 15px; color: var(--bs-primary); }
h1, h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4, h5 { font-size: 16px; }
h6 { font-size: 14px; }
ul { margin:0 0 12px; }
p { line-height:1.5; margin-bottom:12px; }

/* Base  */
.app { position: relative; display: flex; flex-direction: column; min-height: 100vh; }
a.disable-link {  cursor: default; pointer-events: none; }

/* Auth  */
.auth-wrap { background: #ffffff url("../images/auth.png") no-repeat center left; background-size: contain; padding: 100px 250px 100px 310px; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; }
.auth-wrap-panel { display: flex; align-items: center; max-width: 1350px; }
.auth-wrap-thumb { width: 50%; padding-right: 20px; text-align: center; }
.auth-logo { width: 320px; height: 318px; margin-bottom: 30px; }
.auth-wrap-thumb h2 {  font-weight: 500; color: #545454; font-size: 20px; margin-bottom: 0; }
.auth-wrap-content { width: 50%; padding-left: 150px; }
.auth-wrap-content h2 { color: #545454; margin-bottom: 54px; font-weight: 500; }
.auth-wrap-footer { text-align: center; }
.auth-note { color: #545454; font-size: 14px; margin-bottom: 0; }
.auth-link { font-size: 18px; margin-bottom: 44px; display: block; text-decoration: underline; }
.auth-link:hover, .auth-link:focus { text-decoration: none; }
.auth-form { position: relative; margin-bottom: 30px; }
.auth-form .form-control { border: 0 none; padding: 10px 0; border-radius: 0; border-bottom: 1.2px solid rgba(139, 139, 139, 0.6); background-color: transparent; font-weight: 500; font-size: 20px; line-height: 36px; color: var(--bs-primary); }
.auth-form .form-control:focus { box-shadow: none; }
.auth-form .form-floating > label { padding: 10px 0; font-weight: 500; font-size: 20px; color: #8B8B8B; }
.auth-form .form-floating > .form-control-plaintext ~ label,
.auth-form .form-floating > .form-control:focus ~ label,
.auth-form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.auth-form .form-floating > .form-select ~ label { opacity: 0.8; font-weight: 400; font-size: 15px; transform: scale(1) translateY(-1.8rem) translateX(0); }
.auth-form .form-floating { margin: 35px 0; }
.auth-form .form-floating.form-email { margin-bottom: 64px; }
.auth-form .form-check { margin-bottom: 52px; }
.auth-form .form-check-label { font-weight: 400; font-size: 16px; line-height: 26px; color: #545454; }
.auth-form .form-check-input { width: 18px; height: 18px; border: 2px solid var(--bs-primary); border-radius: 2px; margin-right: 15px; margin-top: 4px; }
.auth-form .input-group-text { cursor: pointer; border: 0 none; background-color: transparent; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0; }
.auth-form .form-control.form-control-password { padding-right: 40px; }
.auth-form .btn { font-weight: 500; font-size: 22px; text-align: center; width: 100%; border-radius: 16px; min-height: 60px; }

/* Form */
.form-field { position: relative; margin-bottom: 30px; }
.form-select-box { position: relative; }
.form-label { font-size: 16px; margin-bottom: 10px; }
.app-input-group { position: relative; }
.app-input-group .input-group-text { background-color: transparent; border-color: rgba(0, 0, 0, 0.2); border-radius: 10px; width: 68px; color: #717171; font-weight: 400; font-size: 20px; display: flex; align-content: center; justify-content: center; }
.app-input-group > .form-control { border-radius: 10px; color: #717171; font-weight: 400; font-size: 20px; padding: 18px 26px; }
.form-field-value { font-weight: 700; font-size:18px; color: var(--bs-primary); }
.form-control:focus { box-shadow: none; }
.form-field-value-lg { font-weight: 700; font-size: 18px; color: var(--bs-primary); }
.form-field-value-md { font-weight: 400; font-size: 16px; color: var(--bs-primary); text-transform: uppercase; }
.form-field .form-control { border-radius: 10px; padding: 15px 20px; font-size: 16px; color: #717171; }
.form-field .form-control.bg-light-gray { border-color: #F8F8F8; color: var(--bs-primary); }
.form-field .form-control.bg-light-gray:focus { border-color: #F8F8F8; background-color: #F8F8F8; }
.form-field .form-control::-webkit-input-placeholder { color: #717171; opacity: 0.5; }
.form-field .form-control::-moz-placeholder { color: #717171; opacity: 0.5; }
.form-field .form-control:-ms-input-placeholder { color: #717171; opacity: 0.5; }
.form-field .form-control:-moz-placeholder { color: #717171; opacity: 0.5; }
.form-field .form-control.bg-light-gray::-webkit-input-placeholder { color: var(--bs-primary); }
.form-field .form-control.bg-light-gray::-moz-placeholder { color: var(--bs-primary); }
.form-field .form-control.bg-light-gray:-ms-input-placeholder { color: var(--bs-primary); }
.form-field .form-control.bg-light-gray:-moz-placeholder { color: var(--bs-primary); }
.form-field .form-control.bg-light-gray.text-black-50::-webkit-input-placeholder { color: rgba(0,0,0,.5); }
.form-field .form-control.bg-light-gray.text-black-50::-moz-placeholder { color: rgba(0,0,0,.5); }
.form-field .form-control.bg-light-gray.text-black-50:-ms-input-placeholder { color: rgba(0,0,0,.5); }
.form-field .form-control.bg-light-gray.text-black-50:-moz-placeholder { color: rgba(0,0,0,.5); }

/* App Form Dropdown */
.app-form-dropdown { position: relative; }
.app-form-dropdown .dropdown-toggle { background-color: #F8F8F8; border-radius: 10px; color: var(--bs-primary); padding: 15px 20px; font-weight: 700; font-size: 18px; width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between; }
.app-form-dropdown .dropdown-toggle::after { transition: all 0.4s ease-in-out; background: url("../images/icon-arrow-down.svg") no-repeat center; background-size: 12px auto; border: 0 none; height: 8px; width: 12px; }
.app-form-dropdown .dropdown-toggle.show::after { transform: rotate(180deg); }
.btn-check:checked + .app-form-dropdown .dropdown-toggle, .app-form-dropdown .dropdown-toggle.active, .app-form-dropdown .dropdown-toggle.show, .app-form-dropdown .dropdown-toggle:first-child:active, :not(.btn-check) + .app-form-dropdown .dropdown-toggle:active { color: var(--bs-primary); background-color: #F8F8F8; border-color: #F8F8F8; }
.app-form-dropdown .dropdown-menu { width: 100%; background-color: #F8F8F8; border-radius: 10px; padding: 22px 0; border-color: #F8F8F8; }
.app-form-dropdown .dropdown-menu[data-popper-placement="bottom-start"] { border-radius: 0 0 10px 10px; margin-top: -5px !important; border-top-color: rgba(41, 109, 189, 0.5); }
.dropdown-form-field { padding: 8px 20px; font-weight: 500; font-size: 18px; color: #717171; }
.dropdown-form-field .form-check { padding-left: 0; margin-bottom: 0; position: relative; }
.dropdown-form-field .form-check-input { width: 17px; height: 17px; margin-top: 0; border-color: var(--bs-primary); margin-left: 0; position: absolute; right: 0; top: 50%; z-index: 1; transform: translateY(-50%); }
.dropdown-form-field .form-check-input[type="checkbox"] { border-radius: 0; }
.dropdown-form-field .form-check-input:focus { box-shadow: none; }
.dropdown-form-field .form-check-input:checked { background-color: transparent; }
.dropdown-form-field .form-check-input:checked[type="checkbox"] { background: none; }
.dropdown-form-field .form-check-label { position: relative; padding-right: 40px; display: block; }
.dropdown-form-field .form-check-label::before { content: ''; position: absolute; right: -5px; top: 2px; z-index: 1; width: 24px; height: 18px; background: none; }
.dropdown-form-field .form-check-input:checked + .form-check-label::before { background: url('../images/icon-checked.svg') no-repeat center; }
.dropdown-form-field.left .form-check-label { padding-right: 0; padding-left: 40px; }
.dropdown-form-field.left .form-check-input { right: auto; left: 0; }
.dropdown-form-field.left .form-check-label::before { right: 0; left: 0; }

/* Select2 Container */
.select2-container { width: 100% !important; }
.select2-container .select2-selection--single { height: 62px; }
.select2-container--default .select2-selection--single { background-color: #F8F8F8; border: 1px solid #F8F8F8; border-radius: 10px; }
.select2-container .select2-selection__clear { display: none; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 50px; font-weight: 400; font-size: 16px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--bs-primary); line-height: 62px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 60px; top: 0; right: 20px; width: 14px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { transition: all 0.4s ease-in-out; background: url("../images/icon-arrow-down.svg") no-repeat center; background-size: 12px auto; border: 0 none; height: 8px; width: 12px; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent; border-width: 0; transform: rotate(180deg); }
.select2-container.select2-container--open { z-index: 1058; }
.select2-results__option { padding: 6px 12px; }

/* Buttons */
.btn-primary { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: var(--bs-primary-dark); border-color: var(--bs-primary-dark); box-shadow: none; }
.btn-secondary { color: #fff; background-color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); box-shadow: none; }
.btn-success-light { color: #21BF86; background-color: #E5FFE4; border-color: #E5FFE4; }
.btn-success-light:hover, .btn-success-light:focus,
.btn-check:checked + .btn-success-light, .btn-success-light.active, .btn-success-light.show, .btn-success-light:first-child:active, :not(.btn-check) + .btn-success-light:active { color: #21BF86; background-color: #d1f1d0; border-color: #d1f1d0; box-shadow: none; }
.btn-secondary-light { color: #FF6A6A; background-color: #FFE1E1; border-color: #FFE1E1; }
.btn-secondary-light:hover, .btn-secondary-light:focus,
.btn-check:checked + .btn-secondary-light, .btn-secondary-light.active, .btn-secondary-light.show, .btn-secondary-light:first-child:active, :not(.btn-check) + .btn-secondary-light:active { color: #FF6A6A; background-color: #f7caca; border-color: #f7caca; box-shadow: none; }
.btn-gray { color: #fff; background-color: #717171; border-color: #717171; }
.btn-gray:hover, .btn-gray:focus,
.btn-check:checked + .btn-gray, .btn-gray.active, .btn-gray.show, .btn-gray:first-child:active, :not(.btn-check) + .btn-gray:active { color: #fff; background-color: #8a8686; border-color: #8a8686; box-shadow: none; }
a.anchor-btn { border-radius: 6px; text-decoration: none; line-height: 1.3; }
a.anchor-btn img { width: 16px; height: 12px; margin-right: 8px; }
.btn-primary-light { color: var(--bs-primary); background-color: rgba(213, 237, 255, 0.28); border-color: rgba(213, 237, 255, 0.28); }
.btn-primary-light:hover, .btn-primary-light:focus, .btn-check:checked + .btn-primary-light, .btn-primary-light.active, .btn-primary-light.show, .btn-primary-light:first-child:active, :not(.btn-check) + .btn-primary-light:active { color: var(--bs-primary); background-color: rgba(213, 237, 255, 0.38); border-color: rgba(213, 237, 255, 0.38); box-shadow: none; }
.btn-primary-bordered { color: var(--bs-primary); background-color: transparent; border-color: #D5EDFF; }
.btn-primary-bordered:hover, .btn-primary-bordered:focus, .btn-check:checked + .btn-primary-bordered, .btn-primary-bordered.active, .btn-primary-bordered.show, .btn-primary-bordered:first-child:active, :not(.btn-check) + .btn-primary-bordered:active { color: var(--bs-primary); background-color: #D5EDFF; border-color: #D5EDFF; box-shadow: none; }
.app-btn-link { position: relative; font-size: 16px; text-decoration: none; }
.app-btn-link:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; background-color: var(--bs-primary); width: 100%; height: 2px; transition: all 0.4s ease-in-out; }
.app-btn-link:hover:before { width: 0; }
.plus-circle { background-color: var(--bs-primary); color: #fff; min-width: 44px; width: 44px; height: 44px; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; }
.btn-gray-light { color: var(--bs-primary); background-color: #F8F8F8; border-color: #F8F8F8; }
.btn-gray-light:hover, .btn-gray-light:focus,
.btn-check:checked + .btn-gray-light, .btn-gray-light.active, .btn-gray-light:first-child:active, :not(.btn-check) + .btn-gray-light:active { color: var(--bs-primary); background-color: #e9e5e5; border-color: #e9e5e5; box-shadow: none; }
.btn-schedule { border-radius: 10px; min-width: 296px; white-space: nowrap; display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-size: 18px; padding: 8px 18px 8px 20px; }
.btn-schedule .plus-circle { margin-left: 20px; }
.app-btn-group { display: flex; align-items: center; flex-wrap: wrap; margin: 0 -10px; }
.app-btn-group .btn { font-weight: 700; font-size: 16px; border-radius: 10px; padding: 14px 30px; margin: 0 10px; }
.app-btn-group .btn img, .app-btn img { margin-right: 10px; width: 22px; height: 22px; }
.app-btn { font-weight: 700; font-size: 16px; border-radius: 20px; padding: 14px 30px; }
.app-btn-exit { font-size: 20px; height: 72px; min-width: 235px; display: flex; align-items: center; justify-content: center; }
.btn-warning-light { color: #ffc107; background-color: #fffce1; border-color: #fffce1; }
.btn-warning-light:hover, .btn-warning-light:focus, .btn-check:checked + .btn-warning-light, .btn-warning-light.active,
.btn-warning-light.show, .btn-warning-light:first-child:active, :not(.btn-check) + .btn-warning-light:active { color: #ffc107; background-color: #f9f2b2; border-color: #f9f2b2; box-shadow: none; }
.btn-disabled-light { color: #717171; background-color: #e7e4e4; border-color: #e7e4e4; }
.btn-disabled-light:hover, .btn-disabled-light:focus,.btn-check:checked + .btn-disabled-light, .btn-disabled-light.active,
.btn-disabled-light.show,.btn-disabled-light:first-child:active, :not(.btn-check) + .btn-disabled-light:active { color: #717171; background-color: #d5d0d0; border-color: #d5d0d0; box-shadow: none; }

	/* Text color */
.text-primary { color: var(--bs-primary) !important; }
.text-secondary, .text-red { color: var(--bs-secondary) !important; }
.text-teal { color: #14AE5C !important; }
.text-success { color: #21BF86 !important; }
.text-blue { color: #296DBD !important; }
.text-orange { color: #FFA629 !important; }

/* Background color */
.bg-light-gray { background-color: #F8F8F8; }

/* App Header */
.app-header { display: flex; align-items: center; padding: 20px; }
.menu-trigger { margin: 0 55px 0 10px; }
.app-breadcrumb { margin: 0 20px 0 0; font-size: 16px; }
.app-breadcrumb .breadcrumb-item { color: var(--bs-primary); }
.app-breadcrumb .breadcrumb-item a { color: #717171; }
.app-breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 6px; }
.app-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: var(--bs-breadcrumb-divider, ">"); padding-right: 6px; }
.app-header-actions { display: flex; align-items: center; margin-left: auto; }
.youtube-link { display: flex; align-items: center; font-size: 15px; white-space: nowrap; min-width: 186px; }
.youtube-link-text { margin-left: 12px; position: relative; }
.app-header-search-box { margin-left: 32px; position: relative; max-width: 450px; min-width: 450px; }
.app-header-search-box .form-control { color: var(--bs-primary); font-size: 14px; padding: 20px 70px 20px 28px; min-height: 90px; border: 0 none; border-radius: 20px; }
.app-header-search-box .form-control::-webkit-input-placeholder { color: var(--bs-primary); opacity: 0.5; }
.app-header-search-box .form-control::-moz-placeholder { color: var(--bs-primary); opacity: 0.5; }
.app-header-search-box .form-control:-ms-input-placeholder { color: var(--bs-primary); opacity: 0.5; }
.app-header-search-box .form-control:-moz-placeholder { color: var(--bs-primary); opacity: 0.5; }
.app-header-search-box .btn { position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; padding: 10px 26px 10px 10px; }
.app-header-search-box :not(.btn-check) + .btn:active { border-color: transparent; }
.app-header-search-form { position: relative; margin-left: 10px; }
.app-header-search-form-opener { padding: 10px; width: 61px; height: 56px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 20px; }
.app-header-search-form .app-header-search-box { position: absolute; top: 100%; right: 0; z-index: 9; visibility: hidden; opacity: 0; }
.app-header-search-form.app-header-search-form-open .app-header-search-box { visibility: visible; opacity: 1; width: 260px; max-width: 260px; margin-left: 0; }
.app-header-notification { padding: 12px 22px 12px 24px; min-width: 454px; max-width: 454px; margin-left: 20px; display: flex; align-items: center; background-color: #ffffff; border-radius: 20px; }
.app-header-notification-content { position: relative; }
.app-header-notification-content h6 { font-size: 16px; line-height: 18px; color: var(--bs-primary); margin-bottom: 10px; }
.app-header-notification-content p { color: #717171; font-size: 14px; }
.app-header-notification-content p span { margin-left: 16px; }
.app-header-notification-action { margin-left: 54px; position: relative; }
.app-header-notification-action a { margin-top: 12px; color: #717171; display: flex; flex-direction: column; align-items: center; position: relative; }
.app-header-notification-action a:hover, .app-header-notification-action a:focus { color: var(--bs-primary); }
.app-header-notification-action a img { margin-bottom: 8px; }
.notification-main { position: relative; }
.notification-main .count { position: absolute; right: -8px; top: -15px; z-index: 1; width: 25px; height: 25px; border-radius: 50%; padding: 5px; background-color: var(--bs-secondary); color: #ffffff; font-size: 20px; font-weight: 600; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.notification-text { font-size: 14px; white-space: nowrap; line-height: 1; }

/* App Offcanvas left */
.app-offcanvas.offcanvas.offcanvas-start { width: 430px; background: #FFFFFF; border-radius: 0px 40px 40px 0px; }
.app-offcanvas .offcanvas-header { padding: 32px 46px 32px 32px; }
.offcanvas-header-flex { display: flex; align-items: center; }
.offcanvas-header-flex img { margin-right: 10px; }
.offcanvas-header-flex .offcanvas-title { color: var(--bs-primary); font-weight: 700; font-size: 16px; }
.app-offcanvas .offcanvas-header .btn-close { background: url("../images/icon-close.svg") no-repeat center; opacity: 1; margin-right: 0; }
.app-offcanvas .offcanvas-header .btn-close:focus { box-shadow: none; }
.app-offcanvas .offcanvas-body { padding: 10px 40px 32px; }
.app-navbar-nav { list-style: none; display: flex; flex-wrap: wrap; padding-left: 0; margin: 0 -10px; }
.app-navbar-nav li { padding: 0 10px; width: 50%; margin-bottom: 20px; }
.app-navbar-nav li a { font-size: 16px; background-color: #F9FAFF; color: var(--bs-primary); border-radius: 20px; padding: 30px; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.app-navbar-nav li a img { margin-bottom: 16px; }
.offcanvas-user-profile { background-color: #F9FAFF; border-radius: 20px; padding: 20px 20px 20px 30px; }
.offcanvas-user-profile-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.offcanvas-user-profile-header p { margin-bottom: 0; color: #717171; font-size: 16px; font-weight: 700; }
.offcanvas-user-profile-header .edit { background-color: var(--bs-primary); color: #ffffff; width: 31px; height: 31px; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; }
.offcanvas-user-profile-header .edit img { width: 15px; height: 15px; }
.offcanvas-user-profile-main { display: flex; align-items: center; }
.offcanvas-user-profile-main .user-thumb { margin-right: 20px; }
.offcanvas-user-profile-main .user-thumb img { min-width: 70px; width: 70px; height: 70px; border-radius: 50%; display: block; }
.offcanvas-user-profile-content { flex: 1; }
.offcanvas-user-profile-content p { color: #717171; font-weight: 700; font-size: 14px; }
.offcanvas-user-profile-content h6 { font-weight: 400; font-size: 16px; margin-bottom: 0; }
.offcanvas-logout { margin-top: 20px; background-color: #F2F2F2; color: #717171; font-size: 20px; border-radius: 20px; padding: 20px; display: flex; align-items: center; justify-content: center; }
.offcanvas-logout:hover, .offcanvas-logout:focus { background-color: #e5e3e3; color: #717171; }
.offcanvas-logout img { margin-left: 25px;  }

/* App Main Content */
.app-main { flex: 1; padding: 0 20px 30px; }
.app-main-header { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.app-main-header-content { margin-right: -5px; margin-left: -5px; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; padding-right: 10px; }
.app-select-box { position: relative; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; min-width: 186px; }
.app-select-text { position: absolute; left: 22px; top: 10px; z-index: 1; color: #717171; font-size: 14px; }
.app-select-box .select2-container { width: 100% !important; }
.app-select-box .select2-container .select2-selection--single { height: 60px; display: flex; flex-direction: column; justify-content: flex-end; }
.app-select-box .select2-container--default .select2-selection--single { background-color: transparent; border: 1px solid #D5EDFF; border-radius: 20px; }
.app-select-box .select2-container .select2-selection__clear { display: none; }
.app-select-box .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 50px; text-transform: uppercase; }
.app-select-box .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--bs-primary); line-height: 40px; }
.app-select-box .select2-container--default .select2-selection--single .select2-selection__arrow { height: 60px; top: 0; right: 20px; width: 20px; }
.app-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b { transition: all 0.4s ease-in-out; background: url("../images/icon-arrow-down.svg") no-repeat center; border: 0 none; height: 8px; width: 12px; }
.app-select-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent; border-width: 0; transform: rotate(180deg); }
.select2-dropdown { border-color: #D5EDFF; border-radius: 0 0 20px 20px; overflow: hidden; }
.app-main-header-user-profile, .app-main-header-version { margin-bottom: 10px; margin-right: 5px; margin-left: 5px; border: solid 1px #D5EDFF; border-radius: 20px; padding: 8.5px 20px; display: flex; align-items: center; }
.app-main-header-version { min-width: 180px; }
.app-main-header-user-thumb { margin-right: 12px; }
.app-main-header-user-thumb img { width: 40px; height: 40px; border-radius: 50%; display: block; }
.app-main-header-user-profile-content, .app-main-header-version-content { flex: 1; }
.app-main-header-user-profile-content p, .app-main-header-version-content p { color: #717171; font-size: 14px; margin-bottom: 1px; }
.app-main-header-user-profile-content h6, .app-main-header-version-content h6 { margin-bottom: 0; }
.app-main-header-user-profile-action { margin-left: 50px; }
.app-main-header-version-action { margin-left: 15px; }
.app-main-header-version-action img { width: 24px; height: 18px; display: block; }
.app-main-header-action { display: flex; align-items: center; flex: 1; justify-content: flex-end; }
.app-main-header-link-view { margin-right: 20px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; }
.app-main-header-approval-action .app-main-header-link-view { flex: 0; margin-right: 62px; }
.app-main-header-approval-action .app-main-header-link { white-space: nowrap; }
.app-main-header-link { white-space: nowrap; margin-left: 20px; color: var(--bs-primary); display: inline-block; font-size: 16px; padding-bottom: 4px; position: relative; }
.app-main-header-link:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background-color: var(--bs-primary); transition: all 0.4s ease-in-out; }
.app-main-header-link:hover:before, .app-main-header-link:focus:before { width: 0; }
.app-main-header-btn-view { margin-bottom: 10px; }
.app-main-header-btn { white-space: nowrap; border-radius: 20px; background-color: var(--bs-primary); color: #ffffff; padding: 10px 20px; min-height: 60px; min-width: 210px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; transition: all 0.4s ease-in-out; }
.app-main-header-btn:hover, .app-main-header-btn:focus { background-color: var(--bs-primary-dark); border-color: var(--bs-primary-dark); color: #ffffff;}
.app-main-header-btn.disabled { background-color: #DFDFDF; color: #ffffff; }
.app-main-header-btn.disabled:hover, .app-main-header-btn.disabled:focus { cursor: no-drop; }
.app-main-header-btn img { margin-right: 15px; }
.app-main-header-edit { font-weight: 400; font-size: 24px; color: #717171; margin-right: 24px; margin-left: 50px; max-width: 280px; line-height: 1.25; display: flex; align-items: center; }
.app-main-header-edit:hover, .app-main-header-edit:focus { color: #717171; }
.app-main-header-edit img { margin-left: 20px; }
.app-main-header-preview-btn { margin-right: 80px; color: #3E3F41; font-size: 18px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.app-main-header-preview-btn:hover, .app-main-header-preview-btn:focus { color: #3E3F41; }
.app-main-header-preview-btn img { width: 38px; height: 24px; margin-bottom: 8px; }
.app-main-header-compliance-form .app-main-header-content { max-width: 1142px; width: 100%; margin-left: 0; }
.app-main-header-compliance-form .app-main-header-version { margin-left: auto; }

/* App Table Budget */
.app-table-budget { position: relative; margin-bottom: 30px; min-height: 482px; display: flex; flex-direction: column; }
.app-table-budget .table-responsive { flex: 1; }
.app-table-budget .dataTables_length, .app-table-budget .dataTables_filter { display: none; }
table.dataTable.table-budget { position: relative; font-size: 14px; color: #717171; border-collapse: separate; border-spacing: 0 20px; margin-top: -20px; }
table.dataTable.no-footer.table-budget { border-bottom: 0 none; margin-bottom: 15px; }
table.dataTable.table-budget thead { border-bottom: solid 10px transparent; }
table.dataTable.table-budget thead th { white-space: nowrap; vertical-align: middle; background-color: rgba(41, 109, 189, 0.08); color: var(--bs-primary); font-weight: 700; font-size: 16px; padding: 13px; border-bottom: 0 none; }
table.dataTable.table-budget thead > tr > th.sorting,
table.dataTable.table-budget thead > tr > th.sorting_asc,
table.dataTable.table-budget thead > tr > th.sorting_desc,
table.dataTable.table-budget thead > tr > th.sorting_asc_disabled,
table.dataTable.table-budget thead > tr > th.sorting_desc_disabled,
table.dataTable.table-budget thead > tr > td.sorting,
table.dataTable.table-budget thead > tr > td.sorting_asc,
table.dataTable.table-budget thead > tr > td.sorting_desc,
table.dataTable.table-budget thead > tr > td.sorting_asc_disabled,
table.dataTable.table-budget thead > tr > td.sorting_desc_disabled { padding-right: 13px; }
table.dataTable.table-budget thead > tr > th.sorting::before,
table.dataTable.table-budget thead > tr > th.sorting::after,
table.dataTable.table-budget thead > tr > th.sorting_asc::before,
table.dataTable.table-budget thead > tr > th.sorting_asc::after,
table.dataTable.table-budget thead > tr > th.sorting_desc::before,
table.dataTable.table-budget thead > tr > th.sorting_desc::after,
table.dataTable.table-budget thead > tr > th.sorting_asc_disabled::before,
table.dataTable.table-budget thead > tr > th.sorting_asc_disabled::after,
table.dataTable.table-budget thead > tr > th.sorting_desc_disabled::before,
table.dataTable.table-budget thead > tr > th.sorting_desc_disabled::after,
table.dataTable.table-budget thead > tr > td.sorting::before,
table.dataTable.table-budget thead > tr > td.sorting::after,
table.dataTable.table-budget thead > tr > td.sorting_asc::before,
table.dataTable.table-budget thead > tr > td.sorting_asc::after,
table.dataTable.table-budget thead > tr > td.sorting_desc::before,
table.dataTable.table-budget thead > tr > td.sorting_desc::after,
table.dataTable.table-budget thead > tr > td.sorting_asc_disabled::before,
table.dataTable.table-budget thead > tr > td.sorting_asc_disabled::after,
table.dataTable.table-budget thead > tr > td.sorting_desc_disabled::before,
table.dataTable.table-budget thead > tr > td.sorting_desc_disabled::after { opacity: 1; right: 10px; font-size: 0; display: none; }
table.dataTable.table-budget thead > tr > th.sorting::before,
table.dataTable.table-budget thead > tr > th.sorting_asc::before,
table.dataTable.table-budget thead > tr > th.sorting_desc::before,
table.dataTable.table-budget thead > tr > th.sorting_asc_disabled::before,
table.dataTable.table-budget thead > tr > th.sorting_desc_disabled::before,
table.dataTable.table-budget thead > tr > td.sorting::before,
table.dataTable.table-budget thead > tr > td.sorting_asc::before,
table.dataTable.table-budget thead > tr > td.sorting_desc::before,
table.dataTable.table-budget thead > tr > td.sorting_asc_disabled::before,
table.dataTable.table-budget thead > tr > td.sorting_desc_disabled::before { transition: all 0.4s ease-in-out; top: 50%; bottom: 0; content: ""; background: rgba(41, 109, 189, 0.08) url("../images/icon-filter.svg") no-repeat center left 10px; border-radius: 10px; padding: 9px; width: 50px; height: 30px; transform: translateY(-50%); }
table.dataTable.table-budget thead > tr > th.sorting::after,
table.dataTable.table-budget thead > tr > th.sorting_asc::after,
table.dataTable.table-budget thead > tr > th.sorting_desc::after,
table.dataTable.table-budget thead > tr > th.sorting_asc_disabled::after,
table.dataTable.table-budget thead > tr > th.sorting_desc_disabled::after,
table.dataTable.table-budget thead > tr > td.sorting::after,
table.dataTable.table-budget thead > tr > td.sorting_asc::after,
table.dataTable.table-budget thead > tr > td.sorting_desc::after,
table.dataTable.table-budget thead > tr > td.sorting_asc_disabled::after,
table.dataTable.table-budget thead > tr > td.sorting_desc_disabled::after { transition: all 0.4s ease-in-out; top: 50%; content: ""; background: url("../images/icon-down-light.svg") no-repeat center; width: 10px; height: 6px; right: 18px; transform: translateY(-50%); }
table.dataTable.table-budget thead > tr > th.sorting_desc::after,
table.dataTable.table-budget thead > tr > td.sorting_desc::after { transform: translateY(-50%) rotate(180deg); }
table.dataTable.table-budget thead th:first-child { border-radius: 10px 0 0 10px; padding-left: 20px; }
table.dataTable.table-budget thead th:last-child { border-radius: 0 10px 10px 0; padding-right: 20px; width: 160px; }
table.dataTable.table-budget tbody tr { border-top: solid 20px #f9faff; }
table.dataTable.table-budget tbody tr:first-child { border-top-width: 30px; }
table.dataTable.table-budget tbody td { background-color: #ffffff; color: #717171; font-weight: 400; font-size: 16px; padding: 13px; border-bottom: 0 none; }
table.dataTable.table-budget tbody td:first-child { border-radius: 10px 0 0 10px; padding-left: 20px; }
table.dataTable.table-budget tbody td:last-child { border-radius: 0 10px 10px 0; padding-right: 20px; }
.table-budget-description { max-width: 200px; display: block; }
.table-budget-user-info { display: flex; align-items: center; max-width: 250px; min-width: 250px; }
.table-budget-user-thumb { margin-right: 20px; }
.table-budget-user-thumb img { display: block; min-width: 42px; width: 42px; height: 42px; border-radius: 50%; }
.table-budget-user-info p { margin-bottom: 0; }
.table-budget-user-action { margin-left: 32px; }
.table-budget-user-action img { width: 25px; min-width: 25px; height: 18px; }
.table-budget-action { list-style: none; padding-left: 0; margin: 0 -14px; display: flex; align-items: center; justify-content: space-around; }
.table-budget-action li { padding: 0 14px; }
.table-budget-action li a { display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--bs-primary); }
.table-budget-action-btn { background-color: var(--bs-primary); color: #ffffff; width: 44px; height: 44px; border-radius: 50%; margin-bottom: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px; }
.table-budget-action-btn img { width: 25px; height: 26px; object-fit: contain; }
.table-budget-action li a:hover, .table-budget-action li a:focus { color: var(--bs-primary-dark); }
.table-budget-action li a:hover .table-budget-action-btn, .table-budget-action li a:focus .table-budget-action-btn { background-color: var(--bs-primary-dark); border-color: var(--bs-primary-dark); color: #ffffff; }
.table-budget-action li.delete a { color: #BEBEBE; }
.table-budget-action li.delete a:hover, .table-budget-action li.delete a:focus { color: #a19f9f; }
.table-budget-action li.delete a .table-budget-action-btn { background-color: #BEBEBE; color: #ffffff;  }
.table-budget-action li.delete a:hover .table-budget-action-btn, .table-budget-action li.delete a:focus .table-budget-action-btn { background-color: #a19f9f; color: #ffffff; }
.table-budget-td-middle { vertical-align: middle; }
.app-table-budget .dataTables_wrapper::after { display: none; background-color: #EAEAEA; height: 2px; width: 100%; visibility: visible; bottom: -60px; position: absolute; left: 0; z-index: 0; }
.app-table-budget .dataTables_wrapper .dataTables_info { display: none; background-color: #f9faff; padding-right: 28px; position: relative; z-index: 3; }
.app-table-budget .dataTables_wrapper .dataTables_paginate { background-color: #f9faff; padding-left: 16px; position: relative; z-index: 3; display: none; align-items: center; }
.app-table-budget .dataTables_wrapper .dataTables_paginate > span { display: flex; align-items: center; }
.app-table-budget .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 5px; margin-left: 10px; text-align: center; border: 1px solid #DFDFDF; border-radius: 4px; background: #FFFFFF; color: #343A40; font-size: 16px; font-weight: 400; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
.app-table-budget .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #343A40 !important; }
.app-table-budget .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.app-table-budget .dataTables_wrapper .dataTables_paginate .paginate_button.next { border: 0 none; border-radius: 2px; background: #DFDFDF url("../images/icon-arrow-left-gray.svg") no-repeat center; font-size: 0; }
.app-table-budget .dataTables_wrapper .dataTables_paginate .paginate_button.next { transform: rotate(180deg); }
.app-table-budget .dataTables_wrapper .dataTables_paginate .paginate_button:active { box-shadow: none; }
.table-budget-sorting { display: flex; align-items: center; justify-content: space-between; }
.table-budget-sorting .btn-filter, .table-budget-sorting .dropdown { margin-left: 8px; }
.table-budget-select-box { margin-left: auto; display: flex; align-items: center; position: relative; padding-left: 5px; }
.app-select-icon { position: absolute; left: 11px; top: 50%; z-index: 1; transform: translateY(-50%); }
.table-budget-select-box .select2-container { width: 100% !important; }
.table-budget-select-box .select2-container .select2-selection--single { height: 30px; }
.table-budget-select-box .select2-container--default .select2-selection--single { background-color: rgba(41, 109, 189, 0.08); border: 0 none; border-radius: 10px; }
.table-budget-select-box .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 25px; padding-right: 25px; }
.table-budget-select-box .select2-container--default .select2-selection--single .select2-selection__arrow { right: 8px; height: 28px; }
.table-budget-select-box .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--bs-primary); line-height: 30px; font-weight: 400; font-size: 0; }
.table-budget-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b { transition: all 0.4s ease-in-out; background: url("../images/icon-down-light.svg") no-repeat center; border: 0 none; height: 6px; width: 10px; }
.table-budget-select-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent; border-width: 0; transform: rotate(180deg); }
.app-table-budget-footer { display: flex; align-items: center; position: relative; margin-top: 20px; }
.app-table-budget-footer:before { content: ''; background-color: #EAEAEA; height: 2px; width: 100%; visibility: visible; top: 50%; transform: translateY(-50%); position: absolute; left: 0; z-index: 0;}
.app-table-budget-footer-action { margin-left: auto; display: flex; align-items: center; background-color: #f9faff; padding-left: 16px; padding-right: 20px; position: relative; z-index: 3; }
.app-table-budget-footer-action p { margin-bottom: 0; }
.app-table-budget-pagination { margin-bottom: 0; }
.app-table-budget-pagination li { margin-left: 14px; }
.app-table-budget-pagination li .page-link { padding: 5px; text-align: center; border: 1px solid #DFDFDF; border-radius: 4px; background: #FFFFFF; color: #343A40; font-size: 16px; font-weight: 400; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
.app-table-budget-info { margin-bottom: 0; background-color: #f9faff; padding-left: 20px; padding-right: 28px; position: relative; z-index: 3; }
.app-table-budget-pagination li.previous .page-link,
.app-table-budget-pagination li.next .page-link { border: 0 none; font-size: 0; border-radius: 2px; background: #DFDFDF url("../images/icon-arrow-left-gray.svg") no-repeat center; }
.app-table-budget-pagination li.next .page-link { transform: rotate(180deg); }

/* Table Task Budget */
.table-task-budget { position: relative; }
table.dataTable.table-task-budget thead th { background-color: #F5F5F5; color: #717171; font-weight: 400; padding: 13px 13px; }
.table-task-budget .table-budget-select-box .select2-container--default .select2-selection--single { background-color: #D8D8D8; }
.table-task-budget .table-budget-select-box .select2-container--default .select2-selection--single .select2-selection__rendered { color: #717171; }
.table-task-budget .table-budget-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url("../images/icon-down-light-gray.svg") no-repeat center; }
.table-task-budget .table-budget-select-box .app-select-icon { left: 14px; }
.table-task-budget .table-budget-select-box .select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px; }
.table-task-budget .process { font-size: 18px; color: var(--bs-primary); padding: 0 12px 4px; border-bottom: solid 2px var(--bs-primary); }
.table-task-budget .table-budget-description { max-width: 312px; min-width: 260px; }
.table-task-budget .table-form-description { max-width: 400px; min-width: 380px; display: block; }
.table-task-budget .due-status { display: block; }

/* App Offcanvas right */
.app-offcanvas-right.offcanvas.offcanvas-end { width: 718px; background: #FFFFFF; border-radius: 40px 0 0 40px; }
.app-offcanvas-right .offcanvas-header { padding: 30px 40px 30px 50px; border-bottom: 1px solid #E7E7E7; }
.app-offcanvas-right .offcanvas-header .btn-close { background: url("../images/icon-close-border.svg") no-repeat center; opacity: 1; margin: 0 0 0 20px; min-width: 33px; width: 33px; height: 33px; padding: 0; }
.app-offcanvas-right .offcanvas-header .btn-close:hover, .app-offcanvas-right .offcanvas-header .btn-close:focus { box-shadow: none; }
.offcanvas-header-content { position: relative; }
.offcanvas-header-content p { margin-bottom: 0; color: #717171; font-size: 16px; }
.offcanvas-header-content .offcanvas-title { margin-bottom: 0; font-weight: 700; font-size: 20px; line-height: 1.25; }
.offcanvas-header-action { position: relative; display: flex; align-items: center; }
.offcanvas-header-action .btn { border-radius: 10px; padding: 12px 24px; font-size: 16px; font-weight: 700; }
.offcanvas-header-action .btn img { margin-right: 12px; }
.app-offcanvas-right .offcanvas-body { padding: 30px 40px 30px 50px; }
.app-offcanvas-right textarea.form-control { border-color: rgba(0, 0, 0, 0.1); }
.offcanvas-header-user-info { display: flex; align-items: center; }
.offcanvas-header-user-thumb { margin-right: 18px; }
.offcanvas-header-user-thumb img { min-width: 42px; width: 42px; height: 42px; border-radius: 50%; display: block; }
.offcanvas-header-user-content { position: relative; color: #717171; font-size: 16px; }
.offcanvas-header-user-content p { margin-bottom: 2px; }
.offcanvas-header-user-content .offcanvas-title { font-weight: 700; font-size: 22px; margin-bottom: 0; line-height: 1.2; }
.app-offcanvas-approval-contact .offcanvas-header { padding-bottom: 20px; }
.app-offcanvas-approval-contact .offcanvas-body { padding: 0 !important; }
.offcanvas-approval-contact-item { padding: 20px 40px 20px 50px; color: #717171; font-size: 16px; }
.offcanvas-approval-contact-item:not(:first-child) { border-top: 1px solid #E7E7E7; }
.offcanvas-approval-contact-item p { margin-bottom: 0; }
.offcanvas-approval-contact-item h3 { margin-bottom: 0; font-weight: 700; font-size: 18px; }
.offcanvas-approval-contact-item.flex { display: flex; flex-wrap: wrap; }
.offcanvas-approval-contact-left { width: 50%; padding-right: 15px; }
.offcanvas-approval-contact-right { width: 50%; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; }
.offcanvas-approval-contact-value-list { padding-left: 26px; margin: 0 0 16px; font-weight: 700; font-size: 18px; color: var(--bs-primary); }
.offcanvas-approval-contact-value-list li { margin-bottom: 4px; }
.offcanvas-approval-contact-field:not(:last-child) { margin-bottom: 16px; }
.offcanvas-approval-contact-field.flex { display: flex; align-items: center; }
.offcanvas-approval-contact-field-thumb { margin-left: auto; }

/* Form Budget Card */
.form-budget-card { background-color: #F8F8F8; border-radius: 10px; padding: 30px 40px; margin-bottom: 50px; }
.form-budget-card-filed { position: relative; }
.form-budget-card-filed .form-label { margin-bottom: 6px; }
.form-budget-card-filed:not(:last-child) { margin-bottom: 40px; }
.form-budget-card-filed .form-control { background-color: transparent; border: 0 none; padding: 0; border-radius: 0; font-size: 20px; color: var(--bs-primary); }
.form-budget-card-filed .form-control:focus { box-shadow: none; }
.form-budget-card-filed .form-control::-webkit-input-placeholder { color: var(--bs-primary); opacity: 0.5; }
.form-budget-card-filed .form-control::-moz-placeholder { color: var(--bs-primary); opacity: 0.5; }
.form-budget-card-filed .form-control:-ms-input-placeholder { color: var(--bs-primary); opacity: 0.5; }
.form-budget-card-filed .form-control:-moz-placeholder { color: var(--bs-primary); opacity: 0.5; }
.form-budget-card-filed-feedback { color: var(--bs-primary); font-size: 16px; margin-bottom: 0; }
.form-budget-card-filed-help { color: var(--bs-secondary); position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; margin-bottom: 0; }
.form-budget-card-filed-balance .form-control { color: var(--bs-secondary); }
.form-budget-card-filed-balance .form-control::-webkit-input-placeholder { color: var(--bs-secondary); opacity: 0.5; }
.form-budget-card-filed-balance .form-control::-moz-placeholder { color: var(--bs-secondary); opacity: 0.5; }
.form-budget-card-filed-balance .form-control:-ms-input-placeholder { color: var(--bs-secondary); opacity: 0.5; }
.form-budget-card-filed-balance .form-control:-moz-placeholder { color: var(--bs-secondary); opacity: 0.5; }

/* Comment Area */
.comment-area { position: relative; margin-bottom: 20px; }
.comment-area-item { position: relative; margin-bottom: 30px; display: flex; align-items: flex-end; }
.comment-area-thumb { margin-right: 15px; }
.comment-area-thumb img { border-radius: 50%; min-width: 42px; width: 42px; height: 42px; }
.comment-area-card { flex: 1; border: 1px solid #EAEAEA; border-radius: 10px; padding: 18px; min-height: 160px; display: flex; flex-direction: column; }
.comment-area-card-footer { display: flex; align-items: center; position: relative; padding-top: 12px; margin-top: auto; }
.comment-area-card-footer p { margin-bottom: 0; color: #A1A1A1; font-size: 14px; }
.comment-area-card-footer-action { list-style: none; padding-left: 0; margin: 0 0 0 auto; display: flex; align-items: center; }
.comment-area-card-footer-action li { margin-left: 20px; }
.comment-area-card-footer-action li a { width: 32px; height: 32px; background-color: var(--bs-primary); color: #ffffff; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center;  }
.comment-area-card-footer-action li a:hover, .comment-area-card-footer-action li a:focus { background-color: var(--bs-primary-dark); color: #ffffff; }
.comment-area-card-footer-action li a img { width: 15px; height: 15px; object-fit: contain; }
.comment-area-card-footer-action li.delete a { background-color: #BEBEBE; color: #ffffff; }
.comment-area-card-footer-action li.delete a:hover, .comment-area-card-footer-action li.delete a:focus { background-color: #a9a7a7; color: #ffffff; }
.comment-area-card-footer-action li.delete a img { width: 19px; height: 20px; }
.comment-area-link { color: #4B4B4B; font-size: 16px; font-weight: 700; }
.comment-area-number { background-color: #FFEBEB; color: var(--bs-secondary); width: 25px; height: 25px; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; }

/* App card */
.app-card { background-color: #FFFFFF; border-radius: 10px; margin-bottom: 16px; }
.app-card-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D5EDFF; padding: 20px; }
.app-card-header-main { display: flex; align-items: center; margin-right: 20px; }
.app-card-header-main img { margin-right: 18px; }
.app-card-title { font-weight: 700; font-size: 18px; margin-bottom: 0; }
.app-card-header-action { display: flex; align-items: center; }
.app-card-header-action a.btn-link { font-size: 15px; }
.app-card-header-action a.app-btn-link:before { height: 1px; }
.app-card-body { padding: 25px 20px; }
.app-card-trust .app-card-body { padding: 25px 16px 20px 10px; }
.app-card-header-action .btn-filter { margin-left: 35px; }
.app-card-full-height { height: calc(100% - 16px); }
.app-card-header-main .form-field { margin-bottom: 0; }
.app-card-header-main .form-label { font-weight: 400; font-size: 16px; color: var(--bs-primary); margin-bottom: 4px; }
.app-card-header-main .form-field-value-md { color: #3E3F41; margin-bottom: 0; }

/* Trust Select Box */
.trust-select-box { position: relative; margin-bottom: 10px; }
.trust-select-box .form-label { font-size: 16px; color: #717171; margin-bottom: 5px; margin-left: 10px; }
.trust-select-box .select2-container .select2-selection--single { height: 52px; }
.trust-select-box .select2-container--default .select2-selection--single { background-color: rgba(245, 245, 245, 0.58); border-color: rgba(245, 245, 245, 0.58); }
.trust-select-box .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 10px; padding-right: 40px; font-weight: 400; font-size: 18px; }
.trust-select-box .select2-container--default .select2-selection--single .select2-selection__rendered { color: #3E3F41; line-height: 52px; }
.trust-select-box .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; top: 0; right: 20px; width: 10px; }
.trust-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url("../images/icon-down-gray.svg") no-repeat center; background-size: 10px auto;  }
.trust-field { position: relative; display: flex; align-items: center; padding-left: 10px; }
.trust-field p { color: #717171; margin-bottom: 0; font-size: 16px; }
.trust-field h6 { color: #3E3F41; margin-bottom: 0; font-size: 18px; }
.trust-field-main { flex: 1; }
.trust-field-action { margin-left: 20px; }

/* Complaince Score */
.complaince-score { display: flex; align-items: center; }
.complaince-score h3 { font-size: 18px; font-weight: 700; margin: 0 0 0 32px; }
.complaince-score .compliance-score-graph { position: relative; }

/* Dur Select Box */
.dur-select-box { display: flex; align-items: center; margin-left: 20px; }
.dur-select-box .select2-container .select2-selection--single { height: 30px; }
.dur-select-box .select2-container--default .select2-selection--single { background-color: #ffffff; border-color: #DEE8F5; }
.dur-select-box .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 10px; padding-right: 30px; font-weight: 400; font-size: 14px; }
.dur-select-box .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--bs-primary); line-height: 30px; text-transform: uppercase; }
.dur-select-box .select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; top: 0; right: 10px; width: 10px; }
.dur-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url("../images/icon-down-light.svg") no-repeat center; background-size: 10px auto;  }
.dur-select-box .form-label { color: #717171; font-size: 14px; margin-bottom: 0; white-space: nowrap; margin-right: 8px; }

/* Budget Approved */
.budget-approved { display: flex; flex-wrap: wrap; }
.budget-approved + .budget-approved { border-top: solid 1px #D5EDFF; }
.budget-approved-action { min-width: 226px; max-width: 226px; padding: 16px 20px; }
.budget-approved-main { min-width: calc(100% - 226px); max-width: calc(100% - 226px); border-left: 1px solid #D5EDFF; padding: 0 25px 0 30px; }
.budget-approved-spacial-filed:not(:last-child) { margin-bottom: 35px; }
.budget-approved-spacial-filed p { margin-bottom: 5px; color: #717171; }
.budget-approved-spacial-filed h4 { margin-bottom: 5px; font-size: 18px; font-weight: 700 }
.budget-approved-filed { margin-bottom: 25px; }
.budget-approved-filed p { margin-bottom: 0; color: rgba(113, 113, 113, 0.52); font-size: 14px; }
.budget-approved-filed h6 { margin-bottom: 0; color: #3E3F41; font-size: 16px; }
.budget-approved-collapse { position: relative; padding-top: 20px; }
.budget-approved-collapse-link { font-size: 16px; font-weight: 400; color: var(--bs-primary); position: relative; padding-left: 36px; }
.budget-approved-collapse-link:hover, .budget-approved-collapse-link:focus { color: var(--bs-primary); }
.budget-approved-collapse-link:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; transition: all 0.4s ease-in-out; width: 26px; height: 26px; border-radius: 50%; background: url("../images/icon-plus.svg") no-repeat center; }
.budget-approved-collapse-link[aria-expanded="true"]:before { background: url("../images/icon-subtract.svg") no-repeat center; }
.budget-approved-vertical { display: flex; flex-wrap: wrap; }
.budget-approved-vertical-action { width: 270px; padding-bottom: 21px; }
.budget-approved-vertical .tab-content { width: calc(100% - 270px); }
.budget-approved-nav-tabs { flex-direction: column; position: relative; padding-top: 25px; margin-left: 13px; border: 0 none; }
.budget-approved-nav-tabs:before { content: ''; position: absolute; left: -2px; top: -2px; bottom: 27px; z-index: 1; background-color: #C4C4C4; width: 1px; }
.budget-approved-nav-tabs .nav-item:not(:last-child) { margin-bottom: 25px; }
.budget-approved-nav-tabs .nav-link { color: #606060; font-weight: 400; font-size: 16px; padding: 0 23px; position: relative; border: 0 none; border-radius: 0; }
.budget-approved-nav-tabs .nav-link:before { content: ''; position: absolute; left: -2px; top: 50%; z-index: 1; transform: translateY(-50%); background-color: #C4C4C4; height: 1px; width: 12px; }
.budget-approved-has-table { display: flex; position: relative; overflow-x: auto; }
.budget-approved-has-table-item { position: relative; background-color: #ffffff; padding: 22px 4px; }
.budget-approved-has-table-item:first-child { background-color: #EEF8FF; }
.no-colored .budget-approved-has-table-item:first-child { background-color: #ffffff; }
.budget-approved-has-table-list { list-style: none; padding-left: 0; margin: 0; }
.budget-approved-has-table-list li { margin-bottom: 11px; color: #3E3F41; font-size: 16px; font-weight: 400; min-width: 120px; }
.budget-approved-has-table-list li:first-child { margin-bottom: 15px; font-weight: 700; }
.budget-approved-has-table-list li .form-control { border: 0 none; border-radius: 0; padding: 7px 8px; color: #3E3F41; font-size: 16px; font-weight: 400; }
.budget-approved-has-table-list li .form-control:focus { box-shadow: none; }
.budget-approved-has-table-list li .form-control::-webkit-input-placeholder { color: #3E3F41; opacity: 0.5; }
.budget-approved-has-table-list li .form-control::-moz-placeholder { color: #3E3F41; opacity: 0.5; }
.budget-approved-has-table-list li .form-control:-ms-input-placeholder { color: #3E3F41; opacity: 0.5; }
.budget-approved-has-table-list li .form-control:-moz-placeholder { color: #3E3F41; opacity: 0.5; }
.budget-approved-has-table-list li .has-th { padding: 0 8px; display: block; }
.budget-approved-has-table-list li .has-bg { background-color: #F8F8F8; }
.budget-approved-has-table-item:first-child .budget-approved-has-table-list li .has-bg { background-color: #ffffff; }
.no-colored .budget-approved-has-table-item:first-child .budget-approved-has-table-list li .has-bg { background-color: #F8F8F8; }
.budget-approved-has-table-list li .teal-bg { background-color: #21BF86; color: #ffffff; }
.budget-approved-has-table-list li .blue-bg { background-color: var(--bs-primary); color: #ffffff; }
.budget-approved-has-table-list li.has-empty {  margin-bottom: 0; min-height: 42px; }
.budget-approved-has-table-list li .form-control.teal-bg::-webkit-input-placeholder,
.budget-approved-has-table-list li .form-control.blue-bg::-webkit-input-placeholder { color: #ffffff; opacity: 0.5; }
.budget-approved-has-table-list li .form-control.teal-bg::-moz-placeholder,
.budget-approved-has-table-list li .form-control.blue-bg::-moz-placeholder { color: #ffffff; opacity: 0.5; }
.budget-approved-has-table-list li .form-control.teal-bg:-ms-input-placeholder,
.budget-approved-has-table-list li .form-control.blue-bg:-ms-input-placeholder { color: #ffffff; opacity: 0.5; }
.budget-approved-has-table-list li .form-control.teal-bg:-moz-placeholder,
.budget-approved-has-table-list li .form-control.blue-bg:-moz-placeholder { color: #ffffff; opacity: 0.5; }
.budget-approved-has-table-list li .long-term-bg { background-color: #0077B6;}
.budget-approved-has-table-list li .short-term-bg { background-color: #CAF0F8; color: #3E3F41;}

/* Contributions Main */
.contributions-main { display: flex; flex-wrap: wrap; position: relative; color: #717171; }
.contributions-item { width: 33.33%; position: relative; padding: 26px 24px; display: flex; flex-direction: column; }
.contributions-item:before { content: ''; position: absolute; left: 0; top: 0; bottom: 94px; background-color: #D5EDFF; width: 1px; }
.contributions-item:first-child:before { display: none; }
.contributions-info { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -10px 42px; }
.contributions-info-label { display: inline-block; margin-left: -24px; background-color: #D5EDFF; color: var(--bs-primary); font-size: 16px; font-weight: 700; border-radius: 0 8px 8px 0; padding: 6px 10px 6px 24px; }
.contributions-info-item { width: 50%; margin-bottom: 15px; padding: 0 10px; }
.contributions-info-item p { color: #717171; margin-bottom: 0; }
.contributions-info-item h4 { font-size: 20px; font-weight: 700; margin-bottom: 0; }
.contributions-growth { display: flex; flex-wrap: wrap; margin: 0 -10px 20px; }
.contributions-growth-item { width: 50%; margin-bottom: 15px; padding: 0 10px; }
.contributions-growth-item p { color: rgba(113, 113, 113, 0.52); margin-bottom: 0; }
.contributions-growth-item h3 { color: #717171; margin-bottom: 0; font-size: 20px; font-weight: 700; }
.contributions-growth-info { display: flex; align-items: center; color: #717171; font-size: 12px; }
.contributions-growth-info img { margin-right: 6px; }
.contributions-growth-info span { margin-right: 4px; }
.contributions-graph { margin-top: auto; }

/* Activity Main */
.activity-main { position: relative; }
.activity-main-header { padding: 0 20px; background-color: rgba(41, 109, 189, 0.08); border-radius: 10px; display: flex; align-items: center; margin-bottom: 20px; }
.activity-main-header-action.app-btn-group { margin-left: auto; }
.activity-tabs { position: relative; margin-bottom: 0; padding: 0; border-bottom: 0 none; }
.activity-tabs .nav-item { margin-right: 70px; }
.activity-tabs .nav-link { padding: 21px 4px; border: 0 none; border-top: solid 4px transparent; border-radius: 0; color: rgba(41, 109, 189, 0.4); font-weight: 400; font-size: 18px; display: flex; align-items: center; }
.activity-tabs .nav-link img { margin-right: 12px; opacity: 0.4; }
.activity-tabs-count { background-color: var(--bs-primary); color: #ffffff; margin-left: 14px; width: 25px; height: 25px; padding: 5px; font-weight: 600; font-size: 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.activity-tabs .nav-link.active { color: var(--bs-primary); border-top-color: var(--bs-primary); background-color: transparent; }
.activity-tabs .nav-link.active img { opacity: 1; }

/* Compliance Form Activity Main */
.compliance-form-activity-main { position: relative; }
.compliance-form-activity-main .activity-main-header { padding: 0 50px; }

/* App Card Process */
.app-card-process .app-card-body { padding: 32px 36px 32px 30px; }
.app-card-process-collapse { position: relative; padding-bottom: 25px; border: 0 none; background-color: transparent; }
.app-card-process-collapse-btn { display: flex; align-items: center; width: 100%; color: #BDBDBD; font-size: 18px; font-weight: 500; padding: 0 20px 0 0; position: relative; z-index: 1; }
.app-card-process-collapse-btn.accordion-button:focus { box-shadow: none; }
.app-card-process-collapse-btn.accordion-button:not(.collapsed) { background-color: transparent; border-radius: 0; box-shadow: none; }
.app-card-process-collapse-btn.accordion-button:after { display: none; }
.app-card-process-collapse-btn .icon-arrow { transition: all 0.4s ease-in-out; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); font-size: 14px; filter: brightness(0) invert(0.7); }
.app-card-process-collapse-btn:hover, .app-card-process-collapse-btn:focus { color: #BDBDBD; }
.app-card-process-collapse-btn-text { transition: all 0.4s ease-in-out; flex: 1; }
.app-card-process-collapse-btn[aria-expanded="true"] { color: var(--bs-primary); }
.app-card-process-collapse-btn[aria-expanded="true"] .icon-arrow { transform: translateY(-50%) rotate(0deg); top: 70%; filter: initial; }
.app-card-process-collapse-btn[aria-expanded="true"] .app-card-process-collapse-btn-text { margin-top: 22px; }
.app-card-process-collapse-btn .alphabet { background-color: #FFFFFF; border-radius: 50%; color: #BDBDBD; font-size: 24px; font-weight: 700; border: 1px solid #BDBDBD; width: 53px; min-width: 53px; height: 53px; display: flex; align-items: center; justify-content: center; margin: 0 72px 0 42px; position: relative; }
.app-card-process-collapse-btn .alphabet:before { content: ''; position: absolute; left: -9px; top: -9px; z-index: 0; border: solid 1px transparent; border-radius: 50%; width: 69px; height: 69px; }
.app-card-process-collapse-btn[aria-expanded="true"] .alphabet { background-color: var(--bs-primary); border-color: var(--bs-primary); color: #ffffff; }
.app-card-process-collapse-btn[aria-expanded="true"] .alphabet:before { border-color: #D5EDFF; }
.app-card-process-collapse-btn:before, .app-card-process-collapse-main:before { content: ''; position: absolute; left: 69px; top: 0; bottom: 0; z-index: 0; background-color: #BDBDBD66; width: 1px; }
.app-card-process-collapse-btn:before, .collapse.show .app-card-process-collapse-main:before { bottom: -30px; }
.app-card-process-collapse:last-child .collapse.show .app-card-process-collapse-main:before { bottom: 72px; }
.app-card-process-collapse-btn[aria-expanded="true"]:before { bottom: 0; }
.app-card-process-collapse:nth-last-of-type(1) .app-card-process-collapse-btn:before, .app-card-process-collapse:nth-last-of-type(2) .app-card-process-collapse-btn:before { display: none; }
.app-card-process-collapse-main { padding-bottom: 20px; display: flex; position: relative; }
.app-card-process-collapse-dur { background-color: #FFFFFF; border: 1px solid #F1F1F1; border-radius: 10px; padding: 36px 26px 10px; min-width: 138px; margin-top: -27px; margin-right: 30px; position: relative; align-self: flex-start; }
.app-card-process-collapse-dur-item { position: relative; padding: 12px 0; }
.app-card-process-collapse-dur-item + .app-card-process-collapse-dur-item { border-top: solid 1px #EAEAEA; }
.app-card-process-collapse-dur-item p { font-size: 13px; color: #3E3F4160; margin-bottom: 0; }
.app-card-process-collapse-content { position: relative; display: flex; flex-direction: column; margin-top: 12px; }
.app-card-process-collapse-content p { color: #BDBDBD; font-size: 16px; margin-bottom: 20px; }
.app-card-process-collapse-footer { margin-top: auto; display: flex; align-items: center; }
.app-card-process-collapse-footer .btn { font-size: 14px; padding: 6px 12px; border-radius: 10px; margin: 5px 0; }
.app-card-process-collapse-footer .btn img { margin-right: 10px; width: 19px; }
.app-card-process-collapse-footer .btn-link, .app-card-process-collapse-disbur-btn-view .btn-link { font-size: 16px; position: relative; text-decoration: none; padding-bottom: 2px; }
.app-card-process-collapse-footer .btn-link { margin-left: 16px; }
.app-card-process-collapse-footer .btn.last { margin-left: auto; }
.app-card-process-collapse-footer .btn span.score { color: #21BF86; font-weight: 700; border-right: solid 1px var(--bs-primary); padding-right: 9px; margin-right: 12px; }
.app-card-process-collapse-disbur { position: relative; margin-top: 26px; margin-left: -70px; }
.app-card-process-collapse-disbur-item { position: relative; padding: 15px 0; display: flex; align-items: center; }
.app-card-process-collapse-disbur-item:before { content: ''; position: absolute; left: -29px; top: 50%; transform: translateY(-50%); z-index: 1; height: 1px; width: 33px; background-color: #BDBDBD; }
.app-card-process-collapse-disbur-info { flex: 1; font-size: 16px; color: var(--bs-primary); display: flex; align-items: center; }
.app-card-process-collapse-disbur-info span { position: relative; font-size: 18px; font-weight: 700; color: var(--bs-primary); background-color: #D5EDFF; width: 53px; min-width: 53px; height: 53px; border-radius: 50%; margin: 12px 26px 12px 12px; display: flex; align-items: center; justify-content: center; }
.app-card-process-collapse-disbur-info span:before { content: ''; position: absolute; left: -8px; top: -8px; z-index: 0; border: 1px solid #D5EDFF; width: 69px; min-width: 69px; height: 69px; border-radius: 50%; }
.app-card-process-collapse-disbur-budget { color: #3E3F41; font-size: 14px; margin-left: 30px; }
.app-card-process-collapse-disbur-budget h6 { font-weight: 500; font-size: 16px; margin: 0; }
.app-card-process-collapse-disbur-budget .amount-overflow { width: 100%; }
.app-card-process-collapse-disbur-btn-view { margin-left: 30px; }
.app-card-process-collapse-disbur-btn-view .btn { font-size: 16px; padding: 10px 18px; border-radius: 10px; }
.app-card-process-collapse-disbur-item.disabled .app-card-process-collapse-disbur-info,
.app-card-process-collapse-disbur-item.disabled .app-card-process-collapse-disbur-budget,
.app-card-process-collapse-disbur-item.disabled .app-card-process-collapse-disbur-budget h6,
.app-card-process-collapse-disbur-item.disabled .app-card-process-collapse-disbur-btn-view .btn-link { color: #3E3F4140; }
.app-card-process-collapse-disbur-item.disabled .app-card-process-collapse-disbur-info span { color: #3E3F4140; background-color: #DADADA40; }
.app-card-process-collapse-disbur-item.disabled .app-card-process-collapse-disbur-info span:before { border-color: #BEBEBE40; }
.app-card-process-collapse-disbur-item.disabled .btn-success-light { color: #3E3F4140; background-color: #BEBEBE40; border-color: #BEBEBE40; }
.app-card-process-collapse-disbur-item.disabled .app-card-process-collapse-disbur-btn-view .btn-link::before { background-color: #3E3F4140; }
.app-card-process-collapse-disbur-item.disabled .app-card-process-collapse-disbur-btn-view .btn-link:hover:before { width: 100%; }

/* App Card Task */
.app-card-task { position: relative; }
.app-card-task .app-card-header { border-bottom: 0 none; padding-left: 30px; }
.app-card-task .app-card-header-action a.btn-link { font-size: 18px; }
.app-card-task .app-card-header-action a.app-btn-link:before { height: 2px; }
.app-card-task-select-box { position: relative; margin-left: 35px; }
.app-card-task-select-box .app-select-icon { left: 20px; }
.app-card-task-select-box .select2-container .select2-selection--single { height: 51px; }
.app-card-task-select-box .select2-container--default .select2-selection--single { background-color: rgba(41, 109, 189, 0.08); border: 0 none; border-radius: 10px; }
.app-card-task-select-box .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 35px; padding-right: 35px; }
.app-card-task-select-box .select2-container--default .select2-selection--single .select2-selection__arrow { right: 18px; height: 49px; }
.app-card-task-select-box .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--bs-primary); line-height: 51px; font-weight: 400; font-size: 0; }
.app-card-task-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b { transition: all 0.4s ease-in-out; background: url("../images/icon-down-light.svg") no-repeat center; border: 0 none; height: 6px; width: 10px; }
.app-card-task-select-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent; border-width: 0; transform: rotate(180deg); }
.app-card-task .app-card-body { padding: 0; }
.table-task th { background-color: #F5F5F5; color: #3E3F41; font-size: 16px; font-weight: 400; padding: 11.5px 15px; white-space: nowrap; }
.table-task th:first-child { padding-left: 30px; }
.table-task th:last-child { padding-right: 22px; }
.table-task td { color: #717171; font-size: 16px; font-weight: 400; padding: 16px 15px; border-bottom-width: 0; }
.table-task td:first-child { padding-left: 28px; }
.table-task td:last-child { padding-right: 22px; }
.table-task-thumb img { width: 42px; height: 42px; border-radius: 50%; }
.table-task td.table-task-fs { font-size: 14px; }
.due-status { position: relative; padding-left: 18px; }
.due-status:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 8px; height: 8px; background-color: #717171; border-radius: 50%; }
.text-red .due-status:before { background-color: var(--bs-secondary); }
.text-blue .due-status:before { background-color: var(--bs-primary); }
.text-teal .due-status:before { background-color: #14AE5C; }
.status-action-flex { display: flex; align-items: flex-start; }
.status-action-flex p { margin-bottom: 0; max-width: 86px; min-width: 86px; word-break: break-word; }
.status-action { position: relative; list-style: none; margin: 0 0 0 auto; padding-left: 5px; display: flex; align-items: center; }
.status-action li { margin-left: 10px; }
.status-action li a { width: 36px; height: 36px; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; background-color: var(--bs-primary); color: #ffffff; }
.status-action li a:hover, .status-action li a:focus { background-color: var(--bs-primary-dark); color: #ffffff; }
.status-action li a img { width: 16px; }

/* Form Field File */
.form-field-file-label { position: relative; display: flex; align-items: center; }
.form-field-file-label .file-type { margin-left: auto; color: #C2C2C2; font-size: 14px; margin-bottom: 10px; }
.upload-btn-wrapper { position: relative; overflow: hidden; margin-bottom: 16px; }
.upload-btn-area { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; color: var(--bs-primary); background-color: #fff; padding: 8px 20px; font-size: 16px; font-weight: 400; height: 160px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.upload-btn-wrapper input[type=file] { font-size: 80px; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
.upload-btn-area img { margin-bottom: 15px; }
.upload-file-list { list-style: none; padding-left: 0; margin: 0 0 50px; }
.upload-file-list li { border-bottom: 1px solid #C4C4C4; color: rgba(113, 113, 113, 1); padding-bottom: 10px; margin-bottom: 26px; display: flex; flex-wrap: wrap; align-items: center; }
.upload-file-list li a { margin-right: 4px; }
.upload-file-list li a.delete-btn { background-color: #BEBEBE; color: #ffffff; margin-left: auto; width: 32px; min-width: 32px; height: 32px; border-radius: 50%; padding: 5px; display: flex; align-items: center;	justify-content: center; }
.upload-file-list li a.delete-btn:hover, .upload-file-list li a.delete-btn:focus { background-color: #a9a7a7; color: #ffffff; }
.upload-file-list li a.delete-btn img { height: 18px; width: 18px; }

/* Compliance Score Wrapper */
.compliance-score-wrapper { display: flex; align-items: center; justify-content: space-around; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 26px 20px; }
.compliance-score-wrapper .form-control { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; font-size: 24px; color: #717171; max-width: 135px; }
.compliance-score-graph { position: relative; max-width: 210px; width: 100%; }
.compliance-score-graph .chart svg { width: 210px; }
.compliance-score-graph-value { position: relative; padding-top: 10px; margin-top: -8px; text-align: center; }
.value-start, .value-end { position: absolute; top: 0; z-index: 1; }
.value-start { left: 6px; }
.value-end { right: 3px; }
.chart-text { color: #717171; font-size: 16px; }
.chart-total { position: absolute; bottom: 42px; left: 50%; z-index: 1; transform: translateX(-50%); color: #717171; font-size: 24px; font-weight: 700; }
.chart-total::before { content: ''; position: absolute; left: 50%; top: -56px; z-index: 1; transform: translateX(-50%); width: 135px; height: 82px; border-radius: 12rem 12rem 0 0; border: dashed 1px var(--bs-primary); }
.chart-total::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -3px; z-index: 1; width: 135px; height: 2px; background-color: #fff; }
.compliance-score-graph-card { background-color: #F8F8F8; border-radius: 10px; padding: 20px 40px; display: flex; align-items: center; }
.compliance-score-graph-md { max-width: 135px; }
.compliance-score-graph .chart-score svg { width: 135px; height: 86px; background-color: transparent; }
.compliance-score-graph .chart-score svg path[stroke-width="0"] { fill: transparent; }
.compliance-score-graph-value { min-height: 34px; }
.compliance-score-graph-value .value-score { position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 1; font-weight: 700; font-size: 14px; }
.compliance-score-graph-card-filed { margin-left: 50px; }
.compliance-score-graph-card-filed h3 { font-weight: 700; font-size: 20px; color: #717171; margin-bottom: 0; }

/* Btn Filter */
.btn-filter { background-color: #D8D8D8; border-color: #D8D8D8; color: #717171; border-radius: 10px; padding: 2px 8.5px; min-width: 50px; }
.btn-filter:hover, .btn-filter:focus,
.btn-check:checked + .btn-filter, .btn-filter.active, .btn-filter.show,
.btn-filter:first-child:active, :not(.btn-check) + .btn-filter:active { background-color: #e6e1e1; color: #717171; border-color: #e6e1e1; }
.btn-filter-light-blue { background-color: rgba(213, 237, 255, 0.28); border-color: rgba(213, 237, 255, 0.28); color: var(--bs-primary); }
.btn-filter-light-blue:hover, .btn-filter-light-blue:focus,
:not(.btn-check) + .btn-filter-light-blue:active,
.btn-check:checked + .btn-filter-light-blue, .btn-filter-light-blue.active,
.btn-filter-light-blue.show, .btn-filter-light-blue:first-child:active, :not(.btn-check) + .btn-filter-light-blue:active { background-color: rgba(213, 237, 255, 0.38); color: var(--bs-primary); border-color: rgba(213, 237, 255, 0.38); }

/* Modal Filter */
.modal-filter .modal-dialog { max-width: 270px; margin-left: auto; margin-right: auto; }
.modal-filter .modal-content { border-radius: 25.9444px; }
.modal-filter .modal-header { border-bottom-color: #C4C4C4; padding: 18px 25px; }
.modal-filter .modal-title { font-size: 16px; font-weight: 400; }
.modal-filter .modal-header .btn-close { background: url('../images/icon-close-border.svg') no-repeat center; background-size: cover; padding: 6px; opacity: 1; }
.modal-filter .modal-header .btn-close:focus { box-shadow: none; }
.modal-filter .modal-body { padding: 22px 25px 10px; }
.filter-menu { list-style: none; padding-left: 0; margin: 0; }
.filter-menu li { margin-bottom: 5px; }
.filter-menu li a { color: #717171; font-weight: 400; font-size: 16px; }
.filter-menu li a:hover, .filter-menu li a:focus { color: var(--bs-primary); }
.modal-filter .modal-footer { justify-content: center; border-top: 0 none; padding-bottom: 30px; }
.modal-filter .modal-footer .btn { border-radius: 10px; font-weight: 700; font-size: 16px; padding: 7px 43px 9px 43px; }

/* Form Search */
.form-search-field { position: relative; margin-bottom: 20px; }
.form-search-field .form-control { background-color: rgba(41, 109, 189, 0.08); border: 0 none; padding: 5px 35px 5px 12px; border-radius: 10px; font-size: 14px; color: var(--bs-primary); }
.form-search-field .form-control:focus { box-shadow: none; }
.form-search-field .btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding: 0; background-color: transparent; border: 0 none; }
.form-search-field .btn img { width: 12px; }

/* Activity Log Accordion */
.activity-log-accordion { position: relative; }
.activity-log-accordion .accordion-item { color: #717171; background-color: transparent; border: 0 none; border-radius: 0; }
.activity-log-accordion .accordion-button { color: #717171; font-size: 14px; font-weight: 400; padding: 16px 28px 16px 38px; background-color: transparent; position: relative; }
.activity-log-accordion .accordion-button span { display: inline-block; background-color: #fff; padding-right: 30px; position: relative; z-index: 3; min-width: 105px; }
.activity-log-accordion .accordion-button:focus { box-shadow: none; }
.activity-log-accordion .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; }
.activity-log-accordion .accordion-button:after { transition: all 0.4s ease-in-out; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); z-index: 1; background: url('../images/icon-down-gray.svg') no-repeat center; width: 12px; height: 8px; }
.activity-log-accordion .accordion-button[aria-expanded="true"]:after { transform: translateY(-50%) rotate(180deg); }
.activity-log-accordion .accordion-button:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; height: 2px; width: 92%; background-color: #EAEAEA; }
.activity-log-accordion .accordion-button:not(.collapsed) { box-shadow: none; }
.activity-log-accordion .accordion-body { padding: 0 0 0 38px; position: relative; }
.activity-log-accordion .accordion-body::before { content: ''; position: absolute; left: 9px; top: 0; height: 100%; width: 2px; background-color: #EAEAEA; }
.activity-log-card { position: relative; background-color: #F5F5F5; color: #717171; font-size: 14px; border-radius: 10px; padding: 24px; }
.activity-log-card :last-child { margin-bottom: 0; }
.activity-log-card:not(:last-child) { margin-bottom: 20px; }
.activity-log-card::before { content: ''; position: absolute; left: -37px; top: 50%; transform: translateY(-50%); z-index: 1; background-color: var(--bs-primary); width: 18px; height: 18px; border-radius: 50%; }
.activity-log-card-time { display: block; margin-bottom: 15px; }
.activity-log-card-content { position: relative; }
.activity-log-card-action { margin-left: auto; }
.activity-log-card-content h3 { color: #717171; font-size: 16px; font-weight: 700; margin-bottom: 6px; }
.activity-log-card-content h5 { font-size: 18px; margin-bottom: 0; }

/* App Modal */
.app-modal .modal-dialog { max-width: 950px; margin-left: auto; margin-right: auto; }
.app-modal .modal-content { border-radius: 40px; color: #717171; }
.app-modal .modal-header { padding: 23px 34px; border-bottom-color: #DFDFDF; }
.app-modal .modal-header p { margin-bottom: 0; }
.app-modal .modal-title { font-weight: 700; font-size: 22px; }
.app-modal .modal-header .btn-close { background: url('../images/icon-close-border.svg') no-repeat center; opacity: 1; padding: 0; min-width: 33px; width: 33px; height: 33px; margin: 0 0 0 20px; }
.app-modal .modal-header .btn-close:focus { box-shadow: none; }
.app-modal .modal-body { padding: 50px 34px; }
.app-modal-header-action { display: flex; align-items: center; }
.app-modal-header-action .btn { font-weight: 700; padding: 12px 23px; min-width: 145px; font-size: 16px; border-radius: 10px; margin-left: 20px; }
.app-modal-header-action .btn:first-child { margin-left: 0; }
.app-modal-header-action .btn img { margin-right: 10px; }
.app-modal-or { position: relative; margin: 40px 0; font-weight: 700; font-size: 22px; color: var(--bs-primary); text-align: center; text-transform: uppercase; }
.app-modal-or:before { content: ''; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; height: 1px; background-color: #DFDFDF; }
.app-modal-or span { background-color: #ffffff; padding: 0 14px; position: relative; z-index: 3; }

/* App Modal full */
.app-modal-full .modal-dialog { max-width: 1880px; }
.app-modal-full .modal-header { padding: 24px 45px; }
.app-modal-full .modal-title { font-size: 18px; }
.app-modal-full .modal-body { padding: 50px 45px; }

/* Compliance Form Modal */
.btn-compliance-form { border-radius: 10px; font-size: 16px; font-weight: 700; padding: 12px 21px; }
.btn-compliance-form img { margin-right: 16px; }
/* .compliance-form-modal { display: block !important; opacity: 1 !important; } */
.modal-header-content { max-width: 1200px; width: 100%; }
.modal-header-content .form-field { margin-bottom: 0; }
.modal-header-content .form-label { font-size: 14px; color: #717171; margin-bottom: 0; }
.modal-header-content .form-control { color: var(--bs-primary); }
.compliance-form-modal .modal-footer { padding: 40px 45px 75px; border-top: 0 none; position: relative; }
.compliance-form-modal .modal-footer::before { content: ''; position: absolute; left: 45px; top: 75px; right: 375px; background-color: #DFDFDF; height: 1px; }
.compliance-form-modal .modal-footer .btn { font-weight: 500; font-size: 20px; padding: 11px 30px; border-radius: 10px; }
.compliance-form-modal .modal-footer .btn-link { color: #717171; }
.compliance-form-modal .modal-footer .btn-link:hover, .compliance-form-modal .modal-footer .btn-link:focus { color: #8b8989; text-decoration: none; }
.compliance-form-modal .modal-footer .btn img { margin-right: 20px; }
.compliance-form-header { position: relative; margin-bottom: 60px; display: flex; align-items: center; flex-wrap: wrap; }
.compliance-form-header-item { border-left: 1px solid #DFDFDF; width: 50%; display: flex; align-items: center; }
.compliance-form-header-item:first-child { padding-right: 85px; border-left: 0 none; }
.compliance-form-header-item:last-child { padding-left: 52px; }
.compliance-score-graph-content { margin-left: 50px; font-size: 16px; }
.compliance-score-graph-content h3 { font-weight: 700; font-size: 16px; margin-bottom: 8px; }

.compliance-form-category-header { position: relative; margin-bottom: 32px; display: flex; align-items: center; justify-content: space-between; }
.compliance-form-category-header::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 100%; height: 1px; background-color: #DFDFDF; }
.compliance-form-category-header h3 { margin-bottom: 0; font-weight: 700; font-size: 18px; background-color: #fff; position: relative; z-index: 3; }
.compliance-form-category-header h3.start { min-width: 138px; padding-right: 20px; }
.compliance-form-category-header h3.end { min-width: 186px; padding-left: 20px; text-align: right; text-transform: uppercase; }

/* App Progress */
.app-progress-view { width: 50%; padding-right: 60px; font-size: 14px; }
.app-progress-view h3 { font-weight: 700; font-size: 16px; margin-bottom: 10px; }
.progress-value { font-weight: 700; font-size: 22px; margin-right: 8px; }
.app-progress { background-color: #C4C4C470; border-radius: 30px; height: 22px; }
.app-progress .progress-bar { border-radius: 30px; background-color: var(--bs-primary); position: relative; }
.app-progress .progress-bar::before { content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 1; background-color: #FFFFFF; border-radius: 20px; width: 2px; height: 8px; }
.app-progress-content { width: 50%; font-size: 16px; }

/* FormCheck Group */
.form-check-group { display: flex; align-items: center; flex-wrap: wrap }
.app-form-radio { padding-left: 42px; }
.form-check-group .app-form-radio { padding-right: 30px; width: 42%; }
.app-form-radio .form-check-label { text-transform: uppercase; position: relative; }
.app-form-radio .form-check-label::before { content: ''; position: absolute; left: -37px; top: 5px; z-index: 1; width: 15px; height: 15px; background-color: transparent; border-radius: 50%; }
.app-form-radio .form-check-input { width: 25px; height: 25px; border-color: var(--bs-primary); margin-left: -42px; margin-top: 0; }
.app-form-radio .form-check-input:checked[type="radio"] + .form-check-label::before { background-color: var(--bs-primary); }
.app-form-radio .form-check-input:checked, .app-form-checkbox .form-check-input:checked { background: none; }
.app-form-radio .form-check-input:checked[type="radio"], .app-form-checkbox .form-check-input:checked[type="checkbox"] { background: none; }
.app-form-radio .form-check-input:focus, .app-form-checkbox .form-check-input:focus { box-shadow: none; }
.app-form-checkbox { padding-left: 50px; margin-bottom: 30px; }
.form-check-group .app-form-checkbox { margin-bottom: 46px; padding-right: 30px; width: 26%; }
.app-form-checkbox .form-check-label { font-size: 22px; color: #717171; position: relative; vertical-align: middle; }
.app-form-checkbox .form-check-label::before { content: ''; position: absolute; left: -44px; top: 5px; z-index: 1; width: 20px; height: 15px; background: none; border-radius: 50%; }
.app-form-checkbox .form-check-input { width: 29px; height: 29px; border-color: var(--bs-primary); border-width: 2px; border-radius: 0; margin-left: -50px; margin-top: 0; }
.app-form-checkbox .form-check-input:checked[type="checkbox"] + .form-check-label::before { background: url("../images/icon-checked-thin.svg") no-repeat center; background-size: contain; }

/* Compliance Form Category Question */
.compliance-form-category-que { font-size: 16px; margin-bottom: 50px; height: calc(100% - 50px); display: flex; flex-direction: column; }
.compliance-form-category-que.height-noFull { height: auto; }
.compliance-form-category-que p { margin-bottom: 30px; }
.compliance-form-category-que .form-check-group { margin-top: auto; }
.form-field-category { position: relative; }
.form-field-category .form-label { margin-bottom: 30px; }
.form-field-category .upload-btn-area { flex-direction: row; height: 180px; }
.form-field-category .upload-btn-area .upload-btn-area-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.form-field-category .upload-btn-area .file-type { color: #C2C2C2; font-size: 14px; max-width: 244px; margin-left: 40px; }

/* App card schedule */
.app-card-schedule { position: relative; }
.app-card-schedule .app-card-header { padding: 30px 20px 29px 20px; }
.app-card-schedule .app-card-header-main { max-width: 1045px; width: 100%; }
.app-card-schedule .app-card-header-main img { margin-right: 0; }
.app-card-header-edit { margin-right: 120px; display: flex; align-items: center; }
.app-card-header-edit .app-card-title { font-weight: 400; font-size: 22px; color: #717171; margin-right: 24px; max-width: 244px; line-height: 1.25; display: inline-block; vertical-align: middle; }
.app-card-schedule .budget-approved-vertical-action { padding: 65px 5px 40px 18px; }
.app-card-schedule .budget-approved-collapse-link { color: #3E3F41; }
.app-card-schedule .budget-approved-nav-tabs { padding-top: 18px; }
.add-disbursement { position: relative; margin-bottom: 10px; padding-top: 20px; }
.add-disbursement-link { display: flex; align-items: center; font-size: 14px; }
.add-disbursement-link:hover, .add-disbursement-link:focus { color: #21BF86; }
.add-disbursement-link img { margin-right: 10px; }
.app-card-schedule .budget-approved-has-table-item { padding: 34px 5px; }
.app-card-schedule .budget-approved-has-table-list li:first-child { margin-bottom: 20px; }

/* App All Form */
.app-all-form { position: relative; }
.app-all-form .select2-container .select2-selection--single .select2-selection__rendered { font-size: 18px; }

/* Questions Main */
.questions-main { position: relative; }
.questions-item { margin-bottom: 40px; }
.questions-card { background-color: #FFFFFF; min-height: 200px; border-radius: 20px; position: relative; padding: 26px 24px 50px 50px; overflow: hidden; }
.questions-card::before, .questions-card::after { content: ''; position: absolute; top: 6px; bottom: 6px; z-index: 1; width: 30px; border-radius: 12px; transform: matrix(-1, 0, 0, 1, 0, 0); }
.questions-card::before { left: -20px; background-color: #A1A1A1; z-index: 2; }
.questions-card::after { left: 0; background-color: #ffffff; }
.questions-card.blue::before { background-color: var(--bs-primary); }
.questions-card .form-field { margin-bottom: 50px; }
.questions-card .form-select-box-question { max-width: 430px; margin-top: 60px; margin-bottom: 20px; }
.questions-card-content .form-label { color: var(--bs-primary); }
.questions-card .app-btn { padding: 12px 30px; font-size: 20px; display: inline-flex; align-items: center; }
.questions-card .app-btn img { margin-right: 20px; width: 26px; height: 26px; }
.questions-card-sidebar, .questions-card-content { position: relative; }
.questions-card-sidebar .form-label { margin-left: 20px; }
.questions-card-content textarea.form-control { font-size: 18px; }
.questions-card-flex { display: flex; padding-top: 20px; }
.questions-card-flex .questions-card-content { margin-right: 100px; }
.questions-card-action { position: relative; margin-left: auto; padding: 0 35px; }
.questions-card-action a { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #3E3F41; }
.questions-card-action a:hover, .questions-card-action a:focus { color: var(--bs-primary); }
.questions-card-action a img { margin-bottom: 10px; display: block; }
.question-title { font-weight: 400; font-size: 24px; color: #717171; margin-bottom: 25px; }
.questions-upload-wrapper { display: flex; margin-top: 70px; margin-bottom: 20px; }
.questions-upload-wrapper .upload-btn-wrapper { margin-bottom: 0; max-width: 430px; min-width: 430px; }
.questions-upload-wrapper .upload-btn-area { color: #21BF86; background-color: #E5FFE4; border-color: #E5FFE4; height: 62px; font-weight: 700; font-size: 24px; }
.questions-upload-wrapper .upload-btn-area img { margin-bottom: 0; margin-right: 20px; }
.questions-upload-wrapper .upload-btn-area .upload-btn-area-inner { display: flex; align-items: center; }
.questions-upload-wrapper .file-type { color: #DADADA; font-size: 18px; margin-left: 100px; max-width: 315px; }
.questions-upload-wrapper .file-type span { text-decoration: underline; }

/* Form Check Option */
.form-check-option { position: relative; }
.form-check-option-item { display: flex; align-items: center; position: relative; justify-content: space-between; padding-bottom: 12px; margin-bottom: 38px; }
.form-check-option-item:not(:last-child) { padding-right: 26px; padding-bottom: 24px; margin-bottom: 38px; }
.form-check-option-item:not(:last-child):before { content: ''; position: absolute; left: 42px; right: 0; bottom: 0; z-index: 1; height: 1px; background-color: #DFDFDF; }
.form-check-option-item .app-form-radio { margin-bottom: 0; }
.form-check-option-item .app-form-radio .form-check-label { text-transform: capitalize; color: #717171; font-size: 20px; }
.form-check-option-item .app-form-radio .form-check-input:checked[type="radio"] { border-color: #21BF86; }
.form-check-option-item .app-form-radio .form-check-input:checked[type="radio"] + .form-check-label::before { background-color: #21BF86; }
.form-check-add-option { color: #717171; font-size: 16px; position: relative; padding-left: 42px; }
.form-check-add-option:hover, .form-check-add-option:focus { color: var(--bs-primary); }
.form-check-add-option::before { content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 25px; border: solid 1px var(--bs-primary); border-radius: 50%; }
.form-file-type { position: relative; }
.form-file-type-item { position: relative; margin-bottom: 50px; border-bottom: 1px solid #DFDFDF; }
.form-file-type-item:last-child { border-bottom: 0 none; margin-bottom: 100px; }
.form-file-type-item .form-label-title { font-weight: 400; font-size: 24px; color: #717171; margin-bottom: 40px; }
.form-file-type-item .form-select-box { display: flex; align-items: center; justify-content: space-between; }
.form-file-type-item .form-select-box .form-label-title { margin-bottom: 0; }
.form-file-type-item .select2-container { max-width: 430px; }
.form-file-type-item .select2-container .select2-selection--single .select2-selection__rendered { font-size: 18px; text-transform: uppercase; }
.form-file-type-item .form-check-group { padding-bottom: 4px; }
.form-question-option .form-check-option-item { padding: 25px 0; margin-bottom: 0 !important; }
.form-question-option .form-check-option-item:not(:last-child):before { display: none; }

/* Scroll Top */
.scroll-top-app { padding-bottom: 55px; }
.scroll-top { display: none; font-weight: 700; font-size: 16px; position: fixed; right: 20px; bottom: 30px; z-index: 99999; border-radius: 20px; transition: all 0.3s linear; height: 72px; min-width: 235px; line-height: 58px; }
.scroll-top img { margin-right: 15px; display: inline-block; vertical-align: middle; }

/* Version Header */
.version-header { position: relative; background-color: #F5F5F5; border-radius: 10px; padding: 11px 50px; margin-bottom: 20px; }
.version-header h3 { color: #717171; font-size: 18px; margin-bottom: 0; }
.version-header-sidebar-title { padding-left: 17px; }
.version-accordion { position: relative; }
.version-accordion .accordion-button span { background-color: #f9faff; min-width: 110px; }
.version-accordion .accordion-body::before, .version-accordion .activity-log-card::before { display: none; }
.version-accordion .accordion-body { margin-top: 10px; margin-bottom: 20px; }
.version-accordion .activity-log-card { background-color: #ffffff; display: flex; align-items: center; }
.version-accordion .activity-log-card-time { margin-bottom: 5px; }
.version-accordion  .accordion-button::before { width: 80%; }

/* Form Preview */
.form-preview-header, .document-preview-header { position: relative; margin-bottom: 30px; }
.form-preview-header h2, .document-preview-header h2 { text-align: center; font-weight: 700; font-size: 24px; text-transform: uppercase; }
.form-preview-main { position: relative; }
.form-preview-item { position: relative; }
.form-preview-item-header { position: relative; background-color: #f1f4fc; border-radius: 20px; padding: 11px 50px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.form-preview-item-header:before { content: ''; position: absolute; left: 50px; right: 50px; top: 50%; transform: translateY(-50%); z-index: 1; height: 1px; background-color: var(--bs-primary); }
.form-preview-item-header h3 { font-size: 20px; margin-bottom: 0; position: relative; z-index: 3; background-color: #f1f4fc; }
.form-preview-item-header .start { padding-right: 50px; }
.form-preview-item-header .start span { display: block; }
.form-preview-item-header .end { font-weight: 700; font-size: 20px; padding-left: 50px; }
.form-preview-main .questions-card-content { max-width: 1600px; }
.form-preview-main .form-check-option-item .app-form-radio .form-check-input:checked[type="radio"] { border-color: var(--bs-primary); }
.form-preview-main .form-check-option-item .app-form-radio .form-check-input:checked[type="radio"] + .form-check-label::before { background-color: var(--bs-primary); }
.form-preview-main .app-form-checkbox { padding-top: 25px; padding-bottom: 25px; margin-bottom: 0; }
.form-preview-main .select2-container .select2-selection--single .select2-selection__rendered { font-size: 16px; }
.form-preview-file-list { list-style: none; padding-left: 0; margin: 70px 0 0; max-width: 660px; }
.form-preview-file-list li { border-bottom: 1px solid #DFDFDF; font-size: 20px; color: #717171; display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; margin-bottom: 40px; }
.form-preview-file-list li:last-child { margin-bottom: 20px; }

/* Document Upload Main */
.document-upload-main { position: relative; display: flex; flex-wrap: wrap; margin: 0 -35px; }
.document-upload-main .form-field { margin-bottom: 0 !important; width: 33.33%; padding: 0 35px; display: flex; flex-direction: column; }
.document-upload-version .form-field { width: 50%; }
.document-upload-main .form-label { font-size: 18px; margin-bottom: 25px; color: #717171; }
.document-upload-card { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 35px 23px; flex: 1; }
.document-upload-card .questions-upload-wrapper { margin-top: 0; margin-bottom: 50px; justify-content: center; align-items: center; }
.document-upload-card .questions-upload-wrapper .upload-btn-wrapper { max-width: 260px; min-width: 260px; }
.document-upload-card .questions-upload-wrapper .upload-btn-area { font-size: 18px; }
.document-upload-card .questions-upload-wrapper .upload-btn-area img { width: 36px; }
.document-upload-file-list { list-style: none; padding-left: 0; margin: 0; }
.document-upload-file-list li { display: flex; align-items: center; justify-content: space-between; word-break: break-all; color: #717171; font-size: 16px; border-bottom: 1px solid #DFDFDF; padding-bottom: 12px; margin-bottom: 15px; }
.document-upload-file-list li:last-child { margin-bottom: 5px; }
.document-upload-file-list li .delete-btn { margin-left: 12px; }
.document-upload-file-list li img { width: 25px; height: 25px; }

/* Document Preview */
.document-preview-main { position: relative; }
.document-preview-card { position: relative; background-color: #FFFFFF; border-radius: 20px; padding: 50px; }
.document-preview-card-header { border-bottom: 1px solid rgba(41, 109, 189, 0.5); padding-bottom: 50px; margin-bottom: 50px; display: flex; align-items: center; justify-content: space-between; }
.document-preview-card-header h3 { font-weight: 700; font-size: 22px; margin-bottom: 0; }
.document-preview-card-header-action { margin-left: 20px; }
.document-preview-card-header-action img { width: 125px; }
.document-preview-card-body { position: relative; font-size: 22px; color: #717171; }
.document-preview-card-body p { margin-bottom: 50px; }
.document-preview-signature-info { margin: 100px 0; }
.document-preview-signature-thumb { margin-bottom: 30px; }
.document-preview-signature-detail { max-width: 245px; }
.document-preview-card-footer { padding-top: 60px; margin-bottom: 20px; position: relative; text-align: center; font-size: 22px; color: #717171; }
.document-preview-card-footer:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 10px; background-color: var(--bs-primary); border-radius: 20px; }
.document-preview-card-footer p { margin-bottom: 0; }

/* Tiny Editor */
.tiny-editor { position: relative; }
.tiny-editor .__toolbar { background-color: #EFEFEF; padding: 15px 20px 10px; }
.tiny-editor .__toolbar .__toolbar-item { margin-bottom: 5px; }
.tiny-editor .__toolbar-item:hover, .tiny-editor .__toolbar-item.active { background-color: #e1e0e0; }
.tiny-editor .__editor { overflow-x: hidden; padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; max-height: 360px; min-height: 200px; }
.tiny-editor-label { color: #717171; font-size: 18px; margin-bottom: 25px; }

/* Documents Modal */
.documents-modal { z-index: 1042; }
.documents-modal ~ .modal-backdrop { z-index: 1040; }
.app-offcanvas-right.show ~ .modal-backdrop.show { display: none; }
.app-offcanvas-right.show ~ .offcanvas-backdrop { z-index: 1043; }
.documents-modal-header-action { display: flex; align-items: center; }
.documents-modal-header-action .btn { margin-left: 20px; font-size: 16px; padding: 12px 15px; border-radius: 10px; }
.documents-modal-header-action .btn img { margin-right: 10px; }
.documents-modal-header-action .btn.btn-success-light { font-weight: 700; padding: 12px 23px; }
.documents-modal .modal-body { padding: 50px 45px; }
.documents-modal .app-btn-link::before { height: 1px; }
.documents-modal-main { position: relative; }
.documents-modal-main-item { position: relative; margin-bottom: 45px; }
.documents-modal-list { position: relative; }
.documents-modal-list-tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid #DFDFDF; }
.documents-modal-list-tr:last-child { border-bottom: 0 none; }
.documents-modal-list-item { width: 50%; display: flex; font-size: 16px; color: #717171; padding: 30px 40px;border-left: 1px solid #DFDFDF; }
.documents-modal-list-item:first-child { border-left: 0 none; padding-left: 0; }
.documents-modal-list-item:last-child { padding-right: 0; }
.documents-modal-list-tr:first-child .documents-modal-list-item { padding-top: 0; }
.documents-modal-list-tr:last-child .documents-modal-list-item { padding-bottom: 0; }
.documents-modal-list-action { list-style: none; margin: 0 0 0 auto; padding-left: 0; display: flex; align-items: center; }
.documents-modal-list-action li { padding-left: 45px; }
.documents-modal-list-action li:first-child { padding-left: 0; }
.documents-modal-list-action li a { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; }
.documents-modal-list-action-btn { background-color: var(--bs-primary); color: #ffffff; width: 50px; height: 50px; border-radius: 50%; margin-bottom: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px; }
.documents-modal-list-action li a:hover .documents-modal-list-action-btn, .documents-modal-list-action li a:focus .documents-modal-list-action-btn { background-color: var(--bs-primary-dark); color: #ffffff; }
.documents-modal-list-action li a.lock { color: #3E3F41; cursor: no-drop; }
.documents-modal-list-action li a.lock .documents-modal-list-action-btn { background-color: #DFDFDF; color: #3E3F41; }
.documents-modal-list-action li a.lock:hover .documents-modal-list-action-btn, .documents-modal-list-action li a.lock:focus .documents-modal-list-action-btn { background-color: #DFDFDF; color: #3E3F41; }
.documents-modal-main-header { margin-bottom: 45px; position: relative; }
.documents-modal-main-header:before { content: ''; position: absolute; right: 0; top: 50%; z-index: 0; transform: translateY(-50%); background-color: #DFDFDF; width: 90%; height: 1px; }
.documents-modal-main-header h3 { font-weight: 700; font-size: 18px; margin-bottom: 0; position: relative; z-index: 3; }
.documents-modal-main-header h3 span { background-color: #ffffff; padding-right: 50px; display: inline-block; }
.documents-modal-list-item p { max-width: 230px; margin-right: 10px; }

/* Pan Card Wrapper */
.pan-card-wrapper { margin-bottom: 40px; }
.pan-card-wrapper .upload-btn-area { color: #3E3F41; height: 188px; }
.pan-card-wrapper .upload-btn-area-inner { background-color: #F6F6F6; border-radius: 10px; color: #717171; font-weight: 700; font-size: 18px; height: 52px; min-width: 260px; display: inline-flex; align-items: center; justify-content: center; padding: 5px 16px; }
.pan-card-wrapper .upload-btn-area img { margin-bottom: 0; margin-right: 24px; }
.pan-card-wrapper .file-type { margin-top: 30px; }
.pan-card-file-list { list-style: none; margin: 0 0 30px; padding-left: 0; }
.pan-card-file-list li { border-bottom: 1px solid #DFDFDF; font-size: 18px; color: #717171; padding-bottom: 12px; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; }

/* Signature Modal */
.signature-form-label { font-weight: 700; font-size: 22px; color: #717171; margin-bottom: 16px; }
.draw-signature-card { background-color: #F7F7F7; min-height: 280px; }
.draw-signature-card .signature-pad { background-color: transparent; max-width: 100%; max-height: 100%; min-height: 280px; }
.signature-upload-card { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 40px; }
.signature-upload-card .upload-btn-area { border: 0 none; padding: 0; color: #3E3F41; height: 100px; }
.signature-upload-card .upload-btn-area-inner { cursor: pointer; background-color: #F6F6F6; border-radius: 10px; color: #717171; font-weight: 700; font-size: 18px; height: 52px; min-width: 260px; display: inline-flex; align-items: center; justify-content: center; padding: 5px 16px; }
.signature-upload-card .upload-btn-area img { margin-bottom: 0; margin-right: 24px; }
.signature-upload-list { list-style: none; margin: 0 0 10px; padding-left: 0; }
.signature-upload-list li { border-bottom: 1px solid #DFDFDF; font-size: 18px; color: #717171; padding-bottom: 12px; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; }

/* Macl Modal */
.macl-modal .modal-title { font-weight: 400; font-size: 22px; color: #717171; }
.macl-card { border: solid 24px #EFEFEF; border-bottom-width: 32px; background-color: #ffffff; padding: 6px 8px; }
.history-sidebar { position: relative; }
.history-sidebar-title { color: #717171; font-weight: 400; font-size: 18px; margin-bottom: 8px }
.history-sidebar .accordion-body::before, .history-sidebar .activity-log-card::before { display: none; }
.history-sidebar .activity-log-card { display: flex; align-items: center; }
.history-sidebar .activity-log-card-time { margin-bottom: 5px; }
.macl-card-header { position: relative; margin-bottom: 48px; border: 2px solid #F1F1F1; display: flex; flex-wrap: wrap; }
.macl-card-logo-info { width: 50%; display: flex; align-items: center; padding: 38px; }
.macl-card-logo-info h2 { font-weight: 400; font-size: 22px; color: #717171; margin-bottom: 0; }
.macl-logo { margin-right: 50px; }
.macl-logo img { min-width: 125px; width: 125px; height: 124px; object-fit: contain; }
.macl-card-header-action { width: 50%; position: relative; border-left: 2px solid #F1F1F1; padding: 20px 44px; }
.macl-card-header-action-item { display: flex; color: #3E3F41; }
.macl-card-header-action-item h6, .macl-card-header-action-item p { font-size: 16px; margin-bottom: 5px; }
.macl-card-header-action-item h6 { min-width: 180px; padding-right: 15px; }
.macl-table { position: relative; border-color: #F1F1F1; table-layout: fixed; margin-bottom: 50px; }
.macl-table th, .macl-table td { font-size: 16px; font-weight: 400; }
.macl-table th { color: var(--bs-primary); padding: 12.5px 20px; }
.macl-table td { color: #3E3F41; padding: 9px 20px; }
.macl-table .select2-container .select2-selection--single { height: 50px; }
.macl-table .select2-container--default .select2-selection--single { border-radius: 0; }
.macl-table .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 12px; padding-right: 50px; font-weight: 400; }
.macl-table .select2-container--default .select2-selection--single .select2-selection__rendered { color: #3E3F41; line-height: 50px; }
.macl-table .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; right: 20px;  }
.macl-table .form-control { background-color: #F8F8F8; border-color: #F8F8F8; color: #3E3F41; font-size: 16px; padding: 10.5px 12px; border-radius: 0; }
.macl-table .input-group-text { background-color: #F8F8F8; border-color: #F8F8F8; padding: 10.5px 14px; border-radius: 0; }
.macl-table .datepicker-input.in-edit:active, .macl-table .datepicker-input.in-edit:focus { box-shadow: none; }
.macl-table .datepicker-title { font-size: 14px; }
.macl-table .datepicker-view .days .datepicker-cell, .macl-table .datepicker-view .dow, .macl-table .datepicker-controls .button { font-size: 14px; }
.macl-table .datepicker-cell.selected, .macl-table .datepicker-cell.selected:hover { background-color: var(--bs-primary); color: #fff; font-weight: 600; }
.macl-remark-main { position: relative; margin-bottom: 50px; border: 2px solid #F1F1F1; display: flex; flex-wrap: wrap; }
.macl-remark-item { width: 33.33%; position: relative; display: flex; flex-direction: column; }
.macl-remark-item:not(:first-child) { border-left: 2px solid #F1F1F1; }
.macl-remark-header { border-bottom: 2px solid #F1F1F1; padding: 18px 30px; min-height: 94px; }
.macl-remark-header .form-label, .macl-remark-header h4 { color: #3E3F41; font-weight: 700; font-size: 16px; margin-bottom: 0; }
.macl-remark-body { padding: 21px; flex: 1; }
.macl-remark-body .form-control { border: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px; border-radius: 10px; height: 100%; padding: 12px; }
.macl-upload-tableable-main { position: relative; margin-bottom: 42px; border: 2px solid #F1F1F1; display: flex; flex-wrap: wrap; }
.macl-upload-tableable-item { width: 33.33%; position: relative; display: flex; flex-direction: column; }
.macl-upload-tableable-item:not(:first-child) { border-left: 2px solid #F1F1F1; }
.macl-upload-tableable-header { border-bottom: 2px solid #F1F1F1; color: #717171; padding: 18px; min-height: 78px; }
.macl-upload-tableable-header h5 { font-size: 16px; margin-bottom: 0; }
.macl-upload-tableable-header p { margin-bottom: 0; }
.macl-upload-tableable-body { padding: 12px 18px; flex: 1; text-align: center; }
.macl-upload-tableable-body .upload-btn-wrapper { margin-bottom: 44px; }
.macl-upload-tableable-body .upload-btn-area { height: 127px; }
.macl-upload-tableable-file-list { list-style: none; padding-left: 0; margin: 0; font-size: 18px; }
.macl-upload-tableable-file-list li { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #DFDFDF; padding-bottom: 12px; margin-bottom: 15px; }
.macl-upload-tableable-body .upload-btn-area-inner { background-color: #F6F6F6; border-radius: 10px; color: #717171; font-weight: 700; font-size: 18px; height: 52px; min-width: 260px; display: inline-flex; align-items: center; justify-content: center; padding: 5px 16px; }
.macl-upload-tableable-body .upload-btn-area img { margin-bottom: 0; margin-right: 24px; }
.macl-preview-main { max-width: 1200px; margin: 0 auto; }
.macl-preview-main .macl-remark-body { padding: 21px 30px; }
.macl-preview-main .macl-table td { padding: 15px 20px; }

/* Approval Modal */
.approval-modal .modal-title { font-weight: 400; font-size: 22px; color: #717171; }
.approval-card { border: solid 24px #EFEFEF; border-bottom-width: 32px; background-color: #ffffff; padding: 20px 44px; }
.approval-card-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(41, 109, 189, 0.5); padding-top: 46px; padding-bottom: 66px; margin-bottom: 40px; }
.approval-card-header h2 { font-weight: 700; font-size: 22px; margin-bottom: 0; margin-right: 20px; order: 1; }
.approval-card-logo { order: 2; }
.approval-card-logo img { min-width: 125px; width: 125px; height: 124px; object-fit: contain; }
.approval-upload-card { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 40px 62px; }
.approval-upload-card .upload-btn-wrapper { margin: 0 auto 42px; max-width: 260px; }
.approval-upload-card .upload-btn-area { height: 52px; border: 0 none; padding: 0; }
.approval-upload-file-list { list-style: none; padding-left: 0; margin: 0; font-size: 18px; }
.approval-upload-file-list li { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #DFDFDF; padding-bottom: 12px; margin-bottom: 15px; }
.approval-upload-file-list li:last-child { margin-bottom: 0; }
.approval-upload-card .upload-btn-area-inner { background-color: #F6F6F6; border-radius: 10px; color: #717171; font-weight: 700; font-size: 18px; height: 52px; min-width: 260px; display: inline-flex; align-items: center; justify-content: center; padding: 5px 16px; }
.approval-upload-card .upload-btn-area img { margin-bottom: 0; margin-right: 24px; }
.approval-card-main { position: relative; font-size: 24px; color: #717171; }
.approval-card-main .form-field { margin-bottom: 50px; height: calc(100% - 50px); display: flex; flex-direction: column; }
.approval-card-main .form-label { font-weight: 400; font-size: 18px; margin-bottom: 28px; color: var(--bs-primary); }
.approval-card-main p { margin-bottom: 50px; }
.signed-name-card { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; flex: 1; }
.signed-name-card .form-control { border: 0 none; }
.approval-preview-main { max-width: 1200px; margin: 0 auto; }
.approval-preview-main .macl-remark-body { padding: 21px 30px; }
.approval-signature-info { margin: 100px 0; }
.approval-signature-thumb { margin-bottom: 30px; }
.approval-signature-detail { position: relative; max-width: 245px; }
.approval-card-footer { padding: 60px 120px 0; margin-bottom: 20px; position: relative; text-align: center; font-size: 18px; color: #717171; }
.approval-card-footer:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 10px; background-color: var(--bs-primary); border-radius: 20px; }
.approval-card-footer p { margin-bottom: 0 !important; }

/* Enter Emails Main */
.enter-emails-main { position: relative; }
.enter-emails-item { position: relative; display: flex; align-items: center; }
.enter-emails-action { margin: 0 3px 30px 24px; }
.enter-emails-action img { display: block; }
.enter-emails-content { flex: 1; }
.enter-emails-label { position: relative; }
.enter-emails-label .enter-emails-action { margin-top: 32px; }
.enter-emails-content .form-field .form-control { font-size: 16px; padding: 19px 20px; }
.enter-emails-label .form-label { font-size: 16px; color: #717171; }
.enter-emails-added { position: relative; margin-bottom: 30px; }
.enter-emails-added .btn-link { color: var(--bs-primary); font-weight: 700; font-size: 18px; text-decoration: none; }
.enter-emails-added .btn-link:hover, .enter-emails-added .btn-link:focus { color: var(--bs-primary-dark); }

/* Success Modal Main */
.success-modal .modal-header { justify-content: flex-end; }
.success-modal-main { position: relative; text-align: center; font-size: 20px; color: #3E3F41; max-width: 650px; margin: 30px auto 80px; }
.success-modal-main h2 { font-weight: 700; font-size: 24px; margin-bottom: 28px; color: #21BF86; }

/* Rejected Modal Main */
.rejected-modal .modal-title { color: var(--bs-secondary); font-size: 24px; }

/* Disbursement Schedule */
.app-card-dis-schedule { position: relative; }
.app-card-dis-schedule .app-card-title { color: #717171; font-size: 20px; font-weight: 400; }
.app-card-dis-schedule .budget-approved-collapse-link { color: var(--bs-primary); }
.app-card-dis-schedule .app-card-header-main { max-width: none; width: auto; }
.app-card-dis-schedule .app-main-header-edit { margin-left: 0; max-width: 300px; }

/* Are You Sure Modal */
.areYouSure-modal .modal-title { font-size: 20px; color: var(--bs-secondary); }
.areYouSure-modal-main { margin: 30px 0 80px; display: flex; flex-wrap: wrap; }
.areYouSure-modal-content { width: 50%; padding: 0 60px; position: relative; font-size: 18px; color: #3E3F41; text-align: center; }
.areYouSure-modal-content .btn { margin-bottom: 24px; font-size: 16px; text-transform: uppercase; font-weight: 700; border-radius: 10px; padding: 15px 24px; }
.areYouSure-modal-content .btn img { margin-right: 10px; }

/*dropdown-budget*/
.dropdown-budget { padding: 0; box-shadow: 0 2px 18px 8px rgba(0, 0, 0, 0.05); border-radius: 25px; border: 0 none; }
.dropdown-budget.dropdown-menu.show { top: 30px !important; }
.dropdown-budget.dropdown-budget-task { min-width: 240px; }
.dropdown-budget.dropdown-budget-task.dropdown-menu.show { top: 15px !important; }
.dropdown-budget-header { padding: 12px 25px; border-bottom: solid 1px #C4C4C4; display: flex; align-items: center; justify-content: space-between; }
.dropdown-budget-header h3 { margin-bottom: 0; }
.dropdown-close { cursor: pointer; }
.dropdown-close img { width: 24px; height: 24px; }
.dropdown-budget-body { padding: 12px 25px 22px; }
.dropdown-budget-body .btn-apply { min-width: 100px; }

/* Media Queries */
@media (max-width: 1999px) {
	.app-card-process-collapse-disbur-item { flex-wrap: wrap; }
	.app-card-process-collapse-disbur-budget { padding-right: 10px; padding-left: 20px; width: 36%; margin-left: 0; }
	.app-card-process-collapse-disbur-btn-view { padding-right: 10px; padding-left: 90px; width: 50%; margin-left: 0; }
	.app-card-process-collapse-disbur-btn-view + .app-card-process-collapse-disbur-btn-view { padding-left: 0; }
	.app-card-process-collapse-disbur-item:before { transform: inherit; top: 55px; }
}

@media (max-width: 1899px) {
	.auth-wrap { padding: 80px 200px 80px 250px; }
	.app-select-box { min-width: 160px; }
	.app-main-header-user-profile-action { margin-left: 35px; }
	.app-main-header-btn { min-width: 140px; }
	.app-main-header-link { margin-left: 22px; }
	.app-header-search-box { max-width: 350px; min-width: 350px; }
	.app-modal-full .modal-dialog { margin-left: 20px; margin-right: 20px; }
	.table-task-budget .table-form-description { max-width: 350px; min-width: 330px; }
	.app-main-header-compliance-form .app-main-header-content { max-width: 1022px; }
	.macl-upload-tableable-body .upload-btn-area-inner { min-width: 200px; }
	.app-main-header-link span { display: none; }
}

@media (max-width: 1799px) {
	.app-card-process-collapse-footer { flex-wrap: wrap; }
	.app-card-process-collapse-footer .btn.last { margin-left: 0; margin-top: 8px; max-width: 100%; width: 100%; }
	.app-card-process-collapse-disbur-info { padding-right: 10px; }
}

@media (max-width: 1699px) {
	.auth-wrap { padding: 60px 160px 60px 200px; background-position: center left -80px; }
	.auth-wrap-content { padding-left: 120px; }
	.app-select-box { min-width: 130px; }
	.app-main-header-user-profile-action { margin-left: 16px; }
	.app-header-search-box { max-width: 300px; min-width: 300px; }
	.app-main-header-link { margin-left: 10px; font-size: 14px; }
	.app-main-header-btn { min-width: 120px; font-size: 14px; }
	table.dataTable.table-budget thead th { font-size: 16px; }
	.table-budget-user-action { margin-left: 10px; }
	.table-budget-user-info { max-width: 230px; min-width: 230px; }
	.table-budget-user-thumb { margin-right: 12px; }
	.app-main-header-user-profile, .app-main-header-version { padding: 8.5px 10px; }
	.app-main-header-link-view { margin-right: 10px; }
	.contributions-info-item h4 { font-size: 16px; }
	.contributions-info-item p { font-size: 12px; }
	.contributions-info-label, .app-card-process-collapse-disbur-info, .app-card-process-collapse-disbur-budget h6, .table-task th, .table-task td { font-size: 14px; }
	.app-card-process-collapse-footer .btn, .app-card-process-collapse-footer .btn-link, .app-card-process-collapse-disbur-btn-view .btn-link { font-size: 14px; }
	.app-card-process-collapse-disbur-budget { font-size: 14px; }
	.app-card-process-collapse-disbur-btn-view .app-btn-link::before { height: 1px; }
	.app-card-process-collapse-disbur-btn-view .btn { font-size: 14px; padding: 10px 16px; }
	.status-action li { margin-left: 10px; }
	.status-action li a { width: 36px; height: 36px; }
	.status-action li a img { width: 20px; height: 18px; object-fit: contain; }
	.table-task-budget .table-form-description { max-width: 330px; min-width: 300px; }
	.app-breadcrumb { font-size: 14px; }
	.app-main-header-compliance-form .app-main-header-content { max-width: 874px; }
	.macl-card-logo-info, .macl-card-header-action { padding: 20px; }
	.macl-logo { margin-right: 20px; }
	.macl-card-logo-info h2 { font-size: 18px; }
	.macl-upload-tableable-header h5 { font-size: 15px; }
	.approval-upload-card { padding: 28px 32px; }
	.rejected-modal .modal-title { color: var(--bs-secondary); font-size: 22px; }
}

@media (max-width: 1599px) {
	.app-main-header-action.app-main-header-schedule { justify-content: flex-start; }
}

@media (max-width: 1499px) {
	.auth-wrap { padding: 50px 120px 50px 180px; background-position: center left -152px; }
	.auth-wrap-content { padding-left: 100px; }
	.auth-form .form-control { font-size: 18px; line-height: 26px; }
	.auth-form .form-floating > label { font-size: 18px; }
	.auth-form .form-floating > .form-control-plaintext ~ label,
	.auth-form .form-floating > .form-control:focus ~ label,
	.auth-form .form-floating > .form-control:not(:placeholder-shown) ~ label,
	.auth-form .form-floating > .form-select ~ label { font-size: 14px; }
	.auth-form .btn { font-size: 20px; line-height: 30px;  min-height: 64px; }
	.auth-logo { width: 290px; height: 288px; }
	.menu-trigger { margin-right: 35px; }
	.app-main-header-link-view { margin-left: 0; justify-content: flex-start; flex: initial; }
	.app-main-header-compliance-form { flex-direction: row; align-items: center; }
	.app-main-header-compliance-form .app-main-header-content { max-width: 826px; }
	.app-main-header-user-profile { margin-left: auto; }
	.app-main-header-compliance-form .app-main-header-btn-view { margin-left: 0; }
	table.dataTable.table-budget thead th, table.dataTable.table-budget tbody td { font-size: 14px; }
	.table-budget-action { margin: 0 -8px; }
	.table-budget-action li { padding: 0 8px; }
	.table-budget-action-btn { width: 36px; height: 36px; }
	.table-budget-action-btn img { width: 18px; height: 16px; }
	.app-main-header-btn { min-width: 160px; min-height: 54px; }
	.app-offcanvas-right.offcanvas.offcanvas-end { width: 580px; }
	.app-card-header-main img { margin-right: 12px; }
	.app-card-title { font-size: 16px; }
	.app-card-task .app-card-header-action a.btn-link { font-size: 14px; }
	.app-card-header-action a { font-size: 12px; }
	.complaince-score h3 { font-size: 14px; margin: 0 0 0 20px; }
	.table-task th { padding: 11.5px 10px; }
	.table-task td { padding: 15px 10px; }
	.form-field-file-label { flex-direction: column; align-items: flex-start; }
	.form-field-file-label .file-type { margin-left: 0; }
	.activity-tabs .nav-item { margin-right: 50px; }
	.form-budget-card-filed-help { position: relative; right: auto; top: auto; transform: inherit; }
	.form-field-value, .form-field-value-lg { font-size: 16px; }
	.form-field-value-md { font-size: 14px; }
	.app-input-group > .form-control { font-size: 18px; padding: 12px 20px; }
	.app-input-group .input-group-text { width: 50px; font-size: 18px; }
	.btn-schedule { min-width: 100px; }
	.compliance-score-graph-card-filed h3 { font-size: 16px; }
	.form-field-category .upload-btn-area .file-type { margin-left: 20px; }
	.offcanvas-header-user-content .offcanvas-title { font-size: 18px; }
	.app-card-header-edit { margin-right: 75px; }
	.app-card-schedule .app-card-header-main { max-width: 1100px; }
	.app-all-form .select2-container .select2-selection--single .select2-selection__rendered,
	.form-field .form-control, .app-form-dropdown .dropdown-toggle { font-size: 16px; }
	.app-all-form .select2-container .select2-selection--single { height: 59px; }
	.app-all-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 59px; }
	.app-all-form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 57px; }
	.app-header-notification-action { margin-left: 24px; }
	.app-header-notification { min-width: 400px; max-width: 400px; }
	.form-check-group .app-form-checkbox { width: 28%; }
	.app-btn-exit { font-size: 18px; height: 60px; min-width: 200px; }
	.document-upload-main { margin: 0 -25px; }
	.document-upload-main .form-field { padding: 0 25px; }
	.documents-modal-list-action li { padding-left: 25px; }
	.macl-remark-header .form-label, .macl-upload-tableable-file-list, .approval-upload-file-list, .macl-remark-header h4 { font-size: 14px; }
	.macl-upload-tableable-header { min-height: 108px; }
	.macl-upload-tableable-body .upload-btn-area-inner { font-size: 14px; min-width: 160px; }
	.macl-upload-tableable-body .upload-btn-area img { margin-right: 12px; width: 30px; }
	.app-main-header-link { font-size: 16px; }
	.app-card-process-collapse-disbur-budget { width: 70%; padding-left: 90px; }
	.app-card-process-collapse-disbur-btn-view { padding-right: 0; padding-left: 10px; text-align: right; width: 30%; }
	.app-card-process-collapse-disbur-btn-view + .app-card-process-collapse-disbur-btn-view { padding-left: 90px; text-align: left; margin-top: 10px; width: 100%; }
}

@media (max-width: 1399px) {
	.auth-wrap { padding: 40px 100px 40px 120px; background-position: center left -224px; }
	.auth-wrap-content { padding-left: 60px; }
	.auth-logo { width: 250px; height: 248px; }
	.menu-trigger { margin-right: 20px; margin-left: 0; }
	.app-header-notification { min-width: 350px; max-width: 350px; }
	.app-header-notification-content h6 { font-size: 14px; }
	.app-header-notification-content p { font-size: 12px; }
	.app-header-notification-action { margin-left: 20px; }
	.app-header-notification-content p span { margin-left: 6px; }
	.app-header-search-box { max-width: 228px; min-width: 228px; margin-left: 22px; }
	.app-select-box { min-width: 138px; }
	.app-select-box .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 12px; padding-right: 36px; }
	.app-select-box .select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px; }
	.app-select-text { left: 14px; }
	.table-budget-user-info { max-width: 180px; min-width: 180px; }
	.table-budget-description { min-width: 144px; }
	.contributions-info { margin-bottom: 15px; }
	.contributions-info-item, .contributions-growth-item { width: 100%; }
	.contributions-growth { margin-bottom: 10px; }
	.activity-tabs .nav-item { margin-right: 25px; }
	.app-btn-group { margin: 0 -5px; }
	.app-btn-group .btn { margin: 0 5px; padding: 10px 20px; }
	.app-btn { padding: 10px 20px; }
	.modal-header-content { max-width: 1000px; }
	.app-modal .modal-body { padding: 40px 34px; }
	.app-modal-full .modal-body { padding: 40px 45px 20px; }
	.compliance-form-header { margin-bottom: 40px; }
	.compliance-form-header-item:first-child { padding-right: 45px; }
	.compliance-form-header-item:last-child { padding-left: 25px; }
	.compliance-score-graph-content { margin-left: 20px; font-size: 14px; }
	.app-progress-content { font-size: 14px; }
	.compliance-form-category-header { margin-bottom: 25px; }
	.compliance-form-category-que { margin-bottom: 30px; height: calc(100% - 30px); font-size: 14px; }
	.compliance-form-category-que p, .form-field-category .form-label { margin-bottom: 20px; }
	.compliance-form-modal .modal-footer { padding: 10px 45px 45px; }
	.compliance-form-modal .modal-footer::before { top: 46px; }
	.compliance-form-modal .modal-footer .btn { font-size: 18px; padding: 11px 20px; }
	.compliance-form-modal .modal-footer .btn img { margin-right: 10px; }
	.app-form-radio { padding-left: 32px; }
	.form-check-group .app-form-radio { padding-right: 20px; }
	.app-form-radio .form-check-input { width: 20px; height: 20px; margin-left: -30px; margin-top: 2px; }
	.app-form-radio .form-check-label::before { width: 12px; height: 12px; left: -26px; top: 6px; }
	.form-check-add-option::before { width: 20px; height: 20px; }
	.form-check-add-option { padding-left: 32px; }
	.app-card-header-edit .app-card-title { font-size: 18px; margin-right: 16px; max-width: 200px; }
	.app-card-header-edit { margin-right: 30px; }
	.app-card-schedule .app-card-header-main { max-width: 920px; }
	.app-breadcrumb { font-size: 14px; }
	.compliance-form-activity-main .activity-main-header { padding: 0 20px; }
	.app-main-header-edit { font-size: 20px; margin-left: 20px; }
	.app-main-header-edit img { width: 20px; }
	.app-main-header-compliance-form .app-main-header-content { max-width: 750px; }
	.questions-card-content textarea.form-control { font-size: 18px; }
	.form-check-option-item { margin-bottom: 20px; }
	.form-check-option-item:not(:last-child) { padding-right: 20px; padding-bottom: 20px; margin-bottom: 26px; }
	.form-preview-main .app-form-checkbox { padding-top: 15px; padding-bottom: 15px; }
	.form-question-option .form-check-option-item { padding: 15px 0; }
	.form-check-option-item:not(:last-child)::before { left: 32px; }
	.form-check-option-item .app-form-radio .form-check-label,
	.form-preview-main .select2-container .select2-selection--single .select2-selection__rendered,
	.form-file-type-item .select2-container .select2-selection--single .select2-selection__rendered,
	.form-preview-file-list li { font-size: 20px; }
	.form-check-action img { width: 24px; }
	.questions-card .form-field { margin-bottom: 30px; }
	.form-file-type-item .form-label-title { font-size: 20px; margin-bottom: 24px; }
	.app-form-checkbox { padding-left: 30px; margin-bottom: 20px; }
	.form-check-group .app-form-checkbox { width: 30%; margin-bottom: 20px; padding-right: 20px; }
	.app-form-checkbox .form-check-input { width: 20px; height: 20px; margin-left: -30px; margin-top: 3px; }
	.app-form-checkbox .form-check-label { font-size: 18px; }
	.app-form-checkbox .form-check-label::before { left: -26px; width: 14px; height: 12px; }
	.form-file-type-item .select2-container { max-width: 300px; }
	.form-file-type-item { margin-bottom: 30px; }
	.form-file-type-item:last-child { margin-bottom: 50px; }
	.question-title { font-size: 20px; margin-bottom: 15px; }
	.questions-upload-wrapper .upload-btn-area { font-size: 22px; }
	.document-upload-main { margin: 0 -15px; }
	.document-upload-main .form-field { padding: 0 15px; }
	.document-preview-card-body, .document-preview-card-footer, .approval-card-main { font-size: 20px; }
	.documents-modal-list-action li { padding-left: 15px; }
	.documents-modal-list-action li a { font-size: 14px; }
	.documents-modal-list-action-btn { width: 44px; height: 44px; margin-bottom: 8px; }
	.documents-modal-list-action-btn img { width: 20px; }
	.documents-modal-list-item { font-size: 16px; }
	.macl-card, .approval-card { border-width: 16px; margin-bottom: 30px; }
	.approval-card-footer { padding: 60px 80px 0; }
	.areYouSure-modal .modal-title { font-size: 18px; }
	.areYouSure-modal-content { font-size: 16px; }
	.areYouSure-modal-content .btn { padding: 12px 24px; }
}

@media (max-width: 1359px) {
	/*.app-main-header { flex-direction: column; align-items: flex-start; }*/
	/*.app-main-header-content { width: calc(100% + 2 * 5px); }*/
	/*.app-main-header-action { margin-left: 0; width: 100%; justify-content: space-between; }*/
	.table-task-budget .table-budget-description { max-width: none; min-width: auto; }
	.app-main-header-action { justify-content: flex-start; }
}

@media (max-width: 1199px) {
	.auth-wrap { padding: 40px 80px 40px 100px; background-position: center left -230px; }
	.auth-logo { width: 200px; height: 198px; }
	.auth-wrap-thumb h2 { font-size: 16px; }
	.auth-wrap-content h2 { font-size: 18px; margin-bottom: 30px; }
	.auth-form .form-floating { margin: 15px 0; }
	.auth-form .form-floating.form-email { margin-bottom: 20px; }
	.auth-form .form-control { font-size: 16px; line-height: 22px; height: calc(2.8rem + 2px); }
	.auth-form .form-floating > label { font-size: 16px; }
	.auth-form .form-floating > .form-control-plaintext ~ label, .auth-form .form-floating > .form-control:focus ~ label, .auth-form .form-floating > .form-control:not(:placeholder-shown) ~ label, .auth-form .form-floating > .form-select ~ label { font-size: 14px; transform: scale(1) translateY(-1rem) translateX(0); }
	.auth-form .form-check-label { font-size: 14px; }
	.auth-form .form-check-input { width: 16px; height: 16px; margin-right: 12px; margin-top: 5px; }
	.auth-form .btn { font-size: 18px; min-height: 48px; }
	.auth-link { font-size: 16px; margin-bottom: 24px; }
	.auth-form .form-check { margin-bottom: 30px; }
	.app-header-notification { min-width: 100px; max-width: 100px; justify-content: center; }
	.app-header-notification-content { display: none; }
	.app-header-notification-action { margin-left: 0; }
	.app-main-header-user-profile-content { display: none; }
	.app-main-header-user-profile-action { margin-left: 0; }
	.offcanvas-header-content p, .form-label, .select2-container .select2-selection--single .select2-selection__rendered, .comment-area-link { font-size: 16px; }
	.select2-container .select2-selection--single { height: 50px; }
	.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; }
	.select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; }
	.offcanvas-header-content .offcanvas-title, .form-budget-card-filed .form-control { font-size: 18px; }
	.form-budget-card-filed-feedback, .form-budget-card-filed-help { font-size: 14px; }
	.comment-area-card-footer-action li { margin-left: 10px; }
	.activity-tabs .nav-item { margin-right: 30px; }
	.activity-tabs .nav-link { padding: 18px 4px; font-size: 16px; }
	.activity-main-header { flex-direction: column; align-items: flex-start; }
	.activity-main-header-action.app-btn-group { margin-left: 0; }
	.activity-main-header-action { margin: 12px 12px 12px 0; }
	.app-btn-group .btn { margin-bottom: 5px; }
	.app-modal .modal-header { padding: 16px 26px; }
	.app-modal-full .modal-header { padding: 20px 30px; }
	.modal-header-content .form-field { margin-bottom: 8px; }
	.app-modal .modal-body { padding: 16px 26px 10px; }
	.app-modal-full .modal-body { padding: 30px 30px 16px; }
	.compliance-form-modal .modal-footer { padding: 10px 30px 30px; }
	.compliance-form-header { margin-bottom: 24px; }
	.compliance-form-header-item { width: 100%; }
	.compliance-form-header-item:first-child { padding-right: 0; }
	.compliance-form-header-item:last-child { padding-left: 0; border-left: 0 none; border-top: 1px solid #DFDFDF; padding-top: 20px; margin-top: 20px; }
	.compliance-form-modal .modal-footer::before { right: 310px; top: 43px; }
	.app-progress-view { padding-right: 40px; }
	.app-card-schedule .app-card-header { padding: 20px; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.app-card-dis-schedule .app-card-header { flex-direction: row; align-items: center; justify-content: space-between; }
	.app-card-schedule .app-card-header-action { margin-top: 15px; }
	.app-card-schedule .app-card-header-main { max-width: none; margin-right: 0; }
	.app-all-form .select2-container .select2-selection--single .select2-selection__rendered, .form-field-value-lg { font-size: 14px; }
	.app-form-dropdown .dropdown-toggle, .form-field .form-control { font-size: 14px; padding: 12px 20px; }
	.app-all-form .select2-container .select2-selection--single { height: 50px; }
	.app-all-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; }
	.app-all-form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; }
	.app-main-header-compliance-form .app-main-header-content { max-width: 500px; }
	.app-main-header-preview-btn { margin-right: 30px; }
	.form-file-type-item .select2-container { max-width: 200px; }
	.questions-card-flex .questions-card-content { margin-right: 30px; }
	.questions-card-action { padding: 0 20px; }
	.form-question-option .form-check-option-item { padding: 10px 0; }
	.form-preview-main .app-form-checkbox { padding-top: 10px; padding-bottom: 10px; }
	.dropdown-form-field { font-size: 14px; padding: 5px 20px; }
	.form-field { margin-bottom: 20px; }
	.questions-card .app-btn { padding: 10px 20px; font-size: 18px; }
	.questions-card .app-btn img { margin-right: 10px; width: 22px; height: 22px; }
	.form-file-type-item .form-label-title { font-size: 18px; margin-bottom: 20px; }
	.app-form-checkbox .form-check-label,
	.form-file-type-item .select2-container .select2-selection--single .select2-selection__rendered,
	.questions-card-content textarea.form-control,
	.form-check-option-item .app-form-radio .form-check-label,
	.form-preview-main .select2-container .select2-selection--single .select2-selection__rendered { font-size: 16px; }
	.form-preview-file-list { margin-top: 30px; }
	.form-preview-file-list li { padding-bottom: 20px; margin-bottom: 20px; font-size: 16px; }
	.question-title { font-size: 18px; }
	.questions-item { margin-bottom: 30px; }
	.questions-card .form-select-box-question { margin-top: 30px; margin-bottom: 0; }
	.questions-upload-wrapper { margin-top: 30px; margin-bottom: 0; flex-direction: column; }
	.questions-upload-wrapper .upload-btn-area { font-size: 18px; }
	.questions-upload-wrapper .upload-btn-area img { width: 34px; }
	.questions-upload-wrapper .file-type { max-width: 276px; font-size: 14px; margin-left: 0; margin-top: 20px; }
	.form-preview-item-header h3, .form-preview-item-header .end { font-size: 18px; }
	.form-preview-header h2, .document-preview-header h2 { font-size: 20px; }
	.app-btn-exit { font-size: 14px; height: 50px; min-width: 160px; }
	.document-upload-main .form-field { width: 50%; margin-bottom: 35px !important; }
	.document-upload-main .form-field:last-child { margin-bottom: 0 !important; }
	.tiny-editor-label, .document-upload-main .form-label { font-size: 16px; margin-bottom: 15px; }
	.document-upload-card .questions-upload-wrapper .upload-btn-wrapper { max-width: 200px; min-width: 200px; }
	.document-preview-card { padding: 30px; }
	.document-preview-card-header { padding-bottom: 30px; margin-bottom: 30px; }
	.document-preview-card-header-action img { width: 85px; }
	.document-preview-card-header h3 { font-size: 20px; }
	.document-preview-card-body, .approval-card-main { font-size: 16px; }
	.document-preview-card-body p, .approval-card-main p { margin-bottom: 30px; }
	.document-preview-signature-info, .approval-signature-info { margin: 50px 0; }
	.approval-card-footer { padding: 36px 40px 0; font-size: 16px; }
	.document-preview-card-footer { font-size: 16px; padding-top: 36px; margin-bottom: 0; }
	.document-preview-card-footer::before, .approval-card-footer:before { height: 6px; }
	.documents-modal-list-item { width: 100%; padding: 20px 0; border-left: 0 none; border-top: 1px solid #DFDFDF; }
	.documents-modal-list-item:first-child { border-top: 0 none; }
	.documents-modal-list-tr:first-child .documents-modal-list-item { padding-top: 20px; }
	.documents-modal-list-tr:last-child .documents-modal-list-item { padding-bottom: 20px; }
	.documents-modal-main-item { margin-bottom: 25px; }
	.documents-modal-main-header { margin-bottom: 20px; }
	.app-modal-header-action .btn { padding: 10px 22px; min-width: 100px; font-size: 14px; margin-left: 12px; }
	.documents-modal-header-action .btn, .macl-modal .app-modal-header-action .btn { margin-left: 12px; font-size: 14px; padding: 10px 15px; }
	.documents-modal-header-action .btn.btn-success-light, .macl-modal .app-modal-header-action .btn.btn-success-light { padding: 9px 18px; }
	.app-btn-link, .pan-card-file-list li, .signature-upload-list li { font-size: 14px; }
	.app-modal .modal-title, .signature-form-label, .areYouSure-modal .modal-title { font-size: 18px; }
	.pan-card-wrapper, .pan-card-file-list { margin-bottom: 20px; }
	.pan-card-wrapper .upload-btn-area { font-size: 14px; height: 160px; }
	.pan-card-wrapper .upload-btn-area-inner { font-size: 16px; height: 52px; min-width: 200px; }
	.approval-upload-card .upload-btn-wrapper { margin: 0 auto 28px; max-width: 200px; }
	.pan-card-wrapper .upload-btn-area img { margin-right: 12px; width: 28px; }
	.pan-card-wrapper .file-type { margin-top: 20px; }
	.app-modal-or { margin: 20px 0; font-size: 18px; }
	.signature-upload-card .upload-btn-area-inner, .approval-upload-card .upload-btn-area-inner { min-width: 200px; font-size: 16px; }
	.signature-upload-card .upload-btn-area img, .approval-upload-card .upload-btn-area img { margin-right: 16px; width: 30px; }
	.draw-signature-card .signature-pad { min-height: 200px; }
	.signature-upload-card { padding: 20px; }
	.macl-logo img, .approval-card-logo img { min-width: 85px; width: 85px; height: 84px; }
	.macl-card-logo-info h2, .macl-card-header-action-item h6, .macl-card-header-action-item p, .macl-table th, .macl-table td, .macl-table .form-control { font-size: 14px; }
	.macl-card-header, .macl-table, .macl-remark-main, .macl-upload-tableable-main, .macl-upload-tableable-body .upload-btn-wrapper { margin-bottom: 25px; }
	.approval-card { padding: 20px 24px; }
	.approval-card-header { padding-top: 26px; padding-bottom: 26px; margin-bottom: 30px; }
	.approval-card-main .form-label { margin-bottom: 18px; }
	.approval-card-main .form-field { margin-bottom: 30px; height: calc(100% - 30px); }
	.enter-emails-label .form-label { font-size: 16px; }
	.enter-emails-content .form-field .form-control { font-size: 18px; padding: 14px 20px; }
	.enter-emails-action { margin: 0 3px 20px 24px; }
	.enter-emails-label .enter-emails-action { margin-top: 35px; }
	.enter-emails-added .btn-link, .success-modal-main { font-size: 18px; }
	.success-modal-main h2 { font-size: 24px; margin-bottom: 20px; }
	.areYouSure-modal-content { font-size: 16px; }
	.areYouSure-modal-content .btn { padding: 10px 24px; font-size: 16px; }
	.app-card-process-collapse-disbur-budget { padding-right: 0; padding-left: 30px; width: auto; margin-left: 0; min-width: 150px; }
	.app-card-process-collapse-disbur-btn-view { padding-right: 0; padding-left: 30px; width: auto; margin-left: 0; min-width: 150px; text-align: left; }
	.app-card-process-collapse-disbur-item:before { transform: translateY(-50%); top: 50%; }
	.app-card-process-collapse-disbur-info { flex: 1; width: auto; padding-right: 20px; }
	.app-card-process-collapse-disbur-btn-view + .app-card-process-collapse-disbur-btn-view { padding-left: 30px; text-align: left; margin-top: 0; width: auto; }
}

@media (max-width: 991px) {
	.auth-wrap-panel { flex-direction: column; }
	.auth-wrap-thumb { width: auto; padding-right: 0; margin-bottom: 30px; }
	.auth-wrap-content { padding-left: 0; width: auto; }
	.auth-wrap { padding: 50px 150px; background-position: center left -400px; }
	.auth-logo { width: 160px; height: 158px; }
	.auth-wrap-content h2 { margin-bottom: 20px; }
	.notification-text, .youtube-link-text { display: none; }
	.youtube-link { min-width: auto; }
	.app-header-notification { min-width: 61px; max-width: 61px; padding: 10px; }
	.app-header-notification-action { margin-right: 6px; }
	.app-header-search-box { margin-left: 20px; }
	.app-header-search-box .form-control { padding: 14px 46px 14px 18px; min-height: 61px; }
	.app-header-search-box .btn { padding: 10px 16px 10px 10px; }
	.app-header-notification-action a img { margin-bottom: 0; }
	.app-offcanvas.offcanvas.offcanvas-start, .app-offcanvas-right.offcanvas.offcanvas-end { width: 380px; }
	.app-offcanvas .offcanvas-header, .app-offcanvas-right .offcanvas-header, .form-budget-card, .app-offcanvas-right .offcanvas-body, .offcanvas-approval-contact-item { padding: 20px 26px; }
	.app-offcanvas .offcanvas-body { padding: 10px 26px 20px; }
	.form-budget-card-filed-help { position: relative; right: auto; top: auto; transform: inherit; margin-top: 5px; }
	.form-budget-card { margin-bottom: 30px; }
	.offcanvas-header-action .btn { padding: 10px 18px; }
	.activity-tabs .nav-item { margin-right: 20px; }
	.activity-tabs .nav-link { padding: 15px 4px; font-size: 14px; }
	.activity-tabs .nav-link img { margin-right: 8px; }
	.app-card-process-collapse-content p { font-size: 14px; }
	.app-card-process-collapse-disbur { margin-top: 30px; }
	.compliance-score-graph-card { align-items: flex-start; flex-direction: column; padding: 20px; }
	.compliance-score-graph-card-filed { margin-left: 0; margin-top: 20px; }
	h1, h2 { font-size: 18px; }
	h3 { font-size: 16px; }
	h4, h5 { font-size: 14px; }
	h6 { font-size: 14px; }
	.activity-log-card-time { margin-bottom: 10px; }
	.compliance-form-category-header h3 { font-size: 16px; }
	.offcanvas-header-user-thumb { margin-right: 12px; }
	.offcanvas-header-user-content, .offcanvas-approval-contact-item { font-size: 14px; }
	.offcanvas-header-user-content .offcanvas-title, .offcanvas-approval-contact-item h3, .offcanvas-approval-contact-value-list { font-size: 14px; }
	.offcanvas-approval-contact-left { width: 100%; padding-right: 0; }
	.offcanvas-approval-contact-right { width: 100%; padding-left: 0; margin-top: 20px; }
	.app-card-schedule .app-card-header-main { flex-direction: column; align-items: flex-start; }
	.app-card-header-edit { margin-right: 0; margin-bottom: 20px; width: 100%; }
	.app-card-header-main .form-field { margin-bottom: 10px; }
	.app-card-schedule .budget-approved-has-table-item { padding: 20px 5px; }
	.app-card-schedule .budget-approved-has-table-list li:first-child { margin-bottom: 10px; }
	.app-card-schedule .budget-approved-vertical-action { padding: 42px 5px 30px 18px; }
	.app-card-header-edit .app-card-title { max-width: none; flex: 1; }
	.app-main-header-link { font-size: 14px; }
	.app-main-header-approval-action .app-main-header-link-view { margin-right: 20px; }
	.app-main-header-compliance-form .app-main-header-content { max-width: 452px; }
	.app-main-header-edit { font-size: 18px; }
	.app-main-header-version { min-width: 120px; }
	.app-main-header-preview-btn { margin-right: 20px; font-size: 14px; }
	.app-main-header-preview-btn img { width: 25px; height: 18px; margin-bottom: 5px; }
	.questions-card { padding: 25px 20px 25px 30px; }
	.questions-card::before, .questions-card::after { width: 20px; }
	.questions-card::before { left: -14px; }
	.questions-card-sidebar { margin-top: 40px; }
	.questions-card-action { padding: 0 10px; }
	.questions-card-flex .questions-card-content { margin-right: 25px; }
	.question-title { font-size: 16px; }
	.questions-item { margin-bottom: 20px; }
	.scroll-top-app { padding-bottom: 45px; }
	.scroll-top { font-size: 14px; height: 54px; min-width: 150px; line-height: 40px; border-radius: 10px; bottom: 20px; }
	.scroll-top img { margin-right: 10px; width: 15px; }
	.version-header { padding: 11px 30px; }
	.version-header h3 { font-size: 16px; }
	.version-accordion .accordion-button::before { width: 86%; }
	.app-btn { border-radius: 10px; }
	.form-preview-item-header { padding: 10px 30px; }
	.form-preview-item-header h3, .form-preview-item-header .end { font-size: 16px; }
	.form-preview-item-header .start { padding-right: 30px; }
	.form-preview-item-header .end { padding-left: 30px; }
	.form-preview-header, .document-preview-header { margin-bottom: 20px; }
	.document-upload-main .form-field { width: 100%; }
	.document-upload-card .questions-upload-wrapper { margin-bottom: 30px; }
	.document-upload-card .questions-upload-wrapper .upload-btn-area { font-size: 16px; }
	.document-upload-card .questions-upload-wrapper .upload-btn-area img { width: 28px; }
    .app-offcanvas-right .offcanvas-header .btn-close { margin-left: 10px; }
	.app-modal .modal-title, .areYouSure-modal .modal-title { font-size: 16px; }
	.macl-card-logo-info, .macl-remark-item, .macl-upload-tableable-item { width: 100%; }
	.macl-card-header-action { width: 100%; border-left: 0 none; border-top: 2px solid #F1F1F1; }
	.macl-table td, .macl-table th { white-space: nowrap; }
	.macl-table { table-layout: auto; }
	.macl-remark-header, .macl-upload-tableable-header { min-height: 10px; }
	.macl-remark-item:not(:first-child), .macl-upload-tableable-item:not(:first-child) { border-left: 0 none; border-top: 2px solid #F1F1F1; }
	.approval-card-footer { padding: 36px 5px 0;  }
	.app-modal .modal-dialog { margin-left: 20px; margin-right: 20px; }
	.enter-emails-label .form-label { font-size: 14px; }
	.enter-emails-content .form-field .form-control { font-size: 16px; padding: 10px 20px; }
	.enter-emails-action { margin: 0 3px 20px 24px; }
	.enter-emails-label .enter-emails-action { margin-top: 33px; }
	.enter-emails-added .btn-link, .success-modal-main { font-size: 16px; }
	.rejected-modal .modal-title { font-size: 18px; }
	.app-offcanvas-right .offcanvas-header { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.offcanvas-header-content { position: relative; margin-bottom: 15px; }
	.offcanvas-header-action { width: 100%; justify-content: space-between; }
	.areYouSure-modal-content { font-size: 14px; padding: 0 40px; }
	.app-card-process-collapse-disbur-info { flex: inherit; width: calc(50% - 82px); padding-right: 20px; }
	.app-card-process-collapse-disbur-budget { width: 50%; min-width: auto; text-align: right; display: flex; flex-direction: column; align-items: flex-end; }
	.app-card-process-collapse-disbur-btn-view { padding-left: 90px; width: 50%; min-width: auto; }
	.app-card-process-collapse-disbur-btn-view + .app-card-process-collapse-disbur-btn-view { text-align: right; width: 50%; }
	.app-card-process-collapse-disbur-item::before { transform: inherit; top: 55px; }
	.app-select-box { min-width: 136px; }
}

@media (max-width: 767px) {
	.auth-wrap { padding: 30px 40px; background-position: center left -440px; }
	.app-header-notification { margin-left: 10px; }
	.app-header-search-box { margin-left: 10px; max-width: 165px; min-width: 165px; }
	.app-breadcrumb { font-size: 14px; }
	.menu-trigger img { width: 28px; }
	.app-header-notification-action a img { width: 20px; }
	.notification-main .count { width: 24px; height: 24px; font-size: 14px; }
	.app-breadcrumb-nav { display: none; }
	.app-select-box, .app-main-header-version { min-width: calc(50% - 2 * 5px); max-width: calc(50% - 2 * 5px); }
	.app-main-header-user-profile { min-width: calc(50% - 2 * 5px); max-width: calc(50% - 2 * 5px); margin-left: 5px; }
	.app-main-header-user-profile-content { display: block; }
	.app-main-header-user-profile-content p { font-size: 12px; }
	.app-main-header-user-profile-content h6 { font-size: 14px; }
	.app-table-budget-footer { flex-direction: column; }
	.app-table-budget-footer::before { display: none; }
	.app-table-budget-info { padding-right: 0; padding-left: 0; margin-bottom: 20px; }
	.app-table-budget-footer-action { margin-left: 0; padding-left: 0; padding-right: 0; }
	.form-budget-card, .form-field { margin-bottom: 20px; }
	.dur-select-box { margin-left: 10px; }
	.budget-approved-action { min-width: 100%; max-width: 100%; }
	.budget-approved-filed {  margin-bottom: 18px; }
	.budget-approved-spacial-filed:not(:last-child) { margin-bottom: 25px; }
	.budget-approved-main { min-width: 100%; max-width: 100%; border-left: 0 none; padding: 0 20px; border-top: 1px solid #D5EDFF; }
	.budget-approved-vertical-action, .budget-approved-vertical .tab-content, .contributions-item { width: 100%; }
	.contributions-item::before { bottom: auto; width: 100%; height: 1px; }
	.contributions-info-item, .contributions-growth-item { width: 50%; }
	.app-card-budget .app-card-header { align-items: flex-start; justify-content: flex-start; flex-direction: column; }
	.app-card-budget .app-card-header-main { margin-right: 0; margin-bottom: 12px; }
	.app-card-process-collapse-btn .alphabet { margin: 0 65px 0 36px; }
	.app-card-process-collapse-dur { padding: 32px 15px 8px; min-width: 125px; margin-right: 24px; }
	.app-card-process-collapse-btn::before, .app-card-process-collapse-main::before { left: 62px; }
	.app-card-process-collapse-footer .btn.last { margin-left: 0; margin-top: 20px; max-width: 100%; width: 100%; }
	.app-card-process-collapse-disbur-item::before { width: 21px; left: -17px; transform: inherit; top: 54px; }
	.app-card-process-collapse-disbur-budget { width: 50%; padding-left: 90px; text-align: left; align-items: flex-start; }
	.app-card-process-collapse-disbur-btn-view { padding-left: 10px; text-align: right; }
	.app-card-process-collapse-disbur-info { width: calc(100% - 82px); padding-right: 10px; }
	.app-card-process-collapse-disbur-btn-view + .app-card-process-collapse-disbur-btn-view { text-align: left; width: 100%; padding-left: 90px; margin-top: 8px; }
	.app-card-process-collapse-disbur { margin-top: 20px; }
	.form-budget-card-filed:not(:last-child) { margin-bottom: 20px; }
	.upload-btn-area { font-size: 14px; }
	.form-field-category .upload-btn-area .file-type { font-size: 14px; }
	.app-card-schedule .budget-approved-vertical-action { padding: 20px; }
	.app-main-header-compliance-form { flex-direction: column; align-items: flex-start; }
	.app-main-header-compliance-form .app-main-header-content { max-width: 100%; }
	.app-main-header-compliance-form .app-main-header-action { justify-content: space-between; }
	.app-main-header-edit { margin-left: 0; }
	.questions-card .form-field:last-child { margin-bottom: 10px; }
	.form-check-group .app-form-checkbox { width: 33.33%; }
	.questions-upload-wrapper .upload-btn-wrapper { max-width: 400px; min-width: 400px; }
	.documents-modal .modal-header { flex-direction: column; align-items: flex-start; }
	.documents-modal-header-action { width: 100%; justify-content: space-between; flex-wrap: wrap; margin-top: 12px; }
	.documents-modal-main-header { margin-bottom: 10px; }
	.signature-form-label { font-size: 16px; }
	.macl-modal .modal-header { flex-direction: column; align-items: flex-start; }
	.macl-modal .app-modal-header-action { margin-top: 12px; }
	.macl-modal .app-modal-header-action .btn { margin-left: 0; margin-right: 12px; }
	.macl-modal .modal-header .btn-close { margin-left: 0; }
	.enter-emails-item { align-items: flex-start; }
	.enter-emails-action { margin-top: 12px; }
	.enter-emails-label .enter-emails-action { margin-top: 45px; }
	.app-card-dis-schedule .app-card-header { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.areYouSure-modal-content { padding: 0 10px; }
	.areYouSure-modal-content .btn { margin-bottom: 16px; font-size: 14px; }
	.areYouSure-modal-content .btn img { width: 20px; }
	.areYouSure-modal-main { margin: 20px 0 40px; }
	table.dataTable.table-budget thead th, table.dataTable.table-budget tbody td, .table-responsive .table th, .table-responsive .table td { white-space: nowrap; }
	.activity-main-header { padding: 0 10px; }
	.activity-tabs .nav-item { margin-right: 10px; }
	.activity-tabs .nav-link img { margin-right: 6px; width: 16px; }
	.activity-tabs-count { margin-left: 10px; width: 20px; height: 20px; font-size: 10px; }
	.table-budget-user-info, .status-action-flex p, .table-task-budget .table-form-description, .table-budget-description, .table-task-budget .table-budget-description { max-width: none; min-width: auto; }
	.app-main-header { flex-direction: column; align-items: flex-start; }
	.app-main-header-content { width: calc(100% + 2 * 5px); padding-right: 0; }
}

@media (max-width: 575px) {
	.auth-logo { width: 100px; height: 98px; margin-bottom: 20px; }
	.auth-wrap-thumb h2 { font-size: 16px; }
	.auth-wrap-content h2 { font-size: 18px; }
	a.disable-link { cursor: pointer; pointer-events: inherit; }
	.app-select-box, .app-main-header-version { min-width: calc(100% - 2 * 5px); max-width: calc(100% - 2 * 5px); }
	.app-main-header-user-profile { min-width: calc(100% - 2 * 5px); max-width: calc(100% - 2 * 5px); margin-left: 5px; }
	.app-offcanvas.offcanvas.offcanvas-start, .app-offcanvas-right.offcanvas.offcanvas-end { width: 320px; }
	.app-offcanvas .offcanvas-header { padding: 16px 20px; }
	.app-offcanvas .offcanvas-body { padding: 10px 20px 16px; }
	.offcanvas-header-flex .offcanvas-title { font-size: 14px; }
	.offcanvas-header-flex img { width: 56px; }
	.app-offcanvas .offcanvas-header .btn-close { width: 24px; height: 24px; padding: 0; }
	.app-navbar-nav li a { padding: 20px; font-size: 14px; }
	.offcanvas-user-profile { padding: 20px; }
	.offcanvas-user-profile-main .user-thumb img { min-width: 50px; width: 50px; height: 50px; }
	.offcanvas-user-profile-content h6 { font-size: 15px; }
	.offcanvas-logout { font-size: 16px; }
	.offcanvas-logout img { margin-left: 16px; width: 26px; }
	.comment-area-card-footer { flex-direction: column; align-items: flex-start; }
	.comment-area-card-footer-action { margin: 10px 0 0 0; }
	.comment-area-card-footer-action li { margin-left: 0; margin-right: 10px; }
	.contributions-info-item, .contributions-growth-item { width: 100%; }
	.app-card-header { align-items: flex-start; justify-content: flex-start; flex-direction: column; }
	.app-card-header-main { margin-right: 0; margin-bottom: 12px; }
	.complaince-score { flex-direction: column; }
	.complaince-score h3 { margin: 12px 0 0; }
	.app-card-budget .app-card-header-action { flex-direction: column; align-items: flex-start; }
	.app-card-budget .app-card-header-action .dur-select-box { margin-left: 0; margin-top: 10px; }
	.app-card-process .app-card-body { padding: 20px; }
	.app-card-process-collapse { padding-bottom: 20px; }
	.app-card-process-collapse-btn::before, .app-card-process-collapse-main::before, .app-card-process-collapse-disbur-item::before { display: none; }
	.app-card-process-collapse-btn .alphabet { margin: 0 16px 0 0; font-size: 22px; }
	.app-card-process-collapse-btn { font-size: 16px; }
	.app-card-process-collapse-main { flex-direction: column; margin-left: 70px; }
	.app-card-process-collapse-dur { padding: 0 15px; min-width: 125px; margin-right: 0; margin-top: 15px; width: 100%; }
	.app-card-process-collapse-btn[aria-expanded="true"] .icon-arrow { transform: translateY(-50%) rotate(0deg); top: 50%; }
	.app-card-process-collapse-footer { flex-direction: column; align-items: flex-start; }
	.app-card-process-collapse-footer .btn { width: 100%; }
	.app-card-process-collapse-footer .btn-link { margin-left: 0; width: 100%; margin-top: 20px; text-align: center; }
	.app-card-process-collapse-btn[aria-expanded="true"] .app-card-process-collapse-btn-text { margin-top: 0; }
	.app-card-process-collapse-disbur { margin-left: 0; margin-top: 0; }
	.upload-btn-area { height: 120px; font-size: 16px; }
	.compliance-score-wrapper { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.compliance-score-graph { margin-top: 20px; }
	.compliance-score-wrapper .form-control { max-width: 100%; }
	.app-offcanvas-right .offcanvas-header .btn-close { margin-left: 10px; }
	.compliance-form-header-item { flex-direction: column; align-items: flex-start; }
	.compliance-score-graph-content { margin-left: 0; margin-top: 20px; }
	.app-progress-view { padding-right: 0; width: 100%; margin-bottom: 20px; }
	.app-progress-content { width: 100%; }
	.compliance-form-category-header h3.start { min-width: 120px; }
	.compliance-form-category-header h3.end { min-width: 150px; }
	.compliance-form-modal .modal-footer::before { right: 270px; }
	.form-field-category .upload-btn-area { flex-direction: column; height: 140px; }
	.form-field-category .upload-btn-area .file-type { margin-left: 0; margin-top: 10px; text-align: center; font-size: 13px; }
	.upload-btn-area img { margin-bottom: 8px; }
	.compliance-form-category-header { align-items: flex-start; justify-content: flex-start; flex-direction: column; }
	.compliance-form-category-header h3.start { padding-right: 0; margin-bottom: 15px; }
	.compliance-form-category-header h3.end { padding-left: 0; text-align: left; }
	.app-offcanvas-right .offcanvas-header { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.offcanvas-header-content { position: relative; margin-bottom: 15px; }
	.offcanvas-header-action { width: 100%; justify-content: space-between; }
	.app-main-header-edit { margin-right: 0; margin-bottom: 20px; }
	.questions-card .form-field { margin-bottom: 20px; }
	.form-check-group .app-form-checkbox { width: 50%; }
	.form-file-type-item .form-select-box { align-items: flex-start; justify-content: flex-start; flex-direction: column; }
	.form-file-type-item .form-select-box .form-label-title { margin-bottom: 15px; }
	.form-file-type-item .select2-container { max-width: 100%; }
	.form-file-type-item { margin-bottom: 20px; padding-bottom: 10px; }
	.form-file-type-item:last-child { margin-bottom: 20px; }
	.questions-card-flex { padding-top: 5px; flex-direction: column; }
	.questions-card-flex .questions-card-content { margin-right: 0; }
	.questions-card-action { margin-top: 12px; }
	.version-header-sidebar-title { padding-left: 0; }
	.version-accordion .activity-log-card { flex-direction: column; align-items: flex-start; }
	.activity-log-card-action { margin-left: 0; margin-top: 12px; }
	.form-preview-item-header { flex-direction: column; align-items: flex-start; }
	.form-preview-item-header h3 { background-color: transparent; }
	.form-preview-item-header .start { padding-right: 0; }
	.form-preview-item-header .end { padding-left: 0; padding-top: 20px; }
	.form-preview-item-header .start span { display: inline-block; }
	.form-preview-item-header::before { left: 30px; right: 30px; }
	.questions-upload-wrapper .upload-btn-wrapper { max-width: 300px; min-width: 300px; }
	.questions-upload-wrapper .upload-btn-area { font-size: 16px; height: 50px; }
	.questions-upload-wrapper .upload-btn-area img { width: 30px; }
	.document-upload-card .questions-upload-wrapper .upload-btn-wrapper { max-width: 180px; min-width: 180px; }
	.documents-modal-header-action { margin: 5px -5px 0; width: calc(100% + 2 * 5px); }
	.documents-modal-header-action .btn, .macl-modal .app-modal-header-action .btn .documents-modal-header-action .app-btn-link, .documents-modal .modal-header .btn-close { margin: 5px 5px 0 5px; }
	.documents-modal-list-item { flex-direction: column; }
	.documents-modal-list-action { margin: 0; }
	.documents-modal-list-item p { max-width: none; }
	.documents-modal-main-header h3 span { padding-right: 20px; }
	.documents-modal-main-header h3 { font-size: 18px; }
	.app-modal .modal-header .btn-close { margin-left: 10px; }
	.app-modal .modal-header { flex-direction: column; align-items: flex-start; }
	.app-modal-header-action { width: 100%; justify-content: space-between; margin-top: 12px; }
	.macl-card-header-action-item { flex-direction: column; }
	.macl-card-header-action-item:not(:last-child) { margin-bottom: 12px; }
	.macl-card-header-action-item h6 { min-width: auto; padding-right: 0; }
	.history-sidebar .activity-log-card { align-items: flex-start; flex-direction: column; }
	.activity-log-accordion .accordion-button::before { width: 80%; }
	.activity-log-card-content h5 { font-size: 16px; }
	.approval-card-main .form-label { font-size: 18px; }
	.approval-upload-card { padding: 28px 20px; }
	.approval-card-header h2 { font-size: 22px; }
	.approval-modal-preview .modal-header, .macl-modal-preview .modal-header { flex-direction: row; align-items: center; }
	.approval-modal-preview .app-modal-header-action, .macl-modal-preview .app-modal-header-action { margin-top: 0; width: auto; }
	.success-modal .modal-header { flex-direction: row; }
	.areYouSure-modal-content { width: 100%; margin-bottom: 16px; }
	.areYouSure-modal .modal-header { flex-direction: row; align-items: center; justify-content: space-between; }
	.areYouSure-modal .app-modal-header-action { width: auto; margin-top: 0; }
	.app-main-header-action { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.app-main-header-btn { min-width: 130px; min-height: 40px; border-radius: 10px; }
	.app-main-header-btn-view { margin-left: 0; }
	.app-main-header-btn-view + .app-main-header-btn-view { margin-left: 0 !important; }
	.app-main-header-link-view { width: calc(100% + 2 * 5px); margin-right: -5px; margin-left: -5px; }
	.app-card-process-collapse-disbur-item { flex-direction: column; align-items: flex-start; padding: 8px 0; }
	.app-card-process-collapse-disbur-info { width: 100%; padding-right: 0; margin-bottom: 8px; }
	.app-card-process-collapse-disbur-info + .btn { margin-left: 84px; margin-bottom: 8px; }
	.app-card-process-collapse-disbur-budget { width: 100%; margin-bottom: 8px; padding-left: 84px; }
	.app-card-process-collapse-disbur-btn-view { padding-left: 84px; text-align: left; width: 100%; margin-bottom: 8px; }
	.app-card-task-select-box .select2-container .select2-selection--single { height: 40px; }
	.app-card-task-select-box .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; }
	.app-card-task-select-box .select2-container--default .select2-selection--single .select2-selection__arrow { right: 14px; height: 38px; }
	.app-card-process-collapse-disbur-info span { margin-right: 18px; }
	.app-card-process-collapse-disbur-btn-view + .app-card-process-collapse-disbur-btn-view { padding-left: 84px; }
	.activity-tabs { width: 100%; flex-direction: column; }
	.activity-tabs .nav-item { margin-right: 0; }
	.activity-tabs .nav-link { width: 100%; justify-content: center; }
}

@media (max-width: 479px) {
	.app-header-search-form.app-header-search-form-open .app-header-search-box { min-width: 200px; max-width: 200px; }
	.app-card-process-collapse-footer .btn { padding: 8px 10px; }
	.app-card-process-collapse-footer .btn span.score { padding-right: 8px; margin-right: 8px; }
	.form-check-group .app-form-checkbox { width: 100%; }
	.questions-upload-wrapper .upload-btn-wrapper { max-width: 200px; min-width: 200px; }
	.document-preview-card-header-action img { width: 45px; }
	.document-preview-card-header h3 { font-size: 20px; }
	.document-preview-card-header { padding-bottom: 20px; margin-bottom: 20px; }
	.document-preview-card-body, .approval-card-main { font-size: 16px; }
	.document-preview-card-body p, .approval-card-main p { margin-bottom: 20px; }
	.document-preview-signature-info, .approval-signature-info { margin: 30px 0; }
	.document-preview-signature-thumb, .approval-signature-thumb { margin-bottom: 20px; }
	.document-preview-card-footer, .approval-card-footer { font-size: 16px; padding-top: 30px; }
	.document-preview-card-footer::before, .approval-card-footer:before { height: 4px; }
	.macl-card-logo-info { flex-direction: column; align-items: flex-start; }
	.macl-logo { margin-right: 0; margin-bottom: 12px; }
	.app-modal-header-action .btn, .macl-modal .app-modal-header-action .btn { font-size: 14px; padding: 8px 10px; min-width: 90px; }
	.app-modal-header-action .btn.btn-success-ligh, .macl-modal .app-modal-header-action .btn.btn-success-ligh { padding: 8px 10px; }
	.app-modal-header-action .btn img { margin-right: 8px; width: 18px; }
	.app-modal .modal-header .btn-close { min-width: 28px; width: 28px; height: 28px; background-size: 28px auto; }
	.macl-upload-tableable-body .upload-btn-area-inner, .approval-upload-card .upload-btn-area-inner { font-size: 14px; min-width: 108px; }
	.approval-card-header { flex-direction: column; align-items: flex-start; justify-content: flex-start; padding-top: 0 }
	.approval-card-header h2 { margin-right: 0; order: 2; font-size: 20px; }
	.approval-card-logo { order: 1; margin-bottom: 15px; }
}