/************************************/
/****      dark theme start      ****/
/************************************/
body.deviceDark {
    --cBodyBg: var(--dk_cBodyBg);
    --cDark: var(--dk_cDark);
    --cDkLt: var(--dk_cDkLt);
    --cLight: var(--dk_cLight);
    --cDarkInvert: var(--dk_cDarkInvert);
    --inputBg: var(--dk_inputBg);
    --cBackdrop: var(--dk_cBackdrop);
    --whBk: var(--dk_whBk);
    --trnBg: var(--dk_trnBg);
    --borderColor: var(--cBorderColorDkLt);

    /*appalert*/
    --aaBg: var(--dk_aaBg);
    --aaBc: var(--dk_aaBc);
}

body.deviceDark .ionCheck ion-icon.radioOff {
    filter: invert(1);
}

body.deviceDark .show-on-dark {
    /*display: block !important;*/
    display: initial!important;
}

body.deviceDark .show-on-def {
    display: none ;
}
/************************************/
/****       dark theme end       ****/
/************************************/

/************************************/
/****         home start         ****/
/************************************/
.home-con h1 {
/*    color: var(--white);*/
}
.home-page {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    padding: 15px;
    position: relative;
/*    background-color: #010101;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-home {
    width: 100px;
}

/*.home-con {
    position: absolute;
    left: 10px;
    bottom: 50px;
}*/

.logo-home img {
    width: 100%;
}

.home-con span {
    color: var(--cDkLt);
    font-size: 16px;
}

.home-btn {
    margin-top: 10px;
}

.join-home {
    color: #fff !important;
    font-size: 20px;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #030303;
    width: 120px;
    text-align: center;
    text-decoration: none !important;
}

.log-home {
    color: var(--cBodyBg);
    font-size: 20px;
    border-radius: 10px;
    padding: 10px 10px;
    display: inline-block;
    vertical-align: middle;
    background: var(--cDark);
    width: 120px;
    text-align: center;
    margin-left: 10px;
    text-decoration: none!important;
}

.log-home:hover {
    color: var(--cBodyBg);
}
/************************************/
/****         home end           ****/
/************************************/

/************************************/
/****        login start         ****/
/************************************/
body.login,
body.login > #body-row,
body.login > #body-row > .col,
body.login > #body-row > .col > .main-contents {
    height: 100%;
}

body.login .form-con {
    height: calc(100% - 130px);
    min-height: 325px;
}

body.login .main-contents {
    min-height: 500px;
}

.forgotpass {
    display: block;
    text-align: right;
    margin-top: 10px;
}
/************************************/
/****          login end         ****/
/************************************/

/************************************/
/****        signup start        ****/
/************************************/
body.register,
body.register > #body-row,
body.register > #body-row > .col,
body.register > #body-row > .col > .main-contents {
    height: 100%;
}

body.register .form-con {
    height: calc(100% - 90px);
    min-height: 325px;
}

body.register .main-contents {
    min-height: 600px;
}

body.register .foot-fxd a {
    text-decoration: underline;
}
/************************************/
/****         signup end         ****/
/************************************/

/************************************/
/****  site create/update start  ****/
/************************************/
.log-pos {
    max-width: 120px;
    position: relative;
    margin: 0 auto;
    /*margin-bottom: 50px;*/
}

.log-pos img {
    width: 120px;
    border-radius: 50%;
    height: 120px;
    object-fit: fill;
}

.cam {
    position: absolute;
    bottom: 35px;
    right: 0;
    background: var(--cDark);
    border-radius: 40px;
    height: 30px;
    width: 30px;
    border: 0;
    padding: 5px 8px;
    -webkit-appearance: none;
}

.cam i {
    color: var(--cDarkInvert);
    font-size: 21px;
    margin-top: -2px;
}

.logo-feeback {
    position: absolute;
    bottom: -17.5px;
}

/*.lab {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #030303;
    font-weight: 400;
}*/

/*.box1 {
    margin-bottom: var(--inputMB);
    position: relative;
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 5px 10px;
    min-height: 50px;
}

.box1 span:not(.busi) {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    color: #8d8d8d;
    font-weight: 400;
    padding-top: 3px;
}


.box1 .txt {
    width: 70%;
    background: none;
    border: 0;
}

.box1 .form-label-group label {
    font-size: 1em;
}*/

.busi {
    color: var(--cDkLt);
    font-size: 15px;
    padding-left: 10px;
    padding-top: 2.5px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: var(--inputMB);
    position: relative;
}

.busi ion-icon {
    margin-right: 1px;
    vertical-align: middle;
    display: inline-block;
}

.busi a.gen-url {
    color: var(--cSuccess);
}

.busi a.tip,
.txt-dklt a.tip{
    position: absolute;
    right: 0;
    background: var(--cBodyBg);
    padding: 0 10px;
    font-size: 19px;
}
/************************************/
/****   site create/update end   ****/
/************************************/

/************************************/
/****   analytics sales start    ****/
/************************************/
.order-blocks ul {
    width: 100%;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    display: -ms-flexbox!important;
    display: flex!important;
    margin: 0;
}

.order-blocks ul li {
    background: var(--inputBg);
    border: 0;
    border-radius: var(--cInputRadius);
    margin-bottom: var(--inputMB);
    padding: 1rem!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
    width: 50%;
}

.order-blocks ul li:nth-child(even) {
    margin-left: var(--inputMB);
}
/************************************/
/****    analytics sales end     ****/
/************************************/

/************************************/
/****   settings manage start    ****/
/************************************/
.setting-list ul {
    border-radius: var(--cInputRadius);
    background-color: var(--inputBg);
    margin-bottom: var(--inputMB);
}

.setting-list ul li:not(:last-child) {
    border-bottom: 1px solid var(--cBodyBg);
}

.setting-list ul li a {
    color: var(--cDark);
    font-size: var(--fontSizeLg);
    padding: 10px;
    display: block;
}

/************************************/
/****    settings manage end     ****/
/************************************/

/************************************/
/** background create/update start **/
/************************************/

#cuSlideForm .addphotos .upload-btn-wrapper button {
    height: 100%;
}

#cuSlideForm .add-product .addphotos span {
    top:  55%;
}

/************************************/
/**  background create/update end  **/
/************************************/
/*#sidebar-container {
    min-height: 100vh;
    padding: 0;
}*/


/* Sidebar sizes when expanded and expanded */

.sidebar-expanded {
    width: 230px;
}

.sidebar-collapsed {
    width: 60px;
}


/* Menu item*/

#sidebar-container .list-group a {
    height: 50px;
    color: rgb(37, 38, 41);
    border-bottom: 1px solid #ddd !important;
}


/* Submenu item*/

#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
}

.sidebar-submenu {
    font-size: 0.9rem;
}


/* Separators */

.sidebar-separator-title {
    height: 35px;
}

.sidebar-separator {
    height: 25px;
}

.logo-separator {
    height: 60px;
}


/* Closed submenu icon */

#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: "\f3d0";
    font-family: ionicons;
    display: inline;
    text-align: right;
    padding-left: 10px;
}


/* Opened submenu icon */

#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: " \f3d1";
    font-family: ionicons;
    display: inline;
    text-align: right;
    padding-left: 10px;
}

.list-group-item {
    border: 0!important;
}

#sidebar-container i {
    font-size: 20px;
}

.menuicon i {
    font-size: 30px;
    color: #030303;
    margin-right: 0!important;
}

.vwsite {
    color: #fff !important;
    background: #030303 !important;
    border-radius: 30px;
    padding: 4px 10px;
    text-decoration: none !important;
    display: inline-block;
    vertical-align: middle;
}

.btn-flat {
    color: #777 !important;
    background: #f1f1f2;
    border-radius: 30px !important;
    padding: 5px 10px !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.vwsite i {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 3px;
}

/*body {
    height: 100%;
}*/

.vwsite span {
    display: inline-block;
    vertical-align: middle;
}

.addphotos .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: auto;
    text-align: center;
    height: 80px;
}

.addphotos .upload-btn-wrapper.uploading::after,
.addphotos .upload-btn-wrapper button {
    height: 100%;
}

.addphotos .upload-btn-wrapper button {
    background: none;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 12px;
    border-radius: 50%;
    width: 100%;
}

.addphotos .upload-btn-wrapper input[type="file"] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.addphotos span {
    display: block;
    font-size: 18px;
    color: #777;
    font-weight: 400;
}

.addphotos {
    background: var(--inputBg);
    border-radius: 10px;
    width: 150px;
    height: 150px;
    text-align: center;
    padding: 20px 30px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
}

.addphotos i {
    color: var(--cDark);
    font-size: 90px;
    height: 75px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    text-align: -webkit-center;
    justify-content: center;
}

.addvideos {
    margin-left: 15px;
}

.addvideos i {
    font-size: 80px;
}

.checkoutSection .form-label-group {
    margin-bottom: 0;
}

.form-signin {
    width: 100%;
    margin: 0 auto;
}

.min_height50 {
    height: 50px;
}

.dtpcr #datepicker {
    float: right;
    border: 0;
    background: none;
    text-align: right;
}

/*.d-none {
    display: none!important;
}*/

.sidebar-collapsed {
    display: block!Important;
    bottom: 0!Important;
}

.sidebar-collapsed {
    width: 100%;
    display: block !important;
}

.sidebar-collapsed .d-none {
    display: block;
}

.sidebar-collapsed .sidebar-submenu {
    display: none;
}

.sidebar-collapsed .sidebar-submenu.show {
    display: block;
}

/*#sidebar-container {
    min-height: inherit;
    padding: 0;
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 11;
}*/

.menu {
    max-width: 600px;
    margin: 0 auto;
    border-radius: 0 10px 0 10px;
}

.top-bar {
    margin-bottom: 15px;
}

.help {
    background: #030303;
    color: #fff!important;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    float: left;
    border-radius: 40px;
    margin-top: 5px;
    text-decoration: none!important;
}

