@import "reset.css";
@import "../webfonts/font.css";
body{
    font-family: 'iransans','mulish',sans-serif;
    background-color: #323232;
    color: #FFFFFF;
    direction: rtl;
    text-align: right;
    line-height: 27px;
    word-break: break-word;
    overflow-wrap: break-word;
    cursor:url("../images/template/cursor.png"), auto;
    background-image: url("../images/template/wallpaper-rj.png");
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}
body *{
    font-family: 'iransans','mulish',sans-serif;
}
body::-webkit-scrollbar {
    width: 7px;
}
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
}
body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 15px;
    outline: 1px solid slategrey;
}
body *::selection {
    background-color: rgba(0,0,0,.8);
    color: #FFC000;
}
body *::-moz-selection {
    background-color: rgba(0,0,0,.8);
    color: #FFC000;
}
a,button{
    text-decoration: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
}
.btn:focus,.btn:active:focus,button:focus,.btn-close,.btn-close:active,.btn-close:active:focus,.form-control,.form-control:focus{
    box-shadow: none!important;
}

/* header */
.site-navbar {
    margin-bottom: 0;
    z-index: 1999;
    position: relative;
    top: 0;
    width: 100%;
    padding: 1rem;
    background: rgba(0,0,0,.9);
}
.site-navbar .toggle-button {
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 30px;
}
.site-navbar .site-logo {
    margin: 0;
    padding: 0;
    font-size: 1.7rem;
}
.site-navbar .site-logo a {
    color: #FFFFFF;
    text-transform: lowercase;
}
@media (max-width: 991.98px) {
    .site-navbar .site-logo {
        float: left;
        position: relative;
    }
}
.site-navbar .site-navigation.border-bottom {
    border-bottom: 1px solid white !important;
}
.site-navbar .site-navigation .site-menu {
    margin: 0;
    padding: 0;
    margin-bottom: 0;
}
.site-navbar .site-navigation .site-menu .active {
    color: #FFFFFF !important;
}
.site-navbar .site-navigation .site-menu a {
    text-decoration: none !important;
    display: inline-block;
}
.site-navbar .site-navigation .site-menu > li {
    display: inline-block;
}
.site-navbar .site-navigation .site-menu > li > a {
    margin-left: 15px;
    margin-right: 15px;
    padding: 20px 0px;
    color: #b1b1b1 !important;
    display: inline-block;
    text-decoration: none !important;
}
.site-navbar .site-navigation .site-menu > li > a:hover {
    color: #FFFFFF;
}
.site-navbar .site-navigation .site-menu > li.active > a {
    color: #FFFFFF !important;
}
.site-navbar .site-navigation .site-menu .has-children {
    position: relative; }
.site-navbar .site-navigation .site-menu .has-children > a {
    position: relative;
    padding-right: 20px; }
.site-navbar .site-navigation .site-menu .has-children > a:before {
    position: absolute;
    content: "\e313";
    font-size: 16px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    border-top: 2px solid #FFFFFF;
    -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    padding: 0px 0;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
    position: absolute; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    display: none;
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
    text-transform: none;
    letter-spacing: normal;
    -webkit-transition: 0s all;
    -o-transition: 0s all;
    transition: 0s all;
    color: #000 !important; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
    color: #FFFFFF !important;
    background: #f8f9fa; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
    padding: 9px 20px;
    display: block; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
    background: #f8f9fa;
    color: #ced4da; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
    content: "\e315";
    right: 20px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
    left: 100%;
    top: 0; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
    background: #f8f9fa;
    color: #ced4da; }
.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
    color: #FFFFFF; }
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
    cursor: pointer; }
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    margin-top: 0px;
    visibility: visible;
    opacity: 1; }

.site-mobile-menu {
    width: 300px;
    position: fixed;
    right: 0;
    z-index: 2000;
    padding-top: 20px;
    background: rgba(0,0,0,.97);
    height: calc(100vh);
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: right;
    margin-top: 8px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
    color: #ced4da; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
    display: inline-block;
    text-transform: uppercase; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
    max-width: 70px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
    text-decoration: none; }
