/* You can add global styles to this file, and also import other style files */
/* You can add global styles to this file, and also import other style files */
/*@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=7f34c879-90fc-45e7-841e-11407cd4496f&fontids=1120753,1120756,1120759,1120762");*/
@font-face {
  font-family: "News Gothic";
  font-weight: normal;
  font-style: normal;
  src:
    url("./assets/fonts/2ee64045-9bad-4ff8-a2bb-842399d6a212.woff2")
      format("woff2"),
    url("./assets/fonts/64ba73e2-d155-4808-9367-d8f8bf4056c0.woff")
      format("woff");
  font-display: swap;
}
@font-face {
  font-family: "News Gothic";
  font-style: italic;
  src:
    url("./assets/fonts/22cca321-aded-4fd5-9974-5b103ba6c4db.woff2")
      format("woff2"),
    url("./assets/fonts/eeff14a-d477-468d-90d2-a6096360d776.woff")
      format("woff");
  font-display: swap;
}
@font-face {
  font-family: "News Gothic";
  font-weight: bold;
  src:
    url("./assets/fonts/032946da-2b79-466c-a445-d74ef8fd9e0f.woff2")
      format("woff2"),
    url("./assets/fonts/a9366cf7-9c34-4552-bb43-624e2d9961bd.woff")
      format("woff");
  font-display: swap;
}
@font-face {
  font-family: "News Gothic";
  font-style: italic;
  font-weight: bold;
  src:
    url("./assets/fonts/df2c5010-54fd-45dc-ad9c-1ca04f48e26d.woff2")
      format("woff2"),
    url("./assets/fonts/241083ac-9e14-45dd-8a01-93e121de6066.woff")
      format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src:
    url("./assets/fonts/MyriadPro-Regular.woff") format("woff"),
    url("./assets/fonts/MyriadPro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Calibri Bold";
  src:
    url("./assets/fonts/Calibri-Bold.woff") format("woff"),
    url("./assets/fonts/Calibri-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Calibri";
  src:
    url("./assets/fonts/Calibri.woff") format("woff"),
    url("./assets/fonts/Calibri.ttf") format("truetype");
}
.pr-icon {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}

.pr-list {
  background-image: url(assets/icons/help.png);
}

.pr-out {
  background-image: url(assets/icons/out.png);
}
.pr-message {
  height: 70px;
  margin-top: 30px;
}
.pr-main-site {
  background-image: url(assets/icons/wbs_icn_95x64.svg);
  background-position: center;
}

* {
  box-sizing: border-box;
  /* border: solid 1px; */
}

html,
body {
  height: 100%;
  font-family: "Myriad Pro", sans-serif;
}

img {
  max-width: 100%;
}

select,
input,
textarea,
form {
  border-radius: 0;
  box-shadow: none;
}
select::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
form::-webkit-input-placeholder {
  color: #60bcec;
}
select::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
form::-moz-placeholder {
  color: #81caf0;
}
select:-moz-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
form:-moz-placeholder {
  color: #81caf0;
}
select:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
form:-ms-input-placeholder {
  color: #81caf0;
}
select:focus,
input:focus,
textarea:focus,
form:focus {
  outline: none;
  box-shadow: 0 0 2px 1px #81caf0;
}

select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
select::-ms-expand {
  display: none;
}

option {
  color: #000 !important;
}

.pr-input,
.pr-select,
.dataTables_filter input {
  padding: 0 10px;
  height: 44px;
  width: 100%;
  max-width: 320px;
  border: 1px solid #00539f;
  border-radius: 5px;
  margin-bottom: 10px;
  font-family: "Calibri", sans-serif;
  font-size: 18px;
  color: black;
}

.pr-select {
  color: black;
  ::placeholder {
    color: #60bcec;
  }
  cursor: pointer;
}

.pr-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.5px solid #00539f;
  border-radius: 10px;
  width: 125px;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  /*color: #00ace3;*/
  color: #00539f;
  background: white;
  font-family: "News Gothic", Helvetica, sans-serif;
  font-weight: bold;
  padding-top: initial;
  /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);*/
  cursor: pointer;
}
.pr-button:hover {
  color: white;
  background: #00539f;
}
.pr-button:active {
  color: white;
  background: #00539f;
  top: 1px;
  position: relative;
}

.pr-button:focus {
  outline: none;
}

.pr-button-inverse {
  color: white;
  background: #00539f;
  border: 0.5px solid white;
}
.pr-button-inverse:hover {
  color: #00539f;
  background: white;
  /*border: 1px solid white;*/
}
.pr-button-inverse:active {
  color: #00539f;
  background: white;
  /*border: 1px solid white;*/
  position: relative;
  top: 1px;
}

.pr-link {
  display: inline-block;
  font-size: 15px;
  color: #81caf0;
  text-transform: uppercase;
  cursor: pointer;
}
.pr-link:hover {
  color: #00539f;
  text-decoration: underline;
}

.modal-content a {
  text-decoration: none;
}

.modal-content a:hover {
  color: #00539f;
  text-decoration: underline;
}

.pr-login-form {
  width: 540px;
  max-width: calc(100vw - 20px);
  margin: 0px auto 0;
  /*padding: 35px 20px 0px 20px;*/
  text-align: center;
  /*border: 2px solid #00539f;*/
  border-radius: 5px;
}
.pr-login-form .pr-logo-block {
  height: calc(175px + 133px);
  display: flex; /* Enable flexbox */
  align-items: center; /* Center items vertically */
  justify-content: center; /* Center items horizontally (optional) */
  /*margin-bottom: 40px; */
}
.pr-login-form .pr-logo-block .pr-logo-image {
  /* width: 220px; */
}
.pr-login-form .pr-login-bg {
  margin: 30px 0 40px;
  width: 440px;
  max-width: 100%;
}
.pr-login-form .pr-button {
  margin-bottom: 50px;
  height: 32px;
  line-height: 34px;
}
.pr-login-form .pr-link {
  /*padding: 0 11px;*/
  content: " ";
  /* width: 180px; */
}
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.pr-password-block {
  display: flex;
  align-items: center;
}

