@font-face {
    font-family: 'IRANSans';
    font-display: swap;
    src: url('../fonts/eot/IRANSansWeb_Fa.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/woff2/IRANSansWeb_Fa.woff2')           format('woff2'), 
    url('../fonts/woff/IRANSansWeb_Fa.woff')            format('woff'), 
    url('../fonts/ttf/IRANSansWeb_Fa.ttf')             format('truetype');
}
@font-face {
    font-family: 'IRANSans_Bold';
    font-display: swap;
    src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/woff2/IRANSansWeb_Bold.woff2')           format('woff2'), 
    url('../fonts/woff/IRANSansWeb_Bold.woff')            format('woff'), 
    url('../fonts/ttf/IRANSansWeb_Bold.ttf')             format('truetype');
}
@font-face {
    font-family: 'Shabnam';
    font-display: swap;
    src: url('../fonts/eot/Shabnam.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/woff2/Shabnam.woff2')           format('woff2'), 
    url('../fonts/woff/Shabnam.woff')            format('woff'), 
    url('../fonts/ttf/Shabnam.ttf')             format('truetype');
}
:root{
    --firstFont: 'IRANSans';
    --sencodFont: 'Shabnam';
    --mainColor: #009f6a;
    --mainColorHover: #009664;
    --mainBorderColor: #008357;
    --mainLightColor: #d4ffe9;
    --mainGray: #949494;
    --mainGrayHover: #838383;
    --mainTextColor: #4f4f4f;
    --secondColor: #ffb834;
    --secondColorHover: #f0ac2f;
    --defaultBorder: 1px solid #e0e0e0;
}
.text-justify{
    text-align: justify;
}
body{
    background: #f5f5f5;
    color: var(--mainTextColor);
    font-family: var(--sencodFont);
    font-size: 14px;
    padding-bottom: 90px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1280px;
}
.container.overlay:after{
    content: '';
    background-color: #0000004d;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1001;
}
/* movaghati */
.grid-container-fluid.overlay:after{
    content: '';
    background-color: #0000004d;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 102;
}
/* -- */
hr{
    background-color: #bbb;
}
.badge{
    font-weight: normal;
}
.badge.rounded-pill{
    padding: 0.55em .65em 0.2em .65em;
}
a{
    text-decoration: none;
}
img{
    image-rendering: -webkit-optimize-contrast;
}
input:focus-visible, select:focus-visible, textarea:focus-visible{
    outline: 0;
}
.top-dashed{
    width: 100%;
    border-top: 1px dashed #e0e0e0;
}
.form-label{
    margin-bottom: 0.3rem;
}
.form-control{
    font-size: 14px;
}
.form-control:focus{
    border-color: var(--mainColor);
    -webkit-box-shadow: inset 0 0 0 1px var(--mainColor);
    box-shadow: inset 0 0 0 1px var(--mainColor);
}
.form-outline.question{
    position: relative;
}
.form-outline.question i.fa-question-circle{
    position: absolute;
    bottom: 13px;
    left: 15px;
}
.form-outline.question input{
    padding-left: 38px;
}
.form-outline .form-control.form-control-lg{
    font-size: 14px;
    height: 39px;
}
.form-outline .form-control.form-control-lg~.form-label{
    padding-top: 0.5rem;
}
.select2-dropdown{
    border: 1px solid #ced4da;
}
.select2-container{
    font-family: var(--firstFont);
    width: 100% !important;
}
.select2-container .select2-selection--single{
    height: 39px;
}
.select2-container--default .select2-selection--single{
    border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 37px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 37px;
}
.select2-container--default .select2-selection--multiple{
    border: 1px solid #ced4da;
    min-height: 39px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 2px;
    padding-left: 20px;
    background-color: #f0f0f0;
    border: 1px solid #bdbdbd;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    bottom: 0;
    padding: 3px 4px;
}
.select2-container--default .select2-search--inline .select2-search__field{
    padding-top: 8px !important;
    padding-right: 3px;
    font-family: var(--sencodFont);
    margin-top: 0;
    height: 32px;
}
.select2-checkbox-mode .select2-results li{
    position:relative;
    padding-right:30px
}
.select2-checkbox-mode .select2-results li:before {
    content: '';
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 4px;
    right: 5px;
    background-color: #ebecee;
}
.select2-checkbox-mode .select2-results li:after{
    content: '\f00c';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 100;
    font-size:14px;
    width:18px;
    position:absolute;
    top:6px;
    right:5px;
    text-align:center;
    display:none
}
.select2-checkbox-mode .select2-results li:hover{
    background-color:#f5f5f5;
}
.select2-checkbox-mode .select2-results li:hover:before{
    background-color:#cbd1d8 !important;
}
.select2-checkbox-mode .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]{
    display:block;
    background-color:transparent;
    color:#333;
}
.select2-checkbox-mode .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]:after{
    display:block;
}
.select2-checkbox-mode .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]:hover{
    background-color:#f5f5f5;
}
.select2-results__option{
    padding: 7px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.select2-results__option+.select2-results__option{
    margin-top: 1px;
}
.select2-results__option:hover{
    background-color:#f5f5f5;
}
.select2-results__option.select2-results__option--highlighted{
    background-color: #f5f5f5;
}
.select2-search--dropdown {
    display: block;
    position: relative;
    padding: 12px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    height: 36px;
    padding: 7px 12px;
    padding-right: 36px;
    border-radius: 3px;
    border: 1px solid #ddd;
    outline: 0;
    width: 100%;
}
.select2-search--dropdown .select2-search__field{

}
.select2-search--dropdown:after {
    font-family: "Font Awesome\ 5 Pro";
    content: '\f002';
    position: absolute;
    top: 50%;
    right: 24px;
    color: inherit;
    display: block;
    font-size: 12px;
    margin-top: -6px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: .6;
    filter: alpha(opacity=60);
}
.iziToast-target .iziToast-capsule .iziToast{
    font-family: var(--sencodFont) !important;
}
.iziToast>.iziToast-body .iziToast-texts{
    margin-top: 12px !important;
}
.iziToast-target .iziToast:after{
    box-shadow: none !important;
}
.iziToast>.iziToast-body .iziToast-message{
    line-height: 1.5 !important;
}
.form-switch{
    margin-bottom: -10px;
}
.font-10{
    font-size: 10px;
}
.font-13{
    font-size: 13px !important;
}
.font-16{
    font-size: 16px !important;
}
.font-17{
    font-size: 17px !important;
}
.mt-45{
    margin-top: 2rem!important;
}
.mb-45{
    margin-bottom: 2rem!important;
}
.direction-ltr{
    direction: ltr;
}
textarea{
    padding-top: 10px !important;
}
textarea:focus-visible{
    outline: 0;
}
/* .field-description{
    font-size: 12px;
    color: #adadad;
    font-style: italic;
    font-family: 'IRANSans';
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 0;
} */
.small-desc{
    font-size: 12px;
    color: #adadad;
}
.form-cutter{
    width: 100%;
    border-top: 1px solid #dcdcdc;
    text-align: center;
    display: flex;
    justify-content: center;
}
.form-cutter > span{
    padding: 0 10px;
    display: inline-block;
    margin-top: -14px;
    background-color: #fff;
    color: #747474;
}
.form-cutter.gray > span{
    background-color: #f5f5f5;
}
.login-with{
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 7px;
    border-radius: 5px;
    color: #474747;
    font-size: 13px;
    margin-bottom: 0;
}
.breadcrumb{
    background-color: transparent !important;
    margin-bottom: -15px;
    margin-top: 1px;
    font-family: 'IRANSans';
    font-size: 12px;
    position: relative;
    z-index: 10;
    white-space: nowrap;
    flex-flow: nowrap;
    overflow: hidden;
    overflow-x: auto;
}
.breadcrumb-item+.breadcrumb-item{
    padding-left: 0 !important;
    padding-right: 0.3rem !important;
}
.breadcrumb-item+.breadcrumb-item::before{
    padding-right: 0 !important;
    padding-left: 0.3rem !important;
}
.login-with.google{
    background-image: url(../images/google-icon.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    transition: ease-in-out .15s all;
}
.login-with.linkedin{
    background-image: url(../images/linkedin-icon.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    transition: ease-in-out .15s all;
}
.login-with:hover{
    background-color: #f0f0f0;
    transition: all 0.15s ease-in-out 0s;
}
.simple-link{
    color: var(--mainGray);
    position: relative;
}
.ires-box{
    visibility: hidden;
    opacity: 0;
    transition: ease-in-out .2s opacity;
}
.ires-box.ires-visible{
    visibility: visible;
    opacity: 1;
    transition: ease-in-out .2s opacity;
}
.with-arrow-left:after{
    content: '\f060';
    font-family: "Font Awesome\ 5 Pro";
    font-size: 11px;
    position: absolute;
    top: 0;
    left: -15px;
}
.notification-button-outer{
    position: relative;
    float: left;
    margin-top: 6px;
    margin-left: 7px;
}
.notification-button{
    background-color: #e1e1e1;
    border: none;
    color: #676767;
    width: 30px;
    height: 30px;
    font-size: 17px;
    padding-top: 5px;
    border-radius: 5px;
}
.notification-button:hover{
    background-color: #dfdfdf;
}
.notification-button.new > i{
    color: #dc3545;
    -webkit-animation: ring 7s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 7s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 7s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}
.notification-box{
    position: absolute;
    top: 42px;
    left: 0;
    width: 260px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
    border-bottom: 2px solid #e6e6fa;
    z-index: 1003;
    display: none;
}
.notification-box > p{
    font-size: 13px;
    color: #999;
    margin-bottom: 0;
    text-align: center;
}
.notification-box > .inside{
    max-height: 350px;
    /* overflow: hidden;
    overflow-y: auto;
    padding-left: 10px; */
    padding-bottom: 5px;
}
.notification-box > .inside::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.notification-box > .inside::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #e1e1e1;
}
.notification-box > .inside::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
}
.notification-box > .inside::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}
.notification-box > .inside::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.3);
}
.notification-box > .inside > .box{
    border-right: 3px solid #d6d6d6;
    border-radius: 5px;
    padding: 8px;
    position: relative;
    display: block;
    overflow: auto;
    box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px 0px;
}
.notification-box > .inside > .box:not(:first-child){
    margin-top: 8px;
}
.notification-box > .inside > .box.new{
    border-color: #4caf50;
    background-color: #f5fff6;
}
.notification-box > .inside > .box:after{
    content: '\f053';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    left: 10px;
    top: 8px;
    color: #999;
    font-size: 12px;
}
.notification-box > .inside > .box:hover{
    background-color: #fafafa;
}
.notification-box > .inside > .box.new:hover{
    background-color: #e9ffeb;
}
.notification-box > .inside > .box.seen{
    background-color: #fafafa;
}
.notification-box > .inside > .box > p{
    font-size: 12px;
    color: #999;
    margin-bottom: 0;
    padding-left: 25px;
    text-align: right;
}
.notification-box > .inside > .box > span{
    font-size: 10px;
    color: #999;
    float: left;
    display: inline-block;
    margin-top: 8px;
}
@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }
  
    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}
