/*Цвет панели навигации*/
.navbar-aspectDevel {
    background: #0F68AA;
}

/*Сдвигаем лого вверх, чтобы не вылезал за панель*/
.navbar-aspectDevel .navbar-brand img {
    margin-top: -10px;
}

/*Цвет кнопки меню, которая появляется на маленьких экранах*/
.navbar-aspectDevel .navbar-toggle span.icon-bar {
    background: #ffd604;
}

/*Цвет текста кнопок на панели навигации*/
.navbar-aspectDevel .nav > li > a, .navbar-aspectDevel .navbar-header a span {
    color: #fff;
}

/*Цвет кнопок и их текста при наведении*/
.navbar-dalli .nav > li > a:focus, .nav > li > a:hover {
    background: #0054ab;
    color: #ffd604;
}

@media (min-width: 768px) {
    /*Прямые углы рамки для экранов >768 пикселей*/
    .navbar {
        border-radius: 0;
    }
}

/*Центрирование формы логина*/
.modal1 {
    text-align: center;
    padding: 0 !important;
}

/*Назначение не понятно, из всего этого заметен эффект только margin-right*/
.modal1:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-top: -100px;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

/*Центрирование формы логина, но другое*/
.modal1-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*Размеры, цвет и скругленные углы формы логина*/
#form1 {
    width: 600px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background: #0F68AA;
    padding-bottom: 50px;
    padding-top: 20px;
}

/*Размеры, цвет, скругленные углы, рамка и размер шрифта инпутов*/
input {
    font-size: 16px;
    padding: 10px;
    border: 1px solid #379dc5;
    border-radius: 5px;
    background-color: #fff;
    color: #444;
    width: 200px;
}

/*Внутренняя тень при наведении на инпуты*/
input:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3) inset;
}

/*Ширина кнопки входа*/
.loginButton {
    width:180px;
}

/*Курсор-палец при наведении на кнопку входа*/
input[type="submit"]:hover {
    cursor: pointer;
}

/*Центрирование инпутов в форме*/
#inp_box {
    text-align: center;
}

#inp_box h1, #inp_box label {
    color: #fff;
    font-weight: normal;
}

/*Размеры и цвет плашки ACCESS DENIED*/
#status {
    padding: 10px;
    margin-bottom: 20px;
    color: red;
    background: #fff;
}

/*Мигание плашки ACCESS DENIED*/
#blink2 {
    -webkit-animation: blink2 1s linear infinite;
    animation: blink2 1s linear infinite;
}

/*Анимация мигания*/
@-webkit-keyframes blink2 {
    100% {
        color: rgba(34, 34, 34, 0);
    }
}

/*Анимация мигания*/
@keyframes blink2 {
    100% {
        color: rgba(34, 34, 34, 0);
    }
}

/*Стили для маленьких экранов*/
@media (max-width: 768px) {
    /*Конетейнер формы занимает весь экран*/
    .modal1-dialog {
        display: block;
    }

    /*Форма логина занимает весь свой контейнер, итого - форма подстраивается под ширину экрана*/
    #form1 {
        width: 100%;
    }

    /*Размер заголовка*/
    h1 {
        font-size: 15px;
        padding-top: 20px;
    }
}

/*Сдвигаем картинку яндекс метрики куда-то далеко*/
.yandexMetrika {
    position:absolute;
    left:-9999px;
}