/* CSS classes for inline style attributes from all pages */

/* === COMMON INLINE STYLES === */
/* For style="margin-left:75px" */
.form-group-center {
    margin-left: 75px;
}

/* For style="margin-top: -20px;margin-bottom: 10px;" */
.mr-1-text-right {
    margin-top: -20px;
    margin-bottom: 10px;
}

/* For style="font-size: 17px;" */
.signup-link {
    font-size: 17px;
}

/* For style="display: none;" */
.divOTP-hidden {
    display: none !important;
}
.divOTP-show {
    display: block !important;
}

/* For style="width: 100%;" */
.label-full-width {
    width: 100%;
}

/* For style="width: 90% !important" */
.currency-select {
    width: 90% !important;
}

/* For style="display:none" variations */
.monthly-sales-hidden {
    display: none !important;
}

.avg-trans-hidden {
    display: none !important;
    margin-left: -35px;
}

/* For style="margin-left: 7px !important;" */
.remove-btn-margin {
    margin-left: 7px !important;
}

/* === LAYOUT STYLES === */
/* For style="display:none;" - overlay */
.overlay-hidden {
    display: none !important;
}

/* For style="position: fixed; top: 50%;z-index: 99999;left:25%;display:none;" */
.progress-fixed {
    position: fixed;
    top: 50%;
    z-index: 99999;
    left: 25%;
    display: none !important;
}

/* For style="width:50%;" */
.progress-card {
    width: 50%;
}

/* For style="width: 15%;height:15px;" */
.progress-bar-height {
    width: 15%;
    height: 15px;
}

/* For style="background-color: #FDEBF5;" */
.nav-small-cap-bg {
    background-color: #FDEBF5;
}

/* For style="bottom:0;padding:10px;" */
.sidebar-bottom-padding {
    bottom: 0;
    padding: 10px;
}

/* For style="bottom:0;margin-bottom:10px;" */
.sidebar-bottom-margin {
    bottom: 0;
    margin-bottom: 10px;
}

/* === DASHBOARD STYLES === */
/* For style="float:right;" */
.export-button {
    float: right;
}

.date-filter {
    float: right;
}

/* For style="margin-bottom: 0px !important;" */
.mb-zero {
    margin-bottom: 0px !important;
}

