div.preadmission {
    width: 90%;
    margin: 20px auto;
    background-color: white;
    box-shadow: 0px 2px 7px 0px #d6d5d5;
    border-radius: 2px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pread-cover-page {
    font-size: 1em;
}

div.preadmission .preadmission-title,
div.preadmission .preadmission-content {
    padding: 15px;
}

div.preadmission .preadmission-title {
    border-bottom: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
}

div.preadmission .preadmission-title .preadmission-title-img {
    background-image: url(../../shared/assets/img/home_menu_calendar_nobg.svg);
    background-repeat: no-repeat;
    flex: 0 0 33px;
    width: 33px;
    height: 33px;
    margin-right: 20px;
}

div.preadmission .preadmission-to-complete {
    color: #adabab;
    font-size: 0.85em;
}

div.preadmission .completed-form {
    color: #13a913;
}

div.preadmission .treated-form {
    color: #00aeef;
}

div.preadmission .expired-form {
    color: #adabab;
}

div.preadmission .preadmission-content-text,
div.preadmission .preadmission-title-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div.preadmission .preadmission-content-text {
    min-height: 75px;
    font-size: 0.9em;
    padding-right: 5px;
}

div.preadmission .preadmission-title-text {
    min-height: 45px;
}

div.preadmission .preadmission-content-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.preadmission .preadmission-content-form:not(:first-child) {
    padding-top: 10px;
    border-top: #dedede 1px dashed;
    margin-top: 10px;
}

div.preadmission .preadmission-content-form-type:not(:first-child) {
    padding-top: 10px;
    border-top: #dedede 1px dashed;
    margin-top: 10px;
}

div.preadmission .new,
div.preadmission .auto-complete,
div.preadmission .complete {
    color: white;
    min-height: 45px;
    min-width: 12vw;
}
div.preadmission .auto-complete{
    box-shadow: inherit !important;
}

div.preadmission div.preadmission-button-container .preadmission-button.md-button:not([disabled]):hover {
    background-color: rgba(158,158,158,0.2) !important;
}

div.preadmission-none {
    text-align: center;
    padding: 20px 0;
}

div.preadmission-form {
  --grey: #d8d7d7;
}

div.preadmission-form .form-container,
div.preadmission-form .head-container {
    width: 95%;
    padding: 0.7em;
    margin: 10px auto;
    background-color: white;
    box-shadow: 0px 2px 7px 0px #d6d5d5;
    border-radius: 2px;
}

div.preadmission-form .head-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.preadmission-form .progress-container {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 0;
}

div.preadmission-form .progress-bar-container {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

div.preadmission-form .progress,
div.preadmission-form #progress-back {
    top: 1em;
    height: 3px;
    position: absolute;
}

div.preadmission-form .progress {
    width: 0%;
    z-index: -1;
}

div.preadmission-form #progress-back {
    width: 80%;
    z-index: -2;
    background-color: var(--grey);
}

div.preadmission-form .circle {
    font-size: 22px;
    font-weight: bold;
    background: white;
    border: 3px solid var(--grey);
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--grey);
    margin: auto;
}

div.preadmission-form .circle-container {
    display: flex;
    position: relative;
}

div.preadmission-form .category-names {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 10px;
}

div.preadmission-form .category-names .category-name-text {
    display: flex;
    justify-content: space-evenly;
    font-size: 0.9em;
    text-align: center;
}

div.preadmission-form .category-names .category-name-text.transparent {
    color: transparent;
}

div.preadmission-form .form-container .current-fields-list {
    margin: 1vw;
    display: flex;
    flex-direction: column;
}

div.preadmission-form .form-container .current-fields-list .current-field {
    font-size: 1.15em;
}

div.preadmission-form .form-container .current-fields-list .current-field md-input-container {
    width: 100%;
    margin-top: 8px;
    padding: 0;
}

