@charset "UTF-8";

* {
  font-family: "Open Sans", sans-serif;
  outline: none !important;
}

html {
  height: 100%;
  scroll-behavior: initial !important;
}

body {
  margin: 0;
  min-height: 100vh;
  height: 100%;
  display: flex;
  flex-direction: column;
}

body > .container,
body > .dv-page-content {
  flex: 1 0 auto;
}

b,
strong {
  font-weight: bold;
}

.dv-header {
  background-color: var(--dv_header_bg_color);
  padding: 20px 0;
  flex-grow: 0;
  flex-shrink: 0;
}

.dv-header-flexbox {
  display: flex;
  justify-content: space-between;
}

.dv-header-menu {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dv-header-menu-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.dv-ml-10 {
  margin-left: 10px;
}

.dv-front-page-paragraph-ctn {
  margin: 25px 0;
}

.dv-front-page-paragraph-ctn h2 {
  padding-bottom: 20px;
  border-bottom: 2px solid var(--dv_primary_color);
  margin-bottom: 20px;
  font-size: 24px;
}

.dropbtn {
  background-color: var(--dv_header_nav_buttons_bg_color);
  color: var(--dv_header_nav_buttons_text_color);
  font-size: 12px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 300;
  padding: 15px 20px;
}

.dv-header-dropbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 62px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
}

.dropbtn i {
  font-size: 22px;
}

.dropdown {
  position: relative;
  display: inline-block;
  float: right;
}

.dv-dropbtn-cnt {
  display: flex;
  align-items: center;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: var(--dv_color_white);
  min-width: 100%;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 5px;
  cursor: default;
  overflow: hidden;
  top: calc(100% + 10px);
  padding: 10px 0;
}

.taxonomies-dropdown-content {
  position: absolute;
  background-color: white;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

.taxonomies-dropdown-content .taxonomy {
  font-family: "Open Sans", sans-serif;
  color: var(--dv_primary_color);
}

/*!* Change color of dropdown links on hover *!*/

.taxonomies-dropdown-content a:hover {
  background-color: #ddd;
}

.taxonomies-btn {
  margin-left: 10px;
}

.taxonomies-show {
  display: block;
}

#accordion button.btn-link {
  color: #000;
  text-decoration: none;
}

.dv-header-searchbox {
  min-height: 62px;
}

.dv-frontpage-categories-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
  padding-top: 3rem;
}

.dv-frontpage-categories-grid .feature-btn-box {
  background: #f4f5f9;
  padding: 30px;
  height: 220px;
  overflow: hidden;
  position: relative;
  font-size: 1.4rem;
  cursor: pointer;
  color: var(--dv_primary_color);
  border-radius: 10px;
}

.dv-frontpage-categories-grid .feature-btn-box.disabled {
  opacity: 0.4;
  cursor: default;
}

.dv-frontpage-categories-grid .feature-btn-box p {
  margin-top: 5px;
  font-size: 0.65em;
  color: #545b62;
  text-shadow: none !important;
}

.dv-frontpage-categories-grid .feature-btn-box i {
  position: absolute;
  font-size: 8rem;
  bottom: -25px;
  right: 30px;
  transform: rotate(-15deg);
  color: var(--dv_primary_color);
  transition: ease-in-out 0.1s;
  opacity: 0.3;
}

.dv-frontpage-categories-grid .feature-btn-box:hover:not(.disabled) {
  box-shadow: 0 3px 6px var(--dv_shadow_color_2);
  text-shadow: 1px 1px var(--dv_shadow_color_2);
}

.dv-frontpage-categories-grid .feature-btn-box:hover:not(.disabled) i {
  bottom: -10px;
  right: 40px;
}

.dv-frontpage-cat-description {
  font-size: 14px;
}

.dv-frontpage-text {
  font-size: 15px;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.dv-entity-logo-ctn-2 {
  height: 100%;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}

.dv-entity-logo-ctn-2 img {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--dv_custom_logo_width);
  height: var(--dv_custom_logo_height);
  position: relative;
  top: var(--dv_logo_top_position);
}

#dv-entity-descr-cnt {
  width: 250px;
}

.dv-header .dv-header-flexbox {
  align-items: center;
}

.borderHeader {
  border: 0;
  height: 4px;
  background: linear-gradient(358.5deg, var(--dv_secondary_color) 0.09%, var(--dv_primary_color));
  flex-grow: 0;
  flex-shrink: 0;
}

a {
  text-decoration: none !important;
}

#logout-btn {
  cursor: pointer;
}

.dv-header {
  min-height: 136px;
  display: flex;
  align-items: center;
}

.dv-header-content {
  display: flex;
  height: 62px;
}

.searchbox-button,
.notifications-button {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--dv_header_nav_buttons_bg_color);
  color: var(--dv_header_nav_buttons_text_color);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 62px;
  height: 62px;
  margin-right: 20px;
  font-size: 20px;
}

#all-notifications {
  color: #555c66;
  font-size: 0.9em;
  font-weight: bold;
}

#all-notifications:hover {
  background-color: #f1f2f9;
}

.dv-header-searchbox {
  display: none;
  visibility: hidden;
  width: 82px;
  transition: 0.1s all linear;
}

.dv-header-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  font-size: 18px;
  color: var(--dv_header_text_color);
  height: 72px;
}

.dv-frontpage-categories-title {
  display: flex;
  justify-content: space-between;
}

.dv-frontpage-tags-dropbtn {
  width: 207px;
  height: 62px;
  background-color: var(--dv_color_white);
  color: var(--dv_primary_color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 3px 6px var(--dv_shadow_color_2);
  font-size: 16px;
  padding-left: 30px;
}

.dv-frontpage-tags-dropbtn i {
  font-size: 22px;
}

.dv-gdpr-ctn {
  margin-top: 40px;
  padding: 70px 0 0 0;
  font-size: 14px;
  border-top: 4px solid var(--dv_color_darkorange);
}

.dv-gdpr-ctn h2 {
  font-weight: 600;
  font-size: 19px;
  padding-bottom: 5px;
  border: none;
  color: var(--dv_color_darkorange);
}

footer {
  margin-top: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.dv-footer {
  background-color: #f4f5fa;
  padding: 30px 0;
  min-height: 150px;
  border-top: 4px solid var(--dv_primary_color);
}

.dv-footer-nav ul {
  padding-left: 0;
}

.dv-footer-nav ul a {
  text-decoration: none;
}

.dv-footer-nav ul a li {
  display: inline-block;
  font-size: 11px;
  margin-top: 10px;
  margin-right: 40px;
  position: relative;
  color: var(--dv_color_graphite);
}

.dv-footer-nav ul a:not(:last-of-type) li:after {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--dv_color_lightblue);
  position: absolute;
  top: 6px;
  right: -24px;
}

.dv-footer ul {
  padding-left: 0;
  list-style-type: none;
}

.dv-footer ul > li > a {
  text-decoration: none;
  color: var(--dv_color_graphite);
}

.dv-footer ul li {
  display: inline-block;
  font-size: 11px;
  margin-top: 10px;
  margin-right: 40px;
  position: relative;
}

.dv-footer-nav ul a:not(:last-of-type) li:after {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--dv_color_lightblue);
  position: absolute;
  top: 6px;
  right: -24px;
}

.dv-footer-text {
  margin-top: 30px;
  font-size: 12px;
}

.dv-header-nav {
  height: 24px;
}

.dv-header-nav ul {
  margin: 25px 0 0 0;
  padding-left: 0;
  font-size: 16px;
  text-align: right;
}

.dv-header-nav ul a {
  text-decoration: none;
  margin: 0 20px;
  color: var(--dv_header_text_color);
}

.dv-header-nav li {
  list-style: none;
  display: inline;
}

button.faq-popup-button {
  width: 56px;
  height: 56px;
  border-radius: 56px;
  background-color: var(--dv_primary_color);
  color: var(--dv_color_white);
  border: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

button.faq-popup-button i {
  font-size: 32px;
}

.faq-modal {
  width: 401px;
  height: 589px;
  background-color: var(--dv_color_white);
  position: fixed;
  bottom: 25px;
  right: 25px;
  box-shadow: 0 19px 38px var(--dv_shadow_color);
  border-radius: 4px;
  overflow: hidden;
  transition: opacity 0.1s linear;
  z-index: 4;
}

.faq-modal-header {
  width: 100%;
  height: 70px;
  background-color: var(--dv_primary_color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  color: var(--dv_color_white);
}

.faq-modal-header span {
  font-size: 18px;
  font-weight: bold;
}

.close-faq-modal-btn {
  cursor: pointer;
}

.faq-modal-content {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  height: calc(100% - 90px);
}

.faq-modal-content > div {
  height: calc(100% - 62px);
}

.dv-hidden-opacity-0 {
  visibility: hidden;
  opacity: 0;
}

a.dv-all-questions-btn {
  text-decoration: none;
  width: 100%;
  height: 62px;
  background-color: var(--dv_primary_color);
  color: var(--dv_color_white);
  border-radius: 6px;
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-top: 20px;
}

.dv-button-icon {
  width: 30px;
  height: 30px;
  background-color: white;
  border-radius: 20px;
  color: var(--dv_primary_color);
  padding: 3px;
}

.dv-faq-questions-list {
  height: 100%;
  margin-bottom: 20px;
}

.dv-faq-questions-list .card {
  border: none;
  margin-bottom: 5px;
  border-radius: 6px;
  overflow: hidden;
}

/* END CSS NEEDED FOR FIRST LOAD */

div.mb-track-y {
  width: 4px;
  background-color: rgba(51, 70, 146, 0.08);
  right: 5px;
}

div.mb-bar {
  width: 12px !important;
  left: -4px;
}

.dv-faq-questions-list .card-header {
  background-color: rgba(51, 70, 146, 0.08);
  padding: 0;
  border: none;
}

button.dv-faq-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  width: 100%;
}

.dv-faq-btn span {
  flex-basis: 95%;
  font-size: 16px;
  text-align: left;
  padding: 10px;
  color: var(--dv_primary_color);
}

.dv-faq-btn i {
  margin-left: 20px;
  flex-basis: 5%;
  color: rgba(51, 70, 146, 0.68);
  transition: all 0.1s linear;
}

.dv-desktop-flex-basis-60 {
  flex-basis: 60%;
}

.dv-h5 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

/* login page styles*/

#dv-login-page-wrapper {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  background: #f8f8f8;
  height: 100%;
}

#dv-login-page-outer-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 40px 0;
  background-color: #fafbfc;
  min-height: 100vh;
}

#dv-login-page-inner-left-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60%;
  padding: 30px;
}

#dv-login-page-inner-left-container > div,
#dv-login-page-inner-right-container > div {
  max-width: calc(100% - 40px);
  width: 70%;
}

#dv-login-page-inner-left-container > div {
  display: flex;
  width: 100%;
}

.auth-external-service-login p {
  margin-bottom: 10px;
}

.auth-external-service-login:last-of-type p {
  margin-bottom: 0;
}

#dv-submissions-subtitle {
  font-size: 25px;
  font-weight: 700;
  margin: 0;
}

#dv-submissions-description {
  font-size: 13px;
  font-weight: 400;
  margin: 40px 0 25px 0;
}

#dv-login-page-inner-right-container {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#dv-custom-login-form {
  text-align: left;
  width: 100%;
  margin: 0;
}

