/* Table with pattient details */

.searchPatientLabel {
    display: block;
    font-size: .9375em;
    margin-bottom: .4em;
    font-weight: 300;
}

.searchInput {
    width: auto;
    min-width: 14em;
    font-size: .9375em;
    padding: .3em .5em;
    outline: 0;
    font-weight: 300;
    border-radius: 2px;
    border: 1px solid rgb(195, 195, 195);
    -webkit-transition: border, .25s, ease;
    -moz-transition: border, .25s, ease;
    -ms-transition: border, .25s, ease;
    -o-transition: border, .25s, ease;
    transition: border, .25s, ease;
}

.searchInput:focus {
    border: 1px solid rgb(151, 151, 151);
}

.searchFormButtons {
    float: left;
    margin-left: 1em;
}

.searchBtn,
.clearSearch {
    min-width: 6em;
}

.clearSearch {
    margin-left: .6em;
}

/* All Patients in Table */

.patientInfofixedTableWrapper {
    position: relative;
}

.ecgIconExpand {
    position: relative;
    width: 100px;
    top: -2em;
    left: 29px;
}

.patientInfoIconWrapper.ecgAnimationWrapper {
    min-width: 12em;
    /*width: 176px;*/
}

.ecgAddNewIcon, .ecgPreviewIcon {
    position: absolute;
    width: 29px;
}

.patientsSharedTable {
    margin-top: 1em;
    width: 100%;
    background: rgb(255, 255, 255);
    font-size: .9375em;
    border-radius: 2px;
}

.patientsSharedTable tbody {
    border-top: 1px solid rgb(195, 195, 195);
    border-right: 1px solid rgb(195, 195, 195);
    border-left: 1px solid rgb(195, 195, 195);
}

.patientsSharedTableHeading {
    background: rgb(74, 78, 103);
    cursor: pointer;
    text-align: center;
}

.patientsSharedTableHeading td {
    padding: 0.55em .75em;
    color: rgb(255, 255, 255);
    font-weight: 400;
    border-right: 1px solid rgb(195, 195, 195);
}

.patientSharedDataRow {
    cursor: pointer;
    font-size: .9375em;
    border-bottom: 1px solid rgb(195, 195, 195);
    background: rgb(255, 255, 255);
    -webkit-transition: background, .25s, ease;
    -moz-transition: background, .25s, ease;
    -ms-transition: background, .25s, ease;
    -o-transition: background, .25s, ease;
    transition: background, .25s, ease;
}

.patientSharedDataRow:hover {
    background: rgba(195, 195, 195, .3);
}
.patient_list-patientFullName {
    display:inline-block;
    margin-top: 0.85em;
    margin-bottom: 0.85em;
}
.patientSharedDataRow td {
    font-weight: 300;
    padding: 0.4em .55em;
    border-right: 1px solid rgb(195, 195, 195);
    color: #364150;
    text-align: center;
}

.patientSharedDataRow:nth-child(4n + 3) {
    /*4n + 3 because of description expandable */
    background: rgb(231, 231, 231);
}

.patientSharedDataRow.doctorSingleRowTable:nth-child(odd){
    background: rgb(231, 231, 231);
}

.examinationsTable.patientSharedDataRow:nth-child(odd) {
    background: rgb(231, 231, 231) !important;
}

.selectPatientInTable {
    background: rgb(171, 224, 221);
}

.patientSharedDataRow .patientNameInTable {
    text-align: left;
    width:15%;
    min-width: 16.9em;
}
.medicalStaff_id {
    width: 2%;
}
.medicalStaff_name {
    /*width: 11%;*/
    min-width: 12.5em!important;
}
    .medicalStaff_namediv {
        width: 6em;
        margin-top: 0.7em;
    }

.medicalStaff_lastname {
    width: 12%;
    min-width: 9em;
}
.medicalStaff_title {
    width: 9%;
    min-width: 8em;
}
.medicalStaff_inst {
    width: 20%;
    min-width: 10em;

}
.medicalStaff_mail {
    width: 16%;
    min-width: 13em;
}
.medicalStaff_phone {
    width: 13%;
    min-width: 11em;
}
.medicalStaff_button {
    /*width: 15%;*/
    min-width: 13em;
}
.patientId {
    width: 7%;
}

