/* $Id$  */

.handsontable .htDimmed {
font-style: normal;
color: #000;
}

.handsontable th, .handsontable td {vertical-align:middle; line-height:none!important;}
.handsontableInput{ padding-top:4px;} 	/*height:26px!important;*/
.handsontableth{ border-bottom:1px solid #CCC;}

.handsontable tr:last-child td{ border-bottom:none;}
.handsontable tr:first-child td{ border-top:none;}

.custom_drop_double_arrow {
display: block;

padding: 0px 0 0 0px;
height: 25px;
overflow: hidden;
position:relative;

}

.custom_drop_double_arrow_img {
background: url(../../../../../appcreator/images/custom_drop_double_arrow.png) right top no-repeat;
height: 13px;
position: absolute;
width: 7px;

right: 4px;
top: 4px;
opacity: 0.3;

}
.custom_drop_double_arrow_img1 {
background: url(../../../../../appcreator/images/custom_drop_double_arrow.png) right top no-repeat;
height: 13px;
position: absolute;
width: 7px;

right: 4px;
top: 6px;
opacity: 0.3;

}

.custom_drop_double_arrow:hover .custom_drop_double_arrow_img1, .multisel_wrapper:hover .custom_drop_double_arrow_img{
opacity: 1;
}

.custom_drop_double_arrow select {
outline: 0;
-webkit-appearance: none;
appearance: none;
-moz-appearance: radio-container;
background: transparent;
border: 1px solid transparent;
margin-top: 0px;
height: 25px;
border-radius: 0px;
padding: 0px 22px 0px 9px;
color: #000;
width:100%;
font-size:12px;
font-family:arial;



position: absolute;
left: 0px;
top: 0px;

}

.clear_value{background: url(../../../../../appcreator/images/clear_value.png) no-repeat; height: 11px;
position: absolute;
width: 10px;
right: 4px;
top: 6px;
opacity: 0.3;
cursor:pointer;}

.clear_value:hover{ opacity:1.0;}

.cal_icon1{background: url(../../../../../appcreator/images/cal_icon1.png) no-repeat; height: 14px;
position: absolute;
width: 14px;

right: 4px;
top: 3px;
opacity: 0.3;}
.cal_icon2{background: url(../../../../../appcreator/images/cal_icon2.png) no-repeat; height: 12px;
position: absolute;
width: 12px;

right: 4px;
top: 5px;
opacity: 0.3;}

.cal_field:hover .cal_icon1, .cal_field:hover .cal_icon2{
opacity: 0.7;
}


/* FOR MULTI SELECT  */



.multisel_outer_wrapper{ position:relative;}
.multisel_outer_wrapper:focus{ outline:none;}



.multisel_wrapper{ text-overflow: ellipsis;  overflow:hidden; white-space: nowrap;}
.custom_multiselect {
background: #fff;
position: absolute;
width:100%;

z-index: 99;
/*display: none;*/

box-shadow: 0px 2px 3px #E0E0E0;

top:0px;
left:0px;
border: 1px solid #ddd;

overflow:auto;
max-height:300px;
}

.custom_multiselect ul{
padding: 0;
margin: 0;
}

.custom_multiselect ul li {
padding: 3px 10px 3px 10px;
color: #333;
cursor: pointer;
margin: 0;
list-style-type:none;
}
.custom_multiselect ul li:hover{ background:#F6F6F6;}

.custom_multiselect ul li:focus{ outline:none;background:#F6F6F6;}

.custom_multiselect ul li:first-child {padding: 5px 10px 3px 10px;}
.custom_multiselect ul li:last-child {padding: 3px 10px 5px 10px;}

.custom_multiselect ul li span{
padding-right: 5px;
visibility: hidden;
}
.custom_multiselect ul .selected span {
visibility: visible;
}

.handsontableInput{
	//text-align: right;
}

.handsontableth
{
	background-color : #EEEEEE;
	color : #222222;
	font-weight : normal;
	white-space: nowrap;
	border-left : 1px solid #CCCCCC;
	font-size : 12px;
	line-height : 21px;
	text-align :center;
	width: 198px;
	padding : 0px;	
}

.relative
{
	padding : 2px 4px;
	position: relative;
}

.zc-viewtable {
	//border-left: 0px !important;
}

.zc-viwfooteritems{ border-top:none !important;}

.handsontable th, .handsontable td, .handsontableth {
	height : 27px;
}

.wtHider
{
	overflow : visible !important;
}

.handsontableInput
{
	font-size: 12px !important;	
}

.wtSpreader
{
	height : 0px !important;
	width: 0px !important;
}

.handsontable td.htInvalid
{
	background-color : white;
	outline: none;
  	border: 2px solid #EB0000;
  	overflow:visible;
 	//-webkit-box-shadow:0 0 5px rgba(225, 22, 22, 0.6);
 	//-moz-box-shadow:0 0 5px rgba(225, 22, 22, 0.6);
 	//box-shadow:0 0 5px rgba(225, 22, 22, 0.6);
	
	//border-color : rgba(225, 22, 22, 0.8);
	//outline : 0 none;
	//-webkit-box-shadow: rgba(225, 22, 22, 0.6) 0px 0 10px;
 	//-moz-box-shadow: rgba(225, 22, 22, 0.6) 0 0 10px;
 	//box-shadow: rgba(225, 22, 22, 0.6) 0 0 10px;
}

.handsontable td.htDimmed
{
	color: #999;
}

.tooltip_up{
   min-width: 60px; 
   
   background: #ffc9c9;
   border-color: #ffc9c9;
   position: absolute;
   -moz-border-radius: 2px; 
   -webkit-border-radius: 2px; 
   border-radius: 2px;
   text-align:center;
   color: #ac1818;
   font-family:Arial, Helvetica, sans-serif;
   padding:6px 20px;
   font-size:12px;
   
}
.tooltip_up:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-bottom: 5px solid #ffc9c9;
   left: 50%;
   margin:-11px 0px 0px 0px;
	margin-left: -3px;
	
}

.tooltip_right{
   min-width: 60px; 
   
   background: #474747;
   position: absolute;
   -moz-border-radius: 2px; 
   -webkit-border-radius: 2px; 
   border-radius: 2px;
   text-align:center;
   color:#FFF;
   font-family:Arial, Helvetica, sans-serif;
   padding:6px 20px;
   font-size:12px;
}

.tooltip_right:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-left: 6px solid #474747;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	top: 50%;
	right: -6px;
	margin: 0px 0px 0px 0px;
	margin-top: -4px;
}

/* Right click Menu  */
.right_click_menu_wrapper, .context-menu-list {
box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
font-family: Lucida Grande,Segoe UI,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: 5px 0;
margin: 0;
position: absolute;
z-index: 13000;
overflow:hidden;
overflow-y:auto;
background:#FFF;
max-width:none;
}

.right_click_menu_item, .context-menu-item {
color: #5c5c5c;
list-style: none;
padding: 5px 0;
margin: 0;
position: relative;
cursor: default;
white-space: nowrap;
text-align: right;
float: left;
clear: both;
display:block;
background:#FFF;
width:auto;
}

.right_click_menu_item:hover, .context-menu-item:hover {background:#EEEEEE;}

.right_click_menu_icon_wrapper {
float: left;
margin-left: 10px;
width: 16px;
height: 16px;
text-align: center;
position: relative;
padding: 1px 2px;
}

.right_click_menu_icon {
margin: auto;
vertical-align: middle;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.right_click_menu_text {
margin-left: 10px;
float: left;
margin-right: 40px;
line-height: 13px;
margin: 2px 5px 2px 5px;
}

.right_click_menu_shortcut {
font-size: 11px;
text-align: right;
position: relative;
top: 1px;
right: 10px;
color: #999;
}
  
.right_click_menu_separator, .context-menu-separator {
border-width: 0 0 1px 0;
border-style: dashed;

width: 100%;
height: 1px;

padding:0px!important;
margin: 2px 0 3px 0!important;
}
.right_click_menu_separator:hover, .context-menu-separator:hover {background:none;}

.cut_icon{background: url(../../../../../appcreator/images/cut_icon.png) no-repeat; 
height: 15px;

width: 13px;
}
.copy_icon{background: url(../../../../../appcreator/images/copy_icon.png) no-repeat; 
height: 15px;

width: 14px;
}
.paste_icon{background: url(../../../../../appcreator/images/paste_icon.png) no-repeat; 
height: 16px;

width: 13px;
}
.replace_icon{background: url(../../../../../appcreator/images/replace_icon.png) no-repeat; 
height: 15px;

width: 13px;
}
.delete_row_icon{background: url(../../../../../appcreator/images/delete_row_icon.png) no-repeat; 
height: 14px;

width: 15px;
}

.disabled {
     color: #999999 !important;
}

/* CSS For Feature Notification in Live Mode */

.notification_wrapper_ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.notification_wrapper_ul li, .zc-header-table ul.notification_wrapper_ul li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #eee;
	display: block;
	padding: 10px 5px 10px 10px;
}

ul.notification_wrapper_ul li:first-child {
	padding: 5px 5px 10px 10px;
}

ul.notification_wrapper_ul li:last-child {
	border-bottom: 1px solid transparent;
}

.notification_wrapper_ul li:hover {
	background: #f7f7f7;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}

.notification_wrapper_ul li .dropdown_box {
	
}

.notification_count {
	width: 13px;
	height: 13px;
	font-size: 10px;
	color: #fff;
	line-height: 14px;
	text-align: center;
	background: #CC3A3A;
	float: right;
	margin-left: 8px;
	border: 1px solid #FFF;
}

.notification_heading {
	line-height: normal;
	margin: 0px 0px 8px 0px;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}

.notification_subtxt {
	color: #999999;
	font-size: 11px;
	line-height: 19px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	white-space: normal;
}

.notification_limit {
	color: #54aa52;
	font-size: 12px;
}

.notification_help a {
	color: #0F5491;
	font-size: 11px;
	outline: medium none;
	text-decoration: none;
	padding: 0px;
	display: inline;
	opacity: 0.7;
}

.mb10 {
	margin-bottom: 10px;
}

.bg_green {
	background: rgb(101, 166, 51);
	border: 1px solid #4D8A1E;
}

.bg_default {
	background: #333333;
	border: 1px solid #000;
}
.ddmenu_primary_bt {
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	outline: medium none;
	padding: 4px 15px;
	margin-right: 5px;
	text-align: center;
}

.handsontable tr:first-child th, .handsontable tr:first-child td {
	border-top: none;
}

.handsontable thead tr:last-child th {
	border-bottom-width : 1px;
}

.handsontable td.tdbgcolor {
	background-color : #EEF4FF;
}