.top-bar i {
    font-size: 30px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.top-bar span {
    display: inline-block;
    vertical-align: middle;
}

.close1 {
    float: right;
}

.close1 i {
    color: #030303;
    font-size: 48px;
}

.ttl1 {
    font-size: 24px;
    color: #030303;
}



.invited {
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 10px 10px;
    height: 50px;
    position: relative;
    margin-bottom: 15px;
}

.invited span {
    display: block;
    color: #8d8d8d;
    font-size: 1em;
    padding-top: 3px;
}

.invited i {
    position: absolute;
    top: 9px;
    right: 8px;
    font-size: 32px;
    color: #030303;
}

.add-dom {
    margin-bottom: 15px;
    margin-top: 30px;
}

.add-dom span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #8d8d8d;
}

.add-dom a {
    padding: 7px 10px;
    display: inline-block;
    border-radius: 20px;
    background: #030303;
}

.add-dom i {
    font-size: 30px;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
}

.add-dom p {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}


.grp {
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 0px 10px;
}

.grp img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 35px;
    border-radius: 8PX;
}

.grp label {
    margin-left: 45px;
    padding: 15px 15px;
}

.boxs select {
    float: right;
    border: 0;
    background: none;
}

.bx2 {
    padding: 5px 10px;
}

.bx2 span {
    margin-top: 4px;
}

.bx2 input[type="text"] {
    border: 0;
    background: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 60%;
    margin-top: 8px;
}

.check-bx {
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 10px 10px;
    margin-bottom: 10px;
}

.ck-box {
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 10px;
    padding-top: 10px;
}

.ck-left {
    float: left;
    width: 83%;
}

.check-bx span {
    display: inline-block;
    vertical-align: middle;
    color: #777;
}

.check-bx .margin_bottom12 {
    float: right;
    margin: 0;
    margin-right: -15px;
    margin-top: -5px;
}

.block input {
    margin-right: 12px;
}

.bornon {
    border-bottom: 0;
}

.ck-box p {
    font-size: 12px;
    color: #777;
}

.clear {
    float: none;
    clear: both;
}

.slider-back {
    margin-bottom: 15px;
    margin-top: 10px;
}

.sliderimag .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: auto;
    text-align: center;
    height: 80px;
}

.sliderimag .upload-btn-wrapper.uploading::after,
.sliderimag .upload-btn-wrapper button {
    height: 100%;
}

.sliderimag .upload-btn-wrapper button {
    background: none;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 12px;
    height: 100%;
    border-radius: 50%;
    width: 100%;
}

.sliderimag .upload-btn-wrapper input[type="file"] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.sliderimag span {
    display: block;
    font-size: 18px;
    color: #777;
    font-weight: 400;
}

.sliderimag {
    background: var(--inputBg);
    border-radius: 10px;
    width: 175px;
    height: 175px;
    text-align: center;
    padding: 20px 30px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
}

.sliderimag i {
    color: #030303;
    font-size: 90px;
    height: 75px;
}

.add-slider .carousel-item img {
    width: 100%;
    border-radius: 10px;
    min-height: 175px;
    max-height: 175px;
}

.add-slider {
    width: 65%;
    margin-left: 5%;
    float: right;
    border-radius: 10px;
}

.add-slider .carousel-control-next-icon,
.add-slider .carousel-control-prev-icon {
    background: none;
}

.add-slider .carousel-control-next-icon i,
.add-slider .carousel-control-prev-icon {
    font-size: 56px;
    color: #030303;
}

.add-slider .carousel-control-next-icon,
.add-slider .carousel-control-prev-icon {
    display: inline-block;
    width: 21px;
    height: 65px;
    background: no-repeat 50%/100% 100%;
}

.add-slider .carousel-control-next,
.add-slider .carousel-control-prev {
    opacity: 1;
    transition: none;
}

.carousel-inner i {
    font-size: 45px;
    color: var(--cDanger);
    position: absolute;
    top: 0px;
    right: 2px;
}

.acco .form-group {
    margin-bottom: 15px;
}

.acco .acc-ttl {
    border: 0;
    background: var(--inputBg);
    color: #8d8d8d;
    text-align: left;
    border-radius: 8px;
    padding: 10px 10px;
    width: 100%;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 0;
    height: 50px;
}

.eddt {
    float: right;
    color: #030303;
    font-size: 24px;
    vertical-align: middle;
    margin-top: 2px;
}

.acc-ttl span {
    vertical-align: middle;
    display: inline-block;
}

#accordion {
    border-radius: 8px;
}

.coll {
    /*padding: 10px;
    border-radius: 8px;
    color: #8d8d8d;
    margin-bottom: 10px;*/
}

.acce-payemtn strong {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 0;
    font-size: 35px;
    vertical-align: middle;
    line-height: 30px;
}

.acce-payemtn .payment-method {
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    white-space: nowrap;
}

.acce-payemtn {
    margin-bottom: 16px;
}

.acce-payemtn .payment-method svg {
    margin-right: 5px;
}

#accordion-payment .acc-ttl {
    margin-bottom: 15px;
    cursor: pointer;
}

#accordion-payment i {
    float: right;
    margin-top: 5px;
    color: #8d8d8d;
    font-size: 20px;
}

#accordion-payment .acc-ttl {
    display: inline-block;
    vertical-align: middle;
}

.acce-payemtn {
    margin-top: 0;
}

#accordion-paypal .acc-ttl {
    margin-bottom: 15px;
    cursor: pointer;
}

#accordion-paypal i {
    float: right;
    margin-top: 5px;
    color: #8d8d8d;
    font-size: 20px;
}

#accordion-paypal .acc-ttl {
    display: inline-block;
    vertical-align: middle;
}

.add-pro {
    padding: 4px 15px;
    display: inline-block;
    border-radius: 45px;
    background: #030303;
}

.add-pro i {
    font-size: 24px;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
}

.add-pro p {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.pro-tag {
    color: var(--cDkLt)!important;
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 20px;
}

/*.padnon {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}*/

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 3rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #8d8d8d;
    font-size: 28px;
    top: 6px;
}

.has-search label {
    margin-left: 24px;
}

.product-list {
    padding-top: 10px;
}

.product-list ul {
    padding: 0;
    list-style: none;
}

.product-list li,
.opt-list li {
    background: var(--inputBg);
    border-radius: 8px;
    padding: 0px 10px 5px 10px;
    position: relative;
    margin-bottom: 15px;
}

.pro-img {
    width: 60px;
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}

.pro-img img {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    object-fit: cover;
}
.pro-con {
    padding-top: 12px;
}

.pro-con h3 {
    /*color: #030303;*/
    font-size: 18px;
    margin-bottom: 0;
}

.pro-con p {
    margin-bottom: 0;
    font-size: 16px;
    /*color: #030303;*/
}

.pro-con span {
    font-size: 14px;
    color: #777;
}

.pro-con .stock {
    font-size: 14px;
    color: var(--blue2);
    line-height: 18px;
    display: inherit;
}

.product-list li i {
    position: absolute;
    top: 43%;
    right: 20px;
    color: var(--lGray);
    font-size: 20px;
}

.product-list li a {
    text-decoration: none!important;
}

.pro-con .sold {
    font-size: 14px;
    color: var(--cDanger);
    line-height: 18px;
    display: inherit;
}

.export i {
    font-size: 30px;
    color: #ffffff;
    vertical-align: middle;
    display: inline-block;
}

.export {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
}

.export span {
    font-size: 16px;
    color: #777;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    text-transform: uppercase;
}

.pcr {
    display: block;
    /*color: #030303;*/
    font-size: 20px;
    margin-top: 20px;
}

.ddt i {
    font-size: 24px;
    color: #8d8d8d;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.ddt p {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.tot-order {
    color: #8d8d8d;
    display: block;
    font-size: 14px;
}

.tagss .fltr {
    color: #777;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.tagss .btn {
    border-radius: 20px;
    border: 0;
    color: #030303!important;
    text-transform: uppercase;
    margin: 0 3px;
    font-size: 14px;
    border: 0!important;
    box-shadow: none!important;
}

.tagss .btn-primary {
    background: #d8f9de!important;
}

.tagss .btn-secondary {
    background: #eaf0ff!important;
}

.tagss .btn-success {
    background: #ffe6e5!important;
}

.tagss .btn-danger {
    background: #fff5bf!important;
}

.tagss i {
    border-radius: 20px;
    text-align: center;
    padding: 5px 8px;
    font-size: 12px;
    color: #fff;
    margin-left: 3px;
}

.sc {
    background: #4bdf64;
}

.cm {
    background: #266dff;
}

.fl {
    background: #ff0200;
}

.rf {
    background: #ffd200;
}

.tagss button span {
    display: inline-block;
    vertical-align: middle;
}

.orderlist {
    margin-top: 20px;
}

.orderlist {
    padding-left: 0;
}

.orderlist li {
    list-style: none;
    background: var(--inputBg);
    padding: 15px;
    border-radius: var(--cInputRadius);
    position: relative;
    margin-bottom: 10px;
}

.nm h3 {
    color: #030303;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    font-weight: 400;
}

.nm span {
    color: #030303;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    margin-left: 3px;
}

.dtandtot span {
    font-size: 24px;
    color: #030303;
    float: right;
}

.statuss {
    border-radius: 20px;
    border: 0;
    color: #030303;
    text-transform: uppercase;
    margin: 0 3px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    margin-left: 0;
    padding: 3px 3px 3px 10px;
}

.statuss i {
    border-radius: 20px;
    text-align: center;
    padding: 5px 8px;
    font-size: 12px;
    color: #fff;
}

.discounts-list li .ion-ios-arrow-forward,
.orderlist li .ion-ios-arrow-forward {
    font-size: 24px;
    color: #777;
}

.statuss.suc {
    background: #c8edd2;
}

.suc i {
    background: #4BDF64;
}

.statuss.pdg {
    background: #f7e596;
}

.pdg i {
    background: #FED200;
}

.statuss.cpd {
    background: #4BDF6440;
}

.cpd i {
    background: #4BDF64;
}

.statuss.fld {
    background: #f5deb7;
}

.fld i {
    background: #fda700;
}

.statuss.rnd {
    background: #f5b5b9;
}

.rnd i {
    background: var(--cDanger);
}

.statuss.blu {
    background: #b5caf9;
}

.blu i {
    background: #266DFF;
}

.statuss span {
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
}

.pageing {
    margin: 0 auto;
    text-align: center;
}

.pagination {
    margin-top: 25px;
    text-align: center;
    display: block;
}

