@charset "UTF-8";
:root {
  --primary: #2c2e83;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}

html {
  direction: rtl;
}

body *:not(.fa):not(.fas):not(.fab) {
  font-family: "Shabnam";
}

body {
  direction: rtl;
  width: 100%;
  overflow-x: hidden;
  background-color: #ecf0f5;
}

ul {
  list-style: none;
}

input,
button,
select {
  transition-delay: 999s;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background-color: transparent !important;
}

label {
  color: rgb(80, 80, 80);
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: right;
  }
}
@font-face {
  font-family: Shabnam;
  src: url("/font/Shabnam/Farsi-Digits/Shabnam-FD.eot");
  src: url("/font/Shabnam/Farsi-Digits/Shabnam-FD.eot?#iefix") format("embedded-opentype"), url("/font/Shabnam/Farsi-Digits/Shabnam-FD.woff") format("woff"), url("/font/Shabnam/Farsi-Digits/Shabnam-FD.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: Shabnam;
  src: url("/font/Shabnam/Farsi-Digits/Shabnam-Bold-FD.eot");
  src: url("/font/Shabnam/Farsi-Digits/Shabnam-Bold-FD.eot?#iefix") format("embedded-opentype"), url("/font/Shabnam/Farsi-Digits/Shabnam-Bold-FD.woff") format("woff"), url("/font/Shabnam/Farsi-Digits/Shabnam-Bold-FD.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: Shabnam;
  src: url("/font/Shabnam/Farsi-Digits/Shabnam-Light-FD.eot");
  src: url("/font/Shabnam/Farsi-Digits/Shabnam-Light-FD.eot?#iefix") format("embedded-opentype"), url("/font/Shabnam/Farsi-Digits/Shabnam-Light-FD.woff") format("woff"), url("/font/Shabnam/Farsi-Digits/Shabnam-Light-FD.ttf") format("truetype");
  font-weight: 300;
}
.admin-theme .main-header {
  border-top: 15px solid #2c2e83;
  background-color: #fff;
  box-shadow: 0 2px 3px #ccc;
}

.admin-theme li.treeview.active > a:first-child {
  border-right: 5px solid #2c2e83;
  border-left: 5px solid #2c2e83;
}

.admin-theme li.treeview.active a.active {
  border-right-color: transparent;
  border-left-color: transparent;
}

.admin-theme .btn-primary,
.admin-theme .btn-info,
.admin-theme .bg-olive {
  background-color: #2c2e83;
  border-color: #2c2e83;
}

.admin-theme .btn-primary:hover,
.admin-theme .btn-primary:focus,
.admin-theme .btn-primary:active {
  background-color: #2c2e83;
  border-color: #2c2e83;
}

.admin-theme .btn-info:hover,
.admin-theme .btn-info:focus,
.admin-theme .btn-info:active {
  background-color: #2c2e83;
  border-color: #2c2e83;
}

.admin-theme .pagination > .active > a,
.admin-theme .pagination > .active > a:focus,
.admin-theme .pagination > .active > a:hover,
.admin-theme .pagination > .active > span,
.admin-theme .pagination > .active > span:focus,
.admin-theme .pagination > .active > span:hover {
  background-color: #2c2e83;
  border-color: #2c2e83;
}

.admin-theme .btnNext,
.admin-theme .btnPrevious {
  border: 2px solid #0a143e;
  color: #0a143e;
  background-color: transparent !important;
  padding: 6px;
  float: left;
}
.admin-theme .btnNext:hover, .admin-theme .btnNext:focus,
.admin-theme .btnPrevious:hover,
.admin-theme .btnPrevious:focus {
  color: #fff;
  background-color: #0a143e !important;
}

.bank-theme .main-header {
  border-top: 15px solid #20c5ba;
  background-color: #fff;
  box-shadow: 0 2px 3px #ccc;
}

.bank-theme li.treeview.active > a:first-child {
  border-right: 5px solid #20c5ba;
  border-left: 5px solid #20c5ba;
}

.bank-theme .btn-primary,
.bank-theme .btn-info,
.bank-theme .bg-olive {
  background-color: #20c5ba;
  border-color: #20c5ba;
}

.bank-theme .btn-primary:hover,
.bank-theme .btn-primary:focus,
.bank-theme .btn-primary:active {
  background-color: #20c5ba;
  border-color: #20c5ba;
}

.bank-theme .btn-info:hover,
.bank-theme .btn-info:focus,
.bank-theme .btn-info:active {
  background-color: #20c5ba;
  border-color: #20c5ba;
}

.bank-theme .pagination > .active > a,
.bank-theme .pagination > .active > a:focus,
.bank-theme .pagination > .active > a:hover,
.bank-theme .pagination > .active > span,
.bank-theme .pagination > .active > span:focus,
.bank-theme .pagination > .active > span:hover {
  background-color: #20c5ba;
  border-color: #20c5ba;
}

.bank-theme .btnNext,
.bank-theme .btnPrevious {
  border: 2px solid #20c5ba;
  color: #20c5ba;
  background-color: transparent !important;
  padding: 6px;
  float: left;
}
.bank-theme .btnNext:hover, .bank-theme .btnNext:focus,
.bank-theme .btnPrevious:hover,
.bank-theme .btnPrevious:focus {
  color: #fff;
  background-color: #20c5ba !important;
}

.merchant-theme .main-header {
  border-top: 15px solid #00b4eb;
  background-color: #fff;
  box-shadow: 0 2px 3px #ccc;
}

.merchant-theme .img-side {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.merchant-theme li.treeview.active > a:first-child {
  border-right: 5px solid #00b4eb;
  border-left: 5px solid #00b4eb;
}

.merchant-theme .small-box .inner p {
  border-right: 5px solid rgba(0, 180, 235, 0.9);
  padding-right: 10px;
}

.merchant-theme .btn-primary,
.merchant-theme .btn-info,
.merchant-theme .bg-olive {
  background-color: #00b4eb;
  border-color: #00b4eb;
}

.merchant-theme .btn-primary:hover,
.merchant-theme .btn-primary:focus,
.merchant-theme .btn-primary:active {
  background-color: #00b4eb;
  border-color: #00b4eb;
}

.merchant-theme .btn-info:hover,
.merchant-theme .btn-info:focus,
.merchant-theme .btn-info:active {
  background-color: #00b4eb;
  border-color: #00b4eb;
}

.merchant-theme .pagination > .active > a,
.merchant-theme .pagination > .active > a:focus,
.merchant-theme .pagination > .active > a:hover,
.merchant-theme .pagination > .active > span,
.merchant-theme .pagination > .active > span:focus,
.merchant-theme .pagination > .active > span:hover {
  background-color: #00b4eb;
  border-color: #00b4eb;
}

.merchant-theme .btnNext,
.merchant-theme .btnPrevious {
  border: 2px solid #00b4eb;
  color: #00b4eb;
  background-color: transparent !important;
  padding: 6px;
  float: left;
}
.merchant-theme .btnNext:hover, .merchant-theme .btnNext:focus,
.merchant-theme .btnPrevious:hover,
.merchant-theme .btnPrevious:focus {
  color: #fff;
  background-color: #00b4eb !important;
}

.workingset-theme .main-header {
  border-top: 15px solid #0a143e;
  background-color: #fff;
  box-shadow: 0 2px 3px #ccc;
}

.workingset-theme .img-side {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.workingset-theme li.treeview.active > a:first-child {
  border-right: 5px solid #0a143e;
  border-left: 5px solid #0a143e;
}

.workingset-theme .small-box .inner p {
  border-right: 5px solid rgba(10, 20, 62, 0.9);
  padding-right: 10px;
}

.workingset-theme .btn-primary,
.workingset-theme .btn-info,
.workingset-theme .bg-olive {
  background-color: #0a143e;
  border-color: #0a143e;
}

.workingset-theme .btn-primary:hover,
.workingset-theme .btn-primary:focus,
.workingset-theme .btn-primary:active {
  background-color: #0a143e;
  border-color: #0a143e;
}

.workingset-theme .btn-info:hover,
.workingset-theme .btn-info:focus,
.workingset-theme .btn-info:active {
  background-color: #0a143e;
  border-color: #0a143e;
}

.workingset-theme .pagination > .active > a,
.workingset-theme .pagination > .active > a:focus,
.workingset-theme .pagination > .active > a:hover,
.workingset-theme .pagination > .active > span,
.workingset-theme .pagination > .active > span:focus,
.workingset-theme .pagination > .active > span:hover {
  background-color: #0a143e;
  border-color: #0a143e;
}

.workingset-theme .btnNext,
.workingset-theme .btnPrevious {
  border: 2px solid #0a143e;
  color: #0a143e;
  background-color: transparent !important;
  padding: 6px;
  float: left;
}
.workingset-theme .btnNext:hover, .workingset-theme .btnNext:focus,
.workingset-theme .btnPrevious:hover,
.workingset-theme .btnPrevious:focus {
  color: #fff;
  background-color: #0a143e !important;
}

.login-page {
  background-color: #fff;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 10px 5px;
  overflow: hidden;
  direction: ltr;
}
@media only screen and (max-width: 992px) {
  .login-page {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .login-page {
    padding: 10px;
    flex-direction: column-reverse;
  }
}

.login-box {
  width: 25%;
  height: 97vh;
  margin: 10px;
  padding: 10px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.42);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .login-box {
    width: 50%;
    height: 95vh;
  }
}
@media only screen and (max-width: 768px) {
  .login-box {
    width: 100%;
  }
}
.login-box .form-box {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .login-box .form-box {
    width: 90%;
  }
}
.login-box input {
  display: block;
  width: 100%;
  margin: 40px auto;
  background-color: transparent !important;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  color: #fff;
  outline: none;
  padding: 7px 28px;
  position: relative;
}
.login-box input::placeholder {
  color: rgba(255, 255, 255, 0.42);
}
.login-box input:focus {
  border-bottom-color: #fff;
}
.login-box input:focus + label {
  top: -15px;
  color: #fff;
}
.login-box .form-group {
  position: relative;
}
.login-box .form-group svg {
  position: absolute;
  top: 0;
  left: 0;
}
.login-box .form-group label {
  position: absolute;
  top: 0;
  right: 0;
  color: rgba(255, 255, 255, 0.42);
  font-weight: lighter;
  transition: top 0.5s ease;
}
.login-box button {
  border: none;
  outline: none;
  background-color: #fff;
  color: #333;
  padding: 6px 20px;
  width: 50%;
  border-radius: 30px;
  font-size: 0.9em;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .login-box button {
    padding: 10px 20px;
    width: 100%;
  }
}
.login-box button:hover, .login-box button:focus, .login-box button:active {
  background-color: rgba(255, 255, 255, 0.8);
}
.login-box a {
  color: #fff;
}

#admin .login-box {
  background-color: #2c2e83;
}

#merchant .login-box {
  background-color: #00b4eb;
}

#merchant .form-group label {
  color: rgba(255, 255, 255, 0.5);
}

#bank .login-box {
  background-color: #20c5ba;
}

