* {
    letter-spacing: 0 !important;
    font-family: IRANSans;
}
.table-hover tbody tr {
    transition: background 0.25s ease-in;
}
.table-hover tbody tr:hover {
    background: lightyellow !important;
}
body {
    color: #090909 !important;
    background: #ecf0f1 !important;
}

html body a {
    color: #2b3039;
}

html body a:hover {
    color: #000;
}

#top_notify_list li, #top_notify_list li, #top_notify_list ul li {
    line-height: .8;
}

#top_notify_list li a, #top_notify_list ol li a, #top_notify_list ul li a {
    color: #333;
    font-size: 12px;
}

#top_ticket_list li, #top_ticket_list li, #top_ticket_list ul li {
    line-height: .8;
}

#top_ticket_list li a, #top_ticket_list ol li a, #top_ticket_list ul li a {
    color: #333;
    font-size: 12px;
}

#top_warning_list li, #top_warning_list li, #top_warning_list ul li {
    line-height: .8;
}

#top_warning_list li a, #top_warning_list ol li a, #top_warning_list ul li a {
    color: #333;
    font-size: 12px;
}

#top_ticket_list .media, #top_notify_list .media, #top_warning_list .media {
    padding: 0.5rem;
}

#top_ticket_list .media .header, #top_notify_list .media .header, #top_warning_list .media .header {
    line-height: 1rem;
}

#top_ticket_list .dropdown .dropdown-menu .dropdown-item,
#top_notify_list .dropdown .dropdown-menu .dropdown-item
#top_warning_list .dropdown .dropdown-menu .dropdown-item {
    padding: 3px 15px !important;
}

.label-control_value {
    font-size: 0.9rem;
    line-height: 30px;
    color: #333;
    font-weight: bold;
}

.badge-up-menu {
    position: absolute;
    top: 10px;
    left: 13px;
}

