/*
@CreatedDate     09-12-2020                                  
@ModifiedDate    09-12-2020                                  
@author          Somnath Mitra-Accenture
@LastModifiedBy  Lakshana Karmegam-Accenture
@Description     This CSS file contains styling used in the ENDO Stay Upto Date form.
This CSS was taken from the AXIOS form implementation.
On top of that, specific modifcations have been made, as per the user story EUMKTG-825.
@Requirement Id(s)  EUMKTG-825.
*/

.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;
}

/** 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_specialty option:checked {
    background: #1e8fff;
    color: #ffffff;
}