﻿.divItemBox, .divItemBoxSelected, .divItemBoxDisabled
{
    border: 1px solid #dedede; 
    padding: 10px; 
    height: 38px;
    position: relative;
    margin-bottom: 10px;
    -webkit-box-shadow: 4px 4px 10px 0px #e2e4e7;
    -moz-box-shadow:    4px 4px 10px 0px #e2e4e7;
    box-shadow:         4px 4px 10px 0px #e2e4e7;
    overflow: hidden;
    background-color: #FFFFFF;
}

.divItemBoxFav
{
    height: 55px;
}

.divItemBoxShadow
{
    -webkit-box-shadow: 4px 4px 10px 0px #95a5a6;
    -moz-box-shadow:    4px 4px 10px 0px #95a5a6;
    box-shadow:         4px 4px 10px 0px #95a5a6;
}

.divItemBox:hover, .divItemBoxSelected:hover
{
    border: 1px solid #54707e;
    cursor: pointer;
}

.divItemBoxNoClick:hover
{
    border: 1px solid #dedede; 
    cursor: default;
}

.divItemBoxSelected
{
    border: 1px solid #902b20 !important;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-box-shadow: 4px 4px 10px 0px #902b20;
    -moz-box-shadow:    4px 4px 10px 0px #902b20;
    box-shadow:         4px 4px 10px 0px #902b20;
}

.divItemBoxButtons
{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 600;
}

.divItemBoxCount
{
    font-size: 14px;
    float: left;
}

.divItemBoxSep
{
    border-right: 1px solid #95a5a6;
    float: left;
    padding-left: 4px;
    margin-right: 5px;
    height: 32px;
}

.divItemBoxFavorite
{
    float: left;
}

.divItemBoxIcon
{
    float: left; 
    width: 42px;
    padding-top: 4px;
}

.divItemBoxTextContainer
{
    float: left; 
    width: -moz-calc(100% - 42px);
    width: -webkit-calc(100% - 42px);
    width: -o-calc(100% - 42px);
    width: calc(100% - 42px);
    position: relative;
}

.divItemBoxFav .divItemBoxTextContainer,
.divItemBoxFav2 .divItemBoxTextContainer
{
    width: -moz-calc(100% - 84px);
    width: -webkit-calc(100% - 84px);
    width: -o-calc(100% - 84px);
    width: calc(100% - 84px);
}

.divItemBoxName
{
    font-size: 16px; 
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
    color: #222222;
}

.divItemBoxFav .divItemBoxName
{
    text-overflow: inherit; 
    white-space: normal;
    font-size: 14px;
}

.divItemBoxFav2 .divItemBoxName
{
    font-size: 14px;
}

.divItemBoxSubtitle
{
    color: #767676;
    font-size: 14px;
    margin-top: 3px;
}

.divItemBoxFav2 .divItemBoxSubtitle
{
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
}

.divItemBoxFade
{
    position: absolute;
    right: 10px;
    top: 10px;
}

.divBox
{
    display: none;
    padding: 5px;
    padding-bottom: 0px;
    background-color: #7f8c8d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e2e4e7;
    margin: 0px !important;
    margin-bottom: 10px !important;
}

.divBox .divItemBox:last-child
{
    margin-bottom: 5px !important;
}

.divItemBoxZoom
{
    cursor: pointer !important;
}

.divItemBoxKey {
    position: absolute;
    right: 45px;
    top: 10px;
    color: #2b3031;
    font-size: 12px;
}

.divItemBoxSubIndex {
    position: absolute;
    right: 40px;
    top: 0px;
    color: #2b3031;
    font-size: 12px;
}