@charset "utf-8";
/* CSS Document */

.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}

element {

    width: 330px;

}
.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {

    color: #000 !important;
    background-color: #f1f1f1 !important;

}
.w3-card, .w3-card-2 {

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

}
.w3-sidebar {

    height: 600px;
    width: 200px;
    background-color: #fff;
    position: fixed !important;
    z-index: 1;
    overflow: auto;

}

.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
}

.w3-container, .w3-panel {
    padding: 0.01em 16px;
}
*, ::before, ::after {
    box-sizing: inherit;
}

.city li{
margin:17px 0px;	
}

.w3-red,.w3-hover-red:hover{
	color:#fff!important;
	background-color:#f44336!important
	}
	
.w3-button:hover{color:#000!important;background-color:#ccc!important}