@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{background:#EDEDED !important;  font-family: "Poppins", serif;}
html, body, h1, h2, h3, h4, a, p{font-family: "Poppins", serif !important;}
/* header start */
.nic-header {display: flex;
     justify-content: space-between;
align-items: center; background-color: #fff;}
.menu ul {list-style-type: none; font-weight: 500; margin: 0px;}
.menu ul li a{font-weight:600; font-size: 14px; color: #000; text-transform:uppercase;text-decoration:none;   font-family: "Roboto", serif;}
.menu ul li a:hover{color:#f47e36;} 
a.dropdown-item{margin-right:0; width:100%;}


.menu .btn.dropdown-toggle:hover{color:#929de3;}
a#dropdownMenuButton1 {
    border: none;
}

.menu .dropdown-menu.show li {
    padding-right: 0;
    color: #222;
    width: 100%;
}

.menu .dropdown-menu.show li a {
    padding:10px 13px;	
}

.menu .dropdown-toggle::after {
    position: relative;
    top: 2px;
}

.menu .dropdown-menu.show {
    display: block;
    width: 184px;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(0px, 41px) !important;
    border-radius: 0;
    border: none;
	padding: 0;
}

/* header end */
a.econnectbtn {
    border-radius: 9px !important;
    font-weight: 500;
    letter-spacing: 0.9px;
    margin-right: 0;
    font-size: 12px;
	
	background:#ffe5ca; color:#d14608 !important; padding:11px 15px;
	}

a.parichaybtn {
    border-radius: 9px !important;
    font-weight: 500;
    letter-spacing: 0.9px;
    margin-right: 0;
    font-size: 12px;
	background:#4ba9cf; color:#fff !important; padding:11px 15px;
	}
a.parichaybtn:hover {
    background: #1b86b1; 
    color: #fff !important;
}


.econnectbtn svg.bi.bi-person {
    margin: -1px 0px 0 0px;
    width: 12px;
   }

a.econnectbtn:hover {
    background: #facea0; 
    color: #000 !important;
}
	 
 
a.loginfront { 
    padding: 16px 15px;
    border-radius: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.9px;
    margin-right: 4px;
	font-size: 12px;
	background:#cae1ff; color:#1b2f80 !important; padding:11px 15px;  
	}
a.loginfront strong{font-weight:inherit !important;}	
.loginfront svg.bi.bi-lock {
    margin: -3px -3px 0 0px;
   }

a.loginfront:hover {
    background: #929de3;
    color: #fff;
}



.logoutfront {
    padding: 4px 5px;
    border-radius: 4px;
    font-weight: 500;
    letter-spacing: 0.9px;
    margin-right: 4px;
	font-size: 12px;
	color:#6a6868;
	}
.logoutfront svg.bi.bi-lock {
    margin: -2px 1px 0 0px;
    font-size: 8px !important;
    width: 14px;
   }

.logoutfront:hover {
    background: #929de3;
    color: #fff;
}
span.econnect {
    margin-right: 4px;
}

/* login start */
h1.text-center.portalloginhead {
    background: #717bb5; 
    padding: 10px 0;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.8;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.login-pagelogin {
	margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px 0 !important; 
}

.form-check.keep-me {
    display: inline-block;
    position: relative;
    top: 1px;
    left: 7px;
}
.loginpagee {
    padding: 4px 20px !important;
    border-radius: 4px !important; 
}

.loginhead-bg {
    background: #5c6dcf;
    color: #fff;
    padding: 5px 0;
    border-radius: 3px;
    margin-top: 0px;
    margin-bottom: 9px;
}
.loginhead-bg h5{font-size: 21px;}
a.forgot-passwordd{color:#5c6dcf !important;}
a.forgot-passwordd:hover {
    color: #828dd1 !important;
}
a.text-primary.registernow {
    color: #5c6dcf !important;
}

a.text-primary.registernow:hover {
    color: #828dd1 !important;
}
.row.main-register-issues {    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: space-between;
}
.main-register-issues{position:relative;} 
.rregister-issues {display: flex; justify-content: center; position:relative; z-index:9;    padding-left: 0 !important;
    padding-right: 0 !important;}
.register-issues{background:#ffe5ca; padding-left: 130px; padding-right: 130px;}
.provide-inputs{background:#cae1ff; padding-left: 130px; padding-right: 130px;} 
.icon-button img {
    height: 42px;
    margin-bottom: 10px;
	margin: 0 auto;
   
}

.icon-pro{height: 80px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    padding: 7px 11px;
    width: 80px;}

section.map-container {
    position: relative;
    top: 0;
    bottom: 0;
}

section.map-container:after {    
    background: #ffe5ca; 
    position: absolute;
    left: 0;
    content: ".";
    top: 0;
    bottom: 0;
    width: 43%;
     right: 0; 
	 color:#ffe5ca;
}

section.map-container:before {    
    background: #cae1ff;
    position: absolute;
    content: ".";
    top: 0;
    bottom: 0;
    width: 43%;
    right: 0; 
	color:#cae1ff;
}
/* login end */
/* event start */
.latest-notificationshome .card.shadow-sm {
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02) !important;
    border: none !important;
}

.news-events .card.shadow-sm {
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02) !important;
    border: none !important;
}
h4.card-title.latest-notificationshead {
    color: #1c1e83 !important;
    padding: 12px 17px;
    font-size: 17px;
    margin-bottom: 0;
	background: #daeaff;
	text-transform:uppercase;
	font-weight: 600;
	text-align:left;
}
.latest-notificationbox ul li{
	background: #fff;
    padding: 7px 11px;
    font-size: 13px;
	margin-bottom: 11px;
	/* box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; */
	border-bottom: 2px dotted #b4b6b8;
	}
.issuename strong {
    color: #6779e1;
    font-weight: 200;
	
}

.issuename p a {
    color: #090909;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
	text-decoration:none;
}

.issueline {
    border-bottom: 1px dashed #ccc;
    padding: 4px 0;
    margin-top: 0px;
	display: inline-block;
	width: 100%;
	color:#686987;
    }
.issue-view {
    display: inline-block;
    float: right;
	margin: 0px 0 0px 0;
}	

.issue-view a {
    background: #a2abdf;
    padding: 0px 5px 4px 5px;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
   
}
.eventnews .carousel-ite{
	background: #fff;
    padding: 7px 6px;
    border-radius: 0px;

    margin: 4px 2px 9px 2px;
	border: 1px solid #bababa;
	}
	
.eventbox {
    padding: 6px 6px 0px 6px;
}	

.eventbox h2 {
    font-weight: 600;
    font-size: 13px;
}

.eventbox p {
    font-size: 13px;
    margin-bottom: 4px;
}

.eventdate {
    font-size: 12px;
    margin-bottom: 4px;
    padding: 0;
    margin-top: 0;
    color: #292080;
    font-weight: 600;
}

svg.eventdate-calendor {
    fill: #292080;
    width: 11px;
    margin: 0px 3px 0 0;
	float:left
}

.news-events .card-body {
    margin-top: 0;
    padding-top: 6px;}

.latest-notificationshome .card-body {

	} 
.viewallhome{text-align-last: end;}
a.viewallhome {
    margin: 0 31px 6px 0;
    color: #3042a7 !important;
    font-weight: 600;
}
.issuename p {
    color: #3e3f8d;
}
.issuename .bl {
    color: #090909 !important; 
}

.latest-notificationshome .card {
    border: none;
}

.news-events .card {
    border: none;
}

section.newshome {
    background: #fff;
}
.news-right {
    border: 1px solid #bababa;
    padding: 7px 7px;
	overflow: hidden;
	display: flex;
	    margin-bottom: 11px;

}
.imgnewsrght { 
    float: right;
	padding-left: 8px;
}
span.imgnewsleft img {
    width: 100px;
    height: 84px;
	max-width:none !important;
}
/* event end */

/* footer start */
.footer {
   color: #7d84f4 !important;
    background: #d2e5f9 !important;
}
   }
/* footer end */
.form-control{-webkit-appearance:auto !important; appearance:auto !important;}
.modal-header{background:#7873cf !important; padding:6px 14px !important}
#provideInputPopUp .modal-title {
    color: #fff;
}

#registerIssuesPopUp .modal-title {
    color: #fff;
}

/* analytics start */
.analyticsdashboard {
    margin-bottom: 23px;
}

.card.sty.brder{margin-bottom: 12px;}

.icon-button h5 {
    color: #000;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
}

.analytics-page .mb-3 p {font-size:12px;line-height:24px}
  .analytics-page .dataTables_info{font-size:13px;margin:5px 0}
  .analytics-page .form-label{font-weight:500}
  .analytics-page .dataTables_paginate ul.pagination li a,#issues-table_filter label,#issues-table_processing{font-size:13px;margin:10px 0}
  .analytics-page .modal-body label {font-weight:bold}
  .analytics-page .btn-xs{padding:9px}
  .analytics-page #issues-table_wrapper{overflow-x: scroll}
  .analytics-page #dataTables_length,#trade_issues_filter{margin-bottom:10px !important}
  .analytics-page .h442{height:442px !important;line-height:442px !important; padding:0; border-radius: 6px; letter-spacing:0.9px !important;font-weight: bold;font-size:14px}
  .analytics-page .ccount{font-size: 23px;
    background: #6070cd;
    /* padding: 12px; */
    border-radius: 50%;
    border: 3px solid #d8ddf5;
    width: 53px;
    height: 53px;
    display: inline-block;
    line-height: 48px;
    color: #fff;} 
   .analytics-page table#full_details tbody tr td{width:50% !important}
  .analytics-page .sty{background:#f3f3f3;border:1px solid #d7cdcd}
  .analytics-page .cardbg{background:#fff;border:1px solid #d5d9ed;height:135px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
  .analytics-page .brder{border:1px solid #d5d9ed; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
  .analytics-page .bld{font-weight:bold;color:#2c2c2c}
  .analytics-page .anly{
	background: #717bb5;
    height: 50px;
    line-height: 50px;
    border: 1px solid #d5d9ed;
    margin: 11px 0 11px 0;
    color: #fff;}
#trade_issues_wrapper .active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
    background: #8884e9;
    border-color: #8d8bb5;
}	
#trade .page-link{color:#6c757d !important;}
#trade_issues button.btn.btn-primary.btn-sm{
	 border: 1px solid #a39ff3 !important;
    background: #a39ff3 !important;
    color: #fff;
}

.analytics-page div#trade_issues_filter {
    display: flex;
    justify-content: end;
}

.analytics-page #trade_issues_filter label {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    }

.analytics-page .dataTables_length label {
    display: inline-flex;
	align-items: center;
	font-weight:500;
}

.analytics-page select.custom-select.custom-select-sm.form-control.form-control-sm {
    margin: 0 6px;
}

.analytics-page input.form-control.form-control-sm{margin-left: 4px;}

.analytics-listing .modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
    color: #fff !important;
}

.analytics-listing .modal-fullscreen-xxl-down { 
        width: 100vw;
        max-width: 1140px;
        height: 100%;
         margin: 0 auto;
    }
.analytics-listing table#full_details tbody tr td {
    width: 511px;
}	

.analytics-listing table#full_details tbody tr td:first-child {
    width: 511px;
    font-weight: 600;
    font-size: 12px; 
}
th.products-measurestatus.sorting {
    width: 133px !important;
}
th.products-publicissue.sorting {
    width: 178px !important;
}

#trade_issues_wrapper table.table.table-striped.dataTable.no-footer th {
    background: #d4d2f9;
}

#trade_issues_wrapper table.table.table-striped.dataTable.no-footer th {
    border-spacing: 0;
    clear: both;
    margin-bottom: 0; 
    max-width: none;
    white-space: nowrap;
    background: #d4d2f9; 
    color: #000; 
    font-weight: 500; 
    padding: 8px;
}

main.content.analytics-page {
    padding-bottom: 24px;
}
/* analytics end */
.eventnews .carousel-ite img {
    height: 220px;
}

.usefulllinks{margin-top:30px !important;}
.main-usefulllinks h4.card-title.text-center.latest-notificationshead {
    margin-top: 18px;
	color: #1c1e83 !important;
    padding: 8px 0;
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 500;
}
.main-usefulllinks .issuename p {
    color: #7a7b8b;
}
.main-usefulllinks .usefulllinks h3 {
    font-weight: 500;
    font-size: 18px;
    color: #0F1164;
    margin-bottom: 12px;
}

.main-usefulllinks .latest-notificationshome .card-body {
    margin-top: 0;
    padding-top: 6px;
    overflow-y: inherit !important;
    height: auto !important;
}

.main-usefulllinks .card-body.latest-notificationbox {
    padding: 0;
	margin-bottom: 35px;
}

.main-usefulllinks .usefulllinks {
    padding: 0 22px;
}

 .gallery-head { text-align: center;}
    .eye-icons { font-size: 20px; color: #fff; }
    figure.snip0013 { position: relative; overflow: hidden; }
	.main-tab-panal{
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
   
    padding: 10px 18px 15px 18px !important;
    border-radius: 9px;
    margin-top: 14px;
    margin-bottom: 14px;
	box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02) !important;
}

.lightbox-gallery .item {
    padding-bottom: 23px;
    padding: 4px 8px;
}

.lightbox-gallery h2.text-center {
    font-size: 20px;
    font-weight: 500;
	margin: 3px 0 14px 0;
	color:#1c1e83;
}
	h4.gallery-head {
    text-align: center;
    background: #615e66;
    padding: 10px 8px;
    font-weight: 400;
    font-size: 18px;
    border-radius: 0px 0px 6px 6px;
    color: #fff;
    height: 49px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

figure.snip0013 {
    position: relative;
    overflow: hidden;
    margin: 0px;
    max-height: 220px;
    width: 100%;
    background: #000000;
    text-align: center;
    border-radius: 6px 6px 0 0;
}

 h2.faqhead {
    font-size: 20px;
    font-weight: 500;
    margin: 3px 0 14px 0;
    color: #1c1e83;
	text-align:center;
}
/* gallery */


.section-header {
  text-align: center;
  margin: 60px auto 20px auto;

  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  color: #222;
}

.section-header-underline {
  border: 1px solid #222;
  width: 3rem;
  margin: 0 auto;
  margin-bottom: 30px;
}

.video-gallery {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;
}

.video-gallery .gallery-item {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 320px;
  max-width: 580px;
  max-height: 360px;
  width: 48%;
  background: #000;
  cursor: pointer;
}

.video-gallery .gallery-item img {
  position: relative;
  display: block;
  opacity: .45;
  width: 105%;
  height: 300px;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-23px, 0, 0);
  backface-visibility: hidden;
}

.video-gallery .gallery-item .gallery-item-caption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
}

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-gallery .gallery-item h2 {
  font-weight: 300;
  overflow: hidden;
  padding: 0.5em 0;
}


.video-gallery .gallery-item h2,
.video-gallery .gallery-item p {
  position: relative;
  margin: 0;
  z-index: 10;
}

.video-gallery .gallery-item p {
  letter-spacing: 1px;
  font-size: 68%;

  padding: 1em 0;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(10%, 0, 0);
}

.video-gallery .gallery-item:hover img {
  opacity: .3;
  transform: translate3d(0, 0, 0);

}

.video-gallery .gallery-item .gallery-item-caption {
  text-align: left;
}

.video-gallery .gallery-item h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15%;
  height: 1px;
  background: #fff;
  
  transition: transform 0.3s;
  transform: translate3d(-100%, 0, 0);
}

