/**
Bootstrap override
http://getbootstrap.com/customize/?id=6122071a7880ec29d728
*/

/* Navigation section bo-navigation */
.bs-navigation .navbar {
    border-color: white;
    border-radius: inherit;
    margin-bottom: 0;
}
.bs-navigation .navbar-default {
    background-color: #ffffff;
}
.bs-navigation .navbar-brand {
    font-weight: 500;
}
.bs-navigation .navbar-nav>li>a {

}
.bs-navigation .navbar-nav>.active>a, .bs-navigation .navbar-nav>.active>a:hover, .bs-navigation .navbar-nav>li>a:hover {
    background-color: #f9f9f9;
}

/* Header section bs-header */
.bs-header {
    padding-top: 10px;
    padding-bottom: 20px;
    background-image: url("../../../img/header-background.png");
    background-repeat: repeat;

}
.bs-header h2 {
    font-weight: 100;
}

/* Content section bs-content */
.bs-content {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ImagePicker styles */
.bs-content ul.thumbnails.image_picker_selector li .thumbnail {
    height: 64px;
    width: 64px;
    margin-bottom: 12px;
    background-color: #fff;
}
.bs-content ul.thumbnails.image_picker_selector li .thumbnail:hover {
    cursor: pointer;
    background-color: #eee;
}
.bs-content ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background-color: #cb0538;
}
.bs-content .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #cb0538;
}
.bs-content table .fa {
    font-size: 1.2em;
}

/* Footer section bs-footer */
.bs-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f6f6f6;
}

/* Table controller */
.sorting .fa-sort {
    color: #ddd;
}
.sorting span {
    padding-left: .25em;
}

/* Activity indicator */
.activity {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    border: solid 5px #cb0538;
    border-top-color: transparent;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}
.activity.secondary {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: solid 4px #cb0538;
    border-top-color: transparent;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-o-keyframes spin { 100% { -o-transform: rotate(360deg); } }
@keyframes spin { 100% { transform: rotate(360deg); } }