.marianpanel {
  text-align: right;
  font-family: iransans !important;
}
.marianpanel p,
.marianpanel a,
.marianpanel h1,
.marianpanel h2,
.marianpanel h3,
.marianpanel h4,
.marianpanel h5,
.marianpanel h6,
.marianpanel span,
.marianpanel input,
.marianpanel label,
.marianpanel select,
.marianpanel button,
.marianpanel strong,
.marianpanel form,
.marianpanel div {
  font-family: iransans !important;
}
.marianpanel form {
  margin: 1rem;
}
.marianpanel small{
  font-size: 0.65rem;
}

.marianpanel table,
.marianpanel td,
.marianpanel th,
.marianpanel tr {
  text-align: center !important;
}
.marianpanel a {
  text-decoration: none !important;
  color: #f52a2a;
  font-weight: 600;
}

.marianpanel input,
.marianpanel textarea {
  display: block;
  padding: 10px;
  margin: 15px 5px 0px;
  border: none;
  outline: none;
  font-size: 1rem;
  border-radius: 4px;
  font-size: 0.9rem;
  color: #444444;
}
.marianpanel input[type="number"]{
  margin: 5px 5px 5px 5px;
}
.marianpanel textarea {
  width: 100%;
  resize: none !important;
  cursor: text !important;
  font-size: 0.9rem;
  color: #444444;
  border: 1px solid #dddddd;
}
.marianpanel select {
  width: 100%;
  margin: 5px 5px 0px 5px;
  border: 1px solid #dddddd;
  font-size: 0.9rem;
  color: #444444;
  padding: 9px;
  border-radius: 4px;
}
.marianpanel input::placeholder,
.marianpanel textarea::placeholder {
  font-size: 0.8rem;
  color: #777777;
}

