/*html,body { color:#333; min-height:100%; font-family:'Open Sans',sans-serif,arial; font-size:12px; }*/
.login {
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));
	background:url(../img/bg-wh.jpg) no-repeat center center fixed;
	/*background-color:#3F5974;*/
	-webkit-background-size: cover;
	-moz-background-size:cover;
	-o-background-size: cover;
	/*background-size: cover;
	background: rgba(73,165,191,1);
	background: -moz-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,165,191,1)), color-stop(59%, rgba(117,189,209,1)), color-stop(100%, rgba(147,206,222,1)));
	background: -webkit-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -o-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: linear-gradient(to bottom, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#93cede', GradientType=0 );*/
}

#loginbox {
	-webkit-box-shadow: 0px 0px 15px 0px #555555;
	-moz-box-shadow: 0px 0px 15px 0px #555555;
	box-shadow: 0px 0px 15px 0px #555555;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

.flag-black { width:100%; height:100%; background-color:#000000; display:block; }
.flag-green { width:100%; height:100%; background-color:#00ff00; display:block; }
.flag-red { width:100%; height:100%; background-color:#e5222c; display:block; }
.flag-yellow { width:100%; height:100%; background-color:#ffbe0c; display:block; } /*fff000*/
.flag-blue { width:100%; height:100%; background-color:#0000ff; display:block; }
.flag-grey { width:100%; height:100%; background-color:#cccccc; display:block; }

.shortcut { display:block; border:1px solid #f0f0f0; padding:6px 4px; text-align:center; width:100%; position:relative; }
.shortcut:hover { background-color:#fafafa; }
.shortcut:hover, .shortcut:hover .fa, .shortcut:hover span { text-decoration:none; color:#2fa4e7; }
.shortcut .fa { font-size:40px; color:#555; display:block; }
.shortcut .shortcut-label { font-size:12px; color:#555; display:block; margin-top:4px; }
.shortcut .shortcut-notif { font-size:14px; color:#fff; display:inline-block; position:absolute; right:-10px; top:-10px; padding:5px 10px; }

.card { display:block; border:1px solid #e0e0e0; text-align:center; width:100%; position:relative; }
.card-header { border-bottom:1px solid #f0f0f0; padding:6px; background-color:#fafafa; }
.card h3 { font-size:14px; font-weight:bold; color:#888; margin:0; padding:0; }
.card-body { padding:5px; }
.card .counter { font-size:20px; }