@import url('https://fonts.googleapis.com/css?family=Cousine&subset=cyrillic');

a {
    color: #BABDB6;
}

body {
    color: #C8C8C8;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    background: #212121 url(bg/carbon-fibre-big.webp) repeat;
}

pre {
    font-family: 'Open Sans', sans-serif;
    background-color: #252525;
    border: 1px solid #444;
    width: 950px;
    padding: 9.5px 0px 9.5px 0px;
    margin-top: 20px;
    text-align: left;
    color: #DDD;
}

#footer {
    margin-top: 20px;
}

#footer a {
    color: #BABDB6;
}

hr {
    margin-bottom: 0px;
    border-color: #444;
}

h4 {
    color: #AAA;
    margin-top: 10px;
    font-size: 40%;
}

.header {
    color: #AAA;
    margin: 3px 5px 6px 5px;
}

.icons {
    margin: 2px 5px 3px 5px;
    height: 4%;
    width: 4%;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

#mainBox {
    width: 975px;
}

.text-center {
    margin-bottom: 20px;
}

#custom-search-form {
    font-size: 15px;
    margin-top: 7px;
}

#searchIcon {
    padding: 0px 0px 0px 5px;
    color: #686868;
}

.form-group-sm .form-control + .form-control-feedback,.input-group-sm + .form-control-feedback,.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

input.form-control,input.form-control:focus {
    border-color: #555;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -moz-transition: none;
    -webkit-transition: none;
    background-color: #333;
    color: #EEE;
}

#searchclear {
    position: absolute;
    right: 10px;
    top: 11px;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #999;
}

#searchclear:hover {
    color: #CCC;
}

/* Исправление цветов таблицы - более аккуратный подход */
pre a {
    color: #9EC6FF;
}

pre a:hover {
    color: #C0D9FF;
    text-decoration: none;
}

@media (max-width: 767px) {
    #mainBox {
        width: 96%;
        padding: 0 15px;
    }
    
    pre {
        width: 100%;
        overflow-x: auto;
        box-sizing: border-box;
    }
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    color: #DDD;
    border-color: #444;
}

.table > thead > tr > th {
    color: #AAA;
    border-bottom-color: #444;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #2A2A2A;
}

/* Дополнительные цветовые исправления */
/*body {
    color: #C8C8C8;
}*/

/* Специфичные переопределения для Bootstrap */
/*.table > tbody > tr > td {
    color: #DDD;
}

.table > thead > tr > th {
    color: #AAA;
    border-bottom-color: #444;
}*/