@font-face {
  font-family: Myriad-Pro-Regular;
  src: url(fonts/Myriad-Pro-Regular.ttf)
}
@font-face {
  font-family: Myriad-Web-Pro-Bold;
  src: url(fonts/Myriad-Web-Pro-Bold.ttf);
}
@font-face {
  font-family: Myriad-Pro-Semibold;
  src: url(fonts/Myriad-Pro-Semibold.ttf);
}
/*http://fontsgeek.com/search?q=myriad+pro+bold*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {scroll-behavior: smooth;}
html, body, p, h1, h2, h3, h4, h5, h6, span, button, input, select, a {
	font-family: "Myriad-Pro-Regular", Arial, Helvetica, sans-serif;
	font-style: normal !important;
}
img {max-width: 100%;}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
input[type="text"] {
  font-size: 20px;
}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mtop30 {margin-top:30px;}
.mtop40 {margin-top:40px;}
.mtop50 {margin-top:50px;}
.wordbreak {    
   -ms-word-break: break-all;    
       word-break: break-all;
       -webkit-hyphens: auto;
          -moz-hyphens: auto;
           -ms-hyphens: auto;
               hyphens: auto;
    
    -ms-word-wrap:break-word;
        word-wrap:break-word;
}
a:focus,
button:focus {
  outline: none;
}
.fixed-product-search option:focus {
	outline: none!important;
}

.hide{
	display: none;
}

.show{
	display: block;
}

/*#loader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; margin: auto; width: 30px; height: 30px; display:none;}*/

#loader {
	position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6); /* Black with transparency */
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
}