@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }
  
    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}
.panel-top-menu{
    margin: 0;
    padding: 0;
    list-style: none;
}
.panel-top-menu > li{
    float: right;
    font-size: 13px;
}
.panel-top-menu > li > a{
    display: inline-block;
    color: var(--mainTextColor);
    padding: 15px 20px;
    transition: ease-in-out .15s background-color;
}
.panel-top-menu > li > a:hover{
    background-color: #f9f9f9;
    transition: ease-in-out .15s background-color;
}
.panel-tab-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.panel-tab-menu ul > li{
    display: inline;
    font-size: 13px;
}
.panel-tab-menu ul > li:not(:first-child){
    margin-right: 5px;
}
.panel-tab-menu ul > li > a{
    display: inline-block;
    color: var(--mainTextColor);
    padding: 10px 20px;
    border-radius: 5px;
    position: relative;
    background-color: #e9e9e9;
    transition: ease-in-out .1s background-color;
}
.panel-tab-menu ul > li > a.active{
    background-color: #fff;
    border-bottom: 2px solid transparent;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);
}
.panel-tab-menu ul > li > a.active.green{
    border-bottom-color: var(--mainColor);
}
.panel-tab-menu ul > li > a.active.red{
    border-bottom-color: #dc3545;
}
.panel-tab-menu ul > li > a.active.blue{
    border-bottom-color: #23afdd;
}
.panel-tab-menu ul > li > a.active:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid transparent;
    bottom: -7px;
    left: 45%;
}
.panel-tab-menu ul > li > a.active.green:after{
    border-top-color: var(--mainColor);
}
.panel-tab-menu ul > li > a.active.red:after{
    border-top-color: #dc3545;
}
.panel-tab-menu ul > li > a.active.blue:after{
    border-top-color: #23afdd;
}
.panel-tab-menu ul > li > a:not(.active):hover{
    background-color: #e4e4e4;
    transition: ease-in-out .1s background-color;
}
.no-canvas{
    height: 200px;
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/blur-canvas.jpg);
    background-repeat: no-repeat;
    background-size: 355px;
    background-position: center;
}
.dashed-line{
    width: 100% !important;
    height: 1px !important;
    border-top: 1px dashed #e1e1e1 !important;
}
.add-ad-box{
    display: block;
    background-color: #fffde7;
    color: #5d604c;
    padding: 20px 55px 20px 40px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 1px 4px -1px #c1c1c1;
}
.add-ad-box:hover{
    background-color: #fdfbe2;
    color: #5d604c;
}
.add-ad-box:before{
    content: '\f055';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 30px;
    font-weight: 100;
}
.add-ad-box:after{
    content: '\f053';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    font-weight: 900;
    font-size: 18px;
    top: 16px;
    left: 15px;
}
.add-ad-box h6{
    font-weight: bold;
}
.add-ad-box p{
    margin-bottom: 0;
    font-size: 13px;
}
.box-heading{
    color: var(--mainTextColor);
    border-bottom: 1px dashed #e0e0e0;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
.box-heading > span.overflow{
    display: block;
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.box-heading > i{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #e8e8e8;
    color: #898989;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    font-size: 14px;
}
.box-heading > a{
    float: left;
    font-size: 12px;
    position: relative;
    margin-left: 13px;
    margin-top: 7px;
}
.box-heading > a:after{
    font-family: "Font Awesome\ 5 Pro";
    font-size: 10px;
    position: absolute;
    top: 1px;
    left: -13px;
}
.box-heading > a.all:after{
    content: '\f060';
}
.box-heading > a.add:after{
    content: '\f067';
}
.order-ad-box{
    position: relative;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-bottom-width: 2px;
    border-radius: 5px;
    padding-right: 34px;
}
.order-ad-box > .status{
    width: 35px;
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 13px;
    z-index: 1;
    border-radius: 0 5px 5px 0;
}
.order-ad-box.published > .status{
    background-color: var(--mainColor);
    border: 1px solid var(--mainColor);
}
.order-ad-box.expired > .status{
    background-color: var(--bs-gray);
    border: 1px solid var(--bs-gray);
}
.order-ad-box.pending > .status{
    background-color: #dc3545;
    border: 1px solid #dc3545;
}
.order-ad-box.ready > .status{
    background-color: #23afdd;
    border: 1px solid #23afdd;
}
.order-ad-box.revise > .status{
    background-color: #ff9800;
    border: 1px solid #ff9800;
}
.order-ad-box.reject > .status{
    background-color: #000000;
    border: 1px solid #000000;
}
.order-ad-box > .status > div{
    transform: rotate( -90deg);
    white-space: nowrap;
}
.order-ad-box .heading{
    padding: 14px;
    overflow: auto;
}
.order-ad-box .heading > a.title{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}
.order-ad-box.published .heading > a.title{
    color: var(--mainColor);
}
.order-ad-box.published .heading > a.title:hover{
    color: var(--mainBorderColor);
}
.order-ad-box.expired .heading > a.title{
    color: var(--bs-gray);
}
.order-ad-box.expired .heading > a.title:hover{
    color: #5a5a5a;
}
.order-ad-box.pending .heading > a.title{
    color: #dc3545;
}
.order-ad-box.pending .heading > a.title:hover{
    color: #c4303f;
}
.order-ad-box.ready .heading > a.title{
    color: #23afdd;
}
.order-ad-box.ready .heading > a.title:hover{
    color: #2698be;
}
.order-ad-box.revise .heading > a.title{
    color: #ff9800;
}
.order-ad-box.revise .heading > a.title:hover{
    color: #e98c00;
}
.order-ad-box.reject .heading > a.title{
    color: #000000;
}
.order-ad-box.reject .heading > a.title:hover{
    color: #000000;
}
.order-ad-box .heading > p{
    color: var(--mainGray);
    font-size: 13px;
    margin-bottom: -3px;
}
.order-ad-box .heading > .action{
    margin: 12px 0 0 0;
    padding: 0;
    list-style: none;
    float: left;
}
.order-ad-box .heading > .action > li{
    display: inline;
}
.order-ad-box .heading > .action > li > a{
    display: inline-block;
    color: #747474;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
}
.order-ad-box .heading > .action > li > a.details{
    background-color: #ececec;
}
.order-ad-box .heading > .action > li > a.details:hover{
    background-color: #e8e8e8;
}
.order-ad-box .heading > .action > li > a.pay{
    color: #fff;
    background-color: var(--mainColor);
}
.order-ad-box .heading > .action > li > a.pay:hover{
    color: #fff;
    background-color: var(--mainColorHover);
}
.order-ad-box .received-resume-btn{
    padding: 3px 20px 3px 7px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    background-color: #ebebeb;
    border-radius: 5px;
    display: inline-block;
    margin-left: 14px;
    margin-bottom: 10px;
}
.order-ad-box .received-resume-btn:before{
    width: 15px;
    height: 15px;
    content: '\f107';
    position: absolute;
    top: 4px;
    right: 1px;
    border-radius: 50%;
    font-family: "Font Awesome\ 5 Pro";
}
.order-ad-box .received-resume-btn.open:before{
    content: '\f106';
}
.order-ad-box .received-resume{
    border-top: 1px solid #e0e0e0;
}
.order-ad-box .received-resume-in{
    padding: 10px 14px 10px 14px;
}
.order-ad-box .item-outer a{
    display: block;
    text-align: center;
    padding: 12px 30px;
    color: var(--mainTextColor);
}
.order-ad-box .item-outer a:hover{
    background-color: #fafafa;
}
.order-ad-box .item-outer a.first{
    border-radius: 0 0 10px 0;
}
.order-ad-box .item-outer a.last{
    border-radius: 0 0 0 10px;
}
.order-ad-box .item-outer a:not(.first){
    border-top: 1px solid #e0e0e0;
}
.order-ad-box .item-outer a > p{
    margin-bottom: 0;
}
.border-left-dashed{
    border-left: 1px dashed #e0e0e0;
}
.border-top-dashed{
    border-top: 1px dashed #e0e0e0;
}
.side-info{
    font-family: var(--sencodFont);
}
.side-info h4{
    text-align: center;
    color: var(--bs-gray);
    font-size: 16px;
    font-weight: bold;
}
.side-info img{
    display: block;
    margin: 15px auto;
    width: 100px;
    height: 100px!important;
    object-fit: contain;
    object-position: center;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 4px;
    background-color: #fff;
}
.side-info ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.side-info ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-size: 13px;
}
.side-info ul li:not(:last-child){
    margin-bottom: 15px;
}
.side-info ul li > h6{
    font-size: 13px;
    margin-bottom: 0;
    white-space: nowrap;
    padding-left: 5px;
}
.side-info ul li > span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    unicode-bidi: plaintext;
    margin-top: -3px;
}
.side-info ul.with-icon li > h6:before{
    content: '\f053';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 400;
    padding-left: 5px;
    font-size: 9px;
    color: #757575;
}
.pagination{
    font-family: var(--firstFont);
}
.page-link{
    color: #6a6a6a;
}
.page-link:focus{
    box-shadow: 0 0 0 0.25rem rgb(13 253 164 / 25%);
}
.pagination-sm .page-link{
    padding: 6px 0.6rem 4px 0.6rem !important;
}
.pagination-sm .page-item:first-child .page-link{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pagination-sm .page-item:last-child .page-link {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.page-item.active .page-link{
    background-color: #2cbf8e;
    border-color: #2cbf8e;
}
table.loading:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ffffffc4;
    background-image: url(../../images/loading_2.gif);
    background-repeat: no-repeat;
    background-position: center;
}
button:disabled{
    cursor: default;
}
.simple-btn{
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    display: block;
    border: none;
    position: relative;
}
.simple-btn.auto{
    display: inline-block;
}
.simple-btn.small{
    padding: 5px;
    font-size: 13px;
}
.simple-btn.x-small{
    padding: 3px;
    font-size: 13px;
}
.simple-btn.medium{
    padding: 10px 16px;
    font-size: 13px;
}
.simple-btn.medium.bordered{
    padding-bottom: 8px;
}
.simple-btn.medium-sm{
    padding: 9px 16px;
}
.simple-btn.medium-small{
    padding: 9px 13px;
    font-size: 13px;
}
.simple-btn.thin{
    padding: 6px 16px;
    font-size: 14px;
}
.simple-btn.bordered{
    border-bottom: 2px solid transparent;
}
.simple-btn.gray{
    background-color: #f0f0f0;
    color: #656565;
    border-bottom-color: #bbbbbb;
}
.simple-btn.gray:hover{
    background-color: #e9e9e9;
    color: #656565;
}
.simple-btn.medgray{
    background-color: #dfdfdf;
    color: #656565;
}
.simple-btn.medgray:hover{
    background-color: #d9d9d9;
    color: #656565;
}
.simple-btn.trans{
    color: #656565;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 2px 3px -2px #1113;
}
.simple-btn.trans:hover{
    color: #656565;
    background-color: #f2f2f2;
}
.simple-btn.green{
    background-color: var(--mainColor);
    color: #fff;
    border-bottom-color: var(--mainBorderColor);
}
.simple-btn.green:hover{
    background-color: var(--mainColorHover);
    color: #fff;
}
.simple-btn.blue{
    background-color: #2196f3;
    color: #fff;
    border-bottom-color: #1976d2;
}
.simple-btn.blue:hover{
    background-color: #2190eb;
    color: #fff;
}
.simple-btn.red{
    background-color: #f93154;
    color: #fff;
    border-bottom-color: #d1213e;
}
.simple-btn.red:hover{
    background-color: #ee2d4e;
    color: #fff;
}
.simple-btn.buy{
    padding-right: 36px;
}
.simple-btn.buy:before{
    content: '\f07a';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 100;
    position: absolute;
    right: 15px;
}
.simple-btn.list{
    padding-right: 36px;
}
.simple-btn.list:before{
    content: '\f550';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 100;
    position: absolute;
    right: 15px;
}
.simple-btn.edit{
    padding-right: 36px;
}
.simple-btn.edit:before{
    content: '\f5ad';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 700;
    position: absolute;
    right: 15px;
}
.simple-btn.arrow{
    padding-right: 36px;
}
.simple-btn.arrow:before{
    content: '\f054';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 100;
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 13px;
}
.simple-btn.medium.arrow:before{
    top: 10px;
}
.simple-btn.arrow.reverse{
    padding-right: 16px;
    padding-left: 36px;
}
.simple-btn.arrow.reverse:before{
    content: '\f053';
    right: unset;
    left: 15px;
}
.simple-btn.preloading{
    pointer-events: none;
}
.simple-btn.preloading:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -2px;
    border-radius: 5px;
    background-color: rgb(255 255 255 / 45%);
    z-index: 1;
    cursor: default;
}
.cursor-pointer{
    cursor: pointer;
}
.white-space-normal tr td{
    white-space: normal !important;
}
.select2-results__option{
    position: relative;
}
.selectTag:after{
    content: '+ اضافه کردن';
    position: absolute;
    top: 4px;
    left: 8px;
    border: 1px solid #f44336;
    color: #f44336;
    padding: 4px 4px 1px 4px;
    border-radius: 5px;
    font-size: 13px;
}
.city-outer,
.advocation-city-outer,
.outer-hidden{
    visibility: hidden;
    height: 0;
    margin-top: 0;
}
.city-outer.show,
.advocation-city-outer.show,
.outer-hidden.show{
    visibility: visible;
    height: unset;
    margin-top: var(--bs-gutter-y);
}
.add-logo-box{
    display: block;
    margin: 12px auto;
    width: 100px;
    height: 100px!important;
    object-fit: contain;
    object-position: center;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 4px;
    background-color: #fff;
    text-align: center;
    color: #dc3545;
}
.add-logo-box:before{
    content: '\f067';
    font-family: "Font Awesome\ 5 Pro";
    font-size: 32px;
    font-weight: 100;
    display: block;
    height: 44px;
}
.add-logo-box:hover{
    color: #dc3545;
    background-color: #fafafa;
}
.ticket-box-outer{
    display: flex;
    position: relative;
}
.ticket-box-outer > .step{
    position: absolute;
    right: 0;
    top: -50px;
}
.ticket-box-outer > img{
    width: 45px;
    height: 45px;
    margin-left: 5px;
    border-radius: 50%;
}
.ticket-box-outer.admin{
    justify-content: end;
    flex-direction: row-reverse;
}
.ticket-box-outer.admin > img{
    width: 45px;
    height: 45px;
    margin-right: 5px;
    /* border-radius: 50%; */
    margin-left: 0;
    object-fit: contain;
}
.ticket-box{
    border: 1px solid #e0e0e0;
    padding: 15px;
    border-radius: 10px;
    border-right: 3px solid #767676;
    width: 100%;
}
.ticket-box-outer.admin > div {
    border-left: 3px solid #009f6a;
    border-right: 1px solid #e0e0e0;
}
.ticket-box .date{
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
}
.ticket-box-outer.admin .date{
    color: #009f6a;
}
.ticket-box .content{
    line-height: 1.8;
}
.ticket-box .file a{
    background-color: #ddf5ff;
    display: inline-block;
    padding: 4px 5px 4px 5px;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #b3d8e7;
}
.sticky-top{
    top: 60px;
    z-index: 100;
}
.company-details-outer{
    background-color: rgb(247, 247, 247);
    padding: 15px;
    border-radius: 10px;
    height: 100%;
}
.company-logo-outer{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 15px;
    background-color: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.persona-avatar-outer{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-img-outer,
.p-avatar-img-outer{
    position: relative;
}
.logo-img-outer.loading:after,
.p-avatar-img-outer.loading:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    border-radius: 5px;
    background-image: url(../images/ellipsis-loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 68px;
}
.logo-img{
    width: 110px;
    height: 110px;
    object-fit: contain;
    object-position: center;
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
}
.p-avatar-img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    padding: 5px;
    background-color: #fff;
}
.card {
    border: 0;
    -webkit-box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);
}
.card-body {
    font-family: IRANSans;
    font-size: 14px;
    color: #363636;
    line-height: 1.8;
    text-align: justify;
}
.card.green{
    background-color: #f0fff0;
    background-color: #dcdcdc;
}
.card-top-bar{
    padding: 15px;
    background-color: var(--mainColor);
    color: #fff;
    border-radius: 5px 5px 0 0;
}
.top-heading{
    font-size: 16px;
    color: #ff5722;
    font-weight: bold;
    border-bottom: 1px solid #ff7e56;
    padding: 0 4px 7px 4px;
    position: relative;
}
.top-heading.dashed{
    border-bottom-style: dashed;
}
.top-heading.triangle{
    border-radius: 4px;
}
.top-heading.triangle:after{
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #ff7e56;
    position: absolute;
    bottom: -6px;
    left: 44.5%;
}
.top-heading-simple{
    position: relative;
}
.top-heading-simple.with-border:after{
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    height: 1px;
    border-top: 1px dashed #d1d1d1;
}
.top-heading-simple > span{
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
    padding-left: 8px;
    font-size: 15px;
    color: #9d9d9d;
}
.ad-detail-items > ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.ad-detail-items > ul > li{
    display: inline-block;
}
.ad-detail-items > ul > li:not(:last-child){
    margin-left: 6px;
}
.ad-detail-items > ul > li > a,
.ad-detail-items > ul > li > span.like-link{
    display: flex;
    flex-flow: column;
    text-align: center;
    background-color: #f0f0f0;
    padding: 14px 10px 10px 10px;
    width: 90px;
    border-radius: 8px;
    border: 1px dashed #d5d5d5;
    color: #747474;
    cursor: pointer;
}
.ad-detail-items > ul > li > a:hover,
.ad-detail-items > ul > li > span.like-link:hover{
    background: #ebebeb;
    border-color: #d0d0d0;
}
.ad-detail-items > ul > li > a.lavender{
    border-color: #cdcdef;
    color: #9b9bbd;
}
.ad-detail-items > ul > li > a.lavender:hover{
    border-color: #c6c6e7;
    color: #9696b9;
}
.ad-detail-items > ul > li.red > a{
    background-color: #f93154;
    color: #fff;
    border: 1px solid #f93154;
}
.ad-detail-items > ul > li.red > a:hover{
    background-color: #ee304f;
    border-color: #ee304f;
}
.ad-detail-items > ul > li.blue > a{
    background-color: #2196f3;
    color: #fff;
    border: 1px solid #2196f3;
    padding: 14px 6px 10px 6px;
}
.ad-detail-items > ul > li.blue > a:hover{
    background-color: #1f8feb;
    border-color: #1f8feb;
}
.ad-detail-items > ul > li > a > span,
.ad-detail-items > ul > li > span.like-link > span{
    font-size: 13px;
    padding-top: 8px;
}
.adj-intro-box{
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    overflow: auto;
    color: var(--mainTextColor);
}
.adj-intro-box.gray:hover{
    border-color: #999;
}
.adj-intro-box.green:hover{
    border-color: var(--mainColor);
}
.adj-intro-box.green h4{
    color: var(--mainColor);
}
.adj-intro-box h4{
    font-size: 19px;
}
.adj-intro-box h4 > i{
    padding-left: 5px;
}
.adj-intro-box ul{
    list-style: none;
    padding-right: 18px;
}
.adj-intro-box ul li{
    position: relative;
}
.adj-intro-box ul li:before{
    content: '\f104';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    right: -13px;
    top: 0;
}
.adj-intro-box.green ul li:before{
    color: var(--mainColor);
}
.adj-intro-box ul li:not(:first-child){
    margin-top: 8px;
}
.adj-intro-box span{
    padding: 8px 12px;
    border-radius: 5px;
    color: #fff;
    width: 215px;
    display: inline-block;
    text-align: center;
    float: left;
}
.adj-intro-box.gray span{
    background-color: var(--bs-gray-dark);
}
.adj-intro-box.green span{
    background-color: var(--mainColor);
}
.update-bar{
    text-align: center;
    position: relative;
    background-color: #fff;
  }
  .update-bar hr{
    margin: 0;
    border-top: 3px solid #e6e6e6 !important;
    position: absolute;
    top: 37px;
    left: 15px;
    right: 15px;
    z-index: 0;
  }
  .update-box{
    position: relative;
    z-index: 1;
    background-color: #fff;
    display: inline-block;
    padding: 0 18px;
  }
  .update-box img{
    width: 72px;
    padding: 10px;
  }
  .update-box strong{
    font-family: var(--firstFont);
    color: #38bea7;
    font-size: 15px;
    display: block;
    font-weight: normal;
  }
  .bd-item.active .update-box strong{
    font-weight: bold;
  }
  .bd-item.expire .update-box strong{
    font-weight: bold;
  }
  .update-box span{
    font-size: 14px;
    display: block;
    margin-top: 5px;
    color: #38bea7;
  }
  .update-box.gray strong, .update-box.gray span{
    color: #afafaf;
  }
  .update-box.green strong, .update-box.green span{
    color: #12ab1a;
  }
  .update-box.red strong, .update-box.red span{
    color: #ef394e;
  }
  .outer-scroll-box{
    overflow: hidden;
    overflow-x: auto;
    flex-wrap: nowrap;
    cursor: move;
  }
  .outer-scroll-box *::selection{
    background-color: transparent;
  }
  .outer-scroll-box::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(9, 82, 151, 0.3);
      background-color: #F5F5F5;
  }
  .outer-scroll-box::-webkit-scrollbar
  {
      height: 6px;
      background-color: #b0bec5;
  }
  .outer-scroll-box::-webkit-scrollbar-thumb
  {
      background-color: #b0bec5;
  }
  .inner-scroll-box{
    display: flex;
    flex-wrap: nowrap;
    padding: 10px 0 15px 0;
  }
  .inner-scroll-box .bd-item{
    min-width: 20%;
    flex: 0 0 auto;
  }
