.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 #00c700;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
    color: #fa0000;
}
#msg-div .msg p {
    margin: 0;
    color: #c70000;
}

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

.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;
}

.blue-row .x-grid-cell {
    background-color: #00DAFF !important;
}

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

.organge-row .x-grid-cell {
    background-color: #ff8c1a !important;
}

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

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

.italic-red .x-grid-cell {
	color:red !important;
	font-style: italic !important
}

.italic-blue .x-grid-cell {
	color:blue !important;
	font-style: italic !important
}

.italic-green .x-grid-cell {
	color:green !important;
	font-style: italic !important
}

.italic-purple .x-grid-cell {
	color:purple !important;
	font-style: italic !important
}

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

.add-note {
	background-image: url("/app/resources/images/icons/note.png") !important;
	background-repeat: no-repeat;
	background-position: right center;
}

.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%);
}

.x-grid-tree-loading .x-tree-icon {
  background-image: url(//js.graggadv.com/ext-4.2.2/resources/ext-theme-classic/images/tree/loading.gif) !important;
}

.x-form-itemselector-top {
background-image: url(https://js.graggadv.com/ext-4.2.2/examples/ux/css/images/top2.gif) !important;
}
.x-form-itemselector-up {
background-image: url(https://js.graggadv.com/ext-4.2.2/examples/ux/css/images/up2.gif) !important;
}
.x-form-itemselector-add {
background-image: url(https://js.graggadv.com/ext-4.2.2/examples/ux/css/images/right2.gif) !important;
}
.x-form-itemselector-remove {
background-image: url(https://js.graggadv.com/ext-4.2.2/examples/ux/css/images/left2.gif) !important;
}
.x-form-itemselector-down {
background-image: url(https://js.graggadv.com/ext-4.2.2/examples/ux/css/images/down2.gif) !important;
}
.x-form-itemselector-bottom {
background-image: url(https://js.graggadv.com/ext-4.2.2/examples/ux/css/images/bottom2.gif) !important;
}