@charset "utf-8";
/* CSS Document */

.statisticTab .nav-tabs {border-bottom: 2px solid #a89c5d;}

.statisticTab .nav-item{font-size:14px; text-transform: capitalize;position:relative; }
.statisticTab .nav-link{position:relative;padding: 15px 15px 15px 38px;margin: 5px 0;background: #f2f2f2;z-index:1;font-size:16px;color:#232323;margin-bottom: 0px;}

.statisticTab .nav-link:before{position:absolute; top:0; bottom:0; left:0; right:0; width:0; z-index:1; opacity:0; background:#a89c5d; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}

.statisticTab .nav-link:hover:before, .statisticTab .nav-link.active:before{z-index:-1; width:100%; opacity:1; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}

.statisticTab .nav-link:after {content:''; width:15px;height:15px;background:url(https://gjepc.org/assets/images/black_star.png) no-repeat center;background-size:cover;position:absolute;left:15px;top: 17px;}

.statisticTab .nav-link.active {background:#a89c5d;  color:#fff;}
.statisticTab .nav-link:hover {color:#fff;}

.statisticTab .nav-link:hover:after, .statisticTab .nav-link.active:after {width:15px;height:15px;background:url(https://gjepc.org/assets/images/white_star.png) no-repeat center;background-size:cover;position:absolute;left:15px;top: 17px;}

 
/*.statisticTab .nav-link:after{position:absolute;top: 30%;bottom:0;right: 0px;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #000; opacity:0; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}

.statisticTab .nav-link:hover:after, .statisticTab .nav-link.active:after {opacity:1; right:-7px; transition:all 0.3s ease-in-out .4s;-webkit-transition:all 0.3s ease-in-out .4s;-moz-transition:all 0.4s ease-in-out .5s;-o-transition:all 0.3s ease-in-out .4s;}*/


.statisticTab .card-body {padding: 30px 0;}









.archiveTab .nav-tabs {border-bottom: 2px solid #a89c5d;}

.archiveTab .nav-item{font-size:14px; text-transform: capitalize;position:relative; }
.archiveTab .nav-link{position:relative;padding: 15px 15px 15px 38px;margin: 5px 0;background: #f2f2f2;z-index:1;font-size:16px;color:#232323;margin-bottom: 0px;}

.archiveTab .nav-link:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; width:0; z-index:1; opacity:0; background:#a89c5d; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}

.archiveTab .nav-link:hover:before, .archiveTab .nav-link.active:before{z-index:-1; width:100%; opacity:1; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}

.archiveTab .nav-link:after {content:''; width:15px;height:15px;background:url(https://gjepc.org/assets/images/black_star.png) no-repeat center;background-size:cover;position:absolute;left:15px;top: 17px;}

.archiveTab .nav-link.active {background:#a89c5d;  color:#fff;}
.archiveTab .nav-link:hover {color:#fff;}

.archiveTab .nav-link:hover:after, .archiveTab .nav-link.active:after {width:15px;height:15px;background:url(https://gjepc.org/assets/images/white_star.png) no-repeat center;background-size:cover;position:absolute;left:15px;top: 17px;}

 
/*.statisticTab .nav-link:after{position:absolute;top: 30%;bottom:0;right: 0px;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #000; opacity:0; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}

.statisticTab .nav-link:hover:after, .statisticTab .nav-link.active:after {opacity:1; right:-7px; transition:all 0.3s ease-in-out .4s;-webkit-transition:all 0.3s ease-in-out .4s;-moz-transition:all 0.4s ease-in-out .5s;-o-transition:all 0.3s ease-in-out .4s;}*/


.archiveTab .card-body {padding: 30px 0;}



.newDownload .pdf_wrp{display:block;padding:30px 15px 20px 15px;/*height:100%;*/font-size:16px;margin:15px 0;position:relative;border:1px solid #eee;color:#939294;}
.newDownload .pdf_wrp:after{content:''; width:47px;height:47px;border-radius:100%;position:absolute;left:15px;bottom:15px;background:url(../../assets/images/pdf_icon.png);transition:all 0.3s ease-out;-moz- transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.newDownload .pdf_wrp:hover:after{background:url(../../assets/images/pdf_icon_hover.png);bottom:30px;}
.newDownload .pdf_wrp:hover{color:#000;box-shadow:0 10px 20px #c7c7c7;-moz-box-shadow:0 10px 20px #c7c7c7;-webkit-box-shadow:0 10px 20px #c7c7c7;-ms-box-shadow:0 10px 20px #c7c7c7;-o-box-shadow:0 10px 20px #c7c7c7;}

.newDownload .pdf_wrp:before{ display:none;}

.spaceBorder{ border:2px solid #a89c5d; padding:4px; color:#fff; font-weight:600;}
.spaceBorder span{ display:block; padding:15px 40px; background:#a89c5d;}
.spaceBorder a{display:block;}
.spaceBorder span:hover{ background:#000 !important;}

.spaceBorder .miniDvalue{ display:block; padding:15px 40px; background:#a89c5d; font-weight:700; text-align:center;}
.spaceBorder .miniDvalue h2{ font-size:35px !important; font-family: "eloquent-jf-pro";    letter-spacing: 1px; }
.spaceBorder .miniDvalue p{ font-size:20px; margin-bottom:0; text-align:center; }






.center {
  /*position: absolute;*/
  display:  block;
  width:100%;
  
}

.center .custom-select{ padding:0; height:auto;}

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display:  block;
  user-select: none;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
  }
    .custom-select-trigger {
      position: relative;
      display: block;
      padding: 0 84px 0 22px;
      font-size: 18px;
      font-weight: 300;
      color: #fff;
      line-height:44px;
      background: #a89c5d;
     cursor: pointer;
    }
      .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px; height: 10px;
        top: 50%; right: 25px;
        margin-top: -3px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
      }
      .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
      }
  .custom-options {
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
	background:#fff;
	z-index:9;
    
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
    .custom-options:before {
      position: absolute;
      display: block;
      content: '';
      bottom: 100%; right: 25px;
      width: 7px; height: 7px;
      margin-bottom: -4px;
      border-top: 1px solid #b5b5b5;
      border-left: 1px solid #b5b5b5;
      background: #fff;
      transform: rotate(45deg);
      transition: all .4s ease-in-out;
    }
    .option-hover:before {
      background: #f9f9f9;
    }
    .custom-option {
      position: relative;
      display: block;
      padding: 0 22px;
      border-bottom: 1px solid #b5b5b5;
      font-size: 18px;
      font-weight: 600;
      color: #b5b5b5;
      line-height: 47px;
      cursor: pointer;
      transition: all .4s ease-in-out;
    }
    .custom-option:first-of-type {
      border-radius: 4px 4px 0 0;
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #f9f9f9;
    }
	
	
	
	
	
	.dashboardGraph .graph img{ border:none; }
	.dashboardGraph .graph{ border:1px solid #a89c5d; }
	
	
	
	.greyBg{ background:#e9e9e9; font-size:14px; margin-bottom: 0;    padding: 15px 10px; font-weight:600; }
	
	.graph-slider .slick-arrow {position:absolute;right:0;bottom: -40px;top: auto; width:15px; height:15px;}
	
	.graph-slider .slick-arrow.slick-prev {right:15px; left:auto;}
	
	.archivewrap{ border-bottom:1px solid #dadada;  display:block; color:#000; padding:8px 0; line-height:20px; position:relative; z-index:9;} 
.archivewrap:hover{color:#fff; cursor:url(../../assets/images/pdf_cursor.png), auto}
.archivewrap   span{ width:60px; float:left; text-align:center; border-right:1px solid #dadada; margin-right:8px;}  
.archivewrap:before{ width:0; position:absolute; left:0;  top:0; bottom:0; background:#a89c5d; content:"";    z-index: -1; transition:all 0.3s ease-in-out;}
.archivewrap:hover:before{width:100%; transition:all 0.3s ease-in-out;}

#target {
  background:#0099cc;
  width:300px;
  height:300px;
  height:160px;
  padding:5px;
  display:none !important;
}


.searchResultwrap{ padding:10px 15px; border:1px solid #ccc;}
.searchResultwrap li{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.searchResultwrap li:last-child{ border-bottom:0; margin-bottom:0;}
.searchResultwrap p{margin-bottom:5px;}
.sCategory{ font-weight:600; position:relative; }
.sCategory:after{ right:0; position:absolute; content:":";}
.sResult{}





.webnarVideo iframe{ width:100%; height:100%; max-height:305px;}


/* webinar Slider css*/

.webinarBox{}



.webinarBox .pic{ border-bottom:1px solid #e4e1e1; }
/* .webinarBox .pic img{width:100%;} */
.webinarBox .pic img {
  width: 100%;
  /*height: 315px;
  object-fit: cover;
  object-position: top;*/
}
.goldenBorder{ border:5px solid #a59459;}
.greyBorder{ border:5px solid #8b8b8b;}
.webinarBox .gryBg{ background:#f4f4f4;}
.webinarBox  {margin:0 20px; display:block; position:relative;margin-top: 20px; transition: all 300ms ease-in-out 0s;}
.webinarBox:hover  {-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 10px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px; transform: scale(1.02) translate(0px, -8px); transition: all 300ms ease-in-out 0s;}
.webinarBrief h1{ font-size:16px; color:#a59459;font-family: 'gotham_htfmedium_2';  min-height:40px;}
.webinarBrief p{ color:#676767; font-style:italic; line-height: 20px;    font-size: 14px;}
.headT{ font-family: 'gotham_htfbold_2'; color:#a59459;}
.webinarInfo{position:relative;}
.webinarInfo:before{ width:22px; height:22px; position:absolute; top:50%; margin-top:-11px; left:50%; margin-left:-24px; content:""; background:url(../../assets/images/webinar/smallgoldStar.png) no-repeat;}
.speakerName{font-family: 'gotham_htfmedium_2'; color:#010101; position:relative; margin-bottom: 10px;}
.speakerName span{ color:#5f5328; font-size:12px; line-height:15px; display:block;}
.speaker{display: block; position:relative;}
.speaker:before{content:''; position:absolute; width:4px; height:50%; top:0;  right:-16px; background:url(../../assets/images/webinar/v_line.png) no-repeat center bottom 15px;}
.speaker:after{ position:absolute; width:4px; height:50%; bottom:0;  right:-16px; background:url(../../assets/images/webinar/v_line.png) no-repeat center top 15px;}

.webinarDay{ text-align:center;  padding:10px 25px; color:#fff;font-family: 'gotham_htfmedium_2'; font-size:12px; }
.goldBg{background:#7b6c39;}
.blackBg{background:#000;}

.webinarBox a{ text-decoration:underline; color:#7b6c39; }
.webinarBox a:hover{ color:#000; }
.webinarBox a.register{ font-weight:700;}

@media (max-width:700px) {
.webnarVideo iframe{ width:100%; height:100%; min-height:305px;}	
.webinar_slider  slick-arrow {top:0;}
.webinar_slider  slick-arrow.slick-prev {right:40px;}
 }


@media (max-width:600px) {
/*.webinarBox {padding:0 10px;}*/
}


.webnarDetails{}
.webnarDetails .pic{ border:2px solid #a59459; display:block; margin-bottom:20px;}
.webnarDetails .pic img{ width:100%;}
.webinarTitle{ background:#a59459; color:#fff; font-size:18px; font-family: 'gotham_htfmedium_2'; padding:12px 20px;}
.subTitle{ font-size:16px; font-family: 'gotham_htfbold_2'; color:#a59459;}

ul.agendaPoints{ display:block;}
ul.agendaPoints li{ margin-bottom:15px; position:relative;padding-left:30px;}
ul.agendaPoints li:before{ width:15px; height:15px; position:absolute; left:0; background:url(../../assets/images/star_bullet.png) no-repeat; content:""; top: 4px; }

.webnarDetails .speakerName span{ display:inline-block;}
.webinarRegister{ background:#a59459; padding:30px 25px; }
.webinarRegister h3{ font-size:18px; color:#fff;font-family: 'gotham_htfmedium_2'; text-transform:uppercase; margin-bottom:15px;}
.webinarRegister .form-group{ margin-bottom:0;}
.webinarRegister .form-control{ border:0; color:#1c2020;}
.webinarRegister button.form-control{ background:#000; color:#fff;font-family: 'gotham_htfbold_2';}
.webinarRegister button.form-control:hover {background: #82723b;}

.dashboardTable {border:1px solid #dee2e6;}
.dashboardTable tr:nth-child(odd){ background:#f1f1f1;}
.dashboardTable tr td{ border-top:0; border-right:1px solid #ddd; }
.dashboardTable tr td:last-child{ border-right:0;}

.dashBox{  border:2px solid #a89c5d; padding:10px;}
.dashBox h2{ background:#a89c5d; color:#fff; font-size:16px; text-transform:uppercase; font-weight:700; text-align:center; padding:10px 20px;}
.dashNumbers{position:relative;}
.dashNumbers:before{content:''; width:1px; height:100%; background:#ddd; position:absolute; left:50%;}
.dashNumbers:after{content:''; width:100%; height:1px; background:#ddd; position:absolute; top:50%;}
.dashNumbers span{ display:block; font-size:18px !important;}

.topCommodity span{ padding:15px !important;}

.topCommodity{line-height:30px;}
.topCommodity{ background:#a89c5d; color:#fff; position:relative;}
.topCommodity:after{ width:10px; height:10px; background:#fff; position:absolute; right:0; content:"";}

.parichayCard{ background:#b9ac6f; border-radius:20px; min-height:200px; padding:20px; position:relative;}
.parichayCard .cardHead{color:#fff; text-transform:uppercase; font-size:25px; line-height:35px;}
.parichayCard .cardPatern{background:url(https://gjepc.org/assets/images/cardPattern.png) no-repeat top right; } 

.parichayCard .cardHead span{ display:block;font-family: "eloquent-jf-pro";}
.cardDetails{text-transform:uppercase;}
.cardDetails span{font-weight:bold; text-transform:none;   }
.cardHolder{ background:#fff; border-radius:5px; overflow:hidden;}
.cardSigned{ font-size:12px;}

.parichayCard .cardHead_2{color:#fff; text-transform:uppercase; font-size:14px; line-height:20px;}
.parichayCard .cardHead_2 span{ display:inline-block;font-family: "eloquent-jf-pro";}
.gjepcLogo{ position:absolute; right:20px; top:10px; }
.gjepcLogo img{ max-width:100px;}

.parichayCard .compName{ font-weight:700; margin-bottom:15px;}
.parichayCard p{ font-size:14px; line-height:18px; font-size:12px; }


.parichayWrap h2.title{ color:#5a5a5a;} 
.parichayCard_White{ background:#fff; border-radius:20px; min-height:200px; padding:20px; position:relative; border:2px solid #606060;}
.parichayCard_White .cardHead{color:#b9ac6f; text-transform:uppercase; font-size:25px; line-height:35px;}
.parichayCard_White .cardPatern{background:url(https://gjepc.org/assets/images/cardPattern_2.png) no-repeat top right; } 
.parichayCard_White .cardHead span{ display:block;font-family: "eloquent-jf-pro";}

.parichayCard_White .cardHead_2{color:#b9ac6f; text-transform:uppercase; font-size:14px; line-height:20px;}
.parichayCard_White .cardHead_2 span{ display:inline-block;font-family: "eloquent-jf-pro";}
.parichayCard_White .compName{ font-weight:700; margin-bottom:15px;}
.parichayCard_White p{ font-size:14px; line-height:18px; font-size:12px; }