/* /////////////////////CSS for product search ////////////*/
.fixed-product-search{
/*max-width:800px;
margin: 0 auto;*/
width:80%;
padding-left:50px;
}
.fixed-product-search .searchProductTable{ width:100%; background-color: #eee !important;}
.fixed-product-search .searchProductTable .toprow{background-color: #CE8E56; color: #FFFFFF;}
.fixed-product-search .searchProductTable .odd{/*background-color: #ebebeb;*/ background-color:none;}
.fixed-product-search .searchProductTable .even{background-color:#CE8E56; color: #fff;}
.fixed-product-search table tr {/*border-bottom:1px solid #ffffff;*/ font-size: 18px !important; line-height: 22px;}
.fixed-product-search table th,
.fixed-product-search table td {
	padding:10px 10px; border:0px; /*border-bottom:1px solid #ffffff !important;*/
	font-family: "Myriad-Pro-Light", Sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	font-style: normal;
	background-color: #eee !important;
}

/*.fixed-product-search table tbody tr:hover>td, table tbody tr:hover>th {
    background-color: #eee !important;
}*/
.cust-table-scrll{overflow-y: hidden; overflow-x: auto; width:100%;}
.search-product-box{margin:10px 0px !important;}
.cust-pro-col {margin: 0 5px 0 0; /*background-color:#97E4F6;*/}
.cust-pro-col.cust-col-3{float:left; width:25%;/*width:33%;*/}
.cust-pro-col.cust-col-3 input[type="text"]{border:1px solid #CCCCCC !important; color:#0E0E0E !important; opacity:1 !important; border-radius:0px !important;}
.product-search-input {
    padding: 11px 5px 11px 5px !important;
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
    /*overflow: hidden;*/
    font-size: 16px !important;
    /*background-color: #97E4F6;
	 width:84% !important;*/
    min-width: none !important;
    float: left;
}

.product-search-icon {
    /* background-color: #97E4F6; */
   /* background-color: #97E4F6;*/
    color: #ffffff;
    cursor: pointer !important;
    font-size: 16px;
    padding: 5px;
    border: 0px;
    width: 35px;
    float: left;
    /*height: 42px;*/
    height: 48px;
    border: 0px;
    margin-left: -1px;
    border-left: 0px;
    float: right;
    border: 1px solid #ccc;
		border-radius:0px;
}
.search-product-box [type="submit"], [type="reset"], button{padding:10px !important; height:auto !important; color:#fff !important; border-color:#cccccc !important; background-color: #CE8E56 !important;}
.search-product-box button:hover{background-color: #CE8E56 !important; color:#fff !important;}

.product-search-icon img{padding-top:7px; width: 30px;}
.product-wrap {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    position: relative;
}
.product-label-wrap {
    position: relative;
    background-color: #97E4F6 !important;
    border: 0px solid #ddd;
    cursor: default;
}

.searchProductTbody table tbody>tr:nth-child(odd)>td{background-color:none !important;}

.product-cntry-wrap{
/*background-color: #97E4F6;*/
padding: 6px 5px;
border:1px solid #ccc;
}
.cust-drpdown{float:left; width:30%;}
.product-cntry-wrap label{color:#999; margin-right: 5px; float: left; padding-top: 6px;}
.product-cntry-wrap select{float: right; border: 0px; /*width:152px;*/ padding:6px 0px; border:0px solid #ccc; color:#0e0e0e !important;}
.product-cntry-wrap select option{color:#666}
.searchProductTable {
background: #DDD;
max-width: 1200px;
list-style: none;
margin: 0;
padding: 0;
}

.cust-continent{ width:25%}
.cust-country{ width:25%}
.cust-prname{ width:25%}
.cust-genname{ width:25%}

/* clear fix */
.searchProductTable:after {
content: '';
display: block;
clear: both;
}

.searchProductTable__item {
width: 100%;
clear: both;
border-top: 1px solid #ddd;
}


.searchProductTable__item > * {
/*display: inline-block;*/
padding: 4px 4px;
/*min-width: 200px;*/
/*width:20%;*/
}

.searchProductTable__item .name { width: 30%; }
.searchProductTable__item .symbol { width: 10%; }
.searchProductTable__item .weight { width: 15%; }
.searchProductTable__item .number { width: 10%; }
.searchProductTable__item .category { width: 20%; }

/* /////////////////////CSS for product search ////////////*/

.cust-th-col-1{float:left; width:15%; }
.cust-th-col-2{float:left; width:20%;}
.cust-th-col-3{float:left; width:25%;}
.cust-th-col-4{float:left; width:40%;}
.cust-th-col-1 .cust-th-col-inner,.cust-th-col-2 .cust-th-col-inner,.cust-th-col-3 .cust-th-col-inner,.cust-th-col-4 .cust-th-col-inner {padding:10px;}

.tableTh-bg{background-color: #CE8E56; color: #fff;}

.cust-continent{float:left; width:15%;}
.cust-country{float:left; width:20%;}
.cust-prname{float:left; width:25%;}
.cust-genname{float:left; width:40%;}
.cust-continent .cust-li-inner,.cust-country .cust-li-inner,.cust-prname .cust-li-inner,.cust-genname .cust-li-inner{padding:10px; word-wrap: break-word;}

/*/////////////CSS for api search////////////*/
.flagicons {
    max-width: 30px;
    max-height: 30px;
  }
  .region {
    /*min-width: 8%;*/
		min-width: 7%;
    /*display: inline-block;*/
		padding-top:8px;
		float:left;
		/*position: relative;
		left: 230px;*/
  }
  
  .apiname {
      /*width:28%;*/
			width:25%;
      /*display: inline-block;*/
		  float:left;
		  padding-left:5px;
			height:38px;
  }
  
  .apiname .cust-li-inner {
		display: table-cell;
		font-family: "Myriad-Pro-Regular", Arial, Helvetica, sans-serif;
		color: #333;
  }
  .isChecked {
    background-color: #CE8E56 !important;
		color:#ffffff;
  }
.apiSearch-btns{margin-bottom:20px;}
.apiSearch-btns input{width:300px; font-size: 16px; margin-right:10px; padding:10px; border: 1px solid #ccc;}
.apiSearch-btns [type="reset"], button{padding:10px !important; border-color:#cccccc !important; border:0px !important;}
.apiSearch-btns button[type=button]{
	outline:none;
}
.regionSet button{ width:auto; font-family: "Myriad-Pro-Light", Sans-serif; font-size:16px; padding: 10px 5px !important; margin-bottom:20px;}
.apisearch-brdcrmb{float:left; width:25%; /*width:125px; margin-bottom:20px;*/}
.apisearch-brdcrmb .fleft{float:left;}
.apisearch-brdcrmb .fleft-shrtText{background-color:#fff; border-radius:100%;width:30px; height:30px; text-align:center; display: table-cell; vertical-align: middle; color: #333;
font-weight: bold;}
.apisearch-brdcrmb .fleft-title{float:left; padding-top: 4px; margin-left:5px; font-family: "Myriad-Pro-Light", Sans-serif; color:#fff;}
.cust-country-flagIcon{margin-bottom:10px !important; margin-top:20px;}
.cust-country-flagIcon .fleftCenter{float:left; text-align:center; margin-right:10px; color: #0E0E0E; font-family: "Myriad-Pro-Light", Sans-serif; font-size: 16px; line-height: 22px; font-weight: normal; margin-bottom:20px; width:100px;}
.cust-country-flagIcon .fleftCenter img{max-width:35px; width:100%;}

.cust-countryFlag{float:left; width:33.33%;}
.cust-countryFlag-inner{
	border:1px solid #AF7F51;text-align:left; padding:10px 20px;
	margin-left: -1px;
	margin-top: -1px;
	cursor:pointer;
}

.cust-countryFlag-inner img{width:40px; margin-right:10px; height:38.38px}
.cust-countryFlag-inner span{vertical-align:middle !important; /*display:inline-block;*/ display: inline-flex;}
.noBorder-right{border-right:0px !important; }
.noBorder-top{border-top:0px !important; }
.noborder-Left{border-left:0px;}

.cust-tableBrdcrm{background-color:#AF7F51; padding:10px 0px; margin-bottom:30px !important; margin-top:30px !important;}
.cust-inner-tableBrdcrm{width:80% !important; margin:0 auto !important;}
.flagSelTxt {	
	font-family: 'Myriad-Pro-Regular', Sans-serif; font-size:18px; line-height:26px;
	color:#CE8E56;
	margin-top: 10px; margin-bottom: 10px;
}
.cust-tableBrdcrm-simple {
	font-family: "Myriad-Pro-Light", Sans-serif; font-size: 18px; line-height: 26px;
	color:#333333;
	text-align:right;
	margin-bottom:10px !important; margin-top:30px !important;
}
.cust-tableBrdcrm-simple span {
	display:inline-block; margin-right:13px;
	font-family: "Myriad-Pro-Light", Sans-serif;
}
.cust-tableBrdcrm-simple span:last-child{margin-right:0px;}
.cust-tableBrdcrm-simple strong {font-family: "Myriad-Pro-Regular", Sans-serif;}

.searchProductTbody li {background-color: #eeeeee;}
/*/////////////CSS for api search////////////*/
.dataScrll .mobScroll {padding-left:1px;}

/*Sticky Div*/
.sticky, .apiname {
    float:left;
    width:228px;
		/*background-color: #eeeeee;
		z-index:1*/
}
.sticky {
  	 /*position:absolute;*/
	  position: -webkit-sticky;
 		position: sticky;
		left:0px;
		background-color: #eeeeee;
		top:0px;
		z-index:1;
	  height:38px;
}

/*Sticky Div Css END*/
.elementor-1889 .elementor-element.elementor-element-bc1f3df{z-index:5 !important;}

@media only screen and (max-width:1280px){
	 .apiname {width:22% !important;}
	 .cust-countryFlag-inner{padding:10px !important;}
	 .cust-inner-tableBrdcrm {width: 90% !important;}
}

@media only screen and (max-width:1130px){
.cust-countryFlag-inner{padding:10px 5px !important;}
.cust-countryFlag-inner img{width:25px !important; height:24px; margin-right: 5px;}
.cust-inner-tableBrdcrm {width: 95% !important;}
}

@media only screen and (max-width:1024px){
	 .apiname {width:27% !important;}
	 .fixed-product-search{width:100% !important; padding:0px 20px !important;}
   .cust-countryFlag-inner{padding:10px !important;}
	 .cust-countryFlag-inner img{width: 40px !important; margin-right: 10px; height: 38.38px !important;}
	 .cust-inner-tableBrdcrm {width: 80% !important;}
}
@media only screen and (max-width:767px){
.cust-countryFlag-inner{padding:10px !important;}
.apisearch-brdcrmb{width:50%;}	
.mob-margin-btm{margin-bottom:20px !important;}
.dataScrll .mobScroll {width: 800px;}
.cust-tableBrdcrm-simple {text-align:left;}	
/*.searchProductTable__item {left:-8px !important;}
.apiname{padding-left: 15px;}*/

}
@media only screen and (max-width:640px){
.cust-table-scrll{width:100%;}
.fixed-product-search {width:100%; padding:0 20px;}
.fixed-product-search .searchProductTable{width:1024px !important;}
.cust-pro-col.cust-col-3{float:none; width:100%; margin-bottom:20px;}
.cust-pro-col {margin: 0px 0px 5px 0px !important; display:inline-block;}
.mob-border-top{border-top:1px solid #AF7F51 !important;}
.mob-border-right{border-right:1px solid #AF7F51 !important;}
.mob-border-Left{border-left:1px solid #AF7F51 !important;}
.mob-noborder-top{border-top:0px solid #AF7F51 !important;}
.mob-noborder-right{border-right:0px solid #AF7F51 !important;}
.mob-noborder-Left{border-left:0px solid #AF7F51 !important;}
.noBorder-right{border-right:1px solid #AF7F51 !important;}
.cust-tableBrdcrm-simple {font-size: 15px; left: 20px; }	
.cust-tableBrdcrm-simple span{margin-right:10px;}	
/*.cust-countryFlag{float:left; width:50% !important;}
.cust-countryFlag{float:none; width:45% !important;}	*/

}

@media only screen and (max-width:480px){
.cust-countryFlag-inner img{width:30px !important; height:28.78px !important;}
}

@media only screen and (max-width:374px){
.cust-countryFlag-inner img{width:20px !important; height:19px !important; margin-right:2px !important;}
}

@supports (-webkit-touch-callout: none) {
   /* CSS specific to iOS devices */ 
   .dataScrll {-webkit-overflow-scrolling:touch;}
}

@supports not (-webkit-touch-callout: none) {
   /* CSS for other than iOS devices */ 
  .dataScrll {-webkit-overflow-scrolling:touch;}
}