.main-form-box{
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px;
}
.main-form-box > h6{
    color: var(--mainColor);
    margin-bottom: 20px;
    font-weight: bold;
}
.main-form-box > h6:before{
    content: '\f104';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 100;
    font-size: 11px;
    padding-left: 5px;
}
.highlight-mark-outer{
    counter-reset: highlight-mark;
}
.main-form-box.highlight-mark{
    position: relative;
}
.main-form-box.highlight-mark:after{
    counter-increment: highlight-mark;
    content: counter(highlight-mark);
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px dashed #d3d3d3;
    color: #b5b5b5;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--firstFont);
}
.font-12{
    font-size: 12px;
}
.privilege-item{
    background-color: #f9f9f9;
    padding: 15px;
    padding-top: 150px;
    text-align: center;
    border-radius: 10px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    background-size: 120px;
    background-position: center 20px;
    background-repeat: no-repeat;
    border: 1px solid #b5b5b5;
    border-bottom-width: 2px;
    min-height: 437px;
    position: relative;
}
.privilege-item.tuesday{
    background-image: url(../images/plugin1.png);
}
.privilege-item.instagram{
    background-image: url(../images/plugin2.png);
}
.privilege-item.telegram{
    background-image: url(../images/plugin3.png);
}
.privilege-item.website{
    background-image: url(../images/plugin4.png);
}
.privilege-item > strong{
    font-size: 15px;
}
.privilege-item > p{
    margin-top: 10px;
    line-height: 1.8;
}
.privilege-item button{
    background-color: var(--mainColor);
    color: #fff;
    font-size: 14px;
    margin-top: 12px;
    border: none;
    border-radius: 5px;
    padding: 10px;
}
.privilege-item button:hover{
    background-color: var(--mainColorHover);
    color: #fff;
}
.privilege-item button.red{
    background-color: #ef5350;
}
.privilege-item button.red:hover{
    background-color: #e74c4a;
    color: #fff;
}
.privilege-item button.gray{
    background-color: #919191;
    color: #fff;
}
/* Material Radio Begin */
@keyframes ripple {
    0% {
      box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
      -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
      -o-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
    }
    50% {
      box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
    }
    100% {
      box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
      -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
      -moz-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
      -o-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
    }
  }
  .new-md-radio {
    margin: .3em 0;
  }
  .new-md-radio.disabled{
    opacity: 0.5;
  }
  .new-md-radio.new-md-radio-inline {
    display: inline-block;
  }
  .new-md-radio input[type="radio"] {
    display: none;
  }
  .new-md-radio input[type="radio"]:checked + label:before {
    border-color: var(--mainColor);
    animation: ripple 0.2s linear forwards;
  }
  .new-md-radio input[type="radio"]:checked + label:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
  .new-md-radio label {
    display: inline-block;
    height: 20px;
    position: relative;
    padding: 0 30px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom;
    font-family: var(--sencodFont);
    color: #363636;
  }
  .new-md-radio label:before, .new-md-radio label:after {
    position: absolute;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition-property: transform, border-color;
    -webkit-transition-property: transform, border-color;
    -moz-transition-property: transform, border-color;
    -o-transition-property: transform, border-color;
  }
  .new-md-radio label:before {
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 0.54);
  }
  .new-md-radio label:after {
    top: 5px;
    right: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    background: var(--mainColor);
  }
  .new-md-radio.with-box{
    margin-right: 0;
    text-align: right;
  }
  .new-md-radio.with-box label{
    display: block;
    position: relative;
    height: auto;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom;
    font-family: Shabnam;
    font-size: 13px;
    color: #565656;
    border: 1px dashed #a9a9a9;
    border-radius: 5px;
    padding: 8px 35px 8px 6px;
  }
  .new-md-radio.with-box label:hover{
    background-color: #f9f9f9;
  }
  .new-md-radio.with-box input[type="radio"]:checked + label{
    background-color: #fffff0;
  }
  .new-md-radio.with-box label > div{
    margin-top: 2px;
  }
  .new-md-radio.with-box label:before{
    right: 8px;
    top: 8px;
  }
  .new-md-radio.with-box label:after{
    top: 13px;
    right: 13px;
  }
  /* Material Radio End */
