.Show_Detail_Task {
    float: right;
    width: 100%;
    padding: 20px;
}
.Show_Detail_Task .TitleTaskView {
    float: right;
    width: 100%;
}
.Show_Detail_Task .TitleTaskView .TaskDetail {
    float: right;
    width: 100%;
    list-style: none;
    padding: 13px 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    background: #ffd24c;
    margin: 0;
}
.Show_Detail_Task .TitleTaskView .TaskDetail li {
    float: right;
    width: 100%;
    border-left: 1px solid #fff;
    padding: 0 10px;
}
.Show_Detail_Task .TitleTaskView .TaskDetail li span {
    float: right;
    width: 100%;
    font-size: 13px;
}
.Show_Detail_Task .TitleTaskView .TaskDetail li b {
    float: right;
    width: 100%;
    font-size: 13px;
}

.finalTask {
    float: right;
    width: 100%;
    margin: 15px 0 0 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px 0;
}
.finalTask .text {
    float: right;
    font-size: 14px;
    margin: 9px 0 0 0;
}
.finalTask .finalTaskItem,.finalTask .finalSeoTaskItem,.qaAccept {
    float: left;
    background: var(--second);
    color: #fff;
    font-size: 13px;
    padding: 6px 30px;
    border-radius: 50px;
    cursor: pointer;
}
.finalTask .finalTaskItem:active,.finalTask .finalSeoTaskItem:active {
}
.finalTask .finalTaskItem.active,.finalTask .finalSeoTaskItem.active {
    background: var(--bs-danger);
    color: transparent;
    position: relative;
}
.finalTask .finalTaskItem.active:after,.finalTask .finalSeoTaskItem.active:after {
    position: absolute;
    content: "بازگشت تسک";
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #fff;
    right: 0;
    top: 0;
    text-align: center;
    top: 7px;
    z-index: 0;
}

.Show_Detail_Task .TitleTaskView .startAndEndTask {
    float: right;
    width: 100%;
    margin: 15px 0 0 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px 0;
}
.Show_Detail_Task .TitleTaskView .startAndEndTask .TitleTime {
    float: right;
    font-weight: 700;
    color: #000;
}

.Show_Detail_Task .TitleTaskView .startAndEndTask .time_left {
    float: right;
    background: var(--bs-blue);
    color: #fff;
    font-family: iranyekanfan;
    font-size: 12px;
    padding: 2px 18px;
    border-radius: 50px;
    margin: -2px 8px 0 0;
}
.Show_Detail_Task .TitleTaskView .startAndEndTask .time_start {
    float: right;
    width: 100%;
    margin: 9px 0 0 0;
}
.Show_Detail_Task .TitleTaskView .startAndEndTask .time_start .text {
    float: right;
    font-size: 13px;
    margin: 12px 0 0 0;
}
.Show_Detail_Task .TitleTaskView .startAndEndTask .time_start .StartTime {
    float: left;
    background: var(--bs-green);
    color: #fff;
    font-size: 13px;
    padding: 10px 20px 6px;
    border-radius: 50px;
    cursor: pointer;
}
.Show_Detail_Task .TitleTaskView .startAndEndTask .time_start .StartTime i {
    font-size: 20px;
    position: relative;
    top: 4px;
    line-height: 0;
}
.Show_Detail_Task .TitleTaskView .startAndEndTask .time_start .StartTime.active {
    background: var(--bs-red);
}
.Show_Detail_Task .TitleTaskView .startAndEndTask .time_start .StartTime.active span {
    position: relative;
    color: transparent;
}
.Show_Detail_Task .TitleTaskView .startAndEndTask .time_start .StartTime.active span:after {
    position: absolute;
    content: "توقف انجام تسک";
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    color: #fff;
}

.Show_Detail_Task .TitleTaskView .LoadDescription {
    float: right;
    width: 100%;
    margin: 15px 0 0 0;
}
.Show_Detail_Task .TitleTaskView .LoadDescription .title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

#SetTimeForShowCalender {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 2px 15px 20px;
    border-radius: 9px;
    flex-wrap: nowrap;
    position:relative;
}
#SetTimeForShowCalender .btn {
    width: 27%;
    position: relative;
    top: 13px;
}
#SetTimeForShowCalender .DeleteTimeForTask {
    position: absolute;
    left: 31px;
    background: var(--bs-danger);
    color: #fff;
    top: -14px;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 50px;
    cursor: pointer;
}
.Calender_show_date .section_time.today {
    border: 1px solid var(--bs-teal);
}
.Calender_show_date .section_time.today .timeShow .dat {
    background: var(--second);
}

.Calender_show_date .section_time .Task_show .task_item .projectName {
    background: var(--bs-cyan);
    position: absolute;
    width: 50px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    padding: 2px 2px 0;
    border-radius: 50px;
    bottom: -4px;
    right: -13px;
    z-index: 99;
    height: 15px;
    overflow: hidden;
}

.Filter_Task {
    float: right;
    width: 100%;
    margin: 11px 0 0 0;
    padding: 0;
}
.Filter_Task > div {
    float: right;
    width: 49%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 20px;
    border-radius: 5px;
}
.Filter_Task > div:first-child {
    margin: 0 0 0 2%;
}
.Filter_Task > div .title {
    float: right;
    width: 100%;
}
.Filter_Task .filter_member {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 6px 0 0 0;
    display: flex;
    flex-wrap: nowrap;
}
.Filter_Task .filter_member li {
    width: 100%;
    text-align: center;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    padding:5px 0;
}
.Filter_Task .filter_member li .thumb {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}
.Filter_Task .filter_member li span {
    float: right;
    width: 100%;
    font-size: 13px;
    margin: 4px 0 0 0;
}
.Filter_Task .filter_member li:hover , .Filter_Task .filter_member li.active {
    background: var(--bs-yellow);
    border-radius: 5px;
}


.Filter_Task .filter_project {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 4px 0 0 0;
    height: 86px;
    overflow: auto;
    display: flex;
    justify-content: right;
    align-items: start;
    flex-wrap: wrap;
}
.Filter_Task .filter_project li {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 50px;
    margin: 0 0 0 11px;
    cursor: pointer;
}
.Filter_Task .filter_project li:hover , .Filter_Task .filter_project li.active {
    background: var(--bs-yellow);
    border: 1px solid var(--bs-yellow);
}

.Calender_show_date .section_time .add_task_custom
{
    float: right;
    padding: 4px 14px 1px;
    border-radius: 4px;
    font-size: 12px;
    background: var(--bs-gray);
    cursor: pointer;
    display: flex;
    color: #fff !important;
    align-items: center;
    border-radius: 50px;
    align-content: center;
    justify-content: center;
    justify-items: center;
    margin-top:10px;
}
.Calender_show_date .section_time:hover .add_task_custom {
    opacity: 1;
    transition: 0.5s;
}
.addTaskSIngleInTask {
    padding: 33px;
    float: right;
    width: 100%;
}

.workshopImage {
    float: right;
    width: 100%;
}
.workshopText {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 21px;
    color: var(--bs-orange);
}

.text_workshop {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
    margin:0;
}
.text_workshop span {
    color: var(--bs-orange);
}

.UploadInvoice {
    display: inline-block;
    background: var(--bs-danger);
    color: #fff;
    font-size: 13px;
    padding: 3px 12px 1px;
    border-radius: 50px;
    cursor: pointer;
}

#UploadInvoiceAjax {
    float: right;
    width: 100%;
    padding: 20px;
}
#UploadInvoiceAjax h2 {
    float: right;
    width: 100%;
    font-size: 19px;
    color: var(--bs-blue);
    text-align: center;
}

.UploadInvoice.green {
    background: var(--second);
}

.ShowInvoceUploaded {
    background: var(--second);
    width: 100%;
    float: right;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
    padding: 7px 0 4px 0;
    border-radius: 50px;
}


.InvoiceOfficial {
    float: right;
    width: 100%;
    background: #eee;
}
.InvoiceOfficial span {
    background: var(--bs-yellow);
    padding: 10px 20px;
    float: right;
}
.InvoiceOfficial .DownloadInvoiceOfficialCustomer {
    float: right;
    margin: 0 10px 0 0;
    background: var(--bs-blue);
    color: #fff !important;
    text-decoration: none;
    padding: 3px 20px;
    border-radius: 50px;
    font-size: 14px;
    margin: 9px 11px 0 0;
}



.request_off_inv {
    float: right;
    width: 100%;
    margin: 25px 0 22px 0;
}
#request_official_invoice_ajax {
    float: right;
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    display: none;
}
#request_official_invoice_ajax p {
    font-size: 14px;
}
#request_official_invoice_ajax p:nth-child(2) {
    margin: 8px 0 0 0;
}
#request_official_invoice_ajax p.notic {
    float: right;
    width: 100%;
    margin: 21px 0 -8px 0;
    text-align: center;
    color: var(--bs-danger);
}
#request_official_invoice_ajax.active {
    display: block;
}

.successRequest {
    float: right;
    width: 100%;
    background: var(--second);
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    margin: 0 0 11px 0;
}
.show_request_invoice {
    display: inline-block;
    background: var(--bs-danger);
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 50px;
    cursor: pointer;
}


.show_InvoiceRequestView {
    float: right;
    width: 100%;
    padding: 20px;
}
.show_InvoiceRequestView h2 {
    text-align: center;
    font-size: 21px;
    color: var(--bs-blue);
}
.show_InvoiceRequestView .list_of_request {
    float: right;
    width: 100%;
    padding: 0;
    list-style: none;
}
.show_InvoiceRequestView .list_of_request li {
    float: right;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
}
.show_InvoiceRequestView .list_of_request li b {
    color: var(--first);
    font-size: 15px;
}
.show_InvoiceRequestView .list_of_request li:last-child {
    border: 0;
}
.SendInvoice {
    float: right;
    width: 100%;
    background: var(--second);
    text-align: center;
    padding: 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}
.show_request_invoice.green {
    background: var(--second);
}


.inviceCreated {
    float: right;
    width: 100%;
    text-align: center;
    background: var(--bs-yellow);
    padding: 7px 0 4px;
    font-size: 13px;
}

.content.projectList .row {
    background: transparent;
    box-shadow: none;
    padding: 0;
}
.content.projectList > .row {
    margin: 25px 0 0 0;
}
.ProjectItem {
    float: right;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    margin: 0 0 17px 0;
    text-align: center;
    padding: 20px;
    position: relative;
}
.ProjectItem .detailProject {
    float: right;
    width: 100%;
}
.ProjectItem .detailProject .nameCustomer {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    font-weight: normal;
    margin: 0 0 4px 0;
}
.ProjectItem .detailProject .projectName {
    float: right;
    width: 100%;
    font-weight: 900;
    font-size: 30px;
    color: var(--bs-blue);
    text-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.ProjectItem .detailProject .ProjectManager {
    float: right;
    width: 100%;
    font-weight: normal;
    font-size: 13px;
    margin: -7px 0 0 0;
}
.progress-bar {

    background-color: var(--bs-yellow);
}
.description_project .progress {
    opacity: 0.6;
    margin: -58px 0 42px 0;
    position: relative;
    z-index: 0;
    height: 5px;
    background: #999;
}
.actionMenu {
    float: right;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 25px 0 -20px 0;
    border-top: 1px solid #eee;
    padding: 5px 0;
}
.actionMenu li {
    float: right;
    width: 100%;
    border-left: 1px solid #eee;
}
.actionMenu li:last-child {
    border: 0;
}
.actionMenu li a {
    font-size: 13px;
    color: #000;
    text-decoration: none;
}

.badge_count
{
    background: var(--bs-gray);
    color: #fff;
    font-size: 12px;
    width: 25px;
    border-radius: 13px;
    font-family: iranyekanfan;
    text-align: center;
    padding: 1px 0 0 0;
    float: left;
    position: absolute;
    left: 16px;
    top: -9px;
    border-radius: 6px;
}
body.page-id-43585 .finalTask {
    display: none;
}
body.page-id-43585 .startAndEndTask {
    display: none;
}

.description_project.ProgressSch {
    margin: 18px 0 0 0;
}
.description_project.ProgressSch .progress-bar {
    background: var(--bs-primary);
}
.ProjectItem .numberOfProject {
    position: absolute;
    width: 30px;
    height: 30px;
    background: var(--bs-yellow);
    color: #fff;
    font-family: iranyekanfan;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 2px 0 0 0;
    right: calc(50% - 15px);
    top: -14px;
    display: none;
}
.show_request_invoice.yellow {
    background: var(--bs-orange);
}

.sendphisicky {
    float: right;
    width: 100%;
    background: var(--second);
    text-align: center;
    color: #fff;
    padding: 5px 0;
    border-radius: 50px;
    padding: 8px 0 5px 0;
    font-weight: normal;
    cursor: pointer;
}
.print {
    background: var(--bs-warning);
    border: 0;
    font-size: 13px;
    padding: 5px 20px;
    border-radius: 50px;
    cursor: pointer;
}


.Item_Sensitive {
    float: right;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.Item_Sensitive .form-group:nth-child(4) {
    width: 200%;
}

.list_of_data.positive {
    background: ;
    border: 1px solid var(--second);
}
.list_of_data.negative {
    border: 1px solid var(--bs-danger);
}
.notBTN {
    float: right;
    background: #fff;
    text-decoration: none;
    padding: 9px 20px;
    border-radius: 50px;
    margin: 13px 0 0 0;
    font-size: 13px;
}

.list_of_data li {
    position: relative;
}
.list_of_data li .Desc_sensitive {
    position: absolute;
    width: 200px;
    bottom: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 10px;
    font-size: 13px;
    opacity: 0;
}
.list_of_data li:hover .Desc_sensitive {
    opacity: 1;
}

.BOx_of_Invocie.sensitive {
    float: right;
    width: 100%;
    border: 1px solid #eee;
    padding: 20px;
    background: #fcfcfc;
    margin: 0 0 12px 0;
    border-radius: 5px;
}
.BOx_of_Invocie.sensitive .titleSub {
    float: right;
    width: 100%;
    font-size: 19px;
    margin: 11px 0px 0 0;
}
.BOx_of_Invocie.sensitive li {
    width: 31.3% !important;
}


.content.dontBG .row {
    background: transparent;
    box-shadow: none;
}
.Show_top_personal {
    float: right;
    width: 100%;
}
.Show_top_personal .titleSub ,.new-users .titleSub{
    float: right;
    width: 100%;
    font-size: 22px;
    color: var(--bs-blue);
}
.Show_top_personal .show_top_person {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 4px 0 12px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.Show_top_personal .show_top_person li {
    float: right;
    width: 100%;
    margin: 0 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.07);
    text-align: center;
    padding: 20px 0;
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 5px;
}
.Show_top_personal .show_top_person li .Thumb {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background-size: cover;
    background-position: center;
    background-color: #eee;
}
.Show_top_personal .show_top_person li span {
    font-size: 18px;
    margin: 0 9px 0 0;
    font-weight: 500;
    color: var(--fourth);
}
.Show_top_personal .show_top_person li b {
    float: left;
    background: var(--bs-yellow);
    font-family: iranyekanfan;
    font-size: 13px;
    padding: 2px 25px;
    border-radius: 50px;
    margin: 0 11px 0 0;
    font-weight: normal;
}
.Task_show .TaskItemParent:hover .EditTask,.Task_show .TaskItemParent:hover .EditSeoTask {
    display: block;
}
.Task_show .TaskItemParent .EditTask,.Task_show .TaskItemParent .EditSeoTask {
    font-size: 9px;
    background: var(--bs-dark);
    padding: 1px 10px;
    border-radius: 50px;
    margin: 0 0 0 4px;
    position: absolute;
    top: -8px;
    left: 0;
    color: #fff;
    cursor: pointer;
    display: none;
    z-index: 99;
}
.TaskItemParent
{
    float: right;
    position: relative;
}


#Edit_Task_modal #EditTask,#Edit_Task_modal #EditSeoTask {
    float: right;
    width: 100%;
    padding: 20px;
}
#Edit_Task_modal #EditTask .TaskDetail,#Edit_Task_modal #EditSeoTask .TaskDetail {
    float: right;
    width: 100%;
    display: flex;
    background: var(--bs-yellow);
    padding: 10px;
    list-style: none;
    margin: 0;
}
#Edit_Task_modal #EditTask .TaskDetail li,#Edit_Task_modal #EditSeoTask .TaskDetail li  {
    float: right;
    width: 100%;
    border-left: 1px solid #ffca10;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#Edit_Task_modal #EditTask .TaskDetail span,#Edit_Task_modal #EditSeoTask .TaskDetail span {
    float: right;
    width: 100%;
    font-size: 13px;
}
#Edit_Task_modal #EditTask .TaskDetail li b,#Edit_Task_modal #EditSeoTask .TaskDetail li b {
    float: right;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
}

.last_charge {
    float: right;
    width: 100%;
    padding: 0 22px 50px;
}
.last_charge h4 {
    float: right;
    width: 100%;
    font-size: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 10px;
    color: var(--first);
}


.insurance span {
    float: right;
}
.insurance .Defualt_number , .insurance_ratio .Defualt_number {
    float: right;
    list-style: none;
    padding: 0;
    margin: -4px 13px 0 0;
}
.insurance .Defualt_number li , .insurance_ratio .Defualt_number li{
    float: right;
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 3px 22px 0;
    margin: 0 0 0 10px;
    border-radius: 50px;
    cursor: pointer;
}
.insurance .Defualt_number li:hover , .insurance_ratio .Defualt_number li:hover {
    background: #ccc;
}

.content.FoundContainer .row {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}
.FoundContainer .Found_number {
    float: right;
    width: 100%;
    background: #fff;
    padding: 50px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.09);
}
.FoundContainer .Found_number .number {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 42px;
    font-family: iranYekanFan;
    display: flex;
    align-items: center;
    justify-content: center;
}
.FoundContainer .Found_number .number b {
    font-size: 13px;
    margin: 0 5px 0 0;
}
.FoundContainer .Found_number .number span {
    font-weight: 500;
    color: var(--bs-gutter-y);
    text-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.FoundContainer .Found_number .desc {
    text-align: center;
    float: right;
    width: 100%;
    font-size: 13px;
    color: #444;
    margin: -10px 0 0 0;
}


.Found_number.dep {
    text-align: center;
    font-size: 19px;
    background: #23c15a;
    padding: 73px 0;
    color: #fff;
    cursor: pointer;
}

.Found_number.with {
    text-align: center;
    font-size: 19px;
    background: #c12323;
    padding: 73px 0;
    color: #fff;
    cursor: pointer;
}

#DepositAjax {
    padding: 30px;
}
#DepositAjax h2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: var(--bs-blue);
    border-bottom: 1px solid #eee;
    padding: 0 0 9px 0;
}
#WithdrawAjax {
    padding: 30px;
}
#WithdrawAjax h2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: var(--bs-blue);
    border-bottom: 1px solid #eee;
    padding: 0 0 9px 0;
}

.downloadBox {
    background: var(--bs-teal);
    text-align: center;
    padding: 20px 0;
    border-radius: 6px;
    color: #fff;
}
.downloadBox p {
    font-size: 20px;
    margin: 0;
}
.downloadBox .downloadBTNCourse {
    display: inline-block;
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 13px;
    margin: 9px 0 0 0;
}


.SelectCurrency {
    float: left;
    width: 100%;
    margin: 11px 0 0 0;
    background: #fff;
    border: 2px dashed var(--bs-warning);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 3px 13px 12px;
    border-radius: 5px;
}
.SelectCurrency > div {
    width: 45%;
}
.SelectCurrency > i {
    width: 10%;
    text-align: center;
    font-size: 27px;
    margin: 11px 0px 0 0;
    color: var(--bs-teal);
}
.SelectCurrency label {
    display: none;
}
.SelectCurrency select {
    float: right;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 8px;
    height: 32px;
}

.checkUser.disabled {
    position: relative;
    width: 100%;
    float: right;
}
.checkUser.disabled:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    cursor: no-drop;
}
.checkUser.disabled .switch_form_bill_official {
    opacity: 0.6;
}


.LogSwitcher.content .row {
    background: transparent;
    box-shadow: none;
    margin: 0;
    padding-bottom: 0;
}
.SwitchListLog {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 0 -21px 0;
}
.SwitchListLog li {
    float: right;
    background: #fff;
    padding: 10px 34px;
    margin: 0 0 0 9px;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
}
.SwitchListLog li:hover , .SwitchListLog li.active {
    background: var(--bs-yellow);
}
.logSection {
    display: none;
}
.logSection.active {
    display: block;
}

.Top_10_user_ticket {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 16px 0 0 0;
}
.Top_10_user_ticket li {
    float: right;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 10px 23px;
    margin: 0 0 15px 12px;
    border-radius: 5px;
}
.Top_10_user_ticket li span {
    float: right;
    font-size: 13px;
}
.Top_10_user_ticket li b {
    float: left;
    font-size: 13px;
    background: var(--bs-yellow);
    font-weight: normal;
    padding: 0 10px;
    margin: 0 8px 0 0px;
    border-radius: 50px;
    font-family: iranyekanfan;
}
.AccountDebtor {
    float: right;
    background: var(--bs-red);
    color: #fff;
    font-size: 10px;
    border-radius: 50px;
    padding: 4px 4px;
}


.projects-by-month {
    float: right;
    width: 100%;
}
.projects-by-month .titleBox {
    float: right;
    width: 150px;
    font-size: 15px;
    margin: 17px 0 0 0;
    height: 202px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    line-height: 1.8;
    flex-direction:column;
}

.projects-by-month .titleBox span {
    display: inline-block;
    position: relative;
    z-index: 9;
    padding: 0;
    color: #000;
    font-size: 15px;
}
.projects-by-month > div > ul {
    float: right;
    width: max-content;
    list-style: none;
    padding: 0;
    margin: 10px 0 14px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.projects-by-month > div > ul li {
    width: 250px;
    margin: 16px 10px;
    float: right;
    background: #fff;
    height: 146px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px;
    background: var(--first);
    overflow: unset;
}
.projects-by-month > div > ul  li i {
    font-size: 13px;
    font-style: normal;
    font-family: iranyekanfan;
    font-weight: normal;
    color: #d5d5d5;
    margin: 0 0 -3px 0;
}
.projects-by-month > div > ul li .name {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    color: #fff;
}
.projects-by-month > div > ul li .type {
    font-size: 13px;
    margin: -4px 0 0 0;
    color: #d5d5d5;
}
.projects-by-month > div > ul li.done {
    background: var(--bs-success);
    position: relative;
}
.projects-by-month > div > ul li.done:after {
    position: absolute;
    content: "تحویل داده شده";
    width: 100px;
    background: var(--bs-success);
    color: #fff;
    font-size: 13px;
    border-radius: 50px;
    border: 1px solid #fff;
    text-align: center;
    padding: 4px 0;
    top: -13px;
}
.projects-by-month > div > ul li.sup {
    background: var(--bs-success);
    position: relative;
}
.projects-by-month > div > ul li.done::after {
    position: absolute;
    content: "تحویل داده شده";
    width: 100px;
    background: var(--bs-success);
    color: #fff;
    font-size: 10px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #fff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
    text-align: center;
    padding: 4px 0 1px;
    bottom: 0;
    border-bottom: 0;
    top:auto;
}
.projects-by-month > div > ul li.delay {
    background: var(--bs-danger);
    position: relative;
}
.projects-by-month > div > ul li.delay:after {
    position: absolute;
    content: "تاخیر مشتری";
    width: 100px;
    background: var(--bs-danger);
    color: #fff;
    font-size: 13px;
    border-radius: 50px;
    border: 1px solid #fff;
    text-align: center;
    padding: 4px 0;
    top: -13px;
}


.projects-by-month.Per .description_project.ProgressSch {
    margin: 20px 0 36px 0px;
}
.projects-by-month.Per {
}
.projects-by-month.Per .description_project.ProgressSch b {
    font-size: 20px;
}
.projects-by-month.Per .description_project.ProgressSch span {
    font-size: 15px;
}


.TimeOfProject {
    float: right;
    width: 100%;
    text-align: center;
    padding: 0;
    border-radius: 5px;
    margin: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 14px;
    font-family: iranyekanfan;
    align-items: center;
    color: #333;
}

.List_Of_Task_Per {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 13px 0;
}
.List_Of_Task_Per li {
    float: right;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 12px 12px;
    border-radius: 5px;
    margin: 0 0 17px 16px;
}
.List_Of_Task_Per span {
    float: right;
    font-size: 14px;
}
.List_Of_Task_Per b {
    float: left;
    font-size: 13px;
    background: var(--bs-warning);
    padding: 2px 13px 0;
    border-radius: 50px;
    margin: 0px 12px 0 0;
    font-family: iranyekanfan;
}



.PerProjectobligation {
    float: right;
    width: 100%;
    background: var(--second);
    text-align: center;
    padding: 20px 0;
    margin: 0 0 14px 0;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
}
.PerProjectobligation.two {
    background: var(--bs-blue);
}
.content.perIN .row {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.PerProjectobligation.tree {
    background: var(--bs-red);
}



.tagCustomer {
    display: inline-block;
    font-size: 11px;
    background: var(--bs-primary);
    color: #fff;
    padding: 3px 12px 1px;
    border-radius: 50px;
    margin: 0 0 0 4px;
}
.tagCustomer.green {
    background: var(--second);
}
.tagCustomer.purple {
    background: var(--bs-indigo);
}

.TagOfUser {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 6px 0 0 0px;
}
.TagOfUser li {
    float: right;
    width: ;
}
.TagOfUser li .tagInput {
    float: right;
    background: #fff;
    padding: 8px 26px;
    border-radius: 50px;
    margin: 0 0 0 11px;
    font-size: 14px;
    position: relative;
}
.TagOfUser li .tagInput input {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
}
.TagOfUser li .tagInput:hover , .TagOfUser li .tagInput.active {
    background: var(--bs-yellow);
}

.Transfer_demand {
    display: inline-block;
    background: var(--bs-blue);
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 50px;
    margin: 10px 0 0 0;
    cursor: pointer;
}

.fee {
    display: block;
    background: var(--bs-purple);
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0;
    border-radius: 50px;
    font-family: iranyekanfan;
}
.fee i {
    font-style: normal;
    top: 0 !important;
    right: 0 !important;
}
.fee b {
    font-weight: normal;
    margin: 0;
    padding: 0;
}


.ShowRange {
    display: inline-block;
    position: relative;
    position: relative;
    z-index: 8;
}
.ShowRange .ShowCurrencyRange {
    position: absolute;
    width: 500px;
    z-index: 999999;
    display: none;
    right: 0;
    top: 0;
    background: #fff;
    right: 0;
    padding: 20px;
    border: 2px solid var(--bs-yellow);
    top: 21px;
    border-radius: 5px;
}
.ShowRange span {
    background: var(--bs-yellow);
    font-size: 10px;
    padding: 5px 10px 3px;
    border-radius: 50px;
    cursor: pointer;
}
.ShowRange:hover .ShowCurrencyRange {
    display: block;
}
.list_of_data:hover {
    z-index: 9;
}
#TransferDemandAjax {
    padding: 30px;
}
#TransferDemandAjax h3 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--bs-blue);
    margin: 18px 0 11px 0;
}


