/*********
 CSS for ms dynamic forms only
 Made on 24-06-2026
 Task: WB-1237
 ********/

body .wmsfooterform .marketingForm,
body .wmsfooterform .marketingForm > div {
  width: 100%;	
  max-width: 100% !important;
} 

body .wmsfooterform .marketingForm > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 22px;  
}

body .wmsfooterform .marketingForm > div > .wrap-section {
  max-width: 100%;	
}

body .wmsfooterform .marketingForm > div > .wrap-section:first-child .columnContainer {
  display: flex !important;
  flex-wrap: wrap;
  gap: 16px;
  width: 100% !important;
  flex: 0 0 100% !important;
  flex-direction: row !important;
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock,
body .wmsfooterform .marketingForm > div > div .submitButtonWrapper {
  padding: 0;	
}

body .wmsfooterform .marketingForm > div > div .submitButtonWrapper {
  width: 23%;	
  margin: 0;
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock {
  width: calc( 45% - 16px );	
  display: block;
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock:first-child {
  width: calc( 30% - 8px );	
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock input,
body .wmsfooterform .marketingForm > div > div .submitButtonWrapper button {
  width: 100% !important;
  min-width: 0 !important;	
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock input {
  outline: none;
  color: #1c2d3b;  
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock input:focus {
  border: 1px solid rgba( 0, 0, 0, 1 );
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock input::-webkit-input-placeholder {
  color: #1c2d3b;	
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock input:-moz-placeholder {
  color: #1c2d3b;	
  opacity:  1;
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock input:-ms-input-placeholder {
  color: #1c2d3b;	
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock input::-ms-input-placeholder {
  color: #1c2d3b;	
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock input::placeholder {
  color: #1c2d3b;	
}

body .wmsfooterform .marketingForm > div > div .textFormFieldBlock input {
  height: 44px;	 
  padding: 9px 10px;
}

body .wmsfooterform .marketingForm > div > div .submitButtonWrapper button {
  padding: 10px 5px;
  border-radius: 4px;  
  background: #87DAFF;
  color: #1c2d3b;
  font-family: 'Lato', Sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.5px;
  height: 44px !important;	 
}

body .wmsfooterform .marketingForm > div > div .submitButtonWrapper button:hover {
  background-color: #CFF0FF;
  border-color: #CFF0FF;	
}

body .wmsfooterform .marketingForm > div > .wrap-section:last-child label p {
  font-family: 'Mulish', Sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #fff;  
}

body .wmsfooterform .marketingForm > div > .wrap-section:last-child label p a {
  color: #F82C51;	
  border-bottom: 1px solid;
  font-family: 'Mulish', Sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.5px;
}

body .wmsfooterform .marketingForm > div > .wrap-section .consentBlock {
  padding: 0 !important;	
}

body .wmsfooterform .marketingForm > div > .wrap-section:last-child label:after {
  display: none;	
}

body .onFormSubmittedFeedback  {
  max-width: 100%;
  height: auto !important;
  font-family: 'Mulish', Sans-serif !important;  
}

body .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {
  font-family: 'Mulish', Sans-serif !important;
  font-size: 16px !important;  
}

body .downloadForm > div {
  width: 100%;
  max-width: 100% !important;  
}

body .downloadForm .columnContainer {
  width: 100% !important;	
}

body .downloadForm .twocol {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;  
}

body .downloadForm .twocol .mncol-1 {
  width: calc( 50% - 10px );	
}

body .downloadForm .twocol .mncol-2 {
  width: calc( 50% - 10px );
}

body .downloadForm .textFormFieldBlock,
body .downloadForm .phoneFormFieldBlock,
body .downloadForm .twoOptionFormFieldBlock,
body .downloadForm .optionSetFormFieldBlock,
body .downloadForm .multiOptionSetFormFieldBlock,
body .downloadForm .submitButtonWrapper {
  padding: 0 !important;	
}

body .downloadForm .phoneFormFieldBlock {
  gap: 5px;	
}

body .downloadForm .columnContainer {
  gap: 20px;	
}

body .downloadForm .oksection:not(.innerSection) {
  margin-bottom: 20px !important;	
}

body .downloadForm input[type="text"],
body .downloadForm input[type="email"],
body .downloadForm input[type="tel"],
body .downloadForm select,
body .downloadForm textarea {
 padding: 11px 10px; 	
 accent-color: #1c2d3b !important;
 min-height: 50px;
 height: 50px;
 color: #1C2D3B !important;
 background: #fff;
 border: 1px solid #000;
}

body .downloadForm input[type="tel"]:focus,
body .downloadForm input[type="tel"]:focus-visible {
 outline: auto;	
}

body .downloadForm .oksection .textFormFieldBlock label {
 flex: 0;	
}

body .downloadForm .oksection input[type="checkbox"] {
 top: 0;	
}

body .downloadForm .oksection .consentBlock {
 padding: 0;	
}

body .downloadForm input[type="text"]::-webkit-input-placeholder,
body .downloadForm input[type="email"]::-webkit-input-placeholder,
body .downloadForm input[type="tel"]::-webkit-input-placeholder,
body .downloadForm textarea::-webkit-input-placeholder {
  color: #1c2d3b;	
}

body .downloadForm input[type="text"]::-moz-placeholder,
body .downloadForm input[type="email"]::-moz-placeholder,
body .downloadForm input[type="tel"]::-moz-placeholder,
body .downloadForm textarea::-moz-placeholder,
body .downloadForm input[type="text"]:-moz-placeholder,
body .downloadForm input[type="email"]:-moz-placeholder,
body .downloadForm input[type="tel"]:-moz-placeholder,
body .downloadForm textarea:-moz-placeholder {
  color: #1c2d3b;	
  opacity:  1;
}

body .downloadForm .twoOptionFormFieldBlock label.block-label div,
body .downloadForm .twoOptionFormFieldBlock label.block-label div a {
 font-size: 12px;
 font-weight: 700;
 line-height: 14px;
 letter-spacing: 0.5px; 
}

body .downloadForm .twoOptionFormFieldBlock label.block-label div a {
 color: #f82c51;	
}

body .downloadForm .submitButtonWrapper .submitButton {
 min-width: 100%;
 width: 100%; 
}

body .downloadForm input[type="checkbox"] {
 width: 20px !important;
 height: 20px !important;
 margin: 0px 10px 0px 0px !important;
 position: relative;
 top: 7px;
 right: 0px;
 bottom: 0px;
 left: 0px;	
 border-radius: 4px 4px 4px 4px !important;
 border: 1px solid #000 !important;
 cursor: pointer;
 accent-color: #87DAFF !important; 
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 outline: 0;
 background: #ffffff;
}

body .downloadForm input[type="checkbox"]:checked {
 background-color: #87DAFF !important;
 border: 1px solid #000000; 	
}

body .downloadForm input[type="checkbox"]:checked:hover,
body .downloadForm input[type="checkbox"]:checked {
 background-color: #87DAFF !important;
 border: 1px solid #000000;
		  
}
  
body .downloadForm input[type="checkbox"]:hover:after,
body .downloadForm input[type="checkbox"]:after {
 content: '';
 position: relative;
 left: 39%;
 top: 16%;
 width: 30%;
 height: 56%;
 border: solid #000;
 border-width: 0 2px 2px 0;
 transform: rotate(45deg);
 display: none;	  
}
  
body .downloadForm input[type="checkbox"]:checked:after,
body .downloadForm input[type="checkbox"]:checked:hover:after {
 display: block;	  
}

body .downloadForm .twoOptionFormFieldBlock .twooption_checkbox > div {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-start;	
 gap: 0;
}

body .downloadForm .twoOptionFormFieldBlock .twooption_checkbox > div label.block-label:after {
 content: none;	
}

body .downloadForm button.submitButton[disabled="disabled"] {
 color: #1C2D3B4D;
 background-color: #DCDCDC;
 border-color: #DCDCDC;
}

body .downloadForm .notvalidfield {
 color: #DD5050;
 font-family: "Mulish", sans-sarif;
 font-size: 14px;
 font-weight: 700;
 line-height: 23px;
 position: relative;
 top: 2px;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 5px;
}

body .downloadForm .notvalidfield img {
 width: 24px;
 margin-right: 0;
 
}

body .downloadForm .notvalidfield span {
 width: calc( 100% - 29px ); 
 line-height: 18px;
}

body .downloadForm .textFormFieldBlock, 
body .downloadForm .dateTimeFormFieldBlock, 
body .downloadForm .twoOptionFormFieldBlock, 
body .downloadForm .optionSetFormFieldBlock, 
body .downloadForm .passesBlock, 
body .downloadForm .multiOptionSetFormFieldBlock, 
body .downloadForm .lookupFormFieldBlock {
 gap: 5px !important;	
}

@media all and ( max-width: 767px ) {
  body .wmsfooterform .marketingForm > div > div .textFormFieldBlock, 
  body .wmsfooterform .marketingForm > div > div .submitButtonWrapper,
  body .downloadForm .twocol .mncol-1,
  body .downloadForm .twocol .mncol-2 {
	width: 100% !important;  
  }	
  
  body .downloadForm .columnContainer {
	display: flex !important;  
  }
  
  body .downloadForm .consentBlock {
	padding: 0 !important;  
  }
}