.label-grey {
    background: #e5e5e5 !important;
    color: #333;
}

.txt-grey {
    color: #999;
}

.table .progress {
    margin: 3px 0px;
}

.wrap-box {
    background: #F0F6FA;
    padding: 0px 5px;
}

.option-bar h5 {
    line-height: 5px;
}

.option-bar a {
    padding: 1px 5px 2px 5px;
}

.greenbg {
    background: #35AA47 !important;
    color: white;
    text-shadow: none !important;
}

.chat-form .btn-cont-txt {
    margin-top: -42px;
    position: relative;
    float: right;
    width: 100px;
}

    .chat-form .btn-cont-txt .arrow {
        position: absolute;
        top: 17px;
        right: 99px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #4d90fe;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .chat-form .btn-cont-txt:hover .arrow {
        border-right-color: #0362fd;
    }

    .chat-form .btn-cont-txt:hover .btn {
        background-color: #0362fd;
    }

    .chat-form .btn-cont-txt .btn {
        margin-top: 8px;
    }

/* card-view */
.card-view .tile.full {
    width: 100% !important;
}

.card-view .tile.full-down {
    height: 150px !important;
}

.card-view .tile.full-down-mini {
    height: 150px !important;
}

.card-view .tile.full-down i {
    margin-top: 95px;
}

.card-view .tile .tile-object {
    background: #101010;
    background: url(../Content/img/trans-bg.png) repeat;
}

.card-view .tile .tile-body .tile-pad-double {
    margin-top: 45px;
}

.card-view .tile .tile-body .tile-pad {
    margin-top: 20px;
}

.card-view .tile .tile-body h2 {
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 22px;
}

.card-view .tile .tile-body h4 {
    display: block;
    text-align: center;
}

.card-view .tile .tile-body h6 {
    display: block;
    text-align: center;
    line-height: 60px;
}

    .card-view .tile .tile-body h6 i {
        color: #333 !important;
    }

.card-view .portlet-body h3,
.card-view .portlet-body h4,
.card-view .portlet-body h5,
.card-view .portlet-body h6 {
    padding-left: 5px;
}