.listOfAccountTransfer {
    float: right;
    width: 100%;
    padding: 0;
    margin: 8px 0 9px 0;
    list-style: none;
    max-height: 200px;
    overflow: auto;
}
.listOfAccountTransfer li {
    float: right;
    width: 100%;
    border: 1px solid #ccc;
    padding: 13px;
    border-radius: 6px;
    cursor: pointer;
    margin: 0 0 6px 0;
}
.listOfAccountTransfer li span {
    display: inline-block;
    background: var(--bs-yellow);
    font-size: 14px;
    padding: 2px 10px;
    position: relative;
    top: -2px;
    border-radius: 50px;
}


.list_of_data.demand {
    position: relative;
    border: 2px solid var(--bs-indigo);
}
.list_of_data.demand:before {
    position: absolute;
    content: "انتقال طلب";
    background: var(--bs-indigo);
    font-size: 10px;
    color: #fff;
    top: 0;
    padding: 0 4px;
    border-radius: 0 5px 0 5px;
}


.RefoundAmountDiv {
    float: right;
    width: 200px;
    border-radius: 50px;
    padding: 4px 7px;
    margin: 0 6px;
    background: #f8f8f8;
    border: 1px solid #ccc;
}
.RefoundAmountDiv span {
    background: #d9e9f2;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 13px;
    float: right;
}
.RefoundAmountDiv b {
    font-weight: normal;
    font-family: iranyekanfan;
    padding: 0px 8px 0;
    display: inline-block;
}

.NumberReport {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 0 11px 0;
}

.AddRefoundThisOrder {
    float: right;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 25%;
}
.AddRefoundThisOrder #OrderRefond {
    height: 36px;
    text-align: center;
    font-family: iranyekanfan;
    border-radius: 5px;
    width: 79px;
    display: none;
}
.AddRefoundThisOrder i {
    width: 39px;
    background: var(--second);
    margin: 0 3px 0 0;
    height: 32px;
    top: 0 !important;
    right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.AddRefoundThisOrder i#minus {
    background-color: var(--bs-danger);
    display: none !important;
}
.AddRefoundThisOrder.active #plus {
    display: none !important;
}
.AddRefoundThisOrder.active #minus {
    display: flex !important;
}
.AddRefoundThisOrder.active #OrderRefond {
    display: block;
}


.list_of_data.refound {
    border: 2px solid var(--bs-success);
    position: relative;
}
.list_of_data.refound::before {
    position: absolute;
    content: "ریفاند";
    background: var(--bs-success);
    color: #fff;
    font-size: 13px;
    top: 0;
    padding: 1px 5px;
    border-radius: 0 5px;
}


.list_of_data.return {
    border: 2px solid var(--bs-danger);
    position: relative;
}
.list_of_data.return:before {
    position: absolute;
    content: "بازگشت به سفارش";
    color: #fff;
    top: 0;
    right: 0;
    background: var(--bs-danger);
    font-size: 10px;
    padding: 2px 10px;
    border-radius: 0 5px;
}

.list_of_data.AlertAccount {
    background: var(--bs-danger);
    position: relative;
    z-index: 999;
    box-shadow: none;
    color: #fff;
}
.list_of_data.AlertAccount b {
    direction: rtl;
    margin: 0 6px;
}
.list_of_data.AlertAccount .returnAllert {
    display: flex;
    justify-content: center;
}

.Packages_list_add {
    float: right;
    width: 98%;
    color: var(--bs-blue);
    border: 1px solid;
    text-align: center;
    margin: 22px 1% 0;
    padding: 10px 0;
    border-radius: 50px;
    cursor: pointer;
}
.Packages_list_place {
    float: right;
    width: 98%;
    border: 1px solid #eee;
    padding: 19px;
    margin: 22px 1% 0;
    border-radius: 6px;
}

.FromAccount {
    float: right;
    width: 100%;
    font-size: 12px;
    background: var(--bs-yellow);
    border-radius: 5px;
    padding: 2px 0 19px;
    margin: 0 0 -16px 0;
}


/*.content.InvoiceCustomer .row {*/
/*    background: transparent;*/
/*    box-shadow: none;*/
/*    padding: 0;*/
/*}*/
.InvoiceTable {
    float: right;
    width: 100%;
    border: 1px solid #666;
    background: #fff;
    padding: 0;
}
.InvoiceTable .head {
    float: right;
    width: 100%;
    background: #dcdcdc;
    text-align: center;
    padding: 4px;
    border-bottom: 1px solid #666;
    font-size: 16px;
    padding: 10px 0 7px;
    font-weight: 600;
}
.InvoiceTable .Detail_side {
    float: right;
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 0;
}
.InvoiceTable .Detail_side li {
    float: right;
    width: 100%;
    padding: 10px 11px 10px;
}
.InvoiceTable .Detail_side li.third {
    width: 33.3%;
}
.InvoiceTable .Detail_side li.half {
    width: 50%;
}
.InvoiceTable .Detail_side li span {
    font-size: 15px;
}

.InvoiceTable .Detail_side li b {
    font-size: 14px;
    font-family: iranyekanfan;
}

.InvoiceTableRecord {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
}
.InvoiceTableRecord li {
    width: 100%;
    text-align: center;
    border-left: 1px solid #eee;
    padding: 14px 0px;
    border-bottom: 1px solid #e6e6e6;
}
.InvoiceTableRecord li:first-child {
    width: 30%;
}
.InvoiceTableRecord li:first-child span {
    transform: rotate(-90deg);
    float: right;
    width: 100%;
    text-align: center;
    font-size: 13px;
}

.InvoiceTableRecord.TotalInvoiceRecord li:first-child {
    width: 70%;
}
.InvoiceTableRecord.TotalInvoiceRecord li:last-child {
    width: 30%;
}
.InvoiceTableRecord.TotalInvoiceRecord.Final {
    background: #f0f0f0;
}

.HeadInvoice {
    float: right;
    width: 100%;
    padding: 0;
    position: relative;
}
.HeadInvoice .DetailInvoiceSerial {
    float: left;
    width: 202px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.HeadInvoice .DetailInvoiceSerial li {
    float: right;
    width: 100%;
}
.HeadInvoice .DetailInvoiceSerial li span {
    float: right;
    font-size: 12px;
    padding: 4px 0;
}
.HeadInvoice .DetailInvoiceSerial li b {
    float: left;
    width: 100px;
    border: 1px solid #d3d3d3;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 0;
}
.HeadInvoice .DetailInvoiceSerial li:last-child b {
    border-bottom: 0;
}

.TitleInvoice {
    float: right;
    width: 100%;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 22px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.HeadInvoice .DetailInvoiceSerial li b span {
    width: 100%;
    text-align: center;
    color: red;
}
.HeadInvoice .DetailInvoiceSerial li b span.payment {
    color: green;
}
.content.InvoiceCustomer .PaymentNotification {
    text-align: center;
    text-align: left;
}
.content.InvoiceCustomer .PaymentOrderWithCustomer {
    border-radius: 6px;
    text-align: center;
    padding: 11px 0;
    float: left;
    width: 50%;
    margin: 8px 1% 0 0;
    padding: 13px 0 0 0;
}
.content.InvoiceCustomer .ComplateProfile.green {
    width: 100%;
    margin: 18px 0 0;
    padding: 10px 0;
    background: var(--bs-teal);
}

.content.InvoiceCustomer #Final_official_payment_bill_form {
    float: right;
    width: 100%;
    margin: 0 0;
    padding: 0;
}
.content.InvoiceCustomer #Final_official_payment_bill_form .btn {
    float: right;
    width: 100%;
    margin: 15px 0 0;
    border-radius: 6px;
    background: var(--bs-teal);
    font-size: 15px;
}


.EditInvoiceFund {
    display: inline-block;
    cursor:pointer;
    font-size: 19px;
    position: relative;
    top: 4px;
    left: 3px;
}



#EditInvoiceAjax {
    padding: 20px;
}
#EditInvoiceAjax h2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: var(--bs-blue);
}
.ProjectItem.LinkManager .projectName {
    margin: 8px 0 -7px 0;
}
.ProjectItem.LinkManager .DestinationLink {
    float: right;
    width: 100%;
    height: 26px;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    border-radius: 6px;
    background: #f4f4f4;
    overflow: hidden;
    padding: 2px 0 0 0;
}
.ProjectItem.LinkManager .CountNumber {
    float: right;
    width: 100%;
    background: #ffc10778;
    padding: 10px;
    border-radius: 6px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 0;
}
.ProjectItem.LinkManager .CountNumber b {
    font-size: 30px;
    font-family: iranyekanfan;
    margin: 0 5px 0 0;
}
.ProjectItem.LinkManager .linkOfCourse {
    float: right;
    width: 100%;
}
.ProjectItem.LinkManager .linkOfCourse input {
    display: none;
}
.ProjectItem.LinkManager .linkOfCourse .copyCourseLink {
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 13px;
}
.projects-by-month > div > ul li.pending::after {
    display: none;
}

.projects-by-month > div > ul li.pending:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    content: "اتمام پشتیبانی";
    border-radius: 5px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DayWork {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin: -8px 0 0 0;
}

.war_task {
    float: right;
    width: 100%;
    text-align: center;
    color: var(--bs-pink);
    padding: 10px;
    border-radius: 5px;
    margin: -6px 0 0 0;
    font-size: 13px;
}
.listOfCourse li:nth-child(2), .listOfCourse li:nth-child(3)
{
    position: relative;
}
.listOfCourse li:nth-child(2)::after, .listOfCourse li:nth-child(3)::after
{
    position: absolute;
    content: "رایگان شد";
    background: red;
    color: #fff;
    font-size: 12px;
    width: 60px;
    border-radius: 50px;
    text-align: center;
    bottom: 6px;
    right: 60px;
}

.PackageListShowNewFace {
    float: right;
    width: 100%;
    border-top: 1px dashed #ccc;
    padding: 10px;
    margin: 10px 0 0 0;
}
.PackageListShowNewFace .Package_title_select {
    float: right;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: var(--bs-blue);
}
.PackageListShowNewFace .item {
    float: right;
    width: 31.3%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 20px 20px 0 20px;
    margin: 20px 0 0 2%;
    position: relative;
    border-radius: 6px;
    border: 2px solid transparent;
}
.PackageListShowNewFace .item input {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
}
.PackageListShowNewFace .item h2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    color: #000;
    font-family: iranyekanfan;
}
.PackageListShowNewFace .item .price {
    float: right;
    width: 100%;
    text-align: center;
    font-family: iranyekanfan;
    font-size: 19px;
}
.PackageListShowNewFace .item .Description {
    float: right;
    width: 100%;
}
.PackageListShowNewFace .item .Description > p > strong {
    display: inline-block;
    background: var(--bs-yellow);
    border-radius: 50px;
    padding: 2px 23px;
    font-size: 15px;
    font-weight: normal;
}
.PackageListShowNewFace .item .Description > p {
    float: right;
    width: 100%;
    text-align: center;
}
.PackageListShowNewFace .item .Description > ul {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 5px 0 13px 0;
}
.PackageListShowNewFace .item .Description > ul li {
    float: right;
    width: 50%;
    border-left: 1px solid #eee;
    text-align: center;
}
.PackageListShowNewFace .item .Description > ul li:nth-child(2n) {
    border: 0;
}
.PackageListShowNewFace .item .Description > ul li em {
    font-style: normal;
}
.PackageListShowNewFace .item .Description > ul li em strong {
    background: #c6c6c6;
    font-weight: normal;
    display: inline-block;
    padding: 2px 9px 0;
    font-size: 14px;
    border-radius: 50px;
}
.PackageListShowNewFace .item .Description blockquote {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #eee;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    background: #f6f6f6;
}
.PackageListShowNewFace .item .Description blockquote p {
    margin: 0;
}
.PackageListShowNewFace .item  .select {
    float: right;
    width: 150px;
    border: 1px solid #eee;
    text-align: center;
    font-size: 14px;
    margin: 0 calc(50% - 75px);
    padding: 6px 0 4px;
    border-radius: 6px 6px 0 0;
    border-bottom: 0;
}
.PackageListShowNewFace .item:hover , .PackageListShowNewFace .item.active {
    border: 2px solid var(--bs-yellow);
}
.PackageListShowNewFace .item:hover .select, .PackageListShowNewFace .item.active .select {
    background: var(--bs-yellow);
    border: 0;
}

#UserPaymentStatusAjax {
    float: right;
    width: 100%;
    padding: 20px;
    margin: 0;
}
#UserPaymentStatusAjax ul {
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
#UserPaymentStatusAjax ul li {
    float: right;
    width: 48%;
    background: var(--bs-red);
    color: #fff;
    text-align: center;
    margin: 0 1%;
    padding: 10px 0;
    font-size: 15px;
    font-weight: normal;
    border-radius: 5px;
    cursor: pointer;
}
#UserPaymentStatusAjax ul li:nth-child(2) {
    background: var(--bs-teal);
}

#UserPaymentStatusAjax h2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #eee;
    color: var(--bs-dark);
    padding: 7px 0 14px;
    margin: 0 0 21px 0;
}

.InvoiceTableRecord.Description li {
    padding: 24px 0 26px;
}
.InvoiceTableRecord.Description .sec {
    float: right;
    text-align: right;
    padding: 0 24px 0 0;
    margin: 0 0 0 0;
    font-size: 15px;
}
.InvoiceTableRecord.Description .sec i {
    font-style: normal;
}
.InvoiceTableRecord.Description .sec b {
    background: #eee;
    padding: 10px;
    border-radius: 50px;
}
.ShowInvoicePrint {
    width: 100%;
    background: #fff;
    z-index: -12;
    padding: 20px;
    position: absolute;
    opacity: 0;
}

.ShowInvoicePrint #PrintInvoice {
    float: right;
    width: 100%;
    padding: 30px;
}
.ShowInvoicePrint #PrintInvoice .TitleInvoice {
    font-size: 34px;
}
.ShowInvoicePrint #PrintInvoice li span {
    font-size: 18px;
}
.ShowInvoicePrint #PrintInvoice .DetailInvoiceSerial {
    width: 340px;
}
.ShowInvoicePrint #PrintInvoice .HeadInvoice .DetailInvoiceSerial li b {
    width: 206px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-family: iranyekanfan;
}
.ShowInvoicePrint #PrintInvoice .head {
    font-size: 20px;
    padding: 10px 0;
}
.ShowInvoicePrint #PrintInvoice .Detail_side li span {
    font-size: 18px;
}
.ShowInvoicePrint #PrintInvoice li b {
    font-size: 19px;
}
.ShowInvoicePrint #PrintInvoice .Detail_side li {
    padding: 15px 18px;
}
.ShowInvoicePrint #PrintInvoice .InvoiceTableRecord li {
    font-size: 18px;
    font-family: iranyekanfan;
    padding: 24px 0;
}



.BTNInvoice {
    float: right;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: center;
}
.BTNInvoice li #printInvoiceBtn {
    padding: 10px 30px;
    background: var(--bs-success);
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
}
.BTNInvoice .returnToOrders {
    padding: 10px 30px;
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 0 12px 0 0;
}
.BTNInvoice.PreInvoice #printInvoiceBtn {
    float: right;
    border: 1px solid var(--bs-success);
    background: transparent;
    color: var(--bs-success);
    z-index: 999;
    position: relative;
}
.BTNInvoice.PreInvoice li {
    width: 100%;
}

.TitleDivider {
    float: right;
    width: 100%;
    display: flex;
    margin: 10px 0 20px 0;
    align-items: center;
    font-weight: 600;
}
.TitleDivider .cnt {
    display: inline-block;
    background: var(--bs-primary);
    color: #fff;
    font-family: iranyekanfan;
    font-size: 18px;
    padding: 3px 20px 0;
    border-radius: 50px;
    margin: 0px 7px 0 0;
    font-weight: normal;
}

.tab_project {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 21px 0 11px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab_project li {
    background: #eee;
    padding: 14px 25px;
    border-left: 1px solid #e4e4e4;
    font-size: 14px;
    cursor: pointer;
}
.tab_project li:first-child {
    border-radius: 0 50px 50px 0;
}
.tab_project li:last-child {
    border-radius: 50px 0 0 50px;
    border: 0;
}
.tab_project li:hover , .tab_project li.active {
    background: var(--bs-blue);
    color: #fff;
}

.tab_project li .cnt {
    display: inline-block;
    border: 2px solid #eee;
    background: var(--bs-blue);
    color: #fff;
    font-family: iranyekanfan;
    line-height: 1;
    font-size: 13px;
    padding: 2px 11px;
    border-radius: 50px;
    margin: 0 4px 0 0;
}

.ProjectManagerItem {
    float: right;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.07);
    padding: 15px;
    border-radius: 6px;
    margin: 0 0 15px 0;
}
.ProjectManagerItem .thumb {
    width: 100px;
    height: 100px;
    background-size: cover;
    border-radius: 50px;
    background-position: center;
    float: right;
    margin: 0 calc(50% - 50px);
}
.ProjectManagerItem .name {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin: 7px 0 6px 0;
    font-weight: 600;
    color: var(--bs-blue);
}
.ProjectManagerItem .ProjectListManager {
    float: right;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.ProjectManagerItem .ProjectListManager li {
    float: right;
    width: 48%;
    border-bottom: 1px solid #eee;
    padding: 10px 2px;
    margin: 0 1%;
}
.ProjectManagerItem .ProjectListManager li span {
    float: right;
    font-size: 15px;
    font-weight: 600;
}
.ProjectManagerItem .ProjectListManager li b {
    float: right;
    font-size: 11px;
    font-weight: normal;
    background: var(--bs-warning);
    border-radius: 50px;
    padding: 0 5px;
    margin: 2px 5px 0 0;
}

.ProjectItem.onTime:after {
    position: absolute;
    content: "وضعیت خوبه";
    background: var(--bs-success);
    color: #fff;
    width: 80px;
    font-size: 13px;
    right: 0;
    top: 0;
    padding: 2px 0;
    border-radius: 0 0 0 6px;
}
.ProjectItem.inTime:after {
    position: absolute;
    content: "وضعیت عالی💪";
    background: var(--bs-primary);
    color: #fff;
    width: 80px;
    font-size: 13px;
    right: 0;
    top: 0;
    padding: 2px 0;
    border-radius: 0 0 0 6px;
}

.ProjectItem.delay:after {
    position: absolute;
    content: "وضعیت بده🤦";
    background: var(--bs-danger);
    color: #fff;
    width: 80px;
    font-size: 13px;
    right: 0;
    top: 0;
    padding: 2px 0;
    border-radius: 0 0 0 6px;
}
.ProjectItem.poker::after {
    position: absolute;
    content: "😐😐😐";
    background: var(--bs-danger);
    color: #fff;
    width: 80px;
    font-size: 13px;
    right: 0;
    top: 0;
    padding: 5px 0 0;
    border-radius: 0 0 0 6px;
}

.notif {
    float: right;
    width: 100%;
    background: var(--bs-yellow);
    text-align: center;
    padding: 3px 0;
    border-radius: 5px;
    margin: -14px 0 15px 0;
    position: relative;
}
.notif:after {
    position: absolute;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid var(--bs-yellow);
    content: "";
    top: -5px;
    right: calc(50% - 2.5px);
}

#Charge_Group_account_ads_form .Calc_sharge_account {
    float: left;
    width: 100%;
    margin: 29px 0 0 0;
}

.PlaceAccountList {
    float: right;
    width: 100%;
    padding: 20px 0;
}
.PlaceAccountList .AccountList {
    border: 2px dashed #ccc;
    float: right;
    width: 100%;
    padding: 10px 0 25px;
    margin: 5px 0;
    position: relative;
}
.AddAccountList {
    border: 1px solid var(--first);
    padding: 10px 20px;
    font-size: 13px;
    color: var(--first);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin: 0 auto;
    cursor: pointer;
    float: right;
}
.AddAccountList i {
    font-size: 19px;
    display: ;
    margin: 0 0 0 6px;
    top: -2px;
    position: relative;
}
.AddAccountList:hover {
    background: var(--first);
    color: #fff;
}

.PlaceAccountList .AccountList .remove {
    position: absolute;
    left: 0;
    color: var(--bs-danger);
    font-size: 13px;
    padding: 2px 17px;
    top: -2px;
    left: -2px;
    border: 2px dashed #ccc;
    cursor: pointer;
}

.PlaceAccountList .SelectCurrency {
    position: relative;
}
.PlaceAccountList .SelectCurrency:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.05);
    right: 0;
    top: 0;
}
.MobileAccount {
    display: inline-block;
    background: var(--bs-gray-dark);
    color: #fff !important;
    text-decoration: none;
    padding: 2px 10px 0;
    border-radius: 50px;
    font-size: 13px;
}

.content.CalenderProject.flip .col-md-12
{
    padding: 0;
}

.SearchBoxCarable {
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
}
.SearchBoxCarable .SearchBox {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.SearchBoxCarable .SearchBox li
{
    float: right;
    position: relative;
    margin: 0 0 0 10px;
}
.SearchBoxCarable .SearchBox li .box_search {
    position: absolute;
    width: 300px;
    right: 0;
    top: 100%;
    display: none;
    z-index: 9;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
}
.SearchBoxCarable .SearchBox li:hover .box_search {
    display: block;
}
.SearchBoxCarable .SearchBox li .text {
    float: right;
    background: #ffc10791;
    padding: 10px 51px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
}
.SearchBoxCarable .SearchBox li .text i {
    font-size: 20px;
    margin: 0 0 0 3px;
    color: ;
}
.SearchBoxCarable .SearchBox li .box_search #SetTimeForShowCalender {
    flex-direction: column !important;
    box-shadow: none;
}
.SearchBoxCarable .SearchBox li .box_search #SetTimeForShowCalender .btn {
    width: 100%;
    margin: 0 0 0 0;
}



.SearchBoxCarable .SearchBox li:nth-child(2) .text {
    background: #0C3DA0A3;
    color: #fff;
}
.SearchBoxCarable .SearchBox li .Filter_Task {
    margin: 0 !important;
}
.SearchBoxCarable .SearchBox li .Filter_Task .users {
    margin: 0 !important;
    box-shadow: none;
    padding: 0 !important;
    width: 100%;
}
.SearchBoxCarable .SearchBox li .Filter_Task .users .title {
    display: none;
}
.SearchBoxCarable .SearchBox li .Filter_Task .users .filter_member {
    flex-direction: column;
    padding: 0;
    margin: 0;
    display: block !important;
    float: right;
    width: 100%;
}
.SearchBoxCarable .SearchBox li .Filter_Task .users .filter_member li {
    width: 48%;
    display: block;
    float: right;
    margin: 0 1%;
    border-radius: 0;
    padding: 5px 6px;
}
.SearchBoxCarable .SearchBox li .Filter_Task .users .filter_member li.thumb {
}
.SearchBoxCarable .SearchBox li .Filter_Task .users .filter_member li .thumb {
    float: right;
    width: 40px;
    height: 40px;
}
.SearchBoxCarable .SearchBox li .Filter_Task .users .filter_member li span {
    float: right;
    width: auto;
    font-size: 14px;
    margin: 11px 9px 0 0;
    font-weight: 400;
}


