body {
    background-color: #EEE !important;

}

#loginpanel input[type="text"], #loginpanel input[type="password"], #loginpanel select {
    width: 200px;
}

.invisible {
    visibility: false;
}

.visible {
    visibility: true;
}

#loginpanel {
    vertical-align: middle;
    width: 350px;
    height: 300px;;
    background-color: #FFF !important;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

/*     -webkit-box-shadow: 4px 4px 15px rgba(50, 50, 50, 0.45);
    -moz-box-shadow:    4px 4px 15px rgba(50, 50, 50, 0.45);
    box-shadow:         4px 4px 15px rgba(50, 50, 50, 0.45); */


}


.logo{
    /* background-image: url('combobox-bg.png'); */
    background-image: url('logo.png');
        background-repeat: no-repeat;
        background-position : center;
        width: 100%;
        height: 100px;
}

#loginpanel:before, #loginpanel:after
{
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 12px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    z-index: -1;
}

#loginpanel:after
{
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

input::-ms-clear, input::-ms-reveal{
    display:none;
}