body {
    font-family: Arial;
    font-size: 10pt;
}

.bold-text {
    font-weight: bold;
}


.textbox {
    background-color: #FFFFFF;
    border: solid 1px #AAAAAA;
    margin-left: 0px;
    margin-bottom: 0px;
}

    .textbox.station {
        width: 332px;
    }

.textbox-over {
    background-color: #ffffc0;
    border: solid 1px black;
}

.maskededit-error {
    background-color: darkred;
}

.button {
    border: solid 1px black;
}

.button-over {
    border: solid 1px black;
    background-color: White;
}

.button-main {
    width: 350px;
    font-weight: bold;
    height: 75px;
    margin: 10px;
    border: 1px solid #EEEEEE;
}

    .button-main:hover {
        border: 1px solid black;
    }

.button-main-half {
    width: 168px;
    font-weight: bold;
    height: 70px;
    margin: 0px 0px 0px 10px;
}

.button-mobilis {
    background: url("../images/mobilis-logo-reduced.png") no-repeat;
    background-size: 189px 60px;
    background-position: center;
    cursor: pointer;
}

.button-silvercab {
    background: url("../images/silvercab-logo.jpg") no-repeat;
    background-size: 238px 60px;
    background-position: center;
    cursor: pointer;
}

.login-button {
    border: solid 1px black;
    margin-right: 5px;
}

.login-button-over {
    border: solid 1px black;
    background-color: White;
}

.form {
    background-color: #EEEEEE;
}

.form1 {
    width: 97%;
}

.form-group-title {
    font-weight: bold;
    background-color: #DDDDDD;
    padding: 5px;
}

.center {
    border: solid 1px #EEEEEE;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1250px;
}

.left {
    border: solid 1px #EEEEEE;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


label {
    white-space: nowrap;
}

td.label {
    text-align: right;
    white-space: nowrap;
}

td.data {
    text-align: left;
    padding-right: 20px;
}

td.datafixw {
    width: 300px;
}

.selection {
    margin-bottom: 0px;
    margin-top: 20px;
    width: 100%;
}

.selection-bg {
    background-color: White;
    border: solid 1px black;
}

.selection-title {
    background-color: #EEEEEE;
    font-weight: bold;
    cursor: move;
}

.dialog {
    display: none;
}

#mask {
    position: absolute;
    z-index: 9000;
    background-color: #AAAAAA;
    display: none;
}

#ajax_loader {
    position: absolute;
    z-index: 9999;
    display: none;
}

.tooltip {
    border: solid 1px black;
    background-color: #EEEEEE;
    color: Black;
}

.gard-title {
    color: White;
    padding: 14px;
    background-color: #c0504d;
    border: solid #8c3836 2px;
}

    .gard-title span {
        font-weight: bolder;
        font-size: 12pt;
        padding-left: 5px;
    }

.top-links {
    right: 0px;
    position: relative;
    float: right;
    text-align: left;
}


.main-title {
    font-weight: bold;
    font-size: 12pt;
    padding: 10px;
}

.row {
    background-color: #FFFFFF;
}

.row-alt {
    background-color: #EEEEEE;
}

    .row:hover, .row-alt:hover {
        /* border: 1px solid #ff6600; */
        background: #ff6600;
        cursor: pointer;
    }

.GridViewHeaderSortDown {
    background: url("~/images/ArrowDownR.png") no-repeat 95% 50%;
}

.GridViewHeaderSortUp {
    background: url("~/images/ArrowUpR.png") no-repeat 95% 60%;
}


.box img {
    text-align: center;
    display: block;
}

#fade {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 9000;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 200px;
    height: 35px;
    padding: 10px;
    border: 3px solid #ababab;
    box-shadow: 1px 1px 10px #ababab;
    /*border-radius:20px;*/
    background-color: white;
    z-index: 9001;
    text-align: center;
    overflow: hidden;
}

#loader {
    vertical-align: middle;
    margin-right: 20px;
}

.pac-container {
    z-index: 1200 !important;
}

#location_address {
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-size: 10pt;
    width: 400px;
    margin-top: 10px;
    padding-left: 14px; /* Regular padding-left + 1. */
    text-overflow: ellipsis;
}

    #location_address:focus {
        border-color: #4d90fe;
        margin-left: -1px;
        width: 401px;
    }


.coord-status-ok {
    width: 20px;
    height: 24px;
    background-color: green;
}

.coord-status-missing {
    width: 20px;
    height: 24px;
    background-color: darkred;
}

/* jquery extensions */

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-widget {
    font-family: Arial;
    font-size: 10pt;
}

/* pointer cursor over image button trigge for date picker */
.ui-datepicker-trigger {
    cursor: pointer;
}


