@font-face {
    font-family: IRANSansWeb;
    src: url("../fonts/IRANSansWeb.eot");
    src: url("../fonts/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansWeb.woff2") format("woff2"), url("../fonts/IRANSansWeb.woff") format("woff"), url("../fonts/IRANSansWeb.ttf") format("truetype"), url("../fonts/IRANSansWeb.svg#IRANSansWeb(FaNum)") format("svg");
}

/***********

Reset / Basics

***********/



body{
    font-family: 'IRANSansWeb' !important;
    font-size: 14px;
    line-height: 1.42857143;
    color:#949ba2;
    background-color: #2f313a;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    line-height: 24px;
    overflow-x: hidden;
    font-weight: 400;
}
body.bg-light{
    background-color: #fff !important;
}
body.bg-light #wrapper{
    background-color: #fff;
}
a{
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color:#f1ab1f;
}
a:hover,a:focus, button, button:focus{
    background-color: transparent;
    outline: 0 !important;
    text-decoration: none; 
    color:#fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin-top: 0px;
    color: #fff!important;
    font-family: 'Open Sans', IRANSansWeb!important;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10px;
}
.label{
    font-weight: 400;
}
.text-success,.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label{
    color: #10c469;
}
.text-danger,.editable-empty, .editable-empty:focus, .editable-empty:hover,.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
    color: #d9534f;
}
.text-warning,.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label{
    color: #de9a39;
}
.text-primary{
    color: #f1ab1f;
}
.text-info{
 color: #56C0E0;   
}
.text-muted{
    color: rgba(255,255,255,0.7);
}
.btn-success,.label-success {
    background-color: #1bbf89 !important;
    border: 1px solid #1bbf89 !important;
}
.btn-info,.label-info {
    background-color: #56C0E0 !important;
    border: 1px solid #56C0E0 !important;
}
.btn-primary {
    background-color: #f1ab1f !important;
    border: 1px solid #f1ab1f !important;
}
.btn-danger,.label-danger {
    background-color: #DB524B !important;
    border: 1px solid #DB524B !important;
}
.btn-warning,.label-warning {
    background-color: #f7af3e !important;
    border: 1px solid #f7af3e !important;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #f1ab1f;
    border-color: #f1ab1f;
}
.panel-info>.panel-heading {
    color: #fff;
    background-color: #56C0E0;
    border-color: #56C0E0;
}
.panel-success>.panel-heading {
    color: #fff;
    background-color: #1bbf89;
    border-color: #1bbf89;
}
.panel-warning>.panel-heading {
    color: #fff;
    background-color: #f7af3e;
    border-color: #f7af3e;
}
.panel-danger>.panel-heading {
    color: #fff;
    background-color: #DB524B;
    border-color: #DB524B;
}
.panel-default>.panel-heading {
    position: relative;
    background: #dae6ec;
    color: #333!important;
    border-color: #dae6ec;
}
.panel-default>.panel-heading a{
    color: #333;
}
.panel-success {
    border-color: #1bbf89;
}
.panel-primary {
    border-color: #f1ab1f;
}
.panel-info {
    border-color: #56C0E0;
}
.panel-warning {
    border-color: #f7af3e;
}
.panel-danger {
    border-color: #DB524B;
}
.alert-success {
   color: #fff;
    background-color: #1bbf89;
    border-color: #1bbf89;
}
.alert-info {
       color: #fff;
    background-color: #56C0E0;
    border-color: #56C0E0;
}
.alert-warning {
      color: #fff;
    background-color: #f7af3e;
    border-color: #f7af3e;
}
.alert-danger {
      color: #fff;
    background-color: #DB524B;
    border-color: #DB524B;
}
.alert-link{
    font-weight: 600!important;
    color: #fff!important;
}
.alert-dismissable .close, .alert-dismissible .close{
    opacity: 0.6;
}
.panel-heading{
    color: #fff;
        font-family: 'Open Sans', IRANSansWeb;
    font-weight: 400;
}
.badge-danger{
    background-color: red;
}
.badge-succes{
    background-color: #70ac07;
}
h4 small{
    color:  #949ba2;
}
blockquote{
    border-left-color: #4c5761;
}
.space-20{
    height:20px;
}
.space-30{
    height:30px;
}
.space-40{
    height:40px;
}
.space-50{
    height:50px;
}
.space-60{
    height:60px;
}
.space-70{
    height:70px;
}
.margin-b-30{
    margin-bottom: 30px;
}
.pad-0{
    padding: 0;
}
.page{
    position: relative;
    min-height: 100%;
}

strong,b,label{
    font-weight: 500;
}

/***pace page loader css**/
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #fff;
    position: fixed;
    z-index: 99000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px;
}
    #wrapper {
        margin: 0 220px 0 0px;
        padding: 50px 0;
       padding-bottom: 0px;
        transition: all 0.4s ease 0s;
        position: relative;
        min-height: 100%;
    }

    .content-wrapper {
        padding: 30px;
        padding-bottom: 0px;
    }
    .content-wrapper.container{
        width: 100%;
    }
    .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0; 
    color: #fff;
}
/**page title**/
.page-title {
    padding-bottom: 30px;
    text-transform: capitalize;
}
.page-title h1{
    color: #fff;
    font-weight: 400;
    font-size: 23px;
}
.page-title .breadcrumb{
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.breadcrumb>.active {
    color:  #949ba2;
}
.jvectormap-zoomin {
    top: 0px!important;
}
.jvectormap-zoomout{
    top: 20px!important;
}
/****tiles*********/
.tile{
    background-color: #f1ab1f;
}
.tile .tile-title{
    color:#fff;
    text-transform: capitalize;
    background-color:rgba(255,255,255,0.1);
    
    padding: 3px 15px;
}
.tile-body{
    padding: 15px;
     background-color: #f1ab1f;
}
.tile-body i{
    font-size: 35px;
    color: #fff;
}
.tile-body h4{
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    margin: 0px;
}
.tile-footer{
    padding: 4px 15px;
    color:#fff;
    background-color: rgba(255,255,255,0.1);
}
.tile-footer a{
    color:#fff;
}
.tile.red{
    background-color: #fa4345;
}
.tile.green{
    background-color: #91be24;
}
.tile.blue{
    background-color: #165bf7;
}
.tile.purple{
    background-color: #972cf1;
}
.form-control::-webkit-input-placeholder {
   color:  #999;
}

.form-control:-moz-placeholder { /* Firefox 18- */
   color:  #999;  
}

.form-control::-moz-placeholder {  /* Firefox 19+ */
   color:  #999;  
}

.form-control:-ms-input-placeholder {  
   color: #999;  
}
.form-control,.placeholder{
    color: #999;  
}
/**panels**/
.panel{
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 30px;
}
.panel-card{
    margin-bottom: 30px;
    border: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -webkit-border-radius: 0px;
    background: linear-gradient(2deg, rgba(30, 31, 38, 1) 20%, rgba(42, 43, 52, 1) 50%, rgba(53, 55, 65, 1) 100%);
    box-shadow: -6px 0px 11px -8px #000;
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
#morris-one-line-chart tspan{
    font-family: IRANSansWeb !important;

}
#morris-one-line-chart div{
    font-family: IRANSansWeb !important;

}
.panel-card>.panel-heading {
    background-color:transparent;
    border-color: transparent;
    font-size: 16px;
    padding: 0px;
    margin-bottom: 30px;
}
.panel-actions {
    left: 0;
    position: relative;
    top: 10px;
}

