/*@import url('all.css');*/

@font-face {
    font-family: 'vazir';
    src: url(../font/Vazir-Regular.woff);
}

.login-form-container {
    margin: auto;

}


button {
    border: none;
    background: none;
}


.bg-gradient {
    background: rgb(36, 25, 227);
    background: linear-gradient(90deg, rgba(36, 25, 227, 1) 27%, rgba(82, 82, 247, 1) 54%, rgba(0, 212, 255, 1) 100%);
}

input {
    border: 0;
}

* {
    text-align: right;
    font-family: vazir;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('./../font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('./../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('./../font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('./../font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('./../font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

a, a:link, a:hover {
    text-decoration: none;

}

ul {
    list-style-type: none;
}

li {
    /*display: inline-block;*/
}


body {
    /*margin: 0px;*/
    /*background: #d6d8dc;*/
    font-family: vazir;
    background-color: #ffffff;
    /*background-color: #e7e7e7;*/
    width: 100%;
    height: 100%;
    margin: auto auto;
}

.navigationBar {
    background: #2d2d2e;
    width: 100%;
    height: 40px;
    display: block;
}

.navigationBar .wrapper {
    width: 920px;
    margin: auto;
    font-size: 12px;

}

.navigationBar .wrapper > ul {
    margin: 0px;
    padding: 0px;

}

.navigationBarMenu {
    color: #fff;
    float: left;
    padding: 9px 15px;
    border-top: 2px solid #2d2d2e;
    list-style-type: none;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;

}

.navigationBarMenu:hover {
    color: #5ccdde;
    border-top: 2px solid #5ccdde;

}

.navigationBarMenu > a {
    color: inherit;
}

.header .wrapper {
    width: 920px;
    margin: auto;
}

.header .wrapper .social {
    height: 20px;
    margin: 10px 0;
    float: left;
    position: relative;

}

.social > a {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.social > a .fa {
    font-family: FontAwesome;
    font-size: 20px;
}

.mainCategoryMenu {
    width: 239px;
    float: right;
    text-align: center;
}


.mainCategoryMenu > ul > li {
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    height: 131px;

}

.mainCategoryMenu > ul > li > a {
    background: #5ac9da url("../images/catBox_blue.png") top right no-repeat;
    border: 1px solid #50b6c5;
    margin-bottom: 3px;
    display: block;
    text-align: center;
    padding: 12px;
    font-size: 15px;
    padding-right: 50px;
    height: 80%;
}


.input {
    background: #ffffff;
    margin: 5px 0;
    border: 1px solid #acacac;
    width: 100%;
    height: 36px;
    border-radius: 5px;
    padding: 0 5px;
    outline: none;
    display: block;
}

.login-form-wrapper {
    width: 100%;
    height: 100%;
    margin: auto auto;
    display: inline-block;
}

.login-form {
    width: 100%;
    height: 100%;
    /*margin: 23% 20px;*/

    padding: 20px;
    background: #ffffff;
    /*box-shadow: 0px 0px 12px rgba(137, 137, 137, 0.44);*/
}

.login-form-p {
    margin: 0;
    direction: rtl;
    color: #323232;
}

.login-form-button {
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    margin: 5px 0;
    background: #aedbf8;
    color: #393939;
    border: none;
    width: 100%;
    height: 36px;
    font-family: vazir;
}

.login-form-button:hover {

    background: #e2e8f0;
    cursor: pointer;

}

.header-menu-wrapper {

    width: 1345px;
    margin: 0 auto;
}

.header-container {
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0.99) 0px, transparent) !important;*/

    background-color: white !important;
    padding: 15px 0px 15px;

}

.header-menu-wrapper > ul {
    display: inline-block;
    margin: 10px 0;
}

.header-menu-wrapper > div > ul > li {
    display: inline-block;
    padding: 0 15px;
}

.nav-link, .login-controller > a {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    transition: all .2s ease-in-out;;
    font-size: 18px;
    /*font-weight: bold;*/

}


.nav-link:hover, .login-controller > a:hover {
    color: #75addc !important;
}

.tab-link {
    display: inline-block;
    color: #323232;
    padding: 5px 10px;
    transition: all .2s ease-in-out;;
    font-size: 18px;
    border: 1px solid transparent;
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;

}

.tab-link.active {
    /*color: #75addc !important;*/
    border-color: #dee2e6 #dee2e6 #fff;
    border-top-color: rgb(222, 226, 230);
    border-right-color: rgb(222, 226, 230);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(222, 226, 230);
}


.login-controller {
    /*display: inline-block !important;*/
    /*float: left;*/
    padding-left: 30px;
    font-size: 15px;
    margin: 10px 0;
    /*font-weight: bold;*/
}

/*.login-controller > a {*/
/*    display: inline-block;*/
/*    color: #717171;*/
/*    !*text-decoration: none;*!*/
/*}*/

.login-controller > a:hover {
    /*display: inline-block;*/
    text-decoration: none;
    color: #75addc;
}

.login-controller > form {
    display: inline-block;
}

.login-controller > p {
    display: inline-block;
    color: #c6c9cc;
}

.login-controller > form > a {
    color: #ac0000;

}

.login-controller > form > a:hover {
    text-decoration: none;
    color: #e28787;

}

.main-wrapper {
    width: 1345px;
    margin: auto;
}

.post-desc {
    color: #bbbfc3;
    padding-top: 20px;
    padding-bottom: 20px;
}

.post-content a {
    color: white;
}

.post-content a:hover {
    text-decoration: none;
    color: #718096;
}

span {
    color: black;
}

.post-spoil {
    color: #bbbfc3;
    background-color: #1b1e21;
    font-size: 13px;
}

.post-layout {
    background-color: #23232b;
    padding: 20px;
}

.admin-body {
    background-color: #efefef;

}

.admin-header-container {
    width: 100%;
    height: 50px;
}

.admin-header-wrapper {
    width: 100%;
    height: 50px;
    margin: auto;
    background-color: #2e3134;

    box-shadow: 0px 0px 12px rgba(45, 45, 45, 0.44);
    /*box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%),*/
    /*0 0.9375rem 1.40625rem rgb(4 9 20 / 3%),*/
    /*0 0.25rem 0.53125rem rgb(4 9 20 / 5%),*/
    /*0 0.125rem 0.1875rem rgb(4 9 20 / 3%);*/

}

.admin-sidebar {
    background-color: #2e3134;
    padding: 0;
    margin: 0;
}

.admin-sidebar ul {
    margin: 0;
    padding: 0;
}

.admin-sidebar li {
    display: block;
    text-align: center;
    /*padding: 10px 20px;*/
}

.admin-sidebar li > a {
    display: block;
    text-align: center;
    padding: 10px 20px;
    color: white;
}

.admin-sidebar li > a:hover {
    background-color: #1a1d1f;
    color: #5b99cd;
}


.padding-10px {
    padding: 10px;
}

.padding-15px {
    padding: 15px !important;
}

.padding-0px {
    padding: 0;
}

.margin-0px {
    margin: 0;
}

@font-face {
    font-family: 'vazir';
    src: url(../font/Vazir-Regular.woff);
}

.tab-container {
    width: 100%;
    background-color: white;
}

.tab-navbar {
    /*width: 750px;*/
    margin: auto;
}

.tab-navbar > ul {
    padding: 0;
}

.tab {
    margin: auto;
    list-style: none;

}

.tab > li {
    display: inline;
    padding: 0;
}

.tab > li > button {
    width: 100%;
    text-align: center;
}

.tablinks {
    color: #909090;
    background-color: white;
    padding: 10px;
    border: 0;
    margin: 0;
    outline: none;
    /*border-bottom: 3px solid #92c5ef;*/
}

.tablinks:hover {
    color: #1d2124;
}

.tab-navbar > ul > li > button.active {
    color: #1d2124;
    /*border-bottom: 3px solid #1872bd;*/

}

.image-preview {
    /*width: 100%;*/
    /*height: 300px;*/
    border: 2px solid #dddddd;
    /*margin-top: 15px;*/


    display: flex;
    align-content: center;
    justify-content: center;
    font-weight: bold;
    color: #cccccc;
    align-items: center;
}

.image-preview > input {
    display: none;
}

.image-preview__logo-image {
    display: block;
    width: 100%;
}

.image-preview__default-text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-file-lable {
    width: 100%;
    margin: 0;
    background-color: #92c5ef;
    color: white;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.input-file-lable:hover {
    background-color: #1872bd;

}

.custom-file > input[type="file"], .custom-input[type="file"] {
    display: none;
}

.main-form-wrapper {
    margin-top: 25px;
}

.input-height {
    height: 100px !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgb(52 144 220 / 25%);
}

.image-preview__image {
    display: none;
    width: 100%;
}

.margin-15px {
    margin: 15px auto;
}

.formButtonNavigation {
    direction: ltr;
}

.margin-leftAndRight-10px {
    margin-left: 10px;
    margin-right: 10px;
}

.custom-input {
    width: 100%;
    border: 0;
    border-bottom: 2px solid rgba(2, 119, 189, 0.1);
    padding: 5px 10px;
}

.custom-input:focus {

    border: 0;
    border-bottom: 2px solid #92c5ef;
    outline: none;
    background: #fcfcfc !important;
    /*background-color: #718096;*/
}

.custom-border {
    border: 2px solid #92c5ef;

}

.custom-input-invalid {
    border-bottom: 2px solid #ee4343;
}

.custom-input-valid {

    border-bottom: 2px solid #51cd23;
}

.b-radius {
    border-radius: 50px;
}

.logo-aside {
    padding: 0;
    border: 1px solid #eeeeee;

}

.card-top-bar {
    display: flex;
    justify-content: center;
    /*background-color: #263f4e;*/
    background-color: #1b4b72;
    color: white;
}

.card-image {
    width: 100%;
    height: 350px;

}

.fund-width {
    box-sizing: content-box;
    width: 350px;
    margin: 0 13px 35px;
    padding: 0;
    transition: border-color 0.5s ease;
}

/*.fund-width:hover {*/

/*    border: 1px solid black;*/
/*    transition: border-color 0.3s ease;*/

/*}*/

.card_info {

    /*border: 1px solid #eee;*/
    /*border-top: 0px;*/
    /*height: 145px;*/
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    /*padding-bottom: 10px;*/
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: border-color 0.5s ease;
}


.tagline {
    color: #4A4A4A;
    font-size: .875em;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.desc {
    font-size: .8rem;
    max-height: 140px;
    overflow: hidden;
}

.desc-text {
    color: rgba(74, 74, 74, 0.75);
    font-size: 1.05em;
    padding-left: 20px;
    text-align: right;
}

.margin-auto {
    margin: auto;

}

.center-content {
    min-height: 100vh;
    justify-content: center;
    display: flex;
}

.b-radius-left {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

.login-form-2 {
    /*width: 500px;*/
    /*height: 100%;*/
    /*margin: 34% 20px;*/
    padding: 20px;
    /*box-shadow: 0px 0px 12px rgba(137, 137, 137, 0.44);*/
}

.modal .close {
    /*padding: 1rem 1rem;*/
    margin: -1rem -1rem -1rem;
}

.margin-top-35px {
    margin-top: 35px;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}


.input-group > .custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.custom-file-label2 {
    width: 100%;
    padding: .375rem .75rem;
    /*border: 1px solid #eeeeee;*/
    border: 1px solid rgba(2, 119, 189, 0.1);
    margin: 0 auto;
}

.custom-file-label2:after {

    content: 'Browse';
    float: left;
    left: 0;
    color: #ffffff;
    /*padding: 0;*/
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    /*background-color: #ebedef;*/
    background-color: #92c5ef;
    height: calc(1.6em + 0.75rem);
    border-left: inherit;
}

.bg-green {
    background-color: #318e2b !important;
}

.bg-lightgreen {
    background-color: #4a9a45 !important;
}


.login-controller > .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    /*/ / remove the gap so it doesn 't close*/
}

.c-avatar {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50em;
    width: 36px;
    height: 36px;
    font-size: 14.4px;
}

.c-avatar-img {
    /*width: 100%;*/
    width: 46px;
    height: 46px;
    /*height: auto;*/
    border-radius: 50em;
}

.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size) {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}


.user-aside {
    background-color: #3c4b64
}

.user-aside .nav-link {
    display: flex;
    align-items: center;
    color: white !important;
    border-radius: 0;
    font-size: 1.9rem;

    padding: 10px;
}

.user-aside .nav-link:hover {
    background-color: #3490dc;
}

.user-aside .nav-link.active {
    background: rgba(255, 255, 255, .05);

}

.object-cover {
    object-fit: cover;
}

/*.action-link{*/
/*    !*color: purple;*!*/
/*}*/

.action-link:hover {
    color: #1b9e3e;
}

.padding-top {
    padding-top: 65px;
}


::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #d6dfff;
}

::-webkit-scrollbar-thumb {
    background-color: #465281;
    border-radius: 50px;
}

/*.sticky {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    background-color: white;*/
/*}*/

.footer-wrapper {
    margin-top: 65px;
}

.footer-social-link {
    margin-top: 30px;
}

.footer-social-link > li {
    display: inline-block;
}

.footer-social-link li a i {
    height: 40px;
    width: 40px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    transition: all 0.3s ease-in-out;
    background: #6d14ae;
    display: block;
}

.about_text {
    margin-bottom: 35px;
    font-size: 1.1275rem;
    color: black;
    text-align: center;
}

.copyright {
    padding: 26px 0;
    color: black;
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 1.1775rem;
}

.widget-title {
    font-size: 27px;
    margin-bottom: 34px;
    color: #2881cb;
}

.site-footer {
    background: url("../images/footer-bg.jpg") bottom center no-repeat;
    background-size: cover;
}

.site-footer .widget ul li a {
    color: #000000;
}

/*#menu-support{*/
/*    padding-right: 0;*/
/*}*/
.site-footer .widget ul.menu li:not(:last-child) {
    margin-bottom: 14px;
    text-align: right;
}

.site-footer .widget ul {
    padding-right: 0;
}

.site-footer .widget ul.menu li a {
    color: #fff;
    font-size: 1.1375rem;
}

.site-footer .widget ul.menu li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: #fff;
    transition: all 0.3s ease-in-out;
}


.site-footer .widget ul.menu li a:hover {
    color: #1b4993;
}

.site-footer .widget ul.menu li a:after {
    background: #1b4993;
}

/*.site-footer .widget ul.menu li a:hover:after {*/
/*    width: 100%;*/
/*}*/
@media (max-width: 576px) {
    .w-sm-100{
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .sticky-side-bar {
        position: sticky !important;
    }

    .login-page {
        width: 35% !important;
    }

    .register-page {
        width: 50% !important;
    }

}

.register-page {
    width: 100%;
}

.login-page {
    width: 100%;
}

.table th, .table td {
    text-align: center;
    vertical-align: middle !important;
}

.bottom-left {
    position: absolute;
    top: 220px;
    left: 16px;
}

.top-left {
    position: absolute;
    top: 0;
    left: 0;
}

.bottom-right {
    position: absolute;
    top: 250px;
    right: 16px;
}

.transition-in-out {
    transition: all 300ms ease-in-out 0s;
}


/* style of new theme */

@font-face {
    font-family: 'moraba';
    src: url("../font/Morabba-Regular.woff");
}

h1, h2, h3, h4, h5, h6 {
    font-family: "moraba";
}

body {
    font-family: "moraba" !important;
}

button {
    font-family: "moraba" !important;

}

/* Header */
.header {
    padding: 20px 0;
    color: #fff !important;
}

@media (max-width: 992px) {
    .header {
        padding: 20px 0;
    }
}

a {
    text-decoration: none;
}

.hover-glow {
    transition: all 0.5s;
}

.hover-glow:hover {
    transform: scale(1.1);
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-brand {
    color: #eeeeee;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-brand:hover {
    color: #269e86;
}

a {
    font-family: 'moraba';
}

.header-scrolled {
    background: url("./../images/intro.jpg") top center no-repeat;
    background-size: auto;
    box-shadow: 0px 2px 20px rgb(1 41 112 / 10%);
}

.header-transition {
    transition: all 0.5s;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(300%);
    }
    100% {
        transform: translateX(0);
    }
}

.transition-ease {
    animation: 1s ease-in-out 0s 1 slideInFromLeft;
}


@keyframes bannerLogoFrame {
    0% {
        transform: translateX(-300%);
    }
    100% {
        transform: translateX(0);
    }
}

.banner-transition {
    animation: 1s ease-in-out 0s 1 bannerLogoFrame;
}


.modal {

    z-index: 1030 !important;
    background-color: rgba(177, 176, 176, 0.51);
}

.modal-backdrop {
    /*z-index: 1029 !important;*/
    display: none;
}

.intro {
    width: 100%;
    /*height: 100vh;*/
    /*background: url("./../images/intro.png") top center no-repeat;*/
    /*background-image: linear-gradient(to bottom, #28416e, #253e67, #223b61, #20375a, #1e3454);*/
    background-image: linear-gradient(to right top, #28416e, #253e67, #223b61, #20375a, #1e3454);
    background-size: cover;
}
.zotch-intro{
    width: 100%;
    background: url("./../images/zotch-intro.png") top center no-repeat;
}

.gradient-bg {
    background-image: linear-gradient(
        140deg, #216f5f -50%, #17212d 50%, #0b527c 150%);
}

.more-question {
    text-decoration: none;
    color: #269e86;

}

.more-question:hover {
    color: white;

}

.card-border {
    border-radius: 50px 50px 0px 50px;
    padding: 0;
    margin: 25px 25px;
}

.card-bg {
    background-color: #269e86;

}

.card-footer-bg {
    background-image: linear-gradient(90deg, #17212d 50%, #282f38 108%);
}

.card-footer-bg.status {
    height: 115px;
    max-height: 115px;
}

.sidebar {
    width: 250px;
    position: fixed;
    background-color: white;
    height: 100vh;
    transition: all 0.3s ease-out;
    z-index: 1;
}

.sidebar.inactive {
    margin-right: -250px;
}

.main {
    background-color: #f2f7ff;
    transition: all 0.3s ease-out;
}

.main.active {
    margin-right: 0;
}

@media (min-width: 992px) {
    .main {
        margin-right: 250px;
        z-index: auto;
    }

}

@media (max-width: 992px) {


}

#toggleSidebar {
    border: none;
    margin-right: 10px;
    margin-top: 10px;
    color: #c8c8c8;
    background: none;
}


.sidebar .sidebar-item {
    margin-top: 0.5rem;

}


.sidebar .sidebar-item .sidebar-link {
    text-decoration: none;
    color: #25396f;
    display: flex;
    padding: 0.7rem 1rem;
    align-items: center;
    transition: all 0.5s;
    border-radius: 0.5rem;
}

.sidebar .sidebar-item.active .sidebar-link {
    background-color: #435ebe;
    color: #fff;
}

.sidebar .sidebar-item.active .sidebar-link i {
    color: #fff;
}

.sidebar .sidebar-item .sidebar-link {
    cursor: pointer;
}

.sidebar .sidebar-item .sidebar-link i {
    color: #7c8db5;
}

.sidebar .sidebar-item.active .sidebar-link:hover, .sidebar .sidebar-item.active .sidebar-link:hover i {
    background-color: #435ebe;
}

.sidebar .sidebar-item .sidebar-link:hover {
    background-color: #f0f1f5;
}


.sidebar .sidebar-submenu {
    list-style: none;

}

.sidebar .sidebar-submenu .sidebar-submenu-item .sidebar-submenu-link {
    padding: 0.7rem 1rem;
    display: block;
    color: #25396f;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.5s;
}

.sidebar .sidebar-submenu .sidebar-submenu-item {
}

.sidebar .sidebar-submenu .sidebar-submenu-item .active {
    background-color: #435ebe;
    border-radius: 15px;
    color: white;
}
.sidebar-submenu{
    padding-left: 10px;
    padding-right: 10px;
}

.sidebar .sidebar-submenu .sidebar-submenu-item .sidebar-submenu-link:hover {
    margin-right: 0.3rem;
}

.sidebar .sidebar-submenu {
    max-height: 0;
    overflow-y: hidden;
    transition: max-height 0.5s ease-in-out;
}

.sidebar .sidebar-item-dropdown.show {
    background-color: #e6e7ea;
    transition: background 0.5s ease-out;
    border-radius: 0.5rem;
}

.sidebar .sidebar-item-dropdown.show .sidebar-submenu {
    max-height: 1500px;
}

.h-100vh {
    height: 100vh;
}

.state-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card.state {
    border-radius: 1.5rem;
}

.social-link {
    color: white;
    padding: 0.4rem 0.3rem;
}

.btn-linkedin {
    background-color: #25396f;
}

.btn-twitter {
    background-color: #0d86ff;
}

.btn-instagram {
    background-color: palevioletred;
}

.status-header {
    position: absolute;
    top: 204px;
}

@media (max-width: 768px) {
    .status-header {
        top: 206px;
    }
}

.card-footer-bg table td {
    border: none;
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}


.flip-container {
    perspective: 1000px;
}

.flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
    width: 800px;
    height: 100vh;
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front,
.back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    z-index: 2;
    transform: rotateY(0deg);
}

.back {
    transform: rotateY(180deg);
}

.dropdown-menu {
    text-align: start;
}

.bd-example > .nav-tabs {
    border-bottom: 0;
}

.bd-example > .nav {
    padding: 0;
}

.vazir {
    font-family: 'vazir' !important;
}

.pointer-cursor {
    cursor: pointer;
}


nav > .nav-link {
    color: #1a1d1f !important;
}

nav > .nav-link.active {

    color: white !important;
}

/* steper */
span.stepper__list__title {
    color: inherit;
}

.stepper-wrapper {
    margin: 15px auto;
    background: #fff;
    border: 1px solid #dad0ca;
    border-radius: 3px;
}

@media (min-width: 48em) {
    .wrapper {
        max-width: 1500px;
    }
}

.stepper {
    padding: 10px;
    font-size: 13px;
}

@media (min-width: 48em) {
    .stepper {
        padding: 20px;
    }
}

.stepper__list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media (min-width: 48em) {
    .stepper__list {
        display: flex;
        justify-content: space-between;
    }
}

.stepper__list__item {
    padding: 3px 5px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
}

@media (min-width: 48em) {
    .stepper__list__item {
        padding: 10px;
        flex-direction: column;
        flex: 1;
    }
}

.stepper__list__item:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
}

@media (min-width: 48em) {
    .stepper__list__item:after {
        width: calc(100% - 100px);
        top: 28%;
        right: calc(50% + 50px);
        border-top: 2px dotted #E2DFDA;
    }
}

.stepper__list__item--done {
    color: #178A00 !important;
    transition: all 0.1s;
}

@media (min-width: 48em) {
    .stepper__list__item--done:after {
        border-top-style: solid;
        border-top-width: 1px;
    }
}

.stepper__list__item--done:hover, .stepper__list__item--done:focus {
    text-decoration: underline;
    cursor: pointer;
}

.stepper__list__item--current {
    color: #006DFF !important;
}

.stepper__list__item--current:last-of-type:after, .stepper__list__item--current:only-of-type:after {
    height: 30%;
}

.stepper__list__item:last-of-type:after {
    display: none;
}

.stepper__list__item--pending {
    color: #807370 !important;
}

.stepper__list__item--pending:after {
    height: 30%;
}

.stepper__list__title {
    margin: 1px 0 0;
}

@media (min-width: 48em) {
    .stepper__list__title {
        margin: 0;
    }
}

.stepper__list__icon {
    margin: 0 10px 0 0;
    height: 2em;
    width: 2em;
}

@media (min-width: 48em) {
    .stepper__list__icon {
        margin: 0 0 15px;
    }
}

.stepper__list__icon path {
    fill: currentColor;
}

.stepper__list__icon ellipse,
.stepper__list__icon circle {
    stroke: currentColor;
}

/* ckeditor */
.ck-editor__editable_inline {
    min-height: 400px;
    width: 100%;
}


.accordion-button:after {
    margin-left: 0;
    margin-right: auto;
}

[x-cloak] {
    display: none !important;
}

.custom-tabs {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;


}

.custom-tab-item {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0.75rem;
    padding: 1.750rem 0.750rem;
    background-color: white;
    /*box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;*/
    cursor: pointer;
    border-radius: 25px;
    border: 2px solid white;
}

.custom-tab-item > .fa {
    color: #435ebe;
}

.custom-tab-item:hover {
    border: 2px solid #435ebe;

}

.custom-tab-item.active {
    border: 2px solid #435ebe;

}

.accordion-button.h4 {
    font-size: 1.35rem;
}


.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.float:hover{
    color: white;
    background-color: #47e280;
}

.my-float{
    margin-top:16px;
}



.chips{

    color: #555555;
    font-size: 14px;
    padding: 4px 8px;
    margin: 0 6px 8px 0;
    border: 1px solid #d5d5d5;
    display: inline-block;
    transition: 0.3s;
    border-radius: 50px;
}

.chips:hover{
    color: #fff;
    border: 1px solid var(--bs-cyan);
    background: var(--bs-cyan);
}
.input-group-append {
    position: absolute;
    left: 0;
    top: 0;
}