a:hover {
  text-decoration: none;
}

.btn-rounded {
  border-radius: 9px;
}

label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

body *::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

body *::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}

body *::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  background: transparent;
  background: #7c7c7c;
}

body {
  overflow-wrap: break-word;
}

.text-dark {
  color: #212529;
}

input[type=radio], input[type=checkbox] {
  vertical-align: middle;
}

a {
  color: #23818d;
}
a:hover {
  color: #12525a;
}

.login-page {
  background: #d4d4d4;
}
.login-page .wrapper {
  width: 100%;
  display: flex;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
}
.login-page .login-box {
  background: #f1f1f1;
  border-radius: 15px;
  overflow: hidden;
  padding: 50px;
  width: 32.1em;
  max-width: 90vw;
}
.login-page .login-box .login-card-body {
  background: #f1f1f1;
}
.login-page .login-box .card {
  border: 0;
  box-shadow: none;
}
.login-page .login-box .card .card-body {
  padding: 0;
}
.login-page .login-box .logoMlms_black {
  display: block;
  width: 100%;
  max-width: 208px;
  margin: 0 auto 3.75em;
}
.login-page .login-box .login-box-msg {
  font-weight: 400;
}
.login-page .login-box .login-text {
  margin-bottom: 2em;
}
.login-page .login-box .custom-login-button {
  background: #242424;
  transition: all 0.3s ease-in;
}
.login-page .login-box .custom-login-button:hover {
  opacity: 0.9;
}
.login-page .login-box button {
  padding: 11px 0;
  font-weight: 600;
  font-size: 1em;
}
.login-page .login-box button.login-button {
  margin-top: 1.3em;
}
.login-page .login-box button.recover-link {
  background: #4cbbcc;
  color: #fff;
  text-transform: uppercase;
}
.login-page .login-box a.cancel-btn, .login-page .login-box a.login_black {
  padding: 10px 0;
  font-weight: 600;
  font-size: 1em;
  text-transform: uppercase;
}
.login-page form label {
  font-size: 0.8em;
  color: #aaa9a9;
  font-weight: 600;
}
.login-page form input {
  border-radius: 10px;
  background-color: transparent;
  border-color: #aaa9a9;
}
.login-page form input:focus {
  border-color: #aaa9a9;
  background-color: transparent;
}
.login-page form input:-webkit-autofill {
  background-color: transparent;
}
.login-page form .custom-control {
  display: flex;
  align-items: center;
}
.login-page form .custom-control label {
  color: #000;
}
.login-page form .custom-control label::before, .login-page form .custom-control label::after {
  top: 0;
}
.login-page .forgot-link {
  font-size: 0.9em;
}
.login-page .login-box-msg, .login-page .login-box-msg2 {
  font-weight: 500;
  font-size: 2.1em;
  text-align: center;
}
.login-page .login-box-msg.login-box-msg-smaller {
  font-size: 1.8em;
}
.login-page .return-link {
  color: #000;
  text-align: center;
  margin: 0 auto;
  display: block;
}

@media (max-width: 576px) {
  .login-page .login-box {
    padding: 50px 30px;
  }
  .login-page .login-box .login-text br {
    display: none;
  }
}
#header {
  color: #e0e0e0;
}
#header .row {
  align-items: center;
  margin: 0;
}
#header .logo-wrap {
  min-height: 59px;
  display: flex;
  align-items: center;
}
#header .logo {
  max-width: 125px;
  min-width: 125px;
}
#header .logo a {
  display: block;
}
#header .logo a img {
  width: 100%;
  display: block;
}
#header .logo-dummy {
  opacity: 0;
}
#header .searchBar {
  margin-right: 1.5em;
  max-width: 397px;
  /* width: 19%; */
  min-width: 150px;
  position: relative;
}
#header .searchBar .input-group-prepend {
  position: relative;
  width: 100%;
}
#header .searchBar .input-group-prepend input {
  width: 100%;
  height: 2.5rem;
  border-radius: 9px;
  font-size: 0.785rem;
  padding-right: 19px;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  position: relative;
}
#header .searchBar .input-group-prepend input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#header .searchBar .input-group-prepend input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#header .searchBar .input-group-prepend input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#header .searchBar .input-group-prepend i {
  color: #e0e0e0;
}
#header .searchBar .input-group-prepend button {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none;
}
#header .searchBar .search-results.hideop {
  min-height: 0px;
  z-index: -3;
}
#header .searchBar .search-results {
  background: #fff;
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  min-height: 30px;
  border-radius: 0px 0px 10px 10px;
  z-index: 888;
  color: #000;
  box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.17);
  border-top: 1px solid #f5f5f5;
  transition: all 0.3s ease;
  opacity: 1;
}
#header .searchBar .search-results .result {
  cursor: pointer;
  padding: 5px 10px;
  border-bottom: 1px solid #f5f5f5;
}
#header .searchBar .search-form.active input {
  background: #fff;
  color: #242424;
  border-radius: 9px 9px 0px 0px;
}
#header .searchBar .search-form.active i {
  color: #242424;
}
#header .searchBar .search-form.active i::before {
  content: "\f00d";
}
#header .searchBar.focused input {
  background: #fff;
  color: #242424;
}
#header .searchBar.focused i {
  color: #242424;
}
#header .navigation {
  padding: 0rem 1.875rem;
  background: #242424;
}
#header .navigation button.navbar-toggler {
  border: 0px;
}
#header .navigation button.navbar-toggler:hover, #header .navigation button.navbar-toggler:focus {
  outline: none;
}
#header .navigation .logout-mob {
  color: inherit;
  background: #6d6d6d;
  margin-left: 0.8rem;
  font-size: 0.8rem;
}
#header .navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;

}
#header .navigation .navbar-nav>div{
    margin-right:30px;
}
#header .navigation .navbar-nav>div>ul{
    max-width: 860px;
    width:auto;
}
#header .navigation ul li {
  background: transparent;
  transition: all 0.3s ease;
}
#header .navigation ul li a {
  color: #e0e0e0;
  display: block;
  padding: 1.25rem 1.5rem;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}
#header .navigation ul li a img {
  width: 16px;
  height: 18px;
  margin-right: 0.7em;
}
#header .navigation ul li a i {
  color: #636363;
  font-size: 1.2rem;
  margin-right: 0.7em;
}
#header .navigation ul li:hover {
  background: rgba(255, 255, 255, 0.1);
}
#header .navigation ul li.active {
  background: rgba(255, 255, 255, 0.15);
}
#header .auth .avatar {
  background-color: rgba(255, 255, 255, 0.15);
}
#header .auth .inner {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
#header .auth .inner::after {
  display: none;
}
#header .auth .inner .author small, #header .auth .inner .author h6 {
  max-width: 217px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
#header .auth h6 {
  margin-bottom: 0;
}
#header .dropdown-menu.show {
  background: #242424;
  padding: 1em;
  text-align: left;
  font-size: 13px;
}
#header .dropdown-menu.show .dropdown-item {
  color: #e0e0e0;
  padding: 0.5em;
  transition: all 0.3s ease;
}
#header .dropdown-menu.show .dropdown-item:hover, #header .dropdown-menu.show .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.15);
}

#header.admin .navigation ul {
  max-width: 480px;
}