.SearchBoxCarable .SearchBox li:nth-child(3) .text {
    background: #20c99778;
}
.SearchBoxCarable .SearchBox li .box_search .projectList {
    width: 100%;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.SearchBoxCarable .SearchBox li .box_search .projectList .filter_project {
    height: 300px;
}
.SearchBoxCarable .SearchBox li .box_search .projectList .filter_project li {
    width: 48%;
    float: right;
    margin: 4px 1%;
    text-align: center;
    padding: 10px;
    border-radius: 0;
    border: 1px solid #eee;
    font-size: 13px;
}
.Calender_show_date .section_time .Task_show .task_item
{
    width: 300px;
    background: #fff;
    box-shadow: none;
    border-radius: 2px;
    display: inline-block;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    float: right;
    height: auto;
}
.Calender_show_date .section_time .Task_show .task_item .Project_Detail {
    float: left;
    width: 50%;
    font-size: 13px;
    text-align: left;
}
.Calender_show_date .section_time .Task_show .task_item .Project_Detail b {
    font-weight: normal;
    border: 1px solid var(--bs-warning);
    float: left;
    font-size: 10px;
    padding: 5px 10px 1px;
    color: #000;
    border-radius: 50px;
}
.Calender_show_date .section_time .Task_show .task_item .Project_Detail span {
    display: none;
}
.Calender_show_date .section_time .Task_show .task_item .Box_Author {
    float: right;
    width: 50%;
    text-align: right;
    margin: -2px 0 0 0;
}
.Calender_show_date .section_time .Task_show .task_item .Box_Author .thumb {
    float: right;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}
.Calender_show_date .section_time .Task_show .task_item .Box_Author .title {
    float: right;
    width: auto;
    font-size: 12px;
    font-weight: 500;
    color: var(--fourth);
    margin: 7px 5px 0 0;
}
.Calender_show_date .section_time .Task_show .task_item .task {
    float: right;
    width: 100%;
    height: 56px;
    font-size: 12px;
    margin: 8px 0 0 0;
    font-weight: 400;
    font-family: iranyekanfan;
    color: #060606;
    line-height: 1.6;
    overflow: hidden;
    margin: 6px 0 0 0;
    background: ;
    border-top: 1px solid #eeeeeec9;
    border-bottom: 1px solid #eeeeeec9;
    padding: 4px 0;
    display: flex;
    align-items: center;
    text-align: justify;
}
.Calender_show_date .section_time .Task_show .ListOFTask
{
    float: right;
    width: max-content;
    display: flex;
    flex-wrap: nowrap;
}


.Calender_show_date .section_time .Task_show .task_item .DateStart {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 12px;
    margin: -10px 0 -4px 2px;
    font-weight: 500;
}
.Calender_show_date .section_time.Remaining_work
{
    border: 3px solid red;
}

.Calender_show_date .section_time .timeShow .count {
    float: right;
    text-align: center;
    width: 100%;
    font-size: 10px;
    font-family: iranyekanfan;
    color: var(--bs-blue);
    position: relative;
}
.Calender_show_date .section_time .timeShow .count i {
    font-style: normal;
}

.Calender_show_date .section_time .Task_show .task_item .StatusProggress {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    display: flex;
    flex-wrap: nowrap;
}
.Calender_show_date .section_time .Task_show .task_item .StatusTask {
    float: right;
    width: 100%;
}
.Calender_show_date .section_time .Task_show .task_item .StatusProggress li {
    width: 100%;
    margin: 0 1px;
    background: #eee;
    padding: 3px 0 0 0;
}
.Calender_show_date .section_time .Task_show .task_item .StatusProggress li b {
    font-size: 10px;
    margin: 0;
    font-weight: normal;
    width: 100%;
    text-align: center;
    float: right;
}
.Calender_show_date .section_time .Task_show .task_item .StatusProggress li:first-child.active {
    background: var(--bs-yellow);
}
.Calender_show_date .section_time .Task_show .task_item .StatusProggress li:nth-child(2).active {
    background: var(--bs-indigo);
    color: #fff;
}
.Calender_show_date .section_time .Task_show .task_item .StatusProggress li:last-child.active {
    background: var(--second);
    color: #fff;
}


.Calender_show_date .section_time .Task_show .task_item .CTATask {
    float: right;
    width: 100%;
}
.Calender_show_date .section_time .Task_show .task_item .CTATask .taskCTA {
    float: right;
    width: 100%;
    padding: 0;
    margin: 11px 0 0 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
}
.Calender_show_date .section_time .Task_show .task_item .CTATask .taskCTA li {
    width: 100%;
    padding: 0;
}
.Calender_show_date .section_time .Task_show .task_item .CTATask .taskCTA li > div {
    float: right;
    width: 98%;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 5px 0 3px 0;
    align-items: center;
    cursor: pointer;
}
.Calender_show_date .section_time .Task_show .task_item .CTATask .taskCTA li > div i {
    font-size: 16px;
    margin: -2px 0 0 4px;
    color: ;
}
.Calender_show_date .section_time .Task_show .task_item .CTATask .taskCTA li > div.StartTask {
    background: var(--bs-teal);
    border: 1px solid var(--bs-teal);
    color: #fff;
}



.ShowDetailTask
{
    position: fixed;
    left: -25%;
    width: 25%;
    background: #fff;
    height: 100%;
    z-index: 99;
    box-shadow: inset 0 0 17px rgba(0,0,0,0.2);
    transition: 0.5s;
    padding: 12px;
    overflow: auto;
}
body.ShowTaskLeftSide {
    padding: 0 0 0 25%;
    transition: 0.5s;
}
body.ShowTaskLeftSide .ShowDetailTask {
    transition: 0.5s;
    left: 0%;
}


.ShowDetailTask .ContentTaskShow .TitleTaskView .LoadDescription {
    float: right;
    width: 100%;
    padding: 19px 17px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.04);
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .LoadDescription .title {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .LoadDescription .btn {
    background: var(--bs-gray);
    font-size: 13px;
    font-weight: 100;
    padding: 10px 0;
}

.ShowDetailTask .ContentTaskShow .TitleTaskView .TimeOFTask {
    float: right;
    width: 100%;
    margin: 8px 0 0 0;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TimeOFTask ul {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TimeOFTask ul li {
    width: 100%;
    margin: ;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TimeOFTask ul li > div {
    background: var(--second);
    display: flex;
    align-items: ;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    padding: 7px 0;
    margin: 0 2px;
    opacity: 1;
    color: #fff;
    cursor: pointer;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TimeOFTask ul li:nth-child(2) > div {
    background: var(--bs-yellow);
    color: #000;
}
.StartTask.deactive {
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TimeOFTask ul li:nth-child(3) > div {
    background: var(--bs-red);
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TimeOFTask ul li > div i {
    font-size: 15px;
    margin: -1px 0 0 3px;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TimeOFTask ul li > div.deactive {
    opacity: 0.2;
    cursor: no-drop;
}


.ShowDetailTask .ContentTaskShow {
    padding: 15px;
    float: right;
    width: 100%;
}


.ShowDetailTask .ContentTaskShow .TitleTaskView {
    float: right;
    width: 100%;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .Project_Detail {
    float: left;
    border: 1px solid var(--bs-yellow);
    font-size: 12px;
    font-weight: 300;
    padding: 3px 10px 0;
    border-radius: 50px;
    margin: 7px 0 0 0;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .Project_Detail span {
    display: none;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .Box_Author {
    float: right;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .Box_Author .thumb {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: ;
    border-radius: 50px;
    background-size: cover;
    background-position: center;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .Box_Author .title {
    float: right;
    width: auto;
    font-size: 14px;
    margin: 10px 4px 0 0;
    color: #000;
}


.ShowDetailTask .ContentTaskShow .TitleTaskView .TaskDetailText {
    float: right;
    width: 100%;
    border-top: 1px solid #eee;
    margin: 7px 0;
    padding: 10px;
    border-bottom: 1px solid #eee;
    background: #fcfcfc;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TaskDetailText .Cat {
    float: right;
    width: 100%;
    font-size: 12px;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TaskDetailText .Cat i {
    font-style: normal;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TaskDetailText .Cat b {
    color: var(--bs-pink);
    font-weight: normal;
}
.ShowDetailTask .ContentTaskShow .TitleTaskView .TaskDetailText .desc {
    float: right;
    width: 100%;
    padding: 10px 0;
    font-size: 19px;
    font-weight: 300;
    text-align: justify;
}



.Calender_show_date .section_time .timeShow .count .TaskDayMember {
    width: 200px;
    position: absolute;
    bottom: 100%;
    background: #fff;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
    z-index: 999;
    border-radius: 6px;
    padding: 0px 11px;
    list-style: none;
    margin: 0;
    right: 0;
    display: none;
}
.Calender_show_date .section_time .timeShow .count .TaskDayMember li {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: ;
    padding: 5px;
    border-bottom: 1px solid #f5f5f5;
}
.Calender_show_date .section_time .timeShow .count .TaskDayMember li .thumb {
    float: right;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
}
.Calender_show_date .section_time .timeShow .count .TaskDayMember li span {
    font-size: 10px;
    color: #000;
    margin: 0 5px 0 0;
}
.Calender_show_date .section_time .timeShow .count .TaskDayMember li .taskCount {
    margin: 0 10px 0 0;
    color: var(--bs-gradient);
}
.Calender_show_date .section_time .timeShow .count:hover .TaskDayMember {
    display: block;
}


.SearchBoxCarable .SearchBox li .box_search #SearchInProject {
    float: right;
    width: 98%;
    height: 35px;
    font-size: 13px;
    border-radius: 0;
    position: sticky;
    top: 0;
    margin: 0 1%;
}


.TaskItemParent.force {
    order: -900;
}
.TaskItemParent.force .task_item {
    border: 2px solid var(--bs-red);
    position: relative;
}
.TaskItemParent.force .task_item:after {
    position: absolute;
    content: "فورس";
    background: var(--bs-red);
    font-size: 12px;
    color: #fff;
    padding: 3px 8px 0;
    bottom: 0;
    left: 0;
}

.SearchBoxCarable .SearchBox li .text#ShowReportDaily
{
    background: #6f42c1b5;
    color: #fff;
}

.ReportDailyBox.active
{
    transition: 0.5s;
    bottom: 0;
}
.ReportDailyBox
{
    position: fixed;
    width: 100%;
    height: 50%;
    background: #f4f4f4;
    bottom: 0;
    z-index: 99;
    right: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
    border-top: 2px solid #6c757d45;
    bottom: -50%;
    transition: 0.5s;
    overflow: auto;
}
.ReportDailyBox .Head {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.ReportDailyBox .Head .title {
    margin: 0;
    width: auto;
    background: #fff;
    font-size: 14px;
    padding: 9px 34px 4px;
    color: #000;
    border: 1px solid #eee;
    border-top: 0;
}
.ReportDailyBox .Head .close {
    background: #dc3545a6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0 11px;
    height: 33px;
    border: 1px solid #dc3545a6;
    border-top: 0;
    cursor:pointer;
}

.ReportDailyBox .Body
{
    float: right;
    width: 100%;
    padding: 10px;
    margin: 10px 0 0 0;
    overflow: auto;
}



.ReportDailyBox .Body .ListOfReport {
    float: right;
    width: max-content;
    display: flex;
}
.ReportDailyBox .Body .ReportItem h3
{
    float: right;
    width: 100%;
    font-size: 15px;
    text-align: right;
    margin: 15px 0 0 0;
    color: #444;
}
.ReportDailyBox .Body .ReportItem h1
{
    float: right;
    width: 100%;
    font-size: 17px;
    text-align: center;
    color: #000;
    font-weight: 600;
}
.ReportDailyBox .Body .ReportItem .TaskList {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ReportDailyBox .Body .ReportItem .TaskList li {
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: start;
    padding: 5px 0;
    font-size: 13px;
}
.ReportDailyBox .Body .ReportItem .TaskList li i {
    margin: 0 0 0 3px;
    color: var(--second);
}
.ReportDailyBox .Body .ListOfReport .ReportItem
{
    float: right;
    width: 300px;
    background: #fff;
    margin: 0 10px;
    border: 1px solid #eee;
    padding: 20px 10px;
}
.ReportDailyBox .Body .ListOfReport .ReportItem p
{
    float: right;
    width: 100%;
    font-size: 12px;
    margin: 10px 0 0 0;
    line-height: 2;
}
.ReportDailyBox .Body .ReportItem .TaskList li span
{
    margin: 0 4px 0 0;
}

.ShowDetailTask .Remove
{
    position: absolute;
    right: 0;
    background: var(--bs-danger);
    color: #fff;
    font-size: 13px;
    top: 0;
    padding: 0 10px;
    cursor: pointer;
}


.Calender_show_date .section_time .add_task_custom i
{
    margin: -3px 0 0 4px;
}



.FollowTag {
    float: right;
    background: var(--bs-purple);
    color: #fff;
    font-size: 13px;
    padding: 10px 60px;
    border-radius: 6px;
    cursor: pointer;
}
.FollowTag.follow {
    background: var(--bs-teal);
    color: transparent;
    position: relative;
}
.FollowTag.follow::after
{
    position: absolute;
    content: "پیگیری شده است";
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #fff;
    text-align: center;
    right: ;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ListOfTaskOrder {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.list_of_data.follow {
    order: -100;
    position: relative;
    border: 1px solid var(--bs-red);
}
.list_of_data.follow:after {
    position: absolute;
    content: "نیاز به پیگیری";
    background: var(--bs-red);
    color: #fff;
    font-size: 10px;
    top: 0;
    padding: 0 5px;
}

.MoveToTrashBTN {
    background: var(--bs-red);
    color: #fff;
    font-size: 12px;
    padding: 4px 5px;
    margin: 6px 4px 0;
    border-radius: 50px;
    cursor: pointer;
    z-index: 999;
    position: relative;
}


.SearchBoxCarable .SearchBox li .text#ActivityLog {
    background: #ff00006e;
    color: #fff;
}
.SearchBoxCarable .SearchBox li .box_search#ActivityLogBox {
    max-height: 400px;
    overflow: auto;
}
.SearchBoxCarable .SearchBox li .box_search#ActivityLogBox .ListOfActivity {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.SearchBoxCarable .SearchBox li .box_search#ActivityLogBox .ListOfActivity li {
    float: right;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #eee;
    position: relative;
}
.SearchBoxCarable .SearchBox li .box_search#ActivityLogBox .ListOfActivity li span {
    position: absolute;
    right: 0;
    background: #3d07ffb8;
    font-size: 9px;
    padding: 2px 5px 0;
    border-radius: 50px;
    color: #fff;
    top: 3px;
}
.SearchBoxCarable .SearchBox li .box_search#ActivityLogBox .ListOfActivity li p {
    float: right;
    width: 100%;
    margin: 0;
    font-size: 12px;
    padding: 14px 0 4px 0;
}
.SearchBoxCarable .SearchBox li .text#accessList {
    background: #343a40c9;
    color: #fff;
}
.SearchBoxCarable .SearchBox li .box_search#AccessListBox {
    left: 0;
    right: auto;
}
.SearchBoxCarable .SearchBox li .box_search#AccessListBox #SearchAccess {
    float: right;
    width: 100%;
    border-radius: 0;
    height: 37px;
    font-size: 13px;
}
.SearchBoxCarable .SearchBox li .box_search#AccessListBox .ListOFAccess
{
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0;
    height: 300px;
    overflow: auto;
}
.SearchBoxCarable .SearchBox li .box_search#AccessListBox .ListOFAccess li {
    float: right;
    width: 100%;
    background: #eeeeee82 !important;
    padding: 8px 10px 6px;
    border: 1px solid #d4d4d4;
    font-size: 13px;
    text-align: center;
    margin: 4px 0 0;
}


.list_of_data .Comment {
    position: absolute;
    background: #ffdb50;
    width: 30%;
    max-height: 200px;
    top: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    display: none;
    left: 0;
    opacity: 0;
    z-index: 99999;
    padding: 0;
    overflow: auto;
}
.list_of_data:hover .Comment {
    display: block;
    opacity: 1;
}
.list_of_data .Comment:after {
    position: absolute;
    content: "";
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -9px;
    right: calc(50% - 5px);
}
.list_of_data .Comment .desc {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.list_of_data .Comment .desc li {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eeee;
    padding: 10px 10px;
}
.list_of_data .Comment .desc li a {
    float: right;
    width: 100%;
}
.list_of_data .Comment .desc li .contentDescription {
    float: right;
    width: 100%;
    font-size: 12px;
    text-align: right;
    color: var(--bs-primary);
}
.list_of_data .Comment .desc li .contentDescription h3 {
    float: right;
    width: 100%;
    font-size: 13px;
    text-align: right;
    color: #000;
}
.list_of_data .Comment .desc li a .DetailDescription {
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
}
.list_of_data .Comment .desc li .contentDescription p {
    margin: 0;
}
.list_of_data .Comment .desc li a .DetailDescription .item_list {
    font-size: 13px;
    color: #000;
    display: none;
}
.list_of_data .Comment .desc li a .DetailDescription .item_list:nth-child(2) {
    display: block;
}

.ReportDailyBox .Body .ListOfReport .ReportItem .SiteAddress {
    float: right;
    width: 100%;
    margin: 10px 0 0 0;
    font-size: 13px;
}
.ReportDailyBox .Body .ListOfReport .ReportItem .SiteAddress a {
    color: #000;
    text-decoration: none;
    font-size: ;
}



.ActionMethod {
    position: relative;
    z-index: 999;
    cursor: pointer;
    float: left;
    margin: 0 0 0 3px;
}
.ActionMethod .ListOfAcction {
    position: absolute;
    width: max-content;
    background: #fff;
    left: 14px;
    bottom: 100%;
    display: none;
    z-index: 999999;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    border-radius: 6px;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    padding: 10px;
}
.ActionMethod .text {
    background: var(--wp--preset--color--vivid-cyan-blue);
    display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
}
.las.la-ellipsis-v {
}
.ActionMethod .text i {
    margin: 0 0 0 -6px;
}
.ActionMethod.active .ListOfAcction {
    display: flex;
}
.ActionMethod .ListOfAcction li {
    float: right;
    width: max-content;
    border-left: 1px solid #ccc;
    padding: 0 10px;
}
.ActionMethod .ListOfAcction li > a , .ActionMethod .ListOfAcction li > div {
    margin: 0;
    padding: 5px 21px;
    position: relative !important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    float: right;
}
.ActionMethod .ListOfAcction li:last-child {
    border: 0;
}


.FreezerOrder {
    background: #405b71;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 200;
    cursor: pointer;
}


.list_of_data.freezer:after {
    background: radial-gradient(27% 29% at right, #0000 83%,#9f9ff7 85% 99%,#0000 101%) calc(15px/2) 15px, radial-gradient(27% 29% at left, #0000 83%,#9f9ff7 85% 99%,#0000 101%) calc(15px/-2) 15px, radial-gradient(29% 27% at top, #0000 83%,#9f9ff7 85% 99%,#0000 101%) 0 calc(15px/2), radial-gradient(29% 27% at bottom, #0000 83%,#9f9ff7 85% 99%,#0000 101%) 0 calc(15px/-2) rgba(71, 212, 255, 0);
    background-size: 30px 30px;
    background-color: rgba(0, 0, 0, 0.9);
}
.list_of_data.freezer:before {
    position: absolute;
    content: "فریزشده";
    background: #496177;
    z-index: 999;
    top: 0;
    right: 0;
    font-size: 11px;
    color: #fff;
    padding: 2px 10px 0;
}


.ContentOfSabtMapRequest {
    float: left;
    width: 100%;
    height: 100vh;
}
.ContentOfSabtMapRequest .row , .ContentOfSabtMapRequest .row > div {
    padding: 0;
    position: relative;
}
.ContentOfSabtMapRequest .row {
}
.ContentOfSabtMapRequest .BoxOfMap {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    top: 0;
    z-index: 9;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-right: 1px solid #e1e1e1;
}
.ContentOfSabtMapRequest .BoxOfMap .LeftSide {
    width: 81px;
    position: absolute;
    left: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    height: 100vh;
    text-align: center;
    z-index: 2;
    background: #fff;
}
.ContentOfSabtMapRequest .BoxOfMap .LeftSide img {
    width: 80%;
    display: inline-block;
    margin: 0 0 0 10px;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide {
    float: right;
    width: 100%;
    padding: 0px 0px 0 81px;
    max-height: 100vh;
    overflow: auto;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .thumb {
    float: right;
    width: 100%;
    height: 203px;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A6A6A6;
    font-size: 14px;
}



.ContentOfSabtMapRequest .BoxOfMap .rightSide .Title {
    float: left;
    width: 100%;
    padding: 10px 20px;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 15px 0;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .IMG {
    float: left;
    width: 100%;
}


.ContentOfSabtMapRequest .BOxOFRequest {
    float: right;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest {
    width: 85%;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    text-align: center;
    max-height: 90vh;
    overflow: auto;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .logo {
    display: inline-block;
    width: 100px;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .title {
    display: inline-block;
    width: 100%;
    margin: 10px 0 17px 0;
    font-size: 24px;
    font-weight: 700;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .StepList {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .StepList li {
    width: 25%;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
    justify-content: center;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .StepList li span:nth-child(1) {
    width: 30px;
    display: inline-block;
    height: 30px;
    background: #eee;
    margin: 0 auto;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 13px;
    position: relative;
    z-index: 2;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .StepList li span:nth-child(2) {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin: 5px 0 0 0;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .StepList li.active span:nth-child(1) {
    background: var(--bs-warning);
    color: #fff;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .StepList li:after {
    position: absolute;
    content: "";
    width: 89%;
    height: 2px;
    background: #eee;
    right: 56%;
    top: 15px;
    z-index: 1;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .StepList li:last-child::after {
    display: none;
}
.ContentOfSabtMapRequest .BOxOFRequest .formRequest .StepList li.active:after{
    background: var(--bs-warning);
}

.ContentOfSabtMapRequest .row > .col-md-4 {
    width: 29%;
}
.ContentOfSabtMapRequest .row > .col-md-8 {
    width: 71%;
}

#ReqestUserForSabtMap {
    float: right;
    width: 100%;
    padding: 30px 50px;
}
#ReqestUserForSabtMap .DIvOfFormSabt {
    float: right;
    width: 100%;
    display: none;
}
#ReqestUserForSabtMap .DIvOfFormSabt.active {
    display: block;
}
#ReqestUserForSabtMap .form-group{
    position: relative;
}


.AddHourWork {
    float: right;
    width: 100%;
    background: #d9f99f;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
    border-radius: 50px;
    cursor: pointer;
}
.AddHourWork i {
    margin: -2px 0 0 0;
    font-size: 20px;
}

.ContentOfSabtMapRequest .BoxOfMap .rightSide .ActivityText {
    float: left;
    padding: 0 20px;
    margin: -19px 0 20px 0;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .thumb.active {
    background-size: cover;
    background-position: center;
    color: transparent;
}

.BoxOfTime {
    position: absolute;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 6px;
    padding: 10px;
    z-index: 9;
    top: 29px;
    display: none;
}
.BoxOfTime .TimeOfWeek {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 200px;
    overflow: auto;
}
.BoxOfTime .TimeOfWeek li {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    margin: 0;
}
.BoxOfTime .TimeOfWeek li span {
    float: right;
    width: 80px;
    text-align: right;
    font-size: 13px;
}
.BoxOfTime .TimeOfWeek li .Time {
    float: left;
    width: calc(100% - 80px);
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: end;
}
.BoxOfTime .TimeOfWeek li .Time .SetTime {
    display: none!important;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 80%;
}
.BoxOfTime .TimeOfWeek li .Time .SetTime.active{
    display: flex!important;
}
.BoxOfTime .TimeOfWeek li .Time .closeTime {
    display: flex;
    width: 30%;
    align-items: center;
    font-size: 13px;
}
.BoxOfTime .TimeOfWeek li .Time .closeTime input {
    margin: 0 0 0 3px;
}
.BoxOfTime .TimeOfWeek li .Time .closeTime span {
    font-size: 12px;
}
.BoxOfTime .TimeOfWeek li .Time .SetTime label {
    font-size: 11px;
    margin: 0;
    padding: 0;
    height: auto;
    text-align: center;
}
.BoxOfTime .TimeOfWeek li .Time .SetTime select {
    float: right;
    width: 85%;
    height: 30px;
    padding: 0;
    text-align: center;
    font-size: 13px;
    margin: 0 7.5%;
}
.BoxOfTime .Apply {
    float: right;
    width: 100%;
    background: var(--bs-blue);
    color: #fff;
    font-size: 13px;
    padding: 8px 0;
    border-radius: 50px;
    margin: 6px 0 0 0;
    cursor: pointer;
}
.BoxOfTime.active {
    display: block;
}



.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail {
    float: left;
    width: 100%;
    list-style: none;
    padding: 15px;
    margin: 0;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 6px 10px;
    position: relative;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li i {
    font-size: 23px;
    color: #1a73e7;
    margin: 0 5px 0 0;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li i.las.la-angle-down {
    position: absolute;
    right: 0;
    font-size: 15px;
    color: #333;
    top: 13px;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li span {
    margin: 5px 0 0 0;
}

.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li .TimeListShow {
    position: absolute;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 10px;
    top: 100%;
    z-index: 9;
    display: none;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li:hover .TimeListShow {
    display: block;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li .TimeListShow ul {
    float: right;
    width: 100%;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li .TimeListShow ul li {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eee;
    display: block;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li .TimeListShow ul li span {
    float: right;
}
.ContentOfSabtMapRequest .BoxOfMap .rightSide .LIstOFDetail li .TimeListShow ul li b {
    float: left;
    font-weight: normal;
    font-size: 13px;
    margin: 6px 0 0 0;
}


.ListOFNav {
    float: left;
    width: 98%;
    padding: 0;
    margin: 10px 1% 0;
    list-style: none;
}
.ListOFNav li {
    float: left;
    width: 50%;
}
.ListOFNav li .next {
    float: left;
    background: var(--bs-blue);
    width: 98%;
    border-radius: 50px;
    padding: 10px 0;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
}


#mapid {
    float: right;
    width: 100%;
    height: 200px !important;
    margin:0 0 20px 0;
}

.ListOFNav li .prev {
    float: right;
    width: 98%;
    background: var(--bs-gray);
    color: #fff;
    font-size: 13px;
    font-weight: 200;
    padding: 10px 0;
    border-radius: 50px;
    cursor: pointer;
}


#SelectPackage .title {
    float: right;
    width: 100%;
    text-align: right;
    color: #000;
    font-size: 17px;
    font-weight: 400;
}
#SelectPackage .ListOfPackage {
    float: right;
    width: 100%;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
#SelectPackage .ListOfPackage > li {
    float: right;
    width: 48%;
    background: #f9f9f9;
    padding: 15px 15px 0 15px;
    border-radius: 6px;
    margin: 10px 1% 3px 1%;
    position: relative;
    opacity: 0.8;
}

#SelectPackage .ListOfPackage > li.active {
    opacity: 1;

}
#SelectPackage .ListOfPackage > li.active::after {
    position: absolute;
    content: "\f00c";
    width: 50px;
    height: 50px;
    background: var(--bs-teal);
    right: 0;
    bottom: 0;
    z-index: 9999;
    border-radius: 6px;
    font-family: 'Line Awesome Free';
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
#SelectPackage .ListOfPackage > li#Bundle {
    width: 98%;
    position: relative;
}
#SelectPackage .ListOfPackage > li #PackageSelectedInput {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
#SelectPackage .ListOfPackage > li .thumb {
    float: right;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 calc(50% - 30px) 8px;
}
#SelectPackage .ListOfPackage > li h4 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #000;
}
#SelectPackage .ListOfPackage > li .description {
    float: right;
    width: 100px;
    position: relative;
    margin: 0 calc(50% - 50px);
    display: none;
}
#SelectPackage .ListOfPackage > li .description p {
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: 0;
}
#SelectPackage .ListOfPackage > li .price {
    float: right;
    width: 100%;
    text-align: center;
    font-family: iranyekanfan;
    color: var(--bs-blue);
    font-size: 15px;
}
iranyekanfan .Select {
}
#SelectPackage .ListOfPackage > li .Select {
    display: inline-block;
    border: 1px solid var(--bs-orange);
    font-size: 13px;
    padding: 6px 32px 1px;
    color: var(--bs-orange);
    margin: 8px 0 0 0;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    display:none;
}





.successPayment {
    float: right;
    width: 100%;
}
.successPayment h2 {
    float: right;
    width: 100%;
    color: var(--bs-green);
    font-size: 20px;
}
.successPayment a {
    float: right;
    font-size: 15px;
    text-decoration: none;
    background: var(--bs-blue);
    color: #fff;
    padding: 6px 20px;
    border-radius: 5px;
}

.tab_project li.NewProcess {
    background: var(--bs-teal);
    position: relative;
}
.tab_project li.NewProcess a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}


.ListOFRequest {
    float: right;
    width: 100%;
    list-style: none;
    padding: 6px;
    margin: 0;
    background: #eee;
}
.ListOFRequest li {
    float: right;
    font-size: 14px;
    padding: 10px 20px;
    margin: 0 0 0 7px;
    cursor: pointer;
}
.ListOFRequest li.active , .ListOFRequest li:hover {
    background: var(--bs-blue);
    color: #fff;
    border-radius: 6px;
}
.divofRequest {
    float: right;
    width: 100%;
    border: none;
    padding: 15px;
    display: none;
}
.divofRequest.active {
    display: block;
}



.ProcessItem {
    float: right;
    width: 100%;
    background: #FFF;
    padding: 17px;
    margin: 0 1% 20px;
    border: none;
    position: relative;
}
.ProcessItem .ProcesDept {
    float: right;
    width: 100%;
    font-size: ;
}
.ProcessItem .ProcesDept h3 {
    float: right;
    width: 100%;
    color: #01224B;
    font-size: 16px;
    font-style: normal;
}
.ProcessItem .ProcesDept .DeptList {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 14px 0 0 0;
    position: relative;
    height: 230px;
}
.ProcessItem .ProcesDept .DeptList li {
    float: right;
    border: none;
    margin: 0 0px 0 10px;
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 30px;
    background: #FFF;

    box-shadow: 4px 4px 30px 10px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}
.ProcessItem .ProcesDept .DeptList li ul {
    position: absolute;
    width: 100%;
    right: 0;
    top: 113px;
    right: 0;
    display: none;
    padding: 0;
}
.ProcessItem .ProcesDept .DeptList li .thumb {
    display: inline-block;
    width: 88px;
    height: 85px;
    border-radius: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.ProcessItem .ProcesDept .DeptList li span {
    width: 100%;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    margin: 8px 0 0 0;
    text-align: center;
}
.ProcessItem .ProcesDept .DeptList li:hover , .ProcessItem .ProcesDept .DeptList li.active {
    background: #E8EBEF;
    box-shadow: 4px 4px 30px 10px rgba(0, 0, 0, 0.05);
    position: relative;
}
.ProcessItem .ProcesDept .DeptList li.active:after{
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODI5MSAxNC4yNzQ0TDEwLjMzODkgMTkuNzg0MkwyMS4zNTg0IDcuOTc3NTQiIHN0cm9rZT0iI0U4RUJFRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-position: center;
    width: 35px;
    height: 35px;
    position: absolute;
    left: -10px;
    background-color: #22C035;
    background-size: 70%;
    background-repeat: no-repeat;
    border-radius: 50%;
    bottom: -10px;

}
.ProcessItem .ProcesDept .DeptList li.active ul {
    display: block;
}
.ProcessItem .ProcesDept .DeptList li .avatar {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
}

.addTempProcess {
    float: right;
    width: 100%;
    background: var(--bs-warning);
    text-align: center;
    padding: 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 10px;
}
.accordion-button:not(.collapsed){
    background: transparent;
    border-bottom: 1px dashed #8B8996;
    color: #626262;
}

.ProcessMItem {
    width: 31.33%;
    float: right;
    background: #fff;
    padding: 20px 20px 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    border-radius: 6px;
    margin: 0 1% 20px;
}
.ProcessMItem h3 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--bs-blue);
    margin: 10px 0 0 0;
}
.ProcessMItem > span {
    float: right;
    width: 50%;
    text-align: center;
    color: var(--bs-gray);
    font-size: 13px;
}
.ProcessMItem .Dept {
    float: right;
    width: ;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 14px 0 7px 0;
    display: flex;
    flex-wrap: nowrap;
}
.ProcessMItem .Dept li {
    margin: 0 2px;
    background: #f6f6f6;
    text-align: center;
    font-size: 13px;
    font-family: iranyekanfan;
    color: #666;
    font-weight: normal;
    padding: 10px 0;
}
.ProcessMItem > span:nth-child(1) {
    border-left: 1px solid #eee;
}
.ProcessMItem a {
    width: 100%;
    text-align: center;
    float: right;
}
.ProcessMItem .actionMenu {
    margin: 0 0 0 0;
}


.DetailOfRequest.descProcess {
    padding: 0;
}
.DetailOfRequest.descProcess li {
    width: 100%;
    border: 0;
    padding: 10px;
    height: 173px;
    overflow: auto;
}


.ShowPricessList {
    float: right;
    width: 100%;
    padding: 10px 100px;
    position: relative;
}
.ShowPricessList:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background: var(--bs-blue);
    right: calc(50% - 1px);
    top: 0;
    border-radius: 50px;
}
.ShowPricessList .ItemOfProcess {
    float: right;
    width: 48%;
    margin: 0 0 50px 52%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 33px;
    border-radius: 5px;
    position: relative;
}
.ShowPricessList .ItemOfProcess h2 {
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: var(--bs-blue);
}
.ShowPricessList .ItemOfProcess .Memmber {
    float: right;
    list-style: none;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    margin: 5px 0 7px 0;
    position: relative;
}
.ShowPricessList .ItemOfProcess .Memmber li {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ShowPricessList .ItemOfProcess .Memmber li .avatar {
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: cover;
    background-color: #eee;
    border-radius: 50px;
}
.ShowPricessList .ItemOfProcess .Memmber li span {
    margin: 4px 0 0 0;
    font-size: 13px;
}
.ShowPricessList .ItemOfProcess .desc {
    width: 100%;
    float: right;
    text-align: center;
    font-size: 15px;
    background: #f8f8f8;
    padding: 10px;
}
.ShowPricessList .ItemOfProcess::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: var(--bs-blue);
    border-radius: 50%;
    right: 102.8%;
    top: calc(50% - 7.5px);
}
.ShowPricessList .ItemOfProcess:nth-child(2n) {
    float: left;
    margin: 0 52% 0 0;
}
.ShowPricessList .ItemOfProcess:nth-child(2n):after {
    right: auto;
    left: 102.8%;
}
.List_Of_ticket_item .ticketItem .text_ticket img {
    max-width: 100% !important;
    height: auto !important;
}
.List_Of_ticket_item .ticketItem .text_ticket table {
    max-width: 100% !important;
    position: relative;
}


.TaskItemParent.high {
    order: -800;
}
.TaskItemParent.medium {
    order: -700;
}
.TaskItemParent.low {
    order: -600;
}

.TaskItemParent.high .task_item::after {
    position: absolute;
    content: "اولیت بالا";
    background: var(--bs-danger);
    font-size: 9px;
    color: #fff;
    padding: 3px 6px 0;
    right: 0;
    top: 0;
}


.TaskItemParent.medium .task_item::after {
    position: absolute;
    content: "اولیت متوسط";
    background: var(--bs-orange);
    font-size: 9px;
    color: #fff;
    padding: 3px 6px 0;
    right: 0;
    top: 0;
}
.TaskItemParent.low .task_item::after {
    position: absolute;
    content: "اولیت پایین";
    background: var(--bs-gray);
    font-size: 9px;
    color: #fff;
    padding: 3px 6px 0;
    right: 0;
    top: 0;
}
.TaskItemParent > .deleteTask {
    left: 0;
    background: var(--bs-danger);
    width: 71px;
    font-size: 11px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    left: 7px;
    bottom: -1px;
    z-index: 9;
    float: right;
    position: absolute;
    display: none;
    padding: 2px 0 1px;
    cursor: pointer;
}
.TaskItemParent:hover > .deleteTask {
    display: flex;
}
.TaskItemParent > .deleteTask i {
    position: relative;
    top: -2px;
}
.InvoiceTableRecord.Description li.desc {
    width: 100%;
    text-align: right;
    font-size: 13px;
    padding: 10px 9px 7px;
    background: #f7f7f7;
}



.Main .content .row.ProjectViewRow {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.ProjectCarosuel {
    float: right;
    width: calc(100% - 150px);
    margin: 17px 0 10px 0;
    overflow: auto;
    border-radius: 0;
    background: #f3f3f3;
    border: 1px dashed #ccc;
    height: 201px;
}


.projects-by-month .titleBox .DayWorks {
    font-size: 13px;
}


.TaskMonthOutput {
    float: right;
    width: calc(100% - 150px);
    height: 203px;
    border: 1px dashed #ccc;
    margin: 17px 0 0 0;
    background: #fbfbfb;
    padding: 17px;
}

.projects-by-month > div > ul li#\39 1677.done::before,{
    display:none;
}

.projects-by-month > div > ul li.done::before {
    position: absolute;
    content: "تسویه شده";
    color: #fff;
    top: 0;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #fff;
    border-top: 0;
    padding: 0 9px 0;
    border-radius: 0 0 10px 10px;
}

.ProjectItem .description_project ul b {
    width: auto;
    height: auto;
    border-radius: 5px;
    padding: 3px 8px 0;
    font-size: 12px !important;
}
.ProjectItem .description_project .progress {
    margin: -44px 0 24px 0;
}
.mobileShow {
    float: right;
    width: 100%;
    color: #333;
}


.linkOfCourse.Academy input {
    display: none;
}
.linkOfCourse.Academy .copyCourseLink {
    background: var(--bs-orange);
    font-size: 13px;
    padding: 4px 31px;
    border-radius:6px
}

.CourseItem {
    float: right;
    width: 33.3%;
}
.CourseItem a {
    float: right;
    width: 98%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 14px;
    text-align: center;
    text-decoration: none;
    border-radius:6px;
}
.CourseItem a .thumb {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.CourseItem a h2 {
    font-size: 17px;
    color: var(--bs-blue);
    font-weight: 600;
    margin: 6px 0 0 0;
    height: 35px;
    margin: 10px 0 0 0;
    overflow: hidden;
}
.CourseItem a span {
    font-size: 13px;
    font-family: iranyekanfan;
    color: #000;
    width: 100%;
    display: inline-block;
}
.CourseItem a .readMore {
    display: inline-block;
    background: var(--bs-blue);
    color: #fff;
    font-size: 14px;
    padding: 4px 26px 5px;
    border-radius: 50px;
}

.briefBTN {
    float: right;
    font-size: 14px;
    background: var(--first);
    color: #fff !important;
    text-decoration: none;
    padding: 10px 20px;
    font-weight: 200;
    border-radius: 6px;
    margin: -14px 5px 0;
}
.briefBTN.seo {
    float: left;
}

.StepOfBrief {
    float: right;
    width: 100%;
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: nowrap;
}
.StepOfBrief li {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.StepOfBrief li i {
    background: #ccc;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 100;
    border-radius: 50px;
    position: relative;
}
.StepOfBrief li.active i {
    background: var(--bs-warning);
}
.StepOfBrief li span {
    font-size: 13px;
    margin: 6px 0 0 0;
    color: #999;
}
.StepOfBrief li.active span {
    color: #000;
}
.StepOfBrief li::before {
    position: absolute;
    content: "";
    width: 97%;
    height: 1px;
    background: #ccc;
    right: 53%;
    top: 16px;
}
.StepOfBrief li:last-child:before {
    display: none;
}
.StepOfBrief li.active:before {
    background: var(--bs-warning);
}



#BriefData {
    float: right;
    width: 100%;
}
.BoxOfDivBrief {
    float: right;
    width: 100%;
    background: #fff;
    padding: 17px;
    margin: 25px 0 0 0;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.04);
    display: none;
}
.BoxOfDivBrief.active {
    display: block;
}
.BoxOfDivBrief .Nav {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0 1%;
    margin: 20px 0 0 0;
}
.BoxOfDivBrief .Nav div {
    float: right;
    font-size: 15px;
    background: #ccc;
    padding: 10px 60px;
    border-radius: 6px;
    font-weight: 200;
    cursor: pointer;
}
.BoxOfDivBrief .Nav div.next {
    float: left;
    background: var(--bs-green);
    color: #fff;
}

body .color.jscolor {
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px 20px 20px 45px !important;
    border-radius: 6px;
}


.ShowBriefDetail {
    float: right;
    width: 100%;
}
.ShowBriefDetail .ListOfDetailBrief {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.ShowBriefDetail .ListOfDetailBrief li:first-child {
    width: 34%;
    background: #0C3DA0;
    border-bottom: 1px solid #dcdcdc33;
    text-align: center;
    padding: 16px 14px;
    color: #fff;
    font-size: 14px;
}
.ShowBriefDetail .ListOfDetailBrief li:last-child {
    width: 60%;
    background: #e8e8e8;
    border-bottom: 1px solid #ccc;
    padding: 16px;
    text-transform: ;
}


.balance {
    float: right;
    position: relative;
    width: 25px;
    height: 25px;
    margin: 0 0px 0 0;
    background: #009f70;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    cursor: pointer;
    z-index: 99999;
}
.balance p {
    position: absolute;
    width: 250px;
    left: 0;
    bottom: 100%;
    background: #fff;
    font-size: 13px;
    box-shadow: 0 0 10px rgba(0,0,0,0.098);
    padding: 7px;
    border-radius: 5px;
    text-align: right;
    margin: 0;
    display: none;
    color: #000;
}
.balance:hover p {
    display: block;
}
.balance i {
    margin: -4px 6px 0 0;
}
.balance.down {
    background: var(--bs-danger);
}
.tags_item {
    font-size: 11px;
    background: var(--wp--preset--color--vivid-cyan-blue);
    color: #fff;
    border-radius: 40px;
    padding: 1px 9px;
    margin: 0 0 0 2px;
}

.sabtMapStatus {
    background: var(--bs-warning);
    font-size: 12px;
    padding: 1px 10px 0;
    border-radius: 50px;
}
.switch_status.SabtMap .box_of_item:after {
    width: 175% !important;
}

#SabtMapOrderChangeStatusAjax {
    float: right;
    width: 100%;
}
#SabtMapOrderChangeStatusAjax .switch_status {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
#SabtMapOrderChangeStatusAjax .switch_status li {
    width: 100%;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}
#SabtMapOrderChangeStatusAjax .switch_status li input {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
}

#SabtMapOrderChangeStatusAjax .switch_status li .box_of_item {
    float: right;
    width: 145px;
    background: #eee;
    padding: 15px 0;
    border-radius: 10px;
    position: relative;
}
#SabtMapOrderChangeStatusAjax .switch_status li .box_of_item:after {
    position: absolute;
    width: 100%;
    height: 1px;
    content: "";
    border-bottom: 1px dashed #ccc;
    right: 100%;
    top: 48%;
}
#SabtMapOrderChangeStatusAjax .switch_status li:last-child .box_of_item::after {
    display: none;
}
#SabtMapOrderChangeStatusAjax .switch_status li .box_of_item:hover , #SabtMapOrderChangeStatusAjax .switch_status li .box_of_item.active {
    background: var(--bs-info);
    color: #fff !important;
}


#SabtMapOrderChangeStatusAjax .description_of_status {
    float: right;
    border: 1px solid #eee;
    width: 94%;
    margin: 17px 3%;
    padding: 10px;
    border-radius: 10px;
    background: #fefefe;
    display: none;
}
#SabtMapOrderChangeStatusAjax .description_of_status textarea {
    height: 100px;
}
#SabtMapOrderChangeStatusAjax .description_of_status.active {
    display: block;
}


#SelectPackage .ListOfPackage > li .imageThumb {
    display: block !important;
    left: 0;
    top: 0;
    width: 100%;
    float: right;
    border-radius: 5px;
}
#SelectPackage .ListOfPackage > li .thumb {
    display: none;
}
#SelectPackage .ListOfPackage > li h4 {
    display: none;
}
#SelectPackage .ListOfPackage > li .price {
    display: none;
}
#SelectPackage .ListOfPackage > li .Select {
    position: absolute;
    right: calc(50% - 50px);
    bottom: 0;
    border-color: #000;
    color: #000;
}
#SelectPackage .ListOfPackage > li {
    padding: 0;
    border-radius: 10px;
}

