@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
.selectBox input {
  display: none; }
  .selectBox input:checked + label {
    border-color: #00c853;
    z-index: 1;
    box-shadow: 0 0 0 3px rgba(0, 200, 83, 0.1); }
    .selectBox input:checked + label:before {
      background: #00c853;
      box-shadow: 0 0 0 1px #00c853; }

.selectBox label {
  background: #fff;
  border: 1px solid #eee;
  position: relative;
  padding: 12px 15px 12px 40px;
  cursor: pointer;
  font-weight: bold; }
  .selectBox label:before {
    content: '';
    width: 15px;
    height: 15px;
    box-shadow: 0 0 0 1px #ccc;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%); }
  .selectBox label:hover {
    border-color: #999;
    z-index: 1; }

.selectBox.radio label:before {
  border-radius: 100%; }

.selectBoxGroup {
  display: flex;
  flex-wrap: wrap; }
  .selectBoxGroup .selectBox {
    margin-left: -1px; }
    .selectBoxGroup .selectBox:first-child {
      margin-left: 0; }
  @media screen and (max-width: 568px) {
    .selectBoxGroup {
      flex-direction: column; }
      .selectBoxGroup .selectBox {
        margin-left: 0; }
        .selectBoxGroup .selectBox label {
          width: 100%; } }
  .selectBoxGroup.underneath {
    flex-direction: column; }
    .selectBoxGroup.underneath .selectBox {
      margin-left: 0; }
      .selectBoxGroup.underneath .selectBox label {
        width: 100%; }
  .selectBoxGroup.rtl {
    direction: rtl; }
    .selectBoxGroup.rtl label {
      background: #fff;
      width: 100%;
      padding: 12px 40px 12px 15px;
      text-align: right; }
      .selectBoxGroup.rtl label:before {
        right: 15px; }

body {
  min-height: 100vh;
  display: flex;
  font-family: 'Open Sans', sans-serif;
  color: #111111;
  background: #fff; }

* {
  font-size: 14px;
  box-sizing: border-box; }
  *::selection {
    background: #FFF8E1; }
  *::-moz-selection {
    background: #FFF8E1; }

.pointer {
  cursor: pointer; }

.imgHolder {
  overflow: hidden;
  position: relative; }
  .imgHolder img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.userAvatar {
  width: 100px;
  height: 100px;
  border-radius: 0;
  background: #eee; }

.border {
  border-color: #eee !important; }

.tooltip {
  font-family: 'Vazir', tahoma; }

.btn {
  border-radius: 2px; }

.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #BDBDBD;
  font-size: 13px; }

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #BDBDBD;
  font-size: 13px; }

.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #BDBDBD;
  font-size: 13px; }

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #BDBDBD;
  font-size: 13px; }

.sidebar {
  background: #fff;
  height: 100vh;
  width: 100%;
  position: absolute;
  left: -200%;
  transition: all 250ms;
  top: 58px;
  z-index: 3;
  overflow: hidden; }
  .sidebar.show {
    left: 0;
    box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1); }
  .sidebar .hiddenScroll {
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 50px; }
    @media screen and (min-width: 992px) {
      .sidebar .hiddenScroll {
        width: 107%; } }
    @media screen and (max-width: 992px) {
      .sidebar .hiddenScroll {
        padding-right: 15px; } }
  @media screen and (min-width: 568px) {
    .sidebar {
      width: 320px; } }
  @media screen and (min-width: 768px) {
    .sidebar {
      position: sticky;
      top: 0; } }
  .sidebar .logo {
    display: flex;
    justify-content: center;
    align-items: stretch;
    height: 60px;
    transition: all 250ms;
    margin: 15px 0 30px; }
    @media screen and (max-width: 768px) {
      .sidebar .logo {
        padding: 10px 0;
        height: auto; } }
    .sidebar .logo a {
      display: flex;
      justify-content: center;
      align-items: center; }
      .sidebar .logo a img {
        max-width: 60%;
        margin: auto;
        display: block; }
  .sidebar .userAvatar {
    display: block;
    overflow: hidden;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    margin: 25px auto 0 auto;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
    transition: all 250ms; }
    .sidebar .userAvatar:hover {
      box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4); }
    .sidebar .userAvatar img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.main {
  width: 100%; }
  .main .navbar {
    padding: 0; }
    .main .navbar .userDrp {
      border-left: 1px solid rgba(31, 71, 143, 0.1);
      padding: 6px;
      transition: all 250ms; }
      .main .navbar .userDrp:hover {
        background: rgba(31, 71, 143, 0.05); }
      .main .navbar .userDrp .dropdown-toggle {
        padding: 7px 0;
        color: rgba(0, 0, 0, 0.6);
        transition: all 250ms;
        font-size: 16px;
        font-weight: bold; }
        .main .navbar .userDrp .dropdown-toggle:hover, .main .navbar .userDrp .dropdown-toggle:focus {
          text-decoration: none;
          color: black; }
        .main .navbar .userDrp .dropdown-toggle::after {
          margin-right: 5px; }
      .main .navbar .userDrp .imgHolder {
        border-radius: 100%;
        overflow: hidden;
        margin-right: 10px;
        width: 32px;
        height: 32px; }
        .main .navbar .userDrp .imgHolder img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .main .navbar .userDrp .dropdown-menu {
        border-radius: 2px !important;
        background: #2e2a4e;
        text-align: left; }
        .main .navbar .userDrp .dropdown-menu:before {
          content: '';
          position: absolute;
          top: -11px;
          left: 0;
          right: 0;
          margin: 0 auto;
          width: 2px;
          height: 0px;
          border-bottom: solid 10px #2e2a4e;
          border-left: solid 10px transparent;
          border-right: solid 10px transparent; }
        .main .navbar .userDrp .dropdown-menu a {
          color: rgba(255, 255, 255, 0.8);
          transition: all 250ms; }
          .main .navbar .userDrp .dropdown-menu a:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0.2); }
  .main .content {
    background: #f3f3fb;
    min-height: 91vh; }
    @media screen and (min-width: 568px) {
      .main .content {
        padding: 25px; } }
    @media screen and (min-width: 768px) {
      .main .content {
        border-radius: 25px 0 0 0; } }
    .main .content .wellcomeMsg {
      font-size: 28px;
      color: #8e88bf;
      padding: 0 20px; }
      @media screen and (min-width: 568px) {
        .main .content .wellcomeMsg {
          padding: 0; } }
      .main .content .wellcomeMsg strong {
        font-size: 28px;
        color: #504a87; }

.accordionMenu {
  padding: 15px 0; }
  .accordionMenu ul {
    padding: 0; }
    .accordionMenu ul li {
      overflow: hidden;
      list-style: none;
      margin: 5px 0;
      position: relative;
      display: flex;
      flex-direction: column; }
      .accordionMenu ul li a {
        padding: 15px 10px;
        display: flex;
        align-items: center;
        color: #1f478f;
        transition: all 250ms;
        font-weight: bold; }
        .accordionMenu ul li a:hover {
          text-decoration: none;
          color: #ea943e; }
        .accordionMenu ul li a i {
          margin-right: 10px;
          width: 35px;
          display: flex;
          justify-content: center; }
      .accordionMenu ul li ul {
        display: none;
        padding: 5px 0 5px 45px;
        border-top: 2px solid #f1f1f1;
        background: rgba(245, 245, 251, 0.5); }
        .accordionMenu ul li ul li {
          margin: 1px 0;
          border-radius: 0; }
        .accordionMenu ul li ul a {
          padding-right: 49px;
          padding-top: 10px;
          padding-bottom: 10px; }
      .accordionMenu ul li.active a {
        background: rgba(0, 0, 0, 0.2);
        color: white; }
      .accordionMenu ul li.active ul {
        display: block; }
        .accordionMenu ul li.active ul li.active a {
          background: rgba(0, 0, 0, 0.2);
          color: white; }

.bigBox {
  background: #fff;
  margin: 0 0 35px;
  min-height: 50px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(40, 41, 77, 0.04);
  border-radius: 10px; }
  .bigBox-title {
    border-bottom: 1px solid #f3f3fb;
    padding: 15px 20px;
    color: #8e88bf;
    font-size: 19px; }
  .bigBox .head h4 {
    color: #28294d; }
  .bigBox .body {
    padding: 25px 20px 10px 20px; }

.search {
  display: flex;
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  border: solid 1px transparent;
  transition: all 250ms; }
  .search.focused {
    border: solid 1px rgba(0, 0, 0, 0.03);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02); }
    .search.focused input,
    .search.focused button {
      background: #fff; }
    .search.focused button {
      transition: all 250ms; }
      .search.focused button:hover {
        background: #453f7c;
        color: white; }
  .search input {
    width: 100%;
    border: 0;
    background: #FAFAFA;
    padding: 8px 10px; }
    .search input:focus {
      outline: none; }
  .search button {
    max-width: 50px;
    min-width: 40px;
    border: 0;
    background: #FAFAFA;
    padding: 8px 10px;
    cursor: pointer; }
  .search.white-theme input {
    background: #fff; }
  .search.white-theme button {
    background: #fff; }

.notif a {
  font-size: 18px;
  width: 60px;
  padding: 20px 0;
  border-left: 1px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: relative;
  transition: all 250ms;
  color: rgba(0, 0, 0, 0.6); }
  .notif a:focus {
    outline: none;
    color: black; }
  .notif a span {
    width: 17px;
    height: 17px;
    background: red;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    display: flex;
    right: 7px;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 0 0 3px #fff; }
  .notif a:hover {
    text-decoration: none;
    color: black; }

.newNotiOrMsg {
  background: rgba(0, 200, 83, 0.05); }

.modal-content {
  border: 0;
  border-radius: 0;
  overflow: hidden; }
  .modal-content:before {
    content: ' ';
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(31, 71, 143, 0.4);
    background-image: linear-gradient(-56deg, rgba(31, 71, 143, 0.4) 0%, #1f478f 100%); }
  .modal-content .modal-header {
    padding-top: 19px;
    display: flex;
    align-items: center;
    border: 0; }
    .modal-content .modal-header .modal-title {
      color: #28294d; }

#uploadFile {
  opacity: 0;
  cursor: pointer;
  position: relative;
  z-index: 3; }
  #uploadFile:hover + .hover {
    opacity: 1; }

#imagePreview {
  width: 250px;
  height: 250px;
  margin: auto;
  border: solid 1px #eee;
  border-radius: 0;
  background-image: url(../images/no-avatar.png);
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  display: flex;
  position: relative;
  overflow: hidden; }
  #imagePreview .hover {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition-duration: 250ms;
    color: white; }
    #imagePreview .hover i,
    #imagePreview .hover svg {
      color: white;
      font-size: 35px; }

.loginRegForm {
  display: flex;
  width: 100%; }
  .loginRegForm .cover {
    width: 100%;
    height: 100%; }

.loginButtons svg {
  background: rgba(0, 0, 0, 0.3);
  width: 35px !important;
  height: 35px !important;
  padding: 7px !important;
  border-radius: 2px !important; }

.table td,
.table th {
  vertical-align: middle !important;
  border-color: whitesmoke !important; }

.inTableBtns {
  background: rgba(81, 45, 168, 0.2);
  color: #512da8;
  width: 35px;
  height: 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transition: all 250ms; }
  .inTableBtns:hover {
    background: #512da8;
    color: white; }
  .inTableBtns.green {
    background: rgba(56, 142, 60, 0.2);
    color: #388e3c; }
    .inTableBtns.green:hover {
      background: #388e3c;
      color: white; }
  .inTableBtns.red {
    background: rgba(211, 47, 47, 0.2);
    color: #d32f2f; }
    .inTableBtns.red:hover {
      background: #d32f2f;
      color: white; }

.message-single .sender {
  display: flex;
  align-items: center; }
  .message-single .sender .avatar {
    width: 50px;
    height: 50px;
    background: rgba(234, 148, 62, 0.1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3px; }
    .message-single .sender .avatar i {
      color: #ea943e;
      font-size: 22px; }
  .message-single .sender a {
    font-size: 12px; }

.message-single p {
  font-size: 18px; }

.adr-form .form-gp {
  border: 1px solid rgba(31, 71, 143, 0.1);
  padding: 35px 25px 0 25px;
  position: relative;
  margin-bottom: 70px; }
  .adr-form .form-gp .form-control {
    border-radius: 0;
    color: #000; }
    .adr-form .form-gp .form-control::placeholder {
      color: #bbbbbb;
      font-weight: lighter; }
  .adr-form .form-gp-title {
    background: #fff;
    color: #1f478f;
    font-weight: bold;
    top: -13px;
    left: 15px;
    padding: 0 10px;
    margin: -49px 0px 30px -12px; }
    @media screen and (min-width: 768px) {
      .adr-form .form-gp-title {
        display: inline-block;
        position: absolute;
        margin: unset; } }
  .adr-form .form-gp.pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c4d8f7' fill-opacity='0.3'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.adr-form .btn {
  border-radius: 0; }

.form-control {
  border-radius: 0;
  color: #000; }
  .form-control::placeholder {
    color: #bbbbbb;
    font-weight: lighter; }

[dir="rtl"] .mr-auto {
  margin-right: unset !important;
  margin-left: auto !important; }

[dir="rtl"] .ml-auto {
  margin-left: unset !important;
  margin-right: auto !important; }

[dir="rtl"] .border-right-0 {
  border-right: 1px solid #ced4da !important;
  border-left: 0 !important; }

[dir="rtl"] .border-left-0 {
  border-left: 1px solid #ced4da !important;
  border-right: 0 !important; }

[dir="rtl"] .bigBox-title {
  text-align: right; }

[dir="rtl"] .adr-form {
  text-align: right; }
  [dir="rtl"] .adr-form .form-gp-title {
    left: unset;
    right: 15px; }

[dir="rtl"] .body {
  text-align: right; }

[dir="rtl"] .sender .text {
  margin-right: 1rem !important; }

[dir="rtl"] form .login {
  text-align: right; }

[dir="rtl"] form .register {
  text-align: right; }

[dir="rtl"] .ql-editor, [dir="rtl"] .ql-blank {
  text-align: right; }

[dir="rtl"] .breadcrumb-item a {
  padding-left: .5rem; }

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  padding-left: .5rem;
  padding-right: unset; }

[dir="rtl"] .content {
  border-radius: 0 25px 0 0; }

.ql-toolbar {
  direction: ltr;
  text-align: left; }

.breadcrumb {
  background: transparent; }
  .breadcrumb a {
    color: #ea943e; }

.pagination a {
  margin: 0 5px;
  border-radius: 50px !important;
  color: #ea943e;
  transition: all 250ms;
  background: rgba(234, 148, 62, 0.1);
  border-color: transparent;
  font-weight: bold; }
  .pagination a:hover {
    background: #ea943e;
    border-color: #ea943e;
    color: #fff; }

.pagination .disabled a {
  color: rgba(234, 148, 62, 0.6) !important;
  border-color: rgba(234, 148, 62, 0.15) !important; }

.box-b-card {
  background: #fff;
  border-radius: 5px;
  display: flex;
  color: #2e7cc1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 190px;
  padding: 25px 15px;
  margin-bottom: 30px;
  transition: all 250ms; }
  .box-b-card h5 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0; }
  .box-b-card i {
    font-size: 70px; }
  .box-b-card:hover {
    transform: scale(1.03);
    color: #ea943e;
    text-decoration: none; }

.select2-selection--single {
  border-radius: 0 !important;
  height: unset !important;
  padding: 6px;
  border: 1px solid #ced4da !important; }

.select2-selection__arrow {
  top: 7px !important;
  right: 6px !important; }

.select2-dropdown {
  border-radius: 0 !important; }