h1,h2,h3,h4,h5,h6{
    font-weight: 500;
    font-family: 'shabnam';
}
.width-100,.w-100{
    width: 100% !important;
}
.bullet{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: .2rem;
    margin-left: .3rem;
    border-radius: 50%;
}
.font-very-small{
    font-size: 9px !important;
}
.font-small{
    font-size: 11px !important;
}
.font-medium{
    font-size: 14px !important;
}
.font-large{
    font-size: 20px !important;
}
.font-very-large{
    font-size: 25px !important;
}


.pdate{
    position: relative;
}
.pdate::after{
    display: block;
    content: 'date_range';
    position: absolute;
    left: 3px;
    top:50%;
    width: 10px;
    height: 10px;
}
.bold{
    font-weight: bold;
}
.cursor-pointer{
    cursor: pointer !important;
}
::placeholder,
::-webkit-input-placeholder {
    font-size: 13px;
}
.rounded{
    border-radius: 5px;
}
#result_search_menu{
    background: #2c323f;
    display: block;
    height: 300px;
    overflow-y: scroll;
    width: 100%;
    padding: 15px;
}
#result_search_menu li{
    line-height: 2;
    list-style: none;
}
#result_search_menu li a{
    font-family: inherit;
    padding: 5px 14px;
    color: #fff;
    font-size: 14px;
}
#page-header-search-input{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: 'iranyekan';
}
[type="checkbox"].filled-in:checked + span:not(.lever):before{
    top: 4px;
    right: -2px;
    width: 13px;
    height: 8px;
    -webkit-transform: rotateZ(
            -37deg
    );
    -ms-transform: rotate(-37deg);
    transform: rotateZ(
            -47deg
    );
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}
.box-shadow{
    box-shadow: 0 0 7px 0px rgb(140 139 139);
}
/*چشمک زن*/
.blink {
    animation: blinkfullkade 1s linear infinite;
}
.no-break{
    white-space: nowrap!important;
}
@keyframes blinkfullkade {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}
.text-center{
    text-align: center !important;
}
.text-right{
    text-align: right !important;
}
.text-left{
    text-align: left !important;
}
.multiline{
    inline-size: 200px;
    /*max-width: 300px;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hidden{
    visibility: hidden;
}
/********************
    Responsive
*******************/
@media only screen and (max-width: 560px){
    .mobile-hidden{
        display: none!important;
    }
}

@media only screen and (max-width: 780px){

}
.chip {
    display: flex;
    align-items: center;
    padding: 0 5px;
    font-size: 14px;
    border-radius: 10px;
    background-color: #e4e4e4;
    direction: rtl;
    white-space: nowrap
}
.dark-mode .chip{
    background-color: #0b2c3c;
}
.chip img {
    float: right;
    margin: 0px -5px 0px 5px;
    height: 35px;
    width: 35px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.closebtn {
    padding-right: 10px;
    color: #000;
    font-weight: bold;
    float: left;
    font-size: 17px;
    cursor: pointer;
}
.closebtn:hover {
    color: #000;
}
.table td{
    font-size: 13px !important;
    /*font-family: 'iranyekan';*/
}
.table td a,
.table td span{
    font-family: 'iranyekan';
}
.iranyekan{
    font-family: 'iranyekan' !important;
}
.flex{
    display: flex !important;
}
.select2-results__option {
    border-bottom: dashed 1px #ddd;
}
.content-middle,.content-middle-v{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content-middle-h{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.content-bottom{
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.display-block{
    display: block!important;
}




/*********** Them Element Style For Mohammad.Shoja - 09353501323 ************/
div.dataTables_wrapper div.dataTables_length select,
div.dataTables_wrapper div.dataTables_filter input{
    width: 165px!important;
    margin-left: 0!important;
}
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label{
    font-weight: bold !important;
    text-align: right !important;
    white-space: nowrap;
    font-size: 14px;
    font-family: 'iranyekan';
    margin-bottom: 10px;
}
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter{
    text-align: left!important;
}
.jdp-container{
    z-index: 99999 !important;
}
.rotate45-{
    transform: rotate(-45deg);
}
.rotate90-{
    transform: rotate(-90deg);
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single{
    box-shadow: none!important;
}
.select2-results__options{
    font-size: 14px;
}
.select2-container .select2-dropdown .select2-search__field:focus{
    box-shadow: none!important;
    border-color: #bdbdbd;
    max-width: 100%!important;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    font-size: 14px!important;
}
span.form-control-alt{
    border: none!important;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    margin: 0 5px;
}

.swal2-close:focus{
    box-shadow: none!important;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: right!important;
}
#breadcrumb-icon{
    font-size: 0.87em;
    /*vertical-align: middle;*/
}
@media (min-width: 1200px){
    .timeline-event-left .timeline-event-block{
        margin-right: auto !important;
    }
    .timeline-event-right .timeline-event-block{
        margin-right: 0 !important;
    }
    .timeline-event-right .timeline-event-icon::before{
        left: auto!important;
        right: -0.625rem!important;
        border-left: 0.625rem solid #fff !important;
        border-right: none!important;
    }
    .dark-mode .timeline-event-right .timeline-event-icon::before{
        border-left-color: #2c323f!important;
    }
}
.timeline-event-left .timeline-event-time{
    right: 39% !important;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 0 5px 5px 0;
}
.timeline-event-right .timeline-event-time{
    left: 37% !important;
}
.timeline-event-left .timeline-event-icon::before{
    left: -0.625rem !important;
    right: auto;
    border-left: none!important;
    border-right: 0.625rem solid #fff;
}
.dark-mode .timeline-event-left .timeline-event-icon::before{
    border-right-color: #2c323f;
}
.hide{
    visibility: hidden!important;
}
.flex-direction-column{
    display: flex!important;
    flex-direction: column;
}
.dark-mode .bg-gray-lighter,
.dark-mode .bg-gray{
    background: #2d3138 !important;
}

.dark-mode .bg-white{
    background: #424856 !important;
}
.shadow-md{
    box-shadow: 0 0 3rem 0px rgb(0 0 0 / 9%) !important;
}
.font-normal{
    font-weight: normal!important;
}
.direction-ltr{
    direction: ltr !important;
}
.direction-rtl{
    direction: rtl !important;
}