/* CSS Document */

/* LOGIN AND REGISTER COURSE*/

.wine-form-text {display:block; float:left; width:25%; margin-right:5%;}
.wine-form-textbox {display:block; float:left; width:65%; margin-right:5%;}

.register-left-box{ display:block; float:left; width:42%; margin-right:5%; background-color:#F1F1F2;padding-bottom:15px;  }
.register-left-box .text-form-box {width:80%; margin:auto;}
.register-left-box .text-form-box h1 { text-align:center;}
.register-left-box .text-form-box h2{
font-size: 1.1em;
padding: 5px 5px 5px 5px;
  letter-spacing: .7px;
    margin-top: 1em;
  margin-bottom: 26px;
}

.warning-message { color:red;}



.login-right-box{ display:block; float:left; width:42%;margin-left:5%; background-color:#F1F1F2;padding-bottom:15px; }
.login-right-box .text-form-box {width:90%; margin:auto;}
.login-right-box .text-form-box h1 {text-align:center;}
.login-right-box .text-form-box h2 { font-size: 1.1em;
padding: 5px 5px 5px 5px;
  letter-spacing: .7px;
    margin-top: 1em;
  margin-bottom: 26px;}
  
  .feedback-input {
  color: #ccc;
 font-size: 1.1em;
  border-radius: 0;
  letter-spacing: .7px;
  background-color: #fbfbfb;
   padding: 5px 5px 5px 5px;
  margin-top: 1em;
  margin-bottom: 5px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.53);
  -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.53);
  box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.53);
}

  .feedback-input:focus {
        background: #fff;
        box-shadow: 0;
        border: 3px solid #952522;
        color: #37302a;
        outline: none;
        padding: 5px 5px 5px 5px;
    }

.focused {
    color: #30aed6;
    border: #30aed6 solid 1px;
}


