/* YOUR CUSTOM CSS */

.search-faq{
    width:300px !important;
    padding: .45rem;
    height: 38px;
    border: none;   
}

.faq>.input-group-btn{
    position:relative;
    font-size: 0;
    white-space: nowrap;
}

/* add css for small buttons */
.btn-sm {
    padding: 6px 12px !important;
    font-size: 14px !important;
    border-radius: 2px !important;
}

.btn-xs {
    padding: 4px 8px !important;
    font-size: 12px !important;
    border-radius: 2px !important;
}

/*add a light grey background */
.bg-grey{
    background-color: #D0D0D0 !important;
}

.modal-backdrop
{
    opacity: .8 !important;
}


.bg-wichit {
    background-color: #006FBF !important;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.input-sm {
    height: 35px;
    padding: 5px 10px;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 3px;
}

.form-control-sm {
    height: 35px;
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .2rem
}


/* 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%;
}
*/