div.card-preadmit {
    font-size: 16px;
}

div.preadmit-definition {
    text-align: left;
}

div.preadmit-definition .reservation-field md-input-container {
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 0;
    width: 80%;
}

div.intervention-choice-popup-content-text md-input-container {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    width: 50%;
}

div.preadmit-definition .preadmit-doctor md-input-container,
div.preadmit-definition .preadmit-guarantors md-input-container {
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 0;
}

div.preadmit-definition .preadmit-doctor,
div.preadmit-definition .preadmit-guarantors {
    margin: 25px;
}

div.preadmit-definition .preadmit-doctor .doctor-checkbox {
    font-size: 0.9em;
}

div.preadmit-definition .preadmit-doctor .doctor-title,
div.preadmit-definition .preadmit-guarantors .guarantor-title {
    color: #00aeef;
    margin-bottom: 25px;
    display: block;
}

div.preadmit-definition div.div-align {
    display: flex;
    align-items: flex-end;
}

div.preadmit-definition div.radio-button {
    margin-bottom: 20px;
}

div.intervention-choice-popup-content-text md-input-container md-autocomplete md-autocomplete-wrap {
    box-shadow: none;
}

div.preadmit-definition .reservation-field md-select {
    margin-top: 0;
    margin-bottom: 5px;
}

div.preadmit-definition .reservation-field > md-select {
    width: 80%;
}

div.preadmit-definition .reservation-field md-input-container.postal-code {
    width: 80%;
}

div.preadmit-definition .reservation-field md-input-container.city {
    width: 80%;
}

div.preadmit-definition .reservation-field md-radio-button {
    display: inline-block;
    margin: 0 16px 5px 0;
}

div.preadmit-definition-content {
    margin: 25px;
}

div.preadmit-definition-content .reservation-field span.input-label,
div.preadmit-definition-content .identity-media label.input-label,
div.preadmit-definition-insurance label.input-label,
div.preadmit-guarantors span.input-label {
    padding-bottom: 5px;
    color: rgba(0,0,0,0.54);
    font-weight: 700;
}
div.preadmit-definition-content .reservation-field mat-form-field span.input-label {
    display: inline-block;
}

div.preadmit-definition-content .reservation-field .gender {
    width: 80%;
    margin-bottom: 25px;
}

div.preadmit-definition-content .reservation-field .gender span.input-label {
    display: inline-block;
    margin-right: 10px;
}

div.preadmit-definition-content .reservation-field .gender md-select {
    display: inline-block;
}

div.preadmit-definition-content .reservation-field .duration {
    display: flex;
    width: 80%;
}

div.preadmit-definition-content .reservation-field .duration input,
div.preadmit-definition-content .reservation-field .duration span,
div.patient-preadmit .preadmit-list-loading {
    text-align: center;
}

div.preadmit-definition-content .reservation-field .duration .value {
    width: 40%;
}

div.preadmit-definition-content .reservation-field .duration .unit {
    width: 60%;
    margin-left: 10px;
}

div.preadmit-definition .emitted-reservation {
    color: rgb(57, 181, 74);
}

div.preadmit-definition .emitted-reservation > i {
    margin-right: 5px;
}

div.card-preadmit >  div.card-title > div.button {
    border-radius: 5px;
    text-align: center;
    padding:7px;
}

div.card-preadmit-button {
    background-color: rgb(0, 174, 239); /* @primary */
    color: white;
    margin: 20px;
    font-size: 0.9em;
    padding: 5px;
}

div.reservation-field.surgical-equipment > label {
    color: rgba(0,0,0,0.54);
}

div.reservation-field.surgical-equipment > textarea {
    width: 100%;
    height: 230px;
    border-color: rgba(0,0,0,0.54);
    resize: none;
}


div.reservation-field.guarantor-answer > textarea {
    height: 200px;
    border-color: rgba(0,0,0,0.54);
    resize: none;
}

div.preadmit-definition .saving-buttons {
    float: right;
    margin-bottom: 100px;
}

div.preadmit-definition .saving-buttons > div {
    display: inline-block;
}

div.preadmit-definition md-autocomplete[md-floating-label] .md-show-clear-button button {
    top: 0;
}

div.intervention-previous span.intervention-time {
    background-color: #aaaaaa;
}

div.intervention-undisplayed span.intervention-time {
    background-color: #444;
}

span.intervention-time {
    display: block;
    width:80%;
    text-align: center;
    color: #FFF;
    background-color: rgb(0, 174, 239); /* @primary */
    padding: 4px;
    margin: 3px 2px 0px 2px;
    font-weight: bold;
}

div.card-preadmit {
    font-size: 16px;
}

