body {
 padding:0;margin:0;
 font-family: 'Lato', sans-serif;
}

/*@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}*/

.header a
{
    color:gray;
}

.body-content {
 padding:0;margin:0;
}

input[type='submit'] /* prevents native ios styling on mobile */
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}

div, ul, li
{
    box-sizing:border-box;
    padding: 0px;
margin: 0px;
}

ul
{
    list-style-type:none;
}

.standardForm .field-validation-error
{
    color:red;
}

.modalTitle
{
    border-bottom:1px solid gray;
    font-size:30px;
    padding-bottom:10px;
    margin-bottom:20px;
}
.standardForm .input-validation-error
{
    border:1px dotted red !important;
}


.standardForm input[disabled='disabled'] {
    width: 100%;
    background: transparent;
    border: none;
    -webkit-text-fill-color: #21242c;
}

.standardForm input[type='text'], .standardForm input[type='password'], .standardForm textarea, .standardForm select, .standardForm input[type="date"] {


    border: 1px solid #ccc;
		padding: 8px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
font-size:16px;
	font-family: 'Source Sans Pro', sans-serif;
		color: #777;
		margin-top:5px;
		width: 100%;
		max-width: 100%;
		display: block;
		background: #fff;
         		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2);

         -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
  -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
  box-shadow: inset 2px 2px 2px 0px #dddddd;

}

.standardForm input[type='text']:focus {


 border: 1px solid #2c9dbf;

 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2);



}
.error {
    background-color: red;
    color: white;
    padding: 3px;
    font-size: 12px;
}
.standardForm .error {
    background-color: red;
    color: white;
    padding: 3px;
    font-size: 12px;
}

.standardForm select {
    width: 100% !important;
}

.standardForm input[type="checkbox"] {
    margin: 15px 10px 0 0;
    padding:8px;
}

.standardForm .noMarginCheck input[type="checkbox"] {
    margin-top: 0px !important;
}

.standardForm label {
    font-size: 18px;
}

.standardForm img {
    border: 2px solid #c0ced8;
}

.standardForm li {
    padding: 15px 0 0 0;
    font-size: 18px;
    vertical-align: middle;
}





.underlinedForm input[disabled='disabled'] {
    width: 100%;
    background: transparent;
    border: none;
    -webkit-text-fill-color: #21242c;
}

.underlinedForm input[type='text'], .underlinedForm input[type='password'], .underlinedForm textarea, .standardForm input[type="date"] {


   border:0;
   border-bottom:solid 1px #000;
   outline:none; /* prevents textbox highlight in chrome */
font-size:22px;
	font-family: 'Source Sans Pro', sans-serif;
		color: #777;
		margin-top:5px;
		width: 100%;
		max-width: 100%;
		display: block;
		background: transparent;




}


.underlinedForm select{


   border:0;
   border-bottom:solid 1px #000;
   outline:none; /* prevents textbox highlight in chrome */
font-size:16px;
	font-family: 'Source Sans Pro', sans-serif;
		color: #777;
        margin-top:-5px;
		width: 100%;
		max-width: 100%;
		display: block;
		background: transparent;




}


.underlinedForm input[type='text']:focus {




}
.error {
    background-color: red;
    color: white;
    padding: 3px;
    font-size: 12px;
}

.underlinedForm .field-validation-error
{
    display:block;
    font-size:12px;
    color:red;
}

.underlinedForm .error {
    background-color: red;
    color: white;
    padding: 3px;
    font-size: 12px;
}

.underlinedForm select {
    width: 100% !important;
}

.underlinedForm input[type="checkbox"] {
    margin: 15px 10px 0 0;
    padding:8px;
}

.underlinedForm .noMarginCheck input[type="checkbox"] {
    margin-top: 0px !important;
}

.underlinedForm label {
    font-size: 14px;
    font-weight:600;
}

.underlinedForm img {
    border: 2px solid #c0ced8;
}

.underlinedForm  > li {
    padding: 45px 0 0 0;
    font-size: 18px;
    vertical-align: middle;
    clear:both;
}

.underlinedForm .input-validation-error
{
    border-bottom:1px dotted red !important;
}


.bigButton {
    font-family: 'Lato';
    font-size: 18px;
    float: left;
    display: inline-block;
    margin-bottom: 0px;
    padding: 3px 10px 3px 10px;
    text-shadow: none;
    width: 100%;
    height: 43px;
    border-radius: 3px;
}

.smallButton {
    font-family: 'Lato';
    font-size: 18px;
    float: left;
    display: inline-block;
    margin-bottom: 0px;
    padding: 3px 10px 3px 10px;
    text-shadow: none;
    height: 43px;
    border-radius: 3px;
}

.standardForm h1 {
    padding: 0px;
}


.smallBlueButton{
    background-color:#25b0fc;
    color:white;
    font-size:12px;
    border-radius:6px;
  
width:auto;

    margin-right:30px;
    text-align:center;
    padding:10px;
    cursor:pointer;
}

.smallBlueButton:hover{
    background-color:#1d83bb;

}


.smallBlueButton a{
    color:white;
    text-decoration:none;
    
}


.basicButton{
    background-color:#25b0fc;
    color:white;
    font-size:18px;
    border-radius:6px;
  
width:100px;
    margin-right:30px;
    text-align:center;
    padding:10px;
    
}

    .basicButton:hover {

        background-color: #64c6fc;
        -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.67);
        -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.67);
        box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.37);
        cursor: pointer;
    }
   

.blueBtn {
    background: #2c9dbf !important;
    color: white !important;
    border-radius: 3px;
}

    .blueBtn:hover {
        background: #555 !important;
        text-decoration: none;
        cursor: pointer;
    }




.colorizeHover:hover {
    -webkit-filter: contrast(3);
}

/* .squaredThree */
.squaredThree {
  width: 20px;
  position: relative;
  margin: 20px auto;
}
.squaredThree label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #222222), color-stop(100%, #45484d));
  background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: -moz-linear-gradient(top, #222222 0%, #45484d 100%);
  background: -o-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(top, #222222 0%, #45484d 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.squaredThree label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squaredThree label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.squaredThree input[type=checkbox] {
  visibility: hidden;
}
.squaredThree input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* end .squaredThree */


/* .squaredFour */
.squaredFour {
  width: 20px;
  position: relative;
  margin: 0px 10px 0px 0px;
}
.squaredFour label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFFFFF), color-stop(40%, #FFFFFF), color-stop(100%, #FFFFFF));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 40%, #FFFFFF 100%);
  background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 40%, #FFFFFF 100%);


  background: -o-linear-gradient(top, #FFFFFF 0%, #dfe5d7 40%, #FFFFFF 100%);
  background: linear-gradient(top, #FFFFFF 0%, #dfe5d7 40%, #FFFFFF 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.squaredFour label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squaredFour label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.squaredFour input[type=checkbox] {
  visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* end .squaredFour */


div.validation-summary-errors{
    background-color: rgb(244, 244, 211);
    border:1px solid red;
padding: 20px;
font-size: 14px;
margin-bottom:20px;
color:red;
}


div.validation-summary-errors ul >li{
  list-style-type:disc;
  margin-left:40px;
  padding-top:5px;

}

@media only screen and (max-width: 750px){
    .smallButton{
        border-radius: 6px;
        width: 100px;
        text-align: center;
        padding: 10px;
        border: none;
    }
}