/**************   استایل های عمومی همه صفحات مای هریس ************/

html {
    background-color: #f8f9fa !important;
}

#main {
    background-color: #f8f9fa !important;
    width: 100%;
    direction: rtl;
    height: calc(100vh);
    /*overflow: auto*/
}

.color_White {
    color: white !important
}

.bg_White {
    background-color: white !important
}

.bg_Trans {
    background-color: transparent !important
}

.bg_Light {
    background-color: #f1f4f7 !important
}
/****************************************** _Layout Start *****************************************/
html {
    font-size: 14px;
}

body {
    position: relative !important;
}

.menuItem {
    color: #4a4a4a;
    display: flex;
    margin-top: 10px;
    text-decoration: none;
    padding-right: 10px;
}

    .menuItem i {
        font-size: 1.8rem;
        margin-left: 8px;
    }

    .menuItem span {
        font-size: 1.05rem;
        padding-top: 1px;
    }

.textdecoration {
    text-decoration: none !important
}

/*  بسته شدن منواسلایدر راست همراه با انیمیشن*/

.show, #show {
    display: block !important;
    -webkit-animation: mymove 1s forwards; /* Safari 4.0 - 8.0 */
    animation: mymove 1s forwards;
}

.hide {
    -webkit-animation: mymove1 1s forwards; /* Safari 4.0 - 8.0 */
    display: block !important;
    animation: mymove1 1s forwards;
}

/*Safari 4.0 - 8.0*/
@-webkit-keyframes mymove {
    from {
        right: -255px;
    }

    to {
        right: 0;
    }
}
/* Standard syntax */
@keyframes mymove1 {
    from {
        right: 0;
    }

    to {
        right: -250px;
    }
}

/*برای: تکس باکس(اینپوت) تا نوشته بیاد بالای تکس باکس*/

/*input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label,
        textarea:focus ~ .floating-label, textarea:not(:focus):valid ~ .floating-label,*/
select:focus ~ .floating-label, select:not(:focus):valid ~ .floating-label, select:disabled ~ .floating-label,
input:focus ~ .floating-label, input:not(:placeholder-shown) ~ .floating-label,
textarea:focus ~ .floating-label, textarea:not(:placeholder-shown) ~ .floating-label {
    top: -8px;
    right: 20px;
    font-size: 11px;
    opacity: 1;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    color: #1a73e8;
}

.form-control:focus {
    border: 2px solid #1a73e8;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    right: 25px;
    top: 7px;
    transition: 0.2s ease all;
    z-index: 10;
    font-weight: 400
}

.floating-label {
    color: #696969;
}

input:not(:focus):placeholder-shown ~ .floating-label,
select:not(:focus):placeholder-shown ~ .floating-label,
select:disabled ~ .floating-label,
textarea:not(:focus):placeholder-shown ~ .floating-label,
input:not(:focus):valid ~ .floating-label,
select:not(:focus):valid ~ .floating-label,
textarea:not(:focus):valid ~ .floating-label {
    color: #696969;
}

select:disabled ~ .floating-label {
    color: #696969;
}

/*حذف گزینه خالی از کمبو باکس*/
/*.Select-input option[value="?"] {
            display: none;
        }*/

#selectCustomer .chosen-rtl {
    width: 180px !important;
}

/*******  Loading ********/

.loadingPosition {
    margin: 0;
    position: absolute;
    top: 50%;
    left: calc(50% - 126px);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: white;
    border-radius: 15px;
}

.w270 {
    width: 270px;
}

.h200 {
    height: 200px;
}

.fs1 {
    font-size: 1.3rem;
}

#divShowMyProgress {
    display: none;
}

    #divShowMyProgress.ngProgress-container {
        display: block;
    }

.bigPlus {
    height: 24px !important;
    width: 25px !important;
    background-color: #2ECC71;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    margin-left: 10px;
    color: white;
}

.bigPlus2 {
    height: 24px !important;
    width: 25px !important;
    /*background-color: #2ECC71;*/
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    margin-top: 10px;
    color: white;
}

.munuHover :hover {
    background-color: rgb(114, 121, 159);
}

#divMenuItems {
    background-color: #1F1B1C;
    width: 250px;
    position: fixed;
    right: 0;
    z-index: 20;
    border-left: 1px solid #ccc;
    height: 100vh;
    display: none
}

#divMenuItemsConcert {
    background-color: #1F1B1C;
    width: 410px;
    position: fixed;
    right: 0;
    z-index: 20;
    border-left: 1px solid #ccc;
    height: 100vh;
    display: none;
    margin-top: -72px;
}



#btnCloseMenu {
    color: #a1a1a1;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 3px;
    z-index: 30
}

.image_MainSlider {
    width: 130px;
    /*border-radius: 100%*/
}

.title_MainSlider {
    color: #000000;
    font-size: 15px;
}

    .title_MainSlider p {
        padding-top: 7px;
        color: white
    }

    .title_MainSlider span {
        margin-top: -5px;
        padding-bottom: 10px;
        font-size: 0.9rem;
        color: #ffffff
    }

#closing {
    text-align: right;
    padding-top: 15px;
    height: calc(100vh - 166px);
    top: -17px;
    bottom: 0;
    overflow-y: auto;
    width: 100%;
    margin-top: 13px;
    position: relative;
}

.input_MainSlider {
    direction: ltr;
    position: sticky;
    top: -18px;
    z-index: 10;
    width: 230px !important
}

    .input_MainSlider input {
        text-align: right;
        font-size: .9rem;
        width: 230px !important;
        height: 28px;
        background-color: #3a3838;
        color: white;
        border-radius: 0;
        border: none;
        box-shadow: none
    }

#MainMenu {
    color: white !important;
    cursor: pointer
}

.icon_MainMenu {
    font-size: 1.5rem;
}

.name_MainMenu {
    font-size: 1.1rem;
}

.iconLeft_MainMenu {
    font-size: 0.9rem;
    padding-top: 5px;
}

.bg_SumMainMenu {
    background-color: #4f4f4f;
}

.signOut_MainSlider {
    color: red !important
}

#header {
    height: 50px;
    width: 100%;
    /*background-image: linear-gradient(#ECD47E, #BE8214);*/
    position: fixed;
    top: 0;
    display: flex;
    justify-content: space-between;
    z-index: 12
}

#btnMenu {
    display: flex;
    font-size: 23px;
    padding: 12px;
    color: white;
    cursor: pointer
}

#myHarris {
    display: flex;
    padding-top: 10px;
    font-size: 25px;
    color: white
}

.flex_header {
    display: flex;
    color: white
}

.notif_header {
    z-index: 1000;
    background-color: white;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin-top: 5px;
    color: #34a853;
    padding-top: 8px;
    padding-right: 3px;
    cursor: pointer
}

    .notif_header i {
        font-size: 1.7rem
    }

.ref_header {
    display: flex;
    font-size: 23px;
    padding: 12px;
    cursor: pointer
}

.back_Header {
    font-size: 25px;
    z-index: 100000
}

    .back_Header div {
        font-size: 1.3em;
        margin-top: 8px;
        cursor: pointer;
        z-index: 200000
    }

#emptyHeader {
    height: 50px;
    width: 100%
}

.pt_MainSlider {
    padding-top: 35px
}

/************* آیکون ویدیو همراه با انیمیشن لایک *****************/

.cam_header {
    font-size: 1.5rem;
    padding-top: 11px;
    cursor: pointer
}

.heart {
    width: 100px;
    height: 100px;
    background: url("https://cssanimation.rocks/images/posts/steps/heart.png") no-repeat;
    background-position: 0 0;
    cursor: pointer;
    transition: background-position 1s steps(28);
    transition-duration: 0s;
    position: absolute;
    left: -14px;
    top: -38px;
}

    .heart.is-active {
        transition-duration: 1s;
        background-position: -2800px 0;
    }

.likeCount {
    position: absolute;
    left: 71px;
    bottom: 35px;
    font-size: 1.1rem;
    color: #4a4a4a;
}

.eye_LearnAppVideo {
    font-size: 1.3rem;
}

.eye2_LearnAppVideo {
    margin-left: 92px
}

    .eye2_LearnAppVideo span {
        font-size: 1.1rem;
        color: #4a4a4a;
    }

.comment_LearnAppVideo {
    border: 1px solid #dae2ea;
    border-radius: 5px
}

.comment2_LearnAppVideo {
    font-weight: 500;
}

.comment3_LearnAppVideo {
    color: #91a7bb;
}

.comment4_LearnAppVideo {
    font-size: .85rem;
    color: #463d42;
    font-weight: 400;
}

.arrow_LearnAppVideo {
    position: absolute;
    left: 9px;
    top: 6px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.textarea_LearnAppVideo {
    resize: none;
    overflow: hidden;
    height: 39px !important;
}

.comment5_LearnAppVideo {
    font-size: .9rem;
    color: #7b7272;
    font-weight: 500;
}

.comment6_LearnAppVideo {
    color: #2a2a2b;
}

/*******  برای زنگوله تیکتها  *****/
.ringBell, .ringBell:after {
    width: 30px;
    height: 30px;
}

    .count, .count:before, .ringBell:after {
        position: absolute;
    }

        .count, .count:before {
            width: 30px;
            height: 30px;
            border-radius: 50%;
        }

    .ringBell:after {
        content: '';
        /* transform-origin: top;*/
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDczLjczMyA0NzMuNzMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzMuNzMzIDQ3My43MzM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxwYXRoIGQ9Ik0yMi42NDgsMzk4LjY1YzIuNTUsNi4yMzMsOC43ODMsMTAuNDgzLDE1LjU4MywxMC40ODNoMTIzLjUzM2M1LjM4MywzNi41NSwzNy4xMTcsNjQuNiw3NC44LDY0LjZzNjkuNDE3LTI4LjA1LDc0LjgtNjQuNiAgICBoMTIzLjgxN2wwLDBjMC44NSwwLDEuNywwLDIuNTUtMC4yODNjNi4yMzMtMC44NSwxMS4zMzMtNS4xLDEzLjYtMTAuNzY3YzIuMjY3LTYuNTE3LDAuNTY3LTEzLjMxNy00LjI1LTE3Ljg1ICAgIGMtMC4yODMtMC4yODMtMC41NjctMC41NjctMC44NS0wLjg1Yy0xLjctMS43LTguNS05LjM1LTE1LjAxNy0yNS41Yy03LjA4My0xNy4yODMtMTUuODY3LTQ4LjE2Ny0xNS44NjctOTYuMDUgICAgYzAtOTQuNjMzLTM1LjctMTQ0LjUtNjUuNDUtMTY5LjcxN2MtMTkuODMzLTE2LjcxNy0zOS42NjctMjQuOTMzLTUyLjctMjguOWMtMC41NjctMTEuNjE3LTMuNC0yNy40ODMtMTQuMTY3LTQwLjIzMyAgICBDMjc1LjY2NSwxMC4yLDI2MS43ODIsMCwyMzcuMTMyLDBjLTI0LjM2NywwLTM4LjI1LDEwLjQ4My00NS42MTcsMTguOTgzYy0xMS4wNSwxMy4wMzMtMTQuMTY3LDI5LjE4My0xNC40NSw0MS4wODMgICAgYy0xMy4zMTcsMy45NjctMzMuMTUsMTIuMTgzLTUyLjcsMjguMzMzYy01NC42ODMsNDQuNzY3LTY2LjAxNywxMTYuNzMzLTY2LjAxNywxNjguODY3YzAsNDYuNDY3LTguNzgzLDc3LjM1LTE2LjE1LDk1LjIgICAgYy03LjkzMywxOC45ODMtMTUuNTgzLDI3LjQ4My0xNS41ODMsMjcuNDgzbDAsMEMyMS41MTUsMzg0Ljc2NywyMC4wOTgsMzkyLjEzMywyMi42NDgsMzk4LjY1eiBNMjM2Ljg0OCw0MzkuNzMzICAgIGMtMTguOTgzLDAtMzUuMTMzLTEzLjAzMy00MC4yMzMtMzAuNmg4MC40NjdDMjcxLjk4Miw0MjYuNywyNTUuODMyLDQzOS43MzMsMjM2Ljg0OCw0MzkuNzMzeiBNOTIuMzQ4LDI1Ny4yNjcgICAgYzAtMTUyLjQzMyw5OS43MzMtMTY2Ljg4MywxMDMuNy0xNjcuNDVjNC41MzMtMC41NjcsOC43ODMtMi44MzMsMTEuNjE3LTYuNTE3YzIuODMzLTMuNjgzLDMuOTY3LTguMjE3LDMuNC0xMy4wMzMgICAgYy0wLjg1LTUuMzgzLTEuNDE3LTIxLjI1LDYuMjMzLTMwLjAzM2MxLjQxNy0xLjcsNS45NS03LjA4MywxOS44MzMtNy4wODNzMTguNDE3LDUuMzgzLDIwLjExNyw3LjA4MyAgICBjNy4wODMsOC4yMTcsNi44LDIzLjgsNS45NSwyOC45Yy0wLjg1LDQuNTMzLDAuMjgzLDkuMzUsMy4xMTcsMTMuMDMzYzIuODMzLDMuNjgzLDYuOCw2LjIzMywxMS42MTcsNi44ICAgIGMwLjI4MywwLDI1LjUsMy42ODMsNTAuNzE3LDI0LjkzM2MzNS40MTcsMjkuNzUsNTMuMjY3LDc4LjIsNTMuMjY3LDE0My45MzNjMCw1Ny44LDExLjA1LDk0LjkxNywyMi4xLDExNy41ODNINjkuNjgyICAgIEM4MC40NDgsMzUxLjksOTIuMzQ4LDMxMy45MzMsOTIuMzQ4LDI1Ny4yNjd6IiBmaWxsPSIjRkZGRkZGIi8+PC9nPjwvc3ZnPg==);
        background-size: cover;
    }

    .ringBell:after {
        /*animation: ring 2s ease-in 5;
                animation-iteration-count: infinite;
                -webkit-transition: all .2s ease;*/
        animation: ring 5.5s running none;
        /*animation: ring 5.5s running infinite;*/
    }

.count {
    /*display: flex;
            flex-flow: row wrap;
            justify-content: center;
            align-items: center;*/
    width: 20px;
    height: 20px;
    /*background-color: hotpink;*/
    margin: -6px 3px 0 0;
    font-size: 12px;
    z-index: 90;
    font-family: IRANSans !important;
    top: 14px;
    font-weight: 400;
    right: 14px;
}

@keyframes ring {
    /*0% {
                transform: rotate(18deg);
            }

            50% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(-18deg);
            }*/
    0% {
        transform: rotate(35deg);
    }

    12.5% {
        transform: rotate(-30deg);
    }

    25% {
        transform: rotate(25deg);
    }

    37.5% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(15deg);
    }

    62.5% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/****************************************** _Layout End *****************************************/





/****************************************** _Layout.Phone Start *********************************/

.bg-BodyMobile {
    background-color: #f8f9fa
}


.signOut_footer i {
    color: #c62727;
    font-size: 1.9rem !important
}

.signOut_footer p {
    font-weight: bold;
    color: #6c6a6a;
}

.right_MobileHeader {
    font-size: 25px;
}

.ref_MobileHeader {
    font-size: 17px;
    cursor: pointer;
}

.name_MobileMenu {
    font-weight: bold;
    color: #6c6a6a;
    font-size: 1rem;
}

.bg_MobileMenu {
    background-color: #56569c;
}

.all_MobileMenu {
    font-weight: bold;
    color: #6c6a6a;
}

.mySubModal {
    z-index: 17
}
/****************************************** _Layout.Phone End ***********************************/
.inputs {
    font-size: 1.05rem;
    height: 42px !important;
    font-family: Iransans !important
}
/*چشمک زدن بردر وقتی تکس باکس خالیه در صفحه رزرو آژانس*/

.alerts-border {
    border: 2px #ff0000 solid;
    animation: blink 1s;
    animation-iteration-count: 3;
}

@keyframes blink {
    50% {
        border-color: #fff;
    }
}

.btn {
    font-family: IRANsans
}

.fontFamily {
    font-family: IRANsans
}

.cursor_Pointer {
    cursor: pointer !important
}

.colorWhite {
    color: white !important
}

.positionAbsolute {
    position: absolute !important
}

.marginRight {
    margin-right: revert !important
}

.buttonAdd {
    height: 50px;
    width: 50px;
    background-color: #9c27b0 !important;
    border-radius: 100%;
    position: fixed;
    bottom: 60px;
    right: 5px;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 1.6rem;
    cursor: pointer;
    color: white;
}

.buttonAdd2 {
    height: 50px;
    width: 50px;
    background-color: #9c27b0 !important;
    border-radius: 100%;
    position: fixed;
    bottom: 60px;
    left: 5px;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 1.6rem;
    cursor: pointer;
    color: white;
}

.icofont-edit-alt {
    color: #0d6efd;
    cursor: pointer;
    font-size: 1.15rem;
    padding-top: 1px;
}

.icofont-trash {
    color: #dc3545;
    cursor: pointer;
    font-size: 1.05rem;
    padding-top: 1px;
}

.icofont-close-circled {
    color: brown;
    cursor: pointer;
    font-size: 1.4rem;
}

.dir-ltr {
    direction: ltr
}

.margin_bottom {
    margin-bottom: 70px !important;
}

.margin_bottom2 {
    margin-bottom: 120px !important;
}

.padding-bottom {
    padding-bottom: 80px !important;
}



/*جدول سبز*/
.table-striped {
    font-size: 1.1rem
}

    .table-striped th {
        color: darkgreen !important
    }

.modal-header {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 11;
}

.modal-body {
    padding-bottom: 70px;
}

.modal-footer {
    position: sticky;
    bottom: 0;
    background-color: white;
    z-index: 11;
}

.cr {
    width: 1.5em !important;
    height: 1.5em !important;
    cursor: pointer
}

.cr-icon {
    font-size: 1.3em !important;
    left: 0 !important;
}

.firstDiv {
    border: 1px solid #FFFFFF;
    height: auto;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 8px 8px 8px -11px #2c2c2c;
}

.firstDiv1 {
    color: #385D8D;
    font-size: 1.2rem;
}

.icone {
    padding: 10px;
    background-color: #EEEEEE;
    border-radius: 50%;
    font-size: 1.7rem;
}

.mainDiv_Order {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    height: auto;
    border-radius: 5px;
    background-color: #FFFFFF;
}

.mainDiv {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    height: auto;
    border-radius: 5px;
    background-color: #FFFFFF;
}

    .mainDiv:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

.mainDiv_Detail {
    background-color: #4FD0BE !important;
    font-weight: 500;
    font-size: 1rem;
}

.mainDiv2_Detail {
    background-color: #CC6868 !important;
    font-weight: 500;
    font-size: 1rem;
    color: white;
}

.shadows {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.stickyTop {
    position: sticky !important;
    top: 44px;
    z-index: 1 !important
}

.stickyTop2 {
    position: sticky !important;
    top: 50px;
    z-index: 1 !important;
    direction: ltr
}

@media screen and (max-width: 773px) {
    .stickyTop2 {
        top: 0 !important;
    }
}

.img1 {
    border-radius: 5px;
    height: 120px;
    min-width: 140px;
    max-width: 140px;
    border: 1px solid #ccc;
    object-fit: cover;
}

.p1 {
    font-size: 1.1rem;
    color: #2c2c2c;
    font-weight: 600;
}

.hr_BackgroundColor {
    background-color: #ffd700 !important
}

.selectImage {
    position: absolute;
    top: 13px;
    right: 13px;
    font-size: .85rem;
    background-color: white;
    font-weight: 400;
}

.uploadImageIcon {
    object-fit: scale-down;
    height: 120px;
    width: 140px;
    cursor: pointer
}

/**برای دکمه پایینی ساعت**/

.clockpicker-button {
    visibility: hidden;
}

/** ساعت و دقیقه جاش درست میشه**/

.popover-title {
    direction: ltr;
}

.chosen_title {
    position: absolute;
    top: -9px;
    font-size: 0.8rem;
    background-color: white;
    padding: 0 5px 0 5px;
    right: 20px;
    z-index: 11;
}

/*عنوان تاریخ*/

.date_title {
    position: absolute;
    top: -9px;
    font-size: 0.8rem;
    background-color: white;
    padding: 0 5px 0 5px;
    right: 20px;
    z-index: 2;
}

.date2_title {
    position: absolute;
    top: 2px;
    font-size: 0.8rem;
    
    padding: 0 5px 0 5px;
    right: 20px;
    z-index: 2;
}

/** تاریخ میاد وسط **/

.ng-pristine {
    text-align: center;
}

.img_Main {
    border-radius: 5px;
    height: 120px;
    min-width: 140px;
    max-width: 140px;
    border: 1px solid #ccc;
    object-fit: cover;
}

.close-Image {
    color: antiquewhite;
    cursor: pointer;
    top: 5px;
    right: 5px;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    background-color: #8b0000;
}

.Unselectable {
    pointer-events: none;
}

.icofont-download {
    color: white;
    text-decoration: none !important
}

    .icofont-download:hover {
        color: white;
    }

.cursor {
    cursor: pointer
}

/*تب ها*/

.tabs {
    background-color: white;
    color: black;
    width: 100%;
    border-top: 1px solid #EE634C
}

    .tabs li.is-active a {
        border-bottom-color: #30D284;
        color: #30D284;
        border-bottom-width: 4px;
    }

        .tabs li.is-active a:hover {
            border-bottom-color: #30D284 !important;
            color: #30D284 !important;
        }

.style_Tab {
    color: #000000;
    font-size: .9rem;
    font-weight: 400;
}

/****جدول آبی ****/

.rwd-table {
    margin: auto;
    border-collapse: collapse;
}

    .rwd-table tr:first-child {
        border-top: none;
        background: #428bca;
        color: #fff;
    }

    .rwd-table tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f5f9fc;
    }

        .rwd-table tr:nth-child(odd):not(:first-child) {
            background-color: #ebf3f9;
        }

    .rwd-table th {
        display: none;
        color: white;
    }

    .rwd-table td {
        display: block;
    }

        .rwd-table td:first-child {
            margin-top: .5em;
        }

        .rwd-table td:last-child {
            margin-bottom: .5em;
        }

        .rwd-table td:before {
            content: attr(data-th) " :";
            font-weight: bold;
            /*width: 120px;*/
            display: inline-block;
            color: #000;
        }

    .rwd-table th,
    .rwd-table td {
        /*border: 1px solid #ddd;*/
        text-align: center !important
    }

.rwd-table {
    color: #333;
    border-radius: .21em;
    overflow: hidden;
}

    .rwd-table tr {
        border-color: #bfbfbf;
    }

    .rwd-table th,
    .rwd-table td {
        padding: .5em 1em;
    }

@media screen and (max-width: 601px) {
    .rwd-table tr:nth-child(2) {
        border-top: none;
    }
}

@media screen and (min-width: 600px) {
    .rwd-table tr:hover:not(:first-child) {
        background-color: #d8e7f3;
    }

    .rwd-table td:before {
        display: none;
    }

    .rwd-table th,
    .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }

        .rwd-table th:first-child,
        .rwd-table td:first-child {
            padding-left: 0;
        }

        .rwd-table th:last-child,
        .rwd-table td:last-child {
            padding-right: 0;
        }

    .rwd-table th,
    .rwd-table td {
        padding: .5em !important;
    }
}

@-webkit-keyframes rightLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-10px);
    }

    75% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes rightLeft {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-10px);
    }

    75% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.rwd-table {
    overflow: visible !important;
}

