@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --heading: 'Plus Jakarta Sans', sans-serif;
    --text: 'Plus Jakarta Sans', sans-serif;
    --paragraph: 'Plus Jakarta Sans', sans-serif;
}

html, body {
    font-family: var(--text);
}

h1, h2, h3, h4, h5,th,td {
    font-family: var(--heading);  
}

/** Rapid Actions **/
.rapidAction > a, .rapidAction > [role] > a {
    font-size: 13px;
}

.rapidAction > div:not([role]) {
    font-size: 13px;
}

/** RapidAction rounded **/
.rapidAction.rounded > a, 
.rapidAction.rounded > [role] a, 
.rapidAction.rounded > .dropdown > button > span,
.rapidAction.rounded > div > .dropdown > button > span,
.rapidAction.rounded > div > form > button,
.rapidAction.rounded > [role] > div > form > button,
.rapidAction.rounded > div > form:not(.pill) > input[type="submit"],
.rapidAction.rounded > [role] > div > form > input[type="submit"],
.rapidAction.rounded > .dropdown > .dropdown-menu > li > a {
    font-size: 11px !important;
}

.rapidAction.rounded > div > .dropdown > .dropdown-menu > li {
    font-size: 12px;
}

/** Sidebar **/
.side-links {
    font-size: 11px;
    font-weight: 400 !important;
}

aside nav > div[x-data]:after {
    font-size: 12px;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
}

aside nav > a > span.badge {
    font-size: 10px;
}

/** Header **/
header > h1 {
    font-size: 16px;
    font-weight: 600;
}

header > p {
    font-size: 12px;
}

header > .header-actions > a, header > .header-actions > button, header > .header-actions > div > a, header > .header-actions > div > button {
    font-size: 12px;
    font-weight: 600;
}

/** Table **/
th[scope="col"] {
    font-size: 11px !IMPORTANT;
    font-weight: 700;
    text-transform: uppercase;
}

td {
    font-size: 12px !important;
    color: var(--color-special-800) !important;
}

aside nav > h1 {
    font-size: 12px;
    font-weight: 700;
}

/** PROCSS List Button **/
.procss__list-button > li > a {
    line-height: normal;
}

.procss__list-button > li > a > p {
    font-size: 12px;
    font-weight: 400;
}

/** Search box **/
.search-box > div label {
    font-weight: 700;
    font-size: 13px;
}

.search-box > div input, .search-box > div select {
    font-size: 12px;
}

/** dl list **/
.dl-list dt, .dl-list dd {
    padding: 10px;
    font-size: 12px;
}

.dl-list dt {
    font-weight: 700;
}

.dl-list > dl > div > dd {
    font-size: 19px;
    font-weight: 300;
}

.dl-list > dl > div > form > button, .dl-list > dl > div > dd > form > button[type="submit"] {
    font-size: 12px !important;
    font-weight: 700;
}

.dl-list > dl > div > dd > ul > li {
    font-size: 13px;
}

.dl-list > dl > div > dd > ul > li > form {
    margin: 0;
}

.dl-list > dl > div > dd > ul > li > form > button.btn.btn-danger {
    font-size: 10px;
}


/** Title boxed **/
.title-boxed > h3 {
    font-size: 12px;
    font-weight: 700;
}

/** Buttons **/
.btn.transparent {
    font-size: 12px;
}

/** Widget Box **/
.widget-box > h1 {
    font-weight: 700;
    font-size:12px;
}

.widget-box > p {
    font-size: 30px;
    font-weight: 100;
}

.widget-box > .widget-box-content > h1 {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.widget-box > .widget-box-content > p {
    font-size: 12px;
}

.widget-box > .widget-box-content > span {
    font-size: 30px;
    font-weight: 100;
}

/** Navigation page table **/
nav[role="navigation"] > div > div > p {
    font-size: 11px !important;
}


nav[role="navigation"] > div > div > p > span {
    font-weight: 700;
    font-size: 10px !important;
}

/** Select per page **/
select#per-page, select#transaction_per_page {
    font-size: 12px;
}

/** Calendar **/
.fc .fc-daygrid-day-number {
    text-decoration: none;
    font-size: 10px;
}

.fc .fc-col-header-cell-cushion {
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}

.fc-button {
    font-size: 12px !important;
    font-weight: 600 !important;
}

.fc-h-event {
    font-size: 11px;
    font-weight: 200;
}

.rounded-btn {
    font-size: 12px;
    font-weight: 600;
}

/** Any buttons **/
.procss_button {
    font-size: 11px;
    font-weight: 700;
}

/** ProCSS Buttons **/
.btn.procss-button {
    font-size: 12px;
    font-weight: 700;
}

