/**************** Font Faces *********************/
@font-face {font-family: 'UbuntuBold';src: url('/fonts/Ubuntu-Bold.ttf');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'UbuntuMedium';src: url('/fonts/Ubuntu-Medium.ttf');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'RobotoRegular';src: url('/fonts/Roboto-Regular.ttf');font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: 'RobotoBold';src: url('/fonts/Roboto-Bold.ttf');font-weight: 400;font-style: normal;font-display: swap;}

/**************** Font Families *********************/
h1, h2, h3, .nav-item a p, .main-text{font-family: 'UbuntuBold' !important;}
h4, thead tr{font-family: 'UbuntuMedium' !important;}
h5, h6, p, .text-secondary, .btn, .letter-avatar, .profile-username span, .dropdown-item, tbody tr td, .breadcrumb-item, .breadcrumb-item a, span, .text-success, ul li, .draft-text{font-family: 'RobotoRegular' !important;}

/**************** 02-10-2024 Starts *********************/
.avatar-sm {width: 40px;height: 40px;}
.letter-avatar {width: 100%;height: 100%;background-color: #f0f0f0;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #333;font-weight: bold;border-radius: 50%;}
/**************** 02-10-2024 Ends *********************/

/**************** 22-11-2024 Starts *********************/
.item_calc_loader_overlay_outer{position: relative;}
.item_calc_loader_overlay{margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
/**************** 22-11-2024 Ends *********************/
/**************** 25-11-2024 Starts *********************/
.loader-overlay-section{width: 100%;height: 100%;position: fixed;z-index: 99999;top: 0;left: 0;}
.loader-overlay-section .overlay{background: #000;opacity: .8;position: relative;width: 100%;height: 100%;top: 0;left: 0;}
.loader-overlay-section .spinner-border{position: fixed;top: 25%;left: 50%;}
.loader-overlay-section .message{position: fixed;top: 29%;left: 44.5%;}
/**************** 25-11-2024 Ends *********************/

/**************** 04-12-2024 Starts *********************/
.invoice-detail-outer{background: #010003;}
.invoice-detail-outer h1{ font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;}
.invoice-detail-outer h2{ font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;font-size: 23px;font-weight: bold;}
.invoice-detail-outer h5{font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;font-weight: bold;}
.invoice-header { background-image: url("/images/hero-banner-bg.png") !important;padding-top: 60px ! important;
    padding-bottom: 100px ! important;background-repeat: no-repeat; background-size: cover;}
.invoice-detail-outer .container.invoice-inner { margin-top: -95px; min-height: 100vh; }
.invoice-detail-outer .page-inner{padding: 0px;}
.invoice-detail-outer p{font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;margin-bottom: 0px;line-height: 100%;}
.bg-blue{background: #6264e7;}
table.table.table-striped th{ background: #e6e3e3;font-size: 15px;}
table.table.table-striped td {font-size: 15px;line-height: 18px;}
.summary-sidebar ul { padding: 0px;margin: 0px;}
.summary-sidebar ul li {font-size: 16px;font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;}
.summary-sidebar, .invoice-detail-outer .bg-light{background: #f2f2f2 !important;}
.invoice-detail-outer table.table.table-striped { border: 1px solid #edecec;font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;}
.summary-sidebar ul li:last-child{ margin-top: 14px;}
.invoice-detail-outer .table-sales i{color: #6264e7; font-size: 20px;}
.invoice-detail-outer .table-responsive{overflow-x: hidden;}
/**************** 04-12-2024 Ends *********************/

/**************** 05-12-2024 Starts *********************/
#payment-loader-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 9999;display: flex;justify-content: center;align-items: center;}
#payment-loader {border: 8px solid #fff;border-top: 8px solid #1a2035;border-radius: 50%;width: 60px;height: 60px;animation: spin 1s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
#payment-loader-text {font-size: 16px;color: #fff;text-align: center;}
/**************** 05-12-2024 Ends *********************/

/**************** 23-12-2024 Starts *********************/
.bg-dark-blue{background-color: #2a2f5b; &:hover {background-color: #2a2f5b !important;}}
.btn-dark{font-size: 19px !important; background-color: #0fc005 !important; border: none; &:hover {background-color: #6264e7 !important; opacity: 1;}}
.center-card{margin: 0 auto; float: none;}
.button-success{background-color: #28bb20 !important; border: none; color: "#fff"; &:hover {background-color: #28a745 !important; opacity: 1;}}
.button-danger{background-color: #e64942 !important; border: none; color: "#fff"; &:hover {background-color: #dc3545 !important; opacity: 1;}}
/**************** 23-12-2024 Ends *********************/

/**************** 27-12-2024 Starts *********************/
.draft-box {transition: box-shadow 0.3s ease;}
.draft-box:hover {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
a.text-success:hover {color: #155724;text-decoration: none;}
.nav-item a p{font-size: 14.7px !important;}
.draft-text{font-size: 15px !important;}
/**************** 27-12-2024 Ends *********************/

/**************** 07-01-2025 Starts *********************/
.switch {position: relative;display: inline-block;width: 34px;height: 20px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: .4s;border-radius: 34px;}
.slider::before {position: absolute;content: "";height: 14px;width: 14px;left: 3px;bottom: 3px;background-color: white;transition: .4s;border-radius: 50%;}
input:checked + .slider {background-color: #2196F3;}
input:checked + .slider::before {transform: translateX(14px);}
.slider.round {border-radius: 34px;}
.slider.round::before {border-radius: 50%;}
/**************** 07-01-2025 Ends *********************/

/**************** 03-03-2025 Starts *********************/
.otp-container {max-width: 300px;margin: auto;}
.otp-input {width: 50px;height: 50px;font-size: 24px;font-weight: bold;border: 2px solid #007bff;border-radius: 8px;text-align: center;outline: none;transition: all 0.3s ease-in-out;}
.otp-input:focus {border-color: #0056b3;box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
/**************** 03-03-2025 Ends *********************/


/**************** Responsive *********************/
@media screen and (max-width:767px) {
.invoice-detail-outer .table-responsive{overflow-x: auto;}
table.table.table-striped td {font-size: 13px; line-height: 15px;padding: 10px ! important;}
table.table.table-striped th{font-size: 13px;padding: 10px ! important;}
.invoice-detail-outer h1{padding: 0px 22px;}
.invoice-detail-outer .container.invoice-inner { margin-top: -108px; width: 93%;}
.invoice-detail-outer .card-head-row {flex-wrap: wrap;padding-left: 0px ! important;}
.invoice-detail-outer .card-tools{padding-left: 0px ! important;}
.summary-sidebar-outer { margin-top: 21px;}
.invoice-detail-outer p{line-height: 22px;}
}
/**************** Responsive End *********************/