.login-password,
.login-username {
  position: relative;
}

.login-password {
  margin-top: 30px;
  margin-bottom: 30px;
}

.login-username label,
.login-password label {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  z-index: 0;
}

.login-remember {
  font-size: 13px;
}

#dv-custom-login-form input[type=text],
#dv-custom-login-form input[type=password],
#dv-custom-login-form input[type=email] {
  height: 40px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #333;
  position: relative;
  padding-left: 40px;
  padding-right: 10px;
  z-index: 1;
}

.login-username:before {
  font-family: "Font Awesome 5 Free";
  content: "\F007";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  top: 27px;
  left: 10px;
  z-index: 2;
  color: #444;
}

.login-password:before {
  font-family: "Font Awesome 5 Free";
  content: "\F084";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  top: 27px;
  left: 10px;
  z-index: 2;
  color: #444;
}

#dv-login-page-actions {
  position: absolute;
  top: 0;
  right: 0;
}

.login-submit {
  margin-top: 40px;
}

.login-submit input[type=submit] {
  width: 100%;
  height: 40px;
  background: #ddd;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
}

.login-submit input[type=submit]:hover {
  filter: brightness(1.1);
}

#dv-login-error-msg {
  position: relative;
  padding: 10px;
  font-size: 13px;
  background-color: #f4f4f4;
  margin-bottom: 50px;
  border-left: 2px solid firebrick;
}

#dv-login-with-credentials-lbl {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 0;
}

#dv-login-form-container {
  padding: 20px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background-color: #fff;
  margin: 20px 0;
  overflow: hidden;
}

@media screen and (min-width: 440px) {
  #dv-login-form-container {
    min-width: 364px;
  }
}

#dv-login-page-logo-ctn {
  height: 80px;
  width: calc(100% + 40px);
  background-color: var(--dv_header_bg_color);
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: 20px;
}

#dv-login-page-logo-ctn #dv-entity-logo-ctn {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

#dv-login-page-logo-ctn #dv-entity-logo-ctn img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 240px;
  height: 72px;
}

#dv-description-ctn {
  padding-left: 30px;
  padding-top: 25px;
}

.dv-full-width {
  width: 100%;
}

.button-gsis {
  height: 41px;
  background-color: #f7f7f7;
  border-radius: 4px;
}

.button-gsis img {
  flex: 0 0 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}

.button-gsis .label-gsis {
  margin: 0 24px 0 12px;
  padding: 10px 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  overflow: hidden;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
  flex: 1 1 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  display: inline-block;
  color: #0b83c2;
}

.button-gsis:hover {
  background-color: #fafafa;
}

.login-page-card {
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
  background-color: #fcfdfe;
}

.page-link {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 30px !important;
  border: none;
  background-color: var(--dv_primary_color);
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  margin: 0 4px;
}

.no-notifications {
  font-size: 20px;
  color: rgba(143, 154, 158, 0.3137254902);
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
}

.page-link.disabled {
  opacity: 0;
  visibility: hidden;
}

.page-counter {
  color: #555c66;
  font-size: 0.9em;
  font-weight: bold;
}

#login-types {
  display: grid;
  grid-template-columns: repeat(auto-fit, 200px);
  grid-template-rows: repeat(auto-fit, 200px);
  grid-gap: 20px;
}

.login-type-rectangle {
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  padding: 10px;
  text-align: center;
}

.login-type-rectangle .login-type-icon {
  height: 100px;
  display: flex;
  align-items: flex-end;
}

.login-type-rectangle .login-type-text {
  height: 100px;
  padding-top: 10px;
  line-height: 1rem;
}

@media (max-width: 768px) {
  .dv-desktop-flex-basis-60 {
    flex-basis: 100%;
  }

  .dv-header-title {
    justify-content: center;
    flex-direction: column;
    font-size: 0.9rem;
  }

  #dv-entity-descr-cnt {
    width: 100%;
    text-align: center;
  }

  .dv-header-nav {
    display: flex;
    justify-content: center;
    height: 49px;
  }

  .dv-footer-nav ul {
    margin-bottom: 0;
  }

  .dv-footer-nav ul a li {
    display: block;
    padding-bottom: 10px;
  }

  .dv-footer-nav ul a:not(:last-of-type) li:after {
    display: none;
  }

  .dv-header-content {
    margin-top: 20px;
    display: flex;
    justify-content: center;
  }

  .dv-header-content-no-login {
    justify-content: space-around;
  }

  #dv-login-page-outer-container {
    display: block;
  }

  #dv-login-page-inner-container {
    width: 100%;
    padding: 30px 0;
  }

  #dv-submissions-subtitle {
    font-size: 24px;
  }

  .dv-faq-questions-list {
    overflow-y: scroll;
  }

  #dv-submissions-description {
    margin-top: 25px;
    font-size: 13px;
  }

  #dv-description-ctn {
    padding-left: 0;
  }

  #dv-login-page-inner-container > div {
    width: calc(100% - 20px);
    margin-left: 10px;
  }

  #dv-login-page-inner-left-container,
  #dv-login-page-inner-container {
    padding: 0;
  }

  .dv-categories-filter-title {
    margin-top: 0;
  }
}

/* login page styles END */

.dv-page-title {
  width: 100%;
  margin-top: 60px;
  text-align: center;
  color: #444;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.dv-page-title:after {
  width: 80px;
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 40px);
  height: 2px;
  background-color: var(--dv_primary_color);
}

#dv-main-page {
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
}

.dv-sidebar-menu-item {
  display: flex;
  padding: 10px 20px;
  justify-content: flex-start;
  align-items: center;
  color: #fafafa;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid #fafafa;
  position: relative;
  overflow: hidden;
}

.dv-sidebar-menu-item:hover:before {
  position: absolute;
  content: "";
  top: 10px;
  left: -13px;
  background-color: #fafafa;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}

#dv-sidebar-menu-dashb-pelati:last-child {
  border-bottom: none;
}

#dv-entity-logo-ctn {
  display: flex;
  justify-content: center;
  align-items: center;
}

#dv-entity-logo-ctn img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 200px;
  height: 130px;
}

#dv-sidebar-dashboard-pelati {
  height: 100%;
  margin: 0;
  padding-right: 20px;
}

#dv-sidebar-menu-dashb-pelati {
  width: 100%;
  padding-left: 0;
  text-decoration: none;
  margin-bottom: 0;
}

#dv-sidebar-menu-dashb-pelati a {
  text-decoration: none;
  cursor: pointer;
}

#dv-connect-by-btn {
  width: 100%;
  margin: 0 0 30px 0;
}

#dv-search-dv_cases-types-form {
  position: relative;
  margin-top: 15px;
}

#dv-search-dv_cases-types {
  width: 100%;
  padding: 7px 14px 7px 38px;
  border: 1px solid #cbcbcb;
  background-color: #e9e9e9;
  transition: all 0.2s linear;
}

#dv-search-dv_cases-types:focus {
  background-color: white;
}

.dv-magnifier-icon {
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  top: 12px;
  left: 13px;
  z-index: 100;
  color: var(--dv_primary_color);
}

.dv-of_case-type-cnt {
  margin-top: 30px;
}

.dv-of_case-type-title {
  padding: 5px 20px;
  margin-bottom: 10px;
  color: var(--dv_primary_color);
  border-left: 2px solid var(--dv_primary_color);
  background-color: #f4f4f4;
}

.dv_cases-types-list {
  list-style-type: none;
  padding-left: 0;
  margin: 20px;
}

#dv-page-template {
  max-width: 1000px;
  margin: 0 auto;
}

.dv-btn-style-1 {
  padding: 0 30px;
  min-width: 150px;
  border: none;
  cursor: pointer;
  background: var(--dv_primary_color);
  color: white !important;
  border-radius: 6px;
  font-size: 16px;
  display: inline-block;
  height: 62px;
  line-height: 60px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.btn.dv-btn-style-1,
.btn.dv-btn-style-2 {
  background: var(--dv_primary_color);
  height: 62px;
  border-radius: 6px;
  min-width: 150px;
}

.btn.dv-btn-style-2 {
  background: var(--dv_color_blue_transparent);
  color: var(--dv_primary_color);
}

.dv-btn-style-1:hover,
.btn.dv-btn-style-1:hover,
.btn.dv-btn-style-2:hover {
  background: var(--dv_secondary_color);
  color: var(--dv_color_white);
  text-decoration: none;
}

.dv-btn-style-3 {
  padding: 0 30px;
  min-width: 150px;
  border: none;
  cursor: pointer;
  background: #006736;
  color: white !important;
  border-radius: 6px;
  font-size: 16px;
  display: inline-block;
  height: 62px;
  line-height: 60px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.btn.dv-btn-style-3 {
  background: #006736;
  height: 62px;
  border-radius: 6px;
  min-width: 150px;
  color: var(--dv_primary_color);
}

.dv-btn-style-3:hover {
  background: #154a2b;
  color: var(--dv_color_white);
  text-decoration: none;
}

#dv-action-buttons {
  text-align: right;
  margin-top: 100px;
}

#dv-action-buttons a {
  text-decoration: none;
  color: white;
  margin: 0 30px;
}

.dv-ctn-style-1 {
  padding: 20px;
  background-color: #f4f4f4;
  position: relative;
  cursor: default;
}

.dv-ctn-style-2 {
  padding: 20px;
  background-color: var(--dv_primary_color);
  position: relative;
}

.dv-ctn-style-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: 100px;
  height: 5px;
  background: var(--dv_primary_color);
}

#dv_cases {
  margin-bottom: 50px;
  background-color: #f4f4f4;
  position: relative;
  cursor: default;
  padding-bottom: 20px;
  width: calc(100% - 300px);
}

.dv_cases-types-list li {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
}

.dv_cases-types-list li:hover {
  background-color: #eee;
}

.dv_cases-types-list a {
  text-decoration: none;
  color: #333;
}

.dv_cases-types-list a:hover {
  color: var(--dv_primary_color);
}

.dv-service-description {
  margin-bottom: 50px;
}

#dv-sidebar-dashboard-pelati .dv-sidebar-menu-ctn {
  padding: 0;
}

.dv-no-docs-lbl {
  text-align: center;
  color: #757575;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  font-size: 20px;
}

/* ------------------- dv_case-description ---------------- */

.dv-mt-5 {
  margin-top: 5px;
}

.dv-mt-10 {
  margin-top: 10px;
}

.dv-mt-50 {
  margin-top: 50px;
}

.dv-mt-70 {
  margin-top: 70px;
}

.dv-mb-5 {
  margin-bottom: 5px;
}

.dv-mb-10 {
  margin-bottom: 10px;
}

.dv-mb-50 {
  margin-bottom: 50px;
}

.dv-mb-150 {
  margin-bottom: 150px;
}

.dv-bg-lightgrey,
.dv-bg-lightgrey:hover {
  background-color: #666;
  cursor: default;
  color: white;
  opacity: 50%;
}

.dv-no-dv_case-descr-msg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  font-size: 20px;
  color: #737373;
  border: 2px solid #e1e1e1;
  background: #fafafa;
}

.dv_case-descr-msg {
  min-height: 300px;
}

/* ---------------- symplirwsi-of_case ------------------- */

table.dataTable.no-footer {
  border-bottom: none !important;
}

#dv-dikaiologitiko-uploader-ctn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #f8f8f8;
  flex-direction: column;
}

