/*
///-------------------------------------------------------///
///-------------------------------------------------------///
///-------------------------------------------------------///
///   Code is privilaged and copyright protected          ///
///              pending application approval             ///
///                   December 2021                       ///
///-------------------------------------------------------///
///-------------------------------------------------------///
///-------------------------------------------------------///
*/

* {
  box-sizing: border-box;
  	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom {
  zoom: 1;
}
input {
  font-size: 1.2vw;
  width: 40%;
}
/* Mark input boxes that gets an error on validation: */
.invalid {
  background-color: #ffdddd;
}

input[type="checkbox"]{
   font-size: 1.2vw;
   width: 10%;
   text-align: right;
   left: 0;
} 

select{
  font-size: 1.2vw;
  width: 40%;

}

select[disabled] { 
  color: black; 
}

button {
  background-color: #687864;
  color: #ffffff;
  border: none;
  padding: 0.8vw 1.8vw;
  font-size: 1.4vw ;
  font-family: Raleway;
  cursor: pointer;
  border-radius: 1.2vw;

}

button:hover {
  opacity: 0.8;
}


html {
    /*min-width: 1024px;*/
    /*min-height: 768px;*/
    /*height: 100%;*/
    width:100%;
    position: relative;
  
   
    /*background-image: linear-gradient(to bottom right, #31708E , #314E8E);*/
    background-image: url("/MGS/Images/iStock-1203790058-schedule.jpg");
     background-size: cover;

}

body {

margin-top:                        5.0vw;


}
fieldset {
  background-color: #8FC1E3;
      position:                        relative;
      height:                             100%;
      margin:                             auto; 
      width: 40%;
      border-radius: 1.2vw 
}


.divContact textarea {
      width:                              100%;
      box-sizing:                         border-box;
      resize: vertical;
      font-size: 1vw ;
      
}
.divContact input[type=email] {
      width: 100%;
      font-size: 1vw ;
      
}
.divContact input[type=select] {
      font-size: 1vw ;
      
}
legend {
  background-color: #5085A5;
  color: white;
  padding: 0.5vw 1.0vw;
  font-size: 1.35vw ;
   border-radius: 1.2vw;
}

input[type=number]{
  width: 8.0vw;

} 


label {
  font-size: 1.3vw;
  text-align: right;
  width: 40.0vw;
  line-height: 2.6vw;
  margin-bottom: 1.0vw;
  
}



.disabledarea {
    pointer-events: none;
    opacity: 0.4;
}

.enablearea {
    pointer-events: auto;
    opacity: 1;
}



.TitleAreaContainer{
display: inline-block;
margin-left : 0.5vw;
margin-right : 0.5vw;

}
.TitleAreaIcon {
  margin: 0;
  top: 1%;
  left: 3%;
  float:left;
  width: 33.33%;
  

  
}
.TitleAreaName {
  float:left;
  width: 33.33%;
  padding: 5px;

}
.TitleAreaName p,b {
display: inline;

}
.TitleAreaName b {
color: #008080;/* teal color */
-webkit-text-stroke: 0.1vw white; /* width and color */
font-size: 3vw ;
}
.TitleAreaName p {
color: white;
-webkit-text-stroke: 0.08vw black; /* width and color */
font-size: 3.2vw ;
}
.TitleIcon {
  position: relative;
  width: 20%;
  height: 19%;
  border-radius: 1.2vw;
}


.loader {
  position: relative;
  border: 1vw solid #f3f3f3;
  border-radius: 50%;
  border-top: 1vw solid #3498db;
  width: 8vw;
  height: 8vw;
  -webkit-animation: spin 1.5s linear infinite; /* Safari */
  animation: spin 1.5s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body {font-family: Arial;}
/* Full-width input fields */

.containerContact input[type=text]{
  width: 100%;
  padding: 0.2vw 0.4vw;
  margin: 0.1vw 0;
  display: inline-block;
  border: 0.1vw solid #ccc;
  box-sizing: border-box;
  font-size: 1vw ;
}
.containerContact input[type=button]{
  cursor: pointer;
  border-radius: 1.2vw;
  background-color: #4CAF50;
  color: white;
  padding: 1.0vw 1.6vw;
  margin: 0.8vw 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

/* Set a style for all buttons */
.containerContact button {
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 0.8vw 1.8vw;
	background-color: #4CAF50;
	background-image: linear-gradient(#265728,#4CAF50);

	/* text styles */
	text-decoration: none;
	color: #ffffff;
    font-size: 1.6vw ;
    font-family: Raleway;
	font-weight: 100;
    box-shadow: 0px 1px 4px -2px #333;
    text-shadow: 0px -1px #333;
    border: none;
    cursor: pointer;
    border-radius: 1.2vw;
    width: 100%;
}
.containerContact button:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
	border-radius: 1.2vw;
}

.containerContact buttonhover{
	background: linear-gradient(#419c64,#4ec341);
}


/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 2.4vw 0 1.2vw 0;
  position: relative;
}


.containerContact {
  padding: 0.5vw;
}



/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}



.alert.success {
    background-color: #4195bc;;
    font-size: 1.3vw;
}






#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 6vw;    /* Footer height */
}
#footer {
  position: absolute;
  text-align: right;
  color: white;
  bottom: 0;
  width: 100%;
  height: 6vw; 
  margin-right : 0.6vw;
  /* Footer height */
  /* background-color: #4b9bc1;*/
}
#footer p{
    margin-right : 0.5vw;
}

.dropbtn {
  padding: 0.8vw 1.8vw;
  font-size: 1.6vw;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
  float:right;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 14vw;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0.5vw;
}

.dropdown-content a {
  color: black;
  padding: 0.4vw 1vw;
  font-size: 1.6vw;
  text-decoration: none;
  display: block;
  text-align:left;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.error {color: #FF0000;
    font-size: 1.3vw;
}

.whitelink a{
    color:white;
}
.about-section {
  padding: 50px;
  text-align: center;
  background-color: #474e5d;
  color: white;
  font-size: 1.6vw;
}
.glass{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 0.8vw 1.8vw;
	background-color: #687864;
	background-image: linear-gradient(#687864,#81927d);

	/* text styles */
	text-decoration: none;
	color: #ffffff;
    font-size: 1.6vw ;
    font-family: Raleway;
	font-weight: 100;
    box-shadow: 0px 1px 4px -2px #333;
    text-shadow: 0px -1px #333;
    border: none;
    cursor: pointer;
    border-radius: 1.2vw;
}
.glass:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
	border-radius: 1.2vw;
}

.glass:hover{
	background: linear-gradient(#6d706c,#63805c);
}