.btn.procss-button > svg {
    margin-right: 12px;
    width: 16px;
    height: 16px;
    margin-left: -10px;
}

/** ProCSS Group Files **/
.procss-group-files > label {
    font-size: 11px;
    font-weight: 700;
}

/** Pill **/
.pill {
    font-size: 11px;
}

/** File uplaoder **/
.procss__input-file {
    font-size: 12px;
    font-weight: 600;
}

/** ProCSS Button Group **/
.procss__button-group > label {
    font-size: 11px;
}

/** ProCSS Form Input **/
.procss__form-input div > label {
    font-size: 12px;
    font-weight: 700;
}

.procss__form-input div > input:not(.tt-search-box-input), .procss__form-input div > .tt-search-box-input-container, .procss__form-input div > select, .procss__form-input div > textarea {
    font-size: 12px;
}

.procss__form-input .tt-search-box-input { 
    font-size:12px;
}

.procss__form-input .parsley-errors-list li {
    font-size: 12px;
}

.procss__form-input .form-check > div > label {
    font-size: 11px;
    font-weight: 400;
}

.procss__form-input div > input[type="checkbox"]:not(.tt-search-box-input)::before, .procss__form-input div > input[type="radio"]:not(.tt-search-box-input):before {
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    
}

.procss__form-input div > .dropdown > button {
    font-size: 12px;
    text-align: left;
}

.procss__form-input div > input[type="file"]::after {
    font-family: bootstrap-icons !important;
    font-size: 11px;
}

.procss__form-input div > input[type="file"]:hover::after {
    font-family: var(--text) !important;
}

.procss__form-input div .tt-search-box-result-list-container > div > span > span {
    font-size: 10px;
}

form > #products > div > button {
    font-size: 10px !important;
}

/** Form **/
form.container > h4.h4 {
    font-size: 12px;
    font-weight: 700;
}

button[type="submit"]#submit-btn, .container > form > button {
    font-size: 12px;
}

/** ProCSS Item List **/
.procss__item-list {
    font-size: 12px;
}

.procss__item-list > div > span {
    font-weight: 700;
    font-size: 12px;
}

.procss__item-list > div > .form-check label.form-check-label {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
}

.procss__item-list > div > .form-check .form-check-input {
    font-size: 15px !important;
}

.procss__item-list > div > a.btn {
    font-size: 11px;
    text-decoration: none;
}

.procss__item-list input[type="number"] {
    font-size: 13px;
}

.procss__item-list label {
    font-weight: 700;
    font-size: 11px;
}

.procss__item-list > div > div > a {
    font-size: 11px;
    font-weight: 300;
    text-decoration: none !important;
}

/** Modal **/
.modal-footer > button, .modal-footer > a, .modal-footer > form > button, .modal-footer > form > input[type="submit"] {
    font-size: 12px;
}

.modal-header > h3 > a {
    font-size: 11px;
}

.modal-body label {
    font-size: 12px;
    font-weight: 700;
}

.modal-body input, select {
    font-size: 12px !important;
}

.modal-body p {
    font-size: 13px;
}

.modal-body {
    font-size: 12px;
}

.modal-body > form > div > div > button:not(.text-red-500) {
    font-size: 12px;
    font-weight: 600;
}

/** Widget Modal **/
.widget-modal > div > div > a {
    font-size: 12px;
}

.widget-modal > div > div > p {
    font-size: 13px;
}

/** Widget status **/
.widget-status {
    font-size: 12px;
}

.widget-status > .widget-status-body > h1 {
    font-weight: 700;
}

.widget-status > .widget-status-body > span {
    line-height: 13px;
    font-size: 11px;
}

.widget-status > .widget-status-body > .counter {
    font-size: 22px;
    font-weight: 300;
}

/** FileList **/
ul.fileList[role="list"] > h2 {
    font-size: 11px;
}

ul.fileList[role="list"] > li > div > div > span {
    font-size: 12px;
    font-weight: 700;
}

ul.fileList[role="list"] > li > div > div > a, ul.fileList[role="list"] > li > div > div > form:not(:has(> input[type="file"])) {
    font-size: 11px;
}

ul.fileList[role="list"] > li > div > div > form > input[type="file"] {
    font-size: 11px;
    font-weight: 300;
}

ul.fileList[role="list"] > li > div > div > form > input[type="submit"], ul.fileList[role="list"] > li > div > div > form > button, ul.fileList[role="list"] > li > div > div > form > a {
    font-size: 12px !important;
}

/** User Sidebar **/
a.profile > span {
    font-size: 11px;
}

a.profile > span:before {
    font-weight: 800;
    font-size: 10px;
}