.badge-asa {
    background-color: #00a171 !important;
    width: 20px;
    aspect-ratio: 1;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.table.table-padded tbody > tr {
    background-color: #eee;
}

.btn_animation {
    cursor:             pointer;
    text-align:         center;
    animation:          spin 5s linear infinite;
    transform-origin:   50% 50%;
}

@keyframes example {
    from {
        color: red;
    }
    to {
        color: yellow;
    }
}

.btn_animation_text {
    animation-name: example;
    animation-duration: 4s;
}

.border-right-grey {
    border-right: 1px solid #959ca8;
}

.border-left-grey {
    border-left: 1px solid #959ca8;
}

.border-top-grey {
    border-top: 1px solid #959ca8;
}

.border-bottom-grey {
    border-bottom: 1px solid #959ca8;
}

.border-grey {
    border: 1px solid #959ca8;
}

.lable_disable {
    font-size: 1rem;
    line-height: 1.25;
    display: block;
    width: 100%;
    height: -webkit-calc(2.75rem + 2px);
    height: -moz-calc(2.75rem + 2px);
    height: calc(2.75rem + 2px);
    padding: .75rem 1.5rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    color: #4e5154;
    border: 1px solid #babfc7;
    border-radius: .25rem;
    background-color: #95979857;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.btn_show_ticket {
    background-color: transparent;
    border: 0px;
    color: #777;
    cursor: pointer;
}

.green {
    color: #5cb85c !important;
}

.secondary {
    color: #6b6f80;
}

.green:hover {
    color: #4ea84e !important;
    text-shadow: 2px 2px #3533333d;
}

.secondary:hover {
    color: #4e5160 !important;
    text-shadow: 2px 2px #3533333d;
}

.red:hover {
    color: #c8423e !important;
    text-shadow: 2px 2px #3533333d;
}

.label-control:after {

    content: " : ";
}
.modal
{
    z-index: 10000 !important;
}
.modal-content {
    background-color: #EEE;
}

.modal-header {
    border-radius: 0px;
}

.table td, .table th, .table thead th {
    border-bottom: 1px solid #cecece;
}

.table th, .table thead th {
    text-align: center;
}

.table thead tr {
    background-color: silver;
}

.menu-expanded .avatar {
    width: 70px;
    margin-top: 20px;
}

.menu-collapsed .avatar {
    margin: 5px;
}

.font_deactive {
    color: #9fa0a2 !important;
    text-decoration: line-through;
}

.light {
    color: #babfc7 !important;
}

.dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    /*border-radius: 50%;*/
    display: inline-block;
    border-radius: 50%;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.alert-red {
    border-color: #ecc8c8;
    background-color: #f2dede;
}

.alert a {
    text-decoration: underline;
}

.alert-red, .alert-red .alert-link, .btn-red, .alert-asa, .alert-asa .alert-link {
    color: #d9534f !important;
    font-weight: 400;
}

.menu-expanded .avater_name {
    display: block;
}

.menu-collapsed .avater_name {
    display: none;
}

.navbar-semi-light .navbar-nav .nav-link {
    color: #3e3e3e;
}

html body.fixed-navbar {
    padding-top: 4rem;
}

.navbar-header {
    background: #000;
}

.sidebar-left, .email-application .email-app-menu, .email-application .email-app-menu .list-group-messages {
    background: #fff !important;
}

.breadcrumb .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before {
    color: #2b3039ed;
}

.breadcrumb .breadcrumb-item a:hover {
    color: #1a1c20;

}

.navbar-header .navbar-brand .brand-logo {
    width: 100%;
}

.main-menu.menu-dark {
    background-color: #2b2e33;
    color: #EEEEEE;
    box-shadow: 0 0 3px #000;
}

.header-navbar .navbar-container ul.nav li > a.nav-link {
    font-size: 1rem;
}

.header-navbar .navbar-wrapper {
    box-shadow: 0 0 3px #000;
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    line-height: 34px;
}

.header-navbar .navbar-container ul.nav li a.menu-toggle, .header-navbar .navbar-container ul.nav li a.nav-link-label {
    padding: 1.3rem 1rem 1.6rem;
}

.header-navbar .navbar-container ul.nav li > a.nav-link {
    padding: 1.25rem 1rem;
}

.header-navbar {
    min-height: 4rem;
}

.header-navbar .navbar-container {
    height: 4rem;
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    padding-top: 0.1rem;
    padding-left: 0px;
}

.mt-04-minus {
    margin-top: -0.4rem;
}

.mt-03 {
    margin-top: 0.3rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, .text-monospace, h1, h2, h3, h4, h5, h6 {
    font-family: 'IRANSans';
}

button, input, optgroup, select, textarea {
    font-family: 'IRANSans';
}

.bg_asa {
    background: #00a373 !important;
}

.asa-header {
    background: #ffff !important;
    display: flex;
    align-items: center;
}

.table td, .table th {
    padding: .75rem;
}

.div-upload-image {
    border: 1px dashed #bdbdbd;
    border-radius: 3px;
    color: #bdbdbd;
    cursor: pointer;
    height: 120px;
    line-height: 120px;
    margin: 5px 3px 0;
    text-align: center;
    width: 120px;
}

.div-upload-image1 {
    border-radius: 3px;
    color: #bdbdbd;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    margin: 5px 3px 0;
    text-align: center;
    width: 20px;
}

.div-upload-image:hover {
    box-shadow: 0 0 12px 0 #00000070;
}

.box-shadow-dashboard {
    box-shadow: 0 0 75px -50px #000 inset, 0 0 2px #000;
}

.wcard .wicon {
    position: absolute;
    left: 10px;
    top: 15px;
    color: rgba(0, 0, 0, 0.1);
    font-size: 80px;
    height: 80px;
    line-height: 160px;
    transition: all 0.5s;
}

.wcard:hover .wicon {
    font-size: 110px;
    line-height: 110px;
    transform: rotate(15deg);
}

.div-upload-image-text {
    width: 100%;
    height: 100%;
    position: relative;
}

.div-upload-image-plus {
    top: 39px;
    right: 40px;
    position: absolute;
    color: #bdbdbd;
    background: #fff;
}

.div-upload-image-camera {
    top: 40px;
    right: 48px;
    position: absolute;
    color: #bdbdbd;
    background: #fff;
}

.breadcrumb {
    font-family: 'IRANSans';
}

.dropdown-toggle::after, .dropleft .dropdown-toggle::before {
    font-family: 'Font Awesome 5 Free' !important;
}

.dropdown-toggle::after {
    content: "\f0dd" !important;
}

.display_none {
    display: none;
}

.display_grid {
    display: grid;
}

.mt_auto {
    margin-top: auto;
}

.mt-5 {
    margin-top: 5px !important;
}

.header-navbar {
    font-family: 'IRANSans';
}

.content_login {
    background: #cccdcf !important;
}

.btn-login {
    background: #00A873;
    color: white;
    border-color: #00A893;
}

body {
    font-family: IRANSans;
    font-size: 1rem !important;
}

table {
    font-size: inherit;
}

.bg-asa.bg-lighten-5, .btn-asa.btn-lighten-5 {
    background-color: #feeced !important
}

.bg-asa.bg-lighten-6, .btn-asa.btn-lighten-6 {
    background-color: #d7dddb !important
}

.asa.lighten-5 {
    color: #feeced !important
}

.asa.lighten-6 {
    color: #d7dddb !important
}

.bg-asa.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(254, 236, 237, .6);
    box-shadow: 0 1px 20px 1px rgba(254, 236, 237, .6)
}

.btn-asa.btn-lighten-5 {
    border-color: #f95058 !important
}

.btn-asa.btn-lighten-5:hover {
    border-color: #f95058 !important;
    background-color: #f8464e !important
}

.btn-asa.btn-lighten-5:active, .btn-asa.btn-lighten-5:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.red-asa {
    color: #575757 !important;
}

.bg-red-asa {
    background-color: #868686 !important;
    color: white !important;
}

.ticke_send_error_message {
    background-color: #6F6F6F !important;
    color: white !important;
    width: 100%;
    height: 100%;
    padding: 5px;
}

.ticke_send_info_message {
    background-color: #6F6F6F !important;
    color: white !important;
    width: 100%;
    height: 100%;
    padding: 5px;
}

.max-z-index{
    z-index: 10000;
}
.modal-title {
    font-family: IRANSans !important;
    font-weight: bold;
}
.icon-ticket-box:hover {
    animation: ring 3s ease infinite;
}

.badge-danger {
    background-color: #ed2679 !important;
}

.badge-teal {
    background-color: teal !important;
}

.badge-primary {
    background-color: #337ab7 !important;
}

.success {
    color: #00A803 !important;
}

.btn-outline-asa.btn-outline-lighten-5 {
    color: #feeced !important;
    border-color: #feeced !important
}

.btn-outline-asa.btn-outline-lighten-5:hover {
    background-color: #feeced !important
}

.border-asa.border-lighten-5 {
    border: 1px solid #feeced !important
}

.border-top-asa.border-top-lighten-5 {
    border-top: 1px solid #feeced !important
}

.border-bottom-asa.border-bottom-lighten-5 {
    border-bottom: 1px solid #feeced !important
}

.border-left-asa.border-left-lighten-5 {
    border-right: 1px solid #feeced !important
}

.border-right-asa.border-right-lighten-5 {
    border-left: 1px solid #feeced !important
}

.overlay-asa.overlay-lighten-5 {
    background: #feeced;
    background: rgba(254, 236, 237, .8)
}

.bg-asa.bg-lighten-4, .btn-asa.btn-lighten-4 {
    background-color: #fed0d3 !important
}

.asa.lighten-4 {
    color: #fed0d3 !important
}

.bg-asa.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(254, 208, 211, .6);
    box-shadow: 0 1px 20px 1px rgba(254, 208, 211, .6)
}