#SelectPackage .ListOfPackage > li #PackageSelectedInput {
    z-index: 99;
}
.PriceToToman {
    float: right;
    width: 98%;
    background: #eee;
    text-align: center;
    padding: 10px 0;
    border-radius: 6px;
    margin: 7px 1% 0;
}


.GradingBox {
    float: right;
    width: 100%;
    padding: 10px;
    background: #f4f4f4;
    border: 1px dashed #eaeaea;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.GradingBox .Title {
    float: right;
    width: 100%;
    font-size: 18px;
    text-align: center;
    color: var(--first);
}


.ListOfTabPersonal {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 5px solid var(--first);
    margin: 0 0 33px 0;
    cursor: pointer;
}
.ListOfTabPersonal li {
    float: right;
    background: #eee;
    padding: 10px 36px 9px;
    font-size: 13px;
    border-left: 1px solid #ccc;
}
.ListOfTabPersonal li:hover , .ListOfTabPersonal li.active {
    background: var(--first);
    color: #fff;
}
.DivOfShowPersonal {
    float: right;
    width: 100%;
    display: none;
}
.DivOfShowPersonal.active {
    display: block;
}


.EduactionListPersonal {
    float: right;
    width: 100%;
    display: flex;
    border: 1px dashed #ccc;
    padding: 10px;
    border-radius: 6px;
    position: relative;
}
.TempOfEducationList {
    float: right;
    width: 100%;
}
.PlaceOfEducationList {
    float: right;
    width: 100%;
}
.addTempOfEducationList {
    float: left;
    text-align: center;
    background: var(--bs-yellow);
    font-size: 14px;
    padding: 10px 50px;
    border-radius: 6px;
    margin: 17px 0 0 0;
    cursor: pointer;
}



.WorkExperienceListPersonal {
    float: right;
    width: 100%;
    display: flex;
    border: 1px dashed #ccc;
    padding: 10px;
    border-radius: 6px;
    position: relative;
}
.TempOfWorkExperience {
    float: right;
    width: 100%;
}
.PlaceWorkExperience {
    float: right;
    width: 100%;
}
.addWorkExperience {
    float: left;
    text-align: center;
    background: var(--bs-yellow);
    font-size: 14px;
    padding: 10px 50px;
    border-radius: 6px;
    margin: 17px 0 0 0;
    cursor: pointer;
}


.CourseStudyListPersonal {
    float: right;
    width: 100%;
    display: flex;
    border: 1px dashed #ccc;
    padding: 10px;
    border-radius: 6px;
    position: relative;
}
.TempOfCourseStudy {
    float: right;
    width: 100%;
}
.PlaceOfCourseStudy {
    float: right;
    width: 100%;
}
.addTempOfCourseStudy {
    float: left;
    text-align: center;
    background: var(--bs-yellow);
    font-size: 14px;
    padding: 10px 50px;
    border-radius: 6px;
    margin: 17px 0 0 0;
    cursor: pointer;
}



.dataGrading {
    display: inline-block;
    position: relative;
}
.dataGrading i {
    position: absolute !important;
    background: var(--bs-blue);
    font-style: normal;
    font-family: iranyekanfan;
    bottom: 100% !important;
    top: auto !important;
    width: max-content;
    border-radius: 5px;
    color: #fff;
    left:  0 !important;
    right: auto !important;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 200;
    display:none!important;
}
.dataGrading:hover i{
    display:block!important;
}



.TabOfGrading {
    float: right;
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid var(--first);
    margin: 0 0 13px 0;
    list-style: none;
    cursor: pointer;
}
.TabOfGrading li {
    float: right;
    font-size: 14px;
    padding: 9px 40px;
    background: #eee;
    border-left: 1px solid #ccc;
}
.TabOfGrading li:hover , .TabOfGrading li.active {
    background: var(--first);
    color: #fff;
}
.DivOfGrading {
    float: right;
    width: 100%;
    display: none;
}
.DivOfGrading.active {
    display: block;
}
.CourseItem a img {
    max-height: 142px;
}
.TitlePer {
    float: right;
    width: 98%;
    background: #fff;
    margin: 20px 1% 0;
    text-align: center;
    font-size: 15px;
    color: #000;
    padding: 16px 0 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.GreatRole {
    display: inline-block;
    font-size: 12px;
    background: var(--second);
    border-radius: 40px;
    padding: 1px 10px;
    color: #fff;
}

.TotalSalary {
    float: right;
    width: 100%;
    text-align: center;
    margin: 16px 0 0 0;
    background: var(--bs-warning);
    padding: 10px;
    display: flex;
    justify-content: center;
}
.TotalSalary b {
    font-family: iranyekanfan;
    margin: 0 15px 0 0;
}


.GradingYear {
    float: right;
    width: 100%;
    border: ;
}
.GradingYear .yearS {
    float: right;
    width: 100%;
    font-size: 20px;
    color: var(--first);
    font-weight: bold;
}
.GradingNumber {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
}
.GradingNumber li {
    width: 100%;
    border: 1px solid var(--bs-warning);
    margin: 0 0 0 1%;
    padding: 3px;
    border-radius: 50px;
}
.GradingNumber li span {
    float: right;
    font-size: 13px;
    background: var(--bs-warning);
    padding: 10px 20px;
    border-radius: 50px;
}
.GradingNumber li b {
    float: left;
    padding: 10px 20px 0;
    font-family: iranyekanfan;
}

#ReqestUserForSabtMap .DIvOfFormSabt#addressDetail p {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    margin: 12px 0 0 0;
    border-bottom: 1px solid #eee;
    padding: 10px;
}
.InvoiceTableRecord.sabtmap li {
    font-size: 14px;
}

.AlertSuccessPayment {
    float: right;
    width: 100%;
    background: var(--wp--preset--color--light-green-cyan);
    padding: 10px 0;
    text-align: center;
    margin: 0 0 8px 0;
    border-radius: 6px;
}

.TermAndConditionTitle {
    float: right;
    width: 100%;
    margin: 20px 0 18px 0;
    text-align: center;
    color: var(--bs-green);
}
.TermAndCondition {
    float: right;
    width: 100%;
    height: 200px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 14px;
    background: #fcfcfc;
    font-size: 15px;
    border-radius: 6px;
}

.ListOFStepSabt {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.ListOFStepSabt li {
    width: 100%;
    padding: 24px 16px;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    border-top: 10px solid #ccc;
}
.ListOFStepSabt li .title {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    color: #000;
}
.ListOFStepSabt li .StatusSelect {
    float: right;
    width: 100%;
    margin: 8px 0 0 0;
}
.ListOFStepSabt li .StatusSelect select {
    float: right;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 13px;
}

.ListOFStepSabt li.done {
    border-color: var(--bs-teal);
}
.ListOFStepSabt li.pending {
    border-color: var(--bs-danger);
}
.ListOFStepSabt li.doing {
    border-color: var(--bs-yellow);
}
.content.AcademyCheckOut .row {
    box-shadow: none;
    background: transparent;
    padding: 0;
    margin: -59px -11px 0 0;
    border-radius: 0;
}
.content.AcademyCheckOut {
    padding: 0px 242px 20px 0px;
}

.content.AcademyCheckOut .col-md-6.course {
    background: #fff;
    padding: 84px 40px 0 40px;
    min-height: 100vh;
    box-shadow: inset 0 0 20px 4px rgba(0,0,0,0.1);
}
.ShowCourseItem {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ShowCourseItem li {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.06);
    border-radius: 6px;
    padding: 10px;
    float: right;
    width: 100%;
}
.ShowCourseItem li .thumb {
    float: right;
    width: 90px;
    height: 90px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.ShowCourseItem li h2 {
    float: right;
    width: calc(100% - 202px);
    font-size: 18px;
    border: 1px solid;
    height: 81px;
    align-content: center;
    border: 0;
    padding: 0 7px 0 0;
}
.ShowCourseItem li  .price {
    float: left;
    font-size: 16px;
    font-family: iranyekanfan;
    font-weight: 600;
    color: var(--bs-danger);
    height: 81px;
    display: flex;
    align-items: center;
}
.ShowCourseItem li .price i {
    font-style: normal;
    color: #000;
    font-weight: normal;
}

.content.AcademyCheckOut .descriptioncourse {
    float: right;
    width: 100%;
    padding: 10px;
    margin: 18px 0 0 0;
    line-height: 2;
    font-size: 14px;
    text-align: justify;
    height: 50vh;
    overflow: auto;
}

.content.AcademyCheckOut .discount_code {
    float: right;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 12px 0 0 0;
    padding: 0;
    padding: 10px;
}
.content.AcademyCheckOut .discount_code #Discount_Code_ajax {
    width: 100%;
    margin: 0;
}
.content.AcademyCheckOut .discount_code #Discount_Code_ajax #discount_code {
    width: 68%;
    margin: 0 0 0 7px;
    border-radius: 10px;
    font-size: 13px;
}
.content.AcademyCheckOut .discount_code #Discount_Code_ajax .btn {
    border-radius: 10px;
    background: var(--fourth);
}

.content.AcademyCheckOut .col-md-6.invoiceData {
    padding: 69px 22px 0 50px;
}
.content.AcademyCheckOut .col-md-6.invoiceData .ّInvoiceShortView {
    float: right;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.04);
    padding: 28px;
    border-radius: 10px;
}
.content.AcademyCheckOut .col-md-6.invoiceData .ّInvoiceShortView h3 {
    float: right;
    width: 100%;
    font-size: 20px;
}
.content.AcademyCheckOut .col-md-6.invoiceData .ّInvoiceShortView ul {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.content.AcademyCheckOut .col-md-6.invoiceData .ّInvoiceShortView ul li {
    float: right;
    width: 100%;
    padding: 11px 0;
    position: relative;
}
.content.AcademyCheckOut .col-md-6.invoiceData .ّInvoiceShortView ul li span {
    font-size: 16px;
    color: #333;
    float: right;
    position: relative;
    font-family: iranyekanfan;
    background: #fff;
    width: auto;
    font-weight: 200;
    padding: 0 0 0 5px;
    font-size: 15px;
}
.content.AcademyCheckOut .col-md-6.invoiceData .ّInvoiceShortView ul li .price {
    float: left;
    padding: 0 6px 0 0;
    color: var(--wp--preset--color--black);
}
.content.AcademyCheckOut .col-md-6.invoiceData .ّInvoiceShortView ul li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ccc;
    right: 0;
    top: 23px;
}

.content.AcademyCheckOut #order_academy_course {
    float: right;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    margin: 18px 0 0 0;
}
.content.AcademyCheckOut #order_academy_course .btn {
    float: right;
    width: 98%;
    background: var(--bs-success);
    margin: 14px 1% 0 0;
    border-radius: 10px;
}
.content.AcademyCheckOut #order_academy_course select {
    border-radius: 10px;
}


.content.AcademyCheckOut #order_academy_course .titleInstallment {
    float: right;
    width: 100%;
    font-size: 16px;
    margin: 15px 0 8px 0;
    padding: 0 1% 0 0;
    float: ;
}
.content.AcademyCheckOut #order_academy_course .SelectPaymentMethod {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.content.AcademyCheckOut #order_academy_course .SelectPaymentMethod li {
    float: right;
    width: 48%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0 0 6px 0;
    border-radius: 6px;
    display: flex;
    align-items: ;
    margin: 0 1%;
    cursor: pointer;
    position: relative;
}
.content.AcademyCheckOut #order_academy_course .SelectPaymentMethod li input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
}
.content.AcademyCheckOut #order_academy_course .SelectPaymentMethod li span {
    font-size: 14px;
    margin: 0;
    width: 100%;
    text-align: center;
}
.content.AcademyCheckOut #order_academy_course .SelectPaymentMethod li.active {
    background: var(--bs-yellow);
}