.dataTables_wrapper .table {
  border: 0px !important;
  margin-bottom: 1.5rem;
}
.dataTables_wrapper .table .highlight {
  background-color: rgba(94, 222, 237, 0.42) !important;
}
.dataTables_wrapper .table thead {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
  position: relative;
}
.dataTables_wrapper .table thead .sorting_desc {
  background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sort-down" class="svg-inline--fa fa-sort-down fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z"></path></svg>') !important;
  background-size: 9px;
  background-position: center right 5px;
}
.dataTables_wrapper .table thead .sorting_asc {
  background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sort-up" class="svg-inline--fa fa-sort-up fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z"></path></svg>') !important;
  background-size: 9px;
  background-position: center right 5px;
}
.dataTables_wrapper .table thead th {
  color: #aaa9a9;
  text-transform: uppercase;
  font-size: 14px;
  border-top: 0px;
  border: 0px !important;
  padding: 14px 18px;
}
.dataTables_wrapper .table tbody tr {
  background-color: transparent;
  transition: all ease-out 0.3s;
}
.dataTables_wrapper .table tbody tr:hover {
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.23);
  position: relative;
}
.dataTables_wrapper .table tbody tr td {
  vertical-align: middle;
  padding: 0.75rem 1rem;
  border: 0px;
  font-size: 14px;
}
.dataTables_wrapper .table tbody tr td .btn {
  padding: 0.5rem 1.2rem 0.5rem 1.8rem;
  min-width: 110px;
}
.dataTables_wrapper .table tbody tr.odd {
  background-color: #f1f1f1 !important;
}
.dataTables_wrapper .table tbody tr.even {
  background-color: #fff !important;
}
.dataTables_wrapper .table td:first-child, .dataTables_wrapper .table th:first-child {
  padding-left: 1.5rem;
}
.dataTables_wrapper .table td:last-child, .dataTables_wrapper .table th:last-child {
  padding-right: 1.5rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  transition: all linear 0.3s;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #242424;
  color: #fff !important;
  border: 0px;
  border: 0px;
  border-radius: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
  background: #3fc4d4;
  border: 0px;
  border-radius: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #242424;
  color: #fff !important;
  border: 0px;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length {
  margin-left: 1.5rem;
}
.dataTables_wrapper .dataTables_filter {
  margin-right: 1.5em;
  max-width: 355px;
  width: 100%;
  min-width: 150px;
  position: relative;
  margin-bottom: 1.5rem;
}
.dataTables_wrapper .dataTables_filter label {
  width: 100%;
}
.dataTables_wrapper .dataTables_filter label input {
  color: #212529;
  width: 100%;
  background: transparent;
  border-radius: 9px;
  font-size: 0.785rem;
  padding-right: 19px;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding-left: 0.8rem;
  padding-right: 0.6rem;
  position: relative;
  background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="212529" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>');
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 15px 15px;
}
.dataTables_wrapper .dataTables_filter label input::-moz-placeholder {
  color: #212529;
}
.dataTables_wrapper .dataTables_filter label input:-ms-input-placeholder {
  color: #212529;
}
.dataTables_wrapper .dataTables_filter label input::placeholder {
  color: #212529;
}
.dataTables_wrapper .dataTables_filter label input:focus {
  border: 1px solid #212529;
  box-shadow: none;
  background: none;
}
.dataTables_wrapper .dataTables_filter label input:hover {
  background: none;
}
.dataTables_wrapper .dataTables_filter label input:focus-visible {
  border: 0px !important;
  outline: 1px solid #212529;
}
.dataTables_wrapper .dataTables_filter label input::after {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_filter label input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  margin-right: 0px;
  background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="gray" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>');
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center right;
}
.dataTables_wrapper .dataTables_filter label input::-webkit-search-results-button {
  position: relative;
  right: 20px;
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: red;
}
.dataTables_wrapper .dt-buttons {
  float: right !important;
  margin-right: 1.5rem;
}
.dataTables_wrapper .dt-buttons .dt-button {
  font-size: 14px;
}

/************************************************************
    Date Picker
************************************************************/
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #242424 !important;
  background-image: none !important;
  border: 0px !important;
}

.datepicker.dropdown-menu {
  border-radius: 9px;
  border-radius: 9px;
  padding: 1rem;
  border: 0px;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}
.datepicker.dropdown-menu .datepicker-months thead tr, .datepicker.dropdown-menu .datepicker-years thead tr, .datepicker.dropdown-menu .datepicker-decades thead tr, .datepicker.dropdown-menu .datepicker-centuries thead tr {
  background-color: #3fc4d4 !important;
}
.datepicker.dropdown-menu .datepicker-months thead tr th:not(.next, .prev), .datepicker.dropdown-menu .datepicker-years thead tr th:not(.next, .prev), .datepicker.dropdown-menu .datepicker-decades thead tr th:not(.next, .prev), .datepicker.dropdown-menu .datepicker-centuries thead tr th:not(.next, .prev) {
  width: 175px !important;
  height: inherit !important;
  max-width: inherit !important;
  max-height: inherit !important;
  font-size: inherit !important;
}
.datepicker.dropdown-menu .datepicker-months tbody td span.active, .datepicker.dropdown-menu .datepicker-years tbody td span.active, .datepicker.dropdown-menu .datepicker-decades tbody td span.active, .datepicker.dropdown-menu .datepicker-centuries tbody td span.active {
  background: #3fc4d4 !important;
  background-color: #3fc4d4 !important;
  color: #fff;
  text-shadow: none !important;
}
.datepicker.dropdown-menu thead tr {
  background-color: #3fc4d4;
}
.datepicker.dropdown-menu thead tr th {
  border-radius: 0px;
  padding: 0.4rem 0.6rem;
  color: #979696;
}
.datepicker.dropdown-menu thead tr th:hover {
  background: inherit;
  opacity: 0.7;
}
.datepicker.dropdown-menu thead tr th.prev {
  border-radius: 9px 0px 0px 9px;
  color: #fff;
}
.datepicker.dropdown-menu thead tr th.datepicker-switch {
  width: 175px;
  color: #fff;
}
.datepicker.dropdown-menu thead tr th.next {
  border-radius: 0px 9px 9px 0px;
  color: #fff;
}
.datepicker.dropdown-menu thead tr:first-child {
  background: none;
}
.datepicker.dropdown-menu thead tr:last-child {
  background: none;
}
.datepicker.dropdown-menu thead tr:last-child th {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  font-size: 13px;
}
.datepicker.dropdown-menu tbody td {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  font-size: 0.9rem;
}
.datepicker.dropdown-menu tbody td.today {
  background: #3fc4d4 !important;
  background-color: #3fc4d4 !important;
  color: #fff;
}
.datepicker.dropdown-menu tbody td.today:hover {
  background: #3fc4d4 !important;
  background-color: #3fc4d4 !important;
  opacity: 0.5;
}