.video-gallery .gallery-item:hover h2::after {
  transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 50em) {
  .video-gallery .gallery-item {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%;
  }
}

/* gallery end */

table#suggestions th {
    background: #d4d2f9;
}

table#suggestions th {
    border-spacing: 0;
    clear: both;
    margin-bottom: 0;
    max-width: none;
    white-space: nowrap;
    background: #5980c9;
    color: #000;
    font-weight: 500;
    padding: 8px;
}
div#notifications_filter {
    display: flex;
    justify-content: flex-end;
	margin-bottom: 5px;
}

div#notifications_length {
    float: left;
}

div#notifications_paginate {
    float: right;
}
div#notifications_info {
    float: left;
	    font-weight: 600;
}

h4.card-title{color: #1c1e83 !important;
    padding: 8px 0;
    font-size: 20px;
    margin-bottom: 0;}
	
.menu .dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #1c1e83 !important;
}	

div#trade_issues_filter {
    display: flex;
    justify-content: flex-end;
	margin-bottom:10px;
}

div#trade_issues_filter label {
    display: flex;
    float: left;
    align-items: center;
}

header.nic-header strong {
    font-weight: 500;
}

input[type="search"] {
    border: 1px solid #dee6ed;
    padding: 0 4px;
}

div#notifications_length select{border: 1px solid #dee6ed;
    padding: 2px 4px;}	
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: 2px;
}


