/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
@import "../../../variables.less";

.dropdown  .seoImgBlock {
  cursor: pointer;
    span {
      color:@dropdownLinkColor ;
      &:hover {
        color:@dropdownLinkColorHover ;
      }
    }
    &:hover span{
      color:@dropdownLinkColorHover ;
    }
}

.middle-topNavigation-container {
  .uiAdminToolbarPortlet {
    background: none;

    #DrawerEditAdministration {
      .editAdministrationBtn {
        .uiEditAdminIcon {
          &:before {
            font-family: 'PLF-FONT-ICONS';
            content: "\eb72" !important;
          }
        }
      }
      .v-overlay--active {
        height: 100vh;
      }
      .editDrawer {
        width: 410px!important;
        position: fixed;
        height: 100vh!important;
        background: white;
        .editAdminHeader {
          border-bottom: 1px solid #efefef;
          padding-top: 8px!important;
          padding-bottom: 8px!important;
          .editAdminTitle {
            font-size: 18px;
            font-weight: bold;
            color: #4d5466;
          }
          .v-list-item__action {
            cursor: pointer;
          }
        }
        .editAdministrationMenu {
          padding: 12px 16px;
          .editonLineItem {
            padding-bottom: 16px;
            border-bottom: 1px dashed #f5f5f5;
            padding-top: 12px;
            .editOnline {
              display: flex;
              align-items: center;
              justify-content: space-between;
              span {
                font-weight: bold;
                color: #4d5466;
                font-style: italic;
              }
              .quickEditSwitcher {
                width: 40px;
                height: 15px;
                background-color: @greyColor;
                display: inline-block;
                border-radius: 25px;
                position: relative;
              }
              .quickEditUnchecked {
                background-image: none;
                &:before {
                  content: "";
                  position: absolute;
                  width: 19px;
                  height: 19px;
                  background: #fff;
                  border-radius: 50%;
                  top: -2px;
                  box-shadow: 0 0 3px #8e8e8e;
                }
              }
              .quickEditChecked {
                background-image: none;
                background-color: #8bc2ff;
                &:before {
                  content: "";
                  position: absolute;
                  width: 19px;
                  height: 19px;
                  background: @primaryColor;
                  border-radius: 50%;
                  top: -2px;
                }
              }
            }
          }
          .editItemsTitle {
            > a {
              font-size: 15px;
              color: #4d5466;
              font-weight: bold;
              text-transform: uppercase;
              letter-spacing: .5px;
              cursor: default;
            }
          }
          .editSubItemList {
            padding: 8px 0 12px 25px;
            .seoItem {
              padding: 0 0 0 5px!important;
            }
            .editSubItemListItem {
              padding: 8px 0 8px 5px;
              a {
                color:@toolbarLightLinkHoverColor;
                display: block;
              }
              .seoImgBlock {
                padding: 8px 0;
                color: @toolbarLightLinkHoverColor;
                &:hover {
                  background: transparent;
                  color: @toolbarLightLinkHoverColor;
                }
              }
              &:hover {
                background: @greyColor;
                cursor: pointer;
                transition: all 1s;
              }
            }
          }
        }
      }
    }
  }
}