#bank .form-group label {
  color: rgba(255, 255, 255, 0.5);
}

#working-set .login-box {
  background-color: #0a143e;
}

.login-img {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.login-img img {
  width: 50%;
  display: block;
  margin: 20px auto;
}
@media only screen and (max-width: 1200px) {
  .login-img {
    width: 50%;
  }
  .login-img img {
    width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  .login-img {
    padding: 30px;
    width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  .login-img {
    display: none;
  }
}

.login-logo {
  width: 100px;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .login-logo {
    width: 70px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    filter: grayscale(1) opacity(0.7) brightness(3);
  }
}

#login-feedback {
  margin-top: 30px;
  color: #fff;
  font-weight: lighter;
  font-size: 0.8em;
  direction: rtl;
}

.main-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.main-header .logo {
  text-align: right;
  width: 300px;
}

.main-header a {
  color: #fff;
  /* color: #333; */
  border-radius: 15px;
  margin: 8px auto;
  display: block;
}

.header-logo {
  width: 30px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

nav * {
  transition: all 0.5s ease;
}

.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
  background-color: #bf0502;
  color: #fff;
}

.nav > li > a:hover {
  opacity: 0.8;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #bf0502;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: transparent;
  padding: 0;
}

.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 1px 1px 2px 2px rgba(235, 235, 235, 0.368627451);
  width: 160px;
}

@media only screen and (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    right: unset;
    left: 0;
  }
}
@media (max-width: 767px) {
  .main-header .navbar {
    position: absolute;
    top: 0;
  }
}
.sidebar-menu li a .fa-angle-left,
.sidebar-menu li .label,
.sidebar-menu li .badge {
  margin-top: -15px !important;
}

