:root {--primary-color: #f36d23;--secondary-color: #343434; --accent-color: #17a2b8; --primary-shadow: 0 2px 4px rgba(0,0,0,.1);}
.maroon {--primary-color: #a52744;--secondary-color: #941b37;}
.mars {--primary-color: #f96332;--secondary-color: #e04511;}
.sky {--primary-color: #2748a5;--secondary-color: #1a388b;}
.sea {--primary-color: #27a582;--secondary-color: #148b6a;}
.ferrari {--primary-color: #d32f2f;--secondary-color: #b71c1c;}
.grapes {--primary-color: #9C27B0;--secondary-color: #7B1FA2;}
.sea-gray {--primary-color: #455a64;--secondary-color: #37474f;}
.sea-gray-light {--primary-color: #607d8b;--secondary-color: #546e7a;}



/* Backgrounds  */
.bg-gradient-primary { background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important }
.bg-gradient-secondary { background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important }
.bg-gradient-success { background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important }
.bg-gradient-info { background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important }
.bg-gradient-warning { background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important }
.bg-gradient-danger { background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important }
.bg-gradient-light { background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important }
.bg-gradient-dark { background: linear-gradient(87deg, #212529 0, #212229 100%) !important }
.bg-gradient-default { background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important }
.bg-gradient-white { background: linear-gradient(87deg, #fff 0, #fff 100%) !important }
.bg-gradient-neutral { background: linear-gradient(87deg, #fff 0, #fff 100%) !important }
.bg-gradient-darker { background: linear-gradient(87deg, #000 0, #000 100%) !important }


.bg-theme {background-color: var(--primary-color)!important;}
.bg-accent {background-color: var(--accent-color)!important;}
.text-theme {color: var(--primary-color)!important;}
.text-lighter {color: rgba(255, 255, 255, 0.6)!important;}


/* * {} */
html, body {font-family:  'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 14px;}
body {background: #fafafa;}
body.login-page {background: var(--primary-color);}

.fixed-footer {position: fixed; bottom: 20px; width: 250px; right: 0; bottom: 0; padding: 0 15px;}

.card-login {width: 380px; max-width: 90%;}

label.invalid-input {color: #dc3545; font-size: 90%; margin-bottom: 0; }

.wrapper {padding-left: 0;padding-top: 60px;transition: 0.25s padding ease;}
@media (min-width: 992px) {
    .wrapper {padding-left: 250px}
    .wrapper.toggled {padding-left: 70px;}
}

.wrapper .navbar {height: 60px;position: fixed;top: 0;right: 0;left: 0;z-index: 1098;box-shadow: none;box-shadow: 0 2px 4px rgba(0,0,0,.15);background: var(--primary-color);transition: 0.25s ease;}
@media (min-width: 992px) {
    .wrapper.toggled .navbar {left: 70px;}
    .wrapper .navbar {left: 250px;}
}
.wrapper .navbar.border-top {border-top: 3px solid var(--secondary-color)!important;}
.wrapper .navbar .dropdown-menu-right {position: absolute;left: auto;right: -13px;margin-top: 12px;}
.wrapper .navbar .dropdown-menu-right:before {content:'';display: block;border: 7px solid transparent;border-bottom-color: #fff;height: 0;width: 0;position: absolute;right: 10px;bottom: 100%;}
.wrapper .navbar .navbar-toggler {padding: 0.25rem;}
.wrapper .navbar .navbar-toggler .navbar-toggler-icon {pointer-events: none;}
.wrapper .navbar.navbar-light .navbar-toggler {border: 1px solid #333;}
.wrapper .navbar.navbar-dark .navbar-toggler {border: 1px solid #fff;}
.wrapper .navbar.navbar-dark .navbar-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.wrapper .navbar.navbar-dark a.dropdown-toggle {color: #fff; text-decoration: none;}
.wrapper .navbar.navbar-dark a.dropdown-toggle:after {vertical-align: middle;}
.wrapper .navbar.navbar-dark a.dropdown-toggle .img-user {width: 34px;}

.wrapper .sidebar {position: fixed;top: 0;bottom: 0;left: 0;width: 250px;z-index: 1099;background: #eee;transition: 0.25s transform ease;}
.wrapper .sidebar {transform: translate3d(-100%,0,0);}
.wrapper.toggled .sidebar {transform: translate3d(0,0,0);box-shadow: 10px 0 20px 1px rgba(0, 0, 0, 0.5)}
@media (min-width: 992px) {
    .wrapper .sidebar {transform: translate3d(0,0,0);box-shadow: 2px 0 20px 1px rgba(0, 0, 0, 0.35)}
    .wrapper.toggled .sidebar {transform: translate3d(-100%,0,0);box-shadow: none;}
}

.wrapper .sidebar .sidebar-nav {max-width: 100%;max-height: calc(100vh - 45px);overflow: auto;list-style: none;padding: 0; }
.wrapper .sidebar .sidebar-nav li {margin-bottom: .25rem;padding: 0 .75rem}
.wrapper .sidebar .sidebar-nav a {text-decoration:none; transition: 0.25s ease;border-radius: 21px; font-size: 1rem;/*border-bottom: 1px solid #f7f7f7;*/}
.wrapper .sidebar .sidebar-nav a.text-dark:hover {color: var(--primary-color) !important;/*background: rgba(255, 255, 255, 0.35);box-shadow: 0 2px 15px 1px rgba(39, 39, 39, .15);*/}
.wrapper .sidebar .sidebar-nav a.text-dark.active,
.wrapper .sidebar .sidebar-nav a.text-dark[data-toggle="collapse"]:not(.collapsed) {color: #fff!important;background: var(--primary-color);box-shadow: 0 2px 15px 1px rgba(39, 39, 39, .05);}
.wrapper .sidebar .sidebar-nav a.text-dark i.fa.fa-fw {display: inline-block;/* height: 30px; *//* width: 30px; *//* background: var(--primary-color); */border-radius: 50%;/*line-height: 2; *//* font-size: 0.8rem; *//* color: #fff; */margin-right: 7px;}
.wrapper .sidebar .sidebar-nav a.text-dark.active i.fa.fa-fw {color: var(--primary-color); background-color: #fff;}
.wrapper .sidebar .sidebar-nav a .nav-text {display: inline-block; vertical-align: middle;}
.wrapper .sidebar .sidebar-nav a[data-toggle="collapse"]:after {font-family: 'Font Awesome 5 Free';font-weight: 900;float: right;line-height: 1.6;}
.wrapper .sidebar .sidebar-nav a[data-toggle="collapse"].collapsed:after {content: "\f105";line-height: 1.6;}
.wrapper .sidebar .sidebar-nav a[data-toggle="collapse"]:not(.collapsed):after {content: "\f107";}
/* .wrapper .sidebar .sidebar-nav a[data-toggle="collapse"]:not(.collapsed) {background: rgba(30,30,30,.05); border-left: 5px solid var(--primary-color); color: var(--primary-color) !important;} */
.wrapper .sidebar .sidebar-nav a[data-toggle="collapse"] + .navbar-collapse .nav {padding-left: .5rem;}
.wrapper .sidebar .sidebar-nav .nav-user {background: linear-gradient(120deg, #19282c 60%, var(--secondary-color) 60%);}

/* .wrapper .content {padding-top: 65px; position: relative;} */

.breadcrumb-wrapper {top:0; left: 0;right: 0; /*height: 100px;*/ background-color: var(--secondary-color);}
.breadcrumb-wrapper a {color: #fff}

.btn:not(.btn-link):hover {box-shadow: 0 2px 6px -2px rgba(30,30,30,0.6);}
.btn-wide {width: 100px;}

.card-shadow { box-shadow: 0 2px 8px -2px rgba(0,0,0,.15)}
.card-full-height {height: 100%;}
.card-sp {position: relative;border: none;border-radius: 7px;}
.card-sp {box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);}
.card-sp:after {content:''; position: absolute; width: 50%; height: 100%; right: 0;top: 0;background: url(../images/circle.svg) no-repeat right}
.card-sp .card-body {position: relative;}

.alertify-notifier .ajs-message {border: none!important; text-shadow: none!important; border-radius: 4px; box-shadow: 0 4px 8px -2px rgba(0,0,0,.5)}

/*overlay*/
.overlay-block {position: fixed;height: 100%;width: 100%;top: 0;left: 0;background-color: rgba(35, 35, 35, 0.75);z-index: 999999;color: #fff;}
.overlay-block>* {position: absolute;transform: translate3d(-50%, -50%, 0);top: 50%;left: 50%;}


/* dashboard */
.dash-links,.dash-links:hover {text-decoration: none;}
.stats-label {font-size: 55px;color: var(--primary-color);text-shadow: 2px 2px rgba(30,30,30,0.2);font-weight: 700;opacity: 0.6;}


/* tables common */
.table.table-dataTable.dataTable {border-collapse: collapse!important; border-spacing: 0;}
.table td {vertical-align: top;}
.sr-col {max-width: 70px; width: 70px;min-width: 70px; text-align: center;}
.wide-col {width: 250px;min-width: 250px;}
.status-col,.actions-col {max-width: 150px; width: 150px; min-width: 150px;text-align: center;}


/* custom-table */
.custom-table {min-width: 720px; width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; font-size: 0.75rem;}
.custom-table th,
.custom-table td {border: 1px solid #ddd; padding: 0.25rem 0.5rem; text-align: center;}
.custom-table th:first-child {min-width: 150px;width: 150px;}

/* print */
@media print {
    @page {margin: 0;}
    .wrapper * {box-shadow: none !important;}
    .wrapper {padding: 0!important;}
    .wrapper .content {padding: 1rem}
    .breadcrumb-wrapper {display: none;}
}
.sky {--primary-color: #f36d23;--secondary-color: #000336;}

.login-page{ position: relative; }
@media(min-width:1200px){
    .login-page::before{content: '';background-image: url(../images/qrlogin-bg.jpg);position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-position: right;background-size: cover;width: 47%;margin-left: auto;}
}
.tagline{padding: 10px 30px;background: #f36d23;display: inline-block;color: #fff;font-weight: bold;text-transform: uppercase;border-radius: 30px;margin-top: 30px;}
.mobile-links{color: #231f20 !important;font-size: 25px;font-weight: 900; }
.mobile-links:hover{text-decoration: none; }


.custom-switch.custom-switch-xl {
    padding-bottom: 1rem;
    padding-left: 2.25rem;
}
.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 2rem;
    padding-top: 0.5rem;
    min-width: 55px;
    text-align: left;
}
.custom-switch.custom-switch-xl .custom-control-label::before {
    border-radius: 1rem;
    height: 2rem;
    width: 3.5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::after {
    border-radius: 2rem;
    height: calc(2rem - 4px);
    width: calc(2rem - 4px);
}
.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(1.5rem);
}
.link-div{display: flex;align-items: center;gap: 10px 15px;flex-wrap: wrap;justify-content: space-between;flex-direction: row;}
.policy-link{font-size: 14px;font-weight: 400;line-height: 20px;text-align: center;color: #007bff;transition: all 0.3s ease-in-out;display: block;text-decoration: none;}
.policy-link:hover{color: #0056b3;text-decoration: underline;}
.privacy-policy-header{border-bottom: 1px solid #ddd;background: #fff;}
.privacy-policy-header .nav-bottom{position: fixed;padding-top: 0px;padding-bottom: 0px;background: #FFFFFF;display: flex;align-items: center;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);top: 0;left: 0;right: 0;z-index: 15;}
.logo .main-nav-logo {width: 100%;height: 75px;}
.main-navbar{display: flex;align-items: center;justify-content: space-between;padding: 10px 0;}
.contact-div{display: flex;align-items: center;gap: 0 15px;}
.contact-div .contact-text{display: flex;align-items: center;gap: 0 7px;color: #212529;font-size: 14px;font-weight: 500;text-decoration: none;transition: all 0.3s ease-in-out;}
.contact-div .contact-text .icon{color: var(--primary-color);}
.contact-div .contact-text:hover{color: var(--primary-color);}

.policy-section {display: block;padding-top: 60px !important;background: #fff;}
.policy-section .policy-heading{font-size: 26px;font-weight: 600;color: var(--primary-color);text-align: center;}
.policy-section .list-custom{padding-left: 20px;}
.policy-section .list-text{color: #333;}
.policy-section .list-text b{color: #222;text-decoration: underline;}
.policy-section p.list-text,
.policy-section li.list-text{margin-bottom: 8px;line-height: 26px;list-style: square;}
.policy-section li.list-terms{margin-bottom: 8px;line-height: 26px;list-style: lower-alpha;}
.policy-section a.list-text{color: var(--primary-color);}
.policy-section span.list-text{color: var(--primary-color);}
.sub-footer {padding: 15px 0;background: var(--primary-color);}
.sub-footer .content {display: flex;justify-content: space-between;align-items: center;}
.sub-footer .text {font-size: 14px;font-weight: 500;line-height: 22px;color: #fff;margin-bottom: 0;text-align: center;}
.privacy-policy-header .logo .navbar-brand{margin: 0;}
@media (max-width:576px) {
    .main-navbar{flex-direction: column;}
    .policy-section{padding-top: 45px !important;}
    .policy-section .list-custom{padding-left: 15px;}
    .logo .main-nav-logo{max-width: 200px;max-height: 200px;object-fit: contain;}
    .sub-footer .content{flex-direction: column;align-items: center;justify-content: center;gap: 5px 0;text-align: center;}
    .sub-footer{padding: 10px 0;}
}

.control-label {
	font-weight: 600;
	font-size: 90%;
	margin-bottom: 0.25rem;
}


.form-control,
.custom-select,
.custom-file-label {
	border-color: #e8e7e7;
}
.select2.select2-container{width: 100% !important;}
.guest-card{max-width: 550px;overflow: hidden;}
.radio-boxes .radio-box { position: relative;}
.radio-boxes .radio-box input[type="checkbox"] { opacity: 0; position: absolute; top: 0; left: 0; }
.radio-boxes .radio-box .form-check { padding-left: 0; }
.radio-boxes .radio-box .form-check-label { display: block; background: #fff; padding: 8px 6px; border-radius: 4px; cursor: pointer; border: 1px solid #ddd; text-align: center; font-weight: bold; transition: 0.25s all; }
@media (max-width:575px) {
    .radio-boxes .radio-box .form-check-label { font-size: 80%; }
}
.radio-boxes .radio-box input[type="checkbox"]:focus ~ .form-check-label,
.radio-boxes .radio-box .form-check-label:hover { border-color: #f36d23; color: #f36d23; }
.radio-boxes .radio-box input[type="checkbox"]:checked ~ .form-check-label {border-color: #203c8f;background-color: #203c8f;color: #fff !important;}
.radio-boxes .radio-box { position: relative;}
.radio-boxes .radio-box input[type="radio"] { opacity: 0; position: absolute; top: 0; left: 0; }
.radio-boxes .radio-box .form-check { padding-left: 0; }
.radio-boxes .radio-box .form-check-label { display: block; background: #fff; padding: 8px 12px; border-radius: 4px; cursor: pointer; border: 1px solid #ddd; text-align: center; font-weight: bold; transition: 0.25s all; }
@media (max-width:575px) {
	.radio-boxes .radio-box .form-check-label { font-size: 80%; }
    .play-store-div{justify-content: center;}
    .link-div{width: 100% !important;}
}
.radio-boxes .radio-box input[type="radio"]:focus ~ .form-check-label,
.radio-boxes .radio-box .form-check-label:hover { border-color: var(--primary-color); color: var(--primary-color); }
.radio-boxes .radio-box input[type="radio"]:checked ~ .form-check-label {border-color: var(--primary-color);background-color: var(--primary-color);color: #fff !important;}