#browser
   {
   position: absolute;
   left: -132px;
   opacity: 0;
   filter: alpha(opacity=0);
   cursor:pointer;
   }
#image
   {
   position: absolute;
   cursor:pointer;
   left: 16px;
   }
#delete
   {
   position: absolute;
   cursor:pointer;
   left: 32px;
   }
#browser_box
   {
   width: 104px;
   height: 16px;
   position: relative;
   overflow: hidden;
   background: url(images/upload.png) no-repeat;
   }
input.bbrowser
   {
   position: absolute;
   left: -132px;
   opacity: 0;
   filter: alpha(opacity=0);
   cursor:pointer;
   }
#browser_box:active
   {
   background: url(images/upload.png) no-repeat;
   }
#prop_checked
   {
   width: 104px;
   height: 16px;
   position: relative;
   overflow: hidden;
   cursor:pointer;
   background: url(images/checked.gif) no-repeat;
   }
#prop_unchecked
   {
   width: 104px;
   height: 16px;
   position: relative;
   overflow: hidden;
   cursor:pointer;
   background: url(images/unchecked.gif) no-repeat;
   }
.x-property-grid .x-grid-property-name {
  background-color: #EFEFF0;
}
.x-grid-row-summary {
    background-color: #E0FFFF;
}
.left-button-panel .x-tool[id^="tool"] {
left: 0 !important;
top: 0 !important; 
}
.left-button-panel .x-panel-header-text-container {
padding-left: 18px;
}
.left-button-panel .x-panel-header-vertical .x-surface {
padding-top: 18px;
}
.x-uni-grid-cell-normal .x-grid-cell-inner {
	white-space: normal;  line-height: 1.5;
}
.x-grid3-hd-inner {
     overflow: hidden;
     padding: 3px 3px 3px 5px;
     white-space: normal;
}
.x-column-header-inner .x-column-header-text {
    white-space: normal;
}
.x-column-header-inner {
    line-height: normal;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    text-align: center;
}

.x-form-trigger-wrap-default {
  border-width: thin;
  border-color: #c1c1c1 #d9d9d9 #d9d9d9; 
}
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: #3892d3; 
}
.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
    border-color: #cf4c35; 
}

.x-aps-feedback button .x-btn-icon {
  background-image: url(images/feedback.png);
  background-position: center !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.x-aps-help button .x-btn-icon {
  background-image: url(images/help.png);
  background-position: center !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.x-form-item-11 {
    font: normal 11px tahoma,arial,verdana,sans-serif
}

.clear {
   clear: both;
   margin-bottom: 12px;
   font-size:10px;
}

.from-me {
	position:relative;
	padding:10px 20px;
	color:white;
	background:#0B93F6;
	border-radius:25px;
	float: right;

	&:before {
		content:"";
		position:absolute;
		z-index:-1;
		bottom:-2px;
		right:-7px;
		height:20px;
		border-right:20px solid #0B93F6;
		border-bottom-left-radius: 16px 14px;
		-webkit-transform:translate(0, -2px);

	}

	&:after {
		content:"";
		position:absolute;
		z-index:1;
		bottom:-2px;
		right:-56px;
		width:26px;
		height:20px;
		background:white;
		border-bottom-left-radius: 10px;
		-webkit-transform:translate(-30px, -2px);

	}
}
.from-them {
	position:relative;
	padding:10px 20px;
	background:#E5E5EA;
	border-radius:25px;
	color: black;
  float: left;


	&:before {
		content:"";
		position:absolute;
		z-index:2;
		bottom:-2px;
		left:-7px;
		height:20px;
		border-left:20px solid #E5E5EA;
		border-bottom-right-radius: 16px 14px;
		-webkit-transform:translate(0, -2px);
	}

	&:after {
		content:"";
		position:absolute;
		z-index:3;
		bottom:-2px;
		left:4px;
		width:26px;
		height:20px;
		background:white;
		border-bottom-right-radius: 10px;
		-webkit-transform:translate(-30px, -2px);

	}
}
.ext-cal-dtitle-holiday {
    color: #FF0000 !important;
}