:root {
    --bg: linear-gradient(to bottom, #ecd180 0%,#5f3939 100%);
    --bg-color: #f1f1f1;
    --color-grey-d: #262626;
    --color-gold-l: #ecd180;
    --color-gold-d: #d1b04f;
    --color-brown: #967555;
}
* {margin: 0;padding: 0;box-sizing: border-box;}
header, section, footer, aside, nav, main, article, figure {display: block;}
body {font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 21px;font-weight: 400;color: #333;}
html {scroll-behavior: smooth;}
@media (min-width: 991px) {
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    padding-bottom: 15px;
}

::-webkit-scrollbar-track {
    padding-bottom: 15px;
    background: #cacaca;
    box-shadow: inset 0px 0px 2px 0px #8a8989;
}

::-webkit-scrollbar-thumb {
    background: #747474;
    padding-bottom: 15px;
}

::-webkit-scrollbar-thumb:hover {
    background: #444;
    padding-bottom: 15px;
}
}
/*---------- all ----------*/
.back-to-top {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 7px;
    z-index: 20;
}
.back-to-top i {
    margin-right: 10px;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    background-color: #444;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.back-to-top:hover i {
    background: var(--bg);
}
a.back-to-top:focus, a.back-to-top:hover {
    text-decoration: none;
}
.form-control{border-radius: 6px;}
.custom-container-90 {width: 90% !important;max-width: 1500px;}
.row {margin-right: 0px !important; margin-left: 0px !important; }
hr {margin: 0px !important;border-top: 1px solid #404040;}
h3 {margin: 0px !important;}
.border-right {border-right: 1px solid #d7d7d7;}
.font-size-10 {font-size: 10px;}
.padding-top-bootom {padding: 4px 0 2px 0;}
.color-red {color: var(--color-brown) !important;}
.color-blue {color: blue;}
.margin-right-5 {margin-right: 5px;}
.rounded-0 {border-radius: 0px !important;}
.font-weight-600 {font-weight: 600;}
.input-group-addon {
    color: var(--color-grey-d);
    background: var(--bg);
    border: 0px solid var(--color-brown);
    border-radius: 6px;
}
.login-input {
    border: 1px solid var(--color-brown);
    border-radius: 6px;
}
.btn-toggle-grey:hover , .btn-toggle-red:hover {color: #fff !important;opacity: .8; }
.btn-toggle-red {background: var(--bg);border-color: var(--color-brown);color: #fff;padding: 5px 15px !important;text-transform: uppercase;border-radius: 6px;border: none;}
.padding-top-100 {padding-top: 130px;}
:is(.full-page,.dashboard-section).padding-top-100 {padding-top: 130px;}
.main-color {color: #ee3733;}
.list-style-none {list-style: none; }
.list-style {list-style: none;}
.text-decoration {text-decoration: none !important;}
.color-black {color: #000 !important;}
.margin-left-15 {margin-left: 15px !important;}
.margin-right-15 {margin-right: 15px !important;}
.margin-left-10 {margin-left: 10px !important;}
.padding-left-15 {padding-left: 15px;}
.btn-toggle-grey {background-color: #444;color: #fff !important;padding: 5px 15px !important;text-transform: uppercase;border: none;border-radius: 6px;}
.display-inline li {display: inline-block;}
.float-right {float: right;}
.float-left {float: left;}
.padding-right-0 {padding-right: 0px !important;}
 .container {background-color: transparent !important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
/*---------- all ----------*/



/*---------- start-header ----------*/

/*.top-nav {border-bottom: #e7e7e7;}
ul.nav.navbar-nav.contact-details {padding-left: 8px;}
.top-nav ul li a {color: #666;font-size: 12px;font-weight: 600;padding: 0px !important;line-height: 32px;}
header i {font-size: 13px !important;}
.navbar {border: none !important; }
.top-nav ul.navbar-right {padding-right: 14px;}
.top-nav ul li.after-line a:after {content: "|";padding: 0px 5px;   }
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: transparent !important;   }
.main-nav .navbar-brand {padding: 0px !important;}
.main-nav ul li a {color: #999;font-size: 12px; padding: 20px 4px;}
header {box-shadow: 0px 6px 10px rgba(85, 85, 85, 0.27);}
.main-nav nav.navbar {margin: 0px;}
.main-nav ul.nav.navbar-right {margin-right: 15px;}
.main-nav li.active a {color: #ee3733;}
.main-nav li.active > a, .main-nav li.active:hover > a {border-bottom: 2px solid;}*/

.top-nav {border-bottom: 1px solid #4b4c4d;background: #4b4c4d;}
.top-nav ul li a {color: var(--bg-color);font-size: 12px;font-weight: 600;padding: 0px !important;line-height: 32px;}
header i {font-size: 12px !important;}
.navbar {border: none !important;padding: 1px 0;}
/*.top-nav ul.navbar-right {padding-right: 15px;}*/
.top-nav ul li.after-line a:after {content: "|";padding: 0px 5px;   }
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: transparent !important;   }
.nav>li>a.mail:focus, .nav>li>a.mail:hover {text-decoration: underline;}
.main-nav .navbar-brand {padding: 0px !important;height: 80px;margin-left: 0 !important;}
.navbar-brand>img {
    height: 100%;
}
.main-nav ul li a {color: #fff;font-size: 15px;padding: 50px 10px 10px;margin-left: 6px;font-weight: 400;}
.main-nav ul li a:hover {color: var(--color-brown);}
.main-nav nav.navbar {margin: 0px;}
header {box-shadow: 0px 6px 10px rgba(85, 85, 85, 0.27); position: fixed; line-height: 32px; width: 100%;background-color: #fff;}
.top-nav ul.contact-details li a:hover {color: var(--color-brown);}
.main-nav li.active a {color: var(--color-gold-l);}
.top-nav ul.navbar-right li a {/* color: #666; */font-size: 12px;font-weight: 600;padding: 0px !important;}
.sticky {position: fixed;top: 0;width: 100%; transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
a.blink_me.color-red {font-weight: 600;}
#main-nav {background-color: #4b4c4d;z-index: 9999;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.main-nav li.active  a, .main-nav li:hover a {border-bottom: 2px solid var(--color-gold-l);}
.main-nav li.active a:after , .main-nav li a:hover {opacity: 1;}
.main-nav li.active a:after  {position: absolute;bottom: 0;content: '';left: 50%;display: block;height: 3px;width: 3px;margin: 0 0 -1px -2px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.main-nav li a:after , .main-nav li a:hover {background: var(--color-gold-l);}
.blink_me {animation: blinker 1s ease-in-out infinite; }
 @keyframes blinker {50% {opacity: 0.3;}}
div#main-nav li span {margin-right: 2px;}
 .main-nav .nav .open>a, .main-nav .nav .open>a:focus, .main-nav .nav .open>a:hover { background-color: transparent !important; border-color: #ee3733 !important;}
.main-nav li ul.dropdown-menu li a{background-color: transparent !important;background: transparent;}
.main-nav li ul.dropdown-menu#my-account {    width: 180px;background: #fff !important;right: auto;left: 0 !important;     padding: 0px !important;}
.main-nav li ul.dropdown-menu#my-account li a { display: block;color: #666;font-size: 15px;font-family: 'Open Sans',sans-serif;padding: 11px 16px;text-decoration: none;text-transform: capitalize;transition: padding .2s ease-in-out;-moz-transition: padding .2s ease-in-out;-webkit-transition: padding .2s ease-in-out;-o-transition: padding .2s ease-in-out;margin-left: 0 !important;border: 1px solid rgba(0,0,0,0.04);}
.main-nav .dropdown:hover .dropdown-menu#my-account {display: block;}
.main-nav li ul.dropdown-menu#my-account li a:hover {color: var(--color-brown); padding-left: 18px;}
li.dropdown.open {color: var(--color-brown);}
/*---------- close-header ----------*/

/*sign-in*/
.SetLink h3 {margin: 5px 0 0 15px !important; color: #444;font-size: 18px;line-height: 20px;font-weight: 600;}
.panel-body {padding: 4px 15px 10px;}
form div.input-group {margin: 10px 0 15px 0;}
.modal-width-sign-in { margin-top: 130px;width: 410px;}
.border-signup{padding-top: 15px;float: left;border-top: 1px solid #888;width: 100%;vertical-align: middle;}
.signin-checkbox {padding: 12px 0px 0px 3px;font-size: 13px; color: #666; font-weight: 300;}
.modal-content { border-radius: 8px; }
#Modal-signin a { color: var(--color-brown); text-decoration: underline;}
#Modal-signin .btn-toggle-red{    font-size: 14px;}
.btn.active, .btn:active {background: var(--bg) !important;border-color: var(--color-brown);}
.fancybox-close {cursor: pointer;height: 36px;position: absolute;right: -18px;top: -18px;width: 36px;z-index: 8040;background-image: url(../images/fancybox_sprite.png);}
#Modal-signin .panel {margin-bottom: 0px;border-radius: 8px;}
#Modal-signin .form-group {margin-bottom: 0px ; }
.blink_me.float-right {font-weight: bold;font-size: 14px;}
.float-right {float: right;}
.float-left {float: left;}
/*sign-in*/


/*footer*/
.footer {background-color: #ffffff;padding-top: 20px;margin-top: 20px;/* border-top: 1px solid #f4f4f4; */color: #4c4c4c;box-shadow: 0px -6px 16px 0px rgb(177 177 177 / 27%);}
ul.member-list li a img {margin: 3px;height: 55px;width: auto;border: 0px solid;-moz-box-shadow: 0 0 2px #888;/* -webkit-box-shadow: 0 0 2px #888; *//* box-shadow: 0 0 2px #888; */border-radius: 6px;}
ul.member-list li {list-style: none;display: inline-block;background: #fcfcfc;border-radius: 8px;border: 1px solid #b5b5b5;}
ul.member-list li a img.member-list-last {width: auto;height: 55px;}
.footer ul.member-list {margin: 0px;text-align: center;}
.footer .member h3 {padding-bottom: 10px;color: var(--color-grey-d);font-size: 16px !important;text-align: center !important;margin: 0;line-height: 24px;font-weight: 600;}
.feedback {
    padding-top: 30px;
    padding-left: 15px;
}
.footer .feedback h3 {
    color: var(--color-grey-d);
    font-size: 16px !important;
    text-align: left !important;
    margin: 10px 0 10px 0 !important;
    line-height: 24px;
    font-weight: 600;
    border-bottom: 1px solid #676767;
    display: inline-block;
}
.footer .feedback h3.feed {
    margin-left: 15px !important;
}
.footer .feedback p {
    color: #000000;
}
.footer .feedback p span {
  color: #896602;
}
.footer .feedback .app img {
  height: 40px;  
}
.img-width-32 {width: 32px;}
.img-width-35 {width: 35px;}
ul.social-icon-list li {
    list-style: none;
    display: inline-block;
    background: #262626;
    border-radius: 6px;
    }
ul.social-icon-list li img {    
    padding: 1px;
    border-radius: 3px;
    width: 30px;
    height: auto;
}ul.social-icon-list li i {
    padding: 5px 10px 2px;
    border-radius: 6px;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    color: var(--color-grey-d);
    background: var(--bg);
}
.footer ul {margin: 0px;}
.footer p {margin: 0px; font-size: 14px; line-height: 21px;}
.footer p img {width: 20px;}
.footer form p span {font-weight: 600;}
.footer a:hover {color: #666;text-decoration: underline;}
.footer a {color: #666;text-decoration: none;}
.copyright p {font-size: 13px;}
.copyright p a {font-size: 13px;color: var(--color-grey-d);font-weight: 600;}
.footer .col-md-7 h3 {margin-bottom: 15px !important;margin-left: 15px !important;}
/*footer*/

@media (max-width: 991px) {.padding-top-100 {padding-top: 90px !important;}}

/*datepicker*/
.ui-widget.ui-widget-content {
    border: 1px solid var(--color-gold-d) !important;
}
.ui-widget-header {
    border: 1px solid var(--color-gold-d) !important;
    background: var(--color-gold-d) !important;
    color: #ffffff !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
    border: 1px solid #424242 !important;
    background: #f6f6f6 !important;
    color: #000000 !important;
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
    color: #000;
    background-color: #f6f6f6;
    border-color: #ee3733;
}
/*datepicker*/



#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    opacity: .7;
    background-color: #000;
    z-index: 2000;
    text-align: center;
    display: none;
}
.LoderImage {
    max-width: 100px;
    height: auto;
}
#loading-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 97px;
    height: 97px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 2px;
}
.alertify .ajs-header {
    color: #000;
    font-weight: 700;
    background: #fafafa;
    border-bottom: #eee 1px solid;
    border-radius: 2px 2px 0 0;
}

.alertify .ajs-header {
    margin: -24px -24px 0;
    padding: 16px 24px;
    background-color: #fff;
}
.alertify .ajs-body {
    color: #000;
}
.alertify .ajs-body {
    min-height: 56px;
}
.alertify .ajs-footer {
    background: #fbfbfb;
    border-top: #eee 1px solid;
    border-radius: 0 0 2px 2px;
}
.alertify .ajs-footer {
    padding: 4px;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 43px;
    background-color: #fff;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
    margin: 4px;
    padding: 5px;
    border-radius: 5px;
    color: #191919;
    font-size: 14px;
    font-weight: 600;
    background-color: white;
}
.alertify-notifier .ajs-message.ajs-success {
  background: rgba(91, 189, 114, 0.95);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-error {
  background: rgba(217, 92, 92, 0.95);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message {
  border: 2px solid #ddd;
}
/* .alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
    top: 100px !important;
} */
.alertify-notifier.ajs-top {
    top: 100px;
}
header {
/*   box-shadow: 0px 6px 10px rgba(85, 85, 85, 0.27);
top: 0;
width: 100%;*/
  position: fixed !important;
  z-index: 1001; 
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.dashboard-heading {
        background-color: #f2f2f2;
        margin-bottom: 10px;
}

.dashboard-heading h1 {
    font-size: 22px;
    line-height: 30px;
    margin: 0px;
    padding-top: 6px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 6px;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #c1c1c1 !important;
}
table.dataTable.no-footer {
    border-bottom: none !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, 
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom: none;
    border-left: none;
}