.btn-asa.btn-lighten-4 {
    border-color: #f95058 !important
}

.btn-asa.btn-lighten-4:hover {
    border-color: #f95058 !important;
    background-color: #f8464e !important
}

.btn-asa.btn-lighten-4:active, .btn-asa.btn-lighten-4:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-lighten-4 {
    color: #f2dede !important;
    border-color: #f2dede !important
}

.btn-outline-asa.btn-outline-lighten-4:hover {
    background-color: #fed0d3 !important
}

.border-asa.border-lighten-4 {
    border: 1px solid #fed0d3 !important
}

.border-top-asa.border-top-lighten-4 {
    border-top: 1px solid #fed0d3 !important
}

.border-bottom-asa.border-bottom-lighten-4 {
    border-bottom: 1px solid #fed0d3 !important
}

.border-left-asa.border-left-lighten-4 {
    border-right: 1px solid #fed0d3 !important
}

.border-right-asa.border-right-lighten-4 {
    border-left: 1px solid #fed0d3 !important
}

.overlay-asa.overlay-lighten-4 {
    background: #fed0d3;
    background: rgba(254, 208, 211, .8)
}

.bg-asa.bg-lighten-3, .btn-asa.btn-lighten-3 {
    background-color: #fdb1b5 !important
}

.asa.lighten-3 {
    color: #fdb1b5 !important
}

.bg-asa.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 177, 181, .6);
    box-shadow: 0 1px 20px 1px rgba(253, 177, 181, .6)
}


.btn-asa.btn-lighten-3 {
    border-color: #f95058 !important
}

.btn-asa.btn-lighten-3:hover {
    border-color: #f95058 !important;
    background-color: #f8464e !important
}

.btn-asa.btn-lighten-3:active, .btn-asa.btn-lighten-3:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-lighten-3 {
    color: #fdb1b5 !important;
    border-color: #fdb1b5 !important
}

.btn-outline-asa.btn-outline-lighten-3:hover {
    background-color: #fdb1b5 !important
}

.border-asa.border-lighten-3 {
    border: 1px solid #fdb1b5 !important
}

.border-top-asa.border-top-lighten-3 {
    border-top: 1px solid #fdb1b5 !important
}

.border-bottom-asa.border-bottom-lighten-3 {
    border-bottom: 1px solid #fdb1b5 !important
}

.border-left-asa.border-left-lighten-3 {
    border-right: 1px solid #fdb1b5 !important
}

.border-right-asa.border-right-lighten-3 {
    border-left: 1px solid #fdb1b5 !important
}

.overlay-asa.overlay-lighten-3 {
    background: #fdb1b5;
    background: rgba(253, 177, 181, .8)
}

.bg-asa.bg-lighten-2, .btn-asa.btn-lighten-2 {
    background-color: #fc9197 !important
}


.asa.lighten-2 {
    color: #fc9197 !important
}

.bg-asa.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(252, 145, 151, .6);
    box-shadow: 0 1px 20px 1px rgba(252, 145, 151, .6)
}

.btn-asa.btn-lighten-2 {
    border-color: #f95058 !important
}

.btn-asa.btn-lighten-2:hover {
    border-color: #f95058 !important;
    background-color: #f8464e !important
}

.btn-asa.btn-lighten-2:active, .btn-asa.btn-lighten-2:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-lighten-2 {
    color: #fc9197 !important;
    border-color: #fc9197 !important
}

.btn-outline-asa.btn-outline-lighten-2:hover {
    background-color: #fc9197 !important
}

.border-asa.border-lighten-2 {
    border: 1px solid #fc9197 !important
}

.border-top-asa.border-top-lighten-2 {
    border-top: 1px solid #fc9197 !important
}

.border-bottom-asa.border-bottom-lighten-2 {
    border-bottom: 1px solid #fc9197 !important
}

.border-left-asa.border-left-lighten-2 {
    border-right: 1px solid #fc9197 !important
}

.border-right-asa.border-right-lighten-2 {
    border-left: 1px solid #fc9197 !important
}

.overlay-asa.overlay-lighten-2 {
    background: #fc9197;
    background: rgba(252, 145, 151, .8)
}

.bg-asa.bg-lighten-1, .btn-asa.btn-lighten-1 {
    background-color: #fb7a81 !important
}

.asa.lighten-1 {
    color: #fb7a81 !important
}

.bg-asa.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(251, 122, 129, .6);
    box-shadow: 0 1px 20px 1px rgba(251, 122, 129, .6)
}

.btn-asa.btn-lighten-1 {
    border-color: #f95058 !important
}

.btn-asa.btn-lighten-1:hover {
    border-color: #f95058 !important;
    background-color: #f8464e !important
}

.btn-asa.btn-lighten-1:active, .btn-asa.btn-lighten-1:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-lighten-1 {
    color: #fb7a81 !important;
    border-color: #fb7a81 !important
}

.btn-outline-asa.btn-outline-lighten-1:hover {
    background-color: #fb7a81 !important
}

.border-asa.border-lighten-1 {
    border: 1px solid #fb7a81 !important
}

.border-top-asa.border-top-lighten-1 {
    border-top: 1px solid #fb7a81 !important
}

.border-bottom-asa.border-bottom-lighten-1 {
    border-bottom: 1px solid #fb7a81 !important
}

.border-left-asa.border-left-lighten-1 {
    border-right: 1px solid #fb7a81 !important
}

.border-right-asa.border-right-lighten-1 {
    border-left: 1px solid #fb7a81 !important
}

.overlay-asa.overlay-lighten-1 {
    background: #fb7a81;
    background: rgba(251, 122, 129, .8)
}

.asa {
    color: #00a373 !important;
    text-decoration: none;
}

.bg-asa {
    background-color: #00a373 !important
}

