/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/** **/
* {
    font-family: Rubik, 'sans-serif';
}
html,
body {
    height: 100%;
}

a {
    color: #3558C7;
}

a:hover {
    color: #3558C7;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus {
    border-color: #3558C7;
    background-color: #3558C7;
    text-align: center;
    padding: 13px 12px;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    border-color: #4569DA;
    background-color: #4569DA;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited, .btn-secondary:focus {
    border: 2px solid #3558C7;
    color: #3558C7;
    background-color: transparent;
    padding: 13px 12px;
    text-align: center;
}

.w100 {
    width: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -66px;
    padding: 0 0 66px;
    background-color: #F8F9FB;
}
.wrap.logged {
    background-color: white;
}
.wrap > .container {
    padding: 120px 15px 20px;
}
.wrap > .container-fluid {
    padding: 80px 0 0;
    min-height: calc(100vh - 66px);
}

.footer {
    height: 66px;
    background-color: #ffffff;
    border-top: 1px solid #E8EEF4;
    padding-top: 25px;
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
    font-weight: normal;
    color: #989FA8;
    z-index: 500;
    position: relative;
}

.navbar {
    min-height: 80px;
    background-color: #ffffff;
    border-bottom: 1px solid #E8EEF4;
}

.navbar > div.container {
    margin-top: 10px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: black;
}

.login_logo {
    padding: 15px 15px;
    display: block;
}

.site-panel {
    padding: 46px 64px;
    background-color: white;
    width: 456px;
    margin: auto;
    min-height: 588px;
}

h1 {
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    margin: 0 0 32px;
}

label {
    font-weight: normal;
    margin-bottom: 10px;
}

.form-control {
    padding: 12px 24px;
    height: 42px;
}

.form-group {
    margin-bottom: 24px;
}

div.line {
    display: inline-block;
    width: 83px;
    height: 1px;
    background-color: #989FA8;
    margin-top: 10px;
}

.do_not_have_account {
    color: #989FA8;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #E14D4D;
}
.has-error .form-control {
    border-color: #E14D4D;
}
.has-error label {
    color: #E14D4D;
}


/** register **/

.gray {
    color: #989FA8;
}

.f16px {
    font-size: 16px;
}

input.search {
    color: #989FA8;
    background-color: #E5E5E5 ;
    border-color: #E5E5E5;
}

.p3px {
    padding-top: 3px;
}

.select_institution_row .col-xs-2.divider {
    border-left: 1px solid #E5E5E5;
}

.table thead th a,
.table thead th {
    color: #989FA8;
}

.bg-violet {
    background-color: #F8F9FB;
}

.patient_brief {
    padding: 45px;
    width: 400px;
    font-size: 16px;
    line-height: 24px;
    position: fixed;
    top: 80px;
    left: 0;
    bottom: 0;
    z-index: 10;
    transition: 1s;
    overflow: auto;
}
.patient_brief .border {
    cursor: pointer;
    position: absolute;
    right: -45px;
    top: -45px;
    width: 40px;
    bottom: 0;
    padding-top: calc(50vh - 80px);
    height: 100%;
}
.patient_brief_wrapper{
    padding-bottom: 66px;
    position: relative;
}

.patient_brief.swiped {
    transition: 1s;
    left: -360px;
    overflow: hidden;
}

.patient_brief:not(.swiped) .border .slide_in {
    display: none;
}
.patient_brief.swiped .border .slide_out {
    display: none;
}


.patient_brief h1 {
    font-size: 20px;
    line-height: 24px;
    text-align: left;
}
.patient_details h1 {
    font-size: 30px;
    line-height: 40px;
    text-align: left;
}
.patient_details .breadcrumbs {
    margin-bottom: 44px;
}

.patient_details h2.patient_text {
    margin-bottom: 4px;
}

.patient_brief .btn-secondary {
    padding: 5px 14px;
    font-size: 12px;
    line-height: 16px;
    border-width: 1px;
    width: 66px;
}

.patient_brief h2,
.patient_details h2 {
    font-size: 14px;
    line-height: 16px;
    color: #989FA8;
}

.patient_details svg {
    vertical-align: middle;
}

