@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir-eng-digit/Vazir-FD.eot');
    src: url('../fonts/vazir-eng-digit/Vazir-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir-eng-digit/Vazir-FD.woff2') format('woff2'), url('../fonts/vazir-eng-digit/Vazir-FD.woff') format('woff'), url('../fonts/vazir-eng-digit/Vazir-FD.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir-eng-digit/Vazir-Bold-FD.eot');
    src: url('../fonts/vazir-eng-digit/Vazir-Bold-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir-eng-digit/Vazir-Bold-FD.woff2') format('woff2'), url('../fonts/vazir-eng-digit/Vazir-Bold-FD.woff') format('woff'), url('../fonts/vazir-eng-digit/Vazir-Bold-FD.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir-eng-digit/Vazir-Light-FD.eot');
    src: url('../fonts/vazir-eng-digit/Vazir-Light-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir-eng-digit/Vazir-Light-FD.woff2') format('woff2'), url('../fonts/vazir-eng-digit/Vazir-Light-FD.woff') format('woff'), url('../fonts/vazir-eng-digit/Vazir-Light-FD.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir-eng-digit/Vazir-Medium-FD.eot');
    src: url('../fonts/vazir-eng-digit/Vazir-Medium-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir-eng-digit/Vazir-Medium-FD.woff2') format('woff2'), url('../fonts/vazir-eng-digit/Vazir-Medium-FD.woff') format('woff'), url('../fonts/vazir-eng-digit/Vazir-Medium-FD.ttf') format('truetype');
    font-weight: 500;
}



@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir-eng-digit/Vazir-Thin-FD.eot');
    src: url('../fonts/vazir-eng-digit/Vazir-Thin-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir-eng-digit/Vazir-Thin-FD.woff2') format('woff2'), url('../fonts/vazir-eng-digit/Vazir-Thin-FD.woff') format('woff'), url('../fonts/vazir-eng-digit/Vazir-Thin-FD.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir-eng-digit/Vazir-Black-FD.eot');
    src: url('../fonts/vazir-eng-digit/Vazir-Black-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir-eng-digit/Vazir-Black-FD.woff2') format('woff2'), url('../fonts/vazir-eng-digit/Vazir-Black-FD.woff') format('woff'), url('../fonts/vazir-eng-digit/Vazir-Black-FD.ttf') format('truetype');
    font-weight: 900;
}



