html,
body {
	font-family:'Open Sans',sans-serif;
	color: #1F2333;
	height: 100%;
	font-size:16px;
}

.breadcrumb{
	background-color: #EEEEEE;
}

.breadcrumb .active {
	color: #707272;
}

.container {
	width: auto;
	max-width: 940px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*-----form styles-----------------------------------*/

.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
      	box-sizing: border-box;
 	/*padding: 10px;*/
  	font-size: 16px;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="email"] {
	/*margin-bottom: -1px;*/
	margin-bottom: 10px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/*--------------------------------------------------*/

/*-----misc styles----------------------------------*/

select.smaller {
	font-size:smaller
}

/*--------------------------------------------------*/

/*-----button styles--------------------------------*/

.btn-primary {
	background-color: #005fa7;
	border-color: #005fa7;
    	padding: 10px 20px;
    	color: #fff;
    	font-size: 1rem;
    	font-weight: 600;
    	border-radius: 10px;
    	border: 1px solid #fff;
    	text-align: center;
    	transition: .3s ease-in-out 0s;
    	cursor: pointer;
    	margin-bottom: 0.5rem;
    	text-decoration: none;
    	line-height: 1.5;
}

.btn-secondary{
	background-color: #e57825;
	border-color: #e57825;
    	padding: 10px 20px;
    	color: #fff;
    	font-size: 1rem;
    	font-weight: 600;
    	border-radius: 10px;
    	border: 1px solid #fff;
    	text-align: center;
    	transition: .3s ease-in-out 0s;
    	cursor: pointer;
    	margin-bottom: 0.5rem;
    	text-decoration: none;
    	line-height: 1.5;

}

.btn-danger{
	background-color: #fd495c;
	border-color: #fd495c;
    	padding: 10px 20px;
    	color: #fff;
    	font-size: 1rem;
    	font-weight: 600;
    	border-radius: 10px;
    	border: 1px solid #fff;
    	text-align: center;
    	transition: .3s ease-in-out 0s;
    	cursor: pointer;
    	margin-bottom: 0.5rem;
    	text-decoration: none;
    	line-height: 1.5;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-color: #00a8b0;
	border-color: #00a8b0;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
	background-color: #ce004a;
	border-color: #ce004a;
}


/*--------------------------------------------------*/

.navbar-light .navbar-nav .nav-link {
font-family:'Open Sans',sans-serif;
	font-weight:800;
	color:#005fa7;
	text-transform: uppercase;
    	font-size: 14px;
    	font-stretch: normal;
    	font-style: normal;
    	line-height: 1.71;
}

.navbar-light .navbar-nav .nav-link:hover,.nav-link:focus,.nav-link:active{
	color:#00a8b0;
}

.navbar-light .navbar-nav .show .nav-link{
	color:#00a8b0;
}

.navbar-collapse {
	border-style:none;
}

.navbar{
	background-color: #ffffff!important;
}

.container .navbar-header {
 	margin-left: 0px;
}

.dropdown-item{
	color:#005fa7;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active{
	color:#00a8b0;
    	text-decoration: none;
    	background-color: #ffffff;
}

/*-----text styling----------------------------------*/

.page-header{
    	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:'Open Sans',sans-serif;
}

h1 { 
	color: #023a69;

}

.pgTitle{
	font-weight:800;
	font-size: 40px;
}

a {
	color: #005fa7;
}

a:hover, a:focus {
	color: #00a8b0;
	text-decoration: none;
}

/*---------NEW-----------------------------------------*/


.questionText{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom: 1px solid #eee;
}

.radio {
	padding-bottom: 5px;
	padding-top: 5px;
}

.questionThumbs{
	max-width:300px;
}

.img-thumbnail {
    border: 3px solid #dee2e6;
}

.imageArea{
	padding-left: 0;
    	padding-bottom: 20px;
}

#logindetails {
	text-align:right;
    	padding-right: 15px;
	color: #1F2333;
	//color: rgba(255,255,255,.5)
}

#logindetails a{
	color:#404145;
}


.table .thead-dark th{
    	background-color: #00456c;
	border: 1px solid #00456c;
	border-right-color: #ffffff;
	//border-color:#ffffff;
}


@media (max-width: 767px) {
	#logindetails{
		text-align:left;

	}
}


/* Container needed to position the overlay. Adjust the width as needed */
.imageHolder{
  position: relative;
  width: 100%;
  max-width: 300px;
  display: inline-block
}

/* Make the image to responsive */
.image {
  width: 100%;
  height: auto;
}

/* The overlay effect (full height and width) - lays on top of the container and over the image */
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #ffffff;
}


/* When you mouse over the container, fade in the overlay icon*/
.imageHolder:hover .overlay{
  opacity: .7;
}


/* The icon inside the overlay is positioned in the middle vertically and horizontally */
.icon {
  color: #343a40;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.icon a:hover, a:focus {
    color: #343a40;
}

/* When you move the mouse over the icon, change color */
.fa-search-plus:hover {
  color: #343a40;
}

#btnComplete:disabled {
	background-color:gray;
	border-color:gray;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 1000px;
    }
}

.modal-body{    
    margin-left:auto;
    margin-right:auto;
}

.form-group.required .control-label:after { 
font-family: 'Font Awesome\ 5 Pro'; 
font-weight: normal;
font-size: 8px;
content: "\f069";
color:red;
vertical-align: super;
}

figure {
	/*width: 250px;*/
	height: 250px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}