.bg-asa .card-footer, .bg-asa .card-header {
    background-color: transparent
}

.bg-asa.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgb(204, 205, 207);
    box-shadow: 0 1px 20px 1px rgb(204, 205, 207)
}

body.vertical-layout[data-color=bg-asa] .content-wrapper-before, body.vertical-layout[data-color=bg-asa] .navbar-container {
    background-color: #00a373 !important
}

body.horizontal-layout[data-color=bg-asa] .navbar-horizontal {
    background-color: #fa535d
}

.selectboxit.selectboxit-btn.bg-asa, body.horizontal-layout[data-color=bg-asa] .content-wrapper-before {
    background-color: #00a373 !important
}

.alert-asa {
    border-color: #ecc8c8;
    background-color: #f2dede;
}


.overlay-asa {
    background: #00a373;
    background: rgba(0, 168, 115, .8)
}

.btn-asa {
    color: #fff;
    /*background-color: #00a373*/
    /*9877fa*/
    /*background-image: linear-gradient(-90deg, #a376fc 0, #f96f9b 50%, #a376fc 100%);*/
    background-size: 200% auto;
    background-color: #00a373;
}

.btn-group .btn-asa {
    background-color: #0d6aad;
}

.btn-asa:active, .btn-asa:focus, .btn-asa:hover {
    border-color: #00a373;
    background-color: #00a373;
    color: #fff
}

.btn-asa:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 168, 115, .451), 0 1px 3px 1px rgba(0, 168, 115, .302);
    box-shadow: 0 1px 2px 0 rgba(0, 168, 115, .451), 0 1px 3px 1px rgba(0, 168, 115, .302)
}

.btn-asa:active, .btn-asa:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 168, 115, .451), 0 1px 3px 1px rgba(0, 168, 115, .302) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 168, 115, .451), 0 1px 3px 1px rgba(0, 168, 115, .302) !important
}

.btn-asa.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgb(204, 205, 207);
    box-shadow: 0 1px 20px 1px rgb(204, 205, 207)
}

.btn-outline-asa {
    color: #00a373;
    border-color: #00a373;
    background-color: transparent
}

.btn-outline-asa:hover {
    color: #fff !important;
    background-color: #00a373;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 168, 115, .451), 0 1px 3px 1px rgba(0, 168, 115, .302) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 168, 115, .451), 0 1px 3px 1px rgba(0, 168, 115, .302) !important
}

.btn-outline-asa.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgb(204, 205, 207);
    box-shadow: 0 1px 20px 1px rgb(204, 205, 207)
}

input[type=checkbox].bg-asa + .custom-control-label:before, input[type=radio].bg-asa + .custom-control-label:before {
    background-color: #00a373 !important
}

.bg-asa.bg-darken-1, .btn-asa.btn-darken-1 {
    background-color: #f95a63 !important
}

.border-asa {
    border: 1px solid #00a373 !important
}

.border-top-asa {
    border-top: 1px solid #00a373
}

.border-bottom-asa {
    border-bottom: 1px solid #00a373
}

.border-left-asa {
    border-right: 1px solid #00a373
}

.border-right-asa {
    border-left: 1px solid #00a373
}

.asa.darken-1 {
    color: #f95a63 !important
}

.bg-asa.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(249, 90, 99, .6);
    box-shadow: 0 1px 20px 1px rgba(249, 90, 99, .6)
}

.btn-asa.btn-darken-1 {
    border-color: #f95058 !important
}

.btn-asa.btn-darken-1:hover {
    border-color: #f95058 !important;
    background-color: #f8464e !important
}

.btn-asa.btn-darken-1:active, .btn-asa.btn-darken-1:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-darken-1 {
    color: #f95a63 !important;
    border-color: #f95a63 !important
}

.btn-outline-asa.btn-outline-darken-1:hover {
    background-color: #f95a63 !important
}

.border-asa.border-darken-1 {
    border: 1px solid #f95a63 !important
}

.border-top-asa.border-top-darken-1 {
    border-top: 1px solid #f95a63 !important
}

.border-bottom-asa.border-bottom-darken-1 {
    border-bottom: 1px solid #f95a63 !important
}

.border-left-asa.border-left-darken-1 {
    border-right: 1px solid #f95a63 !important
}

.border-right-asa.border-right-darken-1 {
    border-left: 1px solid #f95a63 !important
}

.btn-asa.btn-darken-2, .btn-asa.btn-darken-2:hover {
    border-color: #f95058 !important
}

.overlay-asa.overlay-darken-1 {
    background: #f95a63;
    background: rgba(249, 90, 99, .8)
}

.bg-asa.bg-darken-2, .btn-asa.btn-darken-2 {
    background-color: #f95058 !important
}

.asa.darken-2 {
    color: #f95058 !important
}

.bg-asa.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(249, 80, 88, .6);
    box-shadow: 0 1px 20px 1px rgba(249, 80, 88, .6)
}

.btn-asa.btn-darken-2:hover {
    background-color: #f8464e !important
}

.btn-asa.btn-darken-2:active, .btn-asa.btn-darken-2:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-darken-2 {
    color: #f95058 !important;
    border-color: #f95058 !important
}

.btn-outline-asa.btn-outline-darken-2:hover {
    background-color: #f95058 !important
}

.border-asa.border-darken-2 {
    border: 1px solid #f95058 !important
}

.border-top-asa.border-top-darken-2 {
    border-top: 1px solid #f95058 !important
}

.border-bottom-asa.border-bottom-darken-2 {
    border-bottom: 1px solid #f95058 !important
}

.border-left-asa.border-left-darken-2 {
    border-right: 1px solid #f95058 !important
}

.border-right-asa.border-right-darken-2 {
    border-left: 1px solid #f95058 !important
}

.overlay-asa.overlay-darken-2 {
    background: #f95058;
    background: rgba(249, 80, 88, .8)
}

