#form_top_image #remove_row_button,
#form_top_image #start_query_mode,
#form_top_image #print_searchResult,#search_tip,.ino-breadcrumb-simple{display:none !important;}
thead {
  background: #a2a3d4;
  color: white;
  
}
#form_line td select{
	min-width: 100px;

}
ul.tabMain li.ino-toggle-tab {
    font-size: 35px !important;
    background: transparent !important;
}
th,
td {
  padding: 5px 10px;
  font-weight: normal !important;
}

table th {
    color: #fff !important;
	text-align: center;
}
tbody tr:nth-child(even) {
  background: WhiteSmoke;
}


tfoot {
  background: #0317f3;
  color: white;
  text-align: right;
}



ul.tabMain {
 list-style:none;
 height:100%;
 width:100%;
 border-radius:8px 0 -50px 0;
 clear: both;
 text-align: left;
}

ul.tabMain li {
 float:left;
 line-height:24px;
 /* border:1px solid #999;*/
 overflow:hidden;
 position:relative;

 margin: 2px 10px 0 0;
 display: inline-block; 
 	background-color: #4a6d9c;
	
}
.dropdown.ino_serch_setting{display:none}
ul.tabMain li.ui-state-active {
background-color: #fff;
color: #3949a0;
}

ul.tabMain li.ui-state-active a:hover{color:#111e63 !important;}
ul.tabMain li a{

color:#fff;
 text-decoration:none;
 display:block;
 font-size:13px;
 /*border:1px solid #fff;*/
 outline:none;

 padding:4px 20px;

}
ul.tabMain li a:hover{font-weight: 500;color:#ddd !important;}

.ui-state-active, ul.tabMain li:hover {
/*  background-color:rgba(123, 207, 128, 0.77);
 border-color:rgba(123, 207, 128, 0.77) !important; */
 color:#3046b1;
}

.ui-datepicker-calendar .ui-state-active
{
  
  background:rgb(10, 150, 19) !important;
  color: #fff;
}
/* #sys_msg_box{position: fixed;
right: 9px;
text-align: 0;
z-index: 1111111;
top: 105px;
width: 300px;}*/

.extn_report_content .tabContainer { border: 1px solid #efefef !important;}
.tabContainer {

 padding: 8px;
 clear: both;
 float: left;
 min-width: 99%;
 max-width: 99%;
 background-color:#fff !important;
 margin-top: -8px;
}
#tabsHeader .tabContainer{margin-top: -11px;min-height: 200px;}
.tabContainer.no_tab{
 border-radius: 8px;
}
.tabContent {
 padding:5px;
 position: relative;

}
#erp_form_area{max-width:100%}
#tabsLine .tabContent {
 
 overflow-y: hidden;
overflow-x: auto;
}

/*End of origianl CSS*/
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

.ui-helper-hidden-accessible {
 display: none;
}

.ui-autocomplete{
 z-index: 10;
 padding : 0px 5px;
 background: lightgrey;
 font : white;
 border : 1px solid;
}

.ui-autocomplete a:link {
 font: white;
}


.ui-tabs-vertical { width: 1050px; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 220px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 800px; }

ul.tabVerticalMain li{
 background:rgba(200,200,200, 0.8);
}

ul.tabVerticalMain li.ui-state-active{
 background:rgba(210,248,12,0.2);
}
.tabContainer_v .large_shadow_box{
 background:rgba(210,248,12,0.2);
}


ul.tabVerticalMain {
 float:left;
 list-style:none;
 width:100%;
 border-radius:8px 0 -50px 0;
 margin:0;
 padding:0;
}

ul.tabVerticalMain li a {
 text-decoration:none;
 color:#000;
 display:block;
 font-size: 1.1em;
 border:1px solid #fff;
 outline:none;
 padding:40px 20px;
 margin: 10px 0;

}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
 overflow: hidden;
 position: relative;
}

.jspPane
{
 position: absolute;
}

.jspVerticalBar
{
 position: absolute;
 top: 0;
 right: 0;
 width: 16px;
 height: 100%;
 background: red;
}

.jspHorizontalBar
{
 position: absolute;
 bottom: 0;
 /*left: 0;*/
 top: 0;
 width: 100%;
 height: 16px;
 background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
 margin: 0;
 padding: 0;
}

.jspCap
{
 display: none;
}

.jspHorizontalBar .jspCap
{
 float: left;
}

.jspTrack
{
 background: #dde;
 position: relative;
}

.jspDrag
{
 background: #bbd;
 position: relative;
 top: 0;
 left: 0;
 cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
 float: left;
 height: 100%;
}

.jspArrow
{
 background: #50506d;
 text-indent: -20000px;
 display: block;
 cursor: pointer;
}

.jspArrow.jspDisabled
{
 cursor: default;
 background: #80808d;
}

.jspVerticalBar .jspArrow
{
 height: 16px;
}

.jspHorizontalBar .jspArrow
{
 width: 16px;
 float: left;
 height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
 outline: none;
}

.jspCorner
{
 background: #eeeef4;
 float: left;
 height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
 margin: 0 -3px 0 0;
}

.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

.ui-datepicker {
 background: #EAE9D8;
}



.ui-datepicker .ui-datepicker-header {
 position: relative;
 background: #aaa;
 font-weight: bold;
  width: 202px;
  padding: 2px 10px;
  
}

.ui-datepicker .ui-datepicker-title {
 text-align: center;
 
}

.ui-datepicker .ui-datepicker-title select {
 font-size: 1em;
 margin: 1px 0;
 color: #333;
 width: 45px;
}

.ui-datepicker-prev{
 float: left;
 cursor:  pointer;
  color: #fff !important;
}

.ui-datepicker-next {
 float: right;
  cursor:  pointer;
 color: #fff !important;

}

.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w{
    padding : 0 4px;
  border-radius: 12px;
  border: 1px solid #fff;
}

table.ui-datepicker-calendar{
 text-align: center;
}

table.ui-datepicker-calendar tr th{
 background: #aaa;
 color: #fff;
}

table.ui-datepicker-calendar tr td,
table.ui-datepicker-calendar tr th{
 border: 1px solid #ccc;
  padding: 3px 7px ;
  
}


/*move to animated block*/

#animated_block { 
 position: relative; 
 width: 100%; 
}