.card-separator-preadmit {
    text-indent: 10px;
    font-weight: bold;
    font-size: 16px;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin: 10px auto;
    background-color: #efefef;
}
div.preadmit-item {
    display: table;
    width:100%;
    border-bottom: 1px solid #e0e0e0;
    min-height: 50px;
}
div.preadmit-item .unread {
    font-weight: bold;
}

div.preadmit-item div.important-indicator {
    position: absolute;
    z-index: 5;
    width: 15px;
    margin-left: 25px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: white;
    margin-top: 18px;
}

div.preadmit-item div.important-indicator > .circle {
    border-radius: 50%;
	width: 15px;
	height: 15px;
    background-color: rgb(251, 175, 59); /* @tertiary */
}

div.preadmit-item div.important-indicator.read > .circle {
    background-color: #dedede;
}

div.preadmit-item > div {
    display: table-cell;
    vertical-align: middle;
}
div.preadmit-item > div:nth-child(2) {
    width:100%;
}

div.patient-preadmit {
    text-align: left;
}

div.preadmit-create-button {
    text-align: center;
}

div.preadmit-sent span.intervention-time {
    background-color: #aaaaaa;
}

div.preadmit-validated span.intervention-time {
    background-color: rgb(57, 181, 74);
}

span.intervention-time {
    display: block;
    width:80%;
    text-align: center;
    color: #FFF;
    background-color: rgb(0, 174, 239); /* @primary */
    padding: 4px;
    margin: 3px 2px 0px 2px;
    font-weight: bold;
}

span.intervention-day {
    display: block;
    width:80%;
    text-align: center;
    margin: 0px 2px;
    font-weight: bold;
    font-size:1.4em;
}

span.intervention-month {
    display: block;
    width:80%;
    text-align: center;
    margin: 0px 2px;
    font-weight: bold;
    text-transform: lowercase;
    padding-bottom: 4px;
    font-size:0.9em;
    border-bottom: 1px #CCCCCC solid;
    overflow-x: hidden;
}

div.preadmit-sent div.preadmit-title {
    color: #aaaaaa;
}

div.preadmit-validated div.preadmit-title {
    color: rgb(57, 181, 74);
}

div.preadmit-title {
    font-weight: bold;
    color: rgb(0, 174, 239); /* @primary */
    font-size:1.3em;
    padding: 4px 0px 0px 0px;
}

div.admission-reason {
    padding: 2px 4px;
    margin-top: 0px;
}

div.admission-reason i.fas {
    color: rgb(0, 174, 239); /* @primary */
    margin-right: 4px;
}

div.preadmit-sent div.admission-reason i.fas {
    color: #aaaaaa;
}

div.preadmit-validated div.admission-reason i.fas {
    color: rgb(57, 181, 74);
}

div.card-preadmit >  div.card-title > div.button {
    border-radius: 5px;
    text-align: center;
    padding:7px;
}

div.emit-preadmit {
    display: inline-block;
}

h4.preadmit-guarantor-log {
    display: flex;
    padding-bottom: 0.2em;
    justify-content: space-between;
}

.preadmit_guarantor_button{
    display: flex;
    justify-content: center;
    margin-top: 1em;
}

.preadmit_guarantor_item{
    margin: 0.5em 0;
}

.intervention-choice-popup-content-text {
    margin-bottom: 15px;
}

.intervention-choice-popup-content {
    margin: 15px 15px 0 15px;
}

div.preadmit-definition .obligatory{
    color: red;
}

.intervention-choice-popup-content-autocomplete-info {
    font-style: italic;
    font-size: 12px;
    color: #707070;
}

.intervention-choice-popup-input {
    margin: 20px auto;
}

div.preadmit-definition .upload-container {
    width: 65%;
    margin: auto;
}

div.preadmit-definition .upload-container choose-file {
    align-items: center;
}

.preadmit-definition-content .upload-container choose-file i.fa-upload,
.preadmit-definition-insurance .upload-container choose-file i.fa-upload {
    color: rgb(0,174,239);
    font-size: 20px;
}

.preadmit-definition-content .upload-container choose-file i.fa-trash-alt,
.preadmit-definition-insurance .upload-container choose-file i.fa-trash-alt {
    color: rgb(0,174,239);
    font-size: 17px;
}

div.preadmit-definition .upload-container choose-file .button-upload {
    padding-bottom: 20px;
}

div.preadmit-definition .upload-container choose-file input {
    font-size: 0.8em;
}

.preadmit-definition-content .upload-container choose-file md-input-container,
.preadmit-definition-insurance .upload-container choose-file md-input-container {
    margin: 0;
}

