/* Global Styles */
 
*{
    padding: 0; /* Reset all padding to 0 */
    margin: 0; /* Reset all margin to 0 */
	
}
 
body{
    background: #F9F9F9; /* Set HTML background color */
    font: 14px "Tahoma";  /* Set global font size & family */
    color: #464646; /* Set global text color */
	position: relative;
	min-height: 100vh;
	padding-bottom: 100px;
	background-color: #f1f1f1;
	
}
 
p{
    margin: 10px 0px 10px 0px; /* Add some padding to the top and bottom of the <p> tags */
}

/* Style the horizontal ruler */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}
 


/* Form & Input field styles */
 
form{
    margin-top: 30px; /* Make some more distance away from the description text */
}
 
form .submit_button{
    background: #004A80; /* Set button background */
    border: 1px solid #DFDFDF; /* Small border around our submit button */
    padding: 8px; /* Add some more space around our button text */
     margin-top: 30px; 
     color: white;
	 width: 20%;
}

 
input{
    font: normal 16px Tahoma; /* Set font for our input fields */
    border: 1px solid #DFDFDF; /* Small border around our input field */
    padding: 8px; /* Add some more space around our text */
}


	.col-sm-8 {
		padding-bottom: 150px;
		background-color: white;
min-height: 70vh;
padding-top: 10px;
	}

    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
	  background-color: #004A80; 
    }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: auto;}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      
     
    }

    
	.footer {
		position: absolute;
		margin-top: -50px; /* negative value of footer height */
		height: 200px;
		clear:both;
		padding-top:20px;
		background-color: #004A80; 
		color:  white;
		font-family: "Arial", Times, serif;
		font-size: 12px;
		bottom: 0;
		width: 100%;
		
	} 
	
	#logo {
		height: 100px;
	}
	
	#chantelle {
		float:right;
		width:auto;
		height:300px;
		opacity: 0.95;
		visibility: visible;}
		
  	#grabbed-phone {
		float:right;
		width:auto;
		height:300px;
		opacity: 1.0;		
		visibility: visible;}

	.badges{
		display: block;
		margin-left: 20px;
		margin-right: auto;
		width: 200px;
	}

* {
  box-sizing: border-box;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;	
  text-decoration: none;
  cursor: pointer;
}	
	
	.panel-title{
		font-weight: bold;
	}
		
	
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
		#chantelle {height:200px;}
		#grabbed-phone {height:200px;}
      .sidenav {
        height: auto;
        padding: 0;
		padding-top: 0;
		display: none;
      }
	  
	  body {
		  padding-bottom: 200px;		/*footer placement*/
		  
	  }
      .right-hand {
		padding-bottom: 0;		/*not applied*/
      }	  
	.col-sm-8 {
		padding-bottom: 0;
	}	 
	
    .row.content {height:auto;} 
	
	#logo {height:50px;}/*not applied*/
	  
	.modal-content{
		width: 90%;
	}
	
	th.exColHead{
		display: none;
	}
	
	td.exCol {
		display: none;	
	}

	.footer {
		font-size: 10px;
	} 
	
	.badges{
	width: 120px;
}

	  
    }




/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 60px;
    font-size: 16px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    
    position: fixed;
    bottom: 0;
    left: 20px;
    right: 20px;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/