.main-menu .navigation li > a > i,
.main-menu .dropdown-menu i,
.main-menu .dropdown-user > a > i,
.main-menu .navigation > li > a > i {
    float: right;
}

.main-menu .main-menu-content > span.menu-title,
.main-menu .main-menu-content a.menu-title {
    right: 60px !important;
}

.dropdown-user.nav-item i {
    float: right;
}

.horizontal-menu .main-menu-content #main-menu-navigation > li > a > i {
    float: right;
}

.mega-dropdown-menu li a i,
.mega-dropdown-menu li h6 i {
    float: right;
}

.menu-expanded .form-group i {
    float: inherit;
}

.form-control-position i {
    position: absolute;
    top: 25%;
    right: 25%;
}

.echart-container {
    direction: ltr;
}

.mm-menu {
    left: auto;
}

.dz-hidden-input {
    position: relative !important;
}

.content-wrapper .sticky-wrapper,
.content-right-sidebar .sticky-wrapper {
    float: left;
}

.ui-widget-icon-block {
    right: 50%;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 3rem;
}

.square.slider-xl .noUi-handle:before {
    left: 5px;
}

.square.slider-xl .noUi-handle:after {
    left: 10px;
}

.square .noUi-handle:before {
    left: 2px;
}

.square .noUi-handle:after {
    left: 7px;
}

.noUi-vertical.square .noUi-handle:before {
    left: -1px;
}

.noUi-vertical.square .noUi-handle:after {
    left: -1px;
}

#tubular-container {
    z-index: 0 !important;
}

.btn i[class^='icon-'],
.btn i[class*=' icon-'] {
    line-height: 1.25rem;
}

code[class*='language-'],
pre[class*='language-'] {
    direction: ltr;
}

@media print {
    code[class*='language-'],
    pre[class*='language-'] {
        text-shadow: none;
    }
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
    right: 65%;
}

body .ps__rail-y {
    right: -6px !important;
}

.login-box {
    background-color: rgba(255, 255, 255, 0.71)
}

.no-color-back {
    background-color: transparent !important
}

.img-center {
    margin: 0px auto
}

.m-b-10 {
    margin-bottom: 10px
}

.mt10 {
    margin-top: 10px !important
}

.noborder {
    border: none !important
}

    .noborder td {
        border: none !important
    }

.tb-h-color-1 tr:first-child {
    background-color: #2f497e !important;
    color: #fff
}

.h-color-1 {
    background-color: #2f497e !important;
    color: #fff
}

.hover tr:hover {
    background: #808080 !important;
    color: #fff
}

.nomargin {
    margin: 0px !important
}

label.required {
    color: #ff0000
}

.mt26 {
    margin-top: 26px
}

