:root {
    --midnight-blue: #213650;
    --brittania-blue: #2d4963;
    --nariel-blue: #7793BD;
    --storm-sky-blue: #97acc4;
    --black: #000000;
    --slate-grey: #373737;
    --storm-sky-grey: #bdbdbd;
    --white: #ffffff;
}

header,
main,
footer {
    padding-left: 300px;
}

@media only screen and (max-width : 992px) {

    header,
    main,
    footer {
        padding-left: 0;
    }
}

header {
    height: 75px;
}

header h1,
header h2,
header h3,
header h4,
header h5 header h6 {
    margin: 0;
    padding-left: 15px;
    line-height: 75px;
}

.logo {
    width: 200px;
}

main#content>div {
    padding: 15px;
}
main#content table {
    margin-bottom: 15px;
}

.sidenav li {
    position: relative;
}
.external {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 0 !important;
}

table td {
    vertical-align: top;
}
form {
    padding: 50px !important;
}
form .submitButton {
    padding: 0;
}
form input[type=submit] {
    width: 86px;
    height: 36px;
    color: white;
}
form .error {
    color: red;
    text-align: center;
}

.logo-div {
    padding: 25px !important;
    /* margin-bottom: 25px; */
}

.logo-div img {
    width: 200px;
}

/* FORM INPUT COLORS */
  /* label color */
  .input-field label {
    color: #000 !important;
  }
  /* label focus color */
  .input-field input:focus + label {
    color: #000 !important;
  }
  /* label underline focus color */
  .input-field input:focus {
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
  }
  /* valid color */
  .input-field input[type=text].valid {
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
  }
  /* invalid color */
  .input-field input[type=text].invalid {
    border-bottom: 1px solid red !important;
    box-shadow: 0 1px 0 0 red !important;
  }
  /* icon prefix focus color */
  .input-field .prefix.active {
    color: #000 !important;
  }

  .collapsible-header {
      padding: 0 32px !important;
  }

  .swal-status-align {
      text-align: left;
  }

  .no-padding {
      padding: 0;
  }

blockquote {
    border-left: 5px solid #7793BD;
}

.tabs .tab a {
    color: #7793BD;
}
.tabs .tab a:hover, .tabs .tab a.active {
    color: #2d4963;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: rgba(157,189,219,0.2);
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #000;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #000 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}