.panel-actions a{
    color: #fff;
    display: inline-block;
    margin-left: 10px;
}
.panel-heading .panel-title{
         font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
}
.panel-actions a:hover{
    color:#3e81ec;
}
.panel-action-toggle:before {
       content: "\f107";
    font-family: "FontAwesome";
    font-size: 20px;
}
.panel-action-dismiss:before {
    content: "\f00d";
    font-family: "FontAwesome";
}
.panel-collapsed .panel-action-toggle:before {
       content: "\f106";
}
.panel-card .panel-body{
    padding: 0px;
}
.recent-activites  .list-group .list-group-item:first-child {
    border-top-width: 0;

}
.recent-activites  .list-group a{
    font-size: 15px;
    color: #fff;
}
.recent-activites .list-group{
    padding: 0;
    margin: 0px;
}
.recent-activites .list-group-item {
    position: relative;
    display: block;
    padding: 10px 0px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 0px;
    border-left-width: 0;
    border-right-width: 0px;
    -webkit-border-radius: 0px;
}
.recent-activites .list-group-item:last-child{
    border-bottom: 0px;
}
.recent-activites .list-group-item small{
    display: block;
}
/**table recent orders**/
.table-recent-orders>tbody>tr>td, .table-recent-orders>thead>tr>th{
    text-align: center;
}
.panel-default{
    border-color: rgba(255,255,255,0.1);
}
.panel-default .panel-body{
    border-top-color: #4c5761;
}
@media(max-width:767px){
    .table-responsive {
        overflow-x: auto;
        overflow-y:hidden;
        width:100%;
    }
    .content-wrapper {
    padding: 25px 15px 40px 15px;
}
}
/***graph**/
#flot-tooltip {
    position: absolute;
    background: none repeat scroll 0 0 rgba(255,255,255,0.8);
    border: 2px solid rgba(230,230,230,0.8);
    border-radius: 10px;
    color:  #949ba2;
    font-family: IRANSansWeb;
    font-size: 12px;
    padding: 6px;
    text-align: center;
}

#flot-tooltip span {
    display: block;
}

#flot-tooltip b {
    font-weight: bold;
    margin: 0.25em 0;
    color: #949ba2;
    font-family: IRANSansWeb;
    font-size: 12px;
    text-align: center;
}

#flot-tooltip i {
    margin: 0.1em 0;
    white-space: nowrap;
    color: #666;
    font-family: IRANSansWeb;
    font-size: 12px;
    text-align: center;
    font-style: normal;
}

.legend .legendColorBox>div {
    margin-right: 3px;
    border: none!important;
}
.legend>div{
    background-color: transparent!important;
    color:  #949ba2;
}
.legend .legendLabel{
    color: #949ba2;
}
/* -----------------------------------------
   Vectormaps
----------------------------------------- */
.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #344154;
    border-radius: 3px;
    background: #344154;
    color: #fff;
    font-family: IRANSansWeb, Verdana;
    font-size: smaller;
    padding: 3px 5px;
    z-index: 999;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #344154;
    padding: 3px;
    color: white;
    width: 18px;
    height: 18px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}
.jvectormap-zoomin {
    top: 10px;
}
.jvectormap-zoomout {
    top: 30px;
}



/****lock screen**/
.lockscreen{
    background-color: #222;
    padding-top: 150px;
}
.locksreen-col{
    width:220px;
    margin: 0 auto;
}
.lockscreen img{
    border: 6px solid rgba(255,255,255,0.3);
    border-radius: 50%;
}
.lockscreen h3{
    margin-top:20px;
    font-size: 25px;
}
.lockscreen h3 small{
    font-size: 13px;
    display: block;
    margin-bottom: 15px;
}
.lockscreen .m-t{
    margin: 0 auto;
    margin-top: 20px;
}
.lockscreen .form-control{
    border: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    background-color: rgba(255,255,255,0.3);
    -webkit-box-shadow: none;
    height: 45px;
}
.lockscreen .btn-primary{
    border: 0px;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #f1ab1f;
}
.btn-default[data-toggle="tooltip"],.btn-default[data-toggle="popover"]{
    margin-bottom: 3px;
}
/****login register accounts***/
.account{
    background:  #222;
    padding-top: 150px;
}
.account-col{
    width:300px;
    margin: 0 auto;
    text-align: center;
}
.account-col h1{
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(255,255,255,0.1);
    margin-bottom: 25px;
}
.account-col h3{
    margin-bottom: 10px;
    font-size: 13px;
    font-weight:400;
    text-transform: capitalize;
}
.account-col .form-control{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.account-col .btn-primary{
    border: 0px;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #f1ab1f;
    margin-bottom: 20px;
}
.account-col a:hover{
    color:#f1ab1f;
}
.account-col .btn-default{
    border:0px;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color:transparent;
    margin-bottom: 20px;
    color:#f1ab1f;
}
.account-col .btn-default:hover{
    color:#999;
    background-color: transparent;
}


/**************data tables************/
/* -----------------------------------------
   Datatables
----------------------------------------- */
div.dataTables_length label {
    font-weight: normal;
    float: left;
    text-align: left;
}
div.dataTables_length select {
    width: 75px;
}
div.dataTables_filter label {
    font-weight: normal;
    float: right;
}
div.dataTables_filter label input{
    border: 1px solid #ddd; 
    padding: 0px 15px;
}
div.dataTables_filter label input:focus{
    outline: 0 !important;
    border-color: #f1ab1f;
}
div.dataTables_filter input {
    width: 16em;
}
div.dataTables_info {
    padding-top: 8px;
}
div.dataTables_paginate {
    float: right;
    margin: 0;
}
div.dataTables_paginate ul.pagination {
    margin: 2px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #949ba2;
    cursor: not-allowed;
    background-color: transparent; 
    border-color: inherit; 
}
table.table {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
    cursor: pointer;
}
.sorting:before,
.sorting_asc:before,
.sorting_desc:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
}
.sorting:before {
    content: "\f0dc";
    margin-left: 7px;
}
.sorting_asc:before {
    content: "\f0de";
    margin-left: 7px;
}
.sorting_desc:before {
    content: "\f0dd";
    margin-left: 7px;
}
table.dataTable th:active {
    outline: none;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #f1ab1f;
    border-color: #f1ab1f;
}
.pagination>li>a, .pagination>li>span{
    color:#f1ab1f;
}
/************

Error 404

************/
body.error{
    background-repeat: no-repeat;
    background-size: cover;
}
.error .container{
    max-width: 450px;
    text-align: center;
    padding-top: 200px;
}
.error-box{
    padding: 20px;
       background-color: rgba(0,0,0,0.7);
}
.error-box h1{
    font-size: 90px;
}
.error-box h4{
    font-weight: 600;
}
.show-grid span {
    display: block;
    background: rgba(255,255,255,0.1);
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    min-height: 40px;
    line-height: 40px;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -ms-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    transition: All 0.4s ease;
}
ol.stylish-lists {
    padding: 0;
    margin: 0 0 0 25px;
}
ul.stylish-lists {
    padding: 0;
    margin: 0 0 0 25px;
    list-style-type: disc;
}
.fontawesome-icon-list .fa-hover a {
    display: block;
    color:  #848c94;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}

.wysihtml5-toolbar .btn-default{
    margin-right: 2px;
    border-radius: 0px;
    border: 0px;
}
.wysihtml5-toolbar .btn-default.active,.wysihtml5-toolbar .btn-default:active,.wysihtml5-toolbar .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color:  #f1ab1f;
    border-color:  #f1ab1f;
}
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    background-image: none;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
   background-color:  #f1ab1f;
    border-color:  #f1ab1f;
    outline: 0;
}

