/*
@CreatedDate     08-20-2021                                  
@ModifiedDate    11-18-2021                                  
@author          Ankan das-Accenture
@LastModifiedBy  Lakshana Karmegam-Accenture
@Description     This CSS file contains styling used in the Endo Contact Us form.
This CSS was taken from the AEM webpage which hosted the EXALT MODEL B form earlier.
@Requirement Id(s)  EUMKTG 2697.
*/

.clear {
    clear: both;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



body {
    padding-top: 20px;
    padding-bottom: 20px;
}

.container {
    max-width: 730px;
}

.header {
    margin-bottom: 30px;
}

.header, .marketing, .footer {
    padding-right: 0px;
    padding-left: 0px;
}

.footer {
    color: #777;
    text-align: center;
}

.header {
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
}

.header h3.text-muted {
    margin: 0;
}

.landing_page_background{
    background-color: #0C151E;
    padding: 0px;
}

.landing_page {
    background-color: #080D13;
    width: 980px;
}

.w600 {
    margin: auto !important;
    width: 600px;
}

.jumbotron p {
    font-size: 14px;
}

.source {
    margin-top: 40px;
    clear: both;
}

.source-content {
    padding: 5px 30px 5px 30px;
}

.source-btn {
    display: block;
    float: left;
    clear: both;
    margin: 8px;
}

span.small {
    font-size: 10px;
}

@media screen and (max-width: 620px) {
    .w600 {
        width: 100%;
    }

    .w600 img {
        width: 100%;
    }
}

/* Reports */
p.report_form_bloc {
 font-size : 12px;
}
select.report_form {
 font-size : 12px;
}







/** FORM FIELDS **/
div.contact-form {
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px auto;
    color: #19598C;
    font-size: 15px;
    clear: both;
}

form textarea,
form input[type="text"],
form input[type="password"],
form select {
    color: #8A8C8E;
    background: #f7f7f7;
    border: 1px solid #DBDBDB;
    font-size: 16px;
    padding: 7px 15px;
    width: 100%;
    box-sizing: border-box;
}

form select {
    -moz-appearance: none;
    background: #f7f7f7 url("https://bsci-emailing.com/img/select-arrow.png") no-repeat 98% center / 10px auto;
    text-indent: 0.01px;
    text-overflow: "";
    padding: 0px 15px;
}

#specialties_div select.specialties {
   -moz-appearance: none;
    background: #f7f7f7;
    text-indent: 0.01px;
    text-overflow: "";
    padding: 7px 15px;
}

form select option {
    background: #f7f7f7;
    padding: 7px 15px;
    color: #19598C;
}

form .option label {
    color: #656565;
}

form a {
    text-decoration: none;
    float: right;
    padding: 0px !important;
    color: white;
}

form button,
form input[type="button"],
form input[type="submit"] {
    background: #19598C;
    color: #FFF;
    padding: 7px 15px;
    text-align: center;
    border: 0;
    text-transform: uppercase;
    font-weight: 800;
}

form button:hover,
form input[type="button"]:hover,
form input[type="submit"]:hover {
    background: #26a8d0;
}

form button[type="reset"],
form input[type="reset"] {
    background: #d6d6d6;
    color: white;
}

form button[type="reset"]:hover,
form input[type="reset"]:hover {
    background: #cecece;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}

span.required-star {
    color: #40b9cc;
    font-weight: 800;
    padding-left: 2px;
    padding-right: 2px;
}

form .form-field-left-col {
    float: left;
    width: 50%;
}

form .form-field-right-col {
    float: right;
    width: 50%;
}

input.error,
select.error {
    box-shadow: 0px 0px 3px 0px red;
}

.form-row {
    margin-bottom: 20px;
    clear: both;
}

.form-row .field-label {
    float: left;
    margin-right: 5%;
    width: 30%;
    padding-top: 7px;
}

.form-row .field-widget {
    display: inline-block;
    float: right;
    width: 58%;
    position: relative;
}

.form-row .field-error {
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    margin-top: 4px;
}
.field-consent .field-error {
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    margin-top: 4px;
}

/** FORM CONTROLS **/
.form-controls {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.2em;
    clear: both;
}

.form-controls .form-control {
    vertical-align: bottom;
    float: left;
    margin-left: 10px;
}

.form-controls .form-control button,
.form-controls .form-control a {
    padding: 10px 30px 10px 30px;
    font-size: 0.8em;
    font-weight: 100;
}

/** REQUIRE MENTION **/
.form-require-mention {
    display: inline-block;
    font-size: 0.6em;
    text-transform: none;
    line-height: 19px;
    /*float: left;*/
}

/** OTHERS **/
.confirm-footer {
    font-size: 0.8em;
}

a.small-link {
    color: #0099cc;
    text-decoration: none;
}

#form_row_appbundle_contact_procedures .semicolon {
    display: none;
}

