/********************************************************* {COPYRIGHT-TOP} ***
* Merative Confidential
* *** mda ***
* (c) Merative US L.P. 2009-2022
********************************************************* {COPYRIGHT-END} **/

/*  **********************************************************************
 * Some specific form item definitions
 */
.mdaFormInput {} /* for the actual item */
.mdaFormInputLabel {} /* for any form input label */
.mdaFormLabelDate {} /* specific to date labels */
.mdaFormLabelDropDown {} /* specific to dropdown labels */
.mdaFormLabelEmail {} /* specific to email labels */
.mdaFormLabelInput {} /* specific to input text labels */
.mdaFormLabelPassword {} /* specific to password labels */
.mdaFormLabelPhone {} /* specific to phone-number labels */
.mdaFormLabelText {} /* specific to text labels */
.mdaFormItemButton {} /* specific to the buttons */
.mdaFormItemCaptcha {} /* specific to the captcha */
.mdaFormItemCheckbox {} /* specific to the checkbox */
.mdaFormItemDate {} /* specific to the date input item */
.mdaFormItemDropDown {} /* specific to the dropdown input item */
.mdaFormItemEmail {} /* specific to the email input item */
.mdaFormItemGroup {} /* specific to a group */
.mdaFormItemInput {} /* specific to input[type=text] or input[type=password] */
.mdaFormItemLabel {} /* specific to the label (just text) input item */
.mdaFormItemPhone {} /* specific to the phone-number input item */
.mdaFormItemRadio {} /* specific to the radio input item */
.mdaFormItemTabHeaderText {} /* specific to the first text input item of a tab */
.mdaFormItemText {} /* specific to the text input item */

.labelLink { color:#0f62fe; }

/* **********************************************************************
 * Channel header (sub-header) definitions
 */
#mda-channel-header { 
  background-color: #fff;
  color: #161616; 
}
.lightboxShowDiv {
	background:#fff;
}

.lightboxShowDiv, #lightboxContent {
   border: 1px solid #b7b789;
}

.lightboxTitle {
  background-color:#006D9D;
  color:#ffffff;
  font-weight:bold;
}

/* **********************************************************************
 * reCaptcha colors - not valid & unuseable with version 2
 */

/* **********************************************************************
 * Define some special class attributes
 */
.mda-required-label { color: #da1e28; }
.mda-error-validate { border: 2px solid #da1e28; }
.mda-text-label { }
.mda-text-value { font-weight:bold }
.mdaFormItemScrollText { height: 15em; }

.EULA-body { max-width: 1280px; margin: auto };
.loggedOut-block { color: #666; /* border: 2px #e6e6e6 solid; border-radius: 8px; */ 
                   background: #fff; margin-bottom: 30px; padding: 0px 10px; margin: 0px 15px;}
.loggedOut-block { padding: 4px}
.loggedOutTitle { padding:12px; font-size: 20px; font-weight: bold; }
.loggedOutExtra { padding:12px; font-size: 20px; }
.loggedOutText { padding:12px }

.EULA-button-gap {padding-right: 15px}

@media (max-width: 767px) { .loggedOut-block { margin: 15px 0;  } }
.EULA-title { font-size: 20px; font-weight: bold; padding: 12px 8px; color: #404143; margin-top: 3px; margin-bottom: 0px; }  
.EULA-extra { font-size: 13px; padding: 12px 8px; color: #404143; }
.EULA-block { max-height: 400px; overflow: auto; border: 1px solid #d6d6d6; padding: 12px; margin: 0 12px; background-color: white; color: #404143; }
@media screen and (max-width: 767px) { .EULA-block { height: 220px;  } }
.EULA-buttons { text-align: right; padding: 12px; }
.EULA-buttons .col-sm-12 { padding-right: 15px; }
@media (max-width: 767px) {
   .EULA-buttons { margin: 0 12px; padding: 12px; text-align: left; }
   .EULA-buttons .col-xs-12 { margin-top: 12px; }
}

.mdaFormItemInput INPUT[type="text"]:focus, 
.mdaFormItemEmail INPUT[type="text"]:focus, 
.mdaFormItemPhone INPUT[type="text"]:focus, 
.mdaFormItemInput INPUT[type="password"]:focus { outline-color: #0f62fe; }
.mdaFormItemCheckbox INPUT[type="checkbox"]:focus + LABEL:before { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0f62fe; }
.mdaFormItemRadio INPUT[type="radio"]:focus + LABEL .mdaFormItemRadioPart:before { -webkit-box-shadow: 0 0 0 2px #0f62fe; box-shadow: 0 0 0 2px #0f62fe; }
.mdaFormItemButton INPUT, .mdaFormItemButton BUTTON { color: white !important; background-color: #0f62fe !important; }
.mdaFormItemButton INPUT:focus, .mdaFormItemButton BUTTON:focus { border-color: #0f62fe; }
.mdaProgress-step .mdaProgress-step-icon { fill: #0f62fe; }
.mdaProgress-label:hover { color: #0f62fe; box-shadow: 0 0.0625rem #0f62fe; }
.mdaProgress-label:focus { color: #0f62fe; box-shadow: 0 0.1875rem 0 0 #0f62fe; }
.mdaProgress-label:active { color: #0f62fe; box-shadow: 0 0.1875rem 0 0 #0f62fe; }
.mdaProgress-step-current .mdaProgress-line { background-color: #0f62fe; }
.mdaProgress-step-current .mdaProgress-step-icon { fill: #0f62fe; }
.mdaProgress-step-complete .mdaProgress-line { background-color: #0f62fe; }
.mdaFormItemTabs-item INPUT[type="radio"]:checked + .mdaFormItemTabs-label { box-shadow: inset 0 2px 0 0 #0f62fe; background-color: #fff; }
.mdaFormItemTabs-item INPUT[type="radio"]:focus + .mdaFormItemTabs-label { outline: 2px solid #0f62fe; }
.mdaFormItemDropDown-input:focus { outline-color: #0f62fe; }
#mda-footer LI A:focus { outline-color: #0f62fe; }
#lightboxHeader { border-bottom: 1px solid #0f62fe; }
#lightboxHeader .close { background-color: #fff; color: #0f62fe;}
#lightboxHeader .close:focus { border-color: #0f62fe; }