/* @font-face {
    font-family: "Gothic";
    src: url("font/CenturyGothic.ttf");
    src:
        url("font/CenturyGothic.ttf") format("ttf");

} */

@font-face {
    font-family: helveticaneueltFont;
    src: url(font/helveticaneuelt-arabic-55-roman.ttf);
}

::-webkit-scrollbar {
    display: none;
}

.hidden {
    display: none;
}


.no-before::before {
    height: 0 !important;
    content: '' !important;
}

.no-after::after {
    height: 0 !important;
    content: '' !important;
}


.tabulator,
.tabulator-col-title {

    text-align: right !important;

}

.printLogo {
    width: 100%;
    height: 150px;
    /* margin-left: calc(50% - 75px); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

.dialog-text {
    overflow: auto;
    max-height: 400px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.cardImage {
    width: 400px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.imgTemp {
    z-index: 2222222222222222;
    position: absolute;
    top: 0;
    width: 40px;
}

.navbar,
.navbar-inner {

    background-color: #15466d  !important;
    color: white !important;

}

.navbar a {
    color: white !important;
}

.cardCategoryName {
    margin-top: 0px;
    font-size: 20px;
    white-space: normal !important;
}

/* .cardCategoryName::after
{
      border: 1px solid black;
} */

/* .cardCategoryIMG {
    width: auto;
    height: 75px;
} */

.cardCategoryIMG {
    max-width: 90px;
}

/* #ulCardClassList {
} */

.navItemTitle {
    position: absolute;
    margin-right: 36px !important;
}

.customerInfo {
    font-size: 22px;
}

.buy-card-img {
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 10px;
}

.buy-card-container {
    margin: 27px 20px 20px 20px;
    font-size: 18px;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    padding: 18px 25px 25px 25px;
    border-radius: 14px;
    border-color: #8a8484;
    width: 100%;
    max-width: 280px;
}

#divCardInfo {
    border-radius: 10px;
    border: solid;
    margin-bottom: 17px;
    border-width: 2px;
    border-color: #8a8484;
    min-width: 180px;
    max-width: 250px;

}


.buy-card-container button {
    /* position: absolute;
    left: 100px;
    width: calc(100% - 200px); */
    min-width: 180px;
    max-width: 250px;
    font-size: large;
    height: 40px;
}

.btn-with-icon {
    padding-right: 0px !important;
}

.btn-with-icon i {
    margin-right: -12px !important;
    padding-top: 1px !important;
    font-size: 21px;
}


.item-label {
    font-size: 14px !important;
    font-weight: bolder;
    padding-bottom: 4px;
}

.block-header {
    font-size: 16px !important;
    margin-top: 20px !important;
    font-weight: bolder;

}

.page {
    background-color: white;
}

.page-content {
    padding-top: 50px;
}

.view-main {
    box-shadow: 0px 0px 6px 4px #697270;
}

.title {
    font-size: 18px;
    font-weight: bolder;
}

.back {
    padding-left: 20px !important;
    margin-right: -30px;
}

.about-container {
    text-align: center;
    margin-top: 45px;
    font-size: larger;
}

.option-page-stepper input[type="number"] {
    min-width: 120px;
    width: 100%;
}

/* .option-page-stepper input[type="number"]:focus {

    margin-bottom: 200px;

} */

/* .enable-copy-past
{ */
/* user-select: all; supported by Chrome and Opera */
/* -webkit-user-select: text; Safari */
/* -moz-user-select: -moz-all; Firefox */

/* } */

.navbar {
    position: fixed;
}

