﻿.form-loading {
    background: url(/images/loading.gif) no-repeat center 100px;
    min-height: 700px;
}

.text-input.theme-default {
    /* height: 40px !important; */
}

.mbd-submit-default {
        padding-bottom: 2rem;
        padding-top: 2rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255,255,255,var(--tw-bg-opacity));
        border-radius: 1rem;
        /* padding-left: 2.75rem; */
        /* padding-right: 2.75rem; */
        --tw-border-opacity: 1;
        border-color: rgba(247,248,249,var(--tw-border-opacity));
        display: flex;
        width: 100%;
}
.mbd-submit-default > div {
    width:100%;
}

.mbd-submit-default .sd-fields {
    position: relative;
    clear: both;
    width: 100%;
}

.mbd-submit-default .sd-fields .sd-field {
    margin-bottom: 5px;
    min-height: 60px;
    /* display: flex; */
    /* width: 100%; */
    padding: 0 20px;
float: right !IMPORTANT;}

.mbd-submit-default .sd-fields .sd-field .sd-field-text {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}

.mbd-submit-default .sd-fields .sd-field .sd-field-required span {
    font-weight: 700;
    display: block;
    color: #ecbc4b;
    padding: 1em;
    background-color: #fff6de;
    margin-top: 10px;
}

.steps .disabled {
    opacity: 0.5
}

.hoToolTip {
    background: url('../_images/Help.png') no-repeat center center;
    content: "";
    height: 18px;
    position: absolute;
    padding: 12px 9px 2px;
    width: 18px;
    cursor: pointer;
    top: 5px;
    ;
    right: -8px;
}

.hoToolTip span {
    display: none;
}

.hoToolTip:hover span {
    display: block;
}

.hoToolTip span {
    background: #006599;
    color: #F8F8F8;
    /*font-size: 12px;*/
    line-height: 21px;
    right: 35px;
    top: 11px;
    position: absolute;
    padding: 8px;
    text-align: right;
    /* width: 300px; */
    z-index: 3;
    white-space: normal;
    border-radius: 3px;
}

.hoToolTip span:after {
    border-top: 0 solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #006599;
    content: "";
    top: 0;
    right: -10px;
    position: absolute;
    width: 0;
    height: 0;
    z-index: 3;
}

.hoToolTip span .new {
    color: yellow;
    font-size: 1.1em;
}

.hoToolTip p {
    margin: 0 0 10px 0;
}

.mbd-field-radiobutton {
    display: flex;
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: auto !important;
    margin-right: 10px;
}

.ADMdtpInput input {
    height: 38px;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 4px !important;
    -moz-box-shadow: none;
    box-shadow: none !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    outline: 0;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-right: 20px;
    padding-left: 0;
}

.btn-expand {
    float: left;
}

.hd-selected-categories {
    text-align: right !important;
    float: right;
    direction: rtl;
}

.hierarchy-dropdown:before {
    left: 10px !important;
    right: auto
}

.hd-selected-categories>li {
    float: right !important;
}

.transaction-category .mbd-field-category-menu>ul>li {
    float: right;
    width: 33%;
    list-style: none;
    padding-right: 28px;
}

.transaction-category .mbd-field-category-menu>ul>li>i {
    right: 0;
}

.transaction-category .mbd-field-category-menu>ul>li:hover,
.transaction-category .mbd-field-category-menu>ul>li.mbd-active {
    background: #b0b0b0;
    color: #fbfbfb
}

.ADMdtp-calendar-container.rtl {
    z-index: 10000;
}

.is-required:before {
    content: '* ';
    color: red
}

.mbd-field-uploadphoto .box-upload>input[type=file] {
    height: 100% !important;
}

.tomanTextPopup {
    position: absolute;
    background: #444;
    color: #FFF;
    padding: 5px 7px;
    min-width: 150px;
    text-align: center;
    font-weight: 200;
    border-radius: 5px;
    display: none;
    bottom: 120%;
    max-width: 350px;
    z-index: 1000;
}

.tomanTextPopup::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 47%;
    border-width: 5px;
    border-style: solid;
    border-color: #444 transparent transparent;
}

.existing .mbd-field-list-selective div:hover {
    cursor: pointer;
}

