* {
     margin: 0;
     padding: 0;
}
 body {
     background-position: top;
     background-color: #f8fdff;
     font-size: 14px;
     line-height: 22px;
     color: #000;
     margin: 0;
     padding: 0;
     letter-spacing: 0;
     font-family: 'Mulish', sans-serif;
     overflow-x: hidden;
}
 :root {
     --blue: #D52427;
     --yellow: #FFE143;
     --blue-hover: #d52427;
     --grey-para: #505258;
     --grey-black: #040F2C;
}
/*font-family: 'Noto Serif', serif;
 */
 .clear {
     clear: both;
}
 ul {
     list-style: none;
}
 a:focus, :focus {
     outline: none !important;
}
 a:hover {
     text-decoration: none !important;
}
 a {
     text-decoration: none;
}
 a img {
     border: none;
}
 h1 {
     font-size: 25px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h2 {
     font-size: 22px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h3 {
     font-size: 20px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h4 {
     font-size: 18px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h5 {
     font-size: 15px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h6 {
     font-size: 14px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 p {
     font-size: 12px;
     color: #454545;
     margin: 0;
     padding: 0;
}
/*new*/
 a {
     padding: 0px;
     margin: 0px;
     outline: none;
}
 ul {
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 label {
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 ul li {
     padding: 0px;
     margin: 0px;
}
 h1, h2, h3, h4, h5, h6 {
     padding: 0px;
     margin: 0px;
}
 input[type="text"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="text"]::-moz-placeholder {
     opacity: 1;
}
 input[type="password"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="password"]::-moz-placeholder {
     opacity: 1;
}
 input[type="search"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="search"]::-moz-placeholder {
     opacity: 1;
}
 input[type="email"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="email"]::-moz-placeholder {
     opacity: 1;
}
 input[type="tel"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="tel"]::-moz-placeholder {
     opacity: 1;
}
 textarea::-moz-placeholder {
     opacity: 1;
}
 textarea::-webkit-placeholder {
     opacity: 1;
}
 a:hover {
     outline: none !important;
     text-decoration: none;
}
 a:active {
     outline: none !important;
     text-decoration: none;
}
 a {
     text-decoration: none !important;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 img {
     vertical-align: middle;
     border-style: none;
}
 .btn.focus, .btn:focus {
     outline: 0;
     box-shadow: none;
}
/*--navbar--*/
 .navbar-bg {
     content: " ";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 70px;
     z-index: -1;
}
 .navbar {
     height: 60px;
     left: 265px;
     width: calc(100% - 265px);
     right: 0;
     position: fixed;
     z-index: 890;
     background-color: transparent;
}
 .sidebar-mini .navbar{
     width: calc(100% - 67px) 
}
 .collapse-btn img {
     width: 22px;
}
 .theme-white .navbar {
     background: #FFFFFF;
     box-shadow: 5px 5px 18px 0 rgb(0 0 0 / 7%);
}
 .main-sidebar, .navbar, .main-content, .main-footer {
     transition: all 0.5s;
}
 .navbar {
     align-items: center;
}
 .main_right_navs li a {
     font-family: 'Mulish';
     font-style: normal;
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     letter-spacing: 0.04em;
     padding: 0 17px;
     color: #040F2C;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .nav-link.nav-link-user {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
}
 .main_right_navs {
     align-items: center;
}
 .nav-link-user span {
     background: #fff;
     border-radius: 50%;
     width: 38px;
     height: 37px;
     overflow: hidden;
     display: inline-block;
     position: relative;
     margin-right: 5px;
}
 .nav-link-user {
     display: flex;
     align-items: center;
     margin-left: 25px;
}
 .nav-link-user span img {
     max-height: 100%;
     max-width: 100%;
     width: auto;
     height: auto;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
}
 .sidebar-mini .main-sidebar .sidebar-menu li a em {
     width: 100%;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     line-height: 48px;
}
 .sidebar-mini .sidebar-brand a .header-logo {
     display: inline-block;
     width: 70px;
}
 .sidebar-mini .main-sidebar .sidebar-brand {
     display: inline-block;
     width: 100%;
     text-align: center;
     height: 70px;
     line-height: 70px;
     border-bottom: 1px solid #DCDBDB;
}
 .sidebar-mini .main-sidebar .sidebar-brand a {
     left: 0;
}
 .sidebar-mini .main-sidebar .sidebar-menu {
     height: calc(100vh - 70px);
}
 body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a {
     padding-left: 20px;
     position: relative;
     color: #1c77ff 
}
 body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
     background-color: #fff 
}
 .nav-link-user p {
     
     font-style: normal;
     font-weight: 500;
     font-size: 17px;
     line-height: 23px;
     text-align: center;
     letter-spacing: -0.03em;
     color: #040F2C;
     margin-bottom: 0;
}
 .main_right_navs li a:hover {
     color: #D52427;
}
 .main-sidebar, .navbar, .main-content, .main-footer {
     transition: all 0.5s;
}
 .main-sidebar {
     box-shadow: 0 4px 14px 0 rgb(0 0 0 / 10%);
     position: fixed;
     top: 0;
    /*height: 100%;
     */
     width:265px;
     background-color: #fff;
     z-index: 897;
     left: 0;
}
 .main-sidebar .sidebar-brand {
     display: inline-block;
     width: 100%;
     text-align: center;
     height: 70px;
     line-height: 70px;
}
 .main-sidebar .sidebar-brand a {
     text-decoration: none;
     text-transform: uppercase;
     letter-spacing: 3px;
     font-weight: 700;
     font-size: 23px;
     vertical-align: bottom;
     color: #000;
     position: fixed;
     height: auto;
     left: 17px;
}
 .main-sidebar .sidebar-menu {
     padding: 0;
     margin: 0;
}
 .main-sidebar .sidebar-menu li {
     display: block;
     margin-right: 0;
     margin-bottom: 5px;
}
 .main-sidebar .sidebar-menu li a {
     position: relative;
     display: flex;
     align-items: center;
     padding: 0px 10px;
     width: 100%;
     letter-spacing: 0px;
     line-height: 23px;
     color: #60686f;
     font-weight: 600;
     text-decoration: none;
}
.light-sidebar .main-sidebar .sidebar-menu li a.active, .light-sidebar .main-sidebar .sidebar-menu li a:hover {
    background-color: #fff;
    border-radius: 0;
    color: #424448;
    box-shadow: 5px 5px 18px 0 rgb(0 0 0 / 7%);
}
 body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li>a.active {
     position: relative;
     color: #fff;
}
 .sidebar-mini .footer_details {
     padding-left: 91px;
}
.main-sidebar .sidebar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 60px;
    line-height: 60px;
    background: #ea2128;
}
 .main-sidebar .sidebar-menu {
     padding: 0;
     margin: 0;
     height: 100vh;
     overflow: auto;
     cursor: pointer;
     background: #fff !important;
     border-radius: 0;
}
 .main-sidebar .sidebar-menu li a em {
     width: 28px;
     cursor: pointer;
}
 .main-sidebar .sidebar-menu li a {
     padding-left: 10px;
     padding-right: 0;
}
 .main-sidebar .sidebar-menu li a em img{
     width: 20px;
     display: none;
}
 .main-sidebar .sidebar-menu li a{
     font-family: 'Mulish';
     font-style: normal;
     font-weight: 600;
     font-size: 14px;
     line-height: 51px;
     color: #424448;
     text-transform: capitalize;
}
 .main-sidebar .sidebar-menu li a span {
     font-family: 'Mulish';
     font-style: normal;
     font-weight: 600;
     font-size: 14px;
     line-height: 51px;
     color: #424448;
     text-transform: capitalize;
     display: block;
}
.light-sidebar .main-sidebar .sidebar-menu li a {
    background-color: #fff;
    border-radius: 0;
    align-items: center;
    gap: 10px;
}
 .light-sidebar .main-sidebar .sidebar-menu li a.active span, .light-sidebar .main-sidebar .sidebar-menu li a:hover span {
     color: #D52427;
}
 .light-sidebar .main-sidebar .sidebar-menu li a.active em, .light-sidebar .main-sidebar .sidebar-menu li a:hover em {
     filter: brightness(0) invert(1);
}
 .sidebar-mini .main-sidebar {
     width: 70px;
     overflow: initial !important;
     position: fixed;
     box-shadow: none;
}
 .sidebar-mini .navbar {
     left: 65px;
}
 .sidebar-mini .main-sidebar .sidebar-menu>li {
     padding: 10px 4px 1px 4px;
}
 .sidebar-mini .main-sidebar .sidebar-menu>li>a {
     border-radius: 3px;
     height: 45px;
     padding: 0;
     text-align: center;
     justify-content: center;
     display: flex;
     align-items: center;
}
 .light-sidebar.sidebar-mini .main-sidebar .sidebar-menu li.active a {
     box-shadow: none;
     color: #1c77ff;
}
 .sidebar-mini .main-sidebar .sidebar-menu>li>a span {
     display: none;
}
 .sidebar-mini .main-sidebar .sidebar-menu li {
     display: block;
     margin-right: 0;
     margin-bottom: 5px;
}
 .light-sidebar.sidebar-mini .main-sidebar .sidebar-menu li a.active, .light-sidebar.sidebar-mini .main-sidebar .sidebar-menu li a:hover {
     border-radius: 0px;
}
 .jqstooltip {
     box-sizing: content-box 
}
 .contentin {
     padding: 17px 0 17px 17px;
     width: 267px;
     height: 200px;
     overflow-y: unset;
     mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
     mask-size: 100% 20000px;
     mask-position: left bottom;
     -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
     -webkit-mask-size: 100% 20000px;
     -webkit-mask-position: left bottom;
     transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
 .contentin:hover {
     -webkit-mask-position: left top;
}
 @keyframes background {
     from {
         background: #fff;
    }
     to {
         background: #fff;
    }
}
 .wrapperin {
     float: left;
     animation: background 5s infinite alternate;
     width: 100%;
}
 .container {
     white-space: nowrap;
     overflow-y: hidden;
     width: 500px;
     display: block;
     position: relative;
     scrollbar-width: thin;
     scrollbar-color: #e3e3e3 transparent;
}/*
.form-control[type=file] {
    line-height: 32px;
}*/
/* firefox */
 //firefox .wrapperin:-webkit-scrollbar {
     width: 4px;
}
 .wrapperin:-webkit-scrollbar-track {
     background: transparent;
}
 .wrapperin:-webkit-scrollbar-thumb {
     background-color: $gray--lighter;
     border-radius: 6px;
     border: 3px solid transparent;
}
/* webkit browsers */
 .wrapperin::-webkit-scrollbar, .wrapperin::-webkit-scrollbar-thumb {
     height: 26px;
     border-radius: 13px;
     background-clip: padding-box;
     border: 10px solid transparent;
}
 .wrapperin::-webkit-scrollbar-thumb {
     box-shadow: inset 0 0 0 10px;
}
 .contentin::-webkit-scrollbar {
     width: 6px;
}
 .contentin::-webkit-scrollbar-track {
     background: #e6e6e6;
     border-radius: 10px;
}
 .contentin::-webkit-scrollbar-thumb {
     background: #040F2C;
     border-radius: 10px;
}
 .contentin::-webkit-scrollbar-thumb:hover {
     background: #040F2C;
}
 .contentin::-moz-scrollbar {
     width: 6px;
}
 .contentin::-moz-scrollbar-track {
     background: #e6e6e6;
     border-radius: 10px;
}
 .contentin::-moz-scrollbar-thumb {
     background: #040F2C;
     border-radius: 10px;
}
 .contentin::-moz-scrollbar-thumb:hover {
     background: #040F2C;
}
 .contentin::scrollbar {
     width: 6px;
}
 .contentin::scrollbar-track {
     background: #e6e6e6;
     border-radius: 10px;
}
.contentin::scrollbar-thumb {
    background: gray;
    border-radius: 10px;
}
    .contentin::scrollbar-thumb:hover {
        background:gray;
    }
.contentin {
    overflow-y: scroll;
    scrollbar-color: gray #e6e6e6;
    scrollbar-width: thin;
    border-radius: 10px;
}
 body.sidebar-gone .main-sidebar {
     left: -310px 
}
 .sidebar-mini .main-sidebar .contentin {
     width: 70px;
}
 .sd_off {
     display: none;
}
/*main-content*/
 .main-content {
     padding-left: 285px;
     padding-right: 15px;
     padding-top: 80px;
     width: 100%;
     position: relative;
}
 .sidebar-mini .main-content, .sidebar-mini .main-footer {
     padding-left: 90px;
}
 .pages_headings {
     margin-bottom: 10px;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .pages_headings a {
     font-weight: 600;
     font-size: 16.8px;
     line-height: 34px;
     padding: 0px 0px;
     letter-spacing: 0;
     height: 30px;
     border-radius: 4px;
     background: #fff;
     color: #424448;
     text-decoration: none;
     margin-left: 15px;
     text-decoration: none !important;
}
 .pages_headings a:hover{
     color: #d52427 
}
 .pages_headings h2 {
     
     font-style: normal;
     font-weight: 700;
     font-size: 21px;
     line-height: 26px;
     letter-spacing: -0.02em;
     color: #040F2C;
     text-transform: capitalize;
}
 .box_cards {
     background: #FFFFFF;
     box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
     border-radius: 11px;
     border: none;
     position: relative;
     margin-bottom: 30px;
     padding: 18px 20px;
     /*min-height: calc(100vh - 200px);*/
}
 .from_inputs {
     margin-bottom: 29px;
     position: relative;
}
 .from_inputs label, .uplodimg label {
     display: block;
     width: 100%;
     font-weight: 600;
     color: #2e2f37;
     font-size: 14.1px;
     letter-spacing: 0;
     text-transform: capitalize;
     margin-bottom: 0px;
     font-family: 'Mulish', sans-serif;
     text-transform: capitalize;
}
 .uplodimg label{
     margin-bottom: 5px;
}
 .from_inputs input, .from_inputs select, .from_inputs textarea {
     border: 0;
     border-bottom: 1px solid #d5d6e5;
     padding: 0 0px;
     height: 40px;
     border-radius: 0px;
     width: 100%;
     outline: none !important;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     text-overflow: ellipsis;
     font-family: 'Mulish';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 22px;
     color: #565658;
     position: relative;
     text-transform: capitalize;
}
 .from_inputs input::placeholder, .from_inputs select::placeholder, .from_inputs textarea::placeholder {
     color: #9D9E9F;
}
 .from_inputs input:hover, .from_inputs select:hover, .from_inputs textarea:hover, .from_inputs input:focus, .from_inputs select:focus, .from_inputs textarea:focus {
     border-color: #D52427;
}
 .from_inputs select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: url(../~/images/chevron-down1.png)no-repeat right 0px center #fff0;
}
 .from_inputs textarea {
     height: 92px;
     padding-top: 8px;
     resize: none;
}
 .uplodimg {
     width: 100%;
}
 .uplodimgfil {
     -ms-flex: 0 0 32%;
     flex: 0 0 32%;
     max-width: 32%;
     padding-right: 15px;
}
 .uplodimg input[type="file"] {
     display: none;
}
 .inputfile+label {
     max-width: 100% !important;
     width: 100%;
     padding: 0 !important;
     padding-right: 0px;
     padding-left: 0px;
     padding-left: 11px !important;
     padding-right: 16px !important;
     height: 44px;
     line-height: 43px;
     display: flex !important;
     justify-content: space-between !important;
     align-items: center !important;
     font-family: 'Mulish';
     font-style: normal;
     font-weight: 600;
     font-size: 14px;
     color: #FFFFFF;
}
 .inputfile-1+label {
     background: #D52427;
     border: 1px solid #D52427;
     box-sizing: border-box;
     box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
     border-radius: 5px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     margin-bottom: 0;
     cursor: pointer;
}
 .uplodimg label img {
     float: right;
     width: 16px;
}
 .inputfile-1+label:hover {
     background: #1b1b1b !important;
     border: 1px solid #1b1b1b;
}
 .uplodimg_pick img {
     width: 50px;
     height: 50px;
     object-fit: cover;
}
 .uplodimg_pick {
     align-self: flex-end;
}
 .images_re {
     display: flex;
     align-items: center;
}
/*-footer---*/
 .main-content {
     min-height: 400px;
}
.footers {
    position: relative;
    width: 100%;
    height: 48px;
    background: #ea2128;
    display: flex;
    align-items: center;
    bottom: 0;
}
 .footer_details {
     padding-left: 285px;
     padding-right: 15px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
}
 .ft_links {
     display: flex;
     align-items: center;
     justify-content: flex-end;
}
 .footer_details p {
     font-family: 'Mulish';
     font-style: normal;
     font-weight: 400;
     font-size: 13.7px;
     line-height: 30px;
     letter-spacing: 0.4px;
     color: #FFFFFF;
}
 .footer_details p a {
     color: #D52427;
}
 .ft_links li a {
     margin-left: 8px;
}
 .ft_links li a img {
     transition: transform .25s ease-out;
     width: 22px;
}
 .ft_links li a img:hover {
     transition: transform .25s ease-out;
     transform: translateY(-5px);
}
 .drpnones {
     display: none !important;
}
 nav.navbar.navbar-expand-lg.main-navbar.sticky {
     padding: 0 15px;
}
 .new_texts {
     display: none;
     position: absolute;
     left: 50%;
}
 .main-sidebar .sidebar-menu li a .feather {
     height: 18px;
     width: 18px;
     display: block;
     margin-right: 7px;
     text-align: center;
     fill: rgba(75, 75, 90, 0.12);
}
/*radio*/
 .serach-radio .radio {
     display: flex;
     align-items: center;
     padding-right: 23px;
     line-height: 40px;
     cursor: pointer;
     position: relative;
     width: auto !important;
     float: left;
     FONT-WEIGHT: 600;
}
 .serach-radio .radio:hover .inner {
     -webkit-transform: scale(0.5);
     -ms-transform: scale(0.5);
     transform: scale(0.5);
     opacity: .5;
}
 .serach-radio .radio input {
     width: 1px;
     height: 1px;
     opacity: 0;
     position: absolute;
     left: 0;
     top: 0;
}
 .serach-radio .radio input:checked+.outer .inner {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1;
}
 .serach-radio .radio input:checked+.outer {
     border: 1px solid #D52427 
}
 .serach-radio .radio input:focus+.outer .inner {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     background-color: #D52427;
}
 .serach-radio .radio .outer {
     width: 20px;
     height: 20px;
     display: block;
     float: left;
     margin: 2px 7px 0 0;
     border: 1px solid #040F2C;
     border-radius: 50%;
     background-color: #fff;
}
 .serach-radio .radio .inner {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     width: 10px;
     height: 10px;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     display: block;
     margin: 4px;
     border-radius: 50%;
     background-color: #D52427;
     opacity: 0;
}
/*radio*/
 .radio_inputs {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin-top: 5px;
}
 .radio_inputs label {
     font-family: 'Mulish';
     font-style: normal;
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     color: #11101D;
     margin-right: 15px;
}
 .radio_inputs .serach-radio label {
     font-family: 'Mulish';
     font-style: normal;
     font-weight: 500;
     font-size: 18px;
     line-height: 24px;
    /* or 289% */
     color: #11101D;
}
 .submit_btns, .new_ntns {
     border-radius: 4px;
     background: var(--blue);
     width: auto;
     padding: 0 20px;
     height: 45px;
     color: #FFF;
     font-family: Mulish;
     font-size: 15px;
     font-style: normal;
     font-weight: 500;
     display: flex;
     align-items: center;
     justify-content: center;
     line-height: normal;
     margin-top: 20px;
     border:0;
     cursor: pointer;
}
 .submit_btns img {
     margin-right: 8px;
}
 .submit_btns:hover {
     background: var(--blue-hover);
     color: #fff;
}
 .product_thumbs ul{
     display: flex;
     align-items: center;
     width: 100%;
     flex-wrap: wrap;
}
 .product_thumbs ul li {
     width: 15%;
     margin-right: 1%;
     margin-bottom: 15px;
}
 .product_thumbs{
     margin-top: 15px;
     margin-bottom: 8px;
}
 .product_thumbs ul li span {
     width: 100%;
     height: 150px;
     padding: 8px;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     border: 1px solid #e5e5e5;
     position: relative;
}
 .product_thumbs ul li img{
     max-width: 100%;
     max-height: 130px;
     object-fit: cover;
}
 .galery_links{
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 7px;
}
 .crs_links {
     background: #000;
     border-radius: 5px;
     width: 20px;
     height: 20px;
     font-weight: 600;
     font-size: 11.5px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
}
 .new_de {
     background: #fff;
     border: 1px solid #D52427;
     border-radius: 4px;
     width: 58%;
     height: 23px;
     font-weight: 700;
     font-size: 11px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #D52427;
}
 .default_img {
     position: absolute;
     top: 10px;
     left: 10px;
     color: #fff;
     font-size: 11px;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 25px;
     width: 25px;
     line-height: 14px;
     border-radius: 240px;
     background: green;
}
 .crs_links svg {
     width: 12px;
     height: 12px;
}
 .crs_links:hover , .new_de:hover{
     background: var(--blue-hover);
     color: #fff 
}
 .product_thumbs span:hover .crs_links {
     display: flex;
}
 .crs_links svg {
     width: 14px;
     height: 14px;
}
 .price-range-slider {
     width:100%;
     float:left;
     padding:0px 4px;
}
 .bordero{
     border: 0 !important;
     height: 29px !important;
}
 .price-range-slider .ui-widget.ui-widget-content {
     border: 0;
     background: #ededed;
}
 .price-range-slider .ui-widget.ui-widget-content {
     border: 0;
     background: #ededed;
     height: 5px;
     margin-top: 4px;
}
 .price-range-slider .ui-state-default, .price-range-slider .ui-widget-content .ui-state-default, .price-range-slider .ui-widget-header .ui-state-default, .price-range-slider .ui-button, html .ui-button.ui-state-disabled:hover, html .price-range-slider .ui-button.ui-state-disabled:active {
     border: 0;
     background: #D52427;
     font-weight: normal;
     color: #454545;
     border-radius: 50%;
}
 .price-range-slider .ui-slider-horizontal .ui-slider-handle {
     top: -6px;
     margin-left: -.6em;
}
 .ui-slider-horizontal .ui-slider-range {
     background: #b2e1f1;
}
/*--- /.price-range-slider ---*/
 .admin_table{
     margin-top: 0px;
     padding-top: 25px;
     border-top: 1px solid #ececef 
}
 .admin_table h2{
     
     font-style: normal;
     font-weight: 700;
     font-size: 19px;
     line-height: 26px;
     letter-spacing: -0.02em;
     color: #040F2C;
     margin-bottom: 14px;
}
 table th {
     background: #e9e9e9 !important;
     
     font-style: normal;
     font-weight: 700;
     font-size: 15px;
     line-height: 20px;
     letter-spacing: -0.02em;
     color: #040F2C;
     text-transform: capitalize;
}
 table td {
     font-family: 'Mulish';
     font-style: normal;
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 0;
     color: #505258;
}
 .pro_imgs img{
     width: 80px;
     height: 80px;
     object-fit: cover;
}
 .badges {
     vertical-align: middle;
     padding: 1px 6px !important;
     font-weight: 600;
     letter-spacing: 0.3px;
     border-radius: 30px;
     font-size: 11px;
     text-align: center;
     max-width: 117px;
     white-space: nowrap;
}
 .badge-success , .btn-success {
     background-color: green;
     color: #fff 
}
 .new_btns {
     font-weight: 600;
     font-family: 'Mulish';
     font-size: 11px;
     line-height: 15px;
     padding: 5px 7px;
     letter-spacing: 0;
     border-radius: 4px;
     height: 25px;
     margin-bottom: 4px;
     cursor: pointer;
     white-space: nowrap;
     display: inline-block;
}
 .wd-30{
     width: 30% 
}
 .theme-white .btn-primary {
     background: var(--blue);
     color: #fff !important;
}
 .edit_btns {
     background-color: #63C5DA !important;
     color: #fff !important;
}
 .btn-danger , .badge-dan{
     background: red!important;
     color: #fff !important;
}
 .blck_btns{
     background: var(--grey-black)!important;
     color: #fff !important;
}
 .btn-info{
     background: #fbb425!important;
     color: #fff !important;
}
 .new_btns:hover{
     background: var(--blue-hover)!important;
     color: #fff !important;
}
 .badge-info{
     background: #fbb425!important;
     color: #fff !important;
}
 .expert_pagination {
     text-align: center;
     margin-top: 15px;
}
 .expert_pagination .paginationsec {
     justify-content: left;
}
 .paginationsec {
     width: 100%;
     padding-top: 6px;
     display: inline-block;
     display: flex;
     justify-content: flex-start;
}
 .paginationsec li {
     float: left;
}
 .paginationsec li:last-child a {
     border-right: solid 1px #e1e1e1;
     border-radius: 0 7px 7px 0;
}
 .paginationsec li:first-child a {
     border-right: solid 1px #e1e1e1;
     border-radius: 7px 0 0 7px;
}
 .paginationsec li a {
     width: 37px;
     height: 42px;
     color: #3b40429e;
     font: 600 15px/46px 'Mulish', sans-serif;
     background: #fff;
     border-top: solid 1px #e1e1e1;
     border-bottom: solid 1px #e1e1e1;
     border-left: solid 1px #e1e1e1;
     display: inline-block;
     text-align: center;
     line-height: 36px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .paginationsec li a.actv {
     background: #D52427;
     color: #fff;
}
 .paginationsec li a:hover {
     background: #d52427;
     color: #fff;
}
 .dpb, .dpn {
     margin: auto;
     margin-top: 15px;
}
 .dpb {
     display: block;
}
 .dpn {
     display: none;
}
 .paginationsec li a:hover .dpb {
     display: none;
}
 .paginationsec li a:hover .dpn {
     display: block;
}
 .flex-end{
     justify-content: flex-end;
}
 .uplodimg_pick img {
     width: 50px;
     height: 50px;
     object-fit: cover;
}
 .uplodimg_pick {
     align-self: flex-end;
}
 .wd-50{
     width: 50%;
}
 .from_heads h2{
     margin-top: 0px;
     
     font-style: normal;
     font-weight: 700;
     font-size: 18px;
     line-height: 26px;
     letter-spacing: -0.02em;
     color: #040F2C;
     margin-bottom: 10px;
}
 #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default {
     border-radius: 0;
}
 .ui-widget.ui-widget-content {
     z-index: 99999999 !important;
}
 .das_icon {
     position: absolute;
     bottom: 11px;
     right: 0;
}
 .das_icon img{
     width: 19px;
}
/* Dropdown Button */
 .dropbtn {
     background-color: #D52427;
     color: white;
     padding: 16px;
     font-size: 16px;
     border: none;
     cursor: pointer;
}
/* Dropdown button on hover & focus */
 .dropbtn:hover, .dropbtn:focus {
     background-color: #2980B9;
}
/* The container <div> - needed to position the dropdown content */
 .dropdown {
     position: relative;
     display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
 .dropdown-content {
     display: none;
     position: inherit;
     background-color: #f1f1f1;
     min-width: 160px;
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     */
     z-index: 1;
     padding-left: 15px;
     width: auto;
}
a.dropbtn:after, a.carter:after {
    position: absolute;
    right: 17px;
    top: 17px;
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/chevron-down1.png);
}
 a.active.dropbtn:after , a.active.carter:after {
     position: absolute;
     right: 7px;
     top: 17px;
     content: "";
     width: 17px;
     height: 17px;
     background: url(../~/images/chevron-down2.png);
}
/* Links inside the dropdown */
 .dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
}
/* Change color of dropdown links on hover */
 .dropdown-content a:hover {
    background-color: #ddd;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
 .show {
    display:block;
}
 .dropdown-content a {
     line-height: 38px !important;
}
 .pro_imgs2 img , .banner_img img{
     width: 250px;
     height: 100px;
     object-fit: cover;
}
 .banner_img{
     margin-top: 15px;
}
/* product-details */
 .pdpg-product-section::after{
     content: '';
     position: absolute;
     width: 254px;
     height: 337px;
     top: 24px;
     right: 0px;
     background-image: url(../~/images/pdpg-bottombg.png);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 .pdpg-product-section{
     margin-bottom: 13px;
}
 .pdpg-bread{
     margin: 20px 0px 30px 0px;
}
 .pdpg-bread .breadcrumb{
     margin-bottom: 0px;
}
 .pdpg-bread .breadcrumb .breadcrumb-item a{
     color: #6B6B6B;
     font-family: 'Mulish';
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: 27px;
    /* 180% */
     letter-spacing: 0.15px;
}
 .pdpg-bread .breadcrumb .breadcrumb-item a:hover{
     color: #d52427;
}
 .pdpg-bread .breadcrumb-item+.breadcrumb-item::before{
     padding: 0px 0px !important;
     margin: 6px !important;
     content: '' !important;
     width: 15px;
     height: 15px;
     display: block;
     background-image: url(../~/images/brd-arw.png);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100% 100%;
}
 .pdpg-bread .breadcrumb-item+.breadcrumb-item {
     padding-left:0px !important;
}
 .pdpg-bread .breadcrumb-item.active{
     color: #212935;
     font-family: 'Mulish';
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: 27px;
     letter-spacing: 0.15px;
}
 .product-main-block{
     border-radius: 6px;
     margin-bottom: 20px;
}
 .pdblk-lft, .pdblk-r8{
     width: 50%;
}
 .pdblk-lft{
}
 .left_slider_area{
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: stretch;
}
 .hhert{
     width: 40px;
     height: 40px;
     display: flex;
     border-radius: 100px;
     border: 1px solid #CAD5DA;
     background: #FFF;
     justify-content: center;
     align-items: center;
     position: absolute;
     top: 13px;
     right: 13px;
     z-index: 99;
     cursor: pointer;
}
 .hhert svg g path{
     fill: #A2ADB0;
}
 .hhert:hover svg g path{
     fill: #d52427;
}
 .pdblk-r8{
     padding: 0px 24px 18px 28px;
}
 span.stock{
     display: flex;
     margin-bottom: 8px;
     color: #FFF;
     font-family: 'Mulish';
     font-size: 14px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: 0.14px;
     text-transform: capitalize;
     width: 77px;
     height: 25px;
     position: relative;
     z-index: 2;
     justify-content: center;
     align-items: center;
}
 span.stock svg{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 77px;
     height: 25px;
     z-index: -1;
}
 .pdblk-r8 h2 {
     color: #040F2C;
     
     font-size: 26px;
     font-style: normal;
     font-weight: 700;
     letter-spacing: -1px;
     line-height: normal;
     margin-bottom: 2px;
}
 .pdblk-r8 h3{
     margin-bottom: 16px;
     color: #44464A;
     font-family: 'Mulish';
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 22px;
    /* 157.143% */
}
 .pdblk-r8 h4{
     margin-bottom: 3px;
     color: #040F2C;
     
     font-size: 17px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: 0.17px;
}
 .pdblk-r8 h5{
     color: #D52427;
     font-family: 'Mulish';
     font-size: 25px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     text-transform: capitalize;
     margin-bottom: 16px;
}
 .pdblk-r8 h5 span{
     color: #878787;
     font-family: 'Mulish';
     font-size: 25px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     text-decoration:line-through;
     text-decoration-thickness: 1px;
     text-transform: capitalize;
}
 .pdblk-r8 p{
     color: #040F2C;
     font-family: 'Mulish';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 23px;
    /* 178.571% */
     letter-spacing: 0px;
     margin-bottom: 11px;
}
 .quant{
     border-radius: 8px;
     border: 1px dashed #C5C5C5;
     padding: 14px 24px 21px 24px;
     width: 100%;
     margin-bottom: 20px;
}
 .quant h6{
     color: #44464A;
     font-family: 'Mulish';
     font-size: 13px;
     font-style: normal;
     font-weight: 600;
     line-height: 22px;
    /* 169.231% */
     letter-spacing: 0.13px;
     text-transform: uppercase;
     margin-bottom: 4px;
}
 .quantity {
    display: inline-block;
     margin-right: 13px;
}
 .quantity .input-text.qty {
     width: calc(100% - 66px);
     height: 54px;
     padding: 0 5px;
     text-align: center;
     background-color: transparent;
     border: none;
     outline: none;
     box-shadow: none;
}
 .quantity.buttons_added {
     text-align: left;
     position: relative;
     white-space: nowrap;
     vertical-align: middle;
     border-radius: 18px;
     border: 1px solid #D3E5E9;
     background: #FFF;
     width: 127px;
     height: 56px;
     display: flex;
     justify-content: space-between;
}
 .quantity.buttons_added input {
     display: inline-block;
     margin: 0;
     vertical-align: top;
     box-shadow: none;
}
 .quantity.buttons_added .minus, .quantity.buttons_added .plus {
     padding:8px;
     background-color: #ffffff;
     border: 1px solid #efefef;
     cursor:pointer;
     border-radius: 16px;
     border: 1px solid #D3E5E9;
     background: #FFF;
     width: 33px;
     height: 54px;
}
 .quantity.buttons_added .minus {
    margin-left: -1px;
}
 .quantity.buttons_added .plus {
    margin-right: -1px;
}
 .quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover {
     background: #d52427;
     color: white;
}
 .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button {
     display: none;
     opacity: 0;
}
 .quantity.buttons_added .minus:focus, .quantity.buttons_added .plus:focus {
     outline: none;
}
 .quant-btn{
     border-radius: 8px;
     border: none;
     outline: none;
     box-shadow: none;
     background: #040F2C;
     width: 184px;
     height: 54px;
     color: #FFF;
     text-align: center;
     font-family: 'Mulish';
     font-size: 16px;
     font-style: normal;
     font-weight: 800;
     line-height: normal;
     text-transform: uppercase;
}
 .quant-btn img{
     margin-right: 5px;
}
 .quant-btn:hover, .quant-btn:focus{
     border: none;
     outline: none;
     box-shadow: none;
     background: #d52427;
}
 .pdpg-share h6{
     margin-bottom: 9px;
     color: #44464A;
     font-family: 'Mulish';
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 22px;
    /* 157.143% */
}
 .pdpg-share ul li a {
     display: block;
     width: 31px;
     height: 31px;
     border-radius: 50%;
     text-align: center;
     margin: 0px 10px 0 0;
     font-size: 17px;
     color: white;
     padding: 3px 0px;
}
 .pdpg-share ul li a:hover{
     color: white;
     transform: translateY(-3px);
}
 .pdpg-text{
     margin-bottom: 57px;
}
 .pdpg-text h6{
     color: #040F2C;
     
     font-size: 32px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: 0.32px;
     margin-bottom: 14px;
}
 .pdpg-text p{
     margin-bottom: 12px;
     color: #505258;
     font-family: 'Mulish';
     font-size: 17px;
     font-style: normal;
     font-weight: 500;
     line-height: 29px;
    /* 170.588% */
     letter-spacing: 0.34px;
}
/* product-details */
/* 14-07 */


/*booking*/
.booking_stat , .booking_ride{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.booking_stat_lefts{
    display: flex;
    align-items: center;
}
.booking_stat_lefts p{
    display: flex;
    align-items: center;
    margin-right: 14px;
    color: #040F2C;
font-family: Averia Libre;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 147.368% */
letter-spacing: -0.19px;
text-transform: capitalize;
}
.booking_stat_lefts p img , .booking_stat_right p img{
    margin-right: 5px;
    width: 17px;
}
.booking_stat_right p{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #4B9669;
font-family: Mulish;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 112.5% */
letter-spacing: 0.16px;
}
.booking_car{
    display: flex;
    align-items: center;

}
.booking_car span{
    height: 29px;
    border-radius: 8px;
    background: #D52427;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    margin-right: 12px;
}
.booking_car p{
    color: #D52427;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 175% */
}
.booking_loaction{
    margin-top: 10px;
}
.booking_loaction ul li p{
    color: #040F2C;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 125% */
display: flex;
align-items: center;
padding: 5px 0;
position: relative;

}
.booking_loaction ul li p img{
    margin-right: 6px;
}
.booking_loaction ul li p:before {
    position: absolute;
    left: 6px;
    content: "";
    top: 21px;
    background: url(../~/images/mid.png);
    width: 2px;
    height: 17px;
}
.booking_loaction ul li:last-child p:before{
    display: none;
}
.booking_ride_right{
    border-radius: 5px;
border: 1px dashed #909597;
background: #FFF;
padding: 10px 25px;
text-align: center;
}
.booking_ride_right h2{
    color: #293C46;
text-align: center;
font-family: Mulish;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 112.5% */
letter-spacing: 0.16px;
margin-bottom: 5px;
}
.booking_ride_right h6{
    color: #D52427;
text-align: center;
font-family: Mulish;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 0.23px;
text-transform: capitalize;
}
.customer_information h2{
    color: #040F2C;
    font-family: Averia Libre;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.19px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.customer_box{
    border-radius: 5px;
border: 1px solid #D6EEEE;
background: #F1F9FC;
padding: 15px 20px;
}
.customer_box_left{
    display: flex;
    align-items: center;
}
.customer_img img{
    width: 41px;
height: 41px;
object-fit: cover;
border-radius: 5px;
margin-right: 12px;
}
.customer_img_info h4 {
    color: #2B2E30;
    font-family: Mulish;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    margin-bottom: 3px;
}
.customer_img_info p{
    color: #23282B;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
display: flex;
align-items: center;
}
.customer_note{
    margin-bottom: 15px;
    padding-top: 8px;
    border-top: 1px dashed #d9d9d9;
}
.customer_note h3{
    color: #040F2C;
    font-family: Averia Libre;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.19px;
    text-transform: capitalize;
}
.customer_note p{
    color: #545454;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    line-height: 20px;
}
.customer_information {
    margin-bottom: 25px;
}
.customer_note ul {
    padding-left: 17px !important;
    list-style-type: disc;
}
.customer_note ul li{
    color: #545454;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    line-height: 20px;
}
.booking_billing h2{
     color: #040F2C;
    font-family: Averia Libre;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.19px;
    text-transform: capitalize;
    margin-bottom: 4px;
}
.billing_box{
    border-radius: 6px;
border: 1px solid #EEF1F4;
background: #FFF;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
}

.table.table-summary {
    line-height: 1.43;
    color: #1c1c1c;
    border: none;
    margin-bottom: 0;
    text-align: left;
    font-size: 15px;
    line-height: 18px;
}
.text-right{
     text-align: right;
}
.summary-subtotal td {
    color: #4E4E56;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.16px;
    border: 0;
    padding: 4px 15px;
}
.table.table-summary .summary-total td {
    padding: 4px 0;
    background: #F1F9FC;
    border-top: 1px solid #D6EEEE;
    border-bottom: 1px solid #D6EEEE;
    margin-top: 16px;
    color: #1A1B2F;
font-family: Mulish;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 39px; /* 229.412% */
letter-spacing: 0.17px;

    padding: 2px 15px;
}
.extra_pading td{
     padding-bottom: 6px;
}
.order_info_id {
    border-radius: 6px;
    border: 1px solid #EEF1F4;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 10%);
    padding: 10px 14px;
    min-height: 226px;
}
.new_lis{
    display: flex;
    align-items: center;

}
.new_lis h3{
    color: #040F2C;
    font-family: Mulish;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px; /* 193.333% */
    letter-spacing: 0.15px;
    margin-right: 5px;
}
.new_lis p {
    color: #040F2C;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0.15px;
    padding-bottom: 0;
}

.profile-top em img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    margin-top: 5px;
}
.profile-top h2 {
    
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: -0.03em;
    color: #040F2C;
    margin-top: 7px;
    text-transform: capitalize;
}
.jbl1 {
    background: #edfbff;
    padding:4px 8px 4px 8px !important;
    margin-bottom: 8px;
    border-top: 1px solid #b4eeff;
    border-bottom:  1px solid #b4eeff;
    margin-top: 8px;
}
.jbl1 img{
    margin-right: 5px;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right;
}
.profile_info p span {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height:29px;
    letter-spacing: 0;
    color: #505258;
}
.text-muted {
    color: #040F2C !important;
    font-weight: 600 !important;
}
.nav-tabs .nav-link{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height:29px;
    letter-spacing: 0;
    color: #040F2C;
}
.nav-tabs .nav-link.active{
    color: #D52427
}
.border_in{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px dashed #d8d8d8
}

/*login*/
.login_sec {
    width: 100%;
    display: inline-block;
    background:  #F1F8FA;
    min-height: 100vh;
}
.login_inr {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_bx {
    max-width: 500px;
    width: 500px;
    margin: 0 auto;
    border-radius: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 26px 6px rgb(0 0 0 / 3%);
    -moz-box-shadow: 0px 0px 26px 6px rgba(0, 0, 0, 0.03);
    padding: 30px;
}
.brand-logo{
    text-align: center;
}
.auth-form-light{
    margin-top: 30px;
}
.auth-form-light h4 {
    color: #212935;
    
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}
.font-weight-light{
        color: #212935;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.34px;
}
.from_inputs{
    position: relative;
}
.input_icon {
    position: absolute;
    bottom: 11px;
    right: 0;
    z-index: 99;
}
.auth-form-btn{
    border: 0;
    cursor: pointer;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #fff;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0.34px;
    background: var(--blue);
    display: block;
    border-radius: 4px;

}
.auth-form-btn:hover{
    color: #fff;
    background: var(--blue-hover);
}
.auth-form-light .from_inputs {
    margin-bottom: 22px;
}
.auth-form-light .from_inputs input {
    height: 34px;
}
.remeber_op{
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tu-check {
    display: block;
    width: auto;
    padding: 8px 0px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    position: relative;
}
 .tu-check {
     display: block;
     width: auto;
     padding: 8px 0px;
     clear: both;
     font-weight: 400;
     color: #212529;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
     position: relative;
}
 .tu-check label:before {
     content: "";
     width: 24px;
     height: 24px;
     border: 1.5px solid #d3d3d3;
     border-radius: 60px;
     margin-right: 13px;
     background-color: #ffffff;
}
 .tu-check input[type=checkbox]+label::before, .tu-check input[type=radio]+label::before {
     border-radius: 174px;
     color: #ffffff;
     font-size: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex: none;
}
 .tu-checksm input[type=checkbox]+label::before, .tu-checksm input[type=radio]+label::before {
     width: 21px;
     height: 21px;
     font-size: 10px;
     top: 8px;
     position: absolute;
     left: 0;
}
 .tu-check input {
     display: none;
}
 .check_languages {
     width: 100%;
}
 .tu-check label {
     margin: 0;
     display: flex;
     align-items: center;
     color: #777;
     font-family: Mulish;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: 0.3px;
     justify-content: space-between;
     width: 100%;
     padding-left: 28px;
}
 .tu-check label p {
     margin: 0;
     display: flex;
     align-items: center;
     color: #464343;
     cursor: pointer;
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 6px;
     width: 100%;
}
 .new_checks .tu-check label {
     font-size: 15px;
}
 .language_ab .new_checks .tu-check {
     padding: 4px 0px;
}
 .new_checks .tu-checksm input[type=checkbox]+label::before, .new_checks .tu-checksm input[type=radio]+label::before {
     width: 17px;
     height: 17px;
     font-size: 10px;
     top: 5px;
     position: absolute;
     left: 0;
}
 .tu-check input:checked+label::before {
     border: 2px solid #D52427;
}
 .tu-check input[type=checkbox]:checked+label::before, .tu-check input[type=radio]:checked+label::before {
     background: url("../~/images/tick1.png");
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     background-color: #D52427;
}
 .star_uls {
     display: flex;
     align-items: center;
     margin-top: 0px !important;
}
 .star_uls li {
     margin-right: 2px;
     line-height: 0;
}
 .tu-checksm .tu-totalreview {
     margin-left: 10px;
     font-style: normal;
}
 .tu-checksm .tu-totalreview>span {
     font-weight: 600;
     color: #1C1C1C;
}
 .tu-checksm .tu-totalreview>span em {
     font-weight: 600;
     font-style: normal;
     color: #999999;
     font-style: normal;
}
 .log-forgot{
     color: var(--blue);
     font-family: Mulish;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     letter-spacing: 0.28px;
}
 .log-forgot:hover{
     color:var(--blue-hover);
}
.main-content{
    min-height: calc(100vh - 48px) !important
}
.card-statistic {
    background-color: #fff;
    border-radius: 3px;
    border: none;
    position: relative;
        padding: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 18px 0 rgb(0 0 0 / 7%);
}
.card-content h5{
    
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #040F2C;
    text-transform: capitalize;
}
.card-content h2{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0;
    color: #D52427;
}
.card-statistic .banner-img img {
    max-width: 100%;
    float: right;
}
.card-content p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #505258;
}
.col-green {
    color: #D52427 !important;
}
.col-orange {
    color: #ff9800 !important;
}

/*senco gold*/
.login-bg {
    background: url(../images/login-bg.png);
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.login-box {
     background: #fff;
     border-radius: 7px;
     width: 100%;
}
.logo-bg {
    background: #D52427;
    border-radius: 7px;
    padding: 15px;
    min-height: 400px;
}
.text-under-logo p {
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     line-height: 26px;
}
.main-logo {
     padding-bottom: 20px;
}
.main-logo img {
     max-width: 100%;
}
.mh-500 {
     min-height: 500px;
}
label {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 6px;
}
.form-group {
    margin-bottom: 15px;
}
.form-control {
    border-radius: 5px;
}
.form-control-lg {
    font-size: 14px;
}
.btn-login {
     height: 50px;
     font-size: 15px;
    line-height: 20px;
}
.btn-theme {
     background: #D52427; 
     color: #fff;
}
.btn-login img {
    margin: 6px 0 0 15px;
}
.btn-theme:hover {
     background: #D5242799; 
     color: #fff;
}
.login_from_body {
    width: 70%;
    padding: 30px 40px;
    background: #fff;
    border: 0;
}
.inner_logn_b {
    padding: 15px;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #b0bdbf;
}
.login_heading {
    margin-top: -30px;
    position: relative;
}
.login_heading h2 {
    display: inline-block;
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 28px;
    color: #2a2c2e;
    font-weight: 600;
}
.login_heading h2:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 115%;
    height: 5px;
    top: 11px;
    left: -14px;
    z-index: -1;
}
.login_heading h2 span {
    font-weight: 700;
}
/*.form-control-lg {
     height: 50px;
}*/
.login_froms {
     padding: 15px;
}
.logo-bg {
    width: 30%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.btn-theme:active, 
.btn-theme:focus {
     background: #D52427;
    color: #fff;
}
.login-bg {
     position: relative;
}
.login-bg:before{
     content: "";
     background: #ffffff60;
     width: 100%;
     height: 100%;
     position: absolute;
}
.login-bg .container-fluid {
     position: relative;
}
/*.btn-all {
     min-height: 50px;
}*/
.btn {
    border-radius: 5px;
}
.pagination a.page-link {
    border: 1px solid #fff;
    color: #505258;
     border-radius: 4px!important;
     margin: 0 4px;
}
.pagination .active>.page-link, .pagination .page-link.active {
    background-color: #fff;
    border-color: #d52427;
    color: #d52427;
}
.pagination .page-item:not(:first-child) .page-link {
    margin-left: 0;
}
table th {
    background: #F6F6F6!important;
    color: #4F6169;
}
.pagination .page-link:hover {
     color: #d52427;
     background-color: #fff;
}
.page-item:first-child .page-link {
     text-transform: uppercase;
}
.page-item:last-child .page-link {
     text-transform: uppercase;
}
.nav-link:hover i img {
     filter: brightness(0) invert(1);
}
.nav-link i {
    background: #fff;
    padding: 5px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
        box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.09);
}
.nav-link:hover i {
    background: #d52427;
    padding: 5px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}
.nav-link i img {
     width: 18px;
     height: 18px;
}

select {
    background-image: url("../images/chevron-down1.png");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 17px 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn-outline {
     color: #D52427;
     border: 1px solid #D52427;
}

.btn-outline:hover {
    background: #D5242799;
    color: #fff;
}

.terms-conditions-text ul li {
    padding: 7.5px 0;
    font-size: 16px;
    line-height: 26px;
}

.btn-xs {
    padding: unset;
    width: 30px;
    height: 30px;
     border-radius: 5px;
}
.btn-xs svg {
     width: 18px;
}
.btn-tbl {
     border: 1px solid #ced4da;
     color: #ced4da;
}
.btn-tbl:hover {
     border: 1px solid #D52427;
     color: #D52427;
}
.leader-name {
     font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #040F2C;
    text-transform: capitalize;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}
.leader-store {
     font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #4F6169;
    text-transform: capitalize;
    padding-bottom: 7.5px;
}
.rounded-top {
    border-radius: 5px 5px 0 0;
}
.leader-thum {
     left: 50%;
}
.leader-thum {
    left: 50%;
    transform: translateX(-50%);
    top: -33px;
    border: 3px solid #D52427;
}
.badge {
     background: #D52427;
}
.badge-position {
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
}
.leader-info {
    padding-top: 40px;
}
.leader-thum img {
    width: 60px;
    height: 60px;
}
.leader-1 .leader-thum img {
    width: 90px;
    height: 90px;
}
.leader-1 .leader-info {
    padding-top: 70px;
}
.pt-30 {
     padding-top: 30px!important;
}
.loading {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: white;
    font-size: 18px;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    margin: 15% auto;
}

.radio-area {
    display: flex;
    gap: 25px;
}
.form--check.form--check--inline {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
}
.form--check.form--check--inline label {
    line-height: unset;
    margin-bottom: 0;
}
.form--check.form--check--inline .form-check-input {
    margin-top: 0;
}
.radio-area .form-group {
    width: 100%;
}
table.dataTable thead th, table.dataTable thead td {
    padding-left: 10px!important;
    border-bottom: 1px solid #dee2e6!important;
}
.table > :not(caption) > * > * {
    border-bottom: 1px solid #dee2e6;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #dee2e6!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #ea2128!important;
    background: linear-gradient(to bottom, #ea2128 0%, #ea2128 100%)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #ea2128!important;
    background: linear-gradient(to bottom, white 0%, #ffffff 100%)!important;
}
.table--responsive .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .table--responsive .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
}
.from_contents form hr {
    border-top: 1px solid #dee2e6;
    margin: 5px -20px;
    opacity: unset;
}
.table--responsive {
position: relative;
}
.btn-download img {
    max-width: 24px;
}
.float-right {
    float: right;
}
.btn-download span {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.btn-download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.btndownload {
    gap: 10px;
}
.table-responsive {
    position: relative;
}
.btn-up-dwn img {
    max-width: 20px;
}
.btn-up-dwn {
    position: absolute;
    left: 12px;
    top: 0;
    z-index: 2;
    gap: 7.5px;
}
    .btn-up-dwn button {
        display: flex;
        gap: 7.5px;
        align-items: center;
    }
    .btn-up-dwn span {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
    }
h4.lgn-msg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 36px;
    font-size: 15px;
}

.dt-buttons {
    position: absolute !important;
    left: initial;
    top: 0;
}
.dt-search {
    padding-bottom: 10px;
}
.dt-buttons button {
    border-radius: 5px !important;
    background: #D52427 !important;
    color: #fff !important;
}
    .dt-buttons button:hover {
        background: #D5242799!important;
        color: #fff!important;
    }

.datatabletdhide {
    display:none;
}
.condition_.float-left {
    padding-bottom: 15px;
    line-height: 30px;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
table.dataTable > tbody > tr > td, 
table.dataTable > thead > tr > th {
    white-space: nowrap;
}


body .btn-h-31 {
    height: 31px;
}

button.btn.btn-theme.btn-all.btnsubmit.btn-sm.btn-h-31,
button.btn.btn-theme.btn-all.btn-sm.btndownload.btn-h-31,
button.btn.btn-theme.btn-all.btn-sm.StoreMarking.btn-h-31 {
    height: 31px;
}
/*.p-b-15.btn-up-dwn {
    top: 16px;
}*/
.form--group select.form-control.form-control-lg.ddlDuration {
    max-height: 31px !important;
    min-height: 31px !important;
    padding: .375rem .75rem!important;
}
.form--group {
    padding-left: 10px;
}
.modal-header {
    /*background: #d52427;*/
    color: #fff;
    margin: 0;
    border-radius: 15px 15px 0 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
}
.modal-content {
    border-radius: 15px !important;
    background: #d52427bd;
}
.modal-body {
    border-radius: 15px!important;
    background: #fff;
}
h4.modal-title {
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #fff;
    text-transform: capitalize;
}
.modal-header button.btn.btn-theme.btn-all.btnclose {
    background: #fff;
    color: #d52427;
    padding: 4px 11px;
}
button.close {
    background: transparent;
    border: 0;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 25px;
    font-weight: 700;
}
.pages_headings_fieldset h2 {
    font-size: 18px !important;
    margin-bottom: 0;
    margin-top: 10px;
}
.left-0 {
    left: 0!important;
}
.margin-bottom-20 {
    margin-bottom: 20px!important;
}
.paddingY-10 {
    padding-top: 10px!important;
    padding-bottom: 0px!important
}

.Points3:hover, .Points2:hover, .Points1:hover {
    background: #D52427;
    border: 1px solid #D52427;
}

.leader-3, .leader-2, .leader-1 {
    background: #fff;
}

table tr th {
    white-space: nowrap;
}

.clsStoreName {
    color: red;
    text-decoration: underline !important;
}

    .clsStoreName:hover {
        color: red;
        text-decoration: none !important;
    }

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
    }
        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #ccc;
        }
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tab {
    border: 0 !important;
    background: transparent !important;
}
button.tablinks {
    background: #f2f2f2;
    border-radius: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-bottom: 0;
    font-weight: 600;
}
.tabcontent {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    padding: 15px;
}
.tab button.active {
    background-color: #ea2128;
    color: #fff;
}
.tab button {
    padding: 12px 16px;
}

#Leaderboard button.tablinks,
#MonthlyProductivity button.tablinks,
#StorePerformance button.tablinks,
#EmployeeIncentive button.tablinks,
#ZonalReport button.tablinks,
#ZonalProductivity button.tablinks,
#ZonewiseEmployeeReport button.tablinks,
#StoreWiseGraph button.tablinks {
    border-radius: 5px;
    margin: 0 10px 0 0;
    border-bottom: 1px solid #ccc;
}
#Leaderboard .tab button,
#MonthlyProductivity .tab button,
#StorePerformance .tab button,
#EmployeeIncentive .tab button,
#ZonalReport .tab button,
#ZonalProductivity .tab button,
#ZonewiseEmployeeReport .tab button,
#StoreWiseGraph .tab button {
    padding: 7.5px 20px;
}

div#Yearlyeaderboard,
div#MonthlyLeaderboard,
div#MonthlyMonthlyProductivity,
div#YearlyMonthlyProductivity,
div#MonthlyStorePerformance,
div#YearlyStorePerformance,
div#MonthlyEmployeeIncentive,
div#YearlyEmployeeIncentive {
    background: #f2f2f2;
    border-radius: 10px;
}
.tabcontent .card.box_cards {
    margin-top: 20px;
}

.modal-footer button {
    cursor: pointer!important;
}
.main-sidebar .sidebar-menu {
    height: calc(100vh - 60px);
}
.main_right_navs li a {
    font-size: 16px;
}
.dropdown-menu.dropdown-menu-right.show {
    border-radius: 0;
    right: 0;
    position: absolute;
}
.main_right_navs li a:hover {
    background-color: #fff;
    color: #424448;
    box-shadow: 5px 5px 18px 0 rgb(0 0 0 / 7%);
}
.dropdown-menu.dropdown-menu-right.show:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ced4da;
    border-top: 0;
    position: absolute;
    top: -11px;
    transform: translateX(-50%);
    content: "";
    z-index: 999;
    left: 50%;
}
.tabcontent {
    margin-bottom: 15px;
}

.main-content.Change_password {
    padding-left: 0;
    max-width: 600px;
    margin: 0 auto;
}