/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}


/*
 * Main content
 */

.main {
    padding: 20px;
}

.main .page-header {
    margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}


.pointer {

    cursor: pointer !important;

}

.product_image {
    width: 60px;
}

.text-positive {
    color: #4eb980;
}
.text-negative {
    color: #d9534f;
}
.text-undecidable {
    color: lightslategrey;
}
.label-positive {
    background-color: #5cb85c;
}
.label-negative {
    background-color: #d9534f;
}
.label-undecidable {
    background-color: #777;
}

.thumb {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.thumb img.portrait {
    width: 100%;
    height: auto;
}
.scroll-div {
    border: solid red 5px;
    overflow: scroll;
    height: 70%;
}
.centered { vertical-align:middle; text-align:center; }
.centered img { display:block; margin:0 auto; }

.background-positive {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,5cb85c+100,f5f7f9+100 */
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f6f8f9 0%, #5cb85c 100%, #f5f7f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #f6f8f9 0%,#5cb85c 100%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #f6f8f9 0%,#5cb85c 100%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.background-negative {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,d9534f+100,f5f7f9+100 */
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f6f8f9 0%, #d9534f 100%, #f5f7f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #f6f8f9 0%,#d9534f 100%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #f6f8f9 0%,#d9534f 100%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.background-undecidable {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+100,f5f7f9+100 */
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f6f8f9 0%, #e5ebee 100%, #f5f7f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #f6f8f9 0%,#e5ebee 100%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #f6f8f9 0%,#e5ebee 100%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.active {
    font-weight: bold;
}

.navbar-custom {
    background-color:#1f3660;
    color:#ffffff;
    border-radius:0;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
}

.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
    background-color:transparent;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a {
    text-decoration: none;
    background-color: #547cb4;
}

.navbar-custom .navbar-brand {
    color:#eeeeee;

}
.navbar-custom .navbar-toggle {
    background-color:#eeeeee;
}
.navbar-custom .icon-bar {
    background-color:#33aa33;
}

.cube-icon {
    fill: #1f3660;
}

.cube-icon:hover { 
    fill: #337ab7;
}

.currentRow {
    background-color: #E7E8EF !important;
}
.currentCol {
    background-color: #E7E8EF !important;
}

.file {
    visibility: hidden;
    position: absolute;
}


.ribbon {
    background-color: #a00;
    box-shadow: 0 0 10px #888;
    left: -3.5em;
    moz-box-shadow: 0 0 10px #888;
    moz-transform: rotate(-45deg);
    ms-transform: rotate(-45deg);
    o-transform: rotate(-45deg);
    overflow: hidden;
    position: absolute;
    top: 40px;
    transform: rotate(-45deg);
    webkit-box-shadow: 0 0 10px #888;
    webkit-transform: rotate(-45deg);
    white-space: nowrap;
    width: 15em;
    z-index: 9999;
    pointer-events: none;
}

.ribbon a {
    border: 1px solid #faa;
    color: #fff;
    display: block;
    font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 1px 0;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 5px #444;
    pointer-events: none;
}