:root {
    --cmf-main: #339BC2;
    --cmf-gradient-dark: #11607E;
    --cmf-gradient-light: #85C7E1;

    --cmf-light: #fefefe;
    /* TODO */
    --cmf-primary-color: #087990;

    --cmf-label-width: 192px;
}

/* Redesign */
body {
    background: linear-gradient(120deg, var(--cmf-gradient-dark), var(--cmf-gradient-light));
}

#art-main {
    width: 30rem;
    max-width: calc(100vw - 2rem);
    /*	transform: rotate3d(.5, .5, 0.5, 5deg);*/
}

.art-Sheet-body {
    background-color: var(--cmf-light);
    border-radius: .5rem;
    box-shadow: .1rem .1rem 1rem .25rem var(--cmf-gradient-dark);
}

.art-Header {
    /*	background-image: url("../frontend/images/Header.jpg");
        background-position: center center;
        background-repeat: no-repeat;*/
    background-color: var(--cmf-gradient-dark);
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
    /*	background-image: url("../images/project/openart-image_I-ZweHRq_1717079284997_raw.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;*/
}

.art-Logo {
    min-height: 5.625rem;
}

.art-nav {
    position: sticky;
    top: 0;
    background-color: #fcfcfc;
}

.art-content {
    background-color: rgb(126 193 219 / 10%); /* --cmf-gradient-light */
}
.art-content.logged-in > .art-Post {
    /* screen height - header - menu - footer - body-margins - toolbar*/
    min-height: calc(100vh - 100px - 56px - 90px - 2 * 3rem - 20px);
}

.art-Footer {
    border-radius: var(--bs-border-radius);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background-color: var(--cmf-main);
    min-height: 2.5rem;
    line-height: 2.5rem;
}

.art-Footer * {
    color: white;
    font-size: .825rem;
}

#slogan-text {
    color: white;
    font-family: cursive;
    font-size: 1rem;
}

#name-text {
    margin-bottom: 0;
}

#name-text a {
    color: #fff;
    text-decoration: none;
    font-family: monospace;
}

.language-link.link-flag {
    box-shadow: 0 6px 5px 1px var(--cmf-main);
    margin-left: .5rem;
}

.language-link.link-text {
    text-decoration: none;
    margin-left: .5rem;
}

.dBug_array {
    z-index: 1;
}

input.btn + input.btn {
    margin-left: .5rem;
}

.records_count {
    line-height: 2;
}

p.error {
    color: var(--bs-form-invalid-color);
}

form div.optional_holder, form div.required_holder {
    margin-bottom: 1rem;
}
form label[for] {
    cursor: pointer;
}


.hidden {
    display: none !important;
}

form fieldset div.notes {
    position: absolute;
    left: 100%;
    margin: 0 0 1rem 1rem;
    padding: 0.5rem;
    width: 16rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

.multilang {
    display: none;
}

.multilang.selected_tab {
    display: inherit;
}

/*	.selected,
	.selected_tab,
	form .selected_tab,
	input.selected_tab,
	form div input.selected_tab,
	form div span.selected_tab,
	form fieldset div span.selected_tab,
	label.labelCheckbox.selected_tab,
	label.labelRadio.selected_tab
	{
		display: inline;
	}
*/

#lightwindow_contents {
    box-sizing: content-box;
}

#lightwindow_contents > img {
    width: auto;
}

#cms_treeresize {
    padding: 0;
    width: 6px;
    margin-top: 1em;
    min-height: 35em;
    height: 35em;
    cursor: col-resize;
    background: transparent url(../images/vertical_move.gif) no-repeat center 30%;
}


#cmf_tree_container, #cmf_pages_tree_container, #cmf_media_container {
    overflow: auto;
    background: #F9FBFB;
    width: 14em;
    z-index: 1000;
}

#cmf_tree_container {
    position: absolute;
    padding: 0.5em;
    height: 20em;
}

#cmf_pages_tree_container, #cmf_media_container {
    margin-top: 1em;
    float: left;
    padding: 1em;
    min-height: 35em;
    border: none;
    width: 220px;
}

.three_state {
    cursor: pointer;
}

.cms-logo {
    max-width: 70px;
    border-radius: var(--bs-border-radius);
    background-color: rgba(255, 255, 255, .75);
}

.cmf-menu {
    top: 0;
    z-index: 1021;
}

.form-check-label + .form-check-label {
    margin-left: 1rem;
}

.form-check-label input {
    margin-right: .5rem;
}

.cmf_filter_link.pagination {
    flex-wrap: wrap;
}


#cmf_cms_form .form-group,
#mediaForm .form-group {
    display: flex;
    flex-wrap: wrap;
}

#cmf_cms_form .form-group label,
#mediaForm .form-group label {
    min-width: var(--cmf-label-width);
    align-content: center;

    flex-basis: var(--cmf-label-width);
    flex-shrink: 0;
}

#cmf_cms_form .form-group input[type=text],
#cmf_cms_form .form-group .form-control-plaintext,
#cmf_cms_form .form-group select,
#cmf_cms_form .form-group textarea,
#mediaForm .form-group input[type=text],
#mediaForm .form-group .form-control-plaintext,
#mediaForm .form-group select,
#mediaForm .form-group textarea {
    flex-basis: calc(100% - var(--cmf-label-width));
    flex-shrink: 0;
    flex-grow: 0;
    max-width: calc(100% - var(--cmf-label-width));
}

#cmf_cms_form .form-group small.form-text,
#mediaForm .form-group small.form-text {
    margin-left: var(--cmf-label-width);
    flex-basis: calc(100% - var(--cmf-label-width));
}