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

div.preadmit-cancelled span.intervention-time {
    background-color: rgb(251, 175, 59);
}

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-cancelled div.preadmit-title {
    color: rgb(251, 175, 59);
}

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.preadmit-cancelled div.admission-reason i.fas {
    color: rgb(251, 175, 59);
}

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;
    margin-bottom: 1em;
}

.preadmit_guarantor_item{
    margin: 0.5em 0;
}

.preadmit_guarantor_item_top {
    margin: 0.5em 0;
    margin-top: 40px;
}

.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: 15%!important;
    margin-right: 10px;
}

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

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

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

div.preadmit-info-message {
    background-color: #53A8DC;
    color: white;
    text-align: center;
}

/* New layout */
md-tabs.preadmit-tabs {
    height: 80vh;
}

md-tabs.preadmit-tabs .md-tab.md-active {
    color: #00aeef;
}

md-tabs.preadmit-tabs md-ink-bar {
    background-color: #00aeef;
    color: #00aeef;
}

div.preadmit-tab-container {
    background-color: #f4f4f4;
    padding: 10px 10px;
}

div.preadmit-tab-container div.preadmit-field-group {
    background-color: white;
    padding: 15px 45px;
    margin: 15px 0px;
}

div.preadmit-tab-container div.row {
}

div.preadmit-tab-container div.input-label
 {
    padding-top:8px;
    padding-bottom:8px;
    line-height: 30px;
    height: 46px;
    color: grey;
}

div.preadmit-tab-container div.input-label.field-required > span:after {
    content: "*";
    color: red;
}

div.preadmit-tab-container div.input-label.field-required-special > span:after {
    content: "**";
    color: red;
}

div.preadmit-tab-container div.row.select-field md-select {
    padding-top:8px;
    padding-bottom:8px;
}

div.preadmit-tab-container md-select .md-select-value {
    border-bottom-color: rgba(0,0,0,0.12);
}

div.preadmit-tab-container div.row.input-field > div {
    padding-top:8px;
    padding-bottom:8px;
}

div.preadmit-tab-container div.row.input-field md-input-container,
div.preadmit-tab-container div.row.multi-field md-input-container {
    padding-top:8px;
    padding-bottom:8px;
    margin:0px;
}

div.preadmit-tab-container div.row.multi-field md-input-container.value {
    width: 70px;
}

div.preadmit-tab-container div.row md-input-container .md-errors-spacer {
    display: none;
}

div.preadmit-tab-container div.row.input-field md-input-container input,
div.preadmit-tab-container div.row.datepicker-field md-input-container input  {
    font-family: "Source Sans Pro";
}

div.preadmit-tab-container div.row.datepicker-field md-input-container input  {
    font-size: 16px;
}

div.preadmit-tab-container div.row.datepicker-field md-input-container {
    padding-top:8px;
    padding-bottom:8px;
    margin:0px;
}
div.preadmit-tab-container input.md-datepicker-input::placeholder {
    font-size: 16px;
  }

div.preadmit-tab-container div.row.datetimemulti-field .datetime-field-hour .md-select-value,
div.preadmit-tab-container div.row.datetimemulti-field .datetime-field-minute .md-select-value {
    min-width:40px;
    width:40px;
}

div.preadmit-tab-container div.row.radio-field md-radio-group {
    padding-top:10px;
    padding-bottom:10px;
}

div.preadmit-tab-container input.phone-input::placeholder {
    color: white;
  }

  div.preadmit-tab-container div.row.autocomplete-field > md-input-container,
div.preadmit-tab-container div.row.autocomplete-field md-autocomplete-wrap md-input-container {
    margin: 0px;
}

div.preadmit-tab-container div.row.autocomplete-field md-autocomplete-wrap input:disabled {
    color: rgba(0,0,0,0.38) !important;
}

div.preadmit-tab-container div.input-hint {
    font-size: 0.9em;
    font-style: italic;
    line-height: 30px;
    color: grey;

}

div.preadmit-tab-container div.doctor-infos i {
    color: #00aeef;
    margin-right: 15px;
}

div.preadmit-definition .saving-buttons-with-tabs {
    position: absolute;
    right: 200;
}

div.error-with-tabs {
    background-color: pink;
    color: red;
    margin: 8px 0px;
    padding: 5px;
}

div.preadmit-action-buttons h4 {
    display:inline-block;
    margin-left: 10px;
}

div.preadmit-action-buttons h4.save-button {
    color: #00aeef;
}

div.preadmit-action-buttons h4.save-button > span[disabled] {
    color: grey;
}

div.preadmit-definition div.field-missing {
    border:1px solid red;
}

div.preadmit-definition md-tab-item i {
    color: red;
}

div.tab-footer {
    float:right;
    margin: 15px 0px;
    padding-bottom: 70px;
    text-align: right;
}

div.tab-footer-left {
    float:left;
    margin: 15px 0px;
    padding-bottom: 70px;
    text-align: left;
}

.comment_button:hover {
    cursor:pointer;
}

.comment_button_float {
    float: right;
    width: 0%;
}

.guarantor-section-title {
    text-align:center;
    font-weight:bold;
    background-color: aliceblue;
    color: #00aeef;
}

.guarantor-status-title {
    font-size:1.1em;
}

.guarantor-status-title .guarantor-name {
    color: #00aeef;
    font-weight:bold;
}

.guarantor-extension-button {
    color: #00aeef;
}

#preadmitTemplate md-autocomplete-wrap button {
    top: 0;
}

div.preadmit-tab-container div.row.datepicker-field md-input-container.datetime-field-hour input,
div.preadmit-tab-container div.row.datepicker-field md-input-container.datetime-field-minute input {
    width: 50px;

}

div.guarantor-answer-block,
div.preadmit_guarantor_days {
    background: #f1f1f1;
    padding:10px;
    margin:15px;
}

div.guaranty-duration-dates {
    margin-top:15px;
}

.guarantor-informations {
    font-size: smaller;
}

.files-ship-error {
    color:red;
    font-size:12px;
}