.due_date, .dp-css, .shedule_date {
  font-size: inherit;
  background-color: transparent;
  display: block;
  width: 100%;
  padding: 0px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.due_date:focus-visible, .dp-css:focus-visible, .shedule_date:focus-visible {
  border: 0px !important;
  box-shadow: 0px;
  outline: none;
}

/************************************************************
    DateTimePicker
************************************************************/
.datetimepicker.dropdown-menu {
  border-radius: 9px;
  border-radius: 9px;
  padding: 1rem;
  border: 0px;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}
.datetimepicker.dropdown-menu .datetimepicker-months thead tr, .datetimepicker.dropdown-menu .datetimepicker-years thead tr, .datetimepicker.dropdown-menu .datetimepicker-decades thead tr, .datetimepicker.dropdown-menu .datetimepicker-centuries thead tr, .datetimepicker.dropdown-menu .datetimepicker-hours thead tr, .datetimepicker.dropdown-menu .datetimepicker-minutes thead tr, .datetimepicker.dropdown-menu .datetimepicker-months thead tr {
  background-color: #e6e6e6 !important;
}
.datetimepicker.dropdown-menu .datetimepicker-months thead tr th:not(.next, .prev), .datetimepicker.dropdown-menu .datetimepicker-years thead tr th:not(.next, .prev), .datetimepicker.dropdown-menu .datetimepicker-decades thead tr th:not(.next, .prev), .datetimepicker.dropdown-menu .datetimepicker-centuries thead tr th:not(.next, .prev), .datetimepicker.dropdown-menu .datetimepicker-hours thead tr th:not(.next, .prev), .datetimepicker.dropdown-menu .datetimepicker-minutes thead tr th:not(.next, .prev), .datetimepicker.dropdown-menu .datetimepicker-months thead tr th:not(.next, .prev) {
  width: 175px !important;
  height: inherit !important;
  max-width: inherit !important;
  max-height: inherit !important;
  font-size: inherit !important;
}
.datetimepicker.dropdown-menu .datetimepicker-months thead tr th, .datetimepicker.dropdown-menu .datetimepicker-years thead tr th, .datetimepicker.dropdown-menu .datetimepicker-decades thead tr th, .datetimepicker.dropdown-menu .datetimepicker-centuries thead tr th, .datetimepicker.dropdown-menu .datetimepicker-hours thead tr th, .datetimepicker.dropdown-menu .datetimepicker-minutes thead tr th, .datetimepicker.dropdown-menu .datetimepicker-months thead tr th {
  border-bottom: 0px !important;
}
.datetimepicker.dropdown-menu .datetimepicker-months tbody td span.active, .datetimepicker.dropdown-menu .datetimepicker-years tbody td span.active, .datetimepicker.dropdown-menu .datetimepicker-decades tbody td span.active, .datetimepicker.dropdown-menu .datetimepicker-centuries tbody td span.active, .datetimepicker.dropdown-menu .datetimepicker-hours tbody td span.active, .datetimepicker.dropdown-menu .datetimepicker-minutes tbody td span.active, .datetimepicker.dropdown-menu .datetimepicker-months tbody td span.active {
  background: #3fc4d4 !important;
  background-color: #3fc4d4 !important;
  color: #fff;
  text-shadow: none !important;
}
.datetimepicker.dropdown-menu .datetimepicker-hours td, .datetimepicker.dropdown-menu .datetimepicker-minutes td {
  background: transparent;
}
.datetimepicker.dropdown-menu .datetimepicker-hours td:hover, .datetimepicker.dropdown-menu .datetimepicker-minutes td:hover {
  background: transparent !important;
}
.datetimepicker.dropdown-menu .datetimepicker-hours td fieldset legend, .datetimepicker.dropdown-menu .datetimepicker-minutes td fieldset legend {
  font-size: 0.8rem;
  font-weight: 500;
}
.datetimepicker.dropdown-menu .datetimepicker-hours td fieldset span, .datetimepicker.dropdown-menu .datetimepicker-minutes td fieldset span {
  display: inline-block;
  margin: 1px;
  padding: 5px;
  width: 36px;
  border-radius: 7px;
  border: 1px solid transparent;
}
.datetimepicker.dropdown-menu .datetimepicker-hours td fieldset span:hover, .datetimepicker.dropdown-menu .datetimepicker-minutes td fieldset span:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: #212529;
  border: 1px solid #3fc4d4;
}
.datetimepicker.dropdown-menu thead tr {
  background-color: #e6e6e6;
}
.datetimepicker.dropdown-menu thead tr th {
  border-radius: 0px;
  padding: 0.4rem 0.6rem;
  color: #474747;
  text-align: center;
  font-weight: 400;
}
.datetimepicker.dropdown-menu thead tr th:hover {
  background: inherit;
  opacity: 0.7;
}
.datetimepicker.dropdown-menu thead tr th.prev {
  border-radius: 9px 0px 0px 9px;
  color: #474747;
}
.datetimepicker.dropdown-menu thead tr th.prev:before {
  content: "\f0d9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.datetimepicker.dropdown-menu thead tr th.prev * {
  display: none;
}
.datetimepicker.dropdown-menu thead tr th.datetimepicker-switch {
  width: 175px;
  color: #474747;
}
.datetimepicker.dropdown-menu thead tr th.next {
  border-radius: 0px 9px 9px 0px;
  color: #474747;
}
.datetimepicker.dropdown-menu thead tr th.next:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.datetimepicker.dropdown-menu thead tr th.next * {
  display: none;
}
.datetimepicker.dropdown-menu thead tr:last-child {
  background: none;
}
.datetimepicker.dropdown-menu thead tr:last-child th {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  font-size: 12px;
  font-weight: 500;
  color: #212529;
  border-bottom: 1px solid #212529;
}
.datetimepicker.dropdown-menu tbody td {
  border-radius: 7px;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  font-size: 0.9rem;
  text-align: center;
  cursor: pointer;
}
.datetimepicker.dropdown-menu tbody td:hover {
  background: #3fc4d4 !important;
  background-color: #3fc4d4 !important;
}
.datetimepicker.dropdown-menu tbody td:focus {
  background: #3fc4d4 !important;
  background-color: #3fc4d4 !important;
}
.datetimepicker.dropdown-menu tbody td.old, .datetimepicker.dropdown-menu tbody td.new {
  color: #5f5f5f;
}
.datetimepicker.dropdown-menu tbody td.today {
  background: transparent !important;
  background-color: transparent !important;
  color: #212529;
  border: 1px solid #3fc4d4;
  display: inline-block;
  line-height: 33px;
}
.datetimepicker.dropdown-menu tbody td.today:hover {
  background: #3fc4d4 !important;
  background-color: #3fc4d4 !important;
}
.datetimepicker.dropdown-menu .datetimepicker-months td, .datetimepicker.dropdown-menu .datetimepicker-years td {
  background: transparent !important;
}
.datetimepicker.dropdown-menu .datetimepicker-months td:hover, .datetimepicker.dropdown-menu .datetimepicker-years td:hover {
  background: transparent !important;
}
.datetimepicker.dropdown-menu .datetimepicker-months td span, .datetimepicker.dropdown-menu .datetimepicker-years td span {
  margin: 3px !important;
  padding: 6px;
  display: inline-block;
  border-radius: 6px;
}
.datetimepicker.dropdown-menu .datetimepicker-months td span:hover, .datetimepicker.dropdown-menu .datetimepicker-years td span:hover {
  background: #3fc4d4 !important;
  background-color: #3fc4d4 !important;
}
.datetimepicker.dropdown-menu .datetimepicker-minutes td fieldset span {
  width: 58px;
}

body {
  font-size: 13px;
  line-height: 1.5;
  background: #d4d4d4;
}

.light-gray-bg {
  background: #f1f1f1 !important;
}

.text-transform-0 {
  text-transform: none !important;
}

.c-pointer {
  cursor: pointer;
}

.text-color {
  color: #212529;
}

.text-info-ct {
  color: #3fc4d4;
}

.bg-c-info {
  background-color: #3fc4d4;
}

.bg-card-black {
  background: #242424 !important;
}

.black-bg {
  background-color: #242424;
}

.content-bg {
  background: #f1f1f1;
}

.bg-dark-grey {
  background: #2f2f2f;
}

.break-all {
  white-space: break-spaces;
  word-break: break-all;
}

.hideop {
  opacity: 0 !important;
}

.f-regular {
  font-weight: 400 !important;
}

.gray-text {
  color: #aaa9a9;
}

.vertical-middle {
  vertical-align: middle !important;
}

.border-bottom {
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 0.875rem;
}

/**********************************
.content
**********************************/
.wrapper {
  min-height: 100vh;
}