/****buttons*********/
.btn{
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0px;
    border-radius:2px;
    -webkit-border-radius: 2px;
}
.btn:hover{
    opacity: 0.9!important;
}
.btn-link{
    color:  #f1ab1f;
}
.btn-link:hover{
    color: #fff;
}
.btn-default {
    background-color: #dae6ec;
    border-color: #dae6ec;
}
.btn-default:hover,.btn-default:focus{
    
    background:  #fff;
    border-color:#fff;
}
.form-control,.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid rgba(255,255,255,0.1);
    color: #999;
    background-color: transparent;
}
.btn-primary{
    background-color: #f1ab1f;
}

.btn-3d{
        border-bottom: 3px solid rgba(0,0,0,.15)!important;
}
.btn-circle{
    padding: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    font-size: 30px;
}
.btn-circle.btn-lg{
  width: 80px;
    height: 80px;
    line-height: 80px;  
    font-size: 40px;
}
.btn-circle.btn-xs{
  width: 40px;
    height: 40px;
    line-height: 40px;  
    font-size: 20px;
}
.hr-line-dashed {
    border-top: 1px dashed rgba(255,255,255,0.1);
    color: #ffffff;
    background-color:rgba(255,255,255,0.1);
    height: 1px;
    margin: 20px 0;
}
.input-group-addon{
    background-color: rgba(68, 70, 79, 0.5);
    border-color: rgba(255,255,255,0.1);
    color: #fff;
}
.btn-white{
    background: rgba(68, 70, 79, 0.5);
     border-color: rgba(255,255,255,0.1);
     color: #949ba2;
}
.btn-white:hover,.btn-white:focus{
    color: #fff;
}

.note-editor .dropdown-menu >li>a{
   padding: 5px 15px!important;
   cursor: pointer;
}
.note-editor .dropdown-menu >li>a i{
color:#333;	
}
.sweet-buttons .btn-primary,.btn-default[data-toggle="tooltip"],.btn-default[data-toggle="popover"]{
    margin: 3px;
}
div.fancy-select div.trigger,div.fancy-select div.trigger.open,.select2-container .select2-choice,.select2-search input,.select2-container-multi .select2-choices{
    background: rgba(68, 70, 79, 0.8); 
    border-color: rgba(68, 70, 79, 0.8);
    color:  #949ba2;
}
div.fancy-select ul.options,.select2-drop-active,.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit,.select2-container .select2-choice .select2-arrow{
    background: rgba(68, 70, 79,1); 
    border-color: rgba(68, 70, 79,1); 
      color:  #949ba2;
}
div.fancy-select ul.options li{
       color:  #949ba2;
}
div.fancy-select ul.options li.hover,div.fancy-select ul.options li.selected,.select2-results .select2-highlighted{
    background: rgba(0,0,0,0.04);
    color: #fff;
}
.content-wrapper h2{
    margin-bottom: 20px;
}
.m-b {
    margin-bottom: 15px;
}
.mail-btn{
    margin-bottom: 30px;
}
.mail-btn li {
    display: inline-block;
    background:  #ddd;
    margin-left: 5px;
    color: #333;
    font-size: 13px;
    border-radius: 2px;
    padding: 10px 15px;
    cursor: pointer;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    
}
.mail-btn li:hover{
    background-color:#f1ab1f;
    color:#fff;
}
.mail-btn li i{
    margin-right: 8px;
}
.mail-box-row-2 .dropdown-menu li a{
    font-size: 13px;
}
.star {
    color: #fff!important;
    background: #B7C1D3;
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid #B7C1D3;
}



/*********

Pricing tables
**********/


