body #content_document .content_document_preview h1 {
    font-size: 25px!important;}

body #content_document .content_document_preview h2{
    font-size: 20px!important;
}

body #content_document .content_document_preview h3{
    font-size: 20px!important;
}

body #content_document .content_document_preview h4{
    font-size: 18px!important;
}

.content_document_preview p {
    font-size: 14px!important;
}

.content_document_preview .ctab_raised_mode{background-color:orange!important;color:white!important;padding:10px!important;}

.login_field .ControlGroup_buttons button{margin:10px 0px!important;}

.fad_button_refresh{background-color: transparent;color: orange;border: 1px solid orange;}

.form-group.control_VBox {display: flex!important;
    flex-wrap: wrap;
    width: 100%;
    min-width: 100%;
    margin: 20px 0px;
    background-color: rgb(250, 250, 250);
    border-left: 2px solid rgba(0, 0, 0, 0.29);
    padding: 5px;}

.form-group.control_VBox  .ControlElement_label,
.form-group.control_VBox .ControlElement_cell{font-size: 12px;
    width:100% !important;
    padding-left: 10px;flex:1 auto;min-width: 100%;display: inline-flex!important;}

.form-group.control_VBox .ControlElement_cell:nth-child(1n){
    padding-left: 10px;
}

.form-group.control_VBox  .ControlElement_label{font-size: 12px;
    font-weight: bold;
    padding-left: 0;}

.ui-dialog .ControlGroup .ControlGroup_content {
    display: block!important;
}

.control_VBox  .ControlElement_cell .vbox .form-group{
    display: grid;
    flex-wrap: wrap;
    justify-content: start;
    align-content: center;
    justify-items: start;
    align-items: center;
    width: auto;
    grid-template-columns: 150px auto;
    border-bottom: 1px solid rgba(128, 128, 128, 0.19);
    padding-bottom: 10px;
}

.control_VBox  .ControlElement_cell .vbox .form-group label,
.control_VBox  .ControlElement_cell .vbox .form-group .ControlElement_cell
{
    flex: 1 auto;
    min-width: initial;
    width: auto!important;
    flex-grow: 0;
}

.ControlGroup .form-group.control_VBox  .ControlElement_cell .vbox{
    display: grid!important;
    width: 100% !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}
.control_VBox .ControlElement_cell .vbox .form-group label{font-weight:initial!important; }

.form-group.control_VBox  .ControlElement_cell .ControlElement_cell{border-left: initial!important;padding-left: 0!important;}


.form-group.control_OptionList.form_skin\.layout{
    display: flex!important;
    flex-wrap: wrap;
    width: 100%;
    min-width: 100%;
    margin: 20px 0px;
    background-color: rgb(250, 250, 250);
    border-left: 4px solid rgba(0, 0, 0, 0.29);
    padding: 5px;
}

.directmode div.i_content_wrapper{
    height: 100vh;
    margin-top: 10em;
}

.directmode #content_wysiwyg{
    border-radius: 8px;
}

.directmodebody a.editContentSite,
.directmodebody a.saveContentSite{border-radius: 8px;}

.directmode #editor_count{font-size: 12px;
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;}

.directmode #contentSaveButtons .cancelContentSite{display: none!important;}


body.directmode .webbox{background-color:transparent;}

.directmode .webbox_cell,
.directmode #content_document{background: rgb(228, 228, 228);
    padding: 1em;
    border-radius: 8px;
    box-shadow: 1.015625px 6.018230438232422px 20px rgba(0, 0, 0, 0.51);}

.directmode #ContentEditorBox input{border-radius: 8px!important;}

.directmode .content{margin-left: initial!important;}

.directmode  div.wysiwyg .toolbar {
    margin: 0;
    padding: 0;
    background: #e9e9e9;
    border-bottom: initial;
    z-index: 1;
    border-radius: 8px;
    margin: 1em;
    max-width: calc(100% - 2em);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.directmode .copyright{display: none!important;}

.directmode .ControlGroup_caption{font-size:18px;}

.directmode div.i_content_wrapper {
    width: 100%;
    max-width: calc(240px * 3);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    min-width: initial;
    height: 98vh;
    overflow: scroll;
}

.directmode .form-group,
.directmode .ControlGroup_content{display: flex!important;
    flex-wrap: wrap;position: relative;}


.directmode .toolbar .active{background: white!important;}

.directmode .button.fad_button_update{    background-color: black!important;}

.directmode .fad_button_cancel {
    border: 1px solid black;
    color: black;
    background-color: transparent;
}

.directmode .input {
    background-color: white;
    min-height: 30px;
    height: auto;
    border-radius: 4px;
}

.directmode .optionimage{padding: 0.5em;
    height: auto;
    vertical-align: middle;
    display: flex!important;
    margin: auto;
    min-width: 35px;
    flex-wrap: wrap;
    justify-content: center;}

.directmode .form-group.control_VBox{background-color: rgba(250, 250, 250, 0.5);}

.directmode .input_title .toggle-arrow:before {
    display: inline-block;
    width: 30px;
    min-height: 30px;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 30px;
    color: white;
    height: 100%;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.68);
    border-radius: 4px;
}

.directmode .optionimagelist .input_items{
    border-radius: 4px;
    background-color: rgb(163, 163, 163)!important;
   }

.directmode .optionimagelist .input_items div span{border: 1px solid white;}

.directmode .optionimagelist .input_items div{
    border-bottom: 1px solid white;
    padding: 0.5em;
    display: flex;
    flex-wrap: wrap;
}