.content-wrapper {
  padding: 1.5rem 1.875rem;
}
.content-wrapper .inner-wrapper .bg-orange {
  background: #ff9000 !important;
  color: #fff !important;
}
.content-wrapper .inner-wrapper .bg-blue {
  background: #4cbbcc !important;
  color: #fff !important;
}
.content-wrapper .inner-wrapper .bg-magenta {
  background: #e846bd !important;
  color: #fff !important;
}
.content-wrapper .inner-wrapper .bg-green {
  background: #00af50 !important;
  color: #fff !important;
}
.content-wrapper .inner-wrapper .text-orange {
  color: #ff9000 !important;
}
.content-wrapper .inner-wrapper .text-blue {
  color: #4cbbcc !important;
}
.content-wrapper .inner-wrapper .text-green {
  color: #00af50 !important;
}
.content-wrapper .inner-wrapper .text-magenta {
  color: #e846bd !important;
}
.content-wrapper .inner-wrapper .padding-content {
  padding: 1.8rem 2.3rem;
}
.content-wrapper .inner-wrapper .content {
  border-radius: 11px;
  background: #f1f1f1;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}
.content-wrapper .inner-wrapper .form-group {
  margin-bottom: 0.5rem;
}
.content-wrapper .inner-wrapper .form-group .form-control {
  background-color: transparent;
  border: 1px solid #d0d0d0;
  border-radius: 9px;
  font-size: 0.8rem;
}
.content-wrapper .inner-wrapper .form-group .form-control input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa9a9;
  opacity: 1;
  /* Firefox */
}
.content-wrapper .inner-wrapper .form-group .form-control input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa9a9;
  opacity: 1;
  /* Firefox */
}
.content-wrapper .inner-wrapper .form-group .form-control input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa9a9;
  opacity: 1;
  /* Firefox */
}
.content-wrapper .inner-wrapper .form-group .form-control input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #aaa9a9;
}
.content-wrapper .inner-wrapper .form-group .form-control input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #aaa9a9;
}
.content-wrapper .inner-wrapper .form-group .form-control input[type=checkbox] {
  vertical-align: middle;
}
.content-wrapper .inner-wrapper .form-group .form-control-sm {
  width: auto;
  display: inline-block;
  min-width: auto;
}
.content-wrapper .inner-wrapper label, .content-wrapper .inner-wrapper .label {
  font-size: 0.8em;
  color: #aaa9a9;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.content-wrapper .inner-wrapper .users-index, .content-wrapper .inner-wrapper .caption-index {
  padding: 1.2rem 0 !important;
}
.content-wrapper .inner-wrapper .small-container {
  max-width: 66.3em;
  width: 100%;
}
.content-wrapper .section-header h6 {
  font-size: 26px;
}

.market-index .content-wrapper, .leadership-index .content-wrapper {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.market-index .content-wrapper .page-title, .leadership-index .content-wrapper .page-title {
  padding-left: 2.1rem;
  padding-right: 2.1rem;
}

.c-divider {
  height: 0;
  margin: 0.9rem 0;
  overflow: hidden;
  border-top: 1px solid #4c4c4c;
  width: 100%;
}

.dataTables_filter input {
  height: calc(1.5em + 0.75rem + 5px);
}
.dataTables_filter i {
  color: #212529;
}

.profile-photo-container .profile-box .profile-img-box {
  width: 93px;
  min-width: 93px;
  height: 93px;
  min-height: 93px;
  position: relative;
}
.profile-photo-container .profile-box .profile-img-box span.profile-picture {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e5e4e8;
  color: #c5c5c5;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.profile-photo-container .profile-box .profile-img-box span.profile-picture i {
  color: #d3d3d4;
  font-size: 1.3rem;
}
.profile-photo-container .profile-box .profile-img-box .camera-pointer {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}
.profile-photo-container .profile-box .profile-img-box .camera {
  position: absolute;
  bottom: -5px;
  right: -6px;
  width: 31px;
  height: 31px;
  background: #e5e5e8;
  color: inherit;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.29);
  cursor: pointer;
}
.profile-photo-container .profile-box .profile-img-box .camera input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.form-control:focus {
  border: 1px solid #212529;
  box-shadow: none;
  background: none;
}
.form-control:hover {
  background: none;
}
.form-control:focus-visible {
  border: 0px !important;
  outline: 1px solid #212529;
}

/******************************************
buttons
******************************************/
.btn {
  font-size: 12px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  padding: 0.5rem 1.2rem;
  position: relative;
  transition: all linear 0.3s;
}
.btn:focus {
  box-shadow: none;
}
.btn:hover {
  opacity: 0.8;
}

.custom-info-btn {
  background: #3fc4d4;
}

.custom-info-btn-outlined-small {
  background: #fff;
  border: 1px solid #3fc4d4;
  color: #3fc4d4 !important;
  padding: 5px 15px;
}

.larger-btn {
  max-width: 173px;
}

.medium-btn {
  max-width: 110px;
}

.btn-dark-dash {
  background: #242424;
  border-color: #242424;
  color: #eeeeee;
}
.btn-dark-dash:hover {
  opacity: 0.9;
  color: #eeeeee;
  background: #242424;
}

.editbtn {
  max-width: 110px;
}
.editbtn::before {
  content: "";
  position: absolute;
  left: 0.7rem;
  right: 0px;
  width: 13px;
  height: 15px;
  background-image: url("../images/icons/edit.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.fa-trash-alt{
  width: 13px;
  height: 15px;
}

.deletebtn {
  max-width: 110px;
}
.deletebtn::before {
  content: "";
  position: absolute;
  left: 0.7rem;
  right: 0px;
  width: 13px;
  height: 15px;
  background-image: url("../images/icons/trash.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.login-box .avatar-circle {
  width: 120px;
  height: 120px;
  background-color: rgba(0, 0, 0, 0.15);
  font-size: 2em;
  border-radius: 50%;
  margin: 0 auto 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-box .avatar-circle span {
  transform: scale(1.4);
  font-weight: bold;
}

.small-container {
  max-width: 48.67em;
}

.create-user {
  white-space: nowrap;
}

/******************************************
avatar picture
******************************************/
.auth {
  cursor: pointer;
  display: flex;
  position: relative;
  color: #e0e0e0;
  padding: 5px 0px;
}
.auth .avatar {
  content: "";
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #e0e0e0;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: #3fc4d4;
  min-width: 40px;
  min-height: 40px;
  color: #e0e0e0;
  font-weight: 700;
}
.auth .avatar a {
  color: #e0e0e0;
  display: block;
  width: 100%;
  height: 100%;
}
.auth .avatar a:hover {
  opacity: 0.8;
}
.auth .avatar a span {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: 700;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/******************************************
delete modal
******************************************/
.delete-modal .modal-dialog, #deleteModal .modal-dialog {
  max-width: 340px;
  margin: auto;
}
.delete-modal .modal-dialog .modal-header, .delete-modal .modal-dialog .modal-footer, #deleteModal .modal-dialog .modal-header, #deleteModal .modal-dialog .modal-footer {
  border: 0;
}
.delete-modal .modal-dialog .delete-icon, #deleteModal .modal-dialog .delete-icon {
  font-size: 3.1rem;
  color: #aaa9a9;
}

/******************************************
Dashboard
******************************************/
#dashboard {
  max-width: 1330px;
  margin: 0 auto;
  width: 100%;
}
#dashboard i {
  color: #fff;
  font-size: 4rem;
  position: relative;
  text-shadow: 0px 0px 19px #28828d;
  transition: all linear 0.3s;
}
#dashboard .bg-1 {
  background: transparent;
  border: 2px solid #388b98;
}
#dashboard .bg-2 {
  background: #3f97a5;
}
#dashboard .bg-3 {
  background: #2e6e77;
  color: #ffffff;
}
#dashboard .bg-3 .h1{
  background: -webkit-linear-gradient(#4cbbcb , #00f2fe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#dashboard .bg-1, #dashboard .bg-2, #dashboard .bg-3 {
  border-radius: 9px;
  height: 110px;
  overflow: hidden;
}
#dashboard .bg-c-info {
  border-radius: 9px;
  transition: all linear 0.3s;
  cursor: pointer;
}
#dashboard .bg-c-info:hover {
  transform: translate(0px, -1px);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.28);
}
#dashboard .bg-c-info:hover i {
  opacity: 0.5;
}
#dashboard .bg-c-info a {
  color: inherit;
}

