@charset "UTF-8";


body {
  background: #ffffff;
  font-family: 'roboto', Helvetica;
  margin: 0;
  padding-bottom: 0px;
  overflow-x: hidden;
  color: #797979;
}

/* dhtml layout css */

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_cont_layout {
    position: absolute;
    border-left: 0px solid #c7c7c7;
    border-right: 0px solid #c7c7c7;
    border-bottom: 0px solid #c7c7c7;
    border-top: 0px solid white;
    padding: 0px;
    overflow: hidden;
    z-index: 0;
}



.dhxform_obj_dhx_web fieldset.dhxform_fs {
    border : 0px;
    margin: 0px;
    padding: 5px 0px 15px 0px;
    clear: left;
    width: 100%;
}


.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr {
  position: relative;
  height: 32px;
  line-height: 31px;
  font-family: Helvetica;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  background-color: #494949;
  overflow: hidden;
  cursor: default;
}


div.gridbox_dhx_web.gridbox table.hdr td div.hdrcell {
    width: auto;
    padding-left: 10px;
    width: 100% !ie;
    text-align : center;
}


.dhxlayout_base_dhx_web div.dhxlayout_cont {
	position: inherit;
}

.dhx_cell_hdr {
	display:none;
}

.dhxform_obj_dhx_web div.dhxform_btn {
	margin-bottom: 5px;
    background-color: #3b3e47 !important;
    float: left;
    cursor: pointer;
    clear: both;
    position: relative;
    overflow: hidden;
    font-family: Helvetica;
    font-size: inherit;
    color: #ffffff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 2px;
    padding: 2px !important;
    
}



/*
.dhxform_obj_dhx_web div.dhxform_btn {
    background-color: #3b3e47 !important;
    border: 1px solid #3b3e47 !important;
	color: #ffffff !important;
    padding: 5px 10px !important;
    border-radius: 2px;
    margin-bottom: 5px !important;
        font-size: 12px;
    line-height: 1.5;
    display: inline-block;
        font-weight: 400;
    text-align: center;
     white-space: nowrap;
    vertical-align: middle;       
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
        background-image: none;
        outline: none !important;
    box-sizing: border-box;
        direction: ltr;
    unicode-bidi: isolate;
           font-family: Helvetica;     
        border-collapse: collapse;
}
*/

.btnRound2_Padding4 {
	border-radius: 2px;
    padding: 4px;
}


#csvDownForm .dhxform_btn {
	
}

/* topnav */


#topnav .navigation-menu > li:hover a i {
	color: #000;
}

#topnav .topbar-main {
    background-color: #fff;
}


#topnav .navigation-menu > li > a {
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #435966;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
}

#topnav .navigation-menu > li > a:hover {
	text-decoration: none;
}

#topnav {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  /*bottom : 0;*/
  z-index: 50;
  background-color: transparent;
  border: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  min-height: 62px;
}

#topnav.affix {
	box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}

#topnav .navigation-menu > li .submenu li a img{
	height: 20px;
	width : 20px;
	/*padding-right : 5px;*/
}


/* btn */

