/*
 * SCSS for common things
 */

@import "_params.scss";

body {
    padding-top: 70px;    
    margin: auto;
    background: $background_color;
    font: $font_size;
    color: $font_color_dark;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a, a:hover, a:active, a:disabled, a:visited, a:focus {
    color: $brand_color_light;
    text-decoration: none;
}

.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
    border-bottom: 0px;
}

.empty-content {
    padding-top: 10px;
}

.page-header {
    //padding-bottom: 9px;
    padding-bottom: 0;
    margin: 0;
    //border-bottom: 1px solid #eee;
    border-bottom: 0;
}

.h3 {
    margin-top: 0;
    margin-bottom: 10px;
}
h1.margined {
    margin-top: 40px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.form-control:focus {
    border-color: $brand_color_dark;
    -webkit-box-shadow: inset 0 1px 1px $brand_color_light, 0 0 6px $brand_color_light;
    box-shadow: inset 0 1px 1px $brand_color_light, 0 0 6px $brand_color_light
}

.brand_color {
    color: $brand_color_light;
}

.brand_color_light {
    color: $brand_color_light;
}

.brand_color_dark {
    color: $brand_color_dark;
}

.brand_color_background {
    background-color: $brand_color_light;
}

.brand_color_background_light {
    background-color: $brand_color_light;
}

.brand_color_background_dark {
    background-color: $brand_color_dark;
}

.word-wrap{
    word-wrap: break-word;
}