.shadow-lg{
   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
   0px 4px 5px 0px rgba(0, 0, 0, 0.14),
   0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.modal {
  overflow-y:auto;
}

@media screen and (max-width: 767px) {
  .mobile-space {
    margin-top:10px;
    text-align:center;
  }

}

    @keyframes spinner {
      to {transform: rotate(360deg);}
    }
    #site-spinner {
      display: none;
    }
    #site-spinner.active {
      display: block;
    }
    #site-spinner.active:before {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.85);
    }
    #site-spinner.active:after {
      content: '';
      box-sizing: border-box;
      position: fixed;
      top: 50%;
      left: 50%;
      width: 50px;
      height: 50px;
      margin-top: -25px;
      margin-left: -25px;
      border-radius: 50%;
      border: 2px solid #ccc;
      border-top-color: #333;
      animation: spinner .6s linear infinite;
    }

  .document {
    display : block;
    width: 100%;
    padding-top:30px;
    margin-left:30px;
}

.document-icon{
  height:50px;
  width:50px; 
}
.bottom-dcams-modal{
  padding-left:10%;
  padding-right:10%;
  padding-top:10px;
}
.document-selection{
  padding-left:10%;
  padding-right:10%;
  padding-top:10px;
}
.document  > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.document  > input + div{ /* DIV STYLES */
    cursor:pointer;
    border:2px solid transparent;
}
.onoffswitch {
    position: relative; width: 55px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 24px; padding: 0; line-height: 24px;
    border: 1px solid #999999; border-radius: 24px;
    background-color: #F7F7F7;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 24px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 29px;
    border: 1px solid #999999; border-radius: 24px;
    transition: all 0.1s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #0275D8;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #0275D8;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
}

#top-page{
   border-top: 5px solid #163d55;
  width:100%;
  height:5px;
}

.bold{
  color: #163d55 !important;
}

th {
  color: #163d55 !important;
}

.accent{
  color: #163d55 !important;
}

.accent-bold{
  color: #163d55 !important;
  font-weight:bold;
}

.settings-active{
  font-size:18px;
  font-weight:bold;
  color: #163d55;
}

.settings-non-active{
  font-size:14px;
  color:#999;
}

.fa-caret-right{
  margin-right:5px;
}

.hidden{
  display:none;
}