.price-box{
        box-shadow: 1px 2px 15px rgba(255,255,255,0.05);
        -webkit-box-shadow: 1px 2px 15px rgba(255,255,255,0.05);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-align: center;
    padding-bottom: 20px;
    border: 1px solid rgba(255,255,255,0.1);
}
.price-box.popular h3{
    background-color: #f1ab1f;
    color:#fff;
}
.price-box:hover{
   box-shadow: none;
    -webit-box-shadow: none;
}
.price-box h3{
    color:#333;
    background-color: transparent;
    text-transform: uppercase;
    padding: 20px;
    margin-bottom: 0px;
    font-weight: 700;
}
.price-box h4{
    font-size: 40px;
    font-weight: 700;
    background-color:rgba(68, 70, 79, 0.5);
    padding: 10px;
}
.price-box h4 sup, .price-box h4 sub{
    font-size: 12px;
}
.price-box h4 sup{
    vertical-align: top;
    top: 9px;
     font-weight: 400;
}
.price-box h4 sub{
       vertical-align: bottom;
    bottom: 7px;
    left: -9px;
    font-weight: 400;
}
.price-box h4 span{
    display: block;
    font-size: 13px;
    color:#f1ab1f;
    font-weight: 600;
    margin-top: 5px;
}
.price-box ul{
    text-align: right;
    
}
.price-box ul li{
    padding: 8px 25px;
    font-weight: 400;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.price-box ul li i{
    color:#f1ab1f;
    margin-left: 10px;
}
.price-box p{
    padding: 20px 25px;
    font-size: 12px;
    line-height: 18px;
    
}

/**dark price**/
.price-box.dark{
    background-color: rgba(68, 70, 79, 0.5);
    border:0px;
}
.price-box.dark h4, .price-box.dark h3{
    color:#fff;
    background-color: rgba(68, 70, 79, 0.5);
}
.price-box.dark.popular h3{
    background-color: #f1ab1f;
}
.price-box.dark ul li{
    border-bottom-color:rgba(255,255,255,0.1);
}
.contact-details {
    padding-top: 30px;
    margin-bottom: 30px;
}
.gallery-col{
    margin-bottom: 30px;
}
.contact-details h3{
    font-weight: 400;
    color: #fff;
}
.socials li{
    padding: 0px;
}
.socials li a{
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #4c5761;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    color:#fff;
    font-size: 18px;
    display: block;
}
.socials li a:hover{
    color:#fff;
    background-color: #f1ab1f;
}
.jqstooltip{
    box-sizing: content-box;
    color: #fff;
}
.flot-chart {
    display: block;
    height: 200px;
}
.flot-chart-content {
    width: 100%;
    height: 100%;
}
.flot-chart-pie-content {
    width: 280px;
    height: 200px;
    margin: auto;
}
.form-control{
    box-shadow: none;
    -webkit-box-shadow: none;
    
}
.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span{
    color:  #949ba2;
}
/*************bootstrap wizard form css****/
.bwizard ul.bwizard-steps{
    margin-bottom: 30px;
}
.bwizard ul.pager{
    margin-bottom: 0px;
}
.bwizard-steps li a{
    display: block;
    padding: 8px 20px;
        background-color:  rgba(68, 70, 79, 0.5);
    color: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
}
.bwizard-steps li.completed a{
    background-color: #333;
    color:#fff;
}
.bwizard-steps li.active a{
    background-color: #f1ab1f;
    color:#fff;
}
.bwizard-steps li.completed a{
    background-color: #f1ab1f;
    color:#fff;
}
.pager li>a, .pager li>span,.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: rgba(68, 70, 79, 0.5);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 15px;
}
.pager li>a:hover, .pager li>span:hover,.pager li>a:focus, .pager li>span:focus{
    background-color:  #f1ab1f;
    color: #fff;
}
input[type=checkbox], input[type=radio]{
    margin: 8px 0 0 ;
}
.bwizard .control-label{
    font-size: 12px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(68, 70, 79, 0.5);
}
.popover-title{
    color: #333!important;
}
.table-bordered{
   border-color: rgba(255,255,255,0.1);
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border-bottom-width: 1px;
}
.popover{
    background: #eee;
}
.popover.top>.arrow:after{
    border-top-color: #eee;
}
.pagination>li>a, .pagination>li>span {
    background-color: transparent;
    border-color: #949ba2;
}
.fc-unthemed .fc-today {
    background: #f1ab1f;
    color: #fff;
}
.fc-basic-view .fc-day-number{
    padding:  5px!important;
   font-size: 13px;
    line-height: 13px;
}
div#flotTip,.jqstooltip {
    color: #fff;
    background:  rgba(0,0,0,0.95)!important;
    border-color: #000!important;
    border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
}
.morris-hover.morris-default-style{
    border-color: #000;
    background-color: rgba(0,0,0,0.95);
    font-family: IRANSansWeb;
}
.morris-hover.morris-default-style .morris-hover-row-label{
    color: #fff;
}
.ct-label{
    font-size: 11px;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #f1ab1f;
    border-color: #f1ab1f;
}
.bwizard .has-error .form-control{
    box-shadow: none;
    -webkit-box-shadow: none;  
}
.bwizard .help-block{
    text-align: left;
    font-weight: 400;
    font-size: 13px;
}
.bwizard .progress{
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 30px;
    -webkit-border-radius: 30px;
}
.bwizard .progress-bar{
    background-color: #f1ab1f;
}
.blog-post {
    padding: 0px;
    background-color: transparent;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.blog-post img{
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
.blog-desc{
       padding: 15px 0;
}
.blog-desc h3{
    font-weight: 400;
    font-size: 20px;
}
.blog-desc h3 a{
    color:  #eee;
}
.blog-meta{
    display: block;
    font-weight: 400;
    font-size: 12px;
}
.blog-meta a{
    margin-right: 10px;
}
.blog-meta a+a{
    display: inline-block;
    margin-left: 10px;
    margin-right: 0px;
}
.post-header{
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.post-header h2{
    font-weight: 400;
    font-size: 30px;
}
.blog-single-post .panel .panel-heading{
    font-size: 25px;
}
.sidebar-widget{
    padding-bottom: 30px;
}
.sidebar-widget h4{
    text-transform: uppercase;
    font-weight: 700;
}
hr{
    border-top-color:  rgba(255,255,255,0.1);
}
.jvectormap-zoomin, .jvectormap-zoomout{
    background-color: rgba(255,255,255,0.1);
    font-size: 21px;
}
.tag-list a{
    display: inline-block;
    margin: 3px;
    padding: 1px 5px;
    color: #fff;
    border: 1px solid  rgba(255,255,255,0.1);
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.tag-list a:hover{
    color:#f1ab1f;
    border-color: #f1ab1f;
}
.nav .nav-label{
    font-family: IRANSansWeb;
}
.tabs-container .tabs-left > .nav-tabs {
    float: left;
    margin-right: 0px;
}
.tabs-container .tabs-left > .nav-tabs > li{
    float: none;
}
.tabs-container .tabs-left > .nav-tabs .active > a{
        border-color: #f1ab1f transparent #f1ab1f #f1ab1f;
}
.tabs-container .tabs-left .tab-content{
    overflow: hidden;
    background-color:transparent;
}

.tabs-container .tabs-right > .nav-tabs {
    float: right;
    margin-right: 0px;
}
.tabs-container .tabs-right > .nav-tabs > li{
    float: none;
}
.tabs-left li a{
    margin-bottom: 3px;
    display: block;
}
.tabs-container ul{
    margin-bottom: 10px;
}
.tab-content .panel-body{
    background: linear-gradient(2deg, rgba(30, 31, 38, 1) 20%, rgba(42, 43, 52, 1) 50%, rgba(53, 55, 65, 1) 100%);
    box-shadow: -6px 0px 11px -8px #000;
    padding: 30px;
    height: auto;
}
.tabs-right ul{
    padding-left: 10px;
}
.tabs-left ul{
    padding-right: 10px;
}
.nav-tabs>li>a{
    border-radius: 4px;
    background-color:  rgba(68, 70, 79, 0.5);
    display: block;
    margin: 3px;
}
.nav-tabs>li>a:hover {
    border-color: transparent;
}
.tabs-container .tabs-right > .nav-tabs .active > a{
        border-color: #f1ab1f #f1ab1f #f1ab1f transparent;
}
.tabs-container .tabs-right .tab-content{
    overflow: hidden;
    background-color: transparent;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color:  #f1ab1f;
    border: 1px solid rgba(255,255,255,0.1);
    border-bottom-color: transparent;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.nav-tabs {
    border-bottom: 0px;
}
.buttons-column{
    padding: 20px;
    background-color:  rgba(68, 70, 79, 0.5);
    margin-bottom: 40px;
}
.buttons-column h3{
    color:#333;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 25px;
    text-transform: capitalize;
}
.buttons-column a, .buttons-column button{
    display: inline-block;
    margin-bottom: 3px;
}
.mail-box-row-2{
    margin-bottom: 20px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-color: rgba(255,255,255,0.1);
    font-weight: 400;
}
.fc-state-default{
    border-radius: 0px;
    background: rgba(68, 70, 79, 0.5);
    background: none;
    background-image: none;
    -webkit-background-image:none;
    text-shadow: none;
    color:  #949ba2;
    box-shadow: none;
}
.fc-state-default:hover,.fc-state-default:focus{
    background:  #f1ab1f;
    color: #fff;
}
.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover{
  box-shadow:none;  
}
.fc-state-active{
 background:  #f1ab1f;
    color: #fff;   
}
.fc th{
    font-weight: 400;
}
.btn-group-lg>.btn, .btn-lg{
    font-size: 15px;
}
.alert .alert-link {
    font-weight: 500;
}
/****mail view***/
.mail-side-bar{
    padding: 20px;
    background-color: rgba(68, 70, 79, 0.5);
    margin-bottom: 20px;
}
.mail-side-bar ul{
    margin: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.mail-side-bar ul li{
    padding: 5px 0;
}
.mail-side-bar ul li a{
    color: #949ba2;
    font-weight: 400;
}
.mail-side-bar ul li a:hover{
    color: #f1ab1f;
}
.mail-side-bar ul li.lables{
    text-transform: capitalize;
    font-weight: 400;
    padding-bottom: 10px;
    color:#fff;
        font-family: 'Open Sans', IRANSansWeb;
        font-size: 16px;
}
.mail-side-bar ul.tags li:first-child{
    padding-bottom: 15px;
}
.mail-side-bar ul.tags li.lables{
  display: block;
}
.mail-side-bar ul.tags li{
    padding: 0px;
}
.mail-side-bar ul.tags li a{
    padding: 2px 12px;
    font-size: 12px;
    background-color: rgba(255,255,255,0.1);
    display: block;
    margin:3px;
    border-radius: 2px;
}
.mail-side-bar ul.tags li a:hover{
    color:#fff;
    background-color:  #f1ab1f;
}
.mail-box-header{
    background-color: rgba(68, 70, 79, 0.5);
    padding: 15px;
      margin-bottom: 30px;
}
.mail-box{
    padding: 15px;
    background-color: rgba(68, 70, 79, 0.5);
  margin-bottom: 30px;
}
body .fc {
    margin-bottom: 30px;
}
.file {
    border: 1px solid rgba(255,255,255,0.1);
    padding: 0;
    background-color: rgba(68, 70, 79, 0.5);
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
}
.file-box {
    display: flex;
    width: 220px;
    margin-top: 20px ;
}
.file .icon {
    padding: 15px 10px;
    text-align: center;
}
.file .icon i {
    font-size: 70px;
    color: #949ba2;
}
.file .file-name {
    padding: 10px;
    background-color: rgba(68, 70, 79, 0.3);
    border-top: 1px solid rgba(255,255,255,0.1);
}
.file-name small {
    color: #949ba2;
}
.mfp-bg{
    z-index: 99999 !important;
}
.mfp-wrap{
    z-index: 99999999 !important;
}
.gallery-col a{
    display: block;
    width: 20%;
    float: left;
    padding: 3px;
}
.help-block{
    color:  #949ba2;
}
.pagination{
    margin-top: 0px;
}

/*calendar css**/
.fc-event{
    cursor: pointer;
    margin-bottom: 10px;
    padding:8px 12px;
    font-size: 15px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color:   #f1ab1f;
    color:#fff;
    border:0px;
    border-left: 2px solid #f1ab1f;
}
.fc-event:hover{
    color:#fff;
}

.note-codable{
    display: none;
}
.note-editor{
    padding: 20px;
}
.note-editable{
    padding: 20px 0;
}
.note-editable:focus{
    outline:0 !important; 
}
.compose_form .form-control{
    border: 1px solid rgba(255,255,255,0.1);
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    min-height: 45px;
    background-color: transparent;  
}
.table-hover>tbody>tr:hover {
    background-color:rgba(255,255,255,0.1);
}
/***slider***/

.slider-selection {
    background-color:  #f1ab1f;
    background-image: none;
}
.slider-track {
    background-color:rgba(68, 70, 79, 0.5);
    box-shadow: none;
}
.slider-handle{
    background-color:  #f1ab1f;
    background-image: none;
}
.table-commerce{
    padding: 15px;
    background-color: rgba(68, 70, 79, 0.5);
    margin-bottom: 30px;
}
.label-purple{
    background-color: #6a67fc;
}
.label-inverse{
    background-color: #666;
}

.order-view-box{
    padding: 15px;
    background-color:transparent;
    margin-bottom: 30px;
     background-color: rgba(68, 70, 79, 0.5);
}
.embed-responsive,.panel-group,#markermap{
    margin-bottom: 30px;
}
.order-view-box h3{
    color: #848c94;
    font-weight: 500;
}
.profile-overview{
    padding: 15px;
    background-color: rgba(68, 70, 79, 0.5);
}
.profile-overview h3{
      margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
}
.profile-overview .socials li a{
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.show-tab i{
    opacity: 0;
}
.show-tab:hover i{
    opacity: 1;
}
.profile-detail tr:hover i{
    opacity: 1;
}
.profile-edit{
    padding: 15px;
    background-color:rgba(68, 70, 79, 0.5);
}
.sale-state-box{
    padding: 15px;
    background-color: #f1ab1f;
    color:#fff;
    border-radius: 3px;
    -webkit-border-radius: 8px !important;
    margin-top: 15px;
    box-shadow: 3px 4px 5px rgba(255,255,255,0.1);
}
.panel-footer{
    background: transparent;
    border-top-color: rgba(255,255,255,0.1);
}
.sale-state-box h3{
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: 700;
}
.profile-states{
    padding: 15px;
    background-color: transparent;
    margin-bottom: 30px;
}
.recent-activities{
    padding: 15px;
    background-color:transparent;
}
.recent-activities .media img{
    height: 40px;
}
.recent-activities .media .media-heading{
    color: #f1ab1f;
    margin-bottom: 0px;
}
.recent-activities .media-body{
    font-size:12px;
}
.users-row img{
    margin-right: 10px;
}
.user-col{
    padding: 15px;
    background-color:rgba(68, 70, 79, 0.5);
    margin-bottom: 30px;
}
.jvectormap-container{
    background-color: transparent !important;
}
.fileupload-buttonbar{
    margin: 0px;
}
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{
    border-color:rgba(68, 70, 79, 0.5);
}
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header{
    background: rgba(68, 70, 79, 0.5);
}
.editable-input .form-control{
    background-color: #f3f3f3;
}
.note-editor .note-toolbar {
    background-color: transparent;
    border:0px;
}
.note-editor .caret{
border-top-color:#fff;	
}
.note-toolbar .btn-default,.note-editor .btn-default:hover, .note-editor .btn-default:focus, .note-editor .btn-default:active, .note-editor .btn-default.active, .open .dropdown-toggle.note-editor .btn-default,.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
background-color: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.1);
    color: #fff;
}
.note-toolbar .dropdown-menu li h1,.note-toolbar .dropdown-menu li h2,.note-toolbar .dropdown-menu li h3,.note-toolbar .dropdown-menu li h4,.note-toolbar .dropdown-menu li h1,.note-toolbar .dropdown-menu li h5,.note-toolbar .dropdown-menu li h6{
	color:#333!important;
}
.note-toolbar .dropdown-menu .note-align .btn-default,.note-toolbar .dropdown-menu .note-list .btn-default{
	background-color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.1);
    color: #fff;
}
.note-editor {
    height: 340px;
}
.counter-box{
    min-height: 90px;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 2px;
    background: linear-gradient(344deg, rgba(30, 31, 38, 1) 20%, rgba(42, 43, 52, 1) 50%, rgba(53, 55, 65, 1) 100%);
    box-shadow: -6px 0px 11px -8px #000;
}
.counter-box i{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    float: right;
    margin-left: 15px;
}
.counter-box i.primary-icon{
    background:  #f1ab1f;
}
.counter-box i.secondry-icon{
    background:   #10c469;
}
.counter-box i.tritary-icon{
    background:  #6a67fc;
}
.counter-box i.founry-icon{
    background:  #DB524B;
}
.counter-box .states{
   overflow: hidden;
   padding-top: 10px;
       text-align: right;
}
.counter-box .states h3{
   font-weight: 700;
   margin-bottom: 5px;
}
.map_progress {
    margin-top: 20px;
}
.map_progress .progress{
        border-radius: 0px;
        box-shadow: none;
        height: 5px;
        margin-bottom: 30px;
        background-color: rgba(255,255,255,0.9);
    }
    .map_progress .progress .progress-bar{
        background:  #f1ab1f;
    }
    #morris-chart-network{
        height: 250px;
    }
    #donut-example{
        height: 250px;
    }
    .nano > .nano-content{
    right: 0!important;
}

ul.wysihtml5-toolbar > li,.note-editor .btn-toolbar .btn-group{
    float: right;
}
.select2-container .select2-choice .select2-arrow{
    left: 0;
    right: auto;
}
div.fancy-select div.trigger:after{
    left: 14px;
    right: auto;
}
.slider.slider-vertical .slider-handle, .slider.slider-vertical .slider-tick{
    left: 0;
}
.popover {
    direction: rtl;
    left: 0;
    right: auto;
}
iframe.wysihtml5-sandbox,#wysiwyg,.wysihtml5-editor{
    direction: rtl;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
    right: 0px;
}

