ZLPMS/PMS.WebUI/Content/Style/FHomePage.css

.h4 {
    display: inline;
}

.cls4 {
    width: 25%;
    float: left;
}

.cls3 {
    width: 31%;
    float: left;
    margin-left: 20px;
}

#newsMarquee .title {
    margin-left: 20px;
    float: left;
}

#wDiv {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 0;
    right: 10px;
    overflow: hidden;
}

.wTable td {
    vertical-align: top;
    position: relative;
}

#leftDiv {
    width: 70%;
    height: 100%;
    float: left;
}

#rightDiv {
    width: 30%;
    height: 98%;
    float: right;
}

.topDiv .cls3:first-child {
    margin-left: 5px;
}

.MiddleDiv {
    height: 45%;
    text-align: left;
}

.BottomDiv {
    height: 34%;
    margin-top: 10px;
}

.card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 5px 5px 17px 3px rgba(0,0,0,0.14);
    border-radius: 3px;
    color: rgba(0,0,0,0.87);
    background: #fff;
    box-sizing: border-box;
}

    .card a {
        text-decoration: none;
        color: #6c8198;
    }

    .card .card-header {
        box-shadow: 0 10px 30px -12px rgba(0,0,0,0.42),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
        margin: -20px 15px 0;
        border-radius: 3px;
        padding: 15px;
        background-color: #999;
    }

    .card .card-footer {
        margin: 10px 20px 10px;
        padding-top: 5px;
        border-top: 1px solid #eee;
    }

        .card .card-footer .stats {
            line-height: 22px;
            font-size: 12px;
        }

.card-stats .card-header {
    float: left;
    text-align: center;
}

.card-stats .card-content .title {
    margin-left: 20px;
}

.red-color {
    color: #f00;
}

.text-primary {
    color: #9c27b0;
}

