/* Product of Orbisius.com. Visit https://orbisius.com/ */

.orbisius_child_theme_creator_container .app-hide {
    display: none;
}

.orbisius_child_theme_creator_container .app-hide-force {
    display: none !important;
}

.orbisius_child_theme_creator_container .app-form-field-error {
    border-color: red;
}

.orbisius_child_theme_creator_container .app-serious-notice {
    color: red;
    font-weight: bold;
}

/* Common */

.orbisius_child_theme_creator_container .app-alert-error {
    background: #D54E21;
    border: 1px solid #eee;
    color: white;
    padding: 3px;
    /*text-align: center;*/
}

.orbisius_child_theme_creator_container .app-alert-success {
    background: green;
    border: 1px solid #eee;
    color: white;
    padding: 3px;
    /*text-align: center;*/
}

.orbisius_child_theme_creator_container .app-alert-success a, .orbisius_child_theme_creator_container .app-alert-error a {
    color: white;
}

.orbisius_child_theme_creator_container .app-alert-notice {
    background: #FFEC8B;
    border: 1px solid #666;
    padding: 3px;
    /*text-align: center;*/
}

.orbisius_child_theme_creator_container .app-button-positive {
    background: green;
    color: white;
    padding: 3px;
    text-decoration: none;
}

.orbisius_child_theme_creator_container .app-button-negative {
    background: red;
    color: white;
    padding: 3px;
    text-decoration: none;
}

.orbisius_child_theme_creator_container .highlight {
    background: #FFFF33;
}

/* dlg button colouring */

.orbisius_child_theme_creator_container .app-dialog-button-ok {
    background: green !important;
    color: white !important;
}

.orbisius_child_theme_creator_container .app-dialog-button-cancel {
    background: red !important;
    color: white !important;
}

.orbisius_child_theme_creator_container .app-button-left, .app-align-left {
    float: left;
}

.orbisius_child_theme_creator_container .app-button-right, .orbisius_child_theme_creator_container .app-align-right {
    float: right;
}

.orbisius_child_theme_creator_container .app-button-container {
    padding: 10px;
    background: #ccc;
    margin-top: 15px;
    margin-bottom: 15px;
}

.orbisius_child_theme_creator_container .available-theme {
    padding: 10px;
    margin: 5px;
    border: 2px solid white;
    /* we need this because there is a shift otherwise on hover. */
    display: inline-block;
    /* so 3 themes fit on one row */
    width: 28%;
}

.orbisius_child_theme_creator_container .available-theme img.screenshot {
    max-height: 75%;
    max-width: 75%;
}

.orbisius_child_theme_creator_container .available-theme:hover {
    border: 2px solid #aaa;
    background: #ffffcc;
}

.orbisius_child_theme_creator_container .saving_action {
    background: #ccc;
}

/* Theme Editor */

.orbisius_ctc_theme_editor_container .highlight {
    background: #FFFF33;
}

.orbisius_ctc_theme_editor_container .app-dialog-button-ok {
    background: green !important;
    color: white !important;
}

.orbisius_ctc_theme_editor_container .app-dialog-button-cancel {
    background: red !important;
    color: white !important;
}

/* The dropdowns move to a new line when files are longer */

.orbisius_ctc_theme_editor_container #theme_1, .orbisius_ctc_theme_editor_container #theme_2, .orbisius_ctc_theme_editor_container #theme_1_file, .orbisius_ctc_theme_editor_container #theme_2_file {
    max-width: 35%;
}

.orbisius_ctc_theme_editor_container .primary_buttons {
    margin-top: 5px;
}

.orbisius_ctc_theme_editor_theme_1_form .modified_content, .orbisius_ctc_theme_editor_theme_2_form .modified_content {
    border: 1px dashed #D54E21/* !important*/
    ;
}

.orbisius_files_list {
    overflow: auto;
    max-height: 400px;
}

.orbisius_copy_response {
    padding-bottom: 1em;
}

.orbisius_copy_response.error {
    color: red;
}

.orbisius_copy_response.success {
    color: green;
}

.orbisius_folder_list .bold {
    font-weight: bold;
}

.orbisius_folder .orbisius_folder_list {
    display: none;
}

.orbisius_folder_list li ul li {
    padding-left: 1em;
}

.orbisius_folder_list {
    display: flex;
    flex-wrap: wrap;
}

.orbisius_folder_list li {
    min-width: 40%;
}