/******************************************
end of Dashboard
******************************************/
/******************************************
Market Index
******************************************/
.modal-market, .modal-leadership {
  max-width: 1060px !important;
  color: #000;
}

.modal-leadership > .modal-content.content {
  min-height: 80vh;
}

.market-index-section .cards-container {
  overflow: auto;
  padding-bottom: 1.5rem;
  padding: 0 1.875rem 1.5rem 1.875rem;
}
.market-index-section .cards-container .card.col-cardContent {
  max-width: 298px;
  border: 0px;
  background: none;
  border-radius: 15px !important;
  min-height: 300px;
  min-width: 235px;
}
.market-index-section .cards-container .card.col-cardContent > .card-body {
  overflow: hidden;
  flex: 1 1 0;
}
.market-index-section .cards-container .card.col-cardContent > .card-body .card-scroller {
  overflow: auto;
  max-height: 100%;
}
.market-index-section .cards-container .card.col-cardContent > .card-body .card-scroller a {
  background: #e6e6e6;
  color: #212529;
  font-weight: 500;
  padding: 15px;
  border-radius: 15px;
  transition: background 0.3s ease,color 0.3s ease;
}
.market-index-section .cards-container .card.col-cardContent > .card-body .card-scroller a:hover {
  background: #d5d5d5 !important;
  color: #212529 !important;
}
.market-index-section .cards-container .card.col-cardContent .card-body.collapse:not(.show) {
  display: block !important;
}

.market-params:not(.collapsed)::after, .market-activity:not(.collapsed)::after {
  content: "\f0d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 1.2rem;
}

.market-activity::after {
  color: #3fc4d4;
}

.market-params.collapsed::after, .market-activity.collapsed::after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 1.2rem;
}

/******************************************
Market view
******************************************/
#view_market_item .c-divider, .global-modal-market .c-divider {
  border-top: 1px solid #d4d4d4;
}
#view_market_item .dark-heavy-hr, .global-modal-market .dark-heavy-hr {
  border-top: 2px solid #6e6e6e;
}
#view_market_item .auth .avatar, .global-modal-market .auth .avatar {
  margin-left: 0px;
  background-color: #e5e4e8;
  color: #c5c5c5;
}
#view_market_item .auth .avatar span, .global-modal-market .auth .avatar span {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: 700;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.modal-breadcrumbs {
  font-size: 0.8em;
  color: #aaa9a9;
  font-weight: 600;
}

.m-right-column {
  min-width: 200px;
}

.m-left-column {
  max-width: calc(100% - 200px);
}

/******************************************
Market Create
******************************************/
.media-container .dynamic-fields-container .dynamic-fields-group {
  position: relative;
  transition: opacity ease-out 0.5s;
  opacity: 1;
}
.media-container .dynamic-fields-container .dynamic-fields-group .close {
  position: absolute;
  top: 1rem;
  right: 0px;
  z-index: 1;
  padding: 5px;
}
.media-container .dynamic-fields-group.hide {
  opacity: 0;
}
.media-container .add-container .select-collapse .add-buttons {
  color: #aaa9a9;
}
.media-container .add-container .select-collapse .add-buttons .cancel {
  cursor: pointer;
}
.media-container .add-container .select-collapse .other-error {
  display: none;
}
.media-container .add-container .other-checkbox {
  position: relative;
}

.bootstrap-tagsinput {
  display: block !important;
  width: 100%;
  padding: 0.375rem 0.75rem !important;
  font-weight: 400;
  line-height: 1.5 !important;
  background-color: transparent !important;
  border: 1px solid #d0d0d0 !important;
  border-radius: 9px !important;
  font-size: 0.8rem;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bootstrap-tagsinput:hover {
  border: 0px !important;
  outline: 1px solid #212529;
}
.bootstrap-tagsinput.form-control:focus {
  border: 1px solid #212529;
  box-shadow: none;
  background: none;
}
.bootstrap-tagsinput .tag {
  text-transform: initial !important;
  background: #ebebeb;
  border-radius: 2px;
  padding: 3px;
  color: #000 !important;
  margin-bottom: 2px !important;
  display: inline-block;
}

.social-account {
  transition: opacity ease-out 0.5s;
  opacity: 1;
}

.market-notes .note-container:focus-visible, .market-notes .note-container:focus, .market-notes .note-container:hover {
  border: 1px solid #212529 !important;
}
.market-notes #note:focus-visible, .market-notes #note:focus {
  border: 0 !important;
  outline: none;
}

.market-logs .action {
  font-weight: 500;
}
.market-logs .activity-note {
  padding: 7px 0px;
  color: #858585;
}
.market-logs .activity-note .activity-border {
  border-left: 1px solid #3fc4d4;
  padding: 5px 0px;
}
.market-logs .auth {
  cursor: text;
}

/******************************************
Caption management
******************************************/
.modal-caption {
  max-width: 700px;
}
.modal-caption .modal-body-custom .order-type-container input {
  text-transform: capitalize;
}
.modal-caption .modal-body-custom .order-type-container input:focus {
  outline: 0px;
}
.modal-caption .modal-body-custom .order-type-container .order-type-button {
  font-size: 1rem;
}
.modal-caption .modal-body-custom #categories {
  text-transform: capitalize;
}
.modal-caption .modal-body-custom #categories .new-cat {
  transition: opacity ease-out 0.5s;
  opacity: 1;
}
.modal-caption .modal-body-custom #categories .close {
  font-size: 1rem;
  padding: 0px;
}
.modal-caption .modal-body-custom .c-divider {
  height: 0;
  margin: 0.9rem 0;
  overflow: hidden;
  border-top: 1px solid #d4d4d4;
  width: 100%;
}

/******************************************
Leadership
******************************************/
#order-actions ul {
  border-radius: 12px;
  overflow: hidden;
}
#order-actions ul li {
  text-align: initial;
}
#order-actions ul li a {
  color: #fff;
  padding: 0.7rem 0.6rem;
}
#order-actions ul li a .number {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  font-size: 0.885rem;
  font-weight: 500;
  line-height: 1em;
}
#order-actions ul li a .info {
  padding-left: 0.5rem;
  font-size: 0.775rem;
  font-weight: 500;
  line-height: 1.3;
}
#order-actions ul li a .info .label {
  text-transform: capitalize;
}
#order-actions ul li a.disabled {
  background: #e6e6e6;
  color: inherit;
  border-right: 1px solid #d4d4d4;
}
#order-actions ul li a.disabled .number {
  background: #aaa9a9;
}
#order-actions ul li a.disabled.active .number{
	box-shadow: inset 0px 3px 4px rgba(0,0,0 ,0.20);
	background: #ffffff;
	color: #aaa9a9;
	border: 1px solid #ffffff;
}
#order-actions ul li a.enabled {
  background: #3fc4d4;
}
#order-actions ul li a.enabled .number {
  border: 1px solid #fff;
}
#order-actions ul li a.enabled.active .number{
  background:#fff;
  color:#3fc4d4;
  box-shadow: inset 0px 3px 4px rgba(0,0,0 ,0.20);
}
#order-actions ul li a.enabled .info .label {
  color: #fff;
}
#order-actions ul li a.active {
  box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.27);
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translate(0px, 0px);
}

