.container{
    margin-top: 20px;
	margin-bottom: 20px;
}
.btn {
    padding: 8px 15px!important;
}
.button,
.button:visited {
    cursor: pointer;
    color: #5b636b;
    display: inline-block;
    white-space: nowrap;
    overflow: visible;
    font: 15px/130%"Roboto", sans-serif;
    font-weight: bold;
    line-height: 30px;
    padding: 0 15px;
    margin: 0;
    min-width: 50px;
    text-align: center;
    border: 1px solid #ced0d3;
    text-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-color: #eff1f2;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZjFmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eff1f2));
    background-image: -webkit-linear-gradient(top, #fff, #eff1f2);
    background-image: -moz-linear-gradient(top, #fff, #eff1f2);
    background-image: -o-linear-gradient(top, #fff, #eff1f2);
    background-image: -ms-linear-gradient(top, #fff, #eff1f2);
    background-image: linear-gradient(top, #fff, #eff1f2);
}
.button:hover {
    color: #5b636b;
    border: 1px solid #ced0d3;
    text-decoration: none!important;
    background-color: #e4e7e9;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTdlOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), color-stop(100%, #e4e7e9));
    background-image: -webkit-linear-gradient(top, #fff, #e4e7e9);
    background-image: -moz-linear-gradient(top, #fff, #e4e7e9);
    background-image: -o-linear-gradient(top, #fff, #e4e7e9);
    background-image: -ms-linear-gradient(top, #fff, #e4e7e9);
    background-image: linear-gradient(top, #fff, #e4e7e9);
}
.button:active {
    color: #5b636b;
    background-color: #eff1f2;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTRlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZjFmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e0e4e6), color-stop(100%, #eff1f2));
    background-image: -webkit-linear-gradient(top, #e0e4e6, #eff1f2);
    background-image: -moz-linear-gradient(top, #e0e4e6, #eff1f2);
    background-image: -o-linear-gradient(top, #e0e4e6, #eff1f2);
    background-image: -ms-linear-gradient(top, #e0e4e6, #eff1f2);
    background-image: linear-gradient(top, #e0e4e6, #eff1f2);
}
input.button {
    display: block;
    float: left;
    height: 32px;
}
.button.default {
}
.button.default:active {
    background-color: #55b4f4;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkNzJjYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1YjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #1d72ca), color-stop(100%, #55b4f4));
    background-image: -webkit-linear-gradient(top, #1d72ca, #55b4f4);
    background-image: -moz-linear-gradient(top, #1d72ca, #55b4f4);
    background-image: -o-linear-gradient(top, #1d72ca, #55b4f4);
    background-image: -ms-linear-gradient(top, #1d72ca, #55b4f4);
    background-image: linear-gradient(top, #1d72ca, #55b4f4);
}
.dialog {
    background-color: white;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    color: #5b636b;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.dialog .tabcontent,.dialog_content .content {
    margin-top:-16px;padding: 40px 35px 0px 35px;clear:none;display:block;-moz-border-radius:5px;
    background-color: #ECEFF1;
    margin: 0px -15px;
}
.dialog_content .content,
.dialog_content .tabcontent.notabs {
	padding-top: 15px;
	margin-top: 0;
}
#logins {
    margin-bottom: 10px;
}
#remem {
    float: left;
    font-weight: bold;
    line-height: 40px;
}
#btn_signin {
    font-size: 17px;
    margin: 0 -15px 15px 0;
	float: right;
    background: #ECEFF1;
    color: #263238;
}
#regforgot {
    float: left;
}
#register {
    float: right;
}
#register, #regforgot {
	font-weight: bold;
	margin-bottom: 10px;
}

@media (min-height: 450px) and (min-width: 450px) {
	.container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-top: 0;
	}
}
@media (max-width: 768px) {
    #remem, #btn_signin {
        width: 100%;
        margin: 2px 0;
        text-align: center;
    }
    #btn_signin {
        margin-bottom: 15px;
    }
}
@media (max-width: 991px) {
    #register, #regforgot {
        width: 100%;
        margin: 2px 0;
    }
}