.card-view .portlet-body {
    position: relative;
}

    .card-view .portlet-body .tile-foot {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

.card-view .box {
    border: none !important;
    background: #d40000;
}

.card-view .portlet-body {
    background: #fafafa !important;
    padding: 0px !important;
}

.card-view .tile {
    border: none !important;
}

.card-view .portlet-title {
    border-bottom: none !important;
    text-align: center !important;
}

    .card-view .portlet-title .actions {
        margin-right: -10px !important;
    }

    .card-view .portlet-title .actions-center {
        display: inline-block;
        padding: 0;
        margin: 0;
        margin-top: 6px;
        margin-bottom: 6px;
        margin-left: -10px !important;
        float: left;
    }

    .card-view .portlet-title .actions-left {
        display: inline-block;
        padding: 0;
        margin: 0;
        margin-left: -10px !important;
        float: left;
    }

        .card-view .portlet-title .actions-left > .btn,
        .card-view .portlet-title .actions > .btn {
            padding: 2px 5px;
            margin-top: -13px;
        }

        .card-view .portlet-title .actions-left > .btn-mini,
        .card-view .portlet-title .actions > .btn-mini {
            font-size: 11px;
        }

        .card-view .portlet-title .actions > span.red:hover,
        .card-view .portlet-title .actions-left > span.red:hover {
            background-color: #d84a38 !important;
            cursor: text !important;
        }

        .card-view .portlet-title .actions > span.blue:hover,
        .card-view .portlet-title .actions-left > span.blue:hover {
            background-color: #4d90fe !important;
            cursor: text !important;
        }

        .card-view .portlet-title .actions > span.green:hover,
        .card-view .portlet-title .actions-left > span.green:hover {
            background-color: #35aa47 !important;
            cursor: text !important;
        }

        .card-view .portlet-title .actions > span.purple:hover,
        .card-view .portlet-title .actions-left > span.purple:hover {
            background-color: #852b99 !important;
            cursor: text !important;
        }

        .card-view .portlet-title .actions > span.yellow:hover,
        .card-view .portlet-title .actions-left > span.yellow:hover {
            background-color: #ffb848 !important;
            cursor: text !important;
        }

        .card-view .portlet-title .actions > span.black:hover,
        .card-view .portlet-title .actions-left > span.black:hover {
            background-color: #555555 !important;
            cursor: text !important;
        }

        .card-view .portlet-title .actions > span.grey:hover,
        .card-view .portlet-title .actions-left > span.grey:hover {
            background-color: #e5e5e5 !important;
            cursor: text !important;
        }

.card-view .portlet-body .tile-foot .label,
.card-view .portlet-body .tile-star-love .label {
    background: #fafafa;
    color: #555;
    text-shadow: none;
    margin-bottom: 5px;
}

.card-view .portlet-body .tile-star-love .icon-heart {
    color: #d40000 !important;
}

.card-view .portlet-body .tile-star-love i {
    font-size: 14px;
}

.card-view .play-overlay {
    background: url('../Content/img/video_play_icon.png') center center no-repeat;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 76px;
    height: 76px;
    margin: -35px 0 0 -35px;
    z-index: 10;
}

.card-view .play-overlay-mini {
    background: url('../Content/img/video_play_icon_mini.png') center center no-repeat;
    position: absolute;
    top: 38%;
    left: 50%;
    width: 76px;
    height: 76px;
    margin: -35px 0 0 -35px;
    z-index: 10;
}

.card-view .youtube-overlay {
    background: url('../Content/img/youtube_play_icon.png') center center no-repeat;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 76px;
    height: 76px;
    margin: -35px 0 0 -35px;
    z-index: 10;
}

.card-view .youtube-overlay-mini {
    background: url('../Content/img/youtube_play_icon_mini.png') center center no-repeat;
    position: absolute;
    top: 38%;
    left: 50%;
    width: 76px;
    height: 76px;
    margin: -35px 0 0 -35px;
    z-index: 10;
}

.card-view .note-overlay {
    position: absolute;
    top: 52%;
    left: 50%;
    width: 76px;
    height: 77px;
    margin: -35px 0 0 -35px;
    z-index: 10;
}

.card-view .note-overlay-double {
    position: absolute;
    top: 72%;
    left: 50%;
    width: 76px;
    height: 77px;
    margin: -35px 0 0 -35px;
    z-index: 10;
}

.card-view .note-overlay-double-mini {
    position: absolute;
    top: 82%;
    left: 50%;
    width: 76px;
    height: 77px;
    margin: -35px 0 0 -35px;
    z-index: 10;
}

.card-view .label-white {
    padding: 3px 8px;
    margin-right: 2px;
    text-align: center !important;
    background: #f1f1f1;
    color: #333;
    font-size: 11px;
    text-shadow: none;
}

.card-view .dark-blue {
    background: #0362FD !important;
}

.card-view .dark-green {
    background: #1D943B !important;
}

.card-view .dark-purple {
    background: #6D1B81 !important;
}

.card-view .dark-yellow {
    background: #ECA22E !important;
}

.card-view .dark-pink {
    background: #C6407F !important;
}

.card-view .trans {
    background: transparent !important;
    padding: 0px !important;
}

.video-wrapper {
    float: none;
    width: 100%;
}

.page-content iframe,
.page-content object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

i.green, .txt-green {
    color: #3ABC4F;
}

i.red, .txt-red {
    color: #E12019;
}

.txt-right {
    text-align: right !important;
}

.txt-blue-big {
    color: #1F9AF8;
    font-size: 150%;
    font-weight: 200;
}

.box-border {
    border: 1px solid #DDDDDD;
    padding: 10px;
}

.cardViewActivityName {
    font-size:16px;
    font-weight: 400;
    line-height: 16px;
    
}

.cardviewtitle {
    margin-bottom:3px

}