@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {--font-family-inter:'Inter', sans-serif; --primary-color:#5030E5; --rich-blue:#091F3F; --purple-color:#5D33E6;}
body {font-family:var(--font-family-inter); color:#888ea8; height:100%; font-size:0.875rem; background:#f1f2f3; overflow-x:hidden; overflow-y:auto; letter-spacing:0.0312rem;}
h1, h2, h3, h4, h5, h6 {color:var(--rich-blue);}

/* selection */
:focus {outline:none;}
::-moz-selection {color:var(--purple-color); background:transparent;}
::selection {color:var(--purple-color); background:transparent;}

p {margin-top:0; margin-bottom:0.625rem; color:#515365;}
hr {margin-top:20px; margin-bottom:20px; border-top:1px solid #191e3a;}
strong {font-weight:600;}
code {color:#e7515a;}
select.form-custom::-ms-expand {display:none;}

.custom-file-input:focus ~ .custom-file-label {border:1px solid #3b3f5c; box-shadow:none;}
.custom-file-input:focus ~ .custom-file-label::after {border:none; border-left:1px solid #3b3f5c;}

.lead a.btn.btn-primary.btn-lg {margin-top:15px; border-radius:4px;}


.toggle-code-snippet {border:none; background-color:transparent !important; padding:0px !important; box-shadow:none !important; color:#888ea8 !important; margin-bottom:-24px; border-bottom:1px dashed #bfc9d4; border-radius:0;}
.toggle-code-snippet svg {color:var(--purple-color);}

/* code-section */
.code-section-container {margin-top:20px; text-align:left;}
.code-section {padding:0; height:0;}
.code-section-container.show-code .code-section {margin-top:20px; height:auto;}
.code-section pre {margin-bottom:0; height:0; padding:0; border-radius:6px;}
.code-section-container.show-code .code-section pre {height:auto; padding:22px;}
.code-section code {color:#fff;}

/* blockquote */
blockquote.blockquote {color:#009688; padding:20px 20px 20px 14px; font-size:0.875rem; background-color:#1b2e4b; border-bottom-right-radius:8px; border-top-right-radius:8px; border:1px solid #1b2e4b; border-left:2px solid #009688;}
blockquote.blockquote > p {margin-bottom:0;}
blockquote .small:before, blockquote footer:before, blockquote small:before {content:'\2014 \00A0';}
blockquote .small, blockquote footer, blockquote small {display:block; font-size:80%; line-height:1.42857143; color:#888ea8;}
blockquote.media-object.m-o-border-right {border-right:4px solid #009688; border-left:none;}
blockquote.media-object .media .usr-img img {width:55px;}

/* list-icon */
.list-icon {list-style:none; padding:0; margin-bottom:0;}
.list-icon li:not(:last-child) {margin-bottom:15px;}
.list-icon svg {width:18px; height:18px; color:var(--purple-color); margin-right:2px; vertical-align:sub;}
.list-icon .list-text {font-size:14px; font-weight:600; color:#515365; letter-spacing:1px;}

a {color: #515365; outline:none;}
a:hover {color:#5c1aba; text-decoration:none;}
a:focus {outline:none; text-decoration:none;}

button:focus {outline:none;}

textarea {outline:none;}
textarea:focus {outline:none;}

.btn-link:hover {text-decoration:none;}

/* color */
span.blue {color:var(--purple-color);}
span.green {color:#8dbf42;}
span.red {color:#e7515a;}

/* form-control */
.form-group label, label {color:#acb0c3;}
.custom-control-input:disabled ~ .custom-control-label { cursor:no-drop;}
.form-control:disabled, .form-control[readonly] { cursor:no-drop;}
.form-control {height:auto;  font-size:15px; padding:8px 10px; letter-spacing:1px; height:calc(1.4em + 1.4rem + 2px); padding:.75rem 1.25rem; border-radius:6px;}
.form-control[type="range"] {padding:0;}
.form-control::-webkit-input-placeholder, .form-control::-ms-input-placeholder, .form-control::-moz-placeholder {font-size:15px;}
.form-control:focus::-webkit-input-placeholder, .form-control:focus::-ms-input-placeholder, .form-control:focus::-moz-placeholder {font-size:15px;}

@supports (-webkit-overflow-scrolling: touch) {
.form-control {color:#0e1726;}
}

/* custom-select */

.custom-select {height:auto; font-size:15px; padding:8px 10px; letter-spacing:1px; border:1px solid #1b2e4b;  background:#1b2e4b url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23009688' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;}
.custom-select.custom-select-lg {font-size:18px; padding:16px 20px;}
.custom-select.custom-select-sm {font-size:13px; padding:7px 16px;}

/* form-control-file */
.form-control-file {width:100%; color:#5c1ac3;}
.form-control-file::-webkit-file-upload-button {letter-spacing:1px; padding:9px 20px; text-shadow:none; font-size:12px; color:#fff; font-weight:normal; white-space:normal; word-wrap:break-word; transition:.2s ease-out; touch-action:manipulation; cursor:pointer; background-color:#5c1ac3; box-shadow:0px 0px 15px 1px rgba(113, 106, 202, 0.2); will-change:opacity, transform; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; border-radius:4px; border:transparent; outline:none;}
.form-control-file::-ms-file-upload-button {letter-spacing:1px; padding:9px 20px; text-shadow:none; font-size:14px; color:#fff; font-weight:normal; white-space:normal; word-wrap:break-word; transition:.2s ease-out; touch-action:manipulation; cursor:pointer; background-color:#5c1ac3; box-shadow:0px 0px 15px 1px rgba(113, 106, 202, 0.2); will-change:opacity, transform; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; border-radius:4px; border:transparent; outline:none;}
.form-control-file.form-control-file-rounded::-webkit-file-upload-button {-webkit-border-radius:1.875rem !important; -moz-border-radius:1.875rem !important; -ms-border-radius:1.875rem !important; -o-border-radius:1.875rem !important; border-radius:1.875rem !important;}

/* custom-file */
select.form-control.form-custom {display:inline-block; width:100%; height:calc(2.25rem + 2px); vertical-align:middle; background:#fff url(../img/arrow-down.png) no-repeat right 0.75rem center; background-size:13px 14px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.custom-file {height:auto;}
.custom-file input {height:auto;}
.custom-file-label {height:auto; border:1px solid #1b2e4b; color:#009688; font-size:15px; padding:8px 10px; letter-spacing:1px; background-color:#1b2e4b;}
.custom-file-label::after {height:auto; padding:8px 12px; color:#bfc9d4; background-color:#191e3a;}

/* input-group */
.input-group button:hover, .input-group .btn:hover, .input-group button:focus, .input-group .btn:focus {transform:none;}
.input-group .dropdown-menu {border:1px solid #1b2e4b; padding:10px; background:#1b2e4b;}
.input-group .dropdown-menu a.dropdown-item {border-radius:5px; font-size:12px; font-weight:400; color:#bfc9d4; padding:11px 8px;}
.input-group .dropdown-menu a.dropdown-item:hover {background-color:#0e1726;}
.input-group .dropdown-menu .dropdown-item:hover {background-color:#0e1726;}
.input-group .dropdown-divider {height:0; margin:.5rem 0; overflow:hidden; border-top:1px solid #3b3f5c;}
.input-group .input-group-prepend .input-group-text {border:1px solid #ced4da; background-color:#e0e6ed; color:#888ea8;}
.input-group .input-group-prepend .input-group-text svg {color:#888ea8;}
.input-group:hover .input-group-prepend .input-group-text svg {color:var(--purple-color); fill:rgba(27, 85, 226, 0.239216);}
.input-group .input-group-append .input-group-text {border:1px solid #ced4da; background-color:#e0e6ed; color:#888ea8;}
.input-group .input-group-append .input-group-text svg {color:#888ea8;}
.input-group:hover .input-group-append .input-group-text svg {color:var(--purple-color); fill:rgba(27, 85, 226, 0.239216);}

/* invalid valid */
.invalid-feedback {color:#e7515a; font-size:13px; letter-spacing:1px;}
.valid-feedback {color:#009688; font-size:13px; letter-spacing:1px;}
.valid-tooltip {background-color:#009688;}
.invalid-tooltip {background-color:#e7515a;}

.custom-select.is-valid, .form-control.is-valid {border-color:#009688; background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");}
.was-validated .custom-select:valid, .was-validated .form-control:valid {border-color:#009688; background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");}
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {color:#009688;}
.form-control.is-invalid, .was-validated .form-control:invalid {background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e7515a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");}
.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {color:#e7515a;}
.dropdown-toggle:after, .dropup .dropdown-toggle::after, .dropright .dropdown-toggle::after, .dropleft .dropdown-toggle::before {display:none;}

/* btn btn-group */
.btn {padding:0.4375rem 1.25rem; text-shadow:none; font-size:14px; color:#3b3f5c; font-weight:normal; white-space:normal; word-wrap:break-word; transition:.2s ease-out; touch-action:manipulation; cursor:pointer; background-color:#f1f2f3; box-shadow:0px 5px 20px 0 rgba(0, 0, 0, 0.1); will-change:opacity, transform; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.btn svg {width:20px; height:20px; vertical-align:bottom;}
.btn.rounded-circle {height:40px; width:40px; padding:8px 8px;}
.btn:hover, .btn:focus {color:#3b3f5c; background-color:#f1f2f3; border-color:#d3d3d3; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transform:translateY(-3px); transform:translateY(-3px);}
.btn-group .btn:hover, .btn-group .btn:focus {-webkit-transform:none; transform:none;}
.btn.disabled, .btn.btn[disabled] {background-color:#f1f2f3; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid rgba(0, 0, 0, 0.13);}
.btn.disabled:hover, .btn.btn[disabled]:hover {cursor:not-allowed;}
.btn .caret {border-top-color:#0e1726; margin-top:0; margin-left:3px; vertical-align:middle;}
.btn + .caret, .btn + .dropdown-toggle .caret {margin-left:0;}
.btn-group > .btn, .btn-group .btn {padding:8px 14px;}
.btn-group-lg > .btn, .btn-group-lg .btn {font-size:1.125rem;}
.btn-group-lg > .btn {padding:.625rem 1.5rem; font-size:16px;}
.btn-lg {padding:.625rem 1.5rem; font-size:16px;}

.btn-group > .btn.btn-lg, .btn-group .btn.btn-lg {padding:.625rem 1.5rem; font-size:16px;}
.btn-group-sm > .btn, .btn-sm {font-size:0.6875rem;}
.btn-group > .btn.btn-sm, .btn-group .btn.btn-sm {font-size:0.6875rem;}
.btn-group .dropdown-menu {border:1px solid #e5e5e6; padding:10px; border-image:initial; background:#fff;}
.btn-group .dropdown-menu a.dropdown-item {border-radius:5px; font-size:12px; font-weight:500; color:#888ea8; padding:11px 8px;}
.btn-group .dropdown-menu .dropdown-divider {border-top:1px solid #3b3f5c;}
.btn-group .dropdown-menu a.dropdown-item:hover, .btn-group .dropdown-menu .dropdown-item:hover {background-color:rgba(0, 0, 0, 0.075);}
.btn-group .dropdown-menu a.dropdown-item svg {cursor:pointer; color:#888ea8; margin-right:6px; vertical-align:middle; width:20px; height:20px; fill:rgba(0, 23, 55, 0.08);}
.btn-group .dropdown-menu a.dropdown-item:hover svg {color:var(--purple-color);}

/* dropdown */
.dropdown:not(.custom-dropdown-icon) .dropdown-menu {border:1px solid #e5e5e6; z-index:899; box-shadow:none; padding:10px; background:#fff;}
.dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item {border-radius:5px; font-size:12px; font-weight:500; color:#888ea8; padding:11px 8px;}
.dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item.active, .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:active {background-color:transparent; color:#bfc9d4; font-weight:700;}
.dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:hover {color:#888ea8; background-color:rgba(0, 0, 0, 0.075);}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow:none;}

/* show btn */
.show > .btn-primary.dropdown-toggle:focus {box-shadow:none;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-secondary.dropdown-toggle:focus {box-shadow:none;}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-success.dropdown-toggle:focus {box-shadow:none;}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-info.dropdown-toggle:focus {box-shadow:none;}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-danger.dropdown-toggle:focus {box-shadow:none;}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-warning.dropdown-toggle:focus {box-shadow:none;}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-dark.dropdown-toggle:focus {box-shadow:none;}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-outline-primary.dropdown-toggle:focus {box-shadow:none;}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-outline-success.dropdown-toggle:focus {box-shadow:none;}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-outline-info.dropdown-toggle:focus {box-shadow:none;}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-outline-danger.dropdown-toggle:focus {box-shadow:none;}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-outline-warning.dropdown-toggle:focus {box-shadow:none;}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-outline-secondary.dropdown-toggle:focus {box-shadow:none;}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.show > .btn-outline-dark.dropdown-toggle:focus {box-shadow:none;}
.btn.focus, .btn:focus {box-shadow:none;}
.btn-success:focus, .btn-info:focus, .btn-danger:focus, .btn-warning:focus, .btn-secondary:focus, .btn-dark:focus, .btn-outline-success:focus, .btn-outline-info:focus, .btn-outline-danger:focus, .btn-outline-warning:focus, .btn-outline-secondary:focus, .btn-outline-dark:focus .btn-light-default:focus, .btn-light-primary:focus, .btn-light-success:focus, .btn-light-info:focus, .btn-light-danger:focus, .btn-light-warning:focus, .btn-light-secondary:focus, .btn-light-dark:focus {box-shadow:none;}
.btn-primary {color:#fff !important; background-color:var(--purple-color) !important; border-color:var(--purple-color);}
.btn-primary:hover, .btn-primary:focus {color:#fff !important; background-color:var(--purple-color); box-shadow:none; border-color:var(--purple-color);}
.btn-primary:active, .btn-primary.active {background-color:var(--purple-color); border-top:1px solid var(--purple-color);}
.btn-primary.disabled, .btn-primary.btn[disabled], .btn-primary:disabled {background-color:var(--purple-color); border-color:var(--purple-color); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover {color:#fff !important; background-color:#2aebcb; border-color:#2aebcb;}
.btn-primary.focus:active {color:#fff !important; background-color:#2aebcb; border-color:#2aebcb;}
.btn-primary:active:focus, .btn-primary:active:hover {color:#fff !important; background-color:#2aebcb; border-color:#2aebcb;}
.open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {color:#fff !important; background-color:#2aebcb; border-color:#2aebcb;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {color:#fff !important; background-color:var(--purple-color); border-color:var(--purple-color);}
.show > .btn-primary.dropdown-toggle {color:#fff !important; background-color:var(--purple-color); border-color:var(--purple-color);}
.btn-primary .caret {border-top-color:#fff;}
.btn-group.open .btn-primary.dropdown-toggle {background-color:#c2d5ff;}
.btn-secondary {color:#fff !important; background-color:#5c1ac3; border-color:#5c1ac3;}
.btn-secondary:hover, .btn-secondary:focus {color:#fff !important; background-color:#5c1ac3; box-shadow:none; border-color:#5c1ac3;}
.btn-secondary:active, .btn-secondary.active {background-color:#5c1ac3; border-top:1px solid #5c1ac3;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {color:#fff !important; background-color:#5c1ac3; border-color:#5c1ac3;}
.show > .btn-secondary.dropdown-toggle {color:#fff !important; background-color:#5c1ac3; border-color:#5c1ac3;}
.btn-secondary.disabled, .btn-secondary.btn[disabled], .btn-secondary:disabled {background-color:#5c1ac3; border-color:#5c1ac3; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-secondary .caret {border-top-color:#fff;}
.btn-info {color:#fff !important; background-color:#2196f3; border-color:#2196f3;}
.btn-info:hover, .btn-info:focus {color:#fff !important; background-color:#2196f3; box-shadow:none; border-color:#2196f3;}
.btn-info:active, .btn-info.active {background-color:#2196f3; border-top:1px solid #2196f3;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active {color:#fff !important; background-color:#2196f3; border-color:#2196f3;}
.show > .btn-info.dropdown-toggle {color:#fff !important; background-color:#2196f3; border-color:#2196f3;}
.btn-info.disabled, .btn-info.btn[disabled], .btn-info:disabled {background-color:#2196f3; border-color:#2196f3; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover {color:#fff !important; background-color:#2196f3; border-color:#2196f3;}
.btn-info.focus:active {color:#fff !important; background-color:#2196f3; border-color:#2196f3;}
.btn-info:active:focus, .btn-info:active:hover {color:#fff !important; background-color:#2196f3; border-color:#2196f3;}
.open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {color:#fff !important; background-color:#2196f3; border-color:#2196f3;}
.btn-info .caret {border-top-color:#fff;}
.btn-group.open .btn-info.dropdown-toggle {background-color:#bae7ff;}
.btn-warning {color:#fff !important; background-color:#e2a03f; border-color:#e2a03f;}
.btn-warning:hover, .btn-warning:focus {color:#fff !important; background-color:#e2a03f; box-shadow:none; border-color:#e2a03f;}
.btn-warning:active, .btn-warning.active {background-color:#e2a03f; border-top:1px solid #e2a03f;}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active {color:#0e1726; background-color:#e2a03f; border-color:#e2a03f;}
.show > .btn-warning.dropdown-toggle {color:#0e1726; background-color:#e2a03f; border-color:#e2a03f;}
.btn-warning.disabled, .btn-warning.btn[disabled], .btn-warning:disabled {background-color:#e2a03f; border-color:#e2a03f; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover {color:#fff !important; background-color:#e2a03f; border-color:#e2a03f;}
.btn-warning.focus:active {color:#fff !important; background-color:#e2a03f; border-color:#e2a03f;}
.btn-warning:active:focus, .btn-warning:active:hover {color:#fff !important; background-color:#e2a03f; border-color:#e2a03f;}
.open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {color:#fff !important; background-color:#e2a03f; border-color:#e2a03f;}
.btn-warning .caret {border-top-color:#fff;}
.btn-group.open .btn-warning.dropdown-toggle {background-color:#df8505;}
.btn-danger {color:#fff !important; background-color:#e7515a; border-color:#e7515a;}
.btn-danger:hover, .btn-danger:focus {color:#fff !important; background-color:#e7515a; box-shadow:none; border-color:#e7515a;}
.btn-danger:active, .btn-danger.active {background-color:#e7515a; border-top:1px solid #e7515a;}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active {color:#fff !important; background-color:#e7515a; border-color:#e7515a;}
.show > .btn-danger.dropdown-toggle {color:#fff !important; background-color:#e7515a; border-color:#e7515a;}
.btn-danger.disabled, .btn-danger.btn[disabled], .btn-danger:disabled {background-color:#e7515a; border-color:#e7515a; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover {color:#fff !important; background-color:#c00; border-color:#c00;}
.btn-danger.focus:active {color:#fff !important; background-color:#c00; border-color:#c00;}
.btn-danger:active:focus, .btn-danger:active:hover {color:#fff !important; background-color:#c00; border-color:#c00;}
.open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {color:#fff !important; background-color:#c00; border-color:#c00;}
.btn-danger .caret {border-top-color:#fff;}
.btn-group.open .btn-danger.dropdown-toggle {background-color:#a9302a;}
.btn-dark {color:#fff !important; background-color:#3b3f5c; border-color:#3b3f5c;}
.btn-dark:hover, .btn-dark:focus {color:#fff !important; background-color:#3b3f5c; box-shadow:none; border-color:#3b3f5c;}
.btn-dark:active, .btn-dark.active {background-color:#3b3f5c; border-top:1px solid #3b3f5c;}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {color:#fff !important; background-color:#3b3f5c; border-color:#3b3f5c;}
.show > .btn-dark.dropdown-toggle {color:#fff !important; background-color:#3b3f5c; border-color:#3b3f5c;}
.btn-dark.disabled, .btn-dark.btn[disabled], .btn-dark:disabled {background-color:#3b3f5c; border-color:#3b3f5c; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-dark .caret {border-top-color:#fff;}
.btn-group.open .btn-dark.dropdown-toggle {background-color:#484848;}
.btn-success {color:#fff !important; background-color:#8dbf42; border-color:#8dbf42;}
.btn-success:hover, .btn-success:focus {color:#fff !important; background-color:#8dbf42; box-shadow:none; border-color:#8dbf42;}
.btn-success:active, .btn-success.active {background-color:#8dbf42; border-top:1px solid #8dbf42;}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active {color:#fff !important; background-color:#8dbf42; border-color:#8dbf42;}
.show > .btn-success.dropdown-toggle {color:#fff !important; background-color:#8dbf42; border-color:#8dbf42;}
.btn-success.disabled, .btn-success.btn[disabled], .btn-success:disabled {background-color:#8dbf42; border-color:#8dbf42; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover {color:#fff !important; background-color:#17c678; border-color:#17c678;}
.btn-success.focus:active {color:#fff !important; background-color:#17c678; border-color:#17c678;}
.btn-success:active:focus, .btn-success:active:hover {color:#fff !important; background-color:#17c678; border-color:#17c678;}
.open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {color:#fff !important; background-color:#17c678; border-color:#17c678;}
.btn-success .caret {border-top-color:#fff;}
.btn.box-shadow-none {border:none;}
.btn.box-shadow-none:hover, .btn.box-shadow-none:focus {border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background-color:transparent;}
.box-shadow-none {-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
.btn.box-shadow-none:not(:disabled):not(.disabled).active, .btn.box-shadow-none:not(:disabled):not(.disabled):active {border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background-color:transparent;}
.show > .btn.box-shadow-none.dropdown-toggle {border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background-color:transparent;}
.btn-group.open .btn-success.dropdown-toggle {background-color:#499249;}
.btn-dismiss {color:#0e1726; background-color:#fff !important; border-color:#fff; padding:3px 7px;}
.btn-dismiss:hover, .btn-dismiss:focus {color:#0e1726; background-color:#fff;}
.btn-dismiss:active, .btn-dismiss.active {background-color:#fff; border-top:1px solid #fff;}
.btn-group > .btn i {margin-right:3px;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0; border-bottom-right-radius:0; -webkit-box-shadow:0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12); box-shadow:0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12);}
.btn-group > .btn + .dropdown-toggle {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-group > .btn + .dropdown-toggle.btn-primary {border-left:1px solid #4468fd;}
.btn-group > .btn + .dropdown-toggle.btn-success {border-left:1px solid #a3c66f;}
.btn-group > .btn + .dropdown-toggle.btn-info {border-left:1px solid #49acfb;}
.btn-group > .btn + .dropdown-toggle.btn-warning {border-left:1px solid #f5b455;}
.btn-group > .btn + .dropdown-toggle.btn-danger {border-left:1px solid #f1848b;}
.btn-group > .btn + .dropdown-toggle.btn-dark {border-left:1px solid #70767a;}
.btn-group > .btn + .dropdown-toggle.btn-secondary {border-left:1px solid #8353dc;}
.btn-group.dropleft .dropdown-toggle-split {border-top-right-radius:0; border-bottom-right-radius:0;}
.btn-group.dropleft .btn-primary:not(.dropdown-toggle-split) {border-left:1px solid #4468fd;}
.btn-group.dropleft .btn-success:not(.dropdown-toggle-split) {border-left:1px solid #a3c66f;}
.btn-group.dropleft .btn-info:not(.dropdown-toggle-split) {border-left:1px solid #49acfb;}
.btn-group.dropleft .btn-warning:not(.dropdown-toggle-split) {border-left:1px solid #f5b455;}
.btn-group.dropleft .btn-danger:not(.dropdown-toggle-split) {border-left:1px solid #f1848b;}
.btn-group.dropleft .btn-dark:not(.dropdown-toggle-split) {border-left:1px solid #70767a;}
.btn-group.dropleft .btn-secondary:not(.dropdown-toggle-split) {border-left:1px solid #8353dc;}
.btn .badge.badge-align-right {position:absolute; top:-1px; right:8px;}
.dropup .btn .caret {border-bottom-color:#0e1726;}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {background-color:var(--purple-color); color:#fff !important;}
.show > .btn-outline-primary.dropdown-toggle {background-color:var(--purple-color); color:#fff !important;}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active {background-color:#8dbf42; color:#fff !important;}
.show > .btn-outline-success.dropdown-toggle {background-color:#8dbf42; color:#fff !important;}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active {background-color:#2196f3; color:#fff !important;}
.show > .btn-outline-info.dropdown-toggle {background-color:#2196f3; color:#fff !important;}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active {background-color:#e7515a; color:#fff !important;}
.show > .btn-outline-danger.dropdown-toggle {background-color:#e7515a; color:#fff !important;}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active {background-color:#e2a03f; color:#fff !important;}
.show > .btn-outline-warning.dropdown-toggle {background-color:#e2a03f; color:#fff !important;}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active {background-color:#5c1ac3; color:#fff !important;}
.show > .btn-outline-secondary.dropdown-toggle {background-color:#5c1ac3; color:#fff !important;}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active {background-color:#3b3f5c; color:#fff !important;}
.show > .btn-outline-dark.dropdown-toggle {background-color:#3b3f5c; color:#fff !important;}
.show > .btn-outline-primary.dropdown-toggle:after, .show > .btn-outline-success.dropdown-toggle:after, .show > .btn-outline-info.dropdown-toggle:after, .show > .btn-outline-danger.dropdown-toggle:after, .show > .btn-outline-warning.dropdown-toggle:after, .show > .btn-outline-secondary.dropdown-toggle:after, .show > .btn-outline-dark.dropdown-toggle:after, .show > .btn-outline-primary.dropdown-toggle:before, .show > .btn-outline-success.dropdown-toggle:before, .show > .btn-outline-info.dropdown-toggle:before, .show > .btn-outline-danger.dropdown-toggle:before, .show > .btn-outline-warning.dropdown-toggle:before, .show > .btn-outline-secondary.dropdown-toggle:before, .show > .btn-outline-dark.dropdown-toggle:before {color:#fff !important;}
.btn-outline-primary {border:1px solid var(--purple-color) !important; color:var(--purple-color) !important; background-color:transparent; box-shadow:none;}
.btn-outline-info {border:1px solid #2196f3 !important; color:#2196f3 !important; background-color:transparent; box-shadow:none;}
.btn-outline-warning {border:1px solid #e2a03f !important; color:#e2a03f !important; background-color:transparent; box-shadow:none;}
.btn-outline-success {border:1px solid #8dbf42 !important; color:#8dbf42 !important; background-color:transparent; box-shadow:none;}
.btn-outline-danger {border:1px solid #e7515a !important; color:#e7515a !important; background-color:transparent; box-shadow:none;}
.btn-outline-secondary {border:1px solid #5c1ac3 !important; color:#5c1ac3 !important; background-color:transparent; box-shadow:none;}
.btn-outline-dark {border:1px solid #3b3f5c !important; color:#3b3f5c !important; background-color:transparent; box-shadow:none;}
.btn-outline-primary:hover, .btn-outline-info:hover, .btn-outline-warning:hover, .btn-outline-success:hover, .btn-outline-danger:hover, .btn-outline-secondary:hover, .btn-outline-dark:hover {box-shadow:0px 5px 20px 0 rgba(0, 0, 0, 0.1);}
.btn-outline-primary:hover {color:#fff !important; background-color:var(--purple-color);}
.btn-outline-info:hover {color:#fff !important; background-color:#2196f3;}
.btn-outline-warning:hover {color:#fff !important; background-color:#e2a03f;}
.btn-outline-success:hover {color:#fff !important; background-color:#8dbf42;}
.btn-outline-danger:hover {color:#fff !important; background-color:#e7515a;}
.btn-outline-secondary:hover {color:#fff !important; background-color:#5c1ac3;}
.btn-outline-dark:hover {color:#fff !important; background-color:#3b3f5c;}
.btn-rounded {-webkit-border-radius:1.875rem !important; -moz-border-radius:1.875rem !important; -ms-border-radius:1.875rem !important; -o-border-radius:1.875rem !important; border-radius:1.875rem !important;}
.data-marker {padding:2px; border-radius:50%; font-size:18px; display:inline-flex; width:10px; height:10px; border-radius:50%; align-items:center; justify-content:center;}
.data-marker-success {background-color:#8dbf42;}
.data-marker-warning {background-color:#e2a03f;}
.data-marker-danger, .data-marker-info, .data-marker-dark {background-color:#e7515a;}

/* badge */
.badge {font-weight:600; line-height:1.4; padding:3px 6px; font-size:12px; font-weight:600; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.badge:hover {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -webkit-transform:translateY(-3px); transform:translateY(-3px);}
.badge.badge-enabled {background-color:#8dbf42; color:#fff;}
.badge.badge-disable {background-color:#e7515a; color:#fff;}
.badge-pills {border-radius:30px;}
.badge-classic {border-radius:0;}
.badge-collapsed-img img {width:40px; height:40px; border-radius:20px; border:2px solid #515365; margin-left:-21px;}
.badge-collapsed-img.badge-tooltip img {width:40px; height:40px; border-radius:20px; border:2px solid #ffffff; box-shadow:0px 0px 15px 1px rgba(113, 106, 202, 0.3); margin-left:-21px; -webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.badge-collapsed-img.badge-tooltip img:hover {-webkit-transform:translateY(-5px) scale(1.02); transform:translateY(-5px) scale(1.02);}
.badge-collapsed-img.translateY-axis img {-webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.badge-collapsed-img.translateY-axis img:hover {-webkit-transform:translateY(-5px) scale(1.02); transform:translateY(-5px) scale(1.02);}
.badge-collapsed-img.rectangle-collapsed img {width:45px; height:32px;}
.badge-collapsed-img.translateX-axis img {-webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.badge-collapsed-img.translateX-axis img:hover {-webkit-transform:translateX(5px) scale(1.02); transform:translateX(5px) scale(1.02);}
.badge-primary {color:#fff; background-color:var(--purple-color);}
.badge-info {color:#fff; background-color:#2196f3;}
.badge-success {color:#fff; background-color:#8dbf42;}
.badge-danger {color:#fff; background-color:#e7515a;}
.badge-warning {color:#fff; background-color:#e2a03f;}
.badge-dark {color:#fff; background-color:#3b3f5c;}
.badge-secondary {background-color:#5c1ac3;}

/* outline-badge */
.outline-badge-primary {color:var(--purple-color); background-color:transparent; border:1px solid var(--purple-color);}
.outline-badge-info {color:#2196f3; background-color:transparent; border:1px solid #2196f3;}
.outline-badge-success {color:#8dbf42; background-color:transparent; border:1px solid #8dbf42;}
.outline-badge-danger {color:#e7515a; background-color:transparent; border:1px solid #e7515a;}
.outline-badge-warning {color:#e2a03f; background-color:transparent; border:1px solid #e2a03f;}
.outline-badge-dark {color:#3b3f5c; background-color:transparent; border:1px solid #3b3f5c;}
.outline-badge-secondary {color:#5c1ac3; background-color:transparent; border:1px solid #5c1ac3;}
.outline-badge-primary:focus, .outline-badge-primary:hover {background-color:var(--purple-color); color:#c2d5ff;}
.outline-badge-secondary:focus, .outline-badge-secondary:hover {color:#dccff7; background-color:#5c1ac3;}
.outline-badge-success:focus, .outline-badge-success:hover {color:#e6ffbf; background-color:#8dbf42;}
.outline-badge-danger:focus, .outline-badge-danger:hover {color:#ffe1e2; background-color:#e7515a;}
.outline-badge-warning:focus, .outline-badge-warning:hover {color:#ffeccb; background-color:#e2a03f;}
.outline-badge-info:focus, .outline-badge-info:hover {color:#bae7ff; background-color:#2196f3;}
.outline-badge-dark:focus, .outline-badge-dark:hover {color:#acb0c3; background-color:#3b3f5c;}
.badge[class*="link-badge-"] {cursor:pointer;}

/* link-badge */
.link-badge-primary {color:var(--purple-color); background-color:transparent; border:1px solid transparent;}
.link-badge-info {color:#2196f3; background-color:transparent; border:1px solid transparent;}
.link-badge-success {color:#8dbf42; background-color:transparent; border:1px solid transparent;}
.link-badge-danger {color:#e7515a; background-color:transparent; border:1px solid transparent;}
.link-badge-warning {color:#e2a03f; background-color:transparent; border:1px solid transparent;}
.link-badge-dark {color:#3b3f5c; background-color:transparent; border:1px solid transparent;}
.link-badge-secondary {color:#5c1ac3; background-color:transparent; border:1px solid transparent;}
.link-badge-primary:focus, .link-badge-primary:hover {color:var(--purple-color); background-color:transparent;}
.link-badge-secondary:focus, .link-badge-secondary:hover {color:#6f51ea; background-color:transparent;}
.link-badge-success:focus, .link-badge-success:hover {color:#2ea37d; background-color:transparent;}
.link-badge-danger:focus, .link-badge-danger:hover {color:#e7515a; background-color:transparent;}
.link-badge-warning:focus, .link-badge-warning:hover {color:#dea82a; background-color:transparent;}
.link-badge-info:focus, .link-badge-info:hover {color:#009eda; background-color:transparent;}
.link-badge-dark:focus, .link-badge-dark:hover {color:#454656; background-color:transparent;}

/* custom-dropdown */
.custom-dropdown .dropdown-toggle::after, .custom-dropdown-icon .dropdown-toggle::after, .custom-dropdown .dropdown-toggle::before, .custom-dropdown-icon .dropdown-toggle::before {display:none;}
.custom-dropdown .dropdown-menu, .custom-dropdown-icon .dropdown-menu {min-width:11rem; border-radius:4px; border:none; border:1px solid #e0e6ed; z-index:899; box-shadow:none; top:15px !important; padding:10px; border-width:initial; border-style:none; border-color:initial; border-image:initial; background:#1b2e4b;}
.custom-dropdown .dropdown-item.active, .custom-dropdown .dropdown-item:active, .custom-dropdown .dropdown-item:hover {color:#888ea8; background-color:#0e1726;}
.custom-dropdown-icon .dropdown-item.active, .custom-dropdown-icon .dropdown-item:active, .custom-dropdown-icon .dropdown-item:hover {color:#888ea8; background-color:#0e1726;}
.custom-dropdown .dropdown-item {font-size:13px; color:#888ea8; display:block; font-weight:700; padding:11px 8px; font-size:12px; border-radius:4px;}
.custom-dropdown-icon .dropdown-item {font-size:13px; color:#888ea8; display:block; font-weight:700; padding:11px 8px; font-size:12px; border-radius:4px;}
.custom-dropdown-icon .dropdown-menu .dropdown-item svg {width:20px; height:20px; margin-right:3px; color:#888ea8;}
.custom-dropdown .dropdown-item.active svg, .custom-dropdown .dropdown-item:active svg, .custom-dropdown .dropdown-item:hover svg {color:var(--purple-color);}
.custom-dropdown-icon .dropdown-item.active svg, .custom-dropdown-icon .dropdown-item:active svg, .custom-dropdown-icon .dropdown-item:hover svg {color:var(--purple-color);}

.status.rounded-tooltip .tooltip-inner {border-radius:20px; padding:8px 20px;}
.tooltip-inner {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.popover {z-index:999; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); border-bottom-color:#b3b3b3;}
.help-block, .help-inline {color:#555555;}
.controls {position:relative;}
.search-form-control {border-radius:.25rem;}

/* table */
.table-bordered {border:1px solid #f1f2f3;}
.table-striped tbody tr:nth-of-type(odd) {background-color:rgba(25, 30, 58, 0.631373) !important;}
.table > tbody > tr > td {vertical-align:middle; color:#515365; font-size:13px; letter-spacing:1px;}
.table > thead > tr > th {color:var(--purple-color); font-weight:700; font-size:13px; letter-spacing:1px; text-transform:uppercase;}
.table > tbody > tr > td .usr-img-frame {background-color:#bfc9d4; padding:2px; width:35px; height:35px;}
.table > tbody > tr > td .usr-img-frame img {width:35px; margin:0;}
.table > tbody > tr > td .admin-name {font-weight:700; color:#515365;}
.table > tbody > tr > td .progress {width:135px; height:6px; margin:auto 0;}
.table > tbody > tr > td svg.icon {width:21px;}
.table > tbody > tr > td .t-dot {background-color:#000; height:11px; width:11px; border-radius:50%; cursor:pointer; margin:0 auto;}
.table > tbody > tr > td svg.t-icon {padding:5px; border-radius:50%; font-size:11px; vertical-align:sub; cursor:pointer;}
.table > tbody > tr > td svg.t-icon.t-hover-icon:hover {background-color:#e7515a; color:#fff;}
.table-bordered td, .table-bordered th {border:1px solid #ebedf2;}
.table thead th {vertical-align:bottom; border-bottom:none;}
.table-hover:not(.table-light) tbody tr:hover {background-color:rgba(25, 30, 58, 0.631373);}
.table-controls > li > a svg {color:#25d5e4;}
.table tr td .custom-dropdown.t-custom-dropdown a.dropdown-toggle, .table tr td .custom-dropdown-icon.t-custom-dropdown a.dropdown-toggle {border-radius:5px; border:1px solid #d3d3d3;}
.table-controls > li > a svg {color:#888ea8; width:21px;}

.table.table > tbody > tr > td i.t-icon {padding:5px; border-radius:50%; font-size:14px; vertical-align:sub; cursor:pointer; color:#0e1726 !important;}
.table.table-light > thead > tr > th {color:#d3d3d3;}
.table.table-light > tbody > tr > td {color:#ffffff;}
.table-light {background-color:#3b3f5c !important;}
.table-light.table-hover tbody tr {background-color:#3b3f5c;}
.table-light td, .table-light th, .table-light thead th {border-bottom:1px solid rgba(136, 142, 168, 0.313725) !important;}
.table-light.table-hover tbody tr:hover {background-color:rgba(25, 30, 58, 0.631373);}
.table.table-light > tbody > tr > td i.t-icon {padding:5px; border-radius:50%; font-size:14px; vertical-align:sub; cursor:pointer; color:#0e1726 !important;}
table .badge-success, table .badge-primary, table .badge-warning, table .badge-danger, table .badge-info, table .badge-secondary, table .badge-dark {box-shadow:0px 5px 20px 0 rgba(0, 0, 0, 0.2); will-change:opacity, transform; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.table > tfoot > tr > th {color:#e0e6ed;}
.table-vertical-align tr, .table-vertical-align th, .table-vertical-align td {vertical-align:middle !important;}
.statbox .widget-content:before, .statbox .widget-content:after {display:table; content:""; line-height:0; clear:both;}
.nav-tabs > li > a {-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;}
.btn-toolbar {margin-left:0px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast:active) {
.input-group > .form-control {flex:1 1 auto; width:1%;}
}

.spin {-webkit-animation:spin 2s infinite linear; animation:spin 2s infinite linear;}

@keyframes spin {
0% {-webkit-transform:rotate(0deg); transform:rotate(0deg);}
100% {-webkit-transform:rotate(359deg); transform:rotate(359deg);}
}

@-webkit-keyframes spin {
0% {-webkit-transform:rotate(0deg); transform:rotate(0deg);}
100% {-webkit-transform:rotate(359deg); transform:rotate(359deg);}
}

/* toast-header */
.toast-primary {background:var(--purple-color);}
.toast-header {background:var(--purple-color); color:#fff; border-bottom:1px solid rgba(33, 150, 243, 0.341176);}
.toast-header .meta-time {color:#f1f2f3;}
.toast-header .close {color:#f1f2f3; opacity:1; text-shadow:none;}

/* background-color */
.toast-body {padding:16px 12px; color:#fff;}
.bg-primary {background-color:var(--purple-color) !important; border-color:var(--purple-color); color:#fff;}
.bg-success {background-color:#8dbf42 !important; border-color:#8dbf42; color:#fff;}
.bg-info {background-color:#2196f3 !important; border-color:#2196f3; color:#fff;}
.bg-warning {background-color:#e2a03f !important; border-color:#e2a03f; color:#fff;}
.bg-danger {background-color:#e7515a !important; border-color:#e7515a; color:#fff;}
.bg-secondary {background-color:#5c1ac3 !important; border-color:#5c1ac3; color:#fff;}
.bg-dark {background-color:#fff; border-color:#3b3f5c; color:#fff;}
.bg-light-primary {background-color:#c2d5ff !important; border-color:#c2d5ff; color:#2196f3;}
.bg-light-success {background-color:#e6ffbf !important; border-color:#e6ffbf; color:#8dbf42;}
.bg-light-info {background-color:#bae7ff !important; border-color:#bae7ff; color:#2196f3;}
.bg-light-warning {background-color:#ffeccb !important; border-color:#ffeccb; color:#e2a03f;}
.bg-light-danger {background-color:#ffe1e2 !important; border-color:#ffe1e2; color:#e7515a;}
.bg-light-secondary {background-color:#dccff7 !important; border-color:#dccff7; color:#5c1ac3;}
.bg-light-dark {background-color:#acb0c3; border-color:#acb0c3; color:#fff;}

/* progress */
.progress {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background-color:#191e3a; margin-bottom:1.25rem; height:16px; box-shadow:none;}
.progress.progress-bar-stack .progress-bar:last-child {border-top-right-radius:16px; border-bottom-right-radius:16px;}
.progress .progress-bar {font-size:10px; font-weight:700; box-shadow:0 2px 4px rgba(0, 69, 255, 0.15), 0 8px 16px rgba(0, 69, 255, 0.2); font-size:12px; letter-spacing:1px; font-weight:100;}
.progress:not(.progress-bar-stack) .progress-bar {border-radius:16px;}
.progress-sm {height:4px;}
.progress-md {height:10px;}
.progress-lg {height:20px;}
.progress-xl {height:25px;}
.progress-striped .progress-bar {background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress .progress-title {display:flex; justify-content:space-between; padding:15px;}
.progress .progress-title span {align-self:center;}
.progress .progress-bar.bg-gradient-primary {background-color:var(--purple-color); background:linear-gradient(to right, #0081ff 0%, #0045ff 100%);}
.progress .progress-bar.bg-gradient-info {background-color:var(--purple-color); background-image:linear-gradient(to right, #04befe 0%, #4481eb 100%);}
.progress .progress-bar.bg-gradient-success {background-color:var(--purple-color); background-image:linear-gradient(to right, #3cba92 0%, #0ba360 100%);}
.progress .progress-bar.bg-gradient-warning {background-color:var(--purple-color); background-image:linear-gradient(to right, #f09819 0%, #ff5858 100%);}
.progress .progress-bar.bg-gradient-secondary {background-color:var(--purple-color); background-image:linear-gradient(to right, #7579ff 0%, #b224ef 100%);}
.progress .progress-bar.bg-gradient-danger {background-color:var(--purple-color); background-image:linear-gradient(to right, #d09693 0%, #c71d6f 100%);}
.progress .progress-bar.bg-gradient-dark {background-color:var(--purple-color); background-image:linear-gradient(to right, #2b5876 0%, #4e4376 100%);}

/* border-radius */
.br-0 {border-radius:0 !important;}
.br-4 {border-radius:4px !important;}
.br-6 {border-radius:6px !important;}
.br-30 {border-radius:30px !important;}
.br-50 {border-radius:50px !important;}
.br-left-30 {border-top-left-radius:30px !important; border-bottom-left-radius:30px !important;}
.br-right-30 {border-top-right-radius:30px !important; border-bottom-right-radius:30px !important;}
.bx-top-6 {border-top-right-radius:6px !important; border-top-left-radius:6px !important;}
.bx-bottom-6 {border-bottom-right-radius:6px !important; border-bottom-left-radius:6px !important;}

/* badge */
.badge.counter {position:absolute; z-index:2; right:0; top:-10px; font-weight:600; width:19px; height:19px; border-radius:50%; padding:2px 0px; font-size:12px;}
.badge-chip {display:inline-block; padding:0 25px; font-size:16px; line-height:42px; border-radius:25px;}
.badge-chip img {float:left; margin:0px 10px 0px -26px; height:44px; width:44px; border-radius:50%;}
.badge-chip .closebtn {color:#f1f2f3; font-weight:bold; float:right; font-size:20px; cursor:pointer;}
.badge-chip .closebtn:hover {color:#fff;}

/* text-color */
.text-primary {color:var(--purple-color) !important;}
.text-success {color:#8dbf42 !important;}
.text-info {color:#2196f3 !important;}
.text-danger {color:#e7515a !important;}
.text-warning {color:#e2a03f !important;}
.text-secondary {color:#5c1ac3 !important;}
.text-dark {color:#3b3f5c !important;}
.text-muted {color:#888ea8 !important;}
.text-white {color:#fff !important;}
.text-black {color:#000 !important;}

/* border */
.border {border:1px solid !important;}
.border-bottom {border-bottom:1px solid !important;}
.border-top {border-top:1px solid !important;}
.border-right {border-right:1px solid !important;}
.border-left {border-left:1px solid !important;}
.border-primary {border-color:var(--purple-color) !important;}
.border-info {border-color:#2196f3 !important;}
.border-warning {border-color:#e2a03f !important;}
.border-success {border-color:#8dbf42 !important;}
.border-danger {border-color:#e7515a !important;}
.border-secondary {border-color:#5c1ac3 !important;}
.border-dark {border-color:#3b3f5c !important;}
.border-dotted {border-style:dotted !important;}
.border-dashed {border-style:dashed !important;}
.border-solid {border-style:solid !important;}
.border-double {border-style:double !important;}
.border-width-1px {border-width:1px !important;}
.border-width-2px {border-width:2px !important;}
.border-width-3px {border-width:3px !important;}
.border-width-4px {border-width:4px !important;}
.border-width-5px {border-width:5px !important;}
.border-width-6px {border-width:6px !important;}
.position-absolute {position:absolute;}
.position-static {position:static;}
.position-fixed {position:fixed;}
.position-inherit {position:inherit;}
.position-initial {position:initial;}
.position-relative {position:relative;}

svg, svg * {font-family:var(--font-family-inter) !important;}

.table > thead > tr > th, .table > thead > tr > td {letter-spacing:normal;}
.loader__label img {margin-top:20px; width:300px !important;}

/* navbar */
.navbar-brand img {width:100px !important;}
.navbar-brand-sm img {width:55px !important;}
.navbar-dropdown-notifications__body-messages {height:auto !important; max-height:300px;}
.navbar {background:#191e3a;}

.content {text-align:center;}

/* module */
.module-parent {font-weight:bold; background-color:#cbd4ff !important;}
.module-switch {width:inherit !important; height:18px !important;}
.module-custom input:checked + .slider:before {background-color:#8dbf42 !important;}

/* margin-top */
.mt-20 {margin-top:20px;}
.mt-10 {margin-top:10px;}
.mt-30 {margin-top:30px !important;}
.mt-26 {margin-top:26px;}
.mt-36 {margin-top:38px;}
.mt-80px {margin-top:80px !important;}
.mt-2_5rem {margin-top:2.5rem !important;}

/* font-size */
.font-13 {font-size:13px;}
.font-25 {font-size:25px;}
.font-20 {font-size:20px;}
.font-10 {font-size:10px;}
.font-30 {font-size:30px;}
.font-12 {font-size:12px;}
.font-15 {font-size:15px !important;}
.font-18 {font-size:18px !important;}
.font-16 {font-size:16px !important;}
.font-w-600 {font-weight:600 !important;}
.font-11 {font-size:11px !important;}
.font-14 {font-size:14px !important;}
.font-w-500 {font-weight:500}

.table-sm td, .table-sm th {padding:.3rem !important;}
.item_parent {font-weight:bold;}
.item_child {margin-left:20px;}

.selected-tr {background-color:#00A2E5;}
.selected-tr a {color:white !important;}

img#mySpinner {position:fixed; left:50%; top:50%; z-index:99999;}
#map {height:100%;}
#locationField, #controls {position:relative; width:480px;}
#autocomplete {position:absolute; top:0px; left:0px; width:99%;}
.label {text-align:right; font-weight:bold; width:100px; color:#303030;}

.address {border:1px solid var(--primary-color); background-color:#f0f0ff; width:480px; padding-right:2px;}
.address td {font-size:10pt;}

.field {width:99%; padding:6px;}
.slimField {width:80px;}
.wideField {width:200px;}
#locationField {height:20px; margin-bottom:2px;}
.card {position:relative; display:flex; -ms-flex-direction:column; flex-direction:column; background-color:#fff; border:1px solid rgba(0, 0, 0, .125); border-radius:.25rem;}
.typical-link {color:var(--primary-color) !important; text-decoration:underline !important; cursor:pointer;}
.typical-link-staff {color:black !important; text-decoration:underline !important; cursor:pointer;}
.typical-link-staff-active {color:white !important; text-decoration:underline !important; cursor:pointer;}
#a-tag:hover, .link-purple:hover {font-weight:600;}
.link-purple {text-decoration:underline !important; cursor:pointer; color:#5c1aba !important;}
.staff_profile_pic {border-radius:4px; margin-top:20px; margin-bottom:0px; display:inline-block; width:150px; height:150px; object-fit:cover;}
i.input-box {position:absolute; top:39px; right:19px;}
.pl-20 {padding-left:20px;}
.dataTables_wrapper {margin-top:20px;}
.td-small {width:100px !important;}
.td-medium {width:150px !important;}
.td-large {width:200px !important;}

/* lp-topics-manage */
.lp-topics-manage .listing-travel__item-info {background-color:lightgrey;}
.lp-topics-manage .selected-listing {background-color:gray;}
.lp-topics-manage .selected-listing {background-color:#1a1c2d;}
.lp-topics-manage .listing-travel__item-info {background-color:#1a1c2d;}

/* listing-travel */
.listing-travel__item-image {position:relative;}
.listing-travel__item-image img {border-top-left-radius:3px; border-top-right-radius:3px;}
.listing-travel__item-title {position:absolute; bottom:0; left:0; width:100%; height:70px; color:#fff; font-size:17px; line-height:61px; padding:11px 20px; background:linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);}
.listing-travel__item-info {padding:21px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.listing-travel__item-details {display:flex; -webkit-box-pack:justify; justify-content:space-between; margin-top:12px;}

/* p-documents__item */
.p-documents__item {margin-right:40px;}
.p-documents__item-preview {position:relative; max-height:211px; overflow:hidden;}
.p-documents__item-preview img {border-top-left-radius:4px; border-top-right-radius:4px;}
.p-documents__items {display:flex; flex-wrap:wrap; padding:25px 3px 10px 20px;}
.p-documents__item-info {padding:15px 36px; border:1px solid #e4e6ea; border-top:none; font-size:15px;}
.p-documents__item-name {display:block;}
.p-documents__item-overlay {position:absolute; display:none; top:0; left:0; width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:44px; color:#fff; background-color:rgba(0, 148, 242, 0.5); border-top-left-radius:4px; border-top-right-radius:4px;}

/* m-messenger__messages */
.m-messenger__messages-header {display:block !important; height:100px;}
.m-messenger__messages-header .subject {margin-top:20px; display:flex;}

.active_message {background:rgba(204, 234, 252, 0.5);}
.ticket-content {height:fit-content; margin-right:25px;}
.comment-content {width:365px; min-width:365px; height:fit-content;}
.comment-textbox {width:-webkit-fill-available;}

#text-light {color:#939daa;}
.margin-date {margin-top:5px;}
.note-type-name {cursor:pointer;}

/* custom-radio */
.custom-radio:checked + label, .custom-radio:checked + .note-type {background:#c9ced4; border-radius:5px; padding:0 5px;}
.custom-radio-simple .custom-control-indicator::before {content:''; width:7px; height:7px; background:#3f4145; position:absolute; top:calc(50% - 4px); left:calc(50% - 4px); border-radius:50%;}
.custom-radio-simple .custom-control-input:checked ~ .custom-control-indicator {border-color:#d3d9dd;}
.custom-radio-simple--secondary .custom-control-indicator::before {background:#a1aab5;}
.custom-radio-simple--secondary .custom-control-input:checked ~ .custom-control-indicator {border-color:#a1aab5;}
.custom-radio-simple--secondary .custom-control-input:checked ~ .custom-control-indicator::before {background:#a1aab5;}
.custom-radio-simple--secondary:hover .custom-control-indicator {border-color:#a1aab5;}
.custom-radio-simple--info .custom-control-indicator::before {background:#269af1;}
.custom-radio-simple--info .custom-control-input:checked ~ .custom-control-indicator {border-color:#269af1;}
.custom-radio-simple--info .custom-control-input:checked ~ .custom-control-indicator::before {background:#269af1;}
.custom-radio-simple--info:hover .custom-control-indicator {border-color:#269af1;}
.custom-radio-simple--danger .custom-control-indicator::before {background:#eb3b48;}
.custom-radio-simple--danger .custom-control-input:checked ~ .custom-control-indicator {border-color:#eb3b48;}
.custom-radio-simple--danger .custom-control-input:checked ~ .custom-control-indicator::before {background:#eb3b48;}
.custom-radio-simple--danger:hover .custom-control-indicator {border-color:#eb3b48;}
.custom-radio-simple--success .custom-control-indicator::before {background:#35ae47;}
.custom-radio-simple--success .custom-control-input:checked ~ .custom-control-indicator {border-color:#35ae47;}
.custom-radio-simple--success .custom-control-input:checked ~ .custom-control-indicator::before {background:#35ae47;}
.custom-radio-simple--success:hover .custom-control-indicator {border-color:#35ae47;}
.custom-radio-simple--warning .custom-control-indicator::before {background:#f48221;}
.custom-radio-simple--warning .custom-control-input:checked ~ .custom-control-indicator {border-color:#f48221;}
.custom-radio-simple--warning .custom-control-input:checked ~ .custom-control-indicator::before {background:#f48221;}
.custom-radio-simple--warning:hover .custom-control-indicator {border-color:#f48221;}
.custom-radio-simple .custom-control-indicator {border-color:transparent;}
.custom-radio .custom-control-indicator {width:15px; height:15px; min-width:15px; min-height:15px; border-radius:15px; border:1px solid #d3d9dd; background-color:#ffffff; transition:border .15s ease-in-out, color .15s ease-in-out; -webkit-box-shadow:none !important; box-shadow:none !important; position:relative; top:1px;}
.custom-radio .custom-control-description {padding-left:8px; margin-top:-2px;}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {background-image:none; -webkit-box-shadow:none; box-shadow:none; background:#fff;}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator::before {content:''; width:7px; height:7px; background:#3f4145; position:absolute; top:3px; left:3px; border-radius:50%;}
.custom-radio .custom-control-input:disabled ~ .custom-control-indicator {border:1px solid #d3d9dd; background:#e9ecf1;}
.custom-radio .custom-control-input:disabled ~ .custom-control-indicator::before {background:rgba(63, 65, 69, 0.5);}
.custom-radio:hover .custom-control-indicator {border-color:#1990ea;}

/* custom-checkbox */
.custom-checkbox .custom-control-indicator {width:15px; -webkit-transition:border .15s ease-in-out, color .15s ease-in-out; -o-transition:border .15s ease-in-out, color .15s ease-in-out; transition:border .15s ease-in-out, color .15s ease-in-out; -webkit-box-shadow:none !important; width:15px; height:15px; min-width:15px; min-height:15px; border-radius:2px; border:1px solid #d3d9dd; background-color:#ffffff; box-shadow:none !important; position:relative;}
.custom-checkbox .custom-control-description {padding-left:8px; margin-top:6px;}
.custom-checkbox .new-indicator {width:35px; height:35px; min-width:25px; min-height:25px; border-radius:20px;}
.custom-checkbox .custom-control-input:checked ~ .new-indicator {background:#2eb82e;}
.custom-checkbox .custom-control-input:checked ~ .new-indicator::before {font-size:20px; top:9px; left:6px; color:#fff;}
.custom-checkbox {border:0px;}
.custom-checkbox .checklist-indicator {width:30px; height:30px; min-width:25px; min-height:25px;}
.custom-checkbox .custom-control-input:checked ~ .checklist-indicator::before {font-size:25px; top:1px; left:6px;}
.custom-checkbox.form-control-plaintext {margin-top:5px; margin-bottom:5px;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {background-image:none; -webkit-box-shadow:none; box-shadow:none; background:#fff;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator::before {content:""; font-family:"iconfont"; font-size:15px; color:#3f4145; font-weight:bold; position:absolute; top:-3px; left:1px; line-height:1.2rem; height:16px;}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-indicator {border:1px solid #d3d9dd; background:#e9ecf1;}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-indicator::before {color:rgba(63, 65, 69, 0.5);}
.custom-checkbox:hover .custom-control-indicator {border-color:#1990ea;}

/* dropdown-menu */
.dropdown-menu, .dropdown-menu-left {transform:translate3d(0px, 0px, 0px);}
.dropdown-menu {margin-top:.4rem; border:1px solid #e9ebee; border-radius:.3rem; box-shadow:0 0.2rem 0.5rem 0 rgba(147, 157, 170, 0.03); animation:fadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);}
ul.dropdown-menu ul::-webkit-scrollbar, ul.dropdown-menu ul::-webkit-scrollbar {-webkit-appearance:none; width:5px;}
ul.dropdown-menu ul::-webkit-scrollbar-thumb, ul.dropdown-menu ul::-webkit-scrollbar-thumb {border-radius:4px; background-color:#888EA8; -webkit-box-shadow:0 0 1px rgba(255, 255, 255, .5);}
.dropdown-menu-multiselect-scroll {max-height:400px; height:auto; overflow-y:scroll; width:200px}

.page-filter-field .dropdown-menu-multiselect-scroll {width:100%;}

/* filter-section */
.filter-section .dropdown-menu-multiselect-scroll {width:100%;}
.filter-section .job-options-applicants-list {display:flex; align-items:center; gap:10px; height:auto;}
.filter-section .job-options-applicants-list label {margin:0; color:#000;}
.filter-section {position:absolute; width:617px; right:0px; top:68px; z-index:99; background:#FFFFFF; border:1px solid #E9EEF4; box-shadow:0px 3px 4px rgba(0, 0, 0, 0.12); padding:20px 15px;}
.filter-section .title {margin-bottom:15px;}
.filter-section .title h2 {font-size:20px; color:#000; margin:0;}
.filter-section label {font-size:13px; color:#777; letter-spacing:0; font-weight:500;}
.filter-section label i {color:#5D33E6 !important;}
.filter-section .form-control {font-size:13px !important; border-color:#5D33E6; border-radius:8px; padding:10px 15px; height:auto;}
.filter-section select {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
.filter-section .two-value {display:flex; gap:20px; flex-wrap: wrap;}
.filter-section .form-group{min-width: 200px;}
.filter-section .items-1 {flex:1 1 60%;}
.filter-section .items-2 {flex:1 1 40%;}
.filter-section .form-group {margin-bottom:20px;}
.filter-section hr {border-color:#5D33E6; opacity:0.2; margin:20px 0;}
.filter-section {right:-100%; transition:all .4s linear;}
.right-side-filter-open .filter-section {right:0; overflow:auto;}
.filter-section .filter-inner {overflow:auto; height:calc(100vh - 180px); padding-right:10px;}
.filter-section .form-control[type="checkbox"] {width:16px; height:16px; display:inline-block; border-color:#5D33E6; border-radius:4px; vertical-align:text-top; margin-right:20px; box-shadow:inset 0 0px 1px 1px #5D33E6; margin:0;}
.filter-section .number-slider-track {display:flex; justify-content:space-between; position:relative; padding-bottom:30px; width:300px;}
.filter-section .container.track {position:absolute; bottom:0; left:0;}
.filter-section .question-ans .form-check .form-check-label {color:#000;}

/* question-ans */
.question-ans input[type="range"]::-webkit-slider-thumb {height:18px; width:18px; border-radius:50px; border:solid 3px #5D33E6; background:#fff; pointer-events:auto; -webkit-appearance:none;}
.question-ans input::-webkit-outer-spin-button, .question-ans input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.question-ans .slider-container {height:2px; position:relative; background:#777777;}
.question-ans .slider-container .price-slider {height:100%; left:25%; right:15%; position:absolute; border-radius:5px; background:#5D33E6;}
.question-ans .range-input {position:relative;}
.question-ans .price-input {display:flex; justify-content:space-between; margin-bottom:20px; gap:20px;}
.question-ans .price-input .form-control {width:80px; text-align:center;}

.bulk-action {position:absolute !important; transform:translate3d(0px, 35px, 0px) !important; top:0px !important; left:0px !important; will-change:transform !important;}

/* applicants-details */
.applicants-details .bulk-action-btn {position:relative;}
.applicants-details .applicants-list .table > tbody > tr:hover {background:rgb(93 51 230 / 20%); cursor:pointer;}
.applicants-details .applicants-list .table > thead > tr > th:first-of-type {width:20px; vertical-align:bottom;}
.applicants-details .title-box {justify-content:space-between; align-items:center; margin-bottom:15px; gap:60px;}
.applicants-details .title-box .d-flex {gap:10px;}
.applicants-details .table > thead > tr > th {border:none; font-size:13px; color:#000; text-transform:uppercase; white-space:nowrap;}
.applicants-details .table > thead > tr > th i {color:#5D33E6; margin-left:5px;}
.applicants-details .table > tbody > tr > td {padding:15px 10px; border-bottom:dashed 1px #DFD6FA; color:#777;}
.applicants-details .table > tbody > tr:last-of-type td {border:none;}
.applicants-details .title-box .custom-line-btn {padding:5px 13px; background:#F8FAFC;}
.applicants-details .table td, .applicants-details .table th {border-top:none;}
.applicants-details input[type="checkbox"] {width:16px; height:16px; display:inline-block; border-color:#5D33E6; border-radius:4px; vertical-align:text-top; margin-right:20px; box-shadow:inset 0 0px 1px 1px #5D33E6;}
.applicants-details .applicants-list .table > tbody > tr.bg-updated {background:rgb(93 51 230 / 20%); cursor:pointer;}

/* input type */
input[type="range"] {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; outline:none; position:absolute; margin:auto; top:0; bottom:0; background-color:transparent; pointer-events:none;}
input[type="range"]::-moz-range-track {-moz-appearance:none; height:5px;}
input[type="range"]::-ms-track {appearance:none; height:5px;}
input[type="range"]::-webkit-slider-thumb {-webkit-appearance:none; height:1.7em; width:1.7em; background-color:#3264fe; cursor:pointer; margin-top:-9px; pointer-events:auto; border-radius:50%;}
input[type="range"]::-moz-range-thumb {-webkit-appearance:none; height:1.7em; width:1.7em; cursor:pointer; border-radius:50%; background-color:#3264fe; pointer-events:auto;}
input[type="range"]::-ms-thumb {appearance:none; height:1.7em; width:1.7em; cursor:pointer; border-radius:50%; background-color:#3264fe; pointer-events:auto;}
input[type="range"]:active::-webkit-slider-thumb {background-color:#ffffff; border:3px solid #3264fe;}
input[type="range"]::-webkit-slider-runnable-track {-webkit-appearance:none; height:5px;}
input[type="range"].rng_1::-webkit-slider-thumb {-webkit-appearance:none; height:1.7em; width:1.7em; background-color:#5c1ab9; cursor:pointer; margin-top:-9px; pointer-events:auto; border-radius:50%;}
input[type="range"].rng_1:active::-webkit-slider-thumb {background-color:#ffffff; border:3px solid #5c1ab9;}

/* client-details-overview */
.client-details-overview .additional-info-card .form-check-input[type="checkbox"] {width:16px; height:16px; display:inline-block; border-color:#5D33E6; border-radius:4px; box-shadow:inset 0 0px 1px 1px #5D33E6; accent-color:var(--purple-color);}
.client-details-overview .Contacts-info-list .owner-info #add-timesheet tr {border:none;}
.client-details-overview .client-summary-card .deals-list-card .deal-info {display:flex; gap:15px; flex-wrap:wrap; align-items:center; margin:0;}
.client-details-overview .client-summary-card .deals-list-card .deal-info li {font-size:15px; color:#000000; font-weight:500; display:flex; align-items:center; flex:1}
.client-details-overview .client-summary-card .deals-list-card .deal-info li svg {width:16px; height:16px; margin-right:10px;}
.client-details-overview .input-with-icon {position:relative;}
.client-details-overview .input-with-icon call-number {position:absolute; right:5px; top:0; bottom:0; margin:auto;}
.client-details-overview .input-with-icon call-number i {font-size:12px !important; color:var(--purple-color);}
.client-list-header, .client-details-overview * {font-family:"Inter", serif !important; word-break:break-word; white-space:normal;}
.client-details-overview {margin-bottom:30px;}
.client-details-overview .client-d-card {background:#FFFFFF; box-shadow:0 2px 6px rgba(13, 10, 44, 0.08); border-radius:20px; padding:20px;}
.client-details-overview .cd-title {border-bottom:solid 1px #E5E5EF; padding-bottom:12px; margin-bottom:15px; white-space:nowrap;}
.client-details-overview .cd-title h2 {font-weight:500; font-size:19px; line-height:24px; color:#333333; margin:0; flex:1; min-width:80px;}
.client-details-overview .cd-title .d-flex {gap:10px;}
.client-details-overview .form-control, #addProjectModal #exampleModalLabel .form-control {border:none; padding:0; height:auto; letter-spacing:0; appearance:none; border-radius:0;}
.client-details-overview .company-data .form-control {color:var(--purple-color); font-size:18px !important; font-weight:bold;}
.client-details-overview .company-data {margin-bottom:6px;}
.client-details-overview .url-number .form-control {font-size:14px; color:#777777;}
.client-details-overview .url-number .form-group {margin-bottom:6px;}
.client-details-overview .url-number {margin-bottom:20px; padding-bottom:15px; border-bottom:solid 1px #E5E5EF;}
.client-details-overview .client-description {font-size:15px; color:#777777; display:block; margin-bottom:15px;}
.client-details-overview .client-description .form-control {font-size:13px; color:#333333; line-height:21px; height:auto;}
.client-details-overview .client-description label {color:#777777; font-size:15px; text-align:center; display:block;}
.client-details-overview ul {padding:0; list-style:none;}
.client-details-overview .client-all-url ul {display:flex; justify-content:center; margin:20px 0 20px;}
.client-details-overview .client-all-url ul li {padding-right:15px; border-right:solid 1px #E4E4E4; margin-right:15px;}
.client-details-overview .client-all-url ul li svg {width:22px; height:24px;}
.client-details-overview .client-all-url ul li:last-of-type {padding:0; margin:0; border-right:none;}
.client-details-overview .company-details .form-control {text-align:center;}
.client-details-overview .company-info-data {display:flex;}
.client-details-overview .company-details {width:45%;}
.client-details-overview .com-Contact-details {padding-left:20px; border-left:solid 1px #E5E5EF; width:50%;}
.client-details-overview .owner-info table th {font-size:14px; color:#777777; font-weight:normal; width:125px; font-weight:600;}
.client-details-overview .owner-info table .form-control {font-size:14px; color:#333; font-weight:500;}
.client-details-overview .owner-info table tr, .custom-table-bottom-border tr {background-image:linear-gradient(to right, #d5d5d5 33%, rgba(255, 255, 255, 0) 0%); background-position:bottom; background-size:10px 1px; background-repeat:repeat-x; vertical-align:baseline;}
.client-details-overview .owner-info table td {padding:15px 0;}
.client-details-overview .owner-info table svg {margin-right:10px; width:16px; height:16px;}
.client-details-overview .owner-info table .linkedIn-url a {color:var(--purple-color);}
.client-details-overview .owner-info table tr:last-of-type {background:none;}
.client-details-overview .owner-info.cd-address table th {width:160px;}
.client-details-overview .owner-info.cd-address table tbody {vertical-align:baseline;}
.client-details-overview .owner-info.cd-address table tr {background:none;}
.client-details-overview .owner-info.cd-address table td {padding:0;}
.client-details-overview .owner-info.cd-address {border-top:solid 1px #E5E5EF; padding-top:15px;}
.client-details-overview .owner-info.cd-address table .form-control {height:20px; resize:none; appearance:none; scrollbar-width:none;}
.client-details-overview textarea {resize:none; overflow:hidden;}
.client-details-overview .client-details-card {display:flex; gap:1.5%; flex-wrap:wrap; row-gap:22px;}
.client-details-overview .additional-info-card .form-control {border-radius:6px; border:solid 1px var(--purple-color); padding:8px 10px;}
.client-details-overview .additional-info-card label {font-size:13px; color:#777777; font-weight:500;}
.client-details-overview .additional-info-card .form-group {margin-bottom:20px;}
.client-details-overview .additional-info-card .all-checkbox {display:flex; flex-wrap:wrap; gap:20px; row-gap:12px;}
.client-details-overview .additional-info-card .all-checkbox label {color:#000000; margin-left:5px;}
.client-details-overview .additional-info-card .all-checkbox input[type=radio] {transform:scale(1.2); accent-color:var(--purple-color);}
.client-details-overview .client-notes-card textarea {border-radius:8px; border:solid 1px var(--purple-color); padding:8px 10px; height:80px;}
.client-details-overview .cd-title {display:flex; justify-content:space-between; gap:20px; align-items:center; flex-wrap:wrap;}
.client-details-overview .cd-title .num {color:#5D33E6; font-size:14px; border-radius:50px; background:rgba(93, 51, 230, 0.1); display:flex; align-items:center; justify-content:center; width:38px; height:38px;}
.client-details-overview .contact-details-card {flex:1 1 0; min-width:680px; position:relative; overflow:hidden;}
.client-details-overview .additional-info-card {flex:1 1 0; min-width:340px;}
.client-details-overview .client-notes-card {flex:1 1 25.5%;}
.client-details-overview .activity-history-card {border-top:solid 1px #333333; margin-top:24px; padding-top:24px;}
.client-details-overview .company-info-data, .client-details-overview .contact-tab-info {display:flex; flex-wrap:wrap; justify-content:space-between; gap:22px; align-content:flex-start;}
.client-details-overview .contact-tab-info {flex-wrap:wrap; flex:1 1 73%;}
.client-details-overview .client-summary-card {flex:1 1 100%;}
.client-details-overview .info-payment-product-tab {display:flex; flex-wrap:wrap; gap:20px; row-gap:20px;}
.client-details-overview .info-list-card {min-width:324px; flex:1 1 0;}
.client-details-overview .payment-product-card {flex:1 1 60%;}
.client-details-overview .payment-product-card .client-d-card:first-of-type {margin-bottom:20px;}
.client-details-overview .client-summary-card {margin-top:10px;}
.client-details-overview .info-payment-product-tab .name-date label {display:flex; gap:10px; align-items:center; font-size:15px; color:#333; margin-bottom:20px; font-weight:500;}
.client-details-overview .owner-table-info {display:flex; gap:18px; flex-wrap:wrap;}
.client-details-overview .owner-table-info table th {width:162px;}
.client-details-overview .list-of-info .small-title {display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:10px;}
.client-details-overview .list-of-info .small-title h6 {margin:0; font-size:15px; color:#777777;}
.client-details-overview .list-of-info .small-title h6 svg {width:16px; height:auto; margin-right:10px;}
.client-details-overview .list-info {background-image:linear-gradient(to right, #d5d5d5 33%, rgba(255, 255, 255, 0) 0%); background-position:bottom; background-size:10px 1px; background-repeat:repeat-x; padding-bottom:20px; margin-bottom:20px;}
.client-details-overview .list-info ul {display:flex; gap:10px; margin:0; flex-wrap:wrap;}
.client-details-overview .list-info ul li {font-size:12px !important; line-height:normal; font-weight:500; color:#333333; padding:6px 16px; border-radius:50px; background:#EFEBFD;}
.client-details-overview .list-of-info.tag .list-info {margin:0; padding:0; background:none;}
.client-details-overview .client-summary-card .nav-pills li a {font-size:12px; color:#962DFF; font-weight:500; padding:5px 15px; background:transparent; border-radius:50px; display:block;}
.client-details-overview .client-summary-card .nav-pills {display:flex; gap:5px;}
.client-details-overview .client-summary-card .nav-pills a.active, .client-details-overview .client-summary-card .nav-pills a:hover {background:#962DFF; transition:all .3s linear;}
.client-details-overview .client-summary-card .nav-pills a:hover, .client-details-overview .client-summary-card .nav-pills a.active {color:#fff; transition:all .3s linear;}
.client-details-overview .client-summary-card .cd-title.summary {border-color:#962DFF;}
.client-details-overview .client-summary-card .deals-list-card {background:#F7F4FD; border-radius:10px; padding:15px; margin-bottom:15px;}
.client-details-overview .client-summary-card .deals-list-card h6 {font-size:15px; color:#777777; margin:0; padding-bottom:15px; border-bottom:solid 1px #E5E5EF; margin-bottom:15px;}
.client-details-overview .client-summary-card .deals-list-card:last-of-type {margin:0;}
.client-details-overview .attachment-list-card {background:#F7F4FD; border-radius:10px; padding:10px; margin-bottom:10px;}
.client-details-overview .attachment-list-card:last-of-type {margin:0;}
.client-details-overview .attachment-list-card .file-name h6 {font-size:15px; color:#000; font-weight:500; margin:0;}
.client-details-overview .attachment-list-card .file-name {border-bottom:solid 1px #E5E5EF; padding-bottom:10px; margin-bottom:15px; display:flex; align-items:center; justify-content:space-between;}
.client-details-overview .attachment-list-card .file-name a {width:30px; height:30px; display:inline-flex; justify-content:center; align-items:center; background:rgba(227, 26, 26, 0.08); border-radius:50px;}
.client-details-overview .attachment-list-card .file-name a svg {width:16px; height:16px;}
.client-details-overview .attachment-list-card .owner-info table td {padding:0 0 15px;}
.client-details-overview .attachment-list-card .owner-info table tr {background:none;}
.client-details-overview .attachment-list-card .owner-info table td {color:#000; font-weight:500;}
.client-details-overview .Contacts-info-list .owner-info table {width:100%;}
.client-details-overview .Contacts-info-list .owner-info table th {width:auto; padding:10px; white-space:nowrap;}
.client-details-overview .Contacts-info-list .owner-info table td {padding:10px; color:#000;}
.client-details-overview .client-summary-card .cd-title h2 {white-space:nowrap;}
.client-details-overview .cd-title .additional-info-id {border-radius:30px; width:auto; height:auto; padding:8px 15px; font-size:12px; background:#2bc48a; color:#fff; font-weight:600; display:block;}
.client-details-overview .company-logo {position:relative; width:87px; height:87px; margin:0 auto; cursor:pointer; background-color:#fff; border-radius:50%; overflow:hidden;}
.client-details-overview .company-logo:after {content:'Upload'; position:absolute; inset:0; margin:auto; display:flex; align-items:center; justify-content:center; opacity:0; transition:all .3s linear; cursor:none; color:#fff; font-size:14px; font-weight:600;}
.client-details-overview .company-logo:hover:after {opacity:1; transition:all .3s linear;}
.client-details-overview .company-logo img {width:87px; height:87px; border-radius:50%; object-fit:fill; background-color:#5D33E6; margin:0 auto 10px auto; display:block; border:none;}
.client-details-overview .company-logo:hover img {opacity:0.2;}
.client-details-overview .company-logo:hover {background:var(--purple-color); transition:all .3s linear;}
.client-details-overview .form-control, #addProjectModal #exampleModalLabel .form-control {border-bottom:solid 1px transparent;}
.client-details-overview .form-control:focus, #addProjectModal #exampleModalLabel .form-control:focus {box-shadow:none; border-bottom-color:var(--purple-color);}

.form-check-inline .form-check-input[type="checkbox"] {box-shadow:inset 0 0px 1px 1px #5D33E6;}

/* employee-details-area */
.employee-details-area .emp-info-activites .applicants-details .work-details {max-width:600px;}
.employee-details-area .applicants-list {max-height:625px;}
.employee-details-area {display:flex; gap:15px; flex-wrap:wrap; align-items:flex-start; font-optical-sizing:auto; font-weight:400; font-style:normal; margin-bottom:30px;}
.employee-details-area * {letter-spacing:0 !important; font-weight:500;}
.employee-details-area h1, .employee-details-area h2, .employee-details-area h3, .employee-details-area h4, .employee-details-area h5, .employee-details-area p, .employee-details-area span, .employee-details-area h6 {font-optical-sizing:auto; font-weight:500; font-style:normal;}
.employee-details-area table {font-optical-sizing:auto; font-weight:400; font-style:normal; margin:0;}
.employee-details-area .table > tbody > tr > td, .employee-details-area .form-control {font-size:13px !important; font-weight:500;}

.custom-fill-btn.custom-small-btn, .custom-line-btn.custom-small-btn {font-size:12px; padding:8px 10px;}
.custom-line-btn {background:#fff; box-shadow:none; border-radius:8px; border:solid 1px #5D33E6; padding:5px 15px; color:#5D33E6; font-size:14px; transition:all .3s linear;}
.custom-line-btn:hover {background:#5D33E6 !important; color:#fff !important;}

.main-table-data .custom-line-btn {padding:6px 8px; font-size:12px;}

/* emp-personal-info */
.emp-personal-info .title-box .custom-line-btn {padding:6px 10px;}
.emp-personal-info .title-box {gap:20px;}
.emp-personal-info .emp-name-email .symbol {display:inline-block; font-size:16px; text-transform:uppercase; padding:10px 12px; font-weight:500;}
.emp-personal-info .emp-name-email {display:flex; justify-content:flex-start; align-items:flex-start; gap:15px; margin-bottom:20px;}
.emp-personal-info .emp-name-email h4 {font-size:16px; color:#000; font-weight:500; margin-bottom:6px;}
.emp-personal-info .emp-name-email span {font-size:13px; color:#777; cursor:pointer;}
.emp-personal-info .emp-name-email span a:hover {color:#5D33E6; text-decoration:none;}
.emp-personal-info .work-details ul {list-style:none; padding:0; display:flex; flex-wrap:wrap; margin:0; gap:20px;}
.emp-personal-info .work-details ul li {font-size:13px; color:#777777; padding-right:20px; border-right:solid 1px #BEADF5;}
.emp-personal-info .work-details ul li:last-of-type {border:none;}
.emp-personal-info .work-details ul li span {color:#000; display:block; margin-top:5px; font-weight:500;}
.emp-personal-info .work-details ul li .status {color:#5D33E6;}
.emp-personal-info.activities .no-activity span {font-weight:100; font-size:50px; text-align:center; color:#777; display:block; opacity:.5;}
.emp-personal-info.employee-description .description p {font-size:13px; line-height:22px !important; color:#777 !important;}
.emp-personal-info .work-details ul li .status select {width:120px !important; font-size:12px;}
.emp-personal-info .work-details ul li span.candidate-job-phone-number {display:flex; align-items:center; margin:5px 0 0; gap:10px;}
.emp-personal-info .work-details ul li span.candidate-job-phone-number .fa-phone {font-size:12px !important;}
.emp-personal-info .work-details ul li span.candidate-job-phone-number span {margin:0;}

.pull-right {float:right;}
.box-red {background-color:red;}
.box-orange {background-color:orange;}
.box-card {background:#FFFFFF; border:1px solid #E9EEF4; box-shadow:0px 3px 4px rgba(0, 0, 0, 0.12); border-radius:8px; padding:15px; margin-bottom:20px;}
.hidden {display:none;}
.due_date_custom_input {background:transparent !important; width:78px; border:transparent; font-size:15px; color:white; height:2.6rem;}

/* simplebar */
.simplebar-scroll-content {overflow-x:hidden; overflow-y:scroll; min-width:100%; visibility:hidden;}
.simplebar-content, .simplebar-scroll-content:hover {visibility:visible;}
.applicants-list .table .form-check label {color:#777; font-size:13px !important; font-weight:500;}
.applicants-list {overflow-x:auto;}
.simplebar-content {overflow-x:hidden !important;}

.checkbox-right {display:flex; justify-content:flex-end; align-items:center;}
.pdf-h5 {margin-bottom:0px; text-transform:uppercase;}
.pdf-desc {text-indent:60px; padding-top:5px;}
.pdf-page-break {page-break-before:always;}
.new_checklist {margin-left:4.9rem; width:24%; margin-right:1rem;}
.description-align {padding-top:1rem;}

/* header */
.header-1 {visibility:hidden;}
.header-2 {visibility:hidden;}
.header-3 {padding-right:17px; margin-bottom:-34px;}
.header-4 {padding-bottom:17px; margin-right:-17px;}

.job-section-w {width:70% !important;}
.job-section-w .form-form-wrap {height:auto !important;}

.hover {cursor:pointer;}
.draggable {cursor:move; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}
.drag:active {cursor:move;}
.img-inherit {width:inherit;}
.error_list {list-style:none;}

.modal-title {font-size:22px !important;}
.modal-content .modal-footer button.btn[data-dismiss="modal"] {background-color:#1b2e4b; color:#bfc9d4; font-weight:500; border:1px solid #1b2e4b;}
.modal-header {padding:0.75rem 1rem;}
.modal.right.fade .modal-dialog {right:0; -webkit-transition:opacity 0.3s linear, right 0.3s ease-out; -moz-transition:opacity 0.3s linear, right 0.3s ease-out; -o-transition:opacity 0.3s linear, right 0.3s ease-out; transition:opacity 0.3s linear, right 0.3s ease-out;}
.modal.right.fade.in .modal-dialog {right:0;}
.modal.right .modal-dialog {position:fixed; margin:auto; width:320px; height:100%; -webkit-transform:translate3d(0%, 0, 0); -ms-transform:translate3d(0%, 0, 0); -o-transform:translate3d(0%, 0, 0); transform:translate3d(0%, 0, 0); margin-top:176px; margin-right:13px;}

#welcome-msg-modal .modal-body {padding:1.25rem !important;}
#welcome-msg-modal .modal-close {display:flex; justify-content:flex-end; align-items:flex-start; gap:10px; align-self:stretch; margin-bottom:0;}

.modal-scroll-y {height:510px; overflow-y:scroll;}
.modal-xxl .modal-dialog, .modal-xxl .modal-content {width:1500px; max-width:90%; margin:50px auto;}
#addTaskModal .modal-footer .btn[data-dismiss="modal"] {background-color:#2196f3 !important; color:#ffffff !important;}
.modal-content {border:none !important;}
#open-esign-document .modal-dialog {width:90% !important; max-width:90% !important; height:100vh !important; margin:auto;}
#addProjectModal .modal-body {background:#F8FAFC;}
.modal-backdrop {z-index:1040 !important;}

#basicInfoModal .modal-content, #eSignDocModal .modal-content, #uploadDocumentsModal .modal-content {padding:15px}
#basicInfoModal .modal-header, #eSignDocModal .modal-header, #uploadDocumentsModal .modal-header {padding-top:7px}
#basicInfoModal .modal-body, #eSignDocModal .modal-body, #uploadDocumentsModal .modal-body {padding-bottom:10px}
.pre-scrollable_comment {max-height:234px; overflow-y:scroll}

/* width */
.w-35 {width:35%;}
.w-70 {width:70%;}
.w-85 {width:85%;}
.w-120 {width:120px;}
.w-151 {width:151px;}
.w-480 {width:480px;}
.w-300 {width:300px;}
.w-555 {width:555px;}
.w-145 {width:145px;}
.w-610 {width:610px;}
.w-94 {width:94%;}
.w-5 {width:5% !important;}
.w-10 {width:10%;}
.w-15 {width:15%;}
.w-20 {width:20%;}
.w-30 {width:30%;}
.w-40 {width:40%;}
.w-65 {width:65%;}
.w-92 {width:92% !important;}
.w-150px {width:150px !important;}
.w-250px {width:250px !important;}
.w-200px {width:200px !important;}
.w-100px {width:100px !important;}
.w-500px {width:500px !important;}
.w-175px {width:175px !important;}
.w-190px {width:190px !important;}
.w-110px {width:110px !important;}

/* background-color */
.bg-lightgray {background-color:lightgrey;}
.bg-lightred {background-color:orangered;}
.bg-attempted {background-color:#2F9199 !important;}
.bg-updated {background-color:#e6ffed;}
.bg-older {background-color:#ffeef0;}
.bg-color {background-color:#202734;}
.bg-learning {background-color:#c2d5ff;}
.bg-lp-card {background-color:#2F3D99;}
.bg-color-staff {background-color:#23967F !important;}
.bg-progress {background-color:#ff0008 !important; border-color:#ff0000; color:#fff;}
.bg-info {background-color:#5C1ABA !important;}
.bg-light-purple {background:#F0E5FF !important;}
.bg-course-attach {padding:8px; border-radius:4px; background:#F9F5FF;}
.bg-success {background-color:#2BC48A !important; border-color:#2BC48A; color:#fff;}
.bg-lavender {background-color:lavender;}
.bg-success-light {background-color:#ecffef !important;}
.bg-light-orange {background-color:antiquewhite !important;}
.bg-light-red {background-color:rgba(255, 0, 0, 0.2) !important;}

/* first-border */
.first-border-wiki {border-left:5px solid #00c292 !important; border-right:1px solid #e9ecef !important;}
.first-border-wiki-child {border-left:5px solid #FFC300 !important; border-right:1px solid #e9ecef !important;}
.first-border-wiki-child-of-child {border-left:5px solid #78A4FC !important; border-right:1px solid #e9ecef !important;}

/* last-border */
.last-border-wiki {border-right:5px solid #00c292 !important;}
.last-border-wiki-child {border-right:5px solid #FFC300 !important;}
.last-border-wiki-child-of-child {border-right:5px solid #78A4FC !important;}

/* wiki */
.wiki-border-right {border-right:1px solid #e9ecef !important;}
.wiki-box {height:20px; width:20px; margin-bottom:15px; border:1px solid black;}
.wiki-parent {background-color:#00c292;}
.wiki-child {background-color:#FFC300;}
.wiki-child-of-child {background-color:#78A4FC;}

#mySidenav a {top:30%; position:fixed; right:-40px; transition:0.3s; padding:15px; width:120px; text-decoration:none; font-size:20px; color:white; border-radius:0 5px 5px 0;}
#mySidenav a:hover {right:0;}

.thumb-up {background-color:#3B5998; cursor:pointer;}
.thumb-down {margin-top:60px; background-color:#FF937F; cursor:pointer;}

.album_img img {width:140px; height:140px; object-fit:cover; border:1px solid rgba(147, 157, 170, 0.2);}
.slidecontainer {width:100%;}

/* margin-left */
.ml-41 {margin-left:41px;}
.ml--25 {margin-left:-25px;}
.ml-16 {margin-left:16px;}
.ml--30 {margin-left:-30px !important;}

/* goog */
.goog-logo-link {display:none !important;}
.goog-te-gadget {color:transparent !important;}
.goog-te-banner-frame.skiptranslate {display:none !important;}
#clock {float:right; font-weight:bold; text-align:center; font-size:20px; margin-right:20px; margin-top:10px;}

/* widget */
.widget-summary td:first-child, .widget-account-activity td:first-child {width:16.333% !important;}
.widget-content-area {-webkit-box-shadow:0 6px 10px 0 rgb(0 0 0 / 2%), 0 1px 18px 0 rgb(0 0 0 / 5%), 0 3px 5px -1px rgb(0 0 0 / 0%); -moz-box-shadow:0 6px 10px 0 rgb(0 0 0 / 2%), 0 1px 18px 0 rgb(0 0 0 / 5%), 0 3px 5px -1px rgb(0 0 0 / 0%); box-shadow:0 6px 10px 0 rgb(0 0 0 / 2%), 0 1px 18px 0 rgb(0 0 0 / 5%), 0 3px 5px -1px rgb(0 0 0 / 0%); padding:10px; position:relative; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.widget-alpha--color-amaranth .widget-alpha__amount, .widget-alpha--color-amaranth .widget-alpha__icon {color:#e62265;}
.widget-alpha--color-green-jungle .widget-alpha__amount, .widget-alpha--color-green-jungle .widget-alpha__icon {color:#229e8f;}
.widget-alpha--color-orange .widget-alpha__amount, .widget-alpha--color-orange .widget-alpha__icon {color:#FFA500;}
.widget-alpha--color-java .widget-alpha__amount, .widget-alpha--color-java .widget-alpha__icon {color:#14b8d2;}
.widget-alpha__amount {font-size:24px; line-height:24px; font-weight:600; margin-bottom:6px;}
.widget-notifications__item {font-size:14px; display:-webkit-box; display:-ms-flexbox; display:flex; padding:15px 22px; border-top:1px solid rgba(147, 157, 170, 0.2);}
.widget-todo__item {font-size:15px; display:-webkit-box; display:-ms-flexbox; display:flex; padding:5px 5px; border-top:1px solid rgba(147, 157, 170, 0.2);}
.widget-notifications__item:first-child {border-top:none;}
.widget-todo__item:first-child {border-top:none;}
.widget-notifications-height {height:438px;}
.widget-news-height {height:435px;}
.widget-todo-height {height:435px;}
.widget-task_activity-height {height:450px;}
.widget-support-ticket-height {height:343px;}
.widget-test-height {height:55vh;}
.widget-controls__footer-btn {padding:16px 24px;}
.widget-controls__footer {margin-top:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; line-height:14px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:24px; border-top:1px solid rgba(147, 157, 170, 0.2); position:relative;}
.widget-controls__footer .icon {font-size:17px; height:15px; position:relative; top:2px; margin-right:10px;}
.widget-controls__footer-view-all {color:#939daa; font-size:14px; text-transform:uppercase;}
.widget-controls__header {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:15px; font-size:16px; line-height:20px; border-top-left-radius:3px; border-top-right-radius:3px;}
.widget-controls__footer-add-control {position:absolute; right:20px; top:-21px; width:42px; height:42px; background:#8dbf42; border-radius:42px; color:#fff; margin-bottom:20px;}
.widget-todo__item.is-completed .widget-todo__item-name, .widget-todo__item.is-completed .widget-todo__item-date, .checklist-completed {text-decoration:line-through; cursor:pointer;}

.checklist-completed {text-decoration:line-through; font-style:italic;}
.checklist-completed:focus {outline:none !important;}

.widget.box .widget-header {padding:0px; border-top-right-radius:6px; border-top-left-radius:6px;}
.widget.dashboard-box .widget-dashboard-header {padding:16px 0px; border-top-right-radius:6px; border-top-left-radius:6px;}
.widget-todo__item-date {font-size:12px;}
.widget-alpha__description {font-size:15px;}

/* height */
.h-294 {max-height:294px;}
.h-110 {height:126px;}
.h-30px {height:30px !important;}
.h-3rem {height:3rem !important;}
.h-min-520 {min-height:510px !important;}
.h-max-161 {max-height:161px !important;}
.h-145px {height:145px !important;}
.h-130px {height:130px !important; overflow-x:auto !important;}
.h-90px {height:90px !important; overflow-y:scroll !important;}
.h-50px {height:50px !important;}
.h-60vh {height:60vh !important; overflow-x:hidden !important; overflow-y:visible !important;}


/* profile */
.profile-progress-value, .profile-doc-tr .form-control {padding:.3rem .7rem !important; height:calc(1em + 1.4rem + 2px) !important; border:1px solid #DDD !important;}
.profile-custom-field {height:calc(1em + 1.2rem + 2px) !important; padding:.4rem .6rem !important;}
.profile-circle {background-color:#E9ECF0; color:#2E86C1; border-radius:50%; display:inline-block; text-align:center; vertical-align:middle; font-weight:bold;}
.profile-circle-size-45 {height:45px !important; width:45px !important; line-height:3rem;}
.profile-circle-size-36 {height:36px !important; width:36px !important; line-height:2.5em;}
.profile-circle-info {color:#fff; background-color:#2196f3;}
.profile-dropdown-transform {transform:translate3d(-30px, 0px, 0px) !important;}
.profile-pic {object-fit:cover; width:50px !important; height:50px !important;}
.profile-pic-list {width:50px !important; height:50px !important; border-radius:50%;}

.password-progress-value, .doc-progress-value, .profile-progress-value, .bank-progress-value, .lms-progress-value {position:relative; font-size:30px; font-weight:600; color:#7d2ae8;}
.lms-collapse-div {font-size:17px; background-color:#f8f8f8; padding:8px; border-radius:4px; margin-top:1.5rem !important; display:flex !important;}
.lms-vid-input {height:calc(1.2em + 1.2rem + 0px); padding:0.5rem;}
.lms-upload-btn {font-size:13px; letter-spacing:0.6px; margin-top:1rem !important; margin-bottom:0 !important; box-shadow:none !important;}
.lms-list-img {max-height:130px; max-width:100%; object-fit:cover; width:100%; height:100%;}
.lms-list-desc {line-height:normal; letter-spacing:0.5px; padding-right:0;}
.lms-list-btn {padding:0.4375rem 1rem 0.4375rem 1.2rem;}
.lms-course-div {border-radius:4px; box-shadow:none; border:1px solid #DDD; padding:16px}
.lms-course-title {font-weight:700 !important; font-size:20px;}
.lms-course-desc {line-height:normal; letter-spacing:0.5px}
.lms-course-percent {font-style:normal; line-height:normal; color:var(--rich-blue) !important; font-weight:600 !important; font-size:20px; text-align:center !important; display:block !important;}
.lms-course-completed {line-height:normal; color:var(--rich-blue) !important; font-weight:600 !important; font-size:10px; display:block !important;}

.overflow-auto {overflow:auto;}
.f-size-15 {font-size:15px;}

/* container */
.container-heading {color:#ebedf2; font-size:26px; font-weight:400; line-height:26px; margin-bottom:15px; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; align-items:center;}
.container-heading-bordered .container-heading {padding:20px; border-bottom:1px solid rgba(147, 157, 170, 0.2); margin-bottom:0; font-size:26px; font-weight:400; line-height:26px;}
.container-heading-controls {display:-webkit-box; display:-ms-flexbox; display:flex;}
.container-heading-control {width:30px; height:30px; font-size:30px; line-height:30px; color:#0094f2; position:relative; top:1px; margin-right:10px;}
.container-fluid {padding-left:20px; padding-right:20px;}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {width:100%; margin-top:50px;}
.page-content .container-fluid {padding-top:2rem;}
.container-body {padding:20px; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;}
.select2-container .select2-selection--single .select2-selection__rendered {padding:.35rem 1.25rem !important;}
.info, .general-info .save-info {padding:20px;}
hr {margin-top:10px; margin-bottom:10px; border-top:1px solid #f1f2f3;}
.mb-10 {margin-bottom:10px;}

.layout-px-spacing.all-client-filter-data {padding-left:30px !important;}
.layout-px-spacing {padding:0 20px 0 20px !important;}
.layout-spacing {padding-bottom:20px;}
.layout-top-spacing {margin-top:25px;}
.list_styled_bullets {padding-left:0; list-style:unset;}

.embed-responsive {position:relative; display:block; width:100%; padding:0; overflow:hidden;}
.learning-cursor-pointer {cursor:pointer;}
a.link-info, .btn-link.link-info {color:#0094f2;}

.btn-info {color:#fff !important; background-color:#5C1ABA; border-color:#5C1ABA;}
.btn-info:hover, .btn-info:focus {color:#fff !important; background-color:#6b22d4; box-shadow:none; border-color:#6b22d4;}
.btn-info:active, .btn-info.active {background-color:#5C1ABA; border-top:1px solid #5C1ABA;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active {color:#fff !important; background-color:#5C1ABA; border-color:#5C1ABA;}
.btn-outline-success:hover {color:#fff !important; background-color:#8dbf42 !important;}
.btn-expand-info {background-color:#5C1ABA; color:white;}
.all-client-lead-filter .btn-group .btn:hover, .all-client-lead-filter .btn-group .btn:focus, .all-client-lead-filter .form-control:focus, .all-project-filter .form-control:focus {box-shadow:var(--purple-color); outline:solid 1px var(--purple-color); background:#F4F7FE;}
.btn-danger:hover, .btn-danger:focus {background-color:#d7404a;}
.btn-common {padding:0.2rem 0.7rem; font-size:14px; letter-spacing:0.1px;}
.btn-purple {color:#fff !important; background-color:#5C1ABA; border-color:#5C1ABA;}
.btn-purple:hover {color:#fff !important; background-color:#6b22d4; border-color:#6b22d4;}
.btn-purple:focus, .btn-purple.focus {color:#fff !important; background-color:#6b22d4; border-color:#6b22d4;}
.btn-success {color:#fff !important; background-color:#2BC48A; border-color:#2BC48A;}
.btn-success:hover, .btn-success:focus {color:#fff !important; background-color:#2BC48A; box-shadow:none; border-color:#2BC48A;}
.btn-success:active, .btn-success.active {background-color:#2BC48A; border-top:1px solid #2BC48A;}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active {color:#fff !important; background-color:#2BC48A; border-color:#2BC48A;}
.btn-dark:hover, .btn-dark:focus {color:#fff !important; background-color:var(--rich-blue); box-shadow:none; border-color:var(--rich-blue);}
.btn-dark:active, .btn-dark.active {background-color:var(--rich-blue); border-top:1px solid var(--rich-blue);}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {color:#fff !important; background-color:var(--rich-blue); border-color:var(--rich-blue);}
.btn-expand-success {background-color:#2BC48A; color:white;}
.btn-outline-danger {font-size:14px; font-weight:500; border-radius:20px;}
.btn-outline-danger .fa {font-size:14px;}
.btn-outline-danger span {font-size:14px; line-height:1;}
.float-right {margin-left:20px;}
.main-container {width:100%; margin-bottom:2rem; border-radius:3px; -webkit-box-shadow:0 0.2rem 0.5rem 0 rgba(147, 157, 170, 0.03); box-shadow:0 0.2rem 0.5rem 0 rgba(147, 157, 170, 0.03); background:#fff; min-height:calc(100vh - 50px); overflow: hidden;}

/* m-tasks */
.m-tasks__container {padding:0; -webkit-box-flex:1; flex-grow:1; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column;}
.m-tasks__columns {font-size:15px; -webkit-box-flex:1; flex-grow:1; overflow-x:auto; display:flex;}
.m-tasks {display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.m-tasks__column {width:356px; min-width:356px; margin-right:30px;}
.m-task__assigned-items {display:flex; flex-wrap:wrap; margin-bottom:0px;}
.m-task__info {display:flex; -webkit-box-pack:justify; justify-content:space-between;}
.m-task__aside-heading {font-size:20px; margin-top:15px;}
.m-task__due-date-label {color:#fff; height:45px; border-radius:3px; min-width:204px; padding:2px 11px;}
.m-task__due-date-label.is-past-due {background:#fe4b61;}
.m-task__due-date-label .fas {font-size:16px; display:inline-block; margin-right:9px; position:relative; top:3px;}
.m-task__desc {margin-top:30px;}
.m-task__desc-header {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:7px;}
.m-task__desc-heading {margin:0; font-size:20px; margin-right:10px;}
.m-task__control {color:#939daa; margin-left:5px;}
.m-task__checklist {margin-top:32px;}
.m-task__checklist-heading {margin-bottom:12px; font-size:20px;}
.m-task__comments {margin-top:45px; max-width:863px;}
.m-task__comments-heading {margin-bottom:12px; font-size:20px;}
.m-task__comments-textarea {height:99px; padding-top:10px; padding-bottom:12px; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:99px; overflow:hidden; margin-bottom:18px; display:block;}
.m-task__comments-dropdown {margin-left:18px; margin-top:7px;}
.m-task__labels-item {width:39px; height:39px; margin-right:9px; border-radius:3px;}
.m-tasks__column-icon {margin-right:8px; font-size:16px; position:relative; top:1px;}
.m-tasks__column--new .m-tasks__column-icon {color:#0094f2;}
.m-tasks__column--pending .m-tasks__column-icon {color:#eb3b48;}
.m-tasks__column--in-progress .m-tasks__column-icon {color:#f48221;}
.m-tasks__column--completed .m-tasks__column-icon {color:#35ae47;}
.m-tasks__column-header {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center;}
.m-task__assigned {margin-bottom:6px;}
.m-task__labels-item--scooter {background:#38c5d8;}
.m-task__labels-items {display:flex; -webkit-box-align:center; align-items:center;}
.m-tasks__item-control {position:absolute; top:10px; right:10px; opacity:0;}
.m-tasks__item:hover {border-color:#0094f2; transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.m-tasks__item:hover .m-tasks__item-control {opacity:1; transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.m-tasks__item {border:1px solid #6b7fa7; border-radius:4px; padding:20px; position:relative; margin-bottom:20px;}
.m-task__checklist-item {max-width:863px; background:rgba(147, 157, 170, 0.15); padding:5px 11px 4px 11px; border-radius:3px; margin-bottom:10px; list-style:none;}
.m-task__checklist-item:last-child {margin-bottom:0;}
.m-task__checklist-item.is-selected {background-color:rgba(0, 148, 242, 0.15);}
.m-task__comment-date {font-size:11px; font-style:italic;}

/* list-group */
.list-group {display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; padding-left:0; margin-bottom:0;}
.list-group-item {position:relative; display:block; padding:.75rem 1.25rem; background-color:#ffffff; border:1px solid rgba(0, 0, 0, .125);}
.list-group-item + .list-group-item {border-top-width:1px;}

.custom-control {position:relative; display:-ms-inline-flexbox; display:inline-flex; min-height:1.5rem; padding-left:1.5rem; margin-right:1rem;}
.img_wrp {display:inline-block; position:relative;}
.add-img-icon {position:absolute; top:0; right:0;}
.icon-size-20 {font-size:20px;}
.cover-image-size {height:250px !important; max-width:100%;}
.circle-icon-cover {background:white; color:#1b2e4b; border-radius:50%; padding:5px; text-align:center; vertical-align:middle;}
.content-heading {font-size:30px; line-height:30px; font-weight:300; margin-bottom:20px; margin-top:3px; position:relative; left:-2px;}
.row {margin-left:-1rem; margin-right:-1rem;}

/* color */
.color-white {color:white;}
.color-amaranth {color:#000000;}
.color-green-jungle {color:#229e8f;}
.color-orange {color:#FFA500;}
.color-java {color:#14b8d2;}
.color-checkbox, .color-radio {display:-ms-inline-flexbox; display:inline-flex; padding:3px 6px 3px 3px; border-radius:22px; height:22px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:1px solid transparent;}
.color-checkbox input, .color-radio input {opacity:0; width:0;}
.color-checkbox__color, .color-radio__color {width:14px; height:14px; min-width:14px; min-height:14px; border:1px solid #d3d9dd; background:#ffffff; border-radius:14px;}
.color-checkbox__color--primary, .color-radio__color--primary {border:1px solid #445464; background:#445464;}
.color-checkbox__color--success, .color-radio__color--success {border:1px solid #35ae47; background:#35ae47;}
.color-checkbox__color--info, .color-radio__color--info {border:1px solid #269af1; background:#269af1;}
.color-checkbox__color--warning, .color-radio__color--warning {border:1px solid #f48221; background:#f48221;}
.color-checkbox__color--danger, .color-radio__color--danger {border:1px solid #eb3b48; background:#eb3b48;}
.color-checkbox__color--river-bad, .color-radio__color--river-bad {border:1px solid #455161; background:#455161;}
.color-checkbox__color--deep-cerulean, .color-radio__color--deep-cerulean {border:1px solid #048ba8; background:#048ba8;}
.color-checkbox__color--bermuda-gray, .color-radio__color--bermuda-gray {border:1px solid #7685ab; background:#7685ab;}
.color-checkbox__color--sun-juan, .color-radio__color--sun-juan {border:1px solid #32466f; background:#32466f;}
.color-checkbox__color--big-stone, .color-radio__color--big-stone {border:1px solid #1b3446; background:#1b3446;}
.color-checkbox__color--kabul, .color-radio__color--kabul {border:1px solid #5d4c46; background:#5d4c46;}
.color-checkbox__color--wine-berry, .color-radio__color--wine-berry {border:1px solid #5a1846; background:#5a1846;}
.color-checkbox__color--killarney, .color-radio__color--killarney {border:1px solid #31582c; background:#31582c;}
.color-checkbox__color--deep-sea, .color-radio__color--deep-sea {border:1px solid #0b486b; background:#0b486b;}
.color-checkbox__text, .color-radio__text {font-size:14px; margin-left:8px; line-height:14px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.color-checkbox:hover, .color-radio:hover {border-color:rgba(0, 148, 242, 0.8);}
.color-checkbox.is-checked, .color-radio.is-checked {border-color:#0094f2;}

.dropdown-item {display:block; width:100%; padding:.25rem 1.5rem; clear:both; font-weight:400; color:#e9ecf0; text-align:inherit; white-space:nowrap; background-color:transparent; border:0;}
.dropdown-item-color {color:#000;}

#messenger-attachment-dropdown-item:hover {background-color:#101023; cursor:pointer; color:#ffffff;}
.icon-color-black {color:#06081a;}
.mb-25 {margin-bottom:25px;}

.project_snap_height {height:350px !important; overflow-y:auto;}
.tableFixHead {overflow-y:auto; height:100px;}
.tableFixHead .fix_thead .fix_th {position:sticky; top:0; background-color:#0a0d26; color:white; z-index:1;}
.tableFixHead .fix_thead .fix_th_staff {position:sticky; top:0; background-color:#0a0d26; color:white; z-index:1;}

/* fix */
.fix_fleet_thead {position:sticky; top:0; z-index:1; background-color:white;}
.fix_thead .fix_th {position:sticky; top:-1px; background-color:#0a0d26; color:white; z-index:1;}
.fix_table_head .fix_table_th {position:sticky; top:0; background-color:white; z-index:1;}
.fix_leave_cl {position:sticky; background:white;}
.fix_leave_cl:first-child {left:0; width:180px; z-index:2;}

th.fix_leave_cl:first-child {z-index:3;}
.fix_leave_cl:last-child {right:0; width:120px;}
#list-header .fix_th {background-color:#f8f9fa !important; color:#5C1ABA !important;}

/* scrollable */
.scrollable-cards-container::-webkit-scrollbar {width:14px;}
.scrollable-cards-container::-webkit-scrollbar-thumb {background-clip:content-box; border:4px solid transparent; border-radius:7px; box-shadow:inset 0 0 0 10px;}
.scrollable-cards-container::-webkit-scrollbar-button {width:0; height:0; display:none;}
.scrollable-cards-container::-webkit-scrollbar-corner {background-color:transparent;}
.scrollable-cards-container {overflow:auto; color:#00000000; transition:color 0.3s;}
.scrollable-cards-container:hover {color:#888ea8;}

.all-client-filter-data .scrollable-cards-container.set-scroll-div {min-height:300px;}
#snap-cards-container::-webkit-scrollbar {width:5px;}

/* control */
.control-dropdown .dropdown-radios {padding:5px 10px 0 10px;}
.control-dropdown .custom-control {margin-bottom:10px;}
.control-dropdown .dropdown-toggle {padding:7px 6px 3px 6px; font-size:20px; display:inline-block; margin:0; line-height:10px; color:#a1aab5;}
.control-dropdown .dropdown-text {font-size:14px; color:#939daa; padding:10px;}

.dropdown-toggle {-webkit-box-align:center; align-items:center;}
.p-7 {padding:7px;}
.p-6 {padding:2.4rem !important}
.task-list-section {overflow-x:inherit !important;}
.a-item {font-size:13px; cursor:pointer; color:#acb0c3 !important;}
.test-heading {padding-top:1rem;}

.head-icon {padding-top:1rem; margin-left:1.5rem;}
.head-icon a {color:slategrey;}

.org-div {margin-left:1.5rem;}
.org-img {margin-right:1rem;}

.menu-heading {margin-top:15px;}

.shortcut-card {padding:15px 15px !important; text-align:center;}
.shortcut-card h5 {color:#ebedf2 !important; font-size:18px !important; font-weight:400 !important;}
.shortcut-icon {background:none !important; color:var(--purple-color) !important;}

.no-bg {background:none !important;}
.dashbard-hr {border-top:1px solid rgba(147, 157, 170, 0.2);}
.content-description {font-size:18px;}
.tb-section-2 {display:-webkit-box;}
.gallery-input {display:inline; padding:8px 10px; letter-spacing:0px; margin-right:1rem !important; margin-bottom:1rem !important;}
.album-del-btn {padding:2px 7px;}
.widget {-webkit-box-shadow:0 6px 10px 0 rgb(0 0 0 / 6%), 0 1px 18px 0 rgb(0 0 0 / 0%), 0 3px 5px -1px rgb(0 0 0 / 0%); -moz-box-shadow:0 6px 10px 0 rgb(0 0 0 / 6%), 0 1px 18px 0 rgb(0 0 0 / 0%), 0 3px 5px -1px rgb(0 0 0 / 0%); box-shadow:0 6px 10px 0 rgb(0 0 0 / 6%), 0 1px 18px 0 rgb(0 0 0 / 0%), 0 3px 5px -1px rgb(0 0 0 / 0%);}
.todo-checkbox {width:20px !important; height:20px !important;}
.todo-input {height:calc(1.4em + 1.4rem + -3px); padding:.75rem .75rem;}
.v-top {vertical-align:top !important;}
::-moz-selection {color:#ffffff !important; background:var(--purple-color) !important;}
::selection {color:#ffffff !important; background:var(--purple-color) !important;}
#content:before {background:none !important;}
#calendar .fc-event {box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; border-radius:6px !important;}
.fc-content {color:#161616;}
a.fc-more {background-color:aqua; color:black; margin-left:20px;}

.fc-time-grid-event .fc-time {font-size:1em !important; white-space:nowrap; color:#000342 !important;}
.fc-time-grid-event .fc-title {font-size:1.1em !important; word-break:break-word; color:#000342;}

.fc-center h2 {font-size:22px;}
.clockpicker-popover {z-index:999999 !important;}
.pop-over-header {height:40px; position:relative; margin-bottom:0px; text-align:center;}
.padding-inline-start {padding-inline-start:5px;}
.progress-order-margin {margin:10px 10px 10px 10px;}
.list-inline-item-usr:not(:last-child) {margin-right:23px; display:inline-block;}
.numberCircle {background:#e3e3e3; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#6e6e6e; display:inline-block; font-weight:bold; line-height:30px; margin:2px; text-align:center; width:30px;}

/* test-paginate-scrollable */
.test-paginate-scrollable {height:22vh; overflow-y:scroll; overflow-x:hidden;}
.test-paginate-scrollable::-webkit-scrollbar {width:5px;}
.test-paginate-scrollable::-webkit-scrollbar-button {width:0; height:0;}
.test-paginate-scrollable::-webkit-scrollbar-track-piece {color:transparent;}
.test-paginate-scrollable::-webkit-scrollbar-thumb {background-color:#888ea8;}
.test-paginate-scrollable::-webkit-scrollbar-corner {background-color:transparent;}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {left:auto;}
.task-dropdown-menu {transform:translate3d(-100px, -104px, 0px) !important;}
.members-dropdown-menu {transform:translate3d(-235px, 35px, 0px) !important;}
.flag-dropdown-transform {transform:translate3d(-60px, 0px, 0px) !important;}
.v-middle {vertical-align:middle;}

/* new-control */
.new-control.new-radio > input:not(:checked) ~ span.new-control-indicator {background-color:#e0e6ed !important;}
.new-control.new-radio.radio-classic-success > input:checked ~ span.new-control-indicator {border:3px solid #58de1e !important;}
.new-control.new-radio.radio-classic-primary > input:checked ~ span.new-control-indicator {border:3px solid #5c1aba !important;}
.new-control.new-radio.radio-classic-purple > input:checked ~ span.new-control-indicator {border:3px solid white !important;}
.new-control.new-radio.radio-classic-purple > input:checked ~ span.new-control-indicator:after {background-color:#5C1ABA !important;}
.new-control.new-radio.new-radio-text.radio-purple > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-purple > input:checked ~ span.new-radio-content {color:#fff !important;}
.new-control.new-radio.radio-classic-purple > input:not(:checked) ~ span.new-control-indicator {background-color:white !important; border:3px solid #5C1ABA !important;}
.new-control.new-radio.radio-classic-purple > .new-radio-content {color:var(--rich-blue) !important;}
.new-control.new-radio.radio-classic-purple .new-control-indicator {top:4px !important;}
.keep-logged-in .new-control-indicator {background-color:inherit !important;}
.new-control.new-checkbox.checkbox-primary > input:checked ~ span.new-control-indicator {background:#5C1ABA !important;}
.new-control.new-checkbox.checkbox-primary > input:checked ~ span.e-sign-check {border:2px solid #5c1aba !important;}
.new-control.new-checkbox.checkbox-primary > input:checked ~ span.custom-indicator {border:transparent !important;}
.new-control.new-checkbox.checkbox-purple > input:checked ~ span.new-control-indicator {border:2px solid white !important; background:white !important;}
.new-control.new-checkbox.checkbox-purple > input:checked ~ span.new-control-indicator:after {border-color:#5C1ABA;}
.new-control.new-checkbox.checkbox-purple span.new-control-indicator:after {width:5px !important;}
.new-control.new-checkbox.checkbox-purple .new-control-indicator {border:2px solid #5C1ABA !important; background-color:white;}
.new-control.new-checkbox.checkbox-purple .checkbox-content {color:var(--rich-blue);}

.staff-attendance .new-control.new-radio, .staff-attendance .new-control.new-checkbox {letter-spacing:normal; color:#8b8e9b;}
.staff-active-dot {height:15px; width:15px; background-color:#0ba360; border-radius:50%; border:2px solid white; position:absolute; right:-6px; bottom:-3px;}
.staff-list-roles {height:100px; overflow-y:scroll;}

/* show-leads-reset-field */
.show-leads-reset-field .new-control.new-checkbox .new-control-indicator {width:22px; height:22px;}
.show-leads-reset-field .new-control.new-checkbox {padding-left:36px; line-height:25px;}
.all-client-lead-filter .show-leads-reset-field .form-group {min-width:auto;}
.show-leads-reset-field {display:flex; gap:20px; align-items:center;}
.show-leads-reset-field span {white-space:nowrap; font-size:13px; color:#000; font-weight:500; font-family:"Inter", serif;}
.show-leads-reset-field .reset-link {color:#962DFF; font-size:20px;}

.new-control {font-weight:normal !important}
button.fc-today-button {border:1px solid #1b2e4b; border-radius:6px !important; color:#0c0c0c;}
.sub-header-container .more-dropdown .custom-dropdown-icon {padding-right:20px; margin-top:8px;}
.custom-control-label {position:absolute; top:14px; left:27px;}
.avatar_img {width:3rem !important; min-width:3rem !important; height:3rem !important; line-height:3rem !important;}

/* icon-bar */
.icon-bar {position:fixed; top:50%; top:92%; right:0%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:999;}
.icon-bar a {display:block; text-align:center; padding:15px 35px 15px 10px; transition:all 0.3s ease; color:white; font-size:20px;}
.icon-bar a:hover {background-color:#000;}

.feedback {background:#3B5998; color:white;}
.feedback-modal-position {top:70px;}

.report-bug {background:#e40f19; color:white;}
.pre-wrap {white-space:pre-wrap !important}
.permission-radio .custom-label::after, .permission-radio .custom-label::before {top:-7px;}
.button-sm {padding:0.2rem 0.7rem !important; text-shadow:none !important; font-size:12px !important;}
.dashboard-widget {min-height:490px;}
.msg-slideshow-container {max-width:1000px; position:relative; margin:auto;}
.msg-dot {height:10px; width:10px; margin:0 2px; background-color:#bbb; border-radius:50%; display:inline-block; transition:background-color 0.6s ease;}
.active-dot, .msg-dot:hover {background-color:#717171;}
.msg-fade {-webkit-animation-name:fade; -webkit-animation-duration:1.5s; animation-name:fade; animation-duration:1.5s;}
.arrow-prev, .arrow-next {cursor:pointer; position:absolute; top:50%; width:auto; margin-top:-22px; color:white; font-weight:bold; font-size:18px; transition:0.6s ease; border-radius:0 3px 3px 0; user-select:none;}
.arrow-next {right:0; border-radius:3px 0 0 3px;}

@-webkit-keyframes msg-fade {
from {opacity:.4}
to {opacity:1}
}

@keyframes msg-fade {
from {opacity:.4}
to {opacity:1}
}

/* text-color */
.system_message_slides {padding:20px;}
.text-orange {color:orangered !important;}
.text-purple {color:#5C1ABA !important;}
.text-slategrey {color:slategrey !important;}
.text-medium-red {color:#b53333 !important;}

.onboard-cards .card .text-success {font-size:24px;}
.onboard-cards {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.onboard-cards .card {background:#FFFFFF; border:1px solid #E9EEF4; box-shadow:0px 3px 4px rgba(0, 0, 0, 0.12); border-radius:8px;}
.onboard-cards .card .card-body {display:flex; padding:1rem;}
.onboard-cards .card .card-body h5 {font-weight:600;}
.onboard-cards .card .card-body p {color:rgb(0 0 0 / 60%) !important; font-weight:500; line-height:18px !important;}
.onboard-cards .card .card-body .completed {color:#2BC48A !important; font-weight:600; text-transform:capitalize; margin-bottom:0; font-size:15px !important; margin-top:2rem}
.onboard-cards .card .details {display:flex; flex-direction:column; justify-content:space-around; gap:0; align-items:flex-start;}

.text-uppercase {letter-spacing:0.1em;}
.text-blue {color:#1c60ea !important;}
.text-underline {text-decoration:underline !important;}
.text-dark {color:var(--rich-blue) !important;}
.text-success {color:#2BC48A !important;}
.text-green {color:#39BF83;}
.text-danger-glow {color:#ff4141; text-shadow:0 0 20px #f00, 0 0 30px #f00, 0 0 40px #f00, 0 0 50px #f00, 0 0 60px #f00, 0 0 70px #f00, 0 0 80px #f00;}
.text-yellow {color:#ffc107 !important;}

#attendance-reset:hover {color:#e2a03f !important;}

.custom-dropdown-btn a.dropdown-item:hover {cursor:pointer; color:#252525 !important;}
.custom-dropdown-btn a.dropdown-item.text-danger:hover {color:#e7515a !important;}
.custom-dropdown-btn a.dropdown-item {padding:7px 8px !important; font-size:14px !important; font-weight:600 !important;}

.tscroll {width:400px; overflow-x:scroll; opacity:1;}
.tscroll table td:first-child, .tscroll table th:first-child {position:sticky; left:0; background-color:#f0f0f0;}
.tscroll .badge-success, .tscroll .badge-primary, .tscroll .badge-warning, .tscroll .badge-danger, .tscroll .badge-info, .tscroll .badge-secondary, .tscroll .badge-dark {will-change:unset;}

/* badge */
.badge-step {position:absolute; top:-7px; right:-7px; width:18px; height:18px; background-color:darkgreen; color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px;}
.badge-white {color:#000000; background-color:#ffffff;}
.badge-info {color:#fff; background-color:#5C1ABA;}
.badge-success {color:#fff; background-color:#2BC48A;}
.badge-dark {color:#fff; background-color:var(--rich-blue);}
.badge-light {color:#212529; background-color:#eaeaea !important;}

/* main-table-data */
.main-table-data table .badge-success, .main-table-data table .badge-primary, .main-table-data table .badge-warning, .main-table-data table .badge-danger, .main-table-data table .badge-info, .main-table-data table .badge-secondary, .main-table-data table .badge-dark {box-shadow:none; border-radius:50px; line-height:1; padding:5px 12px;}
.main-table-data .badge-danger {color:#dc3545; background-color:rgb(231 81 90 / 20%);}
.main-table-data .badge-success {color:#2BC48A; background-color:rgb(43 196 138 / 20%);}
.main-table-data .badge-info {color:#5C1ABA; background-color:rgb(92 26 186 / 20%);}

/* add-timesheet */
#add-timesheet th {vertical-align:middle !important; color:#999DAD; text-transform:none; font-size:14px; font-style:normal; font-weight:600; line-height:normal;}
#add-timesheet .form-control {font-size:15px !important; border-radius:4px; border:1px solid #DDD; padding:4px 10px !important; height:calc(1.2em + 1rem + 2px);}
#add-timesheet tbody tr {border-bottom:1px solid #DDD;}
#add-timesheet tbody tr:last-child {border-bottom:0;}

.max-h-610 {max-height:610px;}
.max-h-540 {max-height:540px !important;}
.icon-svg:before {content:none !important;}
#content {margin:39px 0 0; background:#F1F2F4;}
.sidebar-search {height:35px; padding:8px 8px 8px 33px; border-radius:4px; border:1px solid #DDD; background:transparent url("../images/Frame.svg") no-repeat 9px center; color:#fff;}

/* dropdown */
.dropdown {position:relative; display:inline-block;}
.dropdown-content {display:none; position:absolute; background-color:#f1f1f1; min-width:160px; box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index:1;}
.dropdown-content a {color:black; padding:6px 12px; text-decoration:none; display:block;}
.dropdown-content a:hover {background-color:#ddd;}
.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbtn {background-color:#3e8e41;}

.obj-fit-cover {object-fit:cover !important;}

/* card-custom */
.card-custom {overflow:hidden; min-height:450px; box-shadow:0 0 15px rgba(10, 10, 10, 0.3);}
.card-custom-img {height:200px; min-height:200px; background-repeat:no-repeat; background-size:contain; background-position:center; border-color:inherit;}
.card-custom-img::after {position:absolute; content:''; top:161px; left:0; width:0; height:0; border-style:solid; border-top-width:40px; border-right-width:0; border-bottom-width:0; border-left-width:545px; border-left-width:calc(575px - 5vw); border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-left-color:inherit;}
.card-custom-avatar img {border-radius:50%; box-shadow:0 0 15px rgba(10, 10, 10, 0.3); position:absolute; top:100px; left:1.25rem; width:100px; height:100px;}

.choose_file_btn {color:#000000; font-size:10px; padding:3px 10px; border:1px solid #205cf5; border-radius:0; text-transform:capitalize;}
.choose_file_btn:hover {color:#fff; background-color:#20aaf5; cursor:pointer;}

.lp-text {color:#ffffff;}
.collapsible {background-color:#191e3a; color:white; cursor:pointer; padding:18px; width:100%; border:none; text-align:left; outline:none; font-size:15px;}
.collapsible:hover {background-color:#000000;}
.bottom_border {border-bottom:1px solid #ccc;}
.course_border {border:1px solid #ccc;}
.balance_border-red {position:relative;}
.balance_border-red:after {content:""; position:absolute; height:100%; width:100%; border:2px solid red; top:0; left:0;}

/* course */
.course-img-div {display:block; height:390px; width:100%;}
.course-main-image {height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.course-section {color:#000000; background:#1193da; border-top-right-radius:30px; border-bottom-right-radius:30px; padding:4px 70px 8px 12px;}
.course-image {width:100px !important; height:100px; object-fit:contain;}
.course-card-img::after {content:none !important;}
.course-widget {border-radius:4px; box-shadow:none; border:1px solid #DDD;}
.course-complete {background-image:url('../images/confetti.gif');}

.parentDiv {width:30%; height:50%;}
.videoInsert {width:100%; height:100%; object-fit:contain;}
.ellipsis {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.break-250px {width:250px !important; word-break:break-all;}

#active-staff a:hover, .client-website a:hover {font-weight:700 !important;}
#active-staff img {width:30px !important; height:30px !important;}

/* member-entry */
.member-entry {padding:15px; margin-top:15px; margin-bottom:30px; -moz-box-shadow:0 1.5rem 4rem rgba(22, 28, 45, 0.1); -webkit-box-shadow:0 1.5rem 4rem rgba(22, 28, 45, 0.1); box-shadow:1 0 1.5rem 4rem rgba(22, 28, 45, 0.1); -moz-transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; -webkit-border-radius:3px; -webkit-background-clip:padding-box; -moz-border-radius:3px; -moz-background-clip:padding; border-radius:20px; background-clip:padding-box; background:#ffffff; -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.1); box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.1);}
.member-entry:before, .member-entry:after {content:" "; display:table;}
.member-entry:after {clear:both;}
.member-entry .member-img, .member-entry .member-details {float:left;}
.member-entry .member-img {position:relative; display:block; width:10%;}
.member-entry .member-img img {width:100%; display:block; max-width:100%; height:auto;}
.member-entry .member-img i {position:absolute; display:block; left:50%; top:50%; margin-top:-12.5px; margin-left:-12.5px; color:#FFF; font-size:25px; zoom:1; -webkit-opacity:0; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); -moz-transform:scale(0.5); -webkit-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); transform:scale(0.5); -moz-transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
.member-entry .member-img:hover i {-moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); zoom:1; -webkit-opacity:1; -moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.member-entry .member-details {width:89.9%;}
.member-entry .member-details h4 {font-size:18px; margin-left:20px;}
.member-entry .member-details h4 a {-moz-transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
.member-entry .member-details .info-list {margin-left:5px;}
.member-entry .member-details .info-list > div {margin-top:5px; font-size:13px;}
.member-entry .member-details .info-list > div a {-moz-transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
.member-entry .member-details .info-list > div i {-moz-transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
.member-entry .member-details .info-list > div:hover i {color:#4f5259;}

/* with-arrow */
.with-arrow .nav-link.active {position:relative;}
.with-arrow .nav-link.active::after {content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #2b90d9; position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); display:block;}

/* lined */
.lined .nav-link {border:none; border-bottom:3px solid transparent;}
.lined .nav-link:hover {border:none; border-bottom:3px solid transparent;}
.lined .nav-link.active {background:none; color:#555; border-color:#2b90d9;}

.nav-pills .nav-link {color:#555;}
.custom-control-input:checked ~ .custom-control-label::before, .nav-pills .nav-link.active {background-color:#5C1ABA;}
.table-scroll {display:block; width:100%; overflow-x:auto; max-height:530px !important; -ms-overflow-style:-ms-autohiding-scrollbar;}
.form-image .l-image {background-image:linear-gradient(180deg, #343434 0%, rgba(251, 247, 255, 0.00) 22.09%), url(../images/login-banner.jpg) !important; background-size:cover !important; z-index:-1;}
.form-image-row {background:linear-gradient(180deg, #FBF7FF 0%, rgba(251, 247, 255, 0.00) 22.09%) !important; height:100vh !important;}

/* job-listing */
#job-listing-img .l-image {background-image:url('../images/job-listing.png') !important; background-size:85% !important; z-index:-1;}
#job-application-img .l-image {background-image:url('../images/job-application.png') !important; background-size:85% !important; z-index:-1;}
#job-application-img {width:30%;}
#job-application-process-img .l-image {background-image:url('../images/job-application-process.png') !important; background-size:75% !important; z-index:-1;}
#login-links a:hover {color:#5C1ABA !important;}

/* login-org-logo */
.login-org-logo {z-index:1; margin-left:12px; margin-top:25px; margin-right:0.5rem; text-align:start;}
.login-org-logo img {width:220px;}

.l-image {background-color:#e8f0fe91 !important;}

/* toggle-pass-sm */
#toggle-pass-sm p {color:#899098 !important;}
#toggle-pass-sm .slider {background-color:#DABFFF !important;}

/* login-title */
.login-title span {color:#5C1ABA !important; font-weight:bold !important;}
.login-title #lg-login h5 {margin-bottom:1.5rem !important;}
.login-title #sm-login h6 {padding-bottom:0.5rem !important; margin-bottom:1rem !important;}
.login-title #lg-login h4 {padding-bottom:1rem !important; margin-bottom:1.5rem !important;}

.form-control-sm {border:1px solid #e5e5e5 !important;}
.ts-header-dates .form-control-sm {width:90% !important;}
.addTimesheetDiv {top:30px !important; width:300px; padding:15px 15px 0 !important; overflow:hidden !important;}
.theme-blue {color:#1f7ec1 !important;}

/* job-form */
#job-form .form-control {border:0 !important; border-bottom:2px solid #d1cfcf !important; font-size:16px !important;}
#job-form label {font-size:15px !important; font-weight:600 !important;}

#front-job-filters .form-control {font-size:18px !important;}
#job-list-table th, #job-list-table td, #timesheet-report-table td, #common-table td {padding:0.3rem 0.5rem !important;}
#job-list-table thead th, #timesheet-report-table thead th, #common-table thead th {vertical-align:middle;}
#timesheet-report-table thead th {padding:0.3rem 0.5rem !important;}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display:none !important;}
#sm-ts-add label {font-size:13px !important; color:#1f7ec1 !important;}
.ts-add-btn button {padding:0.2rem 0.5rem !important;}

/* popup */
.popup {position:relative; display:inline-block; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.popup .show {visibility:visible; -webkit-animation:fadeIn 1s; animation:fadeIn 1s;}
.popup .popuptext {visibility:hidden; width:160px; background-color:#555; color:#fff; text-align:center; border-radius:6px; padding:8px 0; position:absolute; z-index:1; bottom:125%; left:50%; margin-left:-80px;}
.popup .popuptext::after {content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent transparent;}

/* border */
.border-red {border:1px solid red !important;}
.border-red-3 {border:3px solid red !important;}
.border-thicker-red {border:2px solid red !important;}
.border-remove {height:35px; border-left:none; border-right:none; border-top:none;}
.border-radius-4 {border-radius:4px;}
.border-radius-6 {border-radius:6px;}
.border-r-6px {border-radius:6px;}

.job-share-btn {padding:0.25rem 0.7rem; font-size:15px; letter-spacing:0.1px;}
.notes {white-space:pre-line !important; display:flex !important;}

/* check-circle */
.check-circle {top:2px !important;}
.check-circle::before {border-radius:1.25rem !important; width:1.5rem !important; height:1.5rem !important;}
.check-circle::after {width:1.5rem !important; height:1.5rem !important;}

/* list-checkbox */
.list-checkbox .check-circle::before {border-radius:1.25rem !important; width:1.3rem !important; height:1.3rem !important;}
.list-checkbox .check-circle::after {width:1.35rem !important; height:1.4rem !important;}
.list-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color:#18b64c !important; border-color:#18b64c !important;}

/* tooltip_One */
.tooltip_One {display:inline-block; position:relative; text-align:center;}
.tooltip_One .top_One {min-width:200px; top:110px; left:48px; transform:translate(-50%, -100%); padding:10px 20px; color:#FFFFFF; background-color:#000000; font-weight:normal; font-size:14px; border-radius:8px; position:absolute; z-index:99999999; box-sizing:border-box; box-shadow:0 1px 8px rgba(0, 0, 0, 0.5); display:none; text-transform:none;}
.tooltip_One:hover .top_One {display:inline-block;}

/* custom-btn */
.custom-btn {padding:0.25rem 0.5rem !important; letter-spacing:0.5px !important;}
.custom-btn-group {padding:5px 14px !important; border:0 !important; border-bottom:1px solid #bfc9d4 !important;}

/* all-client */
.all-client-lead-filter .custom-btn-group, .all-client-lead-filter .form-control, .all-project-filter .form-control {background:#F4F7FE; color:#333; font-size:13px !important; line-height:20px; padding:10px 20px !important; border-radius:10px; border:none !important; width:100%; text-align:left; font-family:"Inter", serif;}

/* category */
.category-btn {display:block; border:0; background:none; font-size:18px; font-weight:600;}
.custom-input, .checklist-input {padding:0rem 0.7rem !important; border:0 !important; height:calc(1em + 1.4rem + 2px);}
.custom-input:hover {border:1px solid #bfc9d4 !important;}

#add-task-link:hover {font-weight:700;}

/* form-form */
.form-form .form-form-wrap form .field-wrapper svg {color:#5C1ABA !important;}
.form-form .form-form-wrap form .field-wrapper input {color:#3B3F5C !important;}
.form-form .form-form-wrap form .field-wrapper input:focus {border-bottom:1px solid #3B3F5C !important;}

/* switch */
.switch input:checked + .slider:before {background-color:#5C1ABA !important;}
.switch.s-primary .slider:before {background-color:#FFFFFF !important;}

.forgot-pass-link {color:#5C1ABA !important; letter-spacing:normal !important; font-weight:700;}

/* panel-title */
.panel-title a {display:block; position:relative; padding:10px 60px 10px 15px; font-weight:400; font-size:18px; line-height:1.6; color:#6d7194;}
.panel-title .expand-icon-wrap {position:absolute; right:0; top:0; bottom:0; border-left:1px solid #d9d7d7; font-size:24px; line-height:46px; color:#03C6FE;}
.panel-title .expand-icon {padding:0 18px; vertical-align:middle;}
.panel-title .expand-icon:before {content:"\f055";}

/* drop-accordion */
.drop-accordion .panel-default {overflow:hidden; border:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none;}
.drop-accordion .panel-heading {overflow:hidden; margin-bottom:5px; padding:0; border:1px solid #d9d7d7; background:#fafafa; border-radius:0;}

.leaf-ui .drop-accordion .panel-heading, .circlus-ui .drop-accordion .panel-heading {border-radius:4px;}
.drop-accordion .panel-body {position:relative; border:1px solid #d9d7d7;}
.circlus-ui .drop-accordion .panel-body, .leaf-ui .drop-accordion .panel-body {border-radius:4px;}
.drop-accordion .tab-collapsed {border:transparent; background:#03C6FE; -webkit-transition:.5s; -o-transition:.5s; transition:.5s;}

/* tab-collapsed */
.tab-collapsed a {color:#fff;}
.tab-collapsed .expand-icon-wrap {border-color:#fff; color:#fff;}
.tab-collapsed .expand-icon:before {content:"\f056";}

.expand-icon-wrap:before {content:''; display:inline-block; height:100%; vertical-align:middle;}

.panel-body-icon {width:75px; float:left; padding:10px;}
.panel-body-icon i {font-size:45px; color:#03C6FE;}

/* collapse */
.collapse_style {background-color:#191e3a; color:white; cursor:pointer; padding:18px; width:100%; border:none; text-align:left; outline:none; font-size:15px;}
.collapse_style_button {background-color:#191e3a; color:white; cursor:pointer; border:none; outline:none; font-size:25px;}
.color_width {width:65px !important;}

/* sort-order-icon */
#sort-order-icon a {visibility:hidden;}
#sort-order-icon:hover a {visibility:visible;}
#sort-order-icon {cursor:grab;}

/* search-result-categories */
.search-result-categories > li > a > .badge {float:right;}
.search-result-categories > li > a {color:#b6b6b6; font-weight:400}
.search-result-categories > li > a:hover {background-color:#ddd; color:#555}
.search-result-categories > li > a > .glyphicon {margin-right:5px}
.search-result-categories > li > a > .badge {float:right}

/* search-results-count */
.search-results-count {margin-top:10px}
.search-result-item {padding:20px; background-color:#fff; border-radius:4px;}
.search-result-item:after {clear:both;}
.search-result-item {padding:20px; background-color:#fff; border-radius:4px}
.search-result-item:after, .search-result-item:before {content:" "; display:table}
.search-result-item:after {clear:both}
.search-result-item .image {max-width:100%}
.search-result-item .info {margin-top:2px; font-size:12px; color:#999}
.search-result-item .description {font-size:13px}
.search-result-item + .search-result-item {margin-top:20px}
.search-result-item-heading {font-weight:400}
.search-result-item-heading > a {color:#555}
.search-result-item .image-link {display:block; overflow:hidden; border-top-left-radius:4px; border-bottom-left-radius:4px}

/* image */
.image-wrapper {position:relative;}
.image-delete-btn {position:absolute; top:8px; right:8px; display:none; padding:4px 7px; font-size:12px; z-index:5;}
.image-wrapper:hover .image-delete-btn {display:block;}

#tab-list .nav-link.active {color:#fff !important; background-color:#5C1ABA !important; border-top-right-radius:6px; border-top-left-radius:6px;}

/* add-new-dropdown */
.add-new-dropdown {padding:8px; width:200px; border-radius:4px !important; background:#FFF !important; box-shadow:0px 8px 24px -4px rgba(24, 39, 75, 0.08), 0px 6px 12px -6px rgba(24, 39, 75, 0.12) !important;}
.add-new-dropdown a {padding:8px; color:var(--rich-blue); font-size:14px !important; font-weight:400; line-height:normal;}
.add-new-dropdown a:hover {color:var(--rich-blue); font-weight:600; border-radius:4px !important; background:#F0E5FF !important;}

/* welcome-msg-modal */
#welcome-msg-modal img {height:50px;}
#welcome-msg-modal h5 {letter-spacing:normal; font-weight:700 !important; margin-top:1.5rem !important; margin-bottom:1.5rem !important; font-size:24px;}
#welcome-msg-modal p {font-size:16px !important; letter-spacing:normal; line-height:normal; color:var(--rich-blue);}
#welcome-msg-modal .btn {display:flex; padding:8px 0px; justify-content:center; align-items:center; gap:4px; align-self:stretch;}

.circular-progress {position:relative; height:150px; width:150px; border-radius:50%; background:conic-gradient(#7d2ae8 3.6deg, #ededed 0deg); display:flex; align-items:center; justify-content:center;}
.circular-progress::before {content:""; position:absolute; height:130px; width:130px; border-radius:50%; background-color:#fff;}

/* password */
#password-progress, #doc-progress, #profile-progress, #bank-progress, #lms-progress {position:relative; z-index:1;}
#password-progress:before, #doc-progress:before, #profile-progress:before, #bank-progress:before, #lms-progress:before {border-top:5px solid #dfdfdf; content:""; margin:0 auto; position:absolute; top:41%; left:0; right:0; bottom:0; width:100%; z-index:-1;}

.theme-aqua {color:#00c8d1 !important;}
.opacity-05 {opacity:0.5 !important;}
p {color:var(--rich-blue) !important;}
.table > thead > tr > th {color:#5C1ABA;}

/* drag-area */
.drag-area {border:2px dashed #000000; height:100%; width:100%; border-radius:5px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.drag-area.active {border:2px solid #676767;}
.drag-area header {font-size:15px; margin-top:5px; font-weight:700; color:#000000;}
.drag-area span {font-size:15px; font-weight:700; color:#000000; margin:5px 0 5px 0;}
.drag-area label {padding:10px 15px; font-size:10px; font-weight:500; border:none; outline:none; background:#000000; color:#ffffff; border-radius:5px; cursor:pointer;}

/* driver-popover */
.driver-popover.driverjs-theme {background-color:#fde047; color:#000;}
.driver-popover.driverjs-theme .driver-popover-title {font-size:20px;}
.driver-popover.driverjs-theme .driver-popover-title, .driver-popover.driverjs-theme .driver-popover-description, .driver-popover.driverjs-theme .driver-popover-progress-text {color:#000;}
.driver-popover.driverjs-theme button {flex:1; text-align:center; background-color:#000; color:#ffffff; border:2px solid #000; text-shadow:none; font-size:14px; padding:5px 8px; border-radius:6px;}
.driver-popover.driverjs-theme button:hover {background-color:#000; color:#ffffff;}
.driver-popover.driverjs-theme .driver-popover-navigation-btns {justify-content:space-between; gap:3px;}
.driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow {border-left-color:#fde047;}
.driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow {border-right-color:#fde047;}
.driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow {border-top-color:#fde047;}
.driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow {border-bottom-color:#fde047;}

#list-header tbody {border-top:0 !important;}
#assigned-header:hover {background-color:aliceblue !important;}
.tr-border-bottom {border:0; border-bottom:1px solid #e5e5e5;}
#assigned-checklist-table tr > td {padding-bottom:0;}
#checklist-activity {display:none; visibility:hidden;}
.privacy_font {font-size:1.25rem !important; color:var(--rich-blue) !important;}
.line-input {border:0 !important; border-bottom:1px solid #bfc9d4 !important;}
#assign-user-select2 span.select2-container {margin-bottom:0.5rem !important;}

/* quiz-question */
#quiz-question label {line-height:2; margin-bottom:0; color:var(--rich-blue) !important; letter-spacing:normal;}
#quiz-question .form-control {height:calc(1em + 1rem + -1px); padding:0 0.5rem; width:50px;}
#quiz-question .form-control:focus {box-shadow:none;}
#quiz-options-table > tbody > tr > td, #course-list-table tbody > tr:last-child > td {border:0 !important;}

/* course-list-table */
#course-list-table tbody > tr > td {padding-top:20px; border:0; border-bottom:1px solid #e5e5e5; padding-bottom:20px;}
#course-list-table tbody > tr:first-child > td {padding-top:.75rem;}
#course-list-table tbody > tr:last-child > td:last-child {padding-bottom:10px;}
#course-list-pills .nav-link {border-radius:100px;}

/* ribbon */
.ribbon {width:140px; height:150px; overflow:hidden; position:absolute; z-index:1;}
.ribbon span {position:absolute; display:block; width:247px; padding:8px 0; background-color:#2BC48A; box-shadow:0 1px 0px rgba(0, 0, 0, .1); color:#fff; font:600 17px/1 'Lato', sans-serif; text-shadow:0 1px 1px rgba(0, 0, 0, .2); text-transform:uppercase; text-align:center;}
.ribbon-top-left {top:-10px; left:-10px;}
.ribbon-top-left::before, .ribbon-top-left::after {border-top-color:transparent; border-left-color:transparent;}
.ribbon-top-left::after {bottom:39px; left:0;}
.ribbon-top-left::before {top:0; right:29px;}
.ribbon-top-left span {right:-25px; top:30px; transform:rotate(-45deg);}
.ribbon-top-left-lms {top:-32px; left:-15px;}
.ribbon-top-left-lms::before {top:0px; right:31px;}
.ribbon-top-left-lms::before, .ribbon-top-left-lms::after {border-top-color:transparent; border-left-color:transparent;}
.ribbon-top-left-lms::after {bottom:36px; left:0;}
.ribbon-top-left-lms span {right:-25px; top:30px; transform:rotate(-45deg);}
.ribbon-lms {width:145px; height:150px; overflow:hidden; position:absolute; z-index:1;}
.ribbon-lms::before, .ribbon-lms::after {position:absolute; z-index:-1; content:''; display:block; border:5px solid #2980b9;}
.ribbon-lms span {position:absolute; display:block; width:247px; padding:8px 0; background-color:#2BC48A; box-shadow:0 1px 0px rgba(0, 0, 0, .1); color:#fff; font:600 15px/1 'Lato', sans-serif; text-shadow:0 1px 1px rgba(0, 0, 0, .2); text-transform:uppercase; text-align:center;}
.ribbon::before, .ribbon::after {position:absolute; z-index:-1; content:''; display:block; border:5px solid #2980b9;}

.all-border-remove {height:35px; border-left:none; border-right:none; border-top:none; border-bottom:none; padding-top:0.5em;}
.progress-percentage {letter-spacing:0.5px; color:var(--rich-blue) !important; font-weight:600 !important; font-size:12px;}

/* course-progress */
#course-progress {height:120px; width:120px;}
#course-progress::before {height:100px; width:100px;}

span.circle {border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:var(--rich-blue); display:inline-block; font-weight:bold; line-height:36px; margin-right:5px; text-align:center; width:40px; border:1px solid #5C1ABA;}
.field-icon {float:right; position:relative; margin:-30px 10px 0 0;}
#settings-table thead > tr > th {color:#5C1ABA !important; background-color:#f8f9fa !important; vertical-align:middle !important;}
#list-tr:hover {background-color:#ebebff;}
#modules-table th {background-color:#eeeeee; color:#5C1ABA;}
.prop-img {width:50px; height:50px; object-fit:cover; border-radius:50%;}
.p-lr-20px {padding-left:20px; padding-right:20px;}
.obj-fit-contain {object-fit:contain;}
.delete-a {letter-spacing:normal; font-size:13px; cursor:pointer; color:#e7515a !important; font-weight:700 !important;}

/* new-chapter-title */
.new-chapter-title {font-size:17px; background-color:#f8f8f8; padding:8px; border-radius:4px; margin-bottom:1rem !important; display:flex;}
.new-chapter-title h5, .chapter-title h5 {font-size:17px; font-weight:600 !important; margin-bottom:0 !important;}

/* chapter-title */
.chapter-title {font-size:17px; background-color:#f0e5ff; padding:8px; border-radius:4px; display:flex; margin-bottom:1rem !important;}
.chapter-title label {cursor:grab; padding-right:0.25rem !important; margin-bottom:0 !important;}

.letter-spacing-05 {letter-spacing:0.5px}

/* lms-course-list */
#lms-course-list {list-style:none; padding-left:0; margin-bottom:0;}
#lms-course-list .list-li {padding:0.5rem 1rem; cursor:pointer; font-weight:600 !important;}
#lms-course-list ul {list-style:none; padding:0.5rem 1rem; border-radius:4px;}
#lms-course-list .list-li-2 {padding:0.5rem 1rem; color:var(--rich-blue) !important; font-weight:600 !important; cursor:pointer;}

/* timesheet */
#timesheet-widget {border-radius:4px; box-shadow:none; border:1px solid #DDD;}
.timesheet-control {width:100%; height:calc(1.3em + 1rem + 2px); padding:8px 10px; justify-content:space-between; align-items:center; border-radius:4px; border:1px solid #DDD;}
.timesheet-count {background-color:#F1F2F4; color:#0a0d26; width:20px; height:20px; padding:1px;}
.timesheet-bg-red {background-color:#ff7b7b;}
.timesheet-bg-orange {background-color:#fcca89;}

.ts-header-dates .date-from {padding-right:0 !important;}
.date-unselected {background-color:#FFFFFF !important; color:var(--rich-blue);}
.date-selected {background-color:#5C1ABA !important;}
.date-selected p {color:#FFFFFF !important;}

.ts-header-dates .date-from {padding-right:1rem;}
.day-week-view {color:#5C1ABA !important; font-weight:bold;}

.dotw-div {width:12%; border-radius:4px; border:1px solid #DDD; padding:12px; margin:5px;}
.dotw-p {color:var(--rich-blue); font-family:Segoe UI; font-size:15px; font-style:normal; font-weight:700; line-height:normal; text-align:center; margin-bottom:0.25rem;}

.ts-time-date-p {color:var(--rich-blue); font-family:Segoe UI; font-size:13px; font-style:normal; font-weight:700; line-height:normal; text-align:center; margin-bottom:0.25rem;}
.ts-week-total {width:11%; border-radius:4px; border:1px solid #DDD; padding:12px; margin:5px;}

.toggle-ts-view i:hover {color:#2BC48A !important;}
#view-all:hover {text-decoration:underline;}

/* deal */
.deal-container {height:calc(100vh - 24em); background:#f5f8fa; overflow-y:auto; overflow-x:hidden;}
.deal-container {height:calc(100vh - 25em); background:#f5f8fa; overflow-y:auto; overflow-x:hidden;}
.deal-card {border-radius:6px; cursor:pointer; border:1px solid #ededed; color:#000 !important; padding:1rem !important; margin-bottom:0.5rem !important; background-color:#fff !important;}
.deal-btn {padding:0.3rem 1.5rem; font-size:14px}
.deal-stage-card {background-color:#ededed; height:80px; border-radius:6px; margin-bottom:.5rem !important; margin-top:.5rem !important; width:100% !important;}
.deal-label-pill {height:10px; width:80px; margin-right:5px; border-radius:15px}
.deal-stage-pill {background-color:#f1f2f3; color:black; width:auto; margin-right:5px; padding:5px 15px; border-radius:3px}

.cursor-grab {cursor:grab;}

/* cancel_button_profile */
.cancel_button_profile {cursor:pointer; position:absolute; right:69%; top:150px; transition:.5s; font-size:20px; background-color:white; color:black; padding:7px; border-radius:50%; z-index:9;}
.update_button_profile {cursor:pointer; position:absolute; right:15%; top:150px; transition:.5s; font-size:16px; background-color:white; color:black; padding:10px; border-radius:50%; z-index:9;}
.update_button_profile:hover, .client-upload-logo:hover {background-color:#d5e7ff !important;}
.cancel_button_profile:hover {background-color:#ffdadc !important}

/* unsubscribe */
.unsubscribe-terms input {width:1.2em; height:1.2em; margin-top:0.1em; border:1px solid; background-color:white;}
.unsubscribe-terms p {display:flex;}
.unsubscribe-btn {display:inline-flex; gap:15px;}

/* login-reg-div */
.login-reg-div .card {border-radius:12px;}
.login-reg-div .card-body {padding:40px;}

.form-check-input:checked {background-color:#198754 !important; border-color:#198754 !important;}
.ps-2 {padding-left:0.5rem !important;}

@media screen and (max-width: 576px) {
.ts-header-dates {float:left !important;}
}

.heading-active {background-color:#ededed; padding:5px; border-radius:5px;}
.bug-modal-position {bottom:47px;}
.white-bg-border {border:1px solid !important; background-color:white !important;}
#module-row:hover {background-color:#e5e5e5; cursor:pointer;}
.correct-answer {background-color:#00a76829 !important;}

/* custom */
.custom-badge-success {color:#1c9b6b !important; background-color:#2bc48a36 !important; border:1px solid #1c9b6b !important; border-radius:15px !important; padding:3px 12px !important;}
.custom-badge-primary {color:#1777d4 !important; background-color:#1b9be229 !important; border:1px solid #1777d4 !important; border-radius:15px !important; padding:3px 12px !important;}
.custom-badge-danger {color:#e10101 !important; background-color:#db464630 !important; border:1px solid #e10101 !important; border-radius:15px !important; padding:3px 12px !important;}

.selected-section {margin-right:0; border-radius:6px; background-color:#e6e6faa1;}
.dark-border {border:1px solid rgb(0, 0, 0) !important;}
#job_screening_question > tbody > tr > td {vertical-align:top !important;}
.disabled {cursor:not-allowed; background-color:#f1f2f3 !important; color:#acb0c3;}
.graph-dot {height:12px; width:12px; border-radius:50%; position:absolute; left:-6px;}
.dash-stat-card:hover {box-shadow:0 0 11px rgba(33, 33, 33, .2);}
#dash-staff-div:hover p, #dash-staff-div:hover span, .dash-proj-overview:hover, .dash-job-overview:hover, .project-snapshot:hover {font-weight:bold;}

#toast-msg {visibility:hidden; min-width:250px; margin-left:-125px; background-color:#333; color:#fff; text-align:center; border-radius:2px; padding:10px 16px; position:fixed; z-index:1; left:50%; bottom:50px; font-size:15px;}
#toast-msg.show {visibility:visible; -webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s; animation:fadein 0.5s, fadeout 0.5s 2.5s;}

#bulk-action-btn:disabled {font-weight:600; color:#5f5f5f !important;}
#board-access-table thead > tr > th, #board-access-table tbody > tr > td {padding-left:0.5rem !important;}
.work-input-custom {padding:.5rem .8rem !important; height:calc(1em + 1.4rem + 2px) !important; border-bottom-left-radius:0 !important; border-top-left-radius:0 !important;}
.project-parent {background-color:#7112fa1a !important; color:#5c1aba; border-radius:6px; font-weight:600; padding-bottom:0.5rem !important;}
.project-hover:hover {background-color:#cbd4ff; color:#0c0c0c;}
.slider-track {width:100%; height:2px; position:absolute; margin:auto; top:0; bottom:0; background-color:#777;}
.job_options {height:200px; overflow-y:scroll;}
.button-link {background-color:#091e420f; border:none; border-radius:3px; box-shadow:none; box-sizing:border-box; color:black; cursor:pointer; display:block; font-weight:500; height:32px; margin-top:8px; max-width:200px; overflow:hidden; padding:6px; text-align:center; position:relative; text-decoration:none; text-overflow:ellipsis; transition-duration:85ms; transition-property:background-color, border-color, box-shadow; transition-timing-function:ease; -webkit-user-select:none; user-select:none; white-space:nowrap;}
.my-team-img {height:35px !important; width:35px !important; border-radius:5px !important; object-fit:cover !important;}

#table-border-bottom tbody tr {border-bottom:1px solid #DDD;}
#table-border-bottom tbody tr:last-child {border-bottom:0;}

/* document */
.document-module-parent:hover {background-color:#cbd4ff;}
.document-light-red {background-color:#ffbaba;}
.document-medium-red {background-color:#ff7b7b;}
.document-dark-red {background-color:#ff5252;}
.document-full-red {background-color:#ff0000;}

.blink {animation:blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;}

@keyframes blinker {
from {opacity:1;}
to {opacity:0;}
}

#doc-generator-table th, #doc-generator-table td {padding:.5rem !important;}
.custom-th-label {text-transform:none !important; font-weight:normal !important; color:#6f6f6f !important; letter-spacing:0.5px !important;}
.doc-custom-field {height:calc(1em + 1rem + 2px) !important; padding:.4rem .6rem !important; font-size:14px !important;}
.email-list-filter {padding:5px 10px !important; height:auto !important; font-size:15px !important;}

/* card.task */
.card.task-text-progress.hover:hover {border-radius:10px; border:1px solid; border-color:blue;}
.card_list_background:hover {background-color:#e2e4ea;}

.task_list_height {height:650px; overflow-x:scroll;}
.add_card_column:hover {background-color:#091E4224; border-radius:15px;}

#allUserLeaveRequest td, #allUserLeaveRequest th {padding:.5rem !important;}
#applicants_list_area div:hover {background-color:#e0ccff !important;}
#list-management-tab a:hover, .highlight-text:hover {font-weight:600 !important;}

/* bulk-email */
.bulk-email-error {font-size:15px !important; color:#e7515a !important; margin:.5rem 1rem .25rem !important; font-weight:600;}
.bulk-email-input {border:0; border-bottom:1.5px solid #bfc9d4; padding-left:0.75rem; padding-top:0; padding-bottom:0.1rem;}
.bulk-email-recipient-height {height:130px !important; overflow:auto !important;}

/* button-expand */
.button-expand {color:white; text-decoration:none; border-radius:60px; height:32px; display:inline-flex; align-items:center; overflow:hidden; width:auto; max-width:32px; -webkit-transition:max-width 0.8s ease-in-out; transition:max-width 0.8s ease-in-out;}
.button-expand .icon {padding:0 8px 0 9px; display:flex; align-items:center;}
.button-expand:hover {max-width:300px; color:white;}
.button-expand .text {white-space:nowrap; padding-right:15px;}

.all-client-filter-data .button-expand {border-radius:4px; height:34px; background-color:var(--purple-color);}
.input-bottom-border {border:0 !important; border-bottom:1px solid #bfc9d4 !important;}

.custom-sm-input {height:calc(1em + 1rem + 0px); padding:0 0.7rem !important;}
.custom-sm-select {height:calc(1em + 1.2rem + 0px); padding:.25rem 0.5rem; border:0; border-bottom:1px solid #bfc9d4;}

/* icon-with-border */
.icon-with-border {width:35px; height:35px; border:1px solid #c8c8c8; display:inline-flex; align-items:center; justify-content:space-around; border-radius:5px; font-size:16px; margin-right:0.5rem;}
.icon-with-border:hover {color:#5c2699 !important; background:#F0E5FF !important;}

/* client */
.client_logo {height:70px; width:70px; object-fit:contain; border:1px solid #e5e5e5; border-radius:5px;}
.client-upload-logo {top:50px; cursor:pointer; position:absolute; right:88%; transition:.5s; font-size:12px; padding:10px; border-radius:50%; z-index:9;}
.client_label_active, .label_active {color:#fff !important; background-color:#5c1aba !important; border-radius:3px;}
.client-deal-input {padding-left:0.3rem !important; padding-right:0.3rem !important; height:calc(0.7em + 0.7rem + 0px) !important;}

.filter-input {height:calc(1.2em + 1.2rem + 2px) !important; padding:.5rem .75rem !important;}

/* input-with-icon */
.input-with-icon {display:flex; align-items:center;}
.input-with-icon .form-control {flex:1;}

/* logo-container */
.logo-container {position:relative; display:inline-block;}
.logo-container:hover .edit-overlay {opacity:1;}

.edit-overlay {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.5); color:white; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s;}
.common-input {padding:.5rem .75rem !important; height:calc(1rem + 1rem + 2px) !important; border:0 !important; border-bottom:1px solid #bfc9d4 !important;}
#deal-from-client label, .client-details label {letter-spacing:.5px !important; font-size:14px !important;}
.highlight-row {background-color:#ffff99;}

.custom-sm-textarea {padding:.25rem 0.5rem; border:0; border-bottom:1px solid #bfc9d4;}
.custom-page-title {color:var(--rich-blue) !important; font-size:24px !important; font-weight:600 !important; line-height:normal !important;}

/* custom-breadcrumb */
.custom-breadcrumb li a:after {content:" "; display:block; width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:30px solid hsla(0, 0%, 83%, 1); position:absolute; top:50%; margin-top:-50px; left:100%; z-index:2;}
.custom-breadcrumb li a:before {content:" "; display:block; width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:30px solid black; position:absolute; top:50%; margin-top:-50px; margin-left:1px; left:100%; z-index:1;}
.custom-breadcrumb {padding:0px; background:#D4D4D4; list-style:none; overflow:hidden; margin-top:20px;}
.custom-breadcrumb > li + li:before {padding:0;}
.custom-breadcrumb li {float:left;}
.custom-breadcrumb li.active a {background:brown; background:#fb9678;}
.custom-breadcrumb li.process_completed a {background:brown; background:hsla(153, 57%, 51%, 1);}
.custom-breadcrumb li.active a:after {border-left:30px solid #fb9678;}
.custom-breadcrumb li.process_completed a:after {border-left:30px solid hsla(153, 57%, 51%, 1);}
.custom-breadcrumb li a {color:black; text-decoration:none; padding:10px 0 10px 45px; position:relative; display:block; float:left; font-weight:bold; cursor:pointer;}
.custom-breadcrumb li a:after {content:" "; display:block; width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:30px solid hsla(0, 0%, 83%, 1); position:absolute; top:50%; margin-top:-50px; left:100%; z-index:2;}
.custom-breadcrumb li:first-child a {padding-left:15px;}
.custom-breadcrumb li a:hover {background:#fb9678;}
.custom-breadcrumb li a:hover:after {border-left-color:#fb9678 !important;}

.subject_label:hover {font-weight:bold;}
.template_label_active, .label_active {color:#000000 !important; background-color:#96beff !important; font-weight:bold; border-radius:3px;}

/* job-details */
.job-details {background:#fff; padding:8px 20px; border:1px solid #E9EEF4; box-shadow:0px 3px 4px rgba(0, 0, 0, 0.12); margin-bottom:30px; display:flex; justify-content:space-between; align-items:center;position: sticky;top: 5px;background-color: white;z-index: 1000; flex-wrap: wrap; gap: 20px;}
.job-details ul {list-style:none; padding:0; display:flex; flex-wrap:wrap; margin:0; gap:20px;}
.job-details ul li {font-size:18px !important; color:#777777; padding-right:15px; border-right:solid 1px #BEADF5;}
.job-details ul li:last-of-type {border:none;}
.job-details ul li span {color:#000; font-weight:600;}

.right-side-filter-open .job-details {position:relative; z-index:2;}

/* title-box */
.title-box {margin-bottom:15px;}
.title-box h2 {font-size:20px; color:#000; margin:0;}

/* custom-fill-btn */
.custom-fill-btn {background:#5D33E6; box-shadow:none; border-radius:6px; border:solid 1px #5D33E6; padding:5px 15px; color:#fff; font-size:14px; white-space:nowrap; transition:all .3s linear;}
.custom-fill-btn:hover {background:#fff; color:#5D33E6 !important;}
.custom-fill-btn[disabled="disabled"] {opacity:.65; cursor:no-drop;}
.custom-fill-btn[disabled="disabled"]:hover {background:#5D33E6; color:#fff !important;}
.client-products-and-btn .custom-fill-btn {white-space:nowrap;}
.custom-fill-btn.success {background:#2BC48A; box-shadow:none; border-radius:6px; border:solid 1px #2BC48A; padding:5px 15px; color:#fff; font-size:14px; white-space:nowrap; transition:all .3s linear;}
.custom-fill-btn.success:hover {background:#fff; color:#2BC48A !important;}
.custom-fill-btn.success[disabled="disabled"] {opacity:.65; cursor:no-drop;}
.custom-fill-btn.success[disabled="disabled"]:hover {background:#2BC48A; color:#fff !important;}
.custom-fill-btn.dark {background:#191e3a; box-shadow:none; border-radius:6px; border:solid 1px #191e3a; padding:5px 15px; color:#fff; font-size:14px; white-space:nowrap; transition:all .3s linear;}
.custom-fill-btn.dark:hover {background:#fff; color:#191e3a !important;}
.custom-fill-btn.dark[disabled="disabled"] {opacity:.65; cursor:no-drop;}
.custom-fill-btn.dark[disabled="disabled"]:hover {background:#191e3a; color:#fff !important;}

/* note-and-answer */
.note-and-answer .note-text .custom-fill-btn {margin-top:15px;}
.note-and-answer {flex:1 1 0px;}
.note-and-answer .note-text textarea {resize:none; border-color:#5D33E6;}

/* acreening-answer */
.acreening-answer .acreening-answer-list td {color:#777;}
.acreening-answer .acreening-answer-list .table > tbody > tr > td {padding:10px 5px 10px 0;}
.acreening-answer .acreening-answer-list .table > tbody > tr > td:first-of-type {width:20px;}
.acreening-answer .acreening-answer-list td span {color:#5D33E6; font-weight:500;}
.acreening-answer .acreening-answer-list .table > tbody > tr > td a {width:150px; display:block; word-break:break-all;}

/* emp-filter */
.emp-filter {background:#5D33E6; border:1px solid #E9EEF4; box-shadow:0px 3px 4px rgba(0, 0, 0, 0.12); border-radius:50px; width:50px; height:50px; display:flex; color:#fff; justify-content:center; align-items:center; font-size:24px; transition:all .3s linear; border:solid 1px #5D33E6; position:relative;}
.emp-filter .icon-close {position:absolute; width:14px; height:14px; background:#fff; color:#5d33e6; justify-content:center; align-items:center; font-size:14px; border-radius:50px; bottom:14px; right:10px; border:solid 1px #5d33e6; display:flex; opacity:0; transition:all .3s linear;}
.emp-filter:hover {color:#fff; box-shadow:none; transition:all .3s linear; background:#fff; color:#5D33E6;}

/* right-side-filter-open */
.right-side-filter-open .emp-filter .icon-close {opacity:1; transition:all .3s linear;}
.right-side-filter-open .emp-filter:hover {background:rgb(93 51 230 / 50%); color:#fff;}

/* c-arrow */
.c-arrow {position:relative;}
.c-arrow:after {content:''; position:absolute; right:15px; bottom:20px; width:10px; height:10px; border-right:solid 2px #5D33E6; border-bottom:solid 2px #5D33E6; background:#fff; transform:rotate(45deg);}

/* ctc-price-range */
.ctc-price-range {display:flex; gap:20px; align-items:center;}
.ctc-price-range hr {height:100px; display:block; width:1px; background:#5D33E6;}
.ctc-price-range .form-group {flex:1 1 0px;}

.all-btn-area {display:flex; align-items:flex-start; gap:10px; padding-top:10px; position:sticky; bottom:0; background:#fff;}
.right-side-filter-open {overflow:hidden;}
.main-content {position:relative;}
.right-side-filter-open .main-content:after {content:''; position:absolute; inset:0; width:100%; height:100%; background:rgb(0 0 0 / 50%); z-index:1; top:68px;}
p {line-height:normal !important; letter-spacing:0.5px !important;}
.e-sign-check:after {border:solid #FFFFDF !important;}
#documents-e-sign-list:hover {background-color:#e7e7e7; cursor:pointer;}
.slider-track {width:100%; height:5px; position:absolute; margin:auto; top:0; bottom:0; background-color:black; border-radius:5px;}
#client-list-pills .nav-link.active {font-size:13px !important;}

.icon-container {position:relative; display:inline-block;}
.icon-step {width:30px; height:30px; background-color:green; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:20px;}

/* custom-tooltip */
.custom-tooltip {position:relative; display:inline-block; border-bottom:1px dotted black;}
.custom-tooltip .custom-tooltiptext {visibility:hidden; width:120px; background-color:black; color:#fff; text-align:center; border-radius:6px; padding:5px 0; position:absolute; z-index:1;}
.custom-tooltip:hover .custom-tooltiptext {visibility:visible;}

.table-low-padding td, .table-low-padding th {padding:0.3rem;}

/* all-status-count */
.all-status-count-list ul {list-style:none; display:flex; gap:15px; padding:0; flex-wrap:wrap;}
.all-status-count-list li {background:#fff; padding:6px 8px 6px 16px; border-radius:50px; border:solid 1px #5d33e6; font-weight:600; color:#000; font-size:12px !important; display:flex; white-space:nowrap; align-items:center;}

/* num-circle */
.num-circle {background:#5d33e6; height:24px; color:#fff; text-align:center; display:inline-flex; justify-content:center; align-items:center; border-radius:50px; font-size:12px; margin-left:5px; padding:2px 8.6px;}
.num-circle-red {background:#e63333; height:24px; color:#fff; text-align:center; display:inline-flex; justify-content:center; align-items:center; border-radius:50px; font-size:12px; margin-left:5px; padding:2px 8.6px;}

.main-page-title h4 {font-size:26px; color:#333333; text-transform:capitalize; font-family:'Inter', serif !important; font-weight:600;}
.tab-header-btn {margin-bottom:30px;}

/* all-clients-top-tab */
.all-clients-top-tab li {border:none;}
.all-clients-top-tab li:first-of-type a {border-left:solid 1px var(--purple-color);}
.all-clients-top-tab li a {font-size:14px; color:#777777; padding:3px 7px; border:solid 1px var(--purple-color); border-radius:8px 8px 0 0 !important; font-weight:500 !important; border-left:none; font-family:"Inter", serif; background:#fff; display:flex; gap:4px; align-items:center; border-bottom:none;}
.all-clients-top-tab li a svg {width:18px; height:15px;}
.all-clients-top-tab li a:hover, .all-clients-top-tab li a.nav-link.active {background:var(--purple-color); transition:all .3s linear; color:#fff;}
.all-clients-top-tab #client-list-pills .nav-link.active {font-size:14px !important;}
.all-clients-top-tab li a:hover svg, .all-clients-top-tab li a.nav-link.active svg {filter:brightness(100);}
.all-clients-top-tab ul {border-bottom:solid 1px var(--purple-color);}

.tab-header-btn {display:flex; justify-content:space-between; border-bottom:solid 1px var(--purple-color);}

/* company-list-and-tab */
.company-list-and-tab {background:#FFFFFF; box-shadow:0 2px 6px rgba(13, 10, 44, 0.08);}
.company-list-and-tab .title {padding:20px; border-bottom:solid 1px #E5E5EF; margin-bottom:15px;}
.company-list-and-tab .title h6 {margin:0; font-size:20px; color:#333333; font-family:"Inter", serif;}
.company-list-and-tab ul {padding:0; list-style:none;}
.company-list-and-tab li {margin:0 0 20px;}
.company-list-and-tab li a {font-size:14px; line-height:20px; color:#A8A8A8; text-transform:capitalize; font-weight:500; font-family:"Inter", serif; position:relative; display:flex; gap:10px; align-items:start; padding:2px 15px 0px 15px;}
.company-list-and-tab li.active a:after {content:''; position:absolute; left:0; height:24px; background:var(--purple-color); width:4px; top:0; bottom:0;}
.company-list-and-tab li.active a {color:#000000;}
.company-list-and-tab .company-letter {display:flex; justify-content:center; align-items:center; width:20px; height:20px; text-transform:uppercase; font-size:8px; color:#fff; ; background:#A8A8A8; border-radius:50%;}
.company-list-and-tab li.active .company-letter {background:var(--purple-color);}
.company-list-and-tab .comp-name {flex:1; display:block; word-break:break-all;}
.company-list-and-tab {background:#FFFFFF; box-shadow:0px 2px 6px rgba(13, 10, 44, 0.08); border-radius:10px; position:relative;}
.company-list-and-tab .ct-list {max-height:calc(100vh - -0px); overflow:auto; overflow-x:hidden; min-height:100vh;}
.company-list-and-tab .ct-list::-webkit-scrollbar {width:4px;}
.company-list-and-tab .ct-list::-webkit-scrollbar-track {background:#F4F7FE;}
.company-list-and-tab .ct-list::-webkit-scrollbar-thumb {background:var(--purple-color);}
.company-list-and-tab .ct-list::-webkit-scrollbar-thumb:hover {background:var(--purple-color);}

#client-list-header {background:#FFFFFF; box-shadow:0px 2px 6px rgba(13, 10, 44, 0.08); border-radius:10px; margin-top:25px; margin-bottom:30px; position:relative; padding:20px;}
#content {background:#F8FAFC;}

/* all-client-lead-filter */
.all-client-lead-filter .form-control:focus, .all-project-filter .form-control:focus {box-shadow:var(--purple-color); outline:solid 1px var(--purple-color); background:#F4F7FE;}
.all-client-lead-filter {display:flex; gap:15px; align-items:center; flex-wrap:wrap; justify-content:space-between; width:100%;}
.all-client-lead-filter .form-group {flex:1; position:relative; margin:0; min-width:150px;}
.all-client-lead-filter .form-group .caret {border-top-color:#0e1726; margin-top:0; margin-left:3px; vertical-align:middle; position:absolute; right:20px; top:0; bottom:0; margin:auto;}
.all-client-lead-filter .form-group .caret {border-color:transparent; position:absolute; top:0; bottom:0; margin:auto; right:15px;}
.all-client-lead-filter .form-group .caret:after {content:''; position:absolute; height:8px; width:8px; border:solid 1px transparent; border-right-color:#000; border-bottom-color:#000; transform:rotate(45deg); right:0; top:-8px; margin:auto; bottom:0;}

.title-and-maintab {display:flex; justify-content:space-between; gap:30px; padding-bottom:12px; margin-bottom:15px; border-bottom:solid 1px #E5E5EF;}

/* filter-based-on-category */
.filter-based-on-category .nav-link {font-size:12px !important; color:#777777; font-weight:500; font-family:"Inter", serif; padding:8px 15px !important; border:solid 1px var(--purple-color); border-radius:0; border-right:none;}
.filter-based-on-category .nav-item:last-of-type .nav-link {border:solid 1px var(--purple-color); border-radius:0 4px 04px 0;}
.filter-based-on-category .nav-item:first-of-type .nav-link {border-radius:4px 0 0 4px;}
.filter-based-on-category .nav-link span {color:#000;}
.filter-based-on-category#client-list-pills .nav-link.active {font-size:12px !important; background:var(--purple-color); transition:.3s all linear; font-family:"Inter", serif;}
.filter-based-on-category#client-list-pills .nav-link.active span {color:#fff; transition:.3s all linear;}
.filter-based-on-category#client-list-pills .nav-link:hover {color:#fff; background:var(--purple-color); transition:.3s all linear;}
.filter-based-on-category#client-list-pills .nav-link:hover span {color:#fff; transition:.3s all linear;}

.client-notes-h {overflow:auto; overflow-x:hidden; height:240px;}
.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas, .fa-classic, .fa-regular, .fa-solid, .far, .fas {font-family:"Font Awesome 6 Free" !important;}

/* client-products-and-btn */
.client-products-and-btn {display:flex; gap:20px; align-items:center}
.client-products-and-btn .select2.select2-container.mb-4.select2-container--default {margin:0 !important;}
.client-products-and-btn .select2-selection.select2-selection--multiple {background:#fff; border:solid 1px rgba(119, 119, 199, 30%); border-radius:10px;}
.client-products-and-btn .select2-container--default .select2-selection--multiple .select2-selection__rendered li {list-style:none; width:auto; background:transparent; padding:6px 16px; border-radius:50px; margin:0;}
.client-products-and-btn .select2-container--default .select2-selection--multiple .select2-selection__rendered {display:flex; gap:10px; flex-wrap:wrap; padding:0;}
.client-products-and-btn .select2-container--default .select2-selection--multiple .select2-selection__rendered li {display:flex; flex-direction:row-reverse; align-items:center; gap:10px; font-size:12px !important; line-height:normal;}
.client-products-and-btn .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {margin:0; line-height:20px; margin-top:-3px; color:#333333; font-size:20px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background:#EFEBFD !important;}

.page-item.active .page-link {background:var(--purple-color); border-color:var(--purple-color);}
.company-logo-upload {opacity:0; position:absolute; inset:0; width:100%; height:100%; z-index:1; cursor:pointer;}
.leads-score {position:absolute; background:#ffc107; color:#000; font-size:14px; width:100px; height:50px; border-radius:20px; top:-10px; left:-10px; box-shadow:1px 1px 36px rgb(198 215 250); text-align:center; padding:18px 0 0 0; display:block;}
.g-10 {gap:10px; align-items:center;}
.client-list-notes-h {height:calc(100vh - 350px); overflow-x:hidden}
.additional-info-h {overflow:auto; overflow-x:hidden; height:300px;}
.save-icon-bg {background:#dafcef !important;}

/* custom-error */
.custom-error .alert-danger {color:#c52837; background-color:#f8d7daad; border-color:transparent;}
.custom-error .alert {padding:.25rem .5rem; margin-bottom:.5rem;}
.custom-error li {font-weight:600;}

/* additional-info */
.additional-info-card .custom-control-label {position:relative; left:auto;}
.additional-info-card .custom-control-label::before {top:2px;}

::-webkit-input-placeholder {color:#c5c5c5 !important; font-weight:300;}
::-moz-placeholder {color:#c5c5c5 !important; font-weight:300;}
:-ms-input-placeholder {color:#c5c5c5 !important; font-weight:300;}
:-moz-placeholder {color:#c5c5c5 !important; font-weight:300;}
.job-info-w40 {width:40% !important;}
.job-form-w60 {width:60% !important;}

/* select-custom-arrow */
.select-custom-arrow {position:relative;}
.select-custom-arrow:after {content:''; position:absolute; width:6px; height:6px; border-bottom:solid 2px var(--purple-color); border-right:solid 2px var(--purple-color); top:0; right:2px; bottom:0; margin:auto; transform:rotate(45deg);}
.select-custom-arrow .form-control {padding:0 14px 4px 2px; border-bottom:solid 1px #bfadfb;}

/* manageClientTagsAndLists */
#manageClientTagsAndLists table.table.table-bordered.table-hover.table-sm {display:block; max-height:500px; overflow:auto;}
#manageClientTagsAndLists table.table.table-bordered.table-hover.table-sm::-webkit-scrollbar {-webkit-appearance:none; width:5px; background-color:#fff;}
#manageClientTagsAndLists table.table.table-bordered.table-hover.table-sm::-webkit-scrollbar-thumb {border-radius:4px; background-color:var(--purple-color); -webkit-box-shadow:0 0 1px rgba(255, 255, 255, .5);}
#manageClientTagsAndLists table.table.table-bordered.table-hover.table-sm th {position:sticky; top:-1px; background:#f8f9fa;}

/* page-title-filter */
.page-title-filter {background:#FFFFFF; box-shadow:0 2px 6px rgba(13, 10, 44, 0.08); border-radius:10px; padding:15px; display:flex; justify-content:space-between; margin-top:30px; align-items:center;}
.page-title-filter h2 {font-size:26px; color:#333333; margin:0; font-weight:600;}
.page-title-filter .project-select {display:flex; gap:30px; align-items:center;}
.page-title-filter .project-select .form-control {width:344px; border-radius:10px; background-color:#F4F7FE; color:#000; font-size:14px !important; border:1px solid #bfc9d4; padding:10px 15px; height:auto;}
.page-title-filter .project-select .reset-btn {color:#5D33E6;}

/* new-card */
.new-card {background:#FFFFFF; box-shadow:0 2px 6px rgba(13, 10, 44, 0.08); border-radius:20px; padding:20px; border:none;}
.new-card .card-title h2 {font-size:20px; color:#000; margin:0; font-weight:500;}
.new-card .card-title {border-bottom:solid 1px #E5E5EF; padding-bottom:20px; margin-bottom:20px;}
.new-card.budget-and-financials {flex:0 1 650px;}

.main-table-data .new-card {flex:1;}

.finished {color:#1A9882;}
.Inprogress {color:#F86624;}
.hold {color:#EB3D4D;}

/* project-snapshot-card */
.project-snapshot-card .new-card {display:flex; flex-direction:row; justify-content:space-between; min-width:300px; flex:1;}
.project-snapshot-card .new-card p {font-size:16px; color:#A8A8A8 !important; margin-bottom:5px;}
.project-snapshot-card .new-card h2 {font-size:50px; font-weight:600; color:#000; margin-bottom:10px;}
.project-snapshot-card .new-card ul {padding:0; list-style:none; margin:0; display:flex; flex-wrap:wrap; gap:15px;}
.project-snapshot-card .new-card ul li {font-size:14px; color:#A8A8A8;}
.project-snapshot-card {margin-top:30px; display:flex; gap:20px; flex-wrap:wrap; margin-bottom:30px;}
.project-snapshot-card .card-icon svg {width:36px; height:36px;}

/* main-table-data */
.main-table-data {display:flex; gap:20px; margin-bottom:20px; flex-wrap:wrap;}
.main-table-data .card-title {display:flex; justify-content:space-between; align-items:center;}
.main-table-data .card-title .form-group {margin:0;}
.main-table-data .card-title .form-control {border:solid 1px #E0E2E7; border-radius:8px; font-size:14px !important; padding:10px 15px; color:#333;}
.main-table-data .table-switch a {display:flex; justify-content:center; align-items:center; background:rgba(93, 51, 230, 0.1); border-radius:8px; width:40px; height:40px;}
.main-table-data .table-switch a svg {width:18px; height:18px;}
.main-table-data .table-filter {display:flex; align-items:center; gap:12px;}
.main-table-data table {width:100%;}
.main-table-data table th {font-size:16px; color:#1D1F2C; text-transform:capitalize; background-image:linear-gradient(to right, #d5d5d5 33%, rgba(255, 255, 255, 0) 0%); background-position:bottom; background-size:10px 1px; background-repeat:repeat-x; padding:0 20px 15px 15px; position:sticky; top:0; background-color:#fff; z-index:1;}
.main-table-data table tr td {font-size:14px; color:#667085; padding:20px 15px;}
.main-table-data table tbody tr {background-image:linear-gradient(to right, #d5d5d5 33%, rgba(255, 255, 255, 0) 0%); background-position:bottom; background-size:10px 1px; background-repeat:repeat-x; cursor:pointer; transition:all .3s linear;}
.main-table-data table tbody tr:hover {background:rgba(93, 51, 230, 0.1); transition:all .3s linear;}
.main-table-data table tr:last-of-type {background-image:none; margin:0; padding:0;}
.main-table-data .one-more {flex:1 1 25%;}
.main-table-data .progress-bar.Inprogress {background:#F86624;}
.main-table-data .progress-bar.Tfinished {background:#1A9882;}
.main-table-data .progress-bar.Thold {background:#EB3D4D;}
.main-table-data .progress {border-radius:50px; height:8px; width:55px; margin:0;}
.main-table-data table .d-flex {align-items:center; gap:8px;}
.main-table-data span {font-size:12px;}
.main-table-data table tfoot tr td {color:#333; font-weight:500;}
.main-table-data table tfoot {background:#f5f5f5; border-radius:8px;}
.main-table-data .card-data-area {overflow:auto; max-height:480px;}
.main-table-data .card-data-area::-webkit-scrollbar {width:4px;}
.main-table-data .card-data-area::-webkit-scrollbar-track {background:rgba(93, 51, 230, 0.1);}
.main-table-data .card-data-area::-webkit-scrollbar-thumb {background:#4A3AFF;}
.main-table-data .card-data-area::-webkit-scrollbar-thumb:hover {background:#4A3AFF;}
.main-table-data .team-type-card {display:flex; gap:20px; flex-wrap:wrap; position:relative; justify-content:space-between;}
.main-table-data .team-and-resources .team-card {background:#F7F4FD; box-shadow:0px 2px 6px rgba(13, 10, 44, 0.08); border-radius:10px; padding:15px; flex:1 1 calc(50% - 20px);}
.main-table-data .team-and-resources .team-card h3 {font-size:40px; color:#616161; font-weight:bold; margin-bottom:5px;}
.main-table-data .team-and-resources .team-card p {font-size:14px; color:#777777; font-weight:500;}
.main-table-data .team-card .icon {position:absolute; width:40px; height:35px; background:rgba(74, 58, 255, 10%); border-radius:6px; display:flex; justify-content:center; align-items:center; right:15px; top:15px;}
.main-table-data .team-card .icon svg {width:20px; height:15px;}
.main-table-data .budget-and-financials table tbody tr {background:none;}
.main-table-data .budget-and-financials table {margin:0;}

/* upcoming-deadline-list */
.upcoming-deadline-list {border:solid 1px #E3E3E3; border-radius:16px; padding:16px; margin-bottom:16px;}
.upcoming-deadline-list h6 {margin-bottom:6px; font-size:16px; color:#1B1B1B;}
.upcoming-deadline-list p {color:#909090; font-size:12px; margin:0;}
.upcoming-deadline-list p b {color:#333333;}
.upcoming-deadline-list span {margin-top:20px; background:#f1f1f1; display:inline-block; border-radius:4px; font-size:12px; color:#1B1B1B; padding:4px 12px;}
.upcoming-deadline-list span.urgent {background:#FFE3E3;}
.upcoming-deadline-list span.ontrack {background:#DEE3FF;}

/* progress-bar */
.progress-bar-container {width:100%; background-color:#e9ecef; border-radius:5px; overflow:hidden; height:8px; position:relative;}
.progress-bar {height:100%; background-color:#4caf50; transition:width 0.5s ease;}
.progress-bar-container:hover .progress-bar::after {content:attr(title); position:absolute; top:-25px; right:0; background-color:#000; color:#fff; padding:5px; border-radius:3px; font-size:12px; white-space:nowrap;}

/* table */
.table-col {flex:1;}
.table-title {display:flex;}
.table-title .table-col {font-size:16px; color:#1D1F2C; text-transform:capitalize; padding:0 20px 15px 20px; font-weight:600;}


/* budget-and-financials */
.budget-and-financials .table-col {background-image:linear-gradient(to right, #d5d5d5 33%, rgba(255, 255, 255, 0) 0%); background-position:bottom; background-size:10px 1px; background-repeat:repeat-x; cursor:pointer; transition:all .3s linear; margin-bottom:15px; display:flex; align-items:center; padding:0 10px; padding-bottom:15px;}
.budget-and-financials .apexcharts-legend {justify-content:center !important; margin-left:20px;}
.budget-and-financials .apexcharts-legend-series span {font-size:15px !important; color:#1E1B39 !important;}

.apexcharts-legend-series {margin-bottom:15px !important;}

.all-project-filter {display:flex; gap:15px; align-items:center; flex-wrap:wrap; width:100%;}
.all-project-filter .form-group {flex:1; position:relative; margin:0; min-width:150px; max-width:250px;}

.custom-widget-area {background:#FFFFFF; box-shadow:0 2px 6px rgba(13, 10, 44, 0.08); border-radius:10px; margin-top:25px; margin-bottom:30px; position:relative; padding:20px;}

/* custom-table-bottom-border */
.custom-table-bottom-border thead > tr > th {font-weight:600; font-size:15px; color:#1D1F2C !important; text-transform:capitalize; padding:.5rem .75rem;}
.custom-table-bottom-border tbody > tr > td {padding:.5rem .75rem;}
.custom-table-bottom-border tbody > tr:last-child {background:none !important;}
.custom-table-bottom-border select {height:auto; padding:.5rem 0.75rem;}

/* project-users-ul */
.project-users-ul li:not(:first-child) {margin-left:-15px;}
.project-users-ul span, .project-users-ul img {width:30px; height:30px; object-fit:contain; border-radius:50%;}
.project-users-ul span {display:flex; background:var(--primary-color); color:#fff; align-items:center; justify-content:center; font-size:12px; font-weight:bold;}

/* project-list-table */
.project-list-table thead > tr > th {white-space:nowrap;}
.project-info-widget {width:37%; border-radius:20px; background:#FFFFFF; box-shadow:0 0 6px 0 #0D0A2C14;}
.project-info-widget .section-title {padding:0.5rem 1rem 1rem 0.5rem; border-bottom:1px solid #E5E5EF}
.project-info-widget .section-title h3 {font-size:20px; font-weight:500; letter-spacing:-0.02em; margin-bottom:0}
.project-info-widget .form-control {height:auto; padding:.5rem 0.75rem; border-radius:8px;}
.project-info-widget .input-group .input-group-prepend {z-index:1;}
.project-info-widget .input-group .form-control {margin-left:-5px;}
.project-info-widget .input-group .input-group-prepend .input-group-text {border-radius:8px; padding:.375rem .9rem;}
.project-info-widget label {font-size:13px; margin-bottom:5px}

#addProjectModal #exampleModalLabel .form-control {font-size:20px !important;}

/* task-widget */
.task-widget {height:fit-content; width:100%}
.task-widget .section-title, .project-files .section-title, .project-notes .section-title {padding:0 0.5rem 0.75rem;}

.project-info-widget .section-title .with-icon {display:flex; justify-content:space-between; align-items:center; gap:10px}
.custom-table-bottom-border tbody a, .task-widget a, .purple-link {color:#5c1ab9 !important; text-decoration:none !important; cursor:pointer !important;}

/* task-users-ul */
.task-widget li {display:flex}
.task-users-ul img {width:35px; height:35px; object-fit:contain; border-radius:50%;}
.task-users-ul .fa-minus-circle {margin-left:-9px; margin-right:6px}

/* project */
.project-info-widget .num {color:#5D33E6; font-size:14px; border-radius:50px; background:rgba(93, 51, 230, 0.1); display:flex; align-items:center; justify-content:center; width:33px; height:33px;}
.project-notes-h {overflow:auto; overflow-x:hidden; height:185px;}
.project-files-h {overflow:auto; overflow-x:hidden; height:305px;}

.num {color:#5D33E6; font-size:14px; border-radius:50px; background:rgba(93, 51, 230, 0.1); display:flex; align-items:center; justify-content:center; width:38px; height:38px;}
.circle-bg-red {border-radius:50px; background:rgb(227 26 26 / 11%); display:flex; align-items:center; justify-content:center; width:38px; height:38px;}
.circle-bg-green {border-radius:50px; background:#e5fbf4; display:flex; align-items:center; justify-content:center; width:38px; height:38px;}
.status-selected {background:#e3dbff !important;}
.status-selected-red {background:#ffdbdb !important;}
.attendance-pic {object-fit:cover; width:40px !important; height:40px !important; border-radius:6px;}
.custom-table-bottom-border tbody a {letter-spacing:normal}
img#mySpinner {position:fixed; left:50%; top:50%; z-index:999;}
.address {border:1px solid #000090; background-color:#f0f0ff; width:480px; padding-right:2px;}
.dropdown {position:relative; display:inline-block;}
#lms-links p:hover, #lms-links li:hover, #lms-links span:hover {color:#00c8d1 !important;}
#sig-canvas {border:2px solid #CCCCCC; border-radius:15px; cursor:crosshair;}
p {line-height:normal !important; letter-spacing:0.5px !important; font-size:13px !important;}
.ts-header-dates {float:right !important; align-items:flex-end !important; display:flex !important;}
#my-attendance-table td {padding:.2rem !important;}
.custom-indicator:after {border:solid #ffffff !important;}
#sig-canvas:hover {cursor:url("../images/icons/pen.png") 1 30, auto;}
.proj-task-grid {display:grid !important; justify-content:center !important; align-content:center !important;}

@-webkit-keyframes fadein {
from {bottom:0; opacity:0;}
to {bottom:50px; opacity:1;}
}

@keyframes fadein {
from {bottom:0; opacity:0;}
to {bottom:50px; opacity:1;}
}

@-webkit-keyframes fadeout {
from {bottom:50px; opacity:1;}
to {bottom:0; opacity:0;}
}

@keyframes fadeout {
from {bottom:50px; opacity:1;}
to {bottom:0; opacity:0;}
}

.input-no-border {border:0 !important;}
.client_logo {height:70px; width:70px; object-fit:contain; border:1px solid #e5e5e5; border-radius:5px;}

/* .top-title-filter */
.top-title-filter .form-group {position:relative; height:auto;}
.top-title-filter .form-control {text-align:left; height:auto; font-weight:500; color:#777777; letter-spacing:0;}
.top-title-filter .form-control:focus {box-shadow:none; border-color:var(--primary-color);}
.top-title-filter select.form-control {appearance:none;}
.top-title-filter {background:#FFFFFF; box-shadow:0px 2px 6px rgba(13, 10, 44, 0.08); border-radius:10px; padding:20px; margin:25px 0;}
.top-title-filter h1 {font-weight:600; font-size:26px; line-height:20px; color:#333333;}
.top-title-filter .title {display:flex; justify-content:space-between; gap:10px; align-items:center; border-bottom:solid 1px #E5E5EF; padding-bottom:15px; margin-bottom:15px;}
.top-title-filter .right-side-area {display:flex; gap:15px;}
.top-title-filter .right-side-area .form-group {position:relative; margin:0;}
.top-title-filter .right-side-area .form-group svg {position:absolute; left:12px; top:0; bottom:0; margin:auto;}
.top-title-filter .right-side-area .form-group .form-control {font-size:12px !important; padding:10px 35px 10px 40px; border:solid 1px #777777; border-radius:6px; appearance:none; color:#777; letter-spacing:0;}
.top-title-filter .form-group.select:after {content:''; position:absolute; top:-7px; width:8px; height:8px; border-right:solid 2px #777; border-bottom:solid 2px #777; background:#fff; margin:auto; left:auto; transform:rotate(45deg); bottom:0; right:12px;}

/* page-filter-field */
.page-filter-field {display:flex; gap:20px; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.page-filter-field .form-group {flex:1;}
.page-filter-field .form-control {background:#F4F7FE; border-radius:10px; border-color:#F4F7FE;}
.page-filter-field ul#all_users {width:100%; padding:10px;}
.left-area {display:flex; gap:20px;}
.page-filter-field .left-area .form-control {min-width:290px; padding:10px 35px 10px 20px;}
.page-filter-field .right-area .form-group, .page-filter-field .left-area .form-group {margin:0;}
.page-filter-field .right-area .fa-undo {color:#962DFF; font-size:18px;}
.page-filter-field .right-area .form-group {display:flex; gap:20px; align-items:center;}
.page-filter-field .right-area .form-control {width:auto; transform:scale(1.6);}

/* task */
.task-file {border:1px solid #dedede; border-radius:10px; height:85px; object-fit:cover}
.task-priority-selected {background-color:#962DFF !important; border-color:#962DFF; color:#fff;}
.task-priority-selected:hover {background-color:#630abb !important; border-color:#630abb; color:#fff;}

#addProjectModal .section-title {padding:0 0 15px;}
#filesModal table td a, .project-files table td a {word-break:break-all;}

.focused-column {border:2px solid #0058d1; background-color:#f0f8ff; transition:background-color 0.3s ease;}
.client-info-h {overflow:auto; overflow-x:hidden; height:325px;}
.status-divider {width:2px; height:35px; background-color:orange; margin:0 10px;}
.form-group label, label {font-size:14px}

.card .fa-heart {font-size:18px;}
.card p {font-size:13px;}
.job .logs-container {height:215px !important;}
#show-message-data {max-height:400px !important; overflow-y:auto !important;}

/* dashboard */
#dashboard .custom-widget-area {padding:10px 10px 30px 10px;}
#dashboard .sub-custom-widget-area {padding:0 15px;}
#dashboard .welcome-msg {border:transparent; background-color:#F8FAFC;}
#dashboard .welcome-msg .card-body {display:flex; justify-content:space-between; padding:1rem;}
#dashboard .welcome-msg p {margin-bottom:0;}
#dashboard .welcome-msg span {color:#0a0d26;}

/* onboard */
.onboard-title {display:flex; justify-content:space-between; align-items:center; margin-top:2rem; border-bottom:1px solid #5D33E6; margin-bottom:2rem;}
.onboard-title h5 {font-size:18px;}
.onboard-title p {margin-bottom:1.25rem;}

.main-content.onboarding * {letter-spacing:0 !important;}
#my-pdf {border:1px solid #ccc; height:calc(100vh - 420px);}

.esign-modal-xl {width:90% !important; max-width:90% !important; height:100vh !important; margin:auto;}
.esign-table tbody tr.edoc-selected-tr {background-color:#ede0ff !important;}

#eSignDocModal .custom-control-label::before, #eSignDocModal .custom-control-label::after {width:1.5rem; height:1.5rem;}
#progressCompletedShowSystemOnboardedModal img {height:245px}

.sidebar-wrapper {width:225px; position:relative;z-index: 1028;top: 38px;left: 0;}

/* ui-sidebar */
.ui-sidebar .menu.menu-heading {margin:10px 0;}
.ui-sidebar .heading-active {display:flex; gap:10px; align-items:center; margin-bottom:10px; background:#fff;}
.ui-sidebar {background:var(--rich-blue); padding:20px 10px 60px 10px; overflow:auto; height:calc(100vh - 0px); position:relative;}
.ui-sidebar .menu a {color:#fff; display:flex; justify-content:space-between; align-items:center; font-size:13px; font-weight:600; letter-spacing:0.2px; padding:10px; border-radius:6px; cursor:pointer; transition:all .3s linear;}
.ui-sidebar .menu a:hover {background:var(--purple-color); transition:all .3s linear;}
.ui-sidebar .menu a img {filter:brightness(100);}
.ui-sidebar .menu-content {display:flex; gap:10px; align-items:center;}
.ui-sidebar form {margin:0 0 10px;}
.ui-sidebar .fa-minus {font-size:20px; color:#5c1aba; line-height:14px; padding-left:5px;}
.ui-sidebar .menu {margin-bottom:2px; position:relative;}
.ui-sidebar .menu svg {width:20px; height:20px;}
.ui-sidebar .submenu {background:rgba(255,255,255, 0.2); border-radius:6px; margin-left:35px; margin-top:5px;}
.ui-sidebar a[aria-expanded="true"] svg {transform:rotate(90deg);}
.ui-sidebar a[data-active="true"], .ui-sidebar a[aria-expanded="true"] {background:var(--purple-color);}
.ui-sidebar .menu a .plus-icon {display:none; transition:all 3.s linear;}
.ui-sidebar .menu a:hover .plus-icon {display:block; transition:all 3.s linear;}
.ui-sidebar a[data-active="true"] .plus-icon {display:block;}

.sidebar-closed .ui-sidebar ul.menu-categories.ps {overflow:visible !important;}

.ui-sidebar ul.menu-categories.ps {overflow:visible;}
.ui-sidebar ul.menu-categories.ps {height:calc(100vh - 85px); position:static;}

.sbar-open .heading-active {display:none;}
.sbar-open .sidebar-wrapper {width:65px;}
.sbar-open #ul_sidebar::-webkit-scrollbar {width:1px; height:4px;}
.sbar-open #ul_sidebar::-webkit-scrollbar-track {background:#fff;}
.sbar-open #ul_sidebar::-webkit-scrollbar-thumb {background-color:var(--purple-color);}
.sbar-open .sidebar-search {display:none;}

.sidebar-closed.sbar-open .sidebar-wrapper {left:0px !important; width:75px !important; background-color:#191e3a !important;}

.sbar-open .ui-sidebar .menu a span, .sbar-open .ui-sidebar .menu svg {display:none;}
.sbar-open .ui-sidebar .menu svg {display:none;}
.sbar-open .ui-sidebar .menu a span {display:block;}
.sbar-open .ui-sidebar {overflow:visible;}
.sbar-open .ui-sidebar .menu:hover a {width:200px; position:relative; z-index:1;}
.sbar-open .ui-sidebar .menu a span {display:none;}
.sbar-open .ui-sidebar .menu:hover a span {display:block;}
.sbar-open .ui-sidebar .menu a {padding-left:14px;}
.sbar-open .ui-sidebar .menu.has-submenu .submenu {width:fit-content; background:var(--purple-color); margin:-3px 0 0 40px;}
.sbar-open .ui-sidebar .menu:hover .submenu {display:block; position:absolute; top:0; padding-top:40px; left:55px; margin:0;}
.sbar-open .ui-sidebar .menu-content {gap:15px;}
.sbar-open .ui-sidebar .submenu:after {content:''; position:absolute; top:0; left:-60px; background:var(--purple-color); width:65px; height:45px; border-radius:6px 0 0 6px;}
.sbar-open .ui-sidebar {height:100%; overflow-y:auto;}
.sbar-open .ui-sidebar {height:93vh; overflow:auto; position:absolute; direction:rtl; left:0;}
.sbar-open .ui-sidebar .menu:hover {min-width:350px;}
.sbar-open .ui-sidebar ul#ul_sidebar, .sbar-open .ui-sidebar ul.menu-categories {padding-right:0; direction:ltr; border:none;}
.sidebar-closed .ui-sidebar li.menu:hover, .sbar-open .ui-sidebar a[data-active="true"], .sbar-open .ui-sidebar a[aria-expanded="true"] {width:50px;}
.sbar-open .ui-sidebar .menu a {transition:none;}

/* help-videos */
.help-videos {background:#fff;}
.help-videos .inner-help-video {display:flex; gap:30px; align-items:flex-start; padding:16px; position:relative; height:calc(100vh - 190px); overflow:auto;}
.help-videos .widget-header h4 {color:#3b3f5c; font-size:17px; font-weight:600; margin:0; padding:16px 15px;}
.help-videos .side-bar {width:310px;}
.help-videos .side-bar::-webkit-scrollbar {width:0px;}
.help-videos .side-bar .menu .item {position:relative; cursor:pointer;}
.help-videos .side-bar .menu .item a {color:#191E3A; font-size:18px; font-weight:500; text-decoration:none; display:block; padding:12px 0; border-bottom:solid 1px rgb(72 61 139 / 20%);}
.help-videos .side-bar .menu .item a .fas.fa-circle {font-size:10px; top:-2px; position:relative;}
.help-videos .side-bar .menu .item i {margin-right:15px;}
.help-videos .side-bar .menu .item a .dropdown {position:absolute; right:0; margin:6px 0; transition:0.3s ease; color:#483D8B;}
.help-videos .side-bar .menu .item .sub-menu {display:none; margin:10px 0 0;}
.help-videos .side-bar .menu .item .sub-menu a {line-height:40px; color:rgb(25 30 58 / 60%); padding:0px 0 0 20px; border:none; font-size:16px; position:relative;}
.help-videos .side-bar .menu .item .sub-menu a:after {content:''; position:absolute; left:0; top:13px; background:url('../images/left-arrow-vector.svg'); background-repeat:no-repeat; background-size:contain; width:15px; height:15px; opacity:0;}
.help-videos .side-bar .menu .item .sub-menu a.active:after {opacity:1;}
.help-videos .side-bar .menu .item .sub-menu a.active, .help-videos .side-bar .menu .item .sub-menu a:hover {color:#483D8B; font-weight:600;}
.help-videos .side-bar .menu .item .sub-menu a:hover:after {opacity:1;}
.help-videos .rotate {transform:rotate(90deg);}
.help-videos .close-btn {position:absolute; color:#fff; font-size:23px; right:0px; margin:15px; cursor:pointer;}
.help-videos .all-box {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; margin-top:20px;}
.help-videos .all-box .box {width:24%; text-align:center;}
.help-videos .all-box .box img {max-width:100%; margin-top:10px; margin-bottom:20px;}
.help-videos .all-video {display:grid; gap:20px; grid-template-columns:1fr 1fr 1fr; width:100%;}
.help-videos .all-video .box {display:flex; flex-direction:column; justify-content:flex-start; padding:20px; border:solid 1px rgba(12, 57, 88, 20%); border-radius:8px;}
.help-videos .all-video .box iframe {height:200px; object-fit:cover; width:100%;}
.help-videos .all-video .box h5 {font-size:20px; font-weight:600; margin:0 0 5px;}
.help-videos .all-video .box h5 i {margin-right:5px;}
.help-videos .all-video .box p {margin:10px 0;}
.help-videos .all-video .box img {width:100%; object-fit:cover; cursor:pointer;}
.help-videos .all-video .box .video {position:relative; cursor:pointer;}
.help-videos .left-list {position:sticky; top:60px; height:100%; background:rgb(72 61 139 / 10%); border-radius:8px;}
.help-videos .menu {overflow:auto; max-height:calc(100vh - 222px); padding:10px 20px;}
.help-videos .all-video .video-thumbnail {background-color:#191e3a; position:relative; aspect-ratio:2; border-radius:4px; cursor:pointer;}
.help-videos .all-video .video-thumbnail img {position:absolute; inset:0; margin:auto !important; width:40px; filter:brightness(100);}
.help-videos-pop-up .modal-dialog {max-width:calc(100% - 80px); margin:40px auto;}
.help-videos-pop-up .modal-dialog iframe {width:100%; height:calc(100vh - 145px);}
.help-videos-pop-up .modal-body {padding:0;}
.help-videos-pop-up .close {position:absolute; right:-20px; top:-10px; color:#333; opacity:1; font-size:32px; z-index:99; background:#fff; border-radius:50px; width:40px; height:40px;}
.help-videos-pop-up .modal-content {background:transparent;}

.inner-help-video .selected-item {flex:1;}

/* select-staff-name */
.select-staff-name {position:relative; padding-right:24px;}
.select-staff-name .unassign-icon {position:absolute; right:0; top:0; z-index:3; background:red; line-height:normal; width:18px; height:18px; border-radius:50px; font-size:14px; display:flex; align-items:center; justify-content:center;}
.select-staff-name .unassign-icon i {color:#fff !important;}

.header .head-icon {display:flex; gap:10px; align-items:center;}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {cursor:not-allowed; color:#acb0c3;}

.statbox input#doc_file[type="file"] {padding: 7px;}
.table-responsive {overflow-x: visible;}

#dashboard .applicants-list .text-center[ng-if="all_today_events.length == 0"] {display: flex;flex-direction: column;align-items: center;height: 100%;justify-content: center;}

.emp-personal-info.note-text textarea.form-control{min-width: 300px;}
.box-card.list-of-all-applicants { flex: 1; min-width: 500px;}
.emp-info-activites {flex: 1; min-width: 540px;}

.sbar-open .ui-sidebar {
    background: transparent;
}

.sidebar-wrapper{background: var(--rich-blue);}
/* home-small-card */
.home-small-card {display: flex;gap: 10px;flex-wrap: wrap;align-items: center; margin-bottom: 20px;}
.home-small-card .small-card{display: flex;gap: 30px;justify-content: center;padding: 14px 20px;border: solid 1px rgba(25, 30, 58, 20%);background: #fff;border-radius: 15px; align-items: center; transition: all .3s linear; cursor: pointer;}
.home-small-card .small-card:hover{border-color:#5d33e6;  transition: all .3s linear;}
.home-small-card .small-card h3 {font-size: 24px;font-weight: 600;margin: 0 0 5px; color: #e74c3c;}
.home-small-card .small-card img{width: 42px; height: auto;}
.home-small-card .small-card p{margin: 0;font-weight: 500; font-size: 14px !important; min-width: 140px;}

/* scroll */
::-webkit-scrollbar {width:4px; height:4px;}
::-webkit-scrollbar-track {background:rgba(25, 30, 58, 10%);}
::-webkit-scrollbar-thumb {background-color:var(--purple-color);}
body{overflow: hidden;}
#content.main-content{height: calc(100vh - 80px);overflow: auto;}

/* dashboard-all-cards */
.main-user-name{font-size: 24px;margin-bottom: 15px;font-weight: 600;letter-spacing: 0;text-transform: capitalize;}
.card{border-radius: 16px; border: solid 1px rgba(25, 30, 58, 20%);background: #fff;}
.card h5{font-size: 16px; font-weight: 600; color: #191e3a;}
.card-body{padding: 15px 20px;}
.dashboard-all-cards{display: flex; gap: 15px; row-gap: 0; flex-wrap: wrap;}
.dashboard-all-cards .card{margin-bottom: 15px; flex: 1; min-width: 300px;}
.dashboard-all-cards .card.project-overview{min-width: 750px;}
.dashboard-all-cards .card h5{border-bottom: solid 1px rgba(25, 30, 58, 10%); padding-bottom: 10px; margin-bottom: 15px;}
.dashboard-all-cards .card .applicants-list{max-height: 270px; overflow-x: hidden; padding-right: 5px;}
.dashboard-all-cards .card .applicants-list::-webkit-scrollbar-track {background:rgba(25, 30, 58, 2%);}
.dashboard-all-cards .card .applicants-list::-webkit-scrollbar-thumb {background-color:rgb(93, 51, 230, 20%);}
.dashboard-all-cards .card:hover .applicants-list::-webkit-scrollbar-track {background:rgba(25, 30, 58, 10%);}
.dashboard-all-cards .card:hover .applicants-list::-webkit-scrollbar-thumb {background-color:var(--purple-color);}
.dashboard-all-cards .card .overview-title{display: flex;margin-bottom: 10px;border-bottom: solid 1px #c3c3c3;padding-bottom: 10px;}
.dashboard-all-cards .card.events-for-today .applicants-list{max-height: none; overflow-x: auto; padding-right: 0;}
.dashboard-all-cards .card .no-events{font-size: 16px; margin: 10px 0 20px 0;}


/* sidebarCollapse */
.sidebarCollapse {margin: 10px; display: block;}
.sidebarCollapse span{width: 28px;height: 2px;background: rgba(255, 255, 255, 30%);margin-bottom: 6px;display: block;transition: all .3s linear;}

.profile-type-count {position: absolute;top: -8px;right: -8px;background: #2BC289FF;color: white;border-radius: 50%;width: 27px;height: 27px;display: flex;align-items: center;justify-content: center;font-size: 11px;font-weight: 600;border: 2px solid white;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}