/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
@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; display: none; width: 30px; height: 30px;
}


/* /////////////////////CSS for product search ////////////*/
.fixed-product-search{
/*max-width:800px;
margin: 0 auto;*/
width:80%;
padding-left:50px;
}
.searchProductTable,
.fixed-product-search .searchProductTable {
	width:100%; background-color: #eee !important;
	font-size:16px;	
}
.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;}
.search-product-box .products-inputs-col {font-size: 14px !important; width: 25%; float: left; padding-right: 5px;}
.search-product-box .products-inputs-col-last {padding-right: 0px;}
.search-product-box .products-inputs-col input[type=text],
.search-product-box .products-inputs-col select {
	border: 1px solid #ccc !important; border-radius: 0px !important;
}
.search-product-box .products-inputs-col select {border:0px !important;}
.search-product-box .reset-btn-col {float: right; clear: both;margin-top: 10px;}
.search-product-box .reset-btn-col button[type=button]{
	outline:none;
}
.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: 14px !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;}

.therapeutic-grp-wrap, .dosage-form-wrap {
	padding: 6px 5px;
	border:1px solid #ccc;
	width:100%;
}
.cust-drpdown{float:left; width:30%;}
.therapeutic-grp-wrap, .dosage-form-wrap label{color:#999; margin-right: 5px; float: left; padding-top: 6px;}
.therapeutic-grp-wrap  select, .dosage-form-wrap select{float: right; border: 0px; /*width:152px;*/ padding:6px 0px; border:0px solid #ccc; color:#0e0e0e !important;}
.therapeutic-grp-wrap  select option, .dosage-form-wrap select option{color:#666}
.searchProductTable-header {
	background-color: #CE8E56 !important;
	color:#ffffff;
	max-width: 1200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.searchProductTable-header .pTblLp {float: left; width:25%; padding: 10px;}
.searchProductTable-header .pTblRp {float: left; width:75%; border-left:1px solid #ddd;}
.searchProductTable-header .pTblRp .pTblRp-col-1 {float: left; width:45%; border-right: 1px solid #ddd; padding: 10px;}
.searchProductTable-header .pTblRp .pTblRp-col-2 {float: left; width:30%; border-right: 1px solid #ddd; padding: 10px;}
.searchProductTable-header .pTblRp .pTblRp-col-3 {float: left; width:25%; padding: 10px;}

.cust-continent{ width:25%}
.cust-product-group{ 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 ////////////*/

/*/////////////CSS for api search////////////*/
.flagicons {
    max-width: 30px;
    max-height: 30px;
  }
  .region {
    min-width: 80px !important;
  }
  .apiname {
      width:200px;
  }
  
  /*/////////////CSS for api 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-product-group{float:left; width:20%;}
.cust-prname{float:left; width:25%;}
.cust-genname{float:left; width:40%;}
.cust-continent .cust-li-inner,.cust-product-group .cust-li-inner,.cust-prname .cust-li-inner,.cust-genname .cust-li-inner{padding:10px; word-wrap: break-word;}

/*.main-content{
		min-height: 230px;
        background: #dbdfe5;
    }
    .sidebar-content{
        min-height: 100px;
        margin-bottom: 30px;
        background: #b4bac0;
    }*/
.brdrbtm{border-bottom: 1px solid #ddd; }
@media only screen and (max-width:767px){
	.dataScrll .mobScroll {width:800px;}
}
@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;}
}