div.dataTables_paginate {
    float: left;
}
@media(max-width:991px){
    .btn-group{
        margin-right: 10px;
    }
    .mail-box-row-2 .btn-default{
        margin-top: 10px;
    }
    .bwizard-steps li a{
        margin-bottom: 10px;
    }
}
@media(max-width:768px){
    .gallery-col a{
        width: 50%;
    } 
    .fileupload-buttonbar button{
        margin-bottom: 2px;
    }
}
@media(max-width:767px){
    .tabs-container .tabs-left > .nav-tabs,.tabs-container .tabs-right > .nav-tabs{
        float: none;
    }
    .sweet-buttons button{
        margin-bottom: 10px;
    }
    .panel-body button{
        margin-bottom: 10px;
    }
    .user-col button{
        margin-bottom: 10px;
    }
}


.box-gold input{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 18px;
    border-radius: 7px;
}

.balance{
    margin-top: 22px;
}

.box-gold .btn-buy-gold {

    text-align: center;
    margin-top: 25px;
}
.wallet-t{
    margin-top: 13px;
}
.wallet-t span{
    color: #999;
    font-size: 14px;
}
.box-gold .btn-buy-gold a{
    width: 100%;
    border-radius: 8px;
    padding: 6px;
    font-size: 15px;
    font-weight: 600;
}


