﻿html, body {
    height: 100%;
    margin: 0;
}

.content {
    min-height: 100%;
}
.content-inside {
    padding-top:50px;
    padding-bottom: 50px;
}
.footer {
    height: 50px;
    margin-top: -50px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.page-header > h1{
    padding-left: 20px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.item-Thumb {
    max-height: 100px;
    max-width: 100px;
}

.categoryFixed {
    position: fixed;
    top: 100pt;
    width: 16%;
}

.just-padding {
    padding: 15px;
}


.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
}

.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
}



.table-buttons {
    opacity: 0.25;
}

.table-buttons:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#FeaturedProducts {
    position: relative;
    z-index: 1;
    width: auto;
    height: auto;
}

#FeaturedProducts a {
    color: white;
}

#FeaturedProducts a:hover {
    text-decoration: none;
}

.carousel-inner .item {
}

.carousel img {
    min-width: 100%;
}

.slider-size {
    height: 100%; /* This is your slider height */
    max-width: 100%;
    min-height: 175px;
    padding-top: 25%;
}

.note-editor.note-frame .note-editing-area .note-editable {
    min-height: 250px;
}

.breadcrumb{
    background-color: white;
}