.textRight {
    text-align: right !important
}

/****پایان جدول آبی****/

/******* جدول آبی زیر مجموعه دار *******/

.rwd-table1 {
    margin: auto;
    border-collapse: collapse;
}

    .rwd-table1 tr:first-child {
        border-top: none;
        background: #428bca;
        color: #333;
    }

    .rwd-table1 tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f5f9fc;
    }

        .rwd-table1 tr:nth-child(odd):not(:first-child) {
            background-color: #ebf3f9;
        }

    .rwd-table1 th {
        display: none;
        color: white;
    }

    .rwd-table1 td {
        display: block;
    }

        .rwd-table1 td:first-child {
            margin-top: .5em;
        }

        .rwd-table1 td:last-child {
            margin-bottom: .5em;
        }

        .rwd-table1 td:before {
            content: attr(data-th) " :";
            font-weight: bold;
            /*width: 120px;*/
            display: inline-block;
            color: #000;
        }

    .rwd-table1 th,
    .rwd-table1 td {
        /*border: 1px solid #ccc;*/
        /*border-top: none;*/
        text-align: center !important
    }

.rwd-table1 {
    color: #333;
    border-radius: .21em;
    overflow: hidden;
}

    .rwd-table1 tr {
        border-color: #bfbfbf;
    }

    .rwd-table1 th,
    .rwd-table1 td {
        padding: .5em 1em;
    }

@media screen and (max-width: 601px) {
    .rwd-table1 tr:nth-child(2) {
        border-top: none;
    }

    .rwd-table1 th,
    .rwd-table1 td {
        border: none !important;
    }
}

@media screen and (min-width: 600px) {
    .rwd-table1 tr:hover:not(:first-child) {
        background-color: #d8e7f3;
    }

    .rwd-table1 td:before {
        display: none;
    }

    .rwd-table1 th,
    .rwd-table1 td {
        display: table-cell;
        padding: .25em .5em;
    }

        .rwd-table1 th:first-child,
        .rwd-table1 td:first-child {
            padding-left: 0;
        }

        .rwd-table1 th:last-child,
        .rwd-table1 td:last-child {
            padding-right: 0;
        }

    .rwd-table1 th,
    .rwd-table1 td {
        padding: .5em !important;
    }
}

@-webkit-keyframes rightLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-10px);
    }

    75% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes rightLeft {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-10px);
    }

    75% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.grays {
    background-color: #f2f2f2 !important;
    font-weight: 400;
}

.white {
    background-color: #ffffff !important;
    font-weight: 400;
}

/****پایان جدول آبی زیر مجموعه دار****/

/*جدول آبی که رسپانسیو نیست و اسکرول افقی میشه*/

.rwd-table2 {
    color: #333;
    border-radius: .21em;
}

    .rwd-table2 tr:first-child {
        border-top: none;
        background: #428bca;
        color: #333;
        font-size: .9rem
    }

    .rwd-table2 tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f5f9fc;
    }

        .rwd-table2 tr:nth-child(odd):not(:first-child) {
            background-color: #ebf3f9;
        }

    .rwd-table2 th {
        display: block;
        color: white;
    }

    .rwd-table2 td {
        display: block;
        font-weight: 400;
    }

        .rwd-table2 td:first-child {
            margin-top: .5em;
        }

        .rwd-table2 td:last-child {
            margin-bottom: .5em;
        }

        .rwd-table2 td:before {
            content: attr(data-th) " :";
            font-weight: bold;
            display: inline-block;
            color: #000;
        }

    .rwd-table2 th,
    .rwd-table2 td {
        text-align: center !important
    }

    .rwd-table2 tr {
        border-color: #bfbfbf;
    }

    .rwd-table2 th,
    .rwd-table2 td {
        padding: .5em 1em;
    }

    .rwd-table2 tr:hover:not(:first-child) {
        background-color: #d8e7f3;
    }

    .rwd-table2 td:before {
        display: none;
    }

    .rwd-table2 th,
    .rwd-table2 td {
        display: table-cell;
        padding: .25em .5em;
    }

        .rwd-table2 th:first-child,
        .rwd-table2 td:first-child {
            padding-left: 0;
        }

        .rwd-table2 th:last-child,
        .rwd-table2 td:last-child {
            padding-right: 0;
        }

    .rwd-table2 th,
    .rwd-table2 td {
        padding: .5em !important;
    }

    .rwd-table2 th,
    .rwd-table2 td {
        min-width: 50px;
    }

    .rwd-table2 tr:hover:not(:first-child) {
        background-color: #d8e7f3;
    }

/*جدول وقتی کوچیک میشه اسکرول افقی میشه دیگه رسپانسیو نمیشه*/

/*https://jsfiddle.net/peanut/zvskLcef/*/

.table-responsive {
    overflow-x: auto;
    white-space: nowrap;
    /*height: 100px*/
    height: auto !important;
}

/*اسکرول عمودی کروم*/

::-webkit-scrollbar {
    /*-webkit-appearance: none;*/
    /*width: 0px;*/
    /*height: 220px;*/
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/*اسکرول افقی کروم*/
.scrollhorizental::-webkit-scrollbar {
    -webkit-appearance: none;
}

    .scrollhorizental::-webkit-scrollbar:horizontal {
        height: 11px;
    }

.scrollhorizental::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}

.scrollhorizental::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

/***********  اسلایدری که توش نوشته هست ***********/

.is-active1 {
    background-color: greenyellow !important;
    color: black !important;
    border: 2px solid yellowgreen !important;
}

.buttom2 {
    height: 40px;
    width: 40px;
    background-color: #1DC2FD;
    border-radius: 100%;
    position: absolute;
    top: 4px;
    left: 8px;
    display: inline-block;
    text-align: center;
    padding-top: 6px;
    font-size: 1.5rem;
    cursor: pointer;
    border: 1px solid #0BAAE3;
    z-index: 10 !important;
}

* {
    box-sizing: border-box;
}

.hs {
    display: -webkit-box;
    display: flex;
    overflow-x: scroll;
    -webkit-box-pack: justify;
    justify-content: space-between;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    -webkit-overflow-scrolling: touch;
    /*margin: 0 -20px;*/
    height: 44px
}

.hs__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.hs__headline {
    -webkit-box-flex: 1;
    flex: 1;
}

.hs__arrows {
    align-self: center;
}

    .hs__arrows .arrow:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        content: "";
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=");
        background-size: contain;
        -webkit-filter: brightness(5);
        filter: brightness(5);
        width: 18px;
        height: 12px;
        cursor: pointer;
    }

.hs__item {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    /*flex-basis: calc(100% / 5 - (10px * 2) - (20px / 5));*/
    margin: 7px 5px 2px 0px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    /*padding-top: 5px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (min-width: 990px) {
    .hs__wrapper {
        overflow: hidden;
    }
}

/*@media (hover: none) and (pointer: coarse) {
        .hs__wrapper .hs__arrows {
            display: none;
        }
    }

    @media only screen and (hover: none) and (pointer: coarse) and (max-width: 990px) {
        .hs__wrapper .hs__item {
            -webkit-box-flex: 1;
        }
    }*/

.description {
    max-width: 990px;
    color: #212121;
    margin: 0 auto;
    padding: calc(10px * 4);
}

ul {
    padding: 0;
    margin: 0;
}

.hs__wrapper {
    display: flex !important;
    background-color: white;
    margin-top: 2px;
}

/******برای اینکه اگر عرض نوشته بیشتر از 140 شد ادامشو  سه نقطه بزاره*******/

.firstLi {
    border: 1px solid #ccc;
    color: #8c8d8f;
    border-radius: 20px;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    cursor: pointer
}

.firstLi2 {
    border: 1px solid #ccc;
    color: black;
    border-radius: 20px;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    cursor: pointer
}

.slider_rightIcon {
    position: absolute;
    right: -9px;
    font-size: 2rem;
    top: 6px;
    font-weight: bold;
}

.slider_leftIcon {
    position: absolute;
    left: 37px;
    font-size: 2rem;
    top: 6px;
    font-weight: bold;
}

.slider_btn {
    height: 35px;
    width: 35px;
    background-color: #1DC2FD;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    left: 13px;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
    font-size: 1.5rem;
    cursor: pointer;
    border: 1px solid #0BAAE3;
    z-index: 10 !important;
    color: white
}

/***********  پایان اسلایدری که توش نوشته هست ***********/

/****************************************** Confirm *****************************************/

.deleteModal {
    font-size: 1.2rem
}

/****************************************** ShortLink ***************************************/

.shortLink_copy {
    float: right;
    margin-right: 15px;
    margin-top: -31px;
    position: relative;
    z-index: 2;
    font-size: 1.2rem;
    cursor: pointer;
    color: black;
    cursor: pointer
}

/*************************************** ChangePassword *************************************/

.field-icon {
    float: left;
    margin-left: 15px;
    margin-top: -34px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    font-size: 1.7rem
}

/*************************************** User ************************************************/

.underline {
    cursor: pointer;
    text-decoration: underline !important;
}

.icofont-adjust {
    margin-top: -5px;
    text-decoration: none;
    font-size: 1.3rem;
    color: darkgreen !important;
    cursor: pointer;
}

.icofont-police-badge {
    font-size: 1.3rem;
    cursor: pointer
}

.row1 {
    width: 50px
}

.container_User {
    max-width: 1150px
}
.borderRight_User {
    border-right: 2px solid red;
}
/*************************************** UserModal ***************************************/

.selectLable {
    right: 4px !important;
}

/************************************ UserSourceAccessModal ******************************/

.modal-title > span {
    color: brown;
    font-weight: 500;
}

/************************************ UserAccessActionModal ******************************/

.UserAccessActionModal_Plus {
    padding-top: 4px;
    height: 23px !important;
    width: 23px !important;
    background-color: #9c27b0;
    border-radius: 5px;
    text-align: center;
    font-size: .9rem;
    cursor: pointer;
    margin-right: 5px;
    color: white;
}

.commentRoleAction {
    font-size: .75rem;
    color: #797777;
    font-weight: 400;
}

/************************************ RoleAccess ***************************************/

@media screen and (min-width: 1000px) {
    .div-Medium {
        width: 1000px;
        margin: 0 auto;
    }

    .div-lg {
        width: 1000px;
        margin: 0 auto;
    }
}

.row2 {
    width: 100px
}

.row3 {
    width: 200px
}

/************************************ BaseUser ***************************************/

.icofont-check-alt {
    color: #c62923;
    font-size: 2.1rem;
    cursor: pointer;
}

.passBaseUser {
    font-size: 1.3rem;
    cursor: pointer;
    color: #c623bc;
}

.baseHotelAccess {
    color: #101bbd;
    cursor: pointer;
    font-size: 1.5rem;
}

.baseUserRest {
    color: #c68e23;
    cursor: pointer;
    font-size: 1.5rem;
}

.btnInfo_BaseUser {
    font-size: 1rem;
    height: 40px !important
}

.timer_BaseUser {
    color: #000000;
    font-size: 1.2rem
}

.iconDataBase_BaseUser {
    cursor:pointer;
    font-size: 1.2rem;

}

/************************************ BlackList ***************************************/
.widthBlackList {
    width: 300px !important
}

/************************************ CancelationPolicy ******************-************/

.btn_CancelationPolicy {
    /*position: absolute;
    top: 0px;
    left: 0px;*/
    padding-top: 4px !important;
    height: 30px !important;
    width: 30px !important;
    /*background-color: #9c27b0;*/
    border-radius: 100% !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    cursor: pointer !important;
    color: white !important;
    background-color: #589158;
    margin-top: 2px
}

.btn_CancelationPolicy2 {
    position: absolute;
    top: 0px;
    left: 0px;
    /*padding-top: 4px !important;*/
    height: 30px !important;
    width: 30px !important;
    /* background-color: #9c27b0;*/
    border-radius: 100% !important;
    text-align: center !important;
    font-size: 1.8rem !important;
    cursor: pointer !important;
    color: brown !important;
    /*background-color: #589158;*/
}

.input_CancelationPolicy {
    font-size: 1rem;
    color: #000000;
    background-color: white;
    height: 30px;
    width: 60px !important;
}

.table_CancelationPolicy {
    font-size: .85rem;
}

.btnSave_CancelationPolicy {
    width: 200px;
    background-color: #EDA135;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.3rem;
    text-align: center;
    font-weight: 500;
}

.color_brown {
    color: brown !important;
}

.edit_CancelationPolicy {
    cursor: pointer;
    font-size: 1rem !important;
}

.isdefault_CancelationPolicy {
    background-color: #5ed9c8 !important;
    color: white;
    font-weight: 500;
    font-size: 1.1rem;
}

.spacing_CancelationPolicy {
    letter-spacing: 1px;
}

.chosen_SalePolicy .chosen-container {
    width: 88px !important
}

.chosen_SalePolicy .chosen-single {
    height: 29px !important;
}
.chosen_SalePolicy2 .chosen-choices {
    height: 35px !important;
    padding-top: 5px
}

.txtWidth2_CancelationPolicy {
    width: 16px;
}

.border_CancelationPolicy {
    border-bottom: 3px solid #e9ecef;
}

.remain_CancelationPolicy {
    color: #979797 !important
}

.note_CancelationPolicy {
    font-size: .85rem;
    font-weight: 500;
}

/*جدول آبی که رسپانسیو نیست و اسکرول افقی میشه و مخصوص مدال کنسلیشن پالیسیاست و جای دیگر استفاده نشود*/
.rwd-table3 {
    color: #333;
    border-radius: .21em;
}

    .rwd-table3 tr:first-child {
        border-top: none;
        background: #428bca;
        color: #333;
        font-size: .9rem
    }

    .rwd-table3 tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        /*background-color: #f5f9fc;*/
    }

        .rwd-table3 tr:nth-child(2) td:first-child {
            border-left: 1px solid #ddd;
        }



    .rwd-table3 tbody {
        background-color: #f5f9fc;
    }

        .rwd-table3 tbody:nth-child(odd) {
            background-color: #ebf3f9;
        }



    .rwd-table3 th {
        display: block;
        color: white;
    }

    .rwd-table3 td {
        display: block;
        font-weight: 400;
    }

        .rwd-table3 td:first-child {
            margin-top: .5em;
        }

        .rwd-table3 td:last-child {
            margin-bottom: .5em;
        }

        .rwd-table3 td:before {
            content: attr(data-th) " :";
            font-weight: bold;
            display: inline-block;
            color: #000;
        }

    .rwd-table3 th,
    .rwd-table3 td {
        text-align: center !important
    }

    .rwd-table3 tr {
        border-color: #bfbfbf;
    }

    .rwd-table3 th,
    .rwd-table3 td {
        padding: .5em 1em;
    }

    .rwd-table3 tr:hover:not(:first-child) {
        background-color: #d8e7f3;
    }

    .rwd-table3 td:before {
        display: none;
    }

    .rwd-table3 th,
    .rwd-table3 td {
        display: table-cell;
        padding: .25em .5em;
    }

        .rwd-table3 th:first-child,
        .rwd-table3 td:first-child {
            padding-left: 0;
        }

        .rwd-table3 th:last-child,
        .rwd-table3 td:last-child {
            padding-right: 0;
        }

    .rwd-table3 th,
    .rwd-table3 td {
        padding: .5em !important;
    }

    .rwd-table3 th,
    .rwd-table3 td {
        min-width: 50px;
    }

    .rwd-table3 tr:hover:not(:first-child) {
        background-color: #d8e7f3;
    }


/**تغییر رنگ دور دکمه**/
.glow-on-hover {
    position: relative;
    z-index: 0;
}

    .glow-on-hover:before {
        content: '';
        background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
        position: absolute;
        top: -2px;
        left: -2px;
        background-size: 400%;
        z-index: -1;
        filter: blur(5px);
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        animation: glowing 20s linear infinite;
        opacity: 0;
        transition: opacity .3s ease-in-out;
    }

    .glow-on-hover:active {
        color: #000;
    }

        .glow-on-hover:active:after {
            background: transparent;
        }

    .glow-on-hover:hover:before {
        opacity: 1;
    }

    .glow-on-hover:after {
        z-index: -1;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ffae00;
        left: 0;
        top: 0;
        border-radius: 10px;
    }

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

/************************************ Sightsee ***********************************/

.btn_Sightsee {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 115px;
    right: 5px !important;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    font-size: 22px;
    cursor: pointer;
    background-color: #dc3545;
    color: white
}

.width_Sightsee {
    width: 90%
}

.width_Sightsee2 {
    width: 10%;
    font-size: .9rem;
    margin-top: 10px
}

@media screen and (max-width: 1000px) {
    .width_Sightsee {
        width: 70% !important
    }

    .width_Sightsee2 {
        width: 30% !important
    }
}

.right_Sightsee {
    position: absolute;
    right: -9px;
    font-size: 2rem;
    top: 9px;
    font-weight: bold;
}

.left_Sightsee {
    position: absolute;
    left: -9px;
    font-size: 2rem;
    top: 8px;
    font-weight: bold;
}

.big_Sightsee {
    height: 30px !important;
    width: 30px !important;
    background-color: brown;
    border-radius: 100%;
    text-align: center;
    font-size: 1.15rem;
    cursor: pointer;
    margin-left: 10px;
    color: white;
    padding-top: 5px;
}

.html_Sightsee {
    height: 100px;
    overflow-y: auto
}

/*برای اسلایدر سوییپر دسته بندی*/
.sl_swiper > .swiper-slide {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
    /*width: auto !important*/
    width: fit-content !important;
}

/************************************ RoomTypeList ***********************************/

.btn_UpdateRoomTypeList {
    border-radius: 0;
    padding: 6px 17px 13px 17px;
    border-radius: 5px;
    height: 40px;
    font-size: 1.1rem;
    font-family: IRANSans !important
}

.imageRoomType {
    border-radius: 5px;
    height: 120px;
    width: 150px;
    outline-offset: 3px;
    outline: 2px solid #EAEBEB;
    -moz-outline-radius: 5px;
}

.p1_UpdateRoomTypeList {
    font-size: 1.05rem;
    color: #282828;
    font-weight: 400;
}

.p2_UpdateRoomTypeList {
    font-size: 1rem;
    color: #28487A;
    padding-top: 5px;
}

.p3_UpdateRoomTypeList {
    font-size: 1rem;
    color: #28487A;
}

.btn_RoomTypeFacility {
    width: 170px !important;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer
}

.btn_RoomTypeInfo {
    width: 170px !important;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer
}

.btn2_RoomTypeFacility {
    width: 140px !important;
    font-size: .85rem;
    font-weight: 500
}

.btn3_RoomTypeFacility {
    width: 104px !important;
    font-size: .85rem;
    font-weight: 500
}

.btn2_RoomTypeInfo {
    width: 140px !important;
    font-size: .85rem;
    font-weight: 500
}

.input_RoomTypeList {
    font-size: 1.1rem;
    height: 42px !important;
    font-family: Iransans !important;
    pointer-events: none;
}

.image_RoomTypeInfo {
    height: 120px;
    width: 180px;
    margin: 5px;
    border-radius: 5px;
}

.removeImage_RoomTypeInfo {
    color: antiquewhite;
    cursor: pointer;
    top: 6px;
    right: 10px;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    background-color: #8b0000;
}

.removeVideo_RoomTypeInfo {
    color: antiquewhite;
    cursor: pointer;
    top: 0px;
    right: 4px;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    background-color: #8b0000;
}

/************************************ Setting ***********************************/

.removeImage_Setting {
    color: antiquewhite;
    cursor: pointer;
    top: 5px;
    right: 5px;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    background-color: #8b0000;
}

.removeImage_Setting2 {
    color: antiquewhite;
    cursor: pointer;
    top: 5px;
    right: 8px;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    background-color: #8b0000;
}

.manager_Setting {
    top: -2px;
    right: 35px;
    position: absolute;
    font-size: .95rem;
    padding: 0 15px 0 15px;
    background-color: #ec0606;
    color: white;
    border-radius: 55px;
}

.logo_Setting {
    top: -2px;
    right: 55px;
    position: absolute;
    font-size: .95rem;
    padding: 0 15px 0 15px;
    background-color: #ec0606;
    color: white;
    border-radius: 55px;
}

.backImg_Setting {
    top: -2px;
    right: 35px;
    position: absolute;
    font-size: .83rem;
    padding: 0 5px 2px 5px;
    background-color: #ec0606;
    color: white;
    border-radius: 55px;
}

.icofont-camera {
    color: #CACACA;
    cursor: pointer;
    top: 45px;
    right: calc(50% - 40px);
    position: absolute;
    font-size: 80px;
}

.title_Setting {
    border: 1px solid #D4D4D4;
    width: 150px;
    height: 150px;
    background-color: #EFEFEF;
    border-radius: 5px
}

.img_Setting {
    height: 150px;
    width: 150px;
    margin: 5px;
    object-fit: cover;
    background-color: #ccc;
    border-radius: 5px
}

.hotel_Setting {
    top: -10px;
    right: calc(50% - 65px);
    position: absolute;
    font-size: .95rem;
    padding: 0 10px 0 10px;
    background-color: #ec0606;
    color: white;
    border-radius: 55px;
}

.inpute_Setting {
    height: 35px;
    color: #000000;
    width: 110px;
    border: 1px solid #A9A9A9;
    text-align: center;
    font-size: .9rem;
}

.clock_Setting {
    direction: ltr;
    border: 1px solid #A9A9A9;
}

.widthClock_setting {
    width: 187px !important;
}

.widthClock_setting2 {
    width: 192px !important;
}

.html_Setting {
    overflow-y: auto;
    height: 200px;
}

.html2_Setting {
    overflow-y: auto;
}

.link_Setting {
    font-size: 1.2rem
}

/************************************ HalfChargeLimit ***********************************/

/*برای اینکه داخل مودال نره*/

.chosenHeight > .chosen-container > .chosen-drop > .chosen-results {
    height: 125px !important;
}

.chosenHeight2 > .chosen-container > .chosen-drop > .chosen-results {
    height: 100px !important;
}

/************************************ MyHarrisUsers ************************************/

.subRow_MyHarrisUsers {
    background-color: #e0eaff !important;
    color: white !important
}

/************************************ Packages ****************************************/

.btn_Packages {
    height: 37px !important
}

.img_Packages {
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 190px;
    min-width: 170px;
    max-width: 170px;
    /*border: 1px solid #ccc;*/
    /*object-fit: cover;*/
    margin: 1px;
}

.img2_Packages {
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 50px;
    min-width: 50px;
    max-width: 50px;
}

.position_Packages {
    position: absolute;
    left: 10px;
    bottom: 2px
}

.edit_Packages {
    padding-top: 7px;
    height: 35px !important;
    width: 35px !important;
    background-color: #9c27b0;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    margin-right: 5px;
    color: white;
}

.html_Packages {
    width: 100%;
    height: 200px;
    overflow-y: scroll
}

.minStay_Packages {
    width: 177px;
}

.width_Packages {
    max-width: 390px;
}

.chosen_Packages .chosen-container {
    width: 270px !important;
}

.chosen_Packages .chosen-single {
    height: 34px !important;
    padding-top: 3px
}

.chosen_Packages .search-choice-close {
    display: none !important
}

.chosen2_Packages .chosen-container {
    width: 220px !important;
}

.chosen2_Packages .chosen-single {
    height: 34px !important;
    padding-top: 3px
}

.chosen2_Packages .search-choice-close {
    display: none !important
}

.div_Packages {
    width: 270px !important;
}