#dv-dikaiologitiko-upload-loading {
  padding: 40px;
}

#dv-dikaiologitiko-upload-label {
  cursor: pointer;
}

#dv-dikaiologitiko-upload-label i {
  font-size: 25px;
  margin-right: 20px;
}

#dv-dikaiologitiko-upload-label:hover i {
  color: var(--dv_primary_color);
}

#dv-dikaiologitiko-upload {
  display: none;
}

.dv-dikaiologitiko-field {
  margin-bottom: 10px;
  width: 100%;
}

.dv-dikaiologitiko-link {
  cursor: pointer;
  margin: 0 0 0 auto;
  height: 62px;
  width: 175px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  background-color: #fff;
  box-shadow: 0 3px 6px var(--dv_shadow_color);
  border-radius: 6px;
  color: var(--dv_primary_color);
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dv-dikaiologitiko-link:hover {
  background-color: var(--dv_secondary_color);
  color: var(--dv_color_white);
}

#dv-thyrida-modal-table_processing {
  height: 100%;
  top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(250, 250, 250, 0.7);
}

#dv-thyrida-modal-table {
  width: 100% !important;
}

.dv-soft-text {
  font-size: 13px;
  color: #757575;
}

.dv-msg-icon {
  margin-right: 10px;
}

.dv-back-button {
  width: 50px;
  height: 50px;
  border-radius: 60px;
  background-color: var(--dv_primary_color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dv_color_white);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dv-back-button i {
  font-size: 35px;
  width: 50px;
  height: 30px;
  text-align: center;
  color: var(--dv_color_white);
}

.dv-back-button:hover {
  text-decoration: none;
  cursor: pointer;
  color: white;
  background-color: var(--dv_secondary_color);
}

.dv-mr-5 {
  margin-right: 5px;
}

.dv-mr-10 {
  margin-right: 10px;
}

.dv-mr-20 {
  margin-right: 20px;
}

.dv-ml-5 {
  margin-left: 5px;
}

.dv-ml-20 {
  margin-left: 20px;
}

.dv-mb-40 {
  margin-bottom: 40px !important;
}

.dv-mb-70 {
  margin-bottom: 70px;
}

.dv-mt-20 {
  margin-top: 20px;
}

.dv-p-50 {
  padding: 50px;
}

.dv-upload-file-loader-ctn {
  height: 5px;
  width: 100%;
  background-color: grey;
}

.dv-upload-file-loader {
  height: 100%;
  background-color: var(--dv_primary_color);
  width: 0;
}

.dv-upload-file-percentage {
  color: var(--dv_primary_color);
  font-size: 12px;
  margin-top: 5px;
  width: 100%;
  text-align: center;
  display: block;
  height: 17px;
  line-height: 17px;
  padding: 20px 0;
}

.dv-hidden-important {
  display: none !important;
}

.dv-select-from-thyrida {
  background: #ddd;
  height: 33px;
  border: none;
  margin-right: 10px;
  padding: 7px 10px;
  border-radius: 40px;
  font-weight: 400;
  cursor: pointer;
  font-size: 13px;
}

.dv-select-from-thyrida:hover {
  color: var(--dv_primary_color) !important;
}

.dv-fullscreen-loader-ctn,
.dv-thyrida-loader-ctn {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  overflow: hidden;
}

.dv-fullscreen-loader-inner-ctn {
  height: calc(100% - 100px);
  display: flex;
  justify-content: center;
  text-align: center;
  max-width: 1000px;
  width: calc(100% - 100px);
  margin: 50px auto 50px auto;
  background: #fafafa;
  box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dv-thyrida-loader-inner-ctn {
  justify-content: center;
  max-width: 1200px;
  width: calc(100% - 100px);
  margin: 50px auto 50px auto;
  background: #fff;
  box-shadow: 0 19px 38px var(--dv_shadow_color_3);
  text-align: left;
  position: relative;
  border-radius: 4px;
  padding: 20px;
}

.meter {
  height: 10px;
  background-color: var(--dv_primary_color);
}

.dv-thyrida-loader-inner-ctn-passed {
  animation: slide-left-step-1 1s forwards;
}

@keyframes slide-left-step-1 {
  0% {
    left: 0;
  }

  100% {
    left: -100%;
  }
}

.dv-fullscreen-loader-inner-ctn > div {
  margin: auto 0;
}

.dv-donut-loader {
  width: 50px;
  margin: 0 auto;
}

.dv-loader-label {
  margin-bottom: 40px;
}

.donut {
  width: 2rem;
  height: 2rem;
  margin: auto;
  border-radius: 50%;
  border: 0.3rem solid rgba(0, 0, 0, 0.3);
  border-top-color: var(--dv_primary_color);
  animation: 1.5s spin infinite linear;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.dv-ctn-sticky-1 {
  position: sticky;
  top: 20px;
  margin-bottom: 20px;
}

.dv-no-attachments-required-lbl {
  font-size: 13px;
  color: #777;
}

.dv-required-attachments-list-ctn {
  margin-top: 20px;
}

.dv-required-attachments-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.dv-required-attachment-item {
  cursor: default;
  position: relative;
}

.dv-required-attachment-title {
  width: calc(100% - 100px);
}

.dv-attachment-actions {
  width: 100px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.dv-required-attachment-item label {
  margin-bottom: 0;
  cursor: pointer;
}

.dv-required-attachment-item input[type=file] {
  display: none;
}

.dv-required-attachment-item .dv-icon-btn {
  cursor: pointer;
  border-radius: 20px;
  transition: 0.1s linear;
  background-color: #ddd;
  padding: 7px;
  font-size: 12px;
}

.dv-required-attachment-item .dv-icon-btn:hover {
  color: var(--dv_primary_color);
}

.dv-required-attachment-item > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dv-uploaded-file-name {
  color: var(--dv_primary_color);
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
  overflow-wrap: anywhere;
}

.dv-form-actions {
  display: flex;
  justify-content: space-between;
  text-align: center !important;
}

.dv-invalid-attachment {
  color: #B94A48;
}

.dv-attachments-error-msg-box {
  font-size: 12px;
  color: #B94A48;
  font-weight: bold;
  padding-top: 10px;
}

.dv-error-text {
  color: #B94A48 !important;
}

.dv-error-thyrida-files-size {
  color: #B94A48 !important;
  padding-top: 10px;
}

#dv-required-attachments > .dv-attachments-error-msg-box {
  margin-top: 30px;
  padding-top: 0;
}

.dv-attachment-button {
  margin: 5px 0 5px 5px;
  border-radius: 10px;
}

.dv-loader-style-1 {
  background: linear-gradient(270deg, #acacac, #d4d4d4, #acacac);
  background-size: 600% 600%;
  animation: LoadingTextAnimation 3s ease infinite;
}

.dv-attachment-check-icon,
.dv-dikaiologitiko-check-icon {
  font-size: 20px;
  padding: 8px 1px 8px 1px;
  color: forestgreen;
}

.dv-hidden-attachment-actions {
  display: none;
}

.dv-required-attachment-item:hover .dv-attachment-check-icon {
  display: none;
}

.dv-required-attachment-item:hover .dv-hidden-attachment-actions {
  display: flex;
}

.dv-add-to-thirida {
  font-size: 11px;
  color: var(--dv_primary_color);
  padding: 2px;
}

.dv-submissions-table-cnt,
.dv-thyrida-table-cnt {
  margin: 50px 0;
  max-width: 100%;
}

#dv-dikaiologitiko-uploader-outer-ctn {
  width: 100%;
  border: 1px dashed #d1d1d1;
  height: 120px;
  display: flex;
  flex-direction: column;
}

#dv-thyrida-modal-table-wrapper-cnt {
  padding: 0 0 20px 0;
  height: 400px;
}

#dv-thyrida-modal-table-wrapper {
  height: calc(100% - 62px);
  border: 1px solid #cbcbcb;
}

#dv-thyrida-modal-table_wrapper {
  height: 100%;
  overflow-y: scroll;
}

.frm-summary-page-wrapper .frm-edit-page-btn {
  display: none;
}

/* --------------------  thyrida ----------------- */

.dv-thyrida-modal-ctn #dv-user-thyrida-table tbody tr td:first-of-type {
  padding-left: 20px;
}

.dv-thyrida-modal-ctn #dv-user-thyrida-table tbody tr td:last-of-type {
  padding-right: 20px;
}

.dv-thyrida-doc-info {
  font-size: 13px;
  color: #757575;
  margin-bottom: 5px;
}

#dv-user-thyrida-table_filter input[type=search],
#dv-user-submissions-table_filter input[type=search],
#dv-thyrida-modal-table_filter input[type=search] {
  background-color: #f1f1f1;
  border: 1px solid #cbcbcb;
  padding: 5px;
}

#dv-user-thyrida-table,
#dv-user-submissions-table {
  min-height: 37px;
  margin: 10px 0;
  font-size: 16px;
}

#dv-user-thyrida-table thead th,
#dv-user-submissions-table thead th,
#dv-thyrida-modal-table thead th,
#dv-protocoled-files-table_wrapper thead th {
  background-color: rgba(51, 70, 146, 0.08);
  border-bottom: 2px solid #f4f4f4 !important;
  color: var(--dv_primary_color);
  height: 74px;
}

#dv-user-thyrida-table tbody tr,
#dv-user-submissions-table tbody tr,
#dv-thyrida-modal-table tbody tr {
  height: 74px;
}

#dv-thyrida-modal-table tbody tr {
  cursor: pointer;
}

#dv-thyrida-modal-table tbody tr td {
  border-bottom: 1px solid #ddd !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

#dv-thyrida-modal-table tbody tr:last-of-type td {
  border-bottom: none;
}

#dv-user-submissions-table tbody tr:hover,
#dv-user-thyrida-table tbody tr:hover,
#dv-thyrida-modal-table tbody tr:not(.selected):hover {
  background: #f1f1f1;
}

#dv-thyrida-modal-table.dataTable tbody tr.thyrida-files-blocked {
  color: #909090;
  cursor: not-allowed;
}

.disable-attach-thyrida-btn {
  opacity: 0.5;
  cursor: not-allowed !important;
}

#dv-thyrida-status-msg-ctn {
  width: 100%;
  color: var(--dv_primary_color);
  background-color: #f1f1f1;
  padding: 10px 20px;
  border-left: 2px solid var(--dv_primary_color);
  font-size: 14px;
  margin-bottom: 20px;
}

.dv-text-center {
  text-align: center;
}

.dv-thyrida-loader-ctn .dv-close-modal {
  font-size: 20px;
  cursor: pointer;
  color: var(--dv_primary_color);
  position: absolute;
  right: 20px;
  top: 20px;
}

.dv-thyrida-loader-ctn .dv-close-modal:hover i {
  color: var(--dv_secondary_color);
}

.dv-thyrida-modal-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 122px);
}