.help-block{
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 13px;
}

.box-gold li.active a{

    background-color: #1bbf89 !important;
}

.box-gold .buy-tab.active a{

    background-color: #DB524B !important;
}

.navbar-brand{
    font-family: 'IRANSansWeb' !important;
}

/*------------------*/

.menu-btn button{
    margin: 2px;
}

.body_login {
    --black-matte: #2a2c34;
    --black-light: #333333;
    --white-soft: #F9F9F9;
    --gold-gradient: #f1ab1f;
    font-family: IRANSansWeb;
    background-color: var(--black-matte);
    direction: rtl;
    background-image:
            radial-gradient(circle at 25% 25%, rgb(53, 55, 65) 0%, transparent 50%),
            radial-gradient(circle at 75% 75%, rgb(53, 55, 65) 0%, transparent 50%);
    min-height: 100vh;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-soft);
    overflow-x: hidden;
}
.portal-container {
    position: relative;
    width: 420px;
    min-height: 550px;
    background: #2a2c34;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    padding: 0;
    z-index: 10;
}
.header-bar {
    background: var(--gold-gradient);
    height: 8px;
    width: 100%;
}
.content-wrapper {
    padding: 40px;
}
.gold-accent {
    position: absolute;
    background: linear-gradient(135deg, #565a66 0%, #7b7c80 50%, #606267 100%);
    opacity: 0.05;
    filter: blur(30px);
    border-radius: 100%;
    z-index: -1;
}
.accent-1 {
    width: 250px;
    height: 250px;
    top: -100px;
    right: -100px;
}
.accent-2 {
    width: 300px;
    height: 300px;
    bottom: -150px;
    left: -150px;
}
.logo {
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}
.logo::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background: #f1ab1f;
}
.logo h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 32px;
    color: #f1ab1f;
    letter-spacing: 2px;
    margin-bottom: 8px;
}
.logo p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}
.form-container {
    position: relative;
    min-height: 200px;
}
.form {
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease;
}
.form.active {
    opacity: 1;
    pointer-events: all;
}
.input-group {
    position: relative;
    margin-bottom: 24px;
}
.input-group i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(212, 175, 55, 0.5);
    transition: all 0.3s ease;
}
.form-input {
    width: 100%;
    padding: 12px 0px 12px 0px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    background: rgba(255, 255, 255, 0.03);
    color: var(--white-soft);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    font-family: IRANSansWeb;
    transition: all 0.3s ease;
}
.form-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.form-input:focus {
    outline: none;
    border-color: #f1ab1f;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}
.form-input:focus + i {
    color: #f1ab1f;
}
.action-btn {
    width: 100%;
    padding: 5px;
    border: none;
    border-radius: 8px;
    background: var(--gold-gradient);
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.4s ease;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
    margin-top: 12px;
    letter-spacing: 1px;
    font-family: IRANSansWeb;
}
.action-btn:disabled {
    background: var(--black-light)var(--black-light);
    cursor: not-allowed;
    box-shadow: none;
}
.action-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.3);
    background: #e1a844;
}
.divider {
    display: flex;
    align-items: center;
    margin: 25px 0;
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
    letter-spacing: 1px;
}
.divider::before, .divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(212, 175, 55, 0.2);
    margin: 0 10px;
}
.social-login {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
}
.social-btn {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-soft);
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(212, 175, 55, 0.2);
}
.social-btn:hover {
    transform: translateY(-3px);
    background: rgba(212, 175, 55, 0.1);
    border-color: #f1ab1f;
}
.footer {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.5px;
}
.footer a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    margin: 0 8px;
    transition: all 0.3s ease;
}
.footer a:hover {
    color: #fff;
}
.secure-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
}
.secure-badge i {
    color: #fff;
    margin-left: 8px;
}
.error-message {
    color: #ff4d4d;
    font-size: 13px;
    margin-top: 20px;
    text-align: center;
    display: none;
}
.success-message {
    color: #4ade80;
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
    display: none;
}
.timer-container {
    text-align: center;
    font-size: 13px;
    margin-top: 0.5rem;
    color: rgba(255, 255, 255, 0.7);
}
.resend-btn {
    display: none;
    margin: 10px auto;
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    background: var(--gold-gradient);
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.resend-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(212, 175, 55, 0.3);
}
@media (max-width: 480px) {
    .portal-container {
        width: 90%;
    }
    .content-wrapper {
        padding: 30px 20px;
    }
    .logo h1 {
        font-size: 26px;
    }
    .social-btn {
        width: 42px;
        height: 42px;
    }
}

.code-inputs {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    direction: ltr;
}
.code-input {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    font-size: 1.25rem;
    border: 2px solid #ccc;
    border-radius: 0.25rem;
    outline: none;
    transition: border-color 0.3s;
    color: #000;
    font-family: 'IRANSansWeb';
}

.code-input:focus {
    border-color: #3b82f6;
}
/* مخفی کردن فلش‌های input نوع number */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.mobile-display{
    text-align: center;
}

.mobile-display .mobile-number{
    color: #a5a5a5;
}


.verify_code{
    margin-top: 10px;
}

.resend_code {
    margin-top: 15px;
    text-align: center;

}

.swal2-popup{
    font-size: 16px !important;
}

.swal-rtl {
    direction: rtl;
    font-family: IRANSansWeb; /* فونت فارسی، در صورت نیاز جایگزین کنید */
    text-align: right;
}
.swal-rtl-title {
    font-size: 1.5em;
    margin-bottom: 10px;
}
.swal-rtl-text {
    font-size: 1em;
    line-height: 1.5;
}
.swal-rtl-button {
    font-family: IRANSansWeb;
    padding: 8px 16px;
    margin: 5px;
}
.swal2-actions{
    flex-direction: row-reverse;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
    background-color: #f1ab1f !important;
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{
    box-shadow: rgba(255, 191, 65, 0.35) 0px 0px 0px 3px !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{
    box-shadow: rgba(255, 191, 65, 0.35) 0px 0px 0px 3px !important;

}


.pe-1{
    margin: 15px;
}

#morris-two-line-chart tspan{
    font-family: 'IRANSansWeb';

}
#morris-two-line-chart div{
    font-family: 'IRANSansWeb';

}

.btn-buy-gold , .btn-buy-gold button{
    width: 100%;
    border-radius: 8px;
}

.table-recent-orders {
    font-family: 'IRANSansWeb', sans-serif !important;
    direction: rtl;
}
.table-recent-orders th,
.table-recent-orders td {
    font-family: 'IRANSansWeb', sans-serif !important;
    direction: rtl;
}

/* رنگ‌ها برای نوع (طلا و نقره) */
.text-gold {
    color: #d4af37; /* رنگ طلایی */
    font-weight: bold;
}
.text-silver {
    color: #c0c0c0; /* رنگ نقره‌ای */
    font-weight: bold;
}

/* رنگ‌ها برای خرید و فروش */
.text-buy {
    color: #28a745; /* سبز برای خرید */
    font-weight: bold;
}
.text-sell {
    color: #dc3545; /* قرمز برای فروش */
    font-weight: bold;
}


