@charset "UTF-8";
/* Fonts */
:root {
--default-font: "MTN Brighter Sans", Arial, sans-serif;
--heading-font: "Montserrat", sans-serif;
--nav-font: "MTN Brighter Sans", Arial, sans-serif;
--primary-color: ;
--secondary-color: ;
--accent-color: ;
--background-color: ;
--text-color: ;
}
/* ===============================
Font Face Declarations
=============================== */
@font-face {
font-family: "MTN Brighter Sans";
src: url("include/assets/fonts/MTNBrighterSans-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MTN Brighter Sans";
src: url("include/assets/fonts/MTNBrighterSans-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MTN Brighter Sans";
src: url("include/assets/fonts/MTNBrighterSans-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("include/assets/fonts/Montserrat-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "DS-Digital";
src: url("../fonts/DS-DIGI.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
/*----------------------------------
Font Size
------------------------------------*/
.g-font-size-10--xs {
font-size: 0.625rem !important;
}
.g-font-size-11--xs {
font-size: 0.6875rem !important;
}
.g-font-size-12--xs {
font-size: 0.75rem !important;
}
.g-font-size-13--xs {
font-size: 0.8125rem !important;
}
.g-font-size-14--xs {
font-size: 0.875rem !important;
}
.g-font-size-15--xs {
font-size: 0.9375rem !important;
}
.g-font-size-16--xs {
font-size: 1rem !important;
}
.g-font-size-17--xs {
font-size: 1.0625rem !important;
}
.g-font-size-18--xs {
font-size: 1.125rem !important;
}
.g-font-size-19--xs {
font-size: 1.1875rem !important;
}
.g-font-size-20--xs {
font-size: 1.25rem !important;
}
.g-font-size-22--xs {
font-size: 1.375rem !important;
}
.g-font-size-24--xs {
font-size: 1.5rem !important;
}
.g-font-size-26--xs {
font-size: 1.625rem !important;
}
.g-font-size-28--xs {
font-size: 1.75rem !important;
}
.g-font-size-30--xs {
font-size: 1.875rem !important;
}
.g-font-size-32--xs {
font-size: 2rem !important;
}
.g-font-size-34--xs {
font-size: 2.125rem !important;
}
.g-font-size-36--xs {
font-size: 2.25rem !important;
}
.g-font-size-38--xs {
font-size: 2.375rem !important;
}
.g-font-size-40--xs {
font-size: 2.5rem !important;
}
.g-font-size-42--xs {
font-size: 2.625rem !important;
}
.g-font-size-44--xs {
font-size: 2.75rem !important;
}
.g-font-size-46--xs {
font-size: 2.875rem !important;
}
.g-font-size-48--xs {
font-size: 3rem !important;
}
.g-font-size-50--xs {
font-size: 3.125rem !important;
}
.g-font-size-55--xs {
font-size: 3.4375rem !important;
}
.g-font-size-60--xs {
font-size: 3.75rem !important;
}
.g-font-size-65--xs {
font-size: 4.0625rem !important;
}
.g-font-size-70--xs {
font-size: 4.375rem !important;
}
.g-font-size-75--xs {
font-size: 4.6875rem !important;
}
.g-font-size-80--xs {
font-size: 5rem !important;
}
.g-font-size-85--xs {
font-size: 5.3125rem !important;
}
.g-font-size-90--xs {
font-size: 5.625rem !important;
}
.g-font-size-95--xs {
font-size: 5.9375rem !important;
}
.g-font-size-100--xs {
font-size: 6.25rem !important;
}
.g-font-size-105--xs {
font-size: 6.5625rem !important;
}
.g-font-size-110--xs {
font-size: 6.875rem !important;
}
.g-font-size-115--xs {
font-size: 7.1875rem !important;
}
.g-font-size-120--xs {
font-size: 7.5rem !important;
}
.g-font-size-125--xs {
font-size: 7.8125rem !important;
}
.g-font-size-130--xs {
font-size: 8.125rem !important;
}
.g-font-size-135--xs {
font-size: 8.4375rem !important;
}
.g-font-size-140--xs {
font-size: 8.75rem !important;
}
.g-font-size-145--xs {
font-size: 9.0625rem !important;
}
.g-font-size-150--xs {
font-size: 9.375rem !important;
}
/* Small screen / phone */
@media (min-width: 34em) {
.g-font-size-10--sm {
font-size: 0.625rem !important;
}
.g-font-size-11--sm {
font-size: 0.6875rem !important;
}
.g-font-size-12--sm {
font-size: 0.75rem !important;
}
.g-font-size-13--sm {
font-size: 0.8125rem !important;
}
.g-font-size-14--sm {
font-size: 0.875rem !important;
}
.g-font-size-15--sm {
font-size: 0.9375rem !important;
}
.g-font-size-16--sm {
font-size: 1rem !important;
}
.g-font-size-17--sm {
font-size: 1.0625rem !important;
}
.g-font-size-18--sm {
font-size: 1.125rem !important;
}
.g-font-size-19--sm {
font-size: 1.1875rem !important;
}
.g-font-size-20--sm {
font-size: 1.25rem !important;
}
.g-font-size-22--sm {
font-size: 1.375rem !important;
}
.g-font-size-24--sm {
font-size: 1.5rem !important;
}
.g-font-size-26--sm {
font-size: 1.625rem !important;
}
.g-font-size-28--sm {
font-size: 1.75rem !important;
}
.g-font-size-30--sm {
font-size: 1.875rem !important;
}
.g-font-size-32--sm {
font-size: 2rem !important;
}
.g-font-size-34--sm {
font-size: 2.125rem !important;
}
.g-font-size-36--sm {
font-size: 2.25rem !important;
}
.g-font-size-38--sm {
font-size: 2.375rem !important;
}
.g-font-size-40--sm {
font-size: 2.5rem !important;
}
.g-font-size-42--sm {
font-size: 2.625rem !important;
}
.g-font-size-44--sm {
font-size: 2.75rem !important;
}
.g-font-size-46--sm {
font-size: 2.875rem !important;
}
.g-font-size-48--sm {
font-size: 3rem !important;
}
.g-font-size-50--sm {
font-size: 3.125rem !important;
}
.g-font-size-55--sm {
font-size: 3.4375rem !important;
}
.g-font-size-60--sm {
font-size: 3.75rem !important;
}
.g-font-size-65--sm {
font-size: 4.0625rem !important;
}
.g-font-size-70--sm {
font-size: 4.375rem !important;
}
.g-font-size-75--sm {
font-size: 4.6875rem !important;
}
.g-font-size-80--sm {
font-size: 5rem !important;
}
.g-font-size-85--sm {
font-size: 5.3125rem !important;
}
.g-font-size-90--sm {
font-size: 5.625rem !important;
}
.g-font-size-95--sm {
font-size: 5.9375rem !important;
}
.g-font-size-100--sm {
font-size: 6.25rem !important;
}
.g-font-size-105--sm {
font-size: 6.5625rem !important;
}
.g-font-size-110--sm {
font-size: 6.875rem !important;
}
.g-font-size-115--sm {
font-size: 7.1875rem !important;
}
.g-font-size-120--sm {
font-size: 7.5rem !important;
}
.g-font-size-125--sm {
font-size: 7.8125rem !important;
}
.g-font-size-130--sm {
font-size: 8.125rem !important;
}
.g-font-size-135--sm {
font-size: 8.4375rem !important;
}
.g-font-size-140--sm {
font-size: 8.75rem !important;
}
.g-font-size-145--sm {
font-size: 9.0625rem !important;
}
.g-font-size-150--sm {
font-size: 9.375rem !important;
}
}
/* Medium screen / tablet */
@media (min-width: 48em) {
.g-font-size-10--md {
font-size: 0.625rem !important;
}
.g-font-size-11--md {
font-size: 0.6875rem !important;
}
.g-font-size-12--md {
font-size: 0.75rem !important;
}
.g-font-size-13--md {
font-size: 0.8125rem !important;
}
.g-font-size-14--md {
font-size: 0.875rem !important;
}
.g-font-size-15--md {
font-size: 0.9375rem !important;
}
.g-font-size-16--md {
font-size: 1rem !important;
}
.g-font-size-17--md {
font-size: 1.0625rem !important;
}
.g-font-size-18--md {
font-size: 1.125rem !important;
}
.g-font-size-19--md {
font-size: 1.1875rem !important;
}
.g-font-size-20--md {
font-size: 1.25rem !important;
}
.g-font-size-22--md {
font-size: 1.375rem !important;
}
.g-font-size-24--md {
font-size: 1.5rem !important;
}
.g-font-size-26--md {
font-size: 1.625rem !important;
}
.g-font-size-28--md {
font-size: 1.75rem !important;
}
.g-font-size-30--md {
font-size: 1.875rem !important;
}
.g-font-size-32--md {
font-size: 2rem !important;
}
.g-font-size-34--md {
font-size: 2.125rem !important;
}
.g-font-size-36--md {
font-size: 2.25rem !important;
}
.g-font-size-38--md {
font-size: 2.375rem !important;
}
.g-font-size-40--md {
font-size: 2.5rem !important;
}
.g-font-size-42--md {
font-size: 2.625rem !important;
}
.g-font-size-44--md {
font-size: 2.75rem !important;
}
.g-font-size-46--md {
font-size: 2.875rem !important;
}
.g-font-size-48--md {
font-size: 3rem !important;
}
.g-font-size-50--md {
font-size: 3.125rem !important;
}
.g-font-size-55--md {
font-size: 3.4375rem !important;
}
.g-font-size-60--md {
font-size: 3.75rem !important;
}
.g-font-size-65--md {
font-size: 4.0625rem !important;
}
.g-font-size-70--md {
font-size: 4.375rem !important;
}
.g-font-size-75--md {
font-size: 4.6875rem !important;
}
.g-font-size-80--md {
font-size: 5rem !important;
}
.g-font-size-85--md {
font-size: 5.3125rem !important;
}
.g-font-size-90--md {
font-size: 5.625rem !important;
}
.g-font-size-95--md {
font-size: 5.9375rem !important;
}
.g-font-size-100--md {
font-size: 6.25rem !important;
}
.g-font-size-105--md {
font-size: 6.5625rem !important;
}
.g-font-size-110--md {
font-size: 6.875rem !important;
}
.g-font-size-115--md {
font-size: 7.1875rem !important;
}
.g-font-size-120--md {
font-size: 7.5rem !important;
}
.g-font-size-125--md {
font-size: 7.8125rem !important;
}
.g-font-size-130--md {
font-size: 8.125rem !important;
}
.g-font-size-135--md {
font-size: 8.4375rem !important;
}
.g-font-size-140--md {
font-size: 8.75rem !important;
}
.g-font-size-145--md {
font-size: 9.0625rem !important;
}
.g-font-size-150--md {
font-size: 9.375rem !important;
}
}
/* Extra large screen / wide desktop */
@media (min-width: 62em) {
.g-font-size-10--lg {
font-size: 0.625rem !important;
}
.g-font-size-11--lg {
font-size: 0.6875rem !important;
}
.g-font-size-12--lg {
font-size: 0.75rem !important;
}
.g-font-size-13--lg {
font-size: 0.8125rem !important;
}
.g-font-size-14--lg {
font-size: 0.875rem !important;
}
.g-font-size-15--lg {
font-size: 0.9375rem !important;
}
.g-font-size-16--lg {
font-size: 1rem !important;
}
.g-font-size-17--lg {
font-size: 1.0625rem !important;
}
.g-font-size-18--lg {
font-size: 1.125rem !important;
}
.g-font-size-19--lg {
font-size: 1.1875rem !important;
}
.g-font-size-20--lg {
font-size: 1.25rem !important;
}
.g-font-size-22--lg {
font-size: 1.375rem !important;
}
.g-font-size-24--lg {
font-size: 1.5rem !important;
}
.g-font-size-26--lg {
font-size: 1.625rem !important;
}
.g-font-size-28--lg {
font-size: 1.75rem !important;
}
.g-font-size-30--lg {
font-size: 1.875rem !important;
}
.g-font-size-32--lg {
font-size: 2rem !important;
}
.g-font-size-34--lg {
font-size: 2.125rem !important;
}
.g-font-size-36--lg {
font-size: 2.25rem !important;
}
.g-font-size-38--lg {
font-size: 2.375rem !important;
}
.g-font-size-40--lg {
font-size: 2.5rem !important;
}
.g-font-size-42--lg {
font-size: 2.625rem !important;
}
.g-font-size-44--lg {
font-size: 2.75rem !important;
}
.g-font-size-46--lg {
font-size: 2.875rem !important;
}
.g-font-size-48--lg {
font-size: 3rem !important;
}
.g-font-size-50--lg {
font-size: 3.125rem !important;
}
.g-font-size-55--lg {
font-size: 3.4375rem !important;
}
.g-font-size-60--lg {
font-size: 3.75rem !important;
}
.g-font-size-65--lg {
font-size: 4.0625rem !important;
}
.g-font-size-70--lg {
font-size: 4.375rem !important;
}
.g-font-size-75--lg {
font-size: 4.6875rem !important;
}
.g-font-size-80--lg {
font-size: 5rem !important;
}
.g-font-size-85--lg {
font-size: 5.3125rem !important;
}
.g-font-size-90--lg {
font-size: 5.625rem !important;
}
.g-font-size-95--lg {
font-size: 5.9375rem !important;
}
.g-font-size-100--lg {
font-size: 6.25rem !important;
}
.g-font-size-105--lg {
font-size: 6.5625rem !important;
}
.g-font-size-110--lg {
font-size: 6.875rem !important;
}
.g-font-size-115--lg {
font-size: 7.1875rem !important;
}
.g-font-size-120--lg {
font-size: 7.5rem !important;
}
.g-font-size-125--lg {
font-size: 7.8125rem !important;
}
.g-font-size-130--lg {
font-size: 8.125rem !important;
}
.g-font-size-135--lg {
font-size: 8.4375rem !important;
}
.g-font-size-140--lg {
font-size: 8.75rem !important;
}
.g-font-size-145--lg {
font-size: 9.0625rem !important;
}
.g-font-size-150--lg {
font-size: 9.375rem !important;
}
}
.dotted-line {
border-bottom: 1px dotted #ccc;
}
.bg-info-tr {
background-color: #dff0f5 !important;
}
.bg-danger-tr {
background-color: #dceedf !important;
}
.bg-warning-tr {
background-color: #fcfada !important;
}
.bg-success-tr {
background-color: #fadada !important;
}
.info-box-mine {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
background-color: #fff;
margin-bottom: 1rem;
min-height: 30px;
position: relative;
width: 100%;
}
.callout-mine {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #fff;
border-left: 5px solid #e9ecef;
margin-bottom: 10px;
padding: 1rem;
}
.callout.callout-info {
border-left-color: #117a8b;
}
.menu-type-img-small {
border: 1px solid #adb5bd;
margin: 0 auto;
padding: 3px;
width: 50px;
}
.staff-duty-img-small {
margin: 0 auto;
width: 80px;
}
.late {
border: 2px solid #dc3545;
padding: 3px;
}
.ontime {
border: 2px solid #C9A14A;
padding: 3px;
}
.nav-pos .nav-link {
padding-left: 40px;
padding-right: 40px;
height: 70px;
font-size: 26px;
text-align: center;
line-height: 50px;
margin-right: 20px;
border: 1px solid #C9A14A;
}
.nav-pos .nav-link:hover {
background-color: #C9A14A;
color: #fff;
}
.nav-pos .nav-link.active {
background-color: #C9A14A;
color: #fff;
}
.nav-pos-small .nav-link {
padding-left: 40px;
padding-right: 40px;
height: 70px;
font-size: 26px;
text-align: center;
line-height: 50px;
margin-right: 20px;
border: 1px solid #C9A14A;
}
.nav-pos-small .nav-link:hover {
background-color: #ccc;
color: #fff;
}
.nav-pos-small .nav-link.active {
background-color: #ccc;
color: #fff;
}
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
#upload {
opacity: 0;
}
#upload-label {
position: absolute;
top: 50%;
left: 1rem;
transform: translateY(-50%);
}
.image-area {
border: 2px dashed #ccc;
padding: 1rem;
position: relative;
}
.image-area::before {
content: "Uploaded image result";
color: #fff;
font-weight: bold;
text-transform: uppercase;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 0.8rem;
z-index: 1;
}
.image-area img {
z-index: 2;
position: relative;
}
.invoice-title {
width: 100%;
height: 200px;
background-color: #2eca6a;
}
.card2 {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0 solid rgba(0, 0, 0, 0.125);
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.card2 > hr {
margin-right: 0;
margin-left: 0;
}
.card2 > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card2 > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 0);
border-top-right-radius: calc(0.25rem - 0);
}
.card2 > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 0);
border-bottom-left-radius: calc(0.25rem - 0);
}
.card2 > .card2-header + .list-group,
.card2 > .list-group + .card2-footer {
border-top: 0;
}
.card2-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
.card2-title {
margin-bottom: 0.75rem;
}
.card2-subtitle {
margin-top: -0.375rem;
margin-bottom: 0;
}
.card2-text:last-child {
margin-bottom: 0;
}
.card2-link:hover {
text-decoration: none;
}
.card2-link + .card2-link {
margin-left: 1.25rem;
}
.card2-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 0 solid rgba(0, 0, 0, 0.125);
}
.card2-header:first-child {
border-radius: calc(0.25rem - 0) calc(0.25rem - 0) 0 0;
}
.card2-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 0 solid rgba(0, 0, 0, 0.125);
}
.card2-footer:last-child {
border-radius: 0 0 calc(0.25rem - 0) calc(0.25rem - 0);
}
.card2-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card2-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card2-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
border-radius: calc(0.25rem - 0);
}
.card2-img,
.card2-img-top,
.card2-img-bottom {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
}
.card2-img,
.card2-img-top {
border-top-left-radius: calc(0.25rem - 0);
border-top-right-radius: calc(0.25rem - 0);
}
.card2-img,
.card2-img-bottom {
border-bottom-right-radius: calc(0.25rem - 0);
border-bottom-left-radius: calc(0.25rem - 0);
}
.card2-deck .card2 {
margin-bottom: 7.5px;
}
@media (min-width: 576px) {
.card2-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -7.5px;
margin-left: -7.5px;
}
.card2-deck .card2 {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-right: 7.5px;
margin-bottom: 0;
margin-left: 7.5px;
}
}
.card2-group > .card2 {
margin-bottom: 7.5px;
}
@media (min-width: 576px) {
.card2-group {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card2-group > .card2 {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.card2-group > .card2 + .card2 {
margin-left: 0;
border-left: 0;
}
.card2-group > .card2:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card2-group > .card2:not(:last-child) .card2-img-top,
.card2-group > .card2:not(:last-child) .card2-header {
border-top-right-radius: 0;
}
.card2-group > .card2:not(:last-child) .card2-img-bottom,
.card2-group > .card2:not(:last-child) .card2-footer {
border-bottom-right-radius: 0;
}
.card2-group > .card2:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card2-group > .card2:not(:first-child) .card2-img-top,
.card2-group > .card2:not(:first-child) .card2-header {
border-top-left-radius: 0;
}
.card2-group > .card2:not(:first-child) .card2-img-bottom,
.card2-group > .card2:not(:first-child) .card2-footer {
border-bottom-left-radius: 0;
}
}
.card2-columns .card2 {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card2-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card2-columns .card2 {
display: inline-block;
width: 100%;
}
}
.accordion {
overflow-anchor: none;
}
.accordion > .card2 {
overflow: hidden;
}
.accordion > .card2:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion > .card2:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion > .card2 > .card2-header {
border-radius: 0;
margin-bottom: 0;
}
.rating {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
.rating > input {
display: none;
}
.rating > label {
position: relative;
width: 1em;
font-size: 6vw;
color: #ffd600;
cursor: pointer;
}
.rating > label::before {
content: "\2605";
position: absolute;
opacity: 0;
}
.rating > label:hover:before,
.rating > label:hover ~ label:before {
opacity: 1 !important;
}
.rating > input:checked ~ label:before {
opacity: 1;
}
.rating:hover > input:checked ~ label:before {
opacity: 0.4;
}
.dashed-line {
border-bottom-: 2px dashed #ccc;
}
.font-lite {
font-weight: 300;
}
.time {
font-family: "DS-Digital", sans-serif;
font-size: 18px;
text-align: center;
}
.swal2-title {
font-size: 14px;
}
.swal2-popup .swal2-text {
font-size: 12px;
}
.control-sidebar {
width: 500px;
padding: 10px;
}
.nav-sidebar .nav-item.open > a i.fas:before {
content: "\f00d";
}
.cookie-consent {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #f2f2f2;
padding: 20px;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5);
z-index: 9999;
}
.cookie-consent p {
font-size: 14px;
margin: 0;
}
.search {
width: 100%;
margin-bottom: auto;
margin-top: 20px;
height: 50px;
background-color: #fff;
padding: 10px;
border-radius: 5px;
}
.search-input {
color: white;
border: 0;
outline: 0;
background: none;
width: 0;
margin-top: 5px;
caret-color: transparent;
line-height: 20px;
transition: width 0.4s linear;
}
.search .search-input {
padding: 0 10px;
width: 100%;
caret-color: #536bf6;
font-size: 19px;
font-weight: 300;
color: black;
transition: width 0.4s linear;
}
.search-icon {
height: 34px;
width: 34px;
float: right;
display: flex;
justify-content: center;
align-items: center;
color: white;
background-color: #536bf6;
font-size: 10px;
bottom: 30px;
position: relative;
border-radius: 5px;
}
.search-icon:hover {
color: #fff !important;
}
a:link {
text-decoration: none;
}
.card-inner {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
border: none;
cursor: pointer;
transition: all 2s;
}
.card-inner:hover {
transform: scale(1.1);
}
.mg-text span {
font-size: 12px;
}
.mg-text {
line-height: 14px;
}
/* Add custom styles for the spinner and modal */
#processing-modal .fa-spinner {
font-size: 3rem;
color: #C9A14A; /* Green color */
}
#processing-modal h4 {
margin-top: 1rem;
color: #333; /* Text color */
}
.capitalize {
text-transform: capitalize;
}
.small-list .list-group-item {
font-size: 14px; /* Adjust the font size as needed */
padding: 5px 10px; /* Adjust the padding as needed */
margin: 0;
}
.fw-bold {
font-weight: 700;
}
.bg-tb-primary {
background-color: #DFF0F5 !important;
}
.bg-tb-info {
background-color: #DCEEDF !important;
}
.bg-tb-success {
background-color: #DCEEDF !important;
}
.bg-tb-warning {
background-color: #FCFADA !important;
}
.bg-tb-danger {
background-color: #FADADA !important;
}
.bg-tb-default {
background-color: #B9B9C8 !important;
}
.bg-pending {
background-color: #FFCC00 !important; /* yellow */
}
.bg-booked {
background-color: #1E90FF !important; /* blue */
}
.bg-in-transit {
background-color: #008000 !important; /* green */
}
.bg-customs-clearance {
background-color: #FF6347 !important; /* tomato */
}
.bg-arrived {
background-color: #0000FF !important; /* blue */
}
.bg-delivered {
background-color: #32CD32 !important; /* lime green */
}
.bg-out-for-delivery {
background-color: #FFD700 !important; /* gold */
}
.bg-awaiting-pickup {
background-color: #8B4513 !important; /* brown */
}
.bg-in-warehouse {
background-color: #D3D3D3 !important; /* light gray */
}
.bg-on-hold {
background-color: #FF4500 !important; /* orange-red */
}
.bg-cancelled {
background-color: #FF0000 !important; /* red */
}
.bg-damaged {
background-color: #A52A2A !important; /* brown */
}
.bg-delivered-to-wrong-address {
background-color: #DC143C !important; /* crimson */
}
.bg-returned-to-sender {
background-color: #B22222 !important; /* firebrick */
}
.bg-completed {
background-color: #228B22 !important; /* forest green */
}
#pdf-preview {
max-width: 150px;
height: auto;
}
.profile-img {
border: 1px solid #111B41;
padding: 3px;
}
#scroll-container {
backgraund-color : #fff;
border: 1px solid #ccc;
overflow: hidden;
}
#scroll-text {
/* animation properties */
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-moz-animation: my-animation 15s linear infinite;
-webkit-animation: my-animation 15s linear infinite;
animation: my-animation 15s linear infinite;
}
/* for Firefox */
@-moz-keyframes my-animation {
from { -moz-transform: translateX(100%); }
to { -moz-transform: translateX(-100%); }
}
/* for Chrome */
@-webkit-keyframes my-animation {
from { -webkit-transform: translateX(100%); }
to { -webkit-transform: translateX(-100%); }
}
@keyframes my-animation {
from {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.step-container {
position: relative;
text-align: center;
transform: translateY(-43%);
}
.step-circle {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #000;
border: 2px solid #F3ECE5;
line-height: 30px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
cursor: pointer; /* Added cursor pointer */
}
.step-line {
position: absolute;
top: 16px;
left: 50px;
width: calc(100% - 100px);
height: 2px;
background-color: #007bff;
z-index: -1;
}
#multi-step-form{
overflow-x: hidden;
}
#file-preview {
display: none;
margin-bottom: 10px;
padding: 10px;
background: #f8f9fa;
border: 1px solid #ddd;
border-radius: 5px;
text-align: center;
}
#image-preview img {
max-width: 150px;
max-height: 150px;
border-radius: 5px;
}
#document-preview {
font-size: 14px;
color: #333;
}
.chat-box {
height: 250px;
overflow-y: auto;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
background: #fff;
border-radius: 5px;
}
.info-box-text {
font-weight : 500;
}
.info-box-text a {
font-weight : 500;
color : #333;
}
.rep-container {
overflow: hidden; /* Hides excess images */
white-space: nowrap;
}
.rep-container ul {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}
.report-preview {
width: 100%;
height: 700px;
border: 1px solid rgba(0, 0, 0, 0.3);
overflow: auto;
padding: 10px;
}
.table-avatar {
width: 32px;
height: 32px;
object-fit: cover;
transition: transform 0.2s;
}
.table-avatar:hover {
transform: scale(1.2);
z-index: 100;
}
.profile-user-img-18 {
width: 18px;
height: 18px;
}
#example1 tbody tr:hover {
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transform: translateY(-1px);
transition: all 0.3s ease;
}
.card-header .card-tools .btn-group .dropdown-menu {
min-width: 180px;
}
.table-head-fixed thead th {
position: sticky;
top: 0;
background-color: #f8f9fa;
z-index: 10;
border-bottom: 2px solid #dee2e6;
}

.countdown-success { color: #28a745; }
.countdown-warning { color: #fd7e14; }
.countdown-danger { color: #dc3545; }