@font-face {
    font-family: Titr;
    src: url('../fonts/titr/Titr.eot');
    src: url('../fonts/titr/Titr.woff2') format('woff2'), url('../fonts/titr/Titr.woff') format('woff'), url('../fonts/titr/Titr.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Titr;
    src: url('../fonts/titr/TitrBold.eot');
    src: url('../fonts/titr/TitrBold.woff2') format('woff2'), url('../fonts/titr/TitrBold.woff') format('woff'), url('../fonts/titr/TitrBold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Titr';
    src: url('../fonts/titr/Titr.eot') format('embedded-opentype');
}


@font-face {
    font-family: 'B Nazanin';
    src: local('B Nazanin'), local('BNazanin'), url('../fonts/BNazanin.woff2') format('woff2'), url('../fonts/BNazanin.woff') format('woff'), url('../fonts/BNazanin.ttf') format('truetype');
    font-weight: normal;
}


@font-face {
    font-family: 'B Nazanin';
    src: url('../fonts/BNazaninBold.woff2') format('woff2'), url('../fonts/BNazaninBold.woff') format('woff'), url('../fonts/BNazaninBold.ttf') format('truetype');
    font-weight: 500;
}

/*@font-face {
    font-family: 'B Nazanin';
    src: local('B Nazanin'), local('BNazanin'), url('../fonts/BNazaninBold.woff2') format('woff2'), url('../fonts/BNazaninBold.woff') format('woff'), url('../fonts/BNazaninBold.ttf') format('truetype');
    font-weight: bold;
}*/


@font-face {
    font-family: 'B Traffic';
    src: local('B Traffic'), local('BTraffic'), url('../fonts/BTraffic.woff') format('woff'), url('../fonts/BTraffic.ttf') format('truetype'),url('../fonts/BTraffic.eot?#') format('eot');
    font-weight: normal;
}

@font-face {
    font-family: 'A Dast Nevis';
    src: url('../fonts/dastNevis/ADastNevis.eot');
    src: url('../fonts/dastNevis/ADastNevis.eot?#iefix') format('embedded-opentype'), url('../fonts/dastNevis/ADastNevis.woff2') format('woff2'), url('../fonts/dastNevis/ADastNevis.woff') format('woff'), url('../fonts/dastNevis/ADastNevis.ttf') format('truetype'), url('../fonts/dastNevis/ADastNevis.svg#ADastNevis') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*---------------------------------- End of fonts ---------------------------------- */
ul {
    padding-right: 0px;
    margin-right: 0px;
}

body {
    font-family: 'Vazir', sans-serif;
}

.ltr {
    direction: ltr;
}


ul {
    padding-inline-start: 0px;
}

.dropdown-item {
    text-align: right;
}

.dropdown-footer, .dropdown-header {
    text-align: center;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-left: .5rem;
}

/*---------------------------------- scrollbar ---------------------------------- */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

/*
 * Scrollbar thumb styles
 */
/*.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}*/


/*------------------------------------ contacts-list ------------------------------------*/

.contacts-list-img {
    float: right;
}

.contacts-list-info {
    margin-right: 45px;
    margin-left: 0;
}


/* sidebar */

.sidebar {
    direction: ltr;
}

    .sidebar > div:first-child {
        direction: rtl;
    }

.control-sidebar, .control-sidebar:before {
    left: -250px;
    right: auto;
    transition: left .3s ease-in-out;
}

.control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar:before {
    left: 0;
    right: auto;
}

.small-box .icon {
    right: auto;
    left: 10px;
}

.nav-sidebar .nav-link > p > .right {
    left: 1rem;
    right: auto;
}

.nav-sidebar > .nav-item .nav-icon {
    margin-right: 0;
    margin-left: .2rem;
}

.content-wrapper section.content-header {
    margin-top: 50px;
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-right: 4.6rem;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-left: 0rem !important;
        margin-right: 4.6rem !important;
        z-index: 100;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar:before {
        margin-right: 0;
        width: 4.6rem;
    }
}


@media (min-width: 768px) {
    .content-wrapper, .main-footer, .main-header {
        transition: margin-right .3s ease-in-out;
        margin-right: 250px;
        margin-left: 0;
        z-index: 3000;
    }
}

@media (max-width: 991.98px) {
    .main-sidebar, .main-sidebar:before {
        box-shadow: none !important;
        margin-right: -250px;
        margin-left: 0;
    }

    .content-wrapper, .content-wrapper:before, .main-footer, .main-footer:before, .main-header, .main-header:before {
        margin-right: 0;
    }

    .sidebar-open .main-sidebar, .sidebar-open .main-sidebar:before {
        margin-right: 0;
        z-index: 4000;
    }
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar:before {
    margin-right: -250px;
}

.main-sidebar {
    left: auto;
    right: 0;
}

/* Cards */

.card-header > .card-tools {
    right: auto;
    left: 1rem;
}

.user-block img {
    float: right;
}

.attachment-block .attachment-img {
    float: right;
}

.attachment-block .attachment-pushed {
    margin-left: 0px;
    margin-right: 110px;
}

.card-comments .card-comment img, .img-lg, .img-md, .img-sm, .user-block.user-block-sm img {
    float: right;
}

.card-comments .comment-text {
    margin-right: 0px;
    margin-left: 0;
}

.card-comments .card-comment img + .img-push, .img-sm + .img-push, .user-block.user-block-sm img + .img-push {
    margin-left: 0px;
    margin-right: 40px;
}

.user-block .comment, .user-block .description, .user-block .username {
    margin-right: 50px;
    margin-left: 0px;
}

.btn-group-vertical {
    align-items: center;
}


/*------------------------- Form ----------------------------*/
.select2-container .select2-search--inline {
    float: right;
}

.select2-container--default .select2-search--inline .select2-search__field {
    text-align: right;
}

/*----------------------- Extra Page ---------------------------*/
.error-page > .headline {
    float: right;
}

.error-page > .error-content {
    margin-right: 190px;
    margin-left: 0;
}

.lockscreen-image {
    left: auto;
    right: -10px;
}

.lockscreen-credentials {
    margin-left: 0px;
    margin-right: 70px;
}

.nav {
    padding-inline-start: 0px !important;
}

/*---------------------------------- Persian Date Picker ---------------------------------- */

.datepicker-plot-area {
    font-family: 'Vazir', sans-serif;
}

/*---------------------------------- card ---------------------------------- */
.card-body ul li a {
    font-size: .75rem;
}

/*---------------------------------- mailbox table ---------------------------------- */
.mailbox-messages tr:hover {
    cursor: pointer !important;
}

table tr[visible='false'],
.no-result {
    display: none;
}

table tr[visible='true'] {
    display: table-row;
}

/*.inbox-table{
    max-height:800px;
    overflow-y:auto;
}*/

.inbox-table tr td {
    padding-left: .35rem;
    padding-right: .35rem;
}

.mailbox-unread {
    font-weight: bold;
}

.mailbox-name {
    color: #007bff;
}

#toolbar-container > div {
    font-size: 10px;
}

#editor {
    min-height: 150px;
    max-height: 400px;
    overflow-y: scroll;
}

.mailbox-action {
    display: none;
}
/*.mailbox tr:hover .mailbox-time {
    display: none;
}*/
.mailbox tr:hover .mailbox-action {
    display: block;
}

.mailbox tbody tr {
    position: relative;
}

.mailbox .mailbox-action {
    position: absolute;
    left: 1px;
    vertical-align: middle;
    padding: 0;
    padding-top: 5px;
}

/*---------------------------------- tooltip ---------------------------------- */
.tooltip {
    font-size: .75rem;
}

/*---------------------------------- validation ---------------------------------- */
.input-validation-error {
    background: #fff;
    border-color: #e0b4b4;
    color: #9f3a38;
    border-radius: '';
    box-shadow: none;
}

.field-validation-error {
    /*bottom: -35px;*/
    font-size: 11px;
    font-weight: 400;
    position: absolute;
    right: 0;
    z-index: 2;
    white-space: normal;
    background: #EC331F !important;
    border: 1px solid #e0b4b4 !important;
    color: #fff !important;
    padding: 5px 10px;
    margin-top: 1em;
    border-radius: 4px
}

    .field-validation-error::before {
        margin-top: -1px;
        border-width: 1px 0 0 1px;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        top: 0;
        left: 50%;
        background-color: inherit;
        border-style: solid;
        border-color: inherit;
        position: absolute;
        content: '';
        background-image: none;
        z-index: 2;
        width: .6666em;
        height: .6666em;
        -webkit-transition: background .1s ease;
        transition: background .1s ease;
    }

/*---------------------------------- Bootstrap Toggle ---------------------------------- */
.toggle .toggle-group label {
    font-size: .75rem;
    font-weight: 400;
}

/*---------------------------------- Loader ---------------------------------- */
.loader {
    display: none;
    color: #0cbaf3;
    font-size: 35px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 22px auto;
    position: fixed;
    top: 35%;
    left: 35%;
    z-index: 1000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

.dropdown-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 990;
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

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

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

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

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

/*----------------------------SubjectGroup Select-----------------------------------------*/
.hl {
    font-weight: bold;
    color: #000;
}

.l2 {
    padding-right: 1.2em;
}

.l3 {
    padding-right: 2.4em;
}

.l4 {
    padding-right: 3.6em;
}

.l5 {
    padding-right: 4.8em;
}
/*---------------------------------- Inside Loader ---------------------------------- */
.insideloader {
    display: none;
    color: #0cbaf3;
    font-size: 35px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 22px auto;
    position: relative;
    top: 50%;
    left: 50%;
    z-index: 1000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

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

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

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*------------------------SearchInput-----------------------------*/
.searchInput {
    background-image: url('/content/img/searchicon.png');
    background-position: 10px 8px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 14px;
    padding: 6px 10px 6px 10px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}
/*------------------------LetterTemplateList-----------------------------*/
#templateList {
    max-height: 350px;
    overflow-y: auto;
}

    #templateList li {
        cursor: pointer;
    }

/*--------------------------TypeaheadSearch-------------------------------*/
.typeahead.dropdown-menu {
    background: #e3e6ea; /*#d5dbe5;*/
    min-width: 300px;
    max-height: 400px;
    overflow-y: auto;
}


    .typeahead.dropdown-menu > .active > a, .typeahead.dropdown-menu > .active > a:hover, .typeahead.dropdown-menu > .active > a:focus {
        background: #589de2;
    }

.typeahead li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/*---------------------------ReturnUrl------------------------------*/
.return-url {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .return-url i {
        font-size: 1.6rem;
    }
/*------------------------------Letter Search---------------------------------*/

.search_box {
    -webkit-flex-basis: 94%;
    -ms-flex-preferred-size: 94%;
    flex-basis: 94%;
    right: 3%;
    position: relative;
}

    .search_box > input {
        width: 100%;
        padding: 15px;
        outline: none;
        padding-left: 0;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        font-size: .85rem;
    }

        .search_box > input:focus {
            font-size: .75rem;
        }

    .search_box input::placeholder {
        transition: all .3s ease;
        color: #9ca2a8;
    }

    .search_box > input:hover::placeholder {
        transition: all .3s ease;
        -webkit-transition: all -webkit-transform .3s ease;
    }

    .search_box > input:focus::placeholder {
        padding: .1rem .6rem;
        transition: all .3s ease;
        -webkit-transition: all -webkit-transform .3s ease;
    }

    .search_box .search_boxbutton {
        position: absolute;
        top: 0;
        left: 0;
        padding: 15px;
        height: 100%;
        border: none;
        background-color: #e74c3c;
        color: #ffffff;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        cursor: pointer;
        -webkit-transition: .2s all;
        -o-transition: .2s all;
        transition: .2s all;
    }

    .search_box search_boxbutton:hover {
        background: #444444;
        color: white;
    }

    .search_box > .fa {
        position: absolute;
        font-size: 1.4em;
        top: 15px;
        left: 95px;
        opacity: .7;
        cursor: pointer;
        display: none;
    }


.search-results {
    position: absolute;
    top: 48px;
    z-index: 55;
    width: 100%;
    background-color: #eff0f2; /*#e3e6ea;*/
    max-height: 472px;
    overflow-y: auto;
}


    .search-results li:first-child {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }

    .search-results li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        opacity: .9;
        -webkit-transition: .2s all;
        -o-transition: .2s all;
        transition: .2s all;
        font-size: .8rem;
        padding: 15px;
        list-style: none;
    }

        .search-results li a {
            padding: 20px 15px;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            color: #444444;
        }

        .search-results li:hover {
            background: rgba(0, 0, 0, 0.05);
        }

        .search-results li span.badge {
            font-size: .8rem;
            font-weight: 300;
        }

    .search-results .loadMore {
        padding: 0.375rem 0.75rem;
    }

        .search-results .loadMore:hover {
            color: #fff !important;
        }

.AdvancedSearch {
    width: 100%;
    transform: none !important;
    top: 52px !important;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: .75rem;
    color: #212529;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
    min-height: 250px;
}

    .AdvancedSearch .insideloader {
        left: 0;
        margin: 100px auto;
        display: block;
    }


/*-----------------------User Login Report----------------------*/
.user-login-report-item {
    margin: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
/*---------------------------Fade Scale Modal --------------------------------*/

.fade-scale {
    transform: scale(1,0); /* scale(0); horizontal*/
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .fade-scale.show {
        opacity: 1;
        transform: scale(1,1); /* scale(1); horizontal*/
    }

/*---------------------------Breadcrumb --------------------------------*/
.breadcrumb i {
    padding-left: 5px;
    padding-right: 5px;
}

.breadcrumb .active {
    font-weight: bold;
    color: #007bff;
}

/*--------------------------- Refer Context list --------------------------------*/
.referContext-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .referContext-list > li {
        border-radius: 2px;
        padding: 10px;
        background: #f4f4f4;
        margin-bottom: 2px;
        border-left: 2px solid #e6e7e8;
        color: #444;
    }

/*---------------------------------- General --------------------------------------*/
.alignMidel {
    vertical-align: middle;
}

.alignCenter {
    text-align: center;
}

.alignCenterMidel {
    vertical-align: middle;
    text-align: center;
}


/*---------------------------------- Grid Table --------------------------------------*/
.grid-table {
}

    .grid-table tbody tr {
        text-align: center;
    }

        .grid-table tbody tr td {
            vertical-align: middle;
        }

    .grid-table thead tr th {
        vertical-align: middle;
        text-align: center;
    }


.verticalTableHeader {
    text-align: center;
    white-space: nowrap;
    g-origin: 50% 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

    .verticalTableHeader p {
        margin: 0 -100%;
        display: inline-block;
    }

        .verticalTableHeader p:before {
            content: '';
            width: 0;
            padding-top: 110%; /* takes width as reference, + 10% for faking some extra padding */
            display: inline-block;
            vertical-align: middle;
        }

#refer-modal .modal-header, #cardxSearch-modal .modal-header {
    cursor: move;
}

/*---------------------------------- Light Theme --------------------------------------*/
#recentRequestList a, #Notifications .dropdown-menu a {
    color: #000 !important;
}

.direct-chat-contacts {
    background: rgb(222, 226, 230);
}

.contacts-list-info {
    color: #444;
}

.contacts-list-msg {
    color: #444
}

.contacts-list-date {
    color: #555
}

.contacts-list > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


/*---------------------------------- Select2 MultiSelect Sight --------------------------------------*/
.select2-selection__rendered li ~ .select2-search--inline {
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #eee;
    color: #212121;
    display: inline-block;
}

.select2-selection__rendered li ~ .select2-search--inline {
    transition: box-shadow 0.55s;
    box-shadow: 0;
}

.select2-selection__rendered li:hover {
    transition: box-shadow 0.45s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/*---------------------------------- Table With Static Header --------------------------------------*/
.table-with-static-header thead th {
    background-color: #d3dee7;
    position: sticky;
    top: -1px;
    z-index: 1;
}

.table-with-static-header tbody td {
    padding: 0.4rem;
    vertical-align: middle;
}

/*---------------------------------- btn More --------------------------------------*/
.background-white {
    background-color: #fff;
}

.btn-more-group {
    position: absolute;
    top: 1px;
    left: 3px;
    display: none
}

.btn-more-group-ast {
    position: absolute !important;
    top: 1px;
    left: 3px;
    background-color: #fff;
}


.direct-chat-msg:hover .btn-more-group, .btn-more-group-right {
    display: inline-flex;
}

.btn-more {
    color: #505050;
    padding: 5px 3px 2px 3px;
    margin: 0px;
    border-radius: 4px;
    border: none;
}

.btn-more-group-right {
    position: absolute;
    top: 1px;
    right: 3px;
    display: none
}

.direct-chat-msg:hover .btn-more-group-right {
    display: inline-flex;
}

.btn-more-group-right .btn-more {
    background-color: #007bff;
    color: #fff;
    padding: 5px 4px 2px 3px;
}

.fc-title, .fc-time {
    color: #fff;
}

    .fc-title:hover, .fc-time:hover {
        color: #e2e2e2;
    }

.fc-content {
    direction: rtl !important;
}

    .fc-content:hover {
        cursor: pointer
    }

.fc-other-month {
    opacity: 0.3;
}



/*--------------------Contacts--------------------*/
.contacts {
    border: 1px solid #ebebeb;
    padding-top: 10px;
    padding-bottom: 0px;
    margin: 10px;
}

    .contacts:hover {
        -webkit-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 7px 15px -2px rgba(0, 0, 0, 0.1);
    }

    .contacts img {
        width: 6rem;
        height: 6rem;
    }

    .contacts h3 {
        font-size: 1.1rem;
    }

    .contacts .contact-detail {
        position: relative;
    }

    .contacts .actions {
        position: absolute;
        top: 0;
        left: 10px;
    }
/*----------------Wizard----------------------*/
.wizard ul li {
    float: right;
    list-style: none;
    padding: 8px 15px;
    margin: 0px 10px 20px;
    border-radius: 5px
}

    .wizard ul li.current {
        background: #2184be;
    }

    .wizard ul li a {
        font-size: .9rem;
        color: #fff;
        cursor: default
    }

    .wizard ul li.disabled {
        background: #eee;
        cursor: not-allowed;
    }

        .wizard ul li.disabled a {
            color: #aaa;
            cursor: not-allowed;
        }

    .wizard ul li.done {
        background: #9dc8e2;
        cursor: pointer;
    }

        .wizard ul li.done a {
            cursor: pointer;
        }
/*----------------Session Tag-cloud----------------------*/
.tag-cloud {
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 10px;
    margin-right: 4px;
    border-radius: 4px;
    color: #444;
    font-weight: bold;
    border: 1px solid #ccc;
    margin-bottom: 3px;
    cursor:default;
}

    .tag-cloud:hover {
        border: 1px solid #000;
        color: #000;
    }

/*----------------AccessButtons----------------------*/

.hideBtnNotAccess {
    display: none !important;
}

.showBtnAllowAccess {
    display: inline-block;
}

.letter-content p {
    width: 100%;
}

.nav-item.nav-link {
    font-size: 1rem
}

.imgDeliver {
    position: absolute;
    bottom: 10px;
    left: 15px;
    background-color: #007bff;
    color: #fff;
    border-radius: 4px;
    padding: 1px 2px
}


.jodit_wysiwyg p {
    width: auto !important;
}


/*----------------------ramazan-------------*/
.ramazan {
    opacity: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #002c08;
    padding: 0;
    border-radius: 0px;
    font-size: 0.8rem;
    font-weight: 600;
}

.ramazan-header {
    color: #e34385;
}

.ramazan .ramazan-body {
    background: rgba(228, 240, 246, 0.8);
    /*background:rgba(255, 255, 255, 0.7);*/
}

.ramazan .tag-cloud {
    color: #002c08 !important;
    cursor: pointer;
    border: 1px solid #002c08;
}

    .ramazan .tag-cloud:hover {
        color: #e34385 !important;
        border: 1px solid #e34385;
    }

.ramazan .surveryoptionselected,
.ramazan .surveryoptionselected:hover {
    color: #0766cd !important
}

.ramazan-previous-btn {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .ramazan-previous-btn:hover {
        box-shadow: inset 0 3px 8px rgba(0, 0, 0,0.3);
    }


/*----------------------survey-------------*/
.survey {
    position: relative;
}

.survey-box {
    box-shadow: 0 0 1px 2px #ccc;
    border-radius: 10px;
    min-width: 320px;
    color: #333;
}

.survey-content {
    padding: 80px 10px;
}

.survey-header {
    padding: 10px 0px;
    background-color: #35404b;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
}

.survey-header {
    color: #fff;
}

.survey .question-title {
    font-size: .95rem
}

.survey-footer {
    padding: 10px 0px;
    background-color: #35404b;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
}

.survey .answers-status {
    color: #ffffff;
    font-size: .8rem;
    padding-bottom: 50px;
}

.survey .progress {
    background-color: rgba(255,255,255,0.2);
    margin-bottom: 0;
    border-radius: 2px;
    margin-top: -2px;
}

    .survey .progress .progress-percent {
        position: absolute;
        top: 50%;
        left: 50%;
    }


@media (max-width: 535px) {
    .survey .progress {
        height: 12px;
    }
}

.survey .survey-answer {
    width: 100%;
    line-height: 160%;
    border: 2px dashed #dddddd;
    margin-top: 5px;
    background-color: transparent;
    box-shadow: none;
    min-height: 50px !important;
    font-size: .8rem;
}

.survey .survey-answer-required {
    border: 2px dashed #ec6f6f;
}

.survey .scale .btn-group {
    border-radius: 5px !important;
}

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

    .survey .scale .btn-group [type='radio'] {
        display: none;
    }

.survey .scale .btn-info {
    font-weight: 400;
}

    .survey .scale .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }


    .survey .scale .btn-info:active {
        color: #fff;
        background-color: #269abc;
        border-color: #1b6d85;
    }

    .survey .scale .btn-info:focus, .survey .scale .btn-info.active {
        color: #fff;
        background-color: #269abc;
        border-color: #1b6d85;
    }

.rating-star {
    position: relative;
    left: 50%;
    right: 50%;
    transform: translate(-75%,0%);
}

    .rating-star > input {
        display: none;
    }

    .rating-star > label:before {
        margin: 5px;
        font-size: 30px;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating-star > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating-star > label {
        color: #ddd;
        float: right;
    }

    .rating-star > input:checked ~ label,
    .rating-star:not(:checked) > label:hover,
    .rating-star:not(:checked) > label:hover ~ label {
        color: #17a2b8;
    }

        .rating-star > input:checked + label:hover,
        .rating-star > input:checked ~ label:hover,
        .rating-star > label:hover ~ input:checked ~ label,
        .rating-star > input:checked ~ label:hover ~ label {
            color: #138496;
        }

.swal2-container.swal2-rtl.swal2-center.swal2-fade.swal2-shown {
    z-index: 11060;
}


.announcement-box {
    top: 0px !important;
    right: 20px;
    opacity: 0.9;
    background-color: #ff5c03;
    /* opacity: 0.7; */
    z-index: 11 !important;
    position: fixed;
    overflow: hidden;
    padding: 15px;
    border-radius: 0 !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 100% !important;
    width: 100% !important;
    max-height: 1% !important;
    transition-duration: 0.5s;
    transition-property: left;
    direction: rtl;
    /* border-bottom: 2px solid black;
      border-top: 2px solid black; */
    left: 50% !important;
    transform: translateX(-50%) !important;
}

    .announcement-box p {
        position: absolute;
        width: 100%;
        height: 100%;
        top: -10px;
        margin: 0;
        line-height: 50px;
        text-align: center;
        /* Starting position */
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        /* Apply animation to this element */
        -moz-animation: scroll-right 25s linear infinite;
        -webkit-animation: scroll-right 25s linear infinite;
        animation: scroll-right 25s linear infinite;
    }

.menu_top {
    top: 30px !important
}

.announcement-box:hover p {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
}


.colorScheme .toggle-group {
    border: 2px solid #CCC;
    border-radius: 24px;
    inline-size: fit-content;
    padding: 3px;
}

    .colorScheme .toggle-group label {
        border-radius: 21px;
        cursor: pointer;
        display: inline-flex;
        padding: 1px 5px;
        margin: 0;
        text-align: center;
        user-select: none;
    }

        .colorScheme .toggle-group label:has(input:checked) {
            background-color: #CCC;
            color: #333;
        }

.colorScheme [data-sr] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.letter-content img {
    max-width: 100%;
}


.data-table-search input {
    font-style: italic;
    border-radius: 15px !important;
    text-indent: 5px;
}

    .data-table-search input::placeholder {
        color: #676b6e;
    }

    .data-table-search input:focus {
        border-color: #ff80a3;
        outline: 0;
        box-shadow: inset 0 0 0 transparent, 0 0 0 0.2rem rgb(255 0 0 / 25%);
    }

.data-table-search .btn i {
    padding: 10px;
}

/*.form-group .border {
    border-color: #000 !important;
    color: #333 !important;
    font-weight: 400;
}*/

.form-group .border {
    background-color: #f0f4f8;
}

.br-5 {
    border-radius: 5px;
    font-size: 1rem;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    box-shadow: -2px -1px 32px -3px rgb(31 40 40 / 75%);
    border: 1px solid #444;
    border-radius: 3px;
}

.blink {
    background-color: rgba(255, 0, 0, 0.19);
}

.blink-blue {
    background-color: rgb(53 89 235 / 19%);
}

.highlight {
    padding: 1px 4px;
    margin: 0 0px;
    background-color: #fff34d;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

mark, .mark {
    border-radius: 5px;
    margin: 0 3px
}

.box-with-header {
    position: relative;
    border-radius: 20px;
    border: 2px solid #dde4ea;
    box-shadow:none;
}

    .box-with-header h4 {
        position: absolute;
        top: -20px;
        right: 20px;
        height: 38px;
        padding-right: 10px;
        padding-left: 10px;
        border-radius: 5px;
        background: #fff;
        font-size: .9rem;
        font-weight: 600;
        color: #404040;
    }

.mailbox tr td {
    vertical-align: middle;
}

.data-table table thead,
.data-table table tfoot {
    position: sticky;
}

.data-table table thead {
    inset-block-start: 0;
}

.data-table .operations {
    padding: 10px 5px !important;
    vertical-align: middle !important;
}

.data-table table {
    text-align: center;
    font-size:.8rem
}

    .data-table table .badge {
        font-size: .75rem;
    }

.data-table thead {
    z-index: 50;
    background-color: #d3dee7
}

.data-table-search .input-group-prepend .btn {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important
}

.modal-footer {
    background-color: #eee;
}

.scroll-large-element {
    max-height: 600px;
    overflow-y: auto;
}

.scroll-large-element-xs {
    max-height: 600px;
    overflow-y: auto
}


.scroll-large-element-md {
    max-height: 800px;
    overflow-y: auto
}

.scroll-large-element-lg {
    max-height: 1000px;
    overflow-y: auto
}

.selectedrow {
    background-color: #ffc107 !important;
}

.searchContainer {
    transition: opacity 1.5s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.activeSearchContainer {
    opacity: 1;
    height: auto;
}

.modal-header {
    background-color: #17a2b8
}

.modal-header .modal-title{
    color:#fff;
}

.modal-header button.close{
    color:#fff;
}

.info-box-height{
    min-height:35px;
}

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

.custom-file-label::after{
    display:none;
}

.custom-file-btn{
    height:35px
}

.pdfviewer-container {
    max-width: 80%;
    min-width: 80%;
    max-height: 90%;
    min-height: 90%;
}


.data-table-search button{
    max-height: 37px;
    display: flex;
    align-items: center;
}


/*------------------------------------------------------------------*/
.app-selector .text-decoration-none {
    text-decoration: none !important;
}

.app-selector .text-white {
    --bs-text-opacity: 1;

}

.app-selector .tile-icons i.fa-kit-duotone.fa-box,.app-selector .tile-icons i.fa-kit-duotone.fa-zoom {
    --fa-secondary-opacity: 1.0;
    --fa-secondary-color: #fff
}

.app-selector .tile-icons i.fa-kit-duotone.fa-onedrive {
    --fa-secondary-opacity: 1.0;
    --fa-secondary-color: #0c91e0
}

.app-selector .tiles-grid .col .tiles-icon {
    opacity: 1
}

.app-selector .tiles-grid .col {
    transition: .25s
}

.app-selector .tiles-grid:hover .col {
    opacity: .5
}

.app-selector .tiles-grid .col:hover {
    opacity: 1
}

.app-selector .tiles-grid .col img {
    width: 100px;
    text-align:center
}

.app-selector .tiles-grid .col h4 i {
    opacity: 0;
    transition: .25s
}

.app-selector .tiles-grid .col:hover h4 i {
    opacity: 1;
    transform: translateX(-5px)
}

.app-selector .tiles-grid .card-text {
    font-size: .8rem;
    color: rgb(188 199 219)!important
}

.btnCommandWorkflowContainers .btnCommand {
    border-radius: 0 !important;
}

    .btnCommandWorkflowContainers .btnCommand:not(:first-child) {
        border-right: 1px solid #eee;
    }