@import url('https://fonts.googleapis.com/css?family=Karla');

.wizardPage * {
  box-sizing: border-box;
}

.wizardPage div.panel-body.full {
  height: 100%;
}

.wizard section.panel.panel-default {
  height: 70vh;
}
/*

.wizard.clearfix div.content.cleafix {
  border: 1px solid rgb(81, 184, 242);
}

*/





.wizard>.steps a,
.wizard>.steps a:hover,
.wizard>.steps a:active {
  display: inline-block;
  width: 90%;
}


.wizard>.actions a:active {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.4);
}




div.col-lg-10.clearfix.wizardHeader > * {
  display: inline;
}

div.col-lg-10.clearfix.wizardHeader {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;

}

div.col-lg-10.clearfix.wizardHeader > h4 {
  margin-left: 1.5em;
}

div.col-lg-10.clearfix.wizardHeader > h2 {
  margin-left: 0.5em;
}

div.wizardHeader.wizardTitle {
  display: flex;
  align-items: center;
}

div.col-lg-2.clearfix.exitBtn {
  height: 5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#altExitWizard {
  background-color: #1A3667;
  color: #FFF;
  width: 11.4em;
  height: 2.58em;
/*  display: block;*/
}


a.wizardNavigation.tabStyle {
  font-size: 1.5em;
  text-align: center;
}

a.wizardNavigation.tabStyle span.stepNumber{
  display: block;
}

/*
li.wizardTab.disabled > a.wizardNavigartion.tabStyle {
  background-color: #1a3667;
  color: #ffffff;
  opacity: 0.6;
}
*/

li.wizardTab.current a {
  opacity: 1 !important;
}




/*WIZARD CONTENT*/

.wizard > .content.clearfix {
  padding-left: 2.5%;
}


/*WIZARD CONTENT STEP 1*/

/*
.ui-wizard-form .card-content {
  text-align: center;
}

.ui-wizard-form .card a:hover {
  text-decoration: none;
  font-weight: bolder;
}
*/

h2.wizardTitle.specialty {
/*  text-transform: uppercase;*/
  margin-bottom: 10px;
/*  padding-left: 15px;*/
/*  font-weight: bold;*/
}

h2.wizardTitle.mainTitle {
  margin-bottom: 10px;
/*  padding-left: 15px;*/
}

h2.wizardTitle + p.subtitle {
/*  padding-left: 15px;*/
  margin-bottom: 3em;
  font-size: 1.1em;
}

h2.wizardTitle + p.subtitle.upload {
  margin-bottom: 1.5em;
}


h2.wizardTitle + p.subtitle.exams {
  padding-left: 20px;
  margin-left: 0;
  margin-bottom: 3em;
  font-size: 1.1em;
}

div.upload p.subtitle.exams {
  padding-left: 0;
}



p.specialty.subtitle a {
  font-weight: bold;
}

a.specialty {
  color: #51b8f2;
  font-size: 1.3em;
  font-weight: 400;
  font-family: "Karla", sans-serif;
  font-stretch: expanded;
}

a.specialty:hover {
  text-decoration: none;
  color: #0078a0;
  font-weight: bold;
}

a.specialty.on {
  color: #0078a0;
  font-weight: bolder;
}

div.form-section.specialty {
  padding-top: 10em;
}

.ui-wizard-form .content.clearfix {
  overflow: auto;
}


/*WIZARD CONTENT STEP 2*/

.ui-wizard-form md-radio-group {
  display: inline-block;
}

.ui-wizard-form md-radio-group.programmed {
  margin-left: 1em;
  border-left: 2px solid #1A3667 !important;
  padding: 0;
  padding-left: 1em;
}

.ui-wizard-form md-radio-group md-radio-button {
  margin: 5px 10px;
}

.ui-wizard-form .specialist .specialistContent {
  display: inline-block;
  padding: 0 15px 2.5%;
  /*original was commented*/
  width: 50%;
/*  original was uncommented*/
/*    width: 25%;*/
}

.specialist,
.specialist * {
  box-sizing: border-box;
}

div.img {
  position: relative;
  vertical-align: middle;
}

div.img .md-button.cv {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}

div.img .md-button.schedule {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0.6;
}

div.img .availabilityBtn {
  vertical-align: middle;
  height: 36px;
  padding: 9.5px 12px;
  border-radius: 3px;
  position: absolute;
  color: #FFF;
  background-color: rgb(244, 67, 54);
  cursor: pointer;
  top: 0;
  right: 0;
}

div.img .md-button.cv:hover,
div.img .md-button.schedule:hover {
  opacity: 1;
}

div.img div.cv,
div.img div.schedule {
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  width: 90%;
  margin-left: 5%;
  margin-top: 2%;
  padding: 1% 5%;
  font-weight: normal;
  border-radius: 3px;
}

div.img div.cv span,
div.img div.schedule span,
div.cv span,
div.schedule span {
  font-weight: bold;
}