.pr-login-form .pr-link-middle {
  width: auto;
  text-wrap: nowrap;
}

.pr-login-form .pr-link:last-child {
  position: relative;
}
.pr-login-form .pr-span {
  color: #81caf0;
  content: "";
  width: 2px;
  height: 16px;
  margin-top: -2px;
  margin-left: 12px;
  margin-right: 11px;
  background: #00539f;
}

.disclaimer .pr-span {
  color: #81caf0;
  content: "";
  width: 1px;
  height: 14px;
  margin-top: 2px;
  margin-left: 4px;
  margin-right: 4px;
  background: #337ab7;
}

.pr-button-block .pr-span {
  padding: 0px;
}
/*@media (max-width: 400px) {*/
/*  .pr-login-form .pr-link:last-child {*/
/*    display: block;*/
/*    margin-top: 10px; }*/
/*  .pr-login-form .pr-link:last-child:before {*/
/*    display: none; } */
/*}*/

.pr-forgot-password-form .pr-button {
  margin: 15px 0 25px;
}
.pr-forgot-password-form .pr-hint {
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.pr-general-terms-form .pr-button-block {
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pr-general-terms-form .pr-button-block > button {
  width: 210px;
}

.pr-change-password-form .pr-button-block {
  margin: 15px 0 0px;
  display: flex;
  justify-content: center;
}
.pr-change-password-form .pr-button-block .pr-button {
  margin: 0 10px;
}
.pr-change-password-form .pr-hint-block {
  font-size: 15px;
  padding-top: 10px;
  padding-left: 40px;
}
.pr-change-password-form .pr-hint-header {
  font-weight: bold;
  display: inline-block;
  margin-bottom: 15px;
}
.pr-button-block-login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 92px;
}
.pr-reports-form {
  width: 400px !important;
}
.pr-reports-form .modal-body {
  background: #00539f;
  padding: 15px !important;
}
.pr-reports-form .pr-select {
  max-width: none;
  /*background: #fff url(assets/icons/select-icon-orange.png) no-repeat 97% 16px;*/
  background-size: 13px;
  margin-bottom: 15px;
}
.pr-reports-form .pr-button-block {
  display: flex;
  justify-content: space-between;
}
.pr-reports-form .pr-button {
  width: 115px;
}
.pr-reports-form .placeholder_sel {
  color: #81caf0;
}

.center-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

pr-reports-form {
  width: 400px;
}

form.modal-dialog {
  /* max-width: 500px; */
  margin-top: 95px;
  text-align: center;
  width: 100%;
}
form.modal-dialog .modal-body {
  padding: 20px 20px;
  font-size: 11pt;
  font-family: "News Gothic", Helvetica, sans-serif;
  color: #00539f;
  text-align: center;
}
form.modal-dialog .modal-body a {
  color: #60bcec;
}

.pr-forgot-password-form {
  width: 535px;
  margin: auto;
}
.pr-hint-block {
  text-align: left;

  p {
    font-family: "News Gothic", Helvetica, sans-serif;
    font-size: 12pt;
    line-height: normal;
    color: #1f6eb5;
    /*padding-left: 40px;*/
    padding-right: 20px;
    margin-bottom: 0.0001pt;
  }

  h3 {
    font-family: "Calibri Bold", sans-serif;
    font-size: 14pt;
    color: #00539f;
    /* padding-left: 55px; */
  }

  h3::before {
    content: "";
    background-image: url("assets/icons/IconsSet1.png"); /* Replace with your image path */
    display: block;
    background-position: -445px 0px;
    margin-left: -42px; /* Adjust as needed */
    margin-top: 35px;
    position: absolute;
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
  }

  ul {
  }

  li {
    font-family: "News Gothic", Helvetica, sans-serif;
    font-size: 12pt;
    line-height: normal;
    color: #1f6eb5;
    /* padding-left: 70px; */
    padding-right: 20px;
    margin-bottom: 0.0001pt;
    position: relative;
  }

  li::before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #1f6eb5; /* Replace with your desired color */
    border-radius: 50%;
    padding-left: -20px;
  }
}

#submit_cookie2 form.modal-dialog .modal-content {
  width: 660px;
}

#submit_cookie form.modal-dialog .modal-content {
  width: 660px;
}

form.modal-dialog .modal-content {
  overflow: hidden;
  border: 2px solid #00539f;
  border-radius: 12px;
  margin: 0 auto;
  width: 450px;
}

#login_issues_modal form.modal-dialog .modal-content {
  width: 620px;
}

#disclaimer_modal form.modal-dialog .modal-content {
  width: 563px;
}

form.modal-dialog .modal-content-report {
  overflow: hidden;
  border: 2px solid #00539f;
  margin: 0 auto;
  width: 400px;
}

div.modal-dialog {
  max-width: 540px;
  margin-top: 85px;
  text-align: center;
}
div.modal-dialog .modal-body {
  padding: 30px 24px;
}
div.modal-dialog .modal-content {
  overflow: hidden;
  border: 2px solid #00539f;
}

#general_terms_modal {
  margin-top: 647px;
  div.modal-dialog {
    width: 565px;
    max-width: none;
  }
}

#disclaimer_modal {
  /* margin-top: 505px; */
  margin-bottom: 20px;
  p {
    margin-top: 20px;
  }
  p:first-of-type {
    margin-top: 10px;
  }
}

form.pr-disclaimer {
  margin-top: 393px;
}

