:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-heading-color: ; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; }
*, ::after, ::before { box-sizing: border-box; }
body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
hr { margin: 1rem 0px; color: inherit; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-color: initial; border-image: initial; border-top-style: solid; opacity: 0.25; }
p { margin-top: 0px; margin-bottom: 1rem; }
abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
dt { font-weight: 700; }
dd { margin-bottom: 0.5rem; margin-left: 0px; }
blockquote { margin: 0px 0px 1rem; }
b, strong { font-weight: bolder; }
sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
a { color: var(--bs-link-color); text-decoration: underline; }
a:hover { color: var(--bs-link-hover-color); }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; }
pre { display: block; margin-top: 0px; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; }
pre code { font-size: inherit; color: inherit; word-break: normal; }
code { font-size: 0.875em; color: var(--bs-code-color); overflow-wrap: break-word; }
a > code { color: inherit; }
kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; }
kbd kbd { padding: 0px; font-size: 1em; }
figure { margin: 0px 0px 1rem; }
img, svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: rgba(var(--bs-body-color-rgb),.75); text-align: left; }
th { text-align: -webkit-match-parent; }
tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0px; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[role="button"] { cursor: pointer; }
select { overflow-wrap: normal; }
select:disabled { opacity: 1; }
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
legend { float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
legend + * { clear: left; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
[type="search"] { outline-offset: -2px; appearance: textfield; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
::file-selector-button { font: inherit; appearance: button; }
output { display: inline-block; }
iframe { border: 0px; }
summary { display: list-item; cursor: pointer; }
progress { vertical-align: baseline; }
[hidden] { display: none !important; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; }
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col { flex: 1 0 0%; }
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); appearance: none; border-radius: 0.375rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control:focus { color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.form-control::-webkit-date-and-time-value { height: 1.5em; }
.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }
.form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: 1px; border-radius: 0px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: 1px; border-radius: 0px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: rgb(221, 224, 227); }
.form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: rgb(221, 224, 227); }
textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); }
.btn-check:disabled + .btn, .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: 0.65; }
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; }
.form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; }
.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: transparent; }
.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0px; }
.input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; }
.input-group .btn { position: relative; z-index: 2; }
.input-group .btn:focus { z-index: 3; }
.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.5rem; }
.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.25rem; }
.form-control.is-valid, .was-validated .form-control:valid { border-color: rgb(25, 135, 84); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(25, 135, 84); box-shadow: rgba(25, 135, 84, 0.25) 0px 0px 0px 0.25rem; }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index: 1; }
.input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { z-index: 3; }
.form-control.is-invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.25rem; }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index: 2; }
.input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { z-index: 3; }
.btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.375rem; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); }
.btn-check:focus + .btn, .btn:focus { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); }
.btn-check:active + .btn, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }
.btn-check:active + .btn:focus, .btn-check:checked + .btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus { box-shadow: var(--bs-btn-focus-box-shadow); }
.btn.disabled, .btn:disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); }
.btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49,132,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; }
.btn-group-lg > .btn, .btn-lg { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: 0.5rem; }
.btn-group-sm > .btn, .btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: 0.25rem; }
.btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; }
.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; }
.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px; }
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }
.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; }
.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px; }
.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; }
.btn .badge { position: relative; top: -1px; }
.placeholder.btn::before { display: inline-block; content: ""; }
.position-relative { position: relative !important; }
.pt-2 { padding-top: 0.5rem !important; }
.text-center { text-align: center !important; }
.text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important; }
.fa { display: inline-block; font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.fa-eye-slash::before { content: ""; }
.activity-box, .avatar, .cal-icon, .cals-icon, .cat-upload-view, .col, .contact-list > li .contact-cont, .experience-box, .experience-box .experience-list, .experience-box .experience-list li, .file-upload-popup, .file-wrap, .files-list > li .files-cont, .form-focus, .onoffswitch, .page-wrapper, .password-wrapper, .profile-view, .sidebar .sidebar-menu ul li, .switch, .task-follower-list span, .task-wrapper .task-list-footer, .two-col-bar .sidebar-menu ul li, .welcome-box, [data-layout-position="scrollable"] .main-wrapper, [data-layout-width="boxed"] .main-wrapper { position: relative; }
.attendance td, .attendance th.sorting, .avatar, .card-table .card-footer, .equal-height-cards .pricing-box, .file-wrap .file-sidebar .file-pro-list .file-scroll .show-more, .login .main-wrapper .account-content .account-box .account-wrapper .account-footer, .rating-list span.rating-normal, .request-btn, .user_import_form, body.users div#error_messages, td:not(:first-child), th, th:not(:first-child) { text-align: center; }
input[type="file"] { font-size: 16px; line-height: 34px; }
#toast-container, .error, .rolesPermission td, .table-striped tbody tr td:first-child, .text-danger, h2.table-avatar, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child, td.beneficiary_name, td.reason_clm, tr.user-activity-item { text-transform: capitalize; }
.avatar, .filter-row .btn { text-transform: uppercase; }
input[type="password"]::placeholder { color: rgb(149, 145, 145); }
input[type="text"]::placeholder { color: rgb(149, 145, 145); }
.add_designation_btn, .form-control, .select2-container--default .select2-selection--single, .sidebar .sidebar-menu ul li a:hover, .two-col-bar .sidebar-menu ul li a:hover, a#loginButton, div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_length select, select.selectCustom { border-radius: 10px; }
.form-control, .profile-view .profile-basic .profile-info-left .user-name, .table td h2 a, .welcome-box .welcome-det h3, [data-layout-mode="dark"] .time-list .dash-stats-list h4 { color: rgb(103, 103, 103); }
.form-control:focus { color: rgb(100, 100, 100); }
/* #loginButton, .header { background: rgb(164, 53, 147) !important; } */
#loginButton,
.header {
        background: linear-gradient(90deg, rgb(35 32 32) 0%, rgba(237,0,0,1) 50%, rgb(54 50 50) 100%) !important;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0px; padding: 0px; border: 0px; font-size: 100%; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; }
* { box-sizing: border-box; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::after, blockquote::before, q::after, q::before { content: none; }
table { border-spacing: 0px; width: 100%; border-collapse: collapse; }
input:focus, select:focus, textarea:focus { outline: 0px !important; box-shadow: none !important; }
h1 { font-size: 40px; }
h4 { font-size: 18px; }
body { font-family: CircularStd, sans-serif; font-size: 15px; background-color: rgb(247, 247, 247); overflow-x: hidden; color: rgb(108, 117, 125) !important; }
.container { width: 100%; max-width: 1140px; padding-left: 15px; padding-right: 15px; margin: 0px auto; }
img { max-width: 100%; height: auto; }
a { outline: 0px; cursor: pointer; transition: all 0.2s ease 0s; color: rgb(128, 116, 203); }
a:hover { color: rgb(125, 112, 209); transition: all 0.2s ease 0s; }
a:focus { outline: 0px; }
.form-group, p { margin-bottom: 1rem; }
strong { font-weight: 700; }
.avatar .avatar-title, .call-box .call-wrapper, .call-box .call-wrapper .call-items, .cat-upload, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon, .custom-modal .modal-content .modal-header, .dash-widget .card-body .dash-widget-icon, .delete-table, .error-page .main-wrapper, .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb, .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link, .kanban-cont .kanban-list .kanban-header .kanban-action > a, .login .main-wrapper, .punch-info .punch-hours, .rating-list, .rating-list span a, .sidebar-twocol.sidebar .nav-link, .voice-call-avatar, [data-sidebar="dark"] .two-col-bar .sidebar .sidebar-left .nav-link { justify-content: center; }
.asset-box .asset-history ul li, .asset-box .asset-info, .asset-box .assets-image ul, .assets-info li, .assets-info.assets-image ul, .assign-head, .assign-head .assign-content, .avatar .avatar-title, .board-view-header .pro-progress-bar, .board-view-header .pro-teams .pro-team-lead, .board-view-header .pro-teams .pro-team-members, .call-box .call-wrapper, .call-box .call-wrapper .call-items, .card .leave-inline-form, .cat-upload, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info a, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date a, .dash-section .dash-info-list .dash-card-container .dash-card-avatars, .dash-section .dash-info-list .dash-card-container .dash-card-content, .dash-section .dash-info-list .dash-card-container .dash-card-icon, .dash-widget .card-body .dash-widget-icon, .delete-table, .error-page, .error-page .main-wrapper, .file-cont-wrap .file-cont-inner .file-cont-header, .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb, .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link, .file-content .file-search .input-group-prepend, .file-wrap .file-sidebar .file-header, .file-wrap .file-sidebar .file-search .input-group .input-group-prepend, .header .user-menu.nav > li.flag-nav a, .job-list .job-list-det, .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-header .kanban-action > a, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info, .leave-header, .leave-item .leave-right, .login, .punch-info .punch-hours, .rating-list span a, .sidebar .sidebar-menu ul li a, .sidebar-twocol.sidebar .nav-link, .sidebar-twocol.sidebar .sub-menu a, .split-head, .table-imgname, .table-namesplit, .task-assign .task-complete-btn, .time-list .dash-stats-list, .two-col-bar .sidebar-menu ul li a, .voice-call-avatar, [data-layout="horizontal"] body nav.greedy, [data-sidebar="dark"] .two-col-bar .sidebar .sidebar-left .nav-link { align-items: center; -webkit-box-align: center; }
.asset-box .asset-history ul li, .asset-box .asset-info, .asset-box .assets-image ul, .assets-info li, .assets-info.assets-image ul, .assign-head, .assign-head .assign-content, .att-statistics .stats-info p, .avatar .avatar-title, .avatar-dropdown .avatar-group .avatar, .board-view-header .pro-progress-bar, .board-view-header .pro-teams .pro-team-lead, .board-view-header .pro-teams .pro-team-members, .call-box .call-wrapper, .call-box .call-wrapper .call-items, .card .card-title.with-switch, .card .leave-inline-form, .cat-upload, .chat-content-wrap .chat-wrap-inner .task-desc, .chat-content-wrap .chat-wrap-inner .task-desc .task-textarea, .chat-content-wrap .chat-wrap-inner .task-header, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info a, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date a, .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder, .chat-footer .message-bar .message-area .input-group, .chat-footer .task-followers, .chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .call-details, .dash-section .dash-info-list .dash-card, .dash-section .dash-info-list .dash-card-container, .dash-section .dash-info-list .dash-card-container .dash-card-avatars, .dash-section .dash-info-list .dash-card-container .dash-card-content, .dash-section .dash-info-list .dash-card-container .dash-card-icon, .dash-statistics .stats-info p, .dash-widget .card-body, .dash-widget .card-body .dash-widget-icon, .dash-widget .card-body .dash-widget-info, .delete-table, .error-page, .error-page .main-wrapper, .file-cont-wrap, .file-cont-wrap .file-cont-inner .file-cont-header, .file-cont-wrap .file-cont-inner .file-cont-header .file-options, .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb, .file-content .file-search .input-group-prepend, .file-wrap, .file-wrap .file-sidebar .file-header, .file-wrap .file-sidebar .file-search .input-group .input-group-prepend, .header .user-menu.nav > li.flag-nav a, .job-list .job-list-det, .kanban-cont, .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info, .kanban-cont .kanban-list .kanban-wrap .task-board-header, .leave-header, .leave-item .leave-right, .leave-item .leave-row, .login, .login .main-wrapper, .punch-info .punch-hours, .rating-list, .sidebar .sidebar-menu ul li a, .sidebar .sidebar-menu ul li.menu-title, .sidebar-twocol.sidebar, .sidebar-twocol.sidebar .nav-link, .sidebar-twocol.sidebar .sub-menu a, .split-head, .table-imgname, .table-namesplit, .task-assign .task-complete-btn, .task-board-color .board-color-list, .task-follower-list, .time-list, .time-list .dash-stats-list, .two-col-bar .sidebar-menu ul li a, .two-col-bar .sidebar-menu ul li.menu-title, .voice-call-avatar, .welcome-box, [data-layout="horizontal"] body nav.greedy, [data-sidebar="dark"] .two-col-bar .sidebar .sidebar-left .nav-link { display: flex; }
.file-cont-wrap, .file-wrap, .login .main-wrapper, .split-head, .task-board-color .board-color-list { flex-wrap: wrap; }
.col { width: auto; padding-left: 15px; padding-right: 15px; float: left; min-height: 1px; }
.btn-danger.active:not(:disabled):not(.disabled):focus, .btn-danger:active:not(:disabled):not(.disabled):focus, .btn-dark.active:focus:not(:disabled):not(.disabled), .btn-dark:active:focus:not(:disabled):not(.disabled), .btn-info.active:not(:disabled):not(.disabled):focus, .btn-info:active:not(:disabled):not(.disabled):focus, .btn-light.active:focus:not(:disabled):not(.disabled), .btn-light:active:focus:not(:disabled):not(.disabled), .btn-primary .active:focus:not(:disabled):not(.disabled), .btn-primary .show > .btn-primary.dropdown-toggle:focus, .btn-primary:active:focus:not(:disabled):not(.disabled), .btn-secondary.active:focus :not(:disabled):not(.disabled), .btn-secondary:active:focus :not(:disabled):not(.disabled), .btn-success.active:focus:not(:disabled):not(.disabled), .btn-success:active:focus:not(:disabled):not(.disabled), .btn-warning.active:not(:disabled):not(.disabled):focus, .btn-warning:active:not(:disabled):not(.disabled):focus, .btn.focus, .btn:focus, .page-link:focus, .show > .btn-danger.dropdown-toggle:focus, .show > .btn-dark.dropdown-toggle:focus, .show > .btn-info.dropdown-toggle:focus, .show > .btn-light.dropdown-toggle:focus, .show > .btn-secondary.dropdown-toggle:focus, .show > .btn-success.dropdown-toggle:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: unset; }
.dropdown-menu li > a.text-danger { color: rgb(246, 45, 81) !important; }
.btn-primary, .cancel-btn:hover, .continue-btn:hover, .emp_leaves_status_list .text-danger, .text-info, .text-purple, .text-success, .text-warning, [data-layout-mode="dark"] body .custom-table td, [data-layout-mode="light"][data-sidebar="dark"] nav.greedy button { color: rgb(255, 255, 255) !important; }
.btn-primary, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active .open > .dropdown-toggle.btn-primary, .btn-primary.active.focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active.focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active.focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active .open > .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus .open > .dropdown-toggle.btn-primary, .btn-primary:hover .open > .dropdown-toggle.btn-primary { background-color: rgb(164, 53, 147); border: 1px solid rgb(164, 53, 147); }
.btn-primary .active:not(:disabled):not(.disabled), .btn-primary .show > .btn-primary.dropdown-toggle, .btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:active:not(:disabled):not(.disabled), .btn-primary:disabled, .btn-primary:focus, .btn-primary:hover, .nav-tabs .nav-tabs-solid .active { background-color: rgb(164, 53, 147); border-color: rgb(164, 53, 147); color: rgb(255, 255, 255); }
.comp-section .btn, .project-title { margin: 0px 0px 5px; }
body.login .page-wrapper { left: unset; position: unset; transition: unset; margin: unset; padding: unset; }
.custom-modal .modal-content .modal-body, .login .main-wrapper .account-content .account-box .account-wrapper, .page-wrapper .content { padding: 30px; }
.attendance .dataTables_filter, .attendance-employee .dataTables_filter, .avatar-dropdown .dropdown-toggle::after, .backshowhide, .card-radio .form-check-input, .chat-contents .chat-content-wrap .chats .chat-bubble .chat-action-btns, .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu .profile-rightbar, .csv_custom, .employees-list .row.filter-row, .file-wrap.file-sidebar-toggle .file-sidebar, .flex.justify-between.flex-1.sm\:hidden, .greedy > button, .header .mobile-user-menu a::after, .logo2, .mini-sidebar .sidebar .sidebar-menu ul li a span, .onoffswitch .onoffswitch-checkbox, .pdf_custom, .profile-action .dropdown-toggle::after, .profile-widget .dropdown.profile-action .dropdown-toggle::after, .salary .dataTables_filter, .sidebar .sidebar-menu ul ul, .table-newdatatable .dataTables_info, .table-newdatatable .dataTables_length, .task-wrapper .task-list-body #task-list li .task-container .task-btn-right, .two-col-bar, .two-col-bar .sidebar-menu ul ul, [data-layout-mode="blue"] .header .logo2, [data-layout-mode="dark"] .header .logo2, [data-layout-mode="light"] .header .logo, [data-layout-mode="maroon"] .header .logo2, [data-layout-mode="orange"] body .header .header-left .logo2, [data-layout-mode="purple"] .header .logo2, [data-layout-style="detached"] #toggle_btn, [data-layout-width="boxed"] .main-wrapper #toggle_btn, [data-layout="horizontal"] body #layout-position, [data-layout="horizontal"] body #layout-width, [data-layout="horizontal"] body #sidebar-size, [data-layout="horizontal"] body #sidebar-view, [data-layout="horizontal"] body #toggle_btn, [data-layout="horizontal"] body .sidebar .sidebar-menu ul li.submenu .noti-dot::before, [data-layout="horizontal"] body nav.greedy ul.hidden-links.hidden, [data-layout="twocolumn"] #layout-position, [data-layout="twocolumn"] #layout-width, [data-layout="twocolumn"] #sidebar, [data-layout="twocolumn"] #sidebar-size, [data-layout="twocolumn"] #sidebar-view, [data-layout="twocolumn"] .mini-sidebar .sidebar .sidebar-right, [data-sidebar-size="md"] #toggle_btn, [data-sidebar-size="sm-hover"] #toggle_btn, [data-sidebar-size="sm-hover"] .two-col-bar .sidebar-right, [data-sidebar-size="sm-hover"] [data-layout="twocolumn"] .page-wrapper .sidebar .sidebar-right, [data-topbar="dark"] .header .logo2 { display: none; }
input[type="file"].form-control { height: 36px; }
.form-control { border-color: rgb(227, 227, 227); box-shadow: none; font-size: 15px; height: 44px; }
.cal-icon, .chat-content-wrap .chat-wrap-inner .task-desc .task-textarea, .file-wrap .file-sidebar .file-search .input-group, .flatpickr-wrapper, .login .main-wrapper, .team-members img, [data-layout="horizontal"] body ul.hidden-links ul li a { width: 100%; }
.form-focus .form-control { height: 50px; padding: 21px 12px 6px; }
.form-focus .form-control:focus { border-color: rgb(164, 53, 147); }
.header .top-nav-search form .form-control { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.15); color: rgb(255, 255, 255); height: 40px; padding: 10px 50px 10px 15px; border-radius: 50px; }
.header .top-nav-search form .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }
.header .top-nav-search form .btn { background-color: transparent; border-color: transparent; color: rgba(255, 255, 255, 0.7); min-height: 40px; position: absolute; top: 0px; right: 0px; padding: 7px 15px; }
.search-box .input-group .btn, .two-col-bar, [data-layout-mode="dark"] .chat-main-row .chat-main-wrapper .chat-window, [data-layout-mode="dark"] body.mini-sidebar .sidebar { background-color: transparent; }
.custom-modal .modal-content .modal-body .form-group { margin-bottom: 1rem; float: left; width: 100%; }
.chat-footer .task-followers, .custom-modal .modal-content .modal-body .add-group-btn .btn-primary, .dash-section .dash-info-list + .dash-info-list, .task-follower-list { margin-top: 15px; }
.filter-row .btn { min-height: 50px; padding: 12px; }
.form-control-sm.form-control { height: 30px; appearance: auto; border-radius: 0px; }
.backbtn, .term::after, [data-layout-position="scrollable"] .main-wrapper .sidebar, a#croped { position: absolute; }
[data-layout-mode="blue"] .btn-primary { background-color: rgb(0, 197, 251); border: 1px solid rgb(0, 197, 251); }
[data-layout-mode="maroon"] .btn-primary { background-color: rgb(244, 59, 72); border: 1px solid rgb(244, 59, 72); }
[data-layout-mode="purple"] .btn-primary { background-color: rgb(102, 126, 234); border: 1px solid rgb(102, 126, 234); }
[data-layout-style="detached"][data-layout="horizontal"] .main-wrapper { max-width: 100%; padding: 0px; }
[data-layout-style="detached"][data-layout="horizontal"] .main-wrapper .sidebar { top: 60px; border-radius: 0px; left: 0px; position: relative; }
[data-layout-style="detached"] .main-wrapper { max-width: 95%; margin: 0px auto; padding-left: 1.5rem; position: relative; }
[data-layout-style="detached"] .main-wrapper .sidebar { position: absolute; top: 80px; border-radius: 10px; left: 30px; }
[data-layout-style="detached"] .main-wrapper .sidebar.sidebar-twocol { top: 30px; left: 50px; }
[data-layout-mode="dark"] .file-content .file-search .form-control, [data-layout-mode="dark"] body { background-color: rgb(38, 50, 56); color: rgb(187, 196, 204); }
[data-layout-mode="dark"] .chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-content, [data-layout-mode="dark"] .chat-footer .message-bar .message-area .input-group .form-control, [data-layout-mode="dark"] .search-box .input-group, [data-layout-mode="dark"] .topics, [data-layout-mode="dark"] .w-sidebar, [data-layout-mode="dark"] body .activity-box .activity-list li, [data-layout-mode="dark"] body .dash-statistics .stats-info, [data-layout-mode="dark"] body .nav-tabs.nav-tabs-solid, [data-layout-mode="dark"] body .page-item .page-link, [data-layout-mode="dark"] body .select2-container--default .select2-selection--single, [data-layout-mode="dark"] body .stats-box, [data-layout-mode="dark"] body .table, [data-layout-mode="dark"] body .table .btn-white { background-color: rgb(22, 25, 28); border: 1px solid rgb(46, 56, 64); }
[data-layout-mode="dark"] body .dataTables_length .form-control { background-color: rgb(22, 25, 28); color: rgb(255, 255, 255); border: 1px solid rgb(46, 56, 64); }
[data-layout-mode="dark"] .view-icons .btn { background-color: rgb(22, 25, 28); border: 1px solid rgb(46, 56, 64); color: rgb(187, 196, 204); }
[data-layout-mode="dark"] .file-content .file-body, [data-layout-mode="dark"] .file-wrap .file-sidebar .file-pro-list, [data-layout-mode="dark"] .file-wrap .file-sidebar .file-search .form-control, [data-layout-mode="dark"] .sidebar { background-color: rgb(22, 25, 28); }
[data-layout-mode="dark"] .activity-box, [data-layout-mode="dark"] .att-statistics .stats-info, [data-layout-mode="dark"] .form-control, [data-layout-mode="dark"] .list-group-item, [data-layout-mode="dark"] .punch-det, [data-layout-mode="dark"] .punch-info .punch-hours, [data-layout-mode="dark"] .stats-info { border: 1px solid rgb(46, 56, 64); background: rgb(22, 25, 28); color: rgb(187, 196, 204); }
[data-layout-mode="dark"] .modal-body .form-control { border-color: rgb(227, 227, 227); box-shadow: none; background-color: transparent; color: rgb(187, 196, 204); }
[data-layout-mode="dark"] .file-wrap .file-sidebar .file-search .input-group .form-control { color: rgb(187, 196, 204); background-color: rgb(38, 50, 56); }
.split-head li .btn { padding: 12px; border-radius: 6px; }
.chat-footer .btn-custom, .job-list .job-types:hover, .profile-view .profile-basic .profile-info-left .staff-msg .btn-custom, .split-head li .btn:hover { background: rgb(164, 53, 147); color: rgb(255, 255, 255); }
.asset-box .asset-info, .assign-head, .dash-section, .error-page .main-wrapper .error-box p { margin-bottom: 30px; }
.asset-box .asset-info .asset-info-det ul li:last-child, .faq-card .card .card-header h4, .leave-item .leave-row .form-group, .punch-status .stats-box { margin-bottom: 0px; }
.cals-icon .form-control { padding: 10px 10px 10px 30px; }
.search-box .input-group .form-control { background: 0px 0px; border: none; }
textarea.form-control { resize: vertical; height: auto; }
.error-page .main-wrapper { flex-wrap: wrap; width: 100%; height: 100vh; }
.error-page .main-wrapper .error-box { max-width: 480px; text-align: center; width: 100%; margin: 0px auto; padding: 40px 0px; }
.error-page .main-wrapper .error-box h1 { color: rgb(164, 53, 147); font-size: 10em; }
.error-page .main-wrapper .error-box .btn-custom { background: linear-gradient(to right, rgb(164, 53, 147) 0px, rgb(252, 96, 117) 100%); color: rgb(255, 255, 255); }
.error-page .main-wrapper .error-box .btn, .submit-btn { font-size: 18px; font-weight: 600; min-width: 200px; padding: 10px 20px; border-radius: 50px; }
.file-wrap .file-sidebar .file-search .input-group .form-control { background-color: rgb(255, 255, 255); border-radius: 50px; padding-left: 36px; }
.file-content .file-search .form-control { background-color: rgb(255, 255, 255); padding-left: 36px; border-radius: 50px; }
.login .main-wrapper .account-content { padding: 20px 0px; }
.login .main-wrapper .account-content .account-box .otp-wrap, .login .main-wrapper .account-content .account-logo { margin-bottom: 30px; text-align: center; }
.login .main-wrapper .account-content .account-logo img { width: 40%; }
.login .main-wrapper .account-content .account-box { background-color: rgb(255, 255, 255); border: 1px solid rgb(237, 237, 237); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 0px; margin: 0px auto; overflow: hidden; width: 480px; border-radius: 4px; }
.login .main-wrapper .account-content .account-box .form-group { margin-bottom: 25px; }
.login .main-wrapper .account-content .account-box .account-wrapper .account-box .form-group label, .login .main-wrapper .account-content .account-box label { color: rgb(31, 31, 31); font-size: 16px; font-weight: 400; margin-bottom: 5px; }
.login .main-wrapper .account-content .account-box .form-control { background-color: rgb(251, 251, 251); border: 1px solid rgb(227, 227, 227); height: 46px; border-radius: 10px; }
.login .main-wrapper .account-content .account-box #toggle-password { cursor: pointer; margin-right: 1px; position: absolute; top: 15px; right: 10px; }
.login .main-wrapper .account-content .account-box .account-btn { background: linear-gradient(to right, rgb(164, 53, 147) 0px, rgb(252, 96, 117) 100%); border: 0px; display: block; font-size: 22px; width: 100%; border-radius: 10px; padding: 10px 26px; }
.login .main-wrapper .account-content .account-box .account-wrapper .account-title { font-size: 26px; font-weight: 500; margin-bottom: 5px; text-align: center; }
.login .main-wrapper .account-content .account-box .account-wrapper .account-subtitle { color: rgb(136, 136, 136); font-size: 18px; text-align: center; margin: 0px 0px 30px; }
.login .main-wrapper .account-content .account-box .account-wrapper .account-box .form-group { margin: 0px 0px 25px; }
.login .main-wrapper .account-content .account-box .account-wrapper .account-box .form-group .form-control { background-color: rgb(251, 251, 251); border: 1px solid rgb(227, 227, 227); height: 46px; border-radius: 4px; }
.login .main-wrapper .account-content .account-box .otp-wrap .otp-input { background-color: rgb(255, 255, 255); border: 1px solid rgb(227, 227, 227); display: inline-block; font-size: 24px; font-weight: 500; height: 70px; line-height: 29px; margin-right: 15px; text-align: center; width: 70px; border-radius: 4px; }
.login .main-wrapper .account-content .account-box .lock-user { margin-bottom: 20px; text-align: center; }
.login .main-wrapper .account-content .account-box .lock-user img { margin-bottom: 15px; width: 100px; }
.view-icons .btn { background-color: rgb(255, 255, 255); border: 1px solid rgb(227, 227, 227); color: rgb(136, 136, 136); font-size: 18px; min-width: 40px; margin: 0px 5px 0px 0px; padding: 4px; }
.leave-item .leave-right .btn + .btn, a.ui-datepicker-next.ui-corner-all { margin-left: 10px; }
.task-wrapper .task-list-footer .new-task-wrapper .btn { float: right; cursor: pointer; padding: 6px 12px; }
.chat-footer .message-bar .message-area .input-group .form-control { background-color: rgb(255, 255, 255); border: 1px solid rgb(234, 234, 234); box-shadow: none; color: rgb(85, 85, 85); display: block; font-size: 14px; height: 44px; margin: 0px; padding: 6px 12px; resize: none; }
.chat-footer .message-bar .message-area .btn { height: 44px; width: 50px; }
.password-wrapper i, .toggle-password { top: 50%; transform: translateY(-50%); cursor: pointer; }
.toggle-password { position: absolute; right: 17px; color: rgb(0, 0, 0); }
select { max-width: 100%; overflow-y: auto; cursor: pointer; border: none; outline: 0px; color: rgb(68, 68, 68); font-size: 18px; appearance: auto !important; }
select option { padding: 10px; margin-bottom: 8px; cursor: pointer; }
select option:hover { background-color: rgb(162, 47, 145); }
select option:checked { box-shadow: rgb(162, 47, 145) 0px 0px 10px 100px inset; }
select::-webkit-scrollbar-track { background-color: rgb(245, 245, 245); }
select::-webkit-scrollbar { width: 8px; background-color: rgb(245, 245, 245); }
span[aria-hidden="true"] { opacity: 1; color: rgb(164, 53, 147) !important; border-color: rgb(164, 53, 147) !important; background-color: rgb(255, 255, 255) !important; }
td { padding: 0.25rem 1.25rem !important; }
.text-danger, body.users .error { text-transform: unset !important; }
table thead { background-color: rgb(193, 193, 193); }