/* For style="width:100%; margin-top: 10px; margin-bottom: 10px;" */
.alert-full-width {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* For style="width:30%;" */
.img-30-width {
    width: 30%;
}

/* For style="width:45%;" */
.img-45-width {
    width: 45%;
}

/* For style="background:#E4288F;" */
.round-pink {
    background: #E4288F;
}

/* For style="background:#515750;" */
.round-green {
    background: #515750;
}

/* For style="height:300px; width:100%;" */
.chart-300 {
    height: 300px;
    width: 100%;
}

/* For style="height:400px; width:100%;" */
.chart-400 {
    height: 400px;
    width: 100%;
}

/* For style="cursor: pointer;" */
.cursor-pointer {
    cursor: pointer;
}

/* For style="height:400px;" */
.scrollable-400 {
    height: 400px;
}

/* For style="height:280px; width:100%" */
.status-chart {
    height: 280px;
    width: 100%;
}

/* For style="color:#38cc8e;" */
.text-green {
    color: #38cc8e;
}

/* For style="color:#ff0000;" */
.text-red {
    color: #ff0000;
}

/* For style="color:#ffa500;" */
.text-orange {
    color: #ffa500;
}

/* === HEADER STYLES === */
/* For style="width:100%;" */
.img-full-width {
    width: 100%;
}

/* For style="max-height: 300px;overflow: auto;" */
.dropdown-scroll {
    max-height: 300px;
    overflow: auto;
}

/* For style="margin-top: 30px;" */
.mt-30 {
    margin-top: 30px;
}

/* === FORM STYLES === */
/* For style="background: #370d4a;" */
.btn-dark-purple {
    background: #370d4a;
}

/* For style="color:white !important;" */
.text-white-important {
    color: white !important;
}

/* For style="height: 36px;width: 100%;" */
.form-control-height {
    height: 36px;
    width: 100%;
}

/* For style="margin-top: 28px;" */
.mt-28 {
    margin-top: 28px;
}

/* For style="margin-top: 35px;margin-left: 60px;" */
.mt-35-ml-60 {
    margin-top: 35px;
    margin-left: 60px;
}

/* For style="visibility:visible" */
.visibility-visible {
    visibility: visible;
}

/* For style="display: inline-block;" */
.display-inline-block {
    display: inline-block !important;
}

/* For style="width: 89%; height:36px;" */
.select-89-width {
    width: 89%;
    height: 36px;
}

/* For style="width: 11%;" */
.append-11-width {
    width: 11%;
}

/* For style="margin: 7px 0px 0px 30px;" */
.checkbox-margin {
    margin: 7px 0px 0px 30px;
}

/* For style="padding-bottom: 10px;" */
.pb-10 {
    padding-bottom: 10px;
}

/* For style="position: relative;" */
.position-relative {
    position: relative;
}

/* For style="margin-top: 10px;" */
.mt-10 {
    margin-top: 10px;
}

/* For style="text-align: center;" */
.text-center-style {
    text-align: center;
}

/* For style="word-break: break-all;" */
.word-break-all {
    word-break: break-all;
}

/* For style="background:url(../template/assets/images/big/auth-bg.jpg) no-repeat center center;" */
.auth-lockscreen-bg {
    background: url(../template/assets/images/big/auth-bg.jpg) no-repeat center center;
}

/* For style="color:white !important;" */
.fa-white {
    color: white !important;
}

/* For style="margin-top: -30px;margin-right: -38px;height: 35px;" */
.password-eye {
    margin-top: -30px;
    margin-right: -38px;
    height: 35px;
}

/* For style="background-color: #ff0000" */
.btn-red {
    background-color: #ff0000;
}

/* QR Payment View Button Styles */
.btn-qr-download {
    background: linear-gradient(90deg, #EC60AC 0%, #EC60AC 100%);
    border: 0;
    color: #fff;
    border-radius: 50px;
    font-weight: 600;
    box-shadow: 0 4px 15px 0 #EC60AC;
    width: auto;
    float: right;
    margin: 1px 15px;
}

.btn-qr-copy {
    background: linear-gradient(90deg, #515750 0%, #515750 100%);
    border: 0;
    color: #fff;
    border-radius: 50px;
    font-weight: 600;
    box-shadow: 0 4px 15px 0 #515750;
    width: auto;
    float: right;
}

/* === DASHBOARD PAGE STYLES === */
/* Container styles */
#container {
    height: 328px;
}

/* Highcharts styles */
.highcharts-figure,
.highcharts-data-table table {
    min-width: 343px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/* Shortcut div styles */
.shortcutDiv {
    width: 23%;
    margin-right: 2%;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* === HEADER COMPONENT STYLES === */
/* Logo full width */
.logo-full-width {
    width: 100% !important;
}

/* Hidden elements */
.btn-access-hidden {
    display: none;
}

.modal-hidden {
    display: none;
}

/* Invalid feedback margin */
.invalid-margin-top {
    margin-top: 30px;
}

/* === DASHBOARD SPECIFIC STYLES === */
/* Background colors for round elements */
.bg-lasco-pink {
    background: #E4288F !important;
}

.bg-lasco-green {
    background: #515750 !important;
}

/* Chart container heights */
.chart-height-300 {
    height: 300px;
    width: 100%;
}

.chart-height-400 {
    height: 400px;
    width: 100%;
}

.chart-height-280 {
    height: 280px;
    width: 100%;
}

/* Table responsive with height */
.table-scrollable-400 {
    height: 400px;
}

/* Cursor pointer for interactive elements */
.cursor-pointer {
    cursor: pointer;
}

/* Status indicator colors */
.status-success {
    color: #38cc8e;
}

.status-failed {
    color: #ff0000;
}

.status-cancelled {
    color: #ffa500;
}

/* Pay button width */
.pay-btn-width {
    width: 45%;
}

/* === COMMON INLINE STYLE FIXES === */
/* Display utilities */
.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

.display-inline-block {
    display: inline-block !important;
}

/* Visibility utilities */
.visibility-visible {
    visibility: visible;
}

.visibility-hidden {
    visibility: hidden;
}

/* Color utilities */
.color-red {
    color: red !important;
}

.color-white {
    color: white !important;
}

/* Background utilities */
.bg-red {
    background-color: #ff0000 !important;
}

.bg-purple {
    background: #370d4a !important;
}

/* Positioning utilities */
.position-bottom {
    bottom: 0;
}

.padding-10 {
    padding: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-left-7 {
    margin-left: 7px !important;
}

.margin-left-minus-35 {
    margin-left: -35px;
}

/* Width utilities */
.width-25 {
    width: 25% !important;
}

.width-55 {
    width: 55% !important;
}

.width-90 {
    width: 90% !important;
}

.width-100 {
    width: 100% !important;
}

/* Padding utilities */
.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-80 {
    padding-top: 80px;
}

.padding-top-100 {
    padding-top: 100px;
}

.padding-bottom-1 {
    padding-bottom: .1px;
}

/* Cursor utilities */
.cursor-pointer {
    cursor: pointer;
}

/* Text utilities */
.text-decoration-none-white {
    text-decoration-color: #FFFFFF;
    color: #FFFFFF;
}

/* Word break utilities */
.word-break-all {
    word-break: break-all;
}

/* Text alignment */
.text-center {
    text-align: center;
}