/* YOUR CUSTOM CSS */

/* increase left padding on content so that menu scroll bar not over text */
 .container-fluid {
     margin-top:12px;
     padding-left:30px;
 }
 
.bg-default {
  background-color: #222222; /* was #171a1d */
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}


.scroll {
    overflow-y: scroll;

    margin: 0 0 10px 0;
}
.scroll::-webkit-scrollbar {
    width:5px;
}
.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 8px rgba(0,0,0,0.3); 
    border-radius:5px;
}
.scroll::-webkit-scrollbar-thumb {
    border-radius:5px;
    -webkit-box-shadow: inset 0 0 8px white; 
}

.scroll-large {
    overflow-y: scroll;

    margin: 0 20px 20px 0;
}
.scroll-large::-webkit-scrollbar {
    width:12px;
}
.scroll-large::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 12px rgba(0,0,0,1); 
    border-radius:6px;
}
.scroll-large::-webkit-scrollbar-thumb {
    border-radius:6px;
    -webkit-box-shadow: inset 0 0 12px white; 
}


.checkboxes label {
  width:100%;
  display: block;
}
.checkboxes input {
  font-size:40%;
  width:20%;
  float:right;
  vertical-align: middle;
}
.checkboxes label span {
  vertical-align: middle;
}

  .circle {
          
          width: 50px;
          height: 50px;

          -webkit-animation: circle infinite .95s linear;
          -moz-animation: circle infinite .95s linear;
          -o-animation: circle infinite .95s linear;
          animation: circle infinite .95s linear;
          border: 2px solid #fc5b62;
          border-top-color: rgba(0, 0, 0, 0.2);
          border-right-color: rgba(0, 0, 0, 0.2);
          border-bottom-color: rgba(0, 0, 0, 0.2);
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          border-radius: 100%;
      }
      
      @-webkit-keyframes circle {
      0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @-moz-keyframes circle {
      0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @-o-keyframes circle {
      0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @keyframes circle {
      0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }


/*
.navbar-nav, .navbar-collapse, .navbar-sidenav, .sidenav-second-level, .sidenav-third-level{
    width:450px;
}
*/
.nav-help-button
{
float:left; 
padding-top:13px; 
color:#17a2b8!important;    
}

.help-button
{
color:#17a2b8!important;    
}


ul li{
    list-style-type: none;    
}

ul.family_list li strong{
    width:140px;
}

/* works on desktop but not mobile
.styled-select.long{
    height:300px;
}
*/

/*
.nav-link-text
{
    font-size:75%;
}
*/