.canvas-container {
    position: relative;
    max-width: 90% !important;
    border: 1px solid #dedede;
    border-radius: 5px;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

.canvas-container canvas {
    /* width: 84%; */
    /* max-height: 100%; */
    /* padding-left: 8%; */
    /* margin-right: 8%; */
    margin: auto;
    align-self: center;
    max-width: 98%;
}

.cus-info-container {
    font-size: larger;
    margin-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: white;
}

.cus-info-container div {
    text-align: center;
    margin-left: 27px;
    text-shadow: 0 0px 5px #04060cdb;
}

.dapos-main-menu {
    background-image: url(../img/ClickLogoTest.jpg);

    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 9px;
    text-align: left;

    width: 100vw;
    position: relative;
    left: 30px;
    padding-left: 40px;
    font-family: cursive;
    /* font-weight: bold; */


}

.nav-back-lnk {
    /* position: fixed; */
    left: 22px;

}

.popup {
    display: block;
    padding-top: 18px;
    font-size: 20px;
    overflow-y: scroll;
    word-break: break-word;
}

.required::before {
    color: red;
    content: " * ";
    font-size: large;
}

.smart-select-popup {
    padding-top: 0px !important;
}

.smart-select-popup ul {
    margin-top: 60px !important;
}

.add-margin-on-focus:focus {
    margin-bottom: 40px;
}

.add-margin-on-focus-native:focus {
    margin-bottom: 160px;
}

#divChildComList li {
    /* white-space: normal; */
    height: auto;
}

.dialog-input {
    text-align: center;
    color: black;
    direction: ltr;
}

.list ul li * {
    word-break: break-word;
    white-space: normal;
}


.home-list li {
    margin-top: 3%;
    margin-bottom: 3%;
}

.maintenance-logo {
    background: url('../img/maintenance.gif') no-repeat center;
    height: 100%;
    max-height: 450px;
    background-size: contain;
}

.spn-login-buttons {
    margin: 10px;
}

.spn-login-buttons a {
    margin-top: 10px;
    font-size: large;
    padding-right: 15px;
    height: 34px;

}

.spn-login-buttons a i {
    right: 6px;
    position: absolute;
    margin-top: 3px;
    /* color:#8a8484; */

}

@media only screen and (max-width: 440px) {
    .spn-login-buttons a {
        padding-right: 32px;
        font-size: 15px;
        /* color:#8a8484; */
    }
}

.no-record-found:after {
    content: "لم يتم العثور على اي سجلات" !important;

    /* top: 64px !important; */
    position: absolute !important;
    /* margin-top: 20px; */
    font-size: xx-large;
    z-index: -1 !important;
    /* padding-top: 0px; */
    top: 8px !important;
    height: 0px !important;
    /* border: 0px; */
    text-align: center;
    color: #b3a0a3fa;
}

/* 
.dialog:not(.dialog-no-buttons) .dialog-inner:before {
    content: '';
    background: url(../img/alert.png);
   
    height: 50px;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: -17px;
    z-index: 1500000 !important;
    width: 100%;
    margin-bottom: 10px;
} */

.dialog-text,
.dialog-title {
    text-align: center;
}

/* customize confirm title */
.dialog-buttons-2 .dialog-inner .dialog-title {
    border-bottom:1px solid #cacacac7;
    padding-bottom: 7px;
   
}

.md .dialog-title+.dialog-text {
    margin-top: 12px;
}

body {
    font-family: helveticaneueltFont;
}

.spn-delivery-time {
    /* position: absolute; */
    left: 15px;
}

.card-class-name {
    font-size: 22px;
    color: #585858;
    word-break: break-all;
    /* line-height: 23px; */
    margin: 10px;
}

.price-before-sale {
    font-size: 15px;
}

.price-before-sale::before {
    content: '✗';
    z-index: -1 !important;
    color: red;
    font-size: 26px;
    top: -6px;
    right: 2px;
    opacity: 0.75;
    text-align: center;
    font-weight: bold;
    position: absolute;
}

.sell-price {
    margin-right: 7px;
    ;
}

.img-sale-container {
    width: 27px;
    left: 10px;
    position: absolute;
    top: 12px;
    z-index: 10;
}

.img-sale-container img {
    width: 100%;
    height: 100%;
    /* left: 10px; */
    /* position: absolute; */
    /* top: 12px; */
    z-index: 10;
}