.marianpanel input[type="radio"],
.marianpanel input[type="checkbox"] {
  display: inline;
}
.marianpanel input[type="submit"],
.marianpanel input[type="text"],
.marianpanel input[type="number"],
.marianpanel input[type="email"],
.marianpanel input[type="password"] {
  width: 100%;
  font-size: 0.9rem;
  color: #444444;
  font-weight: bold;
}
.marianpanel input[type="text"],
.marianpanel input[type="number"],
.marianpanel input[type="email"],
.marianpanel input[type="password"] {
  border: 1px solid #dddddd;
}
.marianpanel input[type="text"]:focus,
.marianpanel input[type="number"]:focus,
.marianpanel input[type="email"]:focus,
.marianpanel input[type="password"]:focus{
  outline: 2px solid #cccccc;
}
.marianpanel input::placeholder {
  font-weight: normal;
  color: #adadad;
}
.marianpanel input[type="submit"] {
  cursor: pointer;
  padding: 15px 0;
  transition: 0.25s;
  border-radius: 12px;
}
.marianpanel input[type="text"] {
  margin-top: 5px;
}
.marianpanel input:disabled{
  background-color: #e6e6e6;
}
.marianpanel input[type="file"] {
  display: block;
  width: 100%;
  height: 68px;
  padding: 0.75rem;
  opacity: 0;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin: 0 !important;
  font-size: 0.9rem;
  color: #444444;
}
.marianpanel input[type="radio"]:after {
  width: 18px;
  height: 18px;
  border-radius: 15px;
  top: -1px;
  left: 1px;
  position: relative;
  background-color: #eeeeee;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

.marianpanel input[type="radio"]:checked:after {
  width: 18px;
  height: 18px;
  border-radius: 15px;
  top: -1px;
  left: 1px;
  position: relative;
  background-color: #f52a2a;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
.marianpanel .fileUploaderWrapper {
  position: relative;
  margin: 15px 0;
}
.marianpanel label {
  margin-top: 10px;
  font-size: 0.8rem;
  font-weight: normal;
}
.marianpanel label.fileLabel {
  display: block;
  text-align: right;
}
.marianpanel button.file-button {
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  color: #444444;
  border: 0;
  border-radius: 5px;
  background-color: #dddddd;
  margin: 15px 0 15px 15px;
  position: absolute;
  right: 0;
  top: 15px;
  padding: 13px 10px;
}
.marianpanel span.file-name {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  width: 200px;
  position: absolute;
  left: 30px;
  top: 50%;
}

/* dashicons */
.marianpanel .dashicons {
  font-family: dashicons !important;
  vertical-align: middle;
}

/* custom classes */
.title {
  font-family: iransans, Sans-serif !important;
}
.marianpanel .ltr {
  direction: ltr !important;
}
.marianpanel .rtl {
  direction: rtl !important;
}
.marianpanel .verify_status {
  border-radius: 4px;
  padding: 0 4px;
}
.marianpanel .verify_status.verify {
  background-color: green;
  color: #fff;
}
.marianpanel .verify_status.noverify {
  background-color: red;
  color: #fff;
}

/* main_block */
.marianpanel .main_block {
  display: block;
  margin: 0px 0.5rem 1.5rem;
  padding: 30px;
  border-radius: 4px;
  overflow-x: auto;
  background-color: #fff;
  box-shadow: 0 0 20px #eee;
  border-radius: 12px;
  border: 1px solid #e0e0e2;
}
.marianpanel .main_block .title {
  text-align: center;
  width: 100%;
  font-size: 1.1rem;
  font-weight: 600;
  color: #444444;
}
.marianpanel .main_block .subtitle {
  text-align: center;
  width: 100%;
  font-size: 0.9rem;
  font-weight: normal;
}
.marianpanel .main_block .user_skills {
  width: calc(100% - 20px);
}

/* register */
.marianpanel .main_block.register_theme {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  margin: 15px auto;
  width: 50%;
}
.marianpanel .main_block.register_theme input {
  margin: 15px 0;
}
.marianpanel .main_block.register_theme input.number {
  background: white;
}
.marianpanel .main_block.register_theme .title {
  display: block;
  margin-bottom: 45px;
}
.marianpanel .main_block.register_theme .changePage {
  display: block;
  margin-top: 45px;
}
.marianpanel .main_block.register_theme .seprate {
  margin-top: 8px;
  display: block;
}
.marianpanel .main_block.register_theme .seprate p {
  display: block;
}

.marianpanel .main_block.register_theme input[type="submit"],
.marianpanel .main_block.register_theme input[type="text"],
.marianpanel .main_block.register_theme input[type="number"],
.marianpanel .main_block.register_theme input[type="email"],
.marianpanel .main_block.register_theme input[type="password"] {
  width: 100%;
}

.marianpanel .main_block.register_theme.vertification_code input,
.marianpanel .main_block.register_theme.vertification_code input::placeholder {
  text-align: center;
}
.marianpanel .main_block.register_theme.vertification_code input[type="text"],
.marianpanel
  .main_block.register_theme.vertification_code
  input[type="text"]::placeholder {
  letter-spacing: 10px;
}

.marianpanel .main_block .service_details {
  padding: 0;
}
.marianpanel .main_block .service_details li {
  padding: 15px 0 6px;
  border-bottom: 1px solid #eeeeee;
}
.marianpanel .main_block .service_details li i {
  vertical-align: middle;
}
.marianpanel .main_block .service_details li span {
  color: #444444;
  font-size: 0.9rem;
  font-weight: 400;
}
.marianpanel .main_block .service_details li span.small-text {
  display: inline-block;
}
.marianpanel .order-items {
  border: 1px solid #b7b7b7;
  border-radius: 8px;
}
.marianpanel .repeater-field{
  padding-bottom: 1rem;
  border-top: 1px solid #000000;
}
.marianpanel .repeater-field:first-child{
  border-top: none;
}
.marianpanel .repeater-field:nth-child(even){
  background-color: #f3f3f3;
}
.marianpanel .form-group{
  margin: 0 4px;
  height: 80px;
  width: 19%;
}
.marianpanel .btn{
  margin: 6px 6px 3px;
}
.marianpanel .add-service{
  margin-top: 16px;
}
.marianpanel .group-title{
  font-size: 1rem;
  font-weight: bold;
  margin: 1.5rem 0;
}

@media (max-width:992px){
  .marianpanel .form-group{
    width: calc(50% - 8px);
  }
}

@media (max-width:768px){
  .marianpanel .form-group{
    width: calc(50% - 8px);
  }
}

@media (max-width: 576px){
  .marianpanel .main_block .service_details li span.small-text{
    float: unset;
    margin-top: 1rem;
  }

  .marianpanel .form-group{
    width: 100%;
  }

  
  .marianpanel .form-group label{
    font-size: 0.9rem;
  }
  .marianpanel .form-group strong{
    font-size: 1rem;
  }
  .marianpanel .form-group small{
    font-size: 1rem;
  }
}

/* login register */
.loginSubmit.active {
  display: block;
}
.loginSubmit.deactive {
  display: none;
}
.marianpanel .main_block.register_theme .refresh_request {
  cursor: pointer;
  padding: 15px 0;
  color: #f52a2a;
  background-color: #fff;
  border: 1px solid #f52a2a !important;
  width: 100%;
  border-radius: 4px;
  text-align: center;
  margin: 15px 0;
}
.main_block.register_theme input[type="text"] {
  font-size: 2rem;
  text-align: center;
}
.main_block.register_theme input[type="submit"] {
  font-size: 1.2rem;
  font-weight: 600;
}
.main_block.register_theme input[type="text"]::placeholder {
  font-size: 1rem;
  color: #cccccc;
}
/* sidebar */
.marianpanel .sidebar {
  position: relative;
  margin: 0px 7px;
  background-color: #fff;
  display: block;
  border-radius: 4px;
  border-radius: 14px;
  padding-top: 50px;
  box-shadow: 0 0 20px #eeeeee;
  border: 1px solid #e0e0e2;
}
.marianpanel .sidebar .profile_detail {
  display: block;
}
.marianpanel .sidebar .pages_list {
  display: block;
  margin-top: 30px;
}
.marianpanel .sidebar a {
  display: block;
  padding: 20px 15px;
  text-decoration: none !important;
  color: #505050;
  font-size: 0.9rem;
  font-weight: 600;
  transition: 0.15s;
  border-radius: 6px;
}
.marianpanel .sidebar a:hover {
  background-color: #5050502c;
}
.marianpanel .sidebar a.actived {
  font-weight: bold;
  background-color: #5050500e;
  border-right: 4px solid #505050;
}
.marianpanel .sidebar .profile_image,
.marianpanel .userImgs {
  display: block;
  width: 100px;
  height: 100px;
  margin: 15px auto;
  box-shadow: 0 0 6px #ccc;
  border-radius: 100%;
  object-fit: cover;
}
.marianpanel .sidebar .user_fullname {
  width: 100%;
  text-align: center;
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 1rem;
}
.marianpanel .sidebar .block_status {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0.8rem;
  padding: 4px 12px;
  border-radius: 4px;
  border-top-right-radius: 14px;
  border-bottom-left-radius: 14px;
  font-weight: 600;
}
.marianpanel .sidebar .block_status.block {
  color: red;
  background-color: #fdcfcf;
}
.marianpanel .sidebar .block_status.noblock {
  color: green;
  background-color: rgb(189, 255, 189);
}
.marianpanel .sidebar .go_homepage {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
}
.marianpanel .sidebar .go_homepage img {
  width: 100px;
  object-fit: contain;
}

/* edit profile */
.marianpanel .user_skills .wrapper {
  border: 1px solid #ccc;
  max-height: 200px;
  overflow: auto;
  margin: 15px 5px !important;
  padding: 5px;
}

/* notice */
.notice {
  text-align: center;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 6px lightgray;
  padding: 8px 0;
  font-size: 0.9rem;
  margin: 0 1rem;
}
.notice.error_notice {
  background-color: #e72f2f;
}
.notice.success_notice {
  background-color: #30D46F;
}

/* users table */
.rwd-table {
  margin: auto;
  min-width: 300px;
  width: 100%;
  border-collapse: collapse;
  box-shadow: rgba(110, 110, 110, 0.3) 0px 0px 0px 1px;
}

.rwd-table {
  color: #333;
  border-radius: 0.4em;
  overflow: hidden;
}

.rwd-table thead tr {
  border-top: none;
  background: #02205F;
  color: #ebebeb;
}

.rwd-table tr {
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
  background-color: #fff;
}
.rwd-table tr:nth-child(even) {
  background-color: #efefef;
}

.rwd-table th {
  display: none;
  color: #ffffff;
}

.rwd-table td {
  display: block;
  border-color: #ffffff;
}
.rwd-table td:first-child {
  margin-top: 0.5em;
}
.rwd-table td:last-child {
  margin-bottom: 0.5em;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 120px;
  display: inline-block;
  color: #f52a2a;
}
.rwd-table th,
.rwd-table td {
  text-align: left;
}
.rwd-table tr {
  border-color: #fff;
}
.rwd-table th,
.rwd-table td {
  vertical-align: middle;
  padding: 0.5em 1em;
}

.rwd-table a {
  color: #ffffff;
  font-size: 0.8rem;
  text-decoration: underline;
}

/* profileView */
.marianpanel .profileView strong {
  display: block;
  margin-top: 10px;
}

/* login form */
.loginForm input[type="text"] {
  padding: 15px;
  margin-top: 30px;
}
.marianpanel .main_block.register_theme input[type="submit"] {
  margin-top: 45px;
}
form#new-service-form span.error-message {
  font-size: 12px;
}

.btn-success {
  color: #fff !important;
  background-color: #198754 !important;
  border-color: #198754 !important;
}
.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}


.marianpanel .order-items .fixture-price{
  text-align: left;
  letter-spacing: 0.1rem;
}
.marianpanel .order-items .fixture-price::placeholder{
  text-align: right;
  letter-spacing: 0;
}

.loader-background{
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100vh;
  background-color: #070514db;
  z-index: 999;
  display: none;
}
.loader-background .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.loader-background .spinner{
  text-align: center;
  font-size: 4rem;
  display: block;
  color: #ffffff;
  animation: spin 1.7s linear infinite;
}
.loader-background .title{
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  color: #ffffff;
  font-weight: 800;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}