.dv-provoli-dv_case-link {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.dv-provoli-dv_case-link:hover {
  text-decoration: none;
  color: var(--dv_primary_color);
}

.btn.btn-secondary.btn-default.bootbox-cancel {
  opacity: 0.5;
  /* Adjust opacity for visual indication */
}

.btn.btn-primary.bootbox-accept {
  background-color: var(--dv_primary_color);
}

.bootbox-body {
  text-align: justify;
}

@keyframes LoadingTextAnimation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* --------------- allages sto formidable ---------------- */

.bootbox-input,
.frm_style_formidable-style.with_frm_style input[type=text],
.frm_style_formidable-style.with_frm_style input[type=password],
.frm_style_formidable-style.with_frm_style input[type=email],
.frm_style_formidable-style.with_frm_style input[type=number],
.frm_style_formidable-style.with_frm_style input[type=url],
.frm_style_formidable-style.with_frm_style input[type=tel],
.frm_style_formidable-style.with_frm_style input[type=phone],
.frm_style_formidable-style.with_frm_style input[type=search],
.frm_style_formidable-style.with_frm_style select,
.frm_form_fields_style,
.frm_style_formidable-style.with_frm_style textarea,
.frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container,
.frm_form_fields_active_style,
.frm_form_fields_error_style,
.frm_style_formidable-style.with_frm_style .frm-card-element.StripeElement,
.frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices,
.frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single {
  padding: 10px 20px;
  min-height: 50px;
  margin: 10px 0 0 0;
  border-color: #ddd;
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing {
  border-top: none;
}

input.dv-uploaded-file-info {
  opacity: 0;
  min-height: 0 !important;
  padding: 0 !important;
  visibility: hidden;
  height: 0 !important;
}

.frm_submit {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.dv-thyrida-modal-title {
  padding: 20px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 28px;
  color: var(--dv_primary_color);
}

.dv-thyrida-modal-subtitle {
  padding: 10px 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: var(--dv_primary_color);
}

.dv-thyrida-modal-title:first-of-type {
  padding: 0 0 20px 10px;
}

.dv-submission-view-info-tr {
  height: 30px;
}

.dv-submission-view-info-title-td {
  width: 300px;
}

.dv-submission-view-history-table {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid var(--dv_color_lightblue);
  display: grid;
  grid-template-columns: 100px 1fr 1fr;
}

.dv-submission-view-history-table div {
  font-size: 13px;
  text-align: center;
  padding: 10px;
}

.dv-submission-view-history-in-progress-txt {
  color: #7a8b7a;
}

.dv-header-menu-2 {
  width: 100%;
  display: flex;
}

.dv-header-menu-list-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  list-style-type: none;
  text-align: center;
  padding-left: 0;
  margin-bottom: 0;
  flex-grow: 1;
}

.dv-header-menu-list-2 a {
  text-decoration: none;
  color: var(--dv_primary_color);
  font-size: 13px;
}

.dv-sticky {
  position: sticky;
  top: -1px;
  z-index: 900;
}

.dv-submission-view-dikaiologitiko {
  text-decoration: none !important;
  font-size: 16px;
  color: var(--dv_color_white);
  display: block;
  width: 186px;
  height: 62px;
  position: relative;
  margin-left: auto;
  margin-bottom: 30px;
}

.dv-submission-view-dikaiologitiko:hover {
  color: #fff;
}

.dv-submission-view-dikaiologitiko {
  border-radius: 5px;
  padding: 20px;
  transition: 0.1s linear;
  background-color: var(--dv_primary_color);
  box-shadow: 0 3px 6px var(--dv_shadow_color);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dv-submission-view-dikaiologitiko:hover {
  background: var(--dv_secondary_color);
}

.dv-submission-view-dikaiologitiko.disabled,
.dv-submission-view-dikaiologitiko.disabled:hover {
  background-color: lightgrey;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}

.dv-submission-view-dv_case-file-category {
  font-size: 11px;
  color: #23313C;
  background-color: #fff;
  padding: 1px 5px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3px;
  font-weight: bold;
  margin-bottom: 30px;
  display: block;
}

.dv-submission-view-info-ctn {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 2rem;
}

.dv-submission-view-info-title {
  font-size: 22px;
  font-weight: bold;
  cursor: default;
  margin-bottom: 0.5rem;
  color: var(--dv_color_graphite);
}

.dv-fill-in-email-wrapper {
  position: fixed;
  display: flex;
  justify-content: center;
  z-index: 2;
  width: 100%;
  animation-name: show-fill-in-email-popup;
  animation-duration: 1s;
  bottom: 0;
}

@keyframes show-fill-in-email-popup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes hide-fill-in-email-popup {
  0% {
    bottom: 0;
  }

  100% {
    bottom: -500px;
  }
}

.dv-fill-in-email-wrapper-hidden {
  animation-name: hide-fill-in-email-popup;
  animation-duration: 1s;
  bottom: -500px;
}

.dv-fill-in-email {
  margin: 20px 0;
  padding: 30px;
  background-color: var(--dv_secondary_color);
  color: var(--dv_color_white);
  border-radius: 4px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
  max-width: 760px;
  position: relative;
}

.dv-fill-in-email-modal-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.dv-fill-in-email h3 {
  font-size: 28px;
  font-weight: bold;
}

.dv-fill-in-email p {
  font-size: 17px;
}

.dv-fill-in-email form {
  margin-bottom: 0;
  margin-top: 30px;
  display: flex;
  justify-content: stretch;
}

input.dv-front-page-user-email {
  border-radius: 2px;
  border: none;
  height: 58px;
  padding: 0 30px;
  margin-right: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
  width: 100%;
  border-radius: 6px;
}

.dv-front-page-user-email:disabled {
  background: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.dv-front-page-save-user-email {
  border: none;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
  background-color: var(--dv_primary_color);
  color: white;
  border-radius: 6px;
  padding: 10px 30px;
  width: 167px;
  height: 58px;
  font-size: 16px;
  margin-left: 20px;
}

.dv-update-profile-btn {
  border: none;
  color: white;
  border-radius: 40px;
  padding: 5px 30px;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--dv_primary_color);
  height: 62px;
  font-size: 0.9em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  margin: 20px auto 0 auto;
  line-height: 1.2em;
}

.dv-update-profile-btn i {
  margin-right: 7px;
}

.dv-update-profile-btn:hover,
.dv-update-profile-btn:focus {
  background-color: var(--dv_secondary_color);
}

.dv-front-page-save-user-email:disabled,
.dv-update-profile-btn:disabled {
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  cursor: not-allowed;
}

.dv-front-page-user-email-error {
  font-size: 12px;
  color: #B94A48;
  margin-top: 10px;
  display: block;
}

.dv-email-filled {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
}

.dv-fill-in-email-checkmark {
  font-size: 40px;
  margin-bottom: 20px;
  color: var(--dv_primary_color);
}

.dropdown-content span {
  font-size: 16px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}

.dropdown-content a i {
  margin-right: 7px;
}

.dropbtn.active ~ .dropdown-content {
  display: block;
  min-width: 185px;
}

.dv-select-category-input:checked ~ .dv-select-category-label::before {
  background-color: var(--dv_primary_color);
  border: none;
}

.dv-select-category-label {
  font-size: 14px;
  padding-top: 1px;
}

.dv-categories-filter-title {
  font-size: 16px;
  margin: 30px 0 10px 0;
  padding-bottom: 5px;
  display: block;
  border-bottom: 1px solid #ccc;
}

#dv-select-dv_cases-types-form {
  margin-bottom: 0;
}

.dv-draft-submission-span {
  display: inline-block;
  padding: 2px 5px;
  margin-right: 10px;
  cursor: default;
  border-radius: 5px;
  color: white;
  background-color: var(--dv_primary_color);
  font-size: 10px;
}

/* success page */

.animation-ctn {
  text-align: center;
  margin-top: 100px;
}

@keyframes checkmark {
  0% {
    stroke-dashoffset: 100px;
  }

  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes checkmark-circle {
  0% {
    stroke-dashoffset: 480px;
  }

  100% {
    stroke-dashoffset: 960px;
  }
}

@keyframes colored-circle {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 100;
  }
}

.inlinesvg .svg svg {
  display: inline;
}

.icon--order-success svg polyline {
  animation: checkmark 0.25s ease-in-out 0.7s backwards;
}

.icon--order-success svg circle {
  animation: checkmark-circle 0.6s ease-in-out backwards;
}

.icon--order-success svg circle#colored {
  animation: colored-circle 0.6s ease-in-out 0.7s backwards;
}

/* success page END */

.dv-page-services-cnt {
  display: flex;
}

.dv-page-services-filters-cnt {
  width: 300px;
}

.dv-page-services-filters {
  width: calc(100% - 10px);
  background-color: #f4f4f4;
  margin-right: 10px;
}

.dv-filters-collapsable-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.dv-filters-collapsable-title-icon {
  display: none;
  transition: all 0.1s linear;
}

.dv-services-filters {
  padding: 10px;
}

.dv-categories-filter-title:first-of-type {
  margin-top: 10px;
}

.dv-submission-not-submitted-box {
  text-align: center;
  padding: 50px;
  border: 1px solid var(--dv_shadow_color);
  margin-bottom: 50px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  background-color: var(--dv_primary_color) !important;
  color: white !important;
  border: 0 solid white !important;
  padding: 2px !important;
  font-family: "Open Sans", sans-serif !important;
}

#dv-thyrida-doc-file-input-lbl {
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #dadada;
  margin-bottom: 0;
  margin-right: 10px;
}

#dv-thyrida-doc-file-cnt {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 20px 0 0 0;
}

#dv-thyrida-doc-file {
  display: none;
}

#dv-upload-to-thyrida-btn {
  padding: 5px 10px;
  background-color: var(--dv_primary_color);
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #dadada;
  margin-top: 40px;
}

#dv-upload-to-thyrida-modal-btn {
  background-color: var(--dv_primary_color);
  color: var(--dv_color_white);
  font-size: 16px;
  width: 167px;
  display: flex;
  margin-top: 50px;
}

.dv-upload-to-thyrida-msg {
  font-size: 13px;
  color: forestgreen;
}

#accordion button.btn-link[aria-expanded=true] {
  color: var(--dv_primary_color);
}