.user-panel {
  border-bottom: 1px solid rgba(214, 214, 214, 0.36);
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.user-panel > .info > a {
  margin-right: 0;
}

.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
  margin-right: 0;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .sidebar-menu ul {
  box-shadow: 1px 1px 2px 2px rgba(235, 235, 235, 0.368627451);
}

.sidebar-menu li a:hover {
  background-color: rgba(241, 241, 241, 0.7529411765);
}

.sidebar-menu li a {
  padding: 15px;
}

.profile-user-img {
  width: 100px;
}

.profile-info {
  margin-top: 20px;
  border-right: 10px solid #f5f5f5;
  padding-right: 30px;
}

.profile-info p {
  display: inline-block;
  margin-right: 20px;
}

.main-sidebar,
.left-side {
  background-color: #f5f5f5;
  padding-top: 85px;
  position: fixed;
}

.treeview.active a {
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
}

.sidebar-menu ul li.active a {
  /* background-color: rgba(221, 221, 221, 0.5); */
  padding-right: 10px;
}

.sidebar-menu li a {
  color: #333;
  font-size: 1em;
}

.sidebar .info {
  color: #333;
  margin-top: 10px;
}

.user-panel {
  text-align: center;
  background-color: #f5f5f5;
  border-bottom: none;
}

.user-panel > .info {
  margin-top: 15px;
  position: relative;
  padding-left: 0;
  right: 0;
}
.user-panel > .info a {
  padding: 0;
}

.user-panel > .image > img {
  width: 100%;
  max-width: 35px;
  height: auto;
  position: relative;
  right: -15px;
}

.user-panel > .info > p {
  font-weight: 600;
  margin-bottom: 9px;
  position: relative;
  left: -10px;
}

.img-side {
  background-color: transparent;
}

.merchant-btn {
  background-color: #20c5ba;
  border-color: #20c5ba;
}

.merchant-btn:active,
.merchant-btn:hover,
.merchant-btn:focus,
.merchant-btn:active:focus {
  background-color: #20c5ba;
  border-color: #20c5ba;
}

.sidebar-menu {
  font-size: 0.9em;
}

.sidebar-toggle {
  display: none;
}

.user-menu .dropdown-toggle {
  background-color: #bf0502;
}

.logo {
  width: 40px;
}

.logo-lg {
  color: #000;
}

.sidebar-menu li {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 0;
  padding: 0;
}
.sidebar-menu li i {
  opacity: 0.4;
}
.sidebar-menu li a {
  color: rgb(112, 112, 112);
  transition: all 0.5s ease;
  display: flex;
  justify-content: space-between;
}
.sidebar-menu li a.active {
  background-color: #0a143e;
  color: #fff;
}
.sidebar-menu li a.active i {
  opacity: 1;
}
.sidebar-menu li a.active i::before {
  color: #fff;
}
.sidebar-menu li.active {
  background-color: #ebebeb;
}
.sidebar-menu li ul {
  background-color: #ebebeb;
  display: none;
}
.sidebar-menu li ul li {
  padding-right: 15px;
}
.sidebar-menu li ul li.active {
  border-right: 4px solid #0a143e;
  border-left: 4px solid #0a143e;
  display: block !important;
}

.main-sidebar,
.left-side {
  background-color: #fff;
  padding-top: 80px;
  position: fixed;
  height: 100vh;
  overflow-y: auto;
}

.sidebar-menu li a .fa-angle-left,
.sidebar-menu li .label,
.sidebar-menu li .badge {
  margin-top: 0px !important;
}

@media only screen and (max-width: 767px) {
  .main-sidebar,
  .left-side {
    transition: all 0.5s ease;
    opacity: 0;
    right: -100%;
    transform: unset !important;
  }
  .sidebar-open .main-sidebar,
  .sidebar-open .left-side {
    opacity: 1;
    right: 0;
    transform: unset !important;
  }
}
.main-footer {
  border-top: none;
  margin-left: 5px;
  color: rgba(112, 112, 112, 0.6509803922);
  text-align: left;
  background-color: transparent;
}
.main-footer p {
  margin-bottom: 0;
  font-weight: lighter;
  direction: ltr;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  right: -6px !important;
}

.table {
  font-size: 14px;
}

.dataTables_length {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .dataTables_length {
    text-align: right;
  }
}

@media only screen and (max-width: 768px) {
  .dataTables_filter label,
  .dataTables_length label {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  .dataTables_wrapper > .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

table td,
.table > thead > tr > th {
  text-align: right;
}

.uploaded-excel-area table td span {
  display: none;
}

.info-table tbody {
  display: flex;
  border-right: 10px solid #f5f5f5;
  padding-right: 30px;
}

.info-table tr {
  display: flex;
  flex-direction: column;
}

.info-table tr:first-child td {
  font-weight: bold;
}

.info-table tr:not(:first-child) {
  margin-right: 20px;
}

.info-table td {
  margin: 10px;
}

@media only screen and (max-width: 991px) {
  .dataTables_wrapper .row:last-child div {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 480px) {
  .dataTables_wrapper {
    width: 100%;
    overflow-x: auto;
  }
}
.dataTables_wrapper .row:last-child {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

tr.danger {
  background-color: rgba(255, 238, 238, 0.8980392157) !important;
  border-right: 3px solid #ff1111 !important;
}

.dataTables_info {
  text-align: left;
  color: rgb(105, 105, 105);
}

@media only screen and (min-width: 480px) {
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    font-size: 0.9em;
    vertical-align: middle;
  }
  .table > tbody > tr > td:last-of-type:not(.dataTables_empty) {
    display: flex;
    justify-content: flex-start;
  }
  .table > tbody > tr > td:last-of-type:not(.dataTables_empty) .btn {
    margin-left: 5px;
  }
}
.filter-box {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #dedede;
  padding: 20px 0;
}
.filter-box input,
.filter-box button,
.filter-box select {
  width: 23%;
  margin: 10px;
  height: 40px;
  border-radius: 8px;
}

#transactions_table {
  margin-top: 30px;
}

#transactions_table_wrapper .row:first-child {
  display: none;
}

input:focus {
  border: 1px solid #0a143e;
}

.form-group {
  margin-bottom: 15px;
}

input[type=checkbox] {
  margin-left: 5px;
}

.form-control {
  border-radius: 7px;
  box-shadow: 1px 1px 2px 2px rgba(235, 235, 235, 0.368627451);
}

.form-control {
  height: 40px;
}

.form-inline .form-control {
  margin: 10px;
}

select.form-control {
  height: 40px;
}

.input-valid {
  border: 1px solid green;
}

.input-invalid {
  border: 1px solid red;
}

#name-error {
  display: none;
}

.input-validation {
  display: block;
  color: red;
  margin-top: 5px;
}

.disabled {
  pointer-events: none;
}

.disabled a {
  color: rgb(168, 168, 168) !important;
}

.dangerInput {
  border: 2px solid red;
}

input[type=checkbox] {
  display: inline-block;
  position: relative;
  top: 3px;
  right: 3px;
}

form.invalid :invalid {
  border: 1px solid red;
}

form.invalid :invalid + span::after {
  content: "فرمت وارد شده صحیح نیست";
}
form.invalid :placeholder-shown:required + span::after {
  content: "این فیلد ضروری است";
}
form.invalid :out-of-range:invalid + span::after {
  content: "عدد وارد شده در محدوده مجاز نیست";
}

.btn {
  border-radius: 4px;
  box-shadow: 1px 1px 2px 2px rgba(235, 235, 235, 0.368627451);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn .fa {
  display: inline-block;
  margin: 5px;
  color: #fff;
}

button.btn {
  padding: 4px 12px;
  height: 35px;
}

.btn-block {
  text-align: center;
  display: block;
}

.btn-primary,
.btn-info,
.bg-olive {
  background-color: #0a143e;
  border-color: #0a143e;
  box-shadow: 2px 2px 3px #dedede;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus,
.bg-olive:hover,
.bg-olive:focus {
  background-color: #0a143e;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  background-color: #0a143e;
  border-color: #0a143e;
}

.btn-primary-outline {
  background-color: transparent;
  color: #0a143e;
  border: 1px solid #0a143e;
}
.btn-primary-outline .fa {
  color: #0a143e;
}
.btn-primary-outline:hover, .btn-primary-outline:focus {
  color: #fff;
  background-color: #0a143e;
}

.btn-primary-outline:hover {
  background-color: #0a143e;
  color: #fff;
  border: 1px solid #0a143e;
}

.btn-app {
  color: #fff;
}

.btn-app:hover {
  color: #fff;
}

.btn-danger {
  background-color: #e61700;
  border-color: #e61700;
}

.btn-success {
  background-color: #5eddd0;
  border-color: #5eddd0;
}

.btn-success:hover,
.btn-success:focus {
  background-color: #4ebbb0;
  border-color: #4ebbb0;
}

button.btn.btn-modal {
  margin-top: 25px;
  padding: 9px 12px;
}

.btnPrevious {
  margin-right: 10px;
}

.admin-btn {
  background-color: #bf0502;
  border-color: #bf0502;
}

.admin-btn:active,
.admin-btn:hover,
.admin-btn:focus,
.admin-btn:active:focus {
  background-color: #bf0502;
  border-color: #bf0502;
}

.bank-btn {
  background-color: #4db6ac;
  border-color: #4db6ac;
}

.bank-btn:active,
.bank-btn:hover,
.bank-btn:focus,
.bank-btn:active:focus {
  background-color: #4db6ac;
  border-color: #4db6ac;
}

.logout {
  position: absolute;
  left: 25px;
  top: 15px;
  border-radius: 50%;
  background-color: #fff;
  border: none;
  width: 35px;
  height: 35px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logout a {
  margin: 0;
  padding: 8px;
}

.logout img {
  opacity: 0.4;
  width: 20px;
}

.logout span {
  color: #999;
}

.logout:hover {
  box-shadow: 4px 6px 8px #e6e6e6 inset, -1px -1px 1px #f5f5f5 inset;
}

.btn-app {
  margin: 0;
}

.social-btns {
  padding-right: 0;
}

.social-btns li {
  list-style: none;
  display: inline-block;
  margin-left: 10px;
}

.social-btns input {
  display: none;
}

.social-btns label {
  padding: 10px;
  background-color: #dedede;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 3px #f5f5f5;
  text-align: center;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.social-btns input:checked + label {
  background-color: #2c2e83;
  color: #fff;
}

.btn-action {
  display: inline-block;
}

.toggle-btn-wrapper {
  transition: all 0.5s ease;
}
.toggle-btn-wrapper label {
  display: block;
  width: 50px;
  height: 25px;
  background-color: #ebebeb;
  position: relative;
  border-radius: 50px;
  cursor: pointer;
}
.toggle-btn-wrapper label::after {
  content: "غیرفعال";
  position: absolute;
  right: 60px;
  top: 3px;
}
.toggle-btn-wrapper label span {
  display: block;
  width: 25px;
  height: 25px;
  background-color: #999;
  position: absolute;
  right: 0;
  border-radius: 50px;
}
.toggle-btn-wrapper input[type=checkbox] {
  visibility: hidden;
}
.toggle-btn-wrapper input[type=checkbox]:checked + label {
  background-color: rgba(236, 236, 236, 0.5);
}
.toggle-btn-wrapper input[type=checkbox]:checked + label::after {
  content: "فعال";
}
.toggle-btn-wrapper input[type=checkbox]:checked + label span {
  right: 25px;
  background-color: #0a143e;
}

.error {
  color: #ff1111;
  margin-top: 10px;
  font-weight: lighter;
}

.alert-info {
  background-color: rgba(172, 228, 253, 0.5098039216) !important;
  border: none;
  color: #00acd6 !important;
  border-right: 3px solid #00acd6 !important;
}

.alert-desc {
  margin-top: 20px;
  padding: 10px;
  border-radius: 10px;
}

.alert-desc ul {
  margin-top: 15px;
}

.alert-desc li {
  margin-bottom: 20px;
  color: #1e81af;
}

.alert.alert-danger {
  margin-top: 20px;
  background-color: rgba(255, 238, 238, 0.8980392157) !important;
  border: none;
  border-right: 3px solid #ff1111 !important;
  color: #ff1111 !important;
}

.alert:empty {
  display: none;
}

.breadcrumb {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  padding: 10px 25px;
}

.breadcrumb > li + li:before {
  content: "\f053";
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
  top: 2px;
}

.breadcrumb a {
  cursor: pointer;
}

.page.breadcrumb {
  background-color: rgba(234, 234, 234, 0.6039215686);
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}

.pagination > li {
  float: right;
}

.nav-tabs-custom {
  box-shadow: none;
}

.nav-tabs-custom > .nav-tabs {
  margin-bottom: 10px;
  padding: 10px;
  transition: all 0.5s ease;
}

.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: transparent;
}

.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #f1f1f1;
  color: #444;
  border-radius: 15px;
}

.modal {
  padding: 20px;
}

.modal-body {
  max-height: 500px;
  overflow-y: auto;
}

.modal.fade .modal-dialog {
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  top: 300px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
  opacity: 1;
}

@media (min-width: 992px) {
  .modal-xl {
    width: 90%;
  }
}
button.modal_set_close {
  float: left;
}

.modal .close {
  float: right;
  font-size: 2.1em;
}

.modal {
  background-color: rgba(0, 0, 0, 0.47);
}

.modal-title {
  margin-right: 0;
}

.modal-header {
  background-color: #f5f5f5;
  font-size: 1.1em;
}

.modal-breadcrumb {
  padding-right: 0;
  margin: 0;
}

.modal .breadcrumb {
  margin-top: 40px;
  padding-right: 0;
}

.modal-footer button[type=submit] {
  float: right;
}

.box {
  border-top: none;
  box-shadow: none;
  border-radius: 7px;
  margin-top: 20px;
  background-color: transparent;
}

@media only screen and (max-width: 992px) {
  .tab-pane .box-body .box.box-primary {
    padding: 0;
  }
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  font-size: 22px;
}

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: unset;
  display: unset;
}

.header-info h3 .fa {
  color: rgb(185, 185, 185);
}

.box-footer {
  border: none;
  padding: 0;
}

#business-owner .box:not(:last-of-type) {
  border-bottom: 1px solid rgba(222, 222, 222, 0.4235294118);
  padding-bottom: 40px;
}

.box-body {
  padding: 20px;
  background-color: #fff;
}

.box-header {
  border-radius: 7px 7px 0 0;
  padding: 0;
}

.box-title span {
  display: inline-block;
  background-color: rgba(222, 222, 222, 0.3411764706);
  border-radius: 10px;
  padding: 10px 15px;
  border: 1px solid #dedede;
  margin-right: 5px;
}

.box-header .header-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color: #f5f5f5;
}

