ul#languages { padding: 0px; margin: 10px auto 5px; }
ul#languages li { display: inline-block; padding-right: 2px; margin: 0; }
ul#languages li a { border: none; }
ul#languages li a img { width: 24x; filter: grayscale(80%); --webkit-filter: grayscale(80%); height: 24px; border-radius: 12px; }
ul#languages li.active a img, ul#languages li:hover a img { filter: grayscale(0%); --webkit-filter: grayscale(0%); }

body { background-color: #DDD; }

.editable-buttons, .editable-input { display: inline-block; }
.mai-top-header .navbar-brand {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: white;
    padding-top: 0;
    padding-bottom: 0;
    top: 10px;
    z-index: 999;
    font-size: 1.5rem;
    font-weight: 300;
    height: 150px;
    width: 150px;
	  margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

.mai-sub-header { padding: 0px; }

@media (min-width: 768px)
{
	.navbar-toggleable-sm,
	.mai-top-header .mai-top-nav{ margin-left: 160px; }
}

.mai-sub-header:before
{
	display: none;
}

.mai-sub-header div.white-device-info { content: ''; display: block; background-color: #FFFFFF; bottom: 0; left: 0; right: 0; width: 100%; min-height: 70px; z-index: 1; }
.mai-sub-header div.white-device-info .fill { height: 100%; }
.mai-sub-header div.white-device-info .text { margin-top: 25px; }
.mai-sub-header div.white-device-info .icon div { margin-top: 7px; border-radius: 50%; border: 1px solid #dcdcdc; height: 55px; width: 55px; padding: 5px; background-position: center; background-repeat: no-repeat; margin-bottom: 3px; }
span.na { color: gray; font-style: italic;}
.mai-sub-header div.white-device-info .icon div span { font-size: 8pt; background-color: white; position: absolute; margin-top: 15px; margin-left: 8px; line-height: 13px; }
.main-content a:not(.btn):hover, .main-content a:not(.btn):hover { border-bottom: 1px dotted %primaryClr%; }
/*.main-content a:hover,*/
/*.main-content a:hover { border-bottom: 1px dotted %primaryClr%; }*/

.out-links a, .out-links a:hover { border-bottom: none; }

.footer { background-color: #323232; color: lightgray; padding: 2em; }
.footer a { color: lightgray; }
.footer a:hover { color: %primaryClr%; border-bottom: 0px; }
.footer .row { margin-right: 0px; margin-left: 0px; align-items: center; justify-content: center; }
.footer .version { font-size: 0.7em; }
.mai-sub-header div.white-device-info .icon div span { margin-left: -15px; }

.panel, .widget { border-radius: 10px; }
.mai-sub-header .navbar-nav > .nav-item > .nav-link { border-radius: 10px 10px 0px 0px;}
.cal-notes { background-color: transparent; }

.cal-notes ul { padding-top: 0px; }
@media (max-width: 767px)
{
	.mai-top-header.mai-top-header-show-logo .navbar-brand { max-width: 90px; max-height: 90px; position: inherit; }
}

.select2-results__option[aria-selected=true] {
    display: none;
}

.col-sm-6.form-message-left { border-radius: 10px 0px 0px 10px; }
.col-sm-6.form-message-right { border-radius: 0px 10px 10px 0px; }

.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before{ content: %txtYes% !important; }
.switch-button.switch-button-yesno input[type="checkbox"] + span label:before{ content: %txtNo% !important; }
.switch-button input[type="checkbox"]:checked + span label:before { content: %txtActive% !important; }
.switch-button input[type="checkbox"] + span label:before { content: %txtInactive% !important; }

.controls { margin-top: 16px; 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); }
#pac-input { background-color: #fff; font-family: Roboto; font-size: 15px; font-weight: 300; margin-left: 12px; padding: 0 11px 0 13px; text-overflow: ellipsis; width: 400px; }
#pac-input:focus { border-color: #4d90fe; }
.gMapLabel { font-family: 'Arimo', sans-serif; font-size: 13px; line-height: 19px; overflow: visible !important; }
.gMapLabel span { color: #000; background-color: white; display: block; margin-left: -50%; text-align: center; font-weight: bold; padding: 0px 5px 0px 5px; height: 18px; width: auto; display: inline-block; border: 1px solid #4fb847; white-space: nowrap; box-shadow: 3px 3px 5px rgba(0,0,0,0.15); }
.panel-subtitle { line-height: 1.2em !important; }

div#report-table_wrapper.dataTables_wrapper.container-fluid.dt-bootstrap4.no-footer { margin: 0px !important; padding: 0px !important; width: 100%; }

.page-link { color: %primaryClr% !important;}

.mai-top-header .navbar-brand { background-image: url(%logo%) !important; }