.msg .x-box-mc {
    font-size:14px;
}
.successmsg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:300px;
    z-index:20000;
}
#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #CED9E7;
    border: 2px solid #0000d7;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .successmsg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #CED9E7;
    border: 2px solid #00278f;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
    color: #7c0000;
}
#msg-div .msg p {
    margin: 0;
    color: #7c0000;
}

#msg-div .successmsg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
    color: #008c00;
}
#msg-div .successmsg p {
    margin: 0;
    color: #008c00;
}

.clockInStyle {
    background-color: #0c0 !important;
    background: #0c0 !important;
    font-weight: bold !important;
    color: #fff !important;
}

.clockOutStyle {
    background-color: #c00 !important;
    font-weight: bold !important;
}

.interestingItem {
    color: #87BA2D !important;
}

.orange-row .x-grid-cell {
    background-color: #fde9d9 !important;
}

.red-row .x-grid-cell {
    background-color: #f2dcdb !important;
}

.green-row .x-grid-cell {
    background-color: #9bf2a7 !important;
}

.yellow-row .x-grid-cell {
    background-color: #f2ee87 !important;
}


.orange-row-full .x-grid-cell {
    background-color: #ff9846 !important;
}

.red-row-full .x-grid-cell {
    background-color: #ff443c !important;
}

.yellow-row-full .x-grid-cell {
    background-color: #fff93e !important;
}

.bold-red .x-grid-cell {
    color:red !important;
    font-weight: bold !important;
}

.strike-through {
    text-decoration: line-through !important;
}

.linethrough{
    text-decoration: line-through !important;
}

.x-grid-cell.disabled{
    -moz-opacity: 0.5;
    opacity:.5;
    filter: alpha(opacity=50);
}

.wrap-text .x-grid-cell-inner {
    white-space: normal;
}

.centered {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.leftRightCentered {
    margin: auto;
    width: 50%;
}

.header-Menu {
    background-color: white;
}

.client-Menu {
    background-color: white;
}

.green-row .x-grid-cell {
    background-color: #3bff84 !important;
}

.grey-row .x-grid-cell {
    background-color: rgba(0, 0, 0, 0.27) !important;
}

.myWindowCls .x-window-body > .x-box-inner {
    overflow-y: scroll;
}

.app-login-window{
    background-image: url(../images/logo-integrishield_login.png) !important;
    outline: 0;
    box-shadow: 0;
    background-repeat: no-repeat;
}

.home-panel-style{
    background-image: url(../images/logo1.png) !important;
    background-color: lightgray;
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: center;
}

.app-login-form{
    padding-bottom: 40px;
}