.asa.darken-3 {
    color: #f8464e !important
}

.bg-asa.bg-darken-3 {
    background-color: #f8464e !important
}

.bg-asa.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(248, 70, 78, .6);
    box-shadow: 0 1px 20px 1px rgba(248, 70, 78, .6)
}

.btn-asa.btn-darken-3, .btn-asa.btn-darken-3:hover {
    border-color: #f95058 !important;
    background-color: #f8464e !important
}

.btn-asa.btn-darken-3:active, .btn-asa.btn-darken-3:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-darken-3 {
    color: #f8464e !important;
    border-color: #f8464e !important
}

.btn-outline-asa.btn-outline-darken-3:hover {
    background-color: #f8464e !important
}

.btn-min-sm {
    padding: .1rem;
}

.badge-red {
    background: #d9534f !important;
}

.border-asa.border-darken-3 {
    border: 1px solid #f8464e !important
}

.border-top-asa.border-top-darken-3 {
    border-top: 1px solid #f8464e !important
}

.border-bottom-asa.border-bottom-darken-3 {
    border-bottom: 1px solid #f8464e !important
}

.border-left-asa.border-left-darken-3 {
    border-right: 1px solid #f8464e !important
}

.border-right-asa.border-right-darken-3 {
    border-left: 1px solid #f8464e !important
}

.btn-asa.btn-darken-4, .btn-asa.btn-darken-4:hover {
    border-color: #f95058 !important
}

.overlay-asa.overlay-darken-3 {
    background: #f8464e;
    background: rgba(248, 70, 78, .8)
}

.bg-asa.bg-darken-4, .btn-asa.btn-darken-4 {
    background-color: #f6343c !important
}

.asa.darken-4 {
    color: #f6343c !important
}

.bg-asa.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(246, 52, 60, .6);
    box-shadow: 0 1px 20px 1px rgba(246, 52, 60, .6)
}

.btn-asa.btn-darken-4:hover {
    background-color: #f8464e !important
}

.btn-asa.btn-darken-4:active, .btn-asa.btn-darken-4:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-darken-4 {
    color: #f6343c !important;
    border-color: #f6343c !important
}

.btn-outline-asa.btn-outline-darken-4:hover {
    background-color: #f6343c !important
}

.border-asa.border-darken-4 {
    border: 1px solid #f6343c !important
}

.border-top-asa.border-top-darken-4 {
    border-top: 1px solid #f6343c !important
}

.border-bottom-asa.border-bottom-darken-4 {
    border-bottom: 1px solid #f6343c !important
}

.border-left-asa.border-left-darken-4 {
    border-right: 1px solid #f6343c !important
}

.border-right-asa.border-right-darken-4 {
    border-left: 1px solid #f6343c !important
}

.btn-asa.btn-accent-1, .btn-asa.btn-accent-1:hover {
    border-color: #f95058 !important
}

.overlay-asa.overlay-darken-4 {
    background: #f6343c;
    background: rgba(246, 52, 60, .8)
}

.bg-asa.bg-accent-1, .btn-asa.btn-accent-1 {
    background-color: #fff1f1 !important
}

.asa.accent-1 {
    color: #fff1f1 !important
}

.bg-asa.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 241, 241, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 241, 241, .6)
}

.btn-asa.btn-accent-1:hover {
    background-color: #f8464e !important
}

.btn-asa.btn-accent-1:active, .btn-asa.btn-accent-1:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-accent-1 {
    color: #fff1f1 !important;
    border-color: #fff1f1 !important
}

.btn-outline-asa.btn-outline-accent-1:hover {
    background-color: #fff1f1 !important
}

.border-asa.border-accent-1 {
    border: 1px solid #fff1f1 !important
}

.border-top-asa.border-top-accent-1 {
    border-top: 1px solid #fff1f1 !important
}

.border-bottom-asa.border-bottom-accent-1 {
    border-bottom: 1px solid #fff1f1 !important
}

.border-left-asa.border-left-accent-1 {
    border-right: 1px solid #fff1f1 !important
}

.border-right-asa.border-right-accent-1 {
    border-left: 1px solid #fff1f1 !important
}

.btn-asa.btn-accent-2, .btn-asa.btn-accent-2:hover {
    border-color: #f95058 !important
}

.overlay-asa.overlay-accent-1 {
    background: #fff1f1;
    background: rgba(255, 241, 241, .8)
}

.bg-asa.bg-accent-2, .btn-asa.btn-accent-2 {
    background-color: #ffe5e6 !important
}

.asa.accent-2 {
    color: #ffe5e6 !important
}

.bg-asa.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 229, 230, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 229, 230, .6)
}

.btn-asa.btn-accent-2:hover {
    background-color: #f8464e !important
}

.btn-asa.btn-accent-2:active, .btn-asa.btn-accent-2:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-accent-2 {
    color: #ffe5e6 !important;
    border-color: #ffe5e6 !important
}

.btn-outline-asa.btn-outline-accent-2:hover {
    background-color: #ffe5e6 !important
}

.border-asa.border-accent-2 {
    border: 1px solid #ffe5e6 !important
}

.border-top-asa.border-top-accent-2 {
    border-top: 1px solid #ffe5e6 !important
}

.border-bottom-asa.border-bottom-accent-2 {
    border-bottom: 1px solid #ffe5e6 !important
}

.border-left-asa.border-left-accent-2 {
    border-right: 1px solid #ffe5e6 !important
}

.border-right-asa.border-right-accent-2 {
    border-left: 1px solid #ffe5e6 !important
}

.btn-asa.btn-accent-3, .btn-asa.btn-accent-3:hover {
    border-color: #f95058 !important
}

.overlay-asa.overlay-accent-2 {
    background: #ffe5e6;
    background: rgba(255, 229, 230, .8)
}