.preadmit-definition-content .upload-container choose-file .max-size-text,
.preadmit-definition-insurance .upload-container choose-file .max-size-text {
    font-size: 0.7em;
    color: rgba(0,0,0,0.54);
}

div.preadmit-definition .upload-container .wrong-type-text {
    font-size: 0.8em;
    color: red;
}

.preadmit-definition-content .identity-media .mediaContent {
    color: rgb(0,174,239);
    margin-top: 10px;
}

.preadmit-definition-content .loading-media {
    text-align: center;
    margin: 20px auto;
}

.preadmit-definition-content .loading-media i {
    font-size: 35px;
    color: #25aae1;
}

.preadmit-guarantors md-input-container.guarantor.autocomplete,
.preadmit-doctor md-input-container.doctor.autocomplete {
    width: 100%;
    margin-top: 0px;
    padding-left: 0;
}

.preadmit-guarantors .guarantor-title {
    color: #00aeef;
    display: block;
}

.insurance-medias {
    display: block;
}

.intervention-doctor-container {
    display: flex;
    align-items: flex-end;
}

.patient-swiss-covered {
    margin-bottom: 20px;
}

.patient-swiss-covered md-input-container {
    display: contents;
}

.patient-swiss-covered md-input-container > div {
    margin-right: 20px;
}

.patient-cover-type > div {
    margin-bottom: 20px;
}

.preadmit-guarantors .classification {
    width: 80%;
}

.preadmit-guarantors .classification > div {
    display: inline-block;
    margin-right: 20px;
}
.preadmit-guarantors .classification md-select {
    display: inline-block;
}

div.preadmit-definition .reservation-field.date,
div.preadmit-definition .reservation-field.phone {
    margin-bottom: 20px;
}

div.preadmit-definition .radio-begin-date .timeslot-hour {
    margin-left: 30px;
    font-size: 0.9em;
}

div.preadmit-definition .timeslot-hour md-input-container {
    width: 40px;
    text-align: center;
    margin-right: 10px;
}

div.preadmit-definition .timeslot-hour md-input-container md-select-icon {
    margin-left: 0px;
}

div.preadmit-definition .timeslot-hour md-input-container md-select-value {
    min-width: 50px;
    text-align: center;
}

div.preadmit-definition .timeslot-hour md-input-container > input {
    text-align: center;
}

div.preadmit-definition .radio-begin-date {
    display: block;
}

div.preadmit-definition .timeslot-hour .hours {
    margin-left: 15px;
    margin-right: 15px;
}

div.preadmit-definition .timeslot-hour .minutes {
    margin-left: 15px;
}

div.preadmit-definition .timeslot-hour.disabled {
    color: #a9acac;
}

div.preadmit-definition .intervention-doctor md-autocomplete-wrap {
    box-shadow: none;
}


div.preadmit-definition .intervention-doctor md-input-container label {
    display: none;
}

div.preadmit-definition .phone-error {
    text-align: center;
    margin-bottom: 50px;
}

.preadmit-collapse-item-container {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #e9e9e9;
    color: #333333;
    border-color: #ddd;
    padding: 0.3em;
    display: flex;
    justify-content: space-between;
}

.preadmit-collapse-item-title {
    font-weight: 500;
    color: black;
    margin: 0.2em;
}

.preadmit-collapse-item-body {
    margin: 25px;
}

.preadmit-collapse-item-icon {
    align-self: center;
    margin-right: 0.5em;
    color: black;
}

.preadmit-collapse-card {
    margin-bottom: 0.4em;
    border: solid 1px #c7c5c5b8;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 1px #80808029;
}

.preadmit-medical-data-radio-label{
    margin-bottom: 0.8em;
    font-weight: 600;
    color: grey;
}

.preadmit_guarantor_days_label {
    margin-right: 22px;
    margin-top: 7px;
}

.preadmit_guarantor_days_input {
    width: 25%!important;
    margin-right: 10px;
}

.preadmit_guarantor_days {
    margin: 20px 0;
}

.preadmit-marginT-input {
    margin-top: 20px;
}

.preadmit-marginB-input {
    margin-bottom: 20px;
}

.preadmit-margin-label {
    margin-left: 14px;
}

.preadmit_selfcovered_info {
    width: fit-content;
    padding: 10px;
    margin-top: 10px;
    font-size: 12px;
    color: gray;
    border: #00000070 solid 1px;
    border-radius: 4px;
    box-shadow: 1px 1px 1px;
}

.preadmit-intermediary-save-button {
    width: 100%;
    text-align: right;
}

.patient-admin-category-content-with-dt table#patientMediaList {
    width:100%;
}

div.media-download {
    text-align: center;
}