@charset "utf-8";
/* CSS Document */

#confirm 
{
   display: none;
   background-color: #F3F5F6;
   color: #000000;
   border: 1px solid #aaa;
   position: fixed;
   /* width: 500px; */
   /* height: auto; */
   width: 100%;
   height: 80%;
   max-height: 800px;   
   overflow-y: scroll;
   /* left: 50%; */
   left: 0%;
   top: 100px;
   /* margin-left: -100px; */
   padding: 10px 20px 10px;
   box-sizing: border-box;
   z-index: 1;
   overflow: scroll;
   /*text-align: center;*/
}
#cookieError 
{
   background-color: #F3F5F6;
   color: #000000;
   border: 1px solid #aaa;
   position: fixed;
   width: 500px;
   height: auto;
   max-height: 800px;
   overflow-y: scroll;
   left: 50%;
   top: 100px;
   margin-left: -100px;
   padding: 10px 20px 10px;
   box-sizing: border-box;
   z-index: 1;
}
.yes, .no, .yesError, .noError 
{
 width: 100px;
 height: 50px;
 background: #125EAA;
 color: white;
}
#confirm .message, #cookieError .messageError
{
   text-align: left;
}
button.yes, button.no {
 cursor: pointer;
}
form input.checkButton 
{
 cursor: pointer !important;
 width: 200px !important;
 background: darkslategray !important;
 margin-top: 40px !important;
}
form input.validateButton 
{
 cursor: pointer !important;
 width: 200px !important;
 background: #0c5460 !important;
 margin-top: 40px !important;
}

/* GENERAL MEDIA QUERIES Class at MAX WIDTH 570 */
@media (max-width:570px) 
{
 span.Paragraph {
  float: left;
  margin-top: -60px;
 }
 div.pageSectionImage img.center {
  display: none;
 }
 
 /* FORM ELEMENTS */
 form label {
  display: block;
  margin: 0px;
 }
 form input[type="radio"], 
 form input[type="checkbox"],
 form span > label {
  display: inline-block;
 }
 form input.form-frame, form select + label, 
 form span label[for="mobilePhone"], 
 form span label[for="keysReceived"] {
  display: block;
 }  
 form input[class^="m"], 
 form label[class^="m"], 
 form span label[for="mobilePhone"],
 form span[class^="m"],
 form span[class^="m"] label {
  margin: 0px;
  margin-top: 10px;
 }
 form span[class^="m"] label {
  margin-left: 15px;
 }
 span {
  width: 100%;
 }
 span textarea {
  width: 90%;
 }
}
@media (max-width: 1280px) 
{
 #confirm {
    max-height: 75%;
    max-height: -moz-available;
    max-height: -webkit-fill-available;
    max-height: fill-available;
 }
}