button.close-white {
    color: #fff;
    opacity: 1;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.btn-logout {
    background-color: #f8f8f8 !important;
    border: 1px solid #adadad !important;
    Radius : 3px;
    Inner shadow :1px #ffffff;
    
}


.btn-logout:hover, .btn-logout:focus, .btn-logout:active, .btn-logout.active, .btn-logout.focus, .btn-logout:active, .btn-logout:focus, .btn-logout:hover, .open > .dropdown-toggle.btn-logout {
    background-color: #3b3e47 !important;
    border: 1px solid #3b3e47 !important;
    color:#fff !important; 
}

	
.btn-custom {
    background-color: #91a3f5;
    border-color: #91a3f5;
    color: #fff !important;
        
    /*#6F88FB*/
}


.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.focus, .btn-custom:active, .btn-custom:focus, .btn-custom:hover, .open > .dropdown-toggle.btn-custom {
    background-color: #4663E6 !important;
    border: 1px solid #4663E6 !important;
    color:#fff !important; 
}

.btn-primary {
  background-color: #435966 !important;
  border: 1px solid #435966 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  background-color: #133E58 !important;
  border: 1px solid #133E58 !important;
}


.btn-whitegray {
    background-color: rgba(17, 19, 29, 0.48);
    border-color: rgba(17, 19, 29, 0.16);
    color: #fff !important;
        
    /*#6F88FB*/
}


.btn-whitegray:hover, .btn-whitegray:focus, .btn-whitegray:active, .btn-whitegray.active, .btn-whitegray.focus, .btn-whitegray:active, .btn-whitegray:focus, .btn-whitegray:hover, .open > .dropdown-toggle.btn-whitegray {
    background-color: rgba(17, 19, 29, 0.75) !important;
    border: 1px solid rgba(17, 19, 29, 0.16) !important;
    color:#fff !important; 
}


.zIndex1 {
	z-index:1;
}

/*#9bebec*/
.header-line {
	background-color: #261c4e;
    color: #fff;
    height: 30px;
    padding-top: 5px;    
    
}
.header-line-browser {
	background-color: #2a3f54;
    color: #ffffff;
    height: 30px;
    padding-top: 5px;    
    
}

.header-line-browser-mint {
	background-color: #9bebec;
    color: #357778;
    height: 30px;
    padding-top: 5px;    
    
}

.border-line {
	border-bottom: 1px solid #c7c7c7;    
}




.menu_icon {
	height: 20px;
	width : 20px;
	/*padding-right : 5px;*/
}



.backGray {
	background-color: #ebeff2;
}

.panel-primary > .panel-heading {
    background-color: #435966;
}

.label_name {
	width: 97%;
	white-space: nowrap;
	word-wrap: normal;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.label_name_table {
	width: 300px;
	white-space: nowrap;
	word-wrap: normal;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.max_width400 {
	max-width :400px;
}

.label_name_34 {
	line-height: 25px
}

.text-custom {
	color : #435966 !important
}

.fontGlay {
	color :#435966 !important;
}


.pointer { 
	cursor: pointer;
}

.cursor-move { 
	cursor: move;
}

#MyAccountMenu > li {
	cursor: pointer;
}

.fontBlack {
	color :#000 !important;

}

/* margin & padding */

.m-t-6 {
    margin-top: 6px !important;
}

.card-top {
	margin-top : 10px;
}

.m-top0 {
  margin-top: 0px;
}

.m-top10 {
  margin-top: 10px;
}

.m-top20 {
  margin-top: 20px;
}

.m-top25 {
  margin-top: 25px;
}

.m-top30 {
  margin-top: 30px;
}

.m-top40 {
  margin-top: 40px;
}

.m-top50 {
  margin-top: 50px;
}
.m-top60 {
  margin-top: 60px;
}
.m-top70 {
  margin-top: 70px;
}
.m-top80 {
  margin-top: 80px;
}
.m-top90 {
  margin-top: 90px;
}
.m-top100 {
  margin-top: 100px;
}

.m-left10 {
	margin-left: 10px;
}

.m-left20 {
	margin-left: 20px;
}

.m-left30 {
	margin-left: 30px;
}
.m-left40 {
	margin-left: 40px;
}
.m-left50 {
	margin-left: 50px;
}
.m-left60 {
	margin-left: 60px;
}
.m-left70 {
	margin-left: 70px;
}
.m-left80 {
	margin-left: 80px;
}
.m-left90 {
	margin-left: 90px;
}
.m-left100 {
	margin-left: 100px;
}

.m-right10 {
	margin-right: 10px;
}

.m-right20 {
	margin-right: 20px;
}

.m-right30 {
	margin-right: 30px;
}

.m-right40 {
	margin-right: 40px;
}

.m-bot30 {
	margin-bottom: 30px;
}


.container {
    width: 100%;
/*     min-width: 1230px; */
}



.p_left5 {
	padding-left : 5px;
}

.p_left10 {
	padding-left : 10px;
}

.p_left20 {
	padding-left : 20px !important;
}

.p_left25 {
	padding-left : 25px !important;
}

.p_left30 {
	padding-left : 30px !important;
}

.p_left40 {
	padding-left : 40px !important;
}

.p_left50 {
	padding-left : 50px !important;
}
.p_left60 {
	padding-left : 60px !important;
}
.p_left70 {
	padding-left : 70px !important;
}
.p_left80 {
	padding-left : 80px !important;
}
.p_left90 {
	padding-left : 90px !important;
}
.p_left100 {
	padding-left : 100px !important;
}

.p_right5 {
	padding-right : 5px;
}
.p_right7 {
	padding-right : 7px !important;
}

.p_right10 {
	padding-right : 10px;
}

.p_right20 {
	padding-right : 20px !important;
}

.p_right30 {
	padding-right : 30px !important;
}

.p_right40 {
	padding-right : 40px !important;
}
.p_right50 {
	padding-right : 50px !important;
}
.p_right60 {
	padding-right : 60px !important;
}
.p_right70 {
	padding-right : 70px !important;
}
.p_right80 {
	padding-right : 80px !important;
}
.p_right90 {
	padding-right : 90px !important;
}
.p_right100 {
	padding-right : 100px !important;
}

.p_left_right40 {
	padding-right : 40px;
	padding-left : 40px;
}

p.p_title {
	font-weight: bold;
	font-family: Helveltica; 
	margin: 0;
}

.p_top3 {
	padding-top: 3px;
}

.p_top5 {
	padding-top: 5px;
}

.p_top7 {
	padding-top: 7px;
}

.p_top10 {
	padding-top: 10px;
}

.p_top15 {
	padding-top: 15px !important;
}

.p_top20 {
	padding-top: 20px;
}

.p_top25 {
	padding-top: 25px;
}

.p_top30 {
	padding-top: 30px;
}

.p_top50 {
	padding-top: 50px;
}

.p_top58 {
	padding-top: 58px;
}

.p_top65 {
	padding-top: 65px;
}

.p_top60 {
	padding-top: 60px;
}

.p_top62 {
	padding-top: 62px;
}

.p_top70 {
	padding-top: 70px;
}

.p_top100 {
	padding-top: 100px !important;
}

.p_top150 {
	padding-top: 150px !important;
}

.p_bottom5 {
	padding-bottom : 5px !important;
}

.p_bottom10 {
	padding-bottom : 10px;
}

.p_bottom15 {
	padding-bottom : 15px !important;
}
.p_bottom20 {
	padding-bottom : 20px !important;
}

.p_bottom30 {
	padding-bottom : 30px !important;
}

.p_bottom50 {
	padding-bottom : 50px !important;
}

.p_bottom100 {
	padding-bottom : 100px !important;
}

.collapsibleTitle {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.height40 {
	height : 40px;
}

.modal-xlg {
    width: 1100px;
}

.modal-xlg1400 {
    width: 1400px;
}


.link_text_blue {
	color : #188ae2 !important;
}

.read_input_label input {
	border : 0px;
	/*color : #115794;*/
	background-color : #fff !important;
}

.read_input_label textarea {
	border : 1px;
	/*color : #115794;*/
	background-color : #fff !important;
}

.background-black-pangenome {
	background-color : #333 !important;
}

.opacity02-pangenome {
	opacity : 0.2;
}


.background-black-genomes {
	background-color : #333 !important;
}

.opacity02-genomes {
	opacity : 0.2;
}

.background-black-contig {
	background-color : #333 !important;
}

.opacity02-contig {
	opacity : 0.2;
}


.D{
  background-color: #99FF00 !important;
}
.M{
  background-color: #9EC928 !important;
}
.N{
  background-color: #006633 !important;
}
.O{
  background-color: #00FFFF !important;
}
.T{
  background-color: #0000FF !important;
}
.U{
  background-color: #33CC99 !important;
}
.V{
  background-color: #FF008A !important;
}
.W{
  background-color: #336699 !important;
}
.Y{
  background-color: #493126 !important;
}
.Z{
  background-color: #660099 !important;
}
.A{
  background-color: #C2AF58 !important;
}
.B{
  background-color: #FFC600 !important;
}
.J{
  background-color: #FF0000 !important;
}
.K{
  background-color: #FF9900 !important;
}
.L{
  background-color: #FFFF00 !important;
}
.C{
  background-color: #9900FF !important;
}
.E{
  background-color: #FF00FF !important;
}
.F{
  background-color: #99334D !important;
}
.G{
  background-color: #805642 !important;
}
.H{
  background-color: #727DCC !important;
}
.I{
  background-color: #5C5A1B !important;
}
.P{
  background-color: #0099FF !important;
}
.Q{
  background-color: #FFCC99 !important;
}
.R{
  background-color: #FF9999 !important;
}
.S{
  background-color: #D6AADF !important;
}
.X{
  background-color: #000000 !important;
}

.gridPageTitle {
	font-size: 16px; 
	font-weight: 600; 
	line-height:16px; 
	margin: 10px 0; 
}

.tutorial_welcome_msg {
    color: #5f5ca3;
    font-weight: bold;		
}

.color_violet {
	color: #8e84ee !important;
}

.background_color_strong_violet {
    background-color: #5f5ca3 !important;
}

.text_center {
	text-align: center;
}

.background_white_color {
	background-color: #fff !important;
	border-color : #c7c7c7 !important;
}

.btn_selected_color {
	background-color: #9AECEA !important;
	border-color : #c7c7c7 !important;
}


/*
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  background-color: #9aecea !important;
  border-color: #c7c7c7 !important; 1px solid #9aecea !important;
}
*/



/*
.btn-tutorial:hover,
.btn-tutorial:focus {
  background-color: #5f5ca3 !important;
  border-color: #5f5ca3 !important; 1px solid !important;
}
*/





.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #00b3db;
    border-color: #285e8e; /*set the color you want here*/
}

.fa-arrow-left:before {
    content: "\f060";
    z-index: 1500;
}

.fa-arrow-left {
    content: "\f060";
    z-index: 1500;
}

.btn-tutorial {
	color : #fff;
	background-color: #5f5ca3 !important;
}
.btn-tutorial:hover, .btn-tutorial:focus {
    color: #fff;
    background-color: #5f5ca3 !important;
}

.library_dropdown {
	background-color: #fafafa !important;
	border-color: #cccccc !important;
}


/*
.library_dropdown {
    background-color: #6C51C7 !important;
    border-color: #fff !important;
    color: #fff !important;
}
*/

.btn-logout {
	background-color: #fafafa !important;
	border-color: #cccccc !important;
    color: #565656 !important;
}

.btn-logout:hover, .btn-logout:focus {
	background-color: #fafafa !important;
	border-color: #cccccc !important;
    color: #3b3e47 !important;
}

.background-color-sky {
    background-color: rgba(113, 182, 249, 0.47);
}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #00b3db;
    border-color: #285e8e; /*set the color you want here*/
}

.btn-tutorial-select:hover,
.btn-tutorial-select:focus,
.btn-tutorial-select:active,
.btn-tutorial.active,
.btn-tutorial.focus,
.btn-tutorial-select:active,
.btn-tutorial-select:focus,
.btn-tutorial-select:hover {
  background-color: #9aecea !important;
  border-color: #c7c7c7 !important;
}

.btn-tutorial-select.active, .btn-tutorial-select:active {
    background-image: none;
    outline: 0;
    background-color: #9aecea !important;
    box-shadow: none;
}

@media (max-width: 767px) {
	.topbar-left {
	        width: auto !important;
	}

}

@media (max-width: 1280px) {
	.short_menus {
  		display:none;
  	} 
}

.modal-mini{
	width: 400px;
}

.modal-titlebar-color.info{
	background-color:#004d99;
	opacity:0.8;
}

.navbar-nav>li>.dropdown-menu{
	border:1px solid #b3b3b3;
}

.activeLang {
	background-color:#71b6f9;
}

.modal .modal-dialog .modal-content {
   	-moz-box-shadow: none;
   	-webkit-box-shadow: none;
   	border-color: #DDDDDD;
   	border-radius: 5px;
   	box-shadow: none;
   	padding: 25px;
}
	
	
.txt-center {
	text-align: center;
}

.txt-right {
	text-align: right;
}

.table-text-right {
	text-align: right;
}

.table-text-right>thead>tr>th {
	text-align: right;
}


.scrollable-menu {
	height:auto; 
	max-height:800px;
	width:370px;
	overflow-x:hidden;
}

.modal-titlebar-color.warning {
    background-color: rgb(249, 200, 81);
    opacity: 0.8;
}

.redPoint {
	color: red !important;
}

.modalTableScroll {
	height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-total-info {
    float: right;
    padding-bottom: 20px;
    padding-right: 10px;
}


.tableColorMint {
	background-color:#abe7ed;
}

/* .dhtmlx-grid-fix-width > *, *::before, *::after {
   box-sizing: content-box;
} */

.dhtmlx-grid-fix-width > * {
   box-sizing: content-box;
}

.th_center th {
	text-align:center;	
}

.txt_center {
	padding-left : 0px !important;
	padding-right : 0px !important;
	text-align:center;
}

.td_right20_th_left20 td {
	padding-right : 20px;
}
.td_right20_th_left20 thead th {
	text-align: center;
}

.checkbox_custom {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 0;
}

.qiimeData { 
	display:none;
	/*background-color: rgba(16, 196, 105, 0.04);*/
	background-color: rgba(16, 196, 105, 0.1);
}

.qiimeDataTaxComp { 
	/*background-color: rgba(16, 196, 105, 0.04);*/
	background-color: rgba(16, 196, 105, 0.1);
}

.chunlabData_skyblue {
	/*background-color: rgba(113, 182, 249, 0.07);*/
	background-color: rgba(113, 182, 249, 0.11);
}


.selectActiveBlue {
	background-color: #d0e7fd !important;
}

.custom-footer {
	background: #252a3c;
    color: #80909A;
    font-size: 13px;
}


/* Search ����  Start */

.app-search {
    position: relative;
    margin: 15px 0px 15px 10px;
}

.app-search .form-control, .app-search .form-control:focus {
    border: none;
    font-size: 13px;
    color: #333;
    padding-left: 20px;
    padding-right: 40px;
    background: rgba(54, 64, 74, 0.1);
    box-shadow: none;
    border-radius: 30px;
    height: 30px;
    font-weight: 600;
    width: 180px;
}

#topnav .app-search a {
    position: absolute;
    top: 5px;
    right: 20px;
    color: #333;
}


#topnav .app-search .form-control, #topnav .app-search .form-control:focus {
    border: none;
    font-size: 13px;
    color: #333;
    padding-left: 20px;
    padding-right: 40px;
    background: #eee;
    box-shadow: none;
    border-radius: 30px;
    height: 30px;
    width: 180px;
}