.fwb {
    font-weight: bold;
}

.mb20 {
    margin-bottom: 20px;
}

.fr {
    float: right !important;
}

.already-registered {
    font-family: Arial;
    color: #737373;
    float: right;
    margin: 5px;
}

.already-registered:hover {
    color: #303030;
    cursor: pointer;
}


/* Bug display select IE */
select::-ms-expand {
    display: none;
}

form select {
 padding-right : 35px;
 -webkit-appearance : none;
} 

.header-form {
    width: 940px;
    margin: 20px auto;
}

.contact-form form {
    width: 100%;
    margin-top: 20px;
}

.contact-form {
    width: 940px;
    margin: 20px auto;
    padding: 0;
}

.contact-form p.title {
 font-size: 20px;
    font-weight: bold;
}

.contact-form p.intro {
 font-size: 16px;
}

.contact-form p.subtitle {
 font-size: 16px;
 border-bottom : 1px solid #19598C;
 margin : 25px 0 20px 0;
 clear : both;
}

.contact-form div.jsactions p.jsaction {
    text-align: right;
    border: 0;
    padding: 10px 0px 10px 0px;
    font-weight: 100;
 display: inline-block;
    float: right;
    margin-top : 0;
    margin-bottom : 10px;
    cursor : pointer;
}
.contact-form .jsactions:hover {
    background: #26a8d0;
}
.contact-form .jsactions #mylink {
 display : none;
}
.contact-form .jsactions a {
 color : #19598C;
}

.contact-form .unselect_all {
 
}

.contact-form .legend {
    font-size: 12px;
    font-style: italic;
    text-align: right;
}

.contact-form .field-widget input[type="checkbox"] {
    width: 18px;
    height: 18px;
    vertical-align: bottom;
}

.contact-form .field-widget .option label {
 line-height: 25px;
}

.contact-form .confirmation_message {
 font-size : 16px;
 background-color : #f7f7f7;
 padding : 10px;
 text-align : center;
 font-weight : bold;
}

@media screen and (max-width: 940px) {
    .header-form {
        width: 90%;
    }
}

@media screen and (max-width: 940px) {
    .contact-form {
        width: 90%;
        padding-top: 0px;
    }
}

.contact-form .form-control button { 
 cursor : pointer;
}

#sources .semicolon {
 display : none;
}

#contact_gdpr_submitted {
 margin-left : 0;
 margin-right : 0;
}
 
#body_form div.container.mygdpr {
 padding-left : 0;
 padding-right : 0;
}
#body_form div.container.mygdpr div.col-md-12 {
 padding-left : 0;
 padding-right : 0;
}
#body_form div.container.mygdpr p {
 font-family: 'Arial', Arial, sans-serif;
    color: #737373;
    line-height : 25px;
}

#contact_form_electrophysiology #procedures .semicolon {
 display : none;
}

.contact-form form select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 7px 15px;
}


@media screen and (min-width: 500px){
 .button-wrapper{
  float: right;
 }
 .field-label{
 word-break: break-word;
}
 
}
@media screen and (min-width: 355px) and (max-width: 400px) {
 .button-wrapper{
  width: 86%;
  margin: auto;
 }
 .field-label{
 word-break: break-word;
}
}
@media screen and (min-width: 400px) and (max-width: 450px)  {
 .button-wrapper{
  width: 80%;
  margin: auto;
 }
 .field-label{
 word-break: break-word;
}
}

@media screen and (max-width: 500px) and (min-width: 450px){
 .button-wrapper{
  width: 90%;
  margin: auto;
 }
.mandatory-wrapper{
  margin-bottom: 10px;
 }
 .field-label{
 word-break: break-word;
}
}

@media screen and (max-width: 320px){
 .form_wrapper{
  width: 100%;
 }
 .button_sub , .button_reset {
  width: 100%;
  margin-bottom: 10px;
 }
 .button-wrapper{
  margin:0px;
 }
 .field-label{
 word-break: break-word;
}
}

form select#appbundle_contact_procedure option:checked {
    background: #1e8fff;
	color: #ffffff;
}

form select#appbundle_contact_specialty option:checked {
	background: #1e8fff;
	color: #ffffff;
}