.taskCard {
    cursor: pointer;
    display: block; 
    height: 92px;
    position: relative;
    padding: 4px;
    box-shadow: -2px 2px 1px 0px rgba(0, 0, 0, 0.4);
}

.taskCard:before, .taskCard:after{
	content: '';
    position: absolute;
}

.taskCard:before {
  	top: 0;
  	right: 0;
  	border-width: 0 18px 18px 0;
  	border-style: solid;
  	box-shadow: -1px 1px 1px rgba(0,0,0,0.3), -2px 2px 1px rgba(0,0,0,0.2);
}

.taskCard:hover {
    box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.4);
    transition: box-shadow .15s linear;
}

.taskCard-color-1{
    background-color: rgb(242,242,242);
}

.taskCard-color-1:before {
	border-color: #fff #fff rgb(242,242,242) rgb(242,242,242);
}

.taskCard-color-2{
    background-color: rgb(63,195,255);
}

.taskCard-color-2:before {
	border-color: #fff #fff rgb(63,195,255) rgb(63,195,255);
}

.taskCard-color-3{
    background-color: rgb(255,109,63);
}

.taskCard-color-3:before {
	border-color: #fff #fff rgb(255,109,63) rgb(255,109,63);
}

.taskCard-color-4{
    background-color: rgb(149,214,65);
}

.taskCard-color-4:before {
	border-color: #fff #fff rgb(149,214,65) rgb(149,214,65);
}

.taskCard-color-5{
    background-color: rgb(28,232,181);
}

.taskCard-color-5:before {
	border-color: #fff #fff rgb(28,232,181) rgb(28,232,181);
}

.taskCard-color-6{
    background-color: rgb(255,155,0);
}

.taskCard-color-6:before {
	border-color: #fff #fff rgb(255,155,0) rgb(255,155,0);
}

.taskCard-color-7{
    background-color: rgb(184,196,201);
}

.taskCard-color-7:before {
	border-color: #fff #fff rgb(184,196,201) rgb(184,196,201);
}

.taskCard-color-8{
    background-color: rgb(255,218,0);
}

.taskCard-color-8:before {
	border-color: #fff #fff rgb(255,218,0) rgb(255,218,0);
}

.taskGrid .x-grid-cell{
    background-color: rgb(255,255,255);
}

.taskGrid .x-grid-item-focused .x-grid-cell-inner:before {
    border: 0;
}

.icon-size {
	font-size: 14px;
}