html, body { background-color: #F2F2F2; font-family: Arial, Helvetica, sans-serif; margin-bottom: 25px; }
input[type="radio"] + label, input[type="checkbox"] + label { margin-right: 25px; margin-left: 5px; display: inline; }
.form-group > table.form-control { height: auto; }
#content { margin-top: 60px; }
.hidden { display: none; }
.no-margin-top { margin-top: 0; }
.no-margin-bottom { margin-bottom: 0; }
.nomargin,.no-margin{margin:0!important}
.nopadding,.no-padding{padding:0!important}
.bold { font-weight: bold; }
a{text-decoration:none;color:var(--primary);}
a:hover, a:focus { color: var(--secondary); text-decoration: none; }

/* Print styles */
@media print {
    a[href]:after {
        content: none !important;
    }
}

/* Header */
#header { background-color: var(--primary); color: #F2F2F2; }
#header a { color: #F2F2F2; }
#header a:hover, #header a:focus, #header .navbar-nav .open > a:hover { background-color: var(--secondary); }
#header .navbar { margin-bottom: 0; }
#header .navbar, #header .navbar-brand { height: 100%; border: none; }
#header .navbar-nav { margin-top: 0; margin-bottom: 0; }
#header .navbar-nav li { border-left: 1px solid var(--secondary); border-top: 1px solid var(--secondary); }
#header .navbar-nav li:last-child { border-right: 1px solid var(--secondary); }
#header .navbar-brand { padding-top: 10px; padding-bottom: 10px; font-size: 20px; line-height: 25px; letter-spacing: 3px; margin-left: 0px; }
#header .navbar-brand:hover, #header .navbar-brand:focus { background-color: var(--primary); }
#header .navbar-brand img { max-height: 80px; width: 80px; float: left; }
#header .navbar-brand .navbar-brand-text { display: inline-block; margin-top: 15px; margin-left: 10px; }
#header .navbar-app-title { line-height: 50px; font-size: 16px; border-right: 1px solid var(--secondary); margin-right: -15px; padding-right: 10px; letter-spacing: 3px; color: var(--secondary) }

/* Mobile responsive styling */
@media (max-width: 767px) {
    #header .navbar-brand .navbar-brand-text { font-size: 14px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    #header .navbar-brand .navbar-brand-text { font-size: 14px; }
}

/* Dropdown menu */
#header .navbar-nav li.dropdown:hover > ul.dropdown-menu { display: block; }
#header .navbar-nav ul.dropdown-menu { padding: 0; border: none; }
#header .navbar-nav ul.dropdown-menu li { background-color: var(--primary); border-left: none; border-right: none; }
#header .navbar-nav .open > a { background-color: transparent; }

/* Mobile */
#header .navbar-header .navbar-toggle { border-color: var(--secondary); }
#header .navbar-header .navbar-toggle:active, #header .navbar-header .navbar-toggle:hover { background-color: var(--secondary); }
#header .navbar-header .icon-bar { background-color: #F2F2F2; height: 5px; width: 35px; }

/* Subheader */
#subheader { padding: 10px 0; border-bottom: 1px solid #d2d2d2; }
#subheader ul { margin: 0; padding: 0; width: 100%; }
#subheader ul li { display: inline-block; float: right; border-right: 2px solid #d2d2d2; padding: 0 20px; }
#subheader ul li a { color: var(--primary); text-decoration: none; }

/* Alert menu */
#subheader ul li.dropdown:hover > ul.dropdown-menu.not-empty { display: block; }
#subheader ul.dropdown-menu { padding: 0; border-color: #d2d2d2; width: auto; left: auto; right: 0; }
#subheader ul.dropdown-menu li { border: none; border-bottom: 1px solid #d2d2d2; width: 100%; padding: 0; }
#subheader ul.dropdown-menu li a { padding: 10px 20px; }
#subheader ul.dropdown-menu li a:hover { background-image: none; }
#subheader ul.dropdown-menu li a h4 { margin: 0; }

/* Errors */
.has-error { color: #a94442; }
.has-error .form-control, .has-error input, .has-error select, .has-error textarea, .has-error .cke { background-color: #f2dede !important; border-color: #a94442 !important; }

/* Buttons */
.ButtonGroup { text-align: center; }
.ButtonGroup .btn { min-width: 150px; margin: 0px 20px 20px 20px; }
.btn:focus, .btn:active .btn:active:focus { outline: none!important; }
.btn { background-image: none; border: none; color: #F2F2F2; text-shadow: none; }
.btn-default { border: 1px solid #ccc; color: #333; }
.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus { background-color: var(--primary); }
.btn-primary:hover { background-color: var(--secondary); }
.btn-block { margin-bottom: 5px; }

/* Labels */
.label-primary { background-color: var(--primary); }
.label-default { background-color: #c2c2c2; }
.label a { color: #F2F2F2; text-decoration: none; }

/* Alerts */
.alert { background-image: none; border: none; }
.alert a { font-weight: bold; }

/* Wells */
.well { background-color: #FFF; background-image: none; }

/* Panels */
.panel { border: none; border-radius: unset; }
.panel-heading { font-size: 20px; }
.panel-body { padding: 25px; overflow-wrap:break-word; }
.panel-primary > .panel-heading { background-image: none; background-color: var(--primary); color: #F2F2F2; border-color: var(--primary) }
.panel-primary > .panel-heading a { color: #F2F2F2; }

/* Breadcrumb */
.breadcrumb { background-color: #FFF; }
.breadcrumb a { text-decoration: none; }

/* Jumbotron */
.jumbotron { background-color: #FFF; }

/* Timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/* Thumbnail */
a.thumbnail { text-decoration: none; }

/* Overlay */
#overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:999999;opacity:.5}
#overlay div{width:100%;position:absolute;top:50%;font-size:100px;line-height:100px;color:#fff;text-align:center;margin-top:-100px}

.modal-body{max-height:500px;overflow-y:scroll}