.panel {
    border: solid #b5b5b5 2px;
    margin: auto;
    margin-bottom: 1em;
    border-radius: 8px;
    padding: 4px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(201,201,201,1);
    -moz-box-shadow: 2px 2px 5px 1px rgba(201,201,201,1);
    box-shadow: 2px 2px 5px 1px rgba(201,201,201,1);
    text-align: center;
}

    .panel img {
        margin: 5px;
    }

    .panel th img {
        margin: 0px 5px;
    }

    .panel .important {
        font-size: 2em;
        font-weight: bold;
    }

.cleaner {
    height: 1px;
    width: 1px;
    clear: both;
    font-size: 0px;
}


.panel input.button.button-large, .panel button.button.button-large {
    min-width: 94%;
    margin: 0.5em auto;
}

.panel input.button, .panel button.button {
    font-size: 1.05em;
    font-weight: bold;
    display: block;
    color: black;
    width: 160px;
    padding: 0.4em 0.5em;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    margin: 5px 10px;
    /** Background */
    background: rgba(198,198,198,1);
    background: -moz-linear-gradient(left, rgba(198,198,198,1) 0%, rgba(231,231,231,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(198,198,198,1)), color-stop(100%, rgba(231,231,231,1)));
    background: -webkit-linear-gradient(left, rgba(198,198,198,1) 0%, rgba(231,231,231,1) 100%);
    background: -o-linear-gradient(left, rgba(198,198,198,1) 0%, rgba(231,231,231,1) 100%);
    background: -ms-linear-gradient(left, rgba(198,198,198,1) 0%, rgba(231,231,231,1) 100%);
    background: linear-gradient(to top, rgba(198,198,198,1) 0%, rgba(231,231,231,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#e7e7e7', GradientType=1 );
    /** Shadow */
    -webkit-box-shadow: 1px 1px 2px 1px rgba(201,201,201,1);
    -moz-box-shadow: 1px 1px 2px 1px rgba(201,201,201,1);
    box-shadow: 1px 1px 2px 1px rgba(151,151,151,1);
}

.panel .button-details {
    float: right;
}

.panel .button.button-all-protocols {
    float: right;
    width: 250px;
}

.panel-refresh {
    text-align: left;
    padding: 3px 3%;
}

    .panel-refresh input {
        float: left;
        clear: left;
    }

.panel-patienten {
    text-align: left;
    padding: 8px 3%;
}

    .panel-patienten h3 {
        font-size: 1.2em;
        font-weight: bold;
        margin-top: 0px;
    }

    .panel-patienten h4 {
        font-size: 1.2em;
        margin: 5px auto;
    }

    .panel-patienten ul {
        margin: 0px;
    }

.container {
    width: 100%;
}

    .container > tbody > tr > td:first-child {
        width: 400px;
    }

.version {
    font-size: 0.8em;
    font-family: Courier New, Courier, monospace;
    margin-top: 4em;
    width: 100%;
    text-align: center;
    font-size: 0.9em;
}

/** inline radio buttons */
.radioButtonList {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .radioButtonList.horizontal tr {
        display: inline;
    }

    .radioButtonList label {
        display: inline;
    }
/** Textbox with hints */
.notes {
    background: #eeeeee;
    border: none;
    color: darkred;
    font-weight: bold;
}

    .notes.active {
        background-color: #ffffc0;
    }

.validation-summary {
    text-align: left;
    padding: 20px;
    border: 1px solid darkred;
}

    .validation-summary ul {
        margin: 0px auto;
    }

        .validation-summary ul li {
            color: black;
        }

select.placeholder option:first-child {
    font-style: italic;
    color: gray;
}

.panel.notification {
    padding: 5px 5px 5px 90px;
    font-size: 1.2em;
    font-weight: bold;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
    background-position: 30px;
    background-repeat: no-repeat;
    background-color: lightyellow;
}

p.hint {
    margin-top: 1px;
    color: #a9a9a9;
    font-size: 0.85em;
}

a {
    text-decoration: none;
}

td {
    margin: 0px;
    padding: 3px;
    white-space: nowrap;
}

h2 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 800px;
}

th {
    white-space: normal;
}


td.time-field, td.time-change-confirmation-field {
    text-align: center;
}

td.mobility {
    white-space: normal;
    font-size: smaller;
}

td.time-start-input input {
        width: 40px;
}

#root .actions tbody tr {
    background: lightblue;
    color: #4A3C8C;
}

#root .actions thead tr {
    color: #F7F7F7;
    background-color: #4A3C8C;
    font-weight: bold;
}

#root .actions thead th {
    padding: 3px;
    margin: 1px;
}

#root  table.actions {
    background-color: White;
    border-color: #E7E7FF;
    border-width: 1px;
    border-style: None;
    border-collapse: collapse;
}

#root table.actions img {
    height:24px;
    width:24px;
    border-width:0px;
}

#root a {
    color: blue;
    cursor: pointer;
}

.infections table {
    vertical-align: top;
    min-width: 30%;
    display: inline-block;
}

.infections td {
   text-align: left; 
}


.users th.boolean {
    writing-mode: vertical-rl;
    width: 30px;
}