.help-block {
    color: red;
}

.login-page .input-group {
	margin-bottom: 10px;
}

.alert {
	margin-top: 20px;
}
.btn h3 {
	margin: 40px 0;
}

.rating {
    width: 185px;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    display: none;
}

.rating:not(:checked) > label {
    float:right;
    width:1.3em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.sphere {
    width: 3.3em;
    font-size: 700%;
    border-radius: 50%;
    border: 1px solid transparent;
    padding: 1.05em 0;
    box-shadow: inset -25px -25px 40px rgba(0,0,0,.5);
    cursor: pointer;
}

.half-sphere {
    font-size: 500%;
    cursor: default;
}

.mini-sphere {
    font-size: 100%;
    cursor: default;
    display: block;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px #000;
    width: 46px;
    padding: 0;
    line-height: 27px;
    height: 31px;
}

.full {
    border-color: #d9534f;
    background-color: #d43f3a;
}

.filling {
    border-color: #f0ad4e;
    background-color: #eea236;
}

.empty {
    border-color: #4cae4c;
    background-color: #5cb85c;
}

.text {
    background: none;
    border: none;
}
.text.full {
    color: #d9534f;
}
.text.filling {
    color: #f0ad4e;
}
.text.empty {
    color: #4cae4c;
}

.table-history th, .table-history td {
    text-align: right;
}