.bg-asa.bg-accent-3, .btn-asa.btn-accent-3 {
    background-color: #ffd6d8 !important
}

.asa.accent-3 {
    color: #ffd6d8 !important
}

.bg-asa.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 214, 216, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 214, 216, .6)
}

.btn-asa.btn-accent-3:hover {
    background-color: #f8464e !important
}

.btn-asa.btn-accent-3:active, .btn-asa.btn-accent-3:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-accent-3 {
    color: #ffd6d8 !important;
    border-color: #ffd6d8 !important
}

.btn-outline-asa.btn-outline-accent-3:hover {
    background-color: #ffd6d8 !important
}

.border-asa.border-accent-3 {
    border: 1px solid #ffd6d8 !important
}

.border-top-asa.border-top-accent-3 {
    border-top: 1px solid #ffd6d8 !important
}

.border-bottom-asa.border-bottom-accent-3 {
    border-bottom: 1px solid #ffd6d8 !important
}

.border-left-asa.border-left-accent-3 {
    border-right: 1px solid #ffd6d8 !important
}

.border-right-asa.border-right-accent-3 {
    border-left: 1px solid #ffd6d8 !important
}

.btn-asa.btn-accent-4, .btn-asa.btn-accent-4:hover {
    border-color: #f95058 !important
}

.overlay-asa.overlay-accent-3 {
    background: #ffd6d8;
    background: rgba(255, 214, 216, .8)
}

.bg-asa.bg-accent-4, .btn-asa.btn-accent-4 {
    background-color: #ffbdbf !important
}

.asa.accent-4 {
    color: #ffbdbf !important
}

.bg-asa.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 189, 191, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 189, 191, .6)
}

.btn-asa.btn-accent-4:hover {
    background-color: #f8464e !important
}

.btn-asa.btn-accent-4:active, .btn-asa.btn-accent-4:focus {
    border-color: #f8464e !important;
    background-color: #f6343c !important
}

.btn-outline-asa.btn-outline-accent-4 {
    color: #ffbdbf !important;
    border-color: #ffbdbf !important
}

.btn-outline-asa.btn-outline-accent-4:hover {
    background-color: #ffbdbf !important
}

input:focus ~ .bg-asa {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffbdbf !important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffbdbf !important
}

.border-asa.border-accent-4 {
    border: 1px solid #ffbdbf !important
}

.border-top-asa.border-top-accent-4 {
    border-top: 1px solid #ffbdbf !important
}

.border-bottom-asa.border-bottom-accent-4 {
    border-bottom: 1px solid #ffbdbf !important
}

.border-left-asa.border-left-accent-4 {
    border-right: 1px solid #ffbdbf !important
}

.border-right-asa.border-right-accent-4 {
    border-left: 1px solid #ffbdbf !important
}

.btn-red.btn-lighten-5, .btn-red.btn-lighten-5:hover {
    border-color: #d32f2f !important
}

.overlay-asa.overlay-accent-4 {
    background: #ffbdbf;
    background: rgba(255, 189, 191, .8)
}

.gray-asa {
    color: #0d0d0d !important
}

.text-underline {
    text-decoration: underline;
}

/*/////////////////////////////////////////////////*/
.line_through {
    text-decoration: line-through;
}

.blockquote {
    font-size: 1rem;
}

.label-control {
    font-size: 0.9rem;
    line-height: 30px;
    color: #333;
    font-weight: bold;
}

.btn-group.fixed_parent {
    display: flex;
}

.fixed_parent .btn {
    flex: 1
}

.badge-top {
    top: -7px !important;
    position: absolute;
}

.width-50 {
    width: 50px !important;
}

.width-40 {
    width: 40px !important;
}

.width-30 {
    width: 30px !important;
    text-align: center;
    line-height: 30px;
}

.circle-20 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;

}

.circle-20 i {
    line-height: 20px;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

.fa-15x {
    font-size: 1.5em;
}

.badge-top-email-sidebar {
    right: 55px;
    top: 2px !important;
    position: absolute;
}

#example_filter label {
    width: 90%;
}

footer.footer {
    font-size: 12px;
}

footer.footer {
    padding: .6rem;
}

.border-radius-5 {
    border-radius: 5px;
}

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

.width-90 {
    width: 90% !important;
}

.width-100px {
    width: 100px !important;
}

.numbers {
    direction: ltr;
}

.width-70 {
    width: 70px !important;
}

.border-spacing-0 {
    border-spacing: 0 !important;
}

.card .card-title {
    letter-spacing: 0;
}

.navbar-container {
    /*background: #18b080 !important;*/
}

.bg-titr-show-ticket {
    background-color: #dddddd;
}
/* compose box */
.compose_box {
    box-shadow: 0 0 75px -50px #000 inset, 0 0 2px #000, 0 10px 0px -5px #00a070 inset;
    background-color: #EEE;
    padding-top: 6px;
}

.compose_box .compose_header {
    background-color: #EEE;
}

.border-rigth-red {
    border-right:1px solid rgb(255, 77, 85) !important;
}

.width-min-105px {
    min-width: 105px;
}


.pt-05 {
    padding-top: 0.5rem;
}

.pb-05 {
    padding-bottom: 0.5rem;
}

.line-height-40 {
    line-height: 40px;
}
/* advanced search */
#advanced-search-input {
    min-width:  340px;
    z-index:    2;
}

.advanced-search-submenu {
    text-align:         right;
    width:              250px;
    background-color:   #2c303b;
    z-index:            1;
    position:           absolute;
    border-radius:      0 0 0.5rem 0.5rem;
    overflow:           hidden;
    display:            none;
    box-shadow:         0 0 2rem 0.25rem rgb(105, 105, 105);
}
.advanced-search-submenu ul {
    padding-right:  0px;
    padding-bottom: 0px;
    margin-bottom:  0;
}
.advanced-search-submenu ul li {
    user-select:        none;
    -webkit-user-drag:  none;
    transition:         background 0.5s ease;
    padding:            2px 15px;
    cursor:             pointer;
    color:              #dcdcdc;
    font-weight:        bold;
}
.advanced-search-submenu li:hover,
.advanced-search-submenu li:focus {
    background: #337ab7;
    outline:    none;
}


