body {
    background: #FFF;
}

.nothing-bg {
    background: #87e0fd;
    background: -moz-linear-gradient(left,  #87e0fd 0%, #0760a8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#87e0fd), color-stop(100%,#0760a8));
    background: -webkit-linear-gradient(left,  #87e0fd 0%,#0760a8 100%);
    background: -o-linear-gradient(left,  #87e0fd 0%,#0760a8 100%);
    background: -ms-linear-gradient(left,  #87e0fd 0%,#0760a8 100%);
    background: linear-gradient(to right,  #87e0fd 0%,#0760a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#0760a8',GradientType=1 );
}

/*----------------------
        Login
-----------------------*/
#login-bdy {
    background-color: lightgray;
}

#login-blk-error {
    width: 400px;
    margin: 0 auto;
    margin-top: 50px;
}

#login-blk-close {
    float: right;
}

#login-blk1 {
    margin-top: 50px;
}

#login-blk2 {
    width: 370px;
    margin: auto;
    box-shadow: 0px 1px 100px gray;
}

#pnlLoginVersion {
    font-size: x-small;
    color: #009A93;
    font-weight: 600;
    margin-left: 2px;
}

#login-blk3 {
    margin-bottom: 10px;
}

.ui.ribbon.label {
    padding-left: 28px !important;
}

#login-blk4 {
    margin-top: 5px;
}

.xsmalllb {
    font-size: x-small;
    position: absolute; 
    margin-top: 3px; 
    margin-left: 3px;
}

#login-lbl1 {
    font-size: x-small;
    color: #009A93;
    font-weight: 600;
}

#login-lbl2, #login-lbl4, #login-blk7 {
    float: left;
}

#login-blk4, #login-blk5, #login-blk6, #login-blk8 {
    float: right;
}

#login-lbl3, #login-lbl5 {
    font-size: small;
    color: #D95C5C;
    font-weight: 600;
}

#lblLoginMsg {
    font-size: small;
    color: #D95C5C;
    font-weight: 600;
}

#login-img1 {
    width: 100%;
}


/*----------------------
        Dashboard
-----------------------*/
#dashboard-blk-divide {
    margin-top: 0px !important;
    margin-bottom: -15px !important;
}

#dashboard-blk1 {
    font-size: small;
    font-weight: bold;
    color: #00B5AD;
    float: left;
}


/*----------------------
        Monitor
-----------------------*/
.modalBackground {
    background-color: black;
     filter: alpha(opacity=50); 
     opacity: 0.7; 
     -moz-opacity: .7;
}

#monitor-blk-divider {
    margin-top: 0px !important;
    margin-bottom: -15px !important;
}

#monitor-blk1 {
    font-size: small;
    font-weight: bold;
    color: #00B5AD;
    float: left;
}

#monitor-blk2 {
    font-size: small;
    font-weight: bold;
    color: #00B5AD;
    float: right;
}

#monitor-blk-status {
    font-size: small;
    font-weight: bold;
    padding: 5px !important; 
    margin-top: 25px; 
    margin-bottom: -15px;
}

#monitor-blk-status-close {
    float: right;
}

.grid-header {
    font-size: small;
    font-weight: bold;
    background-color: #E8E8E8;
}

.grid-item {
    font-size: small;
    font-weight: normal;
}

.text-limit {
    white-space: nowrap;
    overflow: hidden;
    max-width: 375px;
    text-overflow: ellipsis;
}

.grid-txt-center {
    text-align: center;
}

.grid-txt-left {
    text-align: left;
}