.form-control {
    font-weight: inherit;
    padding: var(--mb2-bs-btn-py) .75rem;
    line-height: $lhheadings;
    border-radius: var(--mb2-btn-radius);
}

.form-select {
    border-radius: var(--mb2-btn-radius);
    padding-right: 2.25rem;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="url"],
textarea,
select {
    background-color: #fff;
    color: var(--mb2-pb-textcolor) !important;
    border: solid 1px $color_border;
    font-weight: inherit;
    min-height: 2rem;
    max-width: 100%;
    border-radius: var(--mb2-btn-radius);

    &.form-control {
        font-size: inherit;
        font-weight: inherit;
        height: auto;
    }

    .form-inline & {
        width: auto;
    }
}

textarea {
    min-height: 6rem;
    line-height: inherit;

    .path-mod-forum .forumpost & {
        width: 100%;
        margin-bottom: .5rem;
    }

    &.required {
        border-color: red;
    }
}

select {


    &.custom-select {
        font-weight: inherit;
        background-color: #fff;
    }

    option {
        font-weight: inherit;
    }

    .fdate_selector &.custom-select,
    .fdate_time_selector &.custom-select  {
        width: auto !important;
    }

    &[multiple] {
        min-height: 8rem;
        height: auto;
        max-width: 100%;
    }

    .userselector & {
        height: auto;
        width: 100%;
    }

    .form-inline & {
        &[multiple],
        &.custom-select {
            width: auto !important;
        }
    }
}

#page-course-search #main-content .simplesearchform {
    margin-bottom: 1.3rem;
}

/* Hide search from in main content container */

#main-content #coursesearch,
#main-content #coursesearch2,
/* For Moodle 3.10+ */
//#page-course-search #main-content .simplesearchform,
#page-course-index-category #main-content .simplesearchform {
    display: none;
}


small,
.small,
#page-admin-search .adminpagepath li {
    font-weight: inherit;
}


/* Move settings button to the left */

.settingsform {
    > .row {
        > .offset-sm-3 {
            margin-left: 0;
        }
    }

    fieldset {
        margin-bottom: 1.2rem;
    }
}


/* heading in admin forms */

#adminsettings h3 {
    border: 0;
    line-height: inherit;
    margin-top: 1rem;
}



.text-info,
.highlight {
    color: $color_info !important;
}


.collapsible-actions {
    margin-bottom: 1.35rem;
}

.fdescription {
    font-size: $fssmall;
    color: $textcolor_lighten;

    .icon {
        margin-right: 0;
    }
}


/* Atto editor */

.editor_atto_wrap {
    .atto-fullscreen & {
        z-index: 1001;
    }
}

.fp-viewbar:not(.disabled) {
    a.checked {
        background-color: $btnprimarycolor;
        border-color: $btnprimarycolor;
    }
}

[data-fieldtype="editor"] {
    > div {
        width: 100%;
    }
}

.editor_atto_content {
    &.form-control {
        border-radius: 0 0 var(--mb2-btn-radius) var(--mb2-btn-radius);
    }
}

.editor_atto_toolbar {

    border-color: $color_border !important;
    background-color: $color_gray2 !important;

    button {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.editor_atto_content_wrap,
.editor_atto + textarea {
    border-color: $color_border !important;
}


.CodeMirror-scroll {
    background-color: rgba(0,0,0,.025);
}


.atto_menu {
   font-size: $fssmall;
}

/* File manager */


.filemanager {

    .fp-navbar {
        border: solid 1px rgba(0,0,0,.15);
        border-bottom: 0;
        background-color: $color_gray2;

        .fp-pathbar {
            border-top: solid 1px rgba(0,0,0,.15);
            background-color: rgba(0,0,0,.03);
        }
    }

    .filemanager-container {
        border: solid 1px rgba(0,0,0,.15);
    }

    .fp-restrictions,
    .dndupload-message {
        font-size: $fssmall;
    }

    .fp-restrictions {
        color: $textcolor_lighten;
    }

    .filemanager-toolbar {
        .btn {
            padding: .15rem .5rem;
            line-height: 1;
        }
    }

    .fp-path-folder {
        background-size: 1rem 1rem;
        background-position: left 0;
        margin-left: 4px;
        font-size: $fssmall;

        a {
            color: inherit;
        }
    }


    .fp-content {
        font-size: $fsxsmall;
        line-height: $fsxsmall_lh;

        a {
            color: inherit !important;
        }


        .fp-iconview {

            .fp-thumbnail {
                border-color: rgba(0,0,0,.1);
                min-width: 112px;
                min-height: 112px;
                line-height: 112px;

                img {
                    padding: 0;
                    border: 0;
                }
            }



            .fp-filename {
                background-color: rgba(0,0,0,.1);
                padding: .25rem;
            }

            .fp-filename-field {
                margin-top: 0;
            }


        }


    }


}


[data-fieldtype="filepicker"] {
    > [id*="filepicker"] {
        border: solid 1px rgba(0,0,0,.1);
        background-color: rgba(0,0,0,.02);

        .btn {
            margin: .7rem 0 0 .7rem;
            @include mb2_button_size(.19rem, .55rem, $fssmall, var(--mb2-btn-radius));
        }
    }

    .filepicker-filelist {
        margin-top: .7rem;
        background-color: #fff;
        border-top: solid 1px rgba(0,0,0,.1);
        padding: .6rem;
    }

    > p,
    .form-filetypes-descriptions {
        font-size: $fssmall;
        color: $textcolor_lighten;
        margin-bottom: 0;
    }
}


/* Other form elements */

.mform {
    fieldset {
        border-bottom: 0;
    }
}

#installfromrepobox {
    margin-bottom: 0;
}


/* File form field */

.fp-formset input[type="file"] {
    font-weight: inherit;
    background-color: rgba(0,0,0,.05);
    background-image: url([[pix:theme|svg/strip1_black8]]);
    padding: .4rem;
    width: 100%;
}


.form-autocomplete-suggestions {
    z-index: 3;
}



abbr[title],
abbr[data-original-title] {
    .form-group & {
        text-decoration: none;
    }
}



#page-search-index {
    .content-col {
        .mform {
            margin-bottom: 2rem;
        }
    }

}

/* Style for builder layout content field */

.opacity0 {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}