.modal-header {
    background-color: #2b3039;
    font-weight:        bold;
}

.modal-header .close {
    /*margin: -0.5rem auto -0.5rem -0.5rem;*/
    /*padding: 0.5rem;*/
    color: #fff !important;
}
.form-control[readonly]
{
    background-color: #fff !important;
}

.text-space-1 {
    text-space: 1px;
}

.font-77 {
    font-size: 77px;
}

.date_top_menu {
    margin-top:     13px;
    font-weight:    bold;
    font-size:      12px;
    color:          #3e3e3e;
    background:     #c0c0c066;
    padding:        11px;
    border-radius:  2px;
}

.bs-popover-top, .bs-popover-bottom, .bs-popover-left, .bs-popover-right
{
    right: auto !important;
}

#modal_show_work_time div {
    line-height: 35px;
}

#top_notify_list, #top_ticket_list, #top_warning_list {
    max-height: 550px;
    overflow-y: scroll;
}

@media screen and (max-width: 600px) {
    .sidebar-left {
        height: 200px !important;
        width: 100% !important;
    }

    .email-app-sidebar .card {
        margin-bottom: 0px !important;
    }

    .sidebar {
        width: 100% !important;
    }

    .email-application .app-content, .email-application .content-right, .email-application .content-wrapper, .email-application .content-body {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .email-application .content-right {
        width: 100% !important;
    }

    form.form-horizontal .form-group .label-control {
        text-align: right;
    }
}


/* bizhan has declared these rules */

button:focus, button:active {
    outline: none;
    border: none;
}
td .ft-trash {
    color: red;
}
td .fa-key {
    color: orange;
}
td .ft-edit {
    color: blue;
}
td .ft-lock {
    color: black;
}
/* rounded tables */
table {
    border-radius: 0.25rem;
}
thead {
    border-radius: 0.25rem 0.25rem 0 0;
}
thead tr:first-child {
    border-radius: 0.25rem 0.25rem 0 0;
}
thead tr:first-child th:first-child {
    border-radius: 0 0.25rem 0 0;
}
thead tr:first-child th:last-child {
    border-radius: 0.25rem 0 0 0;
}
tfoot {
    border-radius: 0 0 0.25rem 0.25rem;
}
tfoot tr {
    background: #cecece;
}
tfoot tr td {
    border:         none;
}
tfoot tr td:first-child {
    border-radius:  0 0 0.25rem 0.25rem;
    border:         none;
}
th {
    user-select: none;
}

/* pagination */
.pagination {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    display: inline-flex;
    justify-content: center;

}
.page-item .page-link {
    user-select: none;
    border:      none;
    color:       black !important;
    cursor:      pointer;
    transition:  all 0.25s ease;
}
.page-item .page-link:hover {
    background:     #83e0c4;
    padding-left:   2rem;
    padding-right:  2rem;
}
.pagination .page-item:first-child .page-link {
    font-weight: bolder;
    color: #00a373 !important;
}
.pagination .page-item:last-child .page-link {
    font-weight: bolder;
    color: #00a373 !important;
}
.page-item.active .page-link {
    background: #00a373;
}
.usn {
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }   
}
@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }  
}
.fade-in {
    opacity:                    0;
    animation-name:             fade-in;
    animation-iteration-count:  1;
    animation-duration:         1s;
}
.delay-0 {
    animation-delay: 0.1s;
}
.delay-1 {
    animation-delay: 0.2s;
}
.delay-2 {
    animation-delay: 0.3s;
}
.delay-3 {
    animation-delay: 0.4s;
}
.delay-4 {
    animation-delay: 0.5s;
}
.delay-5 {
    animation-delay: 0.6s;
}
.delay-6 {
    animation-delay: 0.7s;
}
.opacity-0 {
    opacity: 0;
}
@keyframes fade {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 0.1;
    }
    2% {
        opacity: 0.2;
    }
    3% {
        opacity: 0.3;
    }
    4% {
        opacity: 0.4;
    }
    5% {
        opacity: 0.5;
    }
    6% {
        opacity: 0.6;
    }
    7% {
        opacity: 0.7;
    }
    8% {
        opacity: 0.8;
    }
    9% {
        opacity: 0.9;
    }
    10% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    91% {
        opacity: 0.9;
    }
    92% {
        opacity: 0.8;
    }
    93% {
        opacity: 0.7;
    }
    94% {
        opacity: 0.6;
    }
    95% {
        opacity: 0.5;
    }
    96% {
        opacity: 0.4;
    }
    97% {
        opacity: 0.3;
    }
    98% {
        opacity: 0.2;
    }
    99% {
        opacity: 0.1;
    }
    100% {
        opacity: 0;
    }
}
.login-background {
    display:                    none;
    width:                      100vw;
    height:                     100vh;
    animation-name:             fade;
    animation-duration:         2.5s;
    animation-iteration-count:  1;
}
.form-select {
    appearance:                 none;
    background-image:           url(../images/down-arrow.svg);
    background-repeat:          no-repeat;
    background-position:        10px 50%;
    background-size:            10px;
    cursor:                     pointer;
}
.form-control {
    transition:                 background-color 0.5s;
}
.form-control:focus {
    background-color:           lightyellow;
}
/* custom checkbox */
.checkbox-container {
    position:           relative;
    width:              40px;
    max-width:          40px;
    aspect-ratio:       1;
    border-radius:      0.3rem;
    background:         transparent;
    border:             1px solid var(--light);
}
.checkbox-container input {
    position:           absolute;
    width:              100%;
    height:             100%;
    background:         transparent;
    z-index:            2;
    appearance:         none;
    cursor:             pointer;
    transition:         background 0.5s;
}
.checkbox-container i {
    position:           absolute; 
    background:         var(--success);
    font-size:          2rem;
    color:              white;
    border-radius:      0;
    padding:            inherit;
    height:             100%;
    width:              100%;
    z-index:            1;
    display:            inline-flex;
    align-items:        center;
    justify-content:    center;
    transition:         transform 0.5s;
    transform:          scale(0);
}
.checkbox-container input:checked + i {
    transform:          scale(1);
}

