You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11300 lines
252 KiB
11300 lines
252 KiB
.sidebar {
|
|
position: fixed;
|
|
top: 0;
|
|
inset-inline-end: 0;
|
|
z-index: 101;
|
|
width: 23rem;
|
|
height: 100%;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.sidebar-bordered {
|
|
border-inline-start: 0.0625rem solid #e7eaf3;
|
|
}
|
|
|
|
.sidebar-box-shadow {
|
|
-webkit-box-shadow: -5px 0 12px rgba(103, 119, 136, 0.1);
|
|
box-shadow: -5px 0 12px rgba(103, 119, 136, 0.1);
|
|
}
|
|
|
|
.sidebar-left {
|
|
inset-inline-start: 0;
|
|
inset-inline-end: auto;
|
|
}
|
|
|
|
.sidebar-left.sidebar-bordered {
|
|
border-inline-start: none;
|
|
border-inline-end: 0.0625rem solid #e7eaf3;
|
|
}
|
|
|
|
.sidebar-left.sidebar-box-shadow {
|
|
-webkit-box-shadow: 5px 0 12px rgba(103, 119, 136, 0.1);
|
|
box-shadow: 5px 0 12px rgba(103, 119, 136, 0.1);
|
|
}
|
|
|
|
.sidebar-close {
|
|
position: absolute;
|
|
top: 1rem;
|
|
inset-inline-end: 1.5rem;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sidebar-card {
|
|
position: relative;
|
|
height: 100%;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.sidebar-body {
|
|
min-height: auto;
|
|
}
|
|
|
|
.sidebar-scrollbar {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.sidebar-scrollbar::-webkit-scrollbar {
|
|
width: 0.6125rem;
|
|
}
|
|
|
|
.sidebar-scrollbar::-webkit-scrollbar-thumb {
|
|
background-color: rgba(189, 197, 209, 0.6);
|
|
visibility: hidden;
|
|
}
|
|
|
|
.sidebar-scrollbar:hover::-webkit-scrollbar-thumb {
|
|
visibility: visible;
|
|
}
|
|
|
|
.sidebar-footer-fixed {
|
|
padding-bottom: 4.75rem;
|
|
}
|
|
|
|
.sidebar-footer-fixed .sidebar-body {
|
|
height: calc(100% - 4.75rem);
|
|
}
|
|
|
|
.sidebar-footer {
|
|
position: absolute;
|
|
inset-inline-end: 0;
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
height: 4.75rem;
|
|
}
|
|
|
|
.table th {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.table thead th {
|
|
font-size: 0.87rem;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.table tfoot td,
|
|
.table tfoot th {
|
|
color: #334257;
|
|
font-weight: 600;
|
|
border-top: 0.0625rem solid rgba(231, 234, 243, 0.7);
|
|
}
|
|
|
|
.table .btn {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.table-sm {
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
.table-lg td,
|
|
.table-lg th {
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
.table-nowrap td,
|
|
.table-nowrap th {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.table-align-middle tbody td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.table-text-center td,
|
|
.table-text-center th {
|
|
text-align: center;
|
|
}
|
|
|
|
.table-column-right-aligned {
|
|
text-align: end;
|
|
}
|
|
|
|
.table-column-pr-0 {
|
|
padding-inline-end: 0 !important;
|
|
}
|
|
|
|
.table-column-pl-0 {
|
|
padding-inline-start: 0 !important;
|
|
}
|
|
|
|
.table-thead-bordered thead th {
|
|
border-top: 0.0625rem solid rgba(231, 234, 243, 0.7);
|
|
border-bottom: 0.0625rem solid rgba(231, 234, 243, 0.7);
|
|
}
|
|
|
|
.table-input-group {
|
|
min-width: 14rem;
|
|
}
|
|
|
|
.table-progress {
|
|
-ms-flex-positive: 1;
|
|
-webkit-box-flex: 1;
|
|
flex-grow: 1;
|
|
min-width: 5rem;
|
|
height: 0.25rem;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
-webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
}
|
|
|
|
.dropdown-item {
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
.dropdown-item:active {
|
|
color: #334257;
|
|
background-color: rgba(189, 197, 209, 0.3);
|
|
}
|
|
|
|
.dropdown-item.active:not(:focus):not(:active) {
|
|
color: #334257;
|
|
background-color: rgba(189, 197, 209, 0.3);
|
|
}
|
|
|
|
.dropdown-item[href]:hover.dropdown-toggle::after {
|
|
background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1rem 1rem;
|
|
}
|
|
|
|
.dropdown-header {
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.03125rem;
|
|
font-size: 80%;
|
|
font-weight: 600;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
.dropdown-menu-sm {
|
|
padding: 0.75rem 0;
|
|
}
|
|
|
|
.dropdown-menu-sm .dropdown-header,
|
|
.dropdown-menu-sm .dropdown-item {
|
|
padding: 0.25rem 1rem;
|
|
}
|
|
|
|
.dropdown-menu-sm .dropdown-divider {
|
|
margin: 0.25rem;
|
|
}
|
|
|
|
.dropdown-menu-lg .dropdown-header,
|
|
.dropdown-menu-lg .dropdown-item {
|
|
padding: 0.5rem 1.5rem;
|
|
}
|
|
|
|
.dropdown-menu-lg .dropdown-item {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.dropdown-menu-lg .dropdown-item-icon {
|
|
font-size: 1.125rem;
|
|
width: 1.25rem;
|
|
margin-inline-end: 0.5rem;
|
|
}
|
|
|
|
.dropdown-item-icon {
|
|
display: inline-block;
|
|
opacity: 0.7;
|
|
font-size: 1rem;
|
|
width: 1.5rem;
|
|
color: #677788;
|
|
}
|
|
|
|
.dropdown-toggle {
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-toggle::after {
|
|
display: inline-block;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1rem 1rem;
|
|
content: "";
|
|
}
|
|
|
|
.dropdown-toggle:not(.dropdown-toggle-empty)::after {
|
|
margin-inline-start: 0.3125rem;
|
|
}
|
|
|
|
.dropup .dropdown-toggle::after {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
|
|
.dropright .dropdown-toggle::after {
|
|
-webkit-transform: rotate(-90deg);
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
.dropleft .dropdown-toggle::after {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.dropdown-toggle-collapse::after {
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.dropdown-toggle-collapse[aria-expanded="true"]::after {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
|
|
.dropdown-card {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
inset-inline-end: 0;
|
|
height: 3.5rem;
|
|
}
|
|
|
|
.footer:not([class*="container"]) {
|
|
padding-inline-end: 2rem;
|
|
padding-inline-start: 2rem;
|
|
}
|
|
|
|
@media (max-width: 575.98px) {
|
|
.footer:not([class*="container"]) {
|
|
padding-inline-end: 1rem;
|
|
padding-inline-start: 1rem;
|
|
}
|
|
}
|
|
|
|
.footer-height-offset {
|
|
height: calc(100vh - 3.5rem);
|
|
}
|
|
|
|
.custom-select:focus,
|
|
.form-control:focus {
|
|
-webkit-box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
|
|
box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.form-text {
|
|
color: #8c98a4;
|
|
}
|
|
|
|
.form-link {
|
|
display: inline-block;
|
|
margin-top: 0.75rem;
|
|
}
|
|
|
|
.form-control-single-number {
|
|
font-size: 1.75rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.form-control-title {
|
|
font-size: 1.75rem;
|
|
line-height: normal;
|
|
font-weight: 600;
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.form-control-title:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.custom-control-label,
|
|
.custom-select {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.form-control .custom-control-label {
|
|
width: 100%;
|
|
}
|
|
|
|
.custom-control-input:checked:disabled ~ .custom-control-label::before {
|
|
border-color: rgba(55, 125, 255, 0);
|
|
}
|
|
|
|
.custom-select-lg {
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.custom-select-sm {
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.custom-radio-reverse {
|
|
width: 100%;
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
|
|
.custom-radio-reverse .custom-control-label {
|
|
width: 100%;
|
|
}
|
|
|
|
.custom-radio-reverse .custom-control-label::before {
|
|
inset-inline-start: auto;
|
|
inset-inline-end: -1.5rem;
|
|
}
|
|
|
|
.custom-radio-reverse .custom-control-label::after {
|
|
inset-inline-start: auto;
|
|
inset-inline-end: -1.5rem;
|
|
}
|
|
|
|
.input-group-text {
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.input-label {
|
|
display: block;
|
|
color: #334257;
|
|
font-size: 0.875rem;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.input-label-secondary {
|
|
color: #8c98a4;
|
|
font-size: 0.8125rem;
|
|
margin-inline-start: 0.25rem;
|
|
}
|
|
|
|
.input-label-secondary i {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.select2-selection__placeholder {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.input-group .input-group-append,
|
|
.input-group .input-group-prepend {
|
|
z-index: 4;
|
|
}
|
|
|
|
.input-group > .input-group-prepend .custom-select {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.input-group > .input-group-append .custom-select {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.input-group
|
|
> .input-group-prepend:first-child
|
|
.select2-custom:not(:first-child)
|
|
.custom-select {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.input-group
|
|
> .input-group-append:last-child
|
|
.select2-custom:not(:last-child)
|
|
.custom-select {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
@media (max-width: 575.98px) {
|
|
.input-group-append-last-sm-down-none.input-group-append:last-child
|
|
.select2-custom:not(:last-child)
|
|
.custom-select {
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
}
|
|
}
|
|
|
|
.input-group-add-field {
|
|
position: relative;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.input-group-add-field:hover .input-group-add-field-delete {
|
|
opacity: 1;
|
|
}
|
|
|
|
.input-group-add-field-delete {
|
|
position: absolute;
|
|
top: 0.5rem;
|
|
inset-inline-end: 0;
|
|
width: 1rem;
|
|
color: #ed4c78;
|
|
opacity: 0;
|
|
margin-inline-end: -1rem;
|
|
padding-inline-start: 0.25rem;
|
|
}
|
|
|
|
.input-group-add-field-delete:hover {
|
|
color: #ea2c60;
|
|
}
|
|
|
|
@media (max-width: 1199.98px) {
|
|
.input-group-add-field-delete {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.form-control-borderless,
|
|
.input-group-borderless .form-control,
|
|
.input-group-borderless .input-group-text {
|
|
border: none;
|
|
}
|
|
|
|
.form-control-borderless:focus,
|
|
.input-group-borderless .form-control:focus,
|
|
.input-group-borderless .input-group-text:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.custom-select-borderless {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.custom-select-borderless:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border-color: transparent;
|
|
}
|
|
|
|
@media (max-width: 575.98px) {
|
|
.input-group-sm-down-break {
|
|
display: block;
|
|
}
|
|
.input-group-sm-down-break > .custom-select,
|
|
.input-group-sm-down-break > .form-control {
|
|
width: 100%;
|
|
}
|
|
.input-group-sm-down-break .select2-custom,
|
|
.input-group-sm-down-break .select2-custom .select2-container {
|
|
width: 100% !important;
|
|
}
|
|
.input-group-sm-down-break .select2-custom {
|
|
margin-inline-start: 1px;
|
|
}
|
|
.input-group-sm-down-break .select2-custom:first-child .select2-selection,
|
|
.input-group-sm-down-break > .custom-select:first-child,
|
|
.input-group-sm-down-break > .form-control:first-child {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.input-group-sm-down-break
|
|
.select2-custom:not(:first-child):not(:last-child)
|
|
.select2-selection,
|
|
.input-group-sm-down-break
|
|
> .custom-select:not(:first-child):not(:last-child),
|
|
.input-group-sm-down-break
|
|
> .form-control:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.input-group-sm-down-break .select2-custom:last-child .select2-selection,
|
|
.input-group-sm-down-break > .custom-select:last-child,
|
|
.input-group-sm-down-break > .form-control:last-child {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
.input-group-sm-down-break .custom-file + .custom-file,
|
|
.input-group-sm-down-break .custom-file + .custom-select,
|
|
.input-group-sm-down-break .custom-file + .form-control,
|
|
.input-group-sm-down-break .custom-select + .custom-file,
|
|
.input-group-sm-down-break .custom-select + .custom-select,
|
|
.input-group-sm-down-break .custom-select + .form-control,
|
|
.input-group-sm-down-break .form-control + .custom-file,
|
|
.input-group-sm-down-break .form-control + .custom-select,
|
|
.input-group-sm-down-break .form-control + .form-control,
|
|
.input-group-sm-down-break .form-control-plaintext + .custom-file,
|
|
.input-group-sm-down-break .form-control-plaintext + .custom-select,
|
|
.input-group-sm-down-break .form-control-plaintext + .form-control,
|
|
.input-group-sm-down-break .select2-custom .select2-selection {
|
|
margin-inline-start: 0;
|
|
margin-top: -0.0625rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.input-group-md-down-break {
|
|
display: block;
|
|
}
|
|
.input-group-md-down-break > .custom-select,
|
|
.input-group-md-down-break > .form-control {
|
|
width: 100%;
|
|
}
|
|
.input-group-md-down-break .select2-custom,
|
|
.input-group-md-down-break .select2-custom .select2-container {
|
|
width: 100% !important;
|
|
}
|
|
.input-group-md-down-break .select2-custom {
|
|
margin-inline-start: 1px;
|
|
}
|
|
.input-group-md-down-break .select2-custom:first-child .select2-selection,
|
|
.input-group-md-down-break > .custom-select:first-child,
|
|
.input-group-md-down-break > .form-control:first-child {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.input-group-md-down-break
|
|
.select2-custom:not(:first-child):not(:last-child)
|
|
.select2-selection,
|
|
.input-group-md-down-break
|
|
> .custom-select:not(:first-child):not(:last-child),
|
|
.input-group-md-down-break
|
|
> .form-control:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.input-group-md-down-break .select2-custom:last-child .select2-selection,
|
|
.input-group-md-down-break > .custom-select:last-child,
|
|
.input-group-md-down-break > .form-control:last-child {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
.input-group-md-down-break .custom-file + .custom-file,
|
|
.input-group-md-down-break .custom-file + .custom-select,
|
|
.input-group-md-down-break .custom-file + .form-control,
|
|
.input-group-md-down-break .custom-select + .custom-file,
|
|
.input-group-md-down-break .custom-select + .custom-select,
|
|
.input-group-md-down-break .custom-select + .form-control,
|
|
.input-group-md-down-break .form-control + .custom-file,
|
|
.input-group-md-down-break .form-control + .custom-select,
|
|
.input-group-md-down-break .form-control + .form-control,
|
|
.input-group-md-down-break .form-control-plaintext + .custom-file,
|
|
.input-group-md-down-break .form-control-plaintext + .custom-select,
|
|
.input-group-md-down-break .form-control-plaintext + .form-control,
|
|
.input-group-md-down-break .select2-custom .select2-selection {
|
|
margin-inline-start: 0;
|
|
margin-top: -0.0625rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991.98px) {
|
|
.input-group-lg-down-break {
|
|
display: block;
|
|
}
|
|
.input-group-lg-down-break > .custom-select,
|
|
.input-group-lg-down-break > .form-control {
|
|
width: 100%;
|
|
}
|
|
.input-group-lg-down-break .select2-custom,
|
|
.input-group-lg-down-break .select2-custom .select2-container {
|
|
width: 100% !important;
|
|
}
|
|
.input-group-lg-down-break .select2-custom {
|
|
margin-inline-start: 1px;
|
|
}
|
|
.input-group-lg-down-break .select2-custom:first-child .select2-selection,
|
|
.input-group-lg-down-break > .custom-select:first-child,
|
|
.input-group-lg-down-break > .form-control:first-child {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.input-group-lg-down-break
|
|
.select2-custom:not(:first-child):not(:last-child)
|
|
.select2-selection,
|
|
.input-group-lg-down-break
|
|
> .custom-select:not(:first-child):not(:last-child),
|
|
.input-group-lg-down-break
|
|
> .form-control:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.input-group-lg-down-break .select2-custom:last-child .select2-selection,
|
|
.input-group-lg-down-break > .custom-select:last-child,
|
|
.input-group-lg-down-break > .form-control:last-child {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
.input-group-lg-down-break .custom-file + .custom-file,
|
|
.input-group-lg-down-break .custom-file + .custom-select,
|
|
.input-group-lg-down-break .custom-file + .form-control,
|
|
.input-group-lg-down-break .custom-select + .custom-file,
|
|
.input-group-lg-down-break .custom-select + .custom-select,
|
|
.input-group-lg-down-break .custom-select + .form-control,
|
|
.input-group-lg-down-break .form-control + .custom-file,
|
|
.input-group-lg-down-break .form-control + .custom-select,
|
|
.input-group-lg-down-break .form-control + .form-control,
|
|
.input-group-lg-down-break .form-control-plaintext + .custom-file,
|
|
.input-group-lg-down-break .form-control-plaintext + .custom-select,
|
|
.input-group-lg-down-break .form-control-plaintext + .form-control,
|
|
.input-group-lg-down-break .select2-custom .select2-selection {
|
|
margin-inline-start: 0;
|
|
margin-top: -0.0625rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199.98px) {
|
|
.input-group-xl-down-break {
|
|
display: block;
|
|
}
|
|
.input-group-xl-down-break > .custom-select,
|
|
.input-group-xl-down-break > .form-control {
|
|
width: 100%;
|
|
}
|
|
.input-group-xl-down-break .select2-custom,
|
|
.input-group-xl-down-break .select2-custom .select2-container {
|
|
width: 100% !important;
|
|
}
|
|
.input-group-xl-down-break .select2-custom {
|
|
margin-inline-start: 1px;
|
|
}
|
|
.input-group-xl-down-break .select2-custom:first-child .select2-selection,
|
|
.input-group-xl-down-break > .custom-select:first-child,
|
|
.input-group-xl-down-break > .form-control:first-child {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.input-group-xl-down-break
|
|
.select2-custom:not(:first-child):not(:last-child)
|
|
.select2-selection,
|
|
.input-group-xl-down-break
|
|
> .custom-select:not(:first-child):not(:last-child),
|
|
.input-group-xl-down-break
|
|
> .form-control:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.input-group-xl-down-break .select2-custom:last-child .select2-selection,
|
|
.input-group-xl-down-break > .custom-select:last-child,
|
|
.input-group-xl-down-break > .form-control:last-child {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
.input-group-xl-down-break .custom-file + .custom-file,
|
|
.input-group-xl-down-break .custom-file + .custom-select,
|
|
.input-group-xl-down-break .custom-file + .form-control,
|
|
.input-group-xl-down-break .custom-select + .custom-file,
|
|
.input-group-xl-down-break .custom-select + .custom-select,
|
|
.input-group-xl-down-break .custom-select + .form-control,
|
|
.input-group-xl-down-break .form-control + .custom-file,
|
|
.input-group-xl-down-break .form-control + .custom-select,
|
|
.input-group-xl-down-break .form-control + .form-control,
|
|
.input-group-xl-down-break .form-control-plaintext + .custom-file,
|
|
.input-group-xl-down-break .form-control-plaintext + .custom-select,
|
|
.input-group-xl-down-break .form-control-plaintext + .form-control,
|
|
.input-group-xl-down-break .select2-custom .select2-selection {
|
|
margin-inline-start: 0;
|
|
margin-top: -0.0625rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1399.98px) {
|
|
.input-group-xxl-down-break {
|
|
display: block;
|
|
}
|
|
.input-group-xxl-down-break > .custom-select,
|
|
.input-group-xxl-down-break > .form-control {
|
|
width: 100%;
|
|
}
|
|
.input-group-xxl-down-break .select2-custom,
|
|
.input-group-xxl-down-break .select2-custom .select2-container {
|
|
width: 100% !important;
|
|
}
|
|
.input-group-xxl-down-break .select2-custom {
|
|
margin-inline-start: 1px;
|
|
}
|
|
.input-group-xxl-down-break .select2-custom:first-child .select2-selection,
|
|
.input-group-xxl-down-break > .custom-select:first-child,
|
|
.input-group-xxl-down-break > .form-control:first-child {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.input-group-xxl-down-break
|
|
.select2-custom:not(:first-child):not(:last-child)
|
|
.select2-selection,
|
|
.input-group-xxl-down-break
|
|
> .custom-select:not(:first-child):not(:last-child),
|
|
.input-group-xxl-down-break
|
|
> .form-control:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.input-group-xxl-down-break .select2-custom:last-child .select2-selection,
|
|
.input-group-xxl-down-break > .custom-select:last-child,
|
|
.input-group-xxl-down-break > .form-control:last-child {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
.input-group-xxl-down-break .custom-file + .custom-file,
|
|
.input-group-xxl-down-break .custom-file + .custom-select,
|
|
.input-group-xxl-down-break .custom-file + .form-control,
|
|
.input-group-xxl-down-break .custom-select + .custom-file,
|
|
.input-group-xxl-down-break .custom-select + .custom-select,
|
|
.input-group-xxl-down-break .custom-select + .form-control,
|
|
.input-group-xxl-down-break .form-control + .custom-file,
|
|
.input-group-xxl-down-break .form-control + .custom-select,
|
|
.input-group-xxl-down-break .form-control + .form-control,
|
|
.input-group-xxl-down-break .form-control-plaintext + .custom-file,
|
|
.input-group-xxl-down-break .form-control-plaintext + .custom-select,
|
|
.input-group-xxl-down-break .form-control-plaintext + .form-control,
|
|
.input-group-xxl-down-break .select2-custom .select2-selection {
|
|
margin-inline-start: 0;
|
|
margin-top: -0.0625rem;
|
|
}
|
|
}
|
|
|
|
.input-group-down-break {
|
|
display: block;
|
|
}
|
|
|
|
.input-group-down-break > .custom-select,
|
|
.input-group-down-break > .form-control {
|
|
width: 100%;
|
|
}
|
|
|
|
.input-group-down-break .select2-custom,
|
|
.input-group-down-break .select2-custom .select2-container {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.input-group-down-break .select2-custom {
|
|
margin-inline-start: 1px;
|
|
}
|
|
|
|
.input-group-down-break .select2-custom:first-child .select2-selection,
|
|
.input-group-down-break > .custom-select:first-child,
|
|
.input-group-down-break > .form-control:first-child {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.input-group-down-break
|
|
.select2-custom:not(:first-child):not(:last-child)
|
|
.select2-selection,
|
|
.input-group-down-break > .custom-select:not(:first-child):not(:last-child),
|
|
.input-group-down-break > .form-control:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.input-group-down-break .select2-custom:last-child .select2-selection,
|
|
.input-group-down-break > .custom-select:last-child,
|
|
.input-group-down-break > .form-control:last-child {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
|
|
.input-group-down-break .custom-file + .custom-file,
|
|
.input-group-down-break .custom-file + .custom-select,
|
|
.input-group-down-break .custom-file + .form-control,
|
|
.input-group-down-break .custom-select + .custom-file,
|
|
.input-group-down-break .custom-select + .custom-select,
|
|
.input-group-down-break .custom-select + .form-control,
|
|
.input-group-down-break .form-control + .custom-file,
|
|
.input-group-down-break .form-control + .custom-select,
|
|
.input-group-down-break .form-control + .form-control,
|
|
.input-group-down-break .form-control-plaintext + .custom-file,
|
|
.input-group-down-break .form-control-plaintext + .custom-select,
|
|
.input-group-down-break .form-control-plaintext + .form-control,
|
|
.input-group-down-break .select2-custom .select2-selection {
|
|
margin-inline-start: 0;
|
|
margin-top: -0.0625rem;
|
|
}
|
|
|
|
.custom-select-light,
|
|
.form-control-light,
|
|
.input-group-light .custom-select,
|
|
.input-group-light .form-control {
|
|
background-color: #f6f7fa;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.custom-select-light:disabled,
|
|
.custom-select-light[readonly],
|
|
.form-control-light:disabled,
|
|
.form-control-light[readonly],
|
|
.input-group-light .custom-select:disabled,
|
|
.input-group-light .custom-select[readonly],
|
|
.input-group-light .form-control:disabled,
|
|
.input-group-light .form-control[readonly] {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.custom-select-hover-light.focus,
|
|
.custom-select-hover-light:focus,
|
|
.custom-select-hover-light:hover,
|
|
.form-control-hover-light.focus,
|
|
.form-control-hover-light:focus,
|
|
.form-control-hover-light:hover,
|
|
.input-group-hover-light .custom-select.focus,
|
|
.input-group-hover-light .custom-select:focus,
|
|
.input-group-hover-light .custom-select:hover,
|
|
.input-group-hover-light .form-control.focus,
|
|
.input-group-hover-light .form-control:focus,
|
|
.input-group-hover-light .form-control:hover {
|
|
background-color: #f6f7fa;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.custom-select-hover-light:disabled,
|
|
.custom-select-hover-light[readonly],
|
|
.form-control-hover-light:disabled,
|
|
.form-control-hover-light[readonly],
|
|
.input-group-hover-light .custom-select:disabled,
|
|
.input-group-hover-light .custom-select[readonly],
|
|
.input-group-hover-light .form-control:disabled,
|
|
.input-group-hover-light .form-control[readonly] {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.input-group-merge {
|
|
position: relative;
|
|
}
|
|
|
|
.input-group-merge .input-group-append,
|
|
.input-group-merge .input-group-prepend {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.input-group-merge .input-group-prepend {
|
|
inset-inline-start: 0;
|
|
}
|
|
|
|
.input-group-merge .input-group-prepend .input-group-text {
|
|
padding: 0 0 0 0.875rem;
|
|
}
|
|
|
|
.input-group-merge .input-group-prepend .input-group-text:first-child {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.input-group-merge .input-group-append {
|
|
inset-inline-end: 0;
|
|
}
|
|
|
|
.input-group-merge .input-group-append .input-group-text {
|
|
padding: 0;
|
|
padding-inline-end: 0.875rem;
|
|
}
|
|
|
|
.input-group-merge .input-group-append .input-group-text:last-child {
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.input-group-merge .input-group-text {
|
|
z-index: 4;
|
|
border: none;
|
|
}
|
|
|
|
.input-group-merge .custom-select:not(:first-child),
|
|
.input-group-merge .form-control:not(:first-child) {
|
|
padding-inline-start: 2.625rem;
|
|
border-top-left-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
|
|
.input-group-merge .custom-select:not(:last-child),
|
|
.input-group-merge .form-control:not(:last-child) {
|
|
padding-inline-end: 2.625rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
}
|
|
|
|
.custom-select-flush,
|
|
.form-control-flush {
|
|
background-color: transparent;
|
|
border-top: none;
|
|
border-inline-end: none;
|
|
border-inline-start: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
padding-inline-end: 0;
|
|
padding-inline-start: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.custom-select-flush.is-invalid,
|
|
.custom-select-flush.is-invalid:focus,
|
|
.custom-select-flush.is-valid,
|
|
.custom-select-flush.is-valid:focus,
|
|
.form-control-flush.is-invalid,
|
|
.form-control-flush.is-invalid:focus,
|
|
.form-control-flush.is-valid,
|
|
.form-control-flush.is-valid:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.form-control-flush:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.input-group-flush .custom-select,
|
|
.input-group-flush .form-control {
|
|
background-color: transparent;
|
|
border-top: none;
|
|
border-inline-end: none;
|
|
border-inline-start: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
padding-inline-end: 0;
|
|
padding-inline-start: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.input-group-flush .custom-select.is-invalid,
|
|
.input-group-flush .custom-select.is-invalid:focus,
|
|
.input-group-flush .custom-select.is-valid,
|
|
.input-group-flush .custom-select.is-valid:focus,
|
|
.input-group-flush .form-control.is-invalid,
|
|
.input-group-flush .form-control.is-invalid:focus,
|
|
.input-group-flush .form-control.is-valid,
|
|
.input-group-flush .form-control.is-valid:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.input-group-flush .input-group-append .input-group-text,
|
|
.input-group-flush .input-group-prepend .input-group-text {
|
|
border-top: none;
|
|
border-inline-end: none;
|
|
border-inline-start: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.input-group-flush .input-group-prepend .input-group-text {
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.input-group-flush .input-group-append .input-group-text {
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.input-group-flush.input-group-merge .input-group-append .input-group-text,
|
|
.input-group-flush.input-group-merge .input-group-prepend .input-group-text {
|
|
padding: 0;
|
|
}
|
|
|
|
.input-group-flush.input-group-merge .custom-select:not(:first-child),
|
|
.input-group-flush.input-group-merge .form-control:not(:first-child) {
|
|
padding-inline-start: 1.75rem;
|
|
}
|
|
|
|
.input-group-flush.input-group-merge .custom-select:not(:last-child),
|
|
.input-group-flush.input-group-merge .form-control:not(:last-child) {
|
|
padding-inline-end: 1.75rem;
|
|
}
|
|
|
|
.input-group-flush.input-group .custom-select:not(:first-child),
|
|
.input-group-flush.input-group .custom-select:not(:last-child),
|
|
.input-group-flush.input-group .form-control:not(:first-child),
|
|
.input-group-flush.input-group .form-control:not(:last-child),
|
|
.input-group-flush.input-group
|
|
.input-group-append
|
|
.input-group-text:first-child,
|
|
.input-group-flush.input-group .input-group-append .input-group-text:last-child,
|
|
.input-group-flush.input-group-merge .input-group-append .input-group-text,
|
|
.input-group-flush.input-group-merge .input-group-prepend .input-group-text {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.custom-select-pill,
|
|
.form-control-pill {
|
|
border-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill {
|
|
border-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill > .custom-select:first-child,
|
|
.input-group-pill > .form-control:first-child {
|
|
border-top-left-radius: 6.1875rem;
|
|
border-bottom-left-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill > .custom-select:last-child,
|
|
.input-group-pill > .form-control:last-child {
|
|
border-top-right-radius: 6.1875rem;
|
|
border-bottom-right-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill > .input-group-prepend > .btn,
|
|
.input-group-pill > .input-group-prepend > .input-group-text {
|
|
border-top-left-radius: 6.1875rem;
|
|
border-bottom-left-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill > .input-group-append > .btn,
|
|
.input-group-pill > .input-group-append > .input-group-text {
|
|
border-top-right-radius: 6.1875rem;
|
|
border-bottom-right-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill.input-group-merge .form-control:not(:last-child) {
|
|
border-top-right-radius: 6.1875rem;
|
|
border-bottom-right-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill.input-group-merge .input-group-prepend > .btn,
|
|
.input-group-pill.input-group-merge .input-group-prepend > .input-group-text {
|
|
border-top-left-radius: 6.1875rem;
|
|
border-bottom-left-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill.input-group-merge .form-control:not(:first-child) {
|
|
border-top-left-radius: 6.1875rem;
|
|
border-bottom-left-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill.input-group-merge .input-group-append > .btn,
|
|
.input-group-pill.input-group-merge .input-group-append > .input-group-text {
|
|
border-top-right-radius: 6.1875rem;
|
|
border-bottom-right-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-pill.input-group-merge .custom-select {
|
|
border-radius: 6.1875rem;
|
|
}
|
|
|
|
.input-group-quantity-counter {
|
|
position: relative;
|
|
width: 8rem;
|
|
}
|
|
|
|
.input-group-quantity-counter .input-group-quantity-counter-control {
|
|
padding-inline-end: 4.0625rem;
|
|
}
|
|
|
|
.input-group-quantity-counter .input-group-quantity-counter-toggle {
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-end: 0.5rem;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.input-group-quantity-counter .input-group-quantity-counter-btn {
|
|
position: relative;
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
color: #677788;
|
|
font-size: 0.75rem;
|
|
width: 1.53125rem;
|
|
height: 1.53125rem;
|
|
background-color: #fff;
|
|
border: 0.0625rem solid #e7eaf3;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.input-group-quantity-counter .input-group-quantity-counter-btn:hover {
|
|
color: #0052ea;
|
|
-webkit-box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
|
|
box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
|
|
}
|
|
|
|
.input-group-sm.input-group-merge .custom-select:not(:first-child),
|
|
.input-group-sm.input-group-merge .form-control:not(:first-child) {
|
|
border-top-left-radius: 0.25rem;
|
|
border-bottom-left-radius: 0.25rem;
|
|
}
|
|
|
|
.input-group-sm.input-group-merge .custom-select:not(:last-child),
|
|
.input-group-sm.input-group-merge .form-control:not(:last-child) {
|
|
border-top-right-radius: 0.25rem;
|
|
border-bottom-right-radius: 0.25rem;
|
|
}
|
|
|
|
.input-group-sm.input-group-merge
|
|
.input-group-prepend
|
|
.input-group-text:first-child {
|
|
border-top-left-radius: 0.25rem;
|
|
border-bottom-left-radius: 0.25rem;
|
|
}
|
|
|
|
.input-group-sm.input-group-merge
|
|
.input-group-append
|
|
.input-group-text:last-child {
|
|
border-top-right-radius: 0.25rem;
|
|
border-bottom-right-radius: 0.25rem;
|
|
}
|
|
|
|
.input-group-lg.input-group-merge .custom-select:not(:first-child),
|
|
.input-group-lg.input-group-merge .form-control:not(:first-child) {
|
|
padding-inline-start: 2.625rem;
|
|
border-top-left-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
|
|
.input-group-lg.input-group-merge .custom-select:not(:last-child),
|
|
.input-group-lg.input-group-merge .form-control:not(:last-child) {
|
|
padding-inline-end: 2.625rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
}
|
|
|
|
.input-group-lg.input-group-merge
|
|
.input-group-prepend
|
|
.input-group-text:first-child {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
|
|
.input-group-lg.input-group-merge
|
|
.input-group-append
|
|
.input-group-text:last-child {
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
}
|
|
|
|
.form-control.is-valid {
|
|
background-size: 1rem 1rem;
|
|
}
|
|
|
|
.form-control.is-valid,
|
|
.form-control.is-valid:focus {
|
|
-webkit-box-shadow: 0 0 10px rgba(0, 201, 167, 0.1);
|
|
box-shadow: 0 0 10px rgba(0, 201, 167, 0.1);
|
|
}
|
|
|
|
.form-control.is-invalid {
|
|
background-size: 1rem 1rem;
|
|
}
|
|
|
|
.form-control.is-invalid,
|
|
.form-control.is-invalid:focus {
|
|
-webkit-box-shadow: 0 0 10px rgba(237, 76, 120, 0.1);
|
|
box-shadow: 0 0 10px rgba(237, 76, 120, 0.1);
|
|
}
|
|
|
|
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
|
|
.was-validated
|
|
.custom-control-input:valid:checked
|
|
~ .custom-control-label::before {
|
|
border-color: #00c9a7;
|
|
background-color: #00c9a7;
|
|
}
|
|
|
|
.is-valid .custom-select {
|
|
background-size: 1rem 1rem;
|
|
border-color: #00c9a7;
|
|
}
|
|
|
|
.is-valid .custom-select,
|
|
.is-valid .custom-select:focus {
|
|
-webkit-box-shadow: 0 0 10px rgba(0, 201, 167, 0.1);
|
|
box-shadow: 0 0 10px rgba(0, 201, 167, 0.1);
|
|
}
|
|
|
|
.is-invalid .custom-select {
|
|
background-size: 1rem 1rem;
|
|
border-color: #ed4c78;
|
|
}
|
|
|
|
.is-invalid .custom-select,
|
|
.is-invalid .custom-select:focus {
|
|
-webkit-box-shadow: 0 0 10px rgba(237, 76, 120, 0.1);
|
|
box-shadow: 0 0 10px rgba(237, 76, 120, 0.1);
|
|
}
|
|
|
|
.custom-checkbox-bookmark {
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.custom-checkbox-bookmark-label {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
color: #bdc5d1;
|
|
font-size: 1.09375rem;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.custom-checkbox-bookmark-active,
|
|
.custom-checkbox-bookmark-default {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.custom-checkbox-bookmark-active {
|
|
color: #ffc107;
|
|
}
|
|
|
|
.custom-checkbox-bookmark-input
|
|
~ .custom-checkbox-bookmark-label
|
|
.custom-checkbox-bookmark-default {
|
|
display: block;
|
|
}
|
|
|
|
.custom-checkbox-bookmark-input
|
|
~ .custom-checkbox-bookmark-label
|
|
.custom-checkbox-bookmark-active {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox-bookmark-input:checked
|
|
~ .custom-checkbox-bookmark-label
|
|
.custom-checkbox-bookmark-default {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox-bookmark-input:checked
|
|
~ .custom-checkbox-bookmark-label
|
|
.custom-checkbox-bookmark-active {
|
|
display: block;
|
|
}
|
|
|
|
.custom-checkbox-bookmark-input:disabled ~ .custom-checkbox-bookmark-label {
|
|
color: #e7eaf3;
|
|
}
|
|
|
|
.custom-checkbox-card {
|
|
position: relative;
|
|
height: 100%;
|
|
padding-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.custom-checkbox-card.card {
|
|
border-width: 0;
|
|
}
|
|
|
|
.custom-checkbox-card-input {
|
|
position: absolute;
|
|
inset-inline-start: 0;
|
|
z-index: -1;
|
|
opacity: 0;
|
|
}
|
|
|
|
.custom-checkbox-card-label {
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
border: 0.0625rem solid #e7eaf3;
|
|
border-radius: 0.3125rem;
|
|
cursor: pointer;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.custom-checkbox-card-label::after {
|
|
position: absolute;
|
|
top: 0.5rem;
|
|
inset-inline-end: 0.5rem;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
z-index: 1;
|
|
content: "";
|
|
}
|
|
|
|
.custom-checkbox-card-label-stretched {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
}
|
|
|
|
.custom-checkbox-card-label-stretched::after {
|
|
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23e7eaf3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0h0c30.4,0,55,24.6,55,55v0C110,85.4,85.4,110,55,110zM81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1rem 1rem;
|
|
}
|
|
|
|
.custom-checkbox-card-img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.custom-checkbox-card-text {
|
|
display: block;
|
|
padding: 0.3125rem 0;
|
|
}
|
|
|
|
.custom-checkbox-card-lg,
|
|
.custom-checkbox-card-lg .custom-checkbox-card-label {
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.custom-checkbox-card-lg .custom-checkbox-card-label::after {
|
|
top: 0.75rem;
|
|
inset-inline-end: 0.75rem;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23e7eaf3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0h0c30.4,0,55,24.6,55,55v0C110,85.4,85.4,110,55,110zM81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1.25rem 1.25rem;
|
|
}
|
|
|
|
.custom-checkbox-card-input:checked ~ .custom-checkbox-card-label::after {
|
|
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0h0c30.4,0,55,24.6,55,55v0C110,85.4,85.4,110,55,110zM81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1rem 1rem;
|
|
}
|
|
|
|
.custom-checkbox-card-lg
|
|
.custom-checkbox-card-input:checked
|
|
~ .custom-checkbox-card-label::after {
|
|
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0h0c30.4,0,55,24.6,55,55v0C110,85.4,85.4,110,55,110zM81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1.25rem 1.25rem;
|
|
}
|
|
|
|
.custom-checkbox-card-input:checked ~ .custom-checkbox-card-label,
|
|
.custom-checkbox-card-input:checked ~ .custom-checkbox-card-label-stretched {
|
|
border-color: #377dff;
|
|
}
|
|
|
|
.custom-checkbox-card.checked .custom-checkbox-card-btn {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
border-color: #377dff;
|
|
}
|
|
|
|
.custom-checkbox-card-input:disabled ~ .custom-checkbox-card-label {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.custom-checkbox-card.disabled .custom-checkbox-card-btn {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.custom-checkbox-list {
|
|
position: static;
|
|
z-index: auto;
|
|
}
|
|
|
|
.custom-checkbox-list
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::after {
|
|
background-image: none;
|
|
}
|
|
|
|
.custom-checkbox-list .custom-control-label::before {
|
|
width: 0.6875rem;
|
|
height: 0.6875rem;
|
|
border: none;
|
|
background-color: #e7eaf3;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.custom-checkbox-list .custom-control-label::after {
|
|
z-index: 2;
|
|
}
|
|
|
|
.custom-checkbox-list:hover .custom-control-label::before {
|
|
background-color: rgba(55, 125, 255, 0.3125);
|
|
}
|
|
|
|
.custom-checkbox-list:hover
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::before {
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.custom-checkbox-list-stretched-bg::after {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-end: 0;
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
z-index: 1;
|
|
pointer-events: auto;
|
|
content: "";
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.custom-checkbox-list-wrapper:hover .custom-checkbox-list-stretched-bg::after {
|
|
background-color: rgba(55, 125, 255, 0.035);
|
|
}
|
|
|
|
.custom-checkbox-list
|
|
.custom-control-input:checked
|
|
~ .custom-checkbox-list-stretched-bg::after {
|
|
background-color: rgba(55, 125, 255, 0.035);
|
|
}
|
|
|
|
.custom-checkbox-list
|
|
.custom-control-input:disabled
|
|
~ .custom-control-label::before {
|
|
background-color: #8c98a4;
|
|
}
|
|
|
|
.custom-checkbox-switch {
|
|
display: inline-block;
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.custom-checkbox-switch-label {
|
|
cursor: pointer;
|
|
color: #377dff;
|
|
background-color: #fff;
|
|
border: 0.0625rem solid #377dff;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.custom-checkbox-switch-label:hover {
|
|
color: #377dff;
|
|
}
|
|
|
|
.custom-checkbox-switch-label-btn-dashed {
|
|
border: 0.0625rem dashed #e7eaf3;
|
|
}
|
|
|
|
.custom-checkbox-switch-input
|
|
~ .custom-checkbox-switch-label
|
|
.custom-checkbox-switch-default {
|
|
display: block;
|
|
}
|
|
|
|
.custom-checkbox-switch-input
|
|
~ .custom-checkbox-switch-label
|
|
.custom-checkbox-switch-active {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox-switch-input:checked ~ .custom-checkbox-switch-label {
|
|
color: #fff;
|
|
border-style: solid;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.custom-checkbox-switch-input:checked
|
|
~ .custom-checkbox-switch-label
|
|
.custom-checkbox-switch-default {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox-switch-input:checked
|
|
~ .custom-checkbox-switch-label
|
|
.custom-checkbox-switch-active {
|
|
display: block;
|
|
}
|
|
|
|
.custom-checkbox-switch-input:disabled ~ .custom-checkbox-switch-label {
|
|
color: #8c98a4;
|
|
background-color: rgba(231, 234, 243, 0.5);
|
|
}
|
|
|
|
.checkbox-outline-primary .custom-control-label::before {
|
|
border-color: #377dff;
|
|
}
|
|
|
|
.checkbox-outline-primary
|
|
.custom-control-input:focus:not(:checked)
|
|
~ .custom-control-label::before {
|
|
border-color: rgba(55, 125, 255, 0.4);
|
|
}
|
|
|
|
.checkbox-outline-primary
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::before,
|
|
.checkbox-outline-primary
|
|
.custom-control-input:not(:disabled):active
|
|
~ .custom-control-label::before {
|
|
color: #fff;
|
|
border-color: #377dff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.checkbox-outline-secondary .custom-control-label::before {
|
|
border-color: #71869d;
|
|
}
|
|
|
|
.checkbox-outline-secondary
|
|
.custom-control-input:focus:not(:checked)
|
|
~ .custom-control-label::before {
|
|
border-color: rgba(113, 134, 157, 0.4);
|
|
}
|
|
|
|
.checkbox-outline-secondary
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::before,
|
|
.checkbox-outline-secondary
|
|
.custom-control-input:not(:disabled):active
|
|
~ .custom-control-label::before {
|
|
color: #fff;
|
|
border-color: #71869d;
|
|
background-color: #71869d;
|
|
}
|
|
|
|
.checkbox-outline-success .custom-control-label::before {
|
|
border-color: #00c9a7;
|
|
}
|
|
|
|
.checkbox-outline-success
|
|
.custom-control-input:focus:not(:checked)
|
|
~ .custom-control-label::before {
|
|
border-color: rgba(0, 201, 167, 0.4);
|
|
}
|
|
|
|
.checkbox-outline-success
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::before,
|
|
.checkbox-outline-success
|
|
.custom-control-input:not(:disabled):active
|
|
~ .custom-control-label::before {
|
|
color: #fff;
|
|
border-color: #00c9a7;
|
|
background-color: #00c9a7;
|
|
}
|
|
|
|
.checkbox-outline-info .custom-control-label::before {
|
|
border-color: #0096ff;
|
|
}
|
|
|
|
.checkbox-outline-info
|
|
.custom-control-input:focus:not(:checked)
|
|
~ .custom-control-label::before {
|
|
border-color: rgba(0, 201, 219, 0.4);
|
|
}
|
|
|
|
.checkbox-outline-info
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::before,
|
|
.checkbox-outline-info
|
|
.custom-control-input:not(:disabled):active
|
|
~ .custom-control-label::before {
|
|
color: #fff;
|
|
border-color: #0096ff;
|
|
background-color: #0096ff;
|
|
}
|
|
|
|
.checkbox-outline-warning .custom-control-label::before {
|
|
border-color: #f5ca99;
|
|
}
|
|
|
|
.checkbox-outline-warning
|
|
.custom-control-input:focus:not(:checked)
|
|
~ .custom-control-label::before {
|
|
border-color: rgba(245, 202, 153, 0.4);
|
|
}
|
|
|
|
.checkbox-outline-warning
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::before,
|
|
.checkbox-outline-warning
|
|
.custom-control-input:not(:disabled):active
|
|
~ .custom-control-label::before {
|
|
color: #334257;
|
|
border-color: #f5ca99;
|
|
background-color: #f5ca99;
|
|
}
|
|
|
|
.checkbox-outline-danger .custom-control-label::before {
|
|
border-color: #ed4c78;
|
|
}
|
|
|
|
.checkbox-outline-danger
|
|
.custom-control-input:focus:not(:checked)
|
|
~ .custom-control-label::before {
|
|
border-color: rgba(237, 76, 120, 0.4);
|
|
}
|
|
|
|
.checkbox-outline-danger
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::before,
|
|
.checkbox-outline-danger
|
|
.custom-control-input:not(:disabled):active
|
|
~ .custom-control-label::before {
|
|
color: #fff;
|
|
border-color: #ed4c78;
|
|
background-color: #ed4c78;
|
|
}
|
|
|
|
.checkbox-outline-light .custom-control-label::before {
|
|
border-color: #f9fafc;
|
|
}
|
|
|
|
.checkbox-outline-light
|
|
.custom-control-input:focus:not(:checked)
|
|
~ .custom-control-label::before {
|
|
border-color: rgba(249, 250, 252, 0.4);
|
|
}
|
|
|
|
.checkbox-outline-light
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::before,
|
|
.checkbox-outline-light
|
|
.custom-control-input:not(:disabled):active
|
|
~ .custom-control-label::before {
|
|
color: #334257;
|
|
border-color: #f9fafc;
|
|
background-color: #f9fafc;
|
|
}
|
|
|
|
.checkbox-outline-dark .custom-control-label::before {
|
|
border-color: #132144;
|
|
}
|
|
|
|
.checkbox-outline-dark
|
|
.custom-control-input:focus:not(:checked)
|
|
~ .custom-control-label::before {
|
|
border-color: rgba(19, 33, 68, 0.4);
|
|
}
|
|
|
|
.checkbox-outline-dark
|
|
.custom-control-input:checked
|
|
~ .custom-control-label::before,
|
|
.checkbox-outline-dark
|
|
.custom-control-input:not(:disabled):active
|
|
~ .custom-control-label::before {
|
|
color: #fff;
|
|
border-color: #132144;
|
|
background-color: #132144;
|
|
}
|
|
|
|
.toggle-switch {
|
|
position: relative;
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.toggle-switch span.pr-2 {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 0;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.toggle-switch:not(.form-group) {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.toggle-switch-input {
|
|
position: absolute;
|
|
z-index: -1;
|
|
opacity: 0;
|
|
}
|
|
|
|
.toggle-switch-content {
|
|
-ms-flex: 1;
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
margin-inline-start: 0.5rem;
|
|
}
|
|
|
|
.toggle-switch-label {
|
|
position: relative;
|
|
display: block;
|
|
width: 3rem;
|
|
height: 2rem;
|
|
background-color: #8c9aae;
|
|
background-clip: content-box;
|
|
border: 0.125rem solid transparent;
|
|
border-radius: 6.1875rem;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.toggle-switch-indicator {
|
|
position: absolute;
|
|
inset-inline-start: 0.125rem;
|
|
bottom: 2px;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
background-color: #fff;
|
|
-webkit-transform: initial;
|
|
transform: initial;
|
|
-webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
border-radius: 50%;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
margin: 0 !important;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.toggle-switch-input:checked + .toggle-switch-label {
|
|
background-color: var(--primary-clr);
|
|
}
|
|
|
|
.toggle-switch-input:checked + .toggle-switch-label .toggle-switch-indicator {
|
|
-webkit-transform: translate3d(1.025rem, 0, 0);
|
|
transform: translate3d(1.025rem, 0, 0);
|
|
}
|
|
|
|
.toggle-switch-input.is-valid + .toggle-switch-label {
|
|
background-color: #00c9a7;
|
|
}
|
|
|
|
.toggle-switch-input.is-invalid + .toggle-switch-label {
|
|
background-color: #ed4c78;
|
|
}
|
|
|
|
.toggle-switch-input:disabled + .toggle-switch-label {
|
|
background-color: rgba(231, 234, 243, 0.5);
|
|
}
|
|
|
|
.toggle-switch-input:checked:disabled + .toggle-switch-label {
|
|
background-color: rgba(55, 125, 255, 0.5);
|
|
}
|
|
|
|
.toggle-switch-sm .toggle-switch-label {
|
|
width: 44px;
|
|
height: 26px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin: 0;
|
|
}
|
|
|
|
.toggle-switch-sm .toggle-switch-indicator {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.toggle-switch-sm
|
|
.toggle-switch-input:checked
|
|
+ .toggle-switch-label
|
|
.toggle-switch-indicator {
|
|
-webkit-transform: translate3d(18px, 0, 0);
|
|
transform: translate3d(18px, 0, 0);
|
|
}
|
|
|
|
.custom-file-boxed {
|
|
position: relative;
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0.1rem dashed #e7eaf3;
|
|
cursor: pointer;
|
|
padding: 3rem 3rem;
|
|
border-radius: 0.3125rem;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.custom-file-boxed:hover {
|
|
background-color: #f8fafd;
|
|
}
|
|
|
|
.custom-file-boxed-input {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
z-index: -1;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
|
|
.custom-file-boxed-label {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
margin-inline-end: auto;
|
|
margin-inline-start: auto;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.custom-file-boxed-sm {
|
|
padding: 2rem 2rem;
|
|
}
|
|
|
|
.custom-file-btn {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.custom-file-btn-input {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
z-index: -1;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
|
|
.custom-file-btn-label {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.go-to {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
z-index: 9999;
|
|
width: 2.625rem;
|
|
height: 2.625rem;
|
|
background-color: rgba(113, 134, 157, 0.1);
|
|
color: #677788;
|
|
font-size: 0.92969rem;
|
|
opacity: 0.5;
|
|
border-radius: 50%;
|
|
-webkit-transition: 0.3s ease-out;
|
|
transition: 0.3s ease-out;
|
|
}
|
|
|
|
.go-to:focus:hover,
|
|
.go-to:hover {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
opacity: 1;
|
|
}
|
|
|
|
.icon {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
font-size: 1.09375rem;
|
|
width: 2.625rem;
|
|
height: 2.625rem;
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.icon-circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.icon-centered {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
margin-inline-end: auto;
|
|
margin-inline-start: auto;
|
|
}
|
|
|
|
.icon.icon-xs {
|
|
font-size: 0.875rem;
|
|
width: 1.53125rem;
|
|
height: 1.53125rem;
|
|
}
|
|
|
|
.icon.icon-sm {
|
|
font-size: 0.98438rem;
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
}
|
|
|
|
.icon.icon-lg {
|
|
font-size: 1.53125rem;
|
|
width: 3.36875rem;
|
|
height: 3.36875rem;
|
|
}
|
|
|
|
.icon-primary {
|
|
color: #fff;
|
|
border-color: #377dff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.icon-secondary {
|
|
color: #fff;
|
|
border-color: #71869d;
|
|
background-color: #71869d;
|
|
}
|
|
|
|
.icon-success {
|
|
color: #fff;
|
|
border-color: #00c9a7;
|
|
background-color: #00c9a7;
|
|
}
|
|
|
|
.icon-info {
|
|
color: #fff;
|
|
border-color: #0096ff;
|
|
background-color: #0096ff;
|
|
}
|
|
|
|
.icon-warning {
|
|
color: #334257;
|
|
border-color: #f5ca99;
|
|
background-color: #f5ca99;
|
|
}
|
|
|
|
.icon-danger {
|
|
color: #fff;
|
|
border-color: #ed4c78;
|
|
background-color: #ed4c78;
|
|
}
|
|
|
|
.icon-light {
|
|
color: #334257;
|
|
border-color: #f9fafc;
|
|
background-color: #f9fafc;
|
|
}
|
|
|
|
.icon-dark {
|
|
color: #fff;
|
|
border-color: #132144;
|
|
background-color: #132144;
|
|
}
|
|
|
|
.icon-soft-primary {
|
|
color: #377dff;
|
|
background: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.icon-soft-secondary {
|
|
color: #71869d;
|
|
background: rgba(113, 134, 157, 0.1);
|
|
}
|
|
|
|
.icon-soft-success {
|
|
color: #00c9a7;
|
|
background: rgba(0, 201, 167, 0.1);
|
|
}
|
|
|
|
.icon-soft-info {
|
|
color: #0096ff;
|
|
background: rgba(0, 150, 255, 0.05);
|
|
}
|
|
|
|
.icon-soft-warning {
|
|
color: #f5ca99;
|
|
background: rgba(245, 202, 153, 0.1);
|
|
}
|
|
|
|
.icon-soft-danger {
|
|
color: #ed4c78;
|
|
background: rgba(237, 76, 120, 0.1);
|
|
}
|
|
|
|
.icon-soft-light {
|
|
color: #f9fafc;
|
|
background: rgba(249, 250, 252, 0.1);
|
|
}
|
|
|
|
.icon-soft-dark {
|
|
color: #132144;
|
|
background: rgba(19, 33, 68, 0.1);
|
|
}
|
|
|
|
.nav-link {
|
|
color: #677788;
|
|
}
|
|
|
|
.nav-link:hover {
|
|
color: #0052ea;
|
|
}
|
|
|
|
.nav-link.active {
|
|
color: #377dff;
|
|
}
|
|
|
|
.nav-title {
|
|
display: block;
|
|
color: #334257;
|
|
font-size: 1.14844rem;
|
|
font-weight: 600;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.nav-subtitle {
|
|
display: block;
|
|
color: #8c98a4;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.03125rem;
|
|
}
|
|
|
|
.nav-tabs .nav-link {
|
|
border-bottom-width: 0.0625rem;
|
|
border-inline-start-width: 0;
|
|
border-inline-end-width: 0;
|
|
border-top-width: 0;
|
|
padding: 0.607rem 1rem;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.nav-tabs .nav-item.show .nav-link,
|
|
.nav-tabs .nav-link.active {
|
|
border-bottom-width: 2px;
|
|
margin-bottom: -0.1rem;
|
|
}
|
|
|
|
.nav-tabs-light .nav-item.show .nav-link,
|
|
.nav-tabs-light .nav-link.active {
|
|
color: #fff;
|
|
}
|
|
|
|
.nav-tabs-light .nav-link {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.nav-tabs-light .nav-link:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.nav-pills .nav-item:not(:first-child) {
|
|
margin-inline-start: 0.25rem;
|
|
}
|
|
|
|
.nav-pills .nav-item:not(:last-child) {
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
|
|
.nav-pills:not(.nav-segment) .nav-link:hover {
|
|
color: #677788;
|
|
background-color: rgba(189, 197, 209, 0.3);
|
|
}
|
|
|
|
.nav-pills:not(.nav-segment) .nav-link.active {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.nav-divider {
|
|
height: 0;
|
|
margin: 0.5rem 0;
|
|
overflow: hidden;
|
|
border-top: 0.0625rem solid #e7eaf3;
|
|
}
|
|
|
|
.nav-link-toggle {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.nav-link-toggle::after,
|
|
.nav-link-toggle[data-toggle="collapse"]::after {
|
|
display: inline-block;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1rem 1rem;
|
|
content: "";
|
|
margin-inline-start: auto;
|
|
}
|
|
|
|
.nav-pills .show > .nav-link-toggle:not(:hover)::after,
|
|
.nav-pills .show > .nav-link-toggle:not(:hover)[data-toggle="collapse"]::after {
|
|
background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1rem 1rem;
|
|
}
|
|
|
|
.nav-item.active .nav-link {
|
|
color: #377dff;
|
|
}
|
|
|
|
.nav-icon {
|
|
font-size: 1.125rem !important;
|
|
line-height: 1.1;
|
|
-ms-flex: 0 0 1.75rem;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 1.75rem;
|
|
}
|
|
|
|
.nav-compact {
|
|
text-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.nav-compact > .nav-item {
|
|
margin: 0.25rem 0;
|
|
}
|
|
|
|
.nav-compact > .nav-item:not(:last-child) {
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.nav-compact > .nav-item > .nav-link {
|
|
width: 7rem;
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.nav-compact > .nav-item > .nav-link.active,
|
|
.nav-compact > .nav-item > .nav-link:hover {
|
|
color: #0052ea;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.nav-compact > .nav-item > .nav-link .nav-icon {
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.nav-compact > .show > .nav-link {
|
|
color: #0052ea;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.nav-compact-title {
|
|
display: block;
|
|
}
|
|
|
|
.nav-compact-icon {
|
|
text-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.nav-compact-icon > .nav-item {
|
|
margin: 0.25rem 0;
|
|
}
|
|
|
|
.nav-compact-icon > .nav-item:not(:last-child) {
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.nav-compact-icon .nav-icon {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
width: 2.625rem;
|
|
height: 2.625rem;
|
|
font-size: 0.92969rem;
|
|
color: #677788;
|
|
background-color: transparent;
|
|
opacity: 1;
|
|
margin-inline-end: 0;
|
|
border-radius: 0.3125rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.nav-compact-icon .nav-icon.active,
|
|
.nav-compact-icon .nav-icon:hover {
|
|
color: #0052ea;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.nav-compact-icon .nav-link.active .nav-icon {
|
|
color: #0052ea;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.nav-compact-icon-circle .nav-icon {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.nav-indicator-icon {
|
|
color: #bdc5d1;
|
|
font-size: 6px;
|
|
-ms-flex: 0 0 1rem;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 1rem;
|
|
}
|
|
|
|
.nav-segment {
|
|
position: relative;
|
|
background-color: #f8fafd;
|
|
padding: 0.25rem 0.25rem;
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.nav-segment:not(.nav-fill) {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.nav-segment .nav-link {
|
|
color: #677788;
|
|
font-size: 0.8125rem;
|
|
padding: 0.4375rem 0.65625rem;
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.nav-segment .nav-link:hover {
|
|
color: #377dff;
|
|
}
|
|
|
|
.nav-segment .nav-link.active {
|
|
color: #334257;
|
|
background-color: #fff;
|
|
-webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
}
|
|
|
|
.nav-segment.nav-pills {
|
|
border-radius: 6.1875rem;
|
|
}
|
|
|
|
.nav-segment.nav-pills .nav-link {
|
|
border-radius: 6.1875rem;
|
|
}
|
|
|
|
@media (max-width: 575.98px) {
|
|
.nav-sm-down-break {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.nav-md-down-break {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991.98px) {
|
|
.nav-lg-down-break {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199.98px) {
|
|
.nav-xl-down-break {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1399.98px) {
|
|
.nav-xxl-down-break {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
.nav-down-break {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.legend-indicator {
|
|
display: inline-block;
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
background-color: #bdc5d1;
|
|
border-radius: 50%;
|
|
margin-inline-end: 0.4375rem;
|
|
}
|
|
|
|
.popover {
|
|
-webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
}
|
|
|
|
.popover-header {
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.popover-dark {
|
|
background-color: #132144;
|
|
}
|
|
|
|
.popover-dark.bs-popover-auto[x-placement^="top"] > .arrow::after,
|
|
.popover-dark.bs-popover-top > .arrow::after {
|
|
border-top-color: #132144;
|
|
}
|
|
|
|
.popover-dark.bs-popover-auto[x-placement^="right"] > .arrow::after,
|
|
.popover-dark.bs-popover-right > .arrow::after {
|
|
border-inline-end-color: #132144;
|
|
}
|
|
|
|
.popover-dark.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
|
|
.popover-dark.bs-popover-bottom > .arrow::after {
|
|
border-bottom-color: #132144;
|
|
}
|
|
|
|
.popover-dark.bs-popover-auto[x-placement^="left"] > .arrow::after,
|
|
.popover-dark.bs-popover-left > .arrow::after {
|
|
border-inline-start-color: #132144;
|
|
}
|
|
|
|
.popover-dark .popover-header {
|
|
color: #fff;
|
|
background-color: #132144;
|
|
border-bottom-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.popover-dark .popover-body {
|
|
color: #bdc5d1;
|
|
}
|
|
|
|
.page-link {
|
|
cursor: pointer;
|
|
text-align: center;
|
|
min-width: 2.25rem;
|
|
}
|
|
|
|
.page-item:not(.active) .page-link:hover {
|
|
color: #377dff;
|
|
}
|
|
|
|
.page-item {
|
|
margin-inline-start: 0.25rem;
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
|
|
.page-item .page-link {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
|
|
.page-item .page-link {
|
|
border-top-right-radius: 0.3125rem;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
}
|
|
|
|
.pagination-sm .page-link {
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.pagination-lg .page-link {
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.progress-vertical {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-flow: column nowrap;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-flow: column nowrap;
|
|
-ms-flex-pack: end;
|
|
-webkit-box-pack: end;
|
|
justify-content: flex-end;
|
|
background-color: #f8fafd;
|
|
width: 0.5rem;
|
|
height: 12.5rem;
|
|
}
|
|
|
|
.profile-cover {
|
|
position: relative;
|
|
height: 7.5rem;
|
|
padding: 1.75rem 2rem;
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.profile-cover-content {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.profile-cover-img-wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-end: 0;
|
|
inset-inline-start: 0;
|
|
height: 7.5rem;
|
|
background-color: #e7eaf3;
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.profile-cover-img {
|
|
width: 100%;
|
|
height: 7.5rem;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
vertical-align: top;
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.profile-cover-avatar {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
margin: -6.3rem auto 0.5rem auto;
|
|
}
|
|
|
|
.profile-cover-content {
|
|
padding: 1rem 2rem;
|
|
}
|
|
|
|
.profile-cover-btn {
|
|
position: absolute;
|
|
bottom: 0;
|
|
inset-inline-end: 0;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.profile-cover {
|
|
height: 10rem;
|
|
}
|
|
.profile-cover-img-wrapper {
|
|
height: 10rem;
|
|
}
|
|
.profile-cover-img {
|
|
height: 10rem;
|
|
}
|
|
}
|
|
|
|
.modal {
|
|
padding-inline-end: 0 !important;
|
|
}
|
|
|
|
.modal-header {
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
border-width: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.modal-header .close {
|
|
padding: 0.25rem 0.25rem;
|
|
margin: 0 0 0 auto;
|
|
}
|
|
|
|
.modal-footer > * {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.modal-footer-text:last-child {
|
|
font-size: 0.8125rem;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.modal-lg .modal-header,
|
|
.modal-xl .modal-header {
|
|
padding-top: 2.25rem;
|
|
}
|
|
.modal-lg .modal-footer,
|
|
.modal-lg .modal-header,
|
|
.modal-xl .modal-footer,
|
|
.modal-xl .modal-header {
|
|
padding-inline-end: 2.25rem;
|
|
padding-inline-start: 2.25rem;
|
|
}
|
|
.modal-lg .modal-body,
|
|
.modal-xl .modal-body {
|
|
padding: 2.25rem;
|
|
}
|
|
.modal-lg .modal-footer,
|
|
.modal-xl .modal-footer {
|
|
padding-bottom: 2.25rem;
|
|
}
|
|
}
|
|
|
|
.modal-top-cover {
|
|
position: relative;
|
|
overflow: hidden;
|
|
min-height: 8rem;
|
|
border-top-right-radius: 0.6875rem;
|
|
border-top-left-radius: 0.6875rem;
|
|
}
|
|
|
|
.modal-top-cover-avatar,
|
|
.modal-top-cover-icon {
|
|
position: relative;
|
|
z-index: 2;
|
|
margin-top: -3rem;
|
|
}
|
|
|
|
.modal-close {
|
|
position: absolute;
|
|
top: 0.75rem;
|
|
inset-inline-end: 0.75rem;
|
|
z-index: 2;
|
|
}
|
|
|
|
.step {
|
|
position: relative;
|
|
list-style: none;
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
padding-inline-start: 0;
|
|
margin-inline-end: -0.9375rem;
|
|
margin-inline-start: -0.9375rem;
|
|
}
|
|
|
|
.step.step-dashed .step-icon::after {
|
|
border-inline-start-style: dashed;
|
|
}
|
|
|
|
.step-title {
|
|
display: block;
|
|
color: #334257;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.step-text:last-child {
|
|
color: #677788;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.step-border-last-0 .step-item:last-child .step-icon::after {
|
|
display: none;
|
|
}
|
|
|
|
.step .step-item {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
-ms-flex-preferred-size: 0;
|
|
flex-basis: 0;
|
|
-ms-flex: 0 0 100%;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 100%;
|
|
max-width: 100%;
|
|
padding-inline-end: 0.9375rem;
|
|
padding-inline-start: 0.9375rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.step-item-between .step-item:last-child {
|
|
-ms-flex: 0 0 auto;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
|
|
.step .step-content-wrapper {
|
|
position: relative;
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.step .step-content {
|
|
-ms-flex: 1;
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.step-item.collapse:not(.show) {
|
|
display: none;
|
|
}
|
|
|
|
.step-item .step-title-description {
|
|
display: none;
|
|
}
|
|
|
|
.step-item.focus .step-title-description {
|
|
display: block;
|
|
}
|
|
|
|
.step .step-avatar {
|
|
font-size: 1.09375rem;
|
|
font-weight: 600;
|
|
width: 2.625rem;
|
|
height: 2.625rem;
|
|
border-radius: 50%;
|
|
margin-inline-end: 1rem;
|
|
}
|
|
|
|
.step .step-avatar-img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.step .step-avatar::after {
|
|
position: absolute;
|
|
top: 3.09375rem;
|
|
inset-inline-start: 1.3125rem;
|
|
height: calc(100% - 2.15625rem);
|
|
border-inline-start: 0.125rem solid #e7eaf3;
|
|
content: "";
|
|
}
|
|
|
|
.step-avatar-xs .step-avatar,
|
|
.step-avatar-xs.step-avatar {
|
|
font-size: 0.875rem;
|
|
width: 1.53125rem;
|
|
height: 1.53125rem;
|
|
}
|
|
|
|
.step-avatar-xs .step-avatar::after,
|
|
.step-avatar-xs.step-avatar::after {
|
|
top: 2rem;
|
|
inset-inline-start: 0.70312rem;
|
|
width: 1.0625rem;
|
|
height: calc(100% - 1.0625rem);
|
|
}
|
|
|
|
.step-avatar-xs .step-divider::after {
|
|
inset-inline-start: 0.76562rem;
|
|
}
|
|
|
|
.step-avatar-sm .step-avatar,
|
|
.step-avatar-sm.step-avatar {
|
|
font-size: 0.98438rem;
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
}
|
|
|
|
.step-avatar-sm .step-avatar::after,
|
|
.step-avatar-sm.step-avatar::after {
|
|
top: 2.65625rem;
|
|
inset-inline-start: 1.03125rem;
|
|
width: 1.0625rem;
|
|
height: calc(100% - 1.71875rem);
|
|
}
|
|
|
|
.step-avatar-sm .step-divider::after {
|
|
inset-inline-start: 1.09375rem;
|
|
}
|
|
|
|
.step-avatar-lg .step-avatar,
|
|
.step-avatar-lg.step-avatar {
|
|
font-size: 1.53125rem;
|
|
width: 3.36875rem;
|
|
height: 3.36875rem;
|
|
}
|
|
|
|
.step-avatar-lg .step-avatar::after,
|
|
.step-avatar-lg.step-avatar::after {
|
|
top: 3.8375rem;
|
|
inset-inline-start: 1.62187rem;
|
|
width: 1.0625rem;
|
|
height: calc(100% - 2.9rem);
|
|
}
|
|
|
|
.step-avatar-lg .step-divider::after {
|
|
inset-inline-start: 1.68437rem;
|
|
}
|
|
|
|
.step-divider {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
text-transform: uppercase;
|
|
height: 1rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.step-divider::after {
|
|
position: absolute;
|
|
top: 1.46875rem;
|
|
inset-inline-start: 1.3125rem;
|
|
height: calc(100% - 0.53125rem);
|
|
border-inline-start: 0.125rem solid #e7eaf3;
|
|
content: "";
|
|
}
|
|
|
|
.step .step-icon {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
font-size: 1.09375rem;
|
|
font-weight: 600;
|
|
width: 2.625rem;
|
|
height: 2.625rem;
|
|
border-radius: 50%;
|
|
margin-inline-end: 1rem;
|
|
}
|
|
|
|
.step .step-icon::after {
|
|
position: absolute;
|
|
top: 3.09375rem;
|
|
inset-inline-start: 1.3125rem;
|
|
height: calc(100% - 2.15625rem);
|
|
border-inline-start: 0.125rem solid #e7eaf3;
|
|
content: "";
|
|
}
|
|
|
|
.step .step-icon-pseudo::before {
|
|
display: block;
|
|
width: 0.25rem;
|
|
height: 0.25rem;
|
|
background-color: #97a4af;
|
|
border-radius: 50%;
|
|
content: "";
|
|
}
|
|
|
|
.step-icon-xs .step-icon,
|
|
.step-icon-xs.step-icon {
|
|
font-size: 0.875rem;
|
|
width: 1.53125rem;
|
|
height: 1.53125rem;
|
|
}
|
|
|
|
.step-icon-xs .step-icon::after,
|
|
.step-icon-xs.step-icon::after {
|
|
top: 2rem;
|
|
inset-inline-start: 0.70312rem;
|
|
width: 1.0625rem;
|
|
height: calc(100% - 1.0625rem);
|
|
}
|
|
|
|
.step-icon-xs .step-divider::after {
|
|
inset-inline-start: 0.76562rem;
|
|
}
|
|
|
|
.step-icon-sm .step-icon,
|
|
.step-icon-sm.step-icon {
|
|
font-size: 0.98438rem;
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
}
|
|
|
|
.step-icon-sm .step-icon::after,
|
|
.step-icon-sm.step-icon::after {
|
|
top: 2.65625rem;
|
|
inset-inline-start: 1.03125rem;
|
|
width: 1.0625rem;
|
|
height: calc(100% - 1.71875rem);
|
|
}
|
|
|
|
.step-icon-sm .step-divider::after {
|
|
inset-inline-start: 1.09375rem;
|
|
}
|
|
|
|
.step-icon-lg .step-icon,
|
|
.step-icon-lg.step-icon {
|
|
font-size: 1.53125rem;
|
|
width: 3.36875rem;
|
|
height: 3.36875rem;
|
|
}
|
|
|
|
.step-icon-lg .step-icon::after,
|
|
.step-icon-lg.step-icon::after {
|
|
top: 3.8375rem;
|
|
inset-inline-start: 1.62187rem;
|
|
width: 1.0625rem;
|
|
height: calc(100% - 2.9rem);
|
|
}
|
|
|
|
.step-icon-lg .step-divider::after {
|
|
inset-inline-start: 1.68437rem;
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.step-sm.step-dashed .step-icon::after {
|
|
border-inline-start: none;
|
|
border-top-style: dashed;
|
|
}
|
|
.step-sm .step-item {
|
|
-ms-flex-positive: 1;
|
|
-webkit-box-flex: 1;
|
|
flex-grow: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
margin-bottom: 0;
|
|
}
|
|
.step-sm:not(.step-inline) .step-content-wrapper {
|
|
display: block;
|
|
}
|
|
.step-sm .step-icon {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.step-sm .step-icon::after {
|
|
top: 1.3125rem;
|
|
inset-inline-start: 3.5625rem;
|
|
width: calc(100% - 3.5625rem);
|
|
height: 1.0625rem;
|
|
border-top: 0.125rem solid #e7eaf3;
|
|
border-inline-start: none;
|
|
}
|
|
.step-sm .step-icon.step-icon-xs::after,
|
|
.step-sm.step-icon-xs .step-icon::after {
|
|
top: 0.76562rem;
|
|
inset-inline-start: 2.46875rem;
|
|
width: calc(100% - 2.46875rem);
|
|
}
|
|
.step-sm .step-icon.step-icon-sm::after,
|
|
.step-sm.step-icon-sm .step-icon::after {
|
|
top: 1.09375rem;
|
|
inset-inline-start: 3.125rem;
|
|
width: calc(100% - 3.125rem);
|
|
}
|
|
.step-sm .step-icon.step-icon-lg::after,
|
|
.step-sm.step-icon-lg .step-icon::after {
|
|
top: 1.68437rem;
|
|
inset-inline-start: 4.30625rem;
|
|
width: calc(100% - 4.30625rem);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.step-md.step-dashed .step-icon::after {
|
|
border-inline-start: none;
|
|
border-top-style: dashed;
|
|
}
|
|
.step-md .step-item {
|
|
-ms-flex-positive: 1;
|
|
-webkit-box-flex: 1;
|
|
flex-grow: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
margin-bottom: 0;
|
|
}
|
|
.step-md:not(.step-inline) .step-content-wrapper {
|
|
display: block;
|
|
}
|
|
.step-md .step-icon {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.step-md .step-icon::after {
|
|
top: 1.3125rem;
|
|
inset-inline-start: 3.5625rem;
|
|
width: calc(100% - 3.5625rem);
|
|
height: 1.0625rem;
|
|
border-top: 0.125rem solid #e7eaf3;
|
|
border-inline-start: none;
|
|
}
|
|
.step-md .step-icon.step-icon-xs::after,
|
|
.step-md.step-icon-xs .step-icon::after {
|
|
top: 0.76562rem;
|
|
inset-inline-start: 2.46875rem;
|
|
width: calc(100% - 2.46875rem);
|
|
}
|
|
.step-md .step-icon.step-icon-sm::after,
|
|
.step-md.step-icon-sm .step-icon::after {
|
|
top: 1.09375rem;
|
|
inset-inline-start: 3.125rem;
|
|
width: calc(100% - 3.125rem);
|
|
}
|
|
.step-md .step-icon.step-icon-lg::after,
|
|
.step-md.step-icon-lg .step-icon::after {
|
|
top: 1.68437rem;
|
|
inset-inline-start: 4.30625rem;
|
|
width: calc(100% - 4.30625rem);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.step-lg.step-dashed .step-icon::after {
|
|
border-inline-start: none;
|
|
border-top-style: dashed;
|
|
}
|
|
.step-lg .step-item {
|
|
-ms-flex-positive: 1;
|
|
-webkit-box-flex: 1;
|
|
flex-grow: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
margin-bottom: 0;
|
|
}
|
|
.step-lg:not(.step-inline) .step-content-wrapper {
|
|
display: block;
|
|
}
|
|
.step-lg .step-icon {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.step-lg .step-icon::after {
|
|
top: 1.3125rem;
|
|
inset-inline-start: 3.5625rem;
|
|
width: calc(100% - 3.5625rem);
|
|
height: 1.0625rem;
|
|
border-top: 0.125rem solid #e7eaf3;
|
|
border-inline-start: none;
|
|
}
|
|
.step-lg .step-icon.step-icon-xs::after,
|
|
.step-lg.step-icon-xs .step-icon::after {
|
|
top: 0.76562rem;
|
|
inset-inline-start: 2.46875rem;
|
|
width: calc(100% - 2.46875rem);
|
|
}
|
|
.step-lg .step-icon.step-icon-sm::after,
|
|
.step-lg.step-icon-sm .step-icon::after {
|
|
top: 1.09375rem;
|
|
inset-inline-start: 3.125rem;
|
|
width: calc(100% - 3.125rem);
|
|
}
|
|
.step-lg .step-icon.step-icon-lg::after,
|
|
.step-lg.step-icon-lg .step-icon::after {
|
|
top: 1.68437rem;
|
|
inset-inline-start: 4.30625rem;
|
|
width: calc(100% - 4.30625rem);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.step-xl.step-dashed .step-icon::after {
|
|
border-inline-start: none;
|
|
border-top-style: dashed;
|
|
}
|
|
.step-xl .step-item {
|
|
-ms-flex-positive: 1;
|
|
-webkit-box-flex: 1;
|
|
flex-grow: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
margin-bottom: 0;
|
|
}
|
|
.step-xl:not(.step-inline) .step-content-wrapper {
|
|
display: block;
|
|
}
|
|
.step-xl .step-icon {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.step-xl .step-icon::after {
|
|
top: 1.3125rem;
|
|
inset-inline-start: 3.5625rem;
|
|
width: calc(100% - 3.5625rem);
|
|
height: 1.0625rem;
|
|
border-top: 0.125rem solid #e7eaf3;
|
|
border-inline-start: none;
|
|
}
|
|
.step-xl .step-icon.step-icon-xs::after,
|
|
.step-xl.step-icon-xs .step-icon::after {
|
|
top: 0.76562rem;
|
|
inset-inline-start: 2.46875rem;
|
|
width: calc(100% - 2.46875rem);
|
|
}
|
|
.step-xl .step-icon.step-icon-sm::after,
|
|
.step-xl.step-icon-sm .step-icon::after {
|
|
top: 1.09375rem;
|
|
inset-inline-start: 3.125rem;
|
|
width: calc(100% - 3.125rem);
|
|
}
|
|
.step-xl .step-icon.step-icon-lg::after,
|
|
.step-xl.step-icon-lg .step-icon::after {
|
|
top: 1.68437rem;
|
|
inset-inline-start: 4.30625rem;
|
|
width: calc(100% - 4.30625rem);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.step-sm.step-centered {
|
|
text-align: center;
|
|
}
|
|
.step-sm.step-centered .step-item:last-child .step-icon::after {
|
|
display: none;
|
|
}
|
|
.step-sm.step-centered .step-icon {
|
|
margin-inline-start: auto;
|
|
margin-inline-end: auto;
|
|
}
|
|
.step-sm.step-centered .step-icon::after {
|
|
width: calc(100% - 2.625rem);
|
|
inset-inline-start: calc(50% + 2.25rem);
|
|
}
|
|
.step-sm.step-centered .step-icon.step-icon-xs::after,
|
|
.step-sm.step-centered.step-icon-xs .step-icon::after {
|
|
width: calc(100% - 1.53125rem);
|
|
inset-inline-start: calc(50% + 1.70312rem);
|
|
}
|
|
.step-sm.step-centered .step-icon.step-icon-sm::after,
|
|
.step-sm.step-centered.step-icon-sm .step-icon::after {
|
|
width: calc(100% - 2.1875rem);
|
|
inset-inline-start: calc(50% + 2.03125rem);
|
|
}
|
|
.step-sm.step-centered .step-icon.step-icon-lg::after,
|
|
.step-sm.step-centered.step-icon-lg .step-icon::after {
|
|
width: calc(100% - 3.36875rem);
|
|
inset-inline-start: calc(50% + 2.62188rem);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.step-md.step-centered {
|
|
text-align: center;
|
|
}
|
|
.step-md.step-centered .step-item:last-child .step-icon::after {
|
|
display: none;
|
|
}
|
|
.step-md.step-centered .step-icon {
|
|
margin-inline-start: auto;
|
|
margin-inline-end: auto;
|
|
}
|
|
.step-md.step-centered .step-icon::after {
|
|
width: calc(100% - 2.625rem);
|
|
inset-inline-start: calc(50% + 2.25rem);
|
|
}
|
|
.step-md.step-centered .step-icon.step-icon-xs::after,
|
|
.step-md.step-centered.step-icon-xs .step-icon::after {
|
|
width: calc(100% - 1.53125rem);
|
|
inset-inline-start: calc(50% + 1.70312rem);
|
|
}
|
|
.step-md.step-centered .step-icon.step-icon-sm::after,
|
|
.step-md.step-centered.step-icon-sm .step-icon::after {
|
|
width: calc(100% - 2.1875rem);
|
|
inset-inline-start: calc(50% + 2.03125rem);
|
|
}
|
|
.step-md.step-centered .step-icon.step-icon-lg::after,
|
|
.step-md.step-centered.step-icon-lg .step-icon::after {
|
|
width: calc(100% - 3.36875rem);
|
|
inset-inline-start: calc(50% + 2.62188rem);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.step-lg.step-centered {
|
|
text-align: center;
|
|
}
|
|
.step-lg.step-centered .step-item:last-child .step-icon::after {
|
|
display: none;
|
|
}
|
|
.step-lg.step-centered .step-icon {
|
|
margin-inline-start: auto;
|
|
margin-inline-end: auto;
|
|
}
|
|
.step-lg.step-centered .step-icon::after {
|
|
width: calc(100% - 2.625rem);
|
|
inset-inline-start: calc(50% + 2.25rem);
|
|
}
|
|
.step-lg.step-centered .step-icon.step-icon-xs::after,
|
|
.step-lg.step-centered.step-icon-xs .step-icon::after {
|
|
width: calc(100% - 1.53125rem);
|
|
inset-inline-start: calc(50% + 1.70312rem);
|
|
}
|
|
.step-lg.step-centered .step-icon.step-icon-sm::after,
|
|
.step-lg.step-centered.step-icon-sm .step-icon::after {
|
|
width: calc(100% - 2.1875rem);
|
|
inset-inline-start: calc(50% + 2.03125rem);
|
|
}
|
|
.step-lg.step-centered .step-icon.step-icon-lg::after,
|
|
.step-lg.step-centered.step-icon-lg .step-icon::after {
|
|
width: calc(100% - 3.36875rem);
|
|
inset-inline-start: calc(50% + 2.62188rem);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.step-lg.step-centered {
|
|
text-align: center;
|
|
}
|
|
.step-lg.step-centered .step-item:last-child .step-icon::after {
|
|
display: none;
|
|
}
|
|
.step-lg.step-centered .step-icon {
|
|
margin-inline-start: auto;
|
|
margin-inline-end: auto;
|
|
}
|
|
.step-lg.step-centered .step-icon::after {
|
|
width: calc(100% - 2.625rem);
|
|
inset-inline-start: calc(50% + 2.25rem);
|
|
}
|
|
.step-lg.step-centered .step-icon.step-icon-xs::after,
|
|
.step-lg.step-centered.step-icon-xs .step-icon::after {
|
|
width: calc(100% - 1.53125rem);
|
|
inset-inline-start: calc(50% + 1.70312rem);
|
|
}
|
|
.step-lg.step-centered .step-icon.step-icon-sm::after,
|
|
.step-lg.step-centered.step-icon-sm .step-icon::after {
|
|
width: calc(100% - 2.1875rem);
|
|
inset-inline-start: calc(50% + 2.03125rem);
|
|
}
|
|
.step-lg.step-centered .step-icon.step-icon-lg::after,
|
|
.step-lg.step-centered.step-icon-lg .step-icon::after {
|
|
width: calc(100% - 3.36875rem);
|
|
inset-inline-start: calc(50% + 2.62188rem);
|
|
}
|
|
}
|
|
|
|
.step .step-is-invalid-icon,
|
|
.step .step-is-valid-icon {
|
|
display: none;
|
|
}
|
|
|
|
.step .active .step-icon,
|
|
.step .active.is-valid .step-icon {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.step .active .step-title,
|
|
.step .active.is-valid .step-title {
|
|
color: #377dff;
|
|
}
|
|
|
|
.step .is-valid .step-icon {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.step .is-valid .step-title {
|
|
color: #377dff;
|
|
}
|
|
|
|
.step .is-valid .step-is-valid-icon {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.step .is-valid .step-is-default-icon,
|
|
.step .is-valid .step-is-invalid-icon {
|
|
display: none;
|
|
}
|
|
|
|
.step .is-invalid .step-icon {
|
|
color: #fff;
|
|
background-color: #ed4c78;
|
|
}
|
|
|
|
.step .is-invalid .step-title {
|
|
color: #ed4c78;
|
|
}
|
|
|
|
.step .is-invalid .step-is-invalid-icon {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.step .is-invalid .step-is-default-icon,
|
|
.step .is-invalid .step-is-valid-icon {
|
|
display: none;
|
|
}
|
|
|
|
.step-icon-primary {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.step-icon-primary.step-icon-pseudo::before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.step-icon-secondary {
|
|
color: #fff;
|
|
background-color: #71869d;
|
|
}
|
|
|
|
.step-icon-secondary.step-icon-pseudo::before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.step-icon-success {
|
|
color: #fff;
|
|
background-color: #00c9a7;
|
|
}
|
|
|
|
.step-icon-success.step-icon-pseudo::before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.step-icon-info {
|
|
color: #fff;
|
|
background-color: #0096ff;
|
|
}
|
|
|
|
.step-icon-info.step-icon-pseudo::before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.step-icon-warning {
|
|
color: #334257;
|
|
background-color: #f5ca99;
|
|
}
|
|
|
|
.step-icon-warning.step-icon-pseudo::before {
|
|
background-color: #334257;
|
|
}
|
|
|
|
.step-icon-danger {
|
|
color: #fff;
|
|
background-color: #ed4c78;
|
|
}
|
|
|
|
.step-icon-danger.step-icon-pseudo::before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.step-icon-light {
|
|
color: #334257;
|
|
background-color: #f9fafc;
|
|
}
|
|
|
|
.step-icon-light.step-icon-pseudo::before {
|
|
background-color: #334257;
|
|
}
|
|
|
|
.step-icon-dark {
|
|
color: #fff;
|
|
background-color: #132144;
|
|
}
|
|
|
|
.step-icon-dark.step-icon-pseudo::before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.step-icon-soft-primary {
|
|
color: #377dff;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.step-icon-soft-primary.step-icon-pseudo::before {
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.step-icon-soft-secondary {
|
|
color: #71869d;
|
|
background-color: rgba(113, 134, 157, 0.1);
|
|
}
|
|
|
|
.step-icon-soft-secondary.step-icon-pseudo::before {
|
|
background-color: #71869d;
|
|
}
|
|
|
|
.step-icon-soft-success {
|
|
color: #00c9a7;
|
|
background-color: rgba(0, 201, 167, 0.1);
|
|
}
|
|
|
|
.step-icon-soft-success.step-icon-pseudo::before {
|
|
background-color: #00c9a7;
|
|
}
|
|
|
|
.step-icon-soft-info {
|
|
color: #0096ff;
|
|
background-color: rgba(0, 150, 255, 0.05);
|
|
}
|
|
|
|
.step-icon-soft-info.step-icon-pseudo::before {
|
|
background-color: #0096ff;
|
|
}
|
|
|
|
.step-icon-soft-warning {
|
|
color: #f5ca99;
|
|
background-color: rgba(245, 202, 153, 0.1);
|
|
}
|
|
|
|
.step-icon-soft-warning.step-icon-pseudo::before {
|
|
background-color: #f5ca99;
|
|
}
|
|
|
|
.step-icon-soft-danger {
|
|
color: #ed4c78;
|
|
background-color: rgba(237, 76, 120, 0.1);
|
|
}
|
|
|
|
.step-icon-soft-danger.step-icon-pseudo::before {
|
|
background-color: #ed4c78;
|
|
}
|
|
|
|
.step-icon-soft-light {
|
|
color: #f9fafc;
|
|
background-color: rgba(249, 250, 252, 0.1);
|
|
}
|
|
|
|
.step-icon-soft-light.step-icon-pseudo::before {
|
|
background-color: #f9fafc;
|
|
}
|
|
|
|
.step-icon-soft-dark {
|
|
color: #132144;
|
|
background-color: rgba(19, 33, 68, 0.1);
|
|
}
|
|
|
|
.step-icon-soft-dark.step-icon-pseudo::before {
|
|
background-color: #132144;
|
|
}
|
|
|
|
.step-inline .step-content-wrapper {
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.step-inline .step-item:last-child .step-title::after {
|
|
display: none;
|
|
}
|
|
|
|
.step-inline .step-title {
|
|
display: inline-block;
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.step-sm.step-inline.step-dashed .step-title::after {
|
|
border-top-style: dashed;
|
|
}
|
|
.step-sm.step-inline .step-item {
|
|
overflow: hidden;
|
|
}
|
|
.step-sm.step-inline .step-icon {
|
|
margin-bottom: 0;
|
|
}
|
|
.step-sm.step-inline .step-icon::after {
|
|
display: none;
|
|
}
|
|
.step-sm.step-inline .step-title::after {
|
|
position: absolute;
|
|
top: 1.3125rem;
|
|
width: 100%;
|
|
height: 1.0625rem;
|
|
border-top: 0.125rem solid #e7eaf3;
|
|
margin-inline-start: 0.9375rem;
|
|
content: "";
|
|
}
|
|
.step-sm.step-inline .step-icon-xs + .step-content .step-title::after,
|
|
.step-sm.step-inline.step-icon-xs .step-content .step-title::after {
|
|
top: 0.76562rem;
|
|
}
|
|
.step-sm.step-inline .step-icon-sm + .step-content .step-title::after,
|
|
.step-sm.step-inline.step-icon-sm .step-content .step-title::after {
|
|
top: 1.09375rem;
|
|
}
|
|
.step-sm.step-inline .step-icon-lg + .step-content .step-title::after,
|
|
.step-sm.step-inline.step-icon-lg .step-content .step-title::after {
|
|
top: 1.68437rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.step-md.step-inline.step-dashed .step-title::after {
|
|
border-top-style: dashed;
|
|
}
|
|
.step-md.step-inline .step-item {
|
|
overflow: hidden;
|
|
}
|
|
.step-md.step-inline .step-icon {
|
|
margin-bottom: 0;
|
|
}
|
|
.step-md.step-inline .step-icon::after {
|
|
display: none;
|
|
}
|
|
.step-md.step-inline .step-title::after {
|
|
position: absolute;
|
|
top: 1.3125rem;
|
|
width: 100%;
|
|
height: 1.0625rem;
|
|
border-top: 0.125rem solid #e7eaf3;
|
|
margin-inline-start: 0.9375rem;
|
|
content: "";
|
|
}
|
|
.step-md.step-inline .step-icon-xs + .step-content .step-title::after,
|
|
.step-md.step-inline.step-icon-xs .step-content .step-title::after {
|
|
top: 0.76562rem;
|
|
}
|
|
.step-md.step-inline .step-icon-sm + .step-content .step-title::after,
|
|
.step-md.step-inline.step-icon-sm .step-content .step-title::after {
|
|
top: 1.09375rem;
|
|
}
|
|
.step-md.step-inline .step-icon-lg + .step-content .step-title::after,
|
|
.step-md.step-inline.step-icon-lg .step-content .step-title::after {
|
|
top: 1.68437rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.step-lg.step-inline.step-dashed .step-title::after {
|
|
border-top-style: dashed;
|
|
}
|
|
.step-lg.step-inline .step-item {
|
|
overflow: hidden;
|
|
}
|
|
.step-lg.step-inline .step-icon {
|
|
margin-bottom: 0;
|
|
}
|
|
.step-lg.step-inline .step-icon::after {
|
|
display: none;
|
|
}
|
|
.step-lg.step-inline .step-title::after {
|
|
position: absolute;
|
|
top: 1.3125rem;
|
|
width: 100%;
|
|
height: 1.0625rem;
|
|
border-top: 0.125rem solid #e7eaf3;
|
|
margin-inline-start: 0.9375rem;
|
|
content: "";
|
|
}
|
|
.step-lg.step-inline .step-icon-xs + .step-content .step-title::after,
|
|
.step-lg.step-inline.step-icon-xs .step-content .step-title::after {
|
|
top: 0.76562rem;
|
|
}
|
|
.step-lg.step-inline .step-icon-sm + .step-content .step-title::after,
|
|
.step-lg.step-inline.step-icon-sm .step-content .step-title::after {
|
|
top: 1.09375rem;
|
|
}
|
|
.step-lg.step-inline .step-icon-lg + .step-content .step-title::after,
|
|
.step-lg.step-inline.step-icon-lg .step-content .step-title::after {
|
|
top: 1.68437rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.step-xl.step-inline.step-dashed .step-title::after {
|
|
border-top-style: dashed;
|
|
}
|
|
.step-xl.step-inline .step-item {
|
|
overflow: hidden;
|
|
}
|
|
.step-xl.step-inline .step-icon {
|
|
margin-bottom: 0;
|
|
}
|
|
.step-xl.step-inline .step-icon::after {
|
|
display: none;
|
|
}
|
|
.step-xl.step-inline .step-title::after {
|
|
position: absolute;
|
|
top: 1.3125rem;
|
|
width: 100%;
|
|
height: 1.0625rem;
|
|
border-top: 0.125rem solid #e7eaf3;
|
|
margin-inline-start: 0.9375rem;
|
|
content: "";
|
|
}
|
|
.step-xl.step-inline .step-icon-xs + .step-content .step-title::after,
|
|
.step-xl.step-inline.step-icon-xs .step-content .step-title::after {
|
|
top: 0.76562rem;
|
|
}
|
|
.step-xl.step-inline .step-icon-sm + .step-content .step-title::after,
|
|
.step-xl.step-inline.step-icon-sm .step-content .step-title::after {
|
|
top: 1.09375rem;
|
|
}
|
|
.step-xl.step-inline .step-icon-lg + .step-content .step-title::after,
|
|
.step-xl.step-inline.step-icon-lg .step-content .step-title::after {
|
|
top: 1.68437rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.step-timeline-sm {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
.step-timeline-sm .step-item {
|
|
-ms-flex: 0 0 50%;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 50%;
|
|
max-width: 50%;
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
margin-inline-start: 50%;
|
|
}
|
|
.step-timeline-sm .step-item:nth-child(even) {
|
|
-ms-flex-direction: row-reverse;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
text-align: end;
|
|
margin-inline-start: auto;
|
|
margin-inline-end: 50%;
|
|
}
|
|
.step-timeline-sm .step-item:nth-child(even) .step-content-wrapper {
|
|
-ms-flex-direction: row-reverse;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
}
|
|
.step-timeline-sm .step-item:nth-child(even) .step-icon {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: -1.3125rem;
|
|
}
|
|
.step-timeline-sm .step-item:nth-child(even) .step-icon-xs {
|
|
margin-inline-end: -0.76562rem;
|
|
}
|
|
.step-timeline-sm .step-item:nth-child(even) .step-icon-sm {
|
|
margin-inline-end: -1.09375rem;
|
|
}
|
|
.step-timeline-sm .step-item:nth-child(even) .step-icon-lg {
|
|
margin-inline-end: -1.68437rem;
|
|
}
|
|
.step-timeline-sm .step-item:nth-child(even) .step-content {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.step-timeline-sm .step-icon {
|
|
margin-inline-start: -1.3125rem;
|
|
}
|
|
.step-timeline-sm .step-icon::after {
|
|
inset-inline-start: auto;
|
|
width: auto;
|
|
}
|
|
.step-timeline-sm .step-icon-xs {
|
|
margin-inline-start: -0.76562rem;
|
|
}
|
|
.step-timeline-sm .step-icon-sm {
|
|
margin-inline-start: -1.09375rem;
|
|
}
|
|
.step-timeline-sm .step-icon-lg {
|
|
margin-inline-start: -1.68437rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.step-timeline-md {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
.step-timeline-md .step-item {
|
|
-ms-flex: 0 0 50%;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 50%;
|
|
max-width: 50%;
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
margin-inline-start: 50%;
|
|
}
|
|
.step-timeline-md .step-item:nth-child(even) {
|
|
-ms-flex-direction: row-reverse;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
text-align: end;
|
|
margin-inline-start: auto;
|
|
margin-inline-end: 50%;
|
|
}
|
|
.step-timeline-md .step-item:nth-child(even) .step-content-wrapper {
|
|
-ms-flex-direction: row-reverse;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
}
|
|
.step-timeline-md .step-item:nth-child(even) .step-icon {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: -1.3125rem;
|
|
}
|
|
.step-timeline-md .step-item:nth-child(even) .step-icon-xs {
|
|
margin-inline-end: -0.76562rem;
|
|
}
|
|
.step-timeline-md .step-item:nth-child(even) .step-icon-sm {
|
|
margin-inline-end: -1.09375rem;
|
|
}
|
|
.step-timeline-md .step-item:nth-child(even) .step-icon-lg {
|
|
margin-inline-end: -1.68437rem;
|
|
}
|
|
.step-timeline-md .step-item:nth-child(even) .step-content {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.step-timeline-md .step-icon {
|
|
margin-inline-start: -1.3125rem;
|
|
}
|
|
.step-timeline-md .step-icon::after {
|
|
inset-inline-start: auto;
|
|
width: auto;
|
|
}
|
|
.step-timeline-md .step-icon-xs {
|
|
margin-inline-start: -0.76562rem;
|
|
}
|
|
.step-timeline-md .step-icon-sm {
|
|
margin-inline-start: -1.09375rem;
|
|
}
|
|
.step-timeline-md .step-icon-lg {
|
|
margin-inline-start: -1.68437rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.step-timeline-lg {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
.step-timeline-lg .step-item {
|
|
-ms-flex: 0 0 50%;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 50%;
|
|
max-width: 50%;
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
margin-inline-start: 50%;
|
|
}
|
|
.step-timeline-lg .step-item:nth-child(even) {
|
|
-ms-flex-direction: row-reverse;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
text-align: end;
|
|
margin-inline-start: auto;
|
|
margin-inline-end: 50%;
|
|
}
|
|
.step-timeline-lg .step-item:nth-child(even) .step-content-wrapper {
|
|
-ms-flex-direction: row-reverse;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
}
|
|
.step-timeline-lg .step-item:nth-child(even) .step-icon {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: -1.3125rem;
|
|
}
|
|
.step-timeline-lg .step-item:nth-child(even) .step-icon-xs {
|
|
margin-inline-end: -0.76562rem;
|
|
}
|
|
.step-timeline-lg .step-item:nth-child(even) .step-icon-sm {
|
|
margin-inline-end: -1.09375rem;
|
|
}
|
|
.step-timeline-lg .step-item:nth-child(even) .step-icon-lg {
|
|
margin-inline-end: -1.68437rem;
|
|
}
|
|
.step-timeline-lg .step-item:nth-child(even) .step-content {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.step-timeline-lg .step-icon {
|
|
margin-inline-start: -1.3125rem;
|
|
}
|
|
.step-timeline-lg .step-icon::after {
|
|
inset-inline-start: auto;
|
|
width: auto;
|
|
}
|
|
.step-timeline-lg .step-icon-xs {
|
|
margin-inline-start: -0.76562rem;
|
|
}
|
|
.step-timeline-lg .step-icon-sm {
|
|
margin-inline-start: -1.09375rem;
|
|
}
|
|
.step-timeline-lg .step-icon-lg {
|
|
margin-inline-start: -1.68437rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.step-timeline-xl {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
.step-timeline-xl .step-item {
|
|
-ms-flex: 0 0 50%;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 50%;
|
|
max-width: 50%;
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
margin-inline-start: 50%;
|
|
}
|
|
.step-timeline-xl .step-item:nth-child(even) {
|
|
-ms-flex-direction: row-reverse;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
text-align: end;
|
|
margin-inline-start: auto;
|
|
margin-inline-end: 50%;
|
|
}
|
|
.step-timeline-xl .step-item:nth-child(even) .step-content-wrapper {
|
|
-ms-flex-direction: row-reverse;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
}
|
|
.step-timeline-xl .step-item:nth-child(even) .step-icon {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: -1.3125rem;
|
|
}
|
|
.step-timeline-xl .step-item:nth-child(even) .step-icon-xs {
|
|
margin-inline-end: -0.76562rem;
|
|
}
|
|
.step-timeline-xl .step-item:nth-child(even) .step-icon-sm {
|
|
margin-inline-end: -1.09375rem;
|
|
}
|
|
.step-timeline-xl .step-item:nth-child(even) .step-icon-lg {
|
|
margin-inline-end: -1.68437rem;
|
|
}
|
|
.step-timeline-xl .step-item:nth-child(even) .step-content {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.step-timeline-xl .step-icon {
|
|
margin-inline-start: -1.3125rem;
|
|
}
|
|
.step-timeline-xl .step-icon::after {
|
|
inset-inline-start: auto;
|
|
width: auto;
|
|
}
|
|
.step-timeline-xl .step-icon-xs {
|
|
margin-inline-start: -0.76562rem;
|
|
}
|
|
.step-timeline-xl .step-icon-sm {
|
|
margin-inline-start: -1.09375rem;
|
|
}
|
|
.step-timeline-xl .step-icon-lg {
|
|
margin-inline-start: -1.68437rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (-ms-high-contrast: active),
|
|
screen and (-ms-high-contrast: none) {
|
|
.table-nowrap td,
|
|
.table-nowrap th {
|
|
white-space: normal;
|
|
}
|
|
.step-item-between .step-item:last-child {
|
|
-ms-flex: 0 0 17%;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 17%;
|
|
width: auto;
|
|
}
|
|
.ie-modal-curved-shape {
|
|
height: 1.75rem;
|
|
}
|
|
.ie-welcome-brands {
|
|
width: 5rem;
|
|
}
|
|
.ie-sidebar-activity-img {
|
|
width: 3.5rem;
|
|
}
|
|
.ie-card-img {
|
|
width: 5.5rem;
|
|
}
|
|
}
|
|
|
|
.bg-img-hero {
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
}
|
|
|
|
.bg-soft-primary {
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.bg-soft-secondary {
|
|
background-color: rgba(113, 134, 157, 0.1);
|
|
}
|
|
|
|
.bg-soft-success {
|
|
background-color: rgba(0, 201, 167, 0.1);
|
|
}
|
|
|
|
.bg-soft-info {
|
|
background-color: rgba(0, 150, 255, 0.05);
|
|
}
|
|
|
|
.bg-soft-warning {
|
|
background-color: rgba(245, 202, 153, 0.1);
|
|
}
|
|
|
|
.bg-soft-danger {
|
|
background-color: rgba(237, 76, 120, 0.1);
|
|
}
|
|
|
|
.bg-soft-light {
|
|
background-color: rgba(249, 250, 252, 0.1);
|
|
}
|
|
|
|
.bg-soft-dark {
|
|
background-color: rgba(19, 33, 68, 0.1);
|
|
}
|
|
|
|
.border-inline-start-primary {
|
|
border-inline-start-color: #377dff !important;
|
|
}
|
|
|
|
.border-inline-start-secondary {
|
|
border-inline-start-color: #71869d !important;
|
|
}
|
|
|
|
.border-inline-start-success {
|
|
border-inline-start-color: #00c9a7 !important;
|
|
}
|
|
|
|
.border-inline-start-info {
|
|
border-inline-start-color: #0096ff !important;
|
|
}
|
|
|
|
.border-inline-start-warning {
|
|
border-inline-start-color: #f5ca99 !important;
|
|
}
|
|
|
|
.border-inline-start-danger {
|
|
border-inline-start-color: #ed4c78 !important;
|
|
}
|
|
|
|
.border-inline-start-light {
|
|
border-inline-start-color: #f9fafc !important;
|
|
}
|
|
|
|
.border-inline-start-dark {
|
|
border-inline-start-color: #132144 !important;
|
|
}
|
|
|
|
.content-centered-x {
|
|
position: absolute;
|
|
inset-inline-start: 50%;
|
|
-webkit-transform: translate(-50%, 0);
|
|
transform: translate(-50%, 0);
|
|
}
|
|
|
|
.g-0,
|
|
.gx-0 {
|
|
margin-inline-start: -0.0625rem;
|
|
margin-inline-end: -0.0625rem;
|
|
}
|
|
|
|
.g-0 > *,
|
|
.gx-0 > * {
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
}
|
|
|
|
.g-0,
|
|
.gy-0 {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.g-0 > *,
|
|
.gy-0 > * {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.g-1,
|
|
.gx-1 {
|
|
margin-inline-start: -0.1875rem;
|
|
margin-inline-end: -0.1875rem;
|
|
}
|
|
|
|
.g-1 > *,
|
|
.gx-1 > * {
|
|
padding-inline-start: 0.25rem;
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
|
|
.g-1,
|
|
.gy-1 {
|
|
margin-top: -0.25rem;
|
|
margin-bottom: -0.25rem;
|
|
}
|
|
|
|
.g-1 > *,
|
|
.gy-1 > * {
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
|
|
.g-2,
|
|
.gx-2 {
|
|
margin-inline-start: -0.4375rem;
|
|
margin-inline-end: -0.4375rem;
|
|
}
|
|
|
|
.g-2 > *,
|
|
.gx-2 > * {
|
|
padding-inline-start: 0.5rem;
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
|
|
.g-2,
|
|
.gy-2 {
|
|
margin-top: -0.5rem;
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
|
|
.g-2 > *,
|
|
.gy-2 > * {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
.g-3,
|
|
.gx-3 {
|
|
margin-inline-start: -0.9375rem;
|
|
margin-inline-end: -0.9375rem;
|
|
}
|
|
|
|
.g-3 > *,
|
|
.gx-3 > * {
|
|
padding-inline-start: 1rem;
|
|
padding-inline-end: 1rem;
|
|
}
|
|
|
|
.g-3,
|
|
.gy-3 {
|
|
margin-top: -1rem;
|
|
margin-bottom: -1rem;
|
|
}
|
|
|
|
.g-3 > *,
|
|
.gy-3 > * {
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
.g-4,
|
|
.gx-4 {
|
|
margin-inline-start: -1.4375rem;
|
|
margin-inline-end: -1.4375rem;
|
|
}
|
|
|
|
.g-4 > *,
|
|
.gx-4 > * {
|
|
padding-inline-start: 1.5rem;
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
|
|
.g-4,
|
|
.gy-4 {
|
|
margin-top: -1.5rem;
|
|
margin-bottom: -1.5rem;
|
|
}
|
|
|
|
.g-4 > *,
|
|
.gy-4 > * {
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
|
|
.g-5,
|
|
.gx-5 {
|
|
margin-inline-start: -2.9375rem;
|
|
margin-inline-end: -2.9375rem;
|
|
}
|
|
|
|
.g-5 > *,
|
|
.gx-5 > * {
|
|
padding-inline-start: 3rem;
|
|
padding-inline-end: 3rem;
|
|
}
|
|
|
|
.g-5,
|
|
.gy-5 {
|
|
margin-top: -3rem;
|
|
margin-bottom: -3rem;
|
|
}
|
|
|
|
.g-5 > *,
|
|
.gy-5 > * {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.g-sm-0,
|
|
.gx-sm-0 {
|
|
margin-inline-start: -0.0625rem;
|
|
margin-inline-end: -0.0625rem;
|
|
}
|
|
.g-sm-0 > *,
|
|
.gx-sm-0 > * {
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
}
|
|
.g-sm-0,
|
|
.gy-sm-0 {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.g-sm-0 > *,
|
|
.gy-sm-0 > * {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.g-sm-1,
|
|
.gx-sm-1 {
|
|
margin-inline-start: -0.1875rem;
|
|
margin-inline-end: -0.1875rem;
|
|
}
|
|
.g-sm-1 > *,
|
|
.gx-sm-1 > * {
|
|
padding-inline-start: 0.25rem;
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.g-sm-1,
|
|
.gy-sm-1 {
|
|
margin-top: -0.25rem;
|
|
margin-bottom: -0.25rem;
|
|
}
|
|
.g-sm-1 > *,
|
|
.gy-sm-1 > * {
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.g-sm-2,
|
|
.gx-sm-2 {
|
|
margin-inline-start: -0.4375rem;
|
|
margin-inline-end: -0.4375rem;
|
|
}
|
|
.g-sm-2 > *,
|
|
.gx-sm-2 > * {
|
|
padding-inline-start: 0.5rem;
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.g-sm-2,
|
|
.gy-sm-2 {
|
|
margin-top: -0.5rem;
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
.g-sm-2 > *,
|
|
.gy-sm-2 > * {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.g-sm-3,
|
|
.gx-sm-3 {
|
|
margin-inline-start: -0.9375rem;
|
|
margin-inline-end: -0.9375rem;
|
|
}
|
|
.g-sm-3 > *,
|
|
.gx-sm-3 > * {
|
|
padding-inline-start: 1rem;
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.g-sm-3,
|
|
.gy-sm-3 {
|
|
margin-top: -1rem;
|
|
margin-bottom: -1rem;
|
|
}
|
|
.g-sm-3 > *,
|
|
.gy-sm-3 > * {
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.g-sm-4,
|
|
.gx-sm-4 {
|
|
margin-inline-start: -1.4375rem;
|
|
margin-inline-end: -1.4375rem;
|
|
}
|
|
.g-sm-4 > *,
|
|
.gx-sm-4 > * {
|
|
padding-inline-start: 1.5rem;
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.g-sm-4,
|
|
.gy-sm-4 {
|
|
margin-top: -1.5rem;
|
|
margin-bottom: -1.5rem;
|
|
}
|
|
.g-sm-4 > *,
|
|
.gy-sm-4 > * {
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
.g-sm-5,
|
|
.gx-sm-5 {
|
|
margin-inline-start: -2.9375rem;
|
|
margin-inline-end: -2.9375rem;
|
|
}
|
|
.g-sm-5 > *,
|
|
.gx-sm-5 > * {
|
|
padding-inline-start: 3rem;
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.g-sm-5,
|
|
.gy-sm-5 {
|
|
margin-top: -3rem;
|
|
margin-bottom: -3rem;
|
|
}
|
|
.g-sm-5 > *,
|
|
.gy-sm-5 > * {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.g-md-0,
|
|
.gx-md-0 {
|
|
margin-inline-start: -0.0625rem;
|
|
margin-inline-end: -0.0625rem;
|
|
}
|
|
.g-md-0 > *,
|
|
.gx-md-0 > * {
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
}
|
|
.g-md-0,
|
|
.gy-md-0 {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.g-md-0 > *,
|
|
.gy-md-0 > * {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.g-md-1,
|
|
.gx-md-1 {
|
|
margin-inline-start: -0.1875rem;
|
|
margin-inline-end: -0.1875rem;
|
|
}
|
|
.g-md-1 > *,
|
|
.gx-md-1 > * {
|
|
padding-inline-start: 0.25rem;
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.g-md-1,
|
|
.gy-md-1 {
|
|
margin-top: -0.25rem;
|
|
margin-bottom: -0.25rem;
|
|
}
|
|
.g-md-1 > *,
|
|
.gy-md-1 > * {
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.g-md-2,
|
|
.gx-md-2 {
|
|
margin-inline-start: -0.4375rem;
|
|
margin-inline-end: -0.4375rem;
|
|
}
|
|
.g-md-2 > *,
|
|
.gx-md-2 > * {
|
|
padding-inline-start: 0.5rem;
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.g-md-2,
|
|
.gy-md-2 {
|
|
margin-top: -0.5rem;
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
.g-md-2 > *,
|
|
.gy-md-2 > * {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.g-md-3,
|
|
.gx-md-3 {
|
|
margin-inline-start: -0.9375rem;
|
|
margin-inline-end: -0.9375rem;
|
|
}
|
|
.g-md-3 > *,
|
|
.gx-md-3 > * {
|
|
padding-inline-start: 1rem;
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.g-md-3,
|
|
.gy-md-3 {
|
|
margin-top: -1rem;
|
|
margin-bottom: -1rem;
|
|
}
|
|
.g-md-3 > *,
|
|
.gy-md-3 > * {
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.g-md-4,
|
|
.gx-md-4 {
|
|
margin-inline-start: -1.4375rem;
|
|
margin-inline-end: -1.4375rem;
|
|
}
|
|
.g-md-4 > *,
|
|
.gx-md-4 > * {
|
|
padding-inline-start: 1.5rem;
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.g-md-4,
|
|
.gy-md-4 {
|
|
margin-top: -1.5rem;
|
|
margin-bottom: -1.5rem;
|
|
}
|
|
.g-md-4 > *,
|
|
.gy-md-4 > * {
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
.g-md-5,
|
|
.gx-md-5 {
|
|
margin-inline-start: -2.9375rem;
|
|
margin-inline-end: -2.9375rem;
|
|
}
|
|
.g-md-5 > *,
|
|
.gx-md-5 > * {
|
|
padding-inline-start: 3rem;
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.g-md-5,
|
|
.gy-md-5 {
|
|
margin-top: -3rem;
|
|
margin-bottom: -3rem;
|
|
}
|
|
.g-md-5 > *,
|
|
.gy-md-5 > * {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.g-lg-0,
|
|
.gx-lg-0 {
|
|
margin-inline-start: -0.0625rem;
|
|
margin-inline-end: -0.0625rem;
|
|
}
|
|
.g-lg-0 > *,
|
|
.gx-lg-0 > * {
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
}
|
|
.g-lg-0,
|
|
.gy-lg-0 {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.g-lg-0 > *,
|
|
.gy-lg-0 > * {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.g-lg-1,
|
|
.gx-lg-1 {
|
|
margin-inline-start: -0.1875rem;
|
|
margin-inline-end: -0.1875rem;
|
|
}
|
|
.g-lg-1 > *,
|
|
.gx-lg-1 > * {
|
|
padding-inline-start: 0.25rem;
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.g-lg-1,
|
|
.gy-lg-1 {
|
|
margin-top: -0.25rem;
|
|
margin-bottom: -0.25rem;
|
|
}
|
|
.g-lg-1 > *,
|
|
.gy-lg-1 > * {
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.g-lg-2,
|
|
.gx-lg-2 {
|
|
margin-inline-start: -0.4375rem;
|
|
margin-inline-end: -0.4375rem;
|
|
}
|
|
.g-lg-2 > *,
|
|
.gx-lg-2 > * {
|
|
padding-inline-start: 0.5rem;
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.g-lg-2,
|
|
.gy-lg-2 {
|
|
margin-top: -0.5rem;
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
.g-lg-2 > *,
|
|
.gy-lg-2 > * {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.g-lg-3,
|
|
.gx-lg-3 {
|
|
margin-inline-start: -0.9375rem;
|
|
margin-inline-end: -0.9375rem;
|
|
}
|
|
.g-lg-3 > *,
|
|
.gx-lg-3 > * {
|
|
padding-inline-start: 1rem;
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.g-lg-3,
|
|
.gy-lg-3 {
|
|
margin-top: -1rem;
|
|
margin-bottom: -1rem;
|
|
}
|
|
.g-lg-3 > *,
|
|
.gy-lg-3 > * {
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.g-lg-4,
|
|
.gx-lg-4 {
|
|
margin-inline-start: -1.4375rem;
|
|
margin-inline-end: -1.4375rem;
|
|
}
|
|
.g-lg-4 > *,
|
|
.gx-lg-4 > * {
|
|
padding-inline-start: 1.5rem;
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.g-lg-4,
|
|
.gy-lg-4 {
|
|
margin-top: -1.5rem;
|
|
margin-bottom: -1.5rem;
|
|
}
|
|
.g-lg-4 > *,
|
|
.gy-lg-4 > * {
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
.g-lg-5,
|
|
.gx-lg-5 {
|
|
margin-inline-start: -2.9375rem;
|
|
margin-inline-end: -2.9375rem;
|
|
}
|
|
.g-lg-5 > *,
|
|
.gx-lg-5 > * {
|
|
padding-inline-start: 3rem;
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.g-lg-5,
|
|
.gy-lg-5 {
|
|
margin-top: -3rem;
|
|
margin-bottom: -3rem;
|
|
}
|
|
.g-lg-5 > *,
|
|
.gy-lg-5 > * {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.g-xl-0,
|
|
.gx-xl-0 {
|
|
margin-inline-start: -0.0625rem;
|
|
margin-inline-end: -0.0625rem;
|
|
}
|
|
.g-xl-0 > *,
|
|
.gx-xl-0 > * {
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
}
|
|
.g-xl-0,
|
|
.gy-xl-0 {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.g-xl-0 > *,
|
|
.gy-xl-0 > * {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.g-xl-1,
|
|
.gx-xl-1 {
|
|
margin-inline-start: -0.1875rem;
|
|
margin-inline-end: -0.1875rem;
|
|
}
|
|
.g-xl-1 > *,
|
|
.gx-xl-1 > * {
|
|
padding-inline-start: 0.25rem;
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.g-xl-1,
|
|
.gy-xl-1 {
|
|
margin-top: -0.25rem;
|
|
margin-bottom: -0.25rem;
|
|
}
|
|
.g-xl-1 > *,
|
|
.gy-xl-1 > * {
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.g-xl-2,
|
|
.gx-xl-2 {
|
|
margin-inline-start: -0.4375rem;
|
|
margin-inline-end: -0.4375rem;
|
|
}
|
|
.g-xl-2 > *,
|
|
.gx-xl-2 > * {
|
|
padding-inline-start: 0.5rem;
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.g-xl-2,
|
|
.gy-xl-2 {
|
|
margin-top: -0.5rem;
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
.g-xl-2 > *,
|
|
.gy-xl-2 > * {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.g-xl-3,
|
|
.gx-xl-3 {
|
|
margin-inline-start: -0.9375rem;
|
|
margin-inline-end: -0.9375rem;
|
|
}
|
|
.g-xl-3 > *,
|
|
.gx-xl-3 > * {
|
|
padding-inline-start: 1rem;
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.g-xl-3,
|
|
.gy-xl-3 {
|
|
margin-top: -1rem;
|
|
margin-bottom: -1rem;
|
|
}
|
|
.g-xl-3 > *,
|
|
.gy-xl-3 > * {
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.g-xl-4,
|
|
.gx-xl-4 {
|
|
margin-inline-start: -1.4375rem;
|
|
margin-inline-end: -1.4375rem;
|
|
}
|
|
.g-xl-4 > *,
|
|
.gx-xl-4 > * {
|
|
padding-inline-start: 1.5rem;
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.g-xl-4,
|
|
.gy-xl-4 {
|
|
margin-top: -1.5rem;
|
|
margin-bottom: -1.5rem;
|
|
}
|
|
.g-xl-4 > *,
|
|
.gy-xl-4 > * {
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
.g-xl-5,
|
|
.gx-xl-5 {
|
|
margin-inline-start: -2.9375rem;
|
|
margin-inline-end: -2.9375rem;
|
|
}
|
|
.g-xl-5 > *,
|
|
.gx-xl-5 > * {
|
|
padding-inline-start: 3rem;
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.g-xl-5,
|
|
.gy-xl-5 {
|
|
margin-top: -3rem;
|
|
margin-bottom: -3rem;
|
|
}
|
|
.g-xl-5 > *,
|
|
.gy-xl-5 > * {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1400px) {
|
|
.g-xxl-0,
|
|
.gx-xxl-0 {
|
|
margin-inline-start: -0.0625rem;
|
|
margin-inline-end: -0.0625rem;
|
|
}
|
|
.g-xxl-0 > *,
|
|
.gx-xxl-0 > * {
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
}
|
|
.g-xxl-0,
|
|
.gy-xxl-0 {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.g-xxl-0 > *,
|
|
.gy-xxl-0 > * {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.g-xxl-1,
|
|
.gx-xxl-1 {
|
|
margin-inline-start: -0.1875rem;
|
|
margin-inline-end: -0.1875rem;
|
|
}
|
|
.g-xxl-1 > *,
|
|
.gx-xxl-1 > * {
|
|
padding-inline-start: 0.25rem;
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.g-xxl-1,
|
|
.gy-xxl-1 {
|
|
margin-top: -0.25rem;
|
|
margin-bottom: -0.25rem;
|
|
}
|
|
.g-xxl-1 > *,
|
|
.gy-xxl-1 > * {
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.g-xxl-2,
|
|
.gx-xxl-2 {
|
|
margin-inline-start: -0.4375rem;
|
|
margin-inline-end: -0.4375rem;
|
|
}
|
|
.g-xxl-2 > *,
|
|
.gx-xxl-2 > * {
|
|
padding-inline-start: 0.5rem;
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.g-xxl-2,
|
|
.gy-xxl-2 {
|
|
margin-top: -0.5rem;
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
.g-xxl-2 > *,
|
|
.gy-xxl-2 > * {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.g-xxl-3,
|
|
.gx-xxl-3 {
|
|
margin-inline-start: -0.9375rem;
|
|
margin-inline-end: -0.9375rem;
|
|
}
|
|
.g-xxl-3 > *,
|
|
.gx-xxl-3 > * {
|
|
padding-inline-start: 1rem;
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.g-xxl-3,
|
|
.gy-xxl-3 {
|
|
margin-top: -1rem;
|
|
margin-bottom: -1rem;
|
|
}
|
|
.g-xxl-3 > *,
|
|
.gy-xxl-3 > * {
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.g-xxl-4,
|
|
.gx-xxl-4 {
|
|
margin-inline-start: -1.4375rem;
|
|
margin-inline-end: -1.4375rem;
|
|
}
|
|
.g-xxl-4 > *,
|
|
.gx-xxl-4 > * {
|
|
padding-inline-start: 1.5rem;
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.g-xxl-4,
|
|
.gy-xxl-4 {
|
|
margin-top: -1.5rem;
|
|
margin-bottom: -1.5rem;
|
|
}
|
|
.g-xxl-4 > *,
|
|
.gy-xxl-4 > * {
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
.g-xxl-5,
|
|
.gx-xxl-5 {
|
|
margin-inline-start: -2.9375rem;
|
|
margin-inline-end: -2.9375rem;
|
|
}
|
|
.g-xxl-5 > *,
|
|
.gx-xxl-5 > * {
|
|
padding-inline-start: 3rem;
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.g-xxl-5,
|
|
.gy-xxl-5 {
|
|
margin-top: -3rem;
|
|
margin-bottom: -3rem;
|
|
}
|
|
.g-xxl-5 > *,
|
|
.gy-xxl-5 > * {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
}
|
|
|
|
.opacity-xs {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.opacity-sm {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.opacity {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.opacity-lg {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.top-0 {
|
|
top: 0 !important;
|
|
}
|
|
|
|
.right-0 {
|
|
inset-inline-end: 0 !important;
|
|
}
|
|
|
|
.bottom-0 {
|
|
bottom: 0 !important;
|
|
}
|
|
|
|
.left-0 {
|
|
inset-inline-start: 0 !important;
|
|
}
|
|
|
|
.min-h-100 {
|
|
min-height: 100%;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.vh-lg-100 {
|
|
height: 100vh;
|
|
}
|
|
.min-vh-lg-100 {
|
|
min-height: 100vh;
|
|
}
|
|
}
|
|
|
|
.shadow-soft {
|
|
-webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25) !important;
|
|
box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25) !important;
|
|
}
|
|
|
|
.text-cap {
|
|
display: block;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
letter-spacing: 0.03125rem;
|
|
}
|
|
|
|
.font-size-sm {
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
.text-dark {
|
|
color: #334257 !important;
|
|
}
|
|
|
|
.text-dark[href]:hover {
|
|
color: #377dff !important;
|
|
}
|
|
|
|
.text-secondary[href]:hover {
|
|
color: #377dff !important;
|
|
}
|
|
|
|
.text-body[href]:hover,
|
|
.text-muted[href]:hover {
|
|
color: #0052ea !important;
|
|
}
|
|
|
|
.text-white-70 {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.text-white-70[href]:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
a:hover .text-hover-primary {
|
|
color: var(--primary-clr) !important;
|
|
}
|
|
|
|
.text-warning {
|
|
color: #ec9a3c !important;
|
|
}
|
|
|
|
.z-index-2 {
|
|
z-index: 2;
|
|
}
|
|
|
|
.z-index-99 {
|
|
z-index: 99;
|
|
}
|
|
|
|
.chartjs-custom {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin-inline-end: auto;
|
|
margin-inline-start: auto;
|
|
}
|
|
|
|
.hs-chartjs-tooltip-wrap {
|
|
position: absolute;
|
|
z-index: 3;
|
|
-webkit-transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease;
|
|
transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease;
|
|
}
|
|
|
|
.hs-chartjs-tooltip {
|
|
position: relative;
|
|
font-size: 0.75rem;
|
|
background-color: #132144;
|
|
border-radius: 0.3125rem;
|
|
padding: 0.54688rem 0.875rem;
|
|
-webkit-transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease,
|
|
top 0s;
|
|
transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease, top 0s;
|
|
}
|
|
|
|
.hs-chartjs-tooltip::before {
|
|
position: absolute;
|
|
inset-inline-start: calc(50% - 0.5rem);
|
|
bottom: -0.4375rem;
|
|
width: 1rem;
|
|
height: 0.5rem;
|
|
content: "";
|
|
background-image: url("data:image/svg+xml,%3Csvg width='1rem' height='0.5rem' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 22.49'%3E%3Cpath fill='%23132144' d='M0,0h50L31.87,19.65c-3.45,3.73-9.33,3.79-12.85,0.13L0,0z'/%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: 1rem 0.5rem;
|
|
}
|
|
|
|
.hs-chartjs-tooltip-left {
|
|
inset-inline-start: -130%;
|
|
}
|
|
|
|
.hs-chartjs-tooltip-left::before {
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
inset-inline-end: -0.6875rem;
|
|
inset-inline-start: auto;
|
|
-webkit-transform: translateY(-50%) rotate(270deg);
|
|
transform: translateY(-50%) rotate(270deg);
|
|
}
|
|
|
|
.hs-chartjs-tooltip-right {
|
|
inset-inline-start: 30%;
|
|
}
|
|
|
|
.hs-chartjs-tooltip-right::before {
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
inset-inline-start: -0.6875rem;
|
|
inset-inline-end: auto;
|
|
-webkit-transform: translateY(-50%) rotate(90deg);
|
|
transform: translateY(-50%) rotate(90deg);
|
|
}
|
|
|
|
.hs-chartjs-tooltip-header {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
font-weight: 600;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.hs-chartjs-tooltip-body {
|
|
color: #fff;
|
|
}
|
|
|
|
.chartjs-doughnut-custom {
|
|
position: relative;
|
|
}
|
|
|
|
.chartjs-doughnut-custom-stat {
|
|
position: absolute;
|
|
top: 8rem;
|
|
inset-inline-start: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.chartjs-matrix-custom {
|
|
position: relative;
|
|
}
|
|
|
|
.hs-chartjs-matrix-legend {
|
|
display: inline-block;
|
|
position: relative;
|
|
height: 2.5rem;
|
|
list-style: none;
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.hs-chartjs-matrix-legend-item {
|
|
width: 0.625rem;
|
|
height: 0.625rem;
|
|
display: inline-block;
|
|
}
|
|
|
|
.hs-chartjs-matrix-legend-min {
|
|
position: absolute;
|
|
inset-inline-start: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.hs-chartjs-matrix-legend-max {
|
|
position: absolute;
|
|
inset-inline-end: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.circle-custom-text {
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translate(0, -50%);
|
|
transform: translate(0, -50%);
|
|
}
|
|
|
|
.datatable-custom .dataTables_filter,
|
|
.datatable-custom .dataTables_info,
|
|
.datatable-custom .dataTables_length,
|
|
.datatable-custom .dataTables_paginate {
|
|
display: none;
|
|
}
|
|
|
|
.datatable-custom .sorting,
|
|
.datatable-custom .sorting_asc,
|
|
.datatable-custom .sorting_desc {
|
|
position: relative;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.datatable-custom .sorting:after,
|
|
.datatable-custom .sorting_asc:after,
|
|
.datatable-custom .sorting_desc:after {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
width: 0.9rem;
|
|
height: 0.9rem;
|
|
background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
|
|
content: "";
|
|
margin-inline-start: 0.5rem;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
background-size: contain;
|
|
}
|
|
|
|
.datatable-custom .sorting_asc:after {
|
|
background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23377dff'/%3E%3C/svg%3E%0A");
|
|
content: "";
|
|
background-size: contain;
|
|
}
|
|
|
|
.datatable-custom .sorting_desc:after {
|
|
background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23377dff'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
|
|
content: "";
|
|
background-size: contain;
|
|
}
|
|
|
|
.datatable-custom-pagination {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.datatable-custom-content-box.dataTable,
|
|
.datatable-custom-content-box.dataTable td,
|
|
.datatable-custom-content-box.dataTable th {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.datatable-custom-centered .dataTable {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.datatable-custom-collapsible td.details-control {
|
|
position: relative;
|
|
}
|
|
|
|
.datatable-custom-collapsible td.details-control::before {
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-start: 50%;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19,11.5v1a.5.5,0,0,1-.5.5H13v5.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V13H5.5a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5H11V5.5a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5V11h5.5A.5.5,0,0,1,19,11.5Z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1rem 1rem;
|
|
content: "";
|
|
cursor: pointer;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.datatable-custom-collapsible tr.shown td.details-control::before {
|
|
background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5,13a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5h13a.5.5,0,0,1,.5.5v1a.5.5,0,0,1-.5.5Z'/%3E%3C/svg%3E")
|
|
no-repeat right center/1rem 1rem;
|
|
}
|
|
|
|
.daterangepicker-custom-input {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.daterangepicker-wrapper {
|
|
border: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.daterangepicker {
|
|
border: none;
|
|
font-family: "Open Sans", sans-serif;
|
|
z-index: 98;
|
|
-webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
margin-top: 0.5rem;
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.daterangepicker.opensright::after,
|
|
.daterangepicker.opensright::before {
|
|
inset-inline-start: 1rem;
|
|
}
|
|
|
|
.daterangepicker::after,
|
|
.daterangepicker::before {
|
|
top: -0.5rem;
|
|
border-bottom-color: #fff;
|
|
border-bottom-width: 0.5rem;
|
|
}
|
|
|
|
.daterangepicker.drop-up::before {
|
|
border-top-color: #fff;
|
|
}
|
|
|
|
.daterangepicker .drp-calendar {
|
|
max-width: 18.75rem;
|
|
}
|
|
|
|
.daterangepicker .drp-calendar.left {
|
|
padding: 1rem 1rem;
|
|
}
|
|
|
|
.daterangepicker .drp-calendar.right {
|
|
padding: 1rem 1rem;
|
|
}
|
|
|
|
.daterangepicker th.next,
|
|
.daterangepicker th.prev {
|
|
min-width: auto;
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
color: #377dff;
|
|
font-size: 0.875rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.daterangepicker th.next:hover,
|
|
.daterangepicker th.prev:hover {
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.daterangepicker th.next:hover .daterangepicker-custom-arrow,
|
|
.daterangepicker th.prev:hover .daterangepicker-custom-arrow {
|
|
color: #377dff;
|
|
}
|
|
|
|
.daterangepicker .calendar-table table {
|
|
border-collapse: separate;
|
|
border-spacing: 0 0.25rem;
|
|
}
|
|
|
|
.daterangepicker .calendar-table th:not(.month) {
|
|
color: #97a4af;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.daterangepicker .calendar-table th.month {
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.daterangepicker .calendar-table td {
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.9375rem;
|
|
}
|
|
|
|
.daterangepicker td.available:not(.in-range) {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.daterangepicker td.available:hover:not(.active) {
|
|
color: #377dff;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.daterangepicker td.in-range,
|
|
.daterangepicker td.in-range.available:hover {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.daterangepicker td.today.start-date.end-date {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.daterangepicker td.active,
|
|
.daterangepicker td.active:hover {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.daterangepicker td.active.start-date,
|
|
.daterangepicker td.active:hover.start-date {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-top-left-radius: 6.1875rem;
|
|
border-bottom-left-radius: 6.1875rem;
|
|
}
|
|
|
|
.daterangepicker td.active.end-date,
|
|
.daterangepicker td.active:hover.end-date {
|
|
border-top-right-radius: 6.1875rem;
|
|
border-bottom-right-radius: 6.1875rem;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.daterangepicker td.off,
|
|
.daterangepicker td.off.end-date,
|
|
.daterangepicker td.off.in-range,
|
|
.daterangepicker td.off.start-date {
|
|
color: #e7eaf3;
|
|
}
|
|
|
|
.daterangepicker .drp-buttons,
|
|
.daterangepicker.show-ranges.ltr .drp-calendar.left {
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.daterangepicker .drp-buttons {
|
|
padding: 1rem 1rem;
|
|
}
|
|
|
|
.daterangepicker .drp-buttons .btn {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
padding: 0.54688rem 0.875rem;
|
|
}
|
|
|
|
.daterangepicker .cancelBtn {
|
|
background-color: #fff;
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.daterangepicker .cancelBtn.active,
|
|
.daterangepicker .cancelBtn:active,
|
|
.daterangepicker .cancelBtn:focus,
|
|
.daterangepicker .cancelBtn:hover {
|
|
color: #0052ea;
|
|
-webkit-box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
|
|
box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
|
|
}
|
|
|
|
.daterangepicker .drp-selected {
|
|
color: #71869d;
|
|
}
|
|
|
|
@media (max-width: 575.98px) {
|
|
.daterangepicker .drp-selected {
|
|
display: block;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
}
|
|
|
|
.daterangepicker .ranges ul {
|
|
min-width: 10rem;
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
.daterangepicker .ranges li {
|
|
color: #71869d;
|
|
font-size: 0.875rem;
|
|
line-height: 1.6;
|
|
padding: 0.375rem 1.5rem;
|
|
}
|
|
|
|
.daterangepicker .ranges li:hover {
|
|
color: #0052ea;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.daterangepicker .ranges li.active {
|
|
color: #377dff;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.daterangepicker select.ampmselect,
|
|
.daterangepicker select.hourselect,
|
|
.daterangepicker select.minuteselect,
|
|
.daterangepicker select.secondselect {
|
|
cursor: pointer;
|
|
width: 3.5rem;
|
|
font-size: 0.8125rem;
|
|
color: #334257;
|
|
background-color: transparent;
|
|
border-color: #e7eaf3;
|
|
padding: 0.25rem 0.25rem;
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.daterangepicker select.ampmselect:hover,
|
|
.daterangepicker select.hourselect:hover,
|
|
.daterangepicker select.minuteselect:hover,
|
|
.daterangepicker select.secondselect:hover {
|
|
color: #0052ea;
|
|
}
|
|
|
|
.dropzone-custom {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dropzone-custom .dz-message {
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.dropzone-custom .dz-details {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.dropzone-custom .dz-file-preview {
|
|
background-color: #fff;
|
|
border-radius: 0.3125rem;
|
|
padding: 1rem 1rem;
|
|
-webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
}
|
|
|
|
.dropzone-custom .dz-file-wrapper {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
text-align: start;
|
|
}
|
|
|
|
.dropzone-custom .dz-filename {
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
.dropzone-custom .dz-img {
|
|
max-width: 2.625rem;
|
|
border-radius: 0.3125rem;
|
|
margin-inline-end: 0.75rem;
|
|
}
|
|
|
|
.dropzone-custom .dz-img-inner {
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.dropzone-custom .dz-close-icon,
|
|
.dropzone-custom .dz-size {
|
|
color: #677788;
|
|
}
|
|
|
|
.dropzone-custom .dz-title {
|
|
font-size: 0.75rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.dropzone-custom .dz-size {
|
|
font-size: 80%;
|
|
}
|
|
|
|
.dropzone-custom .dz-file-initials {
|
|
display: inline-block;
|
|
width: 2.625rem;
|
|
height: 2.625rem;
|
|
line-height: 2.625rem;
|
|
font-weight: 600;
|
|
font-size: 0.92969rem;
|
|
color: #377dff;
|
|
text-align: center;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
border-radius: 0.3125rem;
|
|
margin-inline-end: 0.75rem;
|
|
}
|
|
|
|
.dropzone-custom [data-dz-thumbnail]:not([src]) {
|
|
display: none;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.dropzone-custom .dz-progress {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.dropzone-custom .dz-processing .dz-error-mark,
|
|
.dropzone-custom .dz-processing .dz-success-mark {
|
|
display: none;
|
|
}
|
|
|
|
.dropzone-custom .dz-processing.dz-error .dz-error-mark,
|
|
.dropzone-custom .dz-processing.dz-success .dz-success-mark {
|
|
display: block;
|
|
}
|
|
|
|
.dropzone-custom .dz-processing .dz-error-mark {
|
|
color: #ed4c78;
|
|
}
|
|
|
|
.dropzone-custom .dz-processing .dz-success-mark {
|
|
color: #00c9a7;
|
|
}
|
|
|
|
.fancybox-custom .fancybox-slide.animated {
|
|
display: block;
|
|
opacity: 0;
|
|
z-index: 0;
|
|
}
|
|
|
|
.fancybox-custom .fancybox-slide.animated.fancybox-slide--current {
|
|
opacity: 1;
|
|
z-index: 1;
|
|
}
|
|
|
|
.fancybox-custom .fancybox-content {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.fancybox-custom .fancybox-bg {
|
|
background-color: #334257;
|
|
}
|
|
|
|
.fancybox-custom .fancybox-button svg {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.fancybox-custom .fancybox-progress {
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.fancybox-blur aside,
|
|
.fancybox-blur footer,
|
|
.fancybox-blur header,
|
|
.fancybox-blur main {
|
|
-webkit-filter: blur(30px);
|
|
filter: blur(30px);
|
|
}
|
|
|
|
.fullcalendar-custom .fc-list-empty {
|
|
background-color: #f8fafd;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-dot-event.fc-event-mirror,
|
|
.fullcalendar-custom .fc-daygrid-dot-event:hover {
|
|
color: #377dff;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-dot-event {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: #334257;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-v-event .fc-event-main {
|
|
color: #334257;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-h-event,
|
|
.fullcalendar-custom .fc-v-event {
|
|
cursor: pointer;
|
|
border: none;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-h-event {
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.fullcalendar-custom .fc-listWeek-view .fc-list-event {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.fullcalendar-custom .fullcalendar-custom-event-hs-team {
|
|
background-color: #eaf1ff;
|
|
}
|
|
|
|
.fullcalendar-custom .fullcalendar-custom-event-hs-team .fc-list-event-dot {
|
|
border-color: #b7d0ff;
|
|
}
|
|
|
|
.fullcalendar-custom .fullcalendar-custom-event-reminders {
|
|
background-color: #fdeef2;
|
|
}
|
|
|
|
.fullcalendar-custom .fullcalendar-custom-event-reminders .fc-list-event-dot {
|
|
border-color: #f9c0cf;
|
|
}
|
|
|
|
.fullcalendar-custom .fullcalendar-custom-event-tasks {
|
|
background-color: #fdf3e8;
|
|
}
|
|
|
|
.fullcalendar-custom .fullcalendar-custom-event-tasks .fc-list-event-dot {
|
|
border-color: #f8dbba;
|
|
}
|
|
|
|
.fullcalendar-custom .fullcalendar-custom-event-holidays {
|
|
background-color: #c2faff;
|
|
}
|
|
|
|
.fullcalendar-custom .fullcalendar-custom-event-holidays .fc-list-event-dot {
|
|
border-color: #8ff6ff;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-inline-block-event {
|
|
display: inline-block;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-dot-event .fc-event-title,
|
|
.fullcalendar-custom .fc-daygrid-event {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-event-resizable,
|
|
.fullcalendar-custom .fc-timegrid-event-harness .fc-timegrid-event {
|
|
max-width: 15rem;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-event,
|
|
.fullcalendar-custom .fc-timegrid-event .fc-event-main {
|
|
padding: 0.3125rem 0.3125rem;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-block-event .fc-event-time,
|
|
.fullcalendar-custom .fc-daygrid-block-event .fc-event-title {
|
|
color: #334257;
|
|
padding: 0;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-block-event .fc-event-time:hover,
|
|
.fullcalendar-custom .fc-daygrid-block-event .fc-event-title:hover {
|
|
color: #377dff;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-block-event .fc-event-time.fc-sticky,
|
|
.fullcalendar-custom .fc-daygrid-block-event .fc-event-title.fc-sticky {
|
|
padding-inline-end: 0;
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-event .fc-event-title {
|
|
padding: 0.125rem 0;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-event-time {
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-event-title.fc-sticky {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
.fullcalendar-custom .fc-daygrid-event,
|
|
.fullcalendar-custom.fc-direction-ltr .fc-daygrid-event.fc-event-start,
|
|
.fullcalendar-custom.fc-direction-rtl .fc-daygrid-event.fc-event-end {
|
|
margin: 0.125rem 0;
|
|
}
|
|
|
|
.fullcalendar-custom.fc-direction-ltr
|
|
.fc-daygrid-block-event:not(.fc-event-end),
|
|
.fullcalendar-custom.fc-direction-rtl
|
|
.fc-daygrid-block-event:not(.fc-event-start) {
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc table,
|
|
.fullcalendar-custom.fc td,
|
|
.fullcalendar-custom.fc th {
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-view:not(.fc-timeGridDay-view) .fc-daygrid-day {
|
|
height: 10rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-daygrid-day-frame {
|
|
padding: 0.25rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-col-header-cell-cushion,
|
|
.fullcalendar-custom.fc .fc-timegrid-slot-label-cushion {
|
|
font-size: 0.76562rem;
|
|
color: #97a4af;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-col-header-cell-cushion {
|
|
display: block;
|
|
background-color: transparent;
|
|
padding: 0.5rem 0.5rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-day-today .fc-col-header-cell-cushion {
|
|
color: #377dff;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-daygrid-day-top {
|
|
-ms-flex-direction: row;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: row;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
margin-bottom: 0.125rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-day-other .fc-daygrid-day-top {
|
|
opacity: 1;
|
|
}
|
|
|
|
.fullcalendar-custom.fc
|
|
.fc-day-other
|
|
.fc-daygrid-day-top
|
|
.fc-daygrid-day-number {
|
|
color: #e7eaf3;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-daygrid-day-number {
|
|
display: -ms-inline-flexbox;
|
|
display: -webkit-inline-box;
|
|
display: inline-flex;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
color: #132144;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-daygrid-day.fc-day-today {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-highlight,
|
|
.fullcalendar-custom.fc .fc-timegrid-col.fc-day-today {
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-cell-shaded,
|
|
.fullcalendar-custom.fc .fc-day-disabled {
|
|
background-color: rgba(231, 234, 243, 0.5);
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-button {
|
|
font-size: 0.875rem;
|
|
color: #677788;
|
|
background-color: transparent;
|
|
border-color: #e7eaf3;
|
|
text-transform: capitalize;
|
|
padding: 0.4375rem 0.65625rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-button .fc-icon {
|
|
font-size: 0.875rem;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-button.active,
|
|
.fullcalendar-custom.fc .fc-button.focus,
|
|
.fullcalendar-custom.fc .fc-button:active,
|
|
.fullcalendar-custom.fc .fc-button:focus,
|
|
.fullcalendar-custom.fc .fc-button:hover {
|
|
color: #0052ea;
|
|
-webkit-box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
|
|
box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-button.fc-button-active {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
border-color: #377dff;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-button.fc-button-primary:focus,
|
|
.fullcalendar-custom.fc
|
|
.fc-button.fc-button-primary:not(:disabled).fc-button-active:focus,
|
|
.fullcalendar-custom.fc
|
|
.fc-button.fc-button-primary:not(:disabled):active:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.fullcalendar-custom.fc
|
|
.fc-button.fc-button-primary:not(:disabled).fc-button-active,
|
|
.fullcalendar-custom.fc .fc-button.fc-button-primary:not(:disabled):active {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
border-color: #377dff;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-toolbar-title {
|
|
font-size: 1.14844rem;
|
|
}
|
|
|
|
.fullcalendar-custom-timegrid.fc-theme-standard .fc-scrollgrid td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.fullcalendar-custom-timegrid.fc-theme-standard
|
|
.fc-scrollgrid
|
|
td
|
|
.fc-timegrid-slot-minor {
|
|
border-top: none;
|
|
}
|
|
|
|
.fullcalendar-custom-timegrid .fc-col-header-cell-cushion {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fullcalendar-custom-timegrid .fc-col-header-cell-cushion .day-view {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.fullcalendar-custom-timegrid .fc-col-header-cell-cushion:hover {
|
|
color: #0052ea;
|
|
}
|
|
|
|
.fullcalendar-custom-timegrid .fc-timegrid-event {
|
|
min-height: 5rem;
|
|
padding: 0.3125rem;
|
|
}
|
|
|
|
.fullcalendar-custom-timegrid .fc-timegrid-now-indicator-line {
|
|
border-color: #ed4c78;
|
|
}
|
|
|
|
.fullcalendar-custom-timegrid .fc-timegrid-now-indicator-arrow {
|
|
inset-inline-start: auto;
|
|
inset-inline-end: 0;
|
|
border: none;
|
|
}
|
|
|
|
.fullcalendar-custom-timegrid .fc-timegrid-now-indicator-arrow::before {
|
|
position: absolute;
|
|
top: 1px;
|
|
inset-inline-end: 0;
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
content: "";
|
|
background-color: #ed4c78;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.fc-theme-standard .fc-list {
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.fc-theme-standard .fc-list .fc-list-event:hover td {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.fc-theme-standard .fc-list .fc-list-day-text {
|
|
color: #334257;
|
|
}
|
|
|
|
.fc-theme-standard .fc-list .fc-list-day-side-text {
|
|
color: #677788;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-popover {
|
|
border-color: rgba(231, 234, 243, 0.7);
|
|
-webkit-box-shadow: 0 6px 12px rgba(140, 152, 164, 0.075);
|
|
box-shadow: 0 6px 12px rgba(140, 152, 164, 0.075);
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-popover-header {
|
|
border-top-left-radius: 0.75rem;
|
|
border-top-right-radius: 0.75rem;
|
|
background-color: #f8fafd;
|
|
padding: 0.5rem 0.75rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-more-popover .fc-popover-body {
|
|
padding: 0.5rem 0.75rem;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-more-popover .fc-popover-body .fc-sticky {
|
|
position: static;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-popover-title {
|
|
margin: 0;
|
|
}
|
|
|
|
.fullcalendar-custom.fc .fc-popover-close:hover {
|
|
color: #0052ea;
|
|
}
|
|
|
|
.fullcalendar-event-popover {
|
|
width: 25rem;
|
|
max-width: 25rem;
|
|
}
|
|
|
|
.flatpickr-custom {
|
|
position: relative;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.flatpickr-custom .flatpickr-calendar {
|
|
top: calc(1.6em + 1.21875rem) !important;
|
|
inset-inline-start: 0 !important;
|
|
width: auto;
|
|
}
|
|
|
|
.flatpickr-custom-form-control[readonly],
|
|
.form-control[readonly] {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.flatpickr-calendar {
|
|
width: 21.125rem;
|
|
padding: 1rem 1rem;
|
|
-webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
border-radius: 0.75rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.flatpickr-calendar::before {
|
|
inset-inline-start: 1rem;
|
|
border-width: 0.5rem;
|
|
margin: 0 0.5rem;
|
|
}
|
|
|
|
.flatpickr-calendar.arrowTop::before {
|
|
border-bottom-color: #fff;
|
|
}
|
|
|
|
.flatpickr-calendar::after {
|
|
display: none;
|
|
}
|
|
|
|
.flatpickr-calendar.animate.open {
|
|
-webkit-animation: fadeInUp 0.3s cubic-bezier(0.23, 1, 0.32, 1);
|
|
animation: fadeInUp 0.3s cubic-bezier(0.23, 1, 0.32, 1);
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-months {
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-current-month,
|
|
.flatpickr-calendar .flatpickr-next-month,
|
|
.flatpickr-calendar .flatpickr-prev-month {
|
|
padding: 0;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-current-month {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
width: auto;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-next-month,
|
|
.flatpickr-calendar .flatpickr-prev-month {
|
|
position: static;
|
|
color: #677788;
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
line-height: 2.1875rem;
|
|
background-color: transparent;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-next-month:hover,
|
|
.flatpickr-calendar .flatpickr-prev-month:hover {
|
|
color: #377dff;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-weekday {
|
|
color: #97a4af;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.flatpickr-calendar .rangeMode .flatpickr-day {
|
|
margin-top: 0.25rem;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-monthDropdown-months {
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-monthDropdown-months:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-current-month input.cur-year {
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day {
|
|
color: #334257;
|
|
border: none;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day:focus,
|
|
.flatpickr-calendar .flatpickr-day:hover {
|
|
color: #377dff;
|
|
background-color: rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.endRange,
|
|
.flatpickr-calendar .flatpickr-day.endRange.inRange,
|
|
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.endRange:focus,
|
|
.flatpickr-calendar .flatpickr-day.endRange:hover,
|
|
.flatpickr-calendar .flatpickr-day.selected,
|
|
.flatpickr-calendar .flatpickr-day.selected.inRange,
|
|
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.selected:focus,
|
|
.flatpickr-calendar .flatpickr-day.selected:hover,
|
|
.flatpickr-calendar .flatpickr-day.startRange,
|
|
.flatpickr-calendar .flatpickr-day.startRange.inRange,
|
|
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.startRange:focus,
|
|
.flatpickr-calendar .flatpickr-day.startRange:hover {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
border-color: #377dff;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.inRange {
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
-webkit-box-shadow: -0.35rem 0 0 #377dff, 0.35rem 0 0 #377dff;
|
|
box-shadow: -0.35rem 0 0 #377dff, 0.35rem 0 0 #377dff;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.inRange.nextMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.inRange.nextMonthDay:focus,
|
|
.flatpickr-calendar .flatpickr-day.inRange.nextMonthDay:hover,
|
|
.flatpickr-calendar .flatpickr-day.inRange.prevMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.inRange.prevMonthDay:focus,
|
|
.flatpickr-calendar .flatpickr-day.inRange.prevMonthDay:hover,
|
|
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay:focus,
|
|
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay:hover,
|
|
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay:focus,
|
|
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay:hover {
|
|
color: #fff;
|
|
border-color: #377dff;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.today {
|
|
color: #fff;
|
|
border-color: transparent;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.nextMonthDay,
|
|
.flatpickr-calendar .flatpickr-day.prevMonthDay {
|
|
color: #e7eaf3;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.nextMonthDay:focus,
|
|
.flatpickr-calendar .flatpickr-day.nextMonthDay:hover,
|
|
.flatpickr-calendar .flatpickr-day.prevMonthDay:focus,
|
|
.flatpickr-calendar .flatpickr-day.prevMonthDay:hover {
|
|
color: #bdc5d1;
|
|
background-color: #e7eaf3;
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.disabled {
|
|
color: #8c98a4;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.disabled:hover {
|
|
color: #8c98a4;
|
|
background-color: #e7eaf3;
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.flatpickr-calendar
|
|
.flatpickr-day.endRange.startRange
|
|
+ .endRange:not(:nth-child(7n + 1)),
|
|
.flatpickr-calendar
|
|
.flatpickr-day.selected.startRange
|
|
+ .endRange:not(:nth-child(7n + 1)),
|
|
.flatpickr-calendar
|
|
.flatpickr-day.startRange.startRange
|
|
+ .endRange:not(:nth-child(7n + 1)) {
|
|
-webkit-box-shadow: -0.35rem 0 0 #377dff, 0.35rem 0 0 #377dff;
|
|
box-shadow: -0.35rem 0 0 #377dff, 0.35rem 0 0 #377dff;
|
|
}
|
|
|
|
.flatpickr-calendar .numInputWrapper span.arrowDown,
|
|
.flatpickr-calendar .numInputWrapper span.arrowUp {
|
|
display: none;
|
|
}
|
|
|
|
.flatpickr-calendar .numInputWrapper:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.flatpickr-custom-borderless {
|
|
width: 0 !important;
|
|
min-width: 6.5rem !important;
|
|
}
|
|
|
|
.flatpickr-custom-borderless .input-group-text {
|
|
border: 0;
|
|
padding-inline-end: 0 !important;
|
|
}
|
|
|
|
.flatpickr-custom-borderless .flatpickr-custom-form-control {
|
|
border: none;
|
|
cursor: pointer;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
padding-inline-end: 0;
|
|
color: #377dff;
|
|
}
|
|
|
|
.hs-form-search-menu-content {
|
|
position: absolute;
|
|
display: block !important;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.hs-form-search-menu-hidden {
|
|
display: none !important;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.hs-form-search-menu-initialized {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.hs-loader-wrapper {
|
|
position: absolute;
|
|
top: -1px;
|
|
inset-inline-end: -1px;
|
|
bottom: -1px;
|
|
inset-inline-start: -1px;
|
|
display: none;
|
|
background-color: #fff;
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.hs-loader {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: row;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
}
|
|
|
|
.hs-unfold {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.hs-unfold-content {
|
|
display: block !important;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.hs-unfold-content-initialized {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.hs-unfold-hidden {
|
|
display: none !important;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.hs-unfold-overlay {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 100;
|
|
background-color: rgba(19, 33, 68, 0.25);
|
|
}
|
|
|
|
.hs-unfold-content.hs-unfold-reverse-y {
|
|
top: auto;
|
|
bottom: 100%;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.hs-unfold-has-submenu {
|
|
top: 0;
|
|
inset-inline-end: calc(100% + 0.75rem);
|
|
inset-inline-start: auto;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.hs-unfold-has-submenu::after {
|
|
position: absolute;
|
|
top: 0;
|
|
display: block;
|
|
inset-inline-start: calc(100% - 0.0625rem);
|
|
width: 1rem;
|
|
height: 100%;
|
|
content: "";
|
|
}
|
|
|
|
.hs-unfold-has-submenu-right {
|
|
top: 0;
|
|
inset-inline-end: auto;
|
|
inset-inline-start: calc(100% + 0.75rem);
|
|
margin-top: 0;
|
|
}
|
|
|
|
.hs-unfold-has-submenu-right::after {
|
|
position: absolute;
|
|
top: 0;
|
|
display: block;
|
|
inset-inline-end: calc(100% - 0.0625rem);
|
|
width: 1rem;
|
|
height: 100%;
|
|
content: "";
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal {
|
|
position: relative;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal .nav {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
white-space: nowrap;
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal .nav .nav-item {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal .nav::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal .nav-tabs {
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-next,
|
|
.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-prev {
|
|
position: absolute;
|
|
height: 100%;
|
|
z-index: 1;
|
|
font-size: 1.3125rem;
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-link {
|
|
width: 2.625rem;
|
|
color: #677788;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-link:hover {
|
|
color: #0052ea;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-prev {
|
|
inset-inline-start: 0;
|
|
margin-inline-start: -0.125rem;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal
|
|
.hs-nav-scroller-arrow-prev
|
|
.hs-nav-scroller-arrow-link {
|
|
padding: 0.75rem 0;
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right top,
|
|
color-stop(50%, #fff),
|
|
to(rgba(255, 255, 255, 0))
|
|
);
|
|
background-image: linear-gradient(
|
|
to right,
|
|
#fff 50%,
|
|
rgba(255, 255, 255, 0) 100%
|
|
);
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-next {
|
|
inset-inline-end: 0;
|
|
margin-inline-end: -0.125rem;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal
|
|
.hs-nav-scroller-arrow-next
|
|
.hs-nav-scroller-arrow-link {
|
|
padding: 0.75rem 0;
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right top,
|
|
color-stop(0, rgba(255, 255, 255, 0)),
|
|
color-stop(50%, #fff)
|
|
);
|
|
background-image: linear-gradient(
|
|
to right,
|
|
rgba(255, 255, 255, 0) 0,
|
|
#fff 50%
|
|
);
|
|
background-repeat: repeat-x;
|
|
text-align: end;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal
|
|
.hs-nav-scroller-arrow-dark-next
|
|
.hs-nav-scroller-arrow-link,
|
|
.hs-nav-scroller-horizontal
|
|
.hs-nav-scroller-arrow-dark-prev
|
|
.hs-nav-scroller-arrow-link {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal
|
|
.hs-nav-scroller-arrow-dark-next
|
|
.hs-nav-scroller-arrow-link:hover,
|
|
.hs-nav-scroller-horizontal
|
|
.hs-nav-scroller-arrow-dark-prev
|
|
.hs-nav-scroller-arrow-link:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal
|
|
.hs-nav-scroller-arrow-dark-prev
|
|
.hs-nav-scroller-arrow-link {
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right top,
|
|
color-stop(50%, #132144),
|
|
to(rgba(255, 255, 255, 0))
|
|
);
|
|
background-image: linear-gradient(
|
|
to right,
|
|
#132144 50%,
|
|
rgba(255, 255, 255, 0) 100%
|
|
);
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.hs-nav-scroller-horizontal
|
|
.hs-nav-scroller-arrow-dark-next
|
|
.hs-nav-scroller-arrow-link {
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right top,
|
|
color-stop(0, rgba(255, 255, 255, 0)),
|
|
color-stop(50%, #132144)
|
|
);
|
|
background-image: linear-gradient(
|
|
to right,
|
|
rgba(255, 255, 255, 0) 0,
|
|
#132144 50%
|
|
);
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.hs-nav-scroller-vertical {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.hs-nav-scroller-vertical::-webkit-scrollbar {
|
|
width: 0.6125rem;
|
|
}
|
|
|
|
.hs-nav-scroller-vertical::-webkit-scrollbar-thumb {
|
|
background-color: rgba(189, 197, 209, 0.6);
|
|
}
|
|
|
|
.hs-nav-scroller-unfold {
|
|
position: static;
|
|
}
|
|
|
|
.hs-fullscreen {
|
|
position: fixed !important;
|
|
z-index: 9999;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
inset-inline-end: 0;
|
|
height: 100vh !important;
|
|
max-height: 100vh !important;
|
|
width: 100vw !important;
|
|
max-width: 100vw !important;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.hs-fullscreen .hs-fullscreen-icon-default {
|
|
display: none;
|
|
}
|
|
|
|
.hs-fullscreen .hs-fullscreen-icon-active {
|
|
display: block;
|
|
}
|
|
|
|
.hs-fullscreen-on {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hs-fullscreen-icon-default {
|
|
display: block;
|
|
}
|
|
|
|
.hs-fullscreen-icon-active {
|
|
display: none;
|
|
}
|
|
|
|
.range-slider-custom {
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.range-slider-custom .irs {
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.range-slider-custom .irs-line {
|
|
height: 0.25rem;
|
|
}
|
|
|
|
.range-slider-custom .irs-bar {
|
|
height: 0.25rem;
|
|
background-color: #377dff;
|
|
}
|
|
|
|
.range-slider-custom .irs-handle {
|
|
width: 1.53125rem;
|
|
height: 1.53125rem;
|
|
top: 0.76562rem;
|
|
background-color: #fff;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
-webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
}
|
|
|
|
.range-slider-custom .irs-handle i:first-child {
|
|
display: none;
|
|
}
|
|
|
|
.range-slider-custom .irs-handle.state_hover {
|
|
-webkit-transform: scale(1.3);
|
|
transform: scale(1.3);
|
|
}
|
|
|
|
.range-slider-custom .irs-from,
|
|
.range-slider-custom .irs-single,
|
|
.range-slider-custom .irs-to {
|
|
top: -2.25rem;
|
|
display: inline-block;
|
|
min-width: 2.5rem;
|
|
background-color: #fff;
|
|
color: #334257;
|
|
font-size: 0.8125rem;
|
|
text-shadow: none;
|
|
text-align: center;
|
|
-webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
|
|
border-radius: 0.3125rem;
|
|
padding: 0.5rem 0.5rem;
|
|
}
|
|
|
|
.range-slider-custom .irs-from::before,
|
|
.range-slider-custom .irs-single::before,
|
|
.range-slider-custom .irs-to::before {
|
|
border-top-color: #fff;
|
|
}
|
|
|
|
.range-slider-grid .irs-grid-pol {
|
|
top: 0.5rem;
|
|
height: 0.75rem;
|
|
background-color: #e7eaf3;
|
|
}
|
|
|
|
.range-slider-grid .irs-grid-pol.small {
|
|
display: none;
|
|
}
|
|
|
|
.range-slider-grid .irs-grid-text {
|
|
top: 2rem;
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.jvectormap-custom {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.jvectormap-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
|
|
.jvectormap-tip,
|
|
.jvectormap-zoomin,
|
|
.jvectormap-zoomout {
|
|
position: absolute;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.jvectormap-tip {
|
|
z-index: 100;
|
|
display: none;
|
|
color: #334257;
|
|
background-color: #fff;
|
|
padding: 0.54688rem 0.875rem;
|
|
margin: -0.875rem;
|
|
-webkit-box-shadow: 0 6px 24px 0 rgba(140, 152, 164, 0.125);
|
|
box-shadow: 0 6px 24px 0 rgba(140, 152, 164, 0.125);
|
|
}
|
|
|
|
.jvectormap-tip::before {
|
|
position: absolute;
|
|
inset-inline-start: calc(50% - 0.5rem);
|
|
bottom: -0.4375rem;
|
|
width: 1rem;
|
|
height: 0.5rem;
|
|
content: "";
|
|
background-image: url("data:image/svg+xml,%3Csvg width='1rem' height='0.5rem' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 22.49'%3E%3Cpath fill='%23fff' d='M0,0h50L31.87,19.65c-3.45,3.73-9.33,3.79-12.85,0.13L0,0z'/%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: 1rem 0.5rem;
|
|
}
|
|
|
|
.jvectormap-zoomin,
|
|
.jvectormap-zoomout {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
color: #677788;
|
|
background-color: #fff;
|
|
border: 0.0625rem solid #e7eaf3;
|
|
width: 1.53125rem;
|
|
height: 1.53125rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.jvectormap-zoomin:focus,
|
|
.jvectormap-zoomin:hover,
|
|
.jvectormap-zoomout:focus,
|
|
.jvectormap-zoomout:hover {
|
|
color: #0052ea;
|
|
}
|
|
|
|
.jvectormap-zoomin {
|
|
top: 1rem;
|
|
inset-inline-start: 1rem;
|
|
}
|
|
|
|
.jvectormap-zoomout {
|
|
top: 2.84375rem;
|
|
inset-inline-start: 1rem;
|
|
}
|
|
|
|
.leaflet-custom {
|
|
z-index: 98;
|
|
}
|
|
|
|
.leaflet-bar,
|
|
.leaflet-popup-content-wrapper,
|
|
.leaflet-popup-tip {
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.leaflet-bar a,
|
|
.leaflet-bar a:hover {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
-ms-flex-pack: center;
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
width: 1.53125rem;
|
|
height: 1.53125rem;
|
|
line-height: 1.6;
|
|
font-size: 0.8125rem;
|
|
font-family: "Open Sans", sans-serif;
|
|
color: #677788;
|
|
background-color: #fff;
|
|
border: 0.0625rem solid #e7eaf3;
|
|
border-radius: 0.3125rem;
|
|
text-indent: inherit;
|
|
}
|
|
|
|
.leaflet-bar a:first-child {
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
.leaflet-bar a:last-child {
|
|
border-bottom: 0.0625rem solid #e7eaf3;
|
|
}
|
|
|
|
.leaflet-bar a:hover {
|
|
color: #377dff;
|
|
}
|
|
|
|
.leaflet-popup {
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
.quill-custom {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.quill-custom .ql-container {
|
|
position: static;
|
|
}
|
|
|
|
.quill-custom .ql-container.ql-snow,
|
|
.quill-custom .ql-toolbar.ql-snow {
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.quill-custom .ql-toolbar.ql-snow .ql-picker-label {
|
|
border-width: 0;
|
|
}
|
|
|
|
.quill-custom .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
|
|
color: #677788;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
|
|
stroke: #677788;
|
|
}
|
|
|
|
.quill-custom .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
|
|
border-width: 0;
|
|
border-radius: 0.75rem;
|
|
-webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
padding: 0;
|
|
overflow: hidden;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.quill-custom
|
|
.ql-toolbar.ql-snow
|
|
.ql-picker.ql-expanded
|
|
.ql-picker-options
|
|
.ql-picker-item {
|
|
padding: 0.375rem 1.5rem;
|
|
}
|
|
|
|
.quill-custom
|
|
.ql-toolbar.ql-snow
|
|
.ql-picker.ql-expanded
|
|
.ql-picker-options
|
|
.ql-picker-item:hover {
|
|
color: #334257;
|
|
background-color: rgba(189, 197, 209, 0.3);
|
|
}
|
|
|
|
.quill-custom .ql-toolbar.ql-snow {
|
|
padding: 0.75rem 1.3125rem;
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
}
|
|
|
|
.quill-custom .ql-container.ql-snow {
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
|
|
.quill-custom.ql-toolbar-bottom .ql-toolbar.ql-snow {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
|
|
.quill-custom.ql-toolbar-bottom .ql-toolbar.ql-snow + .ql-container.ql-snow {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
border: 0.0625rem solid #e7eaf3;
|
|
}
|
|
|
|
.quill-custom .ql-toolbar-list {
|
|
line-height: normal;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.quill-custom .ql-formats:first-child {
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.quill-custom .ql-formats:first-child button {
|
|
margin-inline-end: 0.5rem;
|
|
}
|
|
|
|
.quill-custom .ql-formats:first-child button:first-child {
|
|
margin-inline-start: -0.25rem;
|
|
}
|
|
|
|
.quill-custom .ql-editor {
|
|
position: relative;
|
|
min-height: 10rem;
|
|
padding: 1.3125rem 1.3125rem;
|
|
}
|
|
|
|
.quill-custom .ql-editor > * {
|
|
font-size: 0.875rem;
|
|
font-family: "Open Sans", sans-serif;
|
|
color: #334257;
|
|
}
|
|
|
|
.quill-custom .ql-editor-content {
|
|
min-height: 10rem;
|
|
}
|
|
|
|
.quill-custom .ql-editor.ql-blank::before {
|
|
inset-inline-start: 1.3125rem;
|
|
color: #97a4af;
|
|
font-family: "Open Sans", sans-serif;
|
|
font-style: normal;
|
|
}
|
|
|
|
.quill-custom .ql-snow a.btn-primary {
|
|
color: #fff;
|
|
}
|
|
|
|
.quill-custom .ql-snow.ql-toolbar .ql-fill {
|
|
fill: #677788;
|
|
}
|
|
|
|
.quill-custom .ql-snow.ql-toolbar .ql-stroke {
|
|
stroke: #677788;
|
|
}
|
|
|
|
.quill-custom .ql-snow.ql-toolbar button:hover {
|
|
color: #377dff;
|
|
}
|
|
|
|
.quill-custom .ql-snow.ql-toolbar button:hover .ql-fill {
|
|
fill: #377dff;
|
|
}
|
|
|
|
.quill-custom .ql-snow.ql-toolbar button:hover .ql-stroke {
|
|
stroke: #377dff;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-toolbar button,
|
|
.quill-custom .ql-snow.ql-toolbar button {
|
|
width: 1.75rem;
|
|
height: 1.75rem;
|
|
padding: 0.25rem 0.25rem;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip {
|
|
position: fixed;
|
|
top: 50% !important;
|
|
inset-inline-start: 50% !important;
|
|
z-index: 1;
|
|
min-width: 20rem;
|
|
border-width: 0;
|
|
text-align: center;
|
|
-webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
|
|
padding: 1.5rem 1.5rem;
|
|
border-radius: 0.3125rem;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip::before {
|
|
display: block;
|
|
text-align: center;
|
|
font-family: "Open Sans", sans-serif;
|
|
font-weight: 600;
|
|
font-size: 1rem;
|
|
border-bottom: 0.0625rem solid #e7eaf3;
|
|
padding-bottom: 1rem;
|
|
margin-bottom: 1.5rem;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip.ql-editing a.ql-preview,
|
|
.quill-custom .ql-snow .ql-tooltip.ql-editing a.ql-remove {
|
|
display: none;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip a.ql-preview,
|
|
.quill-custom .ql-snow .ql-tooltip.ql-editing input[type="text"] {
|
|
min-width: 20rem;
|
|
font-size: 1rem;
|
|
line-height: normal;
|
|
border: 0.0625rem solid #e7eaf3;
|
|
padding: 0.875rem 1.09375rem;
|
|
margin-bottom: 1.5rem;
|
|
border-radius: 0.3125rem;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip a.ql-preview {
|
|
display: block;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip a.ql-preview:hover {
|
|
border-color: #377dff;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip.ql-editing input[type="text"] {
|
|
height: auto;
|
|
display: block;
|
|
font-family: "Open Sans", sans-serif;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip.ql-editing input[type="text"]:focus {
|
|
border-color: rgba(55, 125, 255, 0.4);
|
|
-webkit-box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
|
|
box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-action {
|
|
display: inline-block;
|
|
color: #fff;
|
|
background-color: #377dff;
|
|
font-size: 0.875rem;
|
|
line-height: normal;
|
|
padding: 0.875rem 1.09375rem;
|
|
border-radius: 0.3125rem;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-action:hover {
|
|
background-color: #1366ff;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip a.ql-action::after,
|
|
.quill-custom .ql-snow .ql-tooltip a.ql-remove::before {
|
|
padding-inline-end: 0;
|
|
margin-inline-start: 0;
|
|
border-inline-end: none;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip a.ql-remove {
|
|
border: 0.0625rem solid #e7eaf3;
|
|
font-size: 0.875rem;
|
|
padding: 0.875rem 1.09375rem;
|
|
border-radius: 0.3125rem;
|
|
margin-inline-start: 0.5rem;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.quill-custom .ql-snow .ql-tooltip a.ql-remove:hover {
|
|
color: #0052ea;
|
|
-webkit-box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
|
|
box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
|
|
}
|
|
|
|
.select2-custom {
|
|
position: relative;
|
|
}
|
|
|
|
.select2-custom .select2-custom-hide {
|
|
display: none;
|
|
}
|
|
|
|
.select2-custom-right .select2-container--open {
|
|
inset-inline-end: 0 !important;
|
|
inset-inline-start: auto !important;
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.select2-custom-sm-right .select2-container--open {
|
|
inset-inline-end: 0 !important;
|
|
inset-inline-start: auto !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.select2-custom-md-right .select2-container--open {
|
|
inset-inline-end: 0 !important;
|
|
inset-inline-start: auto !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.select2-custom-lg-right .select2-container--open {
|
|
inset-inline-end: 0 !important;
|
|
inset-inline-start: auto !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.select2-custom-xl-right .select2-container--open {
|
|
inset-inline-end: 0 !important;
|
|
inset-inline-start: auto !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1400px) {
|
|
.select2-custom-xxl-right .select2-container--open {
|
|
inset-inline-end: 0 !important;
|
|
inset-inline-start: auto !important;
|
|
}
|
|
}
|
|
|
|
.select2-dropdown {
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.select2-container--open .select2-dropdown--below {
|
|
border-radius: 0.3125rem;
|
|
border-top: 0.0625rem solid #e7eaf3;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.select2-container--default.select2-container--open.select2-container--below
|
|
.select2-selection--multiple,
|
|
.select2-container--default.select2-container--open.select2-container--below
|
|
.select2-selection--single {
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.select2-container--default.select2-container--focus
|
|
.select2-selection--multiple {
|
|
border-color: rgba(55, 125, 255, 0.4);
|
|
}
|
|
|
|
.select2-container--default .custom-select.select2-selection--multiple,
|
|
.select2-container--default .form-control.select2-selection--multiple {
|
|
height: auto;
|
|
min-height: calc(1.6em + 1.21875rem);
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple {
|
|
border-color: #e7eaf3;
|
|
padding: 0 0.875rem;
|
|
}
|
|
|
|
.select2-container--default
|
|
.custom-select
|
|
.select2-search--inline
|
|
.select2-search__field,
|
|
.select2-container--default
|
|
.select2-selection--multiple
|
|
.select2-selection__choice {
|
|
margin: 0.25rem 0.25rem 0.25rem 0;
|
|
padding: 0.3125rem 0.875rem;
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-selection--multiple
|
|
.select2-selection__choice {
|
|
position: relative;
|
|
background-color: #e7eaf3;
|
|
border-color: transparent;
|
|
padding-inline-end: 1.6125rem;
|
|
line-height: normal;
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-selection--multiple
|
|
.select2-selection__choice__remove {
|
|
position: absolute;
|
|
inset-inline-end: 0.125rem;
|
|
color: #71869d;
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
|
|
.select2-container--default .select2-search__field {
|
|
padding-inline-start: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.select2-container--default .select2-search__field::-webkit-input-placeholder {
|
|
color: #97a4af;
|
|
}
|
|
|
|
.select2-container--default .select2-search__field:-ms-input-placeholder {
|
|
color: #97a4af;
|
|
}
|
|
|
|
.select2-container--default .select2-search__field::-ms-input-placeholder {
|
|
color: #97a4af;
|
|
}
|
|
|
|
.select2-container--default .select2-search__field::placeholder {
|
|
color: #97a4af;
|
|
}
|
|
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
border-color: #e7eaf3;
|
|
background-color: #f9fafc;
|
|
padding: 0.4375rem 0.65625rem;
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-search--dropdown
|
|
.select2-search__field::-webkit-input-placeholder {
|
|
color: #97a4af;
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-search--dropdown
|
|
.select2-search__field:-ms-input-placeholder {
|
|
color: #97a4af;
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-search--dropdown
|
|
.select2-search__field::-ms-input-placeholder {
|
|
color: #97a4af;
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-search--dropdown
|
|
.select2-search__field::placeholder {
|
|
color: #97a4af;
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-search--dropdown
|
|
.select2-search__field:focus {
|
|
border-color: rgba(55, 125, 255, 0.4);
|
|
-webkit-box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
|
|
box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-selection.active
|
|
.select2-selection__placeholder {
|
|
color: #334257;
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-selection--multiple
|
|
.select2-selection__rendered {
|
|
display: block;
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option {
|
|
padding: 0.5rem 3rem 0.5rem 0.5rem;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option[aria-selected="true"] {
|
|
color: #334257;
|
|
background-color: rgba(189, 197, 209, 0.3);
|
|
}
|
|
|
|
.select2-container--default .select2-results__option:first-child,
|
|
.select2-container--default .select2-results__option:first-child:hover {
|
|
border-top-left-radius: 0.3125rem;
|
|
border-top-right-radius: 0.3125rem;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option:last-child,
|
|
.select2-container--default .select2-results__option:last-child:hover {
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option {
|
|
position: relative;
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-results__option[aria-selected="true"]::after {
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-end: 0.5rem;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M98.1,16.2c-2.5-2.3-6.4-2.2-8.7,0.2L36.7,70.1l-13-15.5c-2.9-3.5-7.9-4.1-11.1-1.4c-2.9,2.4-3.5,6.6-1.4,10.1l16.5,28c3.2,5.4,10.8,5.8,14.5,0.8l56.5-67.3C100.7,22.1,100.4,18.5,98.1,16.2z'/%3E%3C/svg%3E%0A")
|
|
no-repeat right center/1rem 1rem;
|
|
content: "";
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.select2-container--default
|
|
.select2-results__option--highlighted[aria-selected]:not(
|
|
[aria-selected="true"]
|
|
) {
|
|
color: #334257;
|
|
background-color: rgba(189, 197, 209, 0.3);
|
|
}
|
|
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.select2-selection__placeholder {
|
|
color: #97a4af;
|
|
}
|
|
|
|
.select2-selection--multiple .select2-selection__placeholder {
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-start: 0;
|
|
padding-inline-start: 0.75rem;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.sortablejs-custom.sortable-ghost {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.sortablejs-custom-rotate.sortable-fallback {
|
|
-webkit-transform: rotate(10deg);
|
|
transform: rotate(10deg);
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.sortablejs-custom-handle {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tagify {
|
|
--tag-bg: unset;
|
|
--tag-hover: unset;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
border-color: #e7eaf3;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.tagify:hover {
|
|
border-color: #e7eaf3;
|
|
}
|
|
|
|
.tagify.tagify--focus {
|
|
border-color: rgba(55, 125, 255, 0.4);
|
|
}
|
|
|
|
.tagify__tag--hide {
|
|
height: 0;
|
|
}
|
|
|
|
.tagify__tag {
|
|
margin: 0.25rem 0.25rem 0.25rem 0;
|
|
background-color: #e7eaf3;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.tagify__tag:first-child {
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
.tagify__tag > div {
|
|
color: #334257;
|
|
padding: 0.3125rem 0.875rem;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.tagify__tag__removeBtn {
|
|
color: #71869d;
|
|
width: 0.875rem;
|
|
height: 0.875rem;
|
|
line-height: 0.875rem;
|
|
}
|
|
|
|
.tagify__tag__removeBtn:hover {
|
|
background-color: #ed4c78;
|
|
}
|
|
|
|
.tagify__tag__removeBtn:hover + div::before {
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.tagify__tag__removeBtn:hover + div .tagify__tag-text {
|
|
opacity: 1;
|
|
}
|
|
|
|
.tagify-form-control {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
height: auto;
|
|
padding: 0 0.25rem;
|
|
}
|
|
|
|
.tagify-form-control.tagify--empty {
|
|
padding: 0 0.875rem;
|
|
}
|
|
|
|
.tagify__input:first-child {
|
|
padding-inline-start: 0;
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
.tagify__input::before {
|
|
color: #97a4af;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.tagify__input .tagify__tag > div {
|
|
padding: 0.3125rem 0.875rem;
|
|
line-height: normal;
|
|
}
|
|
|
|
.tagify__dropdown__menu {
|
|
overflow: hidden;
|
|
border: 0.0625rem solid #e7eaf3;
|
|
border-bottom-right-radius: 0.3125rem;
|
|
border-bottom-left-radius: 0.3125rem;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.tagify__dropdown__wrapper {
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-webkit-transition: none !important;
|
|
transition: none !important;
|
|
}
|
|
|
|
.tagify__dropdown__item {
|
|
color: #334257;
|
|
padding: 0.54688rem 0.875rem;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.tagify__dropdown__item--active {
|
|
background-color: rgba(189, 197, 209, 0.3);
|
|
}
|
|
|
|
.tagify.tagify-form-control-list {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.navbar__brand-wrapper {
|
|
padding: 5px 20px !important;
|
|
}
|
|
|
|
.cmn--media {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.cmn--media .card-title {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #334257;
|
|
}
|
|
|
|
.right-dropdown-icon {
|
|
position: relative;
|
|
}
|
|
|
|
.right-dropdown-icon::before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 4px solid #334257;
|
|
border-top-color: transparent;
|
|
border-left-color: transparent;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
inset-inline-start: -17px;
|
|
top: 2px;
|
|
}
|
|
|
|
.navbar-vertical-aside-mini-mode .navbar-brand-wrapper {
|
|
-webkit-box-pack: center !important;
|
|
-ms-flex-pack: center !important;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
.navbar-vertical-aside-mini-mode aside .navbar-brand {
|
|
display: none !important;
|
|
}
|
|
|
|
/*Design Panel Updated CSS*/
|
|
.navbar__brand-wrapper {
|
|
padding: 5px 20px !important;
|
|
}
|
|
|
|
.cmn--media {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.cmn--media .card-title {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #334257;
|
|
}
|
|
|
|
.right-dropdown-icon {
|
|
position: relative;
|
|
}
|
|
|
|
.right-dropdown-icon::before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 4px solid #334257;
|
|
border-top-color: transparent;
|
|
border-left-color: transparent;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
inset-inline-start: -17px;
|
|
top: 2px;
|
|
}
|
|
|
|
.navbar-vertical-aside-mini-mode .navbar-brand-wrapper {
|
|
-webkit-box-pack: center !important;
|
|
-ms-flex-pack: center !important;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
.navbar-vertical-aside-mini-mode aside .navbar-brand {
|
|
display: none !important;
|
|
}
|
|
|
|
.d--xl-none {
|
|
display: none !important;
|
|
}
|
|
|
|
@media screen and (max-width: 1199.99px) {
|
|
.d--xl-none {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
.page-header-title {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
line-height: 24px;
|
|
margin: 0;
|
|
}
|
|
|
|
.page-header-title i {
|
|
margin-inline-end: 10px;
|
|
font-size: 26px;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.shadow--card {
|
|
background: #ffffff;
|
|
border: 1px solid #f4f4f4;
|
|
-webkit-box-shadow: 0px 5px 5px rgba(51, 66, 87, 0.05);
|
|
box-shadow: 0px 5px 5px rgba(51, 66, 87, 0.05);
|
|
border-radius: 5px;
|
|
padding: 20px;
|
|
}
|
|
|
|
:root {
|
|
--primary-clr: #0093fa;
|
|
--secondary-clr: #99a7ba;
|
|
--title-clr: #334257;
|
|
--base-clr: #f8923b;
|
|
--border-clr: #99a7ba45;
|
|
--warning-clr: #ff7500;
|
|
--danger-clr: #ff6d6d;
|
|
--success-clr: #00aa6d;
|
|
--info-clr: #0096ff;
|
|
}
|
|
|
|
a[class*="btn--"],
|
|
button[class*="btn--"] {
|
|
border-radius: 5px;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
padding: 9px 24px;
|
|
color: #fff;
|
|
text-transform: capitalize;
|
|
border: 1px solid;
|
|
}
|
|
|
|
@media screen and (min-width: 1450px) {
|
|
a[class*="btn--"],
|
|
button[class*="btn--"] {
|
|
padding: 12px 24px;
|
|
}
|
|
}
|
|
|
|
a[class*="btn--"].font--sm,
|
|
button[class*="btn--"].font--sm {
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
a[class*="btn--"]:hover,
|
|
button[class*="btn--"]:hover {
|
|
-webkit-filter: brightness(0.9);
|
|
filter: brightness(0.9);
|
|
}
|
|
|
|
a[class*="btn--"]:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.btn--secondary {
|
|
color: #fff !important;
|
|
background: var(--secondary-clr);
|
|
border-color: var(--secondary-clr) !important;
|
|
}
|
|
|
|
.btn--reset {
|
|
color: var(--title-clr) !important;
|
|
background: #f3f4f5 !important;
|
|
border-color: #f3f4f5 !important;
|
|
}
|
|
|
|
.h--37px {
|
|
height: 37px;
|
|
line-height: 37px;
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.btn--primary {
|
|
background: var(--primary-clr);
|
|
border-color: var(--primary-clr) !important;
|
|
}
|
|
|
|
.btn--primary:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.btn-outline-primary:not(:hover) {
|
|
background: transparent !important;
|
|
color: var(--primary-clr);
|
|
}
|
|
|
|
.btn-outline-primary:hover {
|
|
background: var(--primary-clr);
|
|
color: #fff !important;
|
|
}
|
|
|
|
.btn-outline-secondary:not(:hover) {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.btn-outline-secondary:hover {
|
|
background: var(--secondary-clr);
|
|
color: #fff !important;
|
|
}
|
|
|
|
.btn--warning {
|
|
background: var(--warning-clr) !important;
|
|
border-color: var(--warning-clr) !important;
|
|
}
|
|
|
|
.btn-outline-warning:not(:hover) {
|
|
background: rgba(255, 134, 32, 0.05) !important;
|
|
color: var(--warning-clr) !important;
|
|
}
|
|
|
|
.btn-outline-warning:hover {
|
|
background: var(--warning-clr) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.btn--danger {
|
|
background: var(--danger-clr) !important;
|
|
border-color: var(--danger-clr) !important;
|
|
}
|
|
|
|
.btn-outline-danger:not(:hover) {
|
|
background: transparent !important;
|
|
color: var(--danger-clr);
|
|
}
|
|
|
|
.btn-outline-danger:hover {
|
|
background: var(--danger-clr) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.export-btn {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
height: 35px;
|
|
padding: 0 12px !important;
|
|
}
|
|
|
|
.export-btn span {
|
|
margin: 0 5px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.export-btn i {
|
|
font-size: 0.9rem !important;
|
|
}
|
|
|
|
.action-btn {
|
|
width: 30px;
|
|
height: 30px;
|
|
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;
|
|
font-size: 0.8em !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
@media screen and (min-width: 1650px) {
|
|
.action-btn {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
}
|
|
|
|
.action-btn.btn-outline-primary:not(:hover) {
|
|
background: #377dff0a !important;
|
|
}
|
|
|
|
.btn--container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin: -8px;
|
|
}
|
|
|
|
.table .btn--container {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.btn--container > * {
|
|
margin: 8px;
|
|
}
|
|
|
|
.table .btn--container {
|
|
margin: -5px;
|
|
}
|
|
|
|
.table .btn--container > * {
|
|
margin: 5px;
|
|
}
|
|
|
|
.zone-setup-top {
|
|
font-size: 0.7rem;
|
|
line-height: 1rem;
|
|
}
|
|
|
|
.zone-setup-top .subtitle {
|
|
font-weight: 600;
|
|
color: var(--base-clr);
|
|
font-size: 1rem;
|
|
}
|
|
|
|
@media screen and (min-width: 1450px) {
|
|
.zone-setup-top {
|
|
font-size: 0.75rem;
|
|
line-height: 1.2rem;
|
|
}
|
|
}
|
|
|
|
.zone-setup-item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
max-width: 389px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.zone-setup-item .zone-setup-icon {
|
|
width: 30px;
|
|
height: 30px;
|
|
border: 1.5px solid var(--title-clr);
|
|
color: var(--title-clr);
|
|
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;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.zone-setup-item .info {
|
|
width: calc(100% - 30px);
|
|
padding-inline-start: 8px;
|
|
-ms-flex-item-align: center;
|
|
-ms-grid-row-align: center;
|
|
align-self: center;
|
|
font-size: 0.7rem;
|
|
line-height: 15px;
|
|
}
|
|
|
|
@media screen and (min-width: 1650px) {
|
|
.zone-setup-item {
|
|
min-width: 420px;
|
|
}
|
|
.zone-setup-item .zone-setup-icon {
|
|
width: 35px;
|
|
height: 35px;
|
|
font-size: 0.95rem;
|
|
}
|
|
.zone-setup-item .info {
|
|
width: calc(100% - 45px);
|
|
font-size: 0.76rem;
|
|
line-height: 1.2rem;
|
|
}
|
|
}
|
|
|
|
.zone-setup .input-label {
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.zone-setup .form-group {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.instructions-image img {
|
|
width: 100%;
|
|
max-width: 389px;
|
|
}
|
|
|
|
@media screen and (min-width: 1450px) {
|
|
.instructions-image img {
|
|
width: unset;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.instructions-image {
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
|
|
.map-warper {
|
|
height: 233px;
|
|
}
|
|
|
|
@media screen and (min-width: 1450px) {
|
|
.map-warper {
|
|
height: 306px;
|
|
margin-top: 32px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1650px) {
|
|
.map-warper {
|
|
height: 350px;
|
|
}
|
|
}
|
|
|
|
.card .card-header h5 {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.table th {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.input--group .form-control {
|
|
height: 40px;
|
|
padding: 0 10px;
|
|
font-size: 0.875rem;
|
|
border-top: 0.53059px solid var(--border-clr);
|
|
border-bottom: 0.53059px solid var(--border-clr);
|
|
}
|
|
|
|
.input--group .form-control:first-child {
|
|
border-inline-start: 0.53059px solid var(--border-clr);
|
|
border-radius: 5px 0 0 5px !important;
|
|
}
|
|
|
|
.input--group .form-control:last-child {
|
|
border-inline-end: 0.53059px solid var(--border-clr);
|
|
border-radius: 0 5px 5px 0 !important;
|
|
}
|
|
|
|
.input--group .btn--secondary {
|
|
min-width: 40px;
|
|
text-align: center;
|
|
color: #fff;
|
|
padding: 0 5px !important;
|
|
border-radius: 0 5px 5px 0 !important;
|
|
border-top: 1px solid var(--border-clr) !important;
|
|
border-bottom: 1px solid var(--border-clr) !important;
|
|
border-inline-end: 1px solid var(--border-clr) !important;
|
|
border-inline-start: none !important;
|
|
margin-inline-start: -1px !important;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
.input--group .export-btn,
|
|
.input--group .form-control,
|
|
.input--group .btn--secondary {
|
|
height: 40px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
.export-btn {
|
|
height: 40px;
|
|
}
|
|
}
|
|
|
|
.move-left {
|
|
margin-inline-start: -22px;
|
|
}
|
|
|
|
.nav-subtitle {
|
|
color: #99a7ba !important;
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
.navbar-vertical aside .nav-link {
|
|
color: #e9f3ff !important;
|
|
}
|
|
|
|
.form--control {
|
|
background: rgba(153, 167, 186, 0.2);
|
|
border: 1px solid #99a7ba;
|
|
border-radius: 5px;
|
|
color: #99a7ba !important;
|
|
}
|
|
|
|
.form--control:focus {
|
|
color: #fff !important;
|
|
border-color: var(--base-clr);
|
|
background: rgba(153, 167, 186, 0.2);
|
|
}
|
|
|
|
.form--control:-webkit-autofill,
|
|
.form--control:-webkit-autofill:hover,
|
|
.form--control:-webkit-autofill:focus {
|
|
border: 1px solid var(--base-clr) !important;
|
|
-webkit-text-fill-color: #fff !important;
|
|
box-shadow: 0 0 0px 1000px rgba(153, 167, 186, 0.2) inset !important;
|
|
-webkit-box-shadow: 0 0 0px 1000px rgba(153, 167, 186, 0.2) inset !important;
|
|
-webkit-transition: background-color 5000s ease-in-out 0s !important;
|
|
transition: background-color 5000s ease-in-out 0s !important;
|
|
}
|
|
|
|
.sidebar--search-form {
|
|
padding: 20px 10px 16px;
|
|
position: sticky;
|
|
top: 0;
|
|
background: #334257;
|
|
z-index: 9;
|
|
}
|
|
|
|
.sidebar--search-form .form--control {
|
|
padding-inline-start: 40px;
|
|
}
|
|
|
|
.sidebar--search-form .search--form-group {
|
|
position: relative;
|
|
-webkit-transition: all ease 0.3s;
|
|
transition: all ease 0.3s;
|
|
}
|
|
|
|
.sidebar--search-form .search--form-group .btn {
|
|
position: absolute;
|
|
inset-inline-start: 5px;
|
|
top: 0;
|
|
color: #99a7ba !important;
|
|
padding-inline-start: 12px !important;
|
|
padding-inline-end: 12px !important;
|
|
}
|
|
|
|
aside .nav-item .nav-link {
|
|
color: #e9f3ff !important;
|
|
}
|
|
|
|
aside .navbar-vertical-aside-has-menu .nav-sub .nav-link {
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
aside .navbar-nav > .nav-item:not(:first-child) {
|
|
margin-top: 15px !important;
|
|
}
|
|
|
|
aside .nav-link {
|
|
color: #e9f3ff !important;
|
|
}
|
|
|
|
.navbar-vertical-aside-mini-mode
|
|
.navbar-vertical:not([class*="container"])
|
|
.navbar-nav
|
|
.nav-link {
|
|
padding-inline-start: 1.75rem !important;
|
|
}
|
|
|
|
.navbar-vertical-aside-mini-mode .search--form-group {
|
|
display: none;
|
|
}
|
|
|
|
.swal2-popup .swal2-styled.swal2-cancel {
|
|
color: #fff !important;
|
|
background: var(--secondary-clr) !important;
|
|
}
|
|
|
|
.swal2-popup .swal2-styled:focus,
|
|
.swal2-popup .swal2-styled.swal2-confirm {
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.swal2-popup {
|
|
border-radius: 10px !important;
|
|
padding: 30px !important;
|
|
width: 100% !important;
|
|
max-width: 500px !important;
|
|
font-size: 1em !important;
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
.swal2-popup .swal2-icon {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 1.5em !important;
|
|
}
|
|
|
|
.swal2-popup .swal2-styled {
|
|
min-width: 170px;
|
|
text-align: center;
|
|
}
|
|
|
|
@media screen and (min-width: 575px) {
|
|
.swal2-popup .swal2-styled {
|
|
margin: 0.3125em 0.8em !important;
|
|
}
|
|
}
|
|
|
|
.swal2-popup .swal2-title {
|
|
font-family: "Public Sans", sans-serif;
|
|
font-size: 1.5em !important;
|
|
}
|
|
|
|
.swal2-popup .swal2-actions {
|
|
margin-top: 1.5em !important;
|
|
}
|
|
|
|
.swal2-popup .swal2-close {
|
|
color: var(--title-clr) !important;
|
|
inset-inline-end: 15px !important;
|
|
top: 15px !important;
|
|
}
|
|
|
|
#map {
|
|
height: 272px !important;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.card-header-icon i {
|
|
font-size: 22px;
|
|
}
|
|
|
|
.btn {
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
.card-title {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.h--45px {
|
|
height: 45px;
|
|
}
|
|
|
|
.btn--primary.h--45px {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.page-header-select-wrapper {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
margin: -7px;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.page-header-select-wrapper .select-item {
|
|
padding: 7px;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
@media screen and (min-width: 576px) {
|
|
.page-header-select-wrapper .select-item {
|
|
max-width: 211px;
|
|
}
|
|
.page-header-select-wrapper .select-item .form-control {
|
|
height: 46px;
|
|
}
|
|
.page-header-select-wrapper .select-item .select2-selection {
|
|
height: 46px !important;
|
|
line-height: 28px;
|
|
}
|
|
.page-header-select-wrapper .select-item .w--unset {
|
|
width: unset !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.page-header-select-wrapper {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 576px) {
|
|
.w--sm-unset {
|
|
width: unset !important;
|
|
}
|
|
}
|
|
|
|
.resturant-card {
|
|
position: relative;
|
|
border-radius: 10px;
|
|
padding: 21px 50px 21px 28px;
|
|
}
|
|
|
|
.resturant-card .title {
|
|
font-size: 1.375rem;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.resturant-card .subtitle {
|
|
margin: 0;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
}
|
|
|
|
@media screen and (max-width: 1400px) and (min-width: 1200px) {
|
|
.resturant-card .subtitle {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
.resturant-card .resturant-icon {
|
|
position: absolute;
|
|
inset-inline-end: 15px;
|
|
top: 15px;
|
|
max-width: 30px;
|
|
height: 35px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.resturant-card .resturant-icon img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
@media screen and (min-width: 1450px) {
|
|
.resturant-card {
|
|
padding: 30px 55px 25px 30px;
|
|
}
|
|
.resturant-card .resturant-icon {
|
|
inset-inline-end: 20px;
|
|
top: 25px;
|
|
}
|
|
}
|
|
|
|
.resturant-card.dashboard--card {
|
|
min-height: 135px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.resturant-card.dashboard--card .subtitle {
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.bg--1 {
|
|
background: rgba(0, 150, 255, 0.15) !important;
|
|
}
|
|
|
|
.bg--2 {
|
|
background: rgba(0, 170, 109, 0.15) !important;
|
|
}
|
|
|
|
.bg--3 {
|
|
background: rgba(248, 59, 59, 0.1) !important;
|
|
}
|
|
|
|
.bg--4 {
|
|
background: rgba(255, 245, 0, 0.2) !important;
|
|
}
|
|
|
|
.bg--5 {
|
|
background: rgba(248, 146, 59, 0.1) !important;
|
|
}
|
|
|
|
.bg--6 {
|
|
background: rgba(248, 59, 218, 0.11) !important;
|
|
}
|
|
|
|
.bg--7 {
|
|
background: rgba(255, 46, 83, 0.15) !important;
|
|
}
|
|
|
|
.bg--8 {
|
|
background: rgba(0, 170, 17, 0.15) !important;
|
|
}
|
|
|
|
.bg--9 {
|
|
background: rgba(59, 191, 248, 0.1) !important;
|
|
}
|
|
|
|
.bg--10 {
|
|
background: rgba(0, 170, 109, 0.15) !important;
|
|
}
|
|
|
|
.bg--11 {
|
|
background: rgba(248, 146, 59, 0.1) !important;
|
|
}
|
|
|
|
.bg--12 {
|
|
background: rgba(247, 25, 25, 0.11) !important;
|
|
}
|
|
|
|
.bg--13 {
|
|
background: #cceaff !important;
|
|
}
|
|
|
|
.bg--14 {
|
|
background: rgba(255, 0, 0, 0.2) !important;
|
|
}
|
|
|
|
.resturant-card-2 .resturant-icon {
|
|
max-width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.bg--title {
|
|
background: var(--title-clr) !important;
|
|
}
|
|
|
|
.g-1 {
|
|
margin: -0.35rem;
|
|
}
|
|
|
|
.g-1 > *[class*="col"] {
|
|
padding: 0.35rem !important;
|
|
}
|
|
|
|
.g-3 {
|
|
margin: -0.625rem;
|
|
}
|
|
|
|
.g-3 > *[class*="col"] {
|
|
padding: 0.625rem !important;
|
|
}
|
|
|
|
.g-4 {
|
|
margin: -0.875rem;
|
|
}
|
|
|
|
.g-4 > *[class*="col"] {
|
|
padding: 0.875rem !important;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1200.99px) {
|
|
.navbar-vertical-aside-show-xl .navbar:not(.navbar-vertical) {
|
|
margin-inline-start: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.cmn--media.right-dropdown-icon::before {
|
|
display: none;
|
|
}
|
|
.cmn--media.right-dropdown-icon .media-body {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.transaction--information {
|
|
border: 1px solid #f4f4f4;
|
|
-webkit-box-shadow: 0px 3px 5px rgba(51, 66, 87, 0.05);
|
|
box-shadow: 0px 3px 5px rgba(51, 66, 87, 0.05);
|
|
border-radius: 8px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
padding: 10px 20px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.transaction--information li {
|
|
list-style: none;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
padding: 5px;
|
|
font-size: 0.7rem;
|
|
}
|
|
|
|
.transaction--information li i {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.transaction--information li > div {
|
|
-ms-flex-item-align: center;
|
|
-ms-grid-row-align: center;
|
|
align-self: center;
|
|
padding-inline-start: 5px;
|
|
}
|
|
|
|
.transaction--information li > div span {
|
|
margin-inline-end: 10px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.transaction--information li > div * {
|
|
display: inline-block;
|
|
}
|
|
|
|
.transaction--information li > div strong {
|
|
font-size: 14px;
|
|
}
|
|
|
|
@media screen and (max-width: 1199px) {
|
|
.transaction--information {
|
|
-webkit-box-pack: space-evenly;
|
|
-ms-flex-pack: space-evenly;
|
|
justify-content: space-evenly;
|
|
}
|
|
.transaction--information .seperator {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.transaction--information li {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.transaction--information {
|
|
padding: 15px 10px;
|
|
}
|
|
.transaction--information li {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
.transaction--information li > div {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
.transaction--information li > div strong {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.transaction--information .seperator {
|
|
background: rgba(0, 0, 0, 0.45);
|
|
height: 25px;
|
|
width: 1px;
|
|
margin-inline-start: auto;
|
|
margin-inline-end: auto;
|
|
padding: 0;
|
|
}
|
|
|
|
.text--info {
|
|
color: rgba(6, 97, 203, 0.8) !important;
|
|
}
|
|
|
|
.text--success {
|
|
color: rgba(0, 170, 109, 0.9) !important;
|
|
}
|
|
|
|
.text--danger {
|
|
color: rgba(248, 59, 59, 0.8) !important;
|
|
}
|
|
|
|
.text--warning {
|
|
color: var(--warning-clr) !important;
|
|
}
|
|
|
|
.success--icon {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
width: 26px;
|
|
height: 26px;
|
|
background: rgba(0, 170, 109, 0.2);
|
|
font-size: 1rem !important;
|
|
line-height: 1;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.table-rest-info {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.table-rest-info img {
|
|
width: 50px;
|
|
height: 50px;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.table-rest-info .info {
|
|
max-width: calc(100% - 50px);
|
|
padding-inline-start: 10px;
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.table-rest-info .info .rating {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.rating {
|
|
color: #f8923b;
|
|
}
|
|
|
|
.owner--name {
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.resturant-list-table .table > tbody > tr:first-child > td {
|
|
padding-top: 0.614rem;
|
|
padding-bottom: 0.614rem;
|
|
}
|
|
|
|
.cash-icon img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.cash--title {
|
|
font-size: 2.25rem;
|
|
line-height: 1;
|
|
margin: 0;
|
|
}
|
|
|
|
.cash--subtitle {
|
|
font-weight: 600;
|
|
font-size: 0.875rem;
|
|
text-transform: capitalize;
|
|
margin-top: 10px;
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.resturant--info-address {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.resturant--info-address .logo {
|
|
width: 130px;
|
|
aspect-ratio: 1;
|
|
border: 1px solid #f8923b;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.resturant--info-address .logo img {
|
|
width: 100%;
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.resturant--info-address .avatar {
|
|
width: 106px !important;
|
|
height: 106px !important;
|
|
aspect-ratio: 1;
|
|
}
|
|
|
|
.resturant--info-address .avatar img {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.resturant--info-address .address-info {
|
|
width: calc(100% - 130px);
|
|
padding-inline-start: 20px;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.resturant--info-address .address-info .name {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.resturant--info-address .address-info li {
|
|
padding: 0;
|
|
}
|
|
|
|
.resturant--info-address .address-info li:not(:last-child) {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.resturant--info-address .address-info-2 {
|
|
width: calc(100% - 106px);
|
|
}
|
|
|
|
.resturant--info-address .address-info-2 li {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.resturant--info-address .address-info-2 li:not(:last-child) {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
@media screen and (max-width: 490px) {
|
|
.resturant--info-address .logo {
|
|
width: 100px;
|
|
}
|
|
.resturant--info-address .address-info {
|
|
width: calc(100% - 100px);
|
|
}
|
|
.resturant--info-address .address-info li {
|
|
font-size: 0.875rem;
|
|
}
|
|
.resturant--info-address .address-info li:not(:last-child) {
|
|
margin-bottom: 5px;
|
|
}
|
|
.resturant--info-address .avatar {
|
|
width: 70px !important;
|
|
height: 70px !important;
|
|
}
|
|
.resturant--info-address .address-info-2 {
|
|
width: calc(100% - 90px);
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 425px) {
|
|
.resturant--info-address .address-info,
|
|
.resturant--info-address .address-info-2 {
|
|
width: 100%;
|
|
padding-inline-start: 0;
|
|
margin-top: 10px !important;
|
|
}
|
|
}
|
|
|
|
#map.single-page-map {
|
|
height: 157px !important;
|
|
}
|
|
|
|
.bank-name {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.text--title {
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.order--status {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.customer-info-table-data {
|
|
min-width: 130px;
|
|
}
|
|
|
|
.customer-info-table-data a {
|
|
font-weight: 600;
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.customer-info-table-data small {
|
|
font-size: 0.75rem;
|
|
line-height: 16px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.total-amount-table-data {
|
|
min-width: 80px;
|
|
}
|
|
|
|
.badge--accepted {
|
|
color: #00c6ae;
|
|
background: rgba(0, 198, 174, 0.05);
|
|
}
|
|
|
|
.badge--pending {
|
|
color: #ff8620;
|
|
background: rgba(255, 134, 32, 0.05);
|
|
}
|
|
|
|
.badge--cancel {
|
|
color: #ff6d6d;
|
|
background: gba(255, 109, 109, 0.05);
|
|
}
|
|
|
|
.action-btn i {
|
|
font-size: 1.14rem;
|
|
}
|
|
|
|
.resturant-card-navbar {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
background: #ffffff;
|
|
-webkit-box-shadow: 0px 0px 5px rgba(51, 66, 87, 0.1);
|
|
box-shadow: 0px 0px 5px rgba(51, 66, 87, 0.1);
|
|
border-radius: 8px;
|
|
margin-bottom: 15px;
|
|
padding: 6px 10px 6px 5px;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.resturant-card-navbar .order-info-item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 10px 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.resturant-card-navbar .order-info-item img {
|
|
width: 24px;
|
|
height: 24px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.resturant-card-navbar .order-info-item .order-info-icon {
|
|
margin-inline-end: 10px;
|
|
}
|
|
|
|
.resturant-card-navbar .order-info-item .icon-sm img {
|
|
width: unset;
|
|
height: unset;
|
|
max-width: 24px;
|
|
max-height: 24px;
|
|
}
|
|
|
|
.resturant-card-navbar .order-info-item .card-subtitle {
|
|
font-size: 0.875rem;
|
|
margin: 0;
|
|
text-transform: capitalize;
|
|
color: var(--title-clr);
|
|
font-weight: 400;
|
|
-webkit-transition: all ease 0.3s;
|
|
transition: all ease 0.3s;
|
|
}
|
|
|
|
.resturant-card-navbar .order-info-item .card-subtitle .amount {
|
|
font-weight: 700;
|
|
margin-inline-start: 10px;
|
|
display: inline-block;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1300px) {
|
|
.resturant-card-navbar .order-info-item .card-subtitle {
|
|
font-size: 0.77rem;
|
|
}
|
|
}
|
|
|
|
.resturant-card-navbar .order-info-item:hover .card-subtitle {
|
|
color: var(--primary-clr);
|
|
}
|
|
|
|
.resturant-card-navbar .order-info-seperator {
|
|
display: inline-block;
|
|
width: 1px;
|
|
height: 25px;
|
|
background: var(--border-clr);
|
|
}
|
|
|
|
.resturant-card-navbar .order-info-seperator:last-child {
|
|
display: none;
|
|
}
|
|
|
|
@media screen and (max-width: 1199px) {
|
|
.resturant-card-navbar {
|
|
-webkit-box-pack: space-evenly;
|
|
-ms-flex-pack: space-evenly;
|
|
justify-content: space-evenly;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 991px) {
|
|
.resturant-card-navbar {
|
|
padding: 15px 0 10px;
|
|
}
|
|
.resturant-card-navbar .order-info-seperator {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.resturant-card-navbar .order-info-item {
|
|
width: 100%;
|
|
padding-inline-start: 15px;
|
|
padding-inline-end: 20px;
|
|
margin: 0 auto;
|
|
}
|
|
.resturant-card-navbar .order-info-item .card-subtitle {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
.badge-circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
@media screen and (min-width: 576px) {
|
|
.flex-grow-sm-0 {
|
|
-webkit-box-flex: 0 !important;
|
|
-ms-flex-positive: 0 !important;
|
|
flex-grow: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.flex-grow-sm-0 {
|
|
margin-inline-end: 7px;
|
|
}
|
|
}
|
|
|
|
.navbar-vertical .navbar-nav.nav-tabs .active .nav-link .badge-pill {
|
|
padding: 0.3em 0.5em;
|
|
}
|
|
|
|
.search--button-wrapper {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
margin: 0px -7px !important;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.search--button-wrapper > .btn,
|
|
.search--button-wrapper > form,
|
|
.search--button-wrapper > button,
|
|
.search--button-wrapper .card-title,
|
|
.search--button-wrapper .hs-unfold,
|
|
.search--button-wrapper > div {
|
|
margin: 7px !important;
|
|
}
|
|
|
|
.search--button-wrapper > .card-title {
|
|
margin-inline-end: auto !important;
|
|
}
|
|
|
|
.search--button-wrapper *[class*="btn--"] {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.discount-item .subtitle {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.discount-item .amount {
|
|
font-size: 1.25rem;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.discount-item ul li {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.discount-item ul li > span {
|
|
min-width: 90px;
|
|
}
|
|
|
|
.discount-item.style-2 ul li > span {
|
|
min-width: 180px;
|
|
}
|
|
|
|
.resturant-type-group {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
border-radius: 5px;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 4px 10px;
|
|
min-height: 42px;
|
|
}
|
|
|
|
.form--check {
|
|
padding-inline-start: 30px !important;
|
|
cursor: pointer;
|
|
margin-bottom: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.form--check .form-check-input {
|
|
vertical-align: top;
|
|
background-color: #fff;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
-webkit-print-color-adjust: exact;
|
|
color-adjust: exact;
|
|
float: left;
|
|
margin-inline-start: -1.5em;
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
margin-top: 0.35em;
|
|
}
|
|
|
|
.form--check .form-check-input[type="radio"] {
|
|
border-radius: 50%;
|
|
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #c4c8d4;
|
|
box-shadow: 0 0 0 2px #fff, 0 0 0 3px #c4c8d4;
|
|
}
|
|
|
|
.form--check .form-check-input[type="radio"]:checked {
|
|
background-color: var(--primary-clr);
|
|
-webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #c4c8d4;
|
|
box-shadow: 0 0 0 3px #fff, 0 0 0 4px #c4c8d4;
|
|
}
|
|
|
|
.form--check .form-check-input[type="checkbox"] {
|
|
background: #ffffff;
|
|
-webkit-box-shadow: 0 0 0 2px #f4f5f7, 0 0 0 3px #c4c8d4;
|
|
box-shadow: 0 0 0 2px #f4f5f7, 0 0 0 3px #c4c8d4;
|
|
}
|
|
|
|
.form--check .form-check-input[type="checkbox"]:checked {
|
|
background: url("./images/check-mark.png") #f4f5f7 no-repeat center
|
|
center/contain;
|
|
-webkit-box-shadow: 0 0 0 3px #f4f5f7, 0 0 0 4px #c4c8d4;
|
|
box-shadow: 0 0 0 3px #f4f5f7, 0 0 0 4px #c4c8d4;
|
|
}
|
|
|
|
.form--check label::after {
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: 3;
|
|
content: "";
|
|
}
|
|
|
|
.add--primary {
|
|
width: 24px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
border-radius: 0 !important;
|
|
background: var(--primary-clr);
|
|
color: #fff !important;
|
|
padding: 0 !important;
|
|
border: none;
|
|
}
|
|
|
|
.dismiss--date {
|
|
text-align: center;
|
|
color: var(--danger-clr);
|
|
display: inline-block;
|
|
margin: 0 5px;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.schedule-item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.schedule-item > span:first-child {
|
|
width: 119px;
|
|
text-align: start;
|
|
padding-inline-start: 0 !important;
|
|
padding-inline-end: 0 !important;
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.schedule-item .schedult-date-content {
|
|
width: 0;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
color: var(--title-clr);
|
|
border-bottom: 1px solid var(--border-clr);
|
|
padding: 12px 0;
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.schedule-item > span:first-child {
|
|
width: 80px;
|
|
font-size: 12px;
|
|
}
|
|
.schedule-item .schedult-date-content {
|
|
width: calc(100% - 80px);
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
.table-data-min-height td {
|
|
padding-top: 23px !important;
|
|
padding-bottom: 23px !important;
|
|
}
|
|
|
|
.transaction--table-nav {
|
|
margin: 5px;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.transaction--table-nav {
|
|
border: none;
|
|
border-inline-end: 1px solid #99a7ba !important;
|
|
border-inline-start: 1px solid #99a7ba !important;
|
|
border-radius: 5px;
|
|
}
|
|
.transaction--table-nav .nav-item {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
margin: 0 !important;
|
|
}
|
|
.transaction--table-nav .nav-item .nav-link {
|
|
font-weight: 600 !important;
|
|
margin: 0 !important;
|
|
padding: 10px 12px;
|
|
color: #99a7ba;
|
|
border-top: 1px solid #99a7ba !important;
|
|
border-bottom: 1px solid #99a7ba !important;
|
|
font-size: 0.75rem;
|
|
display: block;
|
|
text-align: center;
|
|
border-radius: 0 !important;
|
|
}
|
|
.transaction--table-nav .nav-item .nav-link.active {
|
|
color: #fff;
|
|
background: var(--title-clr) !important;
|
|
border-color: var(--title-clr) !important;
|
|
}
|
|
.transaction--table-nav .nav-item:first-child .nav-link {
|
|
border-radius: 5px 0 0 5px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) and (max-width: 680px) {
|
|
.transaction--table-nav .nav-item:first-child .nav-link {
|
|
border-radius: 5px 5px 0 0 !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.transaction--table-nav .nav-item:last-child .nav-link {
|
|
border-radius: 0 5px 5px 0 !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) and (max-width: 680px) {
|
|
.transaction--table-nav .nav-item:last-child .nav-link {
|
|
border-radius: 0 0 5px 5px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) and (max-width: 680px) {
|
|
.transaction--table-nav .nav-item {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) and (max-width: 680px) {
|
|
.transaction--table-nav .nav-item:not(:first-child) .nav-link {
|
|
border-top: none !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.transaction--table-nav .nav-item:not(:last-child) .nav-link {
|
|
border-inline-end: 1px solid #99a7ba !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) and (max-width: 680px) {
|
|
.transaction--table-nav .nav-item:not(:last-child) .nav-link {
|
|
border-bottom: none;
|
|
border-inline-end: none !important;
|
|
}
|
|
}
|
|
|
|
.text--black {
|
|
color: #000 !important;
|
|
}
|
|
|
|
.swal2-icon.swal2-warning {
|
|
border-color: #fc6a57 !important;
|
|
color: #fc6a57 !important;
|
|
}
|
|
|
|
.swal2-popup .swal2-styled {
|
|
padding: 0.7em 2em 0.6em;
|
|
}
|
|
|
|
.form--control-select {
|
|
width: unset;
|
|
min-width: 100px;
|
|
height: 26px;
|
|
padding: 0;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
}
|
|
|
|
.blue-border {
|
|
border-color: rgba(6, 97, 203, 0.7) !important;
|
|
}
|
|
|
|
.maintainance-mode-toggle-bar {
|
|
padding: 12px 16px 12px 20px;
|
|
}
|
|
|
|
.text--primary {
|
|
color: var(--primary-clr);
|
|
}
|
|
|
|
.language--setup
|
|
.select2-container:not(.select2-container--open)
|
|
.select2-search--inline {
|
|
display: none;
|
|
}
|
|
|
|
.language--setup .select2-container:hover .select2-search--inline {
|
|
display: block !important;
|
|
}
|
|
|
|
.h--36px {
|
|
height: 36px;
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.payment--gateway-img {
|
|
margin-bottom: 30px;
|
|
margin-top: 14px;
|
|
}
|
|
|
|
.payment--gateway-img img {
|
|
width: 100%;
|
|
height: 24px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.switch--custom-label-text {
|
|
display: none;
|
|
font-weight: 700;
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
.switch--custom-label.checked .switch--custom-label-text.on {
|
|
display: block;
|
|
}
|
|
|
|
.switch--custom-label:not(.checked) .switch--custom-label-text.off {
|
|
display: block;
|
|
}
|
|
|
|
.custom--switch {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.custom--switch input[switch] {
|
|
display: none;
|
|
}
|
|
|
|
.custom--switch input[switch] + label {
|
|
font-size: 1em;
|
|
line-height: 1;
|
|
width: 56px;
|
|
height: 24px;
|
|
background-color: #ced4da;
|
|
background-image: none;
|
|
border-radius: 2rem;
|
|
padding: 0.16667rem;
|
|
cursor: pointer;
|
|
font-weight: 500;
|
|
display: inline-block;
|
|
text-align: center;
|
|
position: relative;
|
|
-webkit-transition: all 0.1s ease-in-out;
|
|
transition: all 0.1s ease-in-out;
|
|
margin: 0;
|
|
}
|
|
|
|
.custom--switch input[switch] + label:before {
|
|
color: #111;
|
|
content: attr(data-off-label);
|
|
display: block;
|
|
font-family: inherit;
|
|
font-weight: 500;
|
|
font-size: 12px;
|
|
line-height: 21px;
|
|
position: absolute;
|
|
inset-inline-end: 1px;
|
|
margin: 3px;
|
|
top: -2px;
|
|
text-align: center;
|
|
min-width: 1.66667rem;
|
|
overflow: hidden;
|
|
-webkit-transition: all 0.1s ease-in-out;
|
|
transition: all 0.1s ease-in-out;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.custom--switch input[switch] + label:after {
|
|
content: "";
|
|
position: absolute;
|
|
inset-inline-start: 3px;
|
|
background-color: #e9ecef;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border-radius: 2rem;
|
|
height: 20px;
|
|
width: 20px;
|
|
top: 2px;
|
|
-webkit-transition: all 0.1s ease-in-out;
|
|
transition: all 0.1s ease-in-out;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.custom--switch input[switch]:checked + label {
|
|
background-color: var(--primary-clr);
|
|
}
|
|
|
|
.custom--switch input[switch]:checked + label {
|
|
background-color: var(--primary-clr);
|
|
}
|
|
|
|
.custom--switch input[switch]:checked + label:before {
|
|
color: #fff;
|
|
content: attr(data-on-label);
|
|
inset-inline-end: auto;
|
|
inset-inline-start: 3px;
|
|
}
|
|
|
|
.custom--switch input[switch]:checked + label:after {
|
|
inset-inline-start: 33px;
|
|
background-color: #e9ecef;
|
|
}
|
|
|
|
.custom--switch input[switch="primary"]:checked + label {
|
|
background-color: var(--primary-clr);
|
|
}
|
|
|
|
.form-label {
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.text--semititle {
|
|
font-weight: 500;
|
|
color: var(--title-clr) !important;
|
|
}
|
|
|
|
.h--md-200px {
|
|
height: 120px;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.h--md-200px {
|
|
height: 200px !important;
|
|
}
|
|
}
|
|
|
|
input.text--subbody {
|
|
color: rgba(51, 66, 87, 0.85) !important;
|
|
}
|
|
|
|
.check--item-wrapper {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin: 30px -5px -30px -10px;
|
|
}
|
|
|
|
.check-item {
|
|
width: 50%;
|
|
max-width: 248px;
|
|
padding: 0 5px 30px;
|
|
}
|
|
|
|
.check-item .form-check {
|
|
margin: 0;
|
|
}
|
|
|
|
@media screen and (max-width: 1650px) {
|
|
.check-item {
|
|
font-size: 12px;
|
|
line-height: 2;
|
|
max-width: 180px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 991px) {
|
|
.check-item {
|
|
max-width: 50%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
.check-item {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.check-item {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.check--item-wrapper {
|
|
margin-bottom: -15px;
|
|
}
|
|
.check--item-wrapper .check-item {
|
|
padding-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
.white--space {
|
|
text-align: start;
|
|
white-space: break-spaces;
|
|
}
|
|
|
|
.navbar-vertical-aside-mini-mode
|
|
.navbar-vertical:not([class*="container"])
|
|
.navbar-nav
|
|
.nav-link {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
.h--48px {
|
|
height: 48px !important;
|
|
}
|
|
|
|
.h--48px ~ .select2-container--default .select2-selection--single {
|
|
height: 48px !important;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.h--45px {
|
|
height: 45px !important;
|
|
}
|
|
|
|
.h--45px ~ .select2-container--default .select2-selection {
|
|
height: 45px !important;
|
|
line-height: 23px;
|
|
}
|
|
|
|
.select2-container--default.select2-container--disabled
|
|
.select2-selection--single {
|
|
background: #f8fafd;
|
|
border: 1px solid #d0dbe9;
|
|
}
|
|
|
|
.report-card-inner {
|
|
max-width: 790px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.progress-name {
|
|
width: 100px;
|
|
margin-inline-end: 23px;
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.resturant-review-top {
|
|
max-width: 900px;
|
|
margin-inline-start: auto;
|
|
margin-inline-end: auto;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
@media screen and (min-width: 576px) {
|
|
.resturant-review-top {
|
|
margin-top: 30px;
|
|
margin-bottom: 60px;
|
|
}
|
|
}
|
|
|
|
.resturant-review-top .resturant-review-right {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
width: 300px;
|
|
max-width: 555px;
|
|
}
|
|
|
|
.resturant-review-top .resturant-review-right ul li:not(:last-child) {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.resturant-review-top .resturant-review-left {
|
|
width: 190px;
|
|
padding-inline-end: 20px;
|
|
}
|
|
|
|
.resturant-review-top .resturant-review-left .title {
|
|
font-weight: 600;
|
|
font-size: 50px;
|
|
line-height: 59px;
|
|
letter-spacing: 0.007em;
|
|
color: var(--primary-clr);
|
|
}
|
|
|
|
.resturant-review-top .resturant-review-left .title .out-of {
|
|
font-size: 35px;
|
|
line-height: 41px;
|
|
color: #758590;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.resturant-review-top .resturant-review-left .info {
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
letter-spacing: 0.007em;
|
|
color: #758590;
|
|
}
|
|
|
|
.resturant-review-top .resturant-review-left i {
|
|
color: var(--primary-clr);
|
|
font-size: 18px;
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.resturant-review-top .resturant-review-left {
|
|
width: 100%;
|
|
padding: 15px 0 20px;
|
|
text-align: center;
|
|
}
|
|
.resturant-review-top .resturant-review-left .title {
|
|
font-size: 40px;
|
|
line-height: 40px;
|
|
letter-spacing: 0.007em;
|
|
}
|
|
.resturant-review-top .resturant-review-left .title .out-of {
|
|
font-size: 28px;
|
|
line-height: 35px;
|
|
}
|
|
}
|
|
|
|
.progress {
|
|
background: #f3f4f5;
|
|
}
|
|
|
|
.progress .progress-bar {
|
|
background: var(--primary-clr);
|
|
}
|
|
|
|
.review-table-date {
|
|
max-width: 95px;
|
|
white-space: initial;
|
|
text-align: end;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
td a.text-body:hover {
|
|
color: var(--primary-clr) !important;
|
|
}
|
|
|
|
.dataTables_empty {
|
|
text-align: center;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1650px) {
|
|
.zone-setup-instructions .instructions-image img {
|
|
max-width: 88%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1650px) {
|
|
.zone-setup-instructions .instructions-image img {
|
|
max-width: 83%;
|
|
}
|
|
}
|
|
|
|
.paid--amount-status {
|
|
margin-bottom: -6px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.card-header {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
a.btn.btn--.bg--title.h--45px.w-100 {
|
|
height: auto !important;
|
|
min-height: 45px;
|
|
padding-top: 13px;
|
|
padding-bottom: 13px;
|
|
}
|
|
|
|
.table--food-price {
|
|
padding-inline-end: 66px;
|
|
}
|
|
|
|
.toggle-switch {
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
.resturant--cate-form .form-group {
|
|
animation: fadeIn 0.5s;
|
|
-webkit-animation: fadeIn 0.5s;
|
|
}
|
|
|
|
input.form-control::-webkit-input-placeholder {
|
|
color: #677788 !important;
|
|
}
|
|
|
|
input.form-control:-ms-input-placeholder {
|
|
color: #677788 !important;
|
|
}
|
|
|
|
input.form-control::-ms-input-placeholder {
|
|
color: #677788 !important;
|
|
}
|
|
|
|
input.form-control::placeholder {
|
|
color: #677788 !important;
|
|
}
|
|
|
|
@media screen and (max-width: 450px) {
|
|
#search-form {
|
|
width: 100%;
|
|
margin-top: 10px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
#search-form {
|
|
width: 100%;
|
|
max-width: 280px;
|
|
}
|
|
}
|
|
|
|
#search-form .form-control::-webkit-input-placeholder {
|
|
color: #99a7ba;
|
|
font-size: 13px;
|
|
}
|
|
|
|
#search-form .form-control:-ms-input-placeholder {
|
|
color: #99a7ba;
|
|
font-size: 13px;
|
|
}
|
|
|
|
#search-form .form-control::-ms-input-placeholder {
|
|
color: #99a7ba;
|
|
font-size: 13px;
|
|
}
|
|
|
|
#search-form .form-control::placeholder {
|
|
color: #99a7ba;
|
|
font-size: 13px;
|
|
}
|
|
|
|
#pac-input {
|
|
margin-inline-start: 10px;
|
|
}
|
|
|
|
.gmnoprint {
|
|
margin-inline-end: 10px;
|
|
}
|
|
|
|
.blurry {
|
|
position: relative;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.blurry::after {
|
|
inset: 0;
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.search--button-wrapper .hs-unfold {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
.search--button-wrapper .hs-unfold .btn {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.search--button-wrapper .btn--primary {
|
|
margin-inline-end: 0 !important;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
.page-area {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.page-area .pagination {
|
|
margin: 0;
|
|
}
|
|
|
|
.input.text--subbody {
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.verticle-align-middle-table table td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
@media screen and (min-width: 576px) {
|
|
.page--header-title {
|
|
max-width: calc(100% - 300px);
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1250px) {
|
|
.page--header-title {
|
|
max-width: 340px;
|
|
}
|
|
}
|
|
|
|
.page--header-title .page-header-title {
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.page--header-select {
|
|
width: 100%;
|
|
margin-top: 12px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
@media screen and (min-width: 576px) {
|
|
.page--header-select {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
max-width: 300px;
|
|
}
|
|
}
|
|
|
|
.statistics--title,
|
|
.statistics--select {
|
|
width: 100%;
|
|
}
|
|
|
|
.statistics--title {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.statistics--title h4 {
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
@media screen and (min-width: 576px) {
|
|
.statistics--title {
|
|
max-width: calc(100% - 215px);
|
|
}
|
|
.statistics--select {
|
|
max-width: 215px;
|
|
}
|
|
}
|
|
|
|
.statistics--title-area {
|
|
padding: 14px 0 11px;
|
|
}
|
|
|
|
.order--card {
|
|
background: rgba(110, 137, 175, 0.05);
|
|
border-radius: 10px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
padding: 18px 15px 15px 20px;
|
|
min-height: 65px;
|
|
}
|
|
|
|
.order--card .card-title {
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
line-height: 25px;
|
|
margin-inline-start: 10px;
|
|
color: var(--base-clr);
|
|
}
|
|
|
|
.order--card .card-subtitle {
|
|
color: var(--title-clr);
|
|
text-transform: capitalize;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
}
|
|
|
|
.order--card .card-subtitle img {
|
|
width: 22px;
|
|
height: 22px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
margin-inline-end: 10px;
|
|
}
|
|
|
|
.fz--11 {
|
|
font-size: 12px !important;
|
|
font-weight: 700;
|
|
line-height: 13px;
|
|
}
|
|
|
|
.fz--11 .legend-indicator {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
.mt--xl--10 {
|
|
margin-top: -10px;
|
|
}
|
|
}
|
|
|
|
.chart--extension {
|
|
-webkit-transform: translateY(-40px) rotate(-90deg);
|
|
transform: translateY(-40px) rotate(-90deg);
|
|
margin-inline-start: -30px;
|
|
margin-inline-end: 0px;
|
|
font-weight: 700;
|
|
font-size: 11px;
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.chart--label {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
padding: 0 15px 10px;
|
|
}
|
|
|
|
.chart--label .indicator {
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.chart--label .info {
|
|
width: calc(100% - 15px);
|
|
padding-inline-start: 8px;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
-ms-flex-item-align: center;
|
|
-ms-grid-row-align: center;
|
|
align-self: center;
|
|
}
|
|
|
|
.card-header-title img.card-header-icon {
|
|
max-width: 22px;
|
|
max-height: 22px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
margin-inline-end: 4px;
|
|
}
|
|
|
|
.most-popular {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.most-popular li {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
background: rgba(110, 137, 175, 0.05);
|
|
border-radius: 10px;
|
|
min-height: 65px;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
list-style: none;
|
|
padding: 11px 15px;
|
|
}
|
|
|
|
.most-popular li:not(:last-child) {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.most-popular li .img-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
color: #334257;
|
|
}
|
|
|
|
.most-popular li .img-container img {
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
border: 1px solid rgba(240, 111, 0, 0.3);
|
|
}
|
|
|
|
.most-popular li .count {
|
|
color: #ff6d6d;
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.total--users {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 51%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
font-size: 14px;
|
|
font-family: "Inter", sans-serif;
|
|
text-align: center;
|
|
}
|
|
|
|
.total--users h3 {
|
|
margin: 0;
|
|
font-weight: 700 !important;
|
|
font-size: 22px;
|
|
line-height: 27px;
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.total--users span {
|
|
font-size: 9px;
|
|
}
|
|
.total--users h3 {
|
|
font-size: 16px;
|
|
line-height: 16px;
|
|
}
|
|
}
|
|
|
|
.top--deliveryman {
|
|
min-height: 131px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
padding: 10px;
|
|
border: none !important;
|
|
background: #ffffff;
|
|
-webkit-box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
|
|
box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
|
|
border-radius: 5px;
|
|
height: 100%;
|
|
}
|
|
|
|
.top--deliveryman img {
|
|
border: 1px solid rgba(240, 111, 0, 0.3);
|
|
}
|
|
|
|
.top--deliveryman .name {
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
/* identical to box height */
|
|
text-align: center;
|
|
letter-spacing: -0.02em;
|
|
color: #334257;
|
|
}
|
|
|
|
.top--deliveryman .info {
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
line-height: 15px;
|
|
/* identical to box height */
|
|
text-align: center;
|
|
letter-spacing: -0.02em;
|
|
color: #334257;
|
|
}
|
|
|
|
.top--deliveryman .info span {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.top--rated-food {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
padding: 10px;
|
|
border: none !important;
|
|
background: #ffffff;
|
|
-webkit-box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
|
|
box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
|
|
border-radius: 5px;
|
|
height: 100%;
|
|
min-height: 140px;
|
|
}
|
|
|
|
.top--rated-food .rating {
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
color: #f06f00;
|
|
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;
|
|
}
|
|
|
|
.top--rated-food .rating span,
|
|
.top--rated-food .rating i {
|
|
color: #f06f00;
|
|
}
|
|
|
|
.top--rated-food .rating .text--title {
|
|
font-weight: 500;
|
|
font-size: 10px;
|
|
line-height: 12px;
|
|
letter-spacing: -0.02em;
|
|
color: #334257;
|
|
}
|
|
|
|
.top--rated-food .rating .text-warning {
|
|
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;
|
|
margin-inline-end: 5px;
|
|
}
|
|
|
|
.top--rated-food .name {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.top--rated-food img {
|
|
border: 1px solid rgba(240, 111, 0, 0.3);
|
|
}
|
|
|
|
.top--resturant {
|
|
margin: -6px -10px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
}
|
|
|
|
.top--resturant li {
|
|
padding: 6px 10px;
|
|
width: 100%;
|
|
list-style: none;
|
|
}
|
|
|
|
@media screen and (min-width: 500px) {
|
|
.top--resturant li {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
.top--resturant li .top--resturant-item {
|
|
border: none !important;
|
|
background: #ffffff;
|
|
-webkit-box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
|
|
box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 10px 9px;
|
|
}
|
|
|
|
.top--resturant li .top--resturant-item img {
|
|
width: 65px;
|
|
height: 65px;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
border-radius: 50%;
|
|
border: 1px solid rgba(240, 111, 0, 0.3);
|
|
}
|
|
|
|
.top--resturant li .top--resturant-item .top--resturant-item-content {
|
|
width: calc(100% - 65px);
|
|
padding-inline-start: 10px;
|
|
}
|
|
|
|
.top--resturant li .top--resturant-item .top--resturant-item-content .name {
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
letter-spacing: -0.02em;
|
|
color: #334257;
|
|
}
|
|
|
|
.top--resturant
|
|
li
|
|
.top--resturant-item
|
|
.top--resturant-item-content
|
|
.info
|
|
span {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sold--count-badge {
|
|
position: absolute;
|
|
inset-inline-end: 7px;
|
|
inset-inline-start: 7px;
|
|
bottom: 5px;
|
|
text-align: center;
|
|
background: var(--title-clr);
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
padding: 3px 5px;
|
|
font-size: 12px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.top-selling-food-card {
|
|
cursor: pointer;
|
|
padding-inline-end: 6px;
|
|
padding-inline-start: 6px;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
text-align: center;
|
|
color: #334257;
|
|
border: none !important;
|
|
background: #ffffff;
|
|
-webkit-box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
|
|
box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.top-selling-food-card img {
|
|
border: 1px solid rgba(240, 111, 0, 0.3);
|
|
}
|
|
|
|
.card-header-icon ~ span {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.spartan_item_wrapper {
|
|
max-width: 210px;
|
|
width: 100%;
|
|
}
|
|
|
|
.spartan_item_wrapper .file_upload {
|
|
border: none !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.spartan_item_wrapper .file_upload img {
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.fz--14px {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.fz--14px tr td {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.fz--14px tr td strong {
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
.hs-unfold .btn {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
min-height: 40px;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.export--btn:not(:hover) {
|
|
color: #677788;
|
|
border-color: #e7eaf3 !important;
|
|
}
|
|
|
|
.download--btn:not(:hover) {
|
|
background: #0093fa1a !important;
|
|
}
|
|
|
|
.h--120px {
|
|
min-height: 120px;
|
|
}
|
|
|
|
.alert--danger {
|
|
background: rgba(255, 109, 109, 0.05) !important;
|
|
border: 1px solid rgba(255, 109, 109, 0.5);
|
|
border-inline-start: 4px solid #ff6d6d;
|
|
border-radius: 0 5px 5px 0;
|
|
color: var(--title-clr);
|
|
padding-top: 22px;
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.alert--danger .alert--icon {
|
|
font-size: 22px;
|
|
color: #ff6d6d;
|
|
line-height: 1;
|
|
margin-inline-end: 5px;
|
|
}
|
|
|
|
.clean--database-checkgroup {
|
|
margin-bottom: -25px;
|
|
}
|
|
|
|
.clean--database-checkgroup .check-item {
|
|
text-transform: capitalize;
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.clean--database-checkgroup .check-item {
|
|
width: calc(100% / 3);
|
|
max-width: calc(100% / 3);
|
|
}
|
|
}
|
|
|
|
.clean--database-checkgroup .check-item .badge-secondary {
|
|
color: var(--title-clr);
|
|
background: #f3f4f5;
|
|
font-weight: 700;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
min-width: 44px;
|
|
height: 25px;
|
|
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;
|
|
}
|
|
|
|
.clean--database-checkgroup .check-item .form-check-input {
|
|
margin-top: 0.55em;
|
|
}
|
|
|
|
.clean--database-checkgroup .check-item .form-check-label {
|
|
max-width: 220px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.flex-grow-1 {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.sidebar--badge-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sidebar--badge-container span:first-child {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sidebar--badge-container .badge {
|
|
font-size: 10px;
|
|
min-width: 25px;
|
|
padding: 3px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.media img.avatar {
|
|
aspect-ratio: 1;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.media img.avatar--3-1 {
|
|
width: 130px;
|
|
aspect-ratio: 0.33;
|
|
}
|
|
|
|
.customer--name {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.export-steps {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
margin-bottom: 25px;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.export-steps.style-2 .export-steps-item {
|
|
width: calc(100% / 3);
|
|
max-width: 100%;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.export-steps.style-2 .export-steps-item {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.export-steps.style-2 .export-steps-item {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.export-steps-item {
|
|
color: #8a92a6;
|
|
padding: 5px;
|
|
width: 50%;
|
|
max-width: 400px;
|
|
}
|
|
|
|
.export-steps-item h5 {
|
|
color: #8a92a6;
|
|
margin: 0;
|
|
margin-bottom: -5px;
|
|
font-size: 18px;
|
|
letter-spacing: 0.05em;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.export-steps-item .inner {
|
|
background: #f7f7f7;
|
|
padding: 15px 15px;
|
|
text-align: center;
|
|
min-height: 57px;
|
|
}
|
|
|
|
.export-steps-item .inner p {
|
|
font-size: 14px;
|
|
margin: 0;
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.export-steps-item {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.export--template-btns .btn {
|
|
width: 100%;
|
|
max-width: 274px;
|
|
}
|
|
|
|
.export--template-title {
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
.font-light {
|
|
font-weight: 300 !important;
|
|
}
|
|
|
|
.font-regular {
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.font-medium {
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.font-bold {
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
.font-semibold {
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1459px) {
|
|
.order-print-area-left {
|
|
width: calc(100% - 360px) !important;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
}
|
|
.order-print-area-right {
|
|
width: 360px !important;
|
|
max-width: 360px !important;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex-positive: 0;
|
|
flex-grow: 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1460px) {
|
|
.order-print-area-left {
|
|
width: calc(100% - 450px) !important;
|
|
max-width: calc(100% - 450px) !important;
|
|
}
|
|
.order-print-area-right {
|
|
width: 450px !important;
|
|
max-width: 450px !important;
|
|
}
|
|
}
|
|
|
|
.delivery--information-single {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.delivery--information-single > span {
|
|
display: block;
|
|
}
|
|
|
|
.delivery--information-single .name {
|
|
width: 60px;
|
|
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;
|
|
}
|
|
|
|
.delivery--information-single .name::after {
|
|
content: ":";
|
|
display: inline-block;
|
|
}
|
|
|
|
.delivery--information-single .info {
|
|
width: calc(100% - 60px);
|
|
padding-inline-start: 20px;
|
|
font-weight: 500;
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.customer--information-single {
|
|
-ms-flex-line-pack: inherit;
|
|
align-content: inherit;
|
|
}
|
|
|
|
.customer--information-single .avatar-img,
|
|
.customer--information-single .avatar {
|
|
width: 70px;
|
|
height: 70px;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.customer--information-single .media-body {
|
|
text-align: start;
|
|
width: calc(100% - 70px);
|
|
font-size: 12px;
|
|
padding-inline-start: 23px;
|
|
}
|
|
|
|
.resturant--information-single {
|
|
-ms-flex-line-pack: inherit;
|
|
align-content: inherit;
|
|
}
|
|
|
|
.resturant--information-single .avatar-img,
|
|
.resturant--information-single .avatar {
|
|
width: 70px;
|
|
height: 70px;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.resturant--information-single .avatar-img {
|
|
border: 1px solid #f8923b;
|
|
}
|
|
|
|
.resturant--information-single .media-body {
|
|
text-align: start;
|
|
width: calc(100% - 70px);
|
|
font-size: 12px;
|
|
padding-inline-start: 23px;
|
|
}
|
|
|
|
.order-invoice-right-contents h6 span:not(.badge) {
|
|
font-weight: 400;
|
|
color: var(--title-clr);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.order-invoice-right-contents h6 strong {
|
|
color: var(--title-clr);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.order-invoice-left {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.order-invoice-left .btn--sm {
|
|
font-size: 12px;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.order-invoice-left,
|
|
.order-invoice-right {
|
|
max-width: 50%;
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.order-invoice-left,
|
|
.order-invoice-right {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.print--btn {
|
|
padding: 0 !important;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.print--btn span {
|
|
display: none;
|
|
}
|
|
.print--btn i {
|
|
font-size: 16px !important;
|
|
font-weight: 400 !important;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.order--note {
|
|
max-width: 540px;
|
|
}
|
|
|
|
.add--referal {
|
|
font-size: 12px !important;
|
|
padding: 4px 10px !important;
|
|
}
|
|
|
|
.line--limit-1 {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.media--sm {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.media--sm .avatar {
|
|
width: 68px !important;
|
|
height: 68px !important;
|
|
margin-inline-end: 10px !important;
|
|
}
|
|
.media--sm .media-body {
|
|
width: calc(100% - 80px);
|
|
}
|
|
.media--sm .media-body .line--limit-1 {
|
|
font-size: 0.75rem;
|
|
}
|
|
.media--sm .media-body .font-size-sm {
|
|
font-size: 0.7rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.table--mobile-sm tr td {
|
|
padding: 5px !important;
|
|
}
|
|
.font--max-sm {
|
|
font-size: 0.875rem;
|
|
}
|
|
}
|
|
|
|
.profile-sidebar-sticky {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: 80px;
|
|
}
|
|
|
|
.profile-sidebar-sticky .nav-item .nav-link.active {
|
|
color: var(--primary-clr) !important;
|
|
}
|
|
|
|
.app--version {
|
|
color: #24bac3;
|
|
background: rgba(36, 186, 195, 0.1);
|
|
}
|
|
|
|
.bootstrap-tagsinput input {
|
|
width: 100%;
|
|
height: 36px !important;
|
|
color: #334257;
|
|
background-color: #fff;
|
|
border: 0.0625rem solid #d0dbe9;
|
|
border-radius: 0.3125rem;
|
|
}
|
|
|
|
.quick--address-bar {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.quick--address-bar .quick-icon {
|
|
width: 30px;
|
|
height: 30px;
|
|
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;
|
|
font-size: 14px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.quick--address-bar .info {
|
|
width: 0;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
padding-inline-start: 13px;
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
.quick--address-bar .info h6 {
|
|
text-transform: capitalize;
|
|
margin: 0;
|
|
}
|
|
|
|
#pac-input {
|
|
display: none;
|
|
}
|
|
|
|
#map-canvas #pac-input,
|
|
.gm-style #pac-input,
|
|
#location_map_canvas #pac-input {
|
|
display: block;
|
|
}
|
|
|
|
.fixed--to-right {
|
|
position: absolute;
|
|
inset-inline-end: -5px;
|
|
top: -10px;
|
|
}
|
|
|
|
.imgbgchk + label > img {
|
|
-webkit-transition: -webkit-transform 0.3s !important;
|
|
transition: -webkit-transform 0.3s !important;
|
|
transition: transform 0.3s !important;
|
|
transition: transform 0.3s, -webkit-transform 0.3s !important;
|
|
}
|
|
|
|
.imgbgchk:checked + label > img {
|
|
border-color: var(--primary-clr) !important;
|
|
-webkit-transform: scale(1.05);
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.btn--folder {
|
|
background: transparent !important;
|
|
color: var(--title-clr) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.btn--folder:hover,
|
|
.btn--folder:focus {
|
|
background: transparent !important;
|
|
-webkit-filter: unset !important;
|
|
filter: unset !important;
|
|
}
|
|
|
|
.btn--folder:hover .img-thumbnail,
|
|
.btn--folder:focus .img-thumbnail {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.form-control-color {
|
|
width: 80px !important;
|
|
height: 80px !important;
|
|
padding: 3px 4px !important;
|
|
margin: 0 auto;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.justify-content-evenly {
|
|
-webkit-box-pack: space-evenly;
|
|
-ms-flex-pack: space-evenly;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.rating--review .title {
|
|
font-weight: 600;
|
|
font-size: 50px;
|
|
line-height: 59px;
|
|
letter-spacing: 0.007em;
|
|
color: var(--primary-clr);
|
|
}
|
|
|
|
.rating--review .title .out-of {
|
|
font-size: 35px;
|
|
line-height: 41px;
|
|
color: #758590;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.rating--review .info {
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
letter-spacing: 0.007em;
|
|
color: #758590;
|
|
}
|
|
|
|
.rating--review i {
|
|
color: var(--primary-clr);
|
|
font-size: 20px;
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.rating--review {
|
|
width: 100%;
|
|
padding: 0 0 20px;
|
|
}
|
|
.rating--review .title {
|
|
font-size: 40px;
|
|
line-height: 40px;
|
|
letter-spacing: 0.007em;
|
|
}
|
|
.rating--review .title .out-of {
|
|
font-size: 28px;
|
|
line-height: 35px;
|
|
}
|
|
}
|
|
|
|
.rating--review-right {
|
|
max-width: 940px;
|
|
}
|
|
|
|
.rating--review-right li:not(:last-child) {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
@media screen and (max-width: 1650px) and (min-width: 1350px) {
|
|
.rating--review-right {
|
|
max-width: 740px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.card .card-header .delivery--man-single-name {
|
|
font-size: 14px;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
}
|
|
|
|
.datatable-custom td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
@media screen and (min-width: 1400px) {
|
|
.food--media .avatar {
|
|
width: 184px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 991px) and (min-width: 768px) {
|
|
.food--media {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 991px) {
|
|
.food--media .avatar {
|
|
width: 120px;
|
|
}
|
|
.food--media > .d-block {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 991px) and (min-width: 768px) {
|
|
.food--media > .d-block {
|
|
width: 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.food--media .avatar {
|
|
width: 120px;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.add--customer-btn .btn,
|
|
.add--customer-btn .select2 {
|
|
width: unset;
|
|
}
|
|
|
|
.add--customer-btn .select2 {
|
|
width: calc(100% - 200px) !important;
|
|
}
|
|
|
|
.add--customer-btn .btn {
|
|
margin-inline-start: 15px;
|
|
width: 180px;
|
|
padding-inline-start: 5px;
|
|
padding-inline-end: 5px;
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.add--customer-btn .btn,
|
|
.add--customer-btn .select2 {
|
|
width: 100% !important;
|
|
margin: 0;
|
|
}
|
|
.add--customer-btn .btn {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
.order--item-box {
|
|
height: unset !important;
|
|
max-width: 170px;
|
|
width: 100% !important;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1400px) {
|
|
.order--item-box {
|
|
max-width: calc(100% / 3) !important;
|
|
width: calc(100% / 3) !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1401px) and (max-width: 1650px) {
|
|
.order--item-box {
|
|
max-width: calc(100% / 4) !important;
|
|
width: calc(100% / 4) !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1651px) and (max-width: 1850px) {
|
|
.order--item-box {
|
|
max-width: calc(100% / 5) !important;
|
|
width: calc(100% / 5) !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1851px) and (max-width: 2000px) {
|
|
.order--item-box {
|
|
max-width: calc(100% / 6) !important;
|
|
width: calc(100% / 6) !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.order--item-box {
|
|
max-width: 50% !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 2001px) {
|
|
.order--item-box {
|
|
width: 170px !important;
|
|
max-width: 182px;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) and (max-width: 991px) {
|
|
.order--item-box {
|
|
width: calc(100% / 4) !important;
|
|
max-width: calc(100% / 4);
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 576px) and (max-width: 767px) {
|
|
.order--item-box {
|
|
max-width: calc(100% / 3) !important;
|
|
width: calc(100% / 3) !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 992px) and (max-width: 1199px) {
|
|
.order--item-box {
|
|
width: calc(100% / 5) !important;
|
|
max-width: calc(100% / 5);
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.row .order--item-box[class*="col"] {
|
|
padding: 5px !important;
|
|
}
|
|
}
|
|
|
|
.order--pos-left {
|
|
width: calc(100% - 500px);
|
|
margin-inline-end: auto;
|
|
}
|
|
|
|
.order--pos-right {
|
|
width: 100%;
|
|
max-width: 475px;
|
|
}
|
|
|
|
@media screen and (min-width: 1650px) {
|
|
.order--pos-left {
|
|
width: calc(100% - 550px);
|
|
}
|
|
.order--pos-right {
|
|
max-width: 520px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1200px) {
|
|
.order--pos-left {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
.order--pos-right {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
.cart--media .avatar {
|
|
width: 50px;
|
|
height: 50px;
|
|
aspect-ratio: 1;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.button--bottom-fixed {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
bottom: 0;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.table--vertical-middle td {
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
.pos--payment-options ul {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin: -2.5px;
|
|
padding: 0;
|
|
}
|
|
|
|
.pos--payment-options ul li {
|
|
list-style: none;
|
|
padding: 2.5px;
|
|
}
|
|
|
|
.pos--payment-options ul li label {
|
|
margin: 0;
|
|
}
|
|
|
|
.pos--payment-options ul li label span {
|
|
color: var(--title-clr);
|
|
border: 1px solid #d0dbe9;
|
|
border-radius: 3px;
|
|
text-transform: capitalize;
|
|
padding: 8px 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pos--payment-options ul li label input:checked ~ span {
|
|
color: #fff;
|
|
background: var(--title-clr);
|
|
border-color: var(--title-clr);
|
|
}
|
|
|
|
.pos--payable-amount {
|
|
color: var(--title-clr);
|
|
}
|
|
|
|
.pos--payable-amount .text-body {
|
|
opacity: 0.8;
|
|
margin-inline-end: 10px;
|
|
width: 25px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pos--delivery-options {
|
|
padding: 9px 12px 19px;
|
|
}
|
|
|
|
.pos--delivery-options .delivery--edit-icon {
|
|
width: 25px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pos--delivery-options .card-title {
|
|
font-size: 16px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.pos--delivery-options .card-title i {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.pos--delivery-options-info {
|
|
margin: 0 -5px -15px;
|
|
}
|
|
|
|
.pos--delivery-options-info ul,
|
|
.pos--delivery-options-info > .location {
|
|
padding: 0 5px 15px;
|
|
margin: 0;
|
|
}
|
|
|
|
.pos--delivery-options-info ul {
|
|
width: 100%;
|
|
max-width: 200px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.pos--delivery-options-info ul li {
|
|
list-style: none;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.pos--delivery-options-info ul li span {
|
|
width: 60px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.pos--delivery-options-info ul li span::after {
|
|
content: ":";
|
|
}
|
|
|
|
.pos--delivery-options-info ul li:not(:last-child) {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.pos--delivery-options-info ul li strong {
|
|
color: var(--title-clr);
|
|
width: calc(100% - 60px);
|
|
padding-inline-start: 15px;
|
|
}
|
|
|
|
.pos--delivery-options-info .location {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
width: 200px;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.pos--delivery-options-info .location i {
|
|
font-size: 24px;
|
|
color: var(--title-clr);
|
|
margin-inline-end: 5px;
|
|
}
|
|
|
|
.delivery--method-radio {
|
|
padding: 0;
|
|
margin: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.delivery--method-radio li {
|
|
list-style: none;
|
|
}
|
|
|
|
.delivery--method-radio li label {
|
|
margin: 0;
|
|
}
|
|
|
|
.delivery--method-radio li span {
|
|
text-transform: capitalize;
|
|
border-radius: 5px;
|
|
padding: 10px 22px;
|
|
color: #a2adbb;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.delivery--method-radio li span i {
|
|
margin-inline-end: 5px;
|
|
}
|
|
|
|
.delivery--method-radio li input:checked ~ span {
|
|
background: #ff8200;
|
|
color: #fff;
|
|
}
|
|
|
|
.search--no-found {
|
|
max-width: 376px;
|
|
text-align: center;
|
|
margin: 30px auto;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
color: #99a7ba;
|
|
}
|
|
|
|
.search--no-found img {
|
|
width: 66px;
|
|
height: 66px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
margin: 0 auto 20px;
|
|
}
|
|
|
|
.card-footer .pagination {
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.custom--file input[type="file"].form-control {
|
|
line-height: 20px;
|
|
padding: 0;
|
|
padding-inline-start: 33px;
|
|
line-height: 33px;
|
|
}
|
|
|
|
.custom--file .custom-file-label {
|
|
width: 120px;
|
|
text-align: center;
|
|
top: 1px;
|
|
bottom: 1px;
|
|
inset-inline-start: 1px;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
border-inline-start: none;
|
|
height: calc(100% - 2px);
|
|
border-inline-end: 1px solid #f4f4f4;
|
|
}
|
|
|
|
.custom--file .custom-file-label::after {
|
|
content: "";
|
|
inset-inline-end: -10px;
|
|
border: none;
|
|
background: #fff;
|
|
}
|
|
|
|
.order--details-btn-sm {
|
|
font-size: 12px !important;
|
|
font-weight: 400 !important;
|
|
padding: 6px 10px !important;
|
|
min-height: 0 !important;
|
|
}
|
|
|
|
.landing--page-btns {
|
|
margin-top: auto;
|
|
}
|
|
|
|
.landing--page-btns .btn {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.max--sm-100 {
|
|
max-width: 100% !important;
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
.navbar-vertical-aside-mini-mode .navbar-vertical-content {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.start--time,
|
|
.end--time {
|
|
border: 1px solid #334257;
|
|
border-radius: 5px;
|
|
text-transform: uppercase;
|
|
padding: 8px 14px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin: 4px;
|
|
}
|
|
|
|
.start--time .info span,
|
|
.end--time .info span {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.start--time .clock--icon,
|
|
.end--time .clock--icon {
|
|
width: 20px;
|
|
}
|
|
|
|
.start--time .info,
|
|
.end--time .info {
|
|
width: calc(100% - 20px);
|
|
}
|
|
|
|
.start--time .info span,
|
|
.end--time .info span {
|
|
display: block;
|
|
}
|
|
|
|
.schedult-date-content .add--primary {
|
|
margin-top: 21px;
|
|
}
|
|
|
|
.schedult-date-content .btn-outline-danger.disabled ~ .add--primary {
|
|
margin-top: 0;
|
|
}
|
|
|
|
@media screen and (max-width: 575px) {
|
|
.schedule-item {
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.schedule-item .schedult-date-content {
|
|
width: 100%;
|
|
}
|
|
#schedule {
|
|
padding-inline-start: 15px;
|
|
padding-inline-end: 15px;
|
|
}
|
|
}
|
|
|
|
.absolute--link {
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.important--link {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
@media screen and (min-width: 992px) and (max-width: 1550px) {
|
|
.review--information-wrapper .food--media {
|
|
-ms-flex-wrap: nowrap !important;
|
|
flex-wrap: nowrap !important;
|
|
}
|
|
.review--information-wrapper .avatar-xxl {
|
|
width: 110px;
|
|
margin-inline-end: 15px !important;
|
|
}
|
|
.review--information-wrapper .rating--review .title {
|
|
font-size: 36px;
|
|
}
|
|
.review--information-wrapper .rating--review .title .out-of {
|
|
font-size: 28px;
|
|
}
|
|
.review--information-wrapper .rating--review .info {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.chat-user-info-img img {
|
|
width: 45px;
|
|
aspect-ratio: 1;
|
|
border-radius: 50%;
|
|
}
|
|
@media screen and (max-width: 500px) {
|
|
.review--information-wrapper .food--media {
|
|
-ms-flex-wrap: nowrap !important;
|
|
flex-wrap: nowrap !important;
|
|
}
|
|
.review--information-wrapper .avatar-xxl {
|
|
width: 80px;
|
|
margin-inline-end: 15px !important;
|
|
}
|
|
.review--information-wrapper .rating--review .title {
|
|
font-size: 30px;
|
|
}
|
|
.review--information-wrapper .rating--review .title .out-of {
|
|
font-size: 24px;
|
|
}
|
|
.review--information-wrapper .rating--review .info {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.pre--loader {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 9999;
|
|
background: #fff;
|
|
}
|
|
|
|
.pre--loader::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset-inline-start: 50%;
|
|
top: 50%;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
border: 4px solid var(--title-clr);
|
|
border-inline-end-color: #fff;
|
|
-webkit-animation: rotate 3s linear infinite;
|
|
animation: rotate 3s linear infinite;
|
|
}
|
|
|
|
@-webkit-keyframes rotate {
|
|
0% {
|
|
-webkit-transform: translate(-50%, -50%) rotate(0deg);
|
|
transform: translate(-50%, -50%) rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(-50%, -50%) rotate(720deg);
|
|
transform: translate(-50%, -50%) rotate(720deg);
|
|
}
|
|
}
|
|
|
|
@keyframes rotate {
|
|
0% {
|
|
-webkit-transform: translate(-50%, -50%) rotate(0deg);
|
|
transform: translate(-50%, -50%) rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(-50%, -50%) rotate(720deg);
|
|
transform: translate(-50%, -50%) rotate(720deg);
|
|
}
|
|
}
|
|
.img--100 {
|
|
width: 100px;
|
|
aspect-ratio: 1;
|
|
object-fit: cover;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.chat-user-info {
|
|
}
|
|
.chat-user-info:hover {
|
|
cursor: pointer;
|
|
}
|
|
.chat-user-info-img img {
|
|
width: 45px;
|
|
aspect-ratio: 1;
|
|
border-radius: 50%;
|
|
}
|
|
.chat-user-info-content {
|
|
width: calc(100% - 55px);
|
|
flex-grow: 1;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.chat-user-info-content {
|
|
padding-inline-start: 20px;
|
|
}
|
|
.chat-user-info-img img {
|
|
width: 55px;
|
|
}
|
|
.chat-user-info-content .badge {
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
padding: 0;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.con-reply-btn {
|
|
position: absolute;
|
|
bottom: 15px;
|
|
inset-inline-end: 15px;
|
|
}
|
|
.conv-reply-form textarea.form-control {
|
|
height: 120px;
|
|
}
|
|
.conv-reply-form .quill-custom_ {
|
|
position: relative;
|
|
}
|
|
.conv-reply-1 {
|
|
background: rgba(133, 148, 159, 0.1);
|
|
border-radius: 5.14528px;
|
|
padding: 20px;
|
|
width: calc(100% - 20px);
|
|
max-width: 505px;
|
|
}
|
|
.conv-reply-2 * {
|
|
color: #fff !important;
|
|
}
|
|
.conv-reply-2 {
|
|
color: #fff !important;
|
|
background: #334257;
|
|
border-radius: 5.14528px;
|
|
padding: 20px;
|
|
width: calc(100% - 20px);
|
|
max-width: 505px;
|
|
margin-inline-start: auto;
|
|
}
|
|
|
|
.conv-reply-1 *:last-child,
|
|
.conv-reply-2 *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.input---group {
|
|
}
|
|
.input---group .form-control {
|
|
background: #f3f4f5;
|
|
border-radius: 0 5px 5px 0;
|
|
border: none;
|
|
height: 45px;
|
|
padding-inline-start: 0;
|
|
}
|
|
.input---group .input-group-text {
|
|
border: none !important;
|
|
width: 45px;
|
|
}
|
|
.input---group .input-group-prepend {
|
|
border: none !important;
|
|
background: #f3f4f5;
|
|
border-radius: 5px 0 0 5px;
|
|
width: 45px;
|
|
}
|
|
|
|
div.scroll-down {
|
|
max-height: 395px !important;
|
|
}
|
|
.quill-custom_ .file-upload-btn,
|
|
.quill-custom_ .attc--img {
|
|
background: #ddd;
|
|
position: absolute;
|
|
inset-inline-end: 147px;
|
|
bottom: 0;
|
|
height: 43px !important;
|
|
width: 43px !important;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 15px;
|
|
text-transform: capitalize;
|
|
border-radius: 5px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.quill-custom_ .attc--img:nth-last-child(2) {
|
|
inset-inline-end: 190px;
|
|
}
|
|
.quill-custom_ .attc--img:nth-last-child(3) {
|
|
inset-inline-end: 230px;
|
|
}
|
|
.quill-custom_ #coba {
|
|
position: absolute;
|
|
width: 100%;
|
|
inset-inline-start: 40px;
|
|
bottom: 14px;
|
|
display: flex;
|
|
padding: 0 20px;
|
|
}
|
|
.quill-custom_ .attc--img:last-child img {
|
|
object-fit: cover;
|
|
height: 43px !important;
|
|
width: 43px !important;
|
|
}
|
|
.attc--img:not(:last-child),
|
|
.attc--img:not(:last-child) img {
|
|
width: 43px !important;
|
|
height: 43px !important;
|
|
object-fit: cover;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.pr--180 {
|
|
padding-inline-end: 180px;
|
|
}
|
|
.quill-custom_ .form-control {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
border: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
height: unset !important;
|
|
resize: none;
|
|
}
|
|
.quill-custom_ {
|
|
position: relative;
|
|
height: 120px;
|
|
border-radius: 5px;
|
|
border: 1px solid #e5e5e5;
|
|
}
|
|
.layer-msg {
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.page-header-tabs .nav-link,
|
|
.zone-setup-item .info,
|
|
.list-separator .list-separator-link {
|
|
color: var(--title-clr);
|
|
}
|
|
.page-header-tabs .nav-link {
|
|
text-transform: capitalize;
|
|
}
|
|
.h--45px.custom-file-label::after {
|
|
height: 45px;
|
|
}
|
|
.floating-label {
|
|
position: relative;
|
|
z-index: 1;
|
|
background: #fff;
|
|
margin-inline-start: 15px;
|
|
padding: 0 3px;
|
|
text-transform: capitalize;
|
|
display: inline-block;
|
|
transform: translateY(10px);
|
|
margin-bottom: 0;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #334257;
|
|
}
|
|
.floating-label ~ .form-control {
|
|
color: #33425778;
|
|
}
|
|
.empty--data {
|
|
text-align: center;
|
|
}
|
|
.empty--data img {
|
|
max-width: 145px;
|
|
}
|
|
.empty--data h5 {
|
|
text-transform: capitalize;
|
|
}
|
|
.dataTables_empty {
|
|
display: none;
|
|
}
|
|
.select2-selection__rendered {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
-webkit-line-clamp: 1;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.navbar-nav .nav-link {
|
|
text-transform: capitalize;
|
|
}
|
|
/*# sourceMappingURL=theme.minc619.css.map */
|
|
|