html {
	font-size: 18px;
}

body {
	font-size: 0.85rem;
	background: #132330 radial-gradient(#234058,#0f1c26);
	font-family: Lato,Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	color: #222;
}

#container {
	background: transparent;
}

.widget * {
	font-size: 0.85rem;
}

.tl_help, .tl_help * {
	font-size: .75rem;
	color: #9a9a9a;
}

.tl_tip {
	height: 1.25em;
}

.widget h3 label {
	font-size: 0.8rem;
}

h1.main_headline, h1#main_headline {
	font-size: 0.9rem;
}

#main {
	/*background-color: rgba(233, 233, 233, 0.9);*/
	background-color: rgba(244, 244, 244, 0.9);
}

#header {
	height: 30px;
	min-height: auto;
}


body #om_backend_toolbar {
	margin-top: 30px;
}


#header .inner {
	/*max-width: 100%;*/
	background-color: #343c42;
	/*background-color: #454e54;*/
}

#header h1 a {
	background-size: 1rem;
	padding: 8px 12px 6px 38px;
	font-size: 0.875rem;
}

#tmenu a,
#tmenu .h2,
#tmenu .profile button {
	padding-top: 8px;
	padding-bottom: 6px;
	font-size: 0.8rem;
	background-position: right 9px top 8px;
}

#tmenu .burger button {
	padding-top: 3px;
	padding-bottom: 3px;
}


#left .version {
	font-size: 0.7rem;
}

#tmenu a:hover, #tmenu li:hover h2, #tmenu .burger button:hover {

}

.om_backend_save_buttons .tl_submit_container .split-button ul {
	display: inline-flex;
}

.tl_panel {
	font-size: 0.8rem;
}

fieldset.tl_tbox, fieldset.tl_box {
	margin-top: 0;
}

fieldset.tl_tbox, fieldset.tl_box, .subpal, .subpal .clr {
	display: flex;
	flex: 0 1 auto;
	flex-flow: row wrap;
}

fieldset.tl_tbox > div:not(.widget), fieldset.tl_box > div:not(.widget) {
	flex: 1;
}

.widget:not(.w50):not(.w33):not(.w25):not(.w66):not(.w67):not(.w75) {
	width: calc(100% - 30px);
}

.tl_checkbox_single_container.widget {
	margin-left: 15px;
	margin-right: 15px;
}


.subpal {
	width: calc(100% - 2rem);
	margin: auto 1rem;
}

.w25,.w33,.w50,.w66,.w67,.w75 {
    float: none;
    height: auto;
    min-height: 80px;
}

.widget.higher {
    height: 120px;
}

.widget .tl_submit {
    position: relative;
    /*z-index: 1000;*/
}



.tl_text:focus, .tl_text_2:focus, .tl_text_3:focus, .tl_text_4:focus, .tl_textarea:focus, .tl_text_unit:focus, .tl_text_trbl:focus, .tl_text_interval:focus {
	background-color: #3262911a;
	border-color: #0f1c26;
}

fieldset.tl_tbox > legend, fieldset.tl_box > legend {
	padding: 10px 0 5px 28px;
	background-position: 13px 12px;
	width: 100%;
}

fieldset.tl_tbox:not(.collapsed) > legend, fieldset.tl_box:not(.collapsed) > legend {
	background-color: #f8f8f8;
	padding: 10px 0 5px 28px;
	background-position: 13px 12px;
	color: #606060;
}

fieldset.collapsed {
	padding-top: 9px;
}

.wizard .tl_text, .wizard .tl_select {
	width: calc(100% - 30px);
}

.wizard .tl_text_2 {
	width: calc(50% - 30px);
}

.be_login_page {
	background: rgba(0, 0, 0, 0) url("loginbackgrounds/trees2.jpg") no-repeat fixed 0 0 / cover;
}

.be_login_page #container {
	margin: 15vh 1rem 0;
}

.be_login_page #main {
	max-width: 500px;
	border-radius: 0px;
	box-shadow: 1px 1px 13px 3px rgba(0,0,0,0.4);
	border-top: 15px solid #343c42;
}

.be_login_page #main {
	background-color: #FFFFFF;
}

.tl_login_form .formbody {
	padding: 2rem;
}

.tl_login_form .widget {
	width: 100%;
}

.login-footer {
	margin-top: 0.5rem;
	padding: 0.75rem 1rem;
	background-color: #0f1c26;
	text-align: right;
	color: #d3d5d7;
}

.login-footer a {
	color: #d3d5d7;
}

.be_login_page .tl_message {
	padding: 0rem 2rem 0.5rem 2rem;
	margin-top: 0;
}

.be_login_page .footer_preview {
	float: right;
}

.tl_panel .tl_filter .chzn-container,
.tl_panel .tl_sorting .chzn-container,
.tl_panel .tl_search .chzn-container,
.tl_panel .tl_limit .chzn-container {
	font-size: 0.8rem;
	text-align: left;
}

.tl_panel .chzn-container.tl_filter_openfromright .chzn-single-with-drop + .chzn-drop {
	right: 0;
	left: auto !important;
}

.tl_panel .chzn-container .chzn-single > span {
	font-size: 0.8rem;
}

.tl_panel .chzn-container.tl_filter_wideifopen .chzn-drop {
	white-space: nowrap;
	width: auto;
	display: table;
	min-width: 100%;
}

.om-backend-top-link {
	padding: 8px 10px 6px 10px !important;
}