.icons-list {
  background-image: url("assets/icons/IconsSet1.png"); /* Replace with your image path */
  /* position: absolute; */
  background-repeat: no-repeat;
  width: 50px;
  height: 37px;
}
.icon-size {
  width: 32px;
  margin-right: 18px;
  margin-left: 18px;
}
.pr-cookeis-body {
  padding: 20px 15px;
  font-size: 11pt;
  font-family: "News Gothic", Helvetica, sans-serif;
  color: #00539f;
  text-align: left;
  p {
    font-family: "News Gothic", Helvetica, sans-serif;
    font-size: 12pt;
    line-height: normal;
    color: #1f6eb5;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-bottom: 0pt;
  }
  a {
    color: #81caf0;
  }
  p,
  a {
    padding-left: 70px;
  }
}
.modal-body-new-body {
  text-align: left;
  padding: 10px 15px;
  font-size: 11pt;
  color: #00539f;

  h3 {
    font-family: "Calibri Bold", sans-serif;
    font-size: 14pt;
    color: #00539f;
    padding-left: 58px;
    margin-top: 10px;
    padding-top: 0px;
  }
  table h3 {
    padding-left: 0px;
  }

  p,
  ul {
    font-family: "News Gothic", Helvetica, sans-serif;
    font-size: 12pt;
    line-height: normal;
    color: #1f6eb5;
    padding-left: 70px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-bottom: 0pt;
  }

  ul {
    padding-left: 80px; /* padding-bottom: 20px; */
  }

  .pr-button {
    margin-left: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 193px;
  }

  a {
    color: #81caf0;
  }
}
.login-issue-icons::before {
  content: "";
  background-image: url("assets/icons/IconsSet1.png"); /* Replace with your image path */
  display: block;
  margin-left: -58px; /* Adjust as needed */
  position: absolute;
  background-repeat: no-repeat;
  width: 50px;
  height: 40px;
}

.icon-1::before {
  background-position: -504px 0px;
}
.icon-2::before {
  background-position: -504px 0px;
}
.icon-3::before {
  background-position: -357px 0px;
}
.icon-4::before {
  background-position: -255px 0px;
}
.icon-5::before {
  background-position: -407px 0px;
}
.icon-6::before {
  background-position: -203px 0px;
}
.icon-7::before {
  background-position: -504px 0px;
}
.icon-8::before {
  background-position: -305px 0px;
}
.icon-9::before {
  background-position: -152px 0px;
}

.icon-12::before {
  background-position: 1px 0px;
}
.icon-13::before {
  background-position: -504px 0px;
}
.icon-14::before {
  background-position: -101px 0px;
}
.icon-15::before {
  background-position: -50px 0px;
}

.icon-10-inline {
  background-position: -555px 0px;
}

.icon-11::before {
  background-position: -445px 0px;
  margin-top: -10px;
}
.icon-arrow {
  content: "";
  background-image: url("assets/icons/arrow.png"); /* Replace with your image path */
}

.modal-header {
  background-color: #00539f;
  font-size: 11pt;
  font-family: "News Gothic", Helvetica, sans-serif;
  color: #ffffff;
  padding: 10px;
  text-align: center;
}
.modal-header .modal-title {
  text-transform: uppercase;
  font-size: 11pt;
  font-family: "News Gothic", Helvetica, sans-serif;
  color: #ffffff;
}
.modal-header .close {
  opacity: 0.8;
  color: #fff;
  position: absolute;
  right: 15px;
}
.modal-header .close:hover,
.modal-header .close:focus {
  opacity: 1;
  color: #fff;
}

.modal-backdrop {
  display: none;
}

.pr-navigation {
  background: #00539f;
  height: 84px;
  padding: 0 30px;
}
.pr-navigation .pr-wrapper {
  line-height: 84px;
}
.pr-navigation .pr-logo {
  display: inline-block;
}
.pr-navigation .pr-logo img {
  width: 213px;
  vertical-align: middle;
  height: 35px;
}

.pr-navigation .pr-awacom img {
  width: 130px;
  vertical-align: middle;
  height: 27px;
}

.pr-navigation .pr-action-bar {
  float: right;
  height: 84px;
  display: flex;
  align-items: center;
}
.pr-navigation .pr-action-buttons {
  display: flex;
}
.pr-navigation .pr-icon {
  width: 32px;
  height: 32px;
  margin: 0 4px;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.9;
}

/*.pr-navigation .pr-icon:hover {*/
/*  height: 44px;*/
/*  width: 44px;*/
/*  margin: 0; }*/
.pr-navigation .pr-main-site {
  width: 68px;
  height: 64px;
}
.pr-navigation .pr-main-site:hover {
  width: 68px;
  height: 64px;
  margin: 0 2px;
}

.pr-content {
  display: flex;
  padding: 0px;
  height: calc(100% - 84px);
}
.pr-content-login {
  display: flex;
  padding: 0px;
  width: 100%;
}

.pr-content:not(.pr-full-height) {
  align-items: flex-start;
}

.pr-full-height {
  /* height: auto; */
  /* min-height: calc(100% - 84px); */
  position: relative;
  padding-bottom: 84px;
}
/*.placeholder_sel {*/
/*    color: #60bcec;*/
/*    !*border: 1px solid white !important;*!*/
/*}*/
.pr-filter-block {
  width: 270px;
  padding: 15px 15px 15px 15px;
  background: #ffffff;
  /*background: #eeeeee;*/
}
.pr-filter-block .pr-select,
.pr-filter-block .pr-input,
.pr-region {
  background: transparent;
  height: 32px;
  min-height: 32px;
  /* margin-bottom: 15px; */
  font-size: 16px;
  /* color: #60bcec; */
  ::placeholder {
    color: #60bcec;
  }
}
.pr-region {
  width: 270px;
}