.patient_brief .last_update {
    font-size: 12px;
    line-height: 16px;
    margin-top: 45px;
}

.patient_details h3 {
    font-size: 20px;
    line-height: 24px;
    color: black;
}

.examination-group, .cycle_nav {
    margin-bottom: 50px;
}

.label-success, .label-danger {
    color: #2EAE65;
    font-size: 12px;
    line-height: 16px;
    background-color: rgba(46,174,101,0.1);
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 36px;
    height: 24px;
}

.label-danger {
    color: #E14D4D;
    background-color: rgba(255,77,77,0.1);
}

.container-fluid > div.row {
    margin-right: 0;
    margin-left: 0;
}

#patient-modal .modal-dialog,
#edit-patient-modal .modal-dialog {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    margin: 0;
}

#edit-patient-modal .modal-dialog .modal-content,
#patient-modal .modal-dialog .modal-content {
    min-height: 100%;
    border-radius: 0;
}

#edit-patient-modal .modal-dialog .modal-content .modal-header,
#calc-modal.modal-dialog .modal-content .modal-header,
#patient-modal .modal-dialog .modal-content .modal-header {
    border: 0;
    padding: 48px 72px 15px;
}
#edit-patient-modal .modal-dialog .modal-content .modal-body,
#calc-modal .modal-dialog .modal-content .modal-body,
#patient-modal .modal-dialog .modal-content .modal-body {
    padding: 5px 72px 48px;
}

#edit-patient-modal .modal-dialog,
#calc-modal .modal-dialog,
#patient-modal .modal-dialog {
    width: 768px;
}

.field-treatment-apomorfina label,
.field-treatment-duodopa label {
    font-size: 16px;
    line-height: 24px;
    margin-left: 16px;
}

#calc-modal  input.form-control,
#patient-modal  input.form-control {
    width: 83px;
}

#patient-modal .section-ledd1 input.form-control,
#patient-modal .section-ledd2 input.form-control,
#patient-modal .section-ledd3 input.form-control,
#patient-modal .section-ledd4 input.form-control,
#patient-modal .section-ledd5 input.form-control,
#calc-modal .section-ledd1 input.form-control,
#calc-modal .section-ledd2 input.form-control,
#calc-modal .section-ledd3 input.form-control,
#calc-modal.section-ledd4 input.form-control,
#calc-modal .section-ledd5 input.form-control {
    width: 60px;
    padding: 12px 8px;
}

.section-duodopa input.form-control {
    padding: 12px 16px;
}

#calc-modal  select.form-control#treatment-apomorfina_permanent_dosage_start,
#calc-modal  select.form-control#treatment-apomorfina_permanent_dosage_end,
#patient-modal  select.form-control#treatment-apomorfina_permanent_dosage_start,
#patient-modal  select.form-control#treatment-apomorfina_permanent_dosage_end,
#patient-modal  select.form-control#treatment-duodopa_permanent_dosage_start,
#patient-modal  select.form-control#treatment-duodopa_permanent_dosage_end,
#calc-modal  select.form-control#treatment-duodopa_permanent_dosage_start,
#calc-modal  select.form-control#treatment-duodopa_permanent_dosage_end {
    width: 68px;
    display: inline-block;
    padding: 12px 8px;
}

.display-inline-block div {
    display: inline-block;
    vertical-align: top;
}
.display-inline-block div.form-control-line {
    line-height: 48px;
}

#patient-modal hr,
#calc-modal-modal hr {
   margin-top: 0;
}

.ml10 {
    margin-left: 10px;
}

#patient-modal h4,
#calc-modal h4 {
    font-size: 20px;
    line-height: 24px;
}

.bg-gray {
    background-color: #F8F9FB;
}

#patient-modal .summary,
#calc-modal .summary {
    padding: 20px 32px;
}

#patient-modal .summary p,
#calc-modal .summary p,
#patient-modal .summary h4,
#calc-modal .summary h4 {
    margin: 0;
}
#patient-modal .summary p,
#calc-modal .summary p {
    line-height: 24px;
}

.section-duodopa,
.section-ledd1,
.section-ledd2,
.section-ledd3,
.section-ledd4,
.section-ledd5,
.section-ledd6 {
    margin-bottom: 64px;
}