div.img div.schedule p,
div.schedule p {
  margin: 0;
}


/*
.selectedSpecialist {
  box-shadow: 0 0 10px black;
  border-bottom: 3px ridge #51b8f2;
  border-right: 3px ridge #51b8f2;
  border-top: 3px ridge #51b8f2;
  border-left: 3px ridge #51b8f2;
  border-radius: 3px;
}
*/

.invalid {
  color: rgb(213, 0, 0);
}

h5.doctor-name {
  margin-bottom: 0;
}

.doctor-name {
  display: inline-block;
  padding: 1em 2em 1em;
/*  background-color: #51b8f2;*/
  background-color: #1A3667;
  font-family: "Karla", sans-serif;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}

.ih-item img {
  /*  border-left: 3px solid #51b8f2;*/
}

#dialogCalendar {
  display: flex;
}

md-dialog.dialogCalendar {
  width: 65%;
  padding: 2em;
}

md-dialog.dialogCalendar md-dialog-content div.row.content {
  width: 95%;
  padding: 10px;
  border: 1px solid black;
  margin: 0 15px;
}

#dialogCalendar, .md-datepicker-calendar-pane {
  z-index: 1500;
  padding: 0;
}

md-dialog.dialogCalendar md-dialog-content {
  overflow-x: hidden;
/*  overflow: hidden;*/
}

h2.md-title.schedule {
  margin-bottom: 0;
}

div.col-sm-6.dialogFlex:nth-child(1) {
  margin-right: 15px;
}

#dialogCalendar .md-datepicker-input-container {
  width: 77%;
  display: inline;
  height: 30.47px;
  margin-top: 9.51px;
  margin-left: 0;
}


div.dialogFlex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

div.dialogFlex.horario {
  margin: 1em 0;
}

.dialogFlex md-select {
  margin: 0 0 0 2em;
}

.dialogFlex .flexInput {
  flex-grow: 2;
}

.dialogFlex p {
  font-weight: bold;
}


span.doctorWizard {
  font-size: 1.5em; /*original was uncommented*/
  color: #54667a;
/*  color: #1A3667;*/
  font-stretch: expanded;
  font-weight: 500;
  text-transform: uppercase;
  padding-right: 0.5em;
}

.doctorIcons i {
  color: #54667a;
  font-size: 2em;  /*original was uncommented*/
  padding-right: 0.5em;
  opacity: 0.7;
  padding: 0;
}


.doctorIcons .md-button[disabled] i:hover,
.doctorIcons .md-button[disabled] i {
  opacity: 0.4;
}

/*
.doctorIcons .md-button:not([disabled]) i {
  opacity: 0.7;
}
*/

.doctorIcons .md-button:not([disabled]):hover {
  background-color: rgba(158,158,158,0.1);
}

.doctorIcons i:hover {
  opacity: 1;
}

div.panel.doctorContainer {
  display: inline-block;
  margin: 0;
  border: 0px;
}

div.popover,
h3.popover-title,
div.popover-content {
  background-color: rgba(16,35,67,0.7);
  font-size: 1.05em;

}

h3.popover-title {
  color: rgba(201, 198, 198, 0.9);
  font-stretch: expanded;
  text-transform: uppercase;
}

.selectedDr.on {
  color: #102343;
  font-weight: bolder;
}

.selectedType.on {
  opacity: 1;
  color: #102343;
}

.doctorIcons .md-button {
  min-width: 0px;
  padding: 0 1em;
}





/*WIZARD CONTENT STEP 3*/

.wizardLogin .nav-tabs > li {
  list-style: none;
}

#withAccount {
  float: left;
}

md-switch.registration {
  display: inline;
  margin: 0 1em 0 1.5em;
}

#withAccount,
#noAccount {
  font-weight: bold;
}

div.registration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

div.registration md-switch .md-bar {
  background-color: rgba(26, 54, 103, 0.8);
}

div.registration md-switch.md-checked .md-bar {
  background-color: rgba(0, 188, 212, 0.5);
}

div.checkStyle {
  display: flex;
  align-items: center;

}

div.checkStyle p.check_description {
  margin: 0;
}

md-input-container.md-block.checkStyle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row-reverse;
  input:-webkit-autofill ~ .labe {
  top: -20px;
  font-size: 14px;
  color: #fb9f18;
}

}

p.check_description {
  margin-top: 9px !important;
}



/*WIZARD CONTENT STEP 4*/


/*
.payment input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
*/

.inlineInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.inlineInput > * {
  margin-left: 1.5em;
}

.visa {
  background-image: url(../images/assets/visa.png);
}

.paypal {
  background-image: url(../images/assets/paypal.png);
}

label.visa,
label.paypal {
  width: 9em;
  height: 5em;
}

.payment input:active +.payment {
  opacity: .8;
}

input.inputFile:checked +.payment {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
  opacity: 1;
}