.pr-case-search-criteria {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pr-filter-block .pr-select[disabled],
.pr-filter-block .pr-input[disabled] {
  /*background: rgba(255, 255, 255, 0.5);*/
  opacity: 1;
  background: #eff8fd;
}
.pr-filter-block .pr-select::-webkit-input-placeholder,
.pr-filter-block .pr-input::-webkit-input-placeholder {
  /*color: rgba(255, 255, 255, 0.7); */
  color: #60bcec;
}
.pr-filter-block .pr-select::-moz-placeholder,
.pr-filter-block .pr-input::-moz-placeholder {
  color: #60bcec;
}
.pr-filter-block .pr-select:-moz-placeholder,
.pr-filter-block .pr-input:-moz-placeholder {
  color: #60bcec;
}
.pr-filter-block .pr-select:-ms-input-placeholder,
.pr-filter-block .pr-input:-ms-input-placeholder {
  /*color: 60bcec; rgba(255, 255, 255, 0.7); }*/
  color: #60bcec;
}
.pr-filter-block .pr-select {
  /*background: url("data:image/svg+xml,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='m0,6l12,12l12,-12l-24,0z'/><path fill='none' d='m0,0l24,0l0,24l-24,0l0,-24z'/></svg>") no-repeat 97% 13px;*/
  /*background-size: 14px;*/
  /*position: relative;*/
}

.custom-select {
  position: relative;
  /*width: 200px; !* Adjust width as needed *!*/
}

.custom-select select {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  appearance: none; /* Remove default arrow */
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none; /* For Firefox */
}

.custom-select::after {
  content: "▼"; /* Custom arrow */
  position: absolute;
  top: 6.5px;
  right: 10px; /* Position the arrow */
  /* transform: translateY(-50%); */ /* Center the arrow vertically */
  pointer-events: none; /* Prevent interaction with the arrow */
  color: #60bcec; /* Arrow color */
  cursor: pointer;
}

.custom-select-report-select {
  position: relative;
  /*width: 200px; !* Adjust width as needed *!*/
}

.custom-select-report-select select {
  display: inline-block;
  width: 100%;
  padding: 0 10px;

  appearance: none; /* Remove default arrow */
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none; /* For Firefox */
}

.custom-select-report-select::after {
  content: "▼"; /* Custom arrow */
  position: absolute;
  top: 20%;
  right: 10px; /* Position the arrow */
  /* transform: translateY(-50%); */ /* Center the arrow vertically */
  pointer-events: none; /* Prevent interaction with the arrow */
  color: #60bcec; /* Arrow color */
}
.tooltip-container {
  position: relative; /* Position relative to contain the tooltip */
  /* display: inline-block; */ /* Allow the tooltip to be positioned correctly */
}

.tooltip {
  visibility: hidden; /* Hide the tooltip by default */
  width: 200px; /* Set a width for the tooltip */
  border: 1px solid #60bcec;
  background-color: white; /* Background color */
  color: #60bcec; /* Text color */
  text-align: center; /* Center the text */
  border-radius: 5px; /* Rounded corners */
  padding: 5px; /* Padding around the text */
  position: absolute; /* Position the tooltip absolutely */
  bottom: 30%; /* Position above the input */
  left: 100%; /* Center horizontally */
  /* transform: translateX(-50%); */ /* Adjust for centering */
  opacity: 0; /* Start with opacity 0 for fade effect */
  transition: opacity 0.3s; /* Smooth transition */
  z-index: 1; /* Ensure it appears above other elements */
}

input:focus + .tooltip,
input:active + .tooltip {
  visibility: visible; /* Show tooltip on focus or click */
  opacity: 1; /* Fade in effect */
}

@-moz-document url-prefix() {
  .pr-filter-block .pr-select {
    padding: 0 6px;
  }
}
.pr-filter-block .pr-button-block {
  display: flex;
}
.pr-filter-block .pr-button-block .pr-button:first-child {
  margin-right: 10px;
}
.pr-checkbox-block {
  line-height: 34px;
  margin-bottom: 8px;
  text-align: right;
}
.pr-checkbox-group {
  width: 204px;
}

.disabled-checkbox {
  opacity: 0.5;
}
.pr-checkbox-block input {
  display: none;
}
.pr-checkbox-block input + label {
  position: relative;
  padding-right: 26px;
  font-family: "Calibri", sans-serif;
  font-size: 16px;
  font-weight: normal;
  cursor: pointer;
  color: #60bcec;
}

.goods-checkbox-container.pr-checkbox-block input + label {
  color: white;
}
.goods-checkbox-container {
  justify-content: center;
  display: flex;
  min-height: 7px;
}

/*.checkmark {*/
/*  top: 0;*/
/*  left: 0;*/
/*  height: 25px;*/
/*  width: 25px;*/
/*  background-color: #eee;*/
/*}*/
.pr-checkbox-block input + label:after {
  position: absolute;
  content: "";
  top: 9px;
  right: 0;
  height: 19px;
  width: 18px;
  background: #fff;
  color: #00539f;
  line-height: 20px;
  border: 1px solid #00539f;
  border-radius: 3px;
  margin-top: -1px;
}
.goods-checkbox-container.pr-checkbox-block input + label:after {
  background: #00539f;
  color: white;
  border: 1px solid white;
}
.pr-checkbox-block input:checked + label:after {
  content: "\2714";
  border: 1px solid #00539f;
  border-radius: 3px;
  height: 19px;
  width: 18px;
  margin-top: -1px;
}
.goods-checkbox-container.pr-checkbox-block input:checked + label:after {
  border: 1px solid white;
}

ul {
  list-style-type: none;
}

.pr-main-block {
  position: relative;
  padding: 15px 15px 15px 15px;
  width: 100%;
}
.pr-tabs-block {
  position: absolute;
  padding-right: 20px;
  top: -32px;
  left: -1px;
  float: left;
  overflow: hidden;
}
.pr-tabs-block li {
  position: relative;
  float: right;
  padding-right: 10px;
  cursor: pointer;
}
.pr-tabs-block li:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: calc(100% + 20px);
  height: 1px;
  background: #00539f;
}
.pr-tabs-block li:before {
  content: "";
  position: absolute;
  top: 1px;
  right: -1px;
  bottom: 0;
  width: 1em;
  background: #fff;
  box-shadow: 3px 0 2px rgba(0, 0, 0, 0.4);
  transform: skew(37deg);
  border-right: 1px solid #00539f;
}
.pr-tabs-block li.pr-active {
  z-index: 1;
  font-weight: bold;
}
.pr-tabs-block li.pr-active:after {
  display: none;
}
.pr-tabs-block li.pr-active a {
  color: #00539f;
}
.pr-tabs-block li.pr-active.pr-map-link a {
  background: #ffffff;
  border-right-color: #ebf6fe;
}
.pr-tabs-block li.pr-active.pr-map-link a:after {
  border-left-color: #ffffff;
}
.pr-tabs-block li:hover a {
  color: #00539f;
}
.pr-tabs-block a {
  position: relative;
  display: inline-block;
  height: 32px;
  width: 110px;
  text-align: center;
  line-height: 32px;
  background: #fff;
  border-left: 1px solid #00539f;
  border-right: 1px solid #fff;
  border-radius: 10px 0 0 0;
  text-transform: uppercase;
  font-family: "Calibri Bold", sans-serif;
  font-size: 16px;
  color: #81caf0;
  text-decoration: none;
}
.pr-tabs-block a:before,
.pr-tabs-block a:after {
  position: absolute;
  content: "";
  border-top: 33px solid transparent;
  top: 0px;
}
.pr-tabs-block a:before {
  border-left: 23px solid #00539f;
  right: -24px;
}
.pr-tabs-block a:after {
  border-left: 23px solid #fff;
  right: -23px;
}