.button-wines {   color: #fff;
  background-color: #952522;
  border-color: #952522;
    display: inline-block;
   padding: 8px 15%;
  margin: 2% 0 1% 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
    letter-spacing: .7px;
	  text-transform: uppercase;
	  float:right;
	}
  
  .button-wines:hover { color: #952522;
  background-color: #fff;
  border-color: #952522;}
  
@media screen and (max-width: 1200px) { 
.register-left-box{ display:block; float:left; width:95%;   background-color:#F1F1F2;  margin-bottom:5%; }
.login-right-box{ display:block; float:left; width:95%; margin-left:0 !important;  background-color:#F1F1F2; }
}



/* SESSION WINE COURSE*/
.wine-course-progress {
    margin: 2% auto;
    width: 90%;
    display: flow-root;
    height: auto;
    min-height: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.wine-course-hr {   padding-top: 5px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #333;
  display: block;
  border-bottom: 2px solid #cfd0d2;
  width: 100%;}

.session-complete { background-image:url(/Content/Images/WoSA/EducationCourses/SessionComplete.png); background-repeat:no-repeat; background-size:contain; width:60px; height:70px; }
.session-incomplete { background-image:url(/Content/Images/WoSA/EducationCourses/SessionIncomplete.png); background-repeat:no-repeat; background-size:contain; width:60px; height:70px;}
.quiz-complete { background-image:url(/Content/Images/WoSA/EducationCourses/QuizComplete.png); background-repeat:no-repeat; background-size:contain; width:95px; height:70px;}
.quiz-incomplete { background-image:url(/Content/Images/WoSA/EducationCourses/QuizIncomplete.png);  background-repeat:no-repeat; background-size:contain; width:95px; height:70px;}
.quiz-end-complete { background-image:url(/Content/Images/WoSA/EducationCourses/EndQuizComplete.png); background-repeat:no-repeat; background-size:contain; width:50px; height:70px;}
.quiz-end-incomplete {background-image:url(/Content/Images/WoSA/EducationCourses/EndQuizIncomplete.png); background-repeat:no-repeat; background-size:contain; width:50px; height:70px;}

.progress-box {width:64px; float:left; display:block;  }
.progress-box p { text-align:left; width:100px; padding:5px; font-size:12px; margin:auto;}
.progress-box-quiz {width:98px; float:left; display:block; text-align:center; }
.progress-box-quiz p { text-align:center; width:100px; padding:5px; font-size:12px; margin:auto;}

.wines-float-left { float:left; text-align:left; width:50%; color:#952522;  font-size: 1.1em;
  padding-top: 1.5em;
  padding-bottom: 15px;
  letter-spacing: .7px; vertical-align:central;}
  .wines-float-left img { padding-bottom:0px; padding-left:6px;}
  
.wines-float-right { float:right; text-align:right; width:50%; color:#952522;  font-size: 1.1em;
  padding-top: 1.5em;
  padding-bottom: 15px;
  letter-spacing: .7px; vertical-align:central;}
  .wines-float-right img { padding-bottom:0px; padding-left:2px;}

/*Wine Course Quiz*/

.wine-quiz-question-box { background-color:#F1F1F2 !important; width:100%; margin-top:10px;}
.wine-quiz-title-box {width:100%; overflow:hidden; display: table;}
.wine-quiz-question-number { float:left; width:3%; text-align:center; background-color:#952522; color:#fff; padding:1%; display: table-row;}
.wine-quiz-question-number-extra  {   float: left;
  width: 92%;
  text-align: left;
  background-color: #4d4d4f;
  color: #fff;
  padding: 1%;
  padding-left: 6%;
  height: 100%;
  border-left: 14px solid #952522; display: table-row;  }
.wine-quiz-question-title {float:left; width:93%; background-color:#4d4d4f; color:#fff; padding:1%;}
.wine-quiz-question-radio-button-box {float:left; width:3%; background-color:#F1F1F2 !important; padding:1%;}
.wine-quiz-question-answers {float:left; width:93%; background-color:#F1F1F2 !important; padding:1%;}

.incorrect-answer {background-color:#952522;    margin-right: 0% !important; color:#fff; }
/*.checked-answer {background-color:#fff;    margin-right: 0% !important; }*/


.button-wines-quiz {
  color: #fff;
  background-color: #952522;
  border-color: #952522;
  display: inline-block;
  padding: 8px 3%;
  margin: 2% 0 1% 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  letter-spacing: .7px;
  text-transform: uppercase;
  float: right;
}

.button-wines-quiz:hover {
  color: #952522;
  background-color: #fff;
  border-color: #952522;
}

.wine-quiz-question-box p { width:100%;}
.wine-quiz-question-box p label {width:90%;}
.wine-error-message {color:#952522; float:left; padding:1%; clear:left;}



/***************
  Radio Buttons
***************/
/* Remove default Radio Buttons */
[type="radio"]:not(:checked), [type="radio"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
  position: relative;
  padding-left: 63px;
  margin-top:5px;
  margin-bottom:7px;
  margin-left:20px;
  cursor: pointer;
  display: inline-block;
/*  height: 30px;*/
  line-height: 25px;
  font-size: 1rem;
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ }

[type="radio"] + label:before, [type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  transition: .28s ease; }

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 2px solid #952522; }

[type="radio"]:not(:checked) + label:after {
  border-radius: 50%;
  border: 2px solid #952522;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

/* Checked styles */
[type="radio"]:checked + label:before {
  border-radius: 50%;
  border: 2px solid transparent; }

[type="radio"]:checked + label:after {
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #952522;
  z-index: 0;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02); }

/* Radio With gap */
[type="radio"].with-gap:checked + label:before {
  border-radius: 50%;
  border: 2px solid #952522; }

[type="radio"].with-gap:checked + label:after {
  border-radius: 50%;
  border: 2px solid #952522;
  background-color: #952522;
  z-index: 0;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5); }

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled:not(:checked) + label:hover:before {
  border-color: rgba(0, 0, 0, 0.26); }


.wine-course-box {
    box-sizing: border-box;
    min-width: 0;
}

    .wine-course-box .img-size img {
        display: block;
        width: 100%;
        height: auto;
    }

    .wine-course-box .text-form-box {
        padding: 20px;
    }

    .wine-course-box .row {
        align-items: start;
    }

    .wine-course-box .col-form-label {
        padding-top: 8px;
        font-weight: 600;
        text-align: left;
    }

    .wine-course-box .form-control,
    .wine-course-box .form-select {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

.required,
.login-heading-highlight {
    color: #d92332;
}

.certificate-notice {
    margin-bottom: 24px;
}

    .certificate-notice span {
        display: block;
        margin-top: 5px;
        color: #d92332;
    }

.field-error {
    display: block;
    margin-top: 4px;
    color: #c62828;
    font-size: 0.875rem;
    line-height: 1.35;
}

    .field-error:empty {
        display: none;
    }

.validation-summary {
    display: none;
    margin-bottom: 16px;
    padding: 12px 15px;
    color: #842029;
    background: #f8d7da;
    border: 1px solid #f5c2c7;
    border-radius: 4px;
}

    .validation-summary.has-errors {
        display: block;
    }

    .validation-summary ul {
        margin: 6px 0 0;
        padding-left: 20px;
    }

.form-control.is-invalid,
.form-select.is-invalid {
    border-color: #dc3545;
}

.form-actions {
    margin-top: 20px;
    text-align: right;
}

.form-message {
    margin-top: 12px;
}

    .form-message:empty {
        display: none;
    }

@media (max-width: 575.98px) {
    .wine-course-box .text-form-box {
        padding: 15px;
    }

    .wine-course-box .col-form-label {
        padding-bottom: 4px;
    }

    .form-actions {
        text-align: left;
    }
}