/** Widget title **/
.widget-title > div a {
    font-size: 11px;
    font-weight: 400;
}

/** Widget Tag **/
.widget-tag > span {
    font-weight: 300;
    font-size: 11px !important;
}

/** Button list **/
.button-list > a {
    font-size: 10px !important;
}

.button-list > a > i {
    font-size: 9px !important;
}

/** Table **/
table tbody > tr > td > a:not(> button)  {
    font-size: 11px !important;
    font-weight: 700;
}

td > .flex.overflow-hidden.bg-white.border.divide-x > a.btn-success {
    font-size: 11px;
}

td > form .procss__form-input div > input[type="file"] {
    font-size: 11px !important;
}

td > form .procss__form-input div:has(input[type="file"]) > button {
    font-size: 11px;
}

td > a.btn.btn-light {
    font-size: 11px;
}

/** Question List **/
.question-list {
    font-size: 12px;
}

.question-list .question-list__header > h1 {
    font-weight: 700;
    font-size: 11px;
}

.question-list .question-list__body > h2 {
    font-weight: 700;
}

/** Widget Mega Card **/
.widget__mega-card .widget__mega-card-content > div > h1 {
    font-size: 13px;
    font-weight: 800;
}

.widget__mega-card .widget__mega-card-content > div > h2 {
    font-size: 17px;
    font-weight: 700;
}

.widget__mega-card .widget__mega-card-content > div > p {
    font-size: 12px;
    font-weight: 300;
}

.widget__mega-card > .widget__mega-card-items > .widget__mega-card-item > div {
    font-size: 12px;
}

.widget__mega-card > .widget__mega-card-items > .widget__mega-card-item > div > h2 {
    font-size: 12px;
    font-weight: 700;
}

.widget__mega-card > .widget__mega-card-items > .widget__mega-card-item > p {
    font-weight: 300;
}

.widget__mega-card .widget__mega-card-content > * > .widget__mega-card-content-item > h2 {
    font-size: 12px;
    font-weight: 700;
}

.widget__mega-card .widget__mega-card-content > * > .widget__mega-card-content-item > ul > li {
    font-size: 12px;
}

.widget__mega-card .widget__mega-card-content > div > .widget__mega-card-tips > span {
    font-size: 12px;
}

.widget__mega-card > .widget__mega-card-items > .widget__mega-card-item > a {
    font-weight: 600;
}

/** Template List **/
.template-list > span {
    font-size: 12px;
    font-weight: 700;
}

.template-list > button {
    font-size: 11px;
}

.template-list > .dropdown > button {
    font-size: 11px;
}

/** Progress bar **/
.progressbar > .label {
    font-size: 10px;
}

/** Select tab **/
td form > .form-group-inputs select {
    font-size: 10px !important;
}

td form > .form-group-inputs button[type="submit"] {
    font-size: 10px !important;
}

/** Cards **/
.widget-card > .card p.card-text {
    font-size: 12px;
}

.widget-card > .card .card-footer > button {
    font-size: 11px;
    font-weight: 700;
}

.widget-card > .card .card-body p.text-sm.text-muted {
    font-size: 12px;
}

/** Page link active **/
.active>.page-link, .page-link.active {
    font-size: 12px;
}

/** Alert **/
div[role="alert"]:not(.invalid-feedback) {
    font-size: 12px;
}

/** Request buttons **/
.btnRequest {
    font-weight: 600;
    font-size: 12px;
}

/** Request buttons **/
.btnRequest {
    padding: 10px 20px;
    border-radius: 31px;
}

/** Request container **/
.requestContainer > form > h1 {
    font-size: 12px;
    font-weight: 600;
}

.requestContainer > form > p {
    font-size: 12px;
}

.requestContainer > form > textarea {
    font-size: 12px;
}

/** Answer Card **/
.anwser-card > div > strong.mb-4 {
    font-size: 12px;
}

.anwser-card > div > .list-group > li {
    font-size: 12px;
}

/** Alert **/
.alert {
    font-size: 12px;
} 

.answerQuestion > .card-header {
    font-size: 12px;
    font-weight: 700;
}

.answerQuestion > .card-body {
    font-size: 12px;
}

.answerQuestion > .card-body > textarea {
    font-size: 12px;
}

/** Widget checkbox **/
.widget-checkbox > * > h1 {
    font-weight: 700;
    font-size:12px;
}

.widget-checkbox > * > p {
    font-size: 12px;
}

/** UL LIST 2 **/
ul.ul--list-pro > li > div > span {
    font-size: 11px;
}

ul.ul--list-pro > li > div > a {
    font-size: 11px;
    font-weight: 700;
}