[data-background-color="purple"] {
    background: -webkit-linear-gradient(30deg, #ab47bc, #8e24aa);
    background: linear-gradient(60deg, #ab47bc, #8e24aa);
    box-shadow: 0 12px 20px -10px rgba(156,39,176,0.28),0 4px 20px 0 rgba(0,0,0,0.12),0 7px 8px -5px rgba(156,39,176,0.2);
}

[data-background-color="danger"] {
    background-color: #f55a4e;
    box-shadow: 0 12px 20px -10px rgba(244,67,54,0.28),0 4px 20px 0 rgba(0,0,0,0.12),0 7px 8px -5px rgba(244,67,54,0.2);
}

[data-background-color="blue"] {
    background: -webkit-linear-gradient(30deg, #26c6da, #00acc1);
    background: linear-gradient(60deg, #26c6da, #00acc1);
    box-shadow: 0 12px 20px -10px rgba(0,188,212,0.28),0 4px 20px 0 rgba(0,0,0,0.12),0 7px 8px -5px rgba(0,188,212,0.2);
}

.card [data-background-color="green"] {
    background: -webkit-linear-gradient(30deg, #66bb6a, #43a047);
    background: linear-gradient(60deg, #66bb6a, #43a047);
    box-shadow: 0 12px 20px -10px rgba(76,175,80,0.28),0 4px 20px 0 rgba(0,0,0,0.12),0 7px 8px -5px rgba(76,175,80,0.2);
}

.card [data-background-color="orange"] {
    background: -webkit-linear-gradient(30deg, #ffa726, #fb8c00);
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 12px 20px -10px rgba(255,152,0,0.28),0 4px 20px 0 rgba(0,0,0,0.12),0 7px 8px -5px rgba(255,152,0,0.2);
}

.card [data-background-color="red"] {
    background: -webkit-linear-gradient(30deg, #ef5350, #e53935);
    background: linear-gradient(60deg, #ef5350, #e53935);
    box-shadow: 0 12px 20px -10px rgba(244,67,54,0.28),0 4px 20px 0 rgba(0,0,0,0.12),0 7px 8px -5px rgba(244,67,54,0.2);
}

.card [data-background-color] {
    color: #fff;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.taskDiv {
    margin-bottom: 0;
}

.taskContent {
    height: 83%;
    border: 1px solid rgba(0,0,0,0.12);
}

.ExpireContent {
    height: 83%;
    border: 1px solid rgba(0,0,0,0.12);
}

.ClinicContent {
    margin-right: 19px;
    height: 80%;
    border: 1px solid rgba(0,0,0,0.12);
    box-shadow: rgba(0,0,0,0.14) 2px 2px 8px 0;
}

.BlockDiv {
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .BlockDiv .BlockTitle {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #fff;
        padding: 3px;
        padding-left: 5px;
        margin-right: 20px;
    }

        .BlockDiv .BlockTitle i {
            margin-right: 15px;
        }

    .BlockDiv .BlockContent {
        border: 1px solid rgba(0,0,0,0.12);
        border-top-width: 0;
        margin-right: 20px;
    }

#CrowdChart {
    width: 100%;
    height: 100%;
    float: left;
}

.CrowdTitle {
    border-radius: 3px;
    padding: 3px;
    border: 1px solid rgba(0,0,0,0.12);
    position: absolute;
    left: 20px;
    top: -10px;
    z-index: 999999;
    background-color: #f0f6fa;
    box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.14);
    font-size: 12px;
}

#CrowdDetailed {
    margin-left: -35px;
    height: 100%;
}

.tab-content {
    height: 98%;
    background: #f0f6fa;
    box-shadow: rgba(0,0,0,0.14) 2px 2px 8px 0;
    border-radius: 3px;
}

.ver-inline-menu li.active a {
    margin-left: -37px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(156,39,176,0.28),0 4px 20px 0 rgba(0,0,0,0.12),0 7px 8px -5px rgba(156,39,176,0.2);
    border-left: solid 2px #76189d;
}

.ver-inline-menu li.active .GXYactive {
    background: #ca3a28;
}

.ver-inline-menu li.active .TNBactive {
    background: #7c3b97;
}

.ver-inline-menu li.active .LNRactive {
    background: #35aa47;
}

.ver-inline-menu li.active .YCFactive {
    background: #45b6af;
}

.ver-inline-menu li.active .RTactive {
    background: #4b8df8;
}

.ver-inline-menu li.active .QTactive {
    background: #ccc;
}

.ver-inline-menu li.active .GXYactive i {
    background: #ca3a28 !important;
}

.ver-inline-menu li.active .TNBactive i {
    background: #76189d !important;
}

.ver-inline-menu li.active .LNRactive i {
    background: #35aa47 !important;
}

.ver-inline-menu li.active .RTactive i {
    background: #4b8df8 !important;
}

.ver-inline-menu li.active .YCFactive i {
    background: #45b6af !important;
}

.ver-inline-menu li.active .QTactive i {
    background: #CCC !important;
}

.ver-inline-menu li.GXY:after {
    border-left: 6px solid #ca3a28;
}

.ver-inline-menu li.TNB:after {
    border-left: 6px solid #7c3b97;
}

.ver-inline-menu li.LNR:after {
    border-left: 6px solid #35aa47;
}

.ver-inline-menu li.RT:after {
    border-left: 6px solid #4b8df8;
}

.ver-inline-menu li.YCF:after {
    border-left: 6px solid #45b6af;
}

.ver-inline-menu li.QT:after {
    border-left: 6px solid #CCC;
}

.ver-inline-menu li i {
    margin-right: 15px;
}

.portfolio-block {
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.12);
}

    .portfolio-block div {
        height: auto;
        padding-bottom: 5px;
        margin-left: 45px;
        min-height: 32px;
    }

    .portfolio-block span.chilid {
        display: inherit;
        margin: 8px;
    }

        .portfolio-block span.chilid a {
            width: 40px;
            display: inline-block;
            margin-left: 10px;
        }

    .portfolio-block span.portfolio-text {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        background-color: #00d3ee;
        width: 30px;
        color: #fff;
        line-height: 20px;
        padding-left: 10px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        box-shadow: 0 12px 20px -10px rgba(0,188,212,0.28),0 4px 20px 0 rgba(0,0,0,0.12),0 7px 8px -5px rgba(0,188,212,0.2);
    }

.table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

    .table > thead > tr > th {
        font-weight: normal;
        padding-bottom: 4px;
        border-bottom: 1px solid #ddd;
        padding: 3px;
        vertical-align: middle;
        color: #6c6969;
    }

    .table .td-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .table .td-actions .btn {
            margin: 0;
            padding: 5px;
        }

    .table > tbody > tr {
        position: relative;
    }

        .table > tbody > tr td {
            text-align: center;
            border-bottom: 1px solid #ddd;
            font-size: 14px;
            line-height: 25px;
            color: #557386;
        }