/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

/** Materialize Over-rides by VS */
/** Set to Full Width for Small Screens and Wider for Tablet and Desktop Still has max limit of 1280px */
.container {
  width: 100%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 75%;
  }
}

/* Over-ride so can use h1 on each page. same as h5 */
h1 {
  font-size: 1.64rem;
  margin: 1.0933333333rem 0 0.656rem 0;
}


.autocomplete-content {
  min-width: 90% !important;
}

.dropdown-content {
  max-height: 475px !important;
  overflow-y: auto !important;
  backface-visibility: hidden !important;
}

.dropdown-content li, .dropdown-content li span {
 min-height: 1rem !important;
 padding-top: 4px !important;
 padding-bottom: 4px !important;
 line-height: 16px !important;
}


.waves-effect.waves-customcol .waves-ripple {
   /* The alpha value allows the text and background color of the button to still show through. */
    background-color: rgba(255, 135, 1, 0.65);
}
  
a {color: #33b4e8;}


/** VS CSS Styles */


/* Bottom Nav */
/* Place the navbar at the bottom of the page, and make it stick */
.navbar {
  background-color: #333;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 1000;
}

/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 5px;
  text-decoration: none;
  font-size: 14px;
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a green background color to the active link */
.navbar a.active {
 background-color: #4CAF50;  
  color: white;
}

/* End Nav */


/* Over-Ride Materialize NAV-WRAPPER */
.nav-wrapper {background-color:#333;}

.nav-wrapper a {
  font-size: 14px;
  padding-left:10px; 
  padding-right:10px;
}

.nav-wrapper li.active, .nav-wrapper li.active a {
  background-color: #00838f; /* 4CAF50 */
  color: black;
}

.nav-wrapper a:hover {
  background-color: #ddd;
  color: black;
}

/* Scholarship Results Tab Colors */
.tabs .tab a:hover, .tabs .tab a.active {
    background-color: #0a2050;
	color: white;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: #0a2050;
	color: white;
}


.tabs .tab a {
    color:black;
}

/* end tabs*/



.band {
width:100%;
}

.welcomenote {
line-height:1.35em;
}

.front_page_box_schol {
-moz-border-radius: 15px;
border-radius: 15px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:15px;
margin-left:auto;
margin-right:auto;
width:98%;
text-align:left;
min-height:145px; 
margin-bottom:10px;
}

.small-txt {
  font-size: 80%;
}

.jamstack {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

/** Star Rating */
.rate {
    float: left;
    height: 36px; /* 46 */
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    opacity:0;
/*    top:-9999px;*/
}
.rate:not(:checked) > label {
    float:right;
    width:.9em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:25px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content:'\2605';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/* Slider */
.noUi-marker-normal{display:none;}
.noUi-connects{background:#C2C0C2;}
.noUi-touch-area {
  position: absolute;
  height: 40px;
  width: 40px;
  top: -27px;
  left: -2px;
  background-color: #26A69A;
  border-radius: 50%;
  transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transform: scale(.5) rotate(-45deg);
  transform-origin: 50% 100%;
  box-shadow: none;
  cursor:pointer;
}  
.noUi-handle:after, .noUi-handle:before{background:none;}
.noUi-handle:focus{display:none;outline:none;}

.noUi-horizontal, .noUi-handle, .noUi-marker-horizontal.noUi-marker{background:none;border:0;box-shadow:none;}
.noUi-horizontal .noUi-handle{width:16px;height:16px;top:0;}
.noUi-horizontal {
  height: 12px;
}

.noUi-value-sub{display:none;}

/*PIP font-size set*/
.custom_range .noUi-value{font-size:9px;}

/*Adjust space line and pip*/
.custom_range .noUi-pips{top:0%;height:10px;}

/*circle text value change*/
.noUi-horizontal .noUi-tooltip
{
  background: red;
  color: #fff;
  border: none;
  /*border-radius: 50% 50% 50% 0;*/
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width:40px;height:40px;
      left: -52%;
  bottom: -54%;
  line-height: 30px;
  text-align: center;    
  font-size:12px;
}