input[select="option"]:focus {
  outline: none; /* Remove the default outline */
  border: 2px solid #d4d2f9; /* Add a green border */
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); /* Add a subtle green glow */
  background-color: #f9f9f9; /* Lighten the background slightly */
}	

input[select="option"] {
  border: 1px solid #ccc;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.3s ease; /* Smooth transition for the focus effect */

}

input[type="search"]:focus {
  outline: none; /* Remove the default outline */
  border: 2px solid #d4d2f9; /* Add a green border */
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); /* Add a subtle green glow */
  background-color: #f9f9f9; /* Lighten the background slightly */
}	

input[type="search"] {
  border: 1px solid #ccc;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.3s ease; /* Smooth transition for the focus effect */

}

select#columnToggle option {
    padding: 5px 12px;
}


.active>.page-link, .page-link.active {
    background: #8884e9;
    border-color: #8d8bb5;
}

.current {
    background: #8884e9 !important;
    border-color: #8d8bb5 !important;
    color: #fff;
	padding: 4px 10px !important;
}

h5.searchby {
    font-weight: 500;
    background: #6e7393;
    color: #fff;
    padding: 7px 0;
    text-align: center;
    font-size: 17px;
	border-radius: 4px 4px 0 0;
}
.row.issue_filter.track-issuepage {
    padding: 0px 0 10px 0;
}