.content.AcademyCheckOut .col-md-6.invoiceData .ّInvoiceShortView ul li#discount .price {
    color: red;
}



.InstalmentRequest {
    float: right;
    width: 98%;
    list-style: none;
    padding: 0;
    margin: 11px 1% 6px 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    padding: 12px;
    display: none;
}
.InstalmentRequest li {
    padding: 10px;
    float: right;
    width: 100%;
    border-bottom: 1px dashed #ccc;
}
.InstalmentRequest li .title {
    width: auto;
    float: right;
    font-size: 15px;
    color: #000;
    font-family: iranyekanfan;
    font-weight: 300;
}
.InstalmentRequest li > b {
    float: right;
    width: auto;
    margin: 0 11px 0 0;
    font-family: iranyekanfan;
    font-size: 15px;
    border-right: 1px solid #ccc;
    padding: 0 15px 0 0;
}
.InstalmentRequest li .datePayment {
    float: left;
    font-size: 13px;
    color: #555;
}
.InstalmentRequest.active {
    display: block;
}

.InstalmentRequest li:first-child {
    background: var(--wp--preset--color--luminous-vivid-amber);
}

.InstalmentRequest li:nth-child(5) {
    background: var(--wp--preset--gradient--midnight);
    color: #fff;
}
.InstalmentRequest li:nth-child(5) span , .InstalmentRequest li:nth-child(5) b {
    color: #fff;
}

/*.AlertCRM {*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    background: var(--bs-warning);*/
/*    text-align: center;*/
/*    padding: 10px;*/
/*    z-index: 9;*/
/*}*/
/*.Main nav .menu {*/
/*    padding-top: 50px;*/
/*}*/

.list_of_data li.flex_input {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.Main .content .row.ProjectViewRow.Achievements .name {
    font-size: 17px;
    font-weight: normal;
}


.col-md-6.image.barkhat {
    background: #000 !important;
    position: relative;
}
.col-md-6.image.barkhat:after {
    position: absolute;
    content: "برخط نیوز";
    width: 100%;
    font-size: 60px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: iranyekanfan;
    color: #fff;
    z-index: 99999;
}


.col-md-6.image.sabtmap {
    background: #000 !important;
    position: relative;
}
.col-md-6.image.sabtmap:after {
    position: absolute;
    content: "ثبت مپ";
    width: 100%;
    font-size: 60px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: iranyekanfan;
    color: #fff;
    z-index: 99999;
}
.form-control.editFound {
    background: transparent;
    box-shadow: none;
    border: 0;
    font-size: 13px;
    width: max-content;
    height: 50px;
    text-align: right;
    resize: none !important;
}
.form-control.editFound[type=text]{
    height:auto;
}
.form-control.editFound:active , .form-control.editFound:focus {
    border: 1px solid #ccc;
}



.editFundElement {
    float: right;
    width: 100%;
}
.editFundElement .btn {
    float: right;
    width: 100%;
    background: var(--bs-primary);
    font-size: 13px;
    padding: 3px 0;
    font-weight: 100;
    opacity: 0;
    margin: 0;
}
.editFundElement:hover .btn {
    opacity: 1;
}
.form-control.editFound#dateFund {
    position: relative;
    top: -25px;
    height: 29px;
    z-index: 2;
}
body form.customer_form .form-control {
    appearance: auto !important;
}

.list_of_data.freezer.demand::before {
    content: "انتقال طلب | فریز شده";
}


.acc_name {
    position: absolute;
    left: 0;
    bottom: 0;
    bottom: -24px;
    width: 100%;
    height: 20px;
    border: 1px solid #cc;
    overflow: hidden;
    background: #eee;
    border-radius: 50px;
    padding: 1px;
    font-size: 13px;
    cursor: pointer;
    transition: 0.3s;
}
.acc_name:hover {
    width: max-content;
    min-width:100%;
    transition: 0.3s;
}


.has_group_item {
    float: right;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    margin: 13px 0 16px 0;
    border: 1px solid var(--bs-primary);
}
.has_group_item .box_of_head {
    float: right;
    width: 100%;
    background: #0d6efd33;
    position: relative;
}


.has_group_item .box_of_head .DetailOfGroup li .name {
    background: var(--bs-blue);
    color: #fff;
    font-size: 14px;
    padding: 5px 41px 4px;
    border-radius: 5px;
}
.has_group_item .box_of_head .DetailOfGroup li .price {
    background: var(--bs-dark);
    color: #fff;
    font-size: 14px;
    padding: 6px 37px 4px;
    border-radius: 6px;
}
.has_group_item .box_of_head .DetailOfGroup {
    display: flex;
    margin: 0;
    list-style: none;
    flex-wrap: nowrap;
    padding: 0;
}
.has_group_item .box_of_head .DetailOfGroup li {
    width: 100%;
    padding: 38px 30px 35px;
}
.has_group_item .box_of_head .DetailOfGroup li .Show_group {
    float: left;
    border: 1px solid #999;
    padding: 7px 24px 3px;
    font-size: 13px;
    border-radius: 6px;
    color: #000;
    margin: -4px 0 -4px 0;
    background: #fff;
    cursor: pointer;
}
.has_group_item .box_of_head .GroupCharge {
    position: absolute;
    right: 0;
    font-size: 13px;
    background: var(--bs-pink);
    color: #fff;
    padding: 0 15px 0 20px;
    border-radius: 0 0 0 6px;
}
.has_group_item .box_of_body {
    display: none;
}
.has_group_item.active .box_of_body {
    display: block;
}

.projects-by-month > div > ul li#\31 20050::before , .projects-by-month > div > ul li#\39 6764::before {
    display: none;
}

.list_of_data li .paymentInstallment {
    display: inline-block;
    background: var(--bs-warning);
    font-size: 13px;
    border-radius: 6px;
    padding: 1px 7px;
}

.list_of_data li .ManagePrevsOrders {
    display: inline-block;
    font-size: 13px;
    background: var(--wp--preset--color--luminous-vivid-orange);
    color: #fff;
    font-weight: normal;
    padding: 2px 6px 1px;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
}
.list_of_data li .ManagePrevsOrders b {
    font-weight: normal;
}

.list_of_data li .ManagePrevsOrders .ListOfManage {
    position: absolute;
    width: 200px;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 9999999;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    border-radius: 6px;
    list-style: none;
    float: right;
    padding: 0 10px;
}
.list_of_data li .ManagePrevsOrders .ListOfManage li {
    float: right;
    width: 100%;
    color: #000;
    padding: 2px 10px;
    border-bottom: 1px solid #eee;
    margin: 0 0 6px 0;
}
.list_of_data li .ManagePrevsOrders .ListOfManage ul {
    float: right;
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 13px 0 0;
    margin: 0;
}
.list_of_data li .ManagePrevsOrders .ListOfManage .remove {
    position: absolute;
    background: var(--bs-danger);
    color: #fff;
    left: -7px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 5px 0 0 0;
    top: -7px;
    cursor: pointer;
}
.list_of_data li .ManagePrevsOrders .ListOfManage li b {
    float: right;
}
.list_of_data li .ManagePrevsOrders .ListOfManage li span {
    float: left;
}
.list_of_data li .ManagePrevsOrders .ListOfManage li:last-child {
    border: 0;
}

.Main nav .menu ul li .sub_menu a span b {
    position: absolute;
    right: 0;
    opacity: 1;
    bottom: -33px;
    font-size: 10px;
    text-align: center;
}
.has_group_item .box_of_head .DetailOfGroup li .OrderID {
    background: var(--bs-green);
    color: #fff;
    font-size: 14px;
    padding: 5px 18px 3px;
    border-radius: 5px;
}

.List_of_filter_tab li a .Badge {
    border: 1px solid var(--first);
    font-family: iranyekanfan;
    width: 38px !important;
    display: inline-block;
    height: 20px;
    font-size: 13px;
    border-radius: 50px;
    position: relative;
    top: 1px;
    color: var(--first);
    font-weight: normal;
}


.projects-by-month > div > ul li#\31 39637::before {
    display: none;
}
.projects-by-month > div > ul li#\31 18816:before {
    display: none;
}

.NPSForm {
    float: right;
    width: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f6f6;
    min-height: 100vh;
}
.NPSForm .box_content_nps {
    width: 60%;
    background: #fff;
    border-radius: 12px !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 10px 0 20px;
}
.NPSForm .box_content_nps .logoForm {
    float: right;
    width: 200px;
    margin: 20px calc(50% - 100px) 0;
}
.NPSForm .box_content_nps h1 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: var(--first);
}
.NPSForm .box_content_nps form {
    float: right;
    width: 100%;
    padding: 0 20px;
}
.NPSForm .box_content_nps form .form-group {
    float: right;
    border-bottom: 1px solid #eee;
}
.NPSForm .box_content_nps form .form-group > label {
    font-size: 17px;
    font-weight: 600;
}
.NPSForm .box_content_nps form .form-group .SelectBoxForm {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 10px 0;
    display: flex;
    flex-wrap: nowrap;
}
.NPSForm .box_content_nps form .form-group .SelectBoxForm li {
    width: 100%;
    margin: 0 1% 10px;
}
.NPSForm .box_content_nps form .form-group .SelectBoxForm li #introduce {
}
.NPSForm .box_content_nps form .form-group .SelectBoxForm li label {
    float: right;
    width: 100%;
    background: #f3f3f3;
    position: relative;
    text-align: center;
    padding: 13px 0;
    height: auto;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
}
.NPSForm .box_content_nps form .form-group .SelectBoxForm li label input {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.NPSForm .box_content_nps form .form-group .SelectBoxForm li label:hover , .NPSForm .box_content_nps form .form-group .SelectBoxForm li label.active {
    background: var(--wp--preset--color--luminous-vivid-amber);
}

.NPSForm .box_content_nps form .form-group#t9-10 label {
    height: auto;
    font-size: ;
}
.NPSForm .box_content_nps form .form-group#t9-10 textarea {
    height: 70px;
}

.NPSForm .box_content_nps form .form-group .form-control {
    float: right;
    box-shadow: none;
    border-radius: 6px;
    background: #fbfbfb;
    margin: 0 0 12px 0;
}

.NPSForm .box_content_nps form .alertShow {
    background: var(--second);
    margin: 0 25% 30px 0;
    float: right;
    padding: 10px;
    width: 50%;
    text-align: center;
    color: #fff;
    border-radius: 11px;
    padding: 10px 0 9px 0;
}

.ReportMaker .DateSelect li {
    padding: 6px 30px;
    position: relative;
    cursor: pointer;
    border-radius: 11px;
}
.ReportMaker .DateSelect li input {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.ReportMaker .DateSelect li.active, .ReportMaker .DateSelect li:hover {
    background: var(--wp--preset--gradient--midnight);
    color: #fff;
}

.content.ReportMaker .row {
    background: transparent;
    box-shadow: none;
}
.content.ReportMaker .DateSelect {
    float: right;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    display: flex;
    padding: 5px;
    margin: 0;
    list-style: none;
    border-radius: 12px;
}
.ListOfReportItem {
    float: right;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    padding: 18px;
    border-radius: 10px;
}
.ListOfReportItem .title {
    float: right;
    width: 100%;
    list-style: none;
}
.ListOfReportItem .MetricList {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ListOfReportItem .MetricList > li {
    float: right;
    width: 100%;
    cursor: pointer;
}
.ListOfReportItem .MetricList > li .ItemMetric {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 5px;
    margin: 6px 0;
}
.ListOfReportItem .MetricList > li .ItemMetric b {
    font-weight: normal;
}
.ListOfReportItem .MetricList > li .ItemMetric .las.la-angle-down {
    float: left;
    font-size: 13px;
    margin: 4px 0 0 0;
}
.ListOfReportItem .MetricList > li .sub_metric {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0 10px;
    background: #fafafa;
    display: none;
}
.ListOfReportItem .MetricList > li .sub_metric > li {
    float: right;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}
.ListOfReportItem .MetricList > li .sub_metric > li b {
    font-weight: normal;
    font-size: 15px;
}
.ListOfReportItem .MetricList > li.active .sub_metric {
    display: block;
}


.placeOfReport {
    float: right;
    width: 100%;
    background: #fff;
    margin: 10px 0;
    border-radius: 12px;
    padding: 0px;
}
.placeOfReport .ReportMakerDiv {
    float: right;
    width: 100%;
    margin: 15px 0 0 0;
    border-radius: 12px;
    padding: 20px;
}
.placeOfReport .ReportMakerDiv .ListOfAttr {
    float: right;
    width: 80%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.placeOfReport .ReportMakerDiv .ListOfAttr li {
    float: right;
    background: var(--wp--preset--color--cyan-bluish-gray);
    color: #fff;
    position: relative;
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 20px;
    margin: 0 0 0 5px;
}
.placeOfReport .ReportMakerDiv .ListOfAttr li input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.placeOfReport .ReportMakerDiv .Date {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.placeOfReport .ReportMakerDiv .Date li {
    float: left;
    background: #418eff;
    color: #fff;
    border-radius: 20px;
    font-size: 13px;
    padding: 3px 33px;
}

.Main .content .FilterBar {
    float: right;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 20px;
    border-radius: 11px;
    font-size: 14px;
    cursor: pointer;
}
.Main .content .FilterBar .TimeFrame {
    float: right;
    min-width: 200px;
    background: #f4f4f4;
    padding: 10px;
    position: relative;
    border-radius: 6px;
    text-align: center;
    border: 1px solid #e1e1e1;
}
.Main .content .FilterBar .TimeFrame .box_timeFrame {
    position: absolute;
    width: 500px;
    background: #fff;
    right: 0;
    top: 100%;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 10px 7px;
    display: none;
    z-index:9;
}
.Main .content .FilterBar .TimeFrame .box_timeFrame .selectTime {
    float: right;
    width: 35%;
}
.Main .content .FilterBar .TimeFrame .box_timeFrame .selectTime .DateSelect {
    background: transparent;
    box-shadow: none;
    flex-direction: column;
}
.Main .content .FilterBar .TimeFrame .box_timeFrame .SelectDate {
    float: left;
    width: 63%;
    height: 200px;
    background: #f9f9f9;
    border-radius: 6px;
}
.Main .content .FilterBar .TimeFrame .box_timeFrame .selectTime .DateSelect li {
    margin: 4px 0;
    text-align: center;
    font-size: 13px;
    padding: 5px 0;
    border: 1px solid #eaeaea;
}
.Main .content .FilterBar .TimeFrame.active .box_timeFrame {
    display: block;
}
.Main .content .FilterBar .TimeFrame b {
    color: var(--first);
    font-weight: normal;
}


.Main .content .FilterBar .ChartTypeSelect {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row-reverse;
}
.Main .content .FilterBar .ChartTypeSelect li {
    float: left;
    border: 1px solid #d9d9d9;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: var(--bs-gray);
    cursor: pointer;
}
.Main .content .FilterBar .ChartTypeSelect li.active , .Main .content .FilterBar .ChartTypeSelect li:hover {
    background: var(--wp--preset--gradient--midnight);
    color: #fff;
    border: 0;
}


.placeOfReport .filterList {
    float: right;
    width: 100%;
    padding: 0 10px;
}
.placeOfReport .chartShow {
    float: right;
    width: 100%;
    padding: 0 10px;
    text-align: center;
}
.placeOfReport .chartShow canvas {
    width: 100% !important;
    margin: 10px auto;
    height: auto !important;
    font-family: iranyekanfan;
    padding: 20px;
}
.Main .content .FilterBar #DateType {
    float: left;
    width: auto;
    height: 30px;
    padding: 0;
    border: 0;
    border-right-width: 0px;
    border-right-style: none;
    border-right-color: currentcolor;
    box-shadow: none;
    border-right: 1px solid #eee;
    border-radius: 0;
    padding: 0 10px;
    margin: 0 10px 0 0;
    font-size: 13px;
    position: relative;
}



.tableShow {
    float: right;
    width: 100%;
}
.tableShowInner {
    float: right;
    width: 100%;
    padding: 20px;
}
.tableShow .TableShow {
    float: right;
    width: 100%;
    text-align: center;
}
.tableShow .TableShow th {
    background: var(--first);
    padding: 10px 0;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
}
.tableShow .TableShow td {
    padding: 10px 0;
    font-family: iranyekanfan;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}
.tableShow .TableShow tr:nth-child(2n + 1) td {
    background: #f7f7f7;
}


.saveReport {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin: -19px 0 20px 0;
}
.saveReport .SaveReportBTN {
    float: left;
    background: var(--second);
    color: #fff;
    font-size: 13px;
    padding: 4px 30px;
    border-radius: 50px;
    margin: 0 0 7px 0;
    cursor: pointer;
}
#saveReportForm {
    float: right;
    width: 100%;
    padding: 20px;
}


.placeOfReport.ReportMakesView {
}
.placeOfReport.ReportMakesView .headerReport {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin: 19px 0 0 0;
    padding: 0 0px 13px;
}
.placeOfReport.ReportMakesView .headerReport .title {
    width: auto;
}
.placeOfReport.ReportMakesView .headerReport .show_report_view {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.placeOfReport.ReportMakesView .headerReport .show_report_view li {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    padding: 3px 31px;
    border-radius: 50px;
    margin: 0 7px 0 0;
    cursor: pointer;
}
.placeOfReport.ReportMakesView .headerReport .show_report_view li:hover , .placeOfReport.ReportMakesView .headerReport .show_report_view li.active {
    background: var(--wp--preset--color--black);
    color: #fff;
}
.placeOfReport.ReportMakesView .chartShow {
    display: none;
}
.placeOfReport.ReportMakesView .tableShow {
    display: none;
}
.placeOfReport.ReportMakesView.chart .chartShow {
    display: block;
}
.placeOfReport.ReportMakesView.table .tableShow {
    display: block;
}
.content.TicketShow .row {
    background: transparent;
    box-shadow: none;
}

.TicketStatus {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}
.TicketStatus li svg {
    width: 40px;
    height: 40px;
}
.TicketStatus li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 33px;
    cursor: pointer;
}
.TicketStatus li svg path {
    fill: #777;
}
.TicketStatus li span {
    margin: 7px 0 0 0;
    float: right;
    width: 100%;
    font-size: 13px;
    color: #666;
}
.TicketStatus li.active svg path , .TicketStatus li:hover svg path {
    fill: var(--first);
}
.TicketStatus li.active span , .TicketStatus li:hover span {
    color: var(--first);
}

.TicketStatus {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}
.TicketStatus li svg {
    width: 40px;
    height: 40px;
}
.TicketStatus li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 33px;
    cursor: pointer;
    position: relative;
}
.TicketStatus li svg path {
    fill: #777;
}
.TicketStatus li span {
    margin: 7px 0 0 0;
    float: right;
    width: 100%;
    font-size: 13px;
    color: #666;
}
.TicketStatus li.active svg path , .TicketStatus li:hover svg path {
    fill: var(--first);
}
.TicketStatus li.active span , .TicketStatus li:hover span {
    color: var(--first);
}


.TicketStatus li .badgeTicket {
    font-size: 13px;
    background: var(--wp--preset--color--cyan-bluish-gray);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    color: var(--bs-light);
    border-radius: 50px;
    position: absolute;
    font-family: iranyekanfan;
    bottom: 18px;
}
.TicketStatus li.active .badgeTicket {
    background: var(--bs-blue);
}


.list_of_data.ticket li {
    box-shadow: none !important;
}
.list_of_data.ticket {
    box-shadow: none;
}
.list_of_data.ticket .dept {
    padding: 5px 13px;
    font-size: 10px;
    border-radius: 6px;
    background: #ffc10717;
    border: 1px solid #ffc10782;
}
.list_of_data.ticket .imp {
    background: #abb8c361;
    padding: 3px;
    border-radius: 6px;
    color: #000;
}
.list_of_data.ticket .st_tick {
    background: #0dcaf030;
    color: #000;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #afeefb;
}
.list_of_data.ticket .ActionForOrder {
    background: transparent;
    color: var(--bs-blue);
    border: 1px solid;
    padding: 6px 25px;
    border-radius: 6px;
}
.list_of_data.ticket .ActionForOrder:hover{
    background:var(--bs-blue);
    color:#fff;
}


.TicketStatus li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.showTicketSection {
    float: right;
    width: 100%;
    box-shadow: 0 0 50px rgba(0,0,0,0.06);
    height: calc(100vh - 100px);
    border-radius: 12px;
    overflow-y: auto;
    background-image: url(https://crm.hdmarketing.org/wp-content/uploads/2024/07/pattern_001.png);
    background-size: contain;
    background-color:#fff;
}
.showTicketSection .head {
    width: 100%;
    height: 52px;
    background: #ffffffd4;
    float: right;
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    padding: 0 20px;
    position: sticky;
    top: 0;
    z-index: 9;
    border: 1px solid #cccccc57;
    border-radius: 12px 12px 0 0;
}
.showTicketSection .head .TicketTitle {
    float: right;
    width: 50%;
    font-size: 18px;
    color: var(--bs-gray-dark);
    font-weight: 500;
}
.showTicketSection .head .TicketId {
    float: left;
    font-size: 16px;
    color: #666;
    width: 50%;
    text-align: left;
}
.showTicketSection .body {
    float: right;
    width: 100%;
    padding:30px 50px;
}

.ticketShowItem {
    float: right;
    min-width: 500px;
    display: flex;
    flex-direction: row;
    align-items: end;
    margin: 15px 0;
    max-width: 70%;
}
.ticketShowItem .author {
    float: right;
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ticketShowItem .author .thumb {
    width: 50px;
    height: 50px;
    background-color: #eee;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    letter-spacing: 0px;
    color: #999;
}
.ticketShowItem .author .name {
    width: 100%;
    text-align: center;
    font-size: 10px;
    margin: 3px 0 0;
    color: var(--bs-gray);
    overflow: hidden;
}
.ticketShowItem .messageDiv {
    float: right;
    width: calc(100% - 100px);
    background: #f6f6f6;
    padding: 20px 20px 35px;
    border-radius: 6px;
    font-size: 14px;
    position: relative;
}
.ticketShowItem .messageDiv .date {
    position: absolute;
    left: 0;
    font-size: 13px;
    color: var(--bs-gray);
    left: 10px;
    bottom: 5px;
}
.ticketShowItem .messageDiv:after {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f6f6f6;
    right: -8px;
    bottom: 31px;
}
.ticketShowItem .messageDiv p {
    margin: 0;
    line-height: 2;
}

.ticketShowItem.another {
    flex-direction: row-reverse;
    float: left;
}
.ticketShowItem.another .messageDiv::after {
    right: auto;
    left: -10px;
    transform: rotate(180deg);
    border-left-color: #0d6efd24;
}
.ticketShowItem.another .messageDiv {
    background: #0d6efd24;
}

.ticketShowItem .messageDiv img {
    max-width: 100%;
    height: auto;
}
.showTicketSection .divider {
    float: right;
    width: 100%;
}

.ticketShowItem .messageDiv .attachment_listّBox {
    position: ;
    position: absolute;
    right: 8px;
    bottom: -11px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: start;
}
.ticketShowItem .messageDiv .attachment_listّBox a {
    width: 30px;
    height: 30px;
    background: #353535;
    color: #fff;
    float: right;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 17px;
    letter-spacing: 1px;
    margin: 0 0 0 6px;
}

.replyTicketForm {
    position: sticky;
    bottom: 0;
    width: 100%;
    float: right;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 20px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.replyTicketForm label {
    display: none;
}
.replyTicketForm #wp-message_ticket-editor-tools {
    display: none;
}
.replyTicketForm #mceu_12 {
    display: none;
}


.content.TicketShow.SendTicket {
}
.content.TicketShow.SendTicket #replyTicketAjax {
    background: #0d6efd0a;
    display: ;
    float: right;
    width: 100%;
    backdrop-filter: blur(10px);
    padding: 17px;
    border-radius: 0 0 12px 12px;
}
.content.TicketShow.SendTicket .row {
    margin: -50px 0 0 0;
    padding: 0 0;
}
.content.TicketShow.SendTicket .row .col-md-12 {
    padding: 0;
}
.content.TicketShow.SendTicket #replyTicketAjax label {
    float: right;
    width: 100%;
    font-size: 14px;
    color: var(--first);
}
.content.TicketShow.SendTicket #replyTicketAjax #wp-message_ticket-editor-container {
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
}
.content.TicketShow.SendTicket #replyTicketAjax .form-group.َUploadFile {
    float: right;
    width: 80%;
    display: flex;
    justify-content: start;
    margin: 0px 0 0 0;
    align-items: center;
    height: 90px;
}
.content.TicketShow.SendTicket #replyTicketAjax .form-group.َUploadFile label {
    width: auto;
    float: left;
    height: auto;
}
.content.TicketShow.SendTicket #replyTicketAjax .form-group.َUploadFile label .add_FileOfComment {
    font-size: 11px;
    padding: 0;
    width: 100px;
    text-align: center;
    padding: 10px 0;
    border: 1px solid var(--bs-warning);
    color: #333;
    margin: 0 0 0 13px;
}
.content.TicketShow.SendTicket #replyTicketAjax .form-group.َUploadFile .FileOfComment_place {
    width: auto;
    padding: 0;
    margin: 0;
}
.content.TicketShow.SendTicket #replyTicketAjax .form-group.َUploadFile .FileOfComment_place .form-group.eightel {
    padding: 0;
    margin: 0;
}
.content.TicketShow.SendTicket #replyTicketAjax .form-group.َUploadFile .FileOfComment_place .Img_selector {
    padding: 3px 18px;
}
.content.TicketShow.SendTicket #replyTicketAjax  .btn {
    float: left;
    width: 18%;
    background: var(--first);
    font-size: 12px;
    margin: 0;
    border: 1px solid var(--first);
    color: #fff;
    margin: 24px 0 0 1%;
}

.content.TicketShow.SendTicket #replyTicketAjax .TitleReply {
    font-size: 13px;
    text-align: center;
    width: 140px;
    float: right;
    margin: -47px calc(50% - 70px) 0;
    background: #0d6efd0a;
    backdrop-filter: blur(10px);
    color: #444;
    text-decoration: none;
    font-size: 13px;
    padding: 5px 0;
    border-radius: 6px 6px 0 0;
}

.content.TicketShow.SendTicket #replyTicketAjax .form-group.َUploadFile .FileOfComment_place {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: auto;
}
.content.TicketShow.SendTicket #replyTicketAjax .form-group.َUploadFile .FileOfComment_place .form-group.eightel {
    width: 134px;
    margin: 0 0 0 9px;
}

.BannerSupport {
    float: right;
    width: 100%;
}
.BannerSupport img {
    float: right;
    width: 100%;
    border-radius: 12px;
}