.leadership-index-section .cards-container {
  overflow: auto;
  padding-bottom: 1.5rem;
  padding: 0 1.875rem 1.5rem 1.875rem;
}
.leadership-index-section .cards-container .card.col-cardContent {
  max-width: 298px;
  border: 0px;
  background: none;
  border-radius: 15px !important;
  min-height: 300px;
  min-width: 235px;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body {
  overflow: hidden;
  flex: 1 1 0;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller {
  overflow: auto;
  max-height: 100%;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller a.simple-order {
  background: #e6e6e6;
  color: #212529;
  font-weight: 500;
  padding: 15px;
  border-radius: 15px;
  transition: background 0.3s ease, color 0.3s ease;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller a.simple-order:hover {
  background: #d5d5d5 !important;
  color: #212529 !important;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card {
  border-radius: 15px !important;
  overflow: hidden;
  /* transition: all 0.3s ease; */
  color: #212529;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card:hover .card-header {
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2) inset !important;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card:hover .card-footer {
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1) inset !important;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card > .card-header {
  transition: all 0.3s ease;
  text-transform: capitalize;
  font-weight: 500;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card .card-body {
  background: #f1f0f0;
  padding: 10px;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card .card-body .images-container {
  background: #CFCFCF;
  padding: 2px;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card .card-body .images-container .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: 700;
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2px;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card .card-footer {
  background: #f1f0f0;
  border-color: #dddddd;
  padding: 10px;
  color: #212529;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card .card-footer .card-due {
  font-weight: 500;
}
.leadership-index-section .cards-container .card.col-cardContent > .card-body > .card-scroller .order-card .card-footer .avatar-card .avatar-cardImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: 700;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 2px;
  border-radius: 50%;
  font-size: 0.6rem;
  background-color: #fff;
}
.leadership-index-section .cards-container .card.col-cardContent .card-body.collapse:not(.show) {
  display: block !important;
}

.orders-form .order-file-container label.order-file-button {
  min-width: 150px;
  text-transform: initial;
  font-size: 12px;
}
.orders-form .order-file-container label.order-file-button:hover {
  opacity: 1;
}
.orders-form .order-file-container label.order-file-button .input-file-container {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.orders-form .order-file-container .file-info {
  margin-left: -1rem;
  height: auto;
}
.orders-form .designation-tags span {
  background: #242424;
  color: #fff;
  border-radius: 0.8rem;
  padding: 0.25rem 0.8rem;
  margin-right: 0.5rem;
  display: inline-block;
}
.orders-form .market-activity::after {
  color: inherit;
}

#add-order-info .c-divider {
  height: 0;
  margin: 0.9rem 0;
  overflow: hidden;
  border-top: 1px solid #d4d4d4;
  width: 100%;
}

.client-upload-title {
  font-size: 15px; 
  font-weight: bold !important;
}
#approval_images {
  display: flex;
  flex-wrap: wrap;
}
#approval_images .approval-image-item {
  margin-right: 5px;
  margin-bottom: 5px;
}
#approval_images .approval-image-wrapper {
  display: inline-block;
  width: 100px;
  height: 100px;
}
#approval_images .approval-image-wrapper img {
  width: 100%;
  height: 100%;
}

#upload-another-file {
  margin-bottom: 2rem;
}

#upload-another-file.hideop {
  height: 0px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

#upload-file-container {
  height: 170px;
  max-height: 170px;
  min-height: 150px;
  background: #f7f7f7;
  position: relative;
  padding: 10px;
}
#upload-file-container.dark {
  background-color: #524f4f;
}
#upload-file-container #upload-file.dropzone {
  border: 0px;
  position: relative;
  z-index: 1;
  overflow-x: auto;
  width: 100%;
  padding: 0px;
  background: #f7f7f7;
}
#upload-file-container.dark #upload-file.dropzone {
  background-color: #524f4f;
}
#upload-file-container #upload-file.dropzone .placeholder {
  border: dashed 1px #b1b1b1;
  display: flex;
  height: 100%;
  margin: 0px;
}
#upload-file-container #upload-file.dropzone .placeholder i {
  font-size: 2.5rem;
  color: #3fc4d4;
}
#upload-file-container #upload-file.dropzone .dz-preview {
  width: initial;
  background: #ffffff;
  min-height: auto;
  padding: 5px;
  display: block;
  margin: 0px;
}
#upload-file-container #upload-file.dropzone .dz-preview:hover {
  background: #f7f7f7;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
#upload-file-container #upload-file.dropzone .dz-preview:hover img {
  filter: none;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-image {
  width: initial;
  height: initial;
  overflow: initial;
  margin-right: 1rem;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-image img {
  width: 60px;
  height: 60px;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-details {
  padding: 0px;
  position: initial;
  opacity: 1;
  top: initial;
  left: initial;
  text-align: left;
  line-height: initial;
  min-width: initial;
  max-width: initial;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-details .dz-size, #upload-file-container #upload-file.dropzone .dz-preview .dz-details .dz-filename {
  font-size: 0.8rem;
  white-space: pre-wrap;
  word-break: break-word;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-details .removeFile {
  padding: 3px;
  cursor: pointer;
  font-size: 0.9rem;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin: 5px 0px;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-details .removeFile i {
  cursor: pointer;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-progress {
  left: 0px;
  width: 60px;
  margin-left: 0px;
  margin-left: 4px;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-error-mark, #upload-file-container #upload-file.dropzone .dz-preview .dz-success-mark {
  top: 0px;
  left: 0;
  margin-left: 0px;
  margin-top: 0px;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-error-message {
  top: 0;
  left: 18px;
  color: white;
  border-radius: 5px;
}
#upload-file-container #upload-file.dropzone .dz-preview .dz-error-message::after {
  top: 1px;
  left: -4px;
  width: 0;
  height: 0;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-right: 6px solid #be2626;
}
#upload-file-container #upload-file.dropzone.dz-started .dz-message {
  display: none;
}

.proof-container .fileimage .caption-texts-container {
  height: auto;
}
.proof-container .fileimage .caption-texts-container #captionHastags {
  margin-top: 5px;
}

.setCaptions {
  opacity: 0 !important;
  height: 0px !important;
  border: 0px !important;
  width: 0px !important;
  margin-top: 0px !important;
}

#caption_library #categories {
  min-height: 150px;
  text-align: left;
}

#cke_editor {
  border: 0px !important;
}
#cke_editor #cke_1_top, #cke_editor #cke_1_bottom {
  border: 0px !important;
}
#cke_editor #cke_1_top {
  padding: 1rem 0.7rem;
}
#cke_editor .cke_combo a.cke_combo_button {
  background: #fff;
  margin-right: 8px;
}
#cke_editor .cke_combo::after {
  border: 0px !important;
}
#cke_editor iframe {
  background: #f7f7f7;
}

#email_reminder {
  width: 60px;
}

.cke_editable {
  background: #f7f7f7 !important;
}