div.preadmission-form .form-container .current-fields-list .current-field md-input-container input,
div.preadmission-form .form-container .current-fields-list .current-field md-input-container md-select .md-select-value {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

div.preadmission-form .form-container .current-fields-list .current-field i.field-info {
    color: var(--primary-color);
    font-size: 1em;
}

div.preadmission-form .preadmission-buttons {
    width: 95%;
    margin: auto;
}

div.preadmission-form .preadmission-buttons button {
    color: white;
    min-height: 45px;
    min-width: 110px;
    width: 12vw;
    font-size: 1em;
    margin: 15px 0;
}

div.preadmission-form .preadmission-buttons .button-next {
    float: right;
    background-color: var(--primary-color);
}

div.preadmission-form .preadmission-buttons .button-previous {
    background-color: var(--grey);
}

div.preadmission-form .form-container .current-fields-list .current-field md-input-container input.preadmission-input-invalid {
    border-bottom: 1px solid red;
}

div.preadmission-form .form-container .current-fields-list .current-field md-input-container.md-default-theme.md-input-invalid .md-input,
div.preadmission-form .form-container .current-fields-list .current-field md-input-container.md-input-invalid .md-input {
    border-color: rgb(221,44,0);
}

div.preadmission-form .form-container .current-fields-list .current-field md-datepicker input {
    font-size: 100%;
    min-width: 185px;
}

div.preadmission-form .form-container .current-fields-list .current-field .field-label.invalid,
div.preadmission-form .form-container .current-fields-list .current-field md-radio-group.invalid {
    color: rgb(221,44,0);
}

div.preadmission-form .form-container .form-error-message {
    color: rgb(221,44,0);
    text-align: right;
    font-style: italic;
}

div.preadmission-form .form-container .current-fields-list .current-field .pread-component {
    display: inline-block;
    width: 100%;
}

div.preadmission-form .form-container .current-fields-list .current-field .field-content {
    position: relative;
}


div.preadmission-form .form-container .current-fields-list .current-field md-radio-group {
    display: flex;
    flex-wrap: wrap;
    color: var(--primary-color);
}

div.preadmission-form .form-container .current-fields-list .current-field md-radio-group md-radio-button {
    margin: 0 15px 15px 0;
}

div.preadmission-form .form-container .current-fields-list .current-field md-radio-group .md-on,
div.preadmission-form .form-container .current-fields-list .current-field .md-calendar-date-selection-indicator {
    background-color: var(--primary-color);
}

div.preadmission-form .form-container .current-fields-list .current-field md-radio-group .md-off {
    border-color: var(--primary-color);
}

div.preadmission-form .form-container .current-fields-list .current-field md-radio-group .md-ink-ripple {
    color: var(--primary-color);
}


#preadStepper md-step-label-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-self: baseline;
    font-size: 13px;
}

#preadStepper md-step-actions {
    margin: 10px;
    float: right;
}

.pread-category-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div#test md-step-content {
    transition: none;
}

.intl-tel-input .flag-container {
    bottom: 25px;
}

.field-input {
    margin: 7px 0;
}

div.preadmission-form .form-container .current-fields-list .current-field md-input-container input.preadmission-input-disabled {
    border-bottom: none;
}

.intl-tel-input {
    display: contents!important
}

.preadmission-calendar-icon {
    margin-left: -15px
}

.md-step.md-active md-step-label-wrapper::before {
    background: var(--primary-color) !important;
}

.md-step.md-complete md-step-label-wrapper::before {
    background-color: var(--primary-color) !important;
}

button.preadmission-secondary-action {
    background-color: transparent!important;
    border-color: var(--primary-color);
    border-style: solid;
    border-width: 1px;
    color: black;
    text-align: center;
    width: 85%;
    padding: 5px;
    margin: auto auto 15px auto;
    display: block;
}

div.card-content-administrative button.preadmission-secondary-action.add {
    width: 40%;
}

.preadmission-consent-envelope-container {
    border-color: var(--primary-color);
    border-style: solid;
    border-width: 0px 0px 0px 2px;
    margin: 10px 0px;
    padding-left: 10px;
}

.preadmission-content-section-title {
    color: var(--primary-color);
}
.preadmission-content-section-title span{
    text-decoration: underline;
}

.preadmission-content-section-title:not(:first-child) {
    margin-top: 10px;
}

div.preadmission .preadmission-consent-envelope-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: 0.9em;
}

div.preadmission .preadmission-consent-envelope-title-button, div.preadmission .preadmission-consent-envelope-title-text {
    display: flex;
    justify-content: space-between;
}

div.preadmission .preadmission-consent-envelope-title-button span {
    /*color: #adabab;*/
    font-size: 0.9em;
}

div.preadmission .preadmission-consent-envelope-title-text i {
    color: var(--primary-color);
}

.preadmission-no-answer {
    font-style: italic;
    padding-bottom: 40px;
    padding-top: 10px;
    color: var(--primary-color);
}

.md-button.preadmission-left-button {
    margin: 16px;
    margin-left: 20px;
}

.field-invalid {
    color: red;
    font-size: 14px;
}

div.preadmission-add-visit {
    padding-top: 20px;
}
div.preadmission-visit-creation-label {
    padding-bottom: 5px;
}

.md-button.preadmission-right-button {
    float: right;
    margin: 16px;
    margin-right: 20px;
}

.preadmission-form-category-name {
    color: var(--primary-color);
    font-size: 1.3em;
    margin-bottom: 12px;
}