.InstalmentList {
    float: right;
    width: 100%;
    background: #fff;
    border: 1px solid #dadada;
    padding: 10px;
}
.InstalmentList .header {
    float: right;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #eee;
}
.InstalmentList .header h2 {
    float: right;
    width: auto;
    font-size: 20px;
    color: var(--first);
}
.InstalmentList .header .id {
    float: left;
    width: auto;
}
.InstalmentList .body {
    float: right;
    width: 100%;
    padding: 10px;
}
.InstalmentList .body .ListOfInstallment {
    float: right;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.InstalmentList .body .ListOfInstallment li {
    float: right;
    width: 100%;
    padding: 10px;
    background: #eee;
    border-radius: 6px;
    margin: 0 0 7px 0;
}
.InstalmentList .body .ListOfInstallment li .title {
    float: right;
    font-size: 16px;
    background: var(--bs-gray);
    color: #fff;
    padding: 2px 15px;
    border-radius: 6px;
    font-family: iranyekanfan;
    font-weight: 400;
    width:auto;
}
.InstalmentList .body .ListOfInstallment li .date {
    float: right;
    font-size: 15px;
    margin: 3px 13px 0 0;
    color: var(--first);
}
.InstalmentList .body .ListOfInstallment li .price {
    float: left;
    font-size: 15px;
    margin: 4px 0 0 0;
}

.InstalmentList .body .ListOfInstallment li.paid {
    background: #26bb523d;
    border: 1px solid #00b762;
    filter: blur(0.5px);
}
.InstalmentList .body .ListOfInstallment li .installment_item_pay {
    float: left;
    background: #00b762;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 6px;
    margin: 0 7px 0 0;
}
.InstalmentList .body .ListOfInstallment li .pay_installment {
    float: left;
    background: var(--bs-danger);
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 6px;
    margin: 0 7px 0 0;
    display: none;
}

.AlertPayment.success {
    background: var(--bs-green);
    text-align: center;
    color: #fff;
    padding: 10px 0;
    border-radius: 6px;
}
.content.TicketShow.SendTicket.opTicket .row {
    padding: 0;
}
.content.TicketShow.SendTicket.opTicket .col-md-12 {
    padding: 0;
}

.ListOfActionTicket {
    float: left;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
    align-items: center;
    margin: 13px 0 12px 0;
    padding: 0;
}
.ListOfActionTicket li {
    width: max-content;
}
.ListOfActionTicket .CloseTicket {
    width: max-content;
    margin: 0 10px 0 0;
}
.ListOfActionTicket .TransferTicketToDept {
    float: left;
    background: var(--bs-green);
    color: #fff;
    font-size: 13px;
    padding: 10px 50px;
    border-radius: 6px;
    margin: 0 0 0 15px;
    cursor: pointer;
}
#TransferTicketToDepAjax {
    padding: 20px;
}
#TransferTicketToDepAjax h2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: var(--first);
}

.TransferTicket {
    float: right;
    width: 100%;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin: 20px 0;
    padding: 13px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #0d6efd0a;
}
.TransferTicket .author {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-left: 1px solid #eee;
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
}
.TransferTicket .author .thumb {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-size: cover;
}
.TransferTicket .author .name {
    font-size: 13px;
    margin: 0 5px 0 0;
}
.TransferTicket .message {
    font-size: 15px;
    border-left: 1px solid #ccc;
    padding: 0 0 0 15px;
    margin: 0 0 0 16px;
}
.TransferTicket .author .date {
    font-size: 13px;
}

.reserveBox {
    float: right;
    width: 100%;
    border: 1px solid var(--bs-orange);
    background: #fd7e140a;
    text-align: center;
    padding: 25px 0 10px;
}
.reserveBox h2 {
    font-size: 23px;
}

.Btn_Send {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}
.Btn_Send li {
    width: max-content;
}
.Btn_Send li .btn {
    width: auto !important;
    padding: 10px 80px;
    font-weight: normal;
    margin: 0 !important;
}
.Btn_Send li .actionToClose {
    border: 1px solid var(--bs-danger);
    color: var(--bs-danger);
    padding: 10px 50px;
    border-radius: 50px;
    font-size: 13px;
    margin: 0 0 0 20px;
    cursor: pointer;
}
.Btn_Send li .actionToClose:hover , .Btn_Send li .actionToClose.active {
    background: var(--bs-danger);
    color: #fff;
}

.content.TicketShow.SendTicket.disabled {
    display: none;
}

.BoxOfCanClose {
}
.CanCloseTicketBox {
    float: right;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px 0 0 0;
}
.CanCloseTicketBox .BoxOfCanClose {
    background: #fdfdfd;
    border: 1px dashed #d9d9d9;
    padding: 20px 39px;
    border-radius: 6px;
    display: flex;
    align-items: center;
}
.CanCloseTicketBox .BoxOfCanClose h3 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0;
}
.CanCloseTicketBox .BoxOfCanClose .CanCloseBTN {
    width: 100%;
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.CanCloseTicketBox .BoxOfCanClose .CanCloseBTN .BTNCan {
    border: 1px solid var(--bs-danger);
    color: #fff;
    font-size: 15px;
    padding: 4px 38px;
    background: var(--bs-danger);
    border-radius: 50px;
    margin: 0 6px;
    cursor: pointer;
}
.CanCloseTicketBox .BoxOfCanClose .CanCloseBTN .BTNCan.YES {
    background: transparent;
    border: 1px solid var(--bs-green);
    color: var(--bs-green);
}

.SurveyTicket {
    float: right;
    width: 100%;
    display: none;
}

.SurveyTicket.active {
    display: block;
    margin: 20px 0;
    display: flex;
    justify-content: center;
}
.SurveyTicket #SurveyTicketBox {
    background: #fdfdfd;
    border: 1px dashed #d9d9d9;
    padding: 24px 39px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.SurveyTicket #SurveyTicketBox h3 {
    font-size: 17px;
}
.SurveyTicket #SurveyTicketBox .SurveyPoint {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin: 23px 0 0 0;
}
.SurveyTicket #SurveyTicketBox .SurveyPoint li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
    color: var(--bs-gray-dark);
    cursor: pointer;
}
.SurveyTicket #SurveyTicketBox.Disabled .SurveyPoint li input{
    cursor: no-drop;
    display:none;
}
.SurveyTicket #SurveyTicketBox.Disabled .SurveyPoint li{
    cursor: no-drop;
}
.SurveyTicket #SurveyTicketBox .SurveyPoint li input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}
.SurveyTicket #SurveyTicketBox .SurveyPoint li i {
    font-size: 29px;
}
.SurveyTicket #SurveyTicketBox .SurveyPoint li span {
    font-size: 13px;
}
.SurveyTicket #SurveyTicketBox .SurveyPoint li:hover , .SurveyTicket #SurveyTicketBox .SurveyPoint li.active {
    color: var(--bs-danger);
}
.SurveyTicket #SurveyTicketBox h3 {
    font-size: 16px;
    font-weight: 500;
}

.surveyShow {
    background: #6EC86B1F;
    border: 1px solid #6EC86B42;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 11px;
    display: flex;
    width: max-content;
    margin: 0 auto;
    align-items: center;
}
.surveyShow i {
    font-size: 19px;
    margin: 0;
    top: -1px !important;
    right: 0 !important;
}

.DisabledSection {
    position: relative;
    filter: blur(1px);
}
.DisabledSection:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    content: "";
    right: 0;
    top: 0;
    opacity: 0.1;
}
.notificationNewAccoount {
    float: right;
    width: 100%;
    background: var(--bs-red);
    color: #fff;
    font-size: 17px;
    padding: 10px 20px;
    text-align: center;
    line-height: 2;
    margin: -10px 0 17px 0;
}
.DisabledSection {
    position: relative;
    filter: blur(1px);
}
.DisabledSection:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    content: "";
    right: 0;
    top: 0;
    opacity: 0.1;
}
.notificationNewAccoount {
    float: right;
    width: 100%;
    background: #f28f37;
    color: #fff;
    font-size: 17px;
    padding: 10px 20px;
    text-align: center;
    line-height: 2;
    margin: -10px 0 17px 0;
}
.BannerPromotion {
    float: right;
    width: 98%;
    margin: 0 1% 15px;
    background: #032554;
    padding: 0 30%;
    border-radius: 6px;
}
.BannerPromotion img {
    float: right;
    width: 100%;
    border-radius: 6px;
}

.SearchQuickBTN {
    position: fixed;
    bottom: 0;
    background: var(--wp--preset--gradient--midnight);
    color: #fff;
    font-size: 14px;
    right: calc(50% - 30px);
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0 4px;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    z-index:999;
}
.SearchQuickBTN:hover {
    transition: 0.5s;
}
.SearchQuickBox {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999999999;
    display: none;
    padding: 30px;
    overflow: auto;
}
.SearchQuickBox.active {
    display: block;
}
.wallet-title{
    display: flex;
    align-items: center;
    gap: 4px;
}
.access-request-status span{
    padding: 3px 6px;
    border-radius: 50px;
}
.access-request-status .pending{
    background: #eee04b;
}
.access-request-status .accepted{
    background: #5ae94b;
}
.access-request-status .rejected{
    background: #e85c5c;
}
.access-request-status .stopped{
    background: #cbcbcb;
}
.request-action-wrapper{
    display: flex;
    gap: 5px;
}
.access-request-btn{
    padding: 3px 6px ;
    cursor: pointer;
    border-radius: 5px;
    min-width: 45px;
}
.acceptRequest{
    background: #5ae94b;
}
.rejectRequest{
    background: #e85c5c;
}
.stopRequest{
    background: #cbcbcb;
}

.Main .content .FilterBar .TimeFrame .box_timeFrame .SelectDate {
    padding: 5px 10px;
}
.Main .content .FilterBar .TimeFrame .box_timeFrame .SelectDate .form-group input {
    height: 41px;
    margin: -4px 0 0 0;
    float: right;
    border-radius: 6px;
}
.Main .content .FilterBar .TimeFrame .box_timeFrame .SelectDate .RunDate {
    float: right;
    width: 100%;
    background: var(--bs-dark);
    color: #fff;
    border-radius: 6px;
    margin: 8px 0 0 0;
    padding: 6px;
    font-size: 13px;
    cursor: pointer;
}

.SelectCurrencyANdAccout {
    float: right;
    width: 98%;
    background: #f3f3f3;
    margin: 10px 1% 0;
    text-align: center;
    padding: 26px;
    font-size: 14px;
}


.showError {
    float: right;
    width: 100%;
    margin: 18px 0 -20px 0;
    padding: 0 1%;
}
.showError .AuthChecker {
    float: right;
    width: 100%;
    background: var(--bs-red);
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
}


.InvoiceTableRecord.Description {
    display: flex;
    flex-wrap: wrap;
}
.InvoiceTableRecord.Description li:nth-child(1) {
    width: 30%;
}
.InvoiceTableRecord.Description li:nth-child(2) {
    width: 70%;
}

.InvoiceTableRecord.Description li.desc b {
    font-size: 17px;
    width: 100%;
    text-align: center;
    color: var(--bs-red);
    font-weight: normal;
}



.Select_package > li {
    border: 2px dashed #ccc;
}
.Select_package > li .Right {
    background: #f5f5f5;
    float: right;
    width: 100%;
    border-radius: 6px 6px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2px 0 15px;
}
.Select_package > li .Right img {
    width: 100px;
    margin: 0 auto;
}
.Select_package > li .Right h2 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.Select_package > li .Right .perAcc {
    float: right;
    width: 100%;
    text-align: center;
    display: flex;
    margin: -1px 0 4px 0;
    color: #555;
}
.Select_package > li .Right .perAcc .per {
    border: 1px solid #ccc;
    font-size: 12px;
    background: #fff;
}
.Select_package > li .Right .pricePackage {
    width: 100%;
    margin: 2px 0 0 0;
}
.Select_package > li .Right .pricePackage .MinumPrice {
    font-size: 12px;
    color: var(--bs-blue);
    margin: 0;
}
.Select_package > li .left {
    width: 100%;
    float: right;
    position: relative;
    height: 76px;
    margin: 0px 0 0;
}
.Select_package > li .left:before {
    position: absolute;
    content: "توضیحات پکیج";
    width: 100%;
    background: #eee;
    font-size: 13px;
    right: 0;
    background: #e3e3e3e3;
    padding: 10px;
    cursor: pointer;
}
.Select_package > li .left .desc {
    bottom: 0;
    width: 100%;
    background: #fff;
    overflow: hidden;
    height: 100px;
    position: absolute;
    display: none;
}
.Select_package > li .select {
    border-radius: 0 0 6px 6px;
    width: calc(100% - 20px);
    right: 10px;
}
.Select_package > li .left:hover .desc {
    display: block;
    height: 200px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #cfd8df;
    border-radius: 6px 6px 0 0;
    font-size: 13px;
    line-height: 2;
}

.content.NewProfile .row {
    background: transparent;
}
.content.NewProfile .alertProfile {
    width: 100%;
    text-align: center;
    background: #0774ff1f;
    padding: 17px 0;
}
.ProfileBox {
    width: 100%;
    background: ;
    padding: 20px 20px;
    border-radius: 6px;
    text-align: center;
    display: none;
}
.ProfileBox h2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: var(--bs-gray-dark);
    font-weight: 600;
}
.ProfileBox p {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: var(--bs-gray);
}
.ProfileBox.active {
    display: block;
}
.ProfileBox .SelectSide {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 7px 0 0;
}
.ProfileBox .SelectSide li {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0 1%;
    border-radius: 6px;
    font-size: 15px;
    border: 2px dashed #cecece;
    cursor: pointer;
}
.ProfileBox .SelectSide li svg {
    width: 50px;
    height: 50px;
    margin: 0 0 12px 0;
}
.ProfileBox .SelectSide li svg path {
    fill: #555;
}
.ProfileBox .SelectSide li span {
    font-weight: 700;
}
.ProfileBox .SelectSide .Select {
    background: var(--wp--preset--color--luminous-vivid-amber);
    font-size: 14px;
    padding: 3px 27px 2px;
    margin: 7px 0 0 0;
    border-radius: 6px;
}
.ProfileBox .SelectSide li:hover {
    background: #fff;
    border: 2px solid var(--wp--preset--color--luminous-vivid-amber);
}



.BoxOfProfileEnter {
    float: right;
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 2px solid var(--wp--preset--color--luminous-vivid-amber);
    border-radius: 6px;
}
.BoxOfProfileEnter .header_box {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #eee;
    padding: 0 0 11px 0;
    font-size: 15px;
    position: relative;
}
.BoxOfProfileEnter .header_box svg {
    width: 20px;
    height: 20px;
    margin: 0 0 0 6px;
}
.BoxOfProfileEnter .header_box svg path {
    fill: var(--wp--preset--color--luminous-vivid-amber);
}
.BoxOfProfileEnter .form-control {
    border-radius: 6px;
    height: 46px;
}
.BoxOfProfileEnter .btn {
    border-radius: 6px;
}

.BoxOfProfileEnter .header_box .BackToSelectProfileMethod {
    position: absolute;
    left: 0;
    border: 1px solid var(--wp--preset--color--luminous-vivid-amber);
    font-size: 13px;
    color: var(--wp--preset--color--luminous-vivid-amber);
    padding: 2px 22px;
    border-radius: 6px;
    cursor: pointer;
}

.CustomerToolsList {
    float: right;
    width: 100%;
}
.CustomerToolsList .ToolsItem {
    float: right;
    width: 48%;
    margin: 10px 1%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    border-radius: 6px;
    text-decoration: none;
}
.CustomerToolsList .ToolsItem .thumb {
    width: 110px;
    height: 80px;
    background: #eee;
    border-radius: 6px;
    margin: 0 0 0 7px;
}
.CustomerToolsList .ToolsItem h2 {
    font-size: 20px;
    width: calc(100% - 140px);
    color: var(--first);
    text-decoration: none;
    margin: 0;
    font-weight: 600;
}
.CustomerToolsList .ToolsItem .readMore {
    background: var(--wp--preset--color--luminous-vivid-orange);
    color: #fff;
    font-size: 13px;
    padding: 2px 0;
    width: 70px;
    text-align: center;
    border-radius: 50px;
}


.ProfileBox .StepOfProfile {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 15px 0px 9px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px 0;
}
.ProfileBox .StepOfProfile li {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 41px;
    justify-content: center;
    align-items: center;
}
.ProfileBox .StepOfProfile li i {
    width: 30px;
    height: 30px;
    background: #eee;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-size: 13px;
    position: relative;
}
.ProfileBox .StepOfProfile li span {
    font-size: 13px;
    margin: 4px 0 0 0;
    color: #999;
}
.ProfileBox .StepOfProfile li:before {
    width: 88%;
    border: 1px dashed #ccc;
    content: "";
    height: 1px;
    right: 50%;
    top: 15px;
    position: absolute;
}
.ProfileBox .StepOfProfile li:last-child:before {
    display: none;
}
.ProfileBox .StepOfProfile li.active i {
    background: var(--bs-yellow);
    color: #fff;
}
.ProfileBox .StepOfProfile li.active span {
    color: #000;
}
.ProfileBox .StepOfProfile li.active::before {
    border: 1px solid var(--bs-yellow);
}
.dl-btn,.dl-btn:hover{
    padding: 6px 15px;
    background: #0C3DA0;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    margin-right: 15px;
}
.rejectUserWizard{
    padding: 5px !important;
    background: #da0000 !important;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;

}
.showUserData,.acceptUserWizard{
    display: inline-block;
    background: var(--bs-yellow);
    color: #000 !important;
    text-decoration: none;
    font-size: 13px;
    padding: 3px 10px 0;
    border-radius: 50px;
    cursor: pointer;
}
.new-user-card{
    padding: 20px;
    border-radius: 5px;
    margin: 0 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    width: fit-content;
}
.user-data-wrapper{
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
}
.user-data-wrapper p{
    font-size: 18px;
    margin: 0;
    font-weight: 500;
    color: var(--fourth);
}
.user-data-wrapper span{
    background: var(--bs-yellow);
    font-size: 13px;
    padding: 2px 25px;
    border-radius: 50px;
    font-weight: normal;
}
.user-data-wrapper .Thumb{
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background-size: cover;
    background-position: center;
    background-color: #eee;
}
.new-user-text{
    margin: 0;
    font-size: 17px;
    font-weight: bold;
}
.new-users{
    margin-block: 20px;
}



.toolsTimeSection {
    float: right;
    width: 100%;
    margin: 0 0 12px 0;
    background: #fbfbfb;
    border: 1px solid #eee;
    text-align: center;
    padding: 10px;
}
.toolsTimeSection .ToolsTime {
    float: right;
    width: 100%;
    background: #eee;
    border-radius: 50px;
}
.toolsTimeSection .ToolsTime .TimeSpend {
    float: left;
    background: var(--bs-blue);
    height: 9px;
    position: relative;
    z-index: 9;
    width: 100px;
    border-radius: 50px;
}
.toolsTimeSection .ToolsDesc {
    font-size: 13px;
    color: #333;
    margin: 1px 0px 6px 0;
    float: right;
    text-align: center;
    width: 100%;
}

.ExpireTools {
    float: right;
    width: 100%;
    text-align: center;
    background: #d2344391;
    font-size: 13px;
    color: #fff;
    padding: 7px 0;
}


.ExpertRequestCharge {
    display: inline-block;
    background: var(--bs-blue);
    color: #fff;
    font-size: 12px;
    padding: 9px 11px;
    border-radius: 6px;
    cursor: pointer;
}

#ExpertRequestChargeAjax {
    float: right;
    width: 100%;
    padding: 20px;
}
#ExpertRequestChargeAjax label {
    float: right;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}
#ExpertRequestChargeAjax label .acc {
    float: right;
    margin: 0 0 0 9px;
}
#ExpertRequestChargeAjax label span b {
    background: var(--bs-orange);
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 6px;
}

.charge_request_description {
    font-size: 13px;
    color: var(--bs-danger);
    margin: -5px 0 4px 0;
    float: right;
}

.log_request {
    display: inline-grid;
    background: #dc354545;
    color: #000;
    width: 100%;
    border-radius: 5px;
    font-size: 11px;
    padding: 2px 9px;
}

.form-group.fourth{
    width:23%;
}


.AgentData {
    float: right;
    width: 98%;
    position: relative;
    border: 2px solid var(--hdm-orange);
    margin: 13px 1% 0 0;
    padding: 19px 12px 12px 12px;
    border-radius: 6px;
    background: #fff;
}
.AgentData .TItleAgent {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--hdm-orange);
    font-size: 13px;
    padding: 1px 30px;
    border-radius: 0 3px 0 3px;
    color: #fff;
}


#UserLegalAuthEmail {
    float: right;
    width: 100%;
    padding: 10px 0;
}
#UserLegalAuthEmail .profileDescription {
    margin: 0;
}
#UserLegalAuthEmail .NotReceive {
    float: right;
    width: 98%;
    margin: 20px 1% 0;
    display: flex;
    font-size: 15px;
    color: #666;
    align-items: center;
}
#UserLegalAuthEmail .NotReceive .ResendEmailAuth {
    border: 1px solid var(--first);
    color: var(--first);
    padding: 2px 10px;
    border-radius: 6px;
    margin: 0 8px 0 0;
    cursor: pointer;
}
#UserLegalAuthEmail .NotReceive .ResendEmailAuth:hover {
    background: var(--first);
    color: #fff;
}


#UserLegalApprovalNewsletter {
    float: right;
    width: 100%;
    margin: 15px 0 0 0;
}
#UserLegalApprovalNewsletter .BoxOfApprovalText {
    float: right;
    width: 100%;
    background: #eee;
    padding: 18px;
    border-radius: 6px;
    margin: 3px 0 31px 0;
    text-align: ;
}
#UserLegalApprovalNewsletter .BoxOfApprovalText p {
    float: right;
    width: 100%;
    text-align: justify;
    line-height: 2;
    margin: 0;
}
#UserLegalApprovalNewsletter .form-group {
    margin: 0;
}
h2.profileTitle {
    font-size: 19px;
    color: var(--first);
}

.pendingApprove {
    float: right;
    width: 100%;
    background: #ffc1071f;
    padding: 22px 0;
    border-radius: 6px;
}
.pendingApprove p {
    margin: 8px 0 0 0;
}

.finalApprove {
    float: right;
    width: 100%;
    background: #55ff071f;
    padding: 22px 0;
    border-radius: 6px;
}
.finalApprove p {
    margin: 8px 0 0 0;
}

.ApproveLegalCustomer {
    display: inline-block;
    background: var(--bs-warning);
    font-size: 13px;
    padding: 2px 13px;
    border-radius: 50px;
    color: ;
    cursor: pointer;
}




.ShowLegalCustomerDetail {
    float: right;
    width: 100%;
    padding: 25px;
}
.ShowLegalCustomerDetail .ShowCustomerLegal {
    float: right;
    width: 100%;
    border: 1px solid #eee;
}
.ShowLegalCustomerDetail .ShowCustomerLegal th , .ShowLegalCustomerDetail .ShowCustomerLegal td {
    padding: 16px 10px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}
.ShowLegalCustomerDetail .ShowCustomerLegal th {
    background: #eee;
    border-bottom: 1px solid #ccc;
}
.ShowLegalCustomerDetail .ShowCustomerLegal td a {
    color: var(--first);
    text-decoration: none;
}
.ShowLegalCustomerDetail form {
    float: right;
    width: 100%;
    background: #f6f6f6;
    padding: 13px;
}
.ShowLegalCustomerDetail form h2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: var(--first);
    border-bottom: 1px solid #ccc;
    padding: 0 0 8px 0;
}
.NotAcceptResoan {
    float: right;
    width: 100%;
    background: #ff0018;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
}


.DetailOfProject {
    float: right;
    width: 100%;
}
.DetailOfProject .MonthOfProjectCount {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    padding: 10px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.DetailOfProject .MonthOfProjectCount li {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border-right: 1px solid #eee;
}
.DetailOfProject .MonthOfProjectCount li:last-child {
    border: 0;
}
.DetailOfProject .MonthOfProjectCount li b {
    font-size: 20px;
    color: var(--first);
}

.DetailOfProject .MonthOfProjectCount li.avg {
    background: var(--first);
    color: #fff;
    padding: 10px 0;
}
.DetailOfProject .MonthOfProjectCount li.avg b {
    color: #fff;
}
.DetailOfProject .MonthOfProjectCount.price li b {
    font-size: 15px;
}
.DetailOfProject .MonthOfProjectCount li b.realPrice {
    font-size: 12px;
    color: #999;
}

.TitleOfReport {
    float: right;
    width: 100%;
    font-size: 20px;
    color: var(--first);
    margin: 15px 0 10px 0;
}

.MonthOfProjectCount.projectList li {
    padding: 15px 0;
}

.ListProjectSuccess {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 400px;
}
.ListProjectSuccess .List_Of_Task_Per {
    width: 100%;
}
.ListProjectSuccess #taskPieChart {
    float: left;
    width: 100% !important;
    height: auto !important;
}

.MonthOfProjectCount.Personal.projectList li.avg {
    width: ;
    position: absolute;
    width: auto;
    font-size: 13px;
    right: 0;
    height: 100%;
    width: 100px;
    font-size: 13px !important;
}
.MonthOfProjectCount.Personal.projectList {
    position: relative;
    padding: 0 100px 0 0;
}

.CommentPart {
    float: left;
    background: var(--bs-warning);
    font-size: 13px;
    padding: 2px 19px;
    border-radius: 50px;
    margin: -34px 0 0 0;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

#ShowCommentAndAnalyzeModal {
}
#ShowCommentAndAnalyzeModal .modal-content {
    padding: 20px;
}
#ShowCommentAndAnalyzeModal .modal-content #SendCommentToPart {
    background: #eee;
    padding: 10px;
}
#ShowCommentAndAnalyzeModal .modal-content #SendCommentToPart h2 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: var(--first);
}

.ChangeStatus {
    display: inline-block;
    background: var(--bs-danger);
    color: #fff;
    border-radius: 50px;
    padding: 2px 17px;
    font-size: 13px;
    cursor: pointer;
}
.ChangeStatus.done {
    background: var(--bs-green);
}

.description_tab.RedBadge {
    background: var(--bs-danger);
}

.Img_selector.uploaded .thumb .show_Image_uploaded {
    position: absolute;
    width: auto;
    background: #ff0000a3;
    text-align: center;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    bottom: -17px;
    padding: 0px 15px;
    left: 0;
    border-radius: 0 0 6px 6px;
}
.Img_selector.uploaded .thumb {
    position: relative;
}