@media (max-width: 991px) {
  .dv-header-searchbox {
    width: 100%;
  }

  .dv-cat-list {
    background-color: #f4f4f4;
    margin-bottom: 60px;
  }

  .dv-cat-list .dv-category-item {
    padding: 0;
  }

  .dv-cat-list .dv-category-item span {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  a.dv-create-button {
    width: 62px;
    padding: 0;
    min-width: unset;
    text-align: center;
  }

  a.dv-create-button i {
    margin-right: 0;
    line-height: 60px;
  }

  .dv-header-flexbox {
    display: block;
  }

  .dv-header-menu-2 {
    flex-direction: column-reverse;
  }

  .dv-header-menu-list-2 {
    grid-template-columns: 1fr 1fr;
  }

  .dv-frontpage-categories-grid {
    grid-template-columns: 1fr 1fr;
  }

  .dv-page-services-cnt {
    display: block;
  }

  .dv-page-services-filters-cnt {
    width: 100%;
  }

  .dv-page-services-filters {
    width: 100%;
  }

  #dv_cases {
    width: 100%;
    padding: 5px 0;
    margin-top: 20px;
  }

  .frm_submit {
    display: block;
    margin-top: 40px;
  }

  .frm-summary-page-wrapper {
    padding: 0 !important;
    overflow-x: scroll;
  }

  .frm_prev_page,
  .frm_save_draft,
  .frm_button_submit,
  .frm_submit > button[type=submit] {
    width: 100% !important;
    display: block;
    margin: 5px 0;
  }

  #dv-action-buttons {
    text-align: center;
    margin-top: 30px;
  }

  .dv-btn-style-1 {
    margin: 0 !important;
    width: 100%;
  }

  .dv-btn-style-2.bootbox-cancel,
  .dv-btn-style-2.bootbox-accept {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .dv-submission-view-info-outer-ctn {
    grid-template-columns: 1fr;
  }

  .dv-submission-view-status-span {
    width: 100%;
  }

  .dv-services-filters {
    transition: all 0.1s linear;
    display: none;
  }

  .dv-filters-collapsable-title {
    background-color: #312F2F;
    color: #f4f4f4;
    padding: 10px 15px;
  }

  .dv-filters-collapsable-title-icon {
    display: block;
  }

  .dv-services-filters-expanded {
    display: block;
  }

  .dv-draft-submission-span {
    margin-bottom: 3px;
  }

  .dv-submission-not-submitted-box {
    text-align: center;
    padding: 20px;
  }

  .dv-submission-not-submitted-box h4 {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .dv-provoli-dv_case-link {
    min-width: 150px;
    display: inline-block;
  }

  .dv-back-button {
    margin: 10px auto 10px 0;
  }
}

@media (max-width: 500px) {
  .dv-frontpage-categories-grid {
    grid-template-columns: 1fr;
  }
}

.search-submit {
  width: 62px;
  height: 62px;
  background: #00327a;
  border-radius: 3px;
  border: none;
  color: #fff;
  cursor: pointer;
}

.search-field {
  padding: 10px 20px;
  height: 62px;
  border: 0;
  font-size: 16px;
  border-radius: 6px 0 0 6px;
  width: 250px;
}

.dv-category-item {
  padding: 10px;
  box-sizing: content-box;
  position: relative;
  list-style-type: none;
  cursor: default;
}

.dv-cat-list a {
  text-decoration: none;
  color: black;
}

.dv-category-item:not(.active):hover {
  background-color: #f5f5f6;
  color: var(--dv_primary_color);
  cursor: pointer;
}

.dv-category-item.active {
  background-color: var(--dv_primary_color);
  color: #fff !important;
  font-weight: bolder;
}

.dv-category-item span {
  padding: 10px;
  margin-left: 15px;
  font-size: 18px;
  box-sizing: content-box;
  display: block;
  position: relative;
}

.dv-breadcrumb {
  background-color: #f4f5fa;
  min-height: 40px;
  flex-grow: 0;
  flex-shrink: 0;
}

.dv-header .search-form {
  margin-bottom: 0;
  position: relative;
  margin-right: 20px;
  display: flex;
}

.search-submit i {
  font-size: 22px !important;
}

.dv-breadcrumb .list-inline {
  font-size: 12px;
  padding: 10px 0;
  margin-bottom: 0;
}

.list-inline i {
  padding: 0 5px;
  font-size: 15px;
  top: 3.5px;
  position: relative;
  color: #0875AF;
  /* #097bba; */
}

/*
.list-inline a:last-of-type {
    font-weight: bold;
}
*/

.list-inline-item {
  margin-right: 0px !important;
}

.list-inline a {
  color: var(--dv_color_graphite);
  cursor: pointer;
}

.list-inline a:hover {
  color: var(--dv_primary_color);
}

.dv_cases {
  display: flex;
  justify-content: center;
}

.dv_cases h2 {
  font-size: 27px;
  font-weight: bolder;
  position: relative;
  vertical-align: middle;
}

.dv_cases ul {
  list-style-type: none;
  padding-left: 0;
}

.dv_cases ul li a {
  padding: 20px;
}

li.services-link a {
  color: var(--dv_color_graphite);
  display: block;
  width: 100%;
}

li.services-link:hover a {
  color: var(--dv_primary_color);
}

li.services-link .myh6 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}

li.services-link p {
  margin-top: 5px;
  margin-bottom: 0;
}

ul:not(.dv-search-results) li.services-link:not(.locked):hover {
  cursor: pointer;
  background-color: var(--dv_almost_white_hover_color);
}

.dv-search-results li {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 0px 14px 0px;
}

.search-page h1 {
  font-weight: bolder;
  font-size: 35px;
}

.dv-search-phrase {
  color: #007FAD;
  /*#00aeef;*/
  font-size: 18px;
  font-weight: 600;
}

.dv-results-stats {
  font-size: 22px;
  color: #414141;
  align-items: baseline;
}

.dv-results-count {
  font-size: 35px;
  padding-right: 8px;
  font-weight: 700;
}

.dv-search-results {
  list-style-type: none;
  padding-left: 0;
}

.dv_cases-table-cnt,
.dv-thyrida-tables-outer-cnt {
  width: 100%;
}

.dv-thyrida-loader,
.dv_cases-loader {
  margin-top: 150px;
}

.dv-submissions-table-cnt {
  width: 100%;
}

.dv-thyrida-table-cnt {
  display: flex;
  width: 100%;
}

.dv-left-side {
  flex-basis: 70%;
}

.dv-right-side {
  flex-basis: 30%;
  margin-left: 20px;
}

.dv-header-sign-in {
  height: 62px;
  min-width: 172px;
  padding: 15px 15px 15px 30px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--dv_header_nav_buttons_bg_color);
  color: var(--dv_header_nav_buttons_text_color);
  transition: 0.1s linear;
}

.dv-header-sign-in:hover {
  background-color: var(--dv_color_white);
  color: var(--dv_primary_color);
}

.dv-header-sign-in a {
  color: var(--dv_header_nav_buttons_text_color);
  margin-bottom: 10px;
}

.search-label {
  margin-bottom: 0;
  position: absolute;
  left: calc(-100% - 188px);
  width: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
}

.visible-search {
  display: flex;
  visibility: visible;
  opacity: 1;
  width: auto;
}

.visible-search .search-label {
  display: block;
  width: 250px;
  visibility: visible;
  opacity: 1;
}

.visible-search .search-submit {
  color: var(--dv_primary_color);
  background-color: var(--dv_color_white);
  border-radius: 0 6px 6px 0;
}

.dv-gdpr-ctn p {
  margin-bottom: 0;
}

.dv-header-menu-list .dropdown-content span {
  color: var(--dv_primary_color);
  height: 48px;
}

.dv-header-dropbtn.active {
  background-color: var(--dv_color_white);
  color: var(--dv_primary_color);
}

a.dv-all-questions-btn:hover {
  color: var(--dv_color_white);
}

.dv-faq-btn[aria-expanded=true] i {
  margin-left: 20px;
  flex-basis: 5%;
  color: rgba(51, 70, 146, 0.48);
  transform: rotate(180deg);
}

.dv_case-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
}

.dv_case-useful-links {
  text-align: left;
}

.dv-useful-links-title {
  font-size: 24px;
}

.dv-useful-link {
  font-size: 16px;
  color: var(--dv_primary_color);
  display: block;
  text-align: left;
  padding-left: 20px;
  margin-bottom: 10px;
}

.dv-useful-link i {
  font-size: 18px;
  top: 3px;
  position: relative;
}

.dv-link {
  color: var(--dv_primary_color);
}

a.dv-continue-to-request-btn {
  width: 260px;
  height: 62px;
  border-radius: 6px;
  background-color: var(--dv_primary_color);
  color: var(--dv_color_white);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 5px;
}

a.dv-continue-to-request-btn.disabled {
  opacity: 0.4;
  filter: grayscale(100%);
  cursor: not-allowed;
  color: var(--dv_color_white);
}

a.dv-continue-to-request-btn:not(.disabled):hover {
  background-color: var(--dv_secondary_color);
  color: var(--dv_color_white);
}

.dv-dikaiologitiko-uploaded {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding: 20px;
  border-radius: 4px;
  background-color: var(--dv_color_blue_transparent);
  color: var(--dv_primary_color);
  margin-bottom: 5px;
}

