.menu .bar.bar-header.expanded {
   /* background-image: url('../img/material-graphite.jpg');
    background-size: 120%;
    background-position: 0%;*/
    transition: all .5s ease-in-out;
    background-color: #253860;
    
}
.menu .bar.bar-header.expanded {
    box-shadow: none;
    min-height: 150px;
    color: #fff;
}/* Empty. Add your own CSS if you like */
.menu-open .avatar {
    opacity: 1;
    transform: translateZ(0) rotate(0) scale(1)!important;
    transition: all .3s ease-out!important;
}
.menu .avatar {
    top: 16px;
    left: 16px;
    height: 65px;
    width: 65px;
}
.avatar, .item-avatar .avatar {
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 56px;
    left: 16px;
    position: absolute;
    width: 56px;
}
.menu-bottom {
    bottom: 16px;
    left: 16px;
    right: 16px;
    position: absolute;
        font-weight: bold;
            font-size: 1.3em;


}

.login-input{

    width: 80%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: auto;
}
.login-toggle-input{
    border: 0px;
    background-color: transparent;
    color: white;
    text-align: right;
    width: 80%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: auto;
}
.carihesap_input{

    background-color: #fff!important;
    border-radius: 20px!important;
        text-align: center;
            font-size: 12px;
}
.servis_select{
    text-align-last: center;
background-color: #fff!important;
    border-radius: 20px!important;
        text-align: center;
            font-size: 12px;
      width: 66%;
    height: 32px;
}

  
.carihesap_item{

    background-color: #253860;padding-right:10px;border-color: #233458;
}
.cariodeme_input{
    border: 1px solid #dddddd!important;
    width: 90%!important;
        margin-right: 10px!important;
        height: 34px!important;
        padding-left: 10px!important;
}