button.btn.btn-success.btn-sm.trackissuebtn {
    padding: 8px 43px;
font-size: 12px; background: #624b8b;}
button.btn.btn-success.btn-sm.trackissuebtn:hover {
 background: #523783;}
 
button#downloadExcelBtn::before {
    content: "\F021B";
    margin: 0 5px 0 0;
    font-family: 'Material Design Icons';
    font-size: 14px;
}

button#downloadPdfBtn::before {
    content: "\f1c1";
    margin: 0 5px 0 0;
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
}
button.btn.btn-primary.btn-sm.clear-filters {
    margin-top: 4px;
}

.logo{ position:relative; }
/*.logo:after {
    position: absolute;
    left: -50px;
    top: 0;
    height: 100%;
    width: 298px;
    background: #d4f3ff;
    content: '';
    border-top: 0 solid transparent;
    border-bottom: 78px solid transparent;
    border-right: 37px solid #ffffff;
}*/

.logo:before {
    position: absolute;
    content: "";
    top: 0;
    left: -20px;
    width: 337px;
    height: 100%;
    background: linear-gradient(90deg, #B42AF3 0%, #384BFF 83.46%);
    clip-path: polygon(0px 0px, 233.5px 0px, 267px 79px, 0px 119px, 0px 0px);
    z-index: 1;
}

.logo:after {
    position: absolute;
    content: "";
    top: -1px;
    left: 223px;
    width: 249px;
    height: 100%;
    transform: rotate(-0.375deg);
    background: #384bff;
    clip-path: polygon(0px 0px, 12.8104px -0.00791562px, 54.0001px 102px, 34.0001px 86px, 0px 0px);
    -webkit-transform: rotate(-0.375deg);
    -moz-transform: rotate(-0.375deg);
    -ms-transform: rotate(-0.375deg);
    -o-transform: rotate(-0.375deg);
}

.logo a {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    display: block;
}

.footer {
    color: #ffffff !important;
    background: #5145fd !important;
}

.card{box-shadow: 0px 4px 25px 0px rgba(98, 34, 204, 0.08); background: #fff; padding: 0px; }
.card-body{ padding:20px; border: 1px solid #d9d9d9;}
.latest-notificationshome .card-body ul{ height:310px; overflow-y:scroll; padding-right:20px; }