.AddBTNTask {
    float: left;
    font-size: 13px;
    background: var(--bs-gray-dark);
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 50px;
    margin: -5px 10px 0 0;
    text-decoration: none;
    border-radius: 6px;
}
.AddBTNTask i {
    font-size: 20px;
    margin: 0 0 0 3px;
}
.AddBTNTask#addTask {
    background: var(--bs-cyan);
}

.Sens_status {
    background: var(--bs-gray);
    font-size: 13px;
    padding: 2px 10px 0;
    border-radius: 50px;
    color: #fff;
}
.Sens_status.approve {
    background: var(--bs-green);
}
.Sens_status.disapprove {
    background: var(--bs-danger);
}
#approve_sensitive_events {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    height: 32px;
    padding: 0;
}


.ListOfComment {
    float: right;
    width: 100%;
    background: #fff;
    border: 1px dashed #ccc;
    margin: 11px 0 0 0;
}
.ListOfComment ul {
    float: right;
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 0;
}
.ListOfComment ul li {
    float: right;
    width: 100%;
    border-bottom: 1px dashed #eee;
    padding: 15px;
}
.ListOfComment ul li .author {
    float: right;
    font-size: 13px;
    font-weight: 500;
}
.ListOfComment ul li .date {
    float: left;
    font-size: 13px;
    font-weight: 500;
}
.ListOfComment ul li .content {
    float: right;
    width: 100%;
    margin: 0;
    padding: 10px 14px;
    background: #eee;
    border-radius: 6px;
    margin: 5px 0 0 0;
    font-size: 14px;
}

.ListOfUserDetail {
    float: right;
    width: 100%;
    padding: 10px;
}
.ListOfUserDetail th {
    background: #f4f4f4;
    text-align: center;
    padding: 20px 0;
    font-weight: normal;
    width: 134px;
}
.ListOfUserDetail td {
    text-align: center;
    font-size: 16px;
    color: var(--first);
    font-weight: 500;
}
.ListOfUserDetail tr {
    border: 1px solid #eee;
}

.bankName {
    width: ;
    display: block;
    background: #eee;
    width: 100px;
    margin: -5px auto 0;
    padding: 4px 0 0 0;
    border-radius: 50px;
    font-size: 13px;
}

#ChangeDateContract {
    float: right;
    width: 98%;
    background: #eee;
    margin: 0 1% 19px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ChangeDateContract .btn {
    width: 169px;
    margin: 0;
    background: var(--bs-gray-dark);
    margin: 40px 0 0 0;
    font-weight: normal;
}

.ContractLink {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 19px 0 0 0;
}
.ContractLink li {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.ContractLink li a {
    color: var(--first);
    text-decoration: none;
}


.list_of_data.installments {
    border: 2px solid #c1c1c1;
    margin: 5px 0 0 0;
}
.list_of_data.installmentChild {
    background: #e4e4e4;
}
.list_of_data.head.installmentChild {
    background: #bababa;
}

.DownloadApproval {
    float: left;
    text-align: right;
    margin: -32px 0 15px 0;
    font-size: 13px;
    background: var(--bs-danger);
    text-decoration: none;
    color: #fff !important;
    padding: 2px 10px;
    border-radius: 0 0 6px 6px;
}



.SHowCES {
    float: right;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    background: var(--first);
    color: #fff;
    padding: 10px;
}
.SHowCES b {
    margin: 0 10px 0 0;
}


.SearchQuickBox .SearchBoxQuit {
    float: right;
    width: 100%;
    padding: 0px;
}
.SearchQuickBox .SearchBoxQuit .InputSearch {
    float: right;
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 12px;
    border-radius: 6px;
}
.SearchQuickBox .SearchBoxQuit .InputSearch .las.la-search {
    position: absolute;
    right: 21px;
    top: 24px;
    font-size: 32px;
    color: var(--wp--preset--color--black);
}
.SearchQuickBox .SearchBoxQuit #SearchEveryThings {
    height: 60px;
    border-radius: 8px;
    padding: 0 156px 0 0;
    border: 0;
    box-shadow: none;
}
.SearchQuickBox .SearchBoxQuit .btn {
    position: absolute;
    left: 3px;
    top: 0;
    width: 110px;
    background: var(--bs-blue);
    border-radius: 6px;
    text-align: center !important;
    padding: 8px 0;
}

.SearchQuickBox .closeSearch {
    background: #1d2327;
    color: #fff;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px 30px;
    border-radius: 0 0 5px 0;
    cursor: pointer;
}


.DataSearchReturn {
    float: right;
    width: 100%;
    padding: 30px 15px;
    margin: 4px 0 0 0;
}
.DataSearchReturn .Loading {
    font-size: 35px;
    text-align: center;
    color: var(--bs-gray);
}
.DataSearchReturn .Loading i{
    animation: scrollingLoad 15s infinite;
}

@keyframes scrollingLoad {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(3600deg);
    }
}




.Account_type_detail {
    float: right;
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 15px;
    border-radius: 6px;
    position: relative;
    margin: 0 0 32px;
}
.Account_type_detail .title {
    position: absolute;
    top: -13px;
    font-size: 17px;
    background: #fff;
    padding: 0 11px;
    width: auto;
}
.Account_type_detail .Detail_Box {
    display: flex;
    width: 100%;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    margin:0;
}
.Account_type_detail .Detail_Box li {
    width: 24%;
    border: 1px solid #ccc;
    margin: 5px 0.5% 5px;
    padding: 5px 6px;
    border-radius: 6px;
    position: relative;
    display: flex;
    align-items: center;
}
.Account_type_detail .Detail_Box li span {
    float: right;
    background: var(--bs-warning);
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 6px;
    width: 100px;
    text-align: center;
}
.Account_type_detail .Detail_Box li b {
    float: right;
    font-size: 15px;
    padding: 3px 11px 0 0;
    width: calc(100% - 100px);
    text-align: center;
    font-weight: normal;
}



.SearchQuickBox .SearchBoxQuit .InputSearch #Search_type {
    position: absolute;
    width: 100px;
    text-align: center;
    background: var(--bs-warning);
    border: 0;
    height: 36px;
    padding: 0;
    right: 57px;
    top: 21px;
    appearance: checkbox;
    text-align: right;
    padding: 0 11px 0 0;
}

.Account_type_detail .LogAccountDiv {
    display: inline-block;
    padding: 10px;
    max-height: 350px;
    overflow: auto;
    width: 100%;
}




/* Pre Invocie */


.list_of_data.parent {
    background: #e1e1e1;
}
.list_of_data.child {
    padding: 14px 24px 14px 0;
    border-right: 10px solid var(--bs-blue);
}


.BoxPreInvoice {
    float: right;
    width: 100%;
}
.BoxPreInvoice .temp {
    display: none;
}
.BoxPreInvoice .placeOfItem {
    float: right;
    width: 98%;
    background: #fdfdfd;
    padding: 10px;
    border: 1px dashed #c5c5c5;
    margin: 13px 1%;
}
.BoxPreInvoice .placeOfItem .BoxOfItem {
    float: right;
    width: 100%;
    display: flex;
    border: 1px dashed #999;
    padding: 0 0 14px;
    margin: 0 0 10px 0;
}
.BoxPreInvoice .addRowService {
    float: left;
    margin: 0 1%;
    padding: 3px 20px;
    color: var(--first);
    border: 1px solid;
    cursor: pointer;
}

.InvoiceTableRecord.DescriptionInvoice {
    padding: 10px;
    background: #f7f7f7;
}


.InvoiceTableRecord.TotalInvoiceRecord {
}
.InvoiceTableRecord.TotalInvoiceRecord.Final {
    border-top: 1px solid #666;
}

/* end Pre Invoice*/


.row.ToolsBox {
    background: transparent !important;
}
.row.ToolsBox .col-md-8 {
    background: #fff;
    padding: 23px;
    border-radius: 6px;
}
.row.ToolsBox .discount_code {
    float: right;
    width: 98%;
    margin: 16px 1% 0px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    border-radius: 6px;
    position: relative;
    border: 1px solid #ccc;
}
.row.ToolsBox .discount_code #discount_code {
    float: right;
    width: 100%;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.row.ToolsBox .discount_code .btn {
    position: absolute;
    width: auto;
    left: 0;
    top: -7px;
    background: #000;
    font-size: 13px;
    padding: 8px 13px;
    font-weight: normal;
}


.row.ToolsBox .BoxOfToolsDetail {
    float: left;
    width: 100%;
    background: #fff;
    padding: 14px;
    border-radius: 6px;
}
.row.ToolsBox .BoxOfToolsDetail ul {
    float: right;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
}
.row.ToolsBox .BoxOfToolsDetail ul li {
    float: right;
    width: 100%;
    position: relative;
    padding: 10px 0;
}
.row.ToolsBox .BoxOfToolsDetail ul li span {
    float: right;
    font-size: 16px;
    background: #fff;
    position: relative;
    z-index: 9;
    padding: 0 0 0 10px;
}
.row.ToolsBox .BoxOfToolsDetail ul li b {
    float: left;
    font-size: 18px;
    font-family: iranyekanfan !important;
    font-weight: normal;
    background: #fff;
    z-index: 9;
    position: relative;
    padding: 0 6px 0 0;
    margin: -2px 0 0 0;
}
.row.ToolsBox .BoxOfToolsDetail ul li:before {
    position: absolute;
    content: "";
    width: 100%;
    border-bottom: 1px dashed #ccc;
    right: 0;
    top: 22px;
}
.row.ToolsBox .BoxOfToolsDetail .FinalPaymentTools {
    float: left;
    width: 100%;
    margin: ;
    background: var(--bs-teal);
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 6px;
    margin: 6px 0 0 0;
    cursor: pointer;
}
.row.ToolsBox .BoxOfToolsDetail ul li.discount {
    color: red;
}



.ListOFNavQuickSearch {
    display: inline-block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    margin: -13px auto 39px;
    border-radius: 50px;
    justify-content: center;
    width: max-content;
    padding: 5px 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 999999;
    border: 1px solid var(--first);
}
.ListOFNavQuickSearch li {
    padding: 10px 35px;
    font-size: 15px;
    cursor: pointer;
    border-radius: 50px;
    margin: 0 5px;
}
.ListOFNavQuickSearch li:hover , .ListOFNavQuickSearch li.active {
    background: var(--first);
    color: #fff;
}
form .btn {
    float: left;
    width: auto;
    font-weight: normal;
    padding: 7px 61px;
    background: var(--bs-primary);
}
#all_log_for_account {
    display: inline-block;
    width: 100%;
    margin: 0;
}
#all_log_for_account #comment_account {
    height: 100px;
}

.PaymentOrderWithWallet {
    border-radius: 6px;
    text-align: center;
    padding: 11px 0;
    float: left;
    margin: 9px 0 0 0;
    background: var(--bs-teal);
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    float: right;
    width: 49%;
    background: var(--bs-blue);
    padding: 15px 0;
    font-weight: normal;
}
.PaymentOrderWithWallet.disabled{
    opacity: 0.4;
    cursor: not-allowed;
}
.PaymentOrderWithWallet small{
    font-size: 12px;
}
.wallet .WalletMount{
    font-size: 16px !important;
    gap: 10px!important;
}
.dashboard-wallet a{
    text-decoration: none;
    color: #fff;
}
.wallet-more-charge{
    display: none;
}

.list_of_data.payment {
    background: #0d3c001c;
}
.edit_invoice {
    display: inline-block;
    font-size: 13px;
    background: var(--bs-yellow);
    color: #000;
    padding: 2px 10px;
    border-radius: 50px;
    text-decoration: none;
    margin: 0 0 0 5px;
    cursor: pointer;
}.form-group.discount p {
     font-size: 12px;
 }

.InvoiceTableRecord li del {
    font-size: 16px;
    color: #666;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 8px;
}
.InvoiceTableRecord li {
    font-family: iranyekanfan;
}
.InvoiceTableRecord li b {
    font-weight: normal;
}


.SelectAccount {
    display: inline-block;
    position: relative;
    width: 130px;
    background: #eee;
    padding: 8px 0 6px;
    position: relative;
    border-radius: 50px;
    cursor: pointer;
}
.SelectAccount input {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.SelectAccount:hover , .SelectAccount.active {
    background: var(--bs-warning);
    color: #000;
}

table.ReportPreInvoice {
    float: right;
    width: 100%;
}

table.ReportPreInvoice th {
    background: #0b00ff14;););););
    width: 30%;
    font-weight: normal;
    padding: 12px;
    border-bottom: 1px solid #ccc;
}

table.ReportPreInvoice td {
    padding: 12px;
    font-family: iranyekanfan;
    border-bottom: 1px solid #cccc;
}

table.ReportPreInvoice tr:first-child td {
    background: #0b00ff14;
}
.ListOfOrderListRefund.Comming_back_section {
    max-height: 300px;
    overflow: auto;
}

.pendComing {
    display: inline-block;
    background: var(--bs-orange);
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 50px;
}

.doneComing {
    display: inline-block;
    background: var(--bs-green);
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 50px;
}

.ShowDetailComingBack {
    background: var(--bs-blue);
    display: inline-block;
    padding: 5px 23px;
    color: #fff;
    font-size: 13px;
    border-radius: 23px;
    cursor: pointer;
}

#ShowComingBackModal .DataForComingBack {
    float: right;
    width: 100%;
    border: ;
    padding: 20px 10px;
}
#ShowComingBackModal .DataForComingBack .DetailOfComingBack {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
#ShowComingBackModal .DataForComingBack .DetailOfComingBack li {
    float: right;
    width: 48%;
    margin: 6px 1%;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 50px;
}
#ShowComingBackModal .DataForComingBack .DetailOfComingBack li span {
    background: var(--bs-warning);
    font-size: 14px;
    padding: 2px 11px 0;
    border-radius: 50px;
    float: right;
}
#ShowComingBackModal .DataForComingBack .DetailOfComingBack li b {
    float: right;
    padding: 0px 8px 0;
    font-family: iranyekanfan;
    font-weight: normal;
}
#ShowComingBackModal .DataForComingBack .DetailOfComingBack .hesab {
    width: 98% !important;
}

#ShowComingBackModal #ActionForComingBack {
    float: right;
    width: 100%;
    padding: 11px;
    background: #fbfbfb;
}

#ShowComingBackModal .DataForComingBack .Paymented {
    float: right;
    width: 98%;
    margin: 5px 1%;
    background: var(--bs-teal);
    text-align: center;
    padding: 10px;
    border-radius: 6px;
}
#ShowComingBackModal .DataForComingBack a {
    color: var(--bs-blue);
    text-decoration: none;
    font-weight: normal;
}

.keyword-list,.h2-list{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.keyword-list div,.h2-list div{
    padding: 3px 7px;
    background-color: #ebebeb;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 9px;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 10px;
}
.keyword-list div:before,.h2-list div:before{
    content: "x";

}
.content-status{
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 12px;
}
.content-status.pending{
    background: #ffde55;
}
.content-status.writing{
    background: #d1d1c1;
}
.content-status.review{
    background: #fbef00;
}
.content-status.editing{
    background: #fb9b00;
}
.content-status.accepted{
    background: #a2ff52;
}
.content-status.rejected{
    background: #ff6565;
}
.contents-btn-wrapper{
    display: flex;
    gap: 5px;
    justify-content: center;
}
.contents-btn-wrapper button{
    box-shadow: none;
    border: none;
    padding: 5px 10px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
}
.contents-btn-wrapper .accept,.contents-btn-wrapper .upload{
    background: #a2ff52;

}
.contents-btn-wrapper .reject{
    background: #ff6565;

}
.contents-btn-wrapper .detail{
    background: #d1d1c1;

}
.download-content{
    box-shadow: none;
    border: none;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 12px;
    text-decoration: none;
    color: #000;
    background: #aed6f9;
}
.DataSearchReturn .balance p {
    right: 0;
    left: auto;
}


.SusspendAccount {
    float: right;
    width: 100%;
    background: #dc354521;
    text-align: center;
    color: #fff;
    padding: 13px 0;
    margin: -19px 0 16px 0;
    border-radius: 6px;
    color: var(--bs-red);
    font-weight: 600;
}
.boxDomain.Services:hover::before {
    right: 10px;
    top: 10px;
    background: var(--c_1);
}
.boxDomain.Services:hover h2 {
    color: var(--c_1) !important;
}

.ShowAccountByName {
    position: absolute;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    display: none;
    z-index: 99999999999999;

}
.ShowAccountByName .listOfAccount {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    border-radius: 10px;
    /*padding: 20px;*/
}
.ShowAccountByName .listOfAccount li {
    float: right;
    width: 32.3%;
    padding: 10px;
    border: 1px solid #dadada;
    margin: 0 0.5% 12px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}
.ShowAccountByName.active {
    display: block;
}
.tab-item{
    display: none;
}
#tab1{
    display: block;
}


.new-users {
    overflow: auto;
}
.new-users .d-flex.justify-content-start.w-100.flex-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content;
}
.new-users .d-flex.justify-content-start.w-100.flex-wrap .new-user-card {
    width: 206px;
}
.new-users .d-flex.justify-content-start.w-100.flex-wrap .new-user-card .Thumb {
}
.new-users .d-flex.justify-content-start.w-100.flex-wrap .new-user-card .user-data-wrapper {
    display: flex;
    flex-direction: column;
}
.new-users .d-flex.justify-content-start.w-100.flex-wrap .new-user-card .user-data-wrapper p {
    font-size: 14px;
    width: 100%;
    text-align: center;
    height: 20px;
    overflow: hidden;
}
.new-users .d-flex.justify-content-start.w-100.flex-wrap .new-user-card .user-data-wrapper span {
    font-size: 12px;
}
.new-users .d-flex.justify-content-start.w-100.flex-wrap .new-user-card .user-data-wrapper div {
    display: ;
}
.new-users .new-user-text {
    display: none;
}
.Main nav .menu ul li a.NewF::after {
    position: absolute;
    content: "جدید";
    left: 0;
    background: var(--bs-warning);
    padding: 0 7px;
}


.content.LandingMakerContent .row {
    background: transparent;
    padding: 0;
}
.ListOfLanding {
    float: right;
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 0;
}
.ListOfLanding li {
    float: right;
    width: 24%;
    margin: 0 0 0 1%;
    background-size: cover;
    background-position: center;
}
.ListOfLanding li .newLanding {
    width: 100%;
    height: 200px;
    border: 2px dashed #ccc;
    float: right;
    background: #fff;
    display: flex;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #000;
}
.ListOfLanding li .newLanding i {
    font-size: 50px;
    color: ;
}
.ListOfLanding li .newLanding:hover {
    border: 2px dashed var(--first);
}




.step_1_landing_maker {
    float: right;
    width: 100%;
    background: #fff;
    padding: 23px;
    border: 1px solid var(--bs-yellow);
    margin: 0 0 15px 0;
}
.step_1_landing_maker .title {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    cursor: pointer;
}

.step_1_landing_maker .title:after {
    position: absolute;
    content: "\f107";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    left: 0;
}
.step_1_landing_maker.active .title::after {
    content: "\f106";
}
.step_1_landing_maker .title .number {
    float: right;
    width: 30px;
    height: 30px;
    background: var(--bs-warning);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-style: normal;
    margin: 0;
}
.step_1_landing_maker .title span {
    font-size: 19px;
    color: #000;
    margin: 1px 8px 0 0;
}
#create_landing_maker input {
    border-radius: 6px;
}
.step_1_landing_maker .Address {
    display: flex;
    float: right;
    width: 100%;
    flex-direction: row-reverse;
}
.step_1_landing_maker .Address span {
    width: 100%;
    background: var(--wp--preset--color--black);
    color: #ffffffcf;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: ltr;
    font-size: 20px;
    padding: 4px 0 0 0;
}
.step_1_landing_maker .Address #landing_address {
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 0;
    text-align: center;
}



.ListOfTemplate {
    float: right;
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ListOfTemplate li {
    width: 24%;
    float: right;
    margin: 0 0 0 1%;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    border: 1px solid #ccc;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ListOfTemplate li span {
    background: #00000096;
    color: #fff;
    padding: 5px 20px;
    border-radius: 6px;
}
.ListOfTemplate li.commingSoon {
    background: #eee;
    filter: blur(1px);
}
.ListOfTemplate li.active {
    border: 1px solid var(--bs-yellow);
}

.ListOfLanding li a.landing b {
    background: var(--bs-warning);
    font-size: 13px;
    font-weight: normal;
    padding: 2px 10px;
    border-radius: 6px;
}
.ListOfLanding li.listAccountLand a:nth-child(2) {
    position: relative;
    width: 100%;
    z-index: 9;
    float: right;
    text-align: center;
    text-decoration: none;
    color: var(--first);
    padding: 0px 0;
    border: ;
}

.ListOfLanding li.listAccountLand {
    height: ;
}
.ListOfLanding li.listAccountLand .landing {
    width: 100%;
    float: right;
    height: 177px;
    background: #eeeeeebd;
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
    color: #000;
}

.step_1_landing_maker .form-control {
    border-radius: 6px;
}
.step_1_landing_maker .row.EditSection {
    align-items: center;
}
.step_1_landing_maker .row.EditSection .form-group.multipleSection {
    display: flex;
    align-items: center;
}
.step_1_landing_maker .row.EditSection .form-group.multipleSection .Mutli {
    width: 100%;
    padding: 3px;
}
.content.LandingMakerContent.flip {
    padding: 25px 0 0 0!important;
}

.landingviewPage {
    float: right;
    width: 100%;
    position: relative;
}
.landingviewPage iframe {
    float: right;
    width: 100%;
    height: 90vh;
    border-radius: 5px;
    border: 2px solid;
    position: sticky;
    top: 30px;
}
.Main.LandingDesignView .content.LandingMakerContent {
    padding: 10px !important;
}

#landing_design_edit {
    position: relative;
    float: right;
    padding: 0 0 0;
    height: 90vh;
    overflow: auto;
}
#landing_design_edit .saveDataForLanding {
    position: sticky;
    width: 100%;
    right: 0;
    bottom: 8px;
    background: var(--wp--preset--color--luminous-vivid-amber);
    border: 0;
    padding: 10px 0;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 99;
}

.PalletColorForLanding {
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
}
.PalletColorForLanding li {
    width: 100%;
    border: 5px solid #e6e6e6;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 10px 0;
    cursor: pointer;
}

.PalletColorForLanding li:hover , .PalletColorForLanding li.active {
    border: 5px solid var(--bs-warning);
    position: relative;
}
.PalletColorForLanding li:hover:after, .PalletColorForLanding li.active:after {
    display: block;
}
.PalletColorForLanding li::after {
    position: absolute;
    content: "\f00c";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #00000080;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    text-align: center;
    color: #fff;
    display: none;
}
.PalletColorForLanding li span {
    width: 100%;
    height: 25px;
}
#landing_design_edit .ImageBox {
    padding: 5px 2%;
}

#landing_design_edit textarea {
    height: 100px;
}

.step_1_landing_maker .sectionDetail {
    display: none;
    margin: 10px 0 0 0;
    float: right;
    width: 100%;
}
.step_1_landing_maker.active .sectionDetail {
    display: block;
}

#landing_design_edit .Img_selector.uploaded span {
    display: none;
}
#landing_design_edit .Img_selector.uploaded .box_upload:before {
    width: 100px;
}
#landing_design_edit .Img_selector.uploaded .box_upload {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
#landing_design_edit .Img_selector.uploaded .thumb {
    width: 100%;
}

.ServiceBox {
    float: right;
    width: 97%;
    border: 1px dashed #ccc;
    padding: 10px;
    margin: 8px 1%;
    border-radius: 6px;
}
.ServiceBox .subTitle {
    float: right;
    width: 100%;
    background: #eee;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    margin: 15px 0 0 0;
}

.SabtMapAfterPaymentAlert {
    float: right;
    width: 100%;
    background: var(--wp--preset--color--luminous-vivid-amber);
    color: #000;
    padding: 15px 0 8px;
    border-radius: 6px;
}
.SabtMapAfterPaymentAlert a {
    display: inline;
    direction: ltr;
    background: #fff;
    padding: 2px 19px 0;
    text-decoration: none;
    border-radius: 50px;
    margin: 0 7px;
    color: var(--bs-dark);
}
.personal_list_show li.manager.content-manager .box_team{
    border-color: var(--bs-cyan);
}
.personal_list_show li.manager.content-manager .box_team::after{
    background:var(--bs-cyan);
    content: 'مدیر محتوا';
}
.cant-access{
    float: left;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 100;
    backdrop-filter: blur(3px);
    font-size: 18px;
    font-weight: bold;
}
.vacation-overall{
    display: flex;
    float: right;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
}
.vacation-overall p{
    margin: 0;
    padding: 10px;
    background: #f9f9f9;
    display: flex;
    gap: 15px;
    border-radius: 5px;
    box-shadow: 0 1px 15px rgba(0,0,0,0.05);
}
.vacation-overall p span:nth-child(2){
    font-weight: bold;
}
.free-vacation-description{
    display: none;
}
.date_picker_element .date-input {
    float: right;
    width: 100%;
}


.show_description {
    display: inline-block;
    background: var(--bs-blue);
    position: relative;
    color: #fff;
    padding: 0 10px;
    font-weight: normal;
    border-radius: 5px;
    cursor: pointer;
}
.show_description .detail_of_buy {
    position: absolute;
    width: 200px;
    background: #fff;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    color: #000;
    padding: 10px;
    right: 0;
    display: none;
}
.show_description .detail_of_buy .detail {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.show_description .detail_of_buy .detail li {
    float: right;
    width: 50%;
    border-bottom: 1px solid #ccc;
    text-align: right;
    padding: 10px 0;
}
.show_description:hover .detail_of_buy {
    display: block !important;
}

.NPSForm .box_content_nps .desc_form {
    text-align: center;
    padding: 0 20px;
    line-height: 2;
}

.ask_popup {
    position: relative;
}
.ask_popup p {
    position: absolute;
    width: 100%;
    background: #fff;
    bottom: 100%;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 6px;
    display: none;
}
.ask_popup:hover p {
    display: block;
}

body .ShowInvoiceCustomerWallet {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid;
    margin: 0 0 0 6px;
    font-size: 14px;
}

.ShowInvoiceWalletItem {
    display: inline-block;
    background: var(--bs-orange);
    color: #fff!important;
    text-decoration: none;
    padding: 3px 17px;
    border-radius: 50px;
}
.checkbox-wrapper{
    display: flex;
    gap: 8px;
    align-items: center;

}
.checkbox-wrapper label{
    width: fit-content;
}

.final_form {
    float: right;
    width: 98%;
    margin: 8px 1%;
    background: #65ffaa98;
    color: #00652a;
    text-align: center;
    padding: 23px 0;
    border-radius: 6px;
}
.desc_form {
    float: right;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    font-size: 15px;
}

.PaymentMethodCTA {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
}
.PaymentMethodCTA li {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 5px;
}
.PaymentMethodCTA li div.PaymentOrderWithCustomer {
    width: 100% !important;
    margin: 11px 0 0 0 !important;
    padding: 13px 0 10px !important;
}


.PaymentMethodCTA li .PaymentOrderWithWallet {
    width: 100%;
    margin: 0 0 0 0;
}
.PaymentMethodCTA li #Final_official_payment_bill_form {
    float: right;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}