.box-header {
  display: flex;
  flex-direction: column;
}
.box-header .header-info {
  order: 2;
}
.box-header .breadcrumb {
  order: 1;
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 7px 7px 0 0;
}

.inputDnD {
  position: relative;
}

.inputDnD .form-control-file {
  position: relative;
  width: 100%;
  min-height: 16em;
  outline: none;
  visibility: hidden;
  cursor: pointer;
}

.inputDnD .form-control-file:before {
  border-radius: 15px;
  outline-color: #dedede;
  outline-offset: -15px;
}

.inputDnD {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .inputDnD {
    margin-bottom: 30px;
  }
}

#preview_label {
  background-color: rgba(222, 222, 222, 0.9333333333);
  background-image: url("/img/upload.svg");
  background-size: 50%;
  background-position: center;
  z-index: 100;
  background-repeat: no-repeat;
  width: 100%;
  height: 70%;
  position: absolute;
  cursor: pointer;
  opacity: 0.4;
  border-radius: 10px;
  border: 1px dashed #999;
}
@media only screen and (max-width: 992px) {
  #preview_label {
    background-size: 20%;
  }
}

#preview_label:hover {
  opacity: 1;
}

.btns {
  width: 100%;
  position: absolute;
  z-index: 100;
  bottom: 34px;
  left: 0;
  right: 0;
}