.existing .mbd-field-list-selective div.is-selected .photo_box {
    transition: all ease-out .3s
}

.existing .mbd-field-list-selective div.is-selected .photo_box {
    box-shadow: 0px 0px 4px 8px #88ce3c;
    transform: scale(1.02)
}

.img-zoom[class*=dg-imagebox] .pic {
    overflow: hidden
}

.clearfix {
    clear: both;
}

.img-zoom[class*=dg-imagebox] .pic img {
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in
}

.img-zoom[class*=dg-imagebox]:hover .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.photo_box .pic_box {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.photo_box img {
    width: 100%;
    max-width: 100%
}

.photo_box {
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 1.8;
    display: block
}

.photo_box .pic_box {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    vertical-align: middle;
}

.photo_box a,
.photo_box a:hover {
    text-decoration: none
}

.photo_box .ico {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -25px;
    text-align: center;
    color: #fff;
    opacity: 0;
    z-index: 1
}

.photo_box .ico .fa,
.photo_box .ico i,
.photo_box .ico span {
    color: #fff;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    margin: 0 3px;
    background-color: #69b532;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.photo_box .ico .title {
    color: #fff;
    font-size: 15px;
    margin-bottom: 5px
}

.photo_box .content {
    position: initial !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    z-index: 1;
    display: block;
}

.photo_box .title {
    display: block;
    font-style: normal
}

.photo_box .content .title {
    color: #fff;
    font-size: 15px;
    margin-bottom: 5px
}

.photo_box .content>.fa {
    font-size: 50px;
    height: 70%;
    position: relative;
    display: inline-block
}

.photo_box .content>.fa:before {
    position: absolute;
    top: 50%;
    left: 0
}

.photo_box .content .ico {
    position: static;
    margin: 0 0 15px
}

.photo_box .content,
.photo_box .ico {
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s
}

.photo_box:hover .content,
.photo_box:hover .ico {
    opacity: 1
}

.photo_box.img_zoom .pic_box img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s
}

.photo_box:hover.img_zoom .pic_box img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

.photo_box.ico_zoom .ico span {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s
}

.photo_box:hover.ico_zoom .ico span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.photo_box.icon_tag_push .ico {
    width: 90px;
    height: 90px;
    left: auto;
    right: -90px;
    top: -90px;
    margin: 0;
    text-align: right;
    transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s
}

.photo_box.icon_tag_push .ico:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border: 45px solid transparent;
    border-right-color: #69b532;
    border-top-color: #69b532
}

.photo_box.icon_tag_push .ico i,
.photo_box.icon_tag_push .ico span {
    background: 0 0;
    position: relative;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    line-height: 60px !important;
    width: 50px !important;
    text-align: center !important
}

.photo_box:hover.icon_tag_push .ico {
    right: 0;
    top: 0
}

.photo_box.icon_tag_push .content {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    width: auto;
    height: auto;
    padding: 13px 36px;
    color: #666;
    top: auto;
    bottom: 20px;
    opacity: 1
}

.photo_box.icon_tag_push .content .title {
    color: #666;
    font-size: 16px;
    margin: 0
}

.img_right {
    float: right;
    width: auto;
    margin: 8px 0 5px 15px
}

.photo_box.content_zoom .content {
    overflow: hidden;
    top: auto;
    left: 0;
    bottom: 0;
    -webkit-transform: scale(.1);
    -moz-transform: scale(.1);
    -o-transform: scale(.1);
    transform: scale(.1);
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s
}