/*[class*="jqvmap-zoom"] {*/
/*  opacity: .7;*/
/*}*/
[class*="jqvmap-zoom"]:hover {
  color: #ffffff;
  background: #00539f;
}

.pr-map-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100%);
  /* max-height: 784px; */
  margin: 0px -15px;
  padding-bottom: 20px;
  background: #ffffff;
  user-select: none;
}

.tfa-form {
  .pr-qr-image {
    height: auto;
  }
  .pr-button-block-login {
    margin-top: 18px;
  }
  .pr-logo-block {
    height: auto;
    margin-top: 60px;
  }
}

.tfa-pr-text-block {
  color: #00539f;
  line-height: 2;
  margin-bottom: 20px;
  margin-top: 28px;
  font-size: 16px;
  font-family: "Calibri", sans-serif;
}

#bott_vmap {
  z-index: 20;
  margin: 0 15px;
  position: relative;
  padding-bottom: 15px;
  /* max-height: 600px; */
}

span.cls_002 {
  font-size: 11px;
  font-family: "Helvetica", "sans-serif";
  line-height: 14px;
  color: #666;
}

#bott_vmap {
  font-size: 11px;
  font-family: "Helvetica", "sans-serif";
  line-height: 14px;
  color: #666;
  position: absolute;
  bottom: 0px;
  right: calc(275px - 100vw);
}

#vmap {
  position: static !important;
  /*margin: 0 auto 15px; */
}

.pr-grid-block {
  font-size: 15px;
}

.flex {
  display: flex;
}

.pr-grid-block .pr-button-block {
  /* float: right; */
  display: flex;
  margin-bottom: 15px;
  margin-left: 310px;
  justify-content: space-between;

  .pr-right-buttons {
    display: flex;
  }
  .pr-left-region-select {
  }
}

