.main-content-appoint {
    background-color: #fff;
    margin-bottom: -15px;
}

.portlet.light {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 #eee, 0 6px 20px 0 #eee;
    border: 1px solid #eee;
}

.portlet {
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .portlet.light > .portlet-title {
        padding: 0;
        min-height: 0px;
        margin-bottom: 10px;
    }

    .portlet > .portlet-title {
        padding: 0;
        min-height: 41px;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .portlet.light > .portlet-title > .caption {
        color: #666;
        padding: 0;
    }

    .portlet > .portlet-title > .caption {
        display: inline-block;
        font-size: 18px;
        line-height: 18px;
        padding: 10px 0;
    }

    .portlet.light > .portlet-title > .caption > .caption-subject {
        font-size: 16px;
        color: #00cc88 !important;
        font-family: 'Raleway', sans-serif;
    }

.font-blue-steel {
    color: #4B77BE !important;
}

.portlet.light > .portlet-title > .actions {
    padding: 6px 0 14px 0;
}

.portlet > .portlet-title > .actions {
    float: right;
    display: inline-block;
    padding: 6px 0;
}

.portlet.light .portlet-body {
    overflow: auto;
    border: 1px solid #eee;
    border-radius: 5px;
}

.body-lg {
    height: 19pc;
}

.body-sm {
    height: 10pc;
}

.page-name {
    padding: 5px 0px;
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

.input-group-addon {
    border: 0px !important;
    background-color: #00cc88;
}

.no-top-margin {
    margin-top: 0 !important;
}

.portlet-tab {
    text-align: left;
}

    .portlet-tab > label {
        padding: 0px 5px 2px 5px;
        font-weight: 100;
        cursor: pointer;
        margin-right: 5px;
    }

        .portlet-tab > label.active {
            border-bottom: 3px solid #ff8c8c;
            font-weight: 400;
        }

.portlet-footer {
    text-align: right;
    font-size: 13px;
    padding-top: 5px;
}

.ul-data > li {
    border-bottom: 1px solid #eee;
    padding: 5px;
}

    .ul-data > li:last-child {
        border-bottom: 0;
    }

    .ul-data > li > .row-data > div {
        text-align: left;
        font-size: 13px;
        margin-top: 2px;
    }


@media (min-width:768px) {
    #report {
       padding-left:0px;
    }
}