.btns button {
  width: 50%;
  float: left;
  border: none;
  padding: 6px 12px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}

.ok-btn {
  background-color: #5eddd0;
  border-bottom-right-radius: 15px;
}

.cancel-btn {
  background-color: #f03621;
  border-bottom-left-radius: 15px;
}

.uploader-wrapper {
  display: flex;
  align-items: center;
}
.uploader-wrapper .info-box {
  margin: 0;
}
@media only screen and (max-width: 992px) {
  .uploader-wrapper {
    flex-wrap: wrap;
  }
  .uploader-wrapper > div {
    width: 100%;
  }
}

#user_creating.danger {
  background-color: rgba(247, 217, 217, 0.6235294118);
  color: #ff1111;
  padding: 20px;
  margin: 20px auto;
}

#user_creating.danger::before {
  content: "\f057";
  font: normal normal normal 14px/1 FontAwesome;
}

#user_creating.success {
  background-color: rgba(0, 102, 0, 0.1529411765);
  color: #006600;
  padding: 20px;
  margin: 20px auto;
}

#user_creating.success p {
  display: inline-block;
}

#user_creating.danger p {
  display: inline-block;
}

#user_creating.success::before {
  content: "\f05d";
  font: normal normal normal 14px/1 FontAwesome;
}

#stats {
  background-color: #f7f7f7;
  padding: 20px;
  display: flex;
  justify-content: space-evenly;
  border-radius: 4px;
}