.text-table th{
    text-align: center;
}


.panel-body .dataTables_length{
    display: flex !important;
}.panel-body .dataTables_filter{
     display: flex;
     flex-direction: row-reverse;
}


.fileinput-button {
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.fileinput-button:hover {
    background-color: #28a745;
    transform: scale(1.05);
}
.fileinput-button input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
}
#fileList ul {
    list-style-type: none;
    padding: 0;
}
#fileList li {
    font-size: 0.9em;
    color: #555;
    margin-top: 5px;
}

.table th{
    text-align: center;
}

.mail-box-header { background: #393b43; padding: 20px; border-radius: 5px; color: #fff; }
.mail-box { border: 1px solid #393b43; padding: 20px; border-radius: 5px; margin-top: 20px; }
.file-item { display: flex; align-items: center; margin: 5px 0; }
.file-item i { font-size: 1em; margin-left: 10px; color: #e1a844; }
.file-item a { color: #c67e00; text-decoration: none; }
.file-item a:hover { text-decoration: underline; }
.file-item small { color: #555; margin-right: 10px; }
.reply-form { margin-top: 20px; display: none; }
.message-box { margin-bottom: 20px; padding: 34px; border-radius: 5px; color: #fff; }
.user-message { background: #393b43; }
.admin-message { background: #44464e; }
.message-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.fileinput-button {     position: relative;
    overflow: hidden;
    padding: 6px 16px;
    border-radius: 5px;
    transition: all 0.3s ease;
    font-size: 12px;}
.fileinput-button:hover { background-color: #28a745; transform: scale(1.05); }
.fileinput-button input[type="file"] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; width: 100%; height: 100%; }
#fileList ul { list-style-type: none; padding: 0; }
#fileList li { font-size: 0.9em; color: #afafaf; margin-top: 5px; }
.btn-primary:disabled, .btn-info:disabled, .btn-success:disabled { cursor: not-allowed; opacity: 0.6; }
.message-replace{font-size: 16px; padding: 11px;}

.status-ticket{
    display: flex;
    flex-direction: column;
    padding: 7px;
}
@media (max-width: 906px) {
    .mail-box-header {
        display: flex;
        flex-direction: column-reverse;
    }
}
.status-ticket div{
    margin-top: 10px;
}

.reply-form label{
    font-size: 12px;
}.reply-form .list-unstyled{
    text-align: center;
}

 .verify_massage{
     padding: 7px;
     text-align: center;
 }

 .side-profile span{
     font-family: IRANSansWeb !important;
 }



.profile-container {
    position: relative;
    display: inline-block;
}
.profile-image {
    border-radius: 50%;
    width: 108px;
    height: 108px;
    object-fit: cover;
}
.edit-button {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 12px;
}
.edit-button:hover {
    background: #0056b3;
}
#profile_image_input {
    display: none;
}
.error-message {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    font-family: IRANSansWeb;
}
.success-message {
    color: green;
    font-size: 12px;
    margin-top: 5px;
    font-family: IRANSansWeb;
}

.modal-body input{
    border: 1px solid #c1adad;
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
    letter-spacing: 5px;
    padding: 19px;
}

.modal-dialog-centered{
    top: 20%;
}
.modal-dialog{
    top: 10%;
}

.box-gold .amount-btn{
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 5px 18px;
    margin-top: 5px;
}
.box-gold .amount-btn:focus {
    color: #f1ab1f;


}.box-gold .amount-btn:hover {
    color: #fff;

}

.mt-3{
    margin-top: 20px;
}
.mt-5{
    margin-top: 30px;
}

.btn-buy-pay{
    display: flex;
    justify-content: space-between;
}

.btn-buy-pay button{
    width: 49%;
}

.btn-buy-pay a{
    width: 49%;
}


.upload-area {
    position: relative;
    min-height: 200px;
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 20px;
    background-color: #2f3039;
    cursor: pointer;
}
#receipt-upload{
    display: none;
}
.upload-area.dragover {
    border-color: #007bff;
    background-color: #e9f7ff;
}
.upload-placeholder {
    cursor: pointer;
}

.preview-area {
    text-align: center;
    cursor: pointer;
}
.preview-area img {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    opacity: 0.5;
}
.preview-area img.uploaded {
    opacity: 1;
    transform: none;
}


tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #0e0e0e !important;
    color: #fff;
}

.btn-shoping{
    border-radius: 15px;
    border: 1px solid #f1ab1f;
}

.btn-shoping:hover {
    text-decoration: none;
    background-color: rgba(241, 171, 31, 0.08);
    border: 1px solid rgb(241, 171, 31);
    color: #fff;
}

.blog-meta{
    color: #f1ab1f;
    font-size: 14px;
}

.blog-desc a{
    font-size: 16px;
    font-weight: 600;
}
.d-shoping{
    display: flex;
    justify-content: center;
}

.d-shoping .btn-filter{
    margin: 5px;
    border-radius: 8px;
    color: #0e0e0e;
    font-size: 16px;
    font-weight: 600;

}

.d-shoping .btn-cart{
    margin: 5px;
    color: #0e0e0e;
    font-size: 18px;
    border-radius: 8px;
    font-weight: 600;
}

.header-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.header-row span{
    margin-right: 11px;
}

.balances {
    display: flex;
    gap: 20px; /* فاصله بین دو موجودی */
    border: 1px solid #f1ab1f;
    border-radius: 15px;
    padding: 4px 19px;
    margin-right: 15px;
}

.balances p {
    margin: 0;
    white-space: nowrap;
    display: flex;
    align-items: baseline;
    font-size: 14px;
    font-weight: 600;
}
.cart-item-count{
    border-radius: 25px;
    padding: 8px 10px;
    background: #000 !important;
}

.modal-content{
    background: linear-gradient(2deg, rgba(30, 31, 38, 1) 20%, rgba(42, 43, 52, 1) 50%, rgba(53, 55, 65, 1) 100%);
    box-shadow: -6px 0px 11px -8px #000;
}

.alert-balance{
    border-bottom: 1px solid #f1ab1f;
    width: max-content;
    padding: 8px;
    margin-bottom: 15px;
}

.modal-header{
    border-bottom: 1px solid #686868;
}
.modal-footer{
    border-top: 1px solid #686868;
}

.modal-body input {
    border: 1px solid #f1ab1f;
    color: #f1ab1f;

}
.swal2-html-container{
    color: #f1ab1f !important;
}
.swal2-popup{
    background: linear-gradient(2deg, rgba(30, 31, 38, 1) 20%, rgba(42, 43, 52, 1) 50%, rgba(53, 55, 65, 1) 100%);
    box-shadow: -6px 0px 11px -8px #000;
}

.item-cart{
    display: flex;
    align-items: center;
    background: none;
    border: 1px dashed #f1ab1f;
    color: #bdbdbd;
    font-size: 13px;
}

.alert-custom-info{
    border-radius: 11px;
    border: 2px dashed #1fb7f1;
    color: #1fc1f1;
    background-color: #ffffff05;
    text-align: center;
}

.alert-custom-danger{
    border-radius: 11px;
    border: 2px dashed #db524b;
    color: #db524b;
    background-color: #ffffff05;
    text-align: center;
}

.alert-custom{
    border-radius: 11px;
    border: 2px dashed #f1ab1f;
    text-align: center;
}


.btn-internal{
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 6px;
}

.text-internal{
    font-size: 16px;
}


.alert-custom-gift{
    border-radius: 11px;
    border: 1px dashed #54565d;
    color: #f1ab1f;
    text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 7px;
}

.alert-custom-gift span{
    font-weight: 400;
    font-size: 14px;
 }



.alert-custom-gift {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    flex-direction: row;
    justify-content: center;
    gap: 0;
}
.alert-custom-gift span, .alert-custom-gift p {
    margin: 0;
}
.alert-custom-gift i {
    margin-left: 10px;
}
.two-by-two-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}



.panel-gift .form-inner {
    width: 100%;
}
.panel-gift .form-inner .form-group {
    width: 100%;
}
.panel-gift .form-inner .form-control {
    width: 100%;
    box-sizing: border-box;
}
.panel-gift input {
    color: #fff;
    font-family: IRANSansWeb;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
@media (max-width: 768px) {
    .two-by-two-container {
        grid-template-columns: 1fr;
    }
}

.swal2-title{
    font-size: 20px;
    border-bottom: 1px solid #4e4e4e;
    padding: 17px;
}

.text-modal-withd{
    font-size: 17px;
    text-align: center;
    border: 1px dashed #ffbc36ad;
    padding: 28px;
    border-radius: 25px;
}

.text-modal-edit{
    display: flex;
    flex-direction: column;
    align-items: stretch;

}

.text-modal-edit label{
    font-size: 14px;
    margin-top: 20px;
}
.text-modal-edit input{
    text-align: center;
}
.text-modal-edit option{
     background: #2e3039;
 }

.modal-body option{
    background: #2e3039;
}

.text-modal-shoping{
    font-size: 16px;
    text-align: center;
    border: 1px dashed #666666;
    padding: 10px;
    color: #ffad0a;
    border-radius: 25px;
    margin: 10px;
}


.upload-area.dragover {
    border: 2px dashed #007bff;
    background-color: #e9f7ff;
}
#edit_category_name {
    pointer-events: auto !important;
    user-select: text !important;
    cursor: text !important;
}
/* اطمینان از اولویت مودال ویرایش */
#editCategoryModal {
    z-index: 1060 !important;
}
#editCategoryModal .modal-backdrop {
    z-index: 1055 !important;
}
/* رفع مشکلات فوکوس */
.modal-open .modal {
    pointer-events: auto !important;
}
.modal-open {
    overflow: auto !important;
}

.d-none{
    display: none !important;
}

.modal-product select{
    text-align: center;
    border-radius: 8px;
    border: 1px solid #ffad0a;
    height: 38px;

}

.modal-users select{
    text-align: center;
    border-radius: 8px;
    border: 1px solid #ffad0a;
    height: 38px;
}
.gallery-images .col{
    margin: 8px;
}

.gallery-images{
    display: flex;
    border-top: 1px solid #646466;
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 30px;
}

.categories-table-body td{
    text-align: center;
}



.order-details p{
    text-align: center;
    font-size: 16px;
}
.order-details p{
    padding: 10px;
    border-bottom: 1px solid #8b857a42;
}


.text-details table{
    text-align: center;
}
.dataTables_length select{
    background: #32333d !important;
}

.gallery-image.selected {
    border: 3px solid #28a745;
    opacity: 0.9;
}
.gallery-image:hover {
    opacity: 0.8;
    cursor: pointer;
}

.mb-1{
    margin-bottom: 20px;
}

.mb-2{
    margin-bottom: 30px;
}

.mb-3{
    margin-bottom: 40px;
}

.mt-1{
    margin-bottom: 20px;
}
.pt-1{
    padding-top: 20px;
}
.text-details th {
    text-align: center !important;
}

.custom-switch {
    width: 30px;
    height: 15px;
    background-color: #ccc;
    border-radius: 25px;
    position: relative;
    appearance: none;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s;
}

.custom-switch::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background: white;
    transition: transform 0.3s;
}

.custom-switch:checked {
    background-color: #f8bd57;
}

.custom-switch:checked::before {
    transform: translateX(15px);
}



.custom-file-upload {
    display: inline-block;
    padding: 5px 13px;
    cursor: pointer;
    background-color: #f8bd57;
    color: #000;
    border-radius: 4px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px;
}
.custom-file-upload:hover {
    background-color: #f8bd57; /* رنگ تیره‌تر هنگام هاور */
}
.file-input-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ced4da; /* بوردر سراسر */
    border-radius: 4px;
    padding: 5px 2px 1px 0px;
    justify-content: space-between; /* دکمه در چپ، نام فایل در وسط */
    flex-direction: row-reverse;
}
input[type="file"] {
    display: none; /* مخفی کردن ورودی فایل اصلی */
}
.file-name {
    flex-grow: 1;
    text-align: center; /* نام فایل در وسط */
    color: #a8a8a8;
}

