/* Add here all your css styles (customizations) */
.header .logo img {
  margin: 20px 0 0;
}

.error-handling {
  float: left;
  text-align: left;
  padding: 20px 0;
  color: red;
}

.sky-form .state-error + em {
  font-size: 13px;
  color: red;
}

.copyright .intelli {
  text-align: right;
  color: #5d5d5d;
}
.copyright .intelli a {
  color: #fff;
  font-size: 11px;
}
.copyright .intelli a:hover {
  text-decoration: none;
}
.copyright .intelli .inb {
  font-weight: 800;
}
.copyright .intelli .intel-footer-logo {
  display: inline-block;
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .header .navbar-nav > li > a {
    bottom: -2px;
    position: relative;
    font-size: 14px;
    padding: 9px 10px 9px 10px;
  }
  .header .dropdown > a:after {
    top: 9px;
    right: 1px;
    content: "\f107";
  }
}
.error-handling p {
  font-size: 10px;
  margin: 3px 0;
  border-bottom: 1px solid #ccc;
  color: red;
}

.inputs.digital-code {
  display: none;
}

/* LOGIN PAGES COMMON*/
body.no-menu a.skip-to-maincontent {
  display: none;
}
body.no-menu .container.content {
  min-height: calc(100vh - 250px) !important;
}
body.no-menu .container.content h1.login-main-title {
  display: none;
}
body.no-menu .container.content .img-logo-athnes img {
  width: 500px;
  height: auto;
}
body.no-menu .container.content .img-logo-niarxos img {
  width: 300px;
  height: auto;
}
body.no-menu .container.content .forgotPasswordLink {
  color: #3f8100 !important;
  text-decoration: underline;
}
body.no-menu .container.content .forgotPasswordLink:hover {
  color: #3f8100;
}
body.no-menu .container.content #login h3 {
  font-size: 18px;
}

.modal-dialog .modal-header {
  background-color: #72c02c;
}
.modal-dialog .modal-header i.icon-warning.modal-title {
  color: white;
}
.modal-dialog .modal-body #modalMessage {
  margin: 20px;
  font-size: 20px;
}
.modal-dialog .modal-footer .btn {
  margin-bottom: 20px;
}
.modal-dialog .modal-footer .btn-success {
  float: right;
}
.modal-dialog .modal-footer .btn-danger {
  float: left;
}

@media (max-width: 700px) {
  .modal-dialog {
    width: 380px !important;
  }
}
/* Accesibility fixies*/
#mic-init-access-tool .mic-access-tool-general-button {
  left: inherit !important;
  right: 7px !important;
  bottom: 100px !important;
}

#mic-init-access-tool .mic-access-tool-box {
  left: inherit !important;
  right: 0 !important;
}

/*#termsOfUseModal.modal-dialog {

    .modal-header {
        background-color: red;

        i.icon-warning.modal-title {
            color: white;
        }
    }

    .modal-body {
        #modalMessage {
            margin: 20px;
            font-size: 20px;
        }
    }

    .modal-footer {
        .btn {
            margin-bottom: 20px;
        }

        .btn-success {
            float: right;
        }

        .btn-danger {
            float: left;
        }
    }
}*/
#termsOfUseModal .modal-dialog, #registerHelpModal .modal-dialog {
  /*max-width: 95%;*/
}
#termsOfUseModal .modal-header, #registerHelpModal .modal-header {
  background-color: #72c02c;
}
#termsOfUseModal .modal-body, #registerHelpModal .modal-body {
  width: 100%;
}
#termsOfUseModal img, #registerHelpModal img {
  max-width: 100%;
  clear: both;
  margin: 2em auto;
  border: 2px solid #66A6D7;
}
#termsOfUseModal h2, #termsOfUseModal h3, #registerHelpModal h2, #registerHelpModal h3 {
  font-size: 16px;
  font-weight: 700;
}
#termsOfUseModal h3, #registerHelpModal h3 {
  font-size: 14px;
}

div.intellikey {
  display: none;
}

.grecaptcha-badge {
  z-index: 1;
}

::-ms-reveal,
::-ms-clear {
  display: none !important;
}

.text-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.loading-dots .dot {
  display: inline-block;
  opacity: 0;
  animation: showHideDot 2.5s ease-in-out infinite;
}
.loading-dots .dot.one {
  animation-delay: 0.2s;
}
.loading-dots .dot.two {
  animation-delay: 0.4s;
}
.loading-dots .dot.three {
  animation-delay: 0.6s;
}

@keyframes showHideDot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.visually-hidden {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); 
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%); 
  white-space: nowrap; 
}