#animated_content > div { 
 position: absolute; 
}

.play_button{
 position: relative;
 float:  right;
 margin-top: -10px;
 z-index:  9999;
}

.accordion input{
 height: 32px;
}

.accordion .ui-accordion-content {
 width: 100%;
 background-color: #f3f3f3;
 color: #777;
 font-size: 14px;
 line-height: 32px;
 box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2),
  inset 0px -1px 0px 0px rgba(0, 0, 0, .4);
}
.accordion .ui-accordion-content > * {
 margin: 0;
 padding: 20px;
}
.accordion .ui-accordion-content a {
 color: #777;
}

.accordion .ui-accordion-header {
 background-color: #3296B1;

 margin-bottom:10px;
 color: #fff;
 padding: 5px 10px;
 font-weight: bold;
 cursor :pointer;        
}

.accordion .ui-accordion-header .fa{
 color: #fff; 
}
.accordion .ui-accordion-header:first-of-type a {
 box-shadow: 0px -1px 0px 0px #b85c0f;
}
.accordion .ui-accordion-content:last-of-type {
 box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2),
  inset 0px 0 0px 0px rgba(0, 0, 0, .5);
}

.ui-widget-header, .ui-widget-content{
 border: none !important;
}

.ui-autocomplete{
 border:1px solid #fff;
 font-size: 0.9em;
 background-color:#3FB6DA;
 color: #fff;
 max-height: 200px;
overflow: scroll;
}

.ui-autocomplete li{
 padding: 0;
 cursor: pointer; 
 margin:0;
 text-decoration: none;
}

/*input.ui-autocomplete-input{
  width: 88% !important;
}*/

.ui-autocomplete li:hover{
 background: #9BB3BA;
}