.fontStyle_Packages {
    font-size: 1.1rem;
    color: #2c2c2c;
    font-weight: 500;
}

.hr_Packages {
    background-color: #eee;
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0;
}

/************************************ Enum **************************************/
.input_Enum {
    height: 34px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 85%
}

.sticky_Enum {
    position: sticky !important;
    top: 85px !important;
    font-size: .85rem;
}

.sticky2_Enum {
    position: sticky !important;
    top: 0 !important;
    font-size: .85rem;
}

.chosen_Enum .chosen-container {
    width: 185px !important;
}

.chosen_Enum .chosen-single {
    height: 34px !important;
    padding-top: 3px
}

/************************************ Cheer **************************************/

.title_cheer {
    color: #1E4EAE;
    font-size: 1.2rem
}

.icofont-ebook {
    color: #c62923;
    cursor: pointer;
    font-size: 1.4rem
}

.table_Cheer {
    font-size: 1.05rem
}

.plus_cheer {
    height: 45px;
    width: 45px;
    background-color: #9c27b0;
    border-radius: 100%;
    position: absolute;
    top: -40px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 1.3rem;
    z-index: 10;
    color: white;
    cursor: pointer
}

/************************************ Contact **************************************/

.tags_Contact {
    background-color: #577cc1;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    color: white;
    display: inline-block;
    margin-left: 3px;
    font-size: 13px;
}

.mail_Contact {
    color: #6891f1;
    cursor: pointer;
    font-size: 2rem
}

.mail2_Contact {
    color: #6891f1;
    cursor: pointer;
    font-size: 2.5rem
}

.whatsapp_Contact {
    color: #25d366;
    font-size: 1.5rem;
    text-decoration: none !important
}

    .whatsapp_Contact:hover {
        color: #25d366 !important;
    }

.icofont-ui-call {
    color: #6891f1;
    font-size: 1.3rem;
    text-decoration: none !important
}

    .icofont-ui-call:hover {
        color: #6891f1;
        text-decoration: none !important
    }

.chosen_Contact .chosen-choices {
    padding: 5px !important
}

/************************************ TicketList **************************************/

.container_TicketList {
    max-width: 1000px;
}

.hs_overflow {
    overflow-x: auto !important;
}

.sizSlider_TicketList {
    height: 43px;
    border-radius: 0;
    border: 0;
    width: 97%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #dbdbdb;
    border-left: none;
}

@media screen and (max-width: 480px) {
    .sizSlider_TicketList {
        width: 90% !important
    }
}

.search_TicketList {
    cursor: pointer;
    height: 43px;
    margin-top: 0px;
}

.search_TicketList2 {
    background-color: #2ac9aa;
    color: white;
    font-size: 1.3rem;
    border: 0
}

.chosen_TicketList {
    position: relative
}

    .chosen_TicketList > .chosen-container {
        width: 250px !important;
    }

    .chosen_TicketList .chosen-choices {
        height: 34px !important;
        padding-top: 3px;
        border-radius: 5px;
    }

    .chosen_TicketList .chosen-single {
        height: 30px !important;
        padding-top: 4px
    }

.firstP_TicketList {
    padding-top: 10px;
    padding-right: 15px;
    color: #000000;
}

.firstP-color_TicketList {
    color: brown
}

.user_TicketList {
    font-size: 1rem;
    font-weight: 400
}

.tagBtn_TicketList {
    background-color: rgb(59, 182, 255)
}

    .tagBtn_TicketList span {
        font-size: 1.6rem
    }

.tags_TicketList {
    background-color: #577cc1;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    color: white !important;
    display: inline-block;
    margin-left: 3px;
    font-size: 13px;
}

.secondP_TicketList {
    padding-top: 10px;
    padding-right: 20px;
    color: #9d9ea1;
    font-size: .9rem !important;
    border-bottom: 2px solid #f8f9fa;
    padding-bottom: 10px;
}

.color1_TicketList {
    color: #2ecc71
}

.color2_TicketList {
    color: #9c27b0
}

.color3_TicketList {
    color: #0000cd
}

.color4_TicketList {
    color: #b22222
}

.badge_TicketList {
    height: 27px;
    width: 28px;
    background-color: #2ECC71;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    margin-left: 10px;
    color: white;
    margin-top: 2px !important;
    padding-top: 2px;
}

.btn_TicketList {
    text-decoration: none !important;
    color: white
}

.sizeCombo_TicketList {
    width: 140px !important;
    font-family: Iransans !important;
}

    .sizeCombo_TicketList .chosen-container {
        width: 140px !important;
    }

    .sizeCombo_TicketList .chosen-single {
        height: 32px !important;
        padding-top: 3px
    }

    .sizeCombo_TicketList .search-choice-close {
        display: none !important;
    }

.sizeCombo2_TicketList {
    width: 140px !important;
    font-family: Iransans !important;
}

    .sizeCombo2_TicketList .chosen-container {
        width: 140px !important;
    }

    .sizeCombo2_TicketList .chosen-single {
        height: 33px !important;
        padding-top: 3px
    }

    .sizeCombo2_TicketList .search-choice-close {
        display: none !important;
    }

.search2_TicketList {
    width: 171px !important;
    background-color: #EDA135;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.05rem;
    padding-top: 5px;
    text-align: center;
    font-weight: 500;
    height: 34px;
}

.search3_TicketList {
    width: 189px !important;
    height: 30px;
    padding-top: 3px;
    background-color: #EDA135;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.05rem;
    text-align: center;
    font-weight: 500;
}

.goToTop_TicketList {
    height: 50px;
    width: 50px;
    background-color: #ffc107;
    border-radius: 100%;
    position: fixed;
    bottom: 55px;
    left: 10px;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    font-size: 2.4rem;
    cursor: pointer;
    color: white;
}

.btnHeight_TicketList {
    height: 30px
}

.chosen__TicketFolder .chosen-container {
    width: 190px !important
}

.chosen__TicketFolder .chosen-single {
    height: 30px !important;
    padding-top: 4px
}

.border_Ticket {
    border-bottom: 2px solid #f8f9fa;
}

/****  برای دکمه باز شونده صفحه تیکت  ****/

/*https://codepen.io/rajan_r/details/BaoWKmp*/

.floating-menu {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgb(42, 201, 170);
    position: fixed;
    bottom: 65px;
    right: 15px;
}

    .floating-menu input {
        position: absolute;
        width: 50px;
        height: 50px;
        margin: 0;
        opacity: 0;
        cursor: pointer;
    }

        .floating-menu input:checked ~ .plus-icon {
            transform: rotate(135deg);
        }

        .floating-menu input:checked ~ .floating-nav li:nth-child(1) {
            transform: translatey(-50px);
        }

        .floating-menu input:checked ~ .floating-nav li:nth-child(2) {
            transform: translatey(-97px);
        }

        .floating-menu input:checked ~ .floating-nav li:nth-child(3) {
            transform: translatey(-145px);
        }

        .floating-menu input:checked ~ .floating-nav li:nth-child(4) {
            transform: translatey(-193px);
        }

        .floating-menu input:checked ~ .floating-nav li:nth-child(5) {
            transform: translatey(-241px);
        }

        .floating-menu input:checked ~ .floating-nav li:nth-child(6) {
            transform: translatey(-289px);
        }

        .floating-menu input ~ .plus-icon {
            transform: rotate(0);
        }

    .floating-menu > .plus-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        font-size: 24px;
        line-height: 1;
        color: #ffffff;
        background: rgb(42, 201, 170);
        border-radius: 50%;
        transform: rotate(0);
        transition: all 0.5s ease;
        pointer-events: none;
        position: absolute;
        box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    }

    .floating-menu > .floating-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }

        .floating-menu > .floating-nav li {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: rgb(42, 201, 170);
            cursor: pointer;
            position: absolute;
            transition: all 0.5s ease;
        }

            .floating-menu > .floating-nav li span {
                font-size: 14px;
                line-height: 1;
                color: #ffffff;
                font-size: 1.6rem;
            }

.layers_TicketList {
    font-size: 2rem !important
}

.open_TicketList {
    background-color: #35b653 !important;
}

.icofont-envelope-open {
    font-size: 1.5rem !important
}

.envelope_TicketList {
    background-color: #dc3545 !important;
}

.icofont-envelope {
    font-size: 1.5rem !important
}

.external_TicketList {
    background-color: #6610f2 !important;
}

.icofont-external {
    font-size: 1.5rem
}

.btn_TicketFolder {
    padding-top: 7px;
    height: 35px !important;
    width: 35px !important;
    background-color: #9c27b0;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    color: white;
}

.bold_TicketFolder {
    color: brown;
    font-weight: 500
}

.font__TicketFolder {
    font-size: .8rem;
    font-weight: 400;
}

.font_Lable {
    font-size: .8rem;
    font-weight: 400;
    color: cadetblue;
}

.selectImage_TicketNew {
    position: absolute;
    top: -8px;
    right: 13px;
    font-size: .85rem;
    background-color: white;
    font-weight: 400;
}

.removeImage_TicketNew {
    color: antiquewhite;
    cursor: pointer;
    top: 5px;
    right: 8px;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    background-color: #8b0000;
}

.download_TicketNew {
    position: absolute;
    top: 6px;
    left: 9px;
    height: 27px;
    width: 28px;
    background-color: #2ECC71;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    padding-top: 3px;
    padding-right: 1px;
    color: white !important;
}

.mainDiv_TicketDetail {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    height: auto;
    border-radius: 5px;
    background-color: #d8ffd8;
}

.comment_TicketDetail {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    color: #007cff;
    z-index: 11 !important
}

.IsAnswer_TicketDetail {
    background-color: #ADD8E6 !important;
}

.firstSpan_TicketDetail {
    color: #0F4E94;
    padding-top: 12px;
    font-size: .9rem;
    font-weight: 400
}

.workTime_TicketDetail {
    position: absolute;
    left: 20px;
    bottom: 10px;
    font-size: 1.1rem;
    font-weight: 400
}

.commentModal_TicketDetail {
    white-space: pre-line;
    font-weight: 400;
    padding-bottom: 100px
}

.selectImage_TicketDetail {
    position: absolute;
    top: 13px;
    right: 25px;
    font-size: .85rem;
    background-color: white;
    font-weight: 400;
}

/************************************ SendLinkGuest ************************************/

.section_SendLinkGuest {
    border-radius: 0 5px 5px 0
}

.section2_SendLinkGuest {
    background-color: #5a9d61;
    border-radius: 5px 0 0 5px
}

.section3_SendLinkGuest {
    background-color: #70adb0;
    border-radius: 5px 0 0 5px
}

.user_SendLinkGuest {
    background-color: #5a9d61;
    color: white;
    border-radius: 20%
}

.textSms_SendLinkGuest {
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    margin: 1em 0 0 0 !important;
    color: #959595 !important;
    letter-spacing: -1px !important;
}

.textMobile_SendLinkGuest {
    font-size: 1rem !important;
    font-weight: 500 !important;
    margin: 1em 0 0 0 !important;
    color: #959595 !important;
    letter-spacing: -1px !important;
}

.sendmobile_SendLinkGuest {
    font-size: 1.1rem !important;
    color: #000000 !important;
    background-color: transparent !important;
    height: 43px !important;
    border: 0 !important;
}

.sendPhone_SendLinkGuest {
    position: absolute !important;
    right: 5px !important;
    top: 20px !important;
    font-size: 1.3rem !important;
    color: silver !important;
}

.sendPhoneSpan_SendLinkGuest {
    color: #BCBCBC !important;
    background-color: transparent !important;
    font-size: .9rem !important;
}

.title_SendLinkGuest {
    font-size: 1.3rem;
    color: white
}

.title2_SendLinkGuest {
    direction: ltr;
    float: left;
    font-size: 1.05rem;
    color: #000 !important;
    text-align: left
}

.title3_SendLinkGuest {
    font-size: 1rem;
    color: white
}

.box_SendLinkGuest {
    border: 1px solid #FFFFFF;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #d8d8d8;
    box-shadow: 8px 8px 8px -11px #2c2c2c;
}

.btnSend_SendLinkGuest {
    font-size: 1.2rem;
}

.form-group2_SendLinkGuest > .floating-label {
    position: absolute;
    pointer-events: none;
    right: 25px;
    top: 18px;
}

.form-group2_SendLinkGuest > input[type="text"], textarea {
    outline: none;
    box-shadow: none !important;
}

.form-group_SendLinkGuest > .form-group > input:focus {
    outline: none;
}

.form-group_SendLinkGuest > .form-group {
    /*position:relative;*/
    display: inline-block;
}

    .form-group_SendLinkGuest > .form-group::after, .form-group_SendLinkGuest > .form-group::before {
        content: ' ';
        width: 0%;
        bottom: 12px;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        transition: ease-in-out .5s all;
    }

    .form-group_SendLinkGuest > .form-group::before {
        width: 100%;
        border-bottom: 3px solid #939393;
    }

    .form-group_SendLinkGuest > .form-group::after {
        border-bottom: 3px solid #ed2553;
    }

    .form-group_SendLinkGuest > .form-group:focus-within::after {
        width: 100%;
    }








.form-group3_SendLinkGuest > .floating-label {
    position: absolute;
    pointer-events: none;
    right: 25px;
    top: 18px;
}

.form-group3_SendLinkGuest > input[type="text"], textarea {
    outline: none;
    box-shadow: none !important;
}

.form-group4_SendLinkGuest > .form-group > input:focus {
    outline: none;
}

.form-group4_SendLinkGuest > .form-group {
    /*position:relative;*/
    display: inline-block;
}

    .form-group4_SendLinkGuest > .form-group::after, .form-group4_SendLinkGuest > .form-group::before {
        content: ' ';
        width: 0%;
        bottom: 12px;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        transition: ease-in-out .5s all;
    }

    .form-group4_SendLinkGuest > .form-group::before {
        width: 100%;
        border-bottom: 3px solid #939393;
    }

    .form-group4_SendLinkGuest > .form-group::after {
        border-bottom: 3px solid #ed2553;
    }

    .form-group4_SendLinkGuest > .form-group:focus-within::after {
        width: 100%;
    }

/************************************ ReservationInfo ************************************/

.stickyTop_ReservationInfo {
    direction: ltr;
    margin-bottom: 5px;
    position: sticky;
    top: 50px;
    z-index: 1
}

@media screen and (max-width: 480px) {
    .stickyTop_ReservationInfo {
        top: 18px;
    }
}

/************************************** Customers *************************************/

.name_Customers {
    font-size: 0.8rem !important
}

.icofont-brand-joomla {
    color: #088c10;
    font-size: 1.2rem;
}

.chosenWidth_Customers > .chosen-container {
    width: 100% !important;
}

.icofont-brand-joomla {
    cursor: pointer
}

.city_Customers {
    font-weight: 700;
    font-size: 1rem;
}

.map_Customers {
    position: absolute;
    top: 4px;
    left: -12px;
    font-size: 1.8rem;
    color: brown;
    cursor: pointer;
    text-decoration: none;
}

.icofont-users-social {
    font-size: 1.5rem;
    cursor: pointer
}

/*********************************** ContactSender **********************************/
.input_ContactSender {
    font-size: .9rem !important;
}

.btn_ContactSender {
    border: 1px solid #CED4DA !important;
    height: auto !important;
}

.copy_ContactSender {
    color: darkolivegreen;
    font-size: 1.2rem;
    cursor: pointer !important
}

.group_ContactSender1 {
    direction: ltr;
    margin-bottom: 5px;
    position: sticky;
    top: 50px;
    z-index: 1;
}

.icofontGroup_ContactSender {
    color: #c62923;
    font-size: 1.3rem;
    cursor: pointer !important
}

.group_ContactSender {
    font-family: IRANSans !important;
    font-size: .9rem
}

.count_ContactSender {
    position: absolute;
    bottom: 5px;
    left: 8px;
    font-size: 1rem
}

.groupModal_ContactSender {
    direction: ltr !important;
    margin-bottom: 5px;
    position: sticky;
    top: 40px;
    z-index: 1;
}

.sticky_ContactSender {
    position: sticky !important;
    top: 75px !important;
}

.plus_ContactSender {
    color: #c62923;
    cursor: pointer;
    font-size: 1.3rem
}

.stickyTop_ContactSender {
    position: sticky !important;
    top: 0px !important;
    z-index: 19 !important;
}

.chosen_ContactSender .chosen-results {
    max-height: 150px !important;
}

.width_ContactSender {
    width: 900px;
}

/*********************************** Learning **********************************/
.container_Learning {
    max-width: 1145px;
}

.img_Learning {
    border-radius: 5px;
    height: 120px;
    width: 150px;
    object-fit: cover
}

.p1_Learning {
    font-size: 1.1rem;
    color: #2c2c2c;
}

.p2_Learning {
    font-size: .9rem;
    color: #6891f1;
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding-top: 5px
}

.span_Learning {
    width: 26px;
    height: 26px;
    padding-top: 3px;
    border-radius: 5px;
    background-color: #8BCA49;
    color: white;
}

.span2_Learning {
    background-color: #DEE2E6;
    padding: 0 1px 0 1px;
}

.teacher_Learning {
    color: #007EFF
}

.p3_Learning {
    border: 1px solid #DFDFDF;
    height: 43px;
    max-width: 300px;
    position: relative;
}

.price_Learning {
    color: #F52779;
    padding-top: 12px;
    font-size: .9rem;
}

.show_Learning {
    height: 35px;
    color: white;
    font-size: 1rem;
    border-radius: 30px;
    background-color: #2ECC71;
    padding-left: 39px;
    padding-right: 39px;
    cursor: pointer;
}

.tall_Learning {
    margin-top: 100px
}

@media screen and (max-width: 600px) {

    .tall_Learning {
        margin-top: 12px !important;
        margin-right: 120px;
    }
}

@media screen and (max-width: 730px) {

    .tall_Learning {
        margin-top: 12px !important;
        margin-right: 120px;
    }
}

@media screen and (min-width: 1200px) {

    .tall_Learning {
        margin-right: 120px;
    }
}

.fontSmall_LearningDetail {
    font-size: 0.75rem !important;
}

.text-info-LearningDetail {
    position: absolute;
    right: calc(50% - 38px);
    bottom: -10px;
}

.discount_LearningDetail {
    font-size: 18px;
    color: white
}

.discount2_LearningDetail {
    font-size: 20px;
    color: white;
    padding-right: 5px
}

.trainer-img_LearningDetail {
    width: 120px;
    height: 120px;
}

.index-border_LearningDetail {
    width: 20px;
    height: 20px;
    border-radius: 35px;
    position: absolute;
    right: -12px;
    padding-top: 2px
}

.border-size_LearningDetail {
    border-right-width: 3px !important;
}

.svg-sticker_LearningDetail {
    position: absolute;
    height: 55px;
    width: 55px;
    left: 0px;
    top: 24px;
}

.cls-101_LearningDetail {
    fill: red;
    stroke: #adadad;
    stroke-miterlimit: 10;
    stroke-width: 3px;
}

.fontSmall2_LearningDetail {
    font-size: 0.8rem !important;
}

.eye_LearningDetail {
    font-size: 1.3rem
}

/*ستاره ها*/

.rate_LearningDetail {
    height: 10px;
    padding: 0 5px;
    margin-bottom: 10px;
}

    .rate_LearningDetail:not(:checked) > input {
        position: absolute;
        top: -9999px;
    }

    .rate_LearningDetail:not(:checked) > label {
        text-align: center;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 20px;
        color: #ccc;
    }

        .rate_LearningDetail:not(:checked) > label:before {
            content: '★ ';
        }

    .rate_LearningDetail > input:checked ~ label {
        color: #ffc700;
    }

    .rate_LearningDetail:not(:checked) > label:hover,
    .rate_LearningDetail:not(:checked) > label:hover ~ label {
        color: #ffc700;
    }

    .rate_LearningDetail > input:checked + label:hover,
    .rate_LearningDetail > input:checked + label:hover ~ label,
    .rate_LearningDetail > input:checked ~ label:hover,
    .rate_LearningDetail > input:checked ~ label:hover ~ label,
    .rate_LearningDetail > label:hover ~ input:checked ~ label {
        color: #ffc700;
    }

/*********************************** Contact1 **********************************/

.sticky_Contact1 {
    position: sticky !important;
    top: 113px !important;
}

.bg_Contact1 {
    background-color: #f8f9fa
}

.input_Contact1 {
    font-size: 1rem;
    height: 35px;
}

.chosen_Contact1 ul .search-field {
    height: 33px !important;
}

.btn1_Contact1 {
    height: 35px;
    width: 35px;
    background-color: #228b22;
    border-radius: 100%;
    position: absolute;
    top: -11px;
    right: -3px;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 8px;
    font-size: 1.2rem;
    color: white;
    cursor: pointer;
}

.btn2_Contact1 {
    height: 40px;
    width: 40px;
    background-color: #b22222;
    border-radius: 100%;
    position: absolute;
    left: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 9px;
    font-size: 1.8rem;
    color: white;
    cursor: pointer;
    top: -13px;
}

.btn3_Contact1 {
    padding-top: 7px;
    height: 35px;
    width: 35px;
    background-color: #228b22;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    color: white;
}

.btn_Contact1 {
    background-color: #ffae00;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.1rem;
    padding-bottom: 4px;
    text-align: center;
    font-weight: 500;
    height: 34px;
    padding-top: 4px;
}

/*********************************** Calendar **********************************/

.redStyle_Calendar {
    color: red !important;
    background-color: #F8F8F8;
    border-radius: 5px;
}

.borderStyle_Calendar {
    border: 2px solid #1DC2FD;
    border-radius: 5px;
}

.mainRow_Calendar {
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
}

.space_Calendar {
    margin-top: 7px;
}

.light_Calendar {
    font-weight: 700;
}

.space_Calendar:hover {
    font-weight: 700;
}

.week_Calendar {
    height: 33px;
    border-radius: 4px;
    background: #555 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.icons_Calendar {
    font-size: 1.4rem;
    color: #ff5722;
    cursor: pointer
}

.sideIcons_Calendar {
    font-size: 1.7rem;
    margin-top: 5px;
}

.year_Calendar {
    color: #19a3d5;
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
}

.month_Calendar {
    font-size: .9rem;
    cursor: pointer !important;
}

.yearModal_Calendar div {
    height: 40px;
    width: 100px;
    background-color: #1DC2FD;
    text-align: center;
    padding-top: 7px;
    color: white;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    font-size: 1.15rem;
    font-weight: 500
}

.yearModal_Calendar input {
    height: 40px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 2px solid #1DC2FD;
    font-size: 1.3rem
}

.monthModal_Calendar span {
    display: inline-block;
    width: 90px !important;
    height: 80px !important;
    border: 1px solid #1DC2FD;
    border-radius: 5px;
    font-size: 1rem !important;
    padding-top: 25px;
    background-color: #F8F8F8;
    box-shadow: 0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);
    border-radius: 4px;
    color: #000000;
    font-size: 1.15rem;
    font-weight: 500
}

    .monthModal_Calendar span:hover {
        background-color: darkgray;
        cursor: pointer;
    }

/*********موبایل**********/
@media screen and (max-width: 400px) {
    .secondDiv_Calendar {
        font-size: 1rem !important;
    }

    .miladyLastMonth_Calendar, .shamsyLastMonth_Calendar, .miladyNextMonthHoliday, .shamsyNextMonthHoliday {
        font-size: .72rem !important;
    }

    .month_Calendar {
        font-size: .66rem !important;
    }

    .year_Calendar {
        font-size: 1.1rem !important;
    }

    .space_Calendar {
        font-size: .8rem !important;
    }

    .tabsLi_Calendar {
        font-size: .7rem !important;
    }

    .week_Calendar {
        margin-right: -10px;
        margin-left: -10px;
    }
}

