/* Generic icon styles */

/* 26x26 pixels */

.ui-btn-icon-left .ui-btn-inner .ui-icon.ui-iconsize-26,
.ui-btn-icon-right .ui-btn-inner .ui-icon.ui-iconsize-26 {
    margin-top: -13px;
}

.ui-btn-icon-notext .ui-icon {
    display: block;
    z-index: 0;
}

.ui-btn-icon-top .ui-btn-inner .ui-icon.ui-iconsize-26, .ui-btn-icon-bottom .ui-btn-inner .ui-icon.ui-iconsize-26 {
    position: absolute;
    left: 50%;
    margin-left: -13px;
}

.ui-header .ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-left .ui-icon.ui-iconsize-26 {
    left: 3px;
    margin-top: -12px;
}

.ui-header .ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-right .ui-icon.ui-iconsize-26 {
    right: 3px;
    margin-top: -12px;
}

.ui-header .ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-top .ui-icon.ui-iconsize-26 {
    top: 3px;
}

.ui-header .ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-bottom .ui-icon.ui-iconsize-26 {
    bottom: 3px;
}




.ui-icon-ios-pack-color-left-arrow {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-right-arrow {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-up-arrow {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-back {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-forward {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-down-arrow {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-plus {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-minus {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-check {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-delete {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-gear {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-refresh {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-grid {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-star {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-info {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-home {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-search {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-alert {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}





.ui-icon-ios-pack-color-left-arrow {
    background: url('images/ios-pack-color.png') -260px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-right-arrow {
    background: url('images/ios-pack-color.png') -364px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-up-arrow {
    background: url('images/ios-pack-color.png') -442px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-back {
    background: url('images/ios-pack-color.png') -26px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-forward {
    background: url('images/ios-pack-color.png') -130px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-down-arrow {
    background: url('images/ios-pack-color.png') -104px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-plus {
    background: url('images/ios-pack-color.png') -312px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-minus {
    background: url('images/ios-pack-color.png') -286px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-check {
    background: url('images/ios-pack-color.png') -52px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-delete {
    background: url('images/ios-pack-color.png') -78px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-gear {
    background: url('images/ios-pack-color.png') -156px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-refresh {
    background: url('images/ios-pack-color.png') -338px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-grid {
    background: url('images/ios-pack-color.png') -182px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-star {
    background: url('images/ios-pack-color.png') -416px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-info {
    background: url('images/ios-pack-color.png') -234px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-home {
    background: url('images/ios-pack-color.png') -208px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-search {
    background: url('images/ios-pack-color.png') -390px 50% no-repeat transparent !important;
}

.ui-icon-ios-pack-color-alert {
    background: url('images/ios-pack-color.png') -0px 50% no-repeat transparent !important;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {

    .ui-icon-ios-pack-color-left-arrow, .ui-icon-ios-pack-color-right-arrow, .ui-icon-ios-pack-color-up-arrow, .ui-icon-ios-pack-color-back, .ui-icon-ios-pack-color-forward, .ui-icon-ios-pack-color-down-arrow, .ui-icon-ios-pack-color-plus, .ui-icon-ios-pack-color-minus, .ui-icon-ios-pack-color-check, .ui-icon-ios-pack-color-delete, .ui-icon-ios-pack-color-gear, .ui-icon-ios-pack-color-refresh, .ui-icon-ios-pack-color-grid, .ui-icon-ios-pack-color-star, .ui-icon-ios-pack-color-info, .ui-icon-ios-pack-color-home, .ui-icon-ios-pack-color-search, .ui-icon-ios-pack-color-alert {
        background-image: url('images/ios-pack-color@2x.png');
        -moz-background-size: 468px 26px;
        -o-background-size: 468px 26px;
        -webkit-background-size: 468px 26px;
        background-size: 468px 26px;
    }
}


.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

/** CSS for non-standard jQuery Mobile styles or Codiqa components **/
.split-wrapper {
    width: 100%;
    min-height: 200px;
    clear: both;
}

@media all and (min-width: 650px) {
    .content-secondary {
        text-align: left;
        float: left;
        width: 45%;
        background: none;
        padding: 1.5em 6% 3em 0;
        margin: 0;
    }

    .content-secondary {
        background: none;
        border-top: none;
    }

    .content-primary {
        width: 45%;
        float: right;
        margin-right: 1%;
        padding-right: 1%;
    }

        .content-primary ul:first-child {
            margin-top: 0;
        }

    .content-secondary ul.ui-listview, .content-secondary ul.ui-listview-inset {
        margin: 0;
    }

        .content-secondary ul.ui-listview .ui-li-divider, .content-secondary ul.ui-listview .ui-li {
            border-radius: 0px;
        }

        .content-secondary ul.ui-listview .ui-li {
            border-left: 0;
            border-right: 0;
        }

    .content-secondary h2 {
        position: absolute;
        left: -9999px;
    }

    .content-secondary .ui-li-divider {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .content-secondary {
        margin: 0;
        padding: 0;
    }
}

@media all and (min-width: 750px) {
    .content-secondary {
        width: 34%;
    }

    .content-primary {
        width: 60%;
        padding-right: 1%;
    }
}

@media all and (min-width: 1200px) {
    .content-secondary {
        width: 30%;
        padding-right: 6%;
        margin: 0px 0 20px 5%;
    }

        .content-secondary ul {
            margin: 0;
        }

    .content-secondary {
        margin: 0;
        padding: 0;
    }

    .content-primary {
        width: 50%;
        margin-right: 5%;
        padding-right: 3%;
    }

    .content-primary {
        width: 60%;
    }
}

.rr-ui-btn-label {
    font-size: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #2f3e46;
    display: inline-block;
    clear: none;
    padding-top: 15px;
    float: left; /* UE 2018-188 Per RM */
}

* {
    -webkit-touch-callout: none;
}

/*  Transparent Background on Dialogs*/
/*.ui-dialog-background {
    opacity: 0.50;
    display: block !important;*/
/*  -webkit-transition: opacity 0.5s ease-in;*/
/*}*/

/* Leave Out = No Fade
.ui-dialog-background.pop.in {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in;
}*/

/*.ui-dialog {
    min-height: 100% !important;
    background: transparent !important;
}*/

.ui-icon-questionmarkblue {
    background-image: url(../../images/questionmarkblueicon.png);
}

.ui-icon-camera_rr {
    background-image: url(../../images/camera_white_rr.png);
}

.wsmainbigbutton .ui-btn-text {
    font-size: 2em;
}

.wsquestiontext {
    font-size: 20px;
    padding-right: 5px;
    display: table-cell;
    font-weight: bold;
    vertical-align: middle;
}

.wsquestionfieldset div.ui-controlgroup-controls {
    display: flex;
}

.wsquestionfieldset {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.wsquestionbigbutton .ui-btn-text {
    font-size: 20px;
}

.wsquestionbigbutton .ui-btn-text {
    font-size: 20px;
}

.wellscreendefaults {
    font-size: 20px;
}

body.wellscreendefaults .ui-title {
    font-size: 20px;
}

.wellscreendefaults a.ui-link-inherit {
    font-size: 20px;
}

*:fullscreen, *:-webkit-full-screen, *:-moz-full-screen {
    background-color: rgba(255,255,255,0);
}

.ui-dialog.wsselectroomdialog .ui-dialog-contain {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    min-width: 98%;
    max-height: 700px;
}

.ui-dialog.wsvisitorinfodialog .ui-dialog-contain {
    margin-top: 20px;
}

.ui-dialog.wsbannedstatesdialog .ui-dialog-contain {
    margin-top: 20px;
    min-width: 1000px;
}

.ui-dialog.wsselectmasksdialog .ui-dialog-contain {
    margin-top: 20px;
}

.ui-dialog.wspatientinfodialog .ui-dialog-contain {
    margin-top: 20px;
    min-width: 78%;
}

.ui-dialog.wseditstationdialog .ui-dialog-contain {
    margin-top: 20px;
}

.ui-dialog.pgselphys .ui-dialog-contain {
    margin-top: 20px;
}

.ui-dialog.pgPreview320011 .ui-dialog-contain {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 390px;
    max-height: 750px;
}

.rrdefaults {
    font-size: 16px;
}

body.rrdefaults .ui-title {
    font-size: 16px;
}

.rrdefaults a.ui-link-inherit {
    font-size: 16px;
}

/* IT11208 changed from 160 to 180 to show more of the name - also changed padding below */
.rrwsdestinationcheckbox {
    width: 180px; /* if you change this value, you must change it in rrwellscreen.js (search for IT13725 and add 2 to this value) */
    height: 60px; /* if you change this value, you must change it in rrwellscreen.js (search for IT13725 and add 2 to this value) */
    overflow: hidden;
    white-space: nowrap;
    /*max-width: 204px;
    max-height: 70px;*/
    /* max-width: 190px;
    min-width: 121px;*/
}

    .rrwsdestinationcheckbox .ui-btn-inner {
        padding-left: 7px; /* IT11208 changed from 10 to 7 to show more of the name - also changed height above */
        padding-right: 7px; /* IT11208 changed from 10 to 7 to show more of the name - also changed height above */
        padding-top: 3px; /* IT11208 added padding top to show more of the name - also changed height above */
    }

.rrwsdestinationcheckboxpatient {
    width: 215px; /* if you change this value, you must change it in rrwellscreen.js (search for IT13725 and add 2 to this value) */
    height: 65px; /* if you change this value, you must change it in rrwellscreen.js (search for IT13725 and add 2 to this value) */
    overflow: hidden;
    white-space: nowrap;
    /*max-width: 204px;
    max-height: 70px;*/
    /* max-width: 190px;
    min-width: 121px;*/
}

    .rrwsdestinationcheckboxpatient .ui-btn-inner {
        padding-left: 5px;
        padding-right: 5px;
    }

.rrwsptrminfo {
    margin-bottom: 15px;
}

.rrwsptrmlbl {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    padding-right: 5px;
}

.rrwsptrmlblwithtextbox {
    width: 220px;
    display: inline-block;
    line-height: 53px;
    text-align: right;
    padding-top: 0px;
    padding-right: 5px;
}

.rrwsptrmtext {
    /*max-width: 420px;*/
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    width: 60%;
}

#tbl198017 table, #tbl198017 th, #tbl198017 td {
    border: 1px solid #cbcbcb;
    padding: 6px;
}

#tbl198017 th {
    background-color: #4B88B6;
    color: white;
    text-shadow: none;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}



.wsalertfontsmaller {
    font-size: 12px;
}


#tbl198028 table, #tbl198028 th, #tbl198028 td {
    border: 1px solid #cbcbcb;
    padding: 15px;
    vertical-align: top;
}

#tbl198028 th {
    background-color: #4B88B6;
    color: white;
    text-shadow: none;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

.wsalerttablecellnopadding {
    vertical-align: text-top;
}

.wsalertapproved {
    color: green;
}

.wsalertdenied {
    color: red;
}

.wsalerttableodd {
    background-color: #eee;
}

.wsalerttableeven {
    background-color: #fff;
}

.wsclarification-questioncolumn {
    display: table-cell;
    vertical-align: middle;
}

.wsclarification-answercolumn {
    float: right;
    width: max-content;
    display: table-cell;
}

.wsclarification-questionset:after {
    content: "";
    /*display: table;*/
    clear: both;
}

.wsclarification-questionset {
    content: "";
    display: table;
    clear: both;
    width: 100%;
}

.wsclarification-ul {
    list-style-type: none;
}

#pgclarificationquestions198022 .ui-radio .ui-radio-on.redback span.ui-btn-inner {
    background-color: #b34245;
    border-color: #b34245;
}

#pgclarificationquestions198022 .ui-radio .ui-radio-on.greenback span.ui-btn-inner {
    background-color: #2a6847;
    border-color: #2a6847;
}

.clarifyAnswersHidden {
    display: none;
}

.wspersontype_default {
    text-align: center;
    width: 100%;
}

.wspersontype_left {
    text-align: center;
    width: 75%;
    float: right;
}

.wspersontype_right {
    text-align: center;
    width: 75%;
    float: left;
}

.wsunitmessage_left {
    width: 25%;
    max-width: 260px;
    float: left;
}

.wsunitmessage_right {
    width: 25%;
    max-width: 260px;
    float: right;
}

.wsunitmessage_Top {
    text-align: center;
    margin-bottom: 3%;
    margin-left: 20%;
    margin-right: 20%;
}

.wsunitmessage_Bottom {
    text-align: center;
    margin-top: 3%;
}

.wsunitmessage_blank {
    display: none;
}

.wsunitmessage {
    font-size: larger;
}

#fsWhenToRun320002 .ui-controlgroup-label, #fsDrill320002 .ui-controlgroup-label {
    width: 28%;
    text-align: right;
    margin-top: 8px;
    font-size: 0.938rem;
}

#fsWhenToRun320002 .ui-controlgroup-controls, #fsDrill320002 .ui-controlgroup-controls {
    width: 50%;
}

.ui-dialog.pgsearchquestionresults310005 .ui-dialog-contain {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    min-width: 98%;
    max-height: 700px;
}

#tbl310005_wrapper th {
    background-color: #4B88B6;
    color: white;
    text-shadow: none;
}

#tbl310005 tr {
    cursor: pointer;
}

    #tbl310005 tr:hover {
        background-color: #dbe7f0;
    }

table.dataTable > tbody > tr.selected > * {
    color: white !important;
    box-shadow: inset 0 0 0 9999px rgba(78, 140, 188, 0.9) !important;
    text-shadow: none;
}

table.dataTable > tbody > tr.selected:hover > * {
    color: white !important;
    box-shadow: inset 0 0 0 9999px rgba(78, 140, 188, 0.8) !important;
    text-shadow: none;
}

#divFilterChecklistP .ui-select {
    max-width: 300px;
}

#divFilterChecklistC .ui-select {
    max-width: 300px;
}

@media screen and (max-width: 800px), screen and (max-height: 800px) {

    #divProprietary {
        visibility: hidden;
        display: none;
    }
}

@media screen and (max-width: 600px), screen and (max-height: 700px) {

    #divPopupKeyboard {
        visibility: hidden;
        display: none;
    }
}


.visitorinfocontainer {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: auto 1fr auto;
}

    .visitorinfocontainer .bannedlistitems {
        grid-row: 1;
        grid-column: span 2;
    }

    .visitorinfocontainer .vi-fields {
        grid-column: 1;
        grid-row: 2;
    }

    .visitorinfocontainer .vi-photonotes {
        grid-column: 2;
        grid-row: 2;
        display: grid;
        grid-template-rows: auto 1fr;
        grid-row-gap: 5px;
    }

        .visitorinfocontainer .vi-photonotes .vi-photo {
            max-width: 150px;
            max-height: 150px;
            grid-row: 1;
        }

        .visitorinfocontainer .vi-photonotes .vi-notes {
            display: grid;
            grid-template-rows: auto auto auto 1fr;
            grid-row-gap: 5px;
        }

            .visitorinfocontainer .vi-photonotes .vi-notes .vi-notes-label {
                font-size: 0.938rem;
                padding-top: 0px;
                text-align: left;
            }

            .visitorinfocontainer .vi-photonotes .vi-notes .vi-notesdisplay {
                grid-row: 4;
                height: 100%;
            }

    .visitorinfocontainer .vi-buttons {
        grid-row: 3;
        grid-column: span 2;
    }

.otffilterbutton {
    display: inline-block !important;
}

#checklistFilterTree320015 {
    height: 400px;
    
}
div.wunderbaum * {
    border: 0px solid transparent;
    font-size: 16px;
}

div.wunderbaum:focus,
div.wunderbaum:focus-visible,
div.wb-row:focus,
div.wb-row:focus-visible,
div.wb-node:focus,
div.wb-node:focus-visible {
    outline: none !important;
    border: none !important;
}

div.wb-row.wb-selected {
    background-color: transparent !important;
    border: none !important;
}

div.wb-row.wb-active {
    background-color: transparent !important;
    border: none !important;
}

i.wb-icon.bi.bi-clipboard-check {
    margin-right: 5px;
}

#btnExpandAll320015 > i {
    font-size: x-large;

}

.otffilter-headercontainer {
    display: grid;
    grid-template-columns: 1fr 10px auto 10px auto;
}

#btnExpandCollapse320015 {
    grid-column: 3;
    margin: 10px 0px;
    border-radius: 5px;
}

#btnShowSelected320015 {
    grid-column: 5;
    margin: 10px 0px;
    border-radius: 5px;
}

div.wunderbaum:focus-visible {
    outline-style:auto;
}
/*
div.wunderbaum {
    border: 1px solid #cbcbcb !important;
    border-radius: 5px;
}*/

.wsnovisitors {
    color: #df0000;
}

.wsvisitorlistPasswordIcon {
    color: #898989;
    margin-right: 5px;
}