.section-duodopa .form-group {
    margin-bottom: 0;
}

.no-margin {
    margin: 0;
}

h5 {
    font-size: 16px;
    line-height: 24px;
}

.fs13 {
    font-size: 13px;
}
.lh48 {
   line-height: 48px;
}

.other-drugs {
    margin-top: 40px;
}

.other-drugs h1 {
    text-align: left;
}

#patient-modal input.form-control.other_drug_nam {
    width: 100%;
}

#patient-modal .display-inline-block .form-group,
#calc-modal .display-inline-block .form-group {
    margin-bottom: 0;
}

.other-drugs .add-item:focus {
    text-decoration: none;
}

.other-drugs {
    margin-bottom: 48px;
}

.krajee-datepicker {
    background-color: rgba(152,159,168, 0.1);
    border-color: rgba(152,159,168, 0.1);
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

#patient-modal input.form-control.krajee-datepicker {
    width: 144px;
    margin-left: 12px;
}

#patient-modal .display-inline-block .form-control.krajee-datepicker {
    display: inline-block;
}

.radio-list label.control-label {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.radio-list.smaller label.control-label {
    font-size: 20px;
    line-height: 24px;
}

.updrs .radio-list label.control-label,
h4.input_label {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 8px;
}
.has-success .control-label {
    color: black;
}
.radio-list > div label {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    position: relative;
    padding-left: 30px;
}

.radio-list > div label input {
    position: absolute;
    top: 1px;
    left: 0;
}

#patient-modal .form-control,
#calc-modal .form-control {
    font-size: 16px;
}

#patient-modal .updrs hr {
    margin-top: 24px;
    margin-bottom: 24px;
}

#patient-modal .scale-form hr {
    margin-top: 24px;
    margin-bottom: 24px;
}


#patient-modal .btn {
    min-width: 175px;
}

#patient-modal h1,
#calc-modal h1 {
    font-size: 24px;
    line-height: 32px;
    text-align: left;
}

#patient-modal .scale-form p {
    margin-bottom: 32px;
}

.form-group.disabled {
    opacity: 0.2;
}

.form-group.disabled + div.form-scale {
    opacity: 0.2;
}

.alert.alert-orange {
    border-left: 4px solid #FF8A00;
    color: black;
    background-color: rgba(255, 138, 0, 0.1);
    padding: 19px 24px;
}

tr.orange td,
.orange {
    background-color: rgba(255, 138, 0, 0.1);
}
.alert.alert-dropzone {
    background-color: #F8F9FB;
    border: 1px dashed rgba(152, 159, 168, 0.5);
    padding: 19px 24px;
    text-align: center;
    color: #3558C7;
    cursor: pointer;
}

ul.file-list li {
    display: block;
    background-color: #F8F9FB;
    padding: 19px 24px;
}

ul.file-list {
    padding: 0;
}

svg.download-file, svg.delete-file {
    cursor: pointer;
}

.lh104px {
    line-height: 104px;
}

#patient-modal .eng-scale input.form-control {
    width: 185px;
}

#patient-modal .eng-scale .help-block {
    margin: 0;
}
.pd43px {
    padding-top: 32px;
}

.mb24px {
    margin-bottom: 24px;
}

.mb32px {
    margin-bottom: 32px;
}

.container-table {
    display:table;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.row.table-row {
    height: 100%;
    display: table-row;
}

.row.table-row .no-float {
    display: table-cell;
    float: none;
}

/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
    text-align: center;
}/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    text-align: center;
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]#patient-age {
    text-align: left;
}

#edit-patient-modal .modal-header h2 {
    margin: 0;
}

.patient-update h1 {
    text-align: left;
    margin: 32px 0;
}

.patient-update h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
}

.patient-update h4 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 24px;
}

.patient-update hr {
    margin: 24px 0;
}

.patient-update label {
    font-size: 16px;
    line-height: 24px;
}

.no-margin .form-group {
    margin: 0;
}

.no-padding {
    padding: 0;
}

input[type='radio'] {
    vertical-align: top;
}

input[type='radio'] + span {
    margin-left: 16px;
}