#error_list_wrapper {
  max-height: 300px;
  overflow-y: scroll;
  margin-top: 20px;
}

#error_list_wrapper li.list-group-item {
  background-color: rgba(240, 240, 240, 0.2);
  margin: 4px 0;
  border-radius: 6px 0 0 6px;
  border-color: #fff;
  flex-basis: 49%;
  cursor: default;
  border-right: 3px solid #ad504f;
}

#user_creating {
  width: 100%;
}

#excel_input {
  display: none;
}

#excel_input_label {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  width: 200px;
  height: 100px;
  background-color: rgba(222, 222, 222, 0.6509803922);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.5s ease;
}

#excel_input_label:hover {
  transform: scale(1.05);
  background-color: #dedede;
}

#excel_input_label img {
  width: 30px;
  height: 30px;
}

#excel_input_label span {
  font-size: 0.7em;
}

.modal {
  cursor: default;
}

.data_table {
  border-top: 1px solid rgba(224, 224, 224, 0.3019607843);
  margin-top: 30px;
  padding-top: 15px;
}

.data_table td input {
  border: 1px solid #dedede;
  border-radius: 5px;
  padding: 5px;
  width: 100%;
}

.sample_link {
  border-bottom: 1px dashed rgb(0, 153, 255);
  padding-bottom: 5px;
}

