/*container*/
#guideContainerForm {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  border-radius: .25rem!important;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  background-color: #fff!important;
  margin-bottom: 30px;
}
.guideContainerWrapperNode.container {width: 84%;margin: 6% 8%;}
[id$="_guide-item-container"] {overflow-x: hidden;}

/*heading*/
.afFormTitle h2 , .afFormTitle h3, .guideTextDraw h2, .guideTextDraw h3 {color: #7F2B7B;margin-bottom: 0;}
.guideTextDraw p {font-size: 16px;}

/*fields*/
.guideFieldNode.guideTextBox , .guideFieldNode.guideDropDownList, .guideFieldNode.guideDatePicker, 
.guideFieldNode.guideCheckBoxGroup, .guideFieldNode.guideFileUpload, .guideFieldNode.guideCheckBox, .guideFieldNode.guideNumericBox  {float: left;margin: 0 0 10px;}
.guideFieldNode.guideTextDraw h2 {margin: 0 0 15px;}
.guideFieldNode {width:100%;}
.guideFieldLabel {width:40%;float:left;}
.guideFieldWidget  {width:60%;float:right;}
.guideFieldWidget input, .guideFieldWidget select {height:40px;}
.guideFieldWidget input, .guideFieldWidget select, .guideFieldWidget textarea {padding: 0 15px;border-radius: .25rem;border: 1px solid rgba(0, 0, 0, 0.125);outline:0;color: #4D4D4D;}
.guideFieldWidget textarea {height:100px;padding: 10px 15px;}
.guideFieldNode .guideCheckBoxGroupItems input { position : relative; width : auto; height: auto;}

/* error messages*/
.guideFieldError {width: 60%;text-align: left;float: right;color: red;margin-top: 5px;}
.guideFieldNode.guideCheckBoxGroup .guideFieldError {width: 100%;float: none;margin: 0 0 10px;}

/*checkbox*/
.frontdoorHomepage .guideCheckBoxItem, .homepage .guideCheckBoxItem {margin-right: 0px;width:100%;}
.guideFieldNode.guideCheckBoxGroup label {display: block;margin-bottom: 0;line-height: 27px;}
.frontdoorHomepage .guideCheckBoxItem .guideFieldWidget, .homepage .guideCheckBoxItem .guideFieldWidget {margin-right: 10px;min-width: 15px;}
.frontdoorHomepage .guideCheckBoxItem .guideWidgetLabel, .homepage .guideCheckBoxItem .guideWidgetLabel {width: calc(100% - 25px);}
.frontdoorHomepage .guideFieldWidget input[type="checkbox"], .homepage .guideFieldWidget input[type="checkbox"] {vertical-align: -3px;float: none}

/*radio button*/
.frontdoorHomepage .guideRadioButtonItem .guideFieldWidget, .homepage .guideRadioButtonItem .guideFieldWidget{margin-right: 0.5rem;}
.frontdoorHomepage .guideRadioButtonItem input[type="radio"], .homepage .guideRadioButtonItem input[type="radio"]{width: 18px;height: 18px;}
.guideRadioButtonGroupItems {width: 60%;display: flex;flex-wrap: wrap;}
.guideRadioButtonGroupItems .guideRadioButtonItem {display: flex;max-width: 120px;flex: auto;}
.guideradiobutton .guideFieldNode .guideFieldError {float: right;}

/* info section */
.guidePanelNode.info-box {border: black 1px solid;margin: 0 0 20px;}
.guidePanelNode .info-title {border-bottom: 1px solid black;color: white;background-color: #7F2B7B;}
.guidePanelNode .info-title h2 ,.guidePanelNode .info-title h3 {color: white;margin: 0;padding: 10px;}
.guidePanelNode .info-content p {padding: 10px;margin: 0;}
.guidePanelNode .info-content.info-border {margin: 1%;border: black 1px solid;width: 98%;font-weight: 600;}
[id$="_guide-item-container"] {overflow-x: hidden;}

/*button*/
.guideFieldButtonWidget button, .guideFileUpload button{padding: 0.7rem 5rem;color: #fff;background-color: #32A685;border-radius: 50rem !important;border: none;outline:0;max-width: 100%;}
.guideFieldButtonWidget button:hover, .guideFieldButtonWidget button:hover:active{background-color: #00856A;}
.guideButton .guideFieldWidget  {width:100%;float:none;text-align:center;}

/*datepicker*/
.guideDatePicker .datepicker-calendar-icon {width: 38px;height: 38px;}
.datetimepicker {z-index: 1080;}

/*themes common css taking precedence over frontdoor common- have overidden those properties for footer*/
.upper-footer .btn {
  border: 3px solid transparent;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.1em 0.4em;
  border-radius: 50%;
  border-color: #ffffff;
}  

.docuload .panel1 .gridFluidLayout {
  margin-right: 1em;
}
.docuload .guideTextDraw h3 {
  margin: 0 0 20px;
}
/* twin input field */
.twin-inputs .guideLayout.guideGridFluidLayout, .twin-inputs_panel .guideLayout.guideGridFluidLayout{display: flex;}
.twin-inputs .guideLayout.guideGridFluidLayout .row:first-of-type {width:40%;}
.twin-inputs .guideLayout.guideGridFluidLayout .row:nth-of-type(2) {width:60%;}
.twin-inputs_panel .guideLayout.guideGridFluidLayout .row {width: 50% !important;}
.twin-inputs_panel .guideLayout.guideGridFluidLayout .row:nth-of-type(2) {margin-left: 1rem;}
.twin-inputs_panel .guideFieldWidget {width:100%;}
@media (max-width: 991px) {
.twin-inputs .guideLayout.guideGridFluidLayout {flex-direction: column;}
.twin-inputs .guideLayout.guideGridFluidLayout .row {width: 100% !important;}
.twin-inputs_panel .guideLayout.guideGridFluidLayout {flex-direction: row !important;}
.twin-inputs_panel .guideLayout.guideGridFluidLayout .row {width: 50% !important;}
}

@media (min-width: 991px) {
  .guideFieldLabel.top {width:39%;margin-right: 1%;float:left;}
}

@media (max-width: 991px) {
  .frontdoorHomepage #guideContainerForm, .homepage #guideContainerForm {padding: 18px;}
  .frontdoorHomepage .guideContainerWrapperNode.container, .guideGridFluidLayout.container, .homepage .guideContainerWrapperNode.container {margin: 0;width: 100% !important;max-width: none !important;}
  .frontdoorHomepage .guideFieldNode, .homepage .guideFieldNode {padding: 0;max-width: none !important;}
  .frontdoorHomepage .guideFieldLabel, .homepage .guideFieldLabel,
  .frontdoorHomepage .guideFieldWidget, .homepage .guideFieldWidget,  .guideFieldError {width: 100%}
  .simple.mobileLayout {display:none;}
  .frontdoorHomepage .guideCheckBoxItem, .homepage {display:flex; flex-wrap: nowrap;}
}

/*themes common css taking precedence over frontdoor common- have overidden those properties for footer*/
@media (min-width: 1200px) {
  .upper-footer .col-lg-4 {max-width: 30%;}
  .lower-footer .col-md-4 {max-width: 30%;}
  .lower-footer .col-12 {padding:0;}  
}