.dv-dikaiologitiko-uploaded.dv-deleted {
  transition: 0.1s linear;
  min-height: unset;
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.dv-remove-dikaiologitiko,
.dv-remove-multifile-dikaiologitiko {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-left: 10px;
}

.dv-remove-dikaiologitiko:hover {
  color: var(--dv_secondary_color);
}

.frm_style_formidable-style.with_frm_style div.dikaiologiiko_field label.frm_primary_label {
  font-size: 16px;
  font-weight: bold;
  margin: 0 20px;
  padding-bottom: 0;
}

.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading.dikaiologitika_section h3 {
  text-align: right;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 24px;
}

.frm_style_formidable-style.with_frm_style div.dikaiologitika_section div.frm_description {
  font-size: 18px;
  color: var(--dv_color_grey);
  padding: 0 0 2rem 20px;
}

.frm_style_formidable-style.with_frm_style .frm_submit .frm_button_submit {
  width: 309px;
  height: 62px;
  background-color: var(--dv_primary_color);
  color: var(--dv_color_white);
  font-size: 16px;
  font-weight: bold;
  text-decoration: unset;
  transition: 0.1s linear;
  padding: 10px 35px !important;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: none;
  box-shadow: 0 3px 6px var(--dv_shadow_color);
}

.frm_style_formidable-style.with_frm_style .frm_submit .frm_button_submit:hover,
.frm_style_formidable-style.with_frm_style .frm_submit .frm_button_submit:focus,
.frm_style_formidable-style.with_frm_style .frm_submit .frm_button_submit:active {
  background-color: var(--dv_primary_color);
  border: none;
  color: var(--dv_color_white);
}

.frm_style_formidable-style.with_frm_style .frm_submit .frm_button_submit:after {
  font-family: "Material Icons";
  content: "\E315";
  width: 30px;
  position: relative;
  height: 30px;
  color: var(--dv_primary_color);
  background-color: var(--dv_color_white);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 24px;
  padding-left: 4px;
  padding-top: 1px;
  border-radius: 20px;
  font-weight: 400;
}

.frm_button_back_bt:before {
  font-family: "Material Icons";
  content: "\E314" !important;
  width: 30px;
  position: relative;
  height: 30px;
  color: var(--dv_primary_color);
  background-color: var(--dv_color_white);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 24px;
  padding-left: 4px;
  padding-top: 1px;
  border-radius: 20px;
  font-weight: 400;
}

.frm_button_back_bt:after {
  content: none !important;
}

.frm_style_formidable-style.with_frm_style a.frm_save_draft {
  width: 318px;
  height: 62px;
  /*background-color: var(--dv_secondary_color);*/
  background-color: #288186;
  color: var(--dv_color_white);
  font-size: 16px;
  font-weight: bold;
  text-decoration: unset;
  transition: 0.1s linear;
  padding: 10px 25px !important;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0 3px 6px var(--dv_shadow_color);
}

.frm_style_formidable-style.with_frm_style a.frm_save_draft:after {
  font-family: "Material Icons";
  content: "\E161";
  width: 44px;
  position: relative;
  height: 44px;
  color: var(--dv_color_white);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 28px;
  padding-left: 4px;
  padding-top: 1px;
  border-radius: 20px;
  font-weight: 400;
}

.dv-upload-dropzone,
.dv-thyrida-dropzone {
  width: 100%;
  background-color: var(--dv_color_blue_transparent);
  border: 4px dashed var(--dv_primary_color);
  height: 105px;
  padding: 10px;
}

.dv-upload-file-step-2 {
  justify-content: center;
  width: 840px;
  margin: 50px auto;
  background: #fafafa;
  box-shadow: 0 19px 38px var(--dv_shadow_color_3);
  text-align: left;
  position: relative;
  border-radius: 4px;
  padding: 20px;
}

.dv-upload-file-step-2-ctn:not(.dv-upload-file-step-2-ctn-hidden) {
  animation: slide-right-step-2 1s forwards;
}

.dv-upload-file-step-2-ctn.dv-upload-file-step-2-ctn-hidden {
  left: 100%;
  display: none;
}

@keyframes slide-right-step-2 {
  0% {
    left: 100%;
  }

  100% {
    left: 0;
  }
}

.dv-upload-file-step {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dv-upload-file-step-2-ctn {
  display: block;
  overflow-y: scroll;
  z-index: 1101;
}

button.dv-attach-file-btn {
  border: none;
  background-color: var(--dv_primary_color);
  color: var(--dv_color_white);
  width: 145px;
  height: 58px;
  font-size: 16px;
  margin-left: auto;
  border-radius: 6px;
  transition: 0.1s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dv-attach-file-btn:hover {
  background-color: var(--dv_secondary_color);
}

.dv-uploaded-file-details-cnt {
  width: 100%;
  margin-bottom: 10px;
  background-color: #f4f5f6;
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}

.dv-uploaded-file-details-cnt.failed .error-message {
  color: #973937;
}

.dv-uploaded-file-details-cnt:last-of-type {
  margin-bottom: 30px;
}

.dv-uploaded-file-details {
  width: 100%;
}

.dv-file {
  padding: 10px 0;
  margin: 0 20px;
}

.dv-file-name {
  font-size: 14px;
  color: var(--dv_primary_color);
  font-weight: bold;
}

.dv-file-upload-options {
  padding: 0 10px 10px 10px;
}

input.custom-control-input:checked ~ label.custom-control-label::before {
  background-color: var(--dv_primary_color);
  border-color: var(--dv_primary_color);
}

.dv-add-to-thyrida-label {
  color: var(--dv_color_grey);
  font-size: 13px;
  position: relative;
  top: -2px;
  padding-right: 20px;
}

#dv-add-to-thyrida-checkbox,
.custom-checkbox .dv-add-to-thyrida-label::before {
  top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--dv_primary_color);
}

.dv-add-to-thyrida-label::after {
  width: 22px;
  height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.custom-checkbox {
  padding-left: 20px;
}

.dv-upload-dropzone .dz-message,
.dv-thyrida-dropzone .dz-message {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.dv-upload-dropzone .dz-message span,
.dv-thyrida-dropzone .dz-message span {
  text-align: center;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.frm_style_formidable-style.with_frm_style .frm_submit .frm_prev_page,
.frm_style_formidable-style.with_frm_style .frm_submit .frm_prev_page:hover,
.frm_style_formidable-style.with_frm_style .frm_submit .frm_prev_page:focus {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: none;
  border-bottom: 1px solid var(--dv_color_graphite);
  color: var(--dv_color_graphite);
  border-radius: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.frm_prev_page:before {
  position: relative;
  content: "\E037";
  font-family: "Material Icons";
  top: 2px;
  margin-left: 10px;
  left: -10px;
  display: inline-block;
  transform: rotate(180deg);
}

#dv-user-thyrida-table_length select[name=dv-user-thyrida-table_length],
#dv-user-submissions-table_length select[name=dv-user-submissions-table_length],
#dv-thyrida-modal-table_length select[name=dv-thyrida-modal-table_length],
#dv-protocoled-files-table_length select[name=dv-protocoled-files-table_length] {
  width: 300px;
  height: 48px;
  font-size: 14px;
  border-radius: 6px;
  background-color: var(--dv_color_white);
  box-shadow: 0 3px 6px var(--dv_shadow_color);
  border: none;
  color: var(--dv_primary_color);
  padding: 0 20px;
}

#dv-user-thyrida-table_wrapper a.paginate_button,
#dv-user-thyrida-table_wrapper a.paginate_button:hover,
#dv-user-submissions-table_wrapper a.paginate_button,
#dv-user-submissions-table_wrapper a.paginate_button:hover,
#dv-thyrida-modal-table_wrapper a.paginate_button,
#dv-thyrida-modal-table_wrapper a.paginate_button:hover,
#dv-protocoled-files-table_wrapper a.paginate_button,
#dv-protocoled-files-table_wrapper a.paginate_button:hover {
  width: 48px;
  height: 48px;
  font-size: 14px;
  border-radius: 6px;
  background: var(--dv_color_white);
  box-shadow: 0 3px 6px var(--dv_shadow_color);
  border: none;
  padding: 0;
  margin-left: 10px;
}

#dv-user-thyrida-table_wrapper a.paginate_button:not(.disabled):hover:before,
#dv-user-submissions-table_wrapper a.paginate_button:not(.disabled):hover:before,
#dv-thyrida-modal-table_wrapper a.paginate_button:not(.disabled):hover:before,
#dv-protocoled-files-table_wrapper a.paginate_button:not(.disabled):hover:before {
  color: var(--dv_primary_color) !important;
}

a.paginate_button.disabled {
  visibility: hidden;
}

a.paginate_button.previous:before {
  font-family: "Material Icons";
  content: "\E314";
  font-size: 35px;
  color: var(--dv_color_lightblue);
}

a.paginate_button.next:before {
  font-family: "Material Icons";
  content: "\E315";
  font-size: 35px;
  color: var(--dv_color_lightblue);
}

.dv-table-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dataTables_wrapper .dataTables_info {
  margin-top: 7px;
  margin-right: 7px;
}

.dv-right-side {
  color: var(--dv_color_graphite);
  padding-left: 20px;
}

.dv-right-side h2 {
  font-size: 24px;
  text-align: right;
}

.dv-right-side p {
  font-size: 18px;
}

label[for=dv-doc-type-text] {
  padding: 20px 20px 0 20px;
}

#dv-doc-type-text {
  padding: 10px 20px;
  min-height: 50px;
  margin: 0 20px 20px 20px;
  width: calc(100% - 40px);
  border-color: #ddd;
  height: 32px;
  line-height: 1.3;
  color: #555555;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  max-width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  font-weight: normal;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.dv-doc-desc-text {
  padding: 10px;
  width: 100%;
  background: white;
  border-radius: 4px;
  border: none;
}

.dv-dropzone-wrapper {
  margin-bottom: 20px;
  position: relative;
}

.dv-transparent-white-box,
.dv-upload-progress-bar,
.dv-upload-progress-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

ul.list-inline li:last-child {
  /*&float: right;*/
}

.dv-fr {
  float: right;
}

.dv-flexrow-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dv-flexrow-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dv-flexrow-center-top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.dv-flexrow-center-stretch {
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.dv-sidebar-title {
  font-size: 24px;
  color: var(--dv_color_graphite);
  text-align: right;
  margin-top: 50px;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.dv-submission-doc-label {
  font-size: 20px;
  color: var(--dv_color_graphite);
  font-weight: bold;
  margin-bottom: 2px;
}

.dv-submission-doc-description {
  font-size: 16px !important;
  color: #757575;
  margin-left: auto;
  margin-bottom: 8px;
}

.dv-protocol-box {
  width: 100%;
  color: var(--dv_color_white);
  background-color: var(--dv_color_green);
}

.dv-protocol-box {
  margin-top: 50px;
  text-align: center;
  padding: 40px;
}

.dv-protocol-box h3 {
  max-width: 500px;
  margin: 0 auto 40px auto;
  font-size: 44px;
  font-weight: bold;
}

.dv-protocol-box p {
  font-size: 32px;
  margin-bottom: 0;
}

#dv-submission-view-history-accordion .card {
  border: none;
}

#dv-submission-history-heading {
  background: none;
  border: none;
  text-decoration: underline;
  font-size: 16px;
}

#dv-submission-history-heading .btn-link {
  text-decoration: underline;
  color: var(--dv_color_graphite);
  position: relative;
  padding-left: 30px;
}

#dv-submission-history-heading .btn-link:before {
  position: absolute;
  top: 1px;
  left: 0;
  content: "\E5C5";
  font-family: "Material Icons";
  font-size: 24px;
}

#dv-submission-history-heading .btn-link.collapsed:before {
  transform: rotate(-90deg);
}

.dv-thyrida-doc-type {
  margin-bottom: 5px;
  font-size: 16px;
  display: inline;
}

.dv-thyrida-doc-btn {
  background: none;
  border: none;
  font-size: 16px;
  color: var(--dv_primary_color);
  white-space: nowrap;
  font-weight: bold;
  cursor: pointer;
}

.dv-thyrida-doc-btn i {
  margin-left: 10px;
  font-size: 20px;
}

.dv-thyrida-doc-btn:hover {
  color: var(--dv_secondary_color);
}

tbody .dv_doc_filename {
  overflow-wrap: anywhere;
}

tbody tr .dv-edit-doc-title {
  color: var(--dv_color_grey);
  font-size: 14px;
  margin-left: 10px;
  display: none;
  cursor: pointer;
  position: absolute;
  padding-top: 2px;
}

tbody tr .dv-edit-doc-title {
  display: none;
}

tbody tr:hover .dv-edit-doc-title {
  display: inline;
}

tbody tr .dv-edit-doc-title:hover {
  color: var(--dv_color_graphite);
}

.dv_doc_size {
  white-space: nowrap;
}

div.modal-backdrop {
  background-color: rgba(255, 255, 255, 0.7);
}

div.modal-backdrop.show {
  opacity: 1;
}