.photo_box.content_zoom:hover .content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.submited-tickets {
    width: 100%;
    transition: var(--n-transition);
    -webkit-transition: var(--n-transition);
    -moz-transition: var(--n-transition);
    -ms-transition: var(--n-transition);
    -o-transition: var(--n-transition);
    padding: 0;
    /* margin: 30px 0 0; */
    border: var(--n-border-box) !important;
    box-shadow: var(--n-shadow-box);
    border-radius: var(--n-radius);
    -webkit-border-radius: var(--n-radius);
    -moz-border-radius: var(--n-radius);
    -ms-border-radius: var(--n-radius);
    -o-border-radius: var(--n-radius);
    background: var(--n-gardient), #f6f5f0;
    background-blend-mode: soft-light;
    /* display: flex; */
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.submited-tickets .mbd-field-table {
    width:100%;
}
.table-class{
    width:100%;
}

.iransite-tickets-panel-body {
    width: 100%;
    padding: 0 15px;
}
.item.ticket-top-section {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px dotted #dbe1e8;
}
.general-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

.general-info div {
    display: flex;
}
.general-info .site a{
    color:#fff5f5 !important
}

.general-info div label {
    margin-left: 5px;
    font-weight:700;
}
.general-info div label:after {
    content:': ';
}
.item.ticket-status {
    margin: 20px 0;
    color: #ffffff;
    border-color: #dc76f7;
    background: linear-gradient(60deg,#de93ea,#dc76f7);
    border-radius: 3px;
    padding: 15px;
    box-shadow: 0 2px 10px 0;
}
span.status-icon {
    width: 30px;
    margin-left: 10px;
}
.item.ticket-send-date {
    display: flex;
    border-bottom: 1px dotted #dbe1e8;
    justify-content: space-around;
    padding: 0 0 10px 0;
}
.ticket-title {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
.left-created-on-date {
    direction: ltr;
}

.ticket-title-image {
    display: flex;
    align-items: center;
}

.ticket-title-image .img-avatar {
    padding-left: 5px;
    width: 80px;
    /* padding: 6px; */
    height: 80px;
}
.media {
    padding: 10px;
    border-bottom: 1px dotted #dbe1e8;
}

.media.ticketUser {
    border-right: 4px solid #ea8200;
    border-bottom: 1px dotted #ea8200;
    justify-content: space-between;
    margin-bottom: 15px;
}
.media.ticketUser.UserHasSupportRole {
    border-right: 4px solid #1bbae1;
    border-bottom: 1px dotted #1bbae1;
    background-color: rgba(27,186,225,.12);
}
.media.ticketUser .pull-right {
    display:flex;
    align-items: flex-start;
}
.media.ticketUser .pull-right .img-avatar {
    padding-left:20px;
    /* border-radius:50%; */
    display: flex;
    align-items: center;
    width: 80px;
}
.p-ticket__comments{position:relative;width:100%;height:100%;background-color:#fff;border-radius:5px;overflow:hidden}.p-ticket__close{position:absolute;left:20px;top:20px;font-size:24px;cursor:pointer;height:25px;width:25px;border-radius:12.5px;text-align:center;line-height:27px;font-weight:600;background-color:#e7ecf4;color:#888c9c;transition:background-color .15s;z-index:100}.p-ticket__close:hover{background-color:#d6deec}.p-ticket__commentsContainer{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;transition:filter .15s}.p-ticket__commentsContainer--dragging{filter:blur(5px)}.p-ticket__dropArea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:50;visibility:hidden;opacity:0;transition:opacity .15s}.p-ticket__dropArea--visible{visibility:visible;opacity:1;display:block}.p-ticket__dropIcon{width:100px}.p-ticket__dropContent{width:100%;height:100%}.p-ticket__dropContent,.p-ticket__dropText{display:flex;justify-content:center;align-items:center}.p-ticket__dropText{flex-direction:column;width:80%;height:500px;font-size:14px;font-weight:500;color:#888c9c;padding:1rem 0;border:2px dashed #7ce8dd;background-color:rgba(124,232,221,.2);border-radius:10px}.p-ticket__title{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid #e4e9f2;padding:14px 20px;z-index:10}.p-ticket__title--long{position:relative}.p-ticket__title--long:after{content:"";position:absolute;top:calc(100% + 1px);right:0;left:0;bottom:0;display:block;width:100%;height:80px;z-index:10;background-color:#fff;visibility:visible;opacity:1;transition:opacity .15s;-webkit-mask-image:linear-gradient(1turn,transparent,#000 95%);mask-image:linear-gradient(1turn,transparent,#000 95%)}.p-ticket__title--removeShadow:after{visibility:hidden;opacity:0}.p-ticket__titleText{color:#333;font-weight:500}.p-ticket__back{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:24px;transition:background-color .15s}.p-ticket__back:hover{background-color:rgba(124,232,221,.3)}.p-ticket__backIcon{fill:#00baba}.p-ticket__itemList{-ms-overflow-style:none;scrollbar-width:none;position:relative;width:100%;padding:16px 20px;height:90%;overflow-y: auto;}.p-ticket__itemList::-webkit-scrollbar{display:none}.p-ticket__itemList--long{z-index:9}.p-ticket__item{display:flex;flex-direction:column;position:relative}.p-ticket__item--arvan,.p-ticket__item--skeleton:nth-child(2n){align-items:flex-end}.p-ticket__item--sending{animation:blink .7s infinite alternate-reverse}.p-ticket__itemBody{position:relative;padding:16px 24px;border-radius:24px;font-weight:500;font-size:14px;margin-bottom:8px;min-width:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}.UserHasSupportRole{background-color:#00baba;color:#fff}.UserNotHasSupportRole{background-color: #eeece4;color:#8e8989;display: flex;align-self: flex-start;}.p-ticket__itemBody--skeleton{min-width:45%;min-height:100px;background-color:#f5f7fa;animation:blink .7s infinite alternate-reverse}.p-ticket__itemBody--skeleton:first-child{-webkit-animation-delay:50ms;animation-delay:50ms}.p-ticket__itemBody--skeleton:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.p-ticket__itemBody--skeleton:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}.p-ticket__itemBody--skeleton:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}.p-ticket__itemBody--skeleton:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.25s}.p-ticket__itemBody--skeleton:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}.p-ticket__itemBody--skeleton:nth-child(7){-webkit-animation-delay:.35s;animation-delay:.35s}.p-ticket__itemBody--skeleton:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s}.p-ticket__itemBody--skeleton:nth-child(9){-webkit-animation-delay:.45s;animation-delay:.45s}.p-ticket__itemBody--skeleton:nth-child(10){-webkit-animation-delay:.5s;animation-delay:.5s}.p-ticket__itemHtml p{margin:0!important}.p-ticket__itemHtml img{display:block;max-width:500px;margin:0 auto;-o-object-fit:contain;object-fit:contain}.p-ticket__corner{position:absolute;bottom:0;z-index:10}.p-ticket__corner--arvan{left:-4px;fill:#00baba;transform:rotateX(35deg)}.p-ticket__corner--user{fill: #eeece4;transform:rotateY(180deg) rotateX(45deg);right:-4px;}.p-ticket__corner--skeleton{fill:#f5f7fa;left:0;transform:rotateX(35deg)}.p-ticket__file{display:flex}.p-ticket__fileDetail{display:flex;flex-direction:column;justify-content:center;padding-right:8px}.p-ticket__fileName{font-size:16px;font-weight:500;color:#333}.p-ticket__fileSize{font-size:12px;font-weight:500}.p-ticket__fileImg{max-width:400px;min-width:45px;min-height:45px;border-radius:5px}.p-ticket__fileInfo{display:flex}.p-ticket__fileDownload{font-size:12px;font-weight:600;margin-right:8px}.p-ticket__imgDefault{width:45px;height:45px;display:flex;justify-content:center;align-items:center;background-color:#e7ecf4;border-radius:45px}.p-ticket__fileICon{min-width:20px;min-height:38px}.p-ticket__progress{position:absolute}.p-ticket__date{display:flex;align-items:center;bottom:-20px;left:12px;color:#888c9c;min-height:21px;margin-bottom:8px}.p-ticket__date--UserNotHasSupportRole{flex-direction:row-reverse;justify-content:flex-end;right:12px;left:unset}.p-ticket__dateNo{display:flex;align-items:center;margin:0 4px;font-size:14px;direction:ltr}.p-ticket__dateNo--longer{flex-direction:row-reverse}.p-ticket__dnDate,.p-ticket__dnHour{padding-right:4px;padding-left:4px}.p-ticket__user{display:flex;align-items:center}.p-ticket__userName{margin-right:4px;font-weight:500;font-size:16px}.p-ticket__send{justify-content:space-between;flex-wrap:wrap;z-index:10}.p-ticket__form,.p-ticket__send{display:flex;width:100%;position:relative}.p-ticket__form{align-items:center;justify-content:center;margin-top:16px}.p-ticket__formTextContent{position:relative;display:flex;justify-content:space-between;width:95%;height:150px;margin-bottom:8px}.p-ticket__textarea textarea{-ms-overflow-style:none;scrollbar-width:none;width:100%;min-height: 100% !important;resize: none !important;outline: none !important;padding:16px;height: 150px !important;border: none  !important;border-radius: 5px !important;background-color: #f5f7fa !important;}.p-ticket__textarea textarea::-webkit-scrollbar{display:none}.p-ticket__textarea textarea:active, .p-ticket__textarea textarea:focus{outline:none;background-color:rgba(245,247,250,.5);border:none;box-shadow:0 0 1px 2px hsla(0,0%,69.8%,.15);color:#697d9a;}.p-ticket__formActions{position:absolute;bottom:0;left:16px;padding-bottom:8px}.p-ticket__formActions,.p-ticket__submitBtn{display:flex;justify-content:center;align-items:center}.p-ticket__submitBtn{width:45px;height:45px;border-radius:45px!important;border:none;background-color:#00d4d4;transition:background-color .15s;padding:0!important;overflow:hidden}.p-ticket__submitBtn:not(:disabled):active,.p-ticket__submitBtn:not(:disabled):focus,.p-ticket__submitBtn:not(:disabled):hover{outline:none;background-color:#00baba}.p-ticket__submitBtn:disabled{cursor:not-allowed;background-color:#bfeaea}.p-ticket__satisfactionBtn{width:45px;height:45px;border-radius:45px!important;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:12px;border:none;background-color:#126d83;transition:background-color .15s;padding:0!important;overflow:hidden}.p-ticket__satisfactionBtn:not(:disabled):active,.p-ticket__satisfactionBtn:not(:disabled):focus,.p-ticket__satisfactionBtn:not(:disabled):hover{outline:none;background-color:#0f5a6d}.p-ticket__satisfactionBtn:disabled{cursor:not-allowed;background-color:#0f5a6d}.p-ticket__closeBtn{width:80px;height:45px;display:flex;margin:0 8px;align-items:center;justify-content:center;border:none;background-color:#aebdd4;transition:background-color .15s;padding:0!important;overflow:hidden}.p-ticket__closeBtn:not(:disabled):active,.p-ticket__closeBtn:not(:disabled):focus,.p-ticket__closeBtn:not(:disabled):hover{outline:none;background-color:#9db0cb}.p-ticket__closeBtn:disabled{cursor:not-allowed;background-color:#bfeaea}.p-ticket__satisfactionCloseBtn{background-color:#aebdd4;transition:background-color .15s}.p-ticket__satisfactionCloseBtn:not(:disabled):active,.p-ticket__satisfactionCloseBtn:not(:disabled):focus,.p-ticket__satisfactionCloseBtn:not(:disabled):hover{outline:none;background-color:#9db0cb}.p-ticket__satisfactionCloseBtn:disabled{cursor:not-allowed;background-color:#bfeaea}.p-ticket__chevron{color:#fff}.p-ticket__chevron path{stroke-width:2}.p-ticket__fileUpload--disable{opacity:.5}.p-ticket__inputFile{display:none!important}.p-ticket__toBottom{cursor:pointer;position:sticky;bottom:0;display:flex;justify-content:flex-end;transform:translateY(10px);visibility:hidden;opacity:0;transition:opacity .3s,transform .15s;z-index:10;padding-left:5px}.p-ticket__toBottom--visible{transform:translateY(0);visibility:visible;opacity:1}.p-ticket__toBottomIcon{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:32px;background-color:#fff;border:1px solid #eee;box-shadow:0 2px 5px hsla(0,0%,46.7%,.2)}.p-ticket__dragError{position:absolute;top:-8px;right:0;left:0;width:100%;padding-left:22px;padding-right:22px;font-size:12px;font-weight:500;color:#f9164b;background-color:#fff}.p-ticket__closed{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;padding:14px 22px;margin-top:10px}.p-ticket__closedText{background-color:rgba(255,146,52,.2);padding:8px 16px;border-radius:5px}@media(min-width:992px){.p-ticket__title{height:60px}.p-ticket__itemList{height: calc(100vh - 327px);}.p-ticket__comments{width:60%;margin-right:16px}}html.ltr .p-ticket__title{flex-direction:row-reverse}html.ltr .p-ticket__dropArea,html.ltr .p-ticket__dropContent{right:unset;left:0}html.ltr .p-ticket__submitBtn{right:0;left:unset}html.ltr .p-ticket__item--arvan{align-items:flex-start}html.ltr .p-ticket__item--user{align-items:flex-end}html.ltr .p-ticket__close{position:absolute;right:20px;left:unset!important;top:20px;font-size:24px;cursor:pointer;height:25px;width:25px;border-radius:12.5px;text-align:center;line-height:27px;font-weight:600;background-color:#e7ecf4;color:#888c9c;transition:background-color .15s;z-index:100}html.ltr .p-ticket__close:hover{background-color:#d6deec}html.ltr .p-ticket__satisfactionBtn{width:45px;height:45px;border-radius:45px!important;display:flex;align-items:center;justify-content:center;margin-left:8px;font-size:11px;border:none;background-color:#126d83;transition:background-color .15s;padding:0!important;overflow:hidden}html.ltr .p-ticket__satisfactionBtn:not(:disabled):active,html.ltr .p-ticket__satisfactionBtn:not(:disabled):focus,html.ltr .p-ticket__satisfactionBtn:not(:disabled):hover{outline:none;background-color:#0f5a6d}html.ltr .p-ticket__satisfactionBtn:disabled{cursor:not-allowed;background-color:#0f5a6d}html.ltr .p-ticket__userName{margin-right:0;margin-left:4px}html.ltr .p-ticket__date--UserHasSupportRole{flex-direction:row-reverse}html.ltr .p-ticket__fileDetail{padding-left:8px;padding-right:0}html.ltr .p-ticket__fileDownload{margin-left:8px;margin-right:0}html.ltr .p-ticket__formActions{position:absolute;left:unset;right:16px}html.ltr .p-ticket__fileUpload{margin-left:8px;margin-bottom:0;margin-right:0}@media(min-width:992px){html.ltr .p-ticket__comments{margin-right:0;margin-left:16px}}html.ltr .form-group label{text-align:left!important}.content{position:relative}.form-group label{text-align:right!important}.form-horizontal .form-group{margin-right:unset!important;margin-left:unset!important}fieldset{border:1px solid #e4e9f2!important;border-radius:10px;padding:5px!important;margin:0 25px!important;width: 100%;}fieldset .form-group{background-color:#fff;padding:10px 0}.c-progress{transform:rotate(-90deg);transition:color .3s}.c-progress__bar{stroke-linecap:round;transition:stroke-dashoffset .5s}.c-progress--primary{color:#00baba}.c-progress--danger{color:#fe5959}.t-slide-enter-active,.t-slide-leave-active{transform:translate(100%)}.t-slide-enter,.t-slide-leave-to{transition:transform .5s ease-in-out}.t-slide-enter-to,.t-slide-leave{transform:translate(0)}.t-slide{transition:transform .5s ease-in-out}.t-slide--from-left,.t-slide--to-left{transform:translate(-100%)}.t-slide--from-right,.t-slide--to-right{transform:translate(100%)}.t-fade-enter-active,.t-fade-leave-active{transition:opacity .3s ease-in-out}.t-fade-enter,.t-fade-leave-to{opacity:0}.t-fade-enter-to,.t-fade-leave{opacity:1}.t-slide-up-fade-enter-active,.t-slide-up-fade-leave-active{transition:transform .3s,opacity .3s}.t-slide-up-fade-enter{transform:translateY(100%);opacity:0}.t-slide-up-fade-leave-to{transform:translateY(-100%);opacity:0}.t-slide-up-fade-enter-to{transform:translate(0);opacity:1}@-webkit-keyframes blink{0%{opacity:1}to{opacity:.6}}@keyframes blink{0%{opacity:1}to{opacity:.6}}@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.c-support-closeTicket__modalBtn{margin:0 10px;width:100px}.c-support-closeTicket__modalBtn--cancel{background-color:#aebdd4}.c-support-closeTicket__modalBtn--cancel:not(:disabled):active,.c-support-closeTicket__modalBtn--cancel:not(:disabled):focus,.c-support-closeTicket__modalBtn--cancel:not(:disabled):hover{outline:none;background-color:#9db0cb}.c-support-closeTicket__modalBtn--cancel:disabled{cursor:not-allowed;background-color:#bfeaea}.c-support-closeTicket__justify--center{text-align:center}.c-support-closeTicket__confirmText{background-color:rgba(0,160,160,.2);padding:8px 16px;border-radius:5px;margin:20px}
.p-ticket__dateContainer.p-ticket__dateContainer--UserNotHasSupportRole {
    display: flex;
    align-self: flex-start;
}


.iransite-ticket.submitbtn{
    margin-left: 130px !important;
    float: right;
}
.iransite-ticket.closeticketbtn{
    margin-left: 80px;
    float: l;
}
.response-body.zd-comment {
    white-space: break-spaces;
}
.iransite-ticket button {
    width: 45px;
    height: 45px;
    border-radius: 45px!important;
    border: none;
    transition: background-color .15s;
    padding: 0!important;
    overflow: hidden;
}
.iransite-ticket.submitbtn button {
        background-color: #00d4d4 !important;

}
.iransite-ticket.closeticketbtn button {
        background-color: #aebdd4 !important;
}
.upload-info {
    position: absolute;
    bottom: 80px;
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items:center;
    background: #eeeeeeab;
    padding: 5px;
    border-radius: 3px;
}
.remodal-wrapper .sd-field{
    text-align: right !important;
}a.ar-btn.ar-btn--primary.ar-btn--rounded.ar-btn--icon-button {
    display: flex;
    margin:20px;
    cursor:pointer;
    -webkit-appearance: button;
    cursor: pointer;
    background-color: #00baba;
    font-size: 14px;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 5px;
    transition-property: background-color,color,border-color;
    transition-duration: .15s;
    transition-timing-function: linear;
    position: relative;
    height: 37px;
    border-radius: 18.5px;
    color:#fff;
    padding: 0 37px;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: flex;
    align-items: center;
}
a.ar-btn.ar-btn--primary.ar-btn--rounded.ar-btn--icon-button svg{
   width:18px;padding-left:10px
}
.ar-btn--primary:not(.ar-btn--outline):not(:disabled):hover {
    color: #fff;
    background-color: #00abab;
}
.ar-btn.focus, .ar-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.IS-links-box.careers {
    flex: 1 0 auto;
    border-radius: var(--n-radius);
    box-shadow: none;
    border: none;
    margin: 20px 15px;
    padding: 0;
    }
.IS-links-box.careers svg {
width: 24px;
flex: 0 0 24px;
max-width: 24px;
width: 100%;
}

.IS-links-box.careers .IS-link-item{display:flex;align-items:center;cursor: pointer;}
.IS-links-box.careers .IS-link-item .title {
flex: 0 0 95%;
max-width: 95%;
width: 100%;
justify-content: space-between;
display: flex;
margin-right: 15px;
align-items: center;
}


.mbd-field-text-message .panel-body {
line-height: 37px;
text-align: justify;
}

.list-selective__items.is-selected .IS-links-box,.list-selective__items.is-selected .IS-links-box .IS-link-item{
    background: var(--n-gardient),#dfdfdf !important;
background-blend-mode: soft-light;
}
.btnGroupFlex > .ng-scope {
    display: flex;
    margin-top: 27px;
}

    .iransite-table th {
        padding: 12px 1px !important;
        text-align: center;
        background-color: #f3f5f7;
    }
    
    .iransite-table td {
        padding: 12px 1px !important;
        text-align: center;
    }
    
    p.agreement-amount2 {
        background-color: #c7f1f1;
        text-align: center;
        padding: 5px 20px;
        border-radius: 5px;
    }
    
    p.rent-payed-amount {
        background-color: #b1ffc9;
        text-align: center;
        padding: 5px 20px;
        border-radius: 5px;
        margin-right: 10px;
    }
    
    p.left-amount {
        background-color: #fdc1c1;
        text-align: center;
        padding: 5px 20px;
        border-radius: 5px;
        margin-right: 10px;
    }