/* HEADER DECLARATIONS */
header.topbar {background-color:var(--lightergrey);padding:0}
header.topbar [class|="col"] {padding:0!important;}
header.topbar picture.logo > img {width:100%}
header.topbar form #search {width:100%;padding-inline:1rem; border-radius:0.375rem;border:1px solid var(--lightgrey)}
header.topbar form button[type="submit"] {padding:0.5rem 0.75rem;background-color:transparent;border:1px solid transparent}
header.topbar form #action-search:hover {border:1px solid var(--lightgrey)}
header.topbar .moodle-action {padding:0.25rem; border:1px solid; display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
header.topbar .moodle-action:not(:first-of-type) {margin-left:0.25rem;}
header.topbar .moodle-action.multibutton:first-of-type {border-top-left-radius:var(--radiusValue);border-bottom-left-radius:var(--radiusValue);}
header.topbar .moodle-action.multibutton:not(:first-of-type) {margin-left:0;border-left:none;}
header.topbar .moodle-action.multibutton:last-of-type {border-top-right-radius:var(--radiusValue);border-bottom-right-radius:var(--radiusValue);}
header.topbar .moodle-action:not(.multibutton) {border-radius:var(--radiusValue);border:1px solid;background-color:#E8E8E8;border:none}
header.topbar .moodle-action.add-user {background-color:var(--primary);color:var(--primaryText);border:1px solid var(--primary);}
header.topbar .moodle-action:is(.user-options,.bell,.comments,.grip) {color:var(--secondary);}

header.topbar #section-menu {display:flex;justify-content:center;align-items:center;column-gap:2rem; list-style-type:none; padding:1rem 0;margin:0; background-color:var(--primary);}
header.topbar #section-menu > li {color:#FFF9;cursor:pointer;}
header.topbar #section-menu > li.active {color:#FFF;border-bottom:2px solid;cursor:default;}

header.topbar form {margin:0;padding:0}
header.topbar form select {padding:0.25rem 1rem;border-radius:var(--radiusValue);border:1px solid var(--lightgrey)}
header.topbar form select:invalid {color:grey}
header.topbar form select > option {color:black}

header.topbar .menu.iconbutton {padding:0.5rem;border:1px solid;border-radius:var(--radiusValue);}