body
{
    background-color: #E9E5E3;
    overflow: auto;
}

.canvasinatorUIContainer{
    width: 1127px;
    margin-left: auto!important;
    margin-right: auto!important;
}

#mainMenu .selectedItem{
    background-image: url('/Images/background-menu.png');
    background-repeat: repeat-x;
    font-weight: bold;
}

#browseCatalog .content
{
    padding-top:0;
    padding-bottom:0;
}

#browseCatalog .title
{
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
#browseCatalog .accordion
{
    margin:0;
    box-shadow: none;
}

.toc{
    min-height: 1813px;
    width: 250px;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.AspectSizeBox{
    position: relative;
    width: 100%;		/* desired width */
}
.AspectSizeBox:before{
    content: "";
    display: block;
    padding-top: 100%; 	/* initial ratio of 1:1*/
}

.AspectSizeBox .AspectSizeBoxContent{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.AspectSizeBox .AspectSizeBoxContent
{
    background-size: contain;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.rotatedHeaderTable th
{
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
    background-color: transparent !important;
    border: 0 !important;
}

.rotatedHeaderTable th > div
{
    transform:
        /* Magic Numbers */
            translate(25px, 51px)
                /* 45 is really 360 - 45 */
            rotate(315deg);
    width: 30px;
}

.rotatedHeaderTable th > div > span
{
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

.allFormatsContainer .item
{
    padding:5px;
    cursor: pointer;
}
.ui.modal>.Reply
{
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    left: -2.5rem;
    z-index: 1;
    opacity: .8;
    font-size: 1.25em;
    color: #FFF;
    width: 2.25rem;
    height: 2.25rem;
    padding: .625rem 0 0;
}

@media only screen and (max-width : 400px)
{
    .removeMeIfTooSmall {
        display:none;
    }
}

.treeNavItem, .AddSubCategory, .DeleteCategory
{
    cursor: pointer;
}

#nonProductsTree .item .list,
#browse-pics-tree .item .list
{
    margin-left: 20px;
}

#mainMenu
{
    background:none;
}

#mainMenu.ui.menu .item
{
    nt-size: 16px;
}

#mainMenu.ui.menu .item:before
{
    background-color:transparent;
}

#mainMenu.ui.link.menu .highlightable.item:hover,
#mainMenu.ui.menu .highlightable.dropdown.item:hover,
#mainMenu.ui.menu .highlightable.link.item:hover,
#mainMenu.ui.menu a.highlightable.item:hover
{
    background-color: rgba(100,87,80,0.07);
}

.ui.dro-blue.label,
 .ui.dro-blue.labels .label
 {
     border-color: #AF998C !important;

 }

.ui.dro-blue.label .icon
{
    color: white;
}

.black.close.icon:hover
{
    cursor: pointer;
}

.ui.button:hover
{
    cursor: pointer;
}

#footerContainer .menu{
    min-height: 20px;
}

#footerContainer a{
    padding-top: 0;
    padding-bottom :0;
}