/* checkboxes begin */
.new-md-checkbox {
    position: relative;
    margin: 0;
    text-align: right;
    border-radius: 5px;
}
.new-md-checkbox label {
    cursor: pointer;
    line-height: 1.25em;
    vertical-align: top;
    clear: both;
    width: 100%;
    padding: 13px 38px 13px 15px;
    border-radius: 5px;
    border: 1px dashed #bdbdbd;
    display: inline-block;
}
.new-md-checkbox label:not(:empty) {
    font-size: 13px;
    line-height: 1.7;
    padding-right: 38px;
    color: #565656;
}
.new-md-checkbox label:before, .new-md-checkbox label:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 17px;
}
.new-md-checkbox label:before {
    width: 1.3em;
    height: 1.25em;
    background: #fff;
    border: 1px solid var(--mainTextColor);
    border-radius: 3px;
    cursor: pointer;
}
.new-md-checkbox input[type="checkbox"] {
    outline: 0;
    width: 1.25em;
    margin: 0;
    display: none;
    float: right;
    font-size: inherit;
}
.new-md-checkbox input[type="checkbox"]:checked + label{
    border-color: var(--mainColor);
    background-color: #f6fffc;
}
.new-md-checkbox input[type="checkbox"]:checked + label:before {
    background: var(--mainColor);
    border: none;
}
.new-md-checkbox.orange input[type="checkbox"]:checked + label{
    border-color: var(--secondColor);
    background-color: #fffaf1;
}
.new-md-checkbox.orange input[type="checkbox"]:checked + label:before {
    background: var(--secondColor);
    border: none;
}
.new-md-checkbox input[type="checkbox"]:disabled + label{
    border-color: #bdbdbd;
    background-color: #f0f0f0;
}
.new-md-checkbox input[type="checkbox"]:checked + label:after {
    transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
    width: 0.75em;
    height: 0.375em;
    border: 0.125em solid #fff;
    border-top-style: none;
    border-right-style: none;
    margin-right: 7px;
}
.new-md-checkbox input[type="checkbox"]:disabled + label:before {
    border-color: rgba(0, 0, 0, 0.26);
}
.new-md-checkbox input[type="checkbox"]:disabled:checked + label:before {
    background: rgba(0, 0, 0, 0.26);
}
/* checkboxes end */
#plugin-modal-price{
    background-color: #f0f8ff;
    padding: 5px;
    border-radius: 3px;
}
.map-popup{
    font-family: var(--firstFont);
}
.form-check-input{
    margin-top: 0.15em;
}
.form-check-input.small{
    width: 0.925rem;
    height: 0.95rem;
    margin-top: 2px;
    border-width: 1px;
}
.form-check-input[type=checkbox].small:focus:after{
    width: 0.675rem;
    height: 0.7rem;
}
.form-check-input[type=checkbox].small:checked:after{
    width: 0.34rem;
    height: 0.75rem;
    margin-right: 0.22rem;
}
.form-check-input.small + label{
    font-size: 13px;
}
.form-check-input + label::selection{
    background-color: transparent;
}
.dynamic-box{
    display: none;
}
.simple-add-more,
.contact-add-more{
    border: 1px solid var(--mainColor);
    padding: 5px 19px 5px 6px;
    border-radius: 5px;
    color: var(--mainColor);
    display: inline-block;
    position: relative;
    font-size: 12px;
    cursor: pointer;
}
.simple-add-more:hover,
.contact-add-more:hover{
    background-color: #fafafa;
}
.simple-add-more:before,
.contact-add-more:before{
    content: '\f067';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 300;
    position: absolute;
    top: 5px;
    right: 6px;
}
.contact-remove-more{
    float: left;
    color: var(--bs-danger);
    font-size: 12px;
    cursor: pointer;
    margin-top: -19px;
}
.simple-remove-btn{
    background-color: var(--bs-danger);
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    padding: 3px 4px;
    border-radius: 5px;
}
.link-on-input{
    position: absolute;
    top: 11px;
    left: 12px;
    color: #408af7;
    font-size: 12px;
    cursor: pointer;
}
.link-on-input:hover{
    color: #3278e0;
    border-color: #397de2;
}
.simple-remover-link{
    position: absolute;
    left: 66px;
    top: 28px;
    color: var(--bs-danger);
    cursor: pointer;
}
#address_point{
    font-family: var(--firstFont);
}
.seen-all-announcements{
    font-size: 12px;
    cursor: pointer;
    color: #197620;
    margin-top: 7px;
}
.seen-all-announcements:hover{
    color: #0c6814;
}
.h-39{
    height: 39px;
}
table{
    width: 100%;
    background-color: #fff;
}
.radius-5{
    border-radius: 5px;
}
.radius-10{
    border-radius: 10px;
}
table:not(.separate) tr th:first-child{
    border-radius: 0 10px 0 0;
}
table:not(.separate) tr th:last-child{
    border-radius: 10px 0 0 0;
}
table:not(.separate) tr:last-child td:first-child{
    border-radius: 0 0 10px 0;
}
table:not(.separate) tr:last-child td:last-child{
    border-radius: 0 0 0 10px;
}
table tr th{
    background-color: #f8faf9;
    color: #63726b;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #e9e9e9;
}
table.main tr td{
    padding: 10px;
    font-size: 13px;
    white-space: nowrap;
}
table tr.status-close td{
    opacity: 0.5;
}
table.striped tr:nth-child(odd) td{
    background-color: #fafafa;
}
.table-top-bar{
    background-color: #f8faf9;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);
}
.table-top-bar h6.title{
    margin: 7px;
    font-size: 16px;
    color: var(--mainColorHover);
    font-weight: bold;
}
.table-top-bar h6.title > i{
    color: var(--mainBorderColor);
}
.score-table-btn{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7px;
}
.pm-circle{
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e1e4e3;
    border-radius: 50%;
    color: #9c9c9c;
}
.table-responsive.shadow{
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%) !important;
}
.table-responsive.border{
    border: 1px solid #e0e0e0;
}
.custom-file-input{
    width: 100%;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.custom-file-input .button{
    display: inline-block;
    padding: 8px;
    background-color: #f1f1f1;
    border-left: 1px solid #cdcdcd;
    color: var(--mainTextColor);
    cursor: pointer;
}
.custom-file-input .button:hover{
    background-color: #e9e9e9;
}
.custom-file-input .selected-file{
    display: inline;
    padding: 8px;
    color: var(--mainTextColor);
}
.company-logo-box img{
    width: 100px;
    height: 100px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    padding: 2px;
}
.bottom-info-outer > i{
    font-size: 10px;
    display: block;
    margin-bottom: 10px;
    color: #747474;
}
.bottom-info-outer > a{
    color: #565656;
}
.coupon-side-by-side{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;
    background-image: linear-gradient(to top, #f0f0f0 0%, #f7f7f7 100%);
}
.coupon-side-by-side > h6{
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 2px;
}
.coupon-box{
    height: 150px;
    border-radius: 15px;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/coupon.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.coupon-box h6{
    font-size: 18px;
    margin-bottom: 10px;
}
.coupon-box strong{
    font-size: 28px;
}
.table-simple-btn{
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #ededed;
    color: #747474;
    cursor: pointer;
}
.table-simple-btn:hover{
    background-color: #e9e9e9;
    color: #747474;
}
.table-goto-btn{
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #1e88e5;
    color: #fff;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}
.table-goto-btn.red{
    background-color: #f44336;
}
.table-goto-btn.green{
    background-color: #009f6a;
}
.table-goto-btn:hover{
    color: #fff;
}
.table-goto-btn:after{
    content: '\f104';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    font-weight: 100;
    top: 3px;
    left: 8px;
}
.table-goto-btn.small{
    padding: 2px 8px;
    padding-left: 20px;
    font-size: 12px;
}
.table-goto-btn.small:after{
    top: 2px;
}
.side-remove-outer{
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
    padding-top: 26px;
}
.side-remove-outer > i{
    font-size: 16px;
    cursor: pointer;
}
.cv-row{
    position: relative;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-bottom-width: 2px;
    border-radius: 5px;
}
table.main img.avatar{
    width: 45px;
    height: 45px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    cursor: pointer;
}
table.main span.name{
    cursor: pointer;
    color: #1e88e5;
}
table.main span.skill{
    padding: 1px 4px;
    border-radius: 3px;
    background-color: #c4f0ff;
    color: #1a596e;
    font-size: 12px;
    display: inline-block;
}
table ul.items{
    padding: 0;
    margin: 0;
    list-style: none;
}
table ul.items li{
    display: inline-block;
}
table ul.items li:nth-child(1){
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px dashed #e9e9e9;
}
table ul.items li i{
    color: #767676;
}
.w-80{
    width: 80px;
}
.w-110{
    width: 110px;
}
.with-loading{
    position: relative;
    cursor: pointer;
}
.btn{
    border-radius: 5px !important;
}
.btn-overlay{
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -2px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.cv-star-icon,
.cv-comment-icon{
    cursor: pointer;
}
.modal-header{
    background-color: #e5e5e5;
    padding: 8px;
}
.modal-title {
    color: #565656;
    font-size: 16px;
}
.btn-close {
    color: #565656;
}
.btn-close.abs{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}
.alert{
    line-height: 1.8;
    font-family: Shabnam !important;
}
.alert.smaller{
    padding: 10px;
    font-size: 13px;
}
.alert-success.light{
    background-color: rgb(209 231 221 / 40%);
}
.alert-alice{
    background-color: #f0f8ff;
    color: #636464;
}
.alert-yellow{
    color: #666303;
    background-color: #fffbcd;
    border-color: #e7e592;
}
.alert-orange{
    color: #663803;
    background-color: #fff0cd;
    border-color: #e7c692;
}
.alert.with-box{
    border: 10px solid #ffff;
    box-shadow: 0 5px 5px -6px rgb(17 17 17 / 40%);
}
.shabnam{
    font-family: var(--sencodFont) !important;
}
.green-row td:first-child{
    border-right: 3px solid #1c9d70;
}
.green-row td .pm-circle{
    background-color: #1c9d70;
    color: #fff;
}
.plan-box{
    background-color: #fff;
    /* border: 1px solid #e0e0e0; */
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    height: 382px;
    position: relative;
    color: var(--mainTextColor);
}
.plan-box.long{
    height: 420px;
}
.plan-box > .inside{
    padding: 10px;
}
.plan-box > .inside > .overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255 255 255 / 70%);
    border-radius: 10px;
    z-index: 0;
}
.plan-box > .inside > .overlay i{
    font-size: 50px;
}
.plan-box > .inside > .overlay p.lock{
    font-weight: bold;
    background-color: #7fffd4;
    padding: 2px 4px;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.plan-box > .inside > .overlay p.info{
    font-weight: bold;
    background-color: aquamarine;
    padding: 2px 4px;
    border-radius: 3px;
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 0;
}
.plan-box > h6{
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #e0e0e0e0;
    border-radius: 10px 10px 0 0;
    background-color: #ededed;
    position: relative;
}
.plan-box.bronze > h6:before,
.plan-box.silver > h6:before,
.plan-box.golden > h6:before,
.plan-box.vip > h6:before{
    content: '\f2eb';
    font-family: "Font Awesome\ 5 Pro";
    padding-left: 5px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.plan-box.tuesday > h6:before,
.plan-box.karyar > h6:before{
    content: '\f091';
    font-family: "Font Awesome\ 5 Pro";
    padding-left: 5px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.plan-box.bronze > h6:before{
    color: #ffa500;
}
.plan-box.silver > h6:before{
    color: #b2b2b2;
}
.plan-box.golden > h6:before{
    color: #ffc800;
}
.plan-box.vip > h6:before{
    color: #2196f3;
}
.plan-box.tuesday > h6:before{
    color: #ff4500;
}
.plan-box.karyar > h6:before{
    color: var(--mainColor);
}
.plan-box > h6 > span{
    font-size: 13px;
}
.bg-bronze{
    background-color: rgba(255, 166, 0, 0.1);
}
.bg-silver{
    background-color: rgba(178, 178, 178, 0.1);
}
.bg-golden{
    background-color: rgba(255, 200, 0, 0.1);
}
.bg-vip{
    background-color: rgba(33, 149, 243, 0.1);
}
.bg-tuesday{
    background-color: rgba(255, 68, 0, 0.1);
}
.bg-karyar{
    background-color: rgba(0, 158, 105, 0.1)
}
.plan-box table tr td{
    border: 1px solid #e9e9e9;
    padding: 7px 5px;
    font-size: 13px;
}
.plan-box table tr td:last-child{
    width: 30%;
    background-color: rgb(247, 255, 247);
    text-align: center;
}
.plan-box table tr td.text-secondary{
    background-color: rgb(250, 250, 250);
}
.plan-box > .inside > ul{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
}
.plan-box > .inside > ul > li:not(:first-child){
    margin-top: 7px;
}
.plan-box > .inside > ul > li:before{
    font-family: "Font Awesome\ 5 Pro";
    padding-left: 5px;
}
.plan-box > .inside > ul > li.check:before{
    content: '\f058';
    color: #4caf50;
}
.plan-box > .inside > ul > li.times{
    color: rgb(200, 200, 200);
}
.plan-box > .inside > ul > li.times > span{
    text-decoration: line-through;
    text-decoration-color: rgba(200, 200, 200, 0.7);
}
.plan-box > .inside > ul > li.times:before{
    content: '\f057';
}
.px-15{
    padding: 0 15px;
}
.py-15{
    padding: 15px 0;
}
.plan-box p.desc{
    padding: 6px;
    margin-top: 5px;
    margin-bottom: 0;
    border-radius: 3px;
    background-color: rgb(245 251 255);
    color: rgb(21 80 126);
    border: 1px solid rgb(185 224 255);
    font-size: 13px;
}
.plan-box > .bottom-bar{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.plan-box > .bottom-bar .continue-button{
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 12px;
    padding-right: 25px;
    border: none;
    background-color: var(--mainColor);
    color: #fff;
    height: 45px;
    border-radius: 0 0 0 10px;
    font-size: 15px;
    cursor: pointer;
}
.plan-box > .bottom-bar .continue-button:disabled{
    cursor: default;
}
.plan-box > .bottom-bar .continue-button:hover{
    color: #fff;
    background-color: var(--mainColorHover);
}
.plan-box > .bottom-bar .continue-button > span{
    position: relative;
    display: inline-block;
}
.plan-box > .bottom-bar .continue-button > span:before{
    content: '\f07a';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 100;
    padding-left: 5px;
    position: absolute;
    right: -22px;
}
.plan-box > .bottom-bar .continue-button.arrow > span:before{
    content: '\f053';
}
.plan-box > .bottom-bar .price-outer{
    background-color: #ededed;
    border-radius: 0 0 10px 0;
    height: 45px;
    padding-right: 15px;
    padding-top: 7px;
}
.plan-box > .bottom-bar .price-outer strong{
    font-size: 20px;
}
.plan-box > .bottom-bar .price-outer span{
    font-size: 13px;
}
.plan-box > .bottom-bar span.disabled-link{
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 10px;
    border: none;
    background-color: #bdbdbd;
    color: #656565;
    height: 45px;
    border-radius: 0 0 0 10px;
    font-size: 15px;
}
.plan-box > .bottom-bar span.disabled-link.full{
    border-radius: 0 0 10px 10px;
}
.invoice-box{
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    color: var(--mainTextColor);
}
.invoice-box.loading:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(255 255 255 / 70%);
    border-radius: 10px;
    background-image: url(../images/ellipsis-loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}
.invoice-box table tr:not(:last-child){
    border-bottom: 1px solid #e9e9e9;
}
.invoice-box table tr td:last-child{
    text-align: left;
}
table.invoice tr td{
    padding: 7px;
}
table.details{
    border-spacing: 5px;
    border-collapse: separate;
}
table.details tr td{
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}
table.details tr td:first-child {
    width: 60%;
    background-color: #f9f9f9;
}
table:not(.separate) tr:last-child td:first-child{
    border-radius: 0 0 5px 0 !important; 
}
table:not(.separate) tr:last-child td:last-child{
    border-radius: 0 0 0 5px !important; 
}
table tr.green td{
    background-color: #f5fff6;
}
table tr.red td{
    background-color: #fff5f5;
}
table tr.blue td{
    background-color: #f5f8ff;
}
.bank-desc{
    text-align: center;
    background-color: #f1f1f1;
    font-size: 13px;
    border-radius: 5px;
    padding: 10px;
    line-height: 1.8;
}
.bank-outer > input{
    display: none;
}
.bank-outer > label{
    width: 100px;
    height: 100px;
    background-color: #f9f9f9;
    border: 1px dashed #e0e0e0;
    border-radius: 5px;
    padding: 10px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
.bank-outer > label > img{
    width: 60px;
    object-fit: contain;
    object-position: center;
    height: 70px;
}
.bank-outer > input:checked + label{
    background-color: #def5ff;
    border-color: #29b6f6;
}
.invalid-tooltip{
    font-size: 12px;
}
.is-invalid{
    border-color: #dc3545 !important;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.975em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.bestest-logo-slides{
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px !important;
    background-color: #fff;
}
.bestest-logo-slides-outer{
    position: relative;
}
.bestest-logo-slides-outer:after{
    content: 'مشتریان منتخب ما';
    position: absolute;
    top: -15px;
    width: 120px;
    text-align: center;
    left: calc(50% - 60px);
    background-color: #fff;
    padding: 5px;
    z-index: 1;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px -2px 3px -2px #afafaf;
}
.bestest-logo-slides img{
    width: 100%;
}
.inputfile{
    display: none;
}
.inputfile + label{
    width: 100%;
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    height: 42px;
    padding: 9px 110px 9px 30px;
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.inputfile + label:hover{
    opacity: 0.95;
}
.inputfile + label > strong{
    background-color: var(--mainColor);
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    color: #fff;
    border-radius: 0 7px 5px 0;
    text-align: center;
    padding: 10px 15px;
    display: inline-block;
}
.inputfile + label > strong:hover{
    background-color: var(--mainColorHover);
}
.inputfile + label > span{
    font-size: 13px;
    white-space: nowrap;
    width: 95%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}
.inputfile + label > i{
    color: #dc3545;
    position: absolute;
    left: 10px;
    top: 12px;
    z-index: 1;
    display: none;
}
.inputfile + label > i:hover{
    color: #d42d3e;
}
.font-11{
    font-size: 11px;
}















/* Main Top Header */
.top-menu-outer{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1002;
}
.top-menu{
    width: 100%;
    background-color: #3f3f3f;
}
.menu-btn{
    float: right;
    font-family: IRANSans;
    font-size: 14px;
    color: #e5e5e5;
    position: relative;
    padding: 13px 30px 31px 15px;
    cursor: pointer;
    transition: ease-in-out .3s all;
}
.menu-btn:before{
    content: '\f0c9';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    top: 10px;
    right: 14px;
    font-weight: 100;
    font-size: 16px;
}
.menu{
    display: none;
    position: absolute;
    top: 60px;
    right: 4px;
    width: 250px;
    background-color: #404040;
    border-radius: 10px;
    box-shadow: 0 3px 5px -2px rgb(17 17 17 / 25%);
    z-index: 1100;
}
.menu:before{
    content: '';
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #404040;
    position: absolute;
    top: -5px;
    right: 17px;
}
.menu.sign-in{
    left: 27px;
    right: unset;
}
.menu.sign-in:before{
    left: 17px;
    right: unset;
}
.menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 360px;
    overflow: hidden;
    overflow-y: auto;
}
.menu ul li{
    font-family: IRANSans;
    font-size: 14px;
}
.menu ul li > a{
    color: #e5e5e5;
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    transition: ease-in-out .3s all;
}
.menu ul li > a:after{
    content: '\f104';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    top: 8px;
    left: 15px;
    font-weight: 100;
    font-size: 16px;
    color: #838383;
}
.menu ul li:first-child > a{
    border-radius: 10px 10px 0 0;
}
.menu ul li:last-child > a{
    border-radius: 0 0 10px 10px;
}
.menu ul li:not(:last-child) > a{
    border-bottom: 1px solid #525252;
}
.menu ul li > a:hover{
    background-color: #545454;
    transition: ease-in-out .15s all;
}
.menu ul li > a i{
    font-size: 13px;
    padding-left: 5px;
    color: #afafaf;
}
.menu ul li strong{
    color: #e5e5e5;
    display: block;
    margin-bottom: 5px;
    font-weight: 100;
}
.menu ul li strong > i{
    font-size: 12px;
}
.menu ul li hr{
    border-top-color: #525252;
    margin-bottom: 10px;
}
.menu ul li a.sign-in{
    display: block;
    background-color: #5e5e5e;
    color: #e5e5e5;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    border-bottom: 2px solid #2e2e2e;
    transition: ease-in-out .15s all;
}
.menu ul li a.sign-in:hover{
    background-color: #878787;
    transition: ease-in-out .15s all;
}
.menu ul li a.sign-in.green{
    background-color: #009f6a;
}
.menu ul li a.sign-in.green:hover{
    background-color: #00b176;
}
.menu ul li a.sign-in > i{
    font-size: 11px;
    padding-left: 2px;
}
.top-search-btn{
    float: right;
    font-family: IRANSans;
    font-size: 14px;
    color: #e5e5e5;
    position: relative;
    padding: 13px 30px 31px 15px;
    cursor: pointer;
    transition: ease-in-out .3s all;
}
.top-search-btn:before{
    content: '\f002';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    top: 10px;
    right: 14px;
    font-weight: 100;
    font-size: 16px;
}
.top-search-btn.active{
    color: #e5e5e5;
    background-color: #545454;
}
.top-add-btn{
    float: left;
    font-family: IRANSans;
    font-size: 14px;
    color: #fff;
    position: relative;
    padding: 14px 34px 12px 15px;
    cursor: pointer;
    transition: ease-in-out .3s all;
}
.top-add-btn:hover{
    color: #fff;
    background-color: #545454;
    transition: ease-in-out .15s all;
}
.top-add-btn:before{
    content: '\f067';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    top: 11px;
    right: 14px;
    font-weight: 100;
    font-size: 16px;
}
.top-add-btn.active{
    background-color: #545454;
}
.top-add-btn.active:hover{
    background-color: #646464;
}
.top-saved-btn{
    float: right;
    font-family: IRANSans;
    font-size: 14px;
    color: #e5e5e5;
    position: relative;
    padding: 13px 38px 31px 15px;
    cursor: pointer;
    transition: ease-in-out .3s all;
}
.top-saved-btn:before{
    content: '\f187';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    top: 9px;
    right: 14px;
    font-weight: 100;
    font-size: 16px;
}
.sign-btn{
    background-color: #646464;
    color: #e5e5e5;
    font-family: IRANSans;
    font-size: 14px;
    padding: 5px 12px 4px 12px;
    border-radius: 3px;
    margin-top: 7px;
    float: left;
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}
.sign-btn ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sign-btn ul li{
    display: inline-block;
    position: relative;
}
.sign-btn.add{
    margin-left: 0;
    background-color: #129e6d;
}
.sign-btn.add:hover{
    color: #e5e5e5;
    background-color: #119969;
}
img{
    image-rendering: -webkit-optimize-contrast;
}
.top-menu img.logo{
    width: 130px;
    height: 26px;
    margin-top: 9px;
    position: absolute;
    left: calc(50% - 65px);
    image-rendering: -webkit-optimize-contrast;
}
.top-menu ul.news{
    float: right;
    padding: 0;
    margin: 2px 0;
    padding-bottom: 12px;
}
.top-menu ul.news.two{
    margin-right: 35px;
}
/* .top-dif-margin{
    margin-right: 32px;
} */
.top-menu ul.news li{
    display: inline;
    margin-top: 7px;
}
.top-menu ul.news li{
    margin-right: 14px;
}
.top-menu ul.news li:before{
    content: ".";
    margin-left: 8px;
    color: rgba(255, 255, 255, 0.5);
}
.top-menu ul.news li > a{
    color: #f1f1f1;
    font-family: IRANSans;
    font-size: 14px;
    text-shadow: 0 0 3px #3e3e3e;
    -webkit-text-shadow: 0 0 3px #3e3e3e;
    -moz-text-shadow: 0 0 3px #3e3e3e;
    -o-text-shadow: 0 0 3px #3e3e3e;
}
.top-menu ul.news li > a:hover{
    opacity: .85;
}
.top-info-outer{
    float: left;
    margin-top: 6px;
    position: relative;
}
.top-info-btn{
    cursor: pointer;
    background-color: #646464;
    color: #e5e5e5;
    padding: 5px 10px 4px 10px;
    border-radius: 5px;
    height: 30px;
    display: inline-block;
    border: none;
}
.top-info-box{
    position: absolute;
    top: 42px;
    left: 0px;
    width: 240px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
    border-bottom: 2px solid #e6e6fa;
    z-index: 1003;
    display: none;
}
.top-info-box img{
    width: 44px;
    height: 44px;
    object-position: center;
    object-fit: contain;
    margin-left: 5px;
    border-radius: 50%;
}
.top-info-box .details{
    height: 60px;
    display: flex;
    align-items: center;
}
.top-info-box ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.top-info-box ul.info li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-size: 13px;
}
.top-info-box ul.info li:not(:last-child) {
    margin-bottom: 10px;
}
.top-info-box ul.info li > h6{
    font-size: 13px;
    margin-bottom: 0;
    white-space: nowrap;
    padding-left: 5px;
}
.top-info-box ul.info li > h6 > i{
    color: #888;
    padding-left: 3px;
    font-size: 12px;
}
.top-info-box ul.info li > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    unicode-bidi: plaintext;
    margin-top: -2px;
}
.top-info-box ul.links li{
    font-size: 13px;
}
.top-info-box ul.links li:not(:first-child){
    margin-top: 12px;
}
.top-info-box ul.links li > a{
    color: #565656;
}
.top-info-box ul.links li > a:hover{
    color: #008357;
}
.top-info-box ul.links li > a > i{
    padding-left: 3px;
}
.webrtc_holder{
    z-index: 1000 !important;
}
ul.contact-list li{
    display: flex !important;
}
.vertical-align-top{
    vertical-align: top;
}
/* factor begin */
.bill-show .frow{
    display: block;
}
.bill-show .frow::before,
.bill-show .frow::after{
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1;
}
.bill-show .frow::after{
    clear: both;
}
.bill-show .box{
    width: 100%;
    float: right;
}
.bill-show .box.wide{
    width: 90%;  
}
.bill-show .box.half{
    width: 50%;  
}
.bill-show .box.third{
    width: 33.3333%;
}
.bill-show .box.forth{
    width: 25%;
}
.bill-show .box.small{
    width: 10%;  
}
.bill-show h1{
    font-family: IRANSans;
    font-size: 22px;
}
.bill-show.pdf strong{
    font-family: IRANSans_Bold !important;
}
.bill-show .inside{
    font-family: IRANSans;
    border: 1px solid #646464;
    background-color: #fff;
    font-size: 15px;
    vertical-align: top;
    padding: 10px;
    height: 42px;
}
.bill-show .inside.gray{
    background-color: #f0f0f0;
}
.bill-show .inside.darkgray{
    background-color: #e0e0e0;
}
.bill-show ul{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: IRANSans;
    font-size: 14px;
}
.bill-show ul li:not(:first-child){
    margin-top: 11px;
}
.bill-show .table-heading{
    font-family: IRANSans;
    font-size: 13px;
    line-height: 1.9;   
}
.bill-show .table-heading > strong{
    font-size: 14px;
}
.bill-top-details{
    width: 245px;
    margin-top: 23px;
    float: left;
}
.bill-top-details > ul{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: IRANSans;
    font-size: 15px;
}
.bill-top-details > ul > li:not(:first-child){
    margin-top: 12px;
}
.bill-logo{
    width: 180px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 30px;
}
/* factor end */

/* Profile Begin */
.trumbowyg-box, .trumbowyg-editor{
    margin: 0 !important;
}
.trumbowyg-editor, .trumbowyg-textarea{
    font-family: Shabnam;
    font-size: 14px;
    cursor: auto;
    direction: rtl;
    line-height: 2;
    text-align: justify;
}
.selectize-dropdown{
    z-index: 100;
}
.trumbowyg-box, .trumbowyg-editor-box{
    border-radius: 10px;
}
.trumbowyg-button-pane{
    border-radius: 10px 10px 0 0;
}
.textarea-holder.small .trumbowyg-box{
    min-height: 216px !important;
}
.textarea-holder.small .trumbowyg-editor{
    height: 176px !important;
    min-height: 176px !important;
}
.trumbowyg-editor::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.trumbowyg-editor::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
/* Handle */
.trumbowyg-editor::-webkit-scrollbar-thumb {
    background: rgb(170, 170, 170); 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
/* Handle on hover */
.trumbowyg-editor::-webkit-scrollbar-thumb:hover {
    background: rgb(160, 160, 160); 
}

#cropper-outer{
    height: 500px;
    overflow: hidden;
    opacity: 1;
    text-align: center;
    transition: ease-in-out .15s opacity;
  }
  #cropper-outer > .label{
    font-size: 12px;
    color: #656e83;
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1;
    pointer-events: none;
    line-height: 1.8;
  }
  #cropper-outer.invisible{
    transition: ease-in-out .15s opacity;
    opacity: 0;
  }
  #cropper-outer .tools{
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 0;
    margin: 0 auto;
    right: 0;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #cropper-outer .tools > button{
    padding: 9px;
    border-radius: 50px;
    border: 2px solid transparent;
    margin: 4px;
    background: transparent;
    cursor: pointer;
    transition: all 100ms;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #7e7e7e;
    font-family: sans-serif !important;
    unicode-bidi: plaintext;
    font-size: 13px;
    font-weight: 600;
  }
  #cropper-outer .tools > button:hover {
    border: 2px solid #129e6d;
  }
  #cropper-outer .tools > button:hover svg path {
    fill: #129e6d;
  }
  #uploadModal .modal-content {
      background: #d9d9d9;
  }
  /* #uploadModal .modal-title{
    color: #fff;
  } */
  #uploadModal .btn-close{
    color: gray;
    padding: 18px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='gray'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  }
  /* #uploadModal .modal-header{
    border-bottom-color: #303030;
  } */
  #uploadModal .modal-footer{
    justify-content: space-between;
    border-top-color: #dfdfdf;
    background-color: #ededed;
  }
  .cropper-modal{
      background-color: #ebebeb !important;
      opacity: .85 !important;
      box-shadow: inset 0 0 70px #acbbb3;
  }
  .cropper-view-box{
    outline-color: rgba(228, 228, 228, 0.5) !important;
    border-radius: 5px;
  }
  .cropper-container, .cropper-move {
    cursor: -webkit-grab !important;
    cursor: -moz-grab !important;
    cursor: grab !important;
  }
  .cropper-container:active, .cropper-move:active {
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important;
  }
  .form-control.is-invalid, .was-validated .form-control:invalid{
      border: 1px solid #dc3545;
  }
  .leaflet-bottom, .leaflet-top{
    z-index: 400 !important;
  }
  #sortable{
    position: relative;
    overflow: auto;
  }
  #sortable::-webkit-scrollbar {
    opacity: 0;
    visibility: hidden;
    }
  #sortable::-webkit-scrollbar-track {
    opacity: 0;
    visibility: hidden;
    }
  #sortable::-webkit-scrollbar-thumb {
    opacity: 0;
    visibility: hidden;
    }
  .holder-click{
    color: #848484;
    font-size: 15px;
    border: 2px dashed #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    cursor: pointer;
}
.holder-click:hover,
.holder-click:focus,
.holder-click:active{
    background-color: #f9f9f9;
    opacity: 0.95;
}
.holder-click.over{
    border-color: #7d7d7d;
    background-color: #f5f5f5;
}
.holder-click.is-simple-invalid{
    border-color: #dc3545;
}
.holder-click.img-upload{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
/* .holder-click.p6{
    padding: 70px;
} */
.holder-click.h156{
    height: 156px;
}
.holder-click.h220{
    height: 220px;
}
.holder-click .bx {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 8px;
}
.holder-click .bx > i{
    padding-bottom: 8px;
}
.holder-click .bx > .desc{
    font-size: 13px;
    color: #8f8f8f;
    margin-top: 5px;
}
.holder-click .bx > .desc.padd{
    padding: 3px 4px 2px 4px;
}
.holder-click .bx > .delete{
    background-color: var(--bs-red);
    color: #fff;
    font-size: 13px;
    padding: 2px 5px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
    cursor: pointer;
}
.holder-click .bx > .delete:hover{
    background-color: #c72635;
}
.holder-click .textarea-holder{
    width: 100%;
    display: flex;
    position: relative;
}
.holder-click.max-invalid{
    border-color: var(--bs-red);
}
.holder-click.max-invalid .textarea-holder:before{
    content: 'تعداد کاراکتر وارد شده بیشتر از حد مجاز است';
    position: absolute;
    top: 48%;
    left: calc(50% - 132px);
    text-align: center;
    z-index: 1;
    background-color: var(--bs-red);
    color: #fff;
    cursor: text;
    font-size: 14px;
    padding: 3px 4px 3px 4px;
    border-radius: 5px;
}
.holder-click .textarea-holder:after{
    content: attr(data-text);
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 0;
    opacity: 0.5;
    pointer-events: none;
}
.holder-click .textarea-holder.v-hidden:after{
    visibility: hidden;
}
.holder-click.max-invalid .textarea-holder:after{
    visibility: hidden;
}
.holder-click textarea{
    width: 100%;
    border-radius: 10px;
    border: none;
    background-color: transparent;
    position: relative;
    z-index: 1;
    font-size: 14px;
    padding: 10px;
    line-height: 2;
    color: #262626;
}
.holder-click.loading{
    position: relative;
}
.holder-click.loading:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f2f3;
    background-image: url(/boot/new/images/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px;
    border-radius: 10px;
}
.upload-cancel{
    background-color: #cfcfcf;
    color: #2f2f2f;
    font-size: 13px;
    padding: 2px 5px 1px 5px;
    border-radius: 3px;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
}
.upload-cancel:hover{
    background-color: #c7c7c7;
}
.main-form-box{
    position: relative;
}
.main-form-box.added{
    animation-name: profile-bg;
    animation-duration: 0.5s;
    animation-iteration-count: 2;
    animation-timing-function: linear;
}
@-webkit-keyframes profile-bg {
    0% {
        background-color: #ffffe8;
    }
    100% {
        background-color: #ffffff;
    }
}
.bg-darklight {
    background-color: #e9e9e9;
}
.flex-auto{
    flex: auto;
}
.profile-toolbar{
    background-color: #469f80;
    position: fixed;
    bottom: 10px;
    left: 12px;
    right: 12px;
    max-width: 1256px;
    padding: 4px;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0 2px 5px -3px #111;
    z-index: 1000;
    border: 2px solid #fff;
    display: none;
}
.profile-toolbar.show{
    display: block;
}
.profile-toolbar .item{
    padding: 10px;
    border: 4px double #4DB6AC;
    border-radius: 10px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 5px -4px rgba(17, 17, 17, 0.3);
    cursor: pointer;
}
.profile-toolbar .item:hover{
    background-color: #ddfff3;
}
.profile-toolbar .profile-menu-close{
    padding: 10px;
    border: 2px solid #ef7272;
    border-radius: 10px;
    text-align: center;
    background-color: #ffe4e4;
    color: #a51717;
    box-shadow: 0 2px 5px -4px rgba(17,17,17,.3);
    cursor: pointer;
}
.profile-menubar{
    background-color: #469f80;
    color: #fff;
    position: fixed;
    bottom: 10px;
    left: 12px;
    right: 12px;
    max-width: 1256px;
    padding: 10px;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0 2px 5px -3px #111;
    z-index: 1000;
    border: 2px solid #fff;
    text-align: center;
}
.box-tools{
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}
.box-tools > .inside{
    width: 126px;
    height: 30px;
    background-color: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.box-tools > .inside:before{
    content: '';
    position: absolute;
    right: -25px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 30px solid #fff;
}
.box-tools > .inside:after {
    content: '';
    position: absolute;
    left: -25px;
    top: 0;
    width: 0;
    height: 0;
    border-right: 0 solid transparent;
    border-left: 25px solid transparent;
    border-bottom: 30px solid #fff;
}
.box-tools > .inside > span{
    background-color: transparent;
    width: 42px;
    padding: 8px 5px 4px 5px;
    font-size: 13px;
    cursor: pointer;
}
.box-tools > .inside > span.move{
    cursor: move;
}
.box-tools > .inside > span:hover{
    background-color: #f0f0f0;
}
.box-tools > .inside > span.trash:hover{
    color: var(--bs-red);
}
/* .box-tools > .move{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #03A9F4;
    color: #fff;
    padding: 7px 7px 2px 7px;
    font-size: 13px;
    border-radius: 0 10px;
    box-shadow: inset 2px -2px 5px #11111140;
    cursor: move;
}
.box-tools > .move:hover{
    background-color: #05a0e7;
}
.box-tools > .trash{
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bs-red);
    color: #fff;
    padding: 8px 8px 4px 8px;
    font-size: 11px;
    border-radius: 10px 0;
    box-shadow: inset -2px 2px 5px #11111140;
    cursor: pointer;
}
.box-tools > .trash:hover{
    background-color: #c72a39;
} */
.progress-outer .progress{
    margin: 0 auto;
}
.progress-bar{
    font-family: IRANSans;
}
.profile-add-more-item{
    background-color: #e5e5e5;
    color: #515151;
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}
.profile-add-more-item:hover{
    background-color: #e0e0e0;
}
.profile-add-more-item::selection{
    background-color: transparent;
}
.saving-mode{
    position: fixed;
    bottom: 15px;
    left: 15px;
    display: none;
}
.persona-outer{
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    border: 2px dashed #e5e5e5;
    position: relative;
}
.persona-outer:not(:first-child){
    margin-top: 15px;
}
.form-control.pure-simple{
    border: none;
    background-color: #f5f5f5;
}
.img-upload > .remove{
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #ffffff;
    display: block;
    padding: 0 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-weight: bold;
    color: #444444;
    border: 1px solid #666;
    cursor: pointer;
    transition: ease-in-out .15s all;
}
.img-upload > .remove:hover{
    background-color: #666;
    color: #fff;
    transition: ease-in-out .15s all;
}
.persona-outer > .remove{
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #ffffff;
    display: block;
    padding: 0 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-weight: bold;
    color: #444444;
    border: 1px solid #666;
    cursor: pointer;
    transition: ease-in-out .15s all;
}
.persona-outer > .remove:hover{
    background-color: #666;
    color: #fff;
    transition: ease-in-out .15s all;
}
.show-score-details > i{
    background-color: #e6e6e6;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 1px;
    border-radius: 50%;
    cursor: pointer;
    transition: ease-in-out .3s all;
}
.show-score-details > i:hover{
    background-color: #e0e0e0;
}
.show-score-details.open > i{
    transform: rotate(180deg);
    transition: ease-in-out .3s all;
}
.score-details-outer{
    display: none;
}
.rate {
    background-color: #fff1a7;
    padding: 3px 5px 2px 5px;
    border-radius: 5px;
    width: 50px;
    text-align: center;
}
.rate span {
    color: #363636;
    font-size: 14px;
}
.rate i {
    color: #363636;
    font-size: 12px;
}
.discount-coupon-box{
    border: 1px dashed #bfbfbf;
    border-radius: 10px;
    padding: 15px;
    position: relative;
}
.discount-coupon-box.loading:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 10px;
    background-color: rgb(255 255 255 / 73%);
    background-image: url(../images/ellipsis-loading.gif);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}















@media (max-width: 359px) {
    .vxs-none{
        display: none;
    }
    .top-menu img.logo{
        width: 112px;
        height: 22px;
        margin-top: 11px;
        left: calc(50% - 56px);
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .w-sm-75{
        width: 75% !important;
    }
    .main-form-box{
        padding: 20px;
    }
    .simple-btn.medium{
        font-size: 14px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .w-md-50{
        width: 50% !important;
    }
    .breadcrumb{
        margin-bottom: -29px;
        margin-top: 8px;
    }
    .new-md-checkbox label:not(:empty) {
        font-size: 14px;
    }
    .menu.sign-in{
        left: unset;
        right: 0;
    }
    .menu.sign-in:before{
        left: unset;
        right: 17px;
    }
    .menu-btn{
        border-left: 1px solid #5a5a5a;
        padding: 14px 38px 12px 15px;
    }
    .menu-btn:hover{
        background-color: #545454;
        transition: ease-in-out .15s all;
    }
    .menu{
        right: 0;
    }
    .sign-btn{
        margin-top: 9px;
    }
    .top-search-btn{
        border-left: 1px solid #5a5a5a;
        padding: 14px 38px 12px 15px;
    }
    .top-search-btn.active{
        color: #e5e5e5;
        background-color: unset;
    }
    .top-saved-btn{
        padding: 14px 38px 12px 15px;
    }
    .top-search-btn:hover{
        color: #e5e5e5;
        background-color: #545454;
        transition: ease-in-out .15s all;
    }
    .top-saved-btn:hover{
        color: #e5e5e5;
        background-color: #545454;
        transition: ease-in-out .15s all;
    }
    .top-info-outer{
        margin-top: 9px;
    }
    .adj-intro-box ul{
        padding-right: 2rem;
    }
    .adj-intro-box h4{
        font-size: 22px;
    }
    .notification-button-outer.top{
        margin-top: 9px;
    }
    .main-form-box{
        padding: 25px;
    }
    .ticket-box{
        width: 70%;
    }
    .add-ad-box:before{
        top: 20px;
    }
    .add-ad-box:after{
        top: 30px;
    }
    .plan-box > .inside{
        padding: 15px;
    }
    .plan-box table tr td{
        padding: 7px 7px;
        font-size: 14px;
    }
    .plan-box{
        height: 395px;
    }
    .plan-box.long{
        height: 432px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .w-lg-25{
        width: 25% !important;
    }
    .profile-menubar{
        display: none;
    }
    .profile-toolbar{
        display: block;
    }
    body{
        padding-bottom: 50px;
    }
    .top-info-outer{
        margin-top: 9px;
    }
    .notification-button-outer{
        margin-left: 7px;
    }
    .notification-button{
        width: 40px;
        height: 40px;
    }
    .notification-box{
        top: 51px;
        left: -7px;
        width: 280px;
    }
    .main-form-box{
        padding: 30px;
    }
    .order-ad-box .heading > .action{
        margin: -35px 0 0 0;
    }
    .order-ad-box .received-resume{
        display: block;
    }
    .order-ad-box .item-outer a:not(.first){
        border-top: none;
    }
    .order-ad-box .item-outer a.border-left{
        border-left: 1px solid #e0e0e0;
    }
    .order-ad-box .received-resume-in{
        padding: 0;
    }
    .adj-intro-box{
        padding: 30px;
    }
    .ad-detail-items > ul > li > a,
    .ad-detail-items > ul > li > span.like-link{
        width: 108px;
    }
    .no-canvas{
        height: calc(100% - 83px);
        background-size: cover;
    }
    .border-left-lg-dashed{
        border-left: 1px dashed #e0e0e0 !important;
    }
    .menu ul {
        max-height: none;
    }
    .order-ad-box .heading > a.title{
        padding-left: 185px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}