﻿.item-image {
    /*margin-left: -14px !important;*/
    margin-top: 1px;
}

.card-detail-padding {
    padding-top: 5px;
}

.article-title-width {
    width: 93%;
}

.article-title-height {
    height: 100px;
    overflow-y: auto;
}

.item-icon {
    max-width: 32px !important;
    margin-top: 1px;
}

.new-article-style {
    background-image: url(../Images/new.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 0;
    width: 70px;
    height: 70px;
}
.corrected-article-style {
    background-image: url(../Images/corrected.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 0;
    width: 70px;
    height: 70px;
}
.answered-article-style {
    background-image: url(../Images/answered.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 0;
    width: 70px;
    height: 70px;
}

.margin-div-container {
    padding: 4px !important;
    height: 250px !important;
    margin-bottom: 10px !important;
}

.itemList-div-content {
    font-size: 0.85em !important;
    height: 250px !important;
    overflow: hidden !important;
}

    .itemList-div-content:hover, .itemList-div-content:focus {
        font-size: 0.85em !important;
        padding: 0 5px 5px 2px !important;
        background-color: white !important;
        box-shadow: 5px 5px 5px #aaaaaa !important;
        height: 250px !important;
        overflow: hidden !important;
        cursor: pointer;
    }

.select-item-hihghlight {
    font-size: 0.85em !important;
    padding: 0 5px 5px 2px !important;
    background-color: white !important;
    box-shadow: 5px 5px 5px #aaaaaa !important;
    height: 250px !important;
    overflow: hidden !important;
}

.dropped-select-item-hihghlight {
    font-size: 0.85em !important;
    padding: 0 5px 5px 2px !important;
    background-color: white !important;
    box-shadow: 5px 5px 5px #aaaaaa !important;
    height: 250px !important;
    overflow: hidden !important;
}

@media (max-width:991px) {

    .item-image {
        margin-left: -14px !important;
        margin-top: 1px;
    }

    .item-icon {
        max-width: 96px !important;
        margin-top: 1px;
    }

    .margin-div-container {
        padding: 4px !important;
        /*height: 100% !important;*/
    }

    .itemList-div-content {
        font-size: 0.85em !important;
        height: 100% !important;
        overflow: hidden !important;
    }

        .itemList-div-content:hover, .itemList-div-content:focus {
            font-size: 0.85em !important;
            padding: 0 5px 5px 2px !important;
            background-color: white !important;
            box-shadow: 5px 5px 5px #aaaaaa !important;
            height: 100% !important;
            overflow: hidden !important;
            cursor: pointer;
        }

    .select-item-hihghlight {
        font-size: 0.85em !important;
        padding: 0 5px 5px 2px !important;
        background-color: white !important;
        box-shadow: 5px 5px 5px #aaaaaa !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    .dropped-select-item-hihghlight {
        font-size: 0.85em !important;
        padding: 0 5px 5px 2px !important;
        background-color: white !important;
        box-shadow: 5px 5px 5px #aaaaaa !important;
        height: 100% !important;
        overflow: hidden !important;
    }
}
