body {
  margin: 0;
  font-size: 1rem;
  font-family: roboto, sans-serif;
  overflow-x: hidden;
  line-height: 1.5;
  background-color: #fafafa;
}
@media screen and (max-width: 992px) {
  body {
    font-size: 0.875rem;
  }
}
.h1 {
  font-weight: 600;
  font-size: 1.4275rem;
  color: #203259;
}
@media screen and (max-width: 667px) {
  .h1 {
    font-weight: 600;
    font-size: 1.3275rem;
    color: #203259;
  }
}
.text-sm {
  font-size: 0.728875rem !important;
}
.header {
  padding: 8px;
  text-align: center;
  overflow-x: hidden;
}
@media screen and (max-width: 676px) {
  .header {
    display: none;
  }
}
.navbar {
  font-weight: 600;
  font-size: 16px;
}
.clickable {
  cursor: pointer;
}
.not-clickable {
  cursor: not-allowed;
}
.modal.sidebar .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  max-width: 80%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.sidebar .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal.sidebar .modal-body {
  padding: 15px 15px 80px;
}
.modal.sidebar .modal-body .nav {
  font-size: 15px;
}
.modal.sidebar .modal-body .nav a {
  color: #000;
}
.modal.sidebar .modal-body .nav a:hover {
  background-color: rgba(236, 243, 252);
}
.modal.sidebar .modal-body .nav span {
  position: relative;
  bottom: 1px;
  right: 10px;
}
.modal.sidebar.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.sidebar.fade .modal-dialog {
  right: 0;
}
.navbar-wrapper {
  background-image: linear-gradient(to left, #a9acaf, #9ca2a7, #7d8e99);
}
.modal-content {
  border-radius: 0;
  border: none;
}
.modal-header {
  border-bottom-color: #eee;
  background-color: #fafafa;
}
.navbar-light .navbar-toggler-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC41KScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=);
}
.dropdown-item:hover {
  color: #4285f4;
}
.site {
  position: relative;
  overflow-x: hidden;
}
.navbar .navbar-nav-2 .navbar__dropdown .dropdown-item span {
  font-size: 14px;
  position: relative;
  bottom: 6px;
  left: 5px;
}
.navbar .navbar-nav-2 .navbar__dropdown .dropdown-item {
  color: #1b1b1b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: pre-wrap;
  padding: 7px 15px;
  padding: 0.4375rem 0.9375rem;
}
.navbar .navbar-nav-2 .navbar__dropdown .dropdown-item:hover {
  font-weight: 400;
}
.navbar .navbar-nav-2 .navbar__dropdown .dropdown-item i {
  margin-right: 15px;
  margin-right: 0.9375rem;
}
.navbar .navbar-nav-2 .navbar__dropdown {
  position: static;
}
.navbar .navbar-nav-2 .navbar__dropdown .dropdown-menu {
  max-width: 100%;
  margin-top: 0;
}
.navbar-nav__profile a {
  color: #686d77;
}
.navbar-nav__profile a:hover {
  color: #4285f4;
}
.navbar-nav__profile img {
  height: 28px;
  height: 1.75rem;
  width: 28px;
  width: 1.75rem;
}
.custom-scrollbar-css {
  height: auto;
  max-height: 300px;
  width: auto;
  min-width: 400px;
}
.custom-scrollbar-css {
  overflow-y: scroll;
}
.custom-scrollbar-css::-webkit-scrollbar {
  width: 5px;
}
.custom-scrollbar-css::-webkit-scrollbar-track {
  background: #eee;
}
.custom-scrollbar-css::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #00d2ff;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#4285f4),
    to(#4285f4)
  );
  background-image: -webkit-linear-gradient(bottom, #4285f4 0, #4285f4 100%);
  background-image: linear-gradient(to top, #4285f4 0, #4285f4 100%);
}
.main {
  padding-bottom: 800px;
  padding-bottom: 12.5rem;
}
.pro-D.dropdown-menu-right {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  min-width: 200px;
}
.dropdown-menu-right {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.list-filter .dropdown-toggle strong.stt {
  font-size: 15px;
}
.list-filter .dropdown-toggle {
  color: #203259;
  padding: 12px;
  padding: 0.75rem;
}
.list-filter .dropdown-toggle:after {
  color: #686d77;
  vertical-align: middle;
  margin-top: -2px;
  margin-top: -0.125rem;
}
.list-filter .dropdown-toggle span.list-filter__sep {
  opacity: 0.2;
  filter: alpha(opacity=20);
  margin-left: 2px;
  margin-left: 0.125rem;
  margin-right: 2px;
  margin-right: 0.125rem;
}
.list-filter .dropdown-toggle span.list-filter__selection {
  color: #4285f4;
  font-weight: 700;
  font-size: 14px;
}
.list-filter .dropdown-toggle:hover,
.list-filter .dropdown-toggle:hover:focus,
.list-filter .dropdown-toggle:focus,
.list-filter .dropdown-toggle:focus:focus,
.list-filter .dropdown-toggle:not(:disabled):not(.disabled):active,
.list-filter .dropdown-toggle:not(:disabled):not(.disabled):active:focus,
.list-filter .dropdown-toggle:not(:disabled):not(.disabled).active,
.list-filter .dropdown-toggle:not(:disabled):not(.disabled).active:focus,
.show > .list-filter .dropdown-toggle.dropdown-toggle,
.show > .list-filter .dropdown-toggle.dropdown-toggle:focus {
  color: #203259;
  text-decoration: none;
  background-color: rgba(236, 243, 252);
}
.list-filter .dropdown-toggle-menu {
  margin: 0;
}
.list-filter.show > .btn-link.dropdown-toggle {
  color: #203259;
}
#my-account .dropdown-toggle::after {
  display: block;
  position: absolute;
  color: #fff;
  top: 50%;
  right: 0%;
  opacity: 80%;
  transform: translateY(-50%);
}
.dropdown .dropdown-item {
  font-size: 0.855rem;
  line-height: 2.333333333;
}
.container-fluid--max {
  max-width: 1086px;
}
.content-area {
  padding-top: 47px;
  padding-top: 4.9375rem;
  padding-bottom: 47px;
  padding-bottom: 2.9375rem;
}
@media screen and (max-width: 1086px) {
  .navbar .navbar-nav {
    font-size: 14px !important;
  }
}
.navbar .navbar-nav,
.propp {
  font-size: 0.96rem;
  font-weight: 600;
}
.pulse-icon {
  position: relative;
  left: 300px;
  bottom: 30px;
  width: 40px;
  height: 35px;
  border-radius: 50%;
  animation: animation 3s linear infinite;
}
@media screen and (max-width: 576px) {
  .pulse-icon {
    position: relative;
    left: 340px;
    bottom: 30px;
  }
}
@media screen and (max-width: 426px) {
  .pulse-icon {
    position: relative;
    left: 240px;
    bottom: 30px;
  }
}
@media screen and (max-width: 326px) {
  .pulse-icon {
    position: relative;
    left: 200px;
    bottom: 30px;
  }
}
@keyframes animation {
  0% {
    box-shadow: 0 0 0 0 rgb(50, 138, 241, 0.7), 0 0 0 0 rgb(50, 138, 241, 0.7);
  }
  40% {
    box-shadow: 0 0 0 30px rgb(50, 138, 241, 0), 0 0 0 0 rgb(50, 138, 241, 0.7);
  }
  80% {
    box-shadow: 0 0 0 30px rgb(50, 138, 241, 0), 0 0 0 30px rgb(50, 138, 241, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgb(50, 138, 241, 0), 0 0 0 30px rgb(50, 138, 241, 0);
  }
}
.pulse {
  animation: pulse-animate 3s linear infinite;
}
@media screen and (max-width: 576px) {
  .pulse {
    display: none !important;
  }

}
@media screen and (min-width: 576px) {
  .pulse-icon {
    display: none;
  }
}
@keyframes pulse-animate {
  0% {
    box-shadow: 0 0 0 0 rgb(50, 138, 241, 0.7), 0 0 0 0 rgb(50, 138, 241, 0.7);
  }
  40% {
    box-shadow: 0 0 0 30px rgb(50, 138, 241, 0), 0 0 0 0 rgb(50, 138, 241, 0.7);
  }
  80% {
    box-shadow: 0 0 0 30px rgb(50, 138, 241, 0), 0 0 0 30px rgb(50, 138, 241, 0);
    border-radius: 1px;
  }
  100% {
    box-shadow: 0 0 0 0 rgb(50, 138, 241, 0), 0 0 0 30px rgb(50, 138, 241, 0);
    border-radius: 1px;
  }
}
.hiring-table .stretched-link img,
.img-logo {
  border: 0.2px solid grey;
}
.hiring-table td .zone {
  font-size: 10px;
  font-weight: 700;
  color: #4285f4;
  background: #d0e0f5;
}
.hiring-table td:nth-child(1) {
  min-width: 50px;
  width: 50px;
}
.hiring-table th:nth-child(1) {
  min-width: 20px;
  width: 20px !important;
}
.hiring-table td:nth-child(2) {
  min-width: 250px;
}
.hiring-table td:nth-child(3) {
  min-width: 50px;
  width: 50px;
}
.hiring-table td:nth-child(4) {
  min-width: 100px;
  width: 100px;
}
.hiring-table td:nth-child(6) {
  min-width: 50px;
  width: 50px;
}
.hiring-table td:nth-child(5) {
  min-width: 50px;
  width: 50px;
}
.projects-table .stretched-link img,
.img-logo {
  border: 0.2px solid grey;
}
.projects-table td .zone {
  font-size: 10px;
  font-weight: 700;
  color: #4285f4;
  background: #d0e0f5;
}
.projects-table td:nth-child(1) {
  min-width: 50px;
  width: 50px;
}
.projects-table th:nth-child(1) {
  min-width: 20px;
  width: 20px !important;
}
.projects-table td:nth-child(2) {
  min-width: 250px;
}
@media screen and (max-width: 768px) {
  .ww-sm-75 {
    width: 100% !important;
  }
}
.ww-100 {
  width: 75%;
}
.hiring-table tr .job-title .row {
  margin-left: 0;
}
.table.tasks-submitted td:nth-child(1) {
  text-align: center;
}
.table.tasks-submitted th:nth-child(1) {
  text-align: center;
}
.table.tasks-submitted td:nth-child(2) {
  min-width: 160px;
}
.table.tasks-submitted td:nth-child(5) {
  min-width: 80px;
}
.table.tasks-submitted td a:hover {
  text-decoration: underline;
}
.finished-tasks-table td:nth-child(3) {
  min-width: 100px;
}
.finished-tasks-table td:nth-child(4) {
  min-width: 100px;
}
.finished-tasks-table td:nth-child(2) {
  max-width: 300px;
}
@media screen and (min-width: 776px) {
  .emp-status {
    margin-left: 80px;
  }
}
@media screen and (min-width: 1176px) {
  .emp-status {
    margin-left: 120px;
  }
}

.jobs-table th:nth-child(2) {
  min-width: 250px;
}
.jobs-table th:nth-child(3) {
  min-width: 75px;
  width: 75px;
}
.jobs-table th:nth-child(4) {
  min-width: 105px;
  width: 105px;
}
.jobs-table th:nth-child(5) {
  min-width: 75px;
  width: 75px;
}
.jobs-table th:nth-child(6) {
  min-width: 125px;
  width: 125px;
}
.jobs-table tbody td:nth-child(1) {
  color: #4285f4;
  font-weight: 700;
  font-size: 10px;
  min-width: 60px;
}
.jobs-table td:nth-child(1) span {
  background-color: #d0e0f5;
  padding: 1px;
}
.jobs-table td:nth-child(4) .progress {
  height: 4px;
  min-width: 70px;
  width: 70px;
  background-color: #d3dae6 !important;
}
.jobs-table td:last-child {
  color: #474545;
}
.jobs-table td:last-child .total-space {
  position: relative;
  bottom: 5px;
}
.jobs-table tbody a:nth-child(5) {
  padding: 10px;
  background-color: grey;
}
.table td a {
  text-decoration: none;
}
.table.best-workers td a:hover {
  text-decoration: underline;
}
.container .with-col {
  border-top: 7px solid #4285f4;
  margin-top: 20px;
}
.table {
  border-spacing: 0 6px;
  border-collapse: separate;
}
.table td,
.table th {
  background-color: #f5f7fa;
  border: 0;
}
.table td:first-child,
.table th:first-child {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.table td:last-child,
.table th:last-child {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.table td.fixed-width,
.table th.fixed-width {
  width: 1%;
  white-space: nowrap;
}
.table thead th {
  border: 0;
  color: #686d77;
  font-weight: 600;
}
.table th {
  font-size: 0.85rem;
}
.table {
  font-size: 0.85rem;
}
.table.table-middle td,
.table.table-middle th {
  vertical-align: middle;
}
.table .table-cell-cost {
  font-size: 1.4625rem;
  font-weight: 700;
  color: #203259;
}
.table-cell-cost {
  font-size: 1.4625rem;
  font-weight: 700;
  color: #203259;
}
.table .table-cell-cost small {
  font-size: 1.1875rem;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .table .table-cell-cost {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .table .table-cell-cost small {
    font-size: 16px;
    font-size: 1rem;
  }
}
.table .show-on-row-hover {
  opacity: 0;
  pointer-events: none;
}
.table tr:hover .show-on-row-hover {
  opacity: 1;
  pointer-events: all;
}
.table.table-hover tbody tr:hover {
  -webkit-box-shadow: 0 3px 5px rgba(97, 44, 21, 0.19);
  box-shadow: 0 3px 5px rgba(97, 44, 21, 0.19);
  z-index: 1;
  position: relative;
  transition: 0.2s all ease-in-out;
}
.table.table-hover tbody tr:hover td,
.table.table-hover tbody tr:hover th {
  background-color: #fff;
  transition: 0.2s all ease-in-out;
}
.ticket-table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.ticket-table th,
.ticket-table td {
  padding: 0.95rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
  transition: 0.2s all ease-in-out;
}
.ticket-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.ticket-table.table-hover tbody tr:hover {
  color: #212529;
  background-color: #eff2f7;
  transition: background-color 0.2s ease-in;
}
.nav-tabs .nav-link {
  font-weight: 600 !important;
  font-size: 0.8275rem;
  color: #6c757d !important;
}
.nav-tabs .nav-link.active {
  font-weight: 600 !important;
  font-size: 0.8275rem;
  color: #203259 !important;
}
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 380px;
  max-width: 380px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
@media screen and (max-width: 768px) {
  .modal.right .modal-dialog {
    width: 100%;
    max-width: 100%;
  }
}
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal.right .modal-body {
  padding: 15px 15px 80px;
}
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade .modal-dialog {
  right: 0;
}
.modal-content {
  border-radius: 0;
  border: none;
}
.modal.right2 .modal-dialog {
  position: fixed;
  margin: auto;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
@media screen and (max-width: 768px) {
  .modal.right2 .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.modal.right2 .modal-content {
  min-height: 100%;
  height: auto !important;
  overflow-y: auto;
}
.modal.right2.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right2.fade .modal-dialog {
  right: 0;
}
#modal-header {
  z-index: 1;
  transition: 0.2s all ease-in-out;
}
.modal-content {
  border-radius: 0;
  border: none;
}
.h2 {
  font-size: 16px;
  font-weight: 600;
  color: grey;
}
.h2-alt {
  font-size: 20px;
  font-weight: 600;
  color: #555;
}
.p-international {
  font-weight: 600;
  color: grey;
}
.modal-content p.p-international {
  position: relative;
  left: 16px;
  bottom: 20px;
  font-weight: 600;
  color: grey;
}
.pulse a {
  background-color: #4285f4;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  padding: 12px;
  border-radius: 5px;
}
.pulse-icon a {
  background-color: #4285f4;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  padding: 15px;
  border-radius: 50px;
  position: relative;
  right: 14px;
}
.modal-header {
  border-bottom-color: #fff;
  background-color: #fff;
}
.modal-header p {
  padding-left: 40px;
}
.job-info {
  background-color: #f5f7fa;
  padding: 26px 34px 28px;
  padding: 1.625rem 2.125rem 1.75rem;
  border-radius: 0.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.job-info__item {
  margin-top: 16px;
  margin-top: 1rem;
}
.job-info__item:first-child,
.job-info__item:nth-child(2) {
  margin-top: 0;
}
.job-info__item:nth-child(2n + 1) {
  -webkit-flex-basis: 55.737704918%;
  -ms-flex-preferred-size: 55.737704918%;
  flex-basis: 55.737704918%;
}
.job-info__item:nth-child(2n + 2) {
  -webkit-flex-basis: 32.7868852459%;
  -ms-flex-preferred-size: 32.7868852459%;
  flex-basis: 32.7868852459%;
}
.job-info__item h4 {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  line-height: 1.3333;
}
.job-info__item p {
  line-height: 1.75;
}
.job-info__item h4 {
  font-size: 14px;
  font-weight: 600;
  color: #595151;
}
.nav-tabs .nav-link {
  text-align: center;
}
.nav-tabs--bar {
  border-bottom: 2px solid #d3dae6;
}
.nav-tabs--bar .nav-item {
  margin-bottom: -2px;
  margin-bottom: -0.125rem;
  margin-right: 42px;
  margin-right: 2.625rem;
}
.nav-tabs--bar .nav-item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .nav-tabs--bar .nav-item {
    margin-right: 20px;
    margin-right: 1.25rem;
  }
}
.nav-tabs--bar .nav-link {
  font-weight: 500;
  padding: 0 0 19px;
  padding: 0 0 1.1875rem;
  color: #203259;
  border-radius: 0;
  border: 0;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 2px solid #d3dae6;
}
.nav-tabs--bar .nav-link:hover,
.nav-tabs--bar .nav-link.active {
  color: #203259;
  border-color: #4285f4;
}
.nav-tabs--bar .nav-link.disabled {
  color: #203259;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
@media screen and (max-width: 768px) {
  .nav-tabs--bar .nav-link {
    padding-top: 15px;
    padding-top: 0.9375rem;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
  }
}
.tab-border {
  border-right: 1px solid #d3dae6 !important;
}
.reason-card {
  position: relative;
  bottom: 40px;
  background-color: #eaeaea !important;
  background: no-repeat left bottom;
}
.reason-card--not-paid {
  background-image: url(/assets/images/reason-not-paid@2x.png?v=20200623);
}
.reason-card .reason-card__inner {
  max-width: 380px;
  padding: 0 20px;
}
.reason-card .dash {
  font-weight: 600;
}
.reason-card .reason-card__inner h4 {
  font-size: 20px;
}
.footer {
  padding: 25px 0;
  padding: 1.5625rem 0;
  background-color: #cedffc;
}
.footer__top {
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
}
.footer__bottom {
  padding-top: 5px;
  padding-top: 0.3125rem;
  color: #d3dae6;
}
.footer__nav {
  font-size: 14px;
  font-size: 0.875rem;
}
.footer__nav li {
  margin-left: 12px;
  margin-left: 0.75rem;
}
.footer__nav a {
  color: #d3dae6;
  padding: 7px 20px;
  padding: 0.4375rem 1.25rem;
}
.footer__nav li:last-child a {
  margin-right: -20px;
  margin-right: -1.25rem;
}
.footer--logged-out {
  padding: 80px 0;
  padding: 5rem 0;
  background: rgba(236, 243, 252);
}
.footer--logged-out .footer__top {
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
.footer--logged-out .footer__top a {
  color: #203259;
}
@media screen and (max-width: 768px) {
  .footer {
    text-align: center;
    padding-top: 70px;
    padding-top: 4.375rem;
    padding-bottom: 70px;
    padding-bottom: 4.375rem;
  }
  .footer__top,
  .footer__bottom {
    padding-top: 0;
  }
  .footer__nav {
    margin-top: 35px;
    margin-top: 2.1875rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__nav li {
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer__nav li {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
}
.footer__nav a:hover {
  text-decoration: underline;
}
.profile-card2 {
  border-top: 4px solid #4285f4;
  border-radius: 7px;
}
.profile-card2 .card-header {
  background: #4285f4;
}
.profile-card {
  background-color: #5b79a2;
  border-radius: 2px;
  position: relative;
  right: 5px;
  margin-top: 33px;
}
.profile-card .card-body {
  padding: 25px;
  padding: 1.5625rem;
}
.profile-card__header {
  margin-bottom: 29px;
  margin-bottom: 1.8125rem;
}
.profile-card__alert {
  font-size: 14px;
  font-size: 0.85rem;
  border-radius: 2px;
  padding: 10px 0;
  background-color: #2e4469;
}
.profile-card__alert strong {
  font-weight: 600;
}
.profile-card__balance-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500;
}
.profile-card__cta {
  font-weight: 600;
}
.balance-list__title-main {
  font-size: 1rem;
  font-weight: 600;
}
.balance-list__title {
  font-size: 0.9rem;
  font-weight: 600;
}
.balance-list__text {
  font-size: 0.9rem;
  font-weight: 600;
  opacity: 70%;
}
.profile__wallet {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}
.profile__wallet a {
  color: #fff;
}
.balance-list__right {
  text-align: right;
}
.site-notice {
  height: auto;
  background-color: rgba(236, 243, 252);
}
.resNoticeAlgin{
 justify-content: end;
}
@media screen and (min-width: 992px) {
 
  .miaa-miaa,
  .ssp {
    display: none;
  }
  .pxcustomhkj-5{
    padding: 0 50px;
  }
}
.my-jobs-table th:last-child {
  min-width: 120px;
}
.my-jobs-table tbody td {
  padding: 11px 10px;
}
.my-jobs-table td:nth-child(3) .total-space {
  position: relative;
  bottom: 5px;
}
.my-jobs-table td:nth-child(3),
td:nth-child(4) {
  color: #474545;
}
.my-jobs-table td:nth-child(3) {
  min-width: 100px;
}
.my-jobs-table td:nth-child(4) {
  min-width: 90px;
}
.my-jobs-table td:nth-child(1) {
  min-width: 80px;
}
.my-jobs-table td:nth-child(2) {
  min-width: 300px;
}
.job-info-list__heading {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  line-height: 1.2;
  margin-bottom: 15px;
}
.job-info-list__heading .svg {
  position: relative;
  bottom: 1px;
}
#proof-caution,
#autorate-caution {
  border: 0.5px solid lightgrey;
  border-radius: 5px;
  padding: 20px;
  border-left: 3px solid orange;
}
.job-info-list__description {
  margin-left: 28px;
  font-size: 0.98208333336rem;
  font-family: sans-serif;
  line-height: 1.2;
}
.text-lg {
  font-size: 0.98208333336rem !important;
}
.dropzone .proof-submit {
  margin-left: 28px;
}
.submit {
  border-radius: 0;
  background-color: #4285f4;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
.submit:hover {
  color: #fff;
  background-color: #0474f8;
}
.proof-submit {
  margin-top: 40px;
}
.submit-cancel {
  border-radius: 0;
  background-color: #f5f7fa;
  color: #4285f4 !important;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #f5f7fa;
  padding: 10px 20px;
}
.submit-cancel:hover {
  color: #fff !important;
  background-color: grey;
  border: 1px solid grey;
}
.sub-cancel {
  border-radius: 0;
  background-color: #f5f7fa;
  color: #4285f4 !important;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #f5f7fa;
}
.sub-cancel:hover {
  color: #fff !important;
  background-color: grey;
  border: 1px solid grey;
}
.form-control2 {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 11px 12px;
  font-size: 0.975rem;
  font-weight: 600;
  line-height: 1.333333333;
  color: #203259;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #495057;
  border-radius: 0.125rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}
.form-control2::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control2:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #203259;
}
.form-control2:focus {
  color: #495057;
  background-color: #fff;
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: inset 0 -1px 0 0 #4285f4;
  box-shadow: inset 0 -1px 0 0 #4285f4;
}
.form-control2::-webkit-input-placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control2::-moz-placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control2:-ms-input-placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control2::-ms-input-placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control2::placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control2:disabled,
.form-control2[readonly] {
  background-color: #f2f3f5;
  opacity: 1;
}
.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 11px 12px;
  font-size: 0.975rem;
  font-weight: 600;
  line-height: 1.333333333;
  color: #203259;
  background-color: #f5f7fa;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 0.125rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #203259;
}
.form-control:focus {
  color: #495057;
  background-color: #f5f7fa;
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: inset 0 -1px 0 0 #4285f4;
  box-shadow: inset 0 -1px 0 0 #4285f4;
}
.form-control::-webkit-input-placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control::placeholder {
  color: #686d77;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #f2f3f5;
  opacity: 1;
}
.message-editor {
  padding: 31px 40px 32px;
  padding: 1.9375rem 2.5rem 2rem;
  background-color: #f5f7fa;
  border-radius: 0.25rem;
}
.message-editor__subject input {
  background-color: #fff;
  padding: 10px 20px 9px;
  padding: 0.625rem 1.25rem 0.5625rem;
  border-radius: 0.125rem;
  font-size: 0.875rem;
}
.message-editor__subject input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}
.message-editor__subject input:not(:disabled):not(.disabled):active:focus,
.message-editor__subject input:not(:disabled):not(.disabled).active:focus,
.show > .message-editor__subject input.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}
.message-editor .select2-container .select2-selection {
  background-color: #fff;
}
.message-editor .select2-container .select2-selection__arrow {
  border-color: #f5f7fa;
}
.message-editor__message {
  position: relative;
}
.message-editor__message textarea {
  background-color: #fff;
  border: 0;
  width: 100%;
  font-size: 1.0208333336rem;
  font-weight: 500;
  line-height: 1.357142857;
  padding: 20px 21px;
  padding: 1.25rem 1.3125rem;
  color: #203259;
  border-radius: 0.125rem;
  vertical-align: top;
}
.message-editor__message textarea.autosize {
  max-height: 271px;
}
.message-editor__message textarea::-webkit-input-placeholder {
  color: rgba(32, 50, 89, 0.5);
}
.message-editor__message textarea:-moz-placeholder {
  color: rgba(32, 50, 89, 0.5);
}
.message-editor__message textarea::-moz-placeholder {
  color: rgba(32, 50, 89, 0.5);
}
.message-editor__message textarea:-ms-input-placeholder {
  color: rgba(32, 50, 89, 0.5);
}
.message-editor__message textarea:focus {
  outline: 0;
}
.bg-ash {
  background-color: #f2f3f5 !important;
}
#btp {
  display: none;
  position: fixed;
  bottom: 9rem;
  right: 5rem;
  background-color: #4285f4;
  border-radius: 2.5rem;
  cursor: pointer;
  -webkit-box-shadow: -1px 2px 9px -3px #000;
  -moz-box-shadow: -1px 2px 9px -3px #000;
  box-shadow: -1px 2px 9px -3px #000;
}
#btp:hover {
  background-color: #0273f6;
  transition: 0.2s all;
}
label.select-radio {
  cursor: pointer;
  width: 100% !important;
  margin-top: 3px;
}
label.select-radio input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
}
label.select-radio span {
  padding: 32px 14px;
  border: 1px solid #4285f4;
  display: inline-block;
  color: #333;
  border-radius: 3px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 1.4275rem;
}
label.select-radio input:checked + span {
  border-color: #856404;
  background-color: #fff3cd;
  color: #856404;
  font-weight: 700;
  box-shadow: 3px 5px 8px 2px #e9ecef;
  transition: 0.3s all;
}
label.radio {
  cursor: pointer;
  width: 100% !important;
  margin-top: 3px;
}
label.radio input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
}
label.radio span {
  padding: 12px 14px;
  border: 1px solid #4285f4;
  display: inline-block;
  color: #000;
  border-radius: 3px;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  transition: 0.3s all ease-in-out;
}
label.radio input:checked + span {
  border-color: #d0e0f5;
  background-color: #d0e0f5;
  color: #4285f4;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(77, 35, 16, 0.19);
  transition: 0.25s all ease-in-out;
}
.area:focus {
  box-shadow: none;
  border-color: #4285f4 !important;
}
label.check {
  cursor: pointer;
  width: 100% !important;
}
label.check input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
}
label.check span {
  padding: 8px 10px;
  display: block;
  color: #000;
  background-color: #f2f5f5;
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  transition: 0.25s all ease-in-out;
}
label.check input:checked + span {
  border-color: #eb4444;
  background-color: #eb4444;
  color: #fff;
  transition: 0.25s all ease-in-out;
}
.button {
  border-radius: 0;
  font-size: 16px;
  font-weight: 700;
  padding: 12px;
  background-color: #4285f4;
}
label.job-radio {
  cursor: pointer;
  width: 100% !important;
  margin-top: 3px;
}
label.job-radio input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
}
label.job-radio span {
  padding: 8px 10px;
  display: block;
  color: #000;
  background-color: #f2f5f5;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  transition: 0.25s all ease-in-out;
}
label.job-radio input:checked + span {
  border-color: #d0e0f5;
  background-color: #d0e0f5;
  color: #4285f4;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(77, 35, 16, 0.19);
  transition: 0.25s all ease-in-out;
}
.post-job__estimate-cost {
  padding: 28px 48px 37px 24px;
  padding: 1.75rem 3rem 2.3125rem 1.5rem;
  overflow: hidden;
  position: relative;
}
.post-job__estimate-cost:after {
  content: "";
  opacity: 0.08;
  position: absolute;
  width: 620px;
  height: 1080px;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  transform: rotate(-42deg);
  background-image: -webkit-linear-gradient(
    56deg,
    rgba(34, 171, 89, 0) 9%,
    #4285f4 77%
  );
  background-image: linear-gradient(
    34deg,
    rgba(34, 171, 89, 0) 9%,
    #4285f4 77%
  );
  border-radius: 50em;
  left: 100%;
  top: 50%;
  margin-top: -140px;
  margin-left: -60px;
}
.input-text-prefix label {
  padding: 0;
  position: absolute;
  top: 71px;
  left: 62px;
  font-weight: 500;
  color: #686d77;
}
.input-text-prefix input {
  background-color: rgba(236, 243, 292) !important;
  opacity: 20%;
}
.add-job-radio {
  cursor: pointer;
}
label.add-job-radio input {
  margin-right: 10px;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
}
label.add-job-radio input:checked + span {
  color: #4285f4;
  font-weight: 700;
  transition: all 0.3s ease-out 0s;
}
.steps-step {
  display: none;
}
.steps-step.active {
  display: block;
}
@keyframes transitionIn {
  from {
    opacity: 0;
    transform: rotateX(-10deg);
  }
  to {
    opacity: 1;
    transform: rotateX(0);
  }
}
.steps-step,
.profile-card,
.fader {
  animation: transitionIn 0.75s;
}
.overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.8) url(/assets/images/jumaAdLoader.gif)
    center no-repeat;
}
body.loading {
  overflow: hidden;
}
body.loading .overlay {
  display: block;
}
#task_details.loading {
  overflow: hidden;
}
#task_details.loading .overlay {
  display: block;
}
.camp-details .dropdown .dropdown-menu a {
  text-decoration: none;
}
@media screen and (max-width: 752px) {
  .white-space-pre {
    padding: 12px 0 !important;
  }
}
.camp {
  background-color: #f5f7fa;
  padding: 26px 34px 28px;
  padding: 1.625rem 2.125rem 1.75rem;
  border-radius: 0.125rem;
  color: #4d5054;
}
.camp-proof {
  background-color: #f5f7fa;
  padding: 26px 134px 128px;
  padding: 1.625rem 2.125rem 1.75rem;
  border-radius: 0.125rem;
  font-size: 14px;
  color: #686d77;
}
.black-font {
  font-size: 14px;
  color: #333;
}
.csv-results {
  border-radius: 5px;
  background-color: #f90;
  padding: 5px;
  color: #fff;
  font-weight: 600;
}
.csv-results:hover {
  text-decoration: none;
  color: #fff;
  background-color: #e68a00;
}
.csv-rate {
  border-radius: 5px;
  padding: 5px;
  color: #fff;
  font-weight: 600;
}
.csv-rate:hover {
  text-decoration: none;
  color: #fff;
}
.reverse-rate {
  border-radius: 5px;
  padding: 5px;
  color: #333;
  font-weight: 600;
  background-color: #d0e0f5;
}
.reverse-rate:hover {
  text-decoration: none;
  color: #333;
  background-color: #98bff3;
}
.button-small {
  padding: 5px;
  text-decoration: none !important;
  color: #fff;
  font-weight: 600;
  border: 0;
}
.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #22ab59;
}
.option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: "✔";
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #22ab59;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
}
.option-input-wrong {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input-wrong:hover {
  background: #9faab7;
}
.option-input-wrong:checked {
  background: #e63e46;
}
.option-input-wrong:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: "\2716";
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}
.option-input-wrong:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #22ab59;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
}
.withdraw-method__img {
  vertical-align: top;
}
label.withdrawal-radio {
  width: 100% !important;
  margin-top: 3px;
}
label.withdrawal-radio input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
}
label.withdrawal-radio .span:hover {
  background-color: #fff;
  text-decoration: none;
  background-color: #f2f3f5;
  background: #fff;
  -webkit-box-shadow: 0 5px 12px 0 rgba(97, 44, 21, 0.15);
  box-shadow: 0 5px 12px 0 rgba(97, 44, 21, 0.15);
  transition: 0.2s ease-in-out;
}
label.withdrawal-radio .span {
  padding: 8px 10px;
  display: block;
  color: #333;
  background-color: #f5f7fa;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}
label.withdrawal-radio .spann {
  padding: 8px 10px;
  display: block;
  color: #333;
  background-color: #f5f7fa;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}
label.withdrawal-radio input:checked + .span {
  border-color: #d0e0f5;
  background-color: #d0e0f5;
  color: #4285f4;
  font-weight: 600;
  transition: 0.3s all;
  box-shadow: none;
}
.coming {
  position: absolute;
  right: 8px;
  padding-top: 25px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 15px;
  z-index: 1;
}
.soon:hover {
  color: blue !important;
}
.deposit-methods {
  margin-bottom: 11px;
}
.deposit-methods.row {
  margin-right: -5.5px;
  margin-left: -5.5px;
}
.deposit-methods.row > .col,
.deposit-methods.row > [class*="col-"] {
  padding-right: 5.5px;
  padding-left: 5.5px;
}
.deposit-method {
  background: #fff;
  -webkit-box-shadow: 0 1px 7px 0 rgba(97, 44, 21, 0.14);
  box-shadow: 0 1px 7px 0 rgba(97, 44, 21, 0.14);
}
.deposit-method__header {
  padding-top: 28px;
  padding-top: 1.75rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
  min-height: 94px;
  background-color: rgba(236, 243, 252);
}
.deposit-method__body {
  padding-top: 28px;
  padding-top: 1.75rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
}
.deposit-method__amounts {
  margin-left: -4px;
  margin-right: -4px;
}
.deposit-method__amounts li {
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 8px;
}
.deposit-method__amounts li button {
  background-color: #f5f7fa;
  font-weight: 600;
  color: #4285f4;
}
.deposit-method__amounts li button:hover {
  background-color: #4285f4;
  font-weight: 600;
  color: #fff;
}
.pro-left {
  font-weight: 600;
  color: #686d77;
}
.pro-right {
  font-weight: 600;
  color: #203259;
}
.card-shadow {
  -webkit-box-shadow: 0 1px 7px 0 rgba(97, 44, 21, 0.14);
  box-shadow: 0 1px 7px 0 rgba(97, 44, 21, 0.14);
}
.card-left {
  font-weight: 600;
  color: #203259;
  font-size: 15px;
}
.card-right {
  font-weight: 600;
  color: #4285f4;
  font-size: 15px;
}
.progress-bar-circle {
  width: 120px;
  height: 120px;
}
.progress-bar-circle .progressbar-text {
  font-weight: 600;
  font-size: 1.4275rem;
  color: #203259;
  text-align: center;
  width: 100%;
  padding: 15px;
  margin: 0;
  line-height: 1;
}
.progress-bar-circle .progressbar-text sup {
  margin-top: 5px;
  font-weight: 300;
  margin-left: 2px;
}
.progress-bar-circle.progress-bar-primary {
  -webkit-filter: drop-shadow(0 0 8px rgba(21, 209, 100, 0.15));
  filter: drop-shadow(0 0 8px rgba(21, 209, 100, 0.15));
}
.radial-shadow {
  -webkit-filter: drop-shadow(0 0 8px rgba(236, 243, 252));
  filter: drop-shadow(0 0 8px rgba(236, 243, 252));
}
svg.radial-progress {
  height: auto;
  max-width: 200px;
  padding: 1em;
  transform: rotate(-90deg);
  width: 100%;
}
svg.radial-progress circle {
  fill: transparent;
  stroke: #fff;
  stroke-dashoffset: 219.91148575129;
  stroke-width: 9;
}
svg.radial-progress circle.incomplete {
  opacity: 0.25;
}
svg.radial-progress circle.complete {
  stroke-dasharray: 219.91148575129;
}
svg.radial-progress text {
  fill: #000;
  text-anchor: middle;
}
.circle_percent {
  font-size: 200px;
  width: 1em;
  height: 1em;
  position: relative;
  background: #eee;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin: 20px;
}
.circle_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  clip: rect(0 1em 1em 0.5em);
}
.round_per {
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  background: #e4a6d2;
  clip: rect(0 1em 1em 0.5em);
  transform: rotate(180deg);
  transition: 1.05s;
}
.percent_more .circle_inner {
  clip: rect(0 0.5em 1em 0em);
}
.percent_more:after {
  position: absolute;
  left: 0.5em;
  top: 0;
  right: 0;
  bottom: 0;
  background: #e4a6d2;
  content: "";
}
.circle_inbox {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #fff;
  z-index: 3;
  border-radius: 50%;
}
.percent_text {
  position: absolute;
  font-size: 36px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.dot {
  display: inline-block;
  vertical-align: middle;
  height: 10px;
  height: 0.575rem;
  width: 10px;
  width: 0.575rem;
  background-color: #f5f7fa;
  border-radius: 10px;
}
.dot-md {
  display: inline-block;
  vertical-align: middle;
  height: 19px;
  height: 0.975rem;
  width: 19px;
  width: 0.975rem;
  background-color: #f5f7fa;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  .row.with-border {
    margin-left: -25px;
    margin-right: -25px;
  }
  .row.with-border > .col,
  .row.with-border > [class*="col-"] {
    border-left: 1px solid #d3dae6;
    padding-left: 25px;
    padding-right: 25px;
  }
  .row.with-border > .col:first-child,
  .row.with-border > [class*="col-"]:first-child {
    border-left: 0;
  }
}
.categories-chart,
.ratings-chart {
  height: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.3rem;
}
.profile-stats .tab-content > .tab-pane,
.profile-stats .pill-content > .pill-pane {
  display: block;
  height: 0;
  overflow: hidden !important;
}
.profile-stats .tab-content > .active,
.profile-stats .pill-content > .active {
  height: auto;
}
.thumb-image {
  width: 100%;
  height: 350px;
}
.profile-settings li {
  transform: rotate(0);
  min-width: 400px;
}
.profile-settings li:hover svg {
  visibility: visible;
}
.profile-settings li:hover {
  background-color: rgba(236, 243, 252);
  cursor: pointer;
}
@media screen and (max-width: 568px) {
  .profile-settings .ps-name {
    margin-right: 70px !important;
  }
  .profile-settings .ps-user {
    margin-right: 40px !important;
  }
  .profile-settings .ps-email {
    margin-right: 75px !important;
  }
  .profile-settings .ps-pass {
    margin-right: 46px !important;
  }
  .profile-settings .ps-country {
    margin-right: 55px !important;
  }
  .profile-settings .ps-code {
    margin-right: 28px !important;
  }
  .profile-settings .ps-skills {
    margin-right: 77px !important;
  }
  .profile-settings .ps-notes {
    margin-right: 71px !important;
  }
  .profile-settings {
    overflow-x: auto !important;
  }
  .profile-settings .ps-line1,
  .profile-settings .ps-line,
  .profile-settings .dropdown-divider {
    width: 400px !important;
  }
}
.profile-settings .ps-line {
  border-top: 1px solid #000;
  width: 100%;
  margin: 0.5rem 0;
}
.profile-settings .ps-line1 {
  border-bottom: 1px solid #000;
  width: 100%;
  margin: 0.5rem 0;
}
ul.list-group.list-group-striped li:nth-of-type(odd) {
  background: #f4f4f4;
}
#ptner-em a {
  text-decoration: none;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.notification {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.notification:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 0.12rem;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .notification {
  background-color: #2196f3;
}
input:focus + .notification {
  box-shadow: 0 0 1px #2196f3;
}
input:checked + .notification:before {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}
.notification.round {
  border-radius: 34px;
}
.notification.round:before {
  border-radius: 50%;
}
.aff-link,
.pro-D a {
  font-weight: 600;
}
.aff-text {
  font-weight: 500;
}
.aff-two span {
  font-weight: 500;
}
.news-scroll span {
  padding: 7px 10px;
  background: rgba(236, 243, 252);
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
}
.profile-user-img {
  border: 3px solid #adb5bd;
  margin: 0 auto;
  padding: 3px;
}
.card-header {
  background-color: #4285f4;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.55rem 1.25rem;
  position: relative;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: 0.2s ease-out;
}
.card.hover-none:hover {
  box-shadow: none !important;
}
.card.ticket-entry:hover {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.card.ticket-entry .card-header {
  background: lightgrey;
}
.card {
  transition: 0.2s ease-out;
}
.aff-card {
  border-top: 4px solid #4285f4;
}
.state {
  border: 1px solid #000;
  padding: 2px;
  width: 40px;
  font-size: 20px;
  padding-left: 13px;
  font-weight: 600;
}
.img-bordered-sm {
  border: 2px solid #adb5bd;
  padding: 2px;
}
.attach-logo {
  border-radius: 0;
  background-color: #4285f4;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
}
.attach-logo:hover {
  color: #fff;
  background-color: #0474f8;
}
.bbtn-danger {
  border-radius: 0;
  background-color: #dc3545;
  color: #fff;
  margin-bottom: 10px !important;
  font-size: 1rem;
  padding: 12px 0;
  font-weight: 600;
}
.bbtn-danger:hover {
  color: #fff;
  background-color: #c82333;
}
.btn-custom {
  border-radius: 0;
  background-color: #4285f4;
  color: #fff;
  margin-bottom: 10px !important;
  font-size: 1rem;
  font-weight: 600;
}
.btn-custom:hover {
  color: #fff;
  background-color: #0474f8;
}
.settings-tray {
  background: #eee;
  padding: 15px;
}
.message-tray {
  padding: 8px 15px;
  background: #eee;
}
.input-wrapper {
  background: #fff;
  border-radius: 40px;
  padding: 5px 0;
}
.input-wrapper input {
  width: 80%;
  border: none;
  vertical-align: middle;
  margin-left: 5px;
  outline: none;
  background: #fff;
}
.friend-drawer {
  padding: 10px 15px;
  display: flex;
  transition: 0.3s ease;
}
.friend-drawer:hover {
  background: rgba(236, 243, 252);
  cursor: pointer;
}
.mmmm hr {
  margin: 0 auto;
}
.mmm {
  margin-top: 77px;
}
.add-mmm {
  padding: 5.5px 0;
}
.add-mmm span {
  padding: 15px 10px;
  border-radius: 70px;
  background: #4285f4;
  position: relative;
  top: 2px;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.add-mmm span:hover {
  background: #4285f4;
  position: relative;
  top: 0;
}
.mmm .ddd {
  vertical-align: middle;
  margin-left: 0;
  margin-top: 14px;
}
.ddd .svg:hover {
  cursor: pointer;
  stroke: #c93d4a;
  transition: 0.3s ease;
}
.mmm-workers {
  height: 370px;
  overflow: auto;
  background: #fff;
}
.chat-panel {
  height: 370px;
  overflow: auto;
}
.chat-bubble {
  padding: 10px 14px;
  background: #eee;
  margin: 10px 30px;
  border-radius: 9px;
  word-break: break-all;
  position: relative;
  animation: fadeIn 0.5s ease-in;
}
.chat-bubble-blue {
  padding: 10px 14px;
  background: #4285f4;
  color: #fff;
  margin: 10px 30px;
  border-radius: 9px;
  word-break: break-all;
  position: relative;
  animation: fadeIn 0.5s ease-in;
}
.chat-bubble--left:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 0;
  margin-top: -10px;
  left: 0;
  border-right-color: #eee;
  border-left: 0;
  margin-left: -20px;
}
.chat-bubble--right:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 0;
  margin-top: -10px;
  right: 0;
  border-left-color: #4285f4;
  border-right: 0;
  margin-right: -20px;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.chat-box-tray {
  background: #eee;
  padding: 13px 15px;
  display: flex;
  align-items: center;
}
.chat-box-tray input {
  width: 100%;
  border: none;
  vertical-align: middle;
  margin-left: 10px;
  outline: none;
  background: #fff;
  border-radius: 40px;
  padding: 10px 15px;
}
.main-alert {
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 600;
  color: grey;
}
.smps {
  position: absolute;
  padding: 0.5rem 0.55rem;
  border: 1px solid #ccc;
  top: -55px;
  background-color: #fff;
  z-index: 99;
  display: none;
  width: 230px;
}
.smps input {
  width: 70px;
  outline: 0;
  border: 1px solid #ccc;
  padding: 6px 12px;
  line-height: 1.4;
}
.smps button {
  margin-left: 0.9rem;
  margin-bottom: 0.3rem;
}
.smps-alt {
  position: absolute;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ccc;
  top: -100px;
  background-color: #fff;
  z-index: 99;
  display: none;
  width: 230px;
}
.smps-alt input {
  margin-bottom: 10px;
  width: 160px;
  outline: 0;
  border: 1px solid #ccc;
  padding: 6px;
  line-height: 1.4;
}
.smps-alt button {
  margin-left: 0.9rem;
  margin-bottom: 0.3rem;
}
.field__input {
  background-color: #f6f9f7;
  border: 1px solid #e9e9e9;
  color: #474646;
  font-weight: 600;
  font-size: 1.25em;
  padding: 0.4461904762em;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 100%;
}
.field__input:focus {
  box-shadow: none;
  border-color: #4285f4 !important;
  outline: none;
}
.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}
.form-label-group > input,
.form-label-group > label {
  padding: 0.75rem;
}
.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  line-height: 1.7;
  color: #555;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
  font-size: 1rem;
   pointer-events: none;
}
.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}
.form-label-group input:-ms-input-placeholder {
  color: transparent;
}
.form-label-group input::-ms-input-placeholder {
  color: transparent;
}
.form-label-group input::-moz-placeholder {
  color: transparent;
}
.form-label-group input::placeholder {
  color: transparent;
}
.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(0.75rem + 0.75rem * (2 / 3));
  padding-bottom: calc(0.75rem/3);
}
.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(0.75rem/3);
  padding-bottom: calc(0.75rem/3);
  font-size: 12px;
  color: #777;
}
.bg-custom {
  background-color: #b7dd29 !important;
}
.text-custom {
  color: #b7dd29 !important;
}
.rating-progress-bars {
  line-height: 40px;
}
.bg-gray {
  background-color: #f2f3f5 !important;
}
.text-moon {
  color: navy;
}
.vcodearea {
  padding: 10px;
  overflow: hidden;
  margin: 0 0 15px;
  border: 1px solid #cfcfb3;
  background: #f9f9d7;
}
.inner .navbar-nav .nav-link {
  color: #fff;
  opacity: 90%;
}
.inner .navbar-nav .nav-link.active {
  color: rgba(255, 255, 255, 0.75);
}
.inner .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}
.ws.navbar-wrapper {
  margin-bottom: 0;
  z-index: 1999;
  width: 100%;
  background: #fff;
}
.ws.navbar .site-logo {
  position: relative;
  left: -15px;
}
@media screen and (min-width: 776px) {
  .ws.navbar .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.ws.navbar {
  font-weight: 600;
  font-size: 16px;
}
.ws.navbar .navbar-nav {
  margin-bottom: 0;
}
.ws.navbar .side--nav a {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  font-size: 0.96rem;
  font-weight: 600;
  color: #222666;
}
#side__nav a {
  font-size: 0.96rem;
  font-weight: 600;
  color: #222666;
}
.ws.navbar .side--nav a:hover {
  color: #4285f4;
}
.ws.navbar .side--nav .active {
  color: #4285f4;
}
.ws.navbar .navbar-toggler-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC41KScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=);
}
.sticky-wrapper {
  z-index: 100;
  width: 100%;
}
.sticky-wrapper .site-navbar {
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sticky-wrapper.is-sticky .site-navbar {
  -webkit-box-shadow: 4px 0 20px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 0 20px -10px rgba(0, 0, 0, 0.2);
}
.sticky-wrapper .shrink {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.correct-li {
  margin-bottom: 50px;
}
.correct-li li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  line-height: 1.5;
}
.correct-li li:before {
  left: 0;
  font-size: 20px;
  top: -0.3rem;
  font-family: icomoon;
  content: "\e5ca";
  position: absolute;
}
.correct-li.white li:before {
  color: #fff;
}
.correct-li.success li:before {
  color: #8bc34a;
}
.correct-li.primary li:before {
  color: #4285f4;
}
.emp-col {
  padding: 30px;
  height: 310px;
  background: #f1f1f1;
  border-radius: 5px;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  position: relative;
  top: 0;
  margin-bottom: 4em;
  text-align: center;
  padding-top: 50px;
}
.emp-col .emp-col-icon {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  top: -50px;
}
.emp-col .emp-col-icon .icon-wrapper {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  background-color: #4285f4;
  -webkit-box-shadow: 0 4px 20px -5px rgba(66, 133, 244, 0.4);
  box-shadow: 0 4px 20px -5px rgba(66, 133, 244, 0.4);
}
.emp-col .emp-col-icon .icon-wrapper span {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  color: #fff !important;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.emp-col h3 {
  font-size: 18px;
  color: #000;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.emp-col p {
  font-size: 1.05rem;
  font-weight: 300;
  color: #6c757d;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.emp-col *:last-child {
  margin-bottom: 0;
}
.emp-col:hover {
  background: #4285f4;
  -webkit-box-shadow: 0 4px 20px -5px rgba(66, 133, 244, 0.4);
  box-shadow: 0 4px 20px -5px rgba(66, 133, 244, 0.4);
  top: -7px;
}
.emp-col:hover .icon-wrapper {
  background-color: #fff;
}
.emp-col:hover .icon-wrapper span {
  color: #4285f4 !important;
}
.emp-col:hover h3 {
  color: #fff;
}
.emp-col:hover p {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
}
.emp-col:hover p a {
  color: #fff;
}
@media screen and (min-width: 1092px) {
  .w-first {
    margin-top: 100px !important;
  }
}
@media screen and (max-width: 992px) {
  .ws-h1 {
    font-size: 1.95rem !important;
    font-weight: 600;
  }
}
.cl-p {
  font-size: 1.1rem;
  font-weight: 300;
}
.ws-h1 {
  font-size: 2.25rem;
  font-weight: 600;
  color: #222444;
}
.wsa {
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.wsa:hover {
  text-decoration: none;
}
.btn-login {
  top: 0 !important;
  border-radius: 10px;
  padding: 8px;
  background: #fff;
  border: 2px solid #4285f4;
  color: #4285f4;
  text-transform: uppercase;
  font-weight: 600;
}
.btn-login:hover {
  background: rgba(236, 243, 252);
  border: 2px solid #4285f4;
  color: #4285f4;
  transition: background 0.2s;
}
.btn-register {
  border-radius: 10px;
  padding: 8px;
  background: #4285f4;
  border: 2px solid #4285f4;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}
.btn-register:hover {
  top: 0 !important;
  background: #196cf6;
  border: 2px solid #196cf6;
  color: #fff;
  transition: background 0.2s;
}
.ws.btn.btn-primary {
  border-radius: 50px;
  border-width: 2px;
  padding: 10px;
  background: #4285f4;
  border-color: #4285f4;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  top: 0;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-box-shadow: 0 4px 20px -5px rgba(66, 133, 244, 0.4);
  box-shadow: 0 4px 20px -5px rgba(66, 133, 244, 0.4);
}
.ws.btn.btn-primary:hover {
  background: #196cf6;
  top: -2px;
  -webkit-box-shadow: 0 5px 30px -5px rgba(66, 133, 244, 0.7) !important;
  box-shadow: 0 5px 30px -5px rgba(66, 133, 244, 0.7) !important;
}
@media screen and (max-width: 768px) {
  .log-main {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .log-side {
    display: none;
  }
}
.banner {
  margin-bottom: 100px;
}
.accordion .card-title {
  color: #000;
  margin-bottom: 0.625rem;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 500;
}
.card .card-description {
  margin-bottom: 0.875rem;
  font-weight: 400;
  color: #76838f;
}
.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion .card {
  margin-bottom: 0.75rem;
  box-shadow: 0 1px 15px 1px rgba(230, 234, 236, 0.35);
  border-radius: 0.25rem;
  border: none;
}
.accordion .card .card-body {
  -webkit-box-shadow: 0 1px 7px 0 rgba(97, 44, 21, 0.14);
  box-shadow: 0 1px 15px 1px rgba(230, 234, 236, 0.35);
  border-radius: 0.25rem;
  border: 1px solid rgb(190, 190, 190);
  border-top: none;
  border-radius: none !important;
}
.accordion .card .card-header {
  background-color: transparent;
  border: 0;
  padding: 2rem;
}
.accordion .card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.accordion .card .card-header {
  font-weight: 400;
  font-size: 1rem;
  background-color: #ececec;
}
.accordion .card .card-header a {
  display: block;
  color: #333;
  font-weight: 400;
  text-decoration: none;
  font-size: inherit;
  position: relative;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
  padding-right: 1.5rem;
}
.accordion .card .card-header {
  font-weight: 400;
  font-size: 1rem;
}
.accordion .card .card-header a[aria-expanded="false"]:before {
  content: "\f067";
  color: #fff;
  background: #01b7f2;
}
.accordion .card .card-header a[aria-expanded="true"]:before {
  content: "\f068";
}
.accordion .card .card-header a:before {
  position: absolute;
  right: 0;
  display: block;
  content: "\f068";
  font-family: icomoon;
  margin-right: 16px;
  line-height: 24px;
  font-size: 10px;
  float: left;
  width: 24px;
  height: 24px;
  text-align: center;
  color: #9e9e9e;
  background: #f5f5f5;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
.login-box img {
  position: relative;
  bottom: 3px;
}
.login-box {
  border-top: 7px solid #4285f4;
}
.login-box a:hover {
  text-decoration: underline;
}
.besu {
  font-size: 15px;
  font-weight: 600;
  color: #27313e;
}
.sell {
  background-color: #f6f9f7;
  border: 1px solid #e9e9e9;
  color: #555;
  font-size: 1rem;
  padding: 0.4461904762em;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 100%;
}
.sell:focus {
  background: #f6f9f7 !important;
  box-shadow: none;
  border-color: #4285f4 !important;
  outline: none !important;
}
.m03 {
  padding: 2.625rem 0 7.6875rem;
  position: relative;
  z-index: 1;
}
.small-sub-heading {
  font-size: 0.9125rem;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: 600;
  margin-bottom: 29px;
  margin-bottom: 1.8125rem;
  position: relative;
  line-height: 1.3846;
}
.wot-section .subtitle1,
.wot-section .subtitle2 {
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: 600;
  color: #444777;
}
.faq.accordion .accordion-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}
.faq.accordion .accordion-link:hover,
.faq.accordion .accordion-link:hover::after {
  text-decoration: none;
  cursor: pointer;
  color: #4285f4;
}
.faq.accordion .accordion-link:hover::after {
  border: 1px solid #4285f4;
}
.faq.accordion .accordion-link.active {
  color: #4285f4;
  border-bottom: 1px solid #4285f4;
}
.faq.accordion .accordion-link::after {
  font-family: icomoon;
  content: "\f067";
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;
  color: #7288a2;
  padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #7288a2;
  text-align: center;
}
.faq.accordion .accordion-link.active::after {
  font-family: icomoon;
  content: "\f068";
  color: #4285f4;
  border: 1px solid #4285f4;
}
.faq.accordion .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}
.faq.accordion .content p {
  font-size: 1.1rem;
  font-weight: 400;
}
.faq.accordion .content.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}
.dropzone {
  min-height: 130px;
  border: 2px dashed rgba(0, 0, 0, 0.3);
  background: #f4f4f4;
  border-radius: 10px;
  padding: 20px;
}
.scc-label {
  display: relative;
  width: 100%;
}
.scc-label input[type="file"] {
  display: none;
}
.image_drag_over {
  border: 2px dashed #333 !important;
  color: #333 !important;
}
.pro-label {
  padding: 7px;
  display: relative;
  color: #fff;
}
.pro-label input[type="file"] {
  display: none;
}
.mmm-label input[type="file"] {
  display: none;
}
.mmm-label {
  position: relative;
  top: 5px;
}
.mmm-label svg {
  transition: 0.2s ease-out;
}
.mmm-label svg:hover {
  stroke: #4285f4;
  transition: 0.2s ease-out;
}
.update_profile {
  position: relative;
  top: -37px;
  color: #333;
  cursor: pointer;
  left: 51.5px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%);
  font-size: 0.85rem;
  font-weight: 600;
}
.update_profile:hover {
  background-color: rgb(66, 133, 244, 0.5);
  color: #fff;
  transition: 0.1s all ease-out;
}
.prof-det span {
  position: relative;
  bottom: 1px;
}
pre {
  padding: 1rem 0.5rem;
  margin: 1rem 0;
  background-color: #f1f3f4;
  font-size: 0.9rem;
}
pre.api-request {
  color: indigo;
  line-height: 1.9;
}
.survey-offers {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-top: -16px;
  margin-top: -1rem;
  align-items: stretch;
}
.survey-offers__item {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  min-height: 82px;
}
.survey-offers a.offer {
  border: 1px solid #d3dae6;
  border-radius: 0.375rem;
  display: block;
  margin-top: 16px;
  margin-top: 1rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px 12px;
  padding: 0.375rem 0.75rem;
  min-height: 100%;
}
.survey-offers a.offer:hover {
  transform: scale(1.1);
  transition: 0.25s;
}
.survey-offers a.offer img {
  max-height: 40px;
}
.survey-offers a.offer .incre {
  max-height: 50px;
}
.survey-offers a.offer .decre {
  max-height: 30px;
}
.select2-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px;
}
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  list-style: none;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid #000 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: 0 0;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: #fff;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #d3dae6;
  border-radius: 0.125rem;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eee 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, white),
    to(#eee)
  );
  background-image: linear-gradient(to bottom, white 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-right: 10px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: 0;
  border-left: 1px solid #d3dae6;
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, #eee),
    to(#ccc)
  );
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0);
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: 0;
  border-right: 1px solid #d3dae6;
  border-radius: 0;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: 0 0;
  border: 0;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0, #eee 50%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(50%, #eee)
  );
  background-image: linear-gradient(to bottom, white 0, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, white 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, #eee),
    to(white)
  );
  background-image: linear-gradient(to bottom, #eee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #d3dae6;
  border-radius: 0.125rem;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #d3dae6;
  border-radius: 0.125rem;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #d3dae6;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: 0;
}
.select2-container--classic .select2-dropdown--below {
  border-top: 0;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
  color: grey;
}
.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
.select2-container--juma .select2-selection--single {
  background-color: #f5f7fa;
  border: 1px solid #e9e9e9;
  outline: 0;
  height: 42px;
}
.select2-container--juma .select2-selection--single:focus {
  background-color: #f5f7fa;
  border-color: transparent;
}
.select2-container--juma
  .select2-selection--single
  .select2-selection__rendered {
  color: #333;
  line-height: 42px;
  padding: 0 2.8125rem 0 0.75rem;
  font-size: 1rem;
  font-weight: 300;
}
.select2-container--juma .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: 0;
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
  height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  border-left: 1px solid #fff;
  background-color: transparent;
}
.select2-container--juma
  .select2-selection--single
  .select2-selection__arrow
  b {
  color: #686d77;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.select2-container--juma
  .select2-selection--single
  .select2-selection__arrow
  b:before {
  content: "\25be";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-weight: 900;
  font-size: 15px;
  font-size: 0.9375rem;
}
.select2-container--juma[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--juma[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: 0;
  border-radius: 0;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  left: 0;
  right: auto;
}
.select2-container--juma.select2-container--open .select2-selection--single {
  border: 1px solid transparent;
  border-color: #0474f8;
}
.select2-container--juma.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.select2-container--juma.select2-container--focus .select2-selection--single {
  border: 1px solid transparent;
  border-color: #0474f8;
}
.select2-container--juma .select2-selection--multiple {
  background-color: #f5f7fa;
  border: 1px solid transparent;
  border-radius: 0.125rem;
  outline: 0;
  height: 42px;
  padding-right: 42px;
}
.select2-container--juma .select2-selection--multiple:before,
.select2-container--juma .select2-selection--multiple:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  width: 42px;
}
.select2-container--juma .select2-selection--multiple:after {
  border: 0;
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.select2-container--juma .select2-selection--multiple:before {
  background: transparent url(/assets/images/icons/dropdown-arrow-down.svg)
    no-repeat 50% 50%;
  z-index: 1;
}
.select2-container--juma .select2-selection--multiple:focus {
  background-color: #f5f7fa;
  border-color: transparent;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-selection__rendered {
  color: #1b1b1b;
  line-height: 42px;
  margin: 0;
  padding: 0;
  min-width: 100% !important;
  list-style: none;
  overflow-x: scroll;
  -ms-overflow-style: none;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-selection__rendered
  .select2-selection__choice:first-child {
  margin-left: 7px !important;
}
.select2-container--juma .select2-selection--multiple .select2-search {
  list-style: none;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-search
  .select2-search__field {
  border: 1px solid #686d77;
  border-radius: 0.125rem;
  margin: 0 0 0 5px;
  color: #1b1b1b;
  min-width: 10px;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-search
  .select2-search__field::-webkit-input-placeholder {
  color: #1b1b1b;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-search
  .select2-search__field::-moz-placeholder {
  color: #1b1b1b;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-search
  .select2-search__field:-moz-placeholder {
  color: #1b1b1b;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-search
  .select2-search__field:-ms-input-placeholder {
  color: #1b1b1b;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-search--inline
  .select2-search__field {
  padding-left: 11px;
  padding-left: 0.6875rem;
  padding-right: 11px;
  padding-right: 0.6875rem;
  width: 100% !important;
  margin-left: 0;
  border: 0;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-search--inline
  .select2-search__field:hover,
.select2-container--juma
  .select2-selection--multiple
  .select2-search--inline
  .select2-search__field:focus,
.select2-container--juma
  .select2-selection--multiple
  .select2-search--inline
  .select2-search__field:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e7faef;
  border: 1px solid #d3dae6;
  border-radius: 0.125rem;
  cursor: default;
  color: #fff;
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0 5px;
  line-height: normal;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}
.select2-container--juma
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--juma[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--juma[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--juma.select2-container--open .select2-selection--multiple {
  border: 1px solid transparent;
}
.select2-container--juma.select2-container--open
  .select2-selection--multiple:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.select2-container--juma .select2-search--dropdown {
  margin-top: 0;
  padding: 10px 10px 5px;
  padding: 0.625rem 0.625rem 0.3125rem;
}
.select2-container--juma .select2-search--dropdown .select2-search__field {
  border: 1px solid #d3dae6;
  width: 100%;
  outline: 0;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
}
.select2-container--juma .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-container--juma .select2-dropdown {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 8px 20px 0 rgba(97, 44, 21, 0.19);
  box-shadow: 0 8px 20px 0 rgba(97, 44, 21, 0.19);
  margin-top: 0;
}
.select2-container--juma .select2-dropdown--above {
  border-bottom: 0;
}
.select2-container--juma .select2-dropdown--below {
  border-top: 0;
}
.select2-container--juma .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--juma .select2-results__option {
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
  padding: 9px 18px;
  padding: 0.5625rem 1.125rem;
}
.select2-container--juma .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--juma
  .select2-results__option[role="group"]
  .select2-results__option {
  padding-left: 25px;
  padding-left: 1.5625rem;
}
.select2-container--juma .select2-results__option[aria-disabled="true"] {
  color: grey;
}
.select2-container--juma .select2-results__option:hover,
.select2-container--juma .select2-results__option--highlighted {
  color: #0474f8;
}
.select2-container--juma .select2-results__option[aria-selected="true"] {
  color: #0474f8;
  background: rgba(236, 243, 252);
}
.select2-container--juma .select2-results__group {
  cursor: default;
  display: block;
  padding: 9px 18px;
  padding: 0.5625rem 1.125rem;
}
.select2-container--juma.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}



/* ========================== */


.swal2-popup.swal2-toast {
  flex-direction: column;
  align-items: stretch;
  width: auto;
  padding: 1.25em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 0.625em #d9d9d9;
}
.swal2-popup.swal2-toast .swal2-header {
  flex-direction: row;
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-title {
  flex-grow: 1;
  justify-content: flex-start;
  margin: 0 0.625em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}
.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: 0.3125em auto;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
  position: static;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8;
}
.swal2-popup.swal2-toast .swal2-content {
  justify-content: flex-start;
  margin: 0 0.625em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-html-container {
  padding: 0.625em 0 0;
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-icon {
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: 700;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    font-size: 0.25em;
  }
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast
  .swal2-icon.swal2-error
  [class^="swal2-x-mark-line"][class$="left"] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast
  .swal2-icon.swal2-error
  [class^="swal2-x-mark-line"][class$="right"] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  flex: 1;
  flex-basis: auto !important;
  align-self: stretch;
  width: auto;
  height: 2.2em;
  height: auto;
  margin: 0 0.3125em;
  margin-top: 0.3125em;
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.125em 0.3125em;
  padding: 0.3125em 0.625em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-styled:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-popup.swal2-toast
  .swal2-success
  [class^="swal2-success-circular-line"][class$="left"] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast
  .swal2-success
  [class^="swal2-success-circular-line"][class$="right"] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast
  .swal2-success
  [class^="swal2-success-line"][class$="tip"] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-popup.swal2-toast
  .swal2-success
  [class^="swal2-success-line"][class$="long"] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast
  .swal2-success.swal2-icon-show
  .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
  animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast
  .swal2-success.swal2-icon-show
  .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
  animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show 0.5s;
  animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide 0.1s forwards;
  animation: swal2-toast-hide 0.1s forwards;
}
.swal2-container {
  display: flex;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}
.swal2-container.swal2-backdrop-hide {
  background: 0 0 !important;
}
.swal2-container.swal2-top {
  align-items: flex-start;
}
.swal2-container.swal2-top-left,
.swal2-container.swal2-top-start {
  align-items: flex-start;
  justify-content: flex-start;
}
.swal2-container.swal2-top-end,
.swal2-container.swal2-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}
.swal2-container.swal2-center {
  align-items: center;
}
.swal2-container.swal2-center-left,
.swal2-container.swal2-center-start {
  align-items: center;
  justify-content: flex-start;
}
.swal2-container.swal2-center-end,
.swal2-container.swal2-center-right {
  align-items: center;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom {
  align-items: flex-end;
}
.swal2-container.swal2-bottom-left,
.swal2-container.swal2-bottom-start {
  align-items: flex-end;
  justify-content: flex-start;
}
.swal2-container.swal2-bottom-end,
.swal2-container.swal2-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom-end > :first-child,
.swal2-container.swal2-bottom-left > :first-child,
.swal2-container.swal2-bottom-right > :first-child,
.swal2-container.swal2-bottom-start > :first-child,
.swal2-container.swal2-bottom > :first-child {
  margin-top: auto;
}
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-self: stretch;
  justify-content: center;
}
.swal2-container.swal2-grow-row > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-grow-column {
  flex: 1;
  flex-direction: column;
}
.swal2-container.swal2-grow-column.swal2-bottom,
.swal2-container.swal2-grow-column.swal2-center,
.swal2-container.swal2-grow-column.swal2-top {
  align-items: center;
}
.swal2-container.swal2-grow-column.swal2-bottom-left,
.swal2-container.swal2-grow-column.swal2-bottom-start,
.swal2-container.swal2-grow-column.swal2-center-left,
.swal2-container.swal2-grow-column.swal2-center-start,
.swal2-container.swal2-grow-column.swal2-top-left,
.swal2-container.swal2-grow-column.swal2-top-start {
  align-items: flex-start;
}
.swal2-container.swal2-grow-column.swal2-bottom-end,
.swal2-container.swal2-grow-column.swal2-bottom-right,
.swal2-container.swal2-grow-column.swal2-center-end,
.swal2-container.swal2-grow-column.swal2-center-right,
.swal2-container.swal2-grow-column.swal2-top-end,
.swal2-container.swal2-grow-column.swal2-top-right {
  align-items: flex-end;
}
.swal2-container.swal2-grow-column > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-no-transition {
  transition: none !important;
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(
    .swal2-top-left
  ):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(
    .swal2-center-left
  ):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(
    .swal2-bottom-end
  ):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)
  > .swal2-modal {
  margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-container .swal2-modal {
    margin: 0 !important;
  }
}
.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 32em;
  max-width: 100%;
  padding: 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  font-family: inherit;
  font-size: 1rem;
}
.swal2-popup:focus {
  outline: 0;
}
.swal2-popup.swal2-loading {
  overflow-y: hidden;
}
.swal2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.8em;
}
.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0 0 0.4em;
  padding: 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}
.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.25em auto 0;
  padding: 0;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}
.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  box-shadow: none;
  font-weight: 500;
}
.swal2-styled:not([disabled]) {
  cursor: pointer;
}
.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #2778c4;
  color: #fff;
  font-size: 1em;
}
.swal2-styled.swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #d14529;
  color: #fff;
  font-size: 1em;
}
.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #757575;
  color: #fff;
  font-size: 1em;
}
.swal2-styled:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-styled::-moz-focus-inner {
  border: 0;
}
.swal2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em;
}
.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.25em;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}
.swal2-image {
  max-width: 100%;
  margin: 1.25em auto;
}
.swal2-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s ease-out;
  border: none;
  border-radius: 5px;
  background: 0 0;
  color: #ccc;
  font-family: serif;
  font-size: 2.5em;
  line-height: 1.2;
  cursor: pointer;
}
.swal2-close:hover {
  transform: none;
  background: 0 0;
  color: #f27474;
}
.swal2-close:focus {
  outline: 0;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-close::-moz-focus-inner {
  border: 0;
}
.swal2-content {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 0 1.6em;
  color: #545454;
  font-size: 1.125em;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
}
.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
  margin: 1em auto;
}
.swal2-file,
.swal2-input,
.swal2-textarea {
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  color: inherit;
  font-size: 1.125em;
}
.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-file::-moz-placeholder,
.swal2-input::-moz-placeholder,
.swal2-textarea::-moz-placeholder {
  color: #ccc;
}
.swal2-file:-ms-input-placeholder,
.swal2-input:-ms-input-placeholder,
.swal2-textarea:-ms-input-placeholder {
  color: #ccc;
}
.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
  color: #ccc;
}
.swal2-range {
  margin: 1em auto;
  background: #fff;
}
.swal2-range input {
  width: 80%;
}
.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}
.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
.swal2-input[type="number"] {
  max-width: 10em;
}
.swal2-file {
  background: inherit;
  font-size: 1.125em;
}
.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}
.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}
.swal2-checkbox,
.swal2-radio {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}
.swal2-checkbox label,
.swal2-radio label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
.swal2-checkbox input,
.swal2-radio input {
  flex-shrink: 0;
  margin: 0 0.4em;
}
.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto;
}
.swal2-validation-message {
  align-items: center;
  justify-content: center;
  margin: 0 -2.7em;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666;
  font-size: 1em;
  font-weight: 300;
}
.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}
.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
  left: 1.0625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
  right: 1em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
  animation: swal2-animate-error-x-mark 0.5s;
}
.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
.swal2-icon.swal2-success [class^="swal2-success-circular-line"] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-icon.swal2-success
  [class^="swal2-success-circular-line"][class$="left"] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success
  [class^="swal2-success-circular-line"][class$="right"] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
  animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
  animation: swal2-animate-success-line-long 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}