/* Search ����  End */


.split    { 
	height: 1px; background-color: #CFCFCF; line-height: 0; 
}

.button.small {
    height: 18px;
    background-position: left -107px;
}

.button, .button a, .button button, .button input {
    position: relative;
    margin: 0;
    display: -moz-inline-stack;
    display: inline-block;
    text-decoration: none !important;
    border: 0;
    font-size: 12px;
    font-family: Tahoma, Sans-serif;
    white-space: nowrap;
    background: url(buttonWhite.gif) no-repeat;
    overflow: visible;
    color: #333;
}
.dt-center{
	text-align: center;
}

.site-change-modal-dackgray {
    background-color: rgba(0, 0, 0, 0.72);
}

.site-change-modal {
    background-color: transparent;
   box-shadow: none;
   border: 0;
}

.modal-sites {
    width: 80%;
}

.page-title-card {
	color : #141414;
	font-size :24px;
	font-weight: 600;
	padding-bottom: 30px;
}
.page-subtitle-card {
	color : #141414;
	font-size :20px;
	font-weight: 600;
	/*padding-bottom: 30px;*/
}

.mint-bar {width: 100%; height: 1px; background-color:#90d0d6;}

.gray-bar {width: 100%; height: 1px; background-color:#2a3f54;}

.whitegray-bar {width: 100%; height: 1px; background-color:#cbcfd4;}



.pageContainerText{
    color: #2a3f54;
}

.font-darkgray {
	color: #2a3f54;
}

.font-Roboto18px {
	font-family: 'roboto';
	font-size : 18px;
	color : '#39c9d2';
}

.title-24px {
	font-family: 'roboto';
	font-size : 24px;
	font-weight : 700;
	color : '#2a3f54';
}

.title-sub-12px {
	font-family: 'roboto';
	font-size : 12px;
	color : '#78909c';
}


.font-white {
	color: #ffffff;
}

.font-whitegray {
	color: #eeeeee;
}

.font-mintgary {
	color: #2eabad !important;
	font-weight: 600 !important;
}

.faq-title {
	font-size: 40px !important;
	font-weight: 700 !important;
	color: #2a3f54;
}


.about-text-header {
	font-size: 18px;
}

.about-text-counter {
	font-size: 60px;
    font-weight: 700;
}

.btn-info-custom {
	background-color: #ffffff !important;
	border : 1px solid #39c9d2 !important;
	color: #39c9d2 !important;
	cursor: pointer;	
}

.btn-info-custom:hover,
.btn-info-custom:focus,
.btn-info-custom:active,
.btn-info-custom.active,
.btn-info-custom.focus,
.btn-info-custom:active,
.btn-info-custom:focus,
.btn-info-custom:hover,
.open > .dropdown-toggle.btn-info-custom {
  background-color: #39c9d2 !important;
  border: 1px solid #39c9d2 !important;
  color: #ffffff!important;
}

a.link-btn:hover {
  background-color: #21afda !important;
  border: 1px solid #21afda !important;
  color: #ffffff!important;
}

.footer_color{
	background-color: #213140;
    padding: 50px 0 0;
    position: relative;
    clear: both;
}

.font-size-small {
	font-size:11px;
}

.pointer img a:focus, .pointer img a:active {
	color:#eeeeee; 
}

a.unfocus {
	color:#eeeeee;
}


#topnav .topbar-main .nav > li > a {
    color: #435966;
    line-height: 60px;
    padding: 0px 15px;
    position: relative;
    background: transparent !important;
}


.team_title_wrap {
  margin: 50px 0 50px 0;
}

.team_title {
  font-size: 40px;
  /*color: #747474;*/
}

.team_title_desc {
  font-size: 15px;
  /*
  color: #a8a8a8;
  */
}

.thumb_box {
  margin-bottom: 50px;
}

.thumb_img {
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #eee;
  margin: 0px auto 20px auto;
  opacity: 0.8;
  filter: alpha(opacity=80);
   -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.thumb_box:hover .thumb_img {
  opacity: 1;
  filter: alpha(opacity=100);
  border: 1px solid #eee;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.thumb_img img {
  max-width: 100%;
  min-height: 200px;
}

.thumb_lg {
  width: 200px;
  height: 200px;
}

.thumb_md {
  width: 150px;
  height: 150px;
}

.thumb_md img {
   min-height: 150px;
}

.thumb_title {
  font-size: 18px;
}

.thumb_desc {
  font-size: 15px;
  color: #a8a8a8;
}

.m_auto {
  margin-right: auto;
  margin-left: auto;
}

.p_side0 {
  padding-left: 0;
  padding-right: 0
}



/* loading section start */


.loading_img {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 ) 
	            url('../images/load-indicator.gif') 
	            50% 50% 
	            no-repeat;
} 


.screen_loading {
	z-index: 1011; 
	position: fixed; 
	padding: 15px; 
	margin: 0px; width: 30%; top: 40%; left: 35%; text-align: center; 
	color: rgba(255, 255, 255, .6); border: none; 
	cursor: wait; border-radius: 10px; 
	'-webkit-border-radius': '10px';
	'-moz-border-radius': '10px'
	opacity: 0.5;
}
 
.screen_loading_view {
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba(255, 253, 253, 0.6) 50% 50% no-repeat;
}




.loading {
  position: absolute;
  top: 50%;
  left: 50%;
}
.loading-bar {
  display: inline-block;
  width: 6px;
  height: 35px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
  margin-right: 2px;
}
.loading-bar:nth-child(1) {
  background-color: #50aaf6;
  animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #39c9d2;
  animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #0099a0;
  animation-delay: .18s;
}
.loading-bar:nth-child(4) {
  background-color: #546e7a;
  animation-delay: .27s;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}


/* small loading */

.spinner_loading {
  height: 28px;
  width: 28px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid  #39c9d2;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}


/* loading section end */


.easy-autocomplete input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none !important;
    color: #555;
    float: none;
    padding: 6px 12px;
}

.btn-image {
    background-color: rgba(255, 255, 255, 0);
    background-image: url(../images/icon/btn_info_white.png);
    width: 26px;
    height: 20px;
    padding: 0px;
    border: 0px;
}

.tab-content {
    padding: 20px;
    border: 2px solid #eeeeee;
    border-top: none;
    margin-bottom: 10px !important;
}

.search-btn {
	font-size:16px; 
	color:rgba(128, 128, 128, 0.52);
	padding-right: 10px;
}

#eac-container-searchInputsmall > ul {
	padding-top: 10px !important; 
}
#eac-container-searchInputsmall > i {
	display:none; 
}


.disable-color {
	color : rgba(158, 158, 158, 0.91) !important;
}

.active-color {
	color :#2196f3 !important;
}

.table th {
  text-align: center;
}

.disabled-btn{
	cursor: not-allowed !important;
	box-shadow: none;
    opacity: .65;
}

.plus_pill {
	background: #00c4ff;
	border-radius: 10px;
/* 	padding: 1% 5% 1% 5%; */
	padding: 1px 6px 1px 6px;
	color: white;
	font-size: 10px;
	line-height: 14px;
	vertical-align: middle;
	font-weight: normal;
}