/*
input.inputFile:checked {
  opacity: 1;
}
*/

.payment {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 6em;
  height: 5em;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
  -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
  filter: brightness(1.8) grayscale(1) opacity(.7);
}

.payment:hover {
  -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
  -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
  filter: brightness(1.2) grayscale(.5) opacity(.9);
}


/*WIZARD CONTENT STEP 5*/

#material_profile_form input,
#material_profile_form2 input {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

div.phone {
  width: 100%;
}

p.noRelatives {
  text-align: center;
}

div.flexFile {
  padding-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

div.files.text-center {
  padding-left: 2em;
}


/*WIZARD CONTENT STEP 6*/


p.upload.maxLength {
  text-align: right;
}

h2.wizardTitle {
  color: #51b8f2;
  text-transform: uppercase;
  margin-bottom: 1em;
}

h3.wizardTitle {
  color: #51b8f2;
  text-transform: uppercase;
}

p.history.subtitle {
  margin-bottom: 2em;
}

#historyPatient .md-text {
  font-size: 1.2em;
}

#historyPatient label {
  font-size: 1.6em;
}

div.upload p {
  font-size: 1.4em;
  margin-left: 15px;
  margin-bottom: 0;
  margin-top: 10px;
}

span.upload.subtitle {
  margin-left: 15px;
}

#medicalReports {
  display: inline-block;
}

md-radio-button.fileType {
  width: 45%;
  text-align: left;
  margin-left: 2%;
}

a.pantoneOrange.upload {
  color: #e87722; /*PANTONE 158C*/
}

.pantoneOrange {
  color: #e87722 !important; /*PANTONE 158C*/
}

/*
.pantoneOrangeBtn:not(disabled) {
  background-color: #e87722 !important; PANTONE 158C
}
*/




/*
.ui-md-radio-group-inline.fileType {
  text-align: left;
}
*/

ul.files {
  padding: 1em 2em;
  display: inline-block;
  font-weight: 700;
  font-stretch: expanded;
  border: 2px dashed #1A3667;
  padding: 1em;
  margin: 1.5em 0;
  text-align: center;
}

ul.files li {
  list-style: none;
}

ul.files li:hover {
  cursor: default;
}

i.files.zmdi-cloud-upload {
  font-size: 8em;
  color: #1A3667;
}

i.files.zmdi-cloud-upload:hover {
  cursor: pointer;
  color: #00BCD4;
}

i.zmdi-close {
  margin-left: 0.5em;
}

i.zmdi-close:hover {
  color: rgb(213, 0, 0);
  font-weight: bold;
  cursor: pointer;
}

.inputFile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

div.progressBar {
  text-align: center;
}

div.progressBar p {
  padding-top: 0.5em;
  color: #00BCD4;
  font-weight: bold;
}

div.addFile {
  display: block;
  position: relative;
}

b.addFile {
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

md-progress-linear {
  width: 60%;
  margin-left: 20%;
}

.exitWizard {
  cursor: pointer;
}

a#finish{
  background-color: #e87722 !important;
}

a#finish:disabled{
  background-color: #eee !important;
}

/* ============= MEDIA QUERIES ============= */


/* === EXTRA SMALL DEVICES === */

@media (max-width: 767px) {
  /* STEP 1 CARDS */
  label.specialtyCard {
    width: 50%;
    padding: 0 15px;
  }
}


/* End Media Query XSM */


/* === SMALL DEVICES === */

@media (min-width: 600px) {
  /*WIZARD STEPS MENU*/
  .wizard > .steps > ul > li {
    width: 16.5%;
  }
  /*WIZARD VIEW*/
  .app>.main-container>.content-container.wizardMargin {
    margin: 0;
  }
}


/*BOOTSTRAP SM*/

@media (min-width: 786px and max-width: 991px) {
  .wizard>.steps a,
  .wizard>.steps a:hover,
  .wizard>.steps a:active {
    height: 5em;
    font-size: 0.8em;
  }
  /* STEP 1 CARDS */
  label.specialtyCard {
    width: 30%;
    padding: 0 15px;
  }
}


/* End Media Query SM */


/* === MEDIUM DEVICES === */

@media (min-width: 992px and max-width: 1199px) {
  /* STEP 1 CARDS */
  label.specialtyCard {
    width: 25%;
    padding: 0 15px;
  }
  .wizard>.steps a,
  .wizard>.steps a:hover,
  .wizard>.steps a:active {
    font-size: 1rem;
  }
}


/* End Media Query MD */


/* === LARGE DEVICES === */

@media (min-width: 1200px) {
  /* STEP 1 CARDS */
  label.specialtyCard {
    width: 25%;
    padding: 0 15px;
  }
  .wizard>.steps a,
  .wizard>.steps a:hover,
  .wizard>.steps a:active {
    font-size: 1.5rem;
  }
}


/* End Media Query LG */