.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 0 0 1.25em;
  padding: 0;
  background: inherit;
  font-weight: 600;
}
.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
.swal2-progress-steps
  .swal2-progress-step.swal2-active-progress-step
  ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
.swal2-progress-steps
  .swal2-progress-step.swal2-active-progress-step
  ~ .swal2-progress-step-line {
  background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}
[class^="swal2"] {
  -webkit-tap-highlight-color: transparent;
}
.swal2-show {
  -webkit-animation: swal2-show 0.3s;
  animation: swal2-show 0.3s;
}
.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
  animation: swal2-hide 0.15s forwards;
}
.swal2-noanimation {
  transition: none;
}
.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.swal2-rtl .swal2-close {
  right: auto;
  left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}
@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0);
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0);
  }
}
@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@-webkit-keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: calc(100% - 0.625em * 2);
  background-color: transparent !important;
}
body.swal2-no-backdrop .swal2-container > .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
body.swal2-no-backdrop .swal2-container.swal2-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-top-left,
body.swal2-no-backdrop .swal2-container.swal2-top-start {
  top: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-top-end,
body.swal2-no-backdrop .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-left,
body.swal2-no-backdrop .swal2-container.swal2-center-start {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-end,
body.swal2-no-backdrop .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-left,
body.swal2-no-backdrop .swal2-container.swal2-bottom-start {
  bottom: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-end,
body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
  right: 0;
  bottom: 0;
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)
    > [aria-hidden="true"] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)
    .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  background-color: transparent;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}


