@charset "UTF-8";
@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Medium-FD.eot');
    src: url('../fonts/Vazir-Medium-FD.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Medium-FD.woff2') format('woff2'),
    url('../fonts/Vazir-Medium-FD.woff') format('woff'),
    url('../fonts/Vazir-Medium-FD.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*{
    font-family: Vazir;
}

/*.select2{
    direction: rtl;
}
.select2-results{
    direction: rtl
}*/
[type="tel"], [type="url"], [type="email"], [type="number"] {
    direction: rtl !important;
}



/*font other color*/

.text-primary1 {
    color: #13b300 !important;
}

@media (min-width: 992px){
    .content {
        padding: 123px 0 !important;
    }

}




/*    side link color hover */

/*.menu-state-primary .menu-item.hover > .menu-link:not(.disabled):not(.active), .menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
    transition: color 0.2s ease, background-color 0.2s ease;
    color: #c83be8;
}
.menu-state-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title, .menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
    color: #046dc8;
}
.menu-item.menu-accordion:hover {
    background-color: #f5f8fa;
}



!* arrow 90 deg *!
.menu-item.menu-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
    transform: rotateZ(-90deg) !important;
    transition: transform 0.3s ease !important;
}
.h-35px {
    height: 75px !important;
}*/

/*------------------datepicker-------------------*/
#ui-datepicker-div{

}
.ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all{

}
.ui-datepicker-next btn btn-link{

}
.ui-datepicker-prev btn btn-link{

}
.ui-datepicker-title{

}
.ui-datepicker-month{

}
.ui-datepicker-year{

}
.ui-datepicker-calendar{

}
.ui-datepicker-calendar thead{

}

/*=================[custom color]=================*/

.bg-color1{
    background-color: coral !important;
    border-radius: 10px;
}
.bg-color2{
    background-color: #39a100 !important;
    border-radius: 10px;
}
.bg-color3{
    background-color: #00a766 !important;
    border-radius: 10px;
}
.bg-color4{
    background-color: #315e29 !important;
    border-radius: 10px;
}
.bg-color5{
    background-color: #0053aa !important;
    border-radius: 10px;
}
.bg-color6{
    background-color: #435abb !important;
    border-radius: 10px;
}
.bg-color7{
    background-color: #694ea8 !important;
    border-radius: 10px;
}
.bg-color8{
    background-color: #8f00fa !important;
    border-radius: 10px;
}
.bg-color9{
    background-color: #c700d7 !important;
    border-radius: 10px;
}
.bg-color10{
    background-color: rgba(210, 0, 66, 0.91) !important;
    border-radius: 10px;
}

.navbar-glass {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: hsla(0, 0%, 100%, .8);
    background-image: none;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--fc-gray-600);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 72px;
    right: auto !important;
    padding: 1rem;
    position: fixed;
    left: 0 !important;
    top: 0;
    width: calc(100% - 280px);
    z-index: 1034
}

.navbar-vertical-nav .navbar-vertical {
    background-color: var(--fc-white);
    border-right: 1px dashed var(--fc-gray-300);
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    height: 100%;
    right: 0 !important;
    outline: 0;
    position: fixed;
    top: 0;
    width: 280px;
    z-index: 1200;
}
.offcanvas.offcanvas-start {
    border-right: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
    right: 0 !important;
    top: 0;
    transform: translateX(100%);
    width: var(--fc-offcanvas-width);
}

@media (max-width: 1024px)
{
    .slick-slider .slick-next, .slick-slider .slick-prev {
        right: 60%;
        left: 50px;
    }
    .slick-slider .slick-prev {
        margin-left: -49px;
        margin-top: -38px;
    }
}