@font-face{font-family:bold;src:url("fonts/PTSans-Bold.ttf")}
@font-face {font-family: 'vazir';  src: url("./fonts/Vazir-FD.woff")} 
body{font-family:'vazir';font-weight:'bold';touch-action:manipulation;}
h1,h2,h3,h4,h5,h6,p,label,td{color:var(--primary-dark)}
select, textarea, input[type=text], input[type=tel], input[type=number] , input[type=email] , input[type=password] , input[type=date] {border:1px solid var(--middle); border-radius: 5px;}
select:focus, textarea:focus, input[type=text]:focus, input[type=tel]:focus, input[type=number]:focus , input[type=email]:focus , input[type=date]:focus , input[type=password]:focus {border-color:var(--primary-dark);box-shadow: 0.01em 0.01em 3px var(--primary-dark);}
select:focus,select, input[type=text], input[type=text]:focus, textarea:focus, textarea {direction: rtl;}
input[inputmode="numeric"], input[inputmode="numeric"]:focus {direction: ltr;}
label{padding-bottom: 2px; float: inline-end;}
.checkbox{padding-bottom: 2px; float: inline-end;}
.checkbox label{float: left; padding-right: 30px;}
.label-farsi{color:var(--gray); padding-left: 4px; opacity: 0.6;}
.sidenav::-webkit-scrollbar {width: 0px;}
::placeholder{color:#b8b8b8 !important;}
.hand{cursor: pointer;}
.nav-link a:hover{color:var(--middle) !important;}
.navbar-base{background-color: var(--primary-dark); padding: 0px;}
.img-navbar{width:30px; height:auto;}
.img-header{width:100%; height:100%; position:absolute;}
.navbar-container{position:static; z-index:99;}
.dropdown-item{color:var(--primary-dark)}
.dropdown-item:hover{background-color: #dedede;color:var(--primary-dark)}
.navbar-email{font-size: 16px;}
.navbar-email:hover{color:#dedede!important}
.p-8{padding: 8px;}
.content{padding: 0px 20px;}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.disabled, .btn-primary:disabled {background-color: var(--primary-dark); border-color: var(--primary-dark); color: var(--front); border-radius: 3px !important;}
.btn-primary:hover, .btn-primary:focus{box-shadow: 0.2em 0.2em 10px var(--middle) !important;}
.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark.disabled, .btn-dark:disabled {border-radius: 3px;}
.btn-dark:hover, .btn-dark:focus{box-shadow: 0.2em 0.2em 10px var(--middle) !important;}
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success.disabled, .btn-success:disabled {background-color: var(--green); border-color: var(--green); color: var(--front); border-radius: 3px !important;}
.btn-success:hover, .btn-success:focus{box-shadow: 0.2em 0.2em 10px var(--middle) !important;}
.no-decoration{text-decoration: none;}
.card-body{border-radius: 7px;}
ul.messages{padding-left: 0px !important;}
.messages .error{margin-top: 10px; background: #f8d7da;color: #880000 !important;padding: 10px;border: 1px solid #880000;border-radius: 5px;list-style-type: none;}
.messages .success{margin-top: 10px; background: #c2ffc2;color: #008800 !important;padding: 10px;border: 1px solid #008800;border-radius: 5px;list-style-type: none;}
.front-color{color:var(--front)}
.middle-color{color:var(--middle)}
.back-color{color:var(--primary-dark)}
.bold{font-weight: bold;}
.footer {position: fixed;left: 0;bottom: 0;width: 100%;background-color:var(--primary-dark); padding:0 20px; z-index: 1000;}
.form-check-input:checked {background-color: var(--primary-dark); border-color: var(--middle);}
.btn-submit-form{width: 100px;}
.form-submit{max-width: 800px; padding: 30px;padding-bottom: 3rem!important;margin-top: 1rem!important; z-index: 0;}
.not-required{color:var(--middle)}
.large-lable{font-size: 14px;}
.form-title{font-size: 16px; font-weight: bold; border-bottom: 1px dashed var(--middle); border-top: 1px dashed var(--middle); text-align: center; margin-top:20px;}
.form-title-dark{color:var(--bs-light); background-color: var(--bs-dark); font-size: 16px; font-weight: bold; border-bottom: 1px solid var(--middle); border-top: 1px solid var(--middle); text-align: center; margin-top:20px; border-radius: 7px;}
.form-title-id{color:var(--bs-light); background-color: var(--bs-secondary); font-size: 16px; font-weight: bold; border-bottom: 1px solid var(--middle); border-top: 1px solid var(--middle); text-align: center; margin-top:20px; border-radius: 7px;}
.form-title-applicant-id{background: transparent; font-size: 16px; font-weight: bold; border: 1px solid var(--middle); text-align: center; margin-top:20px; border-radius: 7px; color:black;}
.table-brand tbody tr:nth-of-type(even) {background-color: #f2f2f2;}
.table-brand thead{background-color: var(--primary-dark);color:var(--front)}
.table-brand th{font-size: 13px !important;}
.table-brand tr td{vertical-align: inherit; font-size: 13px;}
.delete-icon-table{text-align: center; cursor: pointer;}
.delete-icon-table:hover{opacity:0.7}
.input-details{margin-top: 10px; display: none;}
.display-none{display: none;}
.page-item.active .page-link {background-color: var(--primary-dark); border-color: var(--primary-dark);}
.page-link, .page-link:hover {color: var(--primary-dark);}
.table-admin tr td{font-size: 14px;}
.br-2{border-radius: 2px !important;}
.modal.show .modal-dialog {top: 2%;}
.modal-body{padding: 20px}
.modal-content{border-radius: 5px;}
.modal-dialog {max-width: 600px;}
.gray{color: var(--gray)}
.manger-deactive td{color:#b8b8b8}
.manger-deactive .fa-check, .manger-deactive .fa-times {color:#b8b8b8!important}
.pagination{float: right !important;}
.menu_side_button{position: absolute;color: var(--middle);padding: 12px;cursor: pointer; font-size: 18px; font-weight: bold;}
.menu_side_button:hover{color:var(--primary-dark);}
.sidenav a{text-decoration: none;color: var(--middle);display: block;font-size: 16px;}
.sidenav li {color: var(--front);padding: 14px 8px; border-top: 0.1em dashed var(--gray);}
.sidenav a:hover {color: var(--front);}
.form-side-title{color: var(--middle); margin: 0px;top: 16px;position: absolute;padding: 0px 25px;font-weight: bold;font-size: 22px; display: none;}
.deactive{color:var(--gray)!important;}
.copy{text-decoration:underline; color:gray; cursor: pointer;}
.delete_document{color: #b3b3b3 !important; padding-left: 13px;}
.f12{font-size: 12px!important;} .f13{font-size: 13px!important;} .f14{font-size: 14px!important;} .f30{font-size: 30px!important;}
.description_label{color: var(--primary-dark); padding-left: 10px; cursor: pointer;}
.sup_tag{text-decoration: none; cursor:pointer; color:var(--gray)}
.dashboard-menu{padding: 10px; overflow-y: auto; min-width: 150px; width: 17%; height: 100%; background: var(--primary-dark); position: fixed;}
.dashboard-menu ul{list-style-type:none; padding-right: 0px; padding-left: 0px;}
.dashboard-menu ul li{border: 1px dashed rgb(255,255,255,0.5); border-radius: 15px; padding: 10px; margin-top: 15px; color: var(--front); font-size: 17px !important;}
.dashboard-menu ul li.active{border-color: red;}
.dashboard-content{padding: 10px; float: left; overflow-y: auto; width: 80%; height: 100%;}
.dashboard-content h1,h2,h3,h4,h5,h6,p{color: var(--primary-dark);}
.home-div-parent-cards a{text-decoration: none;}
.home-div-parent-cards .card{margin: 5px; max-width: 7rem; display: inline-grid; border-radius: 30px; cursor: pointer;}
.home-div-parent-cards .bg-dark{background: var(--primary) !important;}
.home-div-parent-cards .bg-dark .card-body{padding-top:1px;}
.home-div-parent-cards .bg-dark .card-header{color: var(--middle) !important; background: black; border-radius: 30px 30px 0 0; text-align: center; font-size: 14px;}
.home-div-parent-cards .bg-dark .card-text{color: white; text-align: center; font-size: 36px;}
.img-uploaded-pictures{width: 220px; height: 220px; border-radius: 5px;}
.page-item.active .page-link, .page-item:first-child .page-link{border-radius: 2px !important;}
.tag-product-show{color: var(--middle);}
.tag-product-show:nth-of-type(even){color: #9c9b91;}
.icon-reset-filters{color: var(--primary-dark); padding: 10px;}
.icon-reset-filters:hover{color: var(--middle);}
.mr-5{margin-right: 5px;}.mr-10{margin-right: 10px;}
.ml-5{margin-left: 5px;}.ml-10{margin-left: 10px;}
.table-cash-bill tbody tr td{color:black}
.input_file{height:38px;width:100%;border:1px solid grey;border-radius:5px;border-style: dashed; padding:8px; box-shadow: 0px 0px 5px lightgrey;}
input[type=file]::file-selector-button {display:none;}
.red{color:red;}
.grey{color:grey;}
.green{color:green;}
.red-balance-product{color: var(--red_price)}
.green-balance-product{color: var(--green_price)}
.black{color:black;}
.o5{opacity: 0.5;}
.addepar_liquidity_table tbody td{padding:3px;}
.addepar_liquidity_table_detail tbody td{padding:3px;}
.tr_back{background-color: var(--primary-dark); color: white;}
.tr_back_app{background-color: var(--primary); color: white;}
#button_save_onboarding_form{transition: .3s; position: fixed;right: 3%;bottom: 3%;width: 90px; height:45px; opacity: 0.4; border-radius:5px !important;}
#button_save_onboarding_form:hover{opacity: 1; transition: .3s;}
.o1{opacity: 1!important;}
.o7{opacity: 0.7;}
.o5{opacity: 0.5;}
.o3{opacity: 0.3;}
.f18{font-size: 18px;}
.div-forms{margin: 10px 0px;}
.div-parent-forms{padding: 10px 50px;}
.form-check{ padding-left: 40px !important;}
input[type=text].border-none{border:none !important;}
.radio-forms-yes-no{margin-top: 12px;}
.details-forms-input{min-height: 40px;}
.if-yes-please-provide-details{color:gray;}
.badge-forms{background: var(--primary-dark);display: inline-block;padding: 4px 8px;font-weight: bold;line-height: 1;color: #fff;text-align: center;border-radius: 0.25rem; margin-right: 3px;}
.m0{margin: 0px;}
.p0{padding:0px;}
.input_id_type_image{height: 38px; padding: 6px;}
.div_id_upload_loading{margin-top: 38px;}
.id_path{word-wrap: break-word; margin-top:15px; font-size: 16px;}
.div-docusign-info p{display: flex;}
.div-docusign-info .ds_title{color:var(--bs-secondary); min-width: 200px;}
.div-docusign-info .ds_value{color:var(--primary-dark)}
.sum_addepar_fc{background-color: var(--primary);}
.sum_addepar_fc td{color: white;}
.tr_addepar_fc{color: blue; opacity: 0.5;}
.applicant_title{background-color: lightgrey; cursor: pointer; color:black; border:none; border-radius: 5px;}
.applicant_name_label{color:var(--primary-dark)}
.collapse_fixed{transition: .3s;position: fixed; right: 50px; top: 30px; width: 37px;height: 37px;opacity: 0.2;}
.collapse_fixed:hover{opacity: 0.5;}
.collapse_show_tabs{right: 10px;}
.client-search-suggestions .badge{background-color: var(--primary); color:#fff; margin:5px; cursor: pointer;}
.price-green{color: var(--green) !important;}
.price-red{color: var(--red) !important;}
.grid-board{display: grid; grid-template-columns:6% 47% 47% ; align-items: center;justify-content: center;  grid-row-gap: .5rem; grid-column-gap: .5rem;}
.green-badge{background-color: var(--dark-green); color:white; padding: 4px 10px; border-radius: 10px;}
.red-badge{background-color: var(--dark-red); color:white; padding: 4px 10px; border-radius: 10px;}
.dashed-hr {border: none;border-top: 1px dashed #000;height: 1px;margin: 10px 0;}
.btn-trade-modal{top: 10%; right: 5%;}
.badge-trade{font-size: 14px; min-width: 23px; height: 23px; background-color: #FF0000 !important; position: fixed; top: 1px; right: 2px;}
.badge-trade-zero{background-color: var(--primary) !important;}
.text-dark-red{color: var(--dark-red)}
.text-dark-green{color: var(--dark-green)}
.text-light-red{color: #e31111 !important}
.text-light-green{color: #2cd648 !important}
#modal-trade{height: 95%;}
#modal-trade .modal-footer{height:30vh; overflow-y: auto; background-color: var(--primary); padding: 10px 0;}
#modal-trade .modal-body{height:50vh; overflow-y: auto; padding: 10px 3px;}
#modal-trade .bg-danger{background-color: var(--dark-red) !important;}
#modal-trade .bg-success{background-color: var(--dark-green) !important;}
#modal-trade .border-danger{border-color: var(--dark-red) !important;}
#modal-trade .border-success{border-color: var(--dark-green) !important;}
#modal-trade strong{font-weight: normal !important;}
#modal-trade .card-body, #modal-trade .card-footer{padding: 7px;} 
.fa-volume-mute{color: darkorange; font-size: 18px;}
.table-balance-footer{width: 100%; font-size: 14px;}
.table-balance-footer tr td{color: black; text-align: center; padding: 5px 0px;}
.table-balance-footer tr:nth-child(odd) {background-color: #e2e2e2;}
.button-toggle-admin-on{font-size: 20px; color: green; cursor: pointer; display: contents;}
.button-toggle-admin-off{font-size: 20px; color: red; cursor: pointer; display: contents;}
.button-cancel-detail{padding: 7px 4px; margin: 1px;}
@media only screen and (max-width: 600px) {
  .badge-trade{top: 8px; right: 5px;}
  #modal-trade .modal-footer{height:30vh;}
  #modal-trade .modal-body{height:70vh;}
  select, textarea, input[type=text], input[type=number] , input[type=tel] , input[type=email] , input[type=password] , input[type=date] {font-size: 14px !important;}
  .navbar-email{font-size: 14px;}
  #modal-trade{height: 100%;}
  .navbar-brand-name{font-size: 14px;}
  li.success, li.error{font-size: 14px;}
  label{font-size: 13px;}
  .label-farsi{font-size: 12px;}
  .large-lable{font-size: 13px !important;}
  .nav-breadcrumb{font-size: 12px;}
  .form-title{font-size: 14px}
  .table-brand th{font-size: 11px !important;}
  .table-brand tr td{font-size: 13px;}
  p.bold{font-size: 14px;}
  h2.text-center{font-size: 22px;}
  h4.text-center{font-size: 18px;}
  .div-parent-forms{padding: 10px;}
  .radio-forms-yes-no{margin-top: 0px;}
  .collapse_fixed{top:45px}
  .price-angle{min-height: 35px;}
}
#admin-alert-offline{
    background: red;
    width: 20px;
    height: 20px;
    left: 5px;
    top: 5px;
    border-radius: 10px;
    position: fixed;
    z-index: 999;
    animation: alertAnimation 1s ease 0s infinite normal forwards;
}
#unseen_bills_count{
    background: orange;
    width: 20px;
    height: 20px;
    left: 40px;
    top: 5px;
    padding: 2px 2px 2px 4px;
    font-weight: normal;
    border-radius: 10px;
    position: fixed;
    z-index: 999;
    color: white;
}
@keyframes alertAnimation {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.cursor-pointer{
    cursor: pointer;
}