/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
  font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* font-family: 'News Cycle', 'Arial Narrow Bold', sans-serif; */
}

.jhs-responsiveImage {width:10%; height:auto; vertical-align:center;}
.jhs-verticalAlignCenter {vertical-align:center;}
.jhs-hide {display:none;}
.jhs-show {display:block;}
.jhs-color-grey { color: #a0a0a0; }
.jhs-color-blue { color: #3174ae; }
.jhs-box-border { border: 1px solid; border-color: #c0c0c0; padding: 6px; border-radius: 5px; }
.jhs-margin-top-10 { margin-top: 10px; }
.jhs-margin-left-10 { margin-left: 10px; }
.jhs-padding-top-10 { padding-top: 10px; }
.jhs-padding-top-20 { padding-top: 20px; }
.jhs-font-special { color:#707070; font-family:"Verdana", "Sans-serif", "Courier New", "Open Sans", Verdana; font-size:16px; font-weight:400; }
.jhs-font-special-bold { color:#707070; font-family:"Verdana", "Sans-serif", "Courier New", "Open Sans", Verdana; font-size:16px; font-weight:bold; }
.jhs-font-checkbox { color:#707070; font-family:"Verdana", "Sans-serif", "Courier New", "Open Sans", Verdana; font-size:16px; font-weight: normal; }
.jhs-margin-right-10 {margin-right:10px;}
.jhs-box-border {border: 1px solid; border-color: #c0c0c0; padding: 6px; border-radius: 5px;}
.jhs-background-grey {background-color: #f0f0f0;}
.jhs-margin-top-10 {margin-top:10px;}
.jhs-margin-top-20 {margin-top:20px;}
.jhs-padding-top-10 {padding-top:10px;}

.container {
  width: 70%;
}

/*
fieldset { 
  border:1px solid gray; 
  border-radius: 5px; padding: 5px; min-height:150px;
}*/
fieldset {
  font-family: sans-serif;
  border: 2px solid #3174ae;
  background: #ddd;
  border-radius: 2px;
  padding: 15px;
}

fieldset legend {
  background: #3174ae;
  color: #fff;
  padding: 2px 4px ;
  font-size: 16px;
  border-radius: 2px;
  width:0px;
  margin-left: 20px;
}

#message h4 {
  padding: 10px;
}

h1.panel-title {
  font-size: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-justify {
  text-align: justify;
}

.pointer { cursor: pointer; }

.required:before{
  content: "*";
  color: red;
  font-weight: bold;
  padding-right: 5px;
}

.required-text{
  color: red;
  font-weight: bold;
  padding-right: 5px;
}

.navbar-nav {
  padding-top: 15px;
}

/*.navbar-right {
  margin-right: 0px;
}*/

.container-fluid {
  background-color: #5EACE8;
}

.navbar-default .navbar-nav>li>a {
  color: #FFF;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Tablet styles */
@media screen and (max-width: 992px) {
  .container-fluid {
    padding: 0px;
  }

  .container {
    width: 90%;
  }
}

@media only screen and (max-width : 768px) {
  .container {
    width: 90%;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .container {
    width: 90%;
  }
  .navbar-form {
    margin: 0px;
  }

  .navbar {
    margin-bottom: 0;
  }

  .navbar-toggle {
    background-color: #5EACE8;
    border-color: #DDD;
    margin-right: 0px;
  }

  .icon-bar {
    background-color: #FFF;
  }

  .navbar-nav {
    padding-top: 5px;
  }

  .navbar-collapse {
    padding-left: 30px;
  }

  .btn {
    font-size: 14px;
  }

  h1.panel-title {
    font-size: 24px;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
  .container {
    width: 90%;
  }

  .btn {
    font-size: 14px;
  }

  h1.panel-title {
    font-size: 24px;
  }
}



/*****************************************************************************************************************************************/
/* JHS added */
/* Red Background 1 low - 10 high */
.w3-red-1,.w3-hover-red-1:hover{color:#fff!important;background-color:#FDEDEC!important}
.w3-red-2,.w3-hover-red-2:hover{color:#fff!important;background-color:#FADBD8!important}
.w3-red-3,.w3-hover-red-3:hover{color:#fff!important;background-color:#F5B7B1!important}
.w3-red-4,.w3-hover-red-4:hover{color:#fff!important;background-color:#F1948A!important}
.w3-red-5,.w3-hover-red-5:hover{color:#fff!important;background-color:#EC7063!important}
.w3-red-6,.w3-hover-red-6:hover{color:#fff!important;background-color:#E74C3C!important}
.w3-red-7,.w3-hover-red-7:hover{color:#fff!important;background-color:#CB4335!important}
.w3-red-8,.w3-hover-red-8:hover{color:#fff!important;background-color:#B03A2E!important}
.w3-red-9,.w3-hover-red-9:hover{color:#fff!important;background-color:#943126!important}
.w3-red-10,.w3-hover-red-10:hover{color:#fff!important;background-color:#78281F!important}
/* Red Text 1 low - 10 high */
.w3-text-red-1,.w3-hover-text-red-1:hover,.w3-text-red-1,.w3-hover-text-red-1:hover{color:#FDEDEC!important}
.w3-text-red-2,.w3-hover-text-red-2:hover,.w3-text-red-2,.w3-hover-text-red-2:hover{color:#FADBD8!important}
.w3-text-red-3,.w3-hover-text-red-3:hover,.w3-text-red-3,.w3-hover-text-red-3:hover{color:#F5B7B1!important}
.w3-text-red-4,.w3-hover-text-red-4:hover,.w3-text-red-4,.w3-hover-text-red-4:hover{color:#F1948A!important}
.w3-text-red-5,.w3-hover-text-red-5:hover,.w3-text-red-5,.w3-hover-text-red-5:hover{color:#EC7063!important}
.w3-text-red-6,.w3-hover-text-red-6:hover,.w3-text-red-6,.w3-hover-text-red-6:hover{color:#E74C3C!important}
.w3-text-red-7,.w3-hover-text-red-7:hover,.w3-text-red-7,.w3-hover-text-red-7:hover{color:#CB4335!important}
.w3-text-red-8,.w3-hover-text-red-8:hover,.w3-text-red-8,.w3-hover-text-red-8:hover{color:#B03A2E!important}
.w3-text-red-9,.w3-hover-text-red-9:hover,.w3-text-red-9,.w3-hover-text-red-9:hover{color:#943126!important}
.w3-text-red-10,.w3-hover-text-red-10:hover,.w3-text-red-10,.w3-hover-text-red-10:hover{color:#78281F!important}
/* Purple Background 1 low - 10 high */
.w3-purple-1,.w3-hover-purple-1:hover{color:#fff!important;background-color:#F4ECF7!important}
.w3-purple-2,.w3-hover-purple-2:hover{color:#fff!important;background-color:#E8DAEF!important}
.w3-purple-3,.w3-hover-purple-3:hover{color:#fff!important;background-color:#D2B4DE!important}
.w3-purple-4,.w3-hover-purple-4:hover{color:#fff!important;background-color:#BB8FCE!important}
.w3-purple-5,.w3-hover-purple-5:hover{color:#fff!important;background-color:#A569BD!important}
.w3-purple-6,.w3-hover-purple-6:hover{color:#fff!important;background-color:#8E44AD!important}
.w3-purple-7,.w3-hover-purple-7:hover{color:#fff!important;background-color:#7D3C98!important}
.w3-purple-8,.w3-hover-purple-8:hover{color:#fff!important;background-color:#6C3483!important}
.w3-purple-9,.w3-hover-purple-9:hover{color:#fff!important;background-color:#5B2C6F!important}
.w3-purple-10,.w3-hover-purple-10:hover{color:#fff!important;background-color:#4A235A!important}
/* Purple Text 1 low - 10 high */
.w3-text-purple-1,.w3-hover-text-purple-1:hover,.w3-text-purple-1,.w3-hover-text-purple-1:hover{color:#F4ECF7!important}
.w3-text-purple-2,.w3-hover-text-purple-2:hover,.w3-text-purple-2,.w3-hover-text-purple-2:hover{color:#E8DAEF!important}
.w3-text-purple-3,.w3-hover-text-purple-3:hover,.w3-text-purple-3,.w3-hover-text-purple-3:hover{color:#D2B4DE!important}
.w3-text-purple-4,.w3-hover-text-purple-4:hover,.w3-text-purple-4,.w3-hover-text-purple-4:hover{color:#BB8FCE!important}
.w3-text-purple-5,.w3-hover-text-purple-5:hover,.w3-text-purple-5,.w3-hover-text-purple-5:hover{color:#A569BD!important}
.w3-text-purple-6,.w3-hover-text-purple-6:hover,.w3-text-purple-6,.w3-hover-text-purple-6:hover{color:#8E44AD!important}
.w3-text-purple-7,.w3-hover-text-purple-7:hover,.w3-text-purple-7,.w3-hover-text-purple-7:hover{color:#7D3C98!important}
.w3-text-purple-8,.w3-hover-text-purple-8:hover,.w3-text-purple-8,.w3-hover-text-purple-8:hover{color:#6C3483!important}
.w3-text-purple-9,.w3-hover-text-purple-9:hover,.w3-text-purple-9,.w3-hover-text-purple-9:hover{color:#5B2C6F!important}
.w3-text-purple-10,.w3-hover-text-purple-10:hover,.w3-text-purple-10,.w3-hover-text-purple-10:hover{color:#4A235A!important}
/* Blue Background 1 low - 10 high */
.w3-blue-1,.w3-hover-blue-1:hover{color:#fff!important;background-color:#EBF5FB!important}
.w3-blue-2,.w3-hover-blue-2:hover{color:#fff!important;background-color:#D6EAF8!important}
.w3-blue-3,.w3-hover-blue-3:hover{color:#fff!important;background-color:#AED6F1!important}
.w3-blue-4,.w3-hover-blue-4:hover{color:#fff!important;background-color:#85C1E9!important}
.w3-blue-5,.w3-hover-blue-5:hover{color:#fff!important;background-color:#5DADE2!important}
.w3-blue-6,.w3-hover-blue-6:hover{color:#fff!important;background-color:#3498DB!important}
.w3-blue-7,.w3-hover-blue-7:hover{color:#fff!important;background-color:#2E86C1!important}
.w3-blue-8,.w3-hover-blue-8:hover{color:#fff!important;background-color:#2874A6!important}
.w3-blue-9,.w3-hover-blue-9:hover{color:#fff!important;background-color:#21618C!important}
.w3-blue-10,.w3-hover-blue-10:hover{color:#fff!important;background-color:#1B4F72!important}
/* Blue Text 1 low - 10 high */
.w3-text-blue-1,.w3-hover-text-blue-1:hover,.w3-text-blue-1,.w3-hover-text-blue-1:hover{color:#EBF5FB!important}
.w3-text-blue-2,.w3-hover-text-blue-2:hover,.w3-text-blue-2,.w3-hover-text-blue-2:hover{color:#D6EAF8!important}
.w3-text-blue-3,.w3-hover-text-blue-3:hover,.w3-text-blue-3,.w3-hover-text-blue-3:hover{color:#AED6F1!important}
.w3-text-blue-4,.w3-hover-text-blue-4:hover,.w3-text-blue-4,.w3-hover-text-blue-4:hover{color:#85C1E9!important}
.w3-text-blue-5,.w3-hover-text-blue-5:hover,.w3-text-blue-5,.w3-hover-text-blue-5:hover{color:#5DADE2!important}
.w3-text-blue-6,.w3-hover-text-blue-6:hover,.w3-text-blue-6,.w3-hover-text-blue-6:hover{color:#3498DB!important}
.w3-text-blue-7,.w3-hover-text-blue-7:hover,.w3-text-blue-7,.w3-hover-text-blue-7:hover{color:#2E86C1!important}
.w3-text-blue-8,.w3-hover-text-blue-8:hover,.w3-text-blue-8,.w3-hover-text-blue-8:hover{color:#2874A6!important}
.w3-text-blue-9,.w3-hover-text-blue-9:hover,.w3-text-blue-9,.w3-hover-text-blue-9:hover{color:#21618C!important}
.w3-text-blue-10,.w3-hover-text-blue-10:hover,.w3-text-blue-10,.w3-hover-text-blue-10:hover{color:#1B4F72!important}
/* Green Background 1 low - 10 high */
.w3-green-1,.w3-hover-green-1:hover{color:#fff!important;background-color:#EAFAF1!important}
.w3-green-2,.w3-hover-green-2:hover{color:#fff!important;background-color:#D5F5E3!important}
.w3-green-3,.w3-hover-green-3:hover{color:#fff!important;background-color:#ABEBC6!important}
.w3-green-4,.w3-hover-green-4:hover{color:#fff!important;background-color:#82E0AA!important}
.w3-green-5,.w3-hover-green-5:hover{color:#fff!important;background-color:#58D68D!important}
.w3-green-6,.w3-hover-green-6:hover{color:#fff!important;background-color:#2ECC71!important}
.w3-green-7,.w3-hover-green-7:hover{color:#fff!important;background-color:#28B463!important}
.w3-green-8,.w3-hover-green-8:hover{color:#fff!important;background-color:#239B56!important}
.w3-green-9,.w3-hover-green-9:hover{color:#fff!important;background-color:#1D8348!important}
.w3-green-10,.w3-hover-green-10:hover{color:#fff!important;background-color:#186A3B!important}
/* Green Text 1 low - 10 high */
.w3-text-green-1,.w3-hover-text-green-1:hover,.w3-text-green-1,.w3-hover-text-green-1:hover{color:#EAFAF1!important}
.w3-text-green-2,.w3-hover-text-green-2:hover,.w3-text-green-2,.w3-hover-text-green-2:hover{color:#D5F5E3!important}
.w3-text-green-3,.w3-hover-text-green-3:hover,.w3-text-green-3,.w3-hover-text-green-3:hover{color:#ABEBC6!important}
.w3-text-green-4,.w3-hover-text-green-4:hover,.w3-text-green-4,.w3-hover-text-green-4:hover{color:#82E0AA!important}
.w3-text-green-5,.w3-hover-text-green-5:hover,.w3-text-green-5,.w3-hover-text-green-5:hover{color:#58D68D!important}
.w3-text-green-6,.w3-hover-text-green-6:hover,.w3-text-green-6,.w3-hover-text-green-6:hover{color:#2ECC71!important}
.w3-text-green-7,.w3-hover-text-green-7:hover,.w3-text-green-7,.w3-hover-text-green-7:hover{color:#28B463!important}
.w3-text-green-8,.w3-hover-text-green-8:hover,.w3-text-green-8,.w3-hover-text-green-8:hover{color:#239B56!important}
.w3-text-green-9,.w3-hover-text-green-9:hover,.w3-text-green-9,.w3-hover-text-green-9:hover{color:#1D8348!important}
.w3-text-green-10,.w3-hover-text-green-10:hover,.w3-text-green-10,.w3-hover-text-green-10:hover{color:#186A3B!important}
/* Amber Background 1 low - 10 high */
.w3-amber-1,.w3-hover-amber-1:hover{color:#fff!important;background-color:#FEF9E7!important}
.w3-amber-2,.w3-hover-amber-2:hover{color:#fff!important;background-color:#FCF3CF!important}
.w3-amber-3,.w3-hover-amber-3:hover{color:#fff!important;background-color:#F9E79F!important}
.w3-amber-4,.w3-hover-amber-4:hover{color:#fff!important;background-color:#F7DC6F!important}
.w3-amber-5,.w3-hover-amber-5:hover{color:#fff!important;background-color:#F4D03F!important}
.w3-amber-6,.w3-hover-amber-6:hover{color:#fff!important;background-color:#F1C40F!important}
.w3-amber-7,.w3-hover-amber-7:hover{color:#fff!important;background-color:#D4AC0D!important}
.w3-amber-8,.w3-hover-amber-8:hover{color:#fff!important;background-color:#B7950B!important}
.w3-amber-9,.w3-hover-amber-9:hover{color:#fff!important;background-color:#9A7D0A!important}
.w3-amber-10,.w3-hover-amber-10:hover{color:#fff!important;background-color:#7D6608!important}
/* Amber Text 1 low - 10 high */
.w3-text-amber-1,.w3-hover-text-amber-1:hover,.w3-text-amber-1,.w3-hover-text-amber-1:hover{color:#FEF9E7!important}
.w3-text-amber-2,.w3-hover-text-amber-2:hover,.w3-text-amber-2,.w3-hover-text-amber-2:hover{color:#FCF3CF!important}
.w3-text-amber-3,.w3-hover-text-amber-3:hover,.w3-text-amber-3,.w3-hover-text-amber-3:hover{color:#F9E79F!important}
.w3-text-amber-4,.w3-hover-text-amber-4:hover,.w3-text-amber-4,.w3-hover-text-amber-4:hover{color:#F7DC6F!important}
.w3-text-amber-5,.w3-hover-text-amber-5:hover,.w3-text-amber-5,.w3-hover-text-amber-5:hover{color:#F4D03F!important}
.w3-text-amber-6,.w3-hover-text-amber-6:hover,.w3-text-amber-6,.w3-hover-text-amber-6:hover{color:#F1C40F!important}
.w3-text-amber-7,.w3-hover-text-amber-7:hover,.w3-text-amber-7,.w3-hover-text-amber-7:hover{color:#D4AC0D!important}
.w3-text-amber-8,.w3-hover-text-amber-8:hover,.w3-text-amber-8,.w3-hover-text-amber-8:hover{color:#B7950B!important}
.w3-text-amber-9,.w3-hover-text-amber-9:hover,.w3-text-amber-9,.w3-hover-text-amber-9:hover{color:#9A7D0A!important}
.w3-text-amber-10,.w3-hover-text-amber-10:hover,.w3-text-amber-10,.w3-hover-text-amber-10:hover{color:#7D6608!important}
/* Brown Background 1 low - 10 high */
.w3-brown-1,.w3-hover-brown-1:hover{color:#fff!important;background-color:#FBEEE6!important}
.w3-brown-2,.w3-hover-brown-2:hover{color:#fff!important;background-color:#F6DDCC!important}
.w3-brown-3,.w3-hover-brown-3:hover{color:#fff!important;background-color:#EDBB99!important}
.w3-brown-4,.w3-hover-brown-4:hover{color:#fff!important;background-color:#E59866!important}
.w3-brown-5,.w3-hover-brown-5:hover{color:#fff!important;background-color:#DC7633!important}
.w3-brown-6,.w3-hover-brown-6:hover{color:#fff!important;background-color:#D35400!important}
.w3-brown-7,.w3-hover-brown-7:hover{color:#fff!important;background-color:#BA4A00!important}
.w3-brown-8,.w3-hover-brown-8:hover{color:#fff!important;background-color:#A04000!important}
.w3-brown-9,.w3-hover-brown-9:hover{color:#fff!important;background-color:#873600!important}
.w3-brown-10,.w3-hover-brown-10:hover{color:#fff!important;background-color:#6E2C00!important}
/* Brown Text 1 low - 10 high */
.w3-text-brown-1,.w3-hover-text-brown-1:hover,.w3-text-brown-1,.w3-hover-text-brown-1:hover{color:#FBEEE6!important}
.w3-text-brown-2,.w3-hover-text-brown-2:hover,.w3-text-brown-2,.w3-hover-text-brown-2:hover{color:#F6DDCC!important}
.w3-text-brown-3,.w3-hover-text-brown-3:hover,.w3-text-brown-3,.w3-hover-text-brown-3:hover{color:#EDBB99!important}
.w3-text-brown-4,.w3-hover-text-brown-4:hover,.w3-text-brown-4,.w3-hover-text-brown-4:hover{color:#E59866!important}
.w3-text-brown-5,.w3-hover-text-brown-5:hover,.w3-text-brown-5,.w3-hover-text-brown-5:hover{color:#DC7633!important}
.w3-text-brown-6,.w3-hover-text-brown-6:hover,.w3-text-brown-6,.w3-hover-text-brown-6:hover{color:#D35400!important}
.w3-text-brown-7,.w3-hover-text-brown-7:hover,.w3-text-brown-7,.w3-hover-text-brown-7:hover{color:#BA4A00!important}
.w3-text-brown-8,.w3-hover-text-brown-8:hover,.w3-text-brown-8,.w3-hover-text-brown-8:hover{color:#A04000!important}
.w3-text-brown-9,.w3-hover-text-brown-9:hover,.w3-text-brown-9,.w3-hover-text-brown-9:hover{color:#873600!important}
.w3-text-brown-10,.w3-hover-text-brown-10:hover,.w3-text-brown-10,.w3-hover-text-brown-10:hover{color:#6E2C00!important}
/* Gray Background 1 low - 10 high */
.w3-gray-1,.w3-hover-gray-1:hover{color:#fff!important;background-color:#F8F9F9!important}
.w3-gray-2,.w3-hover-gray-2:hover{color:#fff!important;background-color:#F2F3F4!important}
.w3-gray-3,.w3-hover-gray-3:hover{color:#fff!important;background-color:#E5E7E9!important}
.w3-gray-4,.w3-hover-gray-4:hover{color:#fff!important;background-color:#D7DBDD!important}
.w3-gray-5,.w3-hover-gray-5:hover{color:#fff!important;background-color:#CACFD2!important}
.w3-gray-6,.w3-hover-gray-6:hover{color:#fff!important;background-color:#BDC3C7!important}
.w3-gray-7,.w3-hover-gray-7:hover{color:#fff!important;background-color:#A6ACAF!important}
.w3-gray-8,.w3-hover-gray-8:hover{color:#fff!important;background-color:#909497!important}
.w3-gray-9,.w3-hover-gray-9:hover{color:#fff!important;background-color:#797D7F!important}
.w3-gray-10,.w3-hover-gray-10:hover{color:#fff!important;background-color:#626567!important}
/* Gray Text 1 low - 10 high */
.w3-text-gray-1,.w3-hover-text-gray-1:hover,.w3-text-gray-1,.w3-hover-text-gray-1:hover{color:#F8F9F9!important}
.w3-text-gray-2,.w3-hover-text-gray-2:hover,.w3-text-gray-2,.w3-hover-text-gray-2:hover{color:#F2F3F4!important}
.w3-text-gray-3,.w3-hover-text-gray-3:hover,.w3-text-gray-3,.w3-hover-text-gray-3:hover{color:#E5E7E9!important}
.w3-text-gray-4,.w3-hover-text-gray-4:hover,.w3-text-gray-4,.w3-hover-text-gray-4:hover{color:#D7DBDD!important}
.w3-text-gray-5,.w3-hover-text-gray-5:hover,.w3-text-gray-5,.w3-hover-text-gray-5:hover{color:#CACFD2!important}
.w3-text-gray-6,.w3-hover-text-gray-6:hover,.w3-text-gray-6,.w3-hover-text-gray-6:hover{color:#BDC3C7!important}
.w3-text-gray-7,.w3-hover-text-gray-7:hover,.w3-text-gray-7,.w3-hover-text-gray-7:hover{color:#A6ACAF!important}
.w3-text-gray-8,.w3-hover-text-gray-8:hover,.w3-text-gray-8,.w3-hover-text-gray-8:hover{color:#909497!important}
.w3-text-gray-9,.w3-hover-text-gray-9:hover,.w3-text-gray-9,.w3-hover-text-gray-9:hover{color:#797D7F!important}
.w3-text-gray-10,.w3-hover-text-gray-10:hover,.w3-text-gray-10,.w3-hover-text-gray-10:hover{color:#626567!important}
/* JHS Background Color */
.w3-jhs-color,.w3-hover-jhs-color:hover{color:#fff!important;background-color:#5eace8!important}
/* JHS Text Color */
.w3-text-jhs-color,.w3-hover-text-jhs-color:hover,.w3-text-jhs-color,.w3-hover-text-jhs-color:hover{color:#5eace8!important}