.menu-title, .menu-item {
    font-family: IRANSans !important;
}
/* paddings */
.padding-1 {
    padding:        0.25rem;
}
.padding-2 {
    padding:        0.5rem;
}
.padding-3 {
    padding:        1rem;
}
.paddingx-1 {
    padding-left:       0.25rem;
    padding-right:      0.25rem;
}
.paddingx-2 {
    padding-left:       0.5rem;
    padding-right:      0.5rem;
}
.paddingx-3 {
    padding-left:       1rem;
    padding-right:      1rem;
}
.paddingy-1 {
    padding-top:        0.25rem;
    padding-bottom:     0.25rem;
}
.paddingy-2 {
    padding-top:        0.5rem;
    padding-bottom:     0.5rem;
}
.paddingy-3 {
    padding-top:        1rem;
    padding-bottom:     1rem;
}
.text-red {
    color: red;
}
.rounded-1 {
    border-radius: 0.25rem !important;
}
.rounded-2 {
    border-radius: 0.5rem !important;
}
.rounded-3 {
    border-radius: 1rem !important;
}

.tickets-show-info {
    display: flex;
    align-items: center;
    width: 25%;
}
.tickets-show-label {
    margin-right: 0.5rem;
    color: gray;
}
.tickets-show-text {
    margin-right: 0.5rem;
}

.tickets-show-text b {
    font-weight: 600;
}
.badge-purple {
    background: #9c27b0 !important;
}
.violet {
    color: #ee82ee;
}
.badge-violet {
    background: #ee82ee !important;
}
.text-violet {
    color: #ee82ee;
}
/* toats */
#my-toast {
    position:       fixed;
    display:        none;
    background:     #ffc107;
    bottom:         1rem;
    width:          25rem;
    left:           1rem;
    border-radius:  0.3rem;
    padding:        1rem;
}
#my-toast span {
    float:          left;
    padding:        0;
    font-size:      1.5rem;
    font-weight:    bold;
    color:          #FFF;
    cursor:         pointer;
    user-select:    none;
    line-height:    1rem;
}
#my-toast p {
    margin:         0;
    color:          black;
}

/* confirm */
#confirm * {
    user-select:        none;
    -webkit-user-drag:  none;
    color:              #FFF;
}
#confirm {
    display:        none;
    position:       fixed;
    z-index:        10000 !important;
    background:     #FFF;
    bottom:         1rem;
    width:          25rem;
    left:           1rem;
    border-radius:  0.3rem;
    padding:        1rem;
    animation:      fade-in 0.5s ease;
}
#confirm p {
    color:          #000;
}
#confirm div.bottom {
    display: flex;
    justify-content: flex-start;
}
#confirm div.bottom button {
    margin:         5px 0 !important;
    margin-left:    1rem !important;
    border:         none;
    min-width:      60px;
    padding:        0.2rem 0.6rem;
    border-radius:  0.4rem;
    cursor:         pointer;
    transition:     background 0.5s ease;
}
#confirm div.bottom button#confirm-no {
    background:     #dc3545;
}
#confirm div.bottom button#confirm-no:hover {
    background:     #ad2a37;
}
#confirm div.bottom button#confirm-yes {
    background:     #007bff;
}
#confirm div.bottom button#confirm-yes:hover {
    background:     #0052aa;
}
/* multiselect */
.multiselect {
    display: flex;
    background-color: #FFF;
    border-radius: 0.25rem;
}
.multiselect * {
    user-select: none;
    -webkit-user-drag: none;
}
.multiselect .tags {
    width: auto;
    display: flex;
    align-items: center;
}
.multiselect .tags .tag {
    display: flex;
    align-items: center;
    border-radius: 0.25rem;
    background: #c3c3c3;
    padding: 0.5rem 1rem;
    margin-left: 0.5rem;
    color: #FFF;
    cursor: pointer;
    transition: background 0.5s;
}
.multiselect .tags .tag:hover {
    background: gray;
}

.multiselect .tags .tag .icon {
    font-weight:  bold;
    margin-right: 0.25rem;
}
.multiselect input {
    width:      auto;
    transition: all 0.5s;
}

.multiselect input:focus {
    outline: none;
    border:  none
}

/* link settings */
@media print {
    a:link {
        border-bottom: none !important;
        text-decoration: none !important;
    }
    a[href]:after {
        content: none !important;
    }
}
/* breadcrumb */
.breadcrumb * {
    user-select: none;
    -webkit-user-drag: none;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: '➞' !important;
    font-weight: bold;
    transform: rotate(180deg);
    text-align: center ;
    padding: 0 2px 0 8px;
    color: darkgray;
}
.focus-none:focus {
    outline:none
}
.badge {
    font-family: IRANSans;
}
.chat-avatar .avatar img {
    aspect-ratio:   1;
    width:          35px;
    box-shadow:     0 .5rem 1rem rgba(0,0,0,.15);
    margin-top:     10px;
}

.tooltip {
    z-index: 10000;
}

.open-subrow {
    transition: transform 0.5s ease;
}
.r-180 {
    transform: rotate(180deg);
}
.subrow {
    display: none;
}

.zebra-table tbody > tr.even {
    background-color: #d6d7db;
}

.zebra-table tbody > tr.odd {
    background-color: #f5f7fa80;
}