body,html{font-family:'Poppins';color:var(--gray);}
a,a:active,a:link,a:visited{color:var(--teal)}
a:hover,a:focus{color:var(--orange);text-decoration:none;outline:none;}
a.btn,a.btn:active,a.btn:link,a.btn:visited {color:#fff;}
p { margin-bottom: 15px; }
#AppHeader { background-color: #fff; color: var(--teal); height: 135px; padding: 0 25px; overflow-y: hidden; }
#AppHeader #Logo { margin-top: 30px; }
#AppHeader #Title { font-size: 30px; padding-top: 25px; margin-top: 25px; font-weight: bold; }
#PageTitle { border-bottom: 1px solid #e7e7e7; margin: 0; padding: 0 0 20px 0; margin-bottom: 20px; }
.ButtonGroup { text-align: center; border-top: 1px solid #eee; padding: 20px 0; margin-top: 20px; width: 100%; }
.ButtonGroup .btn, .ButtonGroup .btn:active, .ButtonGroup .btn:focus { background-color: var(--teal); background-image: none; border: none; color: #FFF; text-shadow: none; margin: 0 10px; font-size: 16px; }
.ButtonGroup .btn:hover { background-color: var(--teal-dark); color: #FFF; }
.SubHeader { display: block; width: 100%; margin: 0 0 10px 0; font-weight: bold; font-size: 18px; }
.form-group label { display: block; width: 100%; }

.cb, .cb tbody, .cb tbody tr { display: inline-block; width: 100%; }
.cb tbody tr td { display: inline-block; padding: 0 5px 5px 0; }
.cb input[type=checkbox] { display: none; }
.cb input[type=checkbox]:checked + label { background-color: var(--orange); color: #fff; border-color: var(--teal-dark); }
.cb label { cursor: pointer; margin: 0; padding: 0 15px; height: 35px; line-height: 30px; font-weight: bold; border: 3px solid transparent; background-color: var(--gray-light); color: var(--gray); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.cb label:hover { background-color: var(--orange); color: #fff; }

.rb, .rb tbody, .rb tbody tr { display: inline-block; width: 100%; }
.rb tbody tr td { display: inline-block; padding: 0 5px 5px 0; }
.rb input[type=radio] { display: none; }
.rb input[type=radio]:checked + label { background-color: var(--orange); color: #fff; border-color: var(--teal-dark); }
.rb label { cursor: pointer; margin: 0; padding: 0 15px; height: 35px; line-height: 30px; font-weight: bold; border: 3px solid transparent; background-color: var(--gray-light); color: var(--gray); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rb label:hover { background-color: var(--orange); color: #fff; }

.has-error { color: #a94442; }
.has-error .form-control,.has-error .cke { background-color:#f2dede !important; }
.strong, .bold { font-weight: bold; }
.inline-block { display: inline-block; }
.block { display: block; width: 100%; }
.no-margin { margin: 0; }
.no-border, .no-border tbody tr, .no-border tbody tr td { border: none; }
.pointer { cursor: pointer; }
.not-allowed { cursor: not-allowed; }
a:hover,a:active,a:focus { text-decoration:none;}
.ui-autocomplete {z-index:9999999;}
.modal-body{max-height:500px;overflow-y:scroll}
.hidden { display: none; }

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

/* Navigation */
.navbar { margin-bottom: 0; font-size: 18px; border-radius: unset; }
.navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus { background-color: var(--teal-dark); color: #FFF!important; }

/* Navigation drop downs */
.navbar-nav li.dropdown:hover > ul.dropdown-menu { display: block; }
.navbar-nav ul.dropdown-menu { padding: 0; font-size: 18px; }
.navbar-nav li.dropdown li { border-bottom: 1px solid var(--teal); }
.navbar-nav li.dropdown li a { padding-top: 5px; padding-bottom: 5px; }
.navbar-nav ul.dropdown-menu li a:hover { background-color: var(--teal-dark); background-image: none; color: #FFF; }

/* Override jQuery UI Styling */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-color: var(--teal); background: var(--teal); color: #fff; }
.ui-widget-content { color: var(--gray); }