.btn {
  border-radius: 8px;
  font-size: 18px;
  padding: 9px 20px;
  min-width: 160px; }

.btn[class*="btn-outline-"] {
  padding: 8px 10px; }

.btn-outline-light {
  color: #565656;
  border-color: rgba(0, 122, 201, 0.5) !important; }

.horizontal-menu.navbar-floating:not(.blank-page) .app-content {
  padding-top: 90px; }

@media (max-width: 1199px) {
  .horizontal-layout .header-navbar .navbar-container {
    padding-right: 1.5rem !important; } }

.horizontal-menu .header-navbar {
  background: none !important; }
  .horizontal-menu .header-navbar.navbar-fixed {
    top: 32px;
    padding: 0 2.2rem; }
    .horizontal-menu .header-navbar.navbar-fixed.move-to-top {
      top: 0; }
  .horizontal-menu .header-navbar .navbar-collapse {
    min-height: 62px; }
  .horizontal-menu .header-navbar .navbar-container {
    padding: 0 1rem !important;
    background: #ffffff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05); }
    .horizontal-menu .header-navbar .navbar-container ul.nav li a.dropdown-user-link img {
      box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.235413); }
    .horizontal-menu .header-navbar .navbar-container .dropdown .dropdown-menu {
      border: none;
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.135216);
      border-radius: 8px;
      top: 45px !important; }
    .horizontal-menu .header-navbar .navbar-container .header-menu {
      margin-left: 50px; }
      .horizontal-menu .header-navbar .navbar-container .header-menu .nav-item {
        position: relative;
        padding: 17px 0px 16px; }
        .horizontal-menu .header-navbar .navbar-container .header-menu .nav-item .nav-link {
          padding: 6px 17px;
          font-weight: 600;
          color: #565656; }
          .horizontal-menu .header-navbar .navbar-container .header-menu .nav-item .nav-link:hover {
            color: #f7e30a; }
        .horizontal-menu .header-navbar .navbar-container .header-menu .nav-item.active .nav-link {
          color: #f7e30a;
          font-weight: 600; }
        .horizontal-menu .header-navbar .navbar-container .header-menu .nav-item.active:after {
          content: '';
          display: block;
          width: 100%;
          height: 3px;
          background-color: #f7e30a;
          border-radius: 4px; }
      .horizontal-menu .header-navbar .navbar-container .header-menu .dropdown-toggle:after {
        display: inline-block !important; }
    .horizontal-menu .header-navbar .navbar-container .header-menu-right .login-link.dropdown .dropdown-menu {
      top: 28px !important; }
    .horizontal-menu .header-navbar .navbar-container .header-menu-right .login-link .dropdown-toggle:after {
      display: inline-block !important; }

.horizontal-menu .dropdown .dropdown-menu.dropdown-menu-right::before {
  display: none; }

.header-left {
  width: 100%; }
  @media (min-width: 1200px) {
    .header-left {
      width: auto; } }

.text-dark-blue {
  color: #565656 !important; }

ul {
  padding-left: 20px; }

html body .content {
  min-height: calc(100% - 82px); }

.content-body {
  padding-bottom: 105px; }

.pace.pace-active {
  display: none !important; }

.dataTables_processing.card {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.135216) !important;
  border: 1px solid #f7e30a;
  color: #f7e30a;
  background: #fff;
  z-index: 9;
  padding-right: 30px; }
  .dataTables_processing.card:after {
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid #f7e30a;
    border-radius: 100%;
    animation: spinner-border .75s linear infinite;
    border-right-color: transparent;
    position: absolute;
    right: 20px; }

.generic-page-layout ul, .generic-page-layout ol {
  padding-left: 20px; }
  @media (min-width: 992px) {
    .generic-page-layout ul, .generic-page-layout ol {
      padding-left: 40px; } }
  .generic-page-layout ul li, .generic-page-layout ol li {
    margin-top: 10px; }

@media (max-width: 639px) {
  .swal2-actions .btn {
    margin: 10px !important; } }

.form-control, .form-group input {
  font-size: 14px;
  height: 56px;
  border: none;
  border-radius: 8px 8px 0 0;
  background: rgba(230, 231, 232, 0.5);
  color: #565656;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid rgba(86, 86, 86, 0.5); }
  .form-control::-webkit-input-placeholder, .form-group input::-webkit-input-placeholder {
    font-size: 14px;
    color: #565656; }
  .form-control::-moz-placeholder, .form-group input::-moz-placeholder {
    opacity: 1;
    font-size: 14px;
    color: #565656; }
  .form-control:-moz-placeholder, .form-group input:-moz-placeholder {
    font-size: 14px;
    color: #565656; }
  .form-control:-ms-input-placeholder, .form-group input:-ms-input-placeholder {
    font-size: 14px;
    color: #565656; }
  .form-control.placeholder, .form-group input.placeholder {
    font-size: 14px;
    color: #565656; }

.form-label-group > input:not(:-moz-placeholder-shown) ~ label, .form-label-group textarea:not(:-moz-placeholder-shown) ~ label {
  top: -30px;
  font-weight: 700;
  font-size: 14px; }

.form-label-group > input:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label {
  top: -30px;
  font-weight: 700;
  font-size: 14px; }

.form-label-group > input:not(:focus):not(:-moz-placeholder-shown) ~ label, .form-label-group > textarea:not(:focus):not(:-moz-placeholder-shown) ~ label {
  color: #565656 !important; }

.form-label-group > input:not(:focus):not(:placeholder-shown) ~ label, .form-label-group > textarea:not(:focus):not(:placeholder-shown) ~ label {
  color: #565656 !important; }

.form-label-group {
  margin-bottom: 38px; }
  .form-label-group:last-of-type {
    margin-bottom: 0; }
  .form-label-group > input, .form-label-group textarea {
    padding-left: 16px;
    padding-right: 16px; }

.form-group {
  width: 100%; }
  .form-group label {
    color: #565656;
    font-weight: 700;
    font-size: 14px;
    display: block;
    margin-bottom: 6px; }
  .form-group .form-control-position {
    height: 54px;
    line-height: 52px;
    font-size: 24px; }
    .form-group .form-control-position i {
      color: #565656; }
  .form-group input {
    width: 100%; }

.custom-control {
  margin-bottom: 10px; }
  .custom-control:last-child {
    margin-bottom: 0; }
  .custom-control.custom-radio {
    min-height: 30px;
    line-height: 30px; }
    .custom-control.custom-radio .custom-control-label {
      padding-left: 15px;
      margin-bottom: 0;
      font-size: 14px; }
      .custom-control.custom-radio .custom-control-label::before, .custom-control.custom-radio .custom-control-label::after {
        width: 24px;
        height: 24px;
        top: 3px; }
      .custom-control.custom-radio .custom-control-label::before {
        border-color: #565656; }
      .custom-control.custom-radio .custom-control-label::after {
        border-color: #565656;
        background: no-repeat 100%; }
    .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23F7E30A'/%3E%3Ccircle cx='12' cy='12' r='9' fill='%23F7E30A'/%3E%3C/svg%3E%0A"); }

select.form-control:not([multiple="multiple"]) {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='22' viewBox='0 0 15 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.5L7.5 13.5L2.5 8.5' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-position: right 16px  center;
  background-size: 15px 22px; }

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
  font-size: 14px;
  height: 56px;
  border: none;
  border-radius: 8px 8px 0 0;
  background: rgba(230, 231, 232, 0.5);
  color: #565656;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid rgba(86, 86, 86, 0.5); }
  .select2-container--classic .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 56px;
    width: 40px; }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b {
      background-image: url("data:image/svg+xml,%3Csvg width='15' height='22' viewBox='0 0 15 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.5L7.5 13.5L2.5 8.5' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
      background-size: 15px 22px;
      width: 15px;
      height: 100%;
      top: 0px;
      right: 16px;
      left: auto;
      border-width: initial;
      border-style: none;
      border-color: initial;
      -o-border-image: initial;
         border-image: initial;
      background-repeat: no-repeat;
      background-position: center center; }

.multiselect-native-select .multiselect.dropdown-toggle.custom-select {
  font-size: 14px;
  height: 56px;
  border: none;
  border-radius: 8px 8px 0 0;
  color: #565656;
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
  border-bottom: 1px solid rgba(86, 86, 86, 0.5);
  background: rgba(230, 231, 232, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='22' viewBox='0 0 15 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.5L7.5 13.5L2.5 8.5' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-position: right 16px  center;
  background-size: 15px 22px;
  background-repeat: no-repeat; }

.multiselect-native-select .multiselect-container {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000087;
  border: none;
  padding-bottom: 20px;
  z-index: 999;
  transform: none !important;
  top: 56px !important; }
  .multiselect-native-select .multiselect-container i {
    display: none; }
  .multiselect-native-select .multiselect-container .multiselect-filter {
    padding: 6px 25px 6px 48px;
    border-bottom: 1px solid #E0E0E0; }
    .multiselect-native-select .multiselect-container .multiselect-filter > input.multiselect-search {
      margin-left: 0;
      height: 32px; }
  .multiselect-native-select .multiselect-container .multiselect-group {
    font-size: 12px;
    font-weight: 700;
    color: #565656;
    padding: 10px 12px 10px 48px;
    border-bottom: 1px solid #E0E0E0;
    position: relative; }
    .multiselect-native-select .multiselect-container .multiselect-group::before {
      content: '#';
      position: absolute;
      left: 12px;
      text-align: center;
      width: 20px; }
  .multiselect-native-select .multiselect-container .multiselect-option.multiselect-group-option-indented {
    border-bottom: 1px solid #E0E0E0;
    padding: 8px 12px; }
    .multiselect-native-select .multiselect-container .multiselect-option.multiselect-group-option-indented .form-check {
      padding: 0; }
    .multiselect-native-select .multiselect-container .multiselect-option.multiselect-group-option-indented .form-check-label {
      font-weight: normal;
      font-size: 14px;
      margin-bottom: 0;
      position: relative;
      padding-left: 36px;
      word-break: break-word;
      white-space: initial; }
      .multiselect-native-select .multiselect-container .multiselect-option.multiselect-group-option-indented .form-check-label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #f7e30a;
        padding: 9px;
        position: absolute;
        left: 0;
        top: 0;
        cursor: pointer;
        margin-right: 16px; }
    .multiselect-native-select .multiselect-container .multiselect-option.multiselect-group-option-indented .form-check-input {
      display: none; }
      .multiselect-native-select .multiselect-container .multiselect-option.multiselect-group-option-indented .form-check-input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 1px;
        left: 0px;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H20V20H0V0Z' fill='%23F7E30C'/%3E%3Cpath d='M2.5 11.25L7.08333 15.8333L17.9167 4.16667' stroke='%23565656' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        border: none;
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-size: 24px 24px; }

.picker__input.form-control, .form-group input.picker__input {
  background: rgba(230, 231, 232, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='22' viewBox='0 0 15 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.5L7.5 13.5L2.5 8.5' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-position: right 16px  center;
  background-size: 15px 22px;
  background-repeat: no-repeat; }

.card {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.135216);
  border-radius: 8px; }
  .card .card-header {
    padding: 15px 17px 0; }
    @media (min-width: 1200px) {
      .card .card-header {
        padding: 25px 30px 0; } }
    .card .card-header .heading-elements, .card .card-header .heading-elements-toggle {
      top: 15px; }
      @media (min-width: 1200px) {
        .card .card-header .heading-elements, .card .card-header .heading-elements-toggle {
          top: 25px; } }
      .card .card-header .heading-elements a, .card .card-header .heading-elements-toggle a {
        color: #000000; }
  .card .card-title {
    font-weight: 600;
    letter-spacing: normal;
    color: #565656; }
  .card .card-body {
    padding: 25px 17px; }
    @media (min-width: 1200px) {
      .card .card-body {
        padding: 25px 30px; } }

.nav.nav-tabs {
  border-bottom: 1px solid #565656; }
  .nav.nav-tabs .nav-item .nav-link {
    text-transform: none;
    font-size: 14px; }
    .nav.nav-tabs .nav-item .nav-link.active {
      font-weight: 600; }
      .nav.nav-tabs .nav-item .nav-link.active::after {
        height: 3px;
        background: #f7e30a !important;
        border-radius: 4px;
        top: calc(100% - 1px); }

@media (min-width: 576px) {
  .modal .modal-dialog {
    max-width: 440px; } }

.modal .modal-content {
  border-radius: 0px; }

.modal .modal-header {
  align-items: center; }
  @media (min-width: 768px) {
    .modal .modal-header {
      padding-left: 34px;
      padding-right: 34px; } }
  .modal .modal-header .close {
    margin: 0;
    box-shadow: none;
    transform: translate(14px, -40px); }
    @media (min-width: 768px) {
      .modal .modal-header .close {
        transform: translate(34px, -40px); } }
    .modal .modal-header .close:hover {
      transform: translate(14px, -40px); }
      @media (min-width: 768px) {
        .modal .modal-header .close:hover {
          transform: translate(34px, -40px); } }

.modal .modal-body {
  padding-top: 40px;
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    .modal .modal-body {
      padding-left: 34px;
      padding-right: 34px; } }
  .modal .modal-body .close {
    margin: 0;
    transform: translate(14px, -40px);
    padding: 0.2rem 0.62rem;
    box-shadow: none;
    border-radius: 0.357rem;
    background: #fff;
    opacity: 1;
    transition: all 0.23s ease 0.1s;
    position: relative; }
    @media (min-width: 768px) {
      .modal .modal-body .close {
        transform: translate(34px, -40px); } }
    .modal .modal-body .close span {
      font-weight: 400;
      font-size: 2rem;
      color: #007ac9; }
    .modal .modal-body .close:hover {
      transform: translate(14px, -40px); }
      @media (min-width: 768px) {
        .modal .modal-body .close:hover {
          transform: translate(34px, -40px); } }
  .modal .modal-body h1,
  .modal .modal-body h2,
  .modal .modal-body h3,
  .modal .modal-body h4,
  .modal .modal-body h5 {
    color: #2c2c2c; }
  .modal .modal-body .form-wrapper {
    margin-top: 40px; }

.modal .modal-footer {
  border-top: none; }
  @media (min-width: 768px) {
    .modal .modal-footer {
      padding: 0 34px 45px; } }

.table th,
.table td {
  font-size: 14px; }

.table th {
  padding: 22px 18px 9px; }

.table td {
  padding: 10px 18px; }
  .table td i {
    font-size: 20px; }
  .table td .btn {
    padding: 0;
    min-width: auto; }
    .table td .btn i {
      font-size: 20px; }

@media (max-width: 991px) {
  .custom-data-table .table {
    display: block; } }

@media (max-width: 991px) {
  .custom-data-table .table tr {
    display: block;
    margin-top: 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.135216);
    overflow: hidden; } }

@media (max-width: 991px) {
  .custom-data-table .table th,
  .custom-data-table .table td {
    display: block; } }

.custom-data-table .table td {
  position: relative; }
  @media (max-width: 991px) {
    .custom-data-table .table td {
      display: block;
      position: relative;
      width: 100% !important;
      box-sizing: border-box;
      text-align: right;
      padding-left: 100px; } }
  @media (max-width: 991px) {
    .custom-data-table .table td:before {
      content: attr(data-title);
      display: inline-block;
      color: #565656;
      font-weight: 700;
      font-size: 14px;
      position: absolute;
      left: 15px;
      top: 11px;
      text-align: left; } }

@media (max-width: 991px) {
  .custom-data-table .table thead {
    display: none; } }

@media (max-width: 991px) {
  .custom-data-table .table tbody {
    display: block; } }

.content .content-wrapper .content-header-title {
  font-weight: 600 !important;
  color: #2C2C2C !important; }

.content-client-login .card {
  border-radius: 0; }
  @media (min-width: 768px) {
    .content-client-login .card {
      height: 100%;
      margin-bottom: 0; } }

.card.card-login-form {
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .card.card-login-form {
      margin-bottom: 0; } }
  .card.card-login-form .forgot-password.form-wrapper {
    max-width: 300px;
    margin-top: 30px;
    margin-bottom: 40px; }
  .card.card-login-form .form-wrapper {
    max-width: 500px;
    margin-top: 30px;
    margin-bottom: 40px; }
    .card.card-login-form .form-wrapper .form-action {
      margin-top: -19px; }
      .card.card-login-form .form-wrapper .form-action .btn {
        max-width: 200px;
        width: 100%;
        margin-top: 27px; }
      .card.card-login-form .form-wrapper .form-action .login-btn {
        text-align: left;
        background-color: #f7e30a;
        background-image: url(../images/icons/btn-arrow-hover.png);
        background-size: 46px 46px;
        background-position: 92% 50%;
        background-repeat: no-repeat;
        padding-right: 70px;
        border-radius: 0;
        min-width: 200px;
        color: #565656;
        font-weight: 600;
        border: 1px solid #565656;
        padding-top: 20px;
        padding-bottom: 20px; }
        .card.card-login-form .form-wrapper .form-action .login-btn:hover {
          background-position: 92% 50%;
          background-color: #565656;
          background-image: url(../images/icons/btn-arrow.png);
          background-size: 46px 46px;
          background-repeat: no-repeat;
          color: #f7e30a; }
    .card.card-login-form .form-wrapper .form-group {
      max-width: 300px; }
  .card.card-login-form .forgot-password.form-wrapper .btn {
    max-width: 300px !important;
    width: 100%;
    margin-top: 27px; }
  .card.card-login-form.reset-password .form-wrapper {
    max-width: 100%; }
    .card.card-login-form.reset-password .form-wrapper .form-group {
      max-width: 300px; }
    .card.card-login-form.reset-password .form-wrapper .form-action {
      margin-top: -19px; }
      .card.card-login-form.reset-password .form-wrapper .form-action .btn {
        width: auto;
        margin-top: 27px; }

.login-header {
  color: #565656;
  height: 75px;
  align-items: center;
  display: flex; }
  .login-header .breadcrumbs-top {
    padding-left: 0; }
    @media (min-width: 992px) {
      .login-header .breadcrumbs-top {
        padding-left: 65px; } }
  @media (min-width: 768px) {
    .login-header {
      background-clip: content-box; } }

.login-card-body {
  padding: 25px 17px; }
  @media (min-width: 992px) {
    .login-card-body {
      padding: 25px 65px !important; } }

.bg-blue {
  background-color: #f7e30a !important; }
  .bg-blue::before {
    background-color: #f7e30a !important;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1; }
  .bg-blue.left::before {
    right: 95%;
    left: -9999px; }
  .bg-blue.right::before {
    left: 95% !important;
    right: -9999px !important; }

.d-mid {
  display: grid;
  align-items: center; }
  .d-mid .content-wrapper {
    padding: 0 !important; }
  .d-mid .content-body {
    padding-bottom: 0; }

.client-login .text-wrap {
  min-height: 200px;
  max-width: calc(1450px / 2 - 25%); }
  @media (min-width: 576px) {
    .client-login .text-wrap {
      min-height: 400px; } }

.manager-login {
  margin-top: 20px; }
  @media (min-width: 576px) {
    .manager-login {
      margin-top: 0; } }
  .manager-login .text-wrap {
    min-height: 200px;
    max-width: calc(1450px / 2 - 25%); }
    @media (min-width: 576px) {
      .manager-login .text-wrap {
        min-height: 400px; } }

.two-coll .coll {
  width: 100%; }
  @media (min-width: 576px) {
    .two-coll .coll {
      width: 50%; } }
  .two-coll .coll .btn {
    background: #f7e30a;
    font-weight: 600;
    position: relative;
    padding: 12px 20px;
    letter-spacing: 0.012em;
    min-width: 156px;
    display: inline-block;
    text-align: center;
    border: 1px solid #565656;
    color: #565656;
    border-radius: 0; }
    .two-coll .coll .btn:hover {
      background: #565656;
      color: #f7e30a; }
  .two-coll .coll .text {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .two-coll .coll .text-wrap {
    max-width: calc(1450px / 2 - 25%);
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 30px; }
    @media (min-width: 768px) {
      .two-coll .coll .text-wrap {
        padding: 65px; } }
    .two-coll .coll .text-wrap h1 {
      font-size: 28px;
      color: #565656; }
      @media (min-width: 768px) {
        .two-coll .coll .text-wrap h1 {
          font-size: 36px; } }

.two-coll .coll:nth-child(odd) .coll-wrap {
  display: flex;
  justify-content: flex-end;
  padding-right: 0; }
  @media (min-width: 576px) {
    .two-coll .coll:nth-child(odd) .coll-wrap {
      padding-right: 12%;
      text-align: right; } }

.two-coll .coll:nth-child(even) .coll-wrap {
  display: flex;
  padding-left: 0; }
  @media (min-width: 576px) {
    .two-coll .coll:nth-child(even) .coll-wrap {
      padding-left: 12%; } }

#presetSign {
  padding-left: 22px !important; }

@media (min-width: 575px) and (max-width: 767px) {
  .two-coll .coll .text-wrap {
    padding: 65px 30px; } }

footer.footer {
  background-color: transparent;
  border-top: 5px solid #E6E7E8;
  padding-top: 29px;
  padding-bottom: 28px; }
  footer.footer .footer-menu {
    list-style: none;
    padding: 0;
    margin: 0; }
    footer.footer .footer-menu li {
      display: inline-block;
      border-left: 1px solid #565656; }
      footer.footer .footer-menu li a {
        color: #565656;
        display: block;
        line-height: 1; }
        footer.footer .footer-menu li a:hover {
          color: #f7e30a; }

@media (max-width: 767px) {
  .card.card-collapsible .card-header {
    padding-bottom: 15px; } }

@media (max-width: 767px) {
  .card.card-collapsible .card-content {
    border-top: 1px solid #565656; } }

.awn-sidebar .clear-filter {
  padding-left: 30px; }
  @media (max-width: 991px) {
    .awn-sidebar .clear-filter {
      padding-left: 0px; } }
  .awn-sidebar .clear-filter a {
    color: #565656; }
    .awn-sidebar .clear-filter a:hover {
      text-decoration: underline; }

.awn-sidebar .picker__holder {
  max-width: 100%; }

.expand-btn {
  margin-top: 15px; }
  @media (min-width: 768px) {
    .expand-btn {
      position: absolute;
      right: 14px;
      top: -35px;
      margin-top: 0; } }
  @media (min-width: 1200px) {
    .expand-btn {
      top: -45px; } }
  .expand-btn .btn[class*="btn-outline-"] {
    padding: 3px 10px;
    min-width: auto; }

@media (max-width: 991px) {
  .card-data-table {
    background: none;
    box-shadow: none; } }

.card-data-table table.dataTable {
  border: none;
  width: 100% !important;
  margin: 0 !important;
  max-width: 100% !important; }
  @media (max-width: 991px) {
    .card-data-table table.dataTable {
      display: block; } }
  @media (max-width: 991px) {
    .card-data-table table.dataTable thead,
    .card-data-table table.dataTable tfoot {
      display: block; } }
  @media (max-width: 991px) {
    .card-data-table table.dataTable thead tr,
    .card-data-table table.dataTable tfoot tr {
      display: block; } }
  .card-data-table table.dataTable thead th,
  .card-data-table table.dataTable thead td,
  .card-data-table table.dataTable tfoot th,
  .card-data-table table.dataTable tfoot td {
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 10px 9px;
    text-transform: none !important; }
    @media (max-width: 991px) {
      .card-data-table table.dataTable thead th,
      .card-data-table table.dataTable thead td,
      .card-data-table table.dataTable tfoot th,
      .card-data-table table.dataTable tfoot td {
        display: block; } }
  .card-data-table table.dataTable thead th.child,
  .card-data-table table.dataTable tfoot th.child {
    border-right: 1px solid #e0e0e0; }
    .card-data-table table.dataTable thead th.child:last-child,
    .card-data-table table.dataTable tfoot th.child:last-child {
      border-right: none; }
  @media (max-width: 991px) {
    .card-data-table table.dataTable thead {
      display: none; } }
  .card-data-table table.dataTable thead tr {
    background: none; }
    @media (max-width: 991px) {
      .card-data-table table.dataTable thead tr {
        display: block; } }
  .card-data-table table.dataTable thead .sorting,
  .card-data-table table.dataTable thead .sorting_asc,
  .card-data-table table.dataTable thead .sorting_desc {
    padding-left: 40px !important; }
    .card-data-table table.dataTable thead .sorting:before,
    .card-data-table table.dataTable thead .sorting_asc:before,
    .card-data-table table.dataTable thead .sorting_desc:before {
      left: 15px;
      right: auto;
      top: 8px;
      padding-right: 0;
      font-size: 16px;
      bottom: auto; }
    .card-data-table table.dataTable thead .sorting:after,
    .card-data-table table.dataTable thead .sorting_asc:after,
    .card-data-table table.dataTable thead .sorting_desc:after {
      left: 15px;
      right: auto;
      top: 18px;
      font-size: 16px;
      bottom: auto; }
  @media (max-width: 991px) {
    .card-data-table table.dataTable tbody {
      display: block; } }
  @media (max-width: 991px) {
    .card-data-table table.dataTable tbody > tr {
      display: block;
      margin-top: 15px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.135216);
      overflow: hidden; } }
  .card-data-table table.dataTable tbody th,
  .card-data-table table.dataTable tbody td {
    border-bottom: 1px solid #e0e0e0;
    padding: 11px 10px;
    text-transform: uppercase; }
    @media (max-width: 991px) {
      .card-data-table table.dataTable tbody th,
      .card-data-table table.dataTable tbody td {
        display: block;
        position: relative;
        width: 100% !important;
        box-sizing: border-box;
        text-align: right;
        padding-left: 100px;
        min-height: 43px; } }
    .card-data-table table.dataTable tbody th i,
    .card-data-table table.dataTable tbody td i {
      font-size: 20px; }
      .card-data-table table.dataTable tbody th i:hover,
      .card-data-table table.dataTable tbody td i:hover {
        color: #f7e30a; }
    @media (max-width: 991px) {
      .card-data-table table.dataTable tbody th:before,
      .card-data-table table.dataTable tbody td:before {
        content: attr(data-title);
        display: inline-block;
        color: #565656;
        font-weight: 700;
        font-size: 14px;
        position: absolute;
        left: 15px;
        top: 11px;
        text-align: left;
        text-transform: none; } }
    .card-data-table table.dataTable tbody th .dataTables_wrapper,
    .card-data-table table.dataTable tbody td .dataTables_wrapper {
      border: 1px solid #e6e7e8;
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.135216);
      margin: -11px 0 !important; }
    .card-data-table table.dataTable tbody th .sub-table thead th,
    .card-data-table table.dataTable tbody th .sub-table thead td,
    .card-data-table table.dataTable tbody td .sub-table thead th,
    .card-data-table table.dataTable tbody td .sub-table thead td {
      padding-top: 12px;
      padding-bottom: 5px; }
      .card-data-table table.dataTable tbody th .sub-table thead th:last-child,
      .card-data-table table.dataTable tbody th .sub-table thead td:last-child,
      .card-data-table table.dataTable tbody td .sub-table thead th:last-child,
      .card-data-table table.dataTable tbody td .sub-table thead td:last-child {
        width: 40% !important; }
    @media (max-width: 991px) {
      .card-data-table table.dataTable tbody th .sub-table tbody tr,
      .card-data-table table.dataTable tbody td .sub-table tbody tr {
        border-bottom: 1px solid #565656;
        margin-top: 0;
        box-shadow: none;
        border-radius: 0; } }
    .card-data-table table.dataTable tbody th .sub-table tbody tr td,
    .card-data-table table.dataTable tbody td .sub-table tbody tr td {
      padding: 7px 10px; }
      @media (max-width: 991px) {
        .card-data-table table.dataTable tbody th .sub-table tbody tr td,
        .card-data-table table.dataTable tbody td .sub-table tbody tr td {
          padding-left: 100px; } }
      .card-data-table table.dataTable tbody th .sub-table tbody tr td i,
      .card-data-table table.dataTable tbody td .sub-table tbody tr td i {
        color: #565656; }
        .card-data-table table.dataTable tbody th .sub-table tbody tr td i:hover,
        .card-data-table table.dataTable tbody td .sub-table tbody tr td i:hover {
          color: #f7e30a; }
    @media (min-width: 992px) {
      .card-data-table table.dataTable tbody th .sub-table tbody tr.shown,
      .card-data-table table.dataTable tbody td .sub-table tbody tr.shown {
        background-color: rgba(230, 231, 232, 0.5); } }
    .card-data-table table.dataTable tbody th .sub-table tbody tr.shown + tr > td .dataTables_wrapper,
    .card-data-table table.dataTable tbody td .sub-table tbody tr.shown + tr > td .dataTables_wrapper {
      margin: -7px 0 -7px 40px !important; }
    .card-data-table table.dataTable tbody th .recieval-details-table tr th, .card-data-table table.dataTable tbody th .recieval-details-table tr td,
    .card-data-table table.dataTable tbody td .recieval-details-table tr th,
    .card-data-table table.dataTable tbody td .recieval-details-table tr td {
      width: 25%; }
      .card-data-table table.dataTable tbody th .recieval-details-table tr th:first-child, .card-data-table table.dataTable tbody th .recieval-details-table tr td:first-child,
      .card-data-table table.dataTable tbody td .recieval-details-table tr th:first-child,
      .card-data-table table.dataTable tbody td .recieval-details-table tr td:first-child {
        padding-left: 16px; }
    .card-data-table table.dataTable tbody th .recieval-details-table tbody tr td:first-child,
    .card-data-table table.dataTable tbody td .recieval-details-table tbody tr td:first-child {
      width: auto; }
      @media (max-width: 991px) {
        .card-data-table table.dataTable tbody th .recieval-details-table tbody tr td:first-child,
        .card-data-table table.dataTable tbody td .recieval-details-table tbody tr td:first-child {
          padding-left: 100px !important; } }
    .card-data-table table.dataTable tbody th .tab-content,
    .card-data-table table.dataTable tbody td .tab-content {
      margin-top: -15px; }
      .card-data-table table.dataTable tbody th .tab-content table.dataTable tbody td .dataTables_wrapper,
      .card-data-table table.dataTable tbody td .tab-content table.dataTable tbody td .dataTables_wrapper {
        border-top: none; }
  @media (min-width: 992px) {
    .card-data-table table.dataTable tbody tr.shown {
      background-color: rgba(225, 244, 253, 0.5); } }
  .card-data-table table.dataTable tbody tr.shown .icon-plus-circle:before {
    content: "\e894"; }
  .card-data-table table.dataTable tbody tr.shown i {
    color: #f7e30a !important; }
  @media (max-width: 991px) {
    .card-data-table table.dataTable tbody tr.shown + tr {
      margin-top: 0px;
      background: none;
      border-radius: 0;
      box-shadow: none;
      padding-left: 15px; } }
  @media (max-width: 991px) {
    .card-data-table table.dataTable tbody tr.shown + tr > td {
      padding: 11px 0px !important;
      background-color: #fff; } }
  @media (min-width: 992px) {
    .card-data-table table.dataTable.tblRecievals-modifier tr th:nth-child(3), .card-data-table table.dataTable.tblRecievals-modifier tr td:nth-child(3) {
      width: 43% !important; } }

.card-data-table td.term-details-control, .card-data-table td.course-details-control {
  width: 20px !important;
  padding-left: 16px !important; }

.card-data-table td:last-child {
  padding-right: 16px !important; }

.card-data-table .dataTables_wrapper {
  overflow-x: auto;
  position: relative; }
  .card-data-table .dataTables_wrapper .table-footer {
    padding: 10px 25px;
    color: #565656; }
  .card-data-table .dataTables_wrapper .dataTables_length {
    display: none; }
    @media (min-width: 992px) {
      .card-data-table .dataTables_wrapper .dataTables_length {
        display: block; } }
    .card-data-table .dataTables_wrapper .dataTables_length label {
      font-size: 14px;
      color: #565656;
      margin-top: 0;
      text-transform: none; }
    .card-data-table .dataTables_wrapper .dataTables_length select {
      border: 1px solid #e6e7e8;
      border-radius: 8px;
      height: 40px;
      background-color: #fff;
      background-position: right 5px center;
      padding-right: 20px; }
  .card-data-table .dataTables_wrapper .dataTables_info {
    padding-top: 0;
    padding-right: 30px;
    display: none;
    text-transform: none; }
    @media (min-width: 992px) {
      .card-data-table .dataTables_wrapper .dataTables_info {
        display: block; } }
  .card-data-table .dataTables_wrapper .footer-right {
    width: 100%; }
    @media (min-width: 992px) {
      .card-data-table .dataTables_wrapper .footer-right {
        width: auto; } }
  .card-data-table .dataTables_wrapper .dataTables_paginate {
    width: 100%; }
    @media (min-width: 992px) {
      .card-data-table .dataTables_wrapper .dataTables_paginate {
        width: auto; } }
    .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination {
      margin: 0;
      padding: 0; }
      .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item {
        background: none;
        display: flex;
        align-items: center; }
        .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item:not(.prev-item) .page-link, .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item:not(.next-item) .page-link, .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item:not(.first) .page-link, .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item:not(.last) .page-link, .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item:not(.active) .page-link {
          font-size: 14px;
          font-weight: normal;
          border-radius: 70px;
          background: none;
          padding: 5px 8px;
          line-height: 1; }
        .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item.active .page-link {
          background-color: #f7e30a; }
        .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item.previous .page-link, .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item.next .page-link {
          font-size: 0; }
          .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item.previous .page-link::before, .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item.previous .page-link::after, .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item.next .page-link::before, .card-data-table .dataTables_wrapper .dataTables_paginate ul.pagination .page-item.next .page-link::after {
            font-size: 20px; }

.users-management .expand-btn {
  right: 0; }

.users-management .table th.edit {
  width: 20px; }

.users-management .table th.change {
  width: 60px; }

.users-management .table th.delete {
  width: 60px; }

.users-management .table th.branch {
  width: 150px; }

.users-management .table th.maneger {
  width: 150px; }

.users-management .table th.name {
  width: 400px; }

.users-management .table th.email {
  width: 400px; }

.users-management .table th.role {
  width: 80px; }

.users-management .table th.reset-password {
  width: 150px; }

.select2-container--default .select2-selection--multiple {
  font-size: 14px;
  border: none;
  border-radius: 8px 8px 0 0;
  background: rgba(230, 231, 232, 0.5);
  color: #565656;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid rgba(86, 86, 86, 0.5); }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  color: #565656;
  border-color: #f7e30a;
  outline: 0;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  border: none;
  border-bottom: 1px solid rgba(86, 86, 86, 0.5); }

.form-control:focus-visible, .form-group input:focus-visible {
  color: #565656;
  background-color: #fff;
  border-color: #f7e30a;
  outline: 0;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); }

.expand-btn .btn[class*="btn-outline-"] {
  padding: 8px 10px;
  min-width: auto; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
  margin-top: 0px !important; }

.form-group #branch {
  height: 62px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #565656 !important; }

.awn-portal-layout .awn-sidebar {
  width: 100%;
  padding-right: 14px;
  padding-left: 14px; }
  @media (min-width: 992px) {
    .awn-portal-layout .awn-sidebar {
      max-width: 350px; } }
  @media (min-width: 1200px) {
    .awn-portal-layout .awn-sidebar {
      max-width: 400px; } }

.awn-portal-layout .awn-main-content {
  width: 100%;
  padding-right: 14px;
  padding-left: 14px; }
  @media (min-width: 992px) {
    .awn-portal-layout .awn-main-content {
      max-width: calc(100% - 350px); } }
  @media (min-width: 1200px) {
    .awn-portal-layout .awn-main-content {
      max-width: calc(100% - 400px); } }

.cursor-pointer {
  cursor: pointer; }

.navbar-brand img {
  max-height: 35px; }

.btn-outline-light {
  border-color: rgba(247, 227, 10, 0.5) !important; }
  .btn-outline-light:hover, .btn-outline-light:active {
    background-color: rgba(247, 227, 10, 0.8);
    color: #565656; }

.pagination .page-item.active .page-link {
  color: #565656; }

.alert-primary {
  color: #565656 !important; }

.lds-roller {
  margin: auto;
  position: relative;
  width: 150px;
  height: 350px;
  align-items: center; }

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px; }

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #a39500;
  margin: -4px 0 0 -4px; }

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s; }

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px; }

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s; }

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px; }

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s; }

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px; }

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s; }

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px; }

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s; }

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px; }

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s; }

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px; }

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s; }

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px; }

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s; }

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px; }

@keyframes lds-roller {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.analytics-card {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 8px; }

.analytics-row {
  -moz-column-gap: 30px;
       column-gap: 30px; }

.analytics-table {
  overflow-x: auto;
  overflow-y: hidden; }

.analytics-table-full {
  overflow-x: auto;
  overflow-y: hidden;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  max-width: 1230px;
  width: 100%; }
  .analytics-table-full .google-visualization-table, .analytics-table-full .google-visualization-table-table {
    width: 100%; }

.analytics-table-half {
  max-width: 600px;
  width: 100%; }
  .analytics-table-half .google-visualization-table > div:first-child {
    height: 100% !important;
    max-width: 600px !important;
    width: 100% !important; }
  .analytics-table-half .google-visualization-table .google-visualization-table-table {
    max-width: 600px !important;
    width: 600px !important; }

.google-visualization-table-td.google-visualization-table-type-number {
  text-align: center !important; }

.google-visualization-table-sortind {
  position: absolute; }

.google-visualization-table-table th {
  padding: 8px 0.35em !important; }

.google-visualization-table-table td {
  padding: 11px 0.35em !important; }

.google-visualization-table-div-page {
  padding: 10px 0 10px 10px !important; }

.google-visualization-table-page-number {
  margin: 2px 4px !important;
  padding: 0 4px !important; }