/******************************************
Orders Approval
******************************************/
.approval-index {
  background: #141414;
  color: #dddddd;
}
.approval-index .cards-container {
  padding: 0px;
  max-width: 265px;
  flex: 0 0 265px;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;
  color: #dddddd;
}
.approval-index .cards-container .containerCards {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
.approval-index .cards-container .containerCards .col-cardContent {
  height: calc(50% - 0.75rem);
  overflow: hidden;
  max-height: calc(50% - 0.75rem);
  border: 3px solid transparent;
}
.approval-index .cards-container .containerCards .col-cardContent .card-scroller {
  overflow: auto;
  height: 100%;
}
.approval-index .cards-container .containerCards .col-cardContent .card-scroller a {
  color: #dddddd;
  font-weight: 400;
  padding: 7px 13px;
  border-radius: 9px;
  transition: all 0.3s ease;
  font-size: 0.78rem;
}
.approval-index .cards-container .containerCards .col-cardContent .card-scroller a.active, .approval-index .cards-container .containerCards .col-cardContent .card-scroller a:hover {
  background: #4cbbcc;
  color: #fff;
}
.approval-index .cards-container .containerCards .col-cardContent .card-scroller a.active:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5rem;
}
.approval-index .cards-container .containerCards .col-cardContent.border-dark {
  border: 3px solid #353535 !important;
}
.approval-index .app-content {
  transition: all 0.3s ease;
  max-height: 100%;
}
.approval-index .app-content .app-design-container {
  overflow: hidden;
  position: relative;
}
.approval-index .app-content .app-design-container .designs-scroller {
  max-height: 100%;
  overflow: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.approval-index .showdesigns {
  flex: 0 0 50%;
  max-width: 540px;
}
.approval-index .designs-container {
  flex: 0 0 50%;
}
.approval-index h4 {
  font-weight: 400;
}
.approval-index .label {
  color: #8d8d8d !important;
}
.approval-index .design-image-container {
  transition: all 0.3s ease;
  cursor: pointer;
}
.approval-index .design-image-container.active, .approval-index .design-image-container:hover {
  background: #4e4e4e;
}
.approval-index .design-image {
  width: 100%;
  height: 0px;
  padding-bottom: 70%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.approval-index .form-dark {
  border: 1px solid #585858 !important;
  color: #dddddd;
}
.approval-index .form-dark:focus-visible {
  border: 1px solid #d0d0d0 !important;
}
.approval-index #view-design-image .modal-dialog {
  margin: auto;
  vertical-align: middle;
  height: 100%;
  max-width: initial !important;
  max-height: 100%;
  min-height: initial;
  background: none;
}
.approval-index #view-design-image .modal-dialog .modal-content {
  min-height: auto;
  width: auto;
  border: 0px;
  margin: auto;
  height: 100%;
  background: none !important;
  box-shadow: none;
  display: flex;
  align-items: center;
  padding: 1.5rem !important;
}
.approval-index #view-design-image .modal-dialog .modal-body {
  display: block;
  max-height: 100%;
  height: 100%;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
}
.approval-index #view-design-image .modal-dialog .modal-body .img-container {
  position: relative;
  height: 100%;
}
.approval-index #view-design-image .modal-dialog .modal-body .img-container .closeBtn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.approval-index #view-design-image .modal-dialog .modal-body .img-container .modal-design-image {
  max-height: 100%;
  height: auto;
  max-width: 100%;
  width: auto;
  display: block;
  border-radius: 11px;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}
.approval-index .popover {
  border-radius: 9px;
}
.approval-index .popover.noapi .popover-body {
  color: #dc3545 !important;
  font-size: 0.78rem;
  padding: 0.25rem 0.75rem;
}
.approval-index .popover.tootlTip-buttons {
  background: #3a3a3a !important;
}
.approval-index .popover.tootlTip-buttons .arrow::after {
  border-top-color: #3a3a3a !important;
}
.approval-index .popover.tootlTip-buttons .popover-body {
  color: #dddddd !important;
  font-size: 0.78rem;
  padding: 0.25rem 0.75rem;
}

.success_message {
  color: #212529;
}
.success_message .successIcon {
  font-size: 3rem;
  color: #4cbbcc;
}

#view-only-leadership .proof {
  max-height: 300px;
}

#schedule .sch-date {
  font-size: 0.9rem;
}

/******************************************
Agent Retainer
******************************************/
.agent-index .editable-field:focus-visible {
  outline: #d0d0d0 1px solid;
  color: #878787;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 20px 5px 13px;
  border-radius: 6px;
}
.agent-index .bg-pastel-pink {
  background-color: #fffbfb !important;
  border-color: #e7e7e7 !important;
}
.agent-index .bg-pastel-pink:focus-visible {
  outline: 1px solid #b9b9b9;
}
.agent-index .bg-gray-field {
  background-color: #e2e2e2 !important;
  color: #5c5c5c !important;
  border-color: #e2e2e2 !important;
}
.agent-index .bg-gray-field:focus-visible {
  outline: 1px solid #ababab;
}
.agent-index #checklist-container .checked-on .checkmark {
  background-color: #3fc4d4 !important;
}
.agent-index #checklist-container .checked-on .checkmark::after {
  display: block;
  content: "";
  position: absolute;
  left: 9px;
  top: 6px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.agent-index #checklist-container .checked-on span.chTxt {
  text-decoration: line-through;
}
.agent-index #checklist-container .checklist_item {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Create a custom checkbox */
}
.agent-index #checklist-container .checklist_item:hover .checkmark {
  background-color: #ccc;
}
.agent-index #checklist-container .checklist_item span.chTxt {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.agent-index #checklist-container .checklist_item .checklist_box {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.agent-index #checklist-container .checklist_item .checkmark {
  height: 25px;
  width: 25px;
  background-color: #e2e2e2;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.agent-index #item_text:focus, .agent-index #item_text:focus-visible {
  border: 0 !important;
  outline: none;
  outline: 0px;
}

/******************************************
responsive
******************************************/
@media screen and (max-width: 1380px) {
  #header .navigation ul li a {
    padding: 1.25rem 0.8rem;
    white-space: nowrap;
  }
  #header .navigation .auth .inner {
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  #header .navigation .auth .inner .author small, #header .navigation .auth .inner .author h6 {
    max-width: 135px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }
}
@media (max-width: 1200px) {
  #header .navigation ul {
    margin: auto;
  }

  .leadership-index .cards-container > .card {
    max-width: calc(33% - 0.5rem);
  }
  .leadership-index .cards-container > .card .card-body {
    max-height: 76vh;
    flex: 1 1 auto;
  }
}