.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
.site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
.site-mobile-menu .site-nav-wrap a {
    padding: 10px 20px;
    display: block;
    position: relative;
    color: #b1b1b1; }
.site-mobile-menu .site-nav-wrap a:hover {
    color: #FFFFFF; }
.site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block; }
.site-mobile-menu .site-nav-wrap li .nav-link.active {
    color: #FFFFFF; }
.site-mobile-menu .site-nav-wrap li.active > a {
    color: #FFFFFF; }
.site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%; }
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
    background: #f8f9fa; }
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 12px;
    z-index: 20;
    font-family: "icomoon";
    content: "\f078";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.site-mobile-menu .site-nav-wrap > li {
    display: block;
    position: relative;
    float: left;
    width: 100%; }
.site-mobile-menu .site-nav-wrap > li > a {
    padding-left: 20px;
    font-size: 20px; }
.site-mobile-menu .site-nav-wrap > li > ul {
    padding: 0;
    margin: 0;
    list-style: none; }
.site-mobile-menu .site-nav-wrap > li > ul > li {
    display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > a {
    padding-left: 40px;
    font-size: 16px; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
    padding: 0;
    margin: 0; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
    display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
    font-size: 16px;
    padding-left: 60px; }
.site-mobile-menu .site-nav-wrap[data-class="social"] {
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 5em; }
.site-mobile-menu .site-nav-wrap[data-class="social"] > li {
    width: auto; }
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
    padding-left: 15px !important; }

.sticky-wrapper {
    position: relative;
    z-index: 100;
    width: 100%;
    position: relative;
    top: 0; }
.sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
.sticky-wrapper .site-navbar {
    background: #fff; }
.sticky-wrapper .site-navbar ul li a {
    color: rgba(0, 0, 0, 0.7) !important; }
.sticky-wrapper .site-navbar ul li a.active {
    color: #000 !important; }
.sticky-wrapper.is-sticky .site-navbar {
    background: #fff;
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2); }
.sticky-wrapper.is-sticky .site-navbar .site-logo a {
    color: #FFFFFF; }
.sticky-wrapper.is-sticky .site-navbar ul li a {
    color: #000 !important; }
.sticky-wrapper.is-sticky .site-navbar ul li a.active {
    color: #FFFFFF !important; }
.sticky-wrapper .shrink {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
@media (max-width: 991.98px) {
    .sticky-wrapper .shrink {
        padding-top: 30px !important;
        padding-bottom: 30px !important; } }



/* accordion */
.accordion{
    background-color: rgba(0,0,0,.3)!important;
    border-radius: .3rem;
}
.accordion-item{
    background-color: rgba(0,0,0,.5)!important;
    border-radius: .3rem;
}
.accordion-item .accordion-button{
    background-color: rgba(0,0,0,.8)!important;
    color: #FFFFFF;
    font-size: 14px;
    padding: .5rem;
}
.accordion-item .accordion-header::before{
    content: "";
}
.accordion-item .accordion-header{
    padding: 0;
    margin: 0;
    border-radius: .3rem;
    font-size: 14px;
}
.accordion .accordion-body{
    font-size: 14px;
    padding: .5rem;
}
.accordion-button:not(.collapsed) {
    color: #FFC000!important;
    background-color: rgba(0,0,0,.8)!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.accordion-button:after{background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c757d'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
.accordion-button:not(.collapsed):after {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
.fa,.far,.fab{vertical-align: -2px!important;}

.tooltip{
    font-family: 'iranyekan','mulish',sans-serif;
    font-size: 12px;
}
.tooltip-inner {
    background: rgba(0, 0, 0, 0.75);
}
.owl-carousel .owl-item img{
    width: auto!important;
}
.owl-carousel .owl-nav{
    text-align: center;
}
.owl-carousel .owl-nav .owl-prev:hover,.owl-carousel .owl-nav .owl-next:hover{
    color: #FFC000;
}

/* change container size */
.container{
    max-width: 1660px;
}

/* swal */
.swal2-container{
    height: auto!important;
    justify-content: flex-start!important;
    font-family: 'iransans','mulish',sans-serif;
}
.swal2-popup{box-shadow: 0 0 .625em #000000!important;}
.swal2-popup,.swal2-header{
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.swal2-container *{
    background: rgba(0,0,0,.8) !important;
    color:#FFFFFF!important;
    font-size:14px!important;
}
.swal2-icon{display: none!important;}
.swal2-content{
    width: 100%;
    padding-right: 1em!important;
}

/* breadcrumb */
.breadcrumb{
    padding: 0;
    margin: 0;
}
.breadcrumb-item a{
    color: #999999;
}
.breadcrumb-item a:hover{
    color: #666666;
}
.breadcrumb-item.active{
    color: #666666;
}
.breadcrumb-item.active::before{
    color: #c1c1c1;
}

/* layout-header */
.layout-header {
    position:relative;
}


/* page */
.content-text{
    color: #FFFFFF;
    line-height: 2.1;
}
.content-text h1{
    color: #fefefe;
    font-size: 25px;
    word-spacing: -3px;
}
.content-text h2,.content-text h3,.content-text h4,.content-text h5,.content-text h6{
    color: #ffc107;
    margin: 20px 0 0 0;
    word-spacing: -2px;
    text-shadow: 1px 1.3px .4px rgba(159, 121, 6, 0.7);
}
.content-text h2::before,.content-text h3::before,.content-text h4::before,.content-text h5::before,.content-text h6::before{
    content: "♦ ";
    color: #ffc107;
}
.content-text h2{
    font-size: 18px;
}
.content-text h3{
    font-size: 17px;
}
.content-text h4{
    font-size: 16px;
}
.content-text h5,.content-text h6{
    font-size: 15px;
}
.content-text p{
    font-size: 16px;
    color: #FFFFFF;
}
.content-text b,.content-text strong{
    font-weight: bold;
}
.content-text pre {
    background: rgba(0,0,0,.5);
    border: 1px solid #FFC000;
    border-left: 5px solid #8a6a00;
    color: #fefefe;
    page-break-inside: avoid;
    font-family: 'mulish',sans-serif!important;
    font-size: 14px;
    line-height: 1.6;
    max-width: 100%;
    overflow: auto;
    padding: 1em .5em;
    display: block;
    word-wrap: break-word;
    direction: ltr;
    text-align: left;
    border-radius: .3rem;
    margin: .5rem 0;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.content-text pre code{font-family: 'mulish',sans-serif!important;}
.content-text a{
    color: #2dceff;
}
.content-text a:hover{
    color: #2298bd;
}
.content-text ul li{
    padding: 10px 35px 10px 5px;
    line-height: 2;
    margin: 5px 0;
}
.content-text ul li span{
    color: #FFC000;
    display: inline-block;
    min-width: 120px;
}
.content-text ul li a{
    color: #ffffff;
}

/* breadcrumb */
.breadcrumb-item a{
    color: #a1a1a1;
}
.breadcrumb-item a:hover{
    color: #eeeeee;
}
.breadcrumb-item.active{
    color: #FFC000;
}

/* form */
.form .form-control.bg-dark-50:focus{
    background-color: rgba(0,0,0,.6);
}
.form-group{
    position: relative;
    padding: 10px 0;
}
.form-group label{
    color: #bbbbbb;
}
.form-group.active label{
    color: #FFC000;
}
.form-group .form-control{
    background: transparent;
    border: 0;
    border-bottom: 1px solid #666666;
    border-radius: 0;
    color: #ffffff;
    padding: 7px 5px;
}
.form-group.active .form-control{
    outline: none!important;
    box-shadow: none!important;
    background: transparent!important;
    border-bottom: 1px solid #FFC000;
}
.form-group select.form-control{
    padding: 7px 3px;
    cursor: pointer;
}
.form-group select.form-control option{
    color: #111111;
}
.form-group textarea.form-control{
    min-height: 100px;
    max-height: 200px;
}

/* layout-footer */
.layout-footer{
    position: relative;
    margin-top: 150px;
}


/* layout-footer */
.layout-footer-waves {
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:15vh;
    margin-bottom:-7px;
    min-height:200px;
    max-height:250px;
    z-index: -1;
}

/* Animation Waves Footer */

.layout-footer-parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.layout-footer-parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.layout-footer-parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.layout-footer-parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.layout-footer-parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }
    100% {
        transform: translate3d(85px,0,0);
    }
}
@media (max-width: 768px) {
    .layout-footer-waves {
        min-height:100px;
        max-height:150px;
    }
}

/* layout-loading */
.layout-loading{
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #ffffff;
    line-height: 3;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99999;
}
.layout-loading.active{
    opacity: 1;
    pointer-events: fill;
}


/* title-default */
.title-default{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    cursor: default;
    padding: .25rem;
    margin: .5rem 0;
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.75);
    border-radius: .25rem;
    width: 100%;
}
.title-default.justify-content-center::before{
    width: 50px;
    right: 50%;
    margin-right: -25px;
}
.title-default span{
    font-size: 16px;
    position: relative;
    font-weight: bold;
    z-index: 2;
    line-height: 2.7;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.title-default a{
    margin-right: auto;
    margin-left: .25rem;
    color: #a1a1a1;
    font-size: 14px;
}
.title-default a:hover{
    color: #323232;
}

/* box-item */
.box-item{
    position: relative;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    color: #FFFFFF;
    border-radius: .25rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.box-item:hover{
    color: #FFC000;
}
.box-owl-img{
    margin: auto;
    max-width: 100%;
    display: block;
    border-radius: .25rem;
    height: 260px;
    object-fit: cover;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;

}
/* box-form */
.box-form{
    width: 100%;
}
.box-form .form-group{
    margin-bottom: 10px;
    width: 100%;
}
.box-form label{
    color: #fdfdfd;
    font-size: 15px;
    margin-bottom: 5px;
    width: 100%;
}
.box-form .form-control,.select2-container--default .select2-selection--single,.box-form .form-check{
    border: 1px solid #474747;
    border-radius: .25rem;
    padding: 7px 15px;
    box-shadow: none;
    font-family: 'iransans','mulish',sans-serif;
    font-size: 15px;

}
.box-form .form-control{
    text-align: center;
}
.box-form textarea{
    min-height: 150px;
    max-height: 400px;
}
.box-form .input-group-text{
    border-radius: .25rem 0 0 .25rem!important;
}
.box-form .form-check{
    display: flex;
    align-items: center;
}
.box-form .form-check-input{
    margin: 0 0 0 5px;
    border-radius: 50%;
    box-shadow: none;
    padding: 7px;
    float: none;
    border-color: #dadada;
}
.box-form .form-check-input:checked {
    background-color: #b8982d;
    border-color: #77621b;
}
.box-form .form-check-label{
    margin: 0;
}
.box-form-confirm{
    position: relative;
    padding: 8px 15px;
    border-radius: .25rem;
    margin: 10px 0;
    background-color: #b8982d;
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: -1px;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border: 0;
}
.box-form-confirm:hover{
    background-color: #77621b;
    border-color: #655318;
    color: #FFFFFF;
}
.box-form-confirm.btn-animation::before{
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    left: 5%;
    width: 90%;
    background-color: rgba(255,255,255,.1);
    transform: skew(-45deg);
    -webkit-transform: skew(-45deg);
    border-radius: 25px;
    pointer-events: none;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.box-form-confirm.btn-animation:hover::before{
    left: 0;
    width: 100%;
    background-color: rgba(255,255,255,.3);
    transform: skew(0);
    -webkit-transform: skew(0);
}
/* Data Table */
.dataTables_wrapper{
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 1rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1);
    margin: 10px 0;

}
.dataTable{
    margin: 1rem 0;
}
.dataTables_wrapper th,.dataTables_wrapper tr,.dataTables_wrapper td{
    text-align: center!important;
    border-color: #EEEEEE!important;
    white-space:nowrap!important;
    vertical-align: middle!important;
    border-bottom-width: 1px!important;
    color: #333333;
    padding: 10px 5px;
}
.dataTables_wrapper th{
    padding-right: 0!important;
    border-bottom-width: 0!important;
}
.dataTables_wrapper .btn , .dataTables_wrapper input , .dataTables_wrapper select{
    box-shadow: none!important;
}
.table-container_processing{
    z-index: 99!important;
}

/* timer jquery */
.timer-jquery{display: flex;}
.timer-jquery.jst-timeout{display: none;}
.timer-jquery .jst-hours{display: none!important;}
.timer-jquery::before{content: "(";}
.timer-jquery::after{content: ")";}

/* profile */
.btn-profile-sidebar{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    border-radius: 3rem 3rem 0 0;
    padding: 1rem;
    background-color: #FFFFFF;
    border: 1px solid #e1e1e1;
    z-index: 999;
    color: #545454;
    font-size: 14px;
    display: flex;
    align-content: center;
    justify-content: center;
    transition: all .4s;
    box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075);
    opacity: 0;
    pointer-events: none;
}
.btn-profile-sidebar.close{
    background-color: #dc3545;
    color: #FFFFFF;
}


/* Bootstrap Developed */
.font-12px{font-size: 12px;}
.font-13px{font-size: 13px;}
.font-14px{font-size: 14px;}
.font-15px{font-size: 15px;}
.font-16px{font-size: 16px;}
.font-17px{font-size: 17px;}
.font-18px{font-size: 18px;}
.font-19px{font-size: 19px;}
.font-20px{font-size: 20px;}
.font-21px{font-size: 21px;}
.font-22px{font-size: 22px;}
.font-25px{font-size: 25px;}
.font-30px{font-size: 30px;}

.w-30px{width: 30px!important;}
.h-30px{height: 30px!important;}
.w-80px{width: 80px!important;}
.h-80px{height: 80px!important;}
.w-120px{width: 120px!important;}
.h-120px{height: 120px!important;}

.border-muted{border-color: #eeeeee!important;}
.font-en{font-family: 'mulish','iransans',sans-serif!important;}

.shadow-hover-lg:hover{box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;}

.text-brand{color: #77621b!important;}
.border-brand{border-color: #77621b!important;}
.border-brand-dark{border-color: #5e4d16 !important;}
.bg-brand{background-color: #77621b!important;}
.bg-brand-dark{background-color: #5e4d16 !important;}
.text-hover-brand:hover{color: #77621b !important;}
.text-hover-brand-dark:hover{color: #5e4d16 !important;}
.border-hover-brand:hover{border-color: #77621b!important;}
.border-hover-brand-dark:hover{background-color: #5e4d16 !important;}
.bg-hover-brand:hover{background-color: #77621b!important;}
.bg-hover-brand-dark:hover{background-color: #5e4d16 !important;}

.text-hover-white:hover{color: #FFFFFF!important;}

.w-150px{width: 150px!important;}
.height-260{height: 260px;}
.height-300{height: 300px;}
.w-50px{width: 50px!important;}
.h-50px{height: 50px!important;}

.dir-ltr{direction: ltr!important;}
.transition-3{transition: all .3s;-webkit-transition: all .3s;}
.text-shadow{text-shadow: 1px 1.3px .4px rgba(255,255,255,.7);}
.border-dashed{border-style: dashed!important;}
.border-muted{border-color: #eeeeee!important;}
.placeholder-white-50::placeholder {color: rgba(255,255,255,.5); opacity: 1;}
.placeholder-white-50::-ms-input-placeholder {color: rgba(255,255,255,.5);}
.after-none:after{display: none!important;}
.object-fit-cover{object-fit: cover;}

.text-hover-success:hover{color: #198754!important;}
.text-hover-danger:hover{color: #dc3545!important;}
.text-hover-primary:hover{color: #0d6efd!important;}
.text-hover-warning:hover{color: #ffc107!important;}
.text-hover-info:hover{color: #0dcaf0!important;}
.text-hover-white:hover{color: #FFFFFF!important;}
.bg-hover-danger:hover{background-color: #dc3545!important;}
.bg-hover-dark:hover{background-color: #212529!important;}
.bg-payping{background-color: #172b4c;}
.filter-shadow{filter: drop-shadow(0 0 0.75rem rgba(0,0,0,.3));-webkit-filter: drop-shadow(0 0 0.75rem rgba(0,0,0,.3));}
.transition-6{-webkit-transition: all .6s;-moz-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.transition-3{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.text-shadow{text-shadow: 0 4px 3px rgba(0, 0, 0, 0.3), 0 8px 13px rgba(0, 0, 0, 0.3), 0 18px 23px rgba(0, 0, 0, 0.3);}
.border-muted{border-color: #eeeeee!important;}
.hover-opacity-8:hover{opacity: .8;}
.hover-shadow-lg:hover{box-shadow: 0 7px 20px -10px #202020!important;}
.letter-space-5{letter-spacing: 5px;}
.cursor-pointer{cursor: pointer;}
.rounded-pill-lg{border-radius: 0 0 20px 45%;}
.shadow-inset{box-shadow: 0 -15px 60px 5px rgba(0,0,0,.1) inset;}
.bg-dark-20{background-color: rgba(0,0,0,.2);}
.bg-dark-50{background-color: rgba(0,0,0,.5);}
.bg-dark-95{background-color: rgba(0,0,0,.95);}
.text-ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.text-justify{text-align: justify;}
.zindex-9{z-index: 9!important;}
.top-10px{top: 10px;}
.end-10px{left: 10px;}
.start-10px{right: 10px;}

.bg-dark-gradient{background: #232526;background: -webkit-linear-gradient(to bottom, #414345, #232526);background: linear-gradient(to bottom, #414345, #232526);}

/* Mobile Responsive */
@media only screen and (min-width:0px) and (max-width:768px){

    /* profile */
    .profile-sidebar{
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background-color: #FFFFFF;
        padding: 1rem;
        transition: all .4s;
        pointer-events: none;
        opacity: 0;
        margin-top: 0!important;
    }
    .profile-sidebar.active{
        pointer-events: fill;
        opacity: 1;
        top: 0;
    }

    .btn-profile-sidebar{
        opacity: 1;
        pointer-events: fill;
    }

    /* title-default */
    .title-default{
        max-width: 100%;
    }
    .title-default span{
        font-size: 14px;
    }

    .content-area h1{
        margin: 30px 0;
        font-size: 25px;
    }
    .rounded-pill-lg{
        border-radius: 0 0 30px 70%;
    }

    /* layout-footer */
    .layout-footer{
        margin-top: 50px;
    }
}