div.bootbox.modal {
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

div.bootbox.modal .modal-content {
  border: none;
  box-shadow: 0 19px 38px var(--dv_shadow_color_3);
  width: 600px;
}

div.bootbox.modal .modal-header h5 {
  font-size: 28px;
  color: var(--dv_primary_color);
}

div.bootbox.modal .modal-footer,
div.bootbox.modal .modal-header {
  border: none;
}

.dv-submission-doc-type-label {
  margin-top: 80px;
  margin-bottom: 30px;
  font-size: 22px;
  color: var(--dv_primary_color);
  font-weight: 500;
}

.dv-no-pis {
  padding-inline-start: 0px;
}

.dv-submission-doc-type-label:first-of-type {
  margin-top: 0;
}

.dv-thyrida-doc-btn.disabled {
  color: var(--dv_color_blue_transparent);
  cursor: not-allowed;
}

.dv-link-bold-underline {
  text-decoration: underline;
  font-weight: bold;
  color: var(--dv_primary_color);
}

.dv-link-bold-underline:hover {
  color: var(--dv_secondary_color);
}

.dv-upload-progress-bar {
  background: rgba(39, 85, 133, 0.35);
  transition: 0.1s linear;
  width: 0;
}

.dv-upload-progress-box {
  background-color: var(--dv_color_white);
  opacity: 0.01%;
}

.dv-upload-file-step-1-ctn.dv-thyrida-modal {
  display: block;
  overflow-y: scroll;
}

.dv-uploaded-file-type-lbl {
  margin: 30px 20px 20px 20px;
  font-size: 20px;
  color: var(--dv_color_graphite);
}

.dv_success_p a {
  text-decoration: none;
  color: var(--dv_primary_color);
  overflow-wrap: anywhere;
  font-size: 13px;
}

.dv-protocol-text {
  font-weight: bold;
}

.timeline-bubble {
  padding: 10px 20px;
  border-radius: 5px 5px 20px 5px;
  background-color: #f4f5f9;
}

.timeline-bubble-wrapper {
  max-width: 60%;
}

.timeline-bubble-wrapper.right {
  margin-left: auto;
}

.timeline-bubble-wrapper.right .timeline-bubble {
  border-radius: 5px 5px 5px 20px;
}

.timeline-bubble a#show-entry-data-btn,
a#show-supporting-docs-btn,
a.more-data-popup-btn {
  color: #0264F7;
}

@media (max-width: 768px) {
  .dv-flexrow-between-center {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    /* Margin κάτω από τον wrapper */
  }

  .dv-flexrow-between-center .dv-create-button {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin: 10px 0;
  }

  .taxonomies-dropdown {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }

  .dv-table-controls {
    display: block;
  }

  #dv-user-submissions-table_info {
    margin-right: 0;
  }

  .dv-thyrida-table-cnt {
    display: block;
    margin-bottom: 0;
  }

  .dv-right-side {
    padding: 20px;
    margin-left: 0;
    margin-top: 50px;
  }

  .dv_case-useful-links {
    margin-top: 70px;
  }

  .dv-useful-links-title {
    text-align: left;
  }

  div.bootbox.modal .modal-content,
  .dv-upload-file-step-2 {
    width: calc(100% - 50px);
    margin-left: auto;
    margin-right: auto;
  }

  .dv-block-mobile {
    display: block !important;
  }

  .dv-submission-status {
    text-align: right;
  }

  .dv-protocol-box h3 {
    font-size: 28px;
  }

  .dv-protocol-box p {
    font-size: 24px;
  }

  .dv-submission-view-history-table {
    grid-template-columns: 40px 1fr 1fr;
  }

  #dv-submission-view-history-collapse .card-body {
    padding: 0;
  }

  .dv-header {
    height: 250px;
  }

  .dv-header-menu {
    order: 1;
  }

  .searchbox-button {
    order: 2;
    margin-right: 0;
    margin-left: 20px;
  }

  .dv-header-searchbox {
    order: 3;
  }

  .visible-search {
    width: 62px;
    z-index: 100;
  }

  .dv-thyrida-loader-inner-ctn {
    margin: 20px auto;
    width: calc(100% - 40px);
  }

  .faq-modal {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }

  .dv-thyrida-doc-btn {
    padding: 0;
  }

  .dv-thyrida-doc-btn span {
    display: none;
  }

  .dv-thyrida-doc-btn i {
    margin-left: 0;
  }

  .timeline-bubble-wrapper {
    max-width: 90%;
  }
}

#publish_dates_info {
  background-color: #f2f2f2;
  font-family: "Open Sans", sans-serif;
  color: var(--dv_color_graphite);
  border-radius: 8px;
  min-width: 340px;
  width: 50%;
  padding: 20px;
}

.dv-frm-tooltip .tooltip-inner {
  padding: 10px !important;
  background-color: lightgray !important;
  color: black !important;
  bottom: 0px;
}

.dv-frm-tooltip .arrow::before {
  bottom: 5px;
  border-right-color: lightgray !important;
  border-left-color: lightgray !important;
}

.more-data-request-info {
  padding: 20px;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
  background-color: #f4f5f9;
}

.more-data-description {
  min-width: 280px;
  word-wrap: break-word;
  font-size: 0.9em;
}

#email-verification button[type=submit].processing,
#code-verification button[type=submit].processing {
  animation: 1s processing infinite alternate;
  color: #777 !important;
}

@keyframes processing {
  0% {
    background-color: #e2e3e5;
    opacity: 1;
  }

  100% {
    background-color: #f7f7f7;
    opacity: 0.7;
  }
}

div.nsl-container-block .nsl-container-buttons a:hover {
  filter: brightness(1.1);
}

.dv-submission-answer-message {
  margin-top: 40px;
  padding: 40px;
  background-color: #f4f5f9;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
  border-top: 6px solid var(--dv_primary_color);
}

#answer-has-files-msg {
  color: #777;
}

.dv-submission-answer-message h4 {
  font-weight: 600;
  color: #444;
  text-align: center;
  width: 100%;
}

.dv-submission-answer-message p {
  margin-bottom: 0;
}

.services-link.locked {
  display: flex;
  justify-content: stretch;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
  color: #949494;
}

.services-link.locked p {
  width: 100%;
}

.dv-locked-message {
  display: flex;
  flex-wrap: wrap;
  min-width: 300px;
  width: 40%;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 50px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  background-color: #f7f9f9;
  margin-top: 100px;
}

.required-login-types {
  list-style-type: none;
  padding-left: 0;
  margin-top: 30px;
  margin-bottom: 0;
}

.required-login-types li {
  margin-top: 10px;
  color: #1A66A8;
  list-style: inside;
}

.dv-locked-message i.fas.fa-lock {
  color: var(--dv_primary_color);
  /*margin-bottom: 20px;*/
}

.unlock-authorized-icon {
  filter: grayscale(1);
}

.service-link-locked-msg {
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
  top: 100%;
  background: #fff;
  z-index: 1;
  display: none;
  color: #7d8492;
}

.service-link-locked-msg > div:before {
  content: "";
  transform: rotate(45deg);
  width: 20px;
  height: 20px;
  background-color: #fff;
  z-index: 2;
  top: -27px;
  left: 0;
  position: absolute;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-right: 0;
  border-bottom: 0;
}

.services-link.locked:hover .service-link-locked-msg {
  display: block;
}

.more-data-popup-btn,
#show-entry-data-btn,
#show-supporting-docs-btn {
  border-radius: 8px;
  cursor: pointer;
  transition-duration: 0.25s;
  font-size: 0.8em;
}

.modal h4.dv-submission-doc-type-label {
  font-size: 16px;
}

.modal p.dv-submission-doc-label {
  text-align: left;
  font-size: 14px;
}

.modal p.dv-submission-doc-description {
  text-align: left;
  font-size: 12px !important;
  margin-bottom: 10px;
}

.modal a.dv-submission-view-dikaiologitiko.dv-download-file-btn {
  margin: unset;
  height: unset;
  width: unset;
}

.modal .dv-submission-view-dikaiologitiko {
  width: 180px;
  height: 42px;
  align-items: center;
  margin-bottom: unset;
  margin-left: unset;
}

.modal .dv-submission-view-dikaiologitiko i {
  font-size: 16px;
}

.modal .dv-submission-view-dikaiologitiko span {
  font-size: 14px;
}

.modal-body > p {
  text-align: left;
  padding: 10px;
}

.dv-bold {
  font-weight: bold;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration: none;
}

.navigation ul {
  margin-top: 30px;
  padding-left: 0px;
}

.navigation li {
  display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: var(--dv_primary_color);
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
  background-color: var(--dv_secondary_color);
  color: #424242;
}

.more-data-msg,
.supporting-docs-msg {
  padding: 20px;
  border-radius: 5px;
  background-color: #f4f5f9;
  min-height: 50px;
  font-size: 0.9rem;
}

.locked-icon {
  animation: 1s ease slidein;
  animation-delay: 0.3s;
}

@keyframes slidein {
  from {
    transform: translateX(0%);
  }

  49% {
    transform: translateX(-200%);
  }

  50% {
    transform: translateX(200%);
  }

  to {
    transform: translateX(0%);
  }
}

.locked-page-actions a {
  color: #545b62;
  display: inline-block;
  width: 200px;
  text-align: center;
}

.locked-page-actions a:last-child {
  margin-left: 10px;
}

.embed-page a {
  color: var(--dv_primary_color);
  font-weight: 600;
}

#dv-user-data .form-group.row {
  padding: 8px;
}

#dv-user-data select.form-control {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

.ml-6 {
  margin-left: 6px;
}

.status-files {
  display: flex;
  flex-wrap: wrap;
  white-space: pre-line;
  word-break: break-all;
  margin-top: 10px;
  justify-content: center;
}

.status-files.focused {
  animation: box-shadow-focus 1s forwards;
}

.file-download-btn-alt {
  position: relative;
  width: 190px;
  height: 100px;
  background: #ffffff;
  border-radius: 5px;
  display: block;
  overflow: hidden;
  padding: 10px;
  color: #545b62;
  margin: 0 10px 10px 0;
}

.file-download-btn-alt:hover:before {
  position: absolute;
  inset: 0;
  content: "\F019";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8666666667);
  z-index: 1;
  font-size: 20px;
}

.file-download-btn-alt i.fa,
.file-download-btn-alt i.fas {
  margin-right: 5px;
  position: absolute;
  top: 10px;
}

.file-download-btn-alt small {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
}

@keyframes box-shadow-focus {
  0% {
    background: #fff;
  }

  50% {
    background: #f4f5f9;
  }

  100% {
    background: #fff;
  }
}

#download-supporting-docs,
#download-answer-docs {
  color: #545b62;
  font-size: 0.9em;
  font-weight: bold;
}

#download-supporting-docs:hover,
#download-answer-docs:hover {
  color: #0a58ca;
}

#dv-thyrida-modal-table span.dv-edit-doc-title,
#dv-protocoled-files-table_wrapper span.dv-edit-doc-title {
  display: none;
}

#submission-status-rect {
  background-color: #f4f5fa;
  padding: 5px 10px;
  font-weight: bold;
  color: #545b62;
  border-radius: 5px;
  top: 35px;
  position: relative;
  font-size: 0.9em;
}

#submission-status-rect.rejected {
  background-color: #ffecb5;
  color: #664d03;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px var(--dv_primary_color);
  }

  100% {
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);
  }
}

.dv-pulse {
  animation: 1s pulse infinite;
}

.notifications-button.active {
  color: var(--dv_primary_color);
  background-color: white;
}

.notifications-container {
  position: relative;
}

.notifications-button + .notifications {
  display: none;
}

.notifications-button.active + .notifications {
  display: block;
}

.notifications {
  position: absolute;
  background-color: white;
  min-width: 280px;
  min-height: 100px;
  width: 25rem;
  right: 20px;
  margin-top: 10px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

.notifications-count-bubble {
  display: none;
}

.notifications-count-bubble.active {
  display: flex;
  position: absolute;
  top: 10px;
  right: 26px;
  color: white;
  background-color: #ef2424;
  border-radius: 20px;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
}

.notifications .nf-title {
  font-size: 23px;
  font-weight: bold;
  color: #555c66;
  padding: 10px;
  position: relative;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(244, 245, 249) 0%, rgba(255, 255, 255, 0) 90%);
}

.notification.unread {
  background-color: #edf0fb;
  color: black;
}

.notification:hover {
  color: var(--dv_primary_color);
}

.notification {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  color: gray;
  border-bottom: 1px solid #e7e8ec;
}

.notification:last-of-type {
  border-bottom: none;
}

.notification .title {
  font-size: 16px;
  font-weight: 700;
  margin-top: 2px;
}

.notification .description {
  font-size: 13px;
  line-height: 16px;
}

.notification span.timestamp {
  width: 100%;
  font-size: 11px;
  color: darkgray;
  margin-top: -5px;
  margin-bottom: -5px;
}

@media screen and (max-width: 780px) {
  .notifications {
    right: unset;
    left: 0px;
    max-width: 300px;
  }
}

.notification.hidden-template {
  display: none;
}

i.searchbox-button {
  font-size: 24px;
}

.dv-update-email-btn {
  padding: 5px 20px;
  border: 2px solid var(--dv_primary_color);
  border-radius: 20px;
  color: var(--dv_primary_color);
  font-size: 0.8em;
  font-weight: bold;
}