.PaymentMethodCTA li #Final_official_payment_bill_form .btn {
    margin: 0 !important;
    padding: 15px 0;
}


.box_of_Licence {
    position: fixed;
    width: 100%;
    right: 0;
    z-index: 999;
    top: 0;
    background: #fff;
    text-align: center;
    overflow: auto;
    height: 100%;
}
.box_of_Licence .content_of_licence {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.box_of_Licence .content_of_licence img {
    width: 100%;
}



.box_of_Licence .content_of_licence .title_en {
    position: absolute;
    left: 0;
    top: 313px;
    left: 166px;
    font-family: Inter;
    font-size: 15px;
}
.box_of_Licence .content_of_licence .title_ar {
    position: absolute;
    top: 280px;
    right: 163px;
    font-family: arial;
}
.box_of_Licence .content_of_licence .number_1 {
    position: absolute;
    top: 250px;
    right: 450px;
    font-family: Inter;

}
.box_of_Licence .content_of_licence .number_2 {
    position: absolute;
    top: 415px;
    right: 197px;
    font-family: Inter;
    font-size: 14px;
}
.box_of_Licence .content_of_licence .start_date {
    position: absolute;
    top: 376px;
    right: 197px;
    font-family: Inter;
    font-size: 14px;
}
.box_of_Licence .content_of_licence .end_date {
    position: absolute;
    top: 375px;
    left: 206px;
    font-family: Inter;
    font-size: 14px;
}
.box_of_Licence .content_of_licence .activity_en {
    top: 851px;
    position: absolute;
    left: 40px;
    width: 400px;
    text-align: left;
    font-family: Inter;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}
.box_of_Licence .content_of_licence .activity_ar {
    position: absolute;
    top: 851px;
    right: 34px;
    width: 450px;
    text-align: right;
    font-family: ari;
    font-size: 14px;
}


.box_of_Licence .content_of_licence .generate_date {
    position: absolute;
    bottom: 198px;
    left: 110px;
    font-family: Arial;
    font-size: 15px;
    color: #000;
}

.verify_pause {
    display: inline-block;
    background: var(--bs-danger);
    color: #fff;
    padding: 5px 9px 0;
    border-radius: 50px;
    font-size: 12px;
}

#form_filter {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 10px 10px 20px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    margin: 0 0 16px 0;
}
#form_filter input[name=btn] {
    width: 224px !important;
    margin: 42px 0 0 0;
    background: var(--first);
    color: #fff;
    border: 0;
    border-radius: 50px;
    padding: 5px 26px;
}
.content.ReportMaker.ActiveUser {
}
.content.ReportMaker.ActiveUser table {
    float: right;
    width: 100%;
    background: #fff;
    border: 0 !important;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
}
.content.ReportMaker.ActiveUser table td {
    padding: 17px 0;
    text-align: center;
    border-bottom: 1px solid #eee;
}



/* Eid Banner */

.PopUpTopHeader {
    position: fixed;
    width: 100%;
    background: radial-gradient(circle, rgba(1,32,63,1) 0%, rgba(7,80,131,1) 0%, rgba(1,32,63,1) 100%);
    z-index: 99;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding: 13px 0;
}



#NPSFormAjax .step_box {
    float: right;
    width: 100%;
    display: none;
}
#NPSFormAjax .step_box.active {
    display: block;
}
#NPSFormAjax .step_box .nav_step {
    float: right;
    width: 100%;
    list-style: none;
    margin: 22px 0 0 0;
    padding: 0;
}
#NPSFormAjax .step_box .nav_step li {
    float: right;
    width: 50%;
    cursor: pointer;
}
#NPSFormAjax .step_box .nav_step li .prev {
    float: right;
    background: var(--bs-gray);
    color: #fff;
    padding: 10px 45px;
    border-radius: 50px;
}
#NPSFormAjax .step_box .nav_step li .next {
    float: left;
    background: var(--bs-blue);
    color: #fff;
    padding: 10px 45px;
    border-radius: 50px;
    cursor: pointer;
}

#NPSFormAjax .step_box .nav_step li .btn {
    margin: 0;
    padding: 10px 45px;
}

.PaymentTime {
    display: inline-block;
    background: #eee;
    border-radius: 50px;
    padding: 2px 10px;
}
.PaymentTime b {
    font-weight: normal;
    margin: 1px 0 0 9px;
    float: right;
}
.PaymentTime i {
    font-style: normal;
    font-size: 14px;
    margin: 0px 0 0 0;
    float: left;
}
.RequestForReturn {
    background: var(--bs-indigo);
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}


#RequestForReturnModal #RequestForReturnAjax {
    float: right;
    width: 100%;
    padding: 20px;
}
#RequestForReturnModal #RequestForReturnAjax .FileOfComment_place {
    display: flex;
    margin: 0;
}
#RequestForReturnModal #RequestForReturnAjax .form-group.eightel {
    margin: 27px 3px 0 3px;
}

.list_of_data.return_order {
    border-right: 80px solid red;
    border-bottom: 2px solid red;
    padding-right: 10px;
}
.list_of_data.return_order .Charge_Order {
    display: none !important;
}
body .list_of_data.return_order::before {
    position: absolute;
    right: -72px;
    top: 0;
    content: "درخواست عودت در حال بررسی";
    color: #fff;
    z-index: 9;
    width: 66px;
    font-size: 10px;
    text-align: center;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.RequestCancelForReturn {
    background: #b20000;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}
.ShowRequestForReturn {
    background: var(--bs-cyan);
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}


.Detail_For_Request_of_Return {
    float: right;
    width: 100%;
    padding: 20px;
}
.Detail_For_Request_of_Return ul {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.Detail_For_Request_of_Return ul li {
    float: right;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.Detail_For_Request_of_Return ul li span {
    float: right;
    font-size: 15px;
}
.Detail_For_Request_of_Return ul li b {
    float: left;
    font-size: 15px;
    color: var(--first);
}
.Detail_For_Request_of_Return ul li  a {
    display: ;
    text-decoration: none;
    color: var(--first);
}

#ApproveRequestForReturnAjax {
    float: right;
    width: 98%;
    border: 1px dashed var(--first);
    margin: 0 1% 20px;
    padding: 10px;
}


.list_of_data.return_order.d_s_request {
    border-color: red;
}
.list_of_data.return_order.d_s_request:before {
    content: "درخواست عودت عدم تایید";
}
.ReRequestForReturn {
    background: var(--bs-danger);
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}

.DeniedRequest {
    float: right;
    width: 100%;
}
.DeniedRequest .detailForDinedRequest {
    float: right;
    width: 98%;
    margin: 19px 1% 0;
    background: #dc354517;
    border-radius: 5px;
    text-align: center;
    padding: 8px 0;
    border: 1px solid var(--bs-danger);
}
.DeniedRequest .detailForDinedRequest span {
    font-size: 20px;
    color: var(--bs-danger);
}
.DeniedRequest .detailForDinedRequest p {
    margin: 0;
    float: right;
    width: 100%;
    color: #000;
    font-size: 14px;
}

.list_of_data.return_order.a_s_request {
    border-color: green;
}
.list_of_data.return_order.a_s_request:before {
    content: "درخواست عودت ارجاع به مالی";
}

/* New Update For Customer Login Page */
div#Customer_Login_section p {
    margin: 3px 0 40px 0;
}

div#Customer_Login_section .MobileReturn {
    margin: 0 0 15px 0;
}

select#r_customer_introduction {
    font-size: 13px;
    color: #777;
    font-weight: normal;
    padding: 0 14px 0 0;
}

input.form-control::placeholder {
    color: #888!important;
}


.editFundElement.preInvoice {
    float: right;
    width: 100%;
}
.editFundElement.preInvoice #dateFund {
    top: 0;
    width: 100%;
    text-align: center;
}
.editFundElement.preInvoice .btn {
    opacity: 1;
    padding: 0;
}


.ShowComplateData {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999999999;
    right: 0;
    justify-content: center;
    align-items: center;
}
.ShowComplateData .layer_bg {
    position: absolute;
}
.ShowComplateData .layer_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}
.ShowComplateData.active {
    display: flex !important;
}
.ShowComplateData .box_of_complate {
    background: #fff;
    z-index: 9;
    position: relative;
    padding: 39px;
    border-radius: 12px;
    width: 500px;
}
.ShowComplateData .box_of_complate b {
    font-size: 22px;
    font-weight: 700;
    color: var(--first);
    float: right;
    width: 100%;
}
.ShowComplateData .box_of_complate p {
    float: right;
    width: 100%;
    text-align: justify;
    font-size: 19px;
    line-height: 2;
    margin: 0;
    text-align: justify;
}
.ShowComplateData .box_of_complate .complate {
    float: left;
    /*! border: 1px solid var(--first); */
    color: #fff;
    text-decoration: none;
    padding: 10px 30px 7px;
    border-radius: 50px;
    width: 100%;
    text-align: center;
    margin: 11px 0 0 0;
    background: #ff9343;
    background: var(--first);
}
.ShowComplateData .box_of_complate .complate:hover {
    background: #ff9343;
}


.list_of_data li.subject b {
    text-align: center;
    background: #eee;
    padding: 3px 10px 0;
    border-radius: 6px;
}
.list_of_data li.subject {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.Accept_allow_T_C {
    float: right;
    width: 100%;
    margin: 12px 0 -13px 0;
    background: #eee;
    padding: 5px;
    display: flex;
    padding: 10px;
    border-radius: 6px;
}
.Accept_allow_T_C input {
    margin: -2px 0 0 6px;
}
.Accept_allow_T_C span a {
    color: var(--first);
    text-decoration: none;
}

#google_ads_T_C .T_C_Docs {
    padding: 30px;
    float: right;
    width: 100%;
}
#google_ads_T_C .T_C_Docs > h1 {
    font-size: 30px;
    text-align: center;
    color: var(--first);
}
#google_ads_T_C .T_C_Docs p {
    line-height: 2.5;
    font-size: 16px;
    margin: 0;
    text-align: justify;
}
#google_ads_T_C .T_C_Docs .wp-block-heading {
    font-size: 23px;
    font-weight: 600;
    margin: 10px 0 5px 0;
}
#google_ads_T_C .T_C_Docs ul {
    padding: 0 15px 0 0;
    margin: 0;
}
#google_ads_T_C .T_C_Docs ul li {
    padding: 3px 0px;
    line-height: 2;
    border-bottom: 1px solid #eee;
}


.closeBTN {
    float: right;
    width: 100%;
    background: var(--bs-green);
    text-align: center;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
}
.disabled_btn.disabled {
    opacity: 0.5;
    cursor: no-drop;
    z-index: 0;
}

.AlertCRM {
    position: absolute;
    width: 100%;
    background: var(--bs-orange);
    text-align: center;
    color: #fff;
    z-index: 9;
    padding: 14px 0;
    font-size: 16px;
}
.AlertCRM a {
    color: #fff;
    margin: 0 2px 0 0;
}
.AlertCRM.weblino_operator {
    display: none;
}
.Calender_show_date .section_time .Task_show .task_item .task {
    padding: 0 57px 0 0;
}

.T_C_section {
    padding: 50px 0;
    float: right;
    width: 100%;
}
.T_C_section .container > h1 {
    float: right;
    width: 100%;
    color: var(--first);
    font-size: 30px;
    font-weight: 800;
}
.T_C_section .content_div {
    float: right;
    width: 100%;
    font-size: 17px;
    text-align: justify;
    line-height: 2;
}
.T_C_section .content_div h1 {
    font-size: 24px;
    font-weight: 600;
}


#importPaymentMethod {
    float: right;
    background: var(--bs-danger);
    color: #fff;
    font-size: 13px;
    padding: 7px 10px;
    margin: -5px 6px 0;
    border-radius: 50px;
    cursor: pointer
}


.add_hesab {
    float: left;
    font-size: 13px;
    background: var(--bs-blue);
    color: #fff;
    padding: 10px 40px;
    border-radius: 50px;
    cursor: pointer;
}

#AddHesabAjax {
    padding: 20px;
}
#AddHesabAjax h2 {
    font-size: 20px;
    text-align: center;
    color: var(--first);
    border-bottom: 1px solid #eee;
    padding: 0 0 10px 0;
}

#hesab_status {
    width: 100px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    padding: 7px 0 !important;
    height: 38px;
    background: var(--bs-green);
    color: #fff;
    font-size:13px ;
}
#hesab_status.red {
    background: var(--bs-danger);
}



.Show_hesab {
    float: right;
    width: 100%;
    background: #ffffff;
    margin: 20px 0 0 0;
    padding: 10px;
    border: 1px dashed #000;
    margin: 15px 0 0 10px;
    padding: 20px;
}
.Show_hesab .title {
    float: right;
    width: 100%;
    font-size: 21px;
    font-weight: 500;
}
.Show_hesab p {
    float: right;
    width: 100%;
    text-align: right;
    margin: 5px 0 10px 0;
}
.Show_hesab .hesab_item {
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.Show_hesab .hesab_item li {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.Show_hesab .hesab_item b {
    padding: 4px;
    margin: 0 2px 0 0;
    font-weight: 700;
    border-radius: 50px;
    color: var(--bs-blue);
}


.payment_hesab {
    float: right;
    width: 100%;
    display: flex;
}
#SendPaymentHesab {
    float: right;
    width: 100%;
    background: #f9f9f9;
    margin: 15px 0 0 0;
    padding: 19px;
    border: 1px dashed var(--first);
}



.alert_payment {
    float: right;
    width: 100%;
    padding: 10px;
    text-align: center;
    background: #00934e24;
    color: #fff;
    padding: 50px 0;
    border: 1px dashed #00934e;
    margin: 21px 0 0 0;
    color: #00934e;
}
.alert_payment p {
    margin: 0;
    font-size: 20px;
}
.alert_payment.under_review {
    background: #ff9d3424;
    border: 1px dashed #ff9d34;
    color: #333;
}


.hesab_detail {
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
}
.hesab_detail .hesab_detail_info {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 10px;
    display: flex;
    flex-direction: column;
    width: 100%;
    top: 19px;
    border-radius: 6px;
    display: none;
}
.hesab_detail .hesab_detail_info span {
    float: right;
    width: 100%;
    background: #eeeeee6e;
    border: 1px solid #cccccc5c;
    padding: 4px 0;
    border-radius: 50px;
    margin: 4px 0 0 0;
}
.hesab_detail:hover .hesab_detail_info {
    display: block;
}
.hesab_detail b {
    font-weight: normal;
    color: var(--first);
}


.selectStatus {
    width: 100px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    padding: 7px 0 !important;
    height: 38px;
    background: var(--bs-green)!important;
    color: #fff;
    font-size:13px ;
    border:0!important;
}
.selectStatus.denied {
    background: var(--bs-danger)!important;;
}
.selectStatus.under_review {
    background: #ff9f24!important;;
}


.deatil_hesab {
    display: flex;
    width: 100%;
    flex-direction: column;
    background: #eee;
    border-radius: 6px;
    font-size: 11px;
}
.deatil_hesab i {
    font-style: normal;
}


.need_accept {
    display: inline-block;
    background: #fddbb7;
    border-radius: 50px;
    padding: 0 7px;
}

.content.InvoiceCustomer .BTNInvoice.PreInvoice {
    margin: 40px 0 -55px 0;
}

#SendPaymentHesab .Img_selector {
    border: 1px dashed #333;
}
#SendPaymentHesab .btn {
    width: 98%;
}
.InvoiceTableRecord.Description .desc {
    width: 100% !important;
}
#SendPaymentHesab .Img_selector.uploaded .box_upload::before {
    width: 100%;
    top: 12px;
    background: #ffe0e0;
    color: #000;
}


.copy-btn {
    border: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid;
    margin: -3px 0 0 0;
}



.show_result {
    float: right;
    width: 100%;
}
.show_result .SuccessActionYoutuve {
    float: right;
    width: 100%;
    background: #19875412;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    margin: 12px 0 0 0;
    border: 1px solid var(--bs-green);
}
.show_result .SuccessActionYoutuve .title {
    width: 100%;
    font-size: 23px !important;
    color: var(--bs-green);
}
.show_result .SuccessActionYoutuve b i {
    font-style: normal;
    display: inline-block;
}
.show_result .SuccessActionYoutuve p {
    margin: 0 0 0 0;
}
.show_result .SuccessActionYoutuve a {
    display: inline-block;
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 5px 25px;
    font-weight: normal;
    border-radius: 6px;
    margin: 5px 0 0 0;
}



#EditRemainFund {
    display: inline-block;
    width: max-content;
}
#EditRemainFund #fund_remain {
    border: 0;
    width:   300px;
    background: transparent;
    text-align: left;
    max-width: 300px;
}



.list_of_data li .pending {
    background: var(--bs-orange);
    color: #fff;
    font-size: 10px;
    padding: 2px 10px;
    border-radius: 50px;
}
.list_of_data li .UploadPaymentImage {
    background: var(--bs-blue);
    color: #fff;
    text-decoration: none;
    padding: 2px 10px;
    border-radius: 50px;
    font-size: 12px !important;
}



.group_charge {
    display: inline-block;
    position: relative;
    font-size: 13px;
    background: #38bf81;
    padding: 2px 10px;
    border-radius: 50px;
    margin: 0 4px 0 0;
    display: inline-block;
    cursor: pointer;
}
.group_charge ul {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 8;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    display: none;
    list-style: none;
    padding: 10px 0 6px;
}
.group_charge b {
    font-weight: normal;
    color: #fff;
    font-size: 11px;
}
.group_charge:hover ul {
    display: block;
}



#hesab_type {
    display: inline-block;
    width: 150px;
    font-size: 13px;
    text-align: center;
    height: 39px;
    background: var(--bs-gray);
    color: #fff;
}
#hesab_type.red {
    background: var(--bs-danger);
}

span.check_aban_satus {
    display: block;
    width: auto;
    font-size: 11px;
}



.OptionAccount {
    float: right;
    width: 100%;
    padding: 19px 0 10px;
    margin: -8px 0 12px 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: start;
}
.changeAccountStoreBulk {
    background: var(--bs-gray);
    color: #fff!important;
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 50px;
    margin: -6px 11px 0 0;
    text-decoration: none;
}

#ChangeBulkStoreAccountAJAX {
    float: right;
    width: 100%;
    padding: 25px;
}

.FinalPaymentGenuine {
    float: right;
    width: 100%;
    background: var(--bs-green);
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 12px;
    margin: 5px 0 0 0;
    cursor: pointer;
    font-weight: normal;
}



.First_profile.tools {
    float: right;
    width: 100%;
    background: #ff00000d;
    border-radius: 6px;
}
.First_profile.tools h2 {
    font-size: 19px;
}
.First_profile.tools p {
    font-size: 14px;
}
.First_profile.tools a {
    padding: 8px 21px 5px;
    font-size: 13px;
    margin: -2px 0 0 0;
}


#ChangeFeeAndDateAjax {
    padding: 20px;
}
.ChangeFeeOrder {
    background: var(--bs-info);
    color: #fff;
    border-radius: 50px;
}
.MoveToTrashBTN {
    margin: 1px 10px 0 0;
    padding: 5px 9px 0;
}
.warning_alarm {
    float: right;
    width: 100%;
    margin: -9px 0 0 0;
    color: red;
}



.ListOfaccountPaymentProfile {
    float: right;
    width: 100%;
    background: #fff;
}
.ListOfaccountPaymentProfile .title {
    float: right;
    width: 100%;
    font-size: 21px;
    direction: ;
}
.ListOfaccountPaymentProfile .title b {
    float: ;
    display: inline-block;
    color: #000;
}
.ListOfaccountPaymentProfile .list_of_accout_ppi {
    float: right;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}
.ListOfaccountPaymentProfile .list_of_accout_ppi li {
    width: 19%;
    float: right;
    margin: 5px 0.5%;
}
.ListOfaccountPaymentProfile .list_of_accout_ppi li span {
    background: #fff;
    width: 100%;
    text-align: center;
    float: right;
    padding: 15px 0 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    border-radius: 5px;
    cursor: pointer;
}
.ListOfaccountPaymentProfile .list_of_accout_ppi li:hover span {
    border: 1px solid #FFC107;
}



#expert_account_status {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    height: 30px;
    padding: 0;
    background: #e5edf4;
    border: 0;
}
#expert_account_status.active {
    background: #3ca45a;
    color: #fff;
}
#expert_account_status.pause {
    background: #ffdd79;
}
#expert_account_status.cancel {
    background: #ff5f5f;
    color: #fff;
}


#ChangeStatusAccountWithExpertAjax {
    padding: 20px;
}
#ChangeStatusAccountWithExpertAjax #account_status_description {
    height: 100px;
}



.box_of_account_list_expert {
    float: right;
    width: 100%;
    height: 300px;
    overflow: auto;
    margin: 10px 0 25px 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 10px;
}


.ShowInvoiceImage {
    display: block;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    background: #cbdfff;
    color: #000;
    width: auto;
    margin: 5px 0 0 0;
    border-radius: 5px;
}



.FinalPaymentLegal {
    float: right;
    width: 100%;
    background: var(--bs-green);
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 12px;
    margin: 5px 0 0 0;
    cursor: pointer;
    font-weight: normal;
}


.PaymentMethodCTA li.legal {
    align-items: end;
}
.PaymentMethodCTA li.legal .PaymentToolsLegal {
    float: left;
    background: var(--bs-green);
    color: #fff;
    padding: 10px 50px;
    font-size: 14px;
    border-radius: 50px;
    cursor: pointer;
}

.PaymentMethodCTA li .PaymentAcademyLegal {
    float: left;
    background: var(--bs-green);
    color: #fff;
    padding: 10px 50px;
    font-size: 14px;
    border-radius: 50px;
    cursor: pointer;
}



.Green.AlertBox.new_alarm {
    display: flex;
    flex-direction: column;
    background:  #f3fff1 !important;
    border: 1px solid green;
    color: #000;
}
.Green.AlertBox.new_alarm .transaction_id {
    background: transparent !important;
}
.Green.AlertBox.new_alarm .transaction_id a {
    text-decoration: none;
    background: var(--first);
    color: #fff;
    padding: 5px 30px;
    display: inline-block;
    font-size: 14px;
    border-radius: 6px;
}



.timer-wrapper {
    background: transparent!important;
    box-shadow: none!important;
    border: 0!important;
    flex-direction: row!important;
    justify-content: end!important;
    height: auto !important;
    max-height: unset !important;
}
body.page-template-Cartable .SearchQuickBTN {
    display: none!important;
}
.task-doing-time {
    width: 20%!important;
    margin: 0 2px 0!important;
    background: #1d3728d6!important;
    backdrop-filter: blur(5px)!important;
    border-radius: 10px !important!important;
    padding: 19px !important!important;
    box-shadow: 0 0 10px rgba(0,0,0,0.1)!important;
}
.timer-wrapper.show {
    bottom: 0px!important;
}
.task-doing-time .start, .task-doing-time .task-timer {
    display: flex!important;
    justify-content: center!important;
    font-size: 17px!important;
    font-family: iranyekanfan!important;
    color: #f9d1af!important;
    margin: 0 !important;
}
.task-doing-time p:first-child {
    font-size: 16px!important;
    color: var(--first)!important;
    color: #fff!important;
    margin: 0 0 3px 0!important;
}
.task-doing-time p span {
    display: none!important;
}
.task-doing-time p:nth-child(2) {
    width: 100%!important;
    height: 20px!important;
    overflow: auto!important;
    display: flex!important;
    align-items: start!important;
    font-size: 13px!important;
    line-height: 1.5!important;
    justify-content: center!important;
    margin: 0 0 3px 0!important;
    color: #fff!important;
    font-weight: 100!important;
}

#customer_irt_wallet_deposit .Accept_allow_T_C {
    width: 98%;
    margin: 20px 1% 0;
}

.Calender_show_date .section_time.holyday:hover {
    filter: unset;
}




.PaymentMethodCTA {
    margin: 25px 0 0 0;
}
.PaymentMethodCTA .Hesab_Cart2Cart {
    float: right;
    width: 100%;
    background: #eee;
    padding: 17px 10px;
    text-align: center;
    border-radius: 6px;
    background: #5a6cff;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}
.HesabLegal {
    display: none;
    width: 100%;
}
.HesabLegal.active {
    display: block;
}


.PaymentMethodCTA.hide_btn_for_payment {
    display: none;
}



.ProjectItem .ProjectManager {
    float: right;
    width: 100%;
    margin: 20px 0 -10px 0px;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
}
.ProjectItem .ProjectManager a {
    display: inline-block;
    font-size: 13px;
    background: #fff;
    color: #000;
    text-decoration: none;
    margin: 0 6px;
    padding: 6px 22px 3px;
    border-radius: 50px;
    border: 1px solid var(--bs-blue);
}
.ProjectItem .ProjectManager a:hover {
    background: var(--bs-blue);
    color: #fff;
}



.show_agile_scrum_item .agile_scrum_structure {
    float: right;
    width: 100%;
    height: 80vh;
    overflow: auto;
}
.show_agile_scrum_item {
    float: right;
    width: 100%;
    padding: 20px;
}
.show_agile_scrum_item .box_info {
    float: right;
    width: 100%;
}
.show_agile_scrum_item .title {
    float: right;
    width: 100%;
    text-align: right;
    justify-content: stretch;
}

.Manual_update {
    display: inline-block;
    font-size: 15px;
    color: #000 !important;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    padding: 0 10px;
    margin: 0 17px 0 0;
    border-radius: 50px;
    background: #fff;
}

.ShowRange.APICurrency .ShowCurrencyRange .RawOfPrice {
    display: flex;
    margin: 14px 0;
    gap: 20px;
}



#transferTOBank {
    width: 100%;
    background: #eee;
    padding: 50px 0;
}
#transferTOBank h1 {
    font-size: 20px;
    color: var(--bs-blue);
}
.alert.red {
    background: var(--bs-danger);
    color: #fff;
    padding: 10px 0;
    margin: 0 0 4px 0;
}


.last_sync_time {
    font-size: 12px;
    width: 100%;
    display: inline-block;
    background: #eee;
    border-radius: 6px;
}
.last_sync_time i {
    font-style: normal;
}