/**********Tab**********/

.tabs_Calendar li.is-active a {
    border-bottom-color: #30D284;
    color: #30D284;
    border-bottom-width: 4px;
}

    .tabs_Calendar li.is-active a:hover {
        border-bottom-color: #30D284 !important;
        color: #30D284 !important;
    }

.tabs_Calendar {
    background-color: #F8F8F8;
    color: white;
    width: 100%;
    border-top: none
}

.tabsUl_Calendar {
    font-size: .9rem;
    padding-top: 20px;
}

.tabsLi_Calendar {
    color: #000000;
    font-size: .9rem;
    text-align: center;
}

/**********تاریخ روز************/

.firstDiv_Calendar {
    height: 60px;
    width: 14% !important;
    position: relative;
}

.secondDiv_Calendar {
    font-weight: bold !important;
    font-size: 1.4rem;
    cursor: pointer
}

.miladyLastMonth_Calendar {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .8rem;
}

.shamsyLastMonth_Calendar {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: .8rem;
}

.miladyNextMonthHoliday {
    position: absolute;
    color: #FFB3B3 !important;
    bottom: 0;
    right: 0;
    font-size: .8rem;
    color: #c9c9c9;
}

.shamsyNextMonthHoliday {
    position: absolute;
    color: #FFB3B3 !important;
    bottom: 0;
    left: 0;
    font-size: .8rem;
    color: #c9c9c9;
}

.animat_Calendar {
    height: 40px;
    border-radius: 4px;
    background: #1DC2FD !important;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    position: relative;
}

    /******دکمه برو به امروز********/

    .animat_Calendar::before, .animat_Calendar::after {
        box-sizing: inherit;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .animat_Calendar::before, .animat_Calendar::after {
        top: 0;
        left: 0;
        width: 100%;
        transform-origin: center;
    }

    .animat_Calendar::before {
        background-color: white;
        transform: scale3d(0, 1, 1);
        border: 1px solid #1DC2FD;
    }

    .animat_Calendar::after {
        transform: scale3d(1, 0, 1);
    }

    .animat_Calendar:hover::before, .animat_Calendar:hover::after {
        transform: scale3d(1, 1, 1);
        transition: transform 0.8s;
    }

    .animat_Calendar:hover .coloring_Calendar {
        color: #1DC2FD !important;
    }

.coloring_Calendar {
    position: absolute;
    z-index: 15;
    right: calc(50% - 35px);
}

.reminder_Calendar {
    font-size: .8rem;
    position: absolute;
    top: 0;
    right: 6px;
    color: #ff1493
}

.digit_Calendar {
    font-size: .85rem;
}

.colorTab2__Calendar {
    color: #1dc2fd
}

.colorTab3__Calendar {
    color: #30D284
}

/************************************ SocialNetwork ************************************/

.down_SocialNetwork {
    border-top: 1px solid #d8d8d8;
    margin-top: 5px;
}

/************************************** News ****************************************/

.borderBottom_News {
    border-bottom: 1px solid #d8d8d8 !important;
}

.style1_News {
    font-size: 1.1rem;
    color: #2c2c2c;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-weight: 500
}

.style2_News {
    font-size: 1rem;
    color: #6891f1;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.img_News {
    border-radius: 5px;
    height: 120px;
    min-width: 140px;
    max-width: 140px;
    border: 1px solid #ccc;
    object-fit: cover;
}

@media screen and (max-width: 600px) {

    .img_News {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
    }

    .style1_News {
        font-size: .9rem !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
        font-weight: 400
    }

    .style2_News {
        font-size: .85rem !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
}

/************************************ Warning ************************************/

.footerDiv_Warning {
    color: #0F4E94;
    font-size: .9rem;
    font-weight: 400;
}

.p_Warning {
    color: #0F0F07;
    font-size: 1.35rem;
    font-weight: 400;
}

.comment_Warning {
    color: #798087;
    font-size: .9rem;
    font-weight: 400;
}

/************************************ SendedSms ************************************/

.icofont-archive_SendedSms {
    text-decoration: none;
    color: #6891f1;
    cursor: pointer;
    font-size: 1.3rem;
}

.calendar_SendedSms {
    width: 150px;
}

/************************************ Question ************************************/

.selecte_Question {
    height: 40px !important;
    width: 250px;
    font-family: Iransans !important
}

.btn_Question {
    padding-top: 7px;
    height: 35px !important;
    width: 35px !important;
    background-color: #9c27b0;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    margin-right: 5px;
    color: white;
}

.btn2_Question {
    padding-top: 4px;
    height: 30px !important;
    width: 30px !important;
    background-color: #9c27b0;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    margin-right: 5px;
    color: white;
}

.index_Question {
    background-color: #E9ECEF;
    padding: 6px;
    background-color: #E9ECEF;
    padding: 6px;
    height: 35px;
    display: inline-block;
    border: 1px solid#ccc;
    width: 30px;
}

.input_Question {
    height: 35px !important;
    border-radius: 0
}

.score_Question {
    height: 35px !important;
    max-width: 60px
}

.bck_color1_Question {
    background-color: #e63d3d
}

.bck_color2_Question {
    background-color: forestgreen
}

.bck_color3_Question {
    background-color: deepskyblue
}

/************************************ AnswerSheet ************************************/

.id_AnswerSheet {
    background-color: #a9a9a9;
    width: 60px;
    border-radius: 2px;
    color: white;
    padding-top: 8px
}

.answer_AnswerSheet {
    background-color: #6495ed;
    width: 60px;
    border-radius: 2px;
    color: white;
    padding-top: 8px
}

.name_AnswerSheet {
    background-color: #a9a9a9;
    width: 180px;
    border-radius: 2px;
    color: white;
    padding-top: 8px;
    text-align: right
}

.mobile_AnswerSheet {
    background-color: #1DC2FD;
    width: 100px;
    border-radius: 2px;
    color: white;
    padding-top: 8px
}

.again_AnswerSheet {
    color: #2f4f4f;
    padding-top: 3px;
    display: inline-block
}

.title_AnswerSheet {
    font-size: 1.1rem;
    color: #1DC2FD
}

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

.width_AnswerSheet {
    max-width: 700px;
}

@media screen and (max-width: 800px) {
    .space_AnswerSheet {
        margin-left: 0 !important;
        width: 36% !important;
        border-radius: 0 !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .id_AnswerSheet, .answer_AnswerSheet {
        width: 14% !important;
    }

    .tope_AnswerSheet {
        margin-top: 5px;
    }

    .selecte_AnswerSheet {
        margin-bottom: 20px;
    }

    .tab_AnswerSheet {
        font-size: .8rem
    }
}

.light_AnswerSheet {
    font-weight: 700;
    color: #1DC2FD;
}

.bolding_AnswerSheet:hover {
    font-weight: 700;
}

.checkbox_AnswerSheet {
    border: 1px solid #1DC2FD;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 3px;
    padding-right: 5px;
    padding-left: 12px;
}

.selecte_AnswerSheet {
    width: 250px !important;
    margin-bottom: 20px;
}

/************************************ CustomerTracking ************************************/

.bottom_CustomerTracking {
    width: 120px !important;
    background-color: #EDA135 !important;
    color: white !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    font-size: 1.05rem !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    text-align: center !important;
    font-weight: 500 !important;
    height: 33px;
}

.icon_CustomerTracking {
    color: white;
    font-size: 1.1rem;
    padding: 2px;
    border-radius: 100%;
    background-color: #008000;
}

.width_CustomerTracking {
    width: 160px !important;
}

.overflow_CustomerTracking {
    overflow-x: auto;
    height: calc(100vh - 125px);
}

.size_CustomerTracking {
    font-size: .9rem
}

.sticky_CustomerTracking {
    position: sticky;
    top: 0;
    color: white !important;
    font-size: 1rem
}

.th_CustomerTracking {
    color: darkgreen;
    width: 100px;
}

.th2_CustomerTracking {
    width: 80px
}

.td_CustomerTracking {
    width: 100px;
    cursor: pointer;
    position: sticky;
    right: 0;
    top: 0;
    background-color: white;
    background-color: #428bca;
    color: white;
}

.chosen_CustomerTracking .chosen-container {
    width: 100% !important;
}

.chosen_CustomerTracking .chosen-single {
    height: 33px !important;
    padding-top: 4px
}

.chosen_CustomerTracking .search-choice-close {
    display: none !important
}

.p2_CustomerTracking {
    font-size: 1rem !important;
    color: #2c2c2c;
    font-weight: 400;
}

.p1_CustomerTracking {
    font-size: 1.1rem;
    color: brown;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-weight: 500;
}

.color_CustomerTracking {
    color: #0047ec !important
}

/************************************ HotelLive ************************************/

.redStyle_HotelLive {
    background-color: red !important;
    color: white;
}

.orangStyle_HotelLive {
    background-color: orange !important;
    color: white;
}

.maxWidth_HotelLive {
    max-width: 1250px;
}

.width_HotelLive {
    width: 220px;
}

/************************************ HotelState ************************************/
.redStyle_HotelState {
    background-color: #42378f;
    background-image: linear-gradient(to right, #ff9999, #ff4d4d) !important;
    color: white !important;
    cursor: pointer
}

.grayStyle_HotelState {
    background-color: #b8c6db;
    background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%) !important;
    cursor: pointer
}

.invalid_HotelState {
    background-color: #8b0000;
    color: white
}

/****** popover ******/

.popover-content {
    padding: 9px 14px;
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

.input_HotelState {
    font-size: 1rem;
    height: 35px;
    width: 70px !important
}

.popover > .arrow {
    border-width: 11px;
    border-bottom-width: 11px;
}

    .popover > .arrow, .popover > .arrow::after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-top-color: transparent;
        border-style: solid;
    }

.popover.top > .arrow::after {
    bottom: -9px;
    margin-left: 49px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 7px;
    border-width: 10px;
    left: -59px;
    height: 20px;
}

.popover-content:last-child {
    padding-top: 4px;
    font-family: iransans;
    text-align: right;
    font-size: 0.8rem;
}

.popover-title {
    padding: 8px 5px 5px 5px;
    border-bottom: 1px solid #dfdcdc;
    text-align: right;
    color: brown;
    background-color: #eee;
    font-size: 0.8rem;
    font-weight: bold;
}

/** HotelStateIpAndPortModal **/

#wrapper_HotelState {
    font-size: 1.5rem;
    text-align: center;
    box-sizing: border-box;
    color: #333;
}

    #wrapper_HotelState #dialog_HotelState {
        margin: 10px auto;
        overflow: hidden;
        position: relative;
    }

        #wrapper_HotelState #dialog_HotelState h3 {
            margin: 0 0 10px;
            padding: 0;
            line-height: 1.25;
        }

        #wrapper_HotelState #dialog_HotelState span {
            font-size: 90%;
        }

        #wrapper_HotelState #dialog_HotelState #form_HotelState input {
            text-align: center;
            line-height: 40px;
            font-size: 1.4rem;
            outline: none;
            width: 50px !important;
            transition: all 0.2s ease-in-out;
            /*font-family: yekan !important;*/
            border: none;
            border-bottom: 2px solid silver;
        }

            #wrapper_HotelState #dialog_HotelState #form_HotelState input:focus {
                border-color: purple;
                /*box-shadow: 0 0 5px purple inset;*/
            }

        #wrapper_HotelState #dialog_HotelState div {
            position: relative;
            z-index: 1;
        }

#form_HotelState {
    direction: ltr !important;
}

.chosen_HotelState .chosen-single {
    height: 37px !important;
    padding-top: 3px
}

.chosen2_HotelState .chosen-single {
    height: 33px !important;
    padding-top: 2px
}

.chosen2_HotelState .search-choice-close {
    display: none !important
}

/************************************ Hotels ************************************/

.img_Hotels {
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 130px;
    min-width: 170px !important;
    max-width: 170px !important;
    border: 1px solid #f4f4f4cc;
}

/******************************** HotelConStateChart **************************/

.chosen_Combo .chosen-container {
    width: 180px !important;
}

.chosen_Combo .chosen-container {
    max-width: 200px !important;
}

.chosen_Combo .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.chosen_Combo .search-choice-close {
    display: none !important
}

.chosen2_Combo .chosen-container {
    width: 180px !important;
}

.chosen2_Combo .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.chart_HotelConStatechart {
    height: calc(70vh) !important
}

/******************************** CustomerDone *****************************/

.firstP_CustomerDone {
    padding-top: 10px;
    padding-right: 15px;
    color: black;
    background: linear-gradient(to right, blue, pink);
    border-radius: 20px
}

.firstP2_CustomerDone {
    padding-top: 10px;
    padding-right: 15px;
    color: black;
    background-color: #1DC2FD;
    border-radius: 20px
}

.firstP1_CustomerDone {
    padding-top: 10px;
    padding-right: 15px;
    color: black;
    background: -moz-linear-gradient(45deg, rgba(0,128,128,1) 0%, rgba(255,255,255,1) 25%, rgba(5,193,255,1) 50%, rgba(255,255,255,1) 75%, rgba(0,87,87,1) 100%);
    border-radius: 20px
}

.secondP_CustomerDone {
    padding-top: 10px;
    padding-right: 25px;
    color: #9d9ea1;
    font-size: 1rem;
    border-bottom: 2px solid #dbdbdb;
    padding-bottom: 10px;
}

    /***برای اینکه اگر عرض نوشته بیشتر از 250 شد ادامشو  سه نقطه بزاره***/

    .secondP_CustomerDone p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

.image_CustomerDone {
    height: 100px;
    width: 110px;
    object-fit: cover;
}


.close_CustomerDone {
    color: #dc143c;
    cursor: pointer;
    top: 5px;
    right: 5px;
    position: absolute;
    font-size: 18px;
}

.edit_CustomerDone {
    height: 30px !important;
    width: 30px !important;
    background-color: #9c27b0;
    border-radius: 100%;
    text-align: center;
    font-size: 1rem;
    cursor: pointer;
    padding-top: 6px;
    color: white
}

.htmlText_CustomerDone {
    height: 100px;
    overflow-y: auto
}

.container_CustomerDone {
    max-width: 900px
}

/******************************** Business *****************************/

/*****  Tabs  *****/

.tabFont_Business {
    border-bottom: 5px solid white;
}

    .tabFont_Business > li > a.active {
        color: #212121 !important;
        font-weight: bold;
    }

.img_Business {
    border-radius: 5px;
    height: 120px;
    min-width: 140px;
    max-width: 140px;
    border: 1px solid #ccc;
    object-fit: cover;
}

.img2_Business {
    border-radius: 5px;
    height: 50px;
    min-width: 50px;
    max-width: 50px;
    border: 1px solid #ccc;
    object-fit: cover;
}

.p1_Business {
    font-size: 1.1rem;
    color: #2c2c2c;
    font-weight: 600;
}

.icofont-clock-time {
    color: #35b653;
    cursor: pointer;
    font-size: 1.4rem;
}

.icofont-ui-message {
    color: #6610f2;
    cursor: pointer;
    font-size: 1.3rem;
}

.icofont-motor-biker {
    color: #af00ff;
    cursor: pointer;
    font-size: 1.5rem;
}

.botton_Business {
    height: 50px;
    width: 50px;
    background-color: #9c27b0;
    border-radius: 100%;
    position: fixed;
    bottom: 60px;
    right: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 22px;
    color: white;
    cursor: pointer;
    z-index: 18
}

.botton8_Business {
    height: 50px;
    width: 50px;
    background-color: #9c27b0;
    border-radius: 100%;
    position: fixed;
    bottom: 120px;
    right: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 22px;
    color: white;
    cursor: pointer
}

.botton9_Business {
    height: 50px;
    width: 50px;
    background-color: #9c27b0;
    border-radius: 100%;
    position: fixed;
    bottom: 7px;
    right: 60px;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 9px;
    font-size: 22px;
    color: white;
    cursor: pointer;
    z-index: 10
}

.bottonModal_Business {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: fixed;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 22px;
    color: white;
    cursor: pointer;
    bottom: 60px;
    background-color: #18998d;
    right: 80px
}

.bottonModal2_Business {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: fixed;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 22px;
    color: white;
    cursor: pointer;
    bottom: 113px;
    background-color: #18998d;
    right: 80px
}

.botton1_Business {
    height: 50px;
    width: 50px;
    background-color: #9c27b0;
    border-radius: 100%;
    position: fixed;
    bottom: 55px;
    right: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 22px;
    color: white;
}

.botton2_Business {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 110px;
    right: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 22px;
    color: white;
}

.botton3_Business {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 165px;
    right: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    font-size: 22px;
    color: white;
}

.botton4_Business {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 115px !important;
    right: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    font-size: 22px;
    cursor: pointer
}

.botton7_Business {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 274px !important;
    right: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    font-size: 22px;
    cursor: pointer
}

.botton6_Business {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 115px;
    right: 0 !important;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    font-size: 22px;
    cursor: pointer
}

.botton5_Business {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 325px;
    right: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    font-size: 30px;
    cursor: pointer;
    background-color: #212121;
    color: white
}

/**** اینکه اگر عرض توضیحات بیشتر  شد ادامشو  سه نقطه بزاره******/

.text_Business {
    width: 100% !important;
    font-size: .85rem !important;
    padding-top: 7px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* number of lines to show */
    -webkit-box-orient: vertical !important;
    height: 60px !important;
    color: #a3a3a3;
}

@media screen and (min-width: 1000px) {
    .div_Medium {
        max-width: 700px !important
    }
}

@media screen and (max-width: 450px) {
    .tabFont_Business {
        font-size: .73rem;
    }
}

.buttom2_Business {
    height: 35px;
    width: 35px;
    background-color: #1DC2FD;
    border-radius: 100%;
    position: absolute;
    top: 4px;
    left: 8px;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
    font-size: 1.5rem;
    cursor: pointer;
    border: 1px solid #0BAAE3;
    z-index: 10 !important;
    color: white;
}

.borderInput_Business {
    border: 1px solid #e8e8e8;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    height: 35px;
    border-left: none;
    border-radius: 0;
}

.groupText_Business {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.sliderRigth_Business {
    position: absolute;
    right: 0px;
    font-size: 2rem;
    top: 6px;
    font-weight: bold;
}

.sliderLeft_Business {
    position: absolute;
    left: -9px;
    font-size: 2rem;
    top: 6px;
    font-weight: bold;
}

.sliderLeft2_Business {
    position: absolute;
    left: 37px;
    font-size: 2rem;
    top: 7px;
    font-weight: bold;
}

.position_Business {
    position: absolute;
    top: 10px;
    left: 2px;
}

.width_Business {
    width: 90% !important;
}

.bottom_Business {
    bottom: 220px;
}

.lable1_Business {
    font-size: 1.2rem !important;
    margin-top: 3px !important;
    margin-left: 2.5px !important;
}

.lang_Business {
    width: 30px !important;
    height: 30px !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    cursor: pointer
}

.map_Business {
    position: absolute;
    top: 4px;
    left: -27px;
    font-size: 1.8rem;
    color: brown;
    cursor: pointer;
    text-decoration: none;
}

.fontRoomService_Business {
    font-size: .9rem !important;
    padding-top: 4px !important;
}

.iconRoomService_Business {
    color: brown;
    font-size: 1.5rem
}

.iconRoomService2_Business {
    font-size: .9rem;
    color: brown;
    font-weight: 400
}

.iconRoomService3_Business {
    font-size: .9rem;
    color: black;
}

.serviceModal_Business {
    width: 70px !important;
    height: 50px !important;
    border-radius: 5px !important;
}

.widthDelivery_Business {
    font-size: 1rem !important;
    width: 50px !important;
}

.widthDelivery2_Business {
    font-size: 1rem !important;
    width: 120px !important;
}

.close_Business {
    color: brown;
    cursor: pointer;
    font-size: 1.5rem;
    padding-top: 1px;
    position: absolute;
    left: 0;
    top: 0;
}

.mainDiv_Business {
    border: 1px solid #FFFFFF;
    height: auto;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0 0 5px 0px #f7efef;
    position: relative;
    border: 1px solid #ccc !important;
}

.widthOrder_Business {
    width: 300px !important;
}

.widthOrder2_Business {
    width: 150px !important;
}

.spanTime_Business {
    font-size: .85rem;
    color: brown !important
}

.widthTime_Business {
    width: 130px
}

.widthTime2_Business {
    width: 265px
}

.positionTime_Business {
    cursor: pointer !important;
    font-size: 1.5rem !important;
    color: brown
}

.colorTime_Business {
    color: brown !important;
}

.plus_Business {
    background-color: #9c27b0 !important;
}

.sortCoror_Button {
    background-color: rgb(59, 182, 255) !important
}

.selectAll_Button {
    background-color: #28a745 !important
}

.sizeCheckBox_Button {
    font-size: 1.3rem !important;
}

.print_Button {
    background-color: #212121 !important;
}

.cheWidth_Business {
    width: 124px;
}

.height_Business {
    height: 44px !important;
}

.nav-link {
    font-weight: 400;
}

.colorInput_Business {
    direction: ltr;
    text-align: right;
}

.right_Business {
    right: 45px !important
}

.border_Business {
    border: 1px solid #ccc;
    border-radius: 5px
}

.title_Business {
    position: absolute;
    top: -12px;
    right: 16px;
    background: white;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 500
}

.icofont-paint {
    font-size: 1.6rem;
    cursor: pointer;
    color: #212529;
}

.widthTitle_Business {
    max-width: 320px !important
}

#comment_Business {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.chosen_Landing .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.chosen2_Landing .chosen-container {
    width: 180px !important;
}

.chosen2_Landing .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.editLink_Business {
    padding-top: 9px;
    height: 34px !important;
    width: 37px !important;
    background-color: #9c27b0;
    border-radius: 100%;
    text-align: center;
    font-size: .8rem;
    cursor: pointer;
    margin-right: 5px;
    color: white !important;
}

.calendar_Business {
    font-size: 1.3rem;
    cursor: pointer;
    color: #212529;
    color: darkcyan;
}

.exp_Business {
    max-width: 200px !important
}

.exp2_Business {
    font-size: .85rem;
    font-weight: 400;
    color: #848484;
}

.red_Business {
    color: red;
    font-size: .9rem;
    direction: ltr !important;
    display: inline-block !important;
}

.green_Business {
    color: #008000;
    font-size: .9rem
}

.invert_Business {
    direction: ltr !important;
    display: inline-block !important;
}

/******************************** Order *****************************/
.order_Combo .chosen-container {
    width: 180px !important;
}