.api-check .show-grid{
    display: flex;
    align-items: flex-end;
}

.api-check{
    height: 500px;
}


@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
.blink {
    animation: blink 0.5s ease-in-out 1;
}


@media (max-width: 768px) {
    .navbar-right .badge {
        position: relative;
        top: -1px;
        right: 1px;
        padding: 5px;
        font-size: 11px;
        font-family: IRANSansWeb;
        border-radius: 2px;
    }
}


@media (max-width: 768px) {
    .panel-body .dataTables_filter {
        flex-direction: row;
    }
}

@media (max-width: 1200px) {
    .tab-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;   /* فعال‌کردن اسکرول افقی */
        -webkit-overflow-scrolling: touch; /* اسکرول روان در موبایل */
    }

    .tab-responsive table {
        width: 100%;
        border-collapse: collapse;
    }

    .tab-responsive table {
        min-width: 600px; /* بسته به نیاز تغییر دهید */
    }
}

@media (max-width: 767px) {
    .panel-actions button {
       margin: 5px;
    }
    .dataTables_paginate{
        width: -webkit-fill-available;
    }

}

@media (max-width: 767px) {
.api-check .show-grid{
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
}

.badge-1 {
    background-color: #575964;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    padding: 0px 7px 0px;
    font-family: 'IRANSansWeb';
    font-size: 12px;
}

.count-nav{
display: flex  ;
justify-content: space-between;
}


.trigger {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
  
#categories-table-body{
      text-align: center;
  }

/*--------------------*/


#code-section, #password-section {
    margin-bottom: 1rem;
}
.admin-option {
    text-align: center;
    margin-top: 0.5rem;
    font-size: 0.9em;
}
.admin-option a {
    color: #f7af3e;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
}
.admin-option a:hover {
    color: #f7af3e;
}
#password-section {
    display: none;
}
#code-inputs-wrapper {
    margin-bottom: 1rem;
}

/* استایل دقیقاً مشابه input موبایل برای پسورد */
#password-section .input-group {
    position: relative;
    margin-bottom: 1rem;
}
#password-section .form-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    direction: rtl;
    text-align: center;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    outline: none;
}
#password-section .input-group i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gold-gradient);
    font-size: 16px;
    text-align: center;
    pointer-events: none; /* جلوگیری از تداخل کلیک با input */
    z-index: 1; /* مطمئن شدن از اینکه icon روی input نباشد */
}
#password-section .action-btn {
    width: 100%;
    padding: 5px;
    background: var(--gold-gradient);;
    font-family: 'IRANSansWeb';
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
}
#password-section .action-btn:hover:not(:disabled) {
    background: #e8ac45;
}
#password-section .action-btn:disabled {
    background: rgba(255, 191, 65, 0.35);
    cursor: not-allowed;
}
#password-section #back-to-code {
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #de9a39;
    text-decoration: none;
    font-size: 14px;
}
#password-section #back-to-code:hover {
    color: #f4b64b;
}
/* استایل برای code-inputs (مشابه) */
.code-inputs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.code-input {
    width: 43px;
    height: 45px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
}


.d-login{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}