.verification-code-digit,
.verification-code-digit:-webkit-autofill {
  height: 80px;
  padding: 0;
  font-size: 40px;
  margin: 0 2px;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  width: 60px;
  background-color: #f4f4f4;
  border-radius: 3px;
  font-weight: bold;
  color: #2e4453;
  -webkit-appearance: none;
  box-shadow: rgba(0, 0, 0, 0.16) 0 3px 8px 0;
  border: none;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

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

.nsl-container-buttons {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #code-verification input[type=text] {
    height: 48px;
    width: 36px;
  }

  #code-verification-btn {
    width: auto;
    line-height: 15px;
    font-size: 15px;
    padding: 15px 20px;
    height: auto;
    border-radius: 30px;
  }

  .file-download-btn-alt {
    width: 100%;
  }

  .more-data-request-info .status-files {
    height: 400px;
    overflow-y: auto;
  }

  #login-types {
    display: flex;
    grid-gap: 10px;
  }

  .login-type-rectangle {
    width: 100%;
    height: 170px;
  }

  .navigation li {
    display: inline-flex;
    margin-top: 5px;
  }

  .dv-thyrida-doc-type {
    font-size: 13px;
  }

  #dv-user-thyrida-table,
  #dv-user-submissions-table,
  #dv-protocoled-files-table {
    margin: 10px 0;
    font-size: 13px;
  }

  table.dataTable thead th,
  table.dataTable thead td {
    padding: 10px !important;
  }

  table.dataTable > thead > tr > th:not(.sorting_disabled),
  table.dataTable > thead > tr > td:not(.sorting_disabled) {
    padding-right: 0px !important;
  }

  .dv-thyrida-modal-title {
    padding: 15px !important;
    font-size: 22px;
  }

  table.dataTable {
    margin-top: 0px !important;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .dv-flexrow-center-top {
    flex-wrap: wrap;
  }

  .dv-left-side {
    flex-basis: 100%;
  }

  .dv-right-side {
    flex-basis: 0;
    padding-left: 1%;
  }

  .dv-table-controls {
    flex-wrap: wrap;
  }

  .dv-header-title {
    flex-direction: column;
  }

  nav#pojo-a11y-toolbar {
    top: 207px !important;
  }

  .dv-header {
    min-height: 190px;
  }

  .dv-flexrow-between-center .dv_case-title {
    width: 100%;
  }

  .dv-flexrow-between-center .dv-create-button {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    text-align: center;
  }

  .taxonomies-dropdown {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media (min-width: 992px) {
  .dv-table-controls {
    flex-wrap: wrap;
  }
}

.dv-anonymous-form .dv-file-upload-options {
  display: none;
}

.dv-anonymous-form .dv-file .custom-control.custom-checkbox {
  display: none;
}

.mail-fold .st0 {
  fill: #1b6ea8;
}

.mail-fold .st1 {
  fill: #E6EBE0;
}

.mail-fold .st2 {
  fill: #CBCCCA;
}

.mail-fold .st3 {
  fill: #6181f5;
}

.mail-fold .st4 {
  fill: #bdbbf4;
}

#mail-icon {
  width: 120px;
  cursor: pointer;
}

.dv_email_verify_p span {
  background-color: #999898;
  color: white;
  padding: 0px 10px;
  border-radius: 4px;
}

.frm_style_formidable-style.with_frm_style input[type=submit] {
  background: var(--dv_primary_color) !important;
  color: white !important;
}

.frm_button_back_bt:before {
  font-family: "Material Icons";
  content: "\E314" !important;
  width: 30px;
  position: relative;
  height: 30px;
  color: var(--dv_primary_color);
  background-color: var(--dv_color_white);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 24px;
  padding-left: 4px;
  padding-top: 1px;
  border-radius: 20px;
  font-weight: 400;
}

.frm_button_back_bt:after {
  content: none !important;
}

.govgr-btn-secondary {
  accent-color: rgb(37, 40, 48);
  align-items: center;
  background-color: rgb(205, 204, 206);
  background-image: none;
  border-bottom-color: rgb(37, 40, 48);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: rgb(37, 40, 48);
  border-left-style: solid;
  border-left-width: 0px;
  border-right-color: rgb(37, 40, 48);
  border-right-style: solid;
  border-right-width: 0px;
  border-top-color: rgb(37, 40, 48);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-style: solid;
  border-top-width: 0px;
  box-shadow: rgb(153, 152, 156) 0px 2px 0px 0px;
  box-sizing: border-box;
  color: rgb(37, 40, 48);
  -moz-column-gap: 12px;
       column-gap: 12px;
  cursor: pointer;
  display: flex;
  font-family: Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: normal;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-size: 1.1875rem;
  font-stretch: 100%;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: 500;
  height: 48px;
  letter-spacing: 0.4px;
  line-height: 28.5px;
  margin-bottom: 32px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  min-height: 48px;
  padding-block-end: 8px;
  padding-block-start: 8px;
  padding-bottom: 8px;
  padding-inline-end: 20px;
  padding-inline-start: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  text-align: center;
  -webkit-text-decoration-color: rgb(37, 40, 48);
          text-decoration-color: rgb(37, 40, 48);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  text-transform: none;
  word-spacing: 0px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-border-image: none;
}

.alternative_creds_msg {
  max-width: 450px;
  margin-bottom: 30px;
}

.govgr-btn-secondary:hover {
  background-color: #b3b2b5;
  color: #252830;
  text-decoration: none;
}

.reset_pass_session_msg {
  max-width: 400px;
}

.files-size-exception-header .files-size-exception-message {
  text-align: justify;
  text-justify: inter-word;
}

.btn-files-val-size {
  background-color: #C25400 !important;
}

.view-thyrida-selected-files-size {
  color: var(--dv_primary_color);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
}

.dv-upload-thyrida-files-cnt {
  padding-top: 20px;
}

.dv-modal-uploader-section {
  padding-top: 20px;
}

.reset_pass_msg {
  max-width: 450px;
  margin-bottom: 15px;
}

#alternative-creds-form .form-group.row,
#reset_password_email .form-group.row,
#reset_password_form .form-group.row {
  margin-bottom: 15px;
}

#alternative-creds-form .btn.btn-primary,
#reset_password_email .btn.btn-primary,
#reset_password_form .btn.btn-primary {
  background-color: #ddd;
  color: #000;
  width: 100%;
  border: none;
  margin-top: 10px;
}

#alternative-creds-form .btn.btn-primary:hover,
#reset_password_email .btn.btn-primary:hover,
#reset_password_form .btn.btn-primary:hover {
  filter: brightness(1.1);
}

.col-md-12.flex-row {
  display: flex;
  align-items: center;
}

.toggle-password {
  margin-left: -30px;
}

/* Select2 Styling */

.select2-selection {
  min-height: 50px;
  padding: 10px 20px;
  border-color: #ddd !important;
}

.select2-selection:focus,
select2-results__options {
  background-color: #ffffff;
  border-color: #66afe9;
  color: var(--text-color);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.select2-results {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.select2-dropdown {
  border-color: #ddd !important;
  top: -15px;
}

.select2-search__field {
  min-height: 45px;
  border-radius: 0px;
  padding-left: 25px !important;
  border: 1px solid #5897fb !important;
}

.select2-search__field:focus {
  background-color: #ffffff;
  border-color: #66afe9;
  color: var(--text-color);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.6);
}

.select2-results__option {
  margin: 3px 5px !important;
  padding: 3px 0px 3px 6px !important;
  font-size: 15px;
}

.select2-selection__arrow {
  top: 12px !important;
}

.select2-selection {
  margin-top: 10px !important;
}

.select2-results__option--highlighted {
  background: rgb(42, 98, 188);
  background: linear-gradient(0deg, rgb(42, 98, 188) 0%, rgb(55, 116, 213) 47%, rgb(55, 124, 213) 78%, rgb(56, 117, 215) 100%);
}

.reset_password_url,
.continue_url {
  text-align: center;
  margin-top: 5px;
}

.continue_home {
  background-color: var(--dv_header_bg_color);
  color: white;
  padding: 10px 20px;
  border-radius: 0.25rem;
  display: block;
}

.continue_home:hover {
  background-color: #ddd;
  color: #000;
}

/* END of Select2 Styling */

/*Epilogi KAD styling*/

.form-container {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
}

.form-container label,
.form-container select,
.form-container input,
.form-container button {
  margin: 30px;
}

.kad-field-year {
  width: 100px !important;
}

.kad-field-input {
  width: 100px !important;
}

.btn-kad-class {
  align-items: center !important;
  background-color: var(--dv_primary_color) !important;
  height: 45px !important;
  margin-top: 40px !important;
}

.message-error {
  margin-top: 25px;
}

.spinner-border {
  margin-right: 30px !important;
}

.espa-png {
  max-width: 650px !important;
  float: right !important;
}

@media (max-width: 592px) {
  .espa-png {
    max-width: 300px !important;
    float: none !important;
  }
}

.duplicate-error-message {
  text-align: center;
}

.duplicate-file-name-error {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding: 20px;
  border-radius: 4px;
  background-color: rgba(225, 20, 20, 0.23);
  color: #923351;
  margin-bottom: 5px;
}

.dv-uploaded-file-name-error {
  color: #a53b49;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
  overflow-wrap: anywhere;
}

.dv-file-close-modal {
  font-size: 10px;
  cursor: pointer;
  color: var(--dv_primary_color);
  position: absolute;
  right: 10px;
  top: 10px;
}

.dv-file-close-modal:hover i {
  color: var(--dv_secondary_color);
}

.dv-file-close-modal .material-icons {
  font-size: 18px;
  /* Preferred icon size */
}

.dv-file-name-error {
  font-size: 14px;
  color: #a53b49;
  font-weight: bold;
}

.dv_form_drafts {
  width: 309px !important;
  height: 62px !important;
  /*background-color: var(--dv_secondary_color);*/
  background-color: #288186 !important;
  color: var(--dv_color_white) !important;
  font-size: 16px;
  font-weight: bold !important;
  text-decoration: unset;
  transition: 0.1s linear;
  padding: 10px 25px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0 3px 6px var(--dv_shadow_color);
  padding-left: 35px !important;
  padding-right: 35px !important;
  border-bottom-width: 0px !important;
  border-top-width: 0px !important;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
}

.dv_form_drafts:after {
  font-family: "Material Icons";
  content: "\E161";
  width: 44px;
  position: relative;
  height: 44px;
  color: var(--dv_color_white);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 28px;
  padding-left: 4px;
  padding-top: 1px;
  border-radius: 20px;
  font-weight: 400;
}

.success-draft-message {
  margin-top: 50px !important;
}

.btn.btn-primary.bootbox-accept {
  background-color: var(--dv_primary_color);
}

#verification-code-modal .modal-dialog {
  max-width: 900px;
}

.dv-failed-uploaded-file-remove {
  font-size: 10px;
  cursor: pointer;
  color: var(--dv_primary_color);
  position: absolute;
  right: 0px;
}

.dv-failed-uploaded-file-remove:hover i {
  color: var(--dv_secondary_color);
}

.dv-failed-uploaded-file-remove .material-icons {
  font-size: 18px;
  /* Preferred icon size */
}

.uploaded_file_size_to_total_message {
  padding-left: 10px;
  font-size: 15px;
}