@import url('font-family.css');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
/* *::selection {background: #008080; color: #fff;} */
html,body {scroll-behavior: smooth;padding: 0;margin: 0;height: 100%;-webkit-font-smoothing: antialiased;}
body {font-family: 'Switzer';font-weight: 400;line-height: 1; color: #2D2F2E;background: #f9fafb;}
a {color: #008080; text-decoration: none !important;}
a, a:hover {text-decoration: none;}
a,button,.btn{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
img{border:0;max-width:100%;vertical-align:middle;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;transition:.25s ease-in-out;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
button{cursor:pointer;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button,input,select,textarea{font-size:inherit;line-height:inherit;}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;}
input:focus {box-shadow: inherit;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
:focus,.btn:active:focus,.btn:focus,a:active,a:focus,button:focus,input:focus,textarea:focus{outline:0;}
input, select {transition: 0.25s all ease-in-out;}
.btn:focus {box-shadow: inherit;}
h1,h2,h3,h4,h5,h6,p,pre{margin:0;font-family: 'Switzer';}
ul, ol {list-style-type:none;margin:0;padding:0;}
article,aside,figcaption,figure,footer,header,nav,section{display:block;}
b, strong {font-weight: bold;}

hr {border-top: 1px solid rgba(196, 196, 196, 0.3);margin: 30px 0;width: 100%;opacity: 1;}

.container {padding-inline: 15px; max-width: 1370px;}
.row {margin-inline: -15px;}
.row > [class*="col-"] {padding-inline: 15px;}

.btn {color: #2d2f2e;font-family: 'Switzer';font-size: 14px;font-weight: 600;line-height: 1.5;letter-spacing: 0.03em;text-align: center;border-radius: 5px;padding: 11px 30px;border: 1px solid transparent;background-image: none;outline: none !important;}

.primary-btn {background: #008080;color: #fff;border: 1px solid transparent;}
.primary-btn:hover, .btn.primary-btn:active {background: #E0EEEF;color: #008080;border-color: #008080;}

.primary-outline-btn {background: #E0EEEF;color: #008080;border: 1px solid #008080;}
.primary-outline-btn:hover, .btn.primary-outline-btn:active {background: #008080;color: #fff; border-color: #008080;}

.primary-white-btn {background: #fff;color: #008080;border: 1px solid #008080;}
.primary-white-btn:hover, .btn.primary-white-btn:active {background: #008080;color: #fff; border-color: #008080;}

.gray-btn {background: #ebebeb;color: #008080;border: 1px solid transparent;}
.gray-btn:hover, .btn.gray-btn:active {background: #e6e6e6;color: #008080;}

.f-400 {font-weight: 400 !important;}
.f-500 {font-weight: 500 !important;}
.f-600 {font-weight: 600 !important;}

.text-danger {color: #FF2A4E !important;}
.alert {margin-bottom: 30px; font-family: 'Switzer';}
.alert-danger {color: #FF2A4E;}
.alert-success {background-color: rgba(0,128,128,0.1);border-color: rgba(0,128,128,0.5);color: #008080;}

.primary-text {color: #008080;}

.form-group {margin-bottom: 20px;}
.form-group > label, .form-group .label-with-link > label {font-family: 'Switzer';font-size: 16px;font-weight: 500;letter-spacing: 0.02em;text-align: left;color: #2D2F2E;margin: 0 0 15px 10px;}
.form-group > label .required, .form-group .label-with-link > label .required {color: #ff2a4e;}
.form-control {width: 100%;display: block;height: auto;border-radius: 6px;background-color: #fff;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12) !important;border: 0;padding: 8px 15px;font-family: 'Switzer';font-weight: 300;font-size: 16px;letter-spacing: 0.02em;text-align: left;color: #2d2f2e;min-height: 40px;}
.form-control[disabled] {background-color: rgba(249, 250, 251, 0.7); border-color: transparent;}
select.form-control {background-image: url('../images/cheveron-bottom-black.svg');background-repeat: no-repeat;background-position: center right 15px;background-size: 14px;-webkit-appearance: none;-moz-appearance: none;appearence: none;}
.form-control:focus {border-color: #008080; outline: 1px solid #008080;}
.form-control::-webkit-input-placeholder {color: #c4c4c4;opacity: 1;}
.form-control:-moz-placeholder{color: #c4c4c4;opacity: 1;}
.form-control:-ms-input-placeholder {color: #c4c4c4;opacity: 1;}
.form-control::placeholder {color: #c4c4c4;opacity: 1;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #c4c4c4;}

.form-group .help-inline-error, .form-group .help-inline-valid {display: block; font-size: 16px; font-weight: 400; padding: 10px 0 0 10px;}
.icon-field-control {position: relative;}
.icon-field-control .form-control {padding-right: 45px;}
.icon-field-control .field-icon {position: absolute;top: 0;right: 20px;font-size: 20px;height: 40px;display: flex;flex-direction: column;align-items: center;justify-content: center; color: #2d2f2e;}
#privacy_policy-error { padding:10px 0 0 10px; }
.c-checkbox {position: relative;}
.c-checkbox input[type="checkbox"] {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;margin: 0;}
.c-checkbox label {position: relative;margin: 0;font-family: 'Switzer';font-weight: 500;letter-spacing: 0.02em;font-size: 16px;text-align: left;color: #2d2f2e;cursor: pointer;display: flex;align-items: center;transition: 0.2s all ease;}
.c-checkbox label::before {content: '';display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 6px;background: #fff;border: 1px solid #c4c4c4;vertical-align: middle;margin-right: 10px;transition: 0.2s background ease;}
.c-checkbox input[type="checkbox"]:checked + label::before {content: '\F272';font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;background: #008080;border-color: #008080;color: #fff;font-size: 26px;}

.c-checkbox-sm {line-height: 18px;display: inline-flex;align-items: center;vertical-align: middle;}
.c-checkbox-sm label::before {width: 22px;height: 22px;border-radius: 3px;}
.c-checkbox-sm input[type="checkbox"]:checked + label::before {font-size: 18px;background: #008080;border-color: #064141;}
.c-checkbox-sm.review-policy-chk { flex-direction: column-reverse;align-items: flex-start; }
.c-checkbox-sm.review-policy-chk input[type="checkbox"]:checked + #privacy_policy-error + label::before {font-size: 18px;background: #008080;border-color: #064141;content: '\F272';font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;background: #008080;border-color: #008080;color: #fff;}
.primary-link {color: #008080;display: inline-flex;font-size: 18px;font-weight: 400;letter-spacing: 0.03em;}
.primary-link:hover {color: #2d2f2e;}

.form-group .note {font-family: 'Switzer';font-size: 18px;font-weight: normal;letter-spacing: 0.04em;line-height: 32px;text-align: left;color: #8b8b8b;margin: 20px 0 0 0;}

.c-radio-group {display: flex; align-items: center; flex-wrap: wrap; padding: 20px 0;}
.c-radio-group > .c-radiobox {padding: 0 30px;}
.c-radio-group > .c-radiobox:first-child {padding-left: 20px;}
/* .c-radio-group > .c-radiobox:last-child {padding-right: 0;} */

.c-radiobox {position: relative;}
.c-radiobox input[type="radio"] {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;margin: 0;display: none;}
.c-radiobox label {position: relative; font-family: 'Switzer';font-weight: 500;font-size: 16px;letter-spacing: 0.02em;text-align: left;color: #2d2f2e; padding-left: 32px;margin: 0;line-height: 1;cursor: pointer;display: inline-flex; align-items: center; min-height: 22px;}
.c-radiobox label::before {position: absolute;top: 0;left: 0;content: '';display: inline-flex;align-items: center;width: 22px;height: 22px;background: #fff;border-radius: 100%;border: 1px solid #008080;vertical-align: middle;}
.c-radiobox label::after {position: absolute;top: 3px;left: 3px;content: '';display: inline-flex;align-items: center;width: 16px;height: 16px;border-radius: 100%;transition: 0.3s all ease;background-color: transparent;z-index: 0;opacity: 0;visibility: hidden;}
.c-radiobox input[type="radio"]:checked + label::after {background: #008080;z-index: 1;opacity: 1;visibility: visible;}

.select2-container .cm-select {height: 100%;background-color: #fff;border: 0;min-height: 40px;border-radius: 6px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);}
.select2-container .cm-select .select2-selection__rendered {padding: 8px 40px 8px 15px;color: #2d2f2e;font-family: 'Switzer';font-weight: 300;font-size: 16px;line-height: 1; min-height: 40px; display: flex; align-items: center;flex-wrap: wrap;}
.select2-container--default .cm-select .select2-selection__arrow {height: 100%;top: 50%;width: 14px;height: 14px;margin-top: -7px;right: 12px;transition: 0.3s all ease;}
.select2-container--default .cm-select .select2-selection__arrow b {background-image: url('../images/cheveron-bottom-black.svg');background-repeat: no-repeat;background-position: center;background-size: 14px;border: 0 !important;top: 0;right: 0;left: 0;bottom: 0;margin: 0 !important;width: 100%;height: 100%;transition: 0.3s all ease;}
.select2-container--default.select2-container--open .cm-select .select2-selection__arrow b {transform: rotate(-180deg);}
.select2-container--default.select2-container--focus .cm-select {border: 0;outline: 0;}

.select2-dropdown {border: 0;border-radius: 6px;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);overflow: hidden;}
.select2-search--dropdown {padding: 5px 20px; display: none;}
.select2-results__option {padding: 10px 15px;background-color: #fff; font-size: 16px;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color: #f9fafb;color: #2d2f2e;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #008080;color: #fff;}
.select2-search__field {border-radius: 5px;padding: 5px 20px;}
.select2-container--default .select2-search--dropdown .select2-search__field {border: 1px solid #C4C4C4;}

.select2-container .select2-selection--multiple.cm-select .select2-selection__rendered {gap: 5px 30px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {display: inline-flex;align-items: center;flex-direction: row-reverse;margin: 0;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background: transparent;border: 0;padding: 0;border-radius: 0;font-family: Switzer;font-weight: 500;font-size: 14px;letter-spacing: 0.01em;text-align: left;color: rgba(45, 47, 46, 0.5);}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {font-size: 24px;color: #FF2A4E;margin: 0 0 0 8px;font-weight: 400;float: right;}

/*------*/
@keyframes smoothScroll {0% {transform: translateY(-40px);} 100% {transform: translateY(0px);}}
header {position: fixed; left: 0; right: 0; width: 100%; z-index: 1024;top: 0;}
.fixed-top {position: fixed !important;top: 0;left: 0;right: 0;width: 100%;z-index: 1024; transition: 0.3s all linear; animation: smoothScroll 0.5s forwards;}
.navbar-head {position: relative;background: #fff;padding: 15px 0 17px 0;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);transition: 0.3s all linear;}
.navbar-head .navbar-wrapper {display: flex;flex-flow: row wrap;align-items: center;justify-content: space-between;}

.navbar-wrapper .navbar-toggler{position:relative;border:0;background:0 0;padding:0;text-align:center;background:0 0;border-radius:0;margin-left: auto;display: none;}
.navbar-wrapper .navbar-toggler>span{display:block;width:30px;height:2px;margin-bottom:8px;background-color:#008080;border-radius:10px;transition:.4s all ease-in-out}
.navbar-wrapper .navbar-toggler>span:last-child{margin-bottom:0}
.navbar-wrapper .navbar-toggler.open>span:first-child{opacity:1;-webkit-transform:rotate(-45deg) translate(-7px,8px);transform:rotate(-45deg) translate(-7px,8px)}
.navbar-wrapper .navbar-toggler.open>span{opacity:0}
.navbar-wrapper .navbar-toggler.open>span:last-child{opacity:1;-webkit-transform:rotate(45deg) translate(-6px,-7px);transform:rotate(45deg) translate(-6px,-7px)}

.navbar-action-block {display: flex;flex-wrap: wrap;}

.dropdown-menu {background: #fff;border: 0;border-radius: 5px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); padding: 0;}
.dropdown-menu > li {display: block;}
.dropdown-menu > li > a {color: #2d2f2e;font-size: 16px;font-weight: 400;line-height: 18px;display: block;padding: 10px 15px;border-bottom: 1px solid #e6e6e6;}
.dropdown-menu > li > a:hover {background: rgba(0, 128, 128, 0.1);color: #008080;}
.dropdown-menu > li:last-child > a {border-bottom: 0;}

.notification-dropdown {margin-right: 20px;}
.notification-dropdown > a {width: 48px;height: 48px;border-radius: 5px;background: rgba(0, 128, 128, 0.1);display: flex;align-items: center;justify-content: center;}
.dropdown-toggle::after {display: none;}

.notification-dropdown .notification-badge {width: 15px;height: 15px;background: #fe2a4e;border-radius: 45px;top: -5px;right: -5px;color: #fff;text-align: center;align-items: center;justify-content: center;display: inline-flex;font-size: 11px;font-weight: 500;}
.notification-dropdown .dropdown-menu {min-width: 250px;}
.profile-dropdown > a {display: flex;align-items: center;flex-wrap: wrap; }
.profile-dropdown > a .profile-img {width: 48px;height: 48px;overflow: hidden;border: 1px solid rgba(112, 112, 112, 0.3);background-color: #f9fafb; display: inline-flex; align-items: center; justify-content: center; text-align: center;border-radius: 5px;}
.profile-dropdown > a .profile-img > .first-letter {font-family: 'Milkshake';font-weight: normal;font-size: 34px;color: #008080; text-transform: uppercase;}
.profile-dropdown > a .profile-img > img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.profile-dropdown > a .profile-info {width: calc(100% - 48px);padding-left: 10px; position: relative; padding-right: 24px;}
.profile-dropdown > a .profile-info::after {content: '';display: inline-flex;position: absolute;top: 5px;right: 0;width: 12px;height: 8px;background-image: url('../images/cheveron-bottom-black.svg');background-repeat: no-repeat;background-position: top;background-size: 100%;transition: 0.3s all ease;}
.profile-dropdown > a.show .profile-info::after {transform: rotate(-180deg);}
.profile-dropdown > a .profile-info h6 {color: #2d2f2e;font-family: 'Switzer';font-size: 16px;font-weight: 600;letter-spacing: 0.03em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 130px;}
.profile-dropdown > a .profile-info p {color: #c4c4c4;font-family: 'Switzer';font-size: 14px;font-weight: 400;letter-spacing: 0.03em;}
.profile-dropdown .dropdown-menu {min-width: 180px;}


/*--auth-page--*/
.label-with-link {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 16px;}
.form-group .label-with-link > label {margin-bottom: 0;}
.btn.btn-lg {font-size: 24px;font-weight: 400;border-radius: 8px;padding-block: 7px;}

.seperation-dashed {position: relative;margin: 30px 0;z-index: 1;text-align: center;}
.seperation-dashed::after {content: '';width: 100%;height: 1px;border-bottom: 1px dashed #c4c4c4;position: absolute;bottom: 15px;left: 0;right: 0;margin: 0 auto;z-index: -1;}
.seperation-dashed span {font-family: 'Switzer';font-size: 18px;font-weight: 400;letter-spacing: 0.03em;text-align: center;color: #393635;background: #f9fafb;padding: 6px 17px;align-items: center;justify-content: center; display: inline-flex;}

.authpage-wrapper {position: relative;display: flex;flex-direction: row;align-items: stretch;flex-wrap: wrap;/* height: 100vh; */}
.authpage-wrapper .auth-content-block {width: calc(100% - 581px);padding-right: 30px;display: flex;flex-direction: column;justify-content: center;height: 100%;}

.welcome-title {color: #393635;font-family: 'Switzer';font-size: 60px;line-height: 76px;font-weight: 900;letter-spacing: 0.07em;text-align: left;margin-bottom: 30px;}
.welcome-title > span {display: block;font-weight: 600;letter-spacing: 0.01em;}

.subject-title {color: #393635;font-family: 'Lora', serif;font-size: 44px;line-height: 56px;font-weight: 600;letter-spacing: 0.06em;text-align: left;}

.authpage-wrapper .auth-form-block {width: 580px;padding: 50px 0;}
.auth-form-block .form-title {font-family: 'Lora', serif;font-weight: bold;font-size: 40px;letter-spacing: 0.04em;text-align: left;color: #008080;margin-bottom: 39px;}

.login-help-links {margin-top: 30px;}
.login-help-links ul {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 30px;}
.login-help-links ul > li {position: relative;display: inline-flex;align-items: center;}
.login-help-links ul > li > a::before {content: '•';position: absolute;top: 0;left: 0;}
.login-help-links ul > li > a {display: inline-flex;align-items: center;font-family: 'Switzer';font-size: 18px;font-weight: 400;letter-spacing: 0.03em;text-align: center;color: #008080;padding-left: 15px;}
.login-help-links ul > li > a:hover {color: #2d2f2e;}

.reg-auth-wrapper .auth-content-block {padding-top: 150px;}
.reg-auth-wrapper .auth-content-block .welcome-title {font-size: 86px;line-height: 106px;letter-spacing: 0.06em;font-weight: bold;}
.reg-auth-wrapper .form-group {margin-bottom: 20px;}

.help-note-info {color: #2d2f2e;margin-top: 20px;font-size: 16px;font-weight: 400;letter-spacing: 0.02em;text-align: center;}
.help-note-info > a {font-weight: 600;}
.help-note-info > a:hover {color: #2d2f2e;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;}

/*--footer--*/
footer {position: fixed; left: 0; right: 0; width: 100%; z-index: 1023;bottom: 0;}
.footer-wrapper {position: relative;background: #008080;box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.16);padding: 18px 0;}
.footer-wrapper .footer-content {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.footer-links ul {display: flex;align-items: center;flex-wrap: wrap;}
.footer-links ul > li {display: inline-flex;align-items: center;padding-right: 48px;}
.footer-links ul > li:last-child {padding-right: 0;}
.footer-links ul > li > a {display: inline-flex;font-family: 'Switzer';font-weight: 400;font-size: 20px;line-height: 25px;letter-spacing: 0.03em;color: #fff;}
.footer-links ul > li > a:hover {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;}
.footer-wrapper .identity-info {color: #fff;font-family: 'Switzer';font-size: 40px;font-weight: bold;letter-spacing: 0.03em;text-align: right;line-height: 49px;text-transform: uppercase;}

/*--Home Page--*/
.middle-section { padding: 40px 0; }
.tabs-section > .nav-tabs { border: 1px solid rgba(0,128,128,0.2); display: inline-flex; background-color: rgba(0,128,128,0.1); border-radius: 5px; margin-bottom: 30px; }
.tabs-section > .nav-tabs .nav-item .nav-link { font-size: 14px; color: #2D2F2E; letter-spacing: 0.03em; text-transform: uppercase; font-weight: 500; margin: 0; border: none; padding: 10px 20px; line-height: 20px; border-radius: 0; cursor: pointer; }
.tabs-section > .nav-tabs .nav-item .nav-link.active { border: none; margin-bottom: 0; border-radius: 0px; background-color: #008080; color: #fff; }
.tabs-section > .nav-tabs .nav-item:first-child .nav-link.active { border-radius: 5px 0px 0px 5px; }
.tabs-section > .nav-tabs .nav-item:last-child .nav-link.active { border-radius: 0px 5px 5px 0px; }
.tabs-section .tab-content h2 { font-family: 'Lora', serif; font-size: 30px; font-weight: 700; letter-spacing: 0.03em; color: #2D2F2E; margin-bottom: 30px; }
.card { border: none; box-shadow: 0px -1px 10px rgba(0,0,0,0.1); border-radius: 10px; margin-bottom: 40px; }
.card .card-body { padding: 20px; }
.card .card-body > h3 { font-family: 'Lora', serif; font-size: 28px; font-weight: 600; letter-spacing: 0.034em; color: #2D2F2E; margin-bottom: 30px; line-height: 1.3; }
.card .card-body p { font-size: 18px; line-height: 32px; letter-spacing: 0.044em; color: #8B8B8B; margin-bottom: 30px; }
.card .card-body p:last-child { margin-bottom: 0; }

.tabs-section .inner-tabs > .nav-tabs { border-bottom: 0; }
.tabs-section .inner-tabs > .nav-tabs .nav-item { margin-right: 40px; }
.tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link { border: 1px solid rgba(0,128,128,0.2); background-color: rgba(0,128,128,0.1); font-size: 20px; color: #008080; margin: 0; padding: 10px 25px; position: relative; transition: none; line-height: 28px; border-radius: 5px 0px 0px 5px; cursor: pointer; border-right: none; }
.tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link:after { position: absolute; content: ''; right: -20px; top: -1px; bottom: -1px; width: 30px; border: 1px solid rgba(0,128,128,0.2); background-color: #e0eeee; border-left: none; border-radius: 0px 5px 0px 0px; transform: skew(20deg); }
.tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link.active { margin-bottom: 0; background-color: #008080; color: #fff; }
.tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link.active:after { border: 1px solid #008080; background-color: #008080; }

.sub-headings { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(196,196,196,0.5); }
.sub-headings h3 { font-family: 'Lora', serif; font-size: 26px; font-weight: 700; color: #393635; line-height: 1.3; }

.sub-headings .right-content { display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;flex: auto;}
.sub-headings .right-content .right-search {margin-left: 30px;}
.sub-headings .datepicker-row .datepicker-col { max-width:320px; }
.sub-headings .datepicker-row .datepicker-col .date-submit-btn { background-image: url(../images/calendar-icon.svg); background-position: center center; background-repeat: no-repeat; width: 48px; height: 44px; position: absolute; right: 0; top: 0; border: none; outline: none; background-color: transparent; padding: 0; }
.sub-headings .datepicker-row .artitle-title-search { background-image: url(../images/search-icon.svg); background-position: center center; background-repeat: no-repeat; width: 48px; height: 44px; position: absolute; right: 0; top: 0; border: none; outline: none; background-color: transparent; padding: 0; }
.sub-headings .right-content .btn {font-size: 16px; font-weight: 500; line-height: 20px;}

.right-search { position: relative; width: 100%; max-width: 428px; }
.right-search .form-control { border-radius: 5px; border: 1px solid #C4C4C4; min-height: 44px; font-size: 16px; color: #393635; box-shadow: none !important; padding: 6px 50px 6px 20px; font-weight: 400; opacity: 1; }
.right-search .form-control:focus { border-color: #008080; }
.right-search .form-control::-webkit-input-placeholder {color: #393635; opacity: 0.5; }
.right-search .form-control:-moz-placeholder{color: #393635; opacity: 0.5; }
.right-search .form-control:-ms-input-placeholder {color: #393635; opacity: 0.5; }
.right-search .form-control::placeholder {color: #393635; opacity: 0.5; }
.right-search .submit-btn { background-image: url(../images/search-icon.svg); background-position: center center; background-repeat: no-repeat; width: 48px; height: 44px; position: absolute; right: 0; top: 0; border: none; outline: none; background-color: transparent; padding: 0; }

.queue-list { padding: 0; margin: 0; }
.queue-list > li { list-style: none; padding: 0; margin: 0; border-radius: 6px; border: 1px solid rgba(57,54,53,0.1); padding: 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px; background-color: #F9FAFB; }
.queue-list > li:last-child {margin-bottom: 0;}
.queue-list > li .content-col { display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 38%); padding-right: 20px; justify-content: space-between;}
.queue-list > li .content-col .number { font-size: 18px; font-family: 'Lora', serif; font-weight: 500; color: #2D2F2E; min-width: 80px; }
.queue-list > li .content-col .text { width: calc(100% - 80px); }
.queue-list > li .content-col .text h6 { font-size: 16px; color: #008080; font-weight: 600; margin-bottom: 6px; line-height: 21px; }
.queue-list > li .content-col .text h6 a { color: #008080; }
.queue-list > li .content-col .text p { font-size: 12px; color: #393635; font-weight: 400; line-height: 16px; }
.queue-list > li .content-col .content-col-info {display: flex;align-items: center;flex-wrap: wrap; width: calc(100% -  115px); padding-right: 15px;}
/* .queue-list > li .content-col .content-date {width: 115px;} */

.date-badge {font-family: 'Switzer';font-weight: 500;font-size: 14px;letter-spacing: 0.02em;text-align: left;color: #393635;border-radius: 5px;background: rgba(57, 54, 53, 0.06);border: 1px solid rgba(57, 54, 53, 0.3);padding: 7px 8px;text-align: center;display: inline-flex;}

.queue-list > li .right-col { width: 38%; display: flex; gap: 15px; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.badge { background-color: rgba(196,196,196,0.2); padding: 8px 12px; font-size: 14px; color: #008080; letter-spacing: 0.05em; font-weight: 600; line-height: 18px; border-radius: 5px; min-width: 92px; text-align: center; }
.badge.badge-red { color: #FF2A4E; }

.view-btn { background-color: rgba(0,128,128,0.1); padding: 8px 12px; color: #008080; letter-spacing: 0.05em; line-height: 20px; border: 1px solid rgba(0,128,128,0.2); }
.view-btn:hover { background-color: rgba(0,128,128,1); border-color: rgba(0,128,128,1); color: #fff; }
.update-queue-list.queue-list > li .content-col .btn:active { background-color: rgba(0,128,128,1); border-color: rgba(0,128,128,1); color: #fff; }
.delete-btn { background-color: rgba(255,42,78,0.1); padding: 8px 12px; color: #FF2A4E; letter-spacing: 0.05em; line-height: 20px; border: 1px solid rgba(255,42,78,0.18); }
.delete-btn:hover { background-color: rgba(255,42,78,1);  border-color: rgba(255,42,78,1); color: #fff; }
.decline-btn, .read-review-btn { background-color: rgba(57,54,53,0.06); padding: 8px 12px; color: #2D2F2E; letter-spacing: 0.05em; line-height: 20px; border: 1px solid rgba(57,54,53,0.3); }
.decline-btn:hover, .read-review-btn:hover { background-color: rgba(57,54,53,1); border-color: rgba(57,54,53,1); color: #fff; }

.view-as-content {display: flex;align-items: center;text-align: center;justify-content: center;flex-wrap: wrap;position: relative;border-radius: 5px;background: rgba(0, 128, 128, 0.1);border: 1px solid rgba(0, 128, 128, 0.2);padding: 5px 10px;}
.view-as-content label {font-family: 'Switzer';font-size: 14px;font-weight: 600;letter-spacing: 0.05em;color: #008080; padding-right: 15px; margin: 0;line-height: 1;}
.view-type-list {display: flex;flex-wrap: wrap;align-items: center;gap: 0 20px;}

.c-tooltip .tooltip-inner {background: #008080;border: 1px solid #054848;font-family: 'Switzer';font-weight: 500;font-size: 9px;letter-spacing: 0.03em;color: #fff;padding: 3px 10px;border-radius: 2px;}
.c-tooltip .tooltip-arrow::before {display: none;}
.c-tooltip .tooltip-arrow {top: 100% !important;bottom: auto !important;width: 6px;height: 6px;transform: none !important;left: 0 !important;right: 0 !important;margin: 0 auto !important;}
.c-tooltip .tooltip-arrow::after {content: '';display: inline-flex;width: 6px;height: 6px;background: #008080;position: absolute;left: 0;right: 0;bottom: 3px;border-bottom: 1px solid #054848;border-right: 1px solid #054848;transform: rotate(45deg);}

.update-queue-list.queue-list > li .content-col {width: 100%;padding: 0;justify-content: normal;align-items: flex-start;}
.update-queue-list.queue-list > li .content-col .number {min-width: 70px; display: none;}
.update-queue-list.queue-list > li .content-col .submission-content {width: 100%;}
.update-queue-list.queue-list > li .content-col .other-detail-info { width:100%; }
.update-queue-list.queue-list > li .content-col .title-action-info {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid rgba(196, 196, 196, 0.37); margin-bottom: 5px;}
.update-queue-list.queue-list > li .content-col .title-action-info .text {width: calc(100% - 307px);padding: 0 0 20px 0;}
.update-queue-list.queue-list > li .content-col .title-action-info .text h6 {margin-bottom: 0;font-size: 24px; line-height: 1.3; color: #008080;letter-spacing: 0.04em;}
.update-queue-list.queue-list > li .content-col .btn { font-weight: 600; padding: 6px 10px; }
.update-queue-list.queue-list > li .right-col {width: 307px;}

.detail-info-row {display: flex;flex-wrap: wrap;margin-top: 15px;}
.detail-info-row label {font-family: 'Switzer';font-size: 16px;font-weight: 600;letter-spacing: 0.04em;text-align: left;color: #2d2f2e;width: 125px;}
.detail-info-row .info-desc {width: calc(100% - 125px);padding-left: 10px;color: #393635;font-family: 'Switzer';font-weight: 300;font-size: 14px;letter-spacing: 0.02em;}
.detail-info-row .info-desc span {font-weight: 500; font-size: 13px;}
.detail-info-row .info-desc .status-text { color: #fff; padding: 4px 10px; border-radius: 4px; display: inline-block;line-height: 1.2;}

.badge-red { background-color: #FF2A4E; }
.badge-rich-blue { background-color: #038ACC; }
.badge-black { background-color: #2D2F2E; }
.badge-teal { background-color: #00BDBD; }
.badge-blue { background-color: #2B44FF; }
.badge-mahogany { background-color: #bb3e03; }
.badge-green { background-color: #408a00; }
.badge-gray { background-color: #697c9d; }
.badge-inter-blue { background-color: #391fb7; }
.badge-axolotl { background-color: #6e755b; }
.badge-orange { background-color: #f45a12; }


/*--profile-settings--*/
.breadcrumb {margin-bottom: 30px;}
.profile-setting-section {padding: 40px 0;}
.breadcrumb > li {font-family: 'Switzer';font-size: 14px;line-height: 19px;font-weight: 400;letter-spacing: 0.03em;color: #008080;}
.breadcrumb > li > a {color: #2D2F2E;}
.breadcrumb > li > a:hover {color: #008080;}
.breadcrumb-item.active {color: #008080;font-weight: 600;}
.breadcrumb-item+.breadcrumb-item {padding-left: 2px;}
.breadcrumb-item+.breadcrumb-item::before {color: #2D2F2E;font-weight: 400;padding-right: 2px;}

.section-info-title {margin-bottom: 30px;border-bottom: 1px solid #c4c4c4;padding-bottom: 20px;}
.section-info-title h2 {font-family: 'Lora', serif;text-align: left;font-weight: bold;line-height: 38px;font-size: 30px;letter-spacing: 0.03em;color: #2d2f2e;}

.profile-setting-form {}

.upload-field-group {position: relative;border-radius: 10px;background: #f9fafb;border: 1px solid #c4c4c4;box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.04);padding: 9px 10px;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
.upload-field-group .image {width: 80px;height: 80px;border-radius: 6px;background-color: #dfdfdf;overflow: hidden;background-image: url('../images/folder-icon.svg');background-position: center center;background-size: 28px;background-repeat: no-repeat;}
.upload-field-group .image > img {border-radius: 6px;width: 100%;height: 100%;object-fit: cover;object-position: top;}
.upload-field-group .content {width: calc(100% - 80px);padding-left: 15px;}
.upload-field-group .content .file-info {margin-bottom: 15px;}
.upload-field-group .content h6 {font-family: 'Lora', serif;font-size: 16px;line-height: 1;font-weight: bold;text-align: left;color: #2d2f2e;}
.upload-field-group .content p {font-size: 14px; font-weight: 500; margin-top: 10px; color: #008080;}
.upload-field-group .content .btn {position: relative;padding: 8px 19px;margin-right: 20px;}
.upload-field-group .content .btn:last-child {margin-right: 0;}
.upload-field-group .upload-btn input[type="file"] {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;}
.upload-field-group .gray-btn {background: rgba(57, 54, 53, 0.06);border: 1px solid rgba(57, 54, 53, 0.3);}
.upload-field-group .gray-btn:hover {background-color: rgba(57, 54, 53, 0.1);}

.btn-row {display: flex;align-items: center;justify-content: center;margin-top: 30px;}
.profile-setting-form .btn-row {justify-content: flex-start;}
.profile-setting-form .btn-row .btn.btn-lg {font-weight: 600;min-width: 290px;min-height: 40px;font-size: 16px;}
.profile-setting-form .btn-row.btn-col { display: flex; gap: 20px; }
.profile-setting-form .btn-row.btn-col .btn { min-width: inherit; flex: 1; }

.multi-upload-field-group {position: relative;border-radius: 10px;background: #fff;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);display: flex;flex-direction: row;flex-wrap: wrap;overflow: hidden;}
.multi-upload-field-group .browse-file {width: 180px;border-radius: 10px 0 0 10px;background: rgba(57, 54, 53, 0.06);border: 1px solid rgba(57, 54, 53, 0.3); min-height: 120px;}
.browse-file > label {display: flex;flex-direction: column;align-items: center;justify-content: center;   position: relative;cursor: pointer;height: 100%;}
.browse-file > label input[type="file"] {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;}
.browse-file > label img {display: inline-flex;margin-bottom: 16px;}

.multi-upload-field-group .listed-files {width: calc(100% - 180px);padding: 20px;}
.listed-files ul {display: flex;align-items: center;flex-wrap: wrap;gap: 20px 36px;}
.listed-files ul > li {display: inline-flex;flex-wrap: wrap;}

.uploaded-file-info {display: flex;align-items: center;flex-wrap: wrap;}
.uploaded-file-info .image {width: 30px;height: 30px;border-radius: 3px;background-color: #dfdfdf;background-image: url('../images/doc-icon.svg');background-repeat: no-repeat;background-position: center center;background-size: 13px;}
.uploaded-file-info .content {width: calc(100% - 30px);padding-left: 15px;display: flex;align-items: center;justify-content: space-between;}
.uploaded-file-info .content > p {font-family: 'Switzer';font-size: 14px;font-weight: 500;letter-spacing: 0.01em;text-align: left;color: rgba(45, 47, 46, 0.5);margin-right: 10px;margin-top: 1px;}


.disclouser-form {margin-top: 20px;padding-top: 50px;border-top: 1px solid #c4c4c4;}
.disclouser-form .section-info-title {border-bottom: 0;margin: 0 0 40px 0;padding: 0;}
.form-desc {color: #8b8b8b;font-family: 'Switzer';font-weight: normal;font-size: 16px;line-height: 26px;text-align: left;margin-bottom: 30px;}

.form-card {border: 1px solid rgba(57, 54, 53, 0.1);box-shadow: none; margin-bottom: 20px;}
.form-card .card-body {padding-inline: 20px;}
.form-card .form-card-header {display: flex;justify-content: space-between;background: transparent;margin: 0;align-items: center;}
.form-card .form-card-header .card-title {color: #2d2f2e;font-family: 'Switzer';font-weight: 500;font-size: 16px;letter-spacing: 0.02em;text-align: left; width: calc(100% - 180px); margin-bottom: 0; position: relative; padding-left: 20px;}
.form-card .form-card-header .card-title .text-danger {font-size: 16px;}
.form-card .form-card-header .card-title:before { position: absolute; left: 0; top: 5px; content: ''; width: 8px; height: 8px; background-color: #00AEAE; border-radius: 10px; }
.form-card .form-card-header .c-checkbox {padding-left: 15px;}

.form-card .form-control[disabled] {background: #f9fafb;border: 1px solid rgba(57, 54, 53, 0.1);opacity: 1;box-shadow: none;}

.btn-row-action {margin-top: 50px;}
.btn-row-action .btn {line-height: 1.2;}

.new-submission-section {padding: 40px 0;}
.new-submission-accordion .accordion {background: transparent;}
.new-submission-accordion .accordion .accordion-item {margin-bottom: 25px;border-radius: 10px;background: #fff;box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);padding: 20px 30px;border: 0;}
.new-submission-accordion .accordion .accordion-item.disabled {opacity: 0.7; pointer-events: none;}
.new-submission-accordion .accordion .accordion-item .accordion-header {margin-bottom: 0;}
.new-submission-accordion .accordion .accordion-item .accordion-header .accordion-button {position: relative;font-family: 'Lora', serif;font-weight: 600;font-size: 28px;line-height: 34px;letter-spacing: 0.03em;color: #2d2f2e;background: transparent !important;padding: 0;border-radius: 0 !important;box-shadow: none !important;padding-right: 50px;}
.new-submission-accordion .accordion .accordion-item .accordion-header .accordion-button[disabled] {opacity: 0.7; pointer-events: none;}
.new-submission-accordion .accordion .accordion-item .accordion-header .accordion-button::after {background-image: url('../images/plus-icon.svg');background-repeat: no-repeat;background-position: center center;background-size: 100%;transform: none;position: absolute;top: 50%;right: 0;display: inline-flex;width: 20px;height: 20px;transition: 0.3s all ease;opacity: 1;visibility: visible;margin-top: -10px;}
.new-submission-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {background-image: url('../images/minus-icon.svg');}
.new-submission-accordion .accordion .accordion-item .accordion-body {padding: 20px 0 0 0;margin: 20px 0 0 0;border-top: 1px solid #c4c4c4;}

.new-submission-accordion .accordion .accordion-item .btn-action {justify-content: center; margin-top: 30px;}
.new-submission-accordion .accordion .accordion-item .btn-action .btn {font-size: 16px;min-height: 40px;letter-spacing: 0.05em; padding: 7px 40px;}

.submission-file-block {position: relative;border-radius: 10px;background: #f9fafb;padding: 20px; margin-bottom: 15px;}
.submitted-field-groups > .submit-field-row {cursor: move;cursor: -moz-move;cursor: -webkit-move;}
.submitted-field-groups .submit-field-row:last-child {margin-bottom: 50px;}

.submit-field-row .row, .new-submission-form form > .row {margin: 0 -10px;}
.submit-field-row .row [class*="col-"], .new-submission-form form > .row .col-xl-3 {padding: 0 10px;}
.submit-field-row textarea.form-control {min-height: 70px;}

.submit-field-row + .submit-field-row,
.submitted-field-groups + .submit-field-row,
.editable-submit-block .submit-field-row,
.editable-submit-block + .submit-field-row {border-top: 1px solid rgba(196, 196, 196, 0.3);padding-top: 20px;margin-top: 20px;}

.field-label-info {color: #2D2F2E;font-family: 'Lora', serif;font-weight: 600;font-size: 18px;letter-spacing: 0.03em;text-align: left;margin-bottom: 15px;}
.field-label-info .required {color: #ff2a4e;}
.field-label-info > span.d-block {font-size: 12px;font-weight: 500;font-family: 'Switzer';color: #008080; line-height: 16px;margin-top: 10px;}

.file-upload-control {position: relative;}
.file-upload-control input[type="file"] {background-image: url('../images/folder-icon.svg');background-repeat: no-repeat;background-position: center right 15px;background-size: 18px;padding-right: 60px;font-size: 16px; line-height: 24px;}
input[type="file"]::file-selector-button {display: none;}
.file-upload-control .remove-file-btn {position: absolute;top: 15px;right: 45px;width: 12px;height: 12px;display: inline-flex;align-items: center;justify-content: center;background: transparent;z-index: 100;}
.file-upload-control input[type="text"] {background-image: url('../images/folder-icon.svg');background-repeat: no-repeat;background-position: center right 15px;background-size: 18px;padding-right: 60px;font-size: 16px; line-height: 36px;}
.file-upload-control input[type="text"] + .remove-file-btn {right: 45px;}

.add-field-row {border-top: 1px solid rgba(196, 196, 196, 0.3);padding-top: 30px;margin-top: 30px;}
.add-field-row .btn.btn-lg {font-size: 20px;font-weight: 600;}

.radio-textarea-row {display: flex;align-items: center;flex-wrap: wrap;}
.radio-textarea-row .condition-col-left {display: flex;align-items: center;flex-wrap: wrap;width: 395px; justify-content: space-between;}
.radio-textarea-row .condition-col-left > label {margin-left: 0;}
.radio-textarea-row .text-col-right {padding-left: 10px;width: calc(100% - 395px);}
.radio-textarea-row .text-col-right .form-control {font-size: 16px;}
.radio-textarea-row.full .condition-col-left {width: 20%;}
.radio-textarea-row.full .text-col-right {width: calc(100% - 20%);}

.radio-textarea-row .c-checkbox-sm label::before {position: absolute; left: 0;}
.radio-textarea-row .c-checkbox-sm label {padding-left: 32px;}

.author-radiobox-row {border-top: 1px solid rgba(196, 196, 196, 0.3);padding-top: 20px;margin-top: 20px;}
.author-radiobox-row  .form-group label {margin: 0;}
.auth-radio-list {display: flex;align-items: center;flex-wrap: wrap;gap: 15px 0;margin: 0 -15px 15px -15px;}
.auth-radio-list > li {display: inline-flex;align-items: center;flex: 0 0 33.33%;max-width: 33.33%;padding: 0 15px;}
.auth-radio-list > li .c-checkbox label { font-size:15px; }
.save-action {display: flex; gap: 0 22px;}
.save-action .btn {padding: 9px 15px;line-height: 1.2;}
.save-action .decline-btn {border-color: #2d2f2e;}

.auth-radio-list > li .c-radiobox {min-height: 25px;}
.auth-radio-list > li .c-radiobox label {font-size: 16px; font-weight: 500;}

.editable-submit-block .sortable-block > li {position: relative;border: 1px solid rgba(196, 196, 196, 0.3);border-radius: 10px;padding: 20px;background-color: #fff;margin-bottom: 20px;cursor: move;cursor: -moz-move;cursor: -webkit-move;}
.editable-submit-block .sortable-block > li .cursor-move {position: absolute;top: -10px;left: -10px;background-color: #008080;color: #fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;width: 24px;height: 24px;cursor: move;}

.author-edit-row hr {margin: 15px 0;}
.author-edit-row .edit-actions {float: right;display: flex;gap: 0 10px;}
.author-edit-row .edit-actions .btn {padding: 4px 8px;font-size: 14px;display: inline-flex;align-items: center;justify-content: center;}

.hz-info-row {display: flex;align-items: flex-start;flex-wrap: wrap;margin: 4px 0; width: 33.33%; padding-right: 20px; }
.hz-info-row > label {font-size: 16px;font-weight: 600;line-height: 22px; padding-right: 15px; }
.hz-info-row .content {width: calc(100% - 100px);font-size: 16px;line-height: 22px;}

.author-info-row {padding-top: 20px;margin-top: 20px;border-top: 1px solid rgba(196, 196, 196, 0.3);margin-bottom: 0;}
.author-info-row > label {font-size: 14px;}
.author-info-row .content {font-size: 14px;}

/*--View Page--*/
.view-section .card .card-body { padding: 30px 20px; } 
.view-section .section-info-title {border-bottom-color: rgba(196,196,196,0.5); margin-bottom: 22px; }
.view-section .section-info-title h4 { padding: 0 25px; font-family: 'Lora', serif; color: #008080; font-size: 20px; line-height: 25px; letter-spacing: 0.03em; font-weight: 600; display: inline-block; position: relative; }
.view-section .section-info-title h4:after { position: absolute; content: ''; left: 0; bottom: -20px; background-color: #008080; height: 3px; width: 100%; }
.view-section .sub-headings { padding-bottom: 0; border-bottom: none; }
.view-section .sub-headings .right-search { max-width: 336px; }
.view-section .btn-row { border-top: 1px solid rgba(196,196,196,0.5); padding-top: 20px; }
.view-section .btn-row .primary-btn { padding: 9px 30px; line-height: 20px; }


.file-list > ul { margin: 0; padding: 0; }
.file-list > ul > li { margin: 0 0 20px 0; padding: 0; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #F9FAFB; border: 1px solid rgba(57,54,53,0.1); border-radius: 6px; padding: 10px; }
.file-list > ul > li .col-left { display: flex; align-items: center; flex-wrap: wrap; width: calc(100% - 280px) }
.file-list > ul > li .col-left .icon { width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; background-color: #DFDFDF; border-radius: 6px; }
.file-list > ul > li .col-left .text { padding-left: 12px; width: calc(100% - 45px); font-size: 14px; font-weight: 500; line-height: 20px; color: #2D2F2E; }
.file-list > ul > li .col-right { width: 280px; display: flex; align-items: center; justify-content: flex-end; padding-right: 0px; }
.file-list > ul > li .col-right .date-label { font-size: 14px; line-height: 18px; font-weight: 500; border-radius: 5px; padding: 7px 10px; background-color: rgba(57,54,53,0.06); border: 1px solid rgba(57,54,53,0.3); color: #393635; }

.tab-rightcolumn { background-color: #F9FAFB; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 6px rgba(0,0,0,0.1); }
.tab-rightcolumn .btn { width: 100%; margin-bottom: 10px; padding: 11px 10px; font-weight: 600; }
.tab-rightcolumn .btn.view-btn { padding: 11px 10px; line-height: 1.5; }
.tab-rightcolumn .btn.decline-btn { padding: 11px 10px; line-height: 1.5; }
.tab-rightcolumn .participants { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; margin-top: 10px; margin-bottom: 20px; border-top: 1px solid rgba(196,196,196,0.5); border-bottom: 1px solid rgba(196,196,196,0.5); }
.tab-rightcolumn .participants h6 { font-size: 14px; line-height: 20px; letter-spacing: 0.03em; font-weight: 600; margin: 0; color: #2D2F2E; }
.tab-rightcolumn .participants .btn.view-btn { width: auto; margin: 0; padding: 8px 20px; line-height: 20px; }
.tab-rightcolumn .form-group { margin-bottom: 0; }
.tab-rightcolumn .form-group > label { font-size: 14px; line-height: 20px; letter-spacing: 0.03em; font-weight: 600; margin: 0 0 15px 0; color: #2D2F2E; }
.tab-rightcolumn .form-group .form-control { font-size: 12px; letter-spacing: 0.04em; font-weight: 400; border-radius: 6px; border: 1px solid rgba(196,196,196,0.5); box-shadow: none !important; min-height: 35px; padding: 5px 12px; }

/*--data-policy--*/
.policy-content-block {margin-bottom: 50px;}
.policy-content-block h3 {font-family: 'Lora', serif;font-size: 26px;font-weight: bold;color: #393635;margin-bottom: 20px;line-height: 33px;}
.policy-content-block p {font-family: 'Switzer';font-size: 18px;font-weight: normal;letter-spacing: 0.04em;line-height: 30px;color: #8b8b8b;}

.missing-link-item {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;text-align: center;min-height: calc(100vh - 175px);}
.missing-link-item .missing-link-content .icon {margin-bottom: 20px;}
.missing-link-item h1 {font-family: 'Switzer';font-weight: 500;color: #008080;}

/*--submission-preview--*/

.article-preview-block .table {border-color: #c4c4c4;}
.article-preview-block .table-bordered>:not(caption)>*>* {border-color: #c4c4c4;padding: 10px 15px;vertical-align: middle;}
.article-preview-block .table tbody th  {font-size: 18px;line-height: 1.5;font-weight: 600;color: #2D2F2E;}
.article-preview-block .table tbody td {color: #2D2F2E;font-size: 16px;line-height: 1.5;}

.keywords-listed-preview {display: flex;flex-wrap: wrap;gap: 0 5px;}
.keywords-listed-preview > li {display: inline-flex;align-items: center;justify-content: center;text-align: center;line-height: 1;border-radius: 15px;padding: 6px 10px;min-width: 50px;font-size: 16px;color: #fff;background-color: #f9fafb; color: #008080; border: 1px solid #008080;}

.data-preview-row {display: flex;flex-wrap: wrap;flex-direction: row;align-items: flex-start;margin-bottom: 15px;}
.data-preview-row:last-child {margin-bottom: 0;}
.data-preview-row .label-left {font-size: 18px;line-height: 24PX;color: #2D2F2E;font-weight: 600;width: 150px;}
.data-preview-row .content-right {width: calc(100% - 150px);padding-left: 10px;font-size: 16px;line-height: 24PX;font-weight: 400;color: #2D2F2E;}

/*--modal-design--*/

.custom-modal .modal-dialog {max-width: 702px;}
.custom-modal .modal-content {padding: 30px 40px;border-radius: 20px;background: #fff;border: 1px solid #707070;}
.custom-modal .modal-header {padding: 0 0 20px 0; border-bottom: 1px solid #c4c4c4; margin-bottom: 20px;}
.custom-modal .modal-body {padding: 0;}
.custom-modal .modal-title {font-family: 'Lora', serif;font-weight: bold;font-size: 30px;letter-spacing: 0.03em;text-align: left;color: #2d2f2e;line-height: 38px;}
.custom-modal .modal-close {display: inline-flex;align-items: center;justify-content: center;text-align: center;width: 32px;height: 32px;background: #fff;border: 1px solid #393635;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13);border-radius: 50%;}
.modal-msg-content h6 {font-family: 'Switzer';font-weight: 500;font-size: 22px;letter-spacing: 0.04em;color: #393635;}
.custom-modal .modal-footer {margin: 50px 0 0 0; border: 0; padding: 0; justify-content: flex-start;}
.btn-action {display: flex; flex-wrap: wrap; gap: 0 30px;}
.btn-action .btn {min-width: 137px; min-height: 40px;}
.modal-backdrop {background-color: #2D2F2E;}
.modal-content {padding: 20px;border-radius: 20px;background: #fff;border: 1px solid #707070;}
.view-modal .modal-dialog { max-width: 800px;}
/*----*/
.form-group {position: relative;}
.form-group .typeahead.dropdown-menu {top: 100% !important;left: 0 !important;width: 100%;margin-top: 2px;}
.form-group .typeahead.dropdown-menu .dropdown-item { white-space:normal; }

#genderSelectGroup {display: grid;}
#genderSelectGroup .select2-container {order: 1}
#genderSelectGroup #auth_gender-error {order: 2;}
.pagination { display: flex;flex-wrap: wrap; justify-content: center; margin-top: 20px;}
.pagination li { min-width: 40px; padding: 0 5px; min-height: 30px; margin: 0; }
.pagination li a { display: flex;border: 1px solid rgba(57,54,53,0.1); background-color: #F9FAFB; color: #2d2f2e;align-items: center;justify-content: center;height: 100%;border-radius: 2px; }
.pagination li a:hover, .pagination li.active a { background-color: #008080; border-color: #008080; color: #fff; }


.notify-modal .modal-content { padding: 20px; border-radius: 10px; background: #fff; border: 1px solid #707070; }
.notify-modal .modal-header { padding: 0 0 10px 0; border-bottom: 1px solid #c4c4c4; margin-bottom: 20px; }
.notify-modal .modal-body { padding: 0; }
.notify-modal .notification-list { padding: 0; margin: 0; }
.notify-modal .notification-list li { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 10px 0; border-bottom: 1px solid #c4c4c4; margin: 0 0 10px 0; list-style: none; }
.notify-modal .notification-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.notify-modal .notification-list li .text { width: calc(100% - 120px); padding-right: 15px; }
.notify-modal .notification-list li .text .message { color:#008080; font-size:14px; font-weight:500;letter-spacing: 0.044em; }
.notify-modal .notification-list li .text p { margin:0px;font-size: 13px; color:#000;line-height:1;letter-spacing: 0.044em;  }
.notify-modal .notification-list li .text a { display: inline-block; margin-bottom: 5px; }
.notify-modal .notification-list li .btn-col { width: 120px; text-align: right; }
.notify-modal .notification-list li .btn-col .primary-white-btn {}
.modal-close { display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 32px; height: 32px; background: #fff; border: 1px solid #393635; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13); border-radius: 50%; }
.view-section .btn-row .downloadfilebtn { margin:5px 10px; }
.view-section .btn-row .backpagebtn { padding: 9px 30px; line-height: 20px; margin:5px 10px; }
.view-section .workflow-btns { flex-wrap:wrap; }
.uploads input[type="file"] { position: absolute; right: -9999px; visibility: hidden; opacity: 0;}
.uploads label { position: relative;  padding: 8px 20px; line-height: 20px; cursor: pointer;  background: #008080;  display: inline-block;  text-align: center; overflow: hidden; border-radius: 5px; font-size: 14px; color: #fff; top:10px;}
.submission-discuss-modal .uploads label { position: relative;  padding: 8px 20px; line-height: 20px; cursor: pointer;  background: #008080;  display: inline-block;  text-align: center; overflow: hidden; border-radius: 5px; font-size: 14px; color: #fff; top:0px;left: 0px;}

.uploads .files ul { list-style:none; padding:0; max-height:150px; overflow:auto; }
.uploads .files ul li { padding:8px; position:relative; font-size: 14px; border-bottom: 1px solid #C4C4C4; }
.uploads .files ul li i { cursor:pointer; position:absolute;  top:50%;  right:0;  transform:translatey(-50%); }
span.file-size {  color: #999;  padding-left: 0.5rem; }

.ui-datepicker { width: 20em; }
.ui-state-default,
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
	border: 1px solid rgba(196, 196, 196, 0.37);
    background: #E0EEEF;
} 
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight,
.ui-state-hover,
.ui-state-active {
	border: 1px solid #008080;
    background: #008080;
    color: #fff;
}

.fetchorcid-modal {}
.fetchorcid-modal .text { margin-bottom:10px; }
.fetchorcid-modal .text p { color:#393635; font-size:13px; line-height:16px; margin-bottom:5px; }
.fetchorcid-modal .table { border:1px solid #c4c4c4; }
.fetchorcid-modal .table thead th,
.fetchorcid-modal .table tbody td { padding:6px 10px; }
.fetchorcid-modal .table thead th { font-size:13px; font-weight:500; color:#fff; background-color:#008080; }
.fetchorcid-modal .table tbody td { font-size:13px; font-weight:400; color:#393635; }
.fetchorcid-modal .table tbody td:not(:last-child) { border-right:1px solid #c4c4c4; }
.fetchorcid-modal .table thead th:not(:last-child) { border-right:1px solid #fff; }
.fetchorcid-modal .table tbody td span { font-weight:500; color:#008080; }
.form-group.orcid { position:relative; } 
.form-group.orcid .fetch-orcid { position:absolute; right:10px; top:15px; } 

/*--New Design--*/
.dashboard-list .row > [class*="col-"] { margin-bottom: 30px; }
.dashboard-col { height: 100%; }
.dashboard-col a { background-color: #F6F6F6; border: 1px solid rgba(57,54,53,0.1); border-radius: 6px; letter-spacing: 0.03em; padding: 20px 20px 20px 34px; font-size: 22px; line-height: 32px; color: #2D2F2E; font-family: 'Lora', serif; font-weight: 700; height: 100%; align-items: center; display: flex; border-left: 6px solid #393635; }
.dashboard-col a:hover,
.dashboard-col a.active { background-color: rgba(0,128,128,0.1); border: 1px solid rgba(0,128,128,0.2); border-left: 6px solid #008080; }
.change-password-modal .modal-header { margin-bottom: 30px; }
.change-password-modal .profile-setting-form .btn-row .btn.btn-lg { min-width: 250px; }
.field-label-title { color: #2D2F2E; font-family: 'Lora', serif; font-weight: 600; font-size: 18px; letter-spacing: 0.03em; text-align: left; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(196,196,196,0.19); }
.field-label-title .required { color: #ff2a4e; }
.field-with-del {display: flex;gap: 0 16px;align-items: flex-start;}
.separator { border-top: 1px solid rgba(196,196,196,0.3); margin: 0 auto 15px auto; width: calc(100% - 60px); }
.submission-file-block .add-field-row.border-none { border-top: 0px solid rgba(196, 196, 196, 0.3); padding-top: 0px; margin-top: 0px; }
.submission-file-block .add-field-row .btn-row { justify-content: flex-start; margin-top: 0; }
.submission-file-block .add-field-row .btn.btn-lg { font-size: 16px; max-width: 250px; }
.submission-largerow .form-card { background-color: #F9FAFB; }
.submission-largerow .card .card-body { padding: 20px; }
.form-card .form-card-header .c-radio-group { padding: 9px 15px; background-color: rgba(57, 54, 53, 0.06); border: 1px solid rgba(57, 54, 53, 0.3); border-radius: 5px; gap: 20px; }
.form-card .form-card-header .c-radio-group > .c-radiobox { padding: 0; }
.show-form { display: none; border-top: 1px solid #C4C4C4; padding-top: 20px; margin-top: 20px; }
.show-form textarea.form-control { min-height: 100px; }
.show-form .row { margin-inline: -10px;}
.show-form .row > [class*="col-"] { padding-inline: 10px; }
.show-form .row > [class*="col-"] .form-group:last-child { margin-bottom: 0; }
.profile-column { max-width: 600px; }
.author-inforow { display: flex; flex-wrap: wrap; padding-right: 20px; width:calc(100% - 76px); }
#saveForLater { font-size:16px; font-weight:600; }
.submit-field-row .row.condition-col .condition-col-left,
.submit-field-row .row.condition-col .text-col-right { padding:0; }
.submit-field-row .row.condition-col .condition-col-left {display: flex;align-items: center;flex-wrap: wrap; }
.submit-field-row .row.condition-col .condition-col-left > label {margin-left: 0;}
.submit-field-row .row.condition-col .condition-col-left .c-radio-group > .c-radiobox { padding:0 0 0 20px; }
.radio-textarea-row .condition-col-left.funding-checkrow .c-radio-group > .c-radiobox { padding:0 18px; }




.orange-text { color: #FF9B21; }
.green-text { color: #00c323; }
.blue-text { color: #0058ff; }
.purple-text { color: #c30097; }
.inner-tabssection .nav-tabs { margin-bottom: 15px; gap: 5px; }
.inner-tabssection .nav-tabs .nav-link { font-size: 14px; color: #2D2F2E; letter-spacing: 0.03em; text-transform: uppercase; font-weight: 500; border: 1px solid rgba(0,128,128,0.2); padding: 10px 20px; line-height: 20px; border-radius: 0; cursor: pointer; border-bottom: 0px; border-radius: 4px 4px 0px 0px; }
.inner-tabssection .nav-tabs .nav-link.active { border-color: rgba(0, 128, 128, 0.2); background-color: rgba(0, 128, 128, 0.1); }
.inner-tabssection .nav-tabs .nav-link.add-new-round { background-color: rgba(57, 54, 53, 0.06); position: relative; padding-left: 30px; color: #008080; text-transform: none; }
.inner-tabssection .nav-tabs .nav-link.add-new-round:before { position: absolute; content: '+'; left: 15px; top: 10px; font-size: 20px; }
.inner-tabssection .nav-tabs .nav-link.add-new-round:hover { background-color: rgba(57, 54, 53, 1); border-color: rgba(57, 54, 53, 1); color: #fff; }
.inner-tabssection .nav-tabs li { margin-bottom:0px; }
.inner-tabssection .nav-tabs li.hide { display: none; }
.inner-tabssection .file-list > ul > li .col-left { width: calc(100% - 200px) }
.inner-tabssection .file-list > ul > li .col-right { width: 200px; }
.inner-tabssection .no-tabssection,
.inner-tabssection .no-tabssection p { font-size: 16px; line-height: 1.3; text-align: center; color: #2D2F2E; }
.review-rows:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid rgba(196,196,196,0.5); }
.review-rows .primary-btn { padding: 8px 12px; letter-spacing: 0.05em; line-height: 20px; }

.reviewers-list > ul { margin: 0; padding: 0; }
.reviewers-list > ul > li { margin: 0 0 10px 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #F9FAFB; border: 1px solid rgba(57,54,53,0.1); border-radius: 6px; padding: 5px; }
.reviewers-list > ul > li .left-col { display: flex; flex-wrap: wrap; width: calc(100% - 130px); }
.reviewers-list > ul > li .left-col .name { width: 40%; padding-right: 15px; }
.reviewers-list > ul > li .left-col .status-col { width: 30%; padding-right: 15px; }
.reviewers-list > ul > li .left-col .status-col .status { border-radius: 4px; font-size: 14px; letter-spacing: 0.02em; font-weight: 600; display: inline-block; margin-bottom: 4px; }
.reviewers-list > ul > li .left-col .status-col p { font-size: 14px; line-height: 18px; color: #2d2f2e; }
.reviewers-list > ul > li .left-col .detail { width: 30%; }
.reviewers-list > ul > li .left-col .detail p { font-size: 14px; line-height: 18px; color: #2d2f2e; }
.addreviewer-modal .modal-content { padding: 20px; border-radius: 10px; background: #fff; border: 1px solid #707070; }
.addreviewer-modal .modal-header { padding: 0 0 10px 0; border-bottom: 1px solid #c4c4c4; margin-bottom: 20px; }
.addreviewer-modal .modal-body { padding: 0; }
.addreviewer-modal .modal-body ul li { margin-bottom: 10px; }
.addreviewer-modal .modal-body ul li .c-checkbox label { font-size: 14px; padding-left: 32px; line-height: 22px; }
.addreviewer-modal .modal-body ul li .c-checkbox label:before { left: 0; top: 0; position: absolute; }
.addreviewer-modal .modal-footer { margin: 20px 0 0 0; border-top: 1px solid #c4c4c4; padding: 20px 0 0 0; }
.addreviewer-modal .modal-footer .btn-action { margin: 0; gap: 10px; }
.addreviewer-modal .modal-close { display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 32px; height: 32px; background: #fff; border: 1px solid #393635; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13); border-radius: 50%; }

.readreview-modal .modal-content { padding: 20px; border-radius: 10px; background: #fff; border: 1px solid #707070; }
.readreview-modal .modal-dialog { max-width: 830px; padding: 0 15px; }
.readreview-modal .modal-header { padding: 0 0 10px 0; border-bottom: 1px solid #c4c4c4; margin-bottom: 20px; align-items: flex-start; }
.readreview-modal .modal-header .modal-title { width: calc(100% - 50px); font-weight: 600; }
.readreview-modal .modal-header .modal-title span { color: #008080; display: block; }
.readreview-modal .modal-body { padding: 0; }
.readreview-modal .modal-body .heading { margin-bottom: 20px; }
.readreview-modal .modal-body .heading h3 { margin-bottom: 10px; }
.readreview-modal .modal-body .heading p { font-size: 14px; line-height: 1.4; }
.readreview-modal .modal-body .file-list > ul > li .col-left { width: calc(100% - 180px); }
.readreview-modal .modal-body .file-list > ul > li .col-right { width: 180px; }
.readreview-modal .modal-body .recommendation { display: block; margin-bottom: 10px; }
.readreview-modal .modal-body .recommendation p { font-size: 15px; line-height: 1.3; margin-bottom: 10px; }
.readreview-modal .modal-body .recommendation p:last-child { margin-bottom: 0; }
.readreview-modal .c-radio-group { display: block; padding: 0; }
.readreview-modal .c-radio-group > .c-radiobox { padding: 0; margin-bottom: 10px; }
.readreview-modal .c-radio-group > .c-radiobox label { font-size: 14px; }
.readreview-modal .c-radio-group > .c-radiobox span { color: #daa03c; }
.readreview-modal .modal-body .review-rows { border-bottom: none; }
.readreview-modal .modal-body .review-rows:not(:last-child) { margin-bottom: 40px; }
.readreview-modal .modal-body .sub-headings { padding-bottom: 15px; margin-bottom: 15px; }

.readreview-modal .modal-footer { margin: 20px 0 0 0; border-top: 1px solid #c4c4c4; padding: 20px 0 0 0; }
.readreview-modal .modal-footer .btn-action { margin: 0; gap: 10px; }
.readreview-modal .modal-close { display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 32px; height: 32px; background: #fff; border: 1px solid #393635; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13); border-radius: 50%; }

.assign-modal .status { width: 10px; height: 10px; border-radius: 10px; margin-left: 4px; display: inline-block; background-color: #bbb; }
.assign-modal .status.green { background-color: #00c323; }
.assign-modal .status.red { background-color: #ff0000; }
.nav-breadcrumbs.workflowpage { display: flex; justify-content: space-between; }
.nav-breadcrumbs.workflowpage .back-btn { font-size: 14px; margin-bottom: 10px;line-height: 19px; }


/*--03-07-2024--*/
.card .card-body .round-message { border-width: 1px 1px 1px 6px; border-style: solid; border-color: #b3b3b3 #b3b3b3 #b3b3b3 #008080; padding: 15px; }
.card .card-body .round-message h6 { font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 4px; }
.card .card-body .round-message p { font-size: 14px; line-height: 20px; color: #2d2f2e; }
.assigned-list > ul { margin: 0; padding: 0; }
.assigned-list > ul > li { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(196, 196, 196, 0.5); padding-bottom: 14px; margin-bottom: 10px; }
.assigned-list > ul > li:last-child { border-bottom: 0px; }
.assigned-list > ul > li .text h6 { font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 4px; text-transform: none;}
.assigned-list > ul > li .text p { font-size: 14px; line-height: 20px; color: #2d2f2e; margin-bottom: 5px; }
.assigned-list > ul > li .text .message { display: flex; align-items: center; font-size: 14px; line-height: 20px; color: #2d2f2e; }
.assigned-list > ul > li .text .message img { margin-right: 8px; }

.sub-headings.assigned .right-search { max-width: 336px; }
.content-row { margin-bottom: 25px; }
.content-row textarea.form-control { height:120px; }
.card .card-body .single-content .content-row.upload p { margin-bottom: 10px; }
.card .card-body .single-content .content-row.recommendation { margin-bottom: 10px; }
.card .card-body .single-content .content-row.recommendation p { margin-bottom: 10px; }
.card .card-body .single-content h5 { font-family: 'Lora', serif; font-size: 20px; font-weight: 700; color: #393635; line-height: 1.3; margin-bottom: 6px;text-transform: none; }
.card .card-body .single-content p { font-size: 16px; line-height: 24px; color: #2d2f2e; }
.card .card-body .single-content .c-checkbox label { display: inline-block; }
.card .card-body .single-content .btn-row { display: flex; justify-content: flex-end; }
.card .card-body .single-content .btn-row .btn-action { gap: 10px; }

.file-list.file-list-twocol > ul > li .col-left { width: calc(100% - 320px); }
.file-list.file-list-twocol > ul > li .col-right { width: 320px; gap: 15px; }
.file-list.file-list-twocol > ul > li .col-right .text { font-size: 14px; line-height: 18px; color: #2d2f2e; }
.uploads input[type="file"] { position: absolute; right: -9999px; visibility: hidden; opacity: 0; }
.uploads label { position: relative; padding: 8px 20px; line-height: 20px; cursor: pointer;	background: #008080; display: inline-block; text-align: center; overflow: hidden; border-radius: 5px; font-size: 14px; color: #fff; top:10px;left:10px; }
#view-modal-submission .uploads label, #add_discussion_copyediting .uploads label{ position: relative; padding: 8px 20px; line-height: 20px; cursor: pointer;	background: #008080; display: inline-block; text-align: center; overflow: hidden; border-radius: 5px; font-size: 14px; color: #fff;left: 0px;top: 0px;}
.discussion-section { margin-top:20px; }
.discussion-filelist { max-height: 420px; overflow-y: auto; }
.discussion-filelist .table { border:1px solid #dfdfdf; }
.discussion-filelist .table thead th { font-size:14px; font-weight:500; padding: 12px; }
.discussion-filelist .table tbody td { font-size:14px; padding: 12px; line-height: 20px; }
.discussion-filelist .table tbody .text { margin-bottom:6px; }
.discussion-filelist .table tbody .file-name {  margin-bottom: 6px; }
.discussion-filelist .table tbody .btns-row a { margin-right:10px; }
.discussion-filelist .table tbody .btns-row .delete { color:#FF2A4E; }
.review-submitted h2 { font-family: 'Lora', serif; font-size: 30px; font-weight: 700; letter-spacing: 0.03em; color: #2D2F2E; margin-bottom: 30px; }
.card .card-body.review-submitted p { font-size: 16px; line-height: 24px; color: #2d2f2e; }
.review-article h2 { font-family: 'Lora', serif; font-size: 30px; font-weight: 700; letter-spacing: 0.03em; color: #2D2F2E; margin-bottom: 30px; }
.tabs-section.review-article .inner-tabs > .nav-tabs .nav-item .nav-link { pointer-events: none; }

.top-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; }
.top-header .right-text { font-size: 32px; font-weight: 600; text-align: right; }
.pdfmiddle-content { padding: 30px 0; position: relative; font-size: 16px; line-height: 24px; }
.pdfmiddle-content h1 { font-size: 32px; line-height: 1.5; margin-bottom: 20px; }
.pdfmiddle-content h2 { font-size: 30px; line-height: 1.4; margin-bottom: 20px; }
.pdfmiddle-content h3 { font-size: 26px; line-height: 1.4; margin-bottom: 20px; }
.pdfmiddle-content h4 { font-size: 22px; line-height: 1.4; margin-bottom: 20px; }
.pdfmiddle-content h5 { font-size: 18px; line-height: 1.4; margin-bottom: 20px; }
.pdfmiddle-content h6 { font-size: 16px; line-height: 1.4; margin-bottom: 15px; }
.pdfmiddle-content p { margin-bottom: 25px; }
.pdfmiddle-content img { margin-bottom: 25px; }
.pdfmiddle-content .headings { position: relative; }
.pdfmiddle-content .headings h1 { text-align: center; position:relative;z-index:1; }
.pdfmiddle-content .headings .article { font-size: 50px; color: rgba(0, 0, 0, 0.1);  position: absolute; left: 50%; top: 24px; transform: translateX(-50%); }
.pdfmiddle-content .authors { margin-bottom: 20px; }
.pdfmiddle-content .authors ul { display: flex; justify-content: center; flex-wrap: wrap; margin: 0; padding: 0; }
.pdfmiddle-content .authors ul li { list-style: none; padding: 0 4px; font-size: 16px; line-height: 22px; margin: 4px 0; }
.pdfmiddle-content .submission-date { margin-bottom: 25px; }
.pdfmiddle-content .text ul { list-style-type: disc; padding: 0 0 0 40px; margin: 0 0 20px 0; }
.pdfmiddle-content .text ul li { margin-bottom: 5px; }


.red-text { color: #FF2A4E; }
.rich-blue-text { color: #038ACC; }
.black-text { color: #2D2F2E; }
.teal-text { color: #00BDBD; }
.blue-text { color: #2B44FF; }
.mahogany-text { color: #bb3e03; }
.green-text { color: #408a00; }
.gray-text { color: #697c9d; }
.inter-blue-text { color: #391fb7; }
.axolotl-text { color: #0d5b0a; }
.orange-text { color: #f45a12; }
.confirm-text { color:#008080;font-weight:500; font-size: 14px;letter-spacing: 0.02em; }


.border {
  /* Ensure no visible border is applied directly */
  border: none !important;
  position: relative; /* Needed for :after positioning */
}
.pdfmiddle-content table { border:1px solid #d7d7d7; margin-bottom: 15px; width: 100% !important; margin-left: 0px !important; border-collapse: collapse; line-height: 20px; font-size: 16px; }
.pdfmiddle-content table tbody tr th { font-weight: bold; padding:8px 10px; background-color: #ededed; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; color: #2d2f2e; }
.pdfmiddle-content table tbody tr td { padding: 6px 10px !important; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }

.pdfmiddle-content table thead td { color: #2d2f2e; font-weight: bold; padding:8px 10px !important; background-color: #ededed; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; color: #2d2f2e; }
.pdfmiddle-content table thead td p,
.pdfmiddle-content table thead td p span { font-weight:bold; color: #2d2f2e !important; }
.pdfmiddle-content table thead td p:last-child { margin-bottom:0 !important; }
.pdfmiddle-content table tbody tr td p:last-child { margin-bottom:0 !important; }


.border:after {background: #008080;content: "";display: block;height: 4px;margin-top: 15px;width: 10%;}
.border-center:after {margin-left: auto;margin-right: auto;}

.pdfmiddle-content p,
.pdfmiddle-content p span { font-family: 'Switzer' !important; margin: 0 0 20px 0 !important; font-size: 15px !important; line-height: 24px !important;letter-spacing: -0.03px !important; }
.pdfmiddle-content h1,
.pdfmiddle-content h1 span { font-family: 'Switzer' !important; font-size: 40px !important; line-height: 1.4 !important; color: #202020 !important; margin:0 0 10px 0 !important; }
.pdfmiddle-content h2,
.pdfmiddle-content h2 span { font-family: 'Switzer' !important; font-size: 23px !important; line-height: 1.4 !important; color: #202020 !important; margin:0 0 10px 0 !important; }
.pdfmiddle-content h3,
.pdfmiddle-content h3 span { font-family: 'Switzer' !important; font-size: 20px !important; line-height: 1.4 !important; color: #202020 !important; margin:0 0 10px 0 !important; }
.pdfmiddle-content h4,
.pdfmiddle-content h4 span { font-family: 'Switzer' !important; font-size: 24px !important; line-height: 1.4 !important; color: #202020 !important; margin:0 0 10px 0 !important; }
.pdfmiddle-content h5,
.pdfmiddle-content h5 span { font-family: 'Switzer' !important; font-size: 20px !important; line-height: 1.4 !important; color: #202020 !important; margin:0 0 10px 0 !important; }
.pdfmiddle-content h6,
.pdfmiddle-content h6 span { font-family: 'Switzer' !important; font-size: 18px !important; line-height: 1.4 !important; color: #202020 !important; margin:0 0 10px 0 !important; }

.pdfmiddle-content h1.border,
.pdfmiddle-content h2.border,
.pdfmiddle-content h3.border,
.pdfmiddle-content h4.border,
.pdfmiddle-content h5.border,
.pdfmiddle-content h6.border { margin: 0 0 20px 0 !important; }


.docsfiles > div { margin:0 !important;}

.article-figure { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; padding-bottom: 20px;}
.article-figure img { width:calc(50% - 10px); height:auto; }
#add_discussion_replay h6 { margin-bottom:10px; }

/*--Responsive--*/
@media (min-width: 768px) {
    .journal-infoform .row:last-child [class*="col-"] .form-group { margin-bottom: 0; }
}

@media (max-width: 1440px) {

}

@media (max-width: 1365px) {
    .upload-field-group .content .btn {padding: 8px 12px; margin-right: 10px;}
}

@media (max-width: 1199px) {
    .authpage-wrapper .auth-content-block {width: calc(100% - 460px);}
    .authpage-wrapper .auth-form-block {width: 460px;}
    .card .card-body { padding: 20px; }
    .tabs-section .inner-tabs > .nav-tabs .nav-item { margin-right: 35px; }
    .tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link { font-size: 16px; padding: 10px 15px; }
    .tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link:after { right: -14px; width: 24px; }
    .right-search { max-width: 300px; }
    .queue-list > li { padding: 15px; }
    .queue-list > li .content-col .number { min-width: 50px; }
    .queue-list > li .content-col .text { width: calc(100% - 50px); }
    .queue-list > li .right-col { gap: 10px; }
    .file-list > ul > li .col-right { padding-right: 0; }
    .view-section .sub-headings .right-search { max-width: 300px; }
    .sub-headings h3 { font-size:20px; }
    .dashboard-col a { padding: 15px 15px 15px 20px; font-size: 20px; line-height: 26px; }
    .hz-info-row { width: 50%; }
}

@media (max-width: 991px) {
    /* .navbar-wrapper .navbar-toggler {display: block;} */
    .authpage-wrapper .auth-content-block {width: calc(100% - 50%);}
    .authpage-wrapper .auth-form-block {width: 50%;}

    .welcome-title {font-size: 50px; line-height: 1.25;}
    .subject-title {font-size: 40px; line-height: 1.25;}
    .view-section .sub-headings .right-search { max-width: 100%; margin-top: 20px; }

    .form-desc {margin-bottom: 30px;}
    .btn-row-action {margin-top: 30px;}

    .tabs-section .inner-tabs > .nav-tabs .nav-item {margin-right: 30px;}

    .radio-textarea-row .condition-col-left {width: 100%;}
    .radio-textarea-row .text-col-right {width: 100%; padding-left: 0;}

    .sub-headings .right-content {width: 100%;flex: 0 0 100%;max-width: 100%;justify-content: flex-start;padding: 15px 0 0 0; align-items: center;}
    .sub-headings .right-content .btn {padding-inline: 10px;}

    .data-preview-row .label-left {width: 100%; margin-bottom: 10px; font-size: 16px;}
    .data-preview-row .content-right {width: 100%; padding-left: 0;}
    .sub-headings .datepicker-row .right-search { max-width:238px; margin-left:15px; }
    .ui-datepicker { width: 15em; }

    .reviewers-list > ul > li .left-col { row-gap: 10px; }
    .reviewers-list > ul > li .left-col .name,
    .reviewers-list > ul > li .left-col .status-col,
    .reviewers-list > ul > li .left-col .detail { width: 50%; }
}

@media (max-width: 767px) {
    .btn {padding: 8px 15px;}
    .btn.btn-lg {font-size: 16px; border-radius: 5px;}
    .form-group {margin-bottom: 20px;}
    .form-group > label, .form-group .label-with-link > label { margin: 0 0 10px 10px;}
    .form-group .help-inline-error, .form-group .help-inline-valid {padding-left: 10px;}
    .label-with-link {margin-bottom: 10px;}
    .form-control { min-height: auto;}
    .file-upload-control input[type="file"] {line-height: 24px;}
    select.form-control {background-size: 12px;}
    .c-checkbox label::before {width: 25px; height: 25px; border-radius: 4px;}
    .c-checkbox input[type="checkbox"]:checked + label::before {font-size: 20px;}

    .select2-container .cm-select {border-radius: 5px; min-height: auto;}
    .select2-container .cm-select .select2-selection__rendered {line-height: 24px; min-height: auto;}
    .select2-container--default .cm-select .select2-selection__arrow b {background-size: 12px;}

    .authpage-section {padding: 30px 0;}
    .authpage-wrapper .auth-content-block {width: 100%; padding-right: 0;}
    .authpage-wrapper .auth-form-block {width: 100%;}

    .welcome-title {font-size: 40px; line-height: 1.25; margin-bottom: 20px;}
    .subject-title {font-size: 36px; line-height: 1.25;}
    
    .authpage-wrapper .auth-form-block {padding-top: 30px; padding-bottom: 0;}
    .auth-form-block .form-title {font-size: 36px; margin-bottom: 20px;}

    .primary-link {font-size: 16px;}
    .seperation-dashed {margin: 15px 0;}
    .login-help-links ul {gap: 10px;}
    .login-help-links ul > li > a {font-size: 16px;}

    .footer-wrapper {padding: 15px 0;}
    .footer-links ul > li {padding-right: 15px;}
    .footer-links ul > li > a {font-size: 16px;}
    .footer-wrapper .identity-info {font-size: 30px; line-height: 1;}

    .tabs-section > .nav-tabs .nav-item .nav-link {padding: 10px 15px;}
    .card .card-body {padding: 15px;}
    .card .card-body > h3 {font-size: 24px; margin-bottom: 15px;}
    .card .card-body p {font-size: 16px; line-height: 1.5;}

    .profile-setting-form .btn-row .btn.btn-lg {min-width: auto; min-height: auto; font-size: 16px;}
    .btn-row {margin-top: 15px;}
    .queue-list > li .content-col { width: 100%; padding-right: 0;}
    .queue-list > li .content-col .content-col-info { align-items: flex-start;}
    .queue-list > li .content-col .number { min-width: 30px; line-height: 22px; }
    .queue-list > li .content-col .text { width: calc(100% - 30px); }
    .queue-list > li .right-col { width: 100%; justify-content: flex-start; padding-left: 30px; margin-top: 20px; }
    .tabs-section .inner-tabs > .nav-tabs .nav-item { margin: 0 15px 15px 0; }
    .tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link {border-right: 1px solid rgba(0,128,128,0.2);border-radius: 5px;padding: 6px 15px;}
    .tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link:after {display: none;}
    .tab-leftcolumn { margin-bottom: 30px; }
    .tab-rightcolumn { padding: 15px; }
    .view-section .card .card-body { padding: 20px 15px; }
    .view-section .section-info-title h4 { padding: 0; }

    .form-desc {font-size: 16px; line-height: 24px;}

    .c-checkbox label::before {width: 25px; height: 25px;}
    .c-checkbox-sm label::before {width: 20px; height: 20px; position: absolute; left: 0;}
    .c-checkbox-sm label {padding-left: 35px;}

    .listed-files ul {gap: 10px;}

    .policy-content-block {margin-bottom: 30px;}
    .policy-content-block h3 {font-size: 24px; line-height: 30px;}
    .policy-content-block p {font-size: 16px; line-height: 24px;}

    .form-group .note {font-size: 16px;}
    .add-field-row .btn.btn-lg {font-size: 16px;}
    .new-submission-accordion .accordion .accordion-item .accordion-header .accordion-button {font-size: 24px; line-height: 30px;}
    .new-submission-accordion .accordion .accordion-item .btn-action .btn {font-size: 16px; padding: 10px 15px; min-height: auto;} 
    .c-radio-group > .c-radiobox {padding: 0 15px !important;}
    .auth-radio-list > li .c-radiobox label {font-size: 16px;}
    .auth-radio-list > li {flex: 0 0 50%; max-width: 50%;}
    .submit-field-row + .submit-field-row, .submitted-field-groups + .submit-field-row {margin-top: 30px; padding-top: 30px;}
    .submit-field-row .col-lg-4.align-self-center > .form-group > label {display: none;}

    .auth-radio-list {gap: 15px 0;}

    .update-queue-list.queue-list > li .content-col .title-action-info .text {width: 100%;}
    .update-queue-list.queue-list > li .right-col {width: 100%; padding: 0;}

    .change_pwd_section {margin-top: 30px;}

    /* .update-queue-list.queue-list > li .content-col .number {min-width: 40px;}
    .update-queue-list.queue-list > li .content-col .submission-content {width: calc(100% - 40px);} */
    .file-list > ul > li .col-right .date-label { font-size: 13px; line-height: 16px; padding: 4px 8px; }
    .sub-headings .datepicker-row { gap:15px; }
    .sub-headings .datepicker-row .btn { width:33.33%; }
    .sub-headings .datepicker-row .right-search { margin-left:0; width: calc(33.33% - 15px); }
    .sub-headings .datepicker-row .right-search .form-control { min-height: 38px; }
    .sub-headings .datepicker-row .right-search .submit-btn { height:38px; }
    .form-group.orcid .fetch-orcid { top:5px; }
    .show-form .row > [class*="col-"]:not(:last-child) { margin-bottom: 20px;}
    .form-card .form-card-header .c-radio-group > .c-radiobox { padding: 0 !important;}
    .profile-column { max-width: 100%; }
    .hz-info-row { width: 100%; padding-right: 0; }
    .readreview-modal .c-radio-group > .c-radiobox { padding: 0 !important; }
    .file-list.file-list-twocol > ul > li .col-left { width: 100%; }
    .file-list.file-list-twocol > ul > li .col-right { width: 100%; justify-content: flex-start; }
}

@media (max-width: 639px) {
    .sub-headings .right-content .right-search {width: 100%;margin: 15px 0 0 0; max-width: 100%;}
    .sub-headings .datepicker-row { gap:0; }
    .sub-headings .datepicker-row .btn { width:auto; }
    .form-card .form-card-header { flex-wrap: wrap; }
    .form-card .form-card-header .card-title { width: 100%; margin-bottom: 15px; }
}

@media (max-width: 575px) {
    .welcome-title {font-size: 36px; line-height: 1.25; margin-bottom: 15px;}
    .subject-title {font-size: 30px; line-height: 1.25;}
    .auth-form-block .form-title {font-size: 30px; margin-bottom: 15px;}
    .primary-link {font-size: 14px;}
    .login-help-links ul > li > a {font-size: 14px;}
    
    .footer-wrapper .footer-content {flex-direction: column; align-items: flex-start;}
    .footer-wrapper .identity-info {font-size: 30px;  padding-top: 10px;}

    .upload-field-group .content .d-flex {flex-wrap: wrap;}
    .upload-field-group .content .btn {display: block; flex: 0 0 100%; max-width: 100%; margin: 0 0 10px 0; }
    .sub-headings { margin-bottom: 20px; }
    .right-search { max-width: 100%; margin-top: 20px; }
    .view-section .tabs-section > .nav-tabs { border: none; background-color: transparent; gap: 10px; }
    .view-section .tabs-section > .nav-tabs .nav-item { width: calc(50% - 5px); }
    .view-section .tabs-section > .nav-tabs .nav-item .nav-link { padding: 10px; text-align: center; border-radius: 5px; background-color: rgba(0,128,128,0.1); border: 1px solid rgba(0,128,128,0.2); }
    .view-section .tabs-section > .nav-tabs .nav-item .nav-link.active { background-color: #008080; }
    .view-section .tabs-section > .nav-tabs .nav-item:first-child .nav-link.active { border-radius: 5px; }
    .view-section .tabs-section > .nav-tabs .nav-item:last-child .nav-link.active { border-radius: 5px; }

    .multi-upload-field-group .browse-file {width: 120px;}
    .multi-upload-field-group .listed-files {width: calc(100% - 120px);}

    .queue-list > li .content-col .content-col-info {width: 100%; padding: 0 0 10px 0;}
    .queue-list > li .content-col .content-date {width: 100%; padding-left: 30px;}

    .custom-modal .modal-dialog {max-width: 90%; margin: 0 auto;}
    .custom-modal .modal-content {padding: 30px 15px;}
    .custom-modal .modal-title {font-size: 24px; line-height: 32px;}
    .custom-modal .modal-close {width: 26px; height: 26px;}
    .modal-msg-content h6 {font-size: 16px;}
    .custom-modal .modal-footer {margin-top: 30px;}
    .btn-action {gap: 0 10px;}
    .btn-action .btn {min-width: auto;}
    .new-submission-accordion .accordion .accordion-item {padding: 20px;}
    .new-submission-accordion .accordion .accordion-item .accordion-header .accordion-button {font-size: 20px; line-height: 34px;}
    .new-submission-accordion .accordion .accordion-item .accordion-header .accordion-button::after {width: 15px; height: 15px;}
    .new-submission-accordion .accordion .accordion-item {padding: 20px;}
    .submission-file-block {padding: 20px;}
    .field-label-info {font-size: 20px;}

    .auth-radio-list > li {flex: 0 0 100%; max-width: 100%;}

    .update-queue-list.queue-list > li .content-col .title-action-info .text h6 {font-size: 16px;}
    .detail-info-row label {width: 100%; margin-bottom: 5px;}
    .detail-info-row .info-desc {width: 100%; padding: 0;}

    .editable-submit-block .sortable-block > li .cursor-move {width: 18px; height: 18px; top: -5px; left: -5px;}
    .hz-info-row > label {width: 100%;}
    .hz-info-row .content {width: 100%; padding-left: 0;}
    .file-list > ul > li .col-left { width:100%; }
    .file-list > ul > li .col-right { width:100%; justify-content: flex-start; }
    .view-section .btn-row .backpagebtn, 
    .view-section .btn-row .downloadfilebtn { padding:9px 15px; }
    .dashboard-list .row > [class*="col-"] { margin-bottom: 20px; }

    .inner-tabssection .file-list > ul > li .col-left { width: 100%; }
    .inner-tabssection .file-list > ul > li .col-right { width: 100%; }
    .inner-tabssection .nav-tabs .nav-link { padding: 10px; }
    .reviewers-list > ul > li .left-col { width: 100%; margin-bottom: 10px; }
    .reviewers-list > ul > li .left-col .name,
    .reviewers-list > ul > li .left-col .status-col,
    .reviewers-list > ul > li .left-col .detail { width: 100%; padding: 0; }
    .addreviewer-modal .modal-content { padding: 20px 15px; }
    .readreview-modal .modal-dialog { padding: 0; }
    .readreview-modal .modal-content { padding: 20px 15px; }
    .readreview-modal .modal-body .file-list > ul > li .col-left { width: 100%; }
    .readreview-modal .modal-body .file-list > ul > li .col-right { width: 100%; }
}

@media (max-width: 479px) {
    .breadcrumb {margin-bottom: 20px;}
    .welcome-title {font-size: 30px;}
    .subject-title {font-size: 26px;}
    .auth-form-block .form-title {font-size: 26px;}
    .primary-link {font-size: 14px;}
    .login-help-links ul > li > a {font-size: 14px;}
    .footer-wrapper .identity-info {font-size: 26px;}

    .upload-field-group .image {width: 60px; height: 60px;}
    .upload-field-group .content {width: calc(100% - 60px);}

    .site-logo {max-width: 140px;}
    .profile-dropdown > a .profile-img {width: 36px; height: 36px;}
    .profile-dropdown > a .profile-info::after {width: 10px; height: 6px;}
    .profile-dropdown > a .profile-info {width: calc(100% - 36px); padding-right: 15px;}
    .profile-dropdown > a .profile-info h6 {font-size: 14px;}
    .profile-dropdown > a .profile-info p {font-size: 12px;}
    .dropdown-menu > li > a {font-size: 14px;}

    .section-info-title h2 {font-size: 24px; line-height: 1.25;}
    .tabs-section .inner-tabs > .nav-tabs .nav-item { width: 100%; margin: 0 0 10px 0; }
    .tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link { border-right: 1px solid rgba(0,128,128,0.2); border-radius: 5px; padding: 6px 15px; }
    .tabs-section .inner-tabs > .nav-tabs .nav-item .nav-link:after { display: none; }
    .file-list > ul > li .col-left { width: 100%; }
    .file-list > ul > li .col-right { width: 100%; justify-content: flex-start; margin-top: 20px;}

    .form-card .form-card-header .card-title {font-size: 16px;}
    .c-checkbox label {font-size: 14px; line-height: 1.5;}

    .multi-upload-field-group .browse-file {width: 100%; border-radius: 10px 10px 0 0;}
    .multi-upload-field-group .listed-files {width: 100%;}
    .uploaded-file-info .content {padding-left: 10px;}

    .policy-content-block {margin-bottom: 30px;}
    .policy-content-block h3 {font-size: 22px; line-height: 28px; margin-bottom: 15px;}
    .form-card .form-card-header .card-title {max-width: 100%;}
    .form-card .form-card-header .c-checkbox {padding-top: 5px; padding-left: 0;}

    .new-submission-accordion .accordion .accordion-item .btn-action .btn {font-size: 14px;}
    .profile-setting-form .btn-row.btn-col { gap: 10px; }
    .profile-setting-form .btn-row.btn-col .btn { font-size: 14px; padding: 8px 6px; }
}

@media (max-width: 375px) {

}