@media (min-width: 992px){
    .heightOver{
        height:70px;
        overflow: hidden;

    }
    .heightOver *{
        max-height:70px
    }
    .heightOver #nav, .heightOver .searchBar{
        opacity:0;
    }
    .faded-white-color{
        color:#e0e0e0!important
    }
}
@media (max-width: 991px) {
  #header .logo a {
    padding-top: 0.5rem;
    padding-bottom: 0.46rem;
  }
  #header .navigationbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  #header .navigationbar .navigation {
    max-height: 100%;
    overflow: auto;
  }
  #header .navigationbar .navigation ul {
    max-width: initial;
    width: 100%;
  }
  #header .navigationbar .navigation ul li {
    width: 100%;
    text-align: center;
  }
  #header .navigationbar .navigation ul li a {
    padding: 0.5rem 0.8rem;
    white-space: break-spaces;
  }
  #header .navigationbar .navigation .searchBar {
    flex-wrap: wrap;
  }
  #header .navigationbar .navigation .searchBar .search-results {
    position: relative;
  }
  #header .navigationbar .navigation .auth-container {
    width: 100%;
  }
  #header .navigationbar .navigation .auth-container .auth .avatar {
    margin-right: 0px;
  }
  #header .navigationbar .navigation .auth-container .auth .info .inner .author small {
    max-width: 100%;
    white-space: break-spaces;
    word-break: break-all;
  }
  #header .navigationbar .navigation .auth-container .auth .info .inner .author h6 {
    max-width: 100%;
    white-space: break-spaces;
    word-break: break-word;
  }
  #header .navigationbar .navigation .auth-container .dropdown-menu.show {
    display: none !important;
  }

  .leadership-index .cards-container > .card.col-cardContent {
    max-width: calc(50% - 0.5rem);
  }
  .leadership-index .cards-container > .card.col-cardContent .card-body {
    max-height: 76vh;
    flex: 1 1 auto;
  }

  #order-actions ul li a .number {
    width: 27px;
    height: 27px;
  }

  .approval-index .cards-container {
    max-width: 100%;
    height: auto;
    max-height: 300px;
    min-height: 300px;
  }
  .approval-index .cards-container .containerCards {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: stretch;
    left: initial;
    top: initial;
  }
  .approval-index .cards-container .containerCards .col-cardContent {
    height: 100%;
    max-height: 100%;
    flex: 0 0 calc(50% - 0.75rem);
  }
  .approval-index .showdesigns, .approval-index .designs-container {
    max-width: initial;
    flex: 0 0 100%;
  }
  .approval-index .app-content .app-design-container .designs-scroller {
    position: relative;
    height: auto;
  }
}
@media (max-width: 768px) {
  .m-left-column {
    max-width: 100%;
  }

  #header .logo {
    padding-left: 15px;
    min-width: 140px;
    max-width: 140px;
  }
  #header .navigation {
    padding: 0 !important;
  }
  #header .table tbody td .editbtn, #header .table tbody td .deletebtn {
    min-width: initial;
    padding: 0.5rem 0.8rem;
  }
  #header .table tbody td .editbtn::before, #header .table tbody td .deletebtn::before {
    position: relative;
    left: 0;
    right: initial;
    font-size: 13px;
  }

  .dataTables_wrapper .dataTables_filter {
    display: flex;
    min-width: initial;
    padding: 0.5rem 1rem;
    max-width: 100%;
    margin: 0px;
    margin-bottom: 1.5rem;
  }
  .dataTables_wrapper .dataTables_filter input {
    margin: 0px;
  }
  .dataTables_wrapper .dt-buttons {
    float: none !important;
    clear: both;
    margin: 0 1rem;
  }
  .dataTables_wrapper .dt-buttons .add-user-btn {
    display: block;
    width: 100%;
  }
  .dataTables_wrapper .editbtn, .dataTables_wrapper .deletebtn {
    min-width: initial !important;
    padding: 0.5rem 0.9rem !important;
  }
  .dataTables_wrapper .editbtn::before, .dataTables_wrapper .deletebtn::before {
    position: relative;
    min-width: initial;
    left: initial;
    display:block
  }

  .content-wrapper {
    padding: 1.5rem 15px;
  }

  .market-index-section .cards-container {
    padding: 0 15px 1.5rem 15px;
  }
  .market-index-section .cards-container > .card.col-cardContent {
    max-width: calc(50% - 0.5rem);
  }
  .market-index-section .cards-container > .card.col-cardContent .card-body {
    max-height: 76vh;
    flex: 1 1 auto;
  }

  .leadership-index-section .cards-container {
    padding: 0 15px 1.5rem 15px;
  }

  .market-index .content-wrapper .page-title, .leadership-index .content-wrapper .page-title {
    padding-left: 20px;
    padding-right: 20px;
  }

  #order-actions .nav-fill > .nav-link, #order-actions .nav-fill .nav-item {
    flex: 1 1 100%;
    text-align: center;
  }

  #upload-file-container #upload-file.dropzone {
    padding: 15px;
  }

  .approval-index .cards-container {
    max-height: initial;
    min-height: initial;
    overflow: initial;
  }
  .approval-index .cards-container .containerCards {
    height: auto;
    flex-wrap: wrap;
  }
  .approval-index .cards-container .containerCards .col-cardContent {
    flex: 0 0 100%;
    max-height: 45vh;
    height: initial;
    min-height: 300px;
  }
}
@media (max-width: 576px) {
  .content-wrapper .inner-wrapper .content {
    padding: 1.8rem 1.2rem;
  }

  .profile-photo-container .profile-box {
    width: 100%;
  }
  .profile-photo-container .profile-box .profile-text {
    width: 100%;
  }

  .larger-btn, .medium-btn {
    max-width: 100%;
  }

  .market-index-section .cards-container, .leadership-index-section .cards-container {
    height: auto !important;
  }
  .market-index-section .cards-container > .card.col-cardContent, .leadership-index-section .cards-container > .card.col-cardContent {
    max-width: 100%;
  }
  .market-index-section .cards-container > .card.col-cardContent .card-body.collapse:not(.show), .leadership-index-section .cards-container > .card.col-cardContent .card-body.collapse:not(.show) {
    display: none !important;
    flex: 0 0 0;
  }
}

/* Menu */
#header-navbar{
  min-height: 70px;
}

#nav ul#list{
    position:relative;

}
#nav .nav-link:hover i{
  color: #3ec5d3 !important;
}
#nav .active i{
  color: #3ec5d3 !important;
}
#nav .dropdown{

  color: #fff;
  width: 30px;
  height: 30px;
  position:absolute;
  right:-30px;

}
#nav .dropdown:hover {
  background:none!important
}
#nav .dropdown #navbarDropdownMenu i {
   font-size:13px
}

#nav .dropdown #navbarDropdownMenu:hover i {
  color:#e0e0e0!important;
}

/* end of Menu */
input:not( [type="submit"], .due_date, .border-0 ),
textarea,
select,
.content-wrapper .inner-wrapper .form-group .form-control {
  border: 1px solid #ababab; /* #ababab */
}

.completed_btn{
  max-width: 250px;
}

#search-results{
  max-height: 200px;
  overflow-y : scroll;
}

.btn_img{
  width: 15px;
  height: 15px;
}

/************************************************************
    Status dropdown
************************************************************/
.status_in_progress{
  color: #00AF50 !important;
}
.status_revision_needed{
  color: #FF9F1A !important;
}
.status_missing_info{
  color: #C377E0 !important;
}
.status_pending_approval{
  color: #41C5D5 !important;
}
.status_ready_to_proof{
  color: #2107BD !important;
}
.status_ready_to_sent_out{
  color: #FB2204 !important;
}
.status_order_completed{
  color: #7caf05 !important;
}
/************************************************************
    Status cards
************************************************************/
/* backgrounds */
.bg_status_in_progress{
  background-color: #00AF50 !important;
  color:#fff!important;
}
.bg_status_revision_needed{
  background-color: #FF9F1A !important;
  color:#fff!important;
}
.bg_status_missing_info{
  background-color: #C377E0 !important;
  color:#fff!important;
}
.bg_status_pending_approval{
  background-color: #41C5D5 !important;
  color:#fff!important;
}
.bg_status_ready_to_proof{
  background-color: #2107BD !important;
  color:#fff!important;
}
.bg_status_ready_to_sent_out{
  background-color: #FB2204 !important;
  color:#fff!important;
}
.bg_status_order_completed{
  background-color: #e846bd !important;
  color:#fff!important;
}

.dashboard{
  background-color: #d8d8d8 !important;
}
.dashboard .proxima_nova_bold{
  font-size: 25px;
}
.dashboard .small{
  font-size: 16px;
}
.dashboard .h1{
  font-size: 42px;
}
.add-user-btn{
  min-width: 150px;
}
.add-user-btn:before{
  content: "";
  position: absolute;
  left: 0.4rem;
  right: 0px;
  width: 12px;
  height: 14px;
  background-image: url("../images/icons/add.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 3px;
  margin-left: 2px;
}
label{
  font-family: ProximaNovaRegular !important;
  font-weight: normal !important;
  font-size: 10px !important;
}

/************************************************************
    Font Sizes
************************************************************/

.fs-10{
  font-size: 10px;
}
.fs-12{
  font-size: 12px;
}
.fs-14{
  font-size: 14px;
}
.fs-15{
  font-size: 16px;
}
.fs-16{
  font-size: 16px;
}
.fs-24{
  font-size: 24px;
}
.fs-28{
  font-size: 28px;
}

/************************************************************
    Proxima Nova fonts
************************************************************/
@font-face {
  font-family: ProximaNovaBold;
  src: url('fonts/proxima_nova/proxima_nova_bold.otf');
}
@font-face {
  font-family: ProximaNovaRegular;
  src: url('fonts/proxima_nova/proxima_nova_regular.otf');
}
.proxima_nova_bold{
  font-family: ProximaNovaBold !important;
}
.proxima_nova_regular{
  font-family: ProximaNovaRegular !important;
  font-weight: normal !important;
}

/************************************************************
    Navbar Icons
************************************************************/
.nav-link:hover .icon_normal,
.nav-link .icon_teal {
  display: none;
}
.nav-link:hover .icon_teal {
  display: inline;
}
#nav .active .icon_teal{
  display: inline;
}
#nav .active .icon_normal{
  display: none;
}