.pr-grid-block .pr-button-block button {
  margin-left: 10px;
}
.pr-grid-block .dataTables_filter {
  position: absolute;
  left: 0;
  top: -47px;
}
.pr-grid-block .dataTables_filter input {
  width: 300px;
  height: 32px;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
}
.pr-grid-block .dataTables_length {
  margin: 20px 0;
}
.pr-grid-block .dataTables_wrapper .dataTable {
  margin-bottom: 20px;
}
.pr-grid-block .dataTables_wrapper .dataTable thead {
  background: #00539f;
}
.pr-grid-block .dataTables_wrapper .dataTable thead td,
.pr-grid-block .dataTables_wrapper .dataTable thead th {
  position: relative;
  padding: 5px;
  white-space: nowrap;
  color: #fff;
  border: 0;
  font-size: 15px;
}
.pr-grid-block .dataTables_wrapper .dataTable thead [class*="sorting"] {
  background: none;
}
.pr-grid-block .dataTables_wrapper .dataTable thead [class*="sorting"]:before,
.pr-grid-block .dataTables_wrapper .dataTable thead [class*="sorting"]:after {
  position: absolute;
  right: 3px;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.pr-grid-block .dataTables_wrapper .dataTable thead .sorting:before,
.pr-grid-block .dataTables_wrapper .dataTable thead .sorting_asc:before {
  top: 7px;
  border-bottom: 7px solid #fff;
}
.pr-grid-block .dataTables_wrapper .dataTable thead .sorting:after,
.pr-grid-block .dataTables_wrapper .dataTable thead .sorting_desc:after {
  top: 16px;
  border-top: 7px solid #fff;
}
/* margin for last sorting element of table column*/
.pr-grid-block th.sorting:nth-last-child(1):before,
.pr-grid-block th.sorting:nth-last-child(1):after {
  margin-right: 8px;
}
.pr-grid-block th.sorting_asc:nth-last-child(1):before,
.pr-grid-block th.sorting_desc:nth-last-child(1):after {
  margin-right: 8px;
}
/*---*/

.pr-grid-block .dataTables_wrapper .dataTable tfoot {
  display: none;
}
.pr-grid-block .dataTables_wrapper .dataTable tbody tr.odd {
  background: #f3f9ff;
}
.pr-grid-block .dataTables_wrapper .dataTable tbody tr.even {
  background: #fafdff;
}

.pr-grid-block
  .dataTables_wrapper
  .dataTable
  tbody
  tr.odd
  td[class*="sorting"] {
  background: #eef4f8;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTable
  tbody
  tr.even
  td[class*="sorting"] {
  background: #f3faff;
}

.pr-grid-block .dataTables_wrapper .dataTable tbody tr.selected,
.pr-grid-block .dataTables_wrapper .dataTable tbody tr.highlight,
.pr-grid-block .dataTables_wrapper .dataTable tbody tr:hover {
  background: #bde2fc !important;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTable
  tbody
  tr.selected
  td[class*="sorting"],
.pr-grid-block
  .dataTables_wrapper
  .dataTable
  tbody
  tr:hover
  td[class*="sorting"] {
  background: #bde2fc !important;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTable
  tbody
  tr.selected
  td[class*="sorting"],
.pr-grid-block
  .dataTables_wrapper
  .dataTable
  tbody
  tr.highlight
  td[class*="sorting"],
.pr-grid-block
  .dataTables_wrapper
  .dataTable
  tbody
  tr:hover
  td[class*="sorting"] {
  background: #bde2fc !important;
}

.pr-grid-block .dataTables_wrapper .dataTable td {
  word-break: break-all;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  max-width: 160px;
}
.pr-grid-block .dataTables_wrapper .dataTables_info {
  float: right;
  color: #00539f;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate {
  float: left;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 1px 6px;
  background: none !important;
  color: #bfe3f7 !important;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border-color: #00539f !important;
  color: #00539f !important;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  box-shadow: inset 0 0 3px #bfe3f7;
  outline: none;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled {
  border: none;
  box-shadow: none;
  outline: none;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .next,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .last,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .first,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .previous {
  position: relative;
  width: 14px !important;
  font-size: 0;
  border: none;
  padding: 0;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .next:before,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .last:before,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .first:before,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .previous:before {
  position: absolute;
  content: "";
  top: -15px;
  left: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .next.disabled,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .last.disabled,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .first.disabled,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .previous.disabled {
  opacity: 0.7;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .next:hover:not(.disabled),
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .next:focus:not(.disabled),
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .last:hover:not(.disabled),
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .last:focus:not(.disabled),
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .first:hover:not(.disabled),
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .first:focus:not(.disabled),
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .previous:hover:not(.disabled),
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .previous:focus:not(.disabled) {
  border: none;
  box-shadow: none;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .next:hover:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .next:focus:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .last:hover:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .last:focus:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .first:hover:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .first:focus:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .previous:hover:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .previous:focus:not(.disabled):before {
  border-left-color: #00539f;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .next:hover:not(.disabled):after,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .next:focus:not(.disabled):after,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .last:hover:not(.disabled):after,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .last:focus:not(.disabled):after,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .first:hover:not(.disabled):after,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .first:focus:not(.disabled):after,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .previous:hover:not(.disabled):after,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .previous:focus:not(.disabled):after {
  background-color: #00539f;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .first,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .last {
  width: 20px !important;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .first:after,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .last:after {
  position: absolute;
  content: "";
  top: -15px;
  width: 5px;
  height: 20px;
  background-color: #bfe3f7;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .first,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .previous {
  margin: 0 8px 0 1px;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .first:before,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .previous:before {
  border-right: 14px solid #bfe3f7;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .first:hover:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .first:focus:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .previous:hover:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .previous:focus:not(.disabled):before {
  border-right-color: #00539f;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .first:before {
  left: auto;
  right: 0;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .first:after {
  left: 0;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .next,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .last {
  margin: 0 1px 0 8px;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .next:before,
.pr-grid-block .dataTables_wrapper .dataTables_paginate .last:before {
  border-left: 14px solid #bfe3f7;
}
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .next:hover:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .next:focus:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .last:hover:not(.disabled):before,
.pr-grid-block
  .dataTables_wrapper
  .dataTables_paginate
  .last:focus:not(.disabled):before {
  border-left-color: #00539f;
}
.pr-grid-block .dataTables_wrapper .dataTables_paginate .last:after {
  right: 0;
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

.dataTables_wrapper th:first-child {
  border-top-left-radius: 5px;
}

.dataTables_wrapper th:last-child {
  border-top-right-radius: 5px;
}

.vmap_legend_conatiner_position {
  position: relative;
}

.vmap_legend_conatiner {
  position: absolute;
  bottom: 5px;
  left: 257px;
  font-size: 11px;
  font-family: "Helvetica", "sans-serif";
  line-height: 14px;
  color: #666;
  z-index: 20;
  padding: 0 0px 6px;
  height: 175px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: max-content;
}

.details-des-countries {
  padding-left: 50px;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-right: 20px;
  /* height: 42px; */
  font-style: italic;
  overflow-wrap: break-word; /* Allows long words to wrap */
  word-break: normal; /* Prevents breaking words */
  white-space: normal;
}
.row-details-des td {
  padding: 0px !important;
  margin: 0px;
}

table.dataTable.display tbody td {
  border-top: 0px;
}
table.dataTable.display tbody tr.main-row td {
  border-top: 1px solid #ddd;
}

/*# sourceMappingURL=styles.css.map */
.vmap_legend_block {
  margin-top: 12px;
}
.vmap_legend_block span {
  font-size: 1.1em;
  color: #7f94a7;
}
.vmap_legend_label {
  display: inline-block;
  width: 41px;
  height: 15px;
  position: relative;
  bottom: -4px;
  margin-right: 4px;
  border-radius: 4px;
}
.vmap_legend_label_without {
  background: #bfe3f7;
}
.vmap_legend_label_pending {
  background: #f2e5b3;
}
.vmap_legend_label_published {
  background: #cdc7d8;
}
.vmap_legend_label_prefused {
  background: #ffb380;
}
.vmap_legend_label_granted {
  background: #97d9d0;
}

.vmap_legend_label_closed {
  background: #dc6262;
}

/*--=[ Territories Applicants]=--*/
#id_terrbuttons_position {
  position: relative;
}
.pr-applicants,
.pr-territories {
  margin-bottom: 69px;
  /* margin-top: 200px; */
  margin-right: 47px;
  border: 1px solid #0386b3;
  border-radius: 10px;
  background: white;
  /* height: 50%; */
}
.pr-territories {
  margin-right: 104px;
}

.pr-territories-regional {
  width: 70px;
  margin: 0 5px 0 5px;
}

.pr-territories-totals {
  width: 70;
  margin: 0 5px 0 5px;
}

.pr-territories-regional::after {
  content: "▶";
  font-size: 10px;
  /* position: absolute; */
  top: 6.5px;
  right: 10px;
  /* transform: translateY(-50%); */
  pointer-events: none;
  color: #628aae;
}

/*-= Buttons =-*/
#id_ter_appl_div {
  display: flex;
  justify-content: space-between;
}
.pr-applicants-header {
  height: 35px;
  background: #0386b3;
  color: #ffffff;
  font-size: 17px;
  font-family: Calibri;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  font-weight: normal;
}

.pr-applicants-content {
  /* background: white; */
  display: flex; /* padding: 15px; */
}

.pr-btn-buttons {
  width: 103px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  user-select: none;
}
.pr-territories-btn {
  background-image: url(assets/icons/countries_2.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  height: 55px;
  width: 46px;
}

.pr-territories-btn:hover {
  background-image: url(assets/icons/countries_2.png);
  background-position: -46px 0px;
}
.pr-territories-btn.checked {
  background-image: url(assets/icons/countries_2.png);
  background-position: -46px 0px;
}

.pr-applicants-btn {
  background-image: url(assets/icons/applicants_2.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 55px;
  width: 46px;
  cursor: pointer;
}

.pr-applicants-btn:hover {
  background-image: url(assets/icons/applicants_2.png);
  background-position: -46px 0px;
}

.pr-applicants-btn.checked {
  background-image: url(assets/icons/applicants_2.png);
  background-position: -46px 0px;
}

/* -= Tables Territories =- */

.pr-territories-table {
  /* width: 100%; */
  font-family: "Calibri", sans-serif;
  font-size: 14px;
  color: #628aae;
  margin-right: 15px;
}

.tableContainer-territories {
  margin: 20px 3px 20px 20px;
}
.table-row-territory {
  td:nth-child(1) {
    border-bottom: 1px solid white;
    border-right: 1px solid white;
  }
}

.table-cell-territory > div {
  display: flex;
  justify-content: space-between;
  min-height: 15px;
}

.table-cell-territory .count_countries {
  margin-left: 10px;
}

.countries_totals {
  font-weight: bold;
}

.pr-territories .table-cell-territory-first {
  font-weight: normal;
}

.hidden {
  visibility: hidden;
}

.pr-territories .table-cell-territory {
  flex: 1;
  border-bottom: 1px solid #b2cbe2;
  border-right: 1px solid #b2cbe2;
  text-align: left;
  padding: 3px;
  min-height: 31px;
  white-space: nowrap;
  min-width: 60px;
}
/* .pr-territories .table-cell-territory:has(> div:empty) {
    border-bottom-color: white;
    border-right-color: white;
} */
/* .pr-territories .table-cell-territory:has(> div[style*="width"] > div[style*="width: 20px"]) {
    border-bottom-color: white;
    border-right-color: white;
} */

.table-cell-territory-empty {
  flex-grow: 1;
}

.pr-territories .table-cell-last {
  border-right: 1px solid white;
}

.pr-territories .table-row-last {
  border-bottom: 1px solid white;
}

.pr-territories-regional {
  user-select: none;
}

.arrow {
  display: inline-block;
  font-size: 10px;
  /* position: absolute; */
  top: 6.5px;
  right: 10px;
  /* transform: translateY(-50%); */
  pointer-events: none;
  color: #628aae;
}

/* -= Tables Applicants =- */

.pr-applicants .pr-custom-table {
  /*width: 80%; !* Set the table width based on the design *!*/
  display: flex;
  flex-direction: column;
  font-family: "Calibri", sans-serif;
  font-size: 14px;
  color: #628aae;
  background: white;
  margin-right: 15px;
}

.pr-applicants .table-row {
  display: flex;
}

.pr-applicants .table-cell {
  flex: 1;
  border-bottom: 1px solid #b2cbe2;
  /* border-right: 1px  solid #b2cbe2; */
  text-align: left;
  padding: 3px;
}

.pr-applicants .table-cell-last {
  border-right: 1px solid white;
  min-height: 18px;
}

.pr-applicants .table-row-last {
  border-bottom: 1px solid white;
}
/*--*/
@keyframes glowing {
  /*0% { box-shadow: 0 0 -10px greenyellow; }
  40% { box-shadow: 0 0 20px green; }
  60% { box-shadow: 0 0 20px lawngreen; }
  100% { box-shadow: 0 0 -10px red; }*/
  0% {
    box-shadow: 0 0 20px;
  }
  40% {
    box-shadow: 0 0 50px;
  }
  60% {
    box-shadow: 0 0 60px;
  }
  100% {
    box-shadow: 0 0 70px;
  }
}

.button-glow {
  /*border: 0;*/
  position: relative;
  animation-name: shake;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  cursor: pointer;
}

@keyframes shake {
  0% {
    left: 0;
  }
  1% {
    left: -1px;
  }
  2% {
    left: 2px;
  }
  3% {
    left: -3px;
  }
  4% {
    left: 3px;
  }
  5% {
    left: -2px;
  }
  6% {
    left: 1px;
  }
  7% {
    left: 0;
  }
}

/*------------=[ flatpickr-bottom-buttons ]=--*/

.flatpickr-bottom-buttons {
  display: flex;
  justify-content: space-evenly;
  background: white;
  border-radius: 5px;
}
.flatpickr-button {
  color: white;
  background: #0386b3;
  /* border: 0.5px solid white; */
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.5px solid #0386b3;
  border-radius: 5px;
  width: 125px;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  /* color: #00ace3; */
  /* color: #00539f; */
  /* background: white; */
  font-family: "News Gothic", Helvetica, sans-serif;
  font-weight: bold;
  padding-top: initial;
  /* box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); */
  cursor: pointer;
  margin: 10px 0px;
}
.flatpickr-close {
}
/* ----------=[ Loader ]=------------- */

.gradient-box {
  display: flex;
  align-items: center;
  width: 74px;
  height: 74px;
  margin: auto;
  position: relative;
  padding-left: 8px;
  padding-top: 7px;
  box-sizing: border-box;
  color: #0386b3;
  background: #ffffff;
  /*background-clip: padding-box;*/
  border: solid 2px transparent;
  border-radius: 50%;
}
.gradient-box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -13px;
  border-radius: inherit;
  background: linear-gradient(45deg, #0386b3, #ffffff);
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.pr-loader {
  position: absolute;
  left: calc(100px + 50%);
  top: 400px;
  color: black;
  border: solid 4px #ffffff;
  z-index: 1;
  /* margin: -13px; */
  border-radius: 50%;
  width: 102px;
  height: 102px;
  padding-top: 10px;
  font-family: "Helvetica", "sans-serif";
}

/* ----------=[ Footer ]=------------- */
.site-footer {
  background-color: #fff;
  min-height: 100px;
  font-size: 9pt;
}

.site-footer .footer-container {
  width: 100%;
  max-width: 1224px;
  margin: auto;
  padding: 0px 20px 0px 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.site-footer .footer-contact {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.site-footer .contact-box {
  list-style: none;
  margin: 0;
  display: flex;
  width: 50%;
  min-width: 520px;
  justify-content: center;
  padding: 0;
}

.site-footer .contact-box li {
  margin: 0 5px 25px 5px;
}

.site-footer .contact-box a {
  display: block;
  text-decoration: none;
}
.site-footer .contact-box a:hover {
  color: #00539f;
  text-decoration: underline;
}

.site-footer .contact-box a::before {
  content: "";
  display: block;
  width: 80px;
  height: 66px;
  margin: 0 auto -2px;
  background-image: url("assets/images/sprite.png");
  background-repeat: no-repeat;
  scale: 0.65;
}

.site-footer .contact-box .phone-number::before {
  background-position: -357px 11px;
}

.site-footer .contact-box .email:before {
  background-position: -433px 22px;
}

.site-footer .contact-box .offices::before {
  background-position: -519px 11px;
}

.site-footer .contact-box .facebook:before {
  background-position: -603px 14px;
}

.site-footer .contact-box .linkedin:before {
  background-position: -685px 14px;
}

.site-footer .contact-box .twitter:before {
  background-position: -773px 11px;
}

.site-footer .contact-box .instagram:before {
  background-position: -940px 11px;
}

.site-footer .disclaimer {
  margin-top: 0px;
  display: flex;
  justify-content: center;
  /* align-items: center; */
}

.site-footer .disclaimer {
  font-size: 9pt;
  line-height: 1.5;
}

.site-footer .disclaimer a {
  text-decoration: none;
}

.site-footer .disclaimer a:hover {
  color: #00539f;
  text-decoration: underline;
}

/*@media screen and (max-width: 620px) {*/
/*  .site-footer .footer-contact {*/
/*    flex-flow:row wrap*/
/*  }*/

/*  .site-footer .contact-box {*/
/*    width: 50%;*/
/*    min-width: unset;*/
/*    flex-direction: column;*/
/*    justify-content: flex-start;*/
/*    align-items: flex-start*/
/*  }*/

/*  .site-footer .contact-box li {*/
/*    margin: 0 0 15px 0;*/
/*    text-align: left*/
/*  }*/

/*  .site-footer .contact-box a::before {*/
/*    display: inline-block;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    background-size: auto 29px;*/
/*    margin: 0 5px 0 0;*/
/*    vertical-align: -15px*/
/*  }*/

/*  .site-footer .contact-box .phone-number::before {*/
/*    background-position: -179px 5px*/
/*  }*/

/*  .site-footer .contact-box .email:before {*/
/*    background-position: -217px 11px*/
/*  }*/

/*  .site-footer .contact-box .offices::before {*/
/*    background-position: -260px 5px*/
/*  }*/

/*  .site-footer .contact-box .facebook:before {*/
/*    background-position: -302px 6px*/
/*  }*/

/*  .site-footer .contact-box .linkedin:before {*/
/*    background-position: -343px 6px*/
/*  }*/

/*  .site-footer .contact-box .twitter:before {*/
/*    background-position: -387px 6px*/
/*  }*/

/*  .site-footer .contact-box .instagram:before {*/
/*    background-position: -470px 6px*/
/*  }*/
/*}*/

/*@media screen and (max-width: 460px) {*/
/*  .site-footer .contact-box {*/
/*    width:100%*/
/*  }*/
/*}*/

#id_applicants_tableContainer {
  /* max-height: calc(100vh - 358px); */
  /* scrollbar-width: thin; */
  /* scrollbar-color: #00539f transparent; */
  position: relative;
  margin-bottom: 0;
  margin: 20px 3px 20px 20px;
  background: white;
  /* flex: 1 1 auto; */
  /* overflow-y: auto; */
  /* min-height: 0px; */
}

.scroll {
  overflow-y: auto;
  max-height: calc(100vh - 358px);
  /* background-color:green; */
  /* width:100px; */
  /* height:200px; */
  /* overflow:scroll; */
}
.scroll::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px #0386b3; */
  background-color: white;
}
.scroll::-webkit-scrollbar {
  width: 8px;
  background-color: white;
  border: 0px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #0386b3;
  border: 1px solid #0386b3;
  border-radius: 4px;
}

.chosen-choices {
  overflow-y: auto;
  /* background-color:green; */
  /* width:100px; */
  /* height:200px; */
  /* overflow:scroll; */
}
.chosen-choices::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px #0386b3; */
  background-color: white;
}
.chosen-choices::-webkit-scrollbar {
  width: 4px;
  background-color: white;
  border: 0px;
}
.chosen-choices::-webkit-scrollbar-thumb {
  background-color: #0386b3;
  border: 1px solid #0386b3;
  border-radius: 4px;
}