.order_Combo .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.input_Order {
    font-size: .9rem;
    height: 34px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.select_Order {
    height: 34px;
    border-radius: 2px;
    font-family: IRANSans;
    padding-top: 2px;
    width: 180px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.icon_Order {
    color: white;
    font-size: 1.6rem;
    border-radius: 100%;
    background-color: #FF9191;
    height: 25px;
    width: 25px;
    padding-top: 1px;
}

.icon1_Order {
    color: white;
    font-size: 1.6rem;
    border-radius: 100%;
    background-color: yellowgreen;
    height: 25px;
    width: 25px;
    padding-top: 1px;
}

.chosenOrder_Combo {
    min-width: 110px !important;
}

    .chosenOrder_Combo .chosen-container {
        width: 140px !important;
        font-weight: 400;
    }

    .chosenOrder_Combo .chosen-single {
        height: 33px !important;
        padding-top: 3px
    }

.orderDetail {
    color: brown;
    font-weight: 700;
    background-color: aliceblue;
}

.brown_Order {
    color: brown
}

.widthModal_Order {
    width: 190px;
}

.widthModal2_Order {
    width: 25%;
}

.widthModal3_Order {
    width: 12%;
}

.widthModal4_Order {
    width: 47%;
}

.widthModal5_Order {
    width: 140px;
}

.cart_Order {
    color: #ccc;
    font-size: 5rem
}

.border_Order {
    border: 1px solid #ccc;
    border-radius: 3px;
}

.fontSize_Order {
    font-size: 1.5rem;
}

.fontSize2_Order {
    font-size: 1.1rem;
}

.border2_Order {
    border: 1px solid #ccc;
    border-radius: 3px
}

.flex_Order {
    flex: 1;
    overflow: hidden;
}

.menuTitle_Order {
    padding-bottom: 3px;
    color: #6c7682;
    margin-bottom: 0 !important;
    font-weight: 500;
    font-size: 1rem;
    border-bottom: 5px solid #cda357;
}

.menuTitle2_Order {
    background-color: #cda357;
    color: white;
    padding: 7px;
    border-radius: 50% 50% 0 0;
}



.name_Order {
    font-size: .95rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.price2_Order {
    font-weight: bold;
    font-size: 1.2rem;
}

.add_Order {
    color: red;
    cursor: pointer;
}

.icofont-close-line {
    color: red;
    cursor: pointer;
}

.modal_Order {
    background-color: aliceblue;
    padding-bottom: 20px !important
}

.div1_Order {
    height: 400px;
    width: 60%;
    overflow: auto;
    overflow-x: hidden;
}

.div2_Order {
    height: 400px;
    width: 40%;
    overflow: auto;
    overflow-x: hidden;
}

.map_Order {
    position: absolute;
    top: 4px;
    left: 0px;
    font-size: 1.8rem;
    color: brown;
    cursor: pointer;
    text-decoration: none !important;
}

/******************************** Item *****************************/

.dir-rtl {
    direction: rtl !important;
}

.width_Item {
    width: 70px
}

.colorDisc_Item {
    color: green !important
}

.chosen_ComboItem .chosen-container {
    width: 210px !important;
}

.chosen_ComboItem .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.vertical_Item {
    vertical-align: middle;
}

.slider_item {
    height: auto
}

    .slider_item::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

.maxWidth_Item {
    max-width: 1650px
}

.botton2_Item {
    height: 50px;
    width: 50px;
    background-color: #2053cc;
    border-radius: 100%;
    position: absolute;
    display: inline-block;
    text-align: center;
    padding-top: 7px;
    font-size: .85rem;
    color: white;
    cursor: pointer;
    left: 0;
    bottom: 8px;
}

/*switch Btn*/

.switch_Item {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 27px;
    float: right;
}

    /* Hide default HTML checkbox */
    .switch_Item input {
        display: none;
    }

/* The slider */
.slider_Switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider_Switch:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input.default:checked + .slider_Switch {
    background-color: #444;
}

input.primary:checked + .slider_Switch {
    background-color: #2196F3;
}

input.success:checked + .slider_Switch {
    background-color: #8bc34a;
}

input.info:checked + .slider_Switch {
    background-color: #3de0f5;
}

input.warning:checked + .slider_Switch {
    background-color: #FFC107;
}

input.danger:checked + .slider_Switch {
    background-color: #f44336;
}

input:focus + .slider_Switch {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_Switch:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider_Switch.round {
    border-radius: 34px;
}

    .slider_Switch.round:before {
        border-radius: 50%;
    }

.slider_Switch::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.span_item {
    font-size: .85rem;
    color: #535353;
    font-weight: 400;
}
/****************************** Order *****************************/
.botton_Order {
    height: 50px;
    width: 50px;
    background-color: #9c27b0;
    border-radius: 100%;
    position: fixed;
    bottom: 115px;
    right: 0;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    font-size: 1.5rem;
    color: white;
    cursor: pointer
}

.p1_Order {
    font-size: 1.1rem;
    color: #2c2c2c;
    font-weight: 600;
    cursor: pointer;
    text-align: right
}

.p2_Order {
    font-size: 1rem;
    color: #6891f1;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-weight: 400;
    text-decoration: line-through;
    text-align: right
}

.p3_Order {
    font-size: .68rem;
    color: #bfbfbf;
    text-align: right
}

.p4_Order {
    font-weight: 600;
    font-size: 1.2rem;
    margin-top: -4px;
    text-align: right
}

.p5_Order {
    font-size: .95rem;
}

.icofont-disc {
    color: #0084df;
}

/**********برای اینکه اگر عرض توضیحات بیشتر از 150 شد ادامشو  سه نقطه بزاره**********/

.text-muted {
    width: 100%;
    font-size: .85rem;
    padding-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12; /* number of lines to show */
    -webkit-box-orient: vertical;
    height: 23px;
}

.borderInput2 {
    border: 1px solid #e8e8e8;
    border-radius: 5px !important;
}

.bg-Order {
    background-color: #67a8df !important;
}

.img_Order {
    width: 50px;
    height: 50px
}

.inputWidth_Item {
    height: 35px
}

.closeIcon_Item {
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 1.2rem;
    color: brown;
    cursor: pointer
}

/************************* SendRestLink *************************/

.chosen_AllWidthCombo .chosen-container {
    width: 100% !important;
}

.chosen_AllWidthCombo .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

/**************************** Amar ***************************/

.margin_bottomAmar {
    margin-bottom: 120px !important;
}

.whiteColor {
    color: white
}

.circle_Amar {
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    text-align: center;
    margin-right: -10px;
    padding-top: 13px;
    opacity: 0.9;
    font-size: 1.2rem
}

.price_Amar {
    font-size: 1.2rem;
}

.fixedBottom_Amar {
    cursor: pointer;
    height: 50px;
    width: 100%;
    background-color: #e5e4e5;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-between;
}

.night_Amar {
    display: flex;
    color: white;
    margin-top: 5px;
    margin-left: 15px;
}

    .night_Amar p {
        color: #979797;
        font-size: 1rem;
        height: 41px;
        width: 41px;
        border-radius: 100%;
        text-align: center;
        border: 2px solid #cd698b;
        padding-top: 8px;
    }

.transAction_Amar {
    display: flex !important;
    font-size: 1.7rem !important;
    padding: 8px !important;
    color: white !important;
    margin-right: 10px !important;
}

    .transAction_Amar i {
        color: #000000 !important;
        padding-top: 5px !important;
    }

    .transAction_Amar span {
        font-size: 1.2rem !important;
        color: #979797 !important;
        padding-right: 10px !important;
        display: block !important;
        padding-top: 3px !important;
    }

@media screen and (max-width: 773px) {
    .fixedBottom_Amar {
        bottom: 65px !important;
    }
}

.chart_Amar {
    max-height: 700px;
    max-width: 700px;
}

.chosen_AmarCombo .chosen-container {
    width: 170px !important;
}

.chosen_AmarCombo .chosen-single {
    height: 32px;
    padding-top: 3px
}

.chosen_AmarCombo .search-choice-close {
    display: none !important;
}

.chosen_AmarComb2 .chosen-container {
    width: 90px !important;
}

.chosen_AmarComb2 .chosen-single {
    height: 32px;
    padding-top: 4px
}

.chosen_AmarComb2 .search-choice-close {
    display: none !important;
}

#myContent {
    height: calc(100vh - 165px);
    overflow-y: auto
}

.color1_Amar {
    background-color: #fd625e;
}

.color2_Amar {
    background-color: #e23e3a;
}

.color3_Amar {
    background-color: #5f6b6d;
}

.color4_Amar {
    background-color: #374649;
}

.color5_Amar {
    background-color: #3fd269;
}

.color6_Amar {
    background-color: #01b8aa;
}

/**************************** ResDetail ***************************/

@media screen and (max-width: 600px) {
    .div1_ResDetail, .div3_ResDetail, .div4_ResDetail {
        font-size: .8rem !important;
    }

    .div2_ResDetail, .div5_ResDetail {
        font-size: 1.1rem !important;
    }

    .showComboMobile {
        display: block;
    }

    .showCombodesctop {
        display: none;
    }
}

@media screen and (max-width: 480px) {

    .showComboMobile {
        display: block;
    }

    .showCombodesctop {
        display: none;
    }
}

@media screen and (min-width: 481px) {

    .showComboMobile {
        display: none;
    }

    .showCombodesctop {
        display: block;
    }
}

.position_ResDetail {
    position: absolute;
    top: 0;
    left: 0;
}

.bulb_ResDetail {
    font-size: 1.5rem;
    color: gold;
    transform: rotate(180deg);
}

.flash_ResDetail {
    font-size: 1.5rem;
    cursor: pointer;
    color: green;
}

.div1_ResDetail {
    width: 49%;
    display: inline-block;
    padding-right: 3px;
    font-weight: 300
}

.div2_ResDetail {
    color: #fd7a00;
    font-size: 1.7rem;
}

.div3_ResDetail {
    font-size: .9rem;
    margin-right: 3px;
    font-weight: 500
}

.div4_ResDetail {
    width: 49%;
    display: inline-block;
}

.div5_ResDetail {
    color: #eb6666;
    float: right;
    font-size: 1.6rem
}

.div6_ResDetail {
    color: #778899;
    float: right;
    font-size: 1.6rem
}

.div7_ResDetail {
    font-size: 1rem;
    margin-right: 3px;
    color: #778899;
}

.div8_ResDetail {
    font-size: 1rem;
    margin-right: 3px;
    color: #008000;
}

.div9_ResDetail {
    font-size: 1rem;
    margin-right: 3px;
    color: red;
}

.failedText_ResDetail {
    font-size: 1rem;
    direction: rtl;
    background-color: #f86c7a;
    color: white
}

.voucher_ResDetail {
    font-size: 1.2rem;
    cursor: pointer;
    direction: ltr;
}

.voucher2_ResDetail {
    color: white;
    text-decoration: none !important
}

.icofont-clock-time {
    color: #eb6666 !important;
}

.height_ResDetail .chosen-single {
    height: 35px;
    padding-top: 3px
}

.height_ResDetail .chosen-container {
    width: 100% !important;
}


.height_ResDetail2 .chosen-results {
    max-height: 135px
}

.height_ResDetail3 .chosen-results {
    max-height: 130px
}

.height_ResDetail4 .chosen-single {
    height: 40px;
    padding-top: 3px;
}

.height_ResDetail4 .chosen-container {
    width: 100% !important;
    margin-top: 2px !important;
}

    .height_ResDetail4 .chosen-container .chosen-results {
        max-height: 172px !important;
    }

    .height_ResDetail4 .chosen-container .chosen-choices {
        padding: 3px
    }

.height_ResDetail5 .chosen-container .chosen-choices {
    padding-top: 4px
}

.advanced_ResDetail {
    cursor: pointer;
    color: #0084f7;
    text-decoration: underline;
    font-size: 1.2rem;
}

.width_ResDetail {
    width: 200px;
}
/**************************** RoomCalender ***************************/
.chosen_RoomCalender .chosen-container, .chosen_RoomCalender .chosen-select {
    max-width: 170px !important;
    min-width: 170px !important;
}

.chosen_RoomCalender .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.scrolling .table {
    table-layout: inherit;
    border: 1px solid #F4F6EC;
}

/*.scrolling td, th {
    padding: 8px;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-width: 100px;
    text-align: right !important;
    border: 1px solid #EEF2E6;
    color: black;
    font-weight: 400;
}*/

/*قبلا مثل کامنت بالایی بود که به خاطر مدال تقویم صفحه پکیج اینفو به صورت زیر شده*/
.scrolling td {
    padding: 8px;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-width: 100px;
    text-align: right !important;
    border: 1px solid #EEF2E6;
    color: black;
    font-weight: 400;
}

.scrolling td {
    padding: 8px;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    width: 70px;
    text-align: right !important;
    border: 1px solid #EEF2E6;
    color: black;
    font-weight: 400;
}

.scrolling th {
    position: absolute;
    right: 0;
    width: 150px;
    font-size: 1rem !important;
    text-align: right !important;
    padding: 8px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    border-right: 1px solid #EEF2E6;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    border-left: 2px solid #F2F2F2 !important;
}

.outer {
    position: relative;
}

.inner {
    overflow-x: auto;
    overflow-y: visible;
    margin-right: 150px;
}

.innerInput_Width {
    width: 50px
}

.garantee {
    position: absolute;
    left: 14px;
    top: 14px;
    color: #8bcc18;
    font-weight: 500;
    font-size: 1.1rem;
    font-size: 1.1rem;
    cursor: pointer
}

/*************اسکرول نازک منو اسلایدر فقط در کروم کار میکنه***********/

.mains_RoomCalender::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.mains_RoomCalender::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

/* Handle */
.mains_RoomCalender::-webkit-scrollbar-thumb {
    background: #b7b9bb;
    border-radius: 10px;
}

    /* Handle on hover */
    .mains_RoomCalender::-webkit-scrollbar-thumb:hover {
        background: #d2c8c8;
    }
/*در موزیلا*/
.mains_RoomCalender {
    scrollbar-color: #7f7f7f #E6E6E6; /* thumb and track color */
    scrollbar-width: thin;
}

/************/

/*نمایش بر اساس*/
.active_RoomCalender {
    background-color: #FF4232;
    color: white;
    border-radius: 5px;
    box-shadow: 8px 8px 8px -11px #2c2c2c;
}

.li_RoomCalender {
    display: inline-block;
}

.show1 {
    color: black;
    font-weight: 300;
}

.font_RoomCalender {
    font-size: 1.1rem;
    color: black;
    font-weight: 500;
}

.dropdown1 {
    display: inline-block !important;
}

.subMenu_RoomCalender {
    display: none;
    position: absolute;
    top: 37px !important;
    left: -23px !important;
    color: black;
    height: auto;
    z-index: 10;
    background-color: white;
    font-size: .9rem;
    font-weight: 600;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    width: 150px
}

    .subMenu_RoomCalender li {
        display: block !important;
        padding-top: 7px;
        padding-bottom: 7px;
        cursor: pointer;
    }

/*******دکمه جستجو*******/

.search_RoomCalender {
    width: 60px;
    background-color: #FF4232;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    height: 32px;
    padding-top: 4px;
    font-weight: 500;
}

/*زیر منو کمبو باکس*/

/* .subMenu1 {
        width: 150px;
        position: absolute;
        top: 140px;
        display: none;
        z-index: 10;
        background-color: white;
        border: 1px solid #E6E6E6;
        border-radius: 5px;
    }*/

/*.subMenu1 li {
            padding-top: 7px !important;
            padding-bottom: 7px !important;
            cursor: pointer;
        }*/

/* .showcomboIcon {
        display: block !important;
    }*/

/* .hide1 {
        display: none !important;
        -webkit-animation: none;
        animation: none;
    }*/

/*زیر منو دراپ دون*/

/*   .dropdown-menu li {
        display: block !important;
        text-align: right;
        padding: 5px;
    }

    .dropdown-menu {
        min-width: 8rem !important;
    }*/

.bold_RoomCalender > span {
    font-size: 1.5rem;
    color: brown;
}

/* .azhans {
        font-size: 1rem;
        color: black;
        font-weight: 300;
    }*/

.headers_RoomCalender {
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
}

#backColor_RoomCalender {
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    cursor: pointer;
    background-color: #FFFFFF;
    font-size: .82rem;
}

.setting_RoomCalender {
    display: none;
}

.twobutton_RoomCalender {
    background-color: #FF4232;
    color: white;
    padding: 10px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: -4px;
    padding-bottom: 5px;
    font-size: .85rem;
    padding-top: 9px;
}

    .twobutton_RoomCalender:hover, .twobutton1_RoomCalender:hover {
        background-color: #FF5A4C !important;
    }

.twobutton1_RoomCalender {
    position: relative;
    background-color: #FF4232;
    color: white;
    padding: 8px;
    padding-top: 9px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 1.01rem;
    padding-top: 9px;
    border-right: 1px solid #FF685B;
}

/* .dropdown {
        -webkit-animation: none;
        animation: none;
        background-color: #ffffff;
        border-radius: 5px;
        height: 40px;
        position: relative;
        display: none;
    }*/

.todays_RoomCalender {
    border: 1px solid #2c2c2c;
    border-radius: 5px;
    height: 35px;
    margin-top: 2px;
    cursor: pointer;
    background-color: #ffffff;
    color: #000000;
}

.mains_RoomCalender {
    max-height: 730px !important;
    border: 1px solid #E6E6E6;
    border-radius: 5px !important;
    background-color: #F2F2F2 !important;
    box-shadow: 8px 8px 8px -11px #2c2c2c;
    overflow: auto;
    margin-bottom: 70px;
}

/****هاور برای نمایش****/

/*.notAll:hover {
        border: 1px solid #000000;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        border-radius: 5px;
    }*/

.fields_RoomCalender {
    font-size: .6rem;
    color: #B7B9BB;
}

.drop_RoomCalender {
    background-color: white;
    border-radius: 5px
}

.drop2_RoomCalender {
    -webkit-animation: none;
    animation: none;
    font-weight: 500;
}

@media screen and (max-width: 900px) {

    /* .dropdown {
            display: block !important;
        }*/

    .show1, .todays_RoomCalender {
        display: none !important;
    }
}

.width_RoomCalender {
    width: 145px;
}

.roomType_RoomCalender {
    font-size: 1.28rem;
    font-weight: 500;
    color: #2c2c2c
}

.roomType2_RoomCalender {
    height: 26px;
    width: 27px;
    background-color: brown;
    text-align: center;
    color: white;
    border-radius: 100%;
}

.table_RoomCalender {
    background-color: #F2F2F2 !important;
}

.table2_RoomCalender {
    color: #B7B9BB !important;
    border-bottom: none
}

.table3_RoomCalender {
    padding-bottom: 25px;
    padding-top: 5px;
    font-size: 1.2rem
}

.table4_RoomCalender {
    padding-bottom: 22px !important;
    padding-top: 23px !important;
    background-color: #FFFFFF;
}

.inventory_RoomCalender {
    height: 33px;
    display: block;
}

.inventory2_RoomCalender {
    background-color: #ff6b6b;
    border: 1px solid #BABABA;
    color: white
}

.inventory3_RoomCalender {
    background-color: #F2F2F2;
    border: 1px solid #BABABA
}

.price_RoomCalender {
    display: inline-block;
    width: 85px;
    height: 29px;
    background: #FF685B;
    margin-bottom: -15px;
    border-radius: 5px;
    color: white
}

/**************************** ApiAccess ***************************/

.danger_ApiAccess {
    /*background-color: red ;*/
    color: dimgray
}

.success_ApiAccess {
    background-color: yellowgreen;
}

.border_ApiAccess {
    font-size: .8rem;
    border-collapse: separate;
}

    .border_ApiAccess td, .border_ApiAccess th, .border_ApiAccess thead th {
        border: 1px solid #dbdbdb;
        vertical-align: middle
    }

.td_ApiAccess {
    height: 40px;
    text-align: center !important;
    min-width: 80px;
    max-width: 80px
}

.main_ApiAccess {
    overflow-x: auto;
    height: calc(100vh - 70px);
}

.width_ApiAccess {
    width: 300px
}

.back_ApiAccess {
    background-color: #e3f6ff;
}

.th_ApiAccess {
    min-width: 80px;
    max-width: 80px
}

.positionTD_ApiAccess {
    position: sticky;
    right: 0;
    z-index: 0;
    background-color: white;
    font-weight: 500;
    min-width: 80px;
    max-width: 80px
}

/**************************** OTARes ***************************/

.danger_OTARes {
    background-color: #EA4335 !important;
    color: #ffffff
}

.border_OTARes td {
    border: 1px solid #ccc !important
}

.tdColor_OTARes {
    color: white !important
}

.font_OTARes {
    font-size: .7rem
}

.vocher_OTARes {
    text-decoration: none;
    font-size: 1.3rem;
    color: #6891f1;
    cursor: pointer;
}

/**************************** PhobsRes ***************************/

.red_PhobsRes {
    background-color: #fddada !important;
}

.circle_PhobsRes {
    cursor: pointer;
    color: #eda135;
    font-size: 1.7rem;
}

.hover_PhobsRes tr:hover td {
    background-color: cornflowerblue;
    color: white
}

.brand_PhobsRes {
    cursor: pointer;
    color: #3cb74f;
    font-size: 1.7rem;
}

.widthDate_PhobsRes {
    width: 150px
}

    .widthDate_PhobsRes .removeIcon {
        display: none
    }

.widthInput_PhobsRes {
    max-width: 433px
}

/**************************** HotelStateReport ***************************/

/** برای باز شدن جستجو ستون  **/

.searchable_HotelStateReport {
    width: 100%;
    float: right;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    /*border: 1px solid #E6E6E6;*/
    /*margin: 0 15px;*/
}

    .searchable_HotelStateReport input {
        width: 100%;
        height: 60px;
        font-size: 1rem;
        padding-top: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        display: block;
        font-weight: 400;
        line-height: 1.6;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        /*border-radius: .25rem;*/
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        /*background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;*/
    }

    .searchable_HotelStateReport ul {
        list-style-type: none;
        background-color: #fff;
        border-radius: 0 0 5px 5px;
        border: 1px solid #add8e6;
        border-top: none;
        max-height: 221px;
        margin: -12px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
        position: absolute !important;
        width: 100%;
        z-index: 100100;
        margin-top: 18px;
        width: 250px;
    }


        .searchable_HotelStateReport ul li {
            padding: 9px 9px;
            border-bottom: 1px solid #e1e1e1;
            cursor: pointer;
            color: #6e6e6e;
        }

            .searchable_HotelStateReport ul li.selected {
                background-color: #e8e8e8;
                color: #333;
            }

/**  برای نمایش بهتر دراپ دون منو  **/

.dropdown_HotelStateReport .show, .dropdown_HotelStateReport #show {
    display: block !important;
    -webkit-animation: none !important;
    animation: none !important;
}

.dropdown2_HotelStateReport .show, .dropdown2_HotelStateReport #show {
    display: block !important;
    -webkit-animation: none !important;
    animation: none !important;
}

.dropdown2_HotelStateReport {
    height: 34px;
    margin-top: 7px;
}

