@charset "utf-8";
/* CSS Document */
.productsingle > .entry-title{ margin-bottom:1.5rem; }
.productsingle > p{ margin-bottom:1.2rem; }

/* PRODUCT PAGE */
.main_product_container{
	float:none;
	width:100%;
	margin-right:0%;
}
.main_product_container > p{
	margin-bottom:1.2rem;
}
.product_image_container{
	float:none;
	width:100%;
	margin-right:0%;
}
.product_image_container img{
	width:100%;
	max-width: 300px;
	margin-bottom:1rem;
}

.flexslider {
	width:100% !important;
	max-width: 300px !important;
}

.docsearch-container{
	width:100%;
}
@media screen and (min-width: 768px){ 
  .docsearch-container{
	  width:33%;
	  float:left;
  }
}
@media screen and (min-width: 640px){ 
  .main_product_container{
	  float:right;
	  width:45%;
	  margin-right:5%;
  }
  .product_image_container{
	  float:right;
	  width:45%;
	  margin-left:5%;
  }
  .product_image_container img{
	  margin-bottom:0rem;
  }
}

/* TABLE */
.productsingle > table{ width:auto !important;}

.noti_table > thead{
	background-color:red;
}
thead{
	background-color:#01AEF0;
}
th{ color:#FFF !important;}
th, td{
	padding:0.5rem !important;
}
tr:nth-child(even) {background: #e5efff}
.lastrow{ text-align:right;}
th.lastrow{ padding-right: 22px !important; }

/* BUTYTON IN TABLE */
.productButton {
	background-color: #01AEF0;
    border: 1px solid #01AEF0;
    color: #fff;
    padding: 2px 15px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 11px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}
.productButton:hover {
	background-color:#fff;
	color: #000;
	text-decoration: none !important;
}
.productButton:active {
	position:relative;
	top:1px;
	text-decoration: none !important;
}

/* NUMBER PAGENATION */
.navigation ul{
	padding-left:0;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #7edbff;
	border: 1px solid #7edbff;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li.active a {
    background-color: #01aef0;
	border: 1px solid #01AEF0;
}

.navigation li a:hover{
    background-color: #fff;
	border: 1px solid #01AEF0;
	color: #000;
}

/* SEARCH */
.qcsearchform ul li {
    list-style: none;
    display: block;
    padding: 10px 0;
    margin: 0;
}
.qcsearchform ul {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}
.qcsearchform ul {
	margin-left:0 !important;
	padding-left:0 !important;
}
.qcsearchform label {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.searchandfilter ul {
	margin-left:0 !important;
	padding-left:0 !important;
}
.sf-field-search, .sf-field-submit, .floatleft{ float: left; }

.sf-field-submit > input[type=submit],
.allButton{
	background-color: #01AEF0;
    border: 1px solid #01AEF0;
    color: #fff;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 11px;
    margin: 0px 4px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}
.sf-field-submit  > input[type=submit]:hover,
.allButton:hover {
	background-color:#fff;
	color: #000;
	text-decoration: none !important;
}
.sf-field-submit  > input[type=submit]:active,
.allButton:active {
	position:relative;
	top:1px;
	text-decoration: none !important;
}

.allButton{
    padding: 5px 15px; !important;
	margin: 10px 0 !important;
}
 
/* POPUP */
.pum-container, .pum-theme-default-theme .pum-container { padding: 0px !important;}
.pum-title, .popmake-title{ width:100%; background-color: #01AEF0 !important; color:#FFF !important; padding: 1rem; }
.pum-content, .popmake-content{ padding: 1rem !important; }

.pum-content > p > a, 
.popmake-content > p > a{ 
	background-color: #01AEF0;
    border: 1px solid #01AEF0;
    color: #fff;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 11px;
    margin: 0px 4px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer; 
}

.pum-content > p > a:hover, 
.popmake-content > p > a:hover{
	background-color:#fff;
	color: #000;
	text-decoration: none !important;
}
.pum-content > p > a:active,
.popmake-content > p > a:active {
	position:relative;
	top:1px;
	text-decoration: none !important;
}