html {
    position: relative;
    min-height: 100%;
}

body {
    padding: 50px 0 40px 0;
}

.navbar-inverse {
    border: none;
    background-color: #1b4f88;
    background-image: -webkit-linear-gradient(top, #58b 0, #1b4f88 100%);
    background-image: -o-linear-gradient(top, #58b 0, #1b4f88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#58b), to(#1b4f88));
    background-image: linear-gradient(to bottom, #58b 0, #1b4f88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58b', endColorstr='#1b4f88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#navbar .navbar-nav > li > a,
#navbar .navbar-nav > li > .dropdown > a {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

#navbar .navbar-nav > li > .dropdown > a {
    position: relative;
    display: block;
    padding: 15px;
    line-height: 20px;
    background-color: inherit;
}

#navbar .navbar-nav li > a {
    text-decoration: none;
}

#navbar .navbar-nav li > a:focus {
    outline: 0;
}

#navbar .navbar-nav li > .dropdown > a > .caret {
    transition: 0.30s;
}

#navbar .navbar-nav li > .dropdown.open > a > .caret {
    transform: rotate(180deg);
}

.navbar-inverse .navbar-nav > li.active > a {
    background-color: #8bbff8;
    background-image: -webkit-linear-gradient(top, #8bbff8 0, #58b 100%);
    background-image: -o-linear-gradient(top, #8bbff8 0, #58b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8bbff8), to(#58b));
    background-image: linear-gradient(to bottom, #8bbff8 0, #58b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bbff8', endColorstr='#58b', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .navbar-nav > li:not(.active) > a:hover,
.navbar-inverse .navbar-nav > li > .dropdown > a:hover,
.navbar-inverse .navbar-nav > li > .dropdown.open > a {
    background-color: #8bbff8;
    background-image: -webkit-linear-gradient(top, #58b 0, #8bbff8 100%);
    background-image: -o-linear-gradient(top, #58b 0, #8bbff8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#58b), to(#8bbff8));
    background-image: linear-gradient(to bottom, #58b 0, #8bbff8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58b', endColorstr='#8bbff8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .navbar-form .form-group > p {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.navbar-inverse .navbar-form .form-group .input-email, .navbar-inverse .navbar-form .form-group .input-passwrd {
    font-size: 12px;
    width: 170px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    /*background-color: #f5f5f5;*/
    background-color: #1b4f88;
    background-image: -webkit-linear-gradient(top, #58b 0, #1b4f88 100%);
    background-image: -o-linear-gradient(top, #58b 0, #1b4f88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#58b), to(#1b4f88));
    background-image: linear-gradient(to bottom, #58b 0, #1b4f88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58b', endColorstr='#1b4f88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.footer p {
    margin: 10px 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.panel-group .panel-heading a {
    text-decoration: none;
}

.panel .panel-heading a .glyphicon-chevron-down {
    top: 3px;
}

#faq .panel-add {
    margin: 0 0 20px 0;
}

#faq .panel-add .panel-heading a:hover {
    color: #337ab7;
}

#faq .panel-title {
    font-weight: bold;
    font-size: 14px;
}

.access, .feedback {
    margin: 0 0 20px 0;
}

.faq-modal-del .modal-content {
    width: 380px;
}

.feedback input[type=file] {
    margin: 0 0 5px 0;
}

/* Анимированная кнопка перехода вверх */
#back-top {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    margin: 0;
    z-index: 1;
}

#back-top a {
    width: 54px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover {
    color: #000;
}

/* arrow icon (span tag) */
#back-top span {
    width: 54px;
    height: 54px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(/img/up-arrow.png) no-repeat center center;
    background-size: 50%;
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover span {
    background-color: #777;
}

.text-dark {
    color: #333 !important;
}

.text-red {
    color: #ff0000 !important;
}