/* Surver Header */
.v2-offers-surveys{
    display: flex;
    justify-content: space-between;
    height: 60px;
    border-bottom: 1px solid #DFDFDF;
    padding: 0 20px;
    align-items: center;
    font-size: 16px;
    font-family: Arial;
    font-weight: 400;
    color: #545454
}

.v2-offers-surveys div {
    display: flex;
    align-items: center
}

.v2-offers-surveys div label {
    font-family: Lato-Medium;
    font-size: 16px;
    font-weight: 500;
    margin: 0
}

.v2-offers-surveys div img {
    width: 20px;
    height: 20px;
    margin-left: 15px;
    cursor: pointer;
    vertical-align: middle
}

.v2-offers-surveys .v2-offers-surveys-logo-img {
    width: auto;
    height: 30px;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.v2-offers-surveys b {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    cursor: pointer
}

.v2-offers-surveys-progress {
    height: 2px;
    border-radius: 1px
}

.v2-offers-surveys-progress p {
    border-radius: 1px;
    background-color: #ff8d32;
    height: 100%
}

.v2-offers-surveys-list-box {
    flex: 1;
    height: 540px
}

.offer_window_back{
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #333a3c;
    background: #F2F2F2;
    border-radius: 4px;
    margin-right: 10px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
}


/* Leaderbord */
 /* CSS (Styling) */
        :root {
            --primary-contest-color: #3f51b5; /* Deep Blue for main elements */
            --secondary-contest-color: #ff9800; /* Orange for emphasis */
            --background-contest-light: #f4f6f8; /* Light gray background */
            --card-contest-background: #ffffff; /* White card background */
            --gold: linear-gradient(135deg, #FFD700, #FFA500);
            --silver: linear-gradient(135deg, #C0C0C0, #A9A9A9);
            --bronze: linear-gradient(135deg, #CD7F32, #B87333);
        }
      
        .contest-container {
            
            width: 100%;
            background-color: var(--card-contest-background);
            border-radius: 15px;
           // box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            padding: 30px;
        }

        .contest-header {
            text-align: center;
            margin-bottom: 20px;
        }

        .title {
            font-size: 1.8rem;
            color: var(--primary-contest-color);
            margin-bottom: 5px;
            font-weight: 700;
        }

        .time-left {
            font-size: 0.9rem;
            color: #6c757d;
        }

        #countdown {
            font-weight: 600;
            color: var(--secondary-contest-color);
        }

        .subtitle {
            font-size: 1.2rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 15px;
            border-bottom: 2px solid #eee;
            padding-bottom: 5px;
        }

        /* Leaderboard Headers */
        .leaderboard-headers {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 15px;
            margin-bottom: 5px;
            font-size: 0.75rem;
            font-weight: 700;
            color: #6c757d;
            text-transform: uppercase;
        }
        
        .header-rank { min-width: 40px; text-align: left; }
        .header-name { flex-grow: 1; text-align: left; margin-left: 20px;}
        .header-referrals { min-width: 40px; text-align: right; margin-left: 10px;}
        .header-status { min-width: 40px; text-align: center; margin-left: 20px; }
        .header-reward { min-width: 60px; text-align: right; }

        /* Leaderboard List Styling */
        .leaderboard {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 20px;
        }

        .leaderboard-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 15px;
            background-color: #f8f9fa;
            border-radius: 10px;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .leaderboard-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }

        /* Top 3 Special Styles */
        .rank-1 { background: #fffbe6; border-color: #ffcc00; }
        .rank-2 { background: #f0f0f5; border-color: #a9a9a9; }
        .rank-3 { background: #f7e0cf; border-color: #cd7f32; }

        /* Rank Badge Styling */
        .rank-badge {
            min-width: 30px;
            text-align: center;
            font-weight: 700;
            padding: 4px 8px;
            border-radius: 5px;
            background-color: #e9ecef;
            color: #495057;
            margin-right: 10px;
        }

        .rank-badge.gold {
            background: var(--gold);
            color: #333;
            border: 2px solid #fff;
        }
        .rank-badge.silver {
            background: var(--silver);
            color: #333;
            border: 2px solid #fff;
        }
        .rank-badge.bronze {
            background: var(--bronze);
            color: #333;
            border: 2px solid #fff;
        }

        .user-name {
            flex-grow: 1;
            font-weight: 600;
            color: #333;
            white-space: nowrap; 
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .referrals {
            min-width: 40px;
            text-align: right;
            font-weight: 600;
            color: var(--primary-contest-color);
            margin-left: 10px;
        }

        .status {
            padding: 3px 8px;
            border-radius: 50px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #fff;
            margin-left: 10px;
            white-space: nowrap;
            min-width: 70px;
            text-align: center;
        }

        .status.qualified {
            background-color: #28a745; /* Green */
        }

        .reward {
            min-width: 60px;
            text-align: right;
            font-weight: 700;
            color: var(--secondary-contest-color);
            margin-left: 10px;
        }

        .note {
            font-size: 0.8rem;
            color: #6c757d;
            text-align: center;
            margin-top: 15px;
            padding-top: 10px;
            border-top: 1px dashed #ced4da;
        }

        .rules-section {
            margin-top: 25px;
            padding: 20px;
            border: 1px solid #dee2e6;
            border-radius: 10px;
            background-color: #fff;
        }

        .rules-section h4 {
            font-size: 1.1rem;
            color: var(--primary-contest-color);
            margin-bottom: 10px;
            border-bottom: 1px solid #eee;
            padding-bottom: 5px;
        }

        .rules-section ul {
            list-style: none;
            padding-left: 0;
        }

        .rules-section ul li {
            font-size: 0.9rem;
            color: #495057;
            margin-bottom: 8px;
            position: relative;
            padding-left: 15px;
        }

        .rules-section ul li::before {
            content: '•';
            color: var(--secondary-contest-color);
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
        }
        
        /* Media Query for smaller screens */
        @media (max-width: 480px) {
            .contest-container {
                padding: 20px;
            }
            .title {
                font-size: 1.5rem;
            }
            .leaderboard-headers {
                display: none;
            }
            .leaderboard-item {
                flex-wrap: wrap;
                justify-content: space-between;
                padding: 10px;
            }
            .user-name {
                order: 2;
                width: 100%;
                margin-top: 5px;
            }
            .referrals, .status, .reward {
                margin-left: 5px;
                font-size: 0.85rem;
                min-width: unset;
            }
            .rank-badge {
                margin-right: 5px;
            }
        }