.img-sale-container span {
    position: absolute;
    transform: rotate(90deg);
    font-size: 13px;
    width: 50px;
    top: 23px;
    left: -7px;
    color: white;
    text-align: center;
}


.center-content,
.center-content-all-levels div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cancel-order-button {
    display: inline;
    float: left;
    width: 90px;
    margin-left: 15px;
    background-color: #c3150b;
}

.dialog-header-icon {
    display: block;
    font-size: 33px;
}


.file-manager-img-container {
    background-color: white;
}

@media (max-width: 660px) {
    :root {
        --file-manager-content-width: calc(100% - 20px);
    }

}

@media (min-width: 661px) {

    .home-list li {
        margin-top: 18px;
        margin-bottom: 18px;
    }
}



@media (max-width: 480px) {
    .demo-swiper .swiper-slide {
        width: calc(100% - 20px) !important;
        /* margin-right: 0%; */
    }

    /* #home_bannerSwiperContainer{
        height: 140px;
    } */
}


.link-prev {
    background-image: linear-gradient(to right, #48a1c3, var(--file-manager-link-end-color));
    margin-left: 10px;
}

.link-next {
    background-image: linear-gradient(to left, #48a1c3, var(--file-manager-link-end-color));
    margin-right: 10px;
}

#home_bannerSwiperContainer {
    width: calc(100% - 20px);
    height: 140px;
    margin: 0 10px 10px 0px !important;
    padding-bottom: 20px;
    border-radius: 23% !important;
    /* background-color: #a3a8ad87; */
    /* padding: 0px; */
    padding-top: 18px;
    border-radius: 10px;
}

.swiper-pagination {
    bottom: 0 !important;
}

.demo-swiper .swiper-slide {
    font-size: 25px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #000;
    background-size: cover;
}

.demo-swiper .swiper-slide {
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
    width: 350px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border-radius: var(--file-manager-content-radius);

}

.demo-swiper {
    margin: 0px 0 35px;
    font-size: 18px;
    height: 120px;
}

.swiper-slide-active {
    /* margin-top: -10px;
    margin-left: 20px;
    margin-right: 20px; */

}

.f7-icons,
.material-icons {
    width: auto;
    /* fix webview sidebar icons bug */
}

.item-inner:after,
.list ul:after {
    left: 10px !important;
    right: 0px !important;
    width: auto !important;
}

/* .item-input-wrap {
    padding-bottom: 10px;
} */

.item-input-error-message {
    bottom: -8px;
}

.nav-back-lnk {
    margin-left: -10px;
    margin-right: 10px;
}

.button-outline {
    min-height: 35px;
}

.font-bold {
    font-weight: bold;
}

/* .demo-swiper.demo-swiper-auto .swiper-slide {
  width: 85%;
}
.demo-swiper.demo-swiper-auto .swiper-slide:nth-child(2n) {
  width: 70%;
}
.demo-swiper.demo-swiper-auto .swiper-slide:nth-child(3n) {
  width: 30%;
} */


.smart-select-page .item-radio .item-media {
    position: absolute;
    float: left;
    left: 62px;
}

.smart-select-page .item-radio .item-media img {
    height: 30px;
}

#btnCheckClientInput_serverSide {
    width: 132px;
    font-size: 15px;
    font-weight: normal;
    height: 35px;
    padding-bottom: 5px;
}

#checkClientInput_container {
    margin-bottom: 31px !important;
    margin-top: -20px;
    font-size: 12px;
}

#txtServiceResultText {
    width: 100%;
    border: solid;
    border-radius: 10px;
    white-space: none;
    font-weight: bold;
    padding: 5px;
}

.custom-notification .notification-title{
    position: absolute;
    right: 45px;
}

.custom-notification .notification-text , .custom-notification .notification-subtitle
{
text-align: right;
padding-right: 35px;
}

.category-split
{
    color: white;
    width: 100%;
    background-color: #556c66;
    text-align: center;
    font-size: 18px;
    margin-left: 15px;
    border-radius: 2px;
    padding-bottom: 3px;
}