.dropdown3_HotelStateReport {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dropdown4_HotelStateReport {
    overflow-y: auto;
    height: calc(100vh - 114px);
}

/****  برای فلش هدر  ****/

.unactive_HotelStateReport {
    color: black !important;
}

.table_HotelStateReport {
    border: 1px solid #dddddd;
    border-collapse: separate !important
}

    .table_HotelStateReport td:not([align]), .table_HotelStateReport th:not([align]) {
        text-align: center;
    }

    .table_HotelStateReport th, .table_HotelStateReport td {
        border-left: 1px solid #dddddd !important;
    }

.thBackColor_HotelStateReport {
    background-color: #ddd;
}

.td_HotelStateReport {
    min-width: 150px;
}

    .td_HotelStateReport[data-colName='Name'] {
        position: sticky;
        right: 0;
        z-index: 0;
        background-color: white;
        font-weight: 500;
        min-width: 80px;
        max-width: 80px;
    }

.input_HotelStateReport {
    height: 34px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.exel_HotelStateReport {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.secondTable_HotelStateReport {
    overflow-x: auto;
    height: calc(100vh - 114px);
}

.table0_HotelStateReport {
    color: darkgreen;
    min-width: 150px;
}

.table2_HotelStateReport {
    background-color: white !important;
    position: sticky;
    top: 0;
    z-index: 1
}

.table3_HotelStateReport {
    position: absolute;
    top: 10px;
    right: 2px;
    font-size: 1.25rem;
    cursor: pointer;
    color: brown
}

.table4_HotelStateReport {
    position: absolute;
    top: -5px;
    left: 2px;
    font-size: 2rem;
    cursor: pointer;
    color: #ddd;
}

.table5_HotelStateReport {
    padding: 9px 9px;
    padding-top: 6px;
    position: sticky;
    top: 0;
    right: 0;
    background-color: white !important;
    z-index: 10;
}

.table6_HotelStateReport {
    border: 1px solid #ddd !important;
    height: 30px !important;
    font-size: .9rem;
    padding-top: 6px;
    width: 95%
}

.table7_HotelStateReport {
    height: 51px;
    padding: 2px 9px;
    position: sticky;
    bottom: 0px;
    background-color: white
}

.table8_HotelStateReport {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: 0px;
}

/**************************** Monitor ***************************/

.call_Monitor {
    color: #6891f1;
    font-size: 0.8rem;
}

.tag_Monitor {
    background-color: #577cc1;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    color: white;
    display: inline-block;
    margin-left: 3px;
    font-size: 0.6rem;
}

.scrollContainer {
    height: 222px !important;
    overflow-y: scroll;
}

    .scrollContainer3::-webkit-scrollbar, .scrollContainer2::-webkit-scrollbar, .scrollContainer::-webkit-scrollbar {
        width: 6px;
    }

    /* Track */
    .scrollContainer3::-webkit-scrollbar-track, .scrollContainer2::-webkit-scrollbar-track, .scrollContainer::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px white;
        border-radius: 10px;
    }

    /* Handle */
    .scrollContainer3::-webkit-scrollbar-thumb, .scrollContainer::-webkit-scrollbar-thumb, .scrollContainer2::-webkit-scrollbar-thumb {
        background: #676767;
        border-radius: 10px;
    }

        /* Handle on hover */
        .scrollContainer3::-webkit-scrollbar-thumb:hover, .scrollContainer::-webkit-scrollbar-thumb:hover, .scrollContainer2::-webkit-scrollbar-thumb:hover {
            background: #d2c8c8;
        }

.noBorder {
    border: none !important;
}

.font-normall {
    font-size: 0.76rem;
}

.info-lamp {
    height: 20px;
    width: 20px;
    border: solid 4px #E5E5E5;
    border-radius: 50%;
}

.scrollContainer2 {
    height: 780px !important;
    overflow-y: scroll;
}

.scrollContainer3 {
    height: 164px !important;
    overflow-y: scroll;
}

.btn-tag1 {
    border-radius: 20px;
    margin-left: 5px;
    background-image: linear-gradient(45deg, rgba(0, 128, 128, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(5, 193, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(0, 87, 87, 1) 100%);
}

.btn-tag2 {
    border-radius: 20px;
    margin-left: 5px;
    background-image: linear-gradient(to right, blue, pink);
}

.btn-tag3 {
    border-radius: 20px;
    margin-left: 5px;
    background-color: #1DC2FD;
}

.hotel_Monitor {
    color: brown;
    text-align: center;
    padding-top: 7px;
}

.hotel2_Monitor {
    border-radius: 5px;
    object-fit: contain;
    height: 100px
}

.img_Monitor {
    height: 310px;
}

.img2_Monitor {
    font-size: 1.3rem;
    font-weight: 400
}

.font_Monitor {
    font-size: .87rem;
}

.contact_Monitor {
    width: 50px
}

.myHarris_Monitor {
    margin-right: -24px
}

.myHarris2_Monitor {
    font-size: 0.8rem;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none
}

.myHarris3_Monitor {
    font-size: 1.3rem;
    color: red
}

.myHarris4_Monitor {
    font-size: 0.9rem;
    font-weight: 400
}

.amar_Monitor {
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: .84rem
}

.amar2_Monitor {
    margin-top: 8px;
    margin-bottom: 18px;
    font-size: 1.2rem;
    color: white
}

.amar3_Monitor {
    display: inline-block;
    background-color: #fd625e;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    text-align: center;
    padding-top: 13px;
    margin-right: 15px;
    opacity: 0.9;
}

.amar4_Monitor {
    display: inline-block;
    background-color: #e23e3a;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    text-align: center;
    padding-top: 13px;
    margin-right: -10px;
    opacity: 0.9;
}

.amar5_Monitor {
    display: inline-block;
    background-color: #5f6b6d;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    text-align: center;
    padding-top: 13px;
    margin-right: -10px;
    opacity: 0.7;
}

.amar6_Monitor {
    display: inline-block;
    background-color: #374649;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    text-align: center;
    padding-top: 13px;
    margin-right: -10px;
    opacity: 0.7;
}

.amar7_Monitor {
    display: inline-block;
    background-color: #01b8aa;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    text-align: center;
    padding-top: 13px;
    margin-right: -10px;
    opacity: 0.9;
}

.amar8_Monitor {
    display: inline-block;
    background-color: #3fd269;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    text-align: center;
    padding-top: 13px;
    margin-right: -10px;
    opacity: 0.9;
}

.bg1_Monitor {
    background-color: #01B8AA;
}

.bg2_Monitor {
    background-color: #3FD269;
}

.bg3_Monitor {
    background-color: #5F6B6D;
}

.bg4_Monitor {
    background-color: #374649;
}

.bg5_Monitor {
    background-color: #FD625E;
}

.bg6_Monitor {
    background-color: #E23E3A;
}

/**************************** AmarPackage ***************************/

.chosen_AmarPackage .chosen-container {
    width: 180px !important;
}

.chosen_AmarPackage .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.chosen_AmarPackage2 .chosen-container {
    width: 100px !important;
}

.chosen_AmarPackage2 .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.btn_AmarPackage {
    width: 80px;
    background-color: #EDA135;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.05rem;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-weight: 500;
}

.grayStyle_RoomCalender2 {
    background-color: #b8c6db;
    background-image: linear-gradient(315deg, #a2aab5 0%, #f5f7fa 74%) !important;
    cursor: pointer
}

.grayStyle2_RoomCalender2 {
    background-color: #b8c6db;
    background-image: linear-gradient(315deg, #a2aab5 0%, #f5f7fa 74%) !important;
    cursor: pointer;
    font-size: .98rem !important;
}

/**************************** HotelInfo ***************************/

.title_HotelInfo {
    color: #20b2aa;
    border: 1px solid #ccc !important;
    font-size: .9rem;
    padding: 7px 13px 1px 11px;
    padding-top: 7px;
    border-radius: 5px;
    font-weight: bold;
    background-color: white;
    text-align: center;
    padding-top: 4px;
}

.plus_HotelInfo {
    height: 34px;
    width: 35px !important;
    background-color: #9c27b0;
    border-radius: 100%;
    position: absolute;
    top: -3px;
    display: inline-block;
    text-align: center;
    padding-top: 8px;
    font-size: 1.1rem;
    z-index: 10;
    color: white;
}

.position_HotelInfo {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

/******************* FinancialReportsNetMinder *******************/

.btn_Frn {
    height: 32px;
    padding-top: 2px;
    font-family: Iransans
}

/************************** HotelPanel ***************************/

.wid-HotelPanel {
    max-width: 650px
}

.wid2-HotelPanel {
    max-width: 630px
}

.chosen_HotelPanel .chosen-container {
    width: 110px !important;
}

.chosen_HotelPanel .chosen-single {
    height: 35px !important;
    padding-top: 3px
}

.chosen_HotelPanel .search-choice-close {
    display: none !important;
}

.chosen_HotelPanel2 .chosen-container {
    width: 110px !important;
}

.chosen_HotelPanel2 .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.chosen_HotelPanel2 .search-choice-close {
    display: none !important;
}

.btn-HotelPanel {
    height: 33px;
    padding-top: 4px;
}

.btn-HotelPanel2 {
    height: 33px;
    padding-top: 6px;
    width: 100px;
    background-color: #28a745 !important;
}

.input_HotelPanel {
    height: 35px !important;
    /*width: 85px;*/
}

.notic_HotelPanel {
    padding-top: 14px;
    color: #b5b0b0;
    font-weight: 500;
    font-size: .9rem;
}

/************************** HotelPanel **************************/

.widthMain-ContractsType {
    max-width: 1400px;
    overflow-x: auto;
}

.wid-ContractsType {
    max-width: 550px
}

.wid-Contract {
    min-width: 400px;
    max-width: 400px
}

.is-activeHotelPanel {
    background-color: #28a745 !important;
    color: white;
}

.price_Contract {
    height: 42px;
}

/************************** Report *****************************/

.spans_Report {
    color: brown;
    font-weight: 500;
    cursor: pointer;
    padding: 8px;
    animation: none !important;
    transform: none !important;
}

.dropdown_Report {
    animation: none !important;
    transform: none !important;
}

.dropdown-menu_Report {
    right: 0px !important;
    transform: none !important;
    top: 30px !important;
}

/********************** AgencyRes *****************************/

.addRoom {
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 20px;
    padding-top: 6px;
    background: #ff4232;
    border: 1px solid #ff4232;
    border-radius: 5px;
    color: white;
    font-weight: 500;
}

    .addRoom i {
        font-size: 1.15rem
    }

@media screen and (min-width: 1000px) {
    .div_AgencyRes {
        max-width: 800px !important
    }
}

.gray_AgencyRes {
    color: #9d9d9d;
    flex: 1;
    overflow: hidden;
}

.logo_AgencyRes {
    width: 130px;
    height: 130px;
    border-radius: 5px;
    margin: 0 auto;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
    object-fit: contain;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px;
}

.pay_AgencyRes {
    font-size: .85rem;
    color: black;
    background-color: #d9f2fd;
    padding: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #03ac66;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: .5rem !important;
    font-size: 1rem;
    width: 250px;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 5px;
}

/****  Header  ***/

.fixedTop_AgencyRes {
    margin-bottom: 5px;
    position: sticky;
    top: 50px;
    z-index: 11;
}

.btnChange_AgencyRes {
    cursor: pointer;
    color: white;
    font-size: 1.1rem;
    width: 92px;
    border-radius: 5px;
    height: 35px;
    font-weight: 500;
    background-color: #ffae00;
    border: 1px solid #DA8118;
    padding-top: 3px;
}

    .btnChange_AgencyRes:hover {
        background-color: #eba204;
    }

@media screen and (min-width:320px) and (max-width:370px) {

    .spaceSearch {
        width: 130px !important;
        margin-left: .2rem !important;
        margin-right: .22rem !important;
    }
}

.spaceSearch {
    width: 120px;
    margin-bottom: 1.2rem !important
}
/*.spaceSearch2 {
    width: 120px;
    margin-bottom: 1.2rem !important
}*/

.input_AgencyRes {
    font-size: 1.2rem;
    height: 40px;
    text-align: center;
    cursor: pointer;
}

.inputPack_AgencyRes {
    font-size: 1rem;
    height: 40px;
    text-align: center;
    cursor: pointer;
}

.input2_AgencyRes {
    width: 200px !important;
}

.searchBtn {
    cursor: pointer;
    border-radius: 5px;
    font-size: 1rem;
    height: 40px;
    background-color: #ffae00;
    border: 1px solid #DA8118;
}

    .searchBtn .btn {
        text-decoration: none;
        color: #fff !important;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        font-size: 1.2rem;
    }

/*.spaceSearch span {
    position: absolute;
    font-size: 0.7rem;
    padding: 0 5px 0 5px;
    color: white;
    right: 1px;
    border-radius: 20px;
    top: -17px;
    background-color: transparent;
    font-weight: lighter;
}*/

.container_AgencyRes {
    max-width: 1218px;
    padding: calc(5px * 2);
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 5px 0px #f7efef;
    position: relative;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
}

.container2_AgencyRes {
    max-width: 1218px;
}

#adult, #child, #baby {
    width: 90px;
    font-family: IRANSans !important;
}

.pack_title {
    position: absolute;
    top: -16px;
    left: calc(50% - 47px);
    box-shadow: 0 0 5px 0px #f7efef;
    padding: 0px 20px 5px 20px;
    padding-top: 0px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 2px;
    font-weight: 400;
}

/****  تب ها   ****/

.tab_AgencyRes {
    flex: 1;
    position: relative;
    font-size: .75rem;
    text-align: center !important;
    color: #4a4a4a;
    font-weight: 400;
    cursor: pointer
}

    /******  برای تب  فعال  *****/

    .tab_AgencyRes.active_AgencyRes {
        color: #ff4232;
        font-size: .85rem;
        font-weight: 500;
    }

        .tab_AgencyRes.active_AgencyRes::before {
            content: "";
            position: absolute;
            right: 0;
            top: 13px;
            width: 100%;
            height: 2px;
            background: #ff4232;
        }

.active_AgencyRes .num-step {
    width: 26px;
    height: 26px;
    border-radius: 30px;
    margin: 0 auto 2px;
    z-index: 1;
    position: relative;
    background-color: #ff4232;
    color: white;
    padding-top: 3px !important;
}

/***  برای تب  غیر فعال  ***/

.tab_AgencyRes::before {
    content: "";
    position: absolute;
    right: 0;
    top: 13px;
    width: 100%;
    height: 2px;
    background: #a3a3a3;
}

.num-step {
    width: 26px;
    height: 26px;
    border-radius: 30px;
    margin: 0 auto 2px;
    z-index: 1;
    position: relative;
    background-color: #a3a3a3;
    color: white;
    padding-top: 3px !important;
    font-weight: 400;
    font-size: 1rem
}

.bg_AgencyRes {
    background-color: #f2f2f2
}

.bg2_AgencyRes {
    background-color: #8ea0aa;
}

.border_AgencyRes {
    border-bottom: 1px solid #c8c8c8;
}

.date_AgencyRes {
    padding-top: 5px;
    font-size: 1.2rem;
}

.brown_AgencyRes {
    color: brown
}

.numPage_AgencyRes {
    /*top: 100px;*/
    border-bottom: 3px solid orange;
    background-color: #f8f9fa;
    position: sticky;
    top: 50px;
    z-index: 11;
}

.img_AgencyRes {
    object-fit: fill;
    height: 150px;
    width: 100%;
    border-radius: 10px;
}

.spanSlider_AgencyRes {
    color: #262626;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.iconSlider_AgencyRes {
    padding-top: 2px;
    font-size: 1.1rem;
    color: brown;
    transform: scaleX(-1);
}

.countSlider_AgencyRes i {
    color: #777;
    font-size: 1.2rem
}

.countSlider_AgencyRes span {
    font-size: .8rem;
    margin: 5px 5px 0 0;
    color: #424242;
}

.swiper-button-white {
    color: #888;
}

.room_AgencyRes {
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: -5px;
}

    .room_AgencyRes span {
        font-size: .9rem
    }

.endRoom_AgencyRes {
    background-color: #918a8a;
    border: 1px solid #918a8a
}

.mainRoom_AgencyRes {
    font-size: .9rem;
    height: 31px;
    width: 120px;
    padding-top: 4px;
}

.numPage2_AgencyRes {
    border-bottom: 3px solid orange;
    background-color: #f8f9fa;
    position: sticky;
    top: 50px;
    z-index: 11;
}

.sum_AgencyRes span {
    font-weight: 500;
    font-size: 1.1rem
}

.sum_AgencyRes lable {
    font-size: .8rem;
    color: #b9b8b8;
}

.decoration_AgencyRes {
    text-decoration: underline;
    font-weight: 300;
}

.decoration2_AgencyRes {
    text-decoration: line-through;
}

.meal_AgencyRes {
    height: 23px;
    width: 23px;
    background-color: #9c27b0;
    border-radius: 100%;
    text-align: center;
    padding-top: 5px;
    font-size: .95rem;
    color: white !important;
}

.total_AgencyRes {
    background-color: aliceblue;
}

    .total_AgencyRes div {
        /*color: brown;*/
        font-size: 1.2rem;
    }

    .total_AgencyRes lable {
        text-decoration: line-through !important;
        color: #000000 !important;
        font-size: .9rem !important
    }

    .total_AgencyRes strong {
        font-size: .8rem;
        color: #b9b8b8;
    }

.fontRoom_AgencyRes {
    font-size: 1.3rem
}

.roomName_AgencyRes {
    width: 235px !important;
    display: inline-block;
    font-size: .9rem;
    font-weight: 500;
}

.floating-label2 {
    top: -17px;
    right: -6px;
    font-size: 11px;
    opacity: 1;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
}

.floating-label3 {
    right: 20px;
    top: 3px;
}

.numPage3_AgencyRes {
    border-bottom: 3px solid orange;
    background-color: #f8f9fa;
    position: sticky;
    top: 50px;
    z-index: 11;
}

.infoRes_AgencyRes {
    border: 1px solid #ccc;
    border-radius: 8px
}

.infoDiv_AgencyRes {
    background-color: rgb(3, 169, 244);
    color: white;
    font-size: 1rem;
    font-weight: 500;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.infoRes2_AgencyRes {
    background-color: white;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.infoRes3_AgencyRes {
    font-weight: normal;
}

.bgTable_AgencyRes {
    background-color: #428bca !important;
}

.size_AgencyRes {
    font-size: 1rem;
}

.size2_AgencyRes {
    font-size: 0.75rem;
    color: #605e5e;
}

.sumRoom_AgencyRes {
    text-decoration: line-through;
    color: #ff4232;
}

.sumRoom2_AgencyRes {
    font-size: 1.15rem;
    font-weight: 400;
}

.sumRoom3_AgencyRes {
    font-size: .6rem;
    color: #848282;
    padding-top: 27px
}

.name_AgencyRes {
    color: brown;
    font-size: .9rem;
    font-weight: 500;
}

.mealType_AgencyRes {
    font-size: .9rem !important;
    font-weight: 500;
}

.mealType2_AgencyRes {
    width: 100% !important;
    font-size: .85rem
}

.bg3_AgencyRes {
    background-color: #7d7d7d;
}

.wage_AgencyRes {
    font-size: 0.9rem;
    font-weight: 400;
}

.wage2_AgencyRes {
    padding-top: 12px;
}

.wage3_AgencyRes {
    color: #049558
}

.payable_AgencyRes {
    font-size: 1.3rem;
    font-weight: 400;
}

.payable2_AgencyRes {
    font-size: 1.1rem;
}

.payable3_AgencyRes {
    font-size: .6rem;
}

.vocher_AgencyRes {
    color: #049558;
    padding-bottom: 5px;
}

.width_AgencyRes {
    max-width: 1300px;
}

.vocher_AgencyRes .icofont-pay {
    font-size: 2rem
}

.valid_AgencyRes {
    color: brown;
    font-size: .67rem;
    font-weight: 500;
}

.paddingTop_AgencyRes {
    padding-top: 20px !important;
}

.mar_AgencyRes {
    margin-bottom: 70px !important
}

.level_AgencyRes {
    height: 50px;
    background-color: #c8d7f0;
    position: fixed;
    bottom: 15px;
    left: 0;
    right: 0;
    border-radius: 5px;
    z-index: 10;
}

.level2_AgencyRes {
    width: 100px;
    height: 40px;
    font-weight: 500;
    font-size: 1.2rem;
    margin-top: 5px;
}

/*چک باکس*/

.checkbox_AgencyRes {
    width: 122px;
}

    .checkbox_AgencyRes .cr, .radio .cr {
        width: 1.4em;
        height: 1.4em;
        font-size: 1.1rem
    }

.cr_AgencyRes {
    font-size: 1.6rem !important;
    /*left: 11% !important*/
}

.filter_AgencyRes {
    position: fixed;
    right: 20px;
    bottom: 60px;
    height: 50px;
    width: 50px;
    text-align: center;
    padding-top: 12px;
    font-size: 2rem;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    background-color: #28a745 !important;
}

/*مدال فیلتر*/

.combo_AgencyRes abbr {
    display: none !important
}

#filter_modal {
    /*display: none;*/
    position: fixed;
    z-index: 6;
    /*left: 0;*/
    right: 0;
    top: 0;
    width: 100vw;
    height: calc(100vh) !important;
    /*overflow: auto;*/
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    z-index: 11;
}

    #filter_modal .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        margin-top: auto;
        padding: 0;
        border: 1px solid #888;
        width: 300px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        animation-name: myAnimatetop;
        animation-duration: 0.4s;
        margin-top: 50px;
        height: 60%;
    }

.pos_AgencyRes {
    position: absolute;
    width: 100%;
}

@-webkit-keyframes myAnimatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes myAnimatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.combo_AgencyRes .chosen-single {
    height: 34px !important;
    padding-top: 3px
}

/************************************ GroupListRes ******************************/

.refresh_GroupListRes {
    height: 33px;
}

    .refresh_GroupListRes i {
        font-size: 1.5rem;
    }

.btn_GroupListRes {
    height: 50px;
    width: 260px;
    position: fixed;
    bottom: 15px;
    left: 20px;
    text-align: center;
    box-shadow: 8px 8px 8px -11px #2c2c2c;
    color: #102C58;
    border: 1px solid #b7b7b7;
}

.cartSmal7 {
    display: none;
    width: 258px;
    max-height: calc(100vh - 133px);
    overflow-y: auto;
    position: fixed;
    bottom: 66px;
    left: 21px;
    background-color: white;
    padding: 10px;
    z-index: 1000;
}

.btn-group .dropdown-toggle::after {
    content: none !important;
}

.icofont-ui-press {
    font-size: .35rem
}

.dropdown-item {
    text-align: right !important;
    padding-right: 1rem !important;
}

    .dropdown-item:hover {
        background-color: rgb(226, 226, 226) !important;
    }

.chosen_SendRestLink, .chosen_SendRestLink .chosen-container {
    width: 180px !important;
}

    .chosen_SendRestLink .chosen-single {
        height: 33px !important;
        padding-top: 3px
    }

.chosen2_SendRestLink, .chosen2_SendRestLink .chosen-container {
    width: 100px !important;
}

    .chosen2_SendRestLink .chosen-single {
        height: 33px !important;
        padding-top: 3px
    }


/*.floating-menu {
    bottom: 15px !important;
}*/

.opti-mobile .cartSmal7 {
    bottom: 130px !important;
}

.opti-mobile .btn_GroupListRes {
    bottom: 80px !important;
}

.opti-mobile .floating-menu {
    bottom: 80px !important;
}

.resIcons {
    font-size: 1.7rem;
    padding: 7px 7px;
    border-radius: 50%;
    color: white;
    display: inline-block;
    cursor: pointer
}

.btn-payList {
    width: 80px;
}

.opti-mobile .btn-payList {
    height: 30px !important;
    padding-top: 3px !important;
}

.mybox {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: 5px;
    background-color: #FFFFFF;
}

.navigation {
    direction: rtl;
    margin-top: 5px
}

.sum_GroupListRes {
    font-size: .9rem;
    font-weight: 400;
    margin-right: 7px
}

.sum2_GroupListRes {
    font-size: 1.1rem;
    font-weight: 500;
    color: brown;
    min-width: 75px;
}

.th_AgencyRes {
    min-width: 60px;
}

.th2_AgencyRes {
    min-width: 108px;
}

.th3_AgencyRes {
    min-width: 30px;
}

.trDelete_AgencyRes {
    font-size: .95rem;
    height: 35px !important;
    font-weight: 400;
}

.title_GroupListRes {
    font-size: .65rem;
}

.rwd_GroupListRes {
    min-width: 1000px !important;
}

.icofont-google-talk {
    font-size: 1.2rem;
    padding-top: 4px;
}

.result_GroupListRes {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

    .result_GroupListRes span {
        font-size: 1.05rem;
        font-weight: 300;
        line-height: 1.9;
    }

    .result_GroupListRes i {
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 1.3rem;
    }

.icon_AgencyRes i {
    font-size: 1.25rem;
    padding-top: 2px;
    color: brown
}

.icon_AgencyRes span {
    font-weight: 500;
}

.chosen_GroupListRes .chosen-single {
    height: 34px !important;
    padding-top: 3px
}

/************************************ GroupDefaultPage ******************************/

.width_GroupDefaultPage {
    max-width: 1180px
}

.width2_GroupDefaultPage {
    max-width: 900px
}

/***** حباب *****/

.thought {
    /*display: flex !important;*/
    background-color: #fff !important;
    padding: 20px !important;
    border-radius: 30px !important;
    width: 172px !important;
    min-height: 40px !important;
    margin: 10px;
    position: relative !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    font-weight: 500;
    line-height: 1.8
}

    .thought:before,
    .thought:after {
        content: "";
        background-color: #fff !important;
        border-radius: 50% !important;
        display: block !important;
        position: absolute !important;
        /*z-index: -1 !important;*/
    }

.bg1_GroupDefaultPag {
    background-image: linear-gradient(to left, #782581, #a14183, #c06389, #d88795, #ebadaa);
}

.bg2_GroupDefaultPag {
    background-image: linear-gradient(to left bottom, #1aadef, #4ebaf1, #6fc6f2, #8cd2f4, #a7def7);
}

.bg3_GroupDefaultPag {
    background-image: linear-gradient(to left bottom, #ff6407, #ff4d2f, #ff3647, #fb205d, #ef0f71);
}

.bg4_GroupDefaultPag {
    background-image: linear-gradient(to left, #8ec842, #6cc55d, #4abf74, #29b988, #05b197);
}

.bg5_GroupDefaultPag {
    background-image: linear-gradient(to right, #fc4f1b, #fc6d15, #fb8616, #f99d20, #f7b231);
}

.bg6_GroupDefaultPag {
    background-image: linear-gradient(to left, #2968f7, #3d59ef, #4d48e5, #5b34da, #6716cd);
}

.thought .position-relative {
    z-index: 10;
    color: white;
}

.thought span {
    font-weight: 500;
    font-size: 1.2rem;
    direction: ltr
}

.link_GroupDefaultPag a {
    text-decoration: none;
    color: #212529
}

.link_GroupDefaultPag div {
    font-size: 40px;
    color: brown
}

.link_GroupDefaultPag span {
    font-weight: 500;
}

.comm_GroupDefaultPag {
    border-radius: 5px;
    line-height: 2;
    font-weight: 400;
}

/************************************ WalletTransactionsHotel ******************************/

.icon_WalletTransactionsHotel {
    color: white;
    font-size: 1.1rem;
    padding: 2px;
    border-radius: 100%;
    background-color: #FF0000;
}

.icon2_WalletTransactionsHotel {
    color: white;
    font-size: 1.1rem;
    padding: 2px;
    border-radius: 100%;
    background-color: yellowgreen;
}

.icon3_WalletTransactionsHotel {
    color: #102C58;
    font-size: 1.3rem;
    border-radius: 20px;
}

.div_WalletTransactionsHotel {
    height: 150px;
    width: 230px;
    position: fixed;
    bottom: 0;
    left: 9px;
    margin-bottom: 58px;
    text-align: center;
    box-shadow: 8px 8px 8px -11px #2c2c2c;
    color: #102C58;
}

.div5_WalletTransactionsHotel {
    height: 125px;
    width: 230px;
    position: fixed;
    bottom: 0;
    left: 9px;
    margin-bottom: 58px;
    text-align: center;
    box-shadow: 8px 8px 8px -11px #2c2c2c;
    color: #102C58;
}

.div2_WalletTransactionsHotel {
    border-bottom: 1px solid #778899;
    font-weight: 600;
    font-size: .9rem
}

.div4_WalletTransactionsHotel {
    font-size: 1.2rem;
    direction: ltr
}

.div3_WalletTransactionsHotel {
    background-color: #ffae00;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.1rem;
    padding-bottom: 4px;
    text-align: center;
    font-weight: 500;
    height: 32px;
    padding-top: 4px;
}

.chosen_WalletTransactionsHotel {
    width: 165px !important;
}

    .chosen_WalletTransactionsHotel .chosen-single {
        height: 31px !important;
    }

        .chosen_WalletTransactionsHotel .chosen-single > span {
            padding-top: 3px !important;
        }

.date_WalletTransactionsHotel {
    width: 140px !important;
}

    .date_WalletTransactionsHotel input {
        height: 32px;
        padding-right: 15px;
        padding-top: 10px;
    }

    .date_WalletTransactionsHotel .removeIcon {
        display: none
    }

.date2_WalletTransactionsHotel {
    width: 140px !important;
}

    .date2_WalletTransactionsHotel input {
        height: 32px;
        padding-right: 15px;
        padding-top: 10px;
    }

    .date2_WalletTransactionsHotel .removeIcon {
        display: none
    }

.credit_WalletTransactionsHotel {
    border-left: none !important;
    color: #008000
}

.credit2_WalletTransactionsHotel {
    border-right: none;
    color: #FF0000 !important;
    border-left: none
}

.exel_WalletTransactionsHotel {
    height: 31px
}

/**** sum ****/

.danger1 {
    color: #dc143c !important;
    font-size: 1.2rem;
    font-weight: 500;
}

.success1 {
    color: darkgreen !important;
    font-size: 1.2rem;
    font-weight: 500;
}

.is-canceled {
    background-color: #ff4232 !important;
}

.mar_WalletTransactionsHotel {
    margin-bottom: 200px;
}

/************************************ GroupChargeWallet ******************************/

.input_GroupChargeWallet {
    font-size: 1.15rem;
    height: 45px
}

.alert_GroupChargeWallet strong {
    font-size: 1.3rem;
    font-weight: 400;
}

.alert_GroupChargeWallet label {
    font-size: 1.05rem;
    font-weight: 300;
    line-height: 1.9;
    display: inline;
}

.firstRow_GroupChargeWallet {
    height: 100px;
    width: 100%;
    background-color: rgb(3, 169, 244);
    border-bottom: 1px solid #E5E5E5
}

.firstDiv_GroupChargeWallet {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: -50px;
    margin-bottom: 15px;
    background-color: white;
    border: 4px solid #03a9f4;
}

    .firstDiv_GroupChargeWallet i {
        color: #102C58;
        font-size: 4rem;
    }

.credit_GroupChargeWallet label {
    color: darkgrey;
    font-size: 1rem;
    font-weight: 500
}

.money_GroupChargeWallet {
    font-size: 1rem;
    color: #102C58;
}

    .money_GroupChargeWallet span {
        font-size: 1.5rem;
        font-weight: 500
    }

    .money_GroupChargeWallet lable {
        font-size: .5rem !important;
        font-weight: 400
    }

.amount_GroupChargeWallet {
    color: brown
}

    .amount_GroupChargeWallet span {
        font-size: 1rem;
        font-weight: 500
    }

    .amount_GroupChargeWallet label {
        font-size: .7rem;
        font-weight: 400
    }

.btn_GroupChargeWallet {
    font-size: 1.2rem;
    font-weight: 500
}

/********************************* GroupAnalyticalReport ******************************/

.active_Report .active {
    color: #212121 !important;
    font-weight: bold;
}

.active_Report ul {
    border-bottom: 5px solid white;
}

.lableChart_Report {
    font-size: 1.1rem;
    font-weight: 400;
    color: #ababab;
}

/********************************* WalletTransactionsGroup ****************************/

.icon3_WalletTransactionsGroup {
    color: white;
    font-size: 1rem;
    font-weight: 500;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    background-color: #1e90ff;
}

.red_WalletTransactionsGroup {
    color: red !important;
}

.orange_WalletTransactionsGroup {
    color: orange;
}

.size_WalletTransactionsGroup {
    font-size: 1.1rem
}

.chosen_WalletTransactionsGroup .chosen-container {
    width: 190px !important;
    margin-bottom: 10px !important;
}

.chosen_WalletTransactionsGroup .chosen-single {
    height: 31px !important;
}

    .chosen_WalletTransactionsGroup .chosen-single > span {
        padding-top: 3px !important;
    }

/********************************* CustomerBankAccount ****************************/

.textStyle {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.card_CustomerBankAccount {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    word-wrap: break-word !important;
    background-color: #fff !important;
    background-clip: border-box !important;
    border-radius: 1rem !important;
    border: none;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.color0 {
    color: #0d6efd !important;
}

.back0 {
    background-color: #cfe2ff !important;
}

.color1 {
    color: #35b653 !important;
}

.back1 {
    background-color: #d7f0dd !important;
}

.color2 {
    color: #4650dd !important;
}

.back2 {
    background-color: #dadcf8 !important;
}

.color3 {
    color: #dc3545 !important;
}

.back3 {
    background-color: #f8d7da;
}

.font_CustomerBankAccount {
    font-size: 1.04rem;
    font-weight: 400
}

.font2_CustomerBankAccount {
    font-size: 1.3rem
}

.font3_CustomerBankAccount {
    font-size: 1.7rem
}

.date_CustomerBankAccount {
    font-size: .8rem
}

.active_CustomerBankAccount {
    background-color: mediumseagreen;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 1rem !important;
    font-size: .8rem;
    padding: 3px;
    color: white;
    font-weight: 400;
}

.deActive_CustomerBankAccount {
    background-color: #c62923;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 1rem !important;
    font-size: .8rem;
    padding: 3px;
    color: white;
    font-weight: 400;
}

.view_CustomerBankAccount {
    border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px);
    border-top: none
}

    .view_CustomerBankAccount div {
        font-size: 1.2rem;
        font-weight: 400;
        padding: .5rem;
        text-align: center !important;
        cursor: pointer
    }

.width_CustomerBankAccount {
    max-width: 750px;
}
/*********************************** SendLinkGuest ******************************/

.chosen_SendRestLink .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.combo_SendLinkGuest {
    position: absolute;
    top: -65px;
    right: 0
}

/*********************************** SalePolicy ********************************/

.td_SalePolicy {
    width: 70px !important;
    /*text-align: right !important;*/
    /*border: 1px solid #EEF2E6;*/
    color: black;
    font-weight: 400;
    height: 35px;
    /*border-bottom: 1px solid #c8c7c7;*/
    align-items: center !important;
    display: flex;
}

.th_SalePolicy {
    width: 250px !important;
    font-size: .94rem !important;
    /*text-align: right !important;*/
    /*border-right: 1px solid #EEF2E6;*/
    color: rgba(0, 0, 0, 0.87);
    align-items: center !important;
    height: 35px;
    align-items: center !important;
    display: flex;
    /*display: flex !important;*/
}

.fonts_SalePolicy {
    font-size: .8rem;
    color: black;
}

.mains_SalePolicy {
    /*max-height: 730px !important;*/
    border-radius: 5px !important;
    /*background-color: #F2F2F2 !important;*/
    /*overflow: auto;*/
    /*width: 1440px;*/
    /*height: auto !important*/
    overflow-x: auto;
    overflow-y: clip;
}

.date_SalePolicy {
    align-items: center !important;
    display: flex;
    height: 60px;
    background-color: #e3f0f8;
}

    .date_SalePolicy .removeIcon {
        display: none;
    }

.date2_SalePolicy {
    align-items: center !important;
    display: flex;
    height: 60px;
}

    .date2_SalePolicy .removeIcon {
        display: none;
    }

.removeClose_SalePolicy .search-choice-close {
    display: none !important;
}

.width_SalePolicy {
    max-width: 1230px !important
}

.btn_SalePolicy {
    height: 34px !important;
    font-size: 1rem;
    padding-top: 5px;
}

.h_SalePolicy {
    height: 60px;
    align-items: center !important;
}

.arrow_SalePolicy {
    height: 60px;
    background-color: #e3f0f8
}

.arrow2_SalePolicy {
    color: black;
    cursor: pointer
}

.header_SalePolicy {
    background-color: #e3f0f8 !important;
    height: 60px;
}

.header2_SalePolicy {
    color: #b7b9bb;
    font-size: .7rem;
    padding-top: 3px
}

.header3_SalePolicy {
    color: #2c2c2c;
    font-size: 1.2rem;
}

.header4_SalePolicy {
    color: #b7b9bb;
    font-size: .7rem;
}

.room_SalePolicy {
    align-items: center !important;
    display: flex !important;
}

.room2_SalePolicy {
    background-color: white;
    font-weight: 500;
}

.fontModal_SalePolicy {
    font-size: 2rem;
}

.roomModal_SalePolicy {
    color: brown;
    font-weight: 400;
    font-size: 1.2rem;
}

.select_SalePlicy {
    background-color: white;
    font-weight: 500;
    padding-top: 6px;
}

.roomFontModal_SalePolicy {
    font-size: 1.1rem;
    font-weight: 500
}



/*********************************** ResEvent ********************************/

.p_ResEvent {
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*********************************** QRCode ********************************/

.download_QRCode {
    height: 27px;
    width: 27px;
    background-color: #2ECC71;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    color: white;
    position: absolute;
    top: 2px;
    right: 17px;
    color: white
}

.close_QRCode {
    color: #ff1493;
    cursor: pointer;
    top: 0px;
    left: 2px;
    position: absolute;
    font-size: 18px;
    background-color: white;
}

.selectImage_QRCode {
    position: absolute;
    top: -8px;
    right: 26px;
    font-size: .85rem;
    background-color: white;
    font-weight: 400;
}

.img_QRCode {
    min-width: 120px !important;
    max-width: 120px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    border-radius: 5px !important;
}

/***************************** OnlineTicket ***********************/

.color_OnlineTicket {
    font-size: 1.3rem;
    color: blueviolet;
    cursor: pointer !important
}

.widthTime_OnlineTicket {
    width: 110px !important
}

/***************************** GroupPrice ***********************/

.width_GroupPrice {
    max-width: 850px
}

.chosen_GroupPrice .chosen-container {
    width: 150px !important;
}

.chosen_GroupPrice .chosen-single {
    height: 34px !important;
    padding-top: 3px
}

.widthDate_GroupPrice {
    width: 140px
}

    .widthDate_GroupPrice .removeIcon {
        display: none
    }

.widthInput_GroupPrice {
    width: 120px !important;
}

.widthNum_GroupPrice {
    width: 33px;
    padding-top: 4px;
    font-size: 1.2rem;
    color: brown;
    font-weight: 500;
}

/***************************** RestOrders ***********************/

.chosen_RestOrders .chosen-container {
    width: 165px !important;
}

.chosen_RestOrders .chosen-single {
    height: 34px !important;
    padding-top: 3px
}

.widthBtm_RestOrders {
    width: 77px !important;
}

.date_RestOrders input {
    width: 110px !important;
    height: 35px;
    z-index: 0;
}

.date_RestOrders .removeIcon {
    display: none;
}

.date2_RestOrders input {
    width: 110px !important;
    height: 35px;
    z-index: 0;
}

.height_RestOrders {
    height: calc(100vh - 304px) !important;
    overflow-y: auto;
}

@media screen and (max-width:480px) {

    .height_RestOrders {
        margin-bottom: 74px;
    }
}

.search_RestOrders {
    height: 34px !important;
    cursor: pointer
}

    .search_RestOrders span {
        background-color: #2ac9aa;
        color: white;
        font-size: 1.3rem;
        border: 0
    }

    .search_RestOrders i {
        font-size: 2rem;
    }

.search2_RestOrders {
    height: 33px !important;
    cursor: pointer
}

    .search2_RestOrders span {
        background-color: #2ac9aa;
        color: white;
        font-size: 1.3rem;
        border: 0
    }

    .search2_RestOrders i {
        font-size: 2rem;
    }

.select_RestOrders {
    width: 115px;
    font-size: .9rem;
    padding-right: 0;
}

.container_RestOrders {
    max-width: 720px;
}

/***************************** OTAsAmar ***********************/

.month_OTAsAmar {
    background-color: #f5ffe1 !important;
}

.space_OTAsAmar {
    letter-spacing: 2px;
}

.space_OTAsAmar2 {
    letter-spacing: 1px;
}

.color_OTAsAmar {
    color: blueviolet
}

/***************************** OnlineTicketOrders ***********************/

.date_OnlineTicketOrders {
    height: 50px;
    width: 150px
}

    .date_OnlineTicketOrders .removeIcon {
        display: none
    }

.input_OnlineTicketOrders {
    width: 150px
}

.search_OnlineTicketOrders {
    height: 34px;
}

.font_OnlineTicketOrders {
    font-size: .65rem;
}

/***************************** Notify ***********************/

.text_Notify {
    width: 100% !important;
    font-size: .95rem !important;
    padding-top: 7px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    height: 85px !important;
    color: #a3a3a3;
}

/***************************** Factor ***********************/

.selectImage_Factor {
    position: absolute;
    top: 11px;
    right: 26px;
    font-size: .85rem;
    background-color: white;
    font-weight: 400;
}

.title_Factor {
    position: absolute;
    top: -20px;
    right: 16px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 500;
    color: #183f4f;
    width: 138px;
    text-align: center;
    padding-top: 7px !important;
    background-color: white
}

.title2_Factor {
    position: absolute;
    top: -20px;
    right: 16px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 500;
    color: #183f4f;
    width: 200px;
    text-align: center;
    padding-top: 7px !important;
    background-color: white
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.chosen_Factor .chosen-single {
    height: 33px !important;
    padding-top: 4px
}

.buttom_Factor {
    height: 33px;
    width: 33px;
    background-color: #1DC2FD;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    font-size: 1.5rem;
    cursor: pointer;
    border: 1px solid #0BAAE3;
    z-index: 10 !important;
    color: white;
}

.buttom2_Factor {
    position: absolute;
    top: -16px;
    left: 16px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 500;
    width: 50px;
    text-align: center;
    padding-top: 7px !important;
    background-color: #1DC2FD;
}

.maxWidth_Factor {
    max-width: 1050px;
}

.minus_Factor {
    position: absolute;
    top: 8px;
    right: 0;
}

.mobilr_Factor {
    color: brown;
    font-weight: 500;
    font-size: .95rem;
    padding-top: 7px;
    margin-top: 8px;
}

.removeIcon_Factor .removeIcon {
    display: none;
}

.chosen_Factor .chosen-container {
    width: 100% !important;
}

/*.chosen_Factor .search-choice-close {
    display: none !important
}*/
.span_Factor {
    font-size: .75rem !important;
    font-weight: 500;
    color: #994545;
}

.smallDiv_Factor {
    width: 70px;
    border: 1px solid black;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    font-weight: 500;
    font-size: 1.1rem;
    height: 30px;
    background: #b7b7b7;
    color: black;
    text-align: center;
    position: absolute;
    right: -26px;
    top: 24px;
}

.boxBorder_FactorPrint {
    border: 2px solid black;
    font-weight: 600;
    width: 98%;
    font-size: .9rem;
}

.spanTable_Factor {
    font-size: .68rem;
    font-weight: 400;
}

.weight_Factor {
    font-weight: 400;
}

.title_FactorPrint {
    border: 2px solid black;
    font-weight: 600;
    text-align: center;
    background: #b7b7b7;
    color: black;
}

.field_FactorPrint div {
    border: .5px solid black;
    font-weight: 600;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
}

.field2_FactorPrint div {
    border: .5px solid black;
    font-weight: 400;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
}

.field3_FactorPrint div {
    border: .5px solid black;
    font-weight: 400;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
}

.field4_FactorPrint div {
    border: .5px solid black;
    font-weight: 600;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
}

.chosen2_Factor .chosen-container {
    width: 275px !important;
}

.chosen2_Factor .chosen-single {
    height: 35px !important;
    padding-top: 4px
}
/************************* ConcertHall ***********************/
.areaInput_ConcertHall {
    width: 80px;
    height: 38px;
    font-size: 1.4rem
}


.areaBtn_ConcertHall {
    font-size: 1.2rem;
    font-weight: 500;
    height: 38px;
}

.rial_ConcertHall {
    font-size: .6rem;
    color: #939191;
    font-weight: 400;
}

.rial2_ConcertHall {
    font-size: .6rem;
    color: #fff;
    font-weight: 400;
}

.rial3_ConcertHall {
    font-size: .7rem !important;
    color: #666;
    font-weight: 400 !important;
}

.display_ConcertHall {
    display: none;
}

.time_Concert {
    position: absolute;
    left: 40%;
    top: -20px;
    background-color: white;
    border: 1px solid #9d9da2;
    border-radius: 15px;
    font-weight: 400;
    width: 136px;
}

    .time_Concert i {
        font-size: 1.2rem
    }

.bgBtn_Concert {
    background-color: #ff0000;
    /*font-size: 1rem;*/
    font-weight: 700;
    border-radius: 20px;
    height: 32px;
}

.day_Concert {
    width: 160px;
    font-size: 1rem;
    font-weight: 600;
}

.timeDetail_Concert {
    width: 100px;
    font-size: 1.1rem;
    font-weight: 600;
}

.print_Concert {
    color: black;
    cursor: pointer;
    font-size: 1.4rem;
}

.mw_Concert {
    max-width: 850px;
}

.mw2_Concert {
    max-width: 1120px;
}

.mw3_Concert {
    max-width: 1000px;
}

.date_Concert input {
    width: 90px !important;
    height: 30px;
    z-index: 0;
}

.date_Concert .removeIcon {
    display: none;
}


.date2_Concert input {
    height: 38px;
}

.date2_Concert .removeIcon {
    display: none;
}

.input_Concert {
    width: 100px;
    margin-top: -3px !important;
}

.input2_Concert {
    width: 110px;
}

.date3_concert input {
    height: 35px;
    z-index: 0;
}

.archive_concert {
    font-size: 1.4rem;
    cursor: pointer;
    color: #11640a;
}

.soldOut_concert {
    position: absolute;
    top: -22px;
    color: brown;
    font-weight: 400;
}

.notSell_concert {
    position: absolute;
    top: 48px;
    color: brown;
    font-weight: 400;
}

.isPaid_ConcertTicket {
    color: green
}

.isNotPaid_ConcertTicket {
    color: red
}

.margin_ConcertTicket {
    margin-top: 35px
}

.radio_ConcertTicket {
    font-size: .9rem;
    font-weight: 400;
}

.online_ConcertTicket {
    font-size: .85rem !important;
    font-weight: 500;
}

.widthInput_ConcertTicket {
    max-width: 250px !important
}

.chosen_ConcertTicket .chosen-container {
    width: 250px !important;
}

.chosen_ConcertTicket .chosen-container {
    max-width: 250px !important;
}

.chosen_ConcertTicket .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.chosen_ConcertTicket .search-choice-close {
    display: none !important
}


.chosen2_ConcertTicket .chosen-container {
    width: 220px !important;
    /*z-index: 1012;*/
}

.chosen2_ConcertTicket .chosen-container {
    max-width: 220px !important;
}

.chosen2_ConcertTicket .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.chosen2_ConcertTicket .search-choice-close {
    display: none !important
}

.width_DiscountCode {
    max-width: 1000px !important;
}

/***************************** Cw Hall *************************/

.width_Cw {
    width: 125px;
}

.cw_Combo .chosen-container {
    width: 200px !important;
}

.cw_Combo .chosen-single {
    height: 33px !important;
    padding-top: 3px
}

.cw_Combo .search-choice-close {
    display: none !important
}

.font_Cw {
    font-size: .8rem;
    font-weight: 500;
    color: brown
}

.hallName_Cw {
    position: absolute;
    top: -42px;
    right: 0
}

.off_Cw {
    margin-top: 3px;
}

.date_Cw {
    width: 150px !important;
}

    .date_Cw .removeIcon {
        display: none
    }

.widthInput_Cw {
    max-width: 205px !important
}

.redStyle_Cw {
    background-color: red !important;
    color: white;
    width: 27px;
    height: 20px;
    border-radius: 100%;
}

.style_Cw {
    background-color: #f8f9fa
}

.icon_Cw {
    color: white;
    font-size: 1.1rem;
    border-radius: 100%;
    background-color: yellowgreen;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    padding-top: 2px;
}

.widthDate_Cw {
    width: 194px !important;
    padding-top: 21px;
}

    .widthDate_Cw .removeIcon {
        display: none
    }

.light_Cw {
    background-color: #f2f2f2 !important;
}

.mt_Cw {
    margin-top: 60px !important
}
/************************* BisAllProduct ***********************/
.sale_BisAllProduct {
    color: darkgreen;
    font-weight: 500
}

.active_BisAllProduct {
    background-color: orange;
    border-color: orange;
    color: white
}

    .active_BisAllProduct :hover {
        background-color: orange;
        border-color: orange;
    }

.widthBtm_BisAllProduct {
    width: 77px !important;
    border-radius: 10px
}

    .widthBtm_BisAllProduct:after {
        background-color: #ff4232 !important;
        border: 1px solid #ff4232 !important;
        width: 77px !important;
        border-radius: 0
    }

/*پیج بندی کسب وکار*/
.pagination {
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 90px;
}

    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.428571429;
        text-decoration: none;
        background-color: #ffffff;
        border: 1px solid #dddddd;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        margin-right: 0;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        background-color: #eeeeee;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        /* z-index: 2;*/
        color: #ffffff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*برای اینکه پیج بندی درست کار کنه*/
@media screen and (max-width: 768px) {
    .pagination-next, .pagination-previous {
        flex-grow: 0;
        flex-shrink: 0;
    }
}


.pagination-next {
    order: 0 !important;
}

.pagination-next {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/**************************  LamasooCashReservations  ******************************/

.input_LamasooCashReservations {
    font-size: 1.1rem;
    height: 32px;
    width: 110px !important;
    padding-top: 10px !important
}

.div-LamasooCashReservations {
    width: 860px;
    margin: 0 auto;
}

/***************************  BisProductsCat  ************************************/

.selectedShopType {
    background-color: #18998d !important;
    color: white;
    font-weight: bold;
}
/***************************  Agencies  ************************************/

.pass_Agencies {
    font-size: 1.5rem;
    cursor: pointer
}

.icofont-users-alt-3 {
    /*color: #0d6efd;*/
    cursor: pointer;
    font-size: 1.8rem;
}

/***************************  Pms  ************************************/

.td_PmsSalePolicy {
    width: 85px !important
}

.width_PmaSalePolicy {
    max-width: 1268px !important;
}

.chosen_Pms, .chosen_Pms .chosen-container {
    width: 100px !important;
}

    .chosen_Pms .chosen-single {
        height: 33px !important;
        padding-top: 3px
    }

.width_PmsConfig {
    max-width: 400px
}

.maxWidth_PmsResInfo {
}

.maxWidth_Pms {
    max-width: 200px;
}

.fontStyle_Pms {
    font-size: 1.2rem;
}

.style_Pms img {
    height: 80px;
    width: 80px;
    cursor: pointer;
    border-radius: 100%;
}

.style_Pms span {
    position: absolute;
    top: 18px;
    right: 35px;
    font-size: 1rem;
    font-weight: 500;
    color: white;
    width: 35px;
    text-align: center;
    cursor: pointer
}

.color_PmsResInfo {
    color: #595757 !important;
}

.color2_PmsResInfo {
    color: black !important;
}

.color3_PmsResInfo {
    color: #514d4d !important
}

.font_PmsResInfo {
    font-size: .81rem;
}

.right_PmsResInfo {
    right: 17px !important;
}

.ADMdtp-calendar-container.rtl {
    font-family: IRANSans !important;
}

.weight_PmsResInfo {
    font-weight: 400
}

.chosen_PmsResInfo .chosen-container {
    width: 195px !important;
}

.chosen_PmsResInfo .chosen-single {
    height: 35px !important;
    padding-top: 4px
}

.date_PmsResInfo .dtp-ig {
    background-color: white;
    height: 40px
}

/*ضربدر تاریخ*/
.date_PmsResInfo .removeIcon {
    display: none;
}

.date2_PmsResInfo .removeIcon {
    display: none;
}

.date_PmsResInfo .ADMdtpInput input {
    height: 40px
}

.date_PmsResInfo .ADMdtpInput.open .dtp-ig .closeIcon {
    height: 40px
}

.shadow_PmsResInfo {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    background-color: white;
    border-radius: 5px;
}

.shadow2_PmsResInfo {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    background-color: #f8f9fa;
    border-radius: 5px;
}

.title_PmsResInfo {
    position: absolute;
    top: -20px;
    right: 16px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 500;
    color: #183f4f;
    width: 100px;
    text-align: center;
    padding-top: 7px !important;
    background-color: white
}


.title2_PmsResInfo {
    position: absolute;
    top: -16px;
    left: 16px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 500;
    color: #183f4f;
    width: 50px;
    text-align: center;
    padding-top: 7px !important;
    background-color: white
}

/*برای اینکه چوزن سفید باشه*/
.chosen_HotelState .chosen-container-single .chosen-single {
    background-color: #fff !important;
    background: none !important
}

.height_PmsResInfo {
    height: 40px !important
}

.close_PmsResInfo {
    font-size: 1.8rem
}

.rial_PmsResInfo {
    font-size: .65rem;
    font-weight: 400;
}

.btnBg_PmsResInfo {
    background-color: #7b9cdd;
    color: white;
    border-color: #7b9cdd;
    height: 34px;
    font-size: 1.2rem;
}


.btnBg2_PmsResInfo {
    height: 34px;
    background-color: #1d9bf0;
    color: white;
    border-color: #1d9bf0;
    font-size: 1.2rem;
}

.btnBg3_PmsResInfo {
    background-color: #9c27b0 !important;
    color: white;
    border-color: #9c27b0;
    height: 33px;
    font-size: 1.3rem;
}

.btnBg4_PmsResInfo {
    height: 32px;
    font-size: 1.35rem;
    padding-top: 3px;
}

.btnBg5_PmsResInfo {
    height: 34px;
    font-size: 1.2rem;
}

.add_PmsResInfo {
    color: red;
    cursor: pointer;
}

    .add_PmsResInfo .icofont-plus {
        font-size: 1rem;
    }

    .add_PmsResInfo .icofont-minus {
        font-size: 1.2rem;
    }

.table_PmsResInfo td {
    font-size: 1.1rem;
}

.canceled_PmsResInfo {
    border: 3px dashed brown;
    color: brown;
    font-weight: 500;
    font-size: 1.1rem;
}

.wd_PmsResInfo {
    max-width: 1100px
}

.paBtn_PmsResInfo {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important;
}

.download_PmsResInfo {
    height: 23px;
    width: 25px;
    background-color: #2ECC71;
    border-radius: 25%;
    text-align: center;
    font-size: 1.1rem;
    cursor: pointer;
    padding-top: 1px;
    padding-right: 1px;
    color: white;
    position: absolute;
    top: 4px;
    left: 8px;
}

.bg1_PmsResInfo {
    background-color: #28a745 !important
}

.bg2_PmsResInfo {
    background-color: #dc3545 !important
}

.bg3_PmsResInfo {
    background-color: #343a40 !important
}

.bg4_PmsResInfo {
    background-color: #17a2b8 !important
}

.bg5_PmsResInfo {
    background-color: #ffc107 !important
}

.bg6_PmsResInfo {
    background-color: #007bff !important
}

.widthDate_PmsSalePolicy {
    width: 190px !important;
    padding-top: 21px;
}

    .widthDate_PmsSalePolicy .removeIcon {
        display: none
    }

.widthDate2_PmsSalePolicy {
    width: 200px !important;
    padding-top: 21px;
}

    .widthDate2_PmsSalePolicy .removeIcon {
        display: none
    }

.active_Pms {
    background-color: cornflowerblue !important;
    color: black !important;
    border: 2px solid cornflowerblue !important;
    color: white !important;
    font-weight: 400 !important;
    font-size: 1.05rem;
}



    .active_Pms > a {
        color: white !important;
    }

.bgSlider_SalePolicy {
    background-color: #e3f0f8 !important;
    box-shadow: 8px 8px 8px -11px #2c2c2c;
    border-radius: 5px;
}

.left_SalePolicy {
    left: 0px;
}

.max_SalePolicy {
    max-width: none !important
}

.fontWeight_Pms {
    font-weight: 500 !important;
    font-size: .89rem;
}

.fontWeight_Pms {
    font-weight: 500 !important;
    font-size: .89rem;
}

.spanWidth_Pms {
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
}

.mw_Pms {
    max-width: 1372px;
}

.stickyHeader_Pms {
    position: sticky !important;
    top: 0;
    z-index: 1011;
}

/*************اسکرول نازک منو اسلایدر فقط در کروم کار میکنه***********/

.mains_PmsSalePolicy::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.mains_PmsSalePolicy::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

/* Handle */
.mains_PmsSalePolicy::-webkit-scrollbar-thumb {
    background: #b7b9bb;
    border-radius: 10px;
}

    /* Handle on hover */
    .mains_PmsSalePolicy::-webkit-scrollbar-thumb:hover {
        background: #d2c8c8;
    }
/*در موزیلا*/
.mains_PmsSalePolicy {
    scrollbar-color: #7f7f7f #E6E6E6; /* thumb and track color */
    scrollbar-width: thin;
}

.mains_PmsSalePolicy {
    /*max-height: 730px !important;*/
    border: 1px solid #E6E6E6;
    border-radius: 5px !important;
    background-color: #F2F2F2 !important;
    box-shadow: 8px 8px 8px -11px #2c2c2c;
    overflow: auto;
    margin-bottom: 70px;
}
/***************************  PushDescriptionEvents  ************************************/

.btnBg_PushDescriptionEvents {
    height: 33px;
    font-size: 1.2rem;
    width: 100px;
}

.maxWid_Push {
    max-width: 900px !important;
}

.weight_Push {
    font-weight: 400 !important;
}

.font_Push {
    font-size: 1.1rem;
    font-weight: 500 !important;
    color: brown
}

.chosen_Push .chosen-container {
    width: 155px !important;
}

.chosen_Push .chosen-single {
    height: 35px !important;
    padding-top: 4px
}

.chosen_Push .search-choice-close {
    display: none !important;
}

.chosen2_Push .chosen-container {
    width: 105px !important;
}

.chosen2_Push .chosen-single {
    height: 35px !important;
    padding-top: 4px
}

.chosen2_Push .search-choice-close {
    display: none !important;
}

.right_Push {
    right: 10px !important
}

.res_Push {
    height: 20px;
    width: 20px;
    background-color: #ff5151;
    display: inline-block;
    border-radius: 100%;
}

/************************ PmsRatePlans  **********************************/

.width_PmsRatePlans {
    max-width: 650px
}

.discRate_PmsRatePlans {
    width: 50px !important;
    margin-top: -2px !important;
}

.widthInput_PmsRatePlan {
    max-width: 100px !important
}

.widthInput2_PmsRatePlan {
    max-width: 200px !important
}

.noteColor_PmsRatePlan {
    font-size: .9rem;
    color: #8c8d91;
    font-weight: 400
}

.borderLeft_PmsRatePlan {
    border-left: 5px solid #cfcadb;
}

@media screen and (max-width: 768px) {
    .borderLeft_PmsRatePlan {
        border-left: 0px solid #cfcadb;
    }
}

/************************ Login  **********************************/
.register_Login {
    font-size: 1.1rem;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    color: #007bff
}

.font_Login {
    font-size: 1.2rem !important;
}

/**   چهار رقم کد تایید   **/

#wrapper {
    font-size: 1.5rem;
    text-align: center;
    box-sizing: border-box;
    color: #333;
}

    #wrapper #dialog {
        margin: 10px auto;
        overflow: hidden;
        position: relative;
    }

        #wrapper #dialog h3 {
            margin: 0 0 10px;
            padding: 0;
            line-height: 1.25;
        }

        #wrapper #dialog span {
            font-size: 90%;
        }

        #wrapper #dialog #form input {
            text-align: center;
            line-height: 40px;
            /* font-size: 1rem;*/
            outline: none;
            /*width: 50px !important;*/
            transition: all 0.2s ease-in-out;
            /*font-family: yekan !important;*/
            border: none;
            border-bottom: 2px solid silver;
        }

            #wrapper #dialog #form input:focus {
                border-color: purple;
                /*box-shadow: 0 0 5px purple inset;*/
            }

        #wrapper #dialog div {
            position: relative;
            z-index: 1;
        }

#form {
    direction: ltr !important;
}

.input_ConfirmRes {
    width: 30px !important;
    font-size: 1.2rem;
    font-family: IRANSans !important;
}

.span_ConfirmRes {
    font-size: 1.1rem;
    font-weight: 400;
}

/***************  PmsRoomTypeList  *******************/

.width_PmsRoomTypeList {
    max-width: 600px;
}

.icofontClose-PmsRoomTypeList {
    color: red;
    cursor: pointer;
    font-size: 1.3rem;
    position: absolute;
    top: 12px;
    left: 12px;
    font-weight: 700;
}

.icofontClose2-PmsRoomTypeList {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    z-index: 12;
}

/******************  ConcertCash  ******************/
.style_ConcertCash {
    max-width: 130px;
    min-width: 130px;
    height: 35px;
    display: grid;
    align-items: center;
    border: 1px solid #cccaca;
    font-weight: 400;
    background-color: white
}

.style2_ConcertCash {
    max-width: 210px;
    min-width: 210px;
    height: 35px;
    display: grid;
    align-items: center;
    border: 1px solid #cccaca;
    background-color: white;
    font-weight: 400;
}

.style5_ConcertCash {
    max-width: 439px;
    min-width: 439px;
    height: 35px;
    display: grid;
    align-items: center;
    border: 1px solid #cccaca;
    background-color: white;
    font-weight: 400;
}

.style3_ConcertCash {
    max-width: 68px;
    min-width: 68px;
    height: 35px;
    display: grid;
    align-items: center;
    border: 1px solid #cccaca;
    font-weight: 400;
    background-color: white;
}

.style4_ConcertCash {
    max-width: 140px;
    min-width: 140px;
    height: 35px;
    display: grid;
    align-items: center;
    border: 1px solid #cccaca;
    background-color: white;
    font-weight: 400;
}

.style6_ConcertCash {
    max-width: 100px;
    min-width: 100px;
    height: 35px;
    display: grid;
    align-items: center;
    border: 1px solid #cccaca;
    background-color: white;
    font-weight: 400;
}

.style7_ConcertCash {
    max-width: 300px;
    min-width: 300px;
    height: 35px;
    display: grid;
    align-items: center;
    border: 1px solid #cccaca;
    background-color: white;
    font-weight: 400;
}

.style8_ConcertCash {
    max-width: 220px;
    min-width: 220px;
    height: 35px;
    display: grid;
    align-items: center;
    border: 1px solid #cccaca;
    background-color: white;
    font-weight: 400;
}

.title_ConcertCash {
    height: 45px;
    background-color: #dbdada;
    align-items: center;
    display: grid;
    font-weight: 400;
    font-size: 1.1rem;
    max-width: 1086px;
    min-width: 1086px;
    color: #626262;
}

.borderNone_ConcertCash {
    border-right: none !important;
    border-left: none !important;
}

.borderNone2_ConcertCash {
    border-right: none !important;
}

.borderNone3_ConcertCash {
    border-left: none !important;
}

.pdf_ConcertCash {
    overflow-x: auto;
    /* max-width: 670px;
    min-width: 670px*/
    /*border: 1px solid #cccaca;*/
}

.sumBg_ConcertCash {
    background-color: aliceblue !important;
}

.user_ConcertCash {
    font-weight: 400;
    /* max-width: 200px;
    min-width: 200px;*/
    font-size: .95rem;
}

.hotel_ConcertCash {
    font-weight: 600;
    /* max-width: 400px;
    min-width: 400px;*/
    font-size: 1.2rem;
    padding-right: 55px;
}

.pdf2_ConcertCash {
    max-width: 180px;
    min-width: 180px;
    color: currentColor;
}

.report_ConcertCash {
    font-weight: 500;
    /*max-width: 250px;
    min-width: 250px;*/
    font-size: 1.1rem;
}

.report2_ConcertCash {
    font-weight: 400;
    /* max-width: 415px;
    min-width: 415px;*/
    font-size: .8rem;
}

.act_Concert {
    position: absolute;
    bottom: 10px;
    right: 25px;
    width: 80%;
    left: 0;
    font-weight: 500;
    z-index: 1;
    border-radius: 15px;
    background: rgba(255, 253, 253, 0.7);
}

.eventName_Concert {
    position: absolute;
    bottom: 15px;
    right: 25px;
    color: white;
    font-weight: 500;
    z-index: 1;
}

.nameHall_Concert {
    position: absolute;
    bottom: 55px;
    color: white;
    background: rgba(0, 0, 0, .3);
    width: 90%;
    margin-right: 1px;
}

.imgEvent_Concert {
    border-radius: 15px;
    height: 350px;
    min-width: 235px !important;
    max-width: 235px !important;
}

/************************** Capital  ****************************/

.width_Capital {
    max-width: 1000px
}

/************************** Mapping  ****************************/

.width_Mapping {
    max-width: 1050px !important;
}

.group_Mapping {
    font-size: 1.4rem;
    cursor: pointer;
}

.chosen_Mapping .chosen-container {
    width: 120px !important;
}

.chosen_Mapping .chosen-single {
    height: 35px !important;
    padding-top: 3px
}

.chosen_Mapping .search-choice-close {
    display: none !important;
}

.widthIcon_Mapping {
    width: 30px
}

/************************** Table  ****************************/

.width_Table {
    max-width: 900px !important;
}

.title_Table {
    position: absolute;
    top: -19px;
    background-color: #f8f9fa;
    font-weight: 500;
    padding: 9px;
    border-bottom: .2rem dashed #d2c7c7;
    border-left: .2rem dashed #d2c7c7;
    border-bottom-left-radius: 10px;
}

.lastBorder_Table {
    border-bottom: .2rem dashed #d2c7c7;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
}

#lastBorder_Table div:last-child {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

.mainDiv_Table {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    height: auto;
    border-radius: 5px;
    background-color: #FDFDFD;
    margin-top: 35px !important;
}

.lastBorder_Table .btn-info {
    background-color: #5D8BDD;
    border-color: #5D8BDD;
}

.cart_Table {
    margin-top: 15px !important;
    border: .2rem dashed #d2c7c7;
    border-radius: 5px;
}

.fontWeight_Table {
    font-weight: 500;
}

.marginT_Table {
    margin-top: 20px !important;
}

#bgBas li:last-child {
    border-bottom: none !important;
}

.sum2_Item {
    flex: 1;
    overflow: hidden;
}

.icofont-close-line {
    color: red;
    cursor: pointer;
}

.cart_Item {
    color: #ccc;
    font-size: 5rem
}

.cartItem_Item {
    border-radius: 3px;
    list-style-type: none;
    overflow-y: auto;
    max-height: 290px;
}

.cartItem2_Item {
    border-bottom: 1px solid #ccc;
    font-weight: normal;
}

.cartItem3_Item {
    margin-top: -17px;
}

.sum_Item {
    border-radius: 3px
}


.sum3_Item {
    font-size: 1.5rem;
    font-weight: 400;
}

    .sum3_Item span {
        font-size: .6rem;
        color: #bfbfbf
    }

.fillBorderRight {
    position: absolute;
    width: 10px;
    background-color: #f8f9fa;
    height: 16px;
    right: -6px;
    top: 0;
}

.fillBorderLeft {
    position: absolute;
    width: 10px;
    background-color: #f8f9fa;
    height: 16px;
    left: -6px;
    top: 0;
}

.wBtn_Table {
    min-width: 110px !important
}

.count_Span {
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: -5px;
    width: 50px;
    display: flex;
    justify-content: center
}

.count2_Span {
    font-size: .8rem
}

.count3_Span {
    background-color: #918a8a;
    border: 1px solid #918a8a;
    color: white
}

.color_Blue {
    color: #007bff !important
}

.bg_Red {
    background-color: #f00 !important;
    color: white
}


.unsuccessfulPay {
    background-color: white;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding-right: 35px;
    padding-left: 35px;
    padding-bottom: 15px;
    font-weight: bolder;
    margin-bottom: 10px;
}

.unsuccessfulPay2 {
    font-size: 1.3rem;
    font-weight: 500;
    color: red;
    margin-top: -40px;
    display: block;
}

.unsuccessfulPay3 {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 35px !important;
    margin-top: -34px !important;
}

.unsuccessfulPay4 {
    border: 1px solid #FEDB6B !important;
    background-color: #F5F5F5 !important;
    margin-bottom: 25px !important;
}

@media screen and (max-width: 700px) {

    .unsuccessfulPay {
        padding-right: 10px !important;
        padding-left: 10px !important;
        padding-bottom: 10px !important;
    }

    #wrapper #dialog #form input {
        width: 30px !important;
        margin: 0 !important;
    }
}

.title_TableDetail {
    font-size: .85rem;
    top: -20px;
    position: absolute;
    right: 10px;
    background-color: white;
    color: #20b2aa;
    height: 31px;
    width: auto;
    text-align: center;
    cursor: pointer;
    padding: 6px 13px 1px 11px;
    border-radius: 5px;
    border: 1px solid #FEDB6B !important;
    font-weight: 500;
}

.btnPay {
    font-family: IranSans;
    font-size: 1.1rem;
}

.payresultSticky {
    /* direction: rtl;*/
    position: sticky;
    top: 0;
    margin-top: 30px;
}

.gif_Get {
    width: 180px;
    height: 180px;
}

.order_Detail {
    border: 1px solid #FEDB6B !important;
    background-color: #F5F5F5 !important
}

.order2_Detail {
    border: 1px solid #ead193 !important;
    background-color: #e2ffe0;
    font-size: 1.1rem;
    font-weight: 500;
}

.mw_Table {
    max-width: 900px
}

.color_Table {
    color: #84878a !important;
    top: -2px !important;
}

.color2_Table {
    color: #84878a !important;
    top: -2px !important;
    right: 92px !important;
}

.color3_Table {
    color: #555 !important;
}

.mb_Table {
    margin-bottom: 100px
}

/************************ ReportBookingRequests  ************************/

.bg_Demand {
    background-color: #fff4f4 !important;
    color: black !important;
}

.comment_Demand {
    color: #2ac9aa;
    font-size: 1.3rem;
    cursor: pointer;
}

.comment2_Demand {
    position: absolute;
    top: -11px !important;
    right: 0;
    width: 17px;
    height: 17px;
    background-color: #c841c6;
    border-radius: 100%;
    color: white;
}