[genuitec-file-id="wc1-1"],[genuitec-lp-path="/ap_affliation_new_2024/WebRoot/Affl_libs/css/affiliation.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

 @import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
  @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');




  body{font-family: 'Roboto Condensed', sans-serif; background-image: url(img/mainbg.jpg); font-weight:500;}
  .header{background:#035f73; padding:5px;}
  
  
   #chartdiv,#chartdiv2 {
  width: 100%;
  height:270px;
}

.page-head-line {
font-weight: 900;
padding-bottom: 5px;
border-bottom: 2px solid #e66a13;
text-transform: uppercase;
color: #e66a13;
font-size: 20px;

}
  
.number {
	font-family: 'Roboto Condensed', sans-serif;
	
}
  
  
  h3.gos {
    color: #285173;
    font-weight: bold;
    padding-left: 16px;
    font-size: 23px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-left: 5px solid #d57050;
    margin-bottom: 20px;
}
.latest_notification_style {
    background: #ace9f0;
    min-height: 356px;
    font-size: 15px;
}
.latest_notification_style ul {
    list-style: none;
    padding: 10px;
}
.latest_notification_style ul li:first-child {
    padding-top: 34px;
}
.latest_notification_style ul li {
    border-bottom: 1px solid #7ec8d0;
    padding: 17px;
}
  
.panel1{

background-color: #fff;
    /* min-height: 310px; */
    min-height: 100px;
    margin-bottom: 15px;
    box-shadow: -1px 5px 4px #ddd;
    border-radius: 0px;
    border: 0px;}
    
    .panel2{

background-color: #fff;

    margin-bottom: 15px;
    box-shadow: -1px 5px 4px #ddd;
    border-radius: 0px;
    border: 0px;}
	
	.panel-heading{ font-weight:bold;}
	.panel-primary>.panel-heading {
    color: #fff;
    background-color: #c15a16;
    border-color: #c15a16;
}

.panel-warning>.panel-heading {
    color: #ffffff;
    background-color: #355b81;
    border-color: #355b81;
}
.panel-heading span{margin-left:10px; font-weight:bold; font-size:17px;	position:relative; top:3px;}
.list_item{padding:0px;}
.list_item li
{
font-weight: 500;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px dashed #ddd;
    list-style: none;
    text-indent: -8px;
    margin-left: 8px;
}
.panel-success>.panel-heading {
    color: #ffffff;
    background-color: #139476;
    border-color: #139476;
}
.panel-info>.panel-heading {
    color: #ffffff;
    background-color: #138cc1;
    border-color: #138cc1;
}
.desc-wrap p{line-height:32px;}
.footer{padding:10px 0px 0px 0px ; text-align:center; font-weight:bold;}
.footer a{color:#fff;}

.item p{font-weight: 500;
    line-height: 1.8;}
	
	
	btn{
    margin: 4px;
    box-shadow: 1px 1px 5px #888888;
}

.btn-xs{
    font-weight: 300;
}
   
.btn-hot {
color: #fff;
background-color: #db5566;
border-bottom:2px solid #af4451;
}

.btn-hot:hover, .btn-sky.active:focus, .btn-hot:focus, .open>.dropdown-toggle.btn-hot {
color: #fff;
background-color: #df6a78;
border-bottom:2px solid #b25560;
outline: none;}


.btn-hot:active, .btn-hot.active {
color: #fff;
background-color: #c04b59;
border-top:2px solid #9a3c47;
margin-top: 2px;
}

.btn-sunny {
color: #fff;
background-color: #fc8724;
border-bottom:2px solid #fc8724;
}

.btn-sunny:hover, .btn-sky.active:focus, .btn-sunny:focus, .open>.dropdown-toggle.btn-sunny {
color: #fff;
background-color: #fc8724;
border-bottom:2px solid #fc8724;
outline: none;
}


.btn-sunny:active, .btn-sunny.active {
color: #fff;
background-color: #fc8724;
border-top:2px solid #fc8724;
margin-top: 2px;
}

.btn-fresh {
color: #fff;
background-color: #51bf87;
border-bottom:2px solid #41996c;
}

.btn-fresh:hover, .btn-sky.active:focus, .btn-fresh:focus, .open>.dropdown-toggle.btn-fresh {
color: #fff;
background-color: #66c796;
border-bottom:2px solid #529f78;
outline: none;
}


.btn-fresh:active, .btn-fresh.active {
color: #fff;
background-color: #47a877;
border-top:2px solid #39865f;
outline: none;
outline-offset: none;
margin-top: 2px;
}




.btn-fresh1 {
color: #fff;
background-color: #261550;
border-bottom:2px solid #261550;
}

.btn-fresh1:hover, .btn-sky.active:focus, .btn-fresh1:focus, .open>.dropdown-toggle.btn-fresh1 {
color: #fff;
background-color: #261550;
border-bottom:2px solid #261550;
outline: none;
}


.btn-fresh1:active, .btn-fresh1.active {
color: #fff;
background-color: #261550;
border-top:2px solid #261550;
outline: none;
outline-offset: none;
margin-top: 2px;
}



.btn-fresh2 {
color: #fff;
background-color: #a59a11;
border-bottom:2px solid #a59a11;
}



.btn-fresh2:hover, .btn-sky.active:focus, .btn-fresh1:focus, .open>.dropdown-toggle.btn-fresh1 {
color: #fff;
background-color: #a59a11;
border-bottom:2px solid #a59a11;
outline: none;
}


.btn-fresh3 {
color: #fff;
background-color: #007890;
border-bottom:2px solid #007890;
}


.btn-fresh3:hover, .btn-sky.active:focus, .btn-fresh1:focus, .open>.dropdown-toggle.btn-fresh1 {
color: #fff;
background-color: #007890;
border-bottom:2px solid #007890;
outline: none;
}


.btn-fresh2:active, .btn-fresh1.active {
color: #fff;
background-color: #005890;
border-top:2px solid #005890;
outline: none;
outline-offset: none;
margin-top: 2px;
}




.btn-fresh4 {
color: #fff;
background-color: #c52785;
border-bottom:2px solid #c52785;
}


.btn-fresh4:hover, .btn-sky.active:focus, .btn-fresh1:focus, .open>.dropdown-toggle.btn-fresh1 {
color: #fff;
background-color: #c52785;
border-bottom:2px solid #c52785;
outline: none;
}



.btn-fresh5 {
color: #fff;
background-color: #009890;
border-bottom:2px solid #009890;
}


.btn-fresh5:hover, .btn-sky.active:focus, .btn-fresh1:focus, .open>.dropdown-toggle.btn-fresh1 {
color: #fff;
background-color: #009890;
border-bottom:2px solid #009890;
outline: none;
}


.img-wrap button a {
    color: #fff;
    text-decoration: none;
}


.btn-sky {
color: #fff;
background-color: #0bacd3;
border-bottom:2px solid #098aa9;
}

.btn-sky:hover,.btn-sky.active:focus, .btn-sky:focus, .open>.dropdown-toggle.btn-sky {
color: #fff;
background-color: #29b6d8;
border-bottom:2px solid #2192ad;
outline: none;
}

.btn-sky:active, .btn-sky.active {
color: #fff;
background-color: #0a97b9;
border-top:2px solid #087994;
outline-offset: none;
margin-top: 2px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
    outline-offset: 0px;
}
	
	
	


.product {

  margin: 5px auto;
}
.product.flip .fornt {
  -webkit-transform: perspective(400px) rotateY(-180deg);
          transform: perspective(400px) rotateY(-180deg);
}
.product.flip .back {
  -webkit-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
  height: 285px;
}
.product > div.back {
 width:95%;
  position: absolute;
  box-shadow: 0px 0px 6px 0px #ddd;
  top:0;
}
.product .fornt, .product .back {
  background-color: #fafafa;
  -webkit-transform: perspective(1000px) rotateY(0deg);
          transform: perspective(1000px) rotateY(0deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  box-shadow: -1px 5px 4px #ddd;
}
.product .fornt span.new, .product .back span.new {
 position: absolute;
    background: #77d596;
    color: #fff;
    font-size: 22px;
    left: 0;
    top: 0;
    cursor: pointer;
    padding: 3px 3px 0px 0px;
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 0% 0% 75% 0%;
    font-weight: 300;
    text-align: center;
}
.product .fornt .img-wrap, .product .back .img-wrap {
  padding: 30px 20px 30px;
  background-color: #fff;
  min-width: 100%;
  margin-top:15px;
  min-height: 250px;
}
.product .fornt .img-wrap img, .product .back .img-wrap img {
  max-width: 100%;
}
.product .fornt .img-wrap i, .product .back .img-wrap i {
  position: absolute;
  top: 13px;
  right: 13px;
  font-size: 20px;
  color: #EAEAEA;
  -webkit-transform: scale(1);
          transform: scale(1);
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.product .fornt .img-wrap i:hover, .product .back .img-wrap i:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.product .fornt .img-wrap i.fav, .product .back .img-wrap i.fav {
  color: #fe7676;
}
.product .fornt .description, .product .back .description {
  position: relative;
  padding: 30px 15px 15px;
}
.product .fornt .description span.discount, .product .back .description span.discount {
  position: absolute;
  top: -24px;
  right: 15px;
  background-color: #FF6F6F;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-style: outset;
  border: 3px solid rgba(255, 255, 255, 0.55);
  box-sizing: content-box;
  font-weight: 300;
  font-size: 15px;
}
.product .fornt .description .content h3, .product .back .description .content h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 300;
  color: #696969;
}
.product .fornt .description .content p, .product .back .description .content p {
  margin: 10px 0 15px;
  font-size: 14px;
  font-weight: 300;
  color: #909090;
}
.product .fornt .description .price, .product .back .description .price {
  float: left;
}
.product .fornt .description .price .old-price, .product .back .description .price .old-price {
  font-size: 18px;
  color: #C3C3C3;
  font-weight: 300;
  margin-right: 10px;
}
.product .fornt .description .price .new-price, .product .back .description .price .new-price {
  font-size: 30px;
  font-weight: 300;
  color: #48AF6A;
}
.product .fornt .description .quick-detail, .product .back .description .quick-detail {
  background-color: #2893a5;
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: #fff;
    padding: 5px;
    font-size: 14px;
    cursor: pointer;
}
.product .fornt .description .quick-detail i, .product .back .description .quick-detail i {
  -webkit-transform: translate(0px);
          transform: translate(0px);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.product .fornt .description .quick-detail:hover i, .product .back .description .quick-detail:hover i {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}





.product .fornt .description .quick-detail2, .product .back .description .quick-detail2 {
    background-color: #14219a;
    position: absolute;
    bottom: 5px;
    right: 39%;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    cursor: pointer;
}
.product .fornt .description .quick-detail2 i, .product .back .description .quick-detail2 i {
  -webkit-transform: translate(0px);
          transform: translate(0px);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.product .fornt .description .quick-detail2:hover i, .product .back .description .quick-detail2:hover i {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}




.product .fornt .description .quick-detail3, .product .back .description .quick-detail3 {
 
    
    
    
     background-color: #065da7;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    padding: 5px;
    font-size: 11px;
    cursor: pointer;
}
.product .fornt .description .quick-detail3 i, .product .back .description .quick-detail3 i {
  -webkit-transform: translate(0px);
          transform: translate(0px);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.product .fornt .description .quick-detail3:hover i, .product .back .description .quick-detail3:hover i {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}












.product .fornt.back .img-wrap, .product .back.back .img-wrap {
  padding: 30px 20px 40px;
  position: relative;
}
.product .fornt.back .img-wrap .colors, .product .back.back .img-wrap .colors {
  position: absolute;
  right: 5px;
  top: 5px;
}
.product .fornt.back .img-wrap .colors .main-color, .product .back.back .img-wrap .colors .main-color {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  background-color: red;
  cursor: pointer;
}
.product .fornt.back .img-wrap .colors ul, .product .back.back .img-wrap .colors ul {
  margin: 0;
  padding: 0;
  width: 20px;
}
.product .fornt.back .img-wrap .colors ul li, .product .back.back .img-wrap .colors ul li {
  list-style: none;
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  background-color: red;
}
.product .fornt.back .img-wrap ul.indicator, .product .back.back .img-wrap ul.indicator {
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}
.product .fornt.back .img-wrap ul.indicator li, .product .back.back .img-wrap ul.indicator li {
  list-style: none;
  display: inline-block;
  width: 60px;
  height: 45px;
  border: 2px solid #ddd;
  margin: 0 3px;
  padding: 3px;
  line-height: 30px;
}
.product .fornt.back .img-wrap ul.indicator li img, .product .back.back .img-wrap ul.indicator li img {
  max-width: 100%;
}
.product .fornt.back .description .quick-detail, .product .back.back .description .quick-detail {
  background-color: #77d596;
  position: absolute;
  bottom: 0;
  left: 0;
}
.product .fornt.back .description .quick-detail:hover i, .product .back.back .description .quick-detail:hover i {
  -webkit-transform: rotate(180deg) translateX(3px);
          transform: rotate(180deg) translateX(3px);
}
.product .fornt.back .description .quick-detail i, .product .back.back .description .quick-detail i {
  -webkit-transform: rotate(180deg) translateX(0px);
          transform: rotate(180deg) translateX(0px);
}

.product .fornt.back .description .quick-detail2, .product .back.back .description .quick-detail2 {
  background-color: #77d596;
  position: absolute;
  bottom: 0;
  left: 0;
}
.product .fornt.back .description .quick-detail2:hover i, .product .back.back .description .quick-detail2:hover i {
  -webkit-transform: rotate(180deg) translateX(3px);
          transform: rotate(180deg) translateX(3px);
}
.product .fornt.back .description .quick-detail2 i, .product .back.back .description .quick-detail2 i {
  -webkit-transform: rotate(180deg) translateX(0px);
          transform: rotate(180deg) translateX(0px);
}



.product .fornt.back .description .quick-detail3, .product .back.back .description .quick-detail3 {
  background-color: #77d596;
  position: absolute;
  bottom: 0;
  left: 0;
}
.product .fornt.back .description .quick-detail3:hover i, .product .back.back .description .quick-detail3:hover i {
  -webkit-transform: rotate(180deg) translateX(3px);
          transform: rotate(180deg) translateX(3px);
}
.product .fornt.back .description .quick-detail3 i, .product .back.back .description .quick-detail3 i {
  -webkit-transform: rotate(180deg) translateX(0px);
          transform: rotate(180deg) translateX(0px);
}




.product .back {
  -webkit-transform: perspective(1000px) rotateY(180deg);
          transform: perspective(1000px) rotateY(180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}.btn-items{min-width:105px; margin:2px;}


.page-head-line {
    font-weight: 900;
    padding-bottom: 5px;
    border-bottom: 2px solid #e66a13;
    text-transform: uppercase;
    color: #e66a13;
    font-size: 20px;

}






 
 
@media only screen   
and (min-width: 1030px)   
and (max-width: 1440px)  
{ 

	.product .fornt .description .quick-detail3, .product .back .description .quick-detail3 {
background-color: #0a8eca;
    position: absolute;
    bottom: 5px;
    right: 2px;
    color: #fff;
    padding: 4px;
    font-size: 11px;
    cursor: pointer;
}
}


@media only screen and (max-width: 1140px) {

    .product .fornt .description .quick-detail2, .product .back .description .quick-detail2 {
    background-color: #14219a;
    position: absolute;
    bottom: 5px;
    right: 109px;
    color: #fff;
    padding: 5px;
    font-size: 11px;
    cursor: pointer;
}
}
	.product .fornt .description .quick-detail2, .product .back .description .quick-detail2 { font-size: 11px;}
	
	
		.product .fornt .description .quick-detail, .product .back .description .quick-detail { font-size: 11px;}
	
	
	
	}  
	
	
	
	@media (max-width: 1366px) and (min-width: 1920px) {
.product .fornt .description .quick-detail2, .product .back .description .quick-detail2 {
    background-color: #14219a;
    position: absolute;
    bottom: 5px;
    right: 45%;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    cursor: pointer;
}
}