table.fixtd {
    border: 0px solid #ccc;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

    table.fixtd td {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.RadAsyncUpload .ruButton {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
    background-image: none !important
}

.RadAsyncUpload .ruRemove {
    background-color: #ff0000 !important;
    color: #ffffff !important;
    height: 26px !important;
}

.RadAsyncUpload .ruBrowse {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
    width: 150px !important;
    height: 36px !important;
}


.img-person-st1 {
    width: 64px
}

.font-25 {
    font-size: 25px
}

table.text-right td, table.text-right th {
    text-align: right
}

.dataTables_length, .dt-buttons {
    float: left !important
}

.text-right {
    text-align: right
}

.dt-buttons {
    margin-left: 20px
}

ul.pagination {
    float: left
}

.checkbox-inline {
    margin-left: 10px !important
}

    .checkbox-inline label {
        margin-right: 3px !important
    }

.isShowFalse {
    display: none
}

.isShowTrue {
    color: #05b57f
}

.ActiveFalse {
    color: red
}

.border-b-1 {
    border-bottom: 1px solid #808080
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.wait {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    overflow: hidden;
    z-index: 100000;
    margin: 0px auto;
    text-align: center;
    vertical-align: top;
    text-transform: Capitalize;
    /* border-bottom:1px solid lightgreen; */
    color: #f56565;
    background-color: rgba(228, 231, 234, 0.58);
    animation: glowtext .8s linear infinite alternate;
    padding: 2px;
}

@keyframes glowtext {
    0% {
        color: #393;
        /* text-shadow:10px 0px 3px rgba(0,0,0,.8); */
    }

    50% {
        color: #6f6;
        /* text-shadow:0 0px 0px rgba(0,0,0,1); */
    }

    100% {
        color: #393;
        /* text-shadow:-10px 0px 3px rgba(0,0,0,.8); */
    }
}

.wait:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #c31515;
    animation: glow .4s linear infinite alternate;
}

@keyframes glow {
    0% {
        border-color: #393;
        box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
    }

    100% {
        border-color: #6f6;
        box-shadow: 0 0 15px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
    }
}

.wait:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 3px;
    background-color: #c31515;
    animation: progress linear .8s infinite /* alternate */;
}

@keyframes progress {
    0% {
        left: 0;
        width: 0;
        right: 100%
    }

    50% {
        left: 0;
        width: 100%;
        right: 0
    }

    100% {
        left: 100%;
        width: 0;
        right: 0
    }
}

.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 5px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    margin: 0px auto;
}

.cropit-preview-image-container {
    cursor: move;
}

.cropit-preview-background {
    opacity: .2;
    cursor: auto;
}

.image-size-label {
    margin-top: 10px;
    clear: left;
    display: inline-block
}

.export-upload-banner {
    position: relative
}

.cropit-image-input {
    margin-bottom: 10px;
}

.cropit-image-zoom-input {
    display: block;
    margin: 0px auto;
    position: relative
}

.export-upload {
    display: block;
    margin: 0px auto;
    margin-top: 10px;
}

.image-editor .btn, .image-editor input {
    position: relative !important;
    z-index: 1
}

