.navigation-edit-button{ opacity: 0.5; transition: all 0.2s ease-in-out; } .navigation-edit-button:hover{ opacity: 1; } .navigation-edit-item-button{ padding-left: 5px; } .navigation-edit-item-button i{ font-size: 0.75em; transition: all 0.2s ease-in-out; } .navigation-edit-item-button:hover i{ transform: scale(1.5); } .navigation-edit-button > a, .navigation-validate-button > a, .navigation-plus-button > a { text-align: right; } .navigation-plus-button{ opacity: 0.5; transition : all 0.2s ease-in-out; display: none; } .navigation-plus-button:hover{ opacity: 1; } .navigation-validate-button{ opacity: 0.5; transition : all 0.2s ease-in-out; display:none; } .navigation-validate-button:hover{ opacity: 1; } .navigation-sortable-placeholder{ width: 0px; border: 2px solid #00b6ff; } .menuitem-form .navigation-options{ text-align: center; font-size: 0.75em; } .nav-option-container { height: 20px; width: 100%; display: flex; margin: 10px 0; } .nav-option-container > label { flex: 1 0 auto; text-align: left; margin: auto; cursor: pointer; } .nav-option-container > label.check-component { flex: none; margin-right: 5px; } .nav-option-container > input { width: auto; margin: auto 10px; cursor: pointer; } .nav-option-container > input:focus { box-shadow: none; } .nav-select-container { display: flex; } .nav-select-container label { margin: auto; } .nav-select-container select { display: inline-block; width: 75%; } .navbar-main { display:none; } /* MEDIA QUERIES */ @media (max-width: 1000px) { #mainMenu .navigation-menu .navigation-edit-button i, #mainMenu .navigation-menu .navigation-validate-button i, #mainMenu .navigation-menu .navigation-plus-button i { display: inline-block; } } @media (max-width: 767px) { }