.data_table-wrapper {
  width: 100%;
  overflow: auto;
}

#show_list {
  padding-right: 0;
}

.list_tag {
  padding: 6px 12px 6px 16px;
  background-color: #000c75;
  color: #fff;
  border-radius: 6px;
  display: inline-block;
  margin: 10px;
  margin-right: 0;
  position: relative;
  cursor: pointer;
}

.close-tag {
  position: absolute;
  left: 3px;
  top: 3px;
  cursor: pointer;
  padding: 4px;
}

.remove-tag {
  cursor: pointer;
  padding: 3px;
}

.tag_list {
  padding: 0;
  margin-bottom: 30px;
}

.tag_list li {
  padding: 5px 5px 5px 20px;
  list-style-type: none;
  background-color: rgba(223, 223, 223, 0.774);
  display: inline-block;
  border-radius: 7px;
  color: #444;
}

.tag_list li:before {
  content: "\f2ba";
  margin-left: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  color: #444;
}

.small-box {
  border-radius: 15px;
  background-color: #fbfbfb;
  transition: transform 0.5s ease;
  padding: 10px;
  min-height: 180px;
  position: relative;
  overflow: hidden;
}

.box-lg-title {
  font-weight: bold;
  margin-top: 0;
  font-size: 1.6em;
}

.small-box:hover {
  color: #000;
}

.small-box sup {
  color: #777;
  top: 5px;
  text-align: left;
  font-size: 10px;
}

.small-box > .small-box-footer,
.small-box > .small-box-footer:hover {
  background: transparent;
}

.small-box .inner {
  text-align: left;
}

.small-box .inner p {
  color: #999;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.small-box .inner {
  font-size: 3em;
}

@media only screen and (max-width: 992px) {
  .small-box h3 {
    font-size: 2.5em;
  }
}
.report-box {
  padding: 15px;
}

.content {
  padding: 20px;
}

.box-info {
  border-radius: 15px;
  box-shadow: 20px 20px 40px rgba(224, 225, 226, 0.4), -20px -20px 40px #f1f1f1;
}

#price-label:empty {
  display: none;
}
#price-label:after {
  content: "ریال";
  margin-right: 5px;
}

.error-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.img-back {
  opacity: 0.01;
  position: absolute;
  left: -50%;
  top: -50%;
}

.error-container img {
  display: block;
  margin: 20px auto;
  width: 100px;
  animation: moving 1s ease infinite alternate-reverse;
}

.error-container a {
  text-decoration: none;
  padding-bottom: 7px;
  border-bottom: 1px dashed #0ebbff;
  color: #0ebbff;
}

.error-footer {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
}

.error-footer img {
  width: 25px;
}

.error-footer a {
  text-decoration: none;
  color: #333;
}

.error-footer small {
  position: relative;
  top: -5px;
}

@keyframes moving {
  from {
    transform: rotate(-10deg);
  }
  to {
    transform: rotate(10deg);
  }
}
#loader,
.loader {
  display: none;
  width: 100%;
  height: 200px;
  background-color: #fff;
  position: relative;
}