.disabled-form .btn,
.disabled-form .alert {
    display: none;
}

#scaleeng-dominant_side, #scaleeng-dominant_side .radio {
    display: inline-block;
}
#scaleeng-dominant_side .radio {
    margin-left: 20px;
}

.field-scaleeng-dominant_side label,
.field-scaleneuropsychological-beck_scale label,
.field-scaleneuropsychological-ace3_scale label {
    font-size: 18px;
}

.error_list {
    display: none;
}

.add_cycle_alert {
    display: none;
}

.in_treatment {
    display: none;
}

.in_treatment.selected {
    display: block;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 16px 8px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #F8F9FB;
}

table.table:not(.no_hover) tbody tr:hover td {
    background-color: #F8F9FB;
    cursor: pointer;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: inherit;
    background-color: inherit;
}
.navbar-inverse .navbar-nav > .open .dropdown-menu {
    padding: 14px 0;
}
.navbar-inverse .navbar-nav > .open .dropdown-menu li {
    padding: 0;
}
.navbar-inverse .navbar-nav > .open .dropdown-menu li a {
    padding: 10px 84px 10px 24px;
    position: relative;
}
.navbar-inverse .navbar-nav > .open .dropdown-menu li a svg {
    position: absolute;
    top: 11px;
    right: 24px;
}

.navbar-inverse .navbar-nav > .open .dropdown-menu button {
    width: 100%;
    text-align: left;
    padding: 10px 84px 10px 24px;
    color: #333333;
}
.navbar-inverse .navbar-nav > .open .dropdown-menu button:hover {
    text-decoration: none;
    background-color: #F8F9FB;
}

.select_institution_row .btn.btn-default.dropdown-toggle {
    line-height: 34px;
}

.form-control.search {
    height: 48px;
}

.glyphicon-eye-open:before {
    content: url("/img/icons/view.svg");
}
.glyphicon-trash:before {
    content: url("/img/icons/delete.svg");
}
.glyphicon-pencil:before {
    content: url("/img/icons/edit.svg");
}

.navbar-inverse .navbar-nav li.dropdown .caret {
    display: none;
}

.field-labtest-b12 input,
.field-labtest-b1 input,
.field-labtest-b6 input,
.field-labtest-homocystein input,
.field-labtest-hemoglobin input,
.field-labtest-wbc input,
.field-labtest-mcv input,
.field-labtest-plt input,
.field-labtest-alat input,
.field-labtest-aspat input,
.field-labtest-creatynine input,
.field-labtest-egfr input,
.field-labtest-glucose input,
.field-labtest-folic_acid input {
    display: inline-block;

}

form#lab_test_form .unit {
    margin-left: 10px;
}

.field-patientbrief-thyroid_more,
.field-patientbrief-oncology_more,
.field-patientbrief-kidney_more,
.field-patientbrief-reumatology_more {
    display: none;
}

.has-error .help-block {
    display: none;
}

.field-scalefazekas-not_completed,
.field-scaleaes-not_completed,
.field-scalemtcns-not_completed,
.field-scalemna-not_completed,
.field-scalenms-not_completed,
.field-scalepdq-not_completed,
.field-scaleupdrs-not_completed,
.field-scaleupdrs2-not_completed,
.field-scaleupdrs4-not_completed,
.field-scalemdsupdrs3-not_completed,
.field-labtest-not_completed,
.field-scalepdq8-not_completed,
.field-scaleeng-not_completed,
.field-scaleess-not_completed,
.field-scalebeck-not_completed,
.field-scalebsfcs-not_completed,
.field-scaleace-not_completed,
.field-scalehoehnjahra-not_completed,
.field-scalemdsupdrs2-not_completed,
.field-scalemdsupdrs4-not_completed,
.field-scalemidi-not_completed,
.field-hauserdiary-not_completed {
    display: none;
}

label {
    display: inline;
}

.radio-list input {
    margin-top: 10px;
}

#scalehoehnjahra-points {
    margin-bottom: 32px;
}
#scalehoehnjahra-points label {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

.navbar-inverse .logo,
.navbar-header .logo {
    height: 30px;
}

.summary > .form-group {
    display: inline-block;
    margin-bottom: 0;
}