.addNewExamination {
    width: 13%;
}
.patient_phoneNumber {
    min-width: 6.5em;
}
.doctor_email {
    width: 16%;
    min-width: 14em;
}
.doctor_phone {
    width: 9%;
    min-width: 8.5em;
}
.doctor_lastname{
    width: 10%;
    min-width: 8.5em;
}
.doctor_inst {
    width: 14%;
    min-width: 10em;
}
.doctor_inst select {
    width: 12em;
}
.doctor_inst  {
    min-width: 12.2em;
}
.patient_mail {
    min-width: 13.9em;
}
@media all and (max-width: 1218px) {
    .medicalStaff_name> div {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .medicalStaff_name input {
        text-align: center;
    }

    .medicalStaff_namediv {
        text-align: center;
        width: 5.5em;
    }
    .medicalStaff_name {
         min-width: 6.5em!important;
        text-align: center;
     }
    .userImage {
        margin: 0.1em auto!important;
        display: block!important;
        float: none!important;
    }
    .medicalStaff_inst select {
        width: 12em;
    }
        .patientSharedDataRow td {
            padding: 0em .1em!important;
        }

    .patientSharedDataRow .patientNameInTable {
        text-align: left;
        width:15%;
        min-width: 10.7em;
    }
    .medicalStaff_phone {
        min-width: 9em;
    }
    .medicalStaff_button  {
        min-width: 3em!important;
    }
    .medicalStaff_button button {
        display: block;
        margin: 2px auto;

    }
    .patient_list-patientFullName {
        width: 100%;
        text-align: center;
        display: block;
    }
    .patientInfoIconWrapper.ecgAnimationWrapper {
        min-width: 11.5em;
        /*width: 176px;*/
    }

}
@media all and (max-width: 1347px) {
    .btnWhiteText {
        display: none;
    }
    .medicalStaff_button {
        min-width: 6em;
    }
}

.patient_age {
    min-width: 2em;
}

.lastPatientAdded {
    background: rgba(231, 231, 231, .4);
}

.seenIcon {
    text-align: center;
    font-size: 1.8em;
    color: rgb(74, 78, 103);
}

.selectPatientInTable .seen > .seenIcon {
    color: rgba(74, 78, 103, .9);
}

.collapsableTableContent {
    padding: .3em;
}

.patientInfoIconInTable {
    height: 25px;
    width: auto;
    opacity: .3;
    vertical-align: middle;
    -webkit-transition: opacity, .5s, ease;
    -moz-transition: opacity, .5s, ease;
    -ms-transition: opacity, .5s, ease;
    -o-transition: opacity, .5s, ease;
    transition: opacity, .5s, ease;
}

.patientInfoIconInTable:hover,
.patientInfoIconInTable.isActive {
    opacity: 1;
}

.ecgIconsExpand {
    min-width: 120px;
    width: 120px;
}

.st-selected {
    background: rgba(44, 178, 169, .4) !important;
}

.selectedPatientRow:hover {
    background: rgba(44, 178, 169, .4);
}

.selectedPatientExtraData {
    background: rgb(219, 245, 244);
    overflow: hidden;
    height: 0;
}

.userImage {
    width: 40px;
    height: 40px;
    border: 1px solid rgb(44, 178, 169);
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 1em;
}

.patientsPagination {
    position: absolute;
    width: 100%;
    margin: 0 auto;
}

.patientsPagination nav {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.firstTableRow {
    float: left;
    display: inline-block;
    width: 50%;
}

.secondTableRow {
    float: right;
    display: inline-block;
    width: 50%;
}

.start-tutorial {
    position: absolute;
    right: 1.5em;
    top: 0;
    padding: .25em;
    font-size: .8em;
    z-index: 10;
}

.patient-id {
    font-size: 14px;
    font-weight: 100;
}

.tableName {
    line-height: 3em;
}
.borderPatientLeft {
    border-left:1px solid rgb(195, 195, 195);
}
.btnWhiteText-remove {
    color: rgb(255, 255, 255);
    vertical-align: baseline;
    padding: .5em 0.2em;
    font-size: 0.95em;
}
@media all and (max-width: 1218px) {
    .btnTop {
        margin-top: 0.4em;
    }
}