html, body {
  height: 100%;
}

body {
  /* padding: 50px 0 0 0; */
}

.navbar-toggle {
  float: left;

}

.userInfo{
    margin:0 0 5px;
}

@media (min-width:418px){
    .companyName{
        font-size:36px;
    }
    .companyLogo{
        max-height:70px;
        width:100%;
    }
    
}
@media (max-width:416px){
    .companyName{
        font-size:24px;
    }
}

@media (min-width: 0) {
  .navbar-toggle {
    display: block; /* force showing the toggle */
  }
}
@media (max-width:340px){
    .onoffswitch {
    position: relative; width: 120px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
    .onoffswitch-checkbox {
    display: none;
    }
    .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #999999; border-radius: 31px;
    }
    .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.15s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 33px; padding: 0; line-height: 33px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
    }
    .onoffswitch-inner:before {
    content: "Qualified Only";
    padding-left: 12px;
    background-color: #233555; color: #FFFFFF;
    }
    .onoffswitch-switch {
    display: block; width: 22px; margin: 5.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 85px;
    border: 1px solid #999999; border-radius: 31px;
    transition: all 0.15s ease-in 0s; 
}
}
@media (max-width: 660px){
    .skillDate{
        font-size:12px;
    }
        .taskDate{
        font-size:12px;
    }
}

.userProfile{
    padding-left:15px;
    padding-right:15px;
}

@media (min-width: 374px){
    .modal-sm {
    width: 150px;
    }
    .onoffswitch {
    position: relative; width: 148px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
    display: none;
    }
    .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #999999; border-radius: 31px;
    }
    .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.15s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 33px; padding: 0; line-height: 33px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
    }
    .onoffswitch-inner:before {
    content: "Qualified Only";
    padding-left: 10px;
    background-color: #233555; color: #FFFFFF;
    }
    .onoffswitch-switch {
    display: block; width: 22px; margin: 5.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 111px;
    border: 1px solid #999999; border-radius: 31px;
    transition: all 0.15s ease-in 0s; 
}
}
  .loading:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }


.loader1 {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #233555; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.onoffswitch-inner:after {
    content: "All Records";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.alert {
    margin-top: 250px;
    width: 80%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

@media (min-width: 992px) {
  body {
    padding: 0;
  }
}



.navbar-default {
    background-color: #f3f3f3 !important;

    width: 100% !important;
  }

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

#io{
  margin-left: 25px;
}

#oblms{
 min-width: 250px;
}

#menulist > li{
  margin-left: 35px;
}

#botmenu > li{
  margin-left: 10px;
}

span.glyphicon{margin-right: 5px;}



/*so bottom menu doesn't cover content*/
.page-header{
  margin-top: 80px;
  padding-bottom: 30px;
}

.dataGrid{
    vertical-align:middle!important;
}

.statusIcon{
    vertical-align:middle!important;
    max-width:24px;
}

#cR{
  position: absolute;
  left:39px;
  bottom:10px;
  font-style: italic;
  color: #808080;
}


/*menu button */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #839a50;
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #0c3255;
}


/*cross-browser no select */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/*quals accordian*/

.panel {
  margin-top: 10px;
}

.panel-heading{
  cursor: pointer;
}

.list-group-item{
  min-height: 43px;
}

.glyphicon-ok-circle{
  color:#5cb85c;
  font-size:1.4em;
  margin-left: 10px;
}
.glyphicon-remove-circle{
  color:#FA4B4B;
  font-size:1.4em;
  margin-left: 10px;
}
.glyphicon-warning-sign {
    color: #FADE57;
    font-size: 1.4em;
    margin-left: 10px;
}
.glyphicon-exclamation-sign {
    color: #FA4B4B;
    font-size: 1.4em;
    margin-left: 10px;
}
#infoAlert{

}

.glyphicon-info-sign {
    color: #505050;
    font-size: 1.2em;
    margin-left: 10px;
}



.table td.text span {    
    display: block;
    vertical-align:middle;
}

  .mobile {
    cursor: pointer;
  }

  .modal-dialog {
    display: grid;
}

@media (max-width: 370px) {
  .table td.text span  {
    max-width: 150px;
  }
}
@media (min-width: 370px) {
  .table td.text span {
    max-width: 200px;
  }
}
@media (min-width: 767px) {
  .table td.text span  {
    max-width: 450px;
  }
}
@media (min-width: 1000px) {
  .table td.text span {
    max-width: 650px;
  }
}

@media (max-width: 767px) {
  .search {
    margin-top: 10px;
  }
}

/* Mobile Modal */
.spanlbls {
  font-weight: bold;
}

#bigIco{
  margin: 25px 10px 0 -10px;
  font-size:4em;
}


@media (min-width: 416px) {
  #bigIco{
    margin-left:25px;
  }
}

.st-sort-ascent:before {
    content: '\25B2';
  }

  .st-sort-descent:before {
    content: '\25BC';
  }