﻿.admin-compulsory-custom {
  position: fixed;
  right: 10px;
  top: 300px;
  z-index: 10000; }

.default-compulsory-custom {
  position: fixed;
  right: 10px;
  top: 300px;
  z-index: 10000; }

.user-compulsory-custom {
  position: fixed;
  right: 10px;
  top: 300px;
  z-index: 10000; }

.forgotPasswordLink {
    color: #0077d3 !important;
    text-decoration: underline;
}

.forgotPasswordLink:hover {
  color: #66A6D7; }

span.user-info-lable {
  display: inline-block;
  max-width: 100%;
  font-weight: bold; }

h2.small {
  font-size: 18px; }

.amea-not {
  display: none; }

p#modalMessage {
  margin: 20px;
  font-size: 20px; }

.headline h1 {
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 2px solid #66A6D7; }

.internetApplicationsList .actions {
  max-width: 120px;
  text-align: center; }

.pages .page {
  cursor: pointer;
  float: left;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 5px;
  border: 1px solid #dddddd; }

.pages .page:hover,
.pages .page.selected {
  background-color: #72C063;
  color: white; }

#internetapplicationslist-template .internetApplicationsList .actions {
  max-width: 120px;
  text-align: center; }

#internetapplicationslist-template .pages .page {
  cursor: pointer;
  float: left;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 5px;
  border: 1px solid #dddddd; }

#internetapplicationslist-template .pages .page:hover,
#internetapplicationslist-template .pages .page.selected {
  background-color: #72C063;
  color: white; }

#internetTakers-template .internetTakers .actions {
  max-width: 120px;
  text-align: center; }

#internetTakers-template .pages .page {
  cursor: pointer;
  float: left;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 5px;
  border: 1px solid #dddddd; }

#internetTakers-template .pages .page:hover,
#internetTakers-template .pages .page.selected {
  background-color: #66A6D7;
  color: white; }

#tablelabel-template .tableLabel {
  cursor: pointer; }

#tablelabel-template .tableLabel .tableLabel__icon {
  margin-left: 5px; }

.table-headline {
  font-size: 18px;
  color: #555;
  margin-top: 5px;
  text-shadow: none;
  font-weight: normal;
  font-family: "Open Sans", Arial, sans-serif;
  cursor: pointer;
  line-height: 25px;
  margin-left: -10px;
  font-size: 16px;
  border: none; }
  .table-headline:hover {
    color: #66A6D7; }

a#registerHelp {
  color: #66A6D7;
  cursor: pointer; }

#registerHelpModal .modal-dialog {
  max-width: 95%; }

#registerHelpModal img {
  max-width: 100%;
  clear: both;
  margin: 2em auto;
  border: 2px solid #66A6D7; }

#registerHelpModal h2, #registerHelpModal h3 {
  font-size: 16px;
  font-weight: 700; }

#registerHelpModal h3 {
  font-size: 14px; }

.statistics-table td, .statistics-table th {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }

.statistics-table .tr-header {
  font-weight: 800; }

.statistics-table tr.bottom-border td,
.statistics-table tr.bottom-border th {
  border-bottom: 1px solid #ddd; }

.selectize-input.items.disabled {
  background: #eeeeee;
  opacity: 1;
  cursor: not-allowed !important; }

.selectize-control.form-control.autoFillDropDown {
  margin-bottom: -5px; }

input[type="checkbox"].checkbox-amea {
  position: absolute;
  left: -9999px; }

input.checkbox-amea:checked + label:after {
  opacity: 1;
  background-color: red; }

input[type="checkbox"].checkbox-amea:checked + label.checkbox i:after {
  content: '\f00c';
  top: 0;
  left: -1px;
  width: 15px;
  height: 15px;
  font: normal 12px/16px FontAwesome;
  font: normal 9px/16px FontAwesome;
  text-align: center;
  position: absolute;
  color: #999;
  right: 8px; }

.sky-form .radio, .sky-form .checkbox {
  font-size: 1em !important; }

.text-custom.blue {
  color: blue; }

.text-custom.orange {
  color: orange; }

.text-custom.red {
  color: red; }

.text-custom.green {
  color: green; }

.text-custom.black {
  color: black; }

@media (max-width: 700px) {
  .modal-dialog {
    width: 380px !important; } }