.pagination li {
    cursor: pointer;
    color: black;
    display: inline-block;
    text-decoration: none;
}

.pagination li {
    padding: 0;
}

.pagination li a {
    display: block;
}

.pagination li:first-child a {
    border-radius: 30px;
    margin-right: 5px;
    padding: 0;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
}

.page-item:first-child .page-link {
    border-radius: 30px;
}

.pagination li:last-child a {
    border-radius: 30px;
    margin-left: 5px;
    padding: 0;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
}

.page-item:last-child .page-link {
    border-radius: 30px;
}

.pagination .page-link span {
    padding-top: 8px;
    display: block;
}

.pagination .page-link {
    padding: 10px 19px;
    color: #777;
    background: #f1f1f2;
    border: 0!important;
    margin-left: -3px;
    box-shadow: none!important;
}

.pagination .page-item:nth-last-child(2) .page-link {
    border-radius: 0 20px 20px 0px;
}

.pagination .page-item:nth-child(2) .page-link {
    border-radius: 20px 0px 0px 20px;
}

.pagination .page-link:hover,
.pagination .page-link.act {
    background: #030303;
    color: #fff;
}

.or-dtl .help {
    float: right;
    margin-top: 0;
}

.or-dtl i {
    font-size: 30px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.or-dtl span {
    display: inline-block;
    vertical-align: middle;
}

.payy {
    background: var(--inputBg);
    padding: 10px;
    border-radius: 10px;
}

.changecard {
    display: inline-block;
    vertical-align: middle;
}

.stripp span {
    color: #777;
}

.stripp {
    margin-top: 5px;
}

.srtp {
    font-size: 24px;
    margin-right: 5px;
}

.changecard span {
    display: inline-block;
    vertical-align: middle;
}

.customer-detail {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*.btn {
    box-shadow: none!important;
    border: 0!important;
}*/

.custodetail {
    background: var(--inputBg);
    padding: 15px;
    border-radius: 10px;
}

.shp-add {
    float: left;
}

.ss {
    background: #030303!important;
    color: #fff!important;
    margin-top: 0px;
    font-size: 18px;
    display: block;
    border: 0!important;
    border-radius: 20px;
}

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

.or-note p {
    color: #777;
    font-size: 16px;
    margin-bottom: 0;
    word-wrap: break-word;
}

.alnk {
    font-size: 18px;
    cursor: pointer;
}

.alnk i {
    font-size: 28px;
    vertical-align: middle;
    display: inline-block;
}

.alnk span {
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px;
}

.deli-custo {
    color: #8d8d8d;
    font-size: 18px;
}

.purchase-detail .ttltwo {
    margin-bottom: 0;
}

.customer-box {
    background: var(--inputBg);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.pro-dtl img {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    border-radius: 8px;
}

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

.pro-dtl span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    text-transform: uppercase;
    color: #030303;
    font-size: 20px;
}

.dtl-view,
.qtdtl {
    padding: 3px 0;
}

.dtl-view span {
    display: inline-block;
    font-size: var(--fontSizeMd);
    vertical-align: middle;
}

.dtl-view p {
    display: inline-block;
    color: var(--cDkLt);
    font-size: var(--fontSizeMd);
    vertical-align: middle;
    margin-bottom: 0;
}

.qtdtl span {
    display: inline-block;
    color: var(--cDanger);
    font-size: 18px;
    vertical-align: middle;
}

.qtdtl p {
    display: inline-block;
    color: var(--cDanger);
    font-size: 18px;
    vertical-align: middle;
    margin-bottom: 0;
}

.dtl-view .sc {
    border-radius: 20px;
    text-align: center;
    padding: 5px 8px;
    font-size: 12px;
    color: #fff;
    margin-left: 3px;
    background: #4bdf64;
    display: inline-block;
    vertical-align: middle;
}

.stripe-charge {
    background: var(--inputBg);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

/*.strip-change h5 {
    color: #030303;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.strip-change span {
    display: block;
    color: #777;
    font-size: 14px;
}*/

/*#ordNotesCon ul li p.ca,
.strip-change p {
    color: #777;
    font-size: 12px;
    text-align: right;
    margin: 0;
}*/

.order-statuss {
    background: var(--inputBg);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}


/*.lLeSeRi label,*/

.order-statuss span {
    color: #030303;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.order-statuss select {
    float: right;
    width: auto;
    background: none;
    border: 0;
}

.add-product .addphotos {
    width: 170px;
    height: 170px;
    padding: 20px 0;
    position: relative;
    overflow: hidden;
}

.add-product .addphotos .upload-btn-wrapper {
    position: initial;
}

.add-product .addphotos span {
    position: absolute;
    width: 100%;
    left: 0;
}

.add-product .addphotos>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adds {
    margin-left: 10px;
}

.prc {
    width: 48%;
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 3px 10px;
    height: 50px;
    margin-bottom: var(--inputMB);
    padding-top: 6px;
    /*display: flex;
  flex-direction: row;
  align-items: center;*/
}

.altw {
    display: inline-block;
    vertical-align: middle;
}

.pc-color {
    color: var(--whBk)!important;
    display: inline-block;
    vertical-align: middle;
}

.blog-list ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.blog-list li {
    background: var(--inputBg);
    border-radius: 8px;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
}

.blog-list li h3 {
    color: #030303;
    font-size: 20px;
    margin-bottom: 0;
}

.blog-list li p {
    margin-bottom: 0;
    font-size: 18px;
    color: #030303;
}

.blog-published {
    display: block;
    font-size: 16px;
    color: #777;
}

.blog-unpublished {
    display: block;
    font-size: 16px;
    color: var(--cDanger);
}

.blog-list li i {
    position: absolute;
    top: 43%;
    right: 20px;
    color: #8d8d8d;
    font-size: 20px;
}

.blog-list li a {
    text-decoration: none!important;
}

.add-disc {
    margin-top: 5px;
    margin-bottom: 10px;
}

.discounts-list {
    margin: 0;
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

.discounts-list li {
    background: var(--inputBg);
    border-radius: 8px;
    padding: 15px;
    position: relative;
    margin-bottom: var(--inputMB);
}

.delete-dis {
    color: var(--cDanger);
    text-align: center;
    display: block;
    margin: 0 auto;
    border: 0;
    margin-top: 10px;
    background: none;
}

.delete-dis i {
    font-size: 20px;
}


/* Login Page*/



.pgr,

/*paragraph gray*/


.pravacy {
    text-align: center;
    margin-top: 50px;
}

.pravacy a {
    font-size: 18px;
    font-weight: normal;
    display: block;
}

.pravacy.foot {
    position: fixed;
    bottom: 0;
    width: calc(100% - 30px);
    max-width: 600px;
    margin: 0;
}

.logo-img {
    padding-bottom: 10px;
}

.pp {
    font-size: 20px;
    font-weight: normal;
}

.pravicy-policy {
    padding: 15px;
    background: var(--inputBg);
    border-radius: 10px;
}

.pravicy-policy h2 {
    color: #8d8d8d;
    font-size: 16px;
    text-transform: uppercase;
}

.resett {
    background: none;
    border: 0;
    color: #030303;
    font-size: 16px;
}

.pravicy-policy p {
    color: #8d8d8d;
    font-size: 16px;
    text-transform: uppercase;
}

.checkoutSection .form-label-group {
    margin-bottom: 0;
}

.form-signin {
    width: 100%;
    margin: 0 auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .acc-ttl span {
        padding-top: 5px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     ::i-block-chrome,
    .carousel-control-prev,
    .carousel-control-next {
        top: 30%;
    }
}

/*.bgr {
    background: var(--inputBg);
    border-radius: 8px;
}*/

.bold {
    color: #030303;
}

.bolderr {
    color: #030303;
}

.progressbar {
    width: 80px;
    height: 80px;
    background: none;
    position: relative;
}

.progressbar::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 10px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.progressbar>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progressbar .progressbar-left {
    left: 0;
}

.progressbar .progressbar-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progressbar .progressbar-left .progressbar-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.progressbar .progressbar-right {
    right: 0;
}

.progressbar .progressbar-right .progressbar-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.progressbar .progressbar-value {
    position: absolute;
    top: 0;
    left: 0;
}

.progressbar .h2 {
    color: #030303;
    font-size: 20px;
    margin-bottom: 0;
}

.ch-box {
    list-style: none;
    background: var(--inputBg);
    border-radius: 12px;
    float: left;
    max-width: 48%;
    padding: 15px;
    width: 48%;
    position: relative;
    margin-bottom: 20px;
}

.chart-con span {
    color: #8d8d8d;
    font-size: 20px;
}

.chart-con h2 {
    color: #030303;
    font-size: 24px;
    margin-bottom: 0;
}

.chart-con {
    margin-top: 50px;
}

.pro-bar {
    position: absolute;
    right: 10px;
    top: 10px;
}

.chbox-right {
    float: right!important;
}

.cart-ttl span {
    display: block;
    color: #8d8d8d;
    font-size: 16px;
}

.cart-ttl {
    padding-top: 30px;
}

.abn-btn {
    background: #8d8d8d!important;
}

.paypal-btn img {
    width: 70%;
}

.skip {
    color: #8d8d8d!important;
    font-size: 20px;
    text-align: center;
    display: block;
}

.skip:hover {
    color: #030303;
}

.textarea {
    height: 250px!important;
}

.pdr i {
    font-size: 32px;
    color: #030303;
    vertical-align: middle;
    display: inline-block;
}

.dlt {
    border: 0;
    background: none;
}

.opts {
    margin-top: 10px;
    margin-bottom: 5px;
}

.frm-com {
    width: 48%;
}

.frm-com {
    position: relative;
}

.frm-com a {
    position: absolute;
    top: 7px;
    right: 7px;
}

.frm-com a i {
    font-size: 32px;
    color: #fff;
    background: #030303;
    padding: 2px 10px;
    border-radius: 40px;
}

.dtll {
    margin-top: 0;
}

.grpp {
    border: 0;
    border-radius: 8px;
    color: #8d8d8d;
    height: 50px;
    box-shadow: none;
    background: var(--inputBg);
    padding: .375rem .75rem;
}

.grpp span {
    display: inline-block;
    background: #fff;
    padding: 5px 10px;
    font-size: 18px;
    color: #030303;
    border-radius: 20px;
}

.qnt {
    width: 48%;
}

.add-opt {
    background: #030303;
    padding: 5px 15px;
    border-radius: 40px;
    display: inline-block;
    margin-bottom: 15px;
}

.add-opt span,
.add-opt i {
    color: #fff;
}

.width50 {
    width: 50%;
}

.file-upload {
    position: relative;
}

.upload-f {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: transparent;
    height: 50px;
}

.upl-btn {
    float: right;
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    color: #8d8d8d!important;
    box-shadow: none;
    width: 48%;
    padding: 13px 10px;
    text-decoration: none!important;
    position: relative;
}

.file-name {
    float: left;
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    color: #8d8d8d;
    box-shadow: none;
    width: 48%;
    padding: 13px 10px;
    display: block;
}

.file-upload {
    margin-bottom: 15px;
}

.upl-btn i {
    color: #fff;
    font-size: 32px;
    background: #030303;
    padding: 2px 10px;
    border-radius: 40px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.upl-btn span {
    display: inline-block;
    vertical-align: middle;
}

.all-pro-ttl {
    margin-top: 30px;
    margin-bottom: 15px;
}

.grp .tip {
    font-size: 32px;
    color: #030303;
    position: absolute;
    top: 0;
    right: 10px;
}

.comment-right {
    font-size: 18px;
    color: #030303;
    text-decoration: underline;
}

.comments-list li {
    list-style: none;
    margin-bottom: 25px;
}

.comments-list {
    padding: 0;
    margin: 0;
}

.ttl-con h1 {
    color: #030303;
    font-size: 20px;
    margin-bottom: 0;
}

.ttl-con p {
    display: block;
    font-size: 16px;
    color: #777;
}

.comment-ttls span {
    display: inline-block;
    font-size: 18px;
    color: #777;
    vertical-align: middle;
    margin-right: 5px;
}

.comment-ttls i {
    font-size: 24px;
    color: var(--cDanger);
    display: inline-block;
    vertical-align: middle;
}

.comment-box {
    padding: 15px;
    border-radius: 10px;
    background: var(--inputBg);
}

.comments-txt p {
    font-size: 20px;
    color: #030303;
}

.reply-box {
    border-radius: 10px;
    background: var(--inputBg);
    position: relative;
    margin-top: 10px;
}

.reply-box button {
    background: none;
    border: 0;
    color: #030303;
    position: absolute;
    top: 6px;
    right: 5px;
    padding: 0;
}

.reply-box i {
    color: #030303;
    font-size: 40px;
}

.reply-box input {
    width: 85%;
    border: none;
    background: none;
    padding-right: 15%;
    color: #777;
    font-size: 20px;
}

.sldrImgCon .ion-ios-add-circle,
.email-bx-ttl .tip {
    font-size: 32px;
    color: #030303;
}

.email-bx-ttl .ttltwo {
    margin-bottom: 0;
    margin-top: 10px;
}

.email-bx-ttl {
    margin-bottom: 5px;
}

.select-box {
    background: var(--inputBg);
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
}

.select-box i {
    font-size: 48px;
    display: inline-block;
    vertical-align: middle;
    color: #8d8d8d;
}

.select-box select {
    color: #030303;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 90%;
    border: 0;
    background: no-repeat;
}

.select-box select option {
}

.tool-tip {
    text-align: right;
    margin-bottom: 10px;
}

.tool-tip i {
    font-size: 32px;
    color: #030303;
}

.sell-box select {
    color: #030303;
    font-size: 18px;
}

.uppar select {
    text-transform: uppercase;
}

.sel-remove a {
    color: #8d8d8d;
    font-size: 16px;
}

.sel-remove {
    margin-bottom: 5px;
}

.slider-back .ttl1 {
    margin-bottom: 15px;
}

.ttp {
    font-size: 32px;
    color: #030303;
}

.live-message-list {
    padding: 0;
    margin: 0;
    padding-bottom: 60px;
}

.live-message-list li {
    list-style: none;
    padding: 15px 5px 0 5px;
    border-radius: 8px;
}

.live-message-list li:hover {
    background: var(--inputBg);
}

.live-message-list h1 {
    color: #030303;
    font-size: 20px;
    margin-bottom: 0;
}

.sms-user {
    width: 55px;
    float: left;
}

.user-detail {
    float: left;
    width: 88%;
    margin-left: 10px;
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
}

.user-detail span {
    color: #8d8d8d;
    display: block;
    font-size: 16px;
}

.user-detail p {
    color: #8d8d8d;
    display: block;
    font-size: 16px;
    margin-bottom: 0;
}

.chat-span span {
    color: #8d8d8d;
    padding: 0.75rem 0.75rem;
    color: #8d8d8d;
}

.add-hours {
    text-align: center;
    padding: 15px 0;
}

.add-hours span {
    display: inline-block;
    vertical-align: middle;
    color: #030303;
    font-size: 24px;
}

.add-hours i {
    font-size: 32px;
    color: #030303;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.sel-hours .sel-box {
    background: var(--inputBg);
    border-radius: 8px;
    padding: 10px 10px;
    width: 48%;
}

.sel-hours select {
    width: 100%;
    border: 0;
    background: none;
    height: 30px;
    color: #8d8d8d;
}

.sel-hours span {
    display: block;
    color: #030303;
    font-size: 18px;
    padding-bottom: 5px;
}

.sel-hours {
    margin-bottom: 15px;
}

/*.don {
    text-align: right;
    width: 79%;
    padding-top: 5px;
}

.don a {
    color: #030303;
    font-size: 24px;
    text-decoration: none !important;
    margin-top: -8px;
    display: block;
}*/

.sign-up {
    padding: 5px 25px;
    display: inline-block;
    border-radius: 20px;
    background: #030303;
    color: #fff !important;
    font-size: 18px;
    text-decoration: none !important;
}

.toppad {
    padding-top: 15px;
}

.user-icon {
    width: 48px;
}

.user-icon img {
    width: 100%
}

.hr {
    height: 1px;
    width: 100%;
    background: var(--inputBg);
    border: 0;
    margin: 0;
}

.chat {
    background: var(--inputBg);
    display: inline-block;
    padding: 10px;
    color: #030303;
    font-weight: lighter;
    margin: 5px;
    position: relative;
    border-radius: 20px;
    font-size: 16px;
}

.u1 {
    float: left;
    clear: both;
}

.u2 .chat {
    float: right;
    clear: both;
    background: #030303;
    color: #fff;
}

.new-chat {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #ededed;
    height: 40px;
    left: 0px;
    border-top: 1px solid #ddd;
}

.new-chat input {
    outline: none;
    padding: 10px;
    box-sizing: border-box;
    font-size: 18px;
    width: 250px;
    height: 40px;
    border: none;
    display: inline-block;
    color: #999;
    font-weight: 100;
    background: #ddd;
}

.new-chat button {
    width: 40px;
    height: 30px;
    padding: 0;
    display: inline-block;
    border: none;
    color: #00D025;
    background: none;
    position: relative;
    top: -3px;
    outline: none;
    cursor: pointer;
}

.new-chat button:active {
    color: #555;
}

.chat-dt {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
    color: #8d8d8d;
}

.chats {
    padding-top: 15px;
    position: relative;
    height: 100%;
}

.ch-date {
    font-size: 16px;
    text-align: right;
    color: #8d8d8d;
    display: block;
    margin-bottom: 0;
    clear: both;
}

.send-sms {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}

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

.my-membership h3 {
    color: #030303;
    font-size: 18px;
}

.my-membership p {
    font-size: 16px;
    color: #8d8d8d;
    margin-bottom: 15px;
}

.my-membership p span {
    font-size: 16px;
    color: #030303;
    margin-bottom: 0;
    display: inline-block;
}

.my-membership p a {
    color: #030303;
    display: inline-block;
    text-decoration: none;
}

.new-feature .rem-pass {
    max-width: 240px;
    margin: 0 auto;
}

.new-feature .save-btn {
    margin-bottom: 40px;
}

.new-feature-list li {
    list-style: none;
    margin-bottom: 25px;
}

.new-feature-list {
    padding: 0;
    margin: 0;
}

.feature-box {
    padding: 15px;
    border-radius: 10px;
    background: var(--inputBg);
}

.feature-con h1 {
    color: #030303;
    font-size: 20px;
    margin-bottom: 0;
}

.feature-con p {
    display: block;
    font-size: 16px;
    color: #777;
}

.feature-txt p {
    font-size: 20px;
    color: #030303;
}

.feature-ttls span {
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    display: inline-block;
}

.in-dev {
    background: var(--cSuccess);
    border-radius: 20px;
}

.in-com {
    background: var(--blue2);
    border-radius: 20px;
}

.in-dis {
    background: #FC0;
    border-radius: 20px;
}

.thumb-box {
    padding: 15px 15px 20px 15px;
}

.thumb-box i {
    display: inline-block;
    vertical-align: middle;
    color: #030303;
    font-size: 24px;
    margin-right: 7px;
}

.thumb-box p {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-bottom: 0;
}

.chatbubble i {
    font-size: 42px;
}

.chatbubble {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    position: relative;
}

.sms-count {
    border-radius: 40px;
    color: #fff;
    font-size: 12px;
    background: var(--cDanger);
    padding: 1px 0;
    text-align: center;
    width: 20px;
    position: absolute;
    top: -5px;
    right: -10px;
}

.text-editer .btn {
    background: var(--inputBg);
    color: #030303;
    padding-top: 10px;
    padding-bottom: 10px;
}

.text-editer .btn-group {
    display: block;
}

.width33 .btn {
    width: 24.7%;
}

.text-editer {
    margin-top: 10px;
}

.group-left {
    width: 49.8%;
    float: left;
    margin-top: 5px;
}

.group-right {
    width: 49.8%;
    float: right;
    margin-top: 5px;
}

.group-left .fontt {
    background: var(--inputBg);
    color: #030303;
    padding: 9px 5px;
    border-radius: 8px;
}

.group-left .fontt select {
    font-size: 18px;
    color: #030303;
    background: none;
    border: 0;
    width: 100%;
}

.width2 .btn {
    width: 33%;
}

.sma i {
    font-size: 12px;
}

.grpu {
    display: inline-block;
    width: 32%;
    text-align: center;
}

.grpu img {
    width: 42px;
}

.width4 .btn {
    width: 49.5%;
}

.width3 .btn {
    width: 32.5%;
}

.topdp {
    margin-top: 5px;
}

.opening {
    text-align: center;
    height: 100%;
    position: relative;
}

.logo-open img {
    width: 100px;
}

.open-con span {
    display: block;
    font-size: 15px;
    color: #8d8d8d!important;
}

.open-con a {
    font-size: 20px;
    color: #007AFF;
    line-height: 20px;
}

.logo-open {
    padding-top: 50%;
    margin-top: -50px;
}

.open-con {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
}

/*.editform {
    float: left;
}*/

/*.edt {
    color: #030303!important;
    border: 1px solid #030303!important;
    border-radius: 20px;
    padding: 5px 20px;
    background: none!important;
}*/

.printt {
    color: #030303!important;
    display: block;
    text-decoration: none!important;
}

.sync i {
    font-size: 32px;
    color: #030303;
    vertical-align: middle;
}

.hrr {
    margin-top: 20px;
}

.order-inn {
    padding: 15px;
}

.order-inn img {
    width: 75px;
}

.order-inn span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.order-inn h1 {
    color: #030303;
    font-size: 28px;
    margin-bottom: 0;
}

.order-inn i {
    font-size: 24px;
    color: #8d8d8d;
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.order-ttl {
    /*padding-top: 30px;
  margin-bottom: 15px;*/
    padding: 20px 0 0 0!important;
    margin-bottom: 15px!important;
    background: transparent!important;
}

.order-ttl h1 {
    font-size: 22px;
    color: #030303;
    margin-bottom: 0;
}

.order-ttl span {
    color: #8d8d8d;
    font-size: 16px;
}

.stripe-img {
    padding-top: 10px;
    padding-bottom: 15px;
}

.stripe-img img {
    width: 70%;
}

.payment-meth .save-btn i {
    color: #fff;
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
}

.payment-meth .save-btn {
    margin-bottom: 5px;
}

.payment-meth .save-btn span {
    display: inline-block;
    vertical-align: middle;
}

.dtl-acc {
    display: block;
    color: #8d8d8d!important;
    font-size: 16px;
    text-align: center;
    text-decoration: none!important;
}

.payment-meth {
    margin-bottom: 30px;
}

.pri-hh {
    margin-bottom: 20px;
}

.pre-page {
    font-size: 18px;
    text-align: center;
    display: block;
    color: #030303!important;
    margin-top: 10px;
    text-decoration: none!important;
}

.helpp {
    float: right;
    margin-top: 0;
    padding: 5px 15px;
}

.helpp span {
    vertical-align: middle;
    display: inline-block;
    font-size: 15px;
}

.helpp i {
    margin-right: 5px;
    font-size: 27px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.btn-grey {
    background-color: #D8D8D8;
    color: #FFF;
}

.rating-block {
    background-color: #FAFAFA;
    border: 1px solid #EFEFEF;
    padding: 15px 15px 20px 15px;
    border-radius: 3px;
}

.bold {
    font-weight: 700;
}

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

.review-block {
    background-color: #FAFAFA;
    border: 1px solid #EFEFEF;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.review-block-name {
    font-size: 12px;
    margin: 10px 0;
}

.review-block-date {
    font-size: 12px;
}

.review-block-rate {
    font-size: 13px;
    margin-bottom: 15px;
}

.review-block-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}

.review-block-description {
    font-size: 13px;
}

.bar-width {
    width: 100px;
}

.avg-b {
    background: #030303;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}

.avg-b h1 {
    color: #fff;
    font-size: 46px;
    margin-bottom: 0;
}

.avg-b span {
    color: #fff;
    font-size: 14px;
    display: block;
}

.avg-box {
    width: 100px;
    float: left;
}

.ratet {
    float: right;
    width: 75%;
}

.rta {
    color: #8d8d8d;
    font-size: 16px;
}

.wdt {
    width: 70%;
}

.rtnum {
    margin-left: 10px;
    color: #8d8d8d;
    font-size: 16px;
}

.progress {
    height: 9px;
    margin: 8px 0;
}

.star-area i {
    color: #030303;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.star-area {
    text-align: center;
}

.rating-box {
    margin-top: 15px;
    margin-bottom: 15px;
}

.rvg-box {
    padding: 15px;
    border-radius: 10px;
    background: var(--inputBg);
}

.reviews-box {
    padding: 0;
    margin: 0;
}

.reviews-box li {
    list-style: none;
    margin-bottom: 25px;
}

.rvg-con h1 {
    color: #030303;
    font-size: 20px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.rvg-img {
    display: inline-block;
    vertical-align: middle;
}

.rvg-img {
    width: 36px;
}

.rvg-img img {
    width: 36px;
    height: 36px;
    border-radius: 6px;
}

.rvg-ttl {
    margin-bottom: 15px;
}

.rvg-ttls {
    color: #8d8d8d;
    margin-top: 6px;
}

.rvg-for-ttl p {
    margin-bottom: 0;
    color: #8d8d8d;
    font-size: 16px;
}

.rvg-for-ttl span {
    display: block;
    color: #030303;
    font-size: 18px;
}

.srt-rt i {
    color: #030303;
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
}

.rvg-for {
    margin-bottom: 15px;
}

.roles .ck-left p {
    margin-bottom: 0;
    font-size: 14px;
}

.roles .ck-left span {
    color: #030303;
    font-size: 18px;
}

.rl-admin h1 {
    color: #030303;
    font-size: 18px;
    margin-bottom: 0;
}

.rl-admin p {
    margin-bottom: 0;
    color: #8d8d8d;
    font-size: 16px;
    line-height: 20px;
}

.rl-admin {
    padding: 10px 15px;
    height: auto;
}

.rl-admin button {
    text-transform: uppercase;
    font-size: 18px;
    top: 16px;
    right: 14px;
}

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

.rol-dl span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.rol-dl a {
    color: var(--cDanger);
    font-size: 18px;
}

.roles {
    margin-bottom: 20px;
}

.show-avl {
    color: #030303 !important;
    border: 1px solid #030303 !important;
    border-radius: 7px;
    padding: 5px 20px;
    background: #fff !important;
    margin-top: 10px;
    text-decoration: none!important;
}

.show-avl:hover {
    background: #030303 !important;
    color: #fff!important;
}

.avl-domain {
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 10px 10px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.avl-domain ul {
    padding: 0;
    margin: 0;
}

.avl-domain li {
    list-style: none;
    border-bottom: 1px solid #d2d2d2;
    padding: 10px 0;
    position: relative;
    margin-bottom: 10px;
}

.avl-domain h1 {
    color: #030303;
    font-size: 18px;
    margin-bottom: 0;
}

.avl-domain p {
    margin-bottom: 0;
    font-size: 16px;
    color: #8d8d8d;
}

.avl-domain p a {
    color: var(--blue2);
    text-decoration: none!important;
}

.avl-domain span {
    margin-bottom: 0;
    font-size: 16px;
    color: #8d8d8d;
    position: absolute;
    top: 23px;
    right: 10px;
}

.avl-domain button {
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 11px;
    right: 10px;
    background: var(--blue2);
    border: 0;
    padding: 5px 20px;
    border-radius: 10px;
}

.load-more {
    font-size: 18px;
    text-transform: uppercase;
    color: #030303!important;
    text-align: center;
    display: block;
    text-decoration: none!important;
}

.alr-domain {
    font-size: 20px;
    display: block;
    text-align: center;
    color: #8d8d8d!important;
    text-decoration: none!important;
    margin-bottom: 20px;
}

.subscriber {
    padding: 0;
    margin: 0;
}

.subscriber li {
    list-style: none;
    margin-bottom: 15px;
    border-radius: 8px;
    padding: 15px;
    background: var(--inputBg);
    position: relative;
}

.subscriber li a {
    font-size: 20px;
    margin-bottom: 0;
    text-decoration: none!important;
    color: #030303!important;
}

.subscriber li span {
    display: block;
    color: #030303;
    font-size: 18px;
    line-height: 20px;
}

.subscriber li p {
    display: block;
    color: #8d8d8d;
    font-size: 16px;
    margin-bottom: 0;
}

.subscriber li i {
    color: var(--cDanger);
    font-size: 32px;
    position: absolute;
    top: 35%;
    right: 15px;
    cursor: pointer;
}

.chat-box .chat-count {
    background: url(../imgs/chat.png) no-repeat center center;
    width: 59px;
    height: 59px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.chat-b {
    display: inline-block;
    vertical-align: middle;
}

.chat-box .chat-count span {
    background: var(--cDanger);
    color: #fff;
    font-size: 16px;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    text-align: center;
    position: absolute;
    top: -5px;
    right: -2px;
}

.position {
    position: relative;
}

.chat-box {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.cal-tax {
    padding: 12px 15px 8px 15px;
}

.cal-tax .cal-check {
    position: absolute;
    top: 10px;
    right: 5px;
}

.cal-tax span {
    font-size: 16px;
}

.wel-img {
    width: 100px;
    margin: 0 auto;
}

.wel-img img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    border-radius: 80px;
}

.welcome {
    text-align: center;
    margin-top: 30%;
}

.create-or {
    width: 100%;
}

.mr-bot {
    margin-bottom: 15px;
}

.order-para p {
    color: #8d8d8d;
    font-size: 16px;
    padding-left: 15px;
}

.ttlt {
    color: #030303;
    font-size: 20px;
    margin-bottom: 10px;
}

.customer-boxx {
    background: var(--inputBg);
    padding: 15px;
    border-radius: 10px;
}

.custo-tag span {
    display: inline-block;
    vertical-align: middle;
    color: #030303;
    font-size: 16px;
}

.custo-tag p {
    display: inline-block;
    vertical-align: middle;
    color: #030303;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 5px;
}

.customer-dtl li {
    list-style: none;
    width: 48.9%;
    display: inline-block;
    vertical-align: text-bottom;
    background: var(--inputBg);
    border-radius: 10px;
    position: relative;
    min-height: 120px;
    margin-right: 1.5%;
}

.customer-dtl ul {
    padding: 0;
    margin: 0;
}

.customer-inn {
    padding: 15px;
    padding-top: 50px
}

.customer-inn span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.customer-inn h1 {
    color: #030303;
    font-size: 28px;
    margin-bottom: 0;
}

.customer-dtl li:nth-child(n+2) {
    margin-right: 0 !important;
}

.customer-dtl li a {
    text-decoration: none !important;
}

.customer-list .dtandtot span {
    display: block;
    line-height: 24px;
}

.customer-list .pur {
    display: block;
    color: #8d8d8d;
    font-size: 16px;
    float: none;
}

.order-cnt {
    color: #8d8d8d;
    font-size: 16px;
}

.mr-top {
    margin-top: -14px;
    position: absolute;
    right: 50px;
}

.customer-list .dtandtot p {
}

.no-thanks {
    width: 80% !important;
}

.join-mem h2 {
    font-size: 37px;
    text-align: left;
    color: #030303;
    margin: 0;
    margin-bottom: 15px;
    text-align: center;
}

.join-mem .logo-img {
    text-align: center;
    margin-top: 50px;
}

.play-video img {
    width: 100%;
    border-radius: 10px;
}

.join-mem p {
    color: #030303;
    font-size: 20px;
    text-align: center;
}

.save2 {
    max-width: 300px;
    margin: 0 auto;
}

.padnonn {
    padding-top: 0;
}

.jn-mem {
    margin-top: 50px;
}

.jn-mem h1 {
    font-size: 32px;
    color: #030303;
    margin-bottom: 0;
}

.jn-mem span {
    color: #8d8d8d;
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
}

.jn-mem-in {
    padding: 15px;
    border-radius: 10px;
    background: var(--inputBg);
    margin-bottom: 50px;
}

.mem-sel {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    height: 30px;
    width: 50px;
    float: left;
    margin-top: 11px;
}


/* Hide the browser's default checkbox */

.mem-sel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #030303;
    padding: 0!important;
    border-radius: 40px;
}


/* On mouse-over, add a grey background color */

.mem-sel:hover input~.checkmark {
    background-color: #030303;
}


/* When the checkbox is checked, add a blue background */

.mem-sel input:checked~.checkmark {
    background-color: #030303;
    border-radius: 40px;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.mem-sel input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.mem-sel .checkmark:after {
    left: 11px;
    top: 7px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mem-detail {
    float: right;
    width: 90%;
    border-bottom: 1px solid #aeaeae;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.mem-detail h1 {
    color: #030303;
    font-size: 24px;
    margin-bottom: 0;
}

.mem-detail p {
    color: #8d8d8d;
    display: block;
    font-size: 16px;
    margin-bottom: 0;
}

.choose-sub h1 {
    font-size: 32px;
    color: #030303;
    margin-bottom: 0;
}

.choose-sub p {
    color: #8d8d8d;
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.select-plan {
    padding: 0;
    margin: 0;
}

.select-plan li {
    list-style: none;
    border-radius: 8px;
    border: 2px solid #030303;
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
}

.select-plan li h2 {
    font-size: 24px;
    color: #030303;
}

.select-plan li span {
    color: #030303;
    font-size: 16px;
    display: block;
}

.bg-theme-dark,
.select-plan li.act {
    background: #030303;
}

.select-plan li.act span,
.select-plan li.act h2 {
    color: #fff;
}

.select-plan li i {
    color: #fff;
    font-size: 36px;
    position: absolute;
    top: 30px;
    right: 15px;
    display: none;
}

.select-plan li.act i {
    display: block;
}

.plan-renews {
    color: #8d8d8d;
    display: block;
    font-size: 20px;
    text-align: center;
}

.choose-sub {
    margin-bottom: 50px;
}

.member-slide h1 {
    font-size: 32px;
    color: #030303;
    margin-bottom: 0;
}

.member-slide p {
    color: #8d8d8d;
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.md-accordion .card .card-header a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.member-slide .card {
    border: 0;
}

.member-slide .card-header {
    border-bottom: 0;
}

.member-slide h5 {
    color: #8d8d8d;
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 2px;
}

.member-slide a {
    text-decoration: none!important;
}

.member-slide .card {
    margin-bottom: 15px;
}

.member-slide .card-body {
    background: var(--inputBg);
    margin-top: 10px;
    border-radius: 4px;
}

.bgDefAlt,
.member-slide .card-header {
    background: var(--inputBg);
}

.member-slide .accordion>.card>.card-header {
    margin: 0;
    border-radius: 4px;
}

.member-slide .card-body p {
    color: #030303;
    font-size: 18px;
    line-height: 24px;
}

.member-slide .card-body h1 {
    color: #030303;
    font-size: 20px;
    margin-bottom: 10px;
}

.member-slide {
    margin-bottom: 50px;
}

.reviews-slide h1 {
    font-size: 32px;
    color: #030303;
    margin-bottom: 0;
}

.reviews-slide p {
    color: #8d8d8d;
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.del-charge {
    width: 100%;
}

.del-charge span {
    display: inline-block;
    vertical-align: middle;
    color: #8d8d8d;
}

.del-charge input {
    border: 0;
    width: 78%;
    background: var(--inputBg)!Important;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    color: #030303;
}

.del-charge .form-control::placeholder {
    color: #030303;
    opacity: 1;
}

.del-charge select {
    display: inline-block;
    vertical-align: middle;
    background: none;
    border: 0;
    color: #8d8d8d;
    font-size: 16px;
    float: right;
    margin-top: 9px;
}

.del-span {
    padding-top: 8px;
}

.w49prc,
.prc,
.frm-com,
.del-sel .sel-box {
    width: 49%;
}

.ml-2prc {
    margin-left: 2%;
}

.local-delivery {
    margin-bottom: 40px;
}

.my-domain ul {
    padding: 0;
    margin: 0;
    border-radius: 8px;
    background: var(--inputBg);
    padding-bottom: 15px;
    padding: 15px;
}

.my-domain li {
    list-style: none;
    position: relative;
    background: var(--inputBg);
    border-bottom: 1px solid #cacaca;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.my-domain li h1 {
    color: #030303;
    font-size: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.my-domain li span {
    color: #8d8d8d;
    font-size: 16px;
    display: block;
    line-height: 18px;
}

.my-domain li p {
    color: var(--blue2);
    font-size: 16px;
    display: block;
    margin-bottom: 0;
    line-height: 18px;
}

.my-domain li button {
    color: #fff;
    border: 0;
    border-radius: 5px;
    background: var(--blue2);
    padding: 3px 15px;
    position: absolute;
    top: 30px;
    right: 20px;
    font-size: 16px;
    width: 100px;
    text-align: center;
}

.my-domain {
    margin-top: 10px;
}

.notuse {
    color: var(--cDanger)!important;
}

.inact {
    background: var(--cDanger)!important;
}

.shipp {
    font-size: 32px;
    color: #030303;
}

.ship-opt {
    margin: 0;
    padding: 0;
}

.ship-opt li {
    list-style: none;
    position: relative;
    border-radius: 8px;
    background: var(--inputBg);
    /*padding: 5px 15px;*/
    margin-bottom: var(--inputMB);
    /*min-height: 80px;*/
}

ul.ship-opt .s-con {
    min-height: 50px;
}

.ship-opt li span {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 18px;
}

.span-space {
    padding-right: 80px;
}

.ship-opt li span span {
    padding-right: 0!important;
}

.ship-opt li p {
    color: #030303;
    font-size: 16px;
    margin-bottom: 0;
}

/*.ship-pos {
    float: none;
    position: absolute;
    top: 9px;
    right: 12px;
}*/

.ship-opt li .pcrw {
    color: #8d8d8d;
    font-size: 16px;
    margin-bottom: 0;
    display: block;
    margin-bottom: 10px;
}

.ship-opt li .pcrw p {
    display: inline-block;
}

.pc-list {
    padding-top: 20px;
}

.ship-act h3 {
    color: #030303;
    font-size: 20px;
    margin-bottom: 10px;
}

.form-act {
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
}

.form-act img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 35px;
    border-radius: 8px;
}

.form-act span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    color: #8d8d8d;
    margin-right: 15px;
}

.form-act button {
    color: #fff;
    border: 0;
    border-radius: 20px;
    background: #030303;
    padding: 5px 15px;
    position: absolute;
    top: 13px;
    right: 15px;
    font-size: 16px;
    width: 100px;
    text-align: center;
}

.spantag span {
    color: #8d8d8d;
    padding: 13px 10px 10px 10px;
    display: inline-block;
}

/*.hashtt .bootstrap-tagsinput {
    margin-bottom: 15px;
}

.hashtt .bootstrap-tagsinput input::placeholder {
    color: #8d8d8d;
    opacity: 1;
}

.grpp .bootstrap-tagsinput {
    margin-bottom: 0;
    padding: 0;
    background: none;
}

.grpp .bootstrap-tagsinput .tag [data-role="remove"] {
    padding: 0;
}*/

.fl-up {
    margin-bottom: 0;
    float: left;
    width: 49%;
}

.ship-edit,
.bill-edit {
    display: none;
    border-radius: 8px;
    margin-bottom: 10px;
}

.ship-edit .form-control,
.bill-edit .form-control,
.ship-edit .sel-box,
.bill-edit .sel-box {
    /*border: 1px solid #030303;*/
}

.toppadw {
    padding-top: 10px;
}

.page-link i {
    font-size: 24px;
}

.general-setting .card-header {
    border: 0;
    margin: 0!important;
    background: var(--inputBg);
    border-radius: 8px!important;
    padding: 10px;
    margin-bottom: 15px!important;
}

.general-setting .card {
    border: 0;
    background: none;
}

.sett-icon {
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    color: #030303;
}

.general-setting .card-header span {
    color: #030303;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    border: 0;
}

.general-setting .card-header .ion-ios-arrow-forward {
    position: absolute;
    right: 15px;
    top: 19px;
    color: #8d8d8d;
    font-size: 24px;
}

.general-setting .md-accordion .card .card-header a:not(.collapsed) .rotate-icon {}

.general-setting .card-body {
    padding: 0;
}

.general-setting .card-header a {
    text-decoration: none!important;
}

.legal-lnk {
    border: 0;
    background: var(--inputBg);
    color: #8d8d8d!important;
    text-align: left;
    border-radius: 8px;
    padding: 10px 10px;
    width: 100%;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 0;
    height: 50px;
    display: block;
    text-decoration: none!important;
    margin-bottom: 15px;
}

.legal-lnk span {
    display: inline-block;
    vertical-align: middle;
    color: #030303;
}

.sms-user i {
    font-size: 50px;
    color: #030303;
    margin-top: -1px;
    margin-left: 5px;
}

.chatbubble {
    width: 40px;
    height: 40px;
    padding: 6px 4px 4px 4px;
    border-radius: 40px;
    background: #030303;
    text-align: center;
    display: block;
}

.chatbubble ion-icon {
    color: #fff;
    font-size: 28px;
}


.user-icon ion-icon {
    color: #030303;
    font-size: 48px;
}

.pravicy-policy textarea {
    width: 100%;
    background: none;
    border: none;
    height: 410px;
    color: #8d8d8d;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 10px;
}

.text-editer .btn {
    border-radius: 8px;
}

.text-editer .big {
    border-radius: 0px 8px 8px 0px !important;
}

.text-editer .btn:hover {
    background: #030303!important;
    color: #fff!important;
}

.height {
    height: 300px!important;
}

.rol-btn button {
    position: initial!important;
    display: inline-block!important;
    margin-left: 5px;
}

.rol-btn {
    position: absolute;
    top: 25px;
    right: 10px;
}

.rol-btn a {
    color: var(--cDanger);
}

.checkmarkk {
    height: 30px;
    width: 50px;
    float: left;
    margin-top: 11px;
}

.checkmarkk ion-icon {
    font-size: 36px;
    color: #030303;
}

.padbot {
    padding-bottom: 50px;
}

.foot {
    margin-top: 10%;
}

.new-btn {
    margin-top: 0!important;
    margin-bottom: 40px;
}

.datepicker-days .prev,
.datepicker-days .next {
    position: relative;
    font-size: 0;
}

.datepicker-days .prev:before {
    content: "\f3cf";
    font-size: 18px;
    font-family: "Ionicons";
    color: #030303!important;
}

.datepicker-days .next:before {
    content: "\f3d1";
    font-size: 18px;
    font-family: "Ionicons";
    color: #030303!important;
}

.datepicker table tr td.active.active {
    background-color: #030303!important;
    background-image: none!important;
}

.add-slider .carousel-control-prev-icon {
    margin-top: -28px!important;
}

.form-area .ttl1 {
    margin-top: 26px;
}

#slider .ion-ios-close-circle {
    font-size: 45px;
    color: var(--cDanger);
    position: absolute;
    top: -31px;
    right: -8px;
    z-index: 2;
}

.play-video {
    position: relative;
}

.pop-btn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    display: block;
}

.pop-btn ion-icon {
    font-size: 74px;
    margin-left: -7px;
    margin-top: -7px;
}

/*.mypop .modal-content {
    background: none!important;
    border: 0!important;
}

.mypop .modal-header {
    border: 0!important;
    padding: 0;
}

.mypop .close i {
    color: #fff!important;
    font-size: 36px;
    opacity: 1!important;
    text-shadow: none!important;
}

.mypop .close {
    opacity: 1!important;
    text-shadow: none!important;
}

.mypop .modal-dialog {
    max-width: 800px;
}*/

.btn-fixed {
    position: fixed;
    bottom: 10px;
    width: 100%;
    left: 0;
}

.btn-fixed button {
    max-width: 600px;
    margin: 0 auto;
}

.foot-fixed {
    padding-bottom: 80px;
}

.btn-fixed div {
    margin: 0 15px;
}

.member-slide #accordionEx .ion-ios-arrow-forward {
    margin-top: 5px;
}

.ck-box {
    padding: 0;
}

.chbox .bornon {
    margin-top: 10px;
}

/*.mypop {
    background: #030303!important;
}

.mypop .modal-dialog {
    margin-top: 5%;
}*/

.rrl {
    padding-bottom: 0;
    padding-top: 0;
}

.rrl .ck-box {
    padding: 10px 0;
}

.clr-theme-dark,
.reviews-pg select {
    color: var(--whBk);
}

.order-inn .srtp {
    font-size: 24px;
    color: #030303;
    line-height: 23px;
}

.grpu a {
    width: 42px;
    height: 42px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
    border-radius: 50%;
}

.width2 button {
    vertical-align: top;
}

.grpu a span {
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    vertical-align: middle;
    border: 3px solid #fff;
}

.val-check label {
    float: right;
}

.error-pop {
    position: absolute;
    bottom: -16px;
    left: 10px;
}

.good-pop {
    position: absolute;
    bottom: -16px;
    left: 10px;
}

.newcheck .ck-box {
    padding: 10px 0;
}

.newcheck {
    padding: 0px 10px;
}

/*.hash .bootstrap-tagsinput {
    margin-bottom: 1rem;
}*/

.was-validated .grp {
    margin-bottom: 15px;
}

.newcheck p {
    margin-bottom: 0;
}

.privacy .was-validated .pravicy-policy {
    margin-bottom: 20px;
}

.pravicy-policy {
    position: relative;
}

.pad-bot {
    padding-bottom: 60px;
}

.pick-color {
    /*height: 37px;
  width: 37px;*/
    border-radius: 40px;
    float: right;
    /*margin-top: 4px;*/
    margin: 8px 3px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    /* background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%); */
}


/*.custom-control-indicator,*/

.pick-color {
    background-color: #fff;
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    padding: 4px;
    border: 1px solid;
}

.clr {
    height: 100%;
    width: 100%;
    background: #030303;
    border-radius: 40px;
}

.taxes .spantag span {
    color: #030303;
}

.shiping-box .form-act span {
    color: #030303;
}

.ship-opt li span span {
    color: var(--cDark)!important;
}

.pcrw input,
.input-transparent {
    background: none;
    border: 0;
    /* color: #030303!Important; */
}

.pcrw input::-webkit-input-placeholder {
    opacity: 1;
    color: #030303!Important;
}

.pcrw input:-ms-input-placeholder {
    opacity: 1;
    color: #030303!Important;
}

.pcrw input::-ms-input-placeholder {
    opacity: 1;
    color: #030303!Important;
}

.pcrw input::-moz-placeholder {
    opacity: 1;
    color: #030303!Important;
}

.pcrw input::placeholder {
    opacity: 1;
    color: #030303!Important;
}

/*.hash .bootstrap-tagsinput .tag [data-role="remove"]::after {
    content: "";
    font-family: "Ionicons";
    font-size: 21px;
    margin-top: 4px;
    height: 25px;
}*/

.notifi .spantag span {
    color: #030303!Important;
}

.email-box .spantag span {
    color: #030303!Important;
}

.botpadd {
    padding-bottom: 60px;
}

.bortop .form-control {
    border: 1px solid #030303;
}

.flag1 img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.flag1 select {
    width: 96%!Important;
}

.clock-con .clock {
    float: left;
    width: 70%;
}

.clock-con .tool-tip {
    float: right;
    margin-top: 35px;
}

.clock iframe {
    display: inline-block;
    vertical-align: middle;
}

.clock .tml {
    display: inline-block;
    vertical-align: middle;
}

.tml span {
    font-size: 18px;
}

.tml p {
    color: #8d8d8d;
    font-size: 16px;
}

.tml {
    margin-left: 15px;
}

.clock-con {
    padding-bottom: 15px;
}

.padbot1 {
    padding-bottom: 80px;
}

.addsite li {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    padding: 25px 0;
    text-align: center;
    background: #030303;
    border-radius: 8px;
    margin: 0 1%;
    margin-bottom: 15px;
}

.addsite ul {
    padding: 0;
    margin: 0;
}

.addsite li ion-icon {
    color: #fff;
    font-size: 60px;
    line-height: 60px;
}

.addsite li span {
    color: #fff;
    display: block;
    font-size: 18px;
}

.ck-left ion-icon {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.input-style,
.open-hours a {
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    color: #8d8d8d;
    height: 48px;
    box-shadow: none;
    display: block;
    padding: 12px 10px 5px 10px;
    margin-bottom: 1em;
    text-decoration: none!important;
    cursor: pointer;
}

.live-rev li {
    list-style: none;
    width: 48.9%;
    display: inline-block;
    vertical-align: text-bottom;
    background: var(--inputBg);
    border-radius: 10px;
    position: relative;
    min-height: 100px;
    margin-right: 1.5%;
}

.live-rev {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.lv-sts {
    padding: 15px;
}

.live-rev li:nth-child(n+2) {
    margin-right: 0 !important;
}

.live-rev span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.live-rev h1 {
    color: #030303;
    font-size: 28px;
    margin-bottom: 0;
}

.live-rev li a {
    text-decoration: none !important;
}

.tbb ul {
    padding: 0;
    margin: 0;
    background: var(--inputBg);
    border-radius: 6px;
}

.tbb ul li {
    display: inline-block;
    margin: 5px;
    width: 17%;
    text-align: center;
}

.tbb ul li a {
    padding: 5px 10px;
    color: #030303;
    font-size: 18px;
    display: block;
}

.tbb ul li a:hover,
.tbb ul li.sel2 a {
    color: #fff;
    background: #030303;
    text-decoration: none;
    border-radius: 6px;
}

.live-rev2 li {
    list-style: none;
    width: 48.9%;
    display: inline-block;
    vertical-align: text-bottom;
    background: var(--inputBg);
    border-radius: 10px;
    position: relative;
    min-height: 124px;
    margin-right: 1.5%;
    margin-bottom: 10px;
}

.live-rev2 {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.lv-sts2 {
    padding: 15px;
}

.live-rev2 li:nth-child(even) {
    margin-right: 0 !important;
}

.live-rev2 span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.live-rev2 h1 {
    color: #030303;
    font-size: 28px;
    margin-bottom: 0;
}

.live-rev2 li a {
    text-decoration: none !important;
}

.live-rev2 i {
    font-size: 24px;
    color: #8d8d8d;
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.pps {
    padding-top: 47px;
}

.mid-ttl {
    font-size: 30px;
    color: #030303;
}

.live-check-out {
    padding: 0;
    margin: 0;
}

.live-check-out li {
    list-style: none;
    width: 48.9%;
    display: inline-block;
    vertical-align: text-bottom;
    background: var(--inputBg);
    border-radius: 10px;
    position: relative;
    min-height: 124px;
    margin-right: 1.5%;
    margin-bottom: 10px;
}

.live-check-out li:nth-child(even) {
    margin-right: 0 !important;
}

.live-check-out span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.live-check-out h1 {
    color: #030303;
    font-size: 28px;
    margin-bottom: 0;
}

.live-check-in {
    padding: 15px;
}

.live-check-box {
    width: 100%;
    display: block;
    vertical-align: text-bottom;
    background: var(--inputBg);
    border-radius: 10px;
    margin-bottom: 15px;
}

.live-check-box h1 {
    color: #030303;
    font-size: 28px;
    margin-bottom: 0;
}

.live-check-box span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.ana-ttl h2 {
    color: #030303;
    font-size: 36px;
    float: left;
}

.ana-ttl {
    margin-bottom: 20px;
}

.ana-ttl ion-icon {
    color: #389ed6;
    font-size: 36px;
    float: right;
    margin-top: 10px;
}

.ana-dt {
    padding-bottom: 15px;
}

.ana-dt h2 {
    color: #030303;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.ana-dt h2 span {
    color: #8d8d8d;
    font-size: 18px;
}

.ana-dt ion-icon {
    color: #8d8d8d;
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
}

.select-dt select {
    background: var(--inputBg);
    border-radius: 8px;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 47%;
    border: 0;
    font-size: 18px;
}

.select-dt span {
    display: inline-block;
    vertical-align: middle;
    color: #030303;
    font-size: 24px;
    width: 4%;
    text-align: center;
}

.select-dt {
    padding-bottom: 15px;
}

.ana-list li {
    list-style: none;
    width: 48.9%;
    display: inline-block;
    vertical-align: text-bottom;
    background: var(--inputBg);
    border-radius: 10px;
    position: relative;
    min-height: 124px;
    margin-right: 1.5%;
    margin-bottom: 10px;
}

.ana-list ul {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.ana-in {
    padding: 15px;
}

.ana-list li:nth-child(even) {
    margin-right: 0 !important;
}

.ana-list span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.ana-list p {
    display: block;
    color: #36ea56;
    font-size: 16px;
    margin-bottom: 0;
}

.ana-list h1 {
    color: #030303;
    font-size: 28px;
    margin-bottom: 0;
}

.ana-list li a {
    text-decoration: none !important;
}

.ana-list i {
    font-size: 24px;
    color: #8d8d8d;
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.ana-list {
    padding-bottom: 20px;
}

.ordr-ana-list li {
    list-style: none;
    width: 48.9%;
    display: inline-block;
    vertical-align: text-bottom;
    background: var(--inputBg);
    border-radius: 10px;
    position: relative;
    min-height: 124px;
    margin-right: 1.5%;
    margin-bottom: 10px;
}

.ordr-ana-list ul {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.ordr-ana-in {
    padding: 15px;
}

.ordr-ana-list li:nth-child(even) {
    margin-right: 0 !important;
}

.ordr-ana-list span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.ordr-ana-list p {
    display: block;
    color: #36ea56;
    font-size: 16px;
    margin-bottom: 0;
}

.ordr-ana-list h1 {
    color: #030303;
    font-size: 28px;
    margin-bottom: 0;
}

.ordr-ana-list li a {
    text-decoration: none !important;
}

.ordr-ana-list i {
    font-size: 24px;
    color: #8d8d8d;
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.ordr-ana-list p.p1 {
    color: #F00;
}

.ordr-ana-list {
    padding-bottom: 0px;
}

.ordr-list-lst {
    list-style: none;
    width: 100%;
    display: block;
    vertical-align: text-bottom;
    background: var(--inputBg);
    border-radius: 10px;
    position: relative;
    min-height: 124px;
    margin-right: 1.5%;
    margin-bottom: 10px;
}

.ordr-list-lst-in {
    padding: 15px;
}

.ordr-list-lst span {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
}

.ordr-list-lst p {
    display: block;
    color: #36ea56;
    font-size: 16px;
    margin-bottom: 0;
}

.ordr-list-lst h1 {
    color: #030303;
    font-size: 28px;
    margin-bottom: 0;
}

.ordr-list-lst li a {
    text-decoration: none !important;
}

.ordr-list-lst i {
    font-size: 24px;
    color: #8d8d8d;
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.ordr-list-lst a {
    text-decoration: none !important;
}

.ordr-list-lst {
    margin-bottom: 25px;
}

.sales-list {
    margin-top: 10px;
    background: var(--inputBg);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
}

.sales-list ol {
    padding: 0;
    list-style: decimal inside;
    margin: 0;
}

.sales-list li {
    font-size: 32px;
}

.sales-list li .sales-img {
    display: inline-block;
    vertical-align: middle;
    width: 54px;
    margin-right: 10px;
}

.sales-list li .sales-con {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}

.sales-list li .sales-con h2 {
    color: #030303;
    font-size: 24px;
    margin-bottom: 0;
}

.sales-list li .sales-con .sl-con {
    line-height: 22px;
}

.sales-list li .sales-con .sl-con span {
    display: inline-block;
    vertical-align: middle;
    color: #007aff;
    font-size: 16px;
}

.sales-list li .sales-con .sl-con p {
    display: inline-block;
    vertical-align: middle;
    color: #36ea56;
    font-size: 16px;
    margin-bottom: 0;
}

.sales-bor {
    display: inline-block;
    width: 90%;
    padding-bottom: 15px;
    border-bottom: 2px solid #bcbcbc;
    margin-bottom: 15px;
}

.sales-list ol li:last-child .sales-bor {}

.loadmore {
    color: #007aff;
    font-size: 18px;
    display: block;
    text-align: center;
    text-decoration: none!important;
}

.total-spend li {
    position: relative;
}

.total-spend li i {
    font-size: 24px;
    color: #8d8d8d;
    position: absolute;
    bottom: 45px;
    right: 28px;
}

.social-list ul {
    padding: 0;
    margin: 0;
}

.social-list li {
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 10px 10px;
    list-style: none;
    margin-bottom: 15px;
}

.social-list img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 35px;
    border-radius: 8PX;
}

.social-pro {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.social-pro .s-ttl {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #8d8d8d;
    line-height: 15px;
}

.s-process .processbr {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    background: #d3dfed;
    border-radius: 10px;
    position: relative;
    height: 10px;
}

.start-pro {
    background: #007aff;
    border-radius: 10px;
    position: absolute;
    height: 10px;
    left: 0;
    top: 0;
}

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

.p-75 {
    width: 50%;
}

.s-pro {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    color: #007aff;
    font-size: 16px;
    margin-left: 2%;
}

.social-list {
    margin-bottom: 25px;
}

.top-search {
    padding: 0;
    margin: 0;
}

.top-search li {
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 10px 10px;
    list-style: none;
    margin-bottom: 15px;
}

.top-search-pro {
    width: 100% !important;
}

.top-search-pro .processbr {
    width: 80%;
}

.top-search-pro .s-pro {
    width: 17%;
}

.ana-by-con {
    padding: 0;
    margin: 0;
}

.ana-by-con li {
    list-style: none;
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 10px 10px;
    list-style: none;
    margin-bottom: 10px;
}

.ana-by-con li h2 {
    color: #8d8d8d;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.ana-by-con li img {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
}

.con-pro span {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    color: #007aff;
    font-size: 16px;
    margin-right: 2%;
}

.start-pro-con {
    background: #007aff;
    border-radius: 10px;
    position: absolute;
    height: 10px;
    left: 0;
    top: 0;
}

.processcon {
    display: inline-block;
    vertical-align: middle;
    width: 76%;
    background: #d3dfed;
    border-radius: 10px;
    position: relative;
    height: 10px;
}

.con-pro {
    margin-bottom: 0px;
}

.con-pro2 span {
    display: inline-block;
    vertical-align: middle;
    width: 17%;
    color: #36ea56;
    font-size: 16px;
    margin-right: 2%;
}

.start-pro-con2 {
    background: #36ea56;
    border-radius: 10px;
    position: absolute;
    height: 10px;
    left: 0;
    top: 0;
}

.processcon2 {
    display: inline-block;
    vertical-align: middle;
    width: 79%;
    background: #d3dfed;
    border-radius: 10px;
    position: relative;
    height: 10px;
}

.age-range {
    padding: 0;
    margin: 0;
    list-style: none;
    background: var(--inputBg);
    border: 0;
    border-radius: 8px;
    padding: 10px 10px;
    list-style: none;
    margin-bottom: 10px;
}

.age-range li {
    list-style: none;
    margin-bottom: 5px;
}

.ag {
    color: #030303;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 10%;
}

.ag-pro {
    background: #007aff;
    border-radius: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}

.ag-per {
    color: #030303;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 8%;
}

.latest-act {
    margin-top: 10px;
    background: var(--inputBg);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
}

.latest-act ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.latest-act li {
    font-size: 32px;
}

.latest-act-bor {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.latest-act li .act-img {
    display: inline-block;
    vertical-align: middle;
    width: 54px;
    margin-right: 10px;
}

.latest-act li .act-con {
    display: inline-block;
    vertical-align: middle;
    width: 86%;
    border-bottom: 2px solid #bcbcbc;
    padding-left: 0px;
    padding-bottom: 10px;
}

.latest-act li .act-con h2 {
    color: #030303;
    font-size: 24px;
    margin-bottom: 0;
}

.latest-act li p {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #8d8d8d;
    margin: 0;
}

.act-ttl {
    margin-bottom: 15px;
}

.act-ttl h3 {
    display: inline-block;
    vertical-align: middle;
    color: #030303;
    font-size: 36px;
    margin: 0;
}

.act-ttl h3 span {
    display: inline-block;
    vertical-align: middle;
    color: #8d8d8d;
}

.map1 {
    padding-top: 15px;
}

.map2 img,
.map1 img {
    width: 100%;
}

.ssp img {
    width: 35px;
    position: absolute;
    top: 7.5px;
    left: 7.5px;
}

.ssp input,
.ssp label {
    padding-left: 50px;
}

.genset .card-header span {
    font-size: 24px;
    padding-bottom: 5px;
}
.addphotos.sqr .upload-btn-wrapper{
    height: 59% !important;
}
.add-product .addphotos.sqr {
    height: 300px !important;
}