﻿/* 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; }

/* 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: #72c02c !important;
    text-decoration: underline; }
    body.no-menu .container.content .forgotPasswordLink:hover {
      color: #72c02c; }
  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; }