.image-remove {
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

    .image-remove i {
        color: red;
    }

.text-center {
    text-align: center
}

.ltr {
    direction: ltr !important
}

.img-main {
    border-color: #393 !important
}

.breadcrumb-no-border .breadcrumb-item + .breadcrumb-item::before {
    content: '' !important;
}

.pad-2 {
    padding: 1px !important
}

.RadDropDownTree {
    width: 100%
}

.RadDropDownTree_Bootstrap .rddtEmptyMessage {
    text-align: right !important;
    font-style: normal !important;
}

.RadDropDownTree .rddtInner {
    height: 38px !important;
    text-align: right !important;
}

.RadDropDownTree {
    font-family: yekan !important;
    padding: 2px !important
}

.RadDropDownTree {
    width: 100% !important;
    font-family: IRANSans !important;
}

    .RadDropDownTree .rddtIcon {
        height: 20px !important
    }

.rtLI {
    text-align: right;
    font-family: IRANSans !important;
}

.ft-check {
    color: #393
}

.ft-slash {
    color: #ff0000
}

span.req, label.req {
    color: #ff0000;
    margin-right: 5px
}

.img-member-t {
    width: 80px;
}

.RadTreeList .rtlVBorders .rtlHeader th.rtlCF {
    text-align: right
}

.RadTreeList .rtlExpandIcon::before {
    content: "\e007" !important;
}

.rtlCF {
    font-family: Vazir-FD
}

.rddtFilter label {
    width: 100%;
    font-family: 'Vazir-FD'
}

.RadTreeView_Bootstrap .rtIn, .rddtEmptyMessage {
    font-family: 'Vazir-FD'
}

.RadComboBox {
    height: 46px !important;
    width: 100% !important;
}

.RadComboBox_Bootstrap .rcbInputCell, .RadComboBox_Bootstrap .rcbArrowCell {
    height: 42px !important;
    font-family: Vazir-FD;
}

.RadComboBox_Bootstrap .rcbInput, ul.rcbList > li {
    font-family: Vazir-FD !important;
}

.RadComboBox .rcbEmptyMessage {
    font-style: normal !important;
}

.mt-r-5 {
    margin-right: 5px
}

    .mt-r-5:hover i {
        color: #ff0000
    }

.nav-link-label label {
    color: #fff
}

.RadDropDownList .rddlFakeInput {
    text-align: right !important;
    font-family: Vazir-FD !important;
}

.rddlPopup_Bootstrap .rddlItem {
    text-align: right !important;
}

.RadDropDownList .rddlEmptyMessage, .RadDropDownList .rddlDefaultMessage {
    font-style: normal !important
}

.hide {
    display: none !important
}

.ticket-body i {
    color: #c31515
}

.ticket-body .caption {
    color: #393;
    font-weight: bold
}

.caption-border {
    border-bottom: 1px solid #05b57f;
    padding-bottom: 3px
}

.nopadding {
    padding: 0px !important
}

.ticket-body .btn-social {
    width: 100%
}

.ticket-open {
    color: #393
}

.ticket-close {
    color: #f9cd14
}

.ticket-atts {
    border-right: 3px solid #ccc;
    padding: 10px;
    margin: 10px;
    background-color: rgba(241, 240, 240, 0.71);
    direction: rtl
}

    .ticket-atts i {
        margin-left: 5px
    }

.small-td {
    font-size: 10px
}

.fish-row-date {
    text-align: center;
    padding: 10px
}

.fish-row-name {
    text-align: center;
    padding: 10px
}

.panelfish {
    border: 2px solid #000;
    border-radius: 10px;
    padding: 15px
}

    .panelfish h4 {
        background-color: #2f497e;
        color: #fff;
        text-align: center;
        padding: 5px
    }

.fish-lbl-1 {
    color: #000;
    font-weight: bold
}

.fish-lbl-2 {
    color: #000;
}

.fish-items {
    padding: 5px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px dotted #808080
}

.fish-col {
    border: 1px solid #000;
}

.fish-lbl-3 {
    float: right;
    text-align: right;
    width: 50%;
    font-size: 12px
}

.fish-lbl-4 {
    float: left;
    text-align: left;
    width: 50%;
    font-size: 12px
}

.panelfish .cls-footer {
    background-color: #05b57f;
}

    .panelfish .cls-footer label {
        color: #fff !important
    }

.fish-header-vam {
    flex-direction: row;
    display: flex
}

    .fish-header-vam label {
        border: 1px solid #808080;
        justify-content: space-around;
        flex: 1;
        text-align: center;
        padding: 5px;
        height: 58px
    }

.fish-items-vam {
    padding: 5px;
    flex-direction: row;
    display: flex;
    border-bottom: 1px dotted #808080
}

    .fish-items-vam label {
        justify-content: space-around;
        flex: 1;
        text-align: center;
    }

.panelhokm {
    border: 2px solid #000;
    border-radius: 10px;
    padding: 15px
}

.sumRowHokm {
    background-color: #05b57f;
    color: #fff;
    padding: 10px;
    text-align: center
}

.show-form {
    font-size: 20px;
    line-height: 36px;
    text-align: justify;
    border: 1px dotted #808080;
    background-color: rgba(246, 238, 238, 0.95);
    padding: 10px;
}
.show-form .filed {color: red;font-weight: bold}
.btn-fullw{width:100%}
.back-transparent{background-color:rgba(255, 255, 255, 0.64) !important }
.back-dashboard {
    background-image:url(../../../portal/template/images/back-dashboard.jpg);
    background-repeat:no-repeat;
    background-size:auto;
    background-position:center center
}
.noti-text img{max-width:100%}
.showmodalemtiaz{color:#00bcd4 !important}
.ChangeStatusEm:hover{cursor:pointer}
.ChangeStatusEm {
    color:#393
}

table.warpth thead th {
    white-space: pre-wrap
}
.table-em-list th, .table-em-list td{font-size:10px;text-align:center}