/*
Theme Name: Maneg Theme
Author: Vitālijs Čemeris
*/

body {
    background:#f1f1f1;
}

header {
    background:#fff;
    width:100%;
    min-width:300px;
    height:60px;
    box-shadow: 0 2px 15px -12px #888888;
}


.navigation {
    
}

.navbar-brand, #langs {
    width:150px;
}

.wrapper {
    position:relative;
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transition: all 0.3s;
    height: 100vh;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#sidebar .container {
    position:relative;
    width: 250px;
    padding-top:60px;
    left:0;
}
#sidebar .container table {
    border-collapse: collapse;
    height:100%;
}
#sidebar .container div {
    width:100%;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar:hover {
    background:#fff;
    box-shadow: 2px 0 15px -12px #888888;
}





/**
Content
*/
.content {
    width:100%;
    min-width:300px;
}
.intend {
    padding-left:250px;
}

.content .container {
    width:570px;
}

.thumbnail {
    width:100px;
}


/*
Buttons
*/
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.btn-light.focus,
.btn-light:focus {
    background-color:#186faa;
    color:#fff; 
}

.btn-info:not(:disabled):not(.disabled),
.btn-info:not(:disabled):not(.disabled),
.btn-info.focus, .btn-info:focus {
    background-color:#186faa;
    color:#fff; 
}

/*
Footer
*/
#copyright {
    font-size:12px;
}

@media (max-width: 830px) {
    .content .container {
        width:518px;
    }
}
@media (max-width: 768px) {
    #sidebar {
        background:#fff;
    }

    .intend {
        padding-left:0;
    }
}
@media (max-width: 570px) {
    .content .container {
        width:100%;
    }
}

.range-slider {
    width:150px;
    border:0;
    color:#186faa;
    font-weight:bold;
}

.ui-widget-header {
    background: #186faa !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #186faa !important;
    background: #7db5db !important;
}