/***********************
 ! Unity Greeter *
 ***********************/

@include exports("unity-greeter") {


.lightdm.menu {
    background-image: none;
    background-color: fade-out($black, 0.4);
    border-color: fade-out($white, 0.8);
    border-radius: 4px;
    padding: 1px;

    color: $white;
}

.lightdm-combo .menu {
    background-color: shade($dark_bg_color, 1.08);
    border-radius: 0px;
    padding: 0px;
    color: $white;
}

.lightdm.menu .menuitem *,
.lightdm.menu .menuitem.check:active,
.lightdm.menu .menuitem.radio:active {
    color: $white;
}

.lightdm.menubar {
    background-image: none;
    background-color: fade-out(#00ff00, 0.5);
}
 .lightdm.menubar .menuitem {
     color: $menubar_bg_color;
     padding: 0px 5px 0px 5px;
 }

    .lightdm-combo.combobox-entry .button,
    .lightdm-combo .cell,
    .lightdm-combo .button,
    .lightdm-combo .entry,
    
    .lightdm.button{
        background-image: none;
        background-color: fade-out($black, 0.7);
        border-color: fade-out($white, 0.1);
        border-radius: 5px;
        padding: 5px;
        color: $white;
        }
    .lightdm.button:hover {
        background-image: none;
        background-color: fade-out($white, 0.7);
        border-color: fade-out($white, 0.4);
        border-radius: 5px;
        padding: 5px;
        color: $white;
        text-shadow: none;
        }
    .lightdm.button:active,
    .lightdm.button:active:focused,
    .lightdm.button:focused,

    .lightdm.entry {
        background-image: none;
        background-color: fade-out($black, 0.7);
        border-color: fade-out($white, 0.4);
        border-radius: 5px;
        padding: 7px;
        color: $white;
        text-shadow: none;
    }
    .lightdm.entry:hover,
    .lightdm.entry:active,
    .lightdm.entry:active:focused {
        background-image: none;
        border-image: none;
    }
    .lightdm.entry:focused {
        border-color: fade-out($white, 0.4);
        border-width: 1px;
        border-style: solid;
        color: $white;
    }
    .lightdm.entry:selected {
        background-color: fade-out($white, 0.8);
    }

    @keyframes dashentry_spinner {
        to { -gtk-icon-transform: rotate(1turn); }
    }

    .lightdm.entry:active {
        -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
        animation: dashentry_spinner 1s infinite linear;
    }

    .lightdm.option-button {
        padding: 5px;
        background: none;
        border: 0;
    }

    .lightdm.toggle-button {
        background: none;
        border-width: 0;
    }
    .lightdm.toggle-button.selected:hover {
        background-color: fade-out($white, 0.7);
        border-color: fade-out($white, 0.7);
        border-width: 1px;
    }
    .lightdm.toggle-button.selected {
        background-color: fade-out($black, 0.7);
        border-color: fade-out($white, 0.7);
        border-width: 1px;
    }
}