.item{

}
.col-md-6 {
    float: left;
    width: 50%;
}
.mypurchase_container{
	width: 90%;
	margin: 0 auto;
}
.tablinks.active{
  background: #767676;
}
ul.product_list{
	list-style: none;
	width: 100%;
	float: left;
}
.product_list li{
	width: 25%;
    float: left;
    padding: 5px 5px;
}
li .single_order{
	padding: 5px 5px;
	width: 100%;
	float: left;
}
.product_list li .inner{
  width: 100%;
  float: left;
  position: relative;
  min-height: 145px;
  height: 160px;
}
.modal-body ul{
    min-height: 90px;
}
.product_list .name{
	width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
}
.product_list .name a{
	text-decoration: underline;
}
a{
  box-shadow: none!important;
}
.product_list .qty{
	width: 20%;
	float: left;
	text-align: center;
  position: absolute;
  right: 0;
  cursor: pointer;
  background: #1979c3;
  color: white;
}
.product_list .thumb{
	width: 100%;
	float: left;
	text-align: center;
	padding: 5px 0px;
  height: 100px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid gray;
  box-shadow: 1px 1px 8px 1px #888888;
}
.product_list .thumb img{
    margin: 0 auto;
} 
.single_product .order_info{
	  width: 100%;
    position: fixed;
    left: 0;
    display: none;    
    top: 200px;
    border-radius: 5px;
    text-align: center;
    z-index: 1;
}
.single_product .order-container{
  	z-index: 9999;
    background: #fefefe;
    width: 50%;
    margin: 0 auto;
    border: 1px solid #eee;
    z-index: 9999;
    display: inline-block;
}
.order_info .header{
  	text-align: center;
    height: 50px;
    border-bottom: 1px solid #eee;
    line-height: 50px;	
}
.order_info .footer {
    border-top: #eee solid 1px;
    text-align: right;
    width: 100%;
    float: left;
    height: 50px;
}
.order_info .fa-close{
	  padding: 5px;
    right: 0;
    cursor: pointer;
}
.order_info ul{
	  list-style: none;
	  width: 100%;
    float: left;	
}
.order_info ul li{
	 width: 100%;
}
.single_order .order_no{
	  width: 10%;
    float: left;
}
.single_order .order_no a{
	  text-decoration: underline;
}
.single_order .order_date{
	  width: 30%;
    float: left;
}
.single_order .product_total{
    width: 20%;
    float: left;
}
.single_order .product_qty{
    width: 20%;
    float: left;
}
.single_order .order_total{
    width: 20%;
    float: left;
}
.modal-content{
  	top: 50px;
  	font-size: 14px;
}
.modal-header {
    padding: 5px;
    text-align: center;
}
.modal-header h4{
	padding: 0px;
	font-size: 16px;
	color: white;
}
#analysis .details-header 
{
  float: left;
  background: #32526E;
  margin-top: 10px;
  color: white;
  padding: 5px;
  border-radius: 5px 5px 0px 0px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: white;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    cursor: pointer;
}
body .entry-header { display: none; }
body .entry-content{
	width: 100% !important;
}
.wrap{
	  width: 90%;
	  max-width: 1200px !important;
    margin: 0 auto;
}
.tab{
	margin-bottom: 40px;
}
.tab button{
	  padding: 10px;
    font-weight: 600;
    background: #1979c3;
    color: white;
    margin: 0px 5px;
}
.year{    
}
.year_list{
  padding: 5px;
}
.year_list ul li{
    text-align: center;
    list-style: none;
    margin: 5px 0px;
    border-bottom: 1px solid #ddd;
}
.year_list ul li.active{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 22px;
    border-bottom: 1px solid #ddd;
}
.year_details{
  padding: 5px;
}
.category-list li{
  float: left;
  padding: 5px;
  margin: 5px;
  border: 1px solid;
  cursor: pointer;
}
.year h3{
    padding: 5px;
    text-align: center;
    margin: 0 auto;
    background: #32526E;
    color: white;
}
.year span.total{
    text-align: center;
    display: none;
}
.modal-dialog{
    width:750px;
    margin:30px auto
} 
.woocommerce-MyAccount-content{
    position: relative;
}
.year_list{
    width: 25%;
}
.single-year{
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 5px;
}
.single-year .year h3{
  width: 30%;
}
.year_details{
    width: 100%;
    float: left;
    margin-top: 20px;
}
#analysis{
  width: 100%;
  float: left;
}    
.analysis_container{
    width: 100%;
    float: left;
    position: relative;
}
.wrapper {
  width: 90%;
  max-width: 960px;
  margin: 2em auto;
}
.wrapper:after {
  content: ' ';
  display: block;
  clear: both;
}
h1 {
  float: left;
  padding-bottom: 1em;
  font-size: 140%;
  font-family: Arial;
  color: #4527a0;
}
.buttonLine {
  float: right;
  color: #ff8f00;
  padding: .5em 1.2em;
  border: solid 1px #ff8f00;
  border-radius: 20px;
}
.buttonLine:hover {
  background: #ff8f00;
  color: #f7f7f7;
  transition: all ease-in-out .3s;
}
.product-details , .category-details , .payment-details{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 1px solid #32526E;
  float: left;
  width: 100%;
}
.product-details .inner , .category-details .inner{
    padding: 10px;
    float: left;
    width: 100%;
}
.product-details .inner th{
  color: #666;
  width: 56%;
} 
.product-details .inner .first{
  width: 60%;
  float: left;
}
.product-details .inner .second{
  width: 22%;
  float: right;
}
.payment-details .inner{
    background-image: url(../images/payment-option.png);
    background-position: right bottom;
    background-size: 185px;
    background-repeat: no-repeat;
    padding: 10px;
    float: left;
    width: 100%;
    background-position-x: 97%;
}
.pagination-page{
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    border: 1px solid grey;
    margin: 0px 5px;
    margin-top: 20px;
    line-height: 20px;
    cursor: pointer;
    padding: 5px;
    width: 23px;
    display: inline-block;
}
.order-pagination{
    float: left;
    width: 100%;
    text-align: center;
}
.analysis_container .select-year{
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}
.graph_section{
  display: none;
  max-height: 500px;
  width: 100%;
  float: left;
}
.analysis_container .generate_chart{
    float: right;
    background: #E84C3D;
    color: white;
    padding: 5px;
    border-radius: 2px;
    cursor: pointer;
}   
#easyPaginate {width:100%;}
.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}
.easyPaginateNav{text-align: center; padding-top: 20px;}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);float: left;width: 100%;}
.modal-sm{width:300px}}
.container {width:100%; background:#f1f1f1;}
.slider { width:730px; margin:0 auto;}
a {display:inline-block; border:0; padding:5px 6px; padding-bottom:0px !important; }
a.active {display:inline-block; border:1px solid red; padding:5px; padding-bottom:0px !important; margin-bottom:50px;}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:80%;margin:0 auto;}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{background: #32526E;padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px; position: absolute; right: 15px;}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px;text-align: center;float: left;width: 100%;}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media(max-width: 767px)
{
  .mypurchase_container{
    width: 100%;
  }
  .year_details{
    padding: 0px;
  }
  .product_list li{
    width: 50%; 
  }
  .tab button{
    padding: 9px;
    font-size: 10px;
    font-weight: 500;
  }
  .product_list li .inner
  {
    min-height: auto; 
    height: auto;
  }
  .product_list li:nth-child(2n+1){
    clear: both;
  }
  .single-year{
    width: 100%;
    padding: 0px;
  }
  .single-year table{ 
    font-size: 12px;
  }
  .product-details .inner .second{
    display: none;
  }
  .product-details .inner th{
    width: auto;
  }
  .category-list li{
    margin: 0px;
    font-size: 12px;
  }
  .payment-details .inner{
    background-size: 140px;
  }
  .product-details .inner .first{
    width: 100%;
  }
  .year_list{
    width: auto;
    font-size: 12px;
  }
  .analysis_container .generate_chart{
    margin-top: 5px;
  }
  .graph_section{
    height: 500px;
    padding: 20px 0px;
    margin: 20px 0px;
  }
  .graph_section.year{
    height: 300px;
    margin: 10px;
  }
  .analysis_container .select-year{
    padding: 0px;
    width: 100%;

  }
  .analysis_container{
    font-size: 12px;
  }
  .tab{
    background: #32526E;
    color: white; 
  }
  .tab button{
      background: #32526E;
      margin: 0px;
  }

}
 @media(min-width: 768px) and (max-width: 1024px)
{
  .graph_section{
    height: 350px;    
    margin: 30px 0px;
  }
}