#loader svg,
.loader svg {
  width: 100px !important;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  stroke-dasharray: 500;
  stroke-dashoffset: 1000;
  animation: loading 2s linear infinite;
  -webkit-animation: loading 2s linear infinite;
}

@keyframes loading {
  to {
    stroke-dashoffset: 0;
  }
}
.card-item {
  border-radius: 15px;
  background-color: #fbfbfb;
  padding: 30px;
  min-height: 180px;
  position: relative;
  overflow: hidden;
}

.card-item i {
  display: inline-block;
  color: #999;
  margin-left: 5px;
}
.card-item h2 {
  margin-top: 0;
}
.card-item h3 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}
.card-item ul {
  margin-top: 20px;
  padding-right: 0;
}
.card-item li {
  margin-top: 10px;
  list-style-type: none;
}
.card-item .list li::before {
  content: "\f05d";
  font: normal normal normal 14px/1 FontAwesome;
  margin-left: 10px;
}

.camma-words span:not(:last-child):after {
  content: "،";
  margin-left: 5px;
}

.credit-card {
  width: 100%;
  position: relative;
}
.credit-card img {
  width: 100%;
  opacity: 0.6;
}

.credit-card_pan,
.credit-card_exp {
  position: absolute;
  bottom: 20px;
  font-size: 1.2em;
}

.credit-card_pan {
  right: 20px;
}

.credit-card_cvv {
  position: absolute;
  bottom: 50px;
  left: 20px;
  font-size: 1.2em;
}

.credit-card_exp {
  left: 20px;
}

.barcode-wrapper {
  position: relative;
  width: 100%;
}
.barcode-wrapper .barcode {
  width: 100%;
  height: 50px;
  opacity: 0.1;
  background-image: url("/img/barcode.svg");
  background-repeat: repeat-x;
}
.barcode-wrapper span {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 15px;
}

.margin-top-md {
  margin-top: 50px;
}

.margin-top-sm {
  margin-top: 20px;
}

.margin-bottom-md {
  margin-bottom: 30px;
}

.margin-bottom-sm {
  margin-bottom: 10px;
}

.padding-top-md {
  padding-top: 20px;
}

.reset-padding {
  padding: 0;
}

.reset-padding-right {
  padding-right: 0;
}

.reset-padding-left {
  padding-left: 0;
}

.reset-margin-bottom {
  margin-bottom: 0;
}

.reset-margin-top {
  margin-top: 0;
}

.font-bold {
  font-weight: bold;
}

.d-flex-column {
  display: flex;
  direction: column;
}

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

.d-flex-start {
  display: flex;
  justify-content: flex-start;
}

.d-flex-end {
  display: flex;
  justify-content: flex-end;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wrapper {
  position: relative;
  min-height: 100vh;
}

.permission-name {
  text-align: left;
  width: 500px;
}

.info-box {
  box-shadow: none;
}

.content-wrapper {
  padding-top: 90px;
  min-height: 90vh !important;
}

.label-danger {
  background-color: #a02e22;
}

.label-success {
  background-color: #20c5ba !important;
}

#all_users {
  height: 300px;
}

#budget_preview {
  position: relative;
  top: 35px;
  background-color: rgba(222, 222, 222, 0.3764705882);
  padding: 10px;
  border-radius: 5px;
}

.social-btns {
  padding-right: 0;
}

.social-btns li {
  list-style: none;
  display: inline-block;
  margin-left: 10px;
}

.list-group-item label {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.list-group-item.danger {
  background-color: rgba(160, 46, 34, 0.1568627451);
  border-right: 3px solid #a02e22;
}

.input-danger {
  border: 1px solid #a02e22;
}

.header-items {
  background-color: rgba(222, 222, 222, 0.1294117647);
}

#owner-search_box {
  display: flex;
  justify-content: space-between;
}

.footer-list-box {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: rgba(236, 236, 236, 0.3647058824);
  padding-right: 20px;
  margin-top: 30px;
}
.footer-list-box li {
  padding-left: 20px;
  margin-left: 20px;
  display: flex;
  height: 30px;
  flex-direction: column;
  justify-content: space-between;
  font-size: 1em;
}
.footer-list-box li:not(:last-child) {
  border-left: 1px dotted #adadad;
}
.footer-list-box li small {
  color: #5c5c5c;
  font-size: 0.9em;
}

.info-list li {
  margin-bottom: 20px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0px;
  height: 35px;
  box-shadow: 1px 1px 2px 2px rgba(235, 235, 235, 0.368627451);
}

.select2-container--default .select2-selection--multiple {
  box-shadow: 1px 1px 2px 2px rgba(235, 235, 235, 0.368627451);
  border-radius: 7px;
  border: 1px solid #d2d6de;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #2c2e83;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
}

.select2-container--default .select2-search--inline .select2-search__field {
  height: 35px;
  min-width: 120px !important;
}

.swal-text {
  text-align: center !important;
}

.swal-footer {
  text-align: center;
}

#googlemap {
  width: 100%;
  height: 350px;
}

/*# sourceMappingURL=master.min.css.map */