@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
* {
    font-family: "Quicksand", serif;
}
.navbar-white {
    background:  #1b8779;
}
li.nav-item i {
    color: #fff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
   background:  #187569 !important
}
.dropdown a{color:#fff !important;}
.dropdown-menu a.black i, .dropdown-menu a.black{color:#565555 !important;}
.dropdown-menu-lg {
    max-width: 300px;
    min-width: 200px;
    padding: 0;
}
.login-logo a img{width:200px;}
.login-logo{background:#fff; padding:10px; margin:0px;}

/*.login-page2 {*/
/*	background: linear-gradient(#53a92c, #2b6511);*/
	
/*}*/
/*.login-page2 {*/
/*    background: url(../img/login_back.jpg) no-repeat !important;*/
/*    background-size: cover !important;*/
/*}*/

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  left:0;
  top:0;
  width:100%;

}

.wrap-overlay {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  height:100%;
}
.bg-black{background:#000;}

.login-page2 .row{height:100%; margin:0;}
.login-box{width:100% !important; padding-top:20px;}
/*body, html,.login-container{height:100%; min-height:100% !important; width:100% !important;}*/
body, html,.login-container{width:100% !important;}
.login-container{display:table;}
/*.login-box{display:table-cell; vertical-align:middle;}*/
.login-box{display:table-cell}
.right-div{display:table; height:100%}
.right-div .img{display:table-cell; vertical-align:middle;}
.os-content{background:#334b5f}
.info-box i{color:#fff !important;}
form label{ font-weight:500 !important; margin: 0;}
.card-back{background: #eff3f9; border: 1px solid #c3c1c1;}
.input-group-text{background:#007bff; color:#fff;}
.form-check {
    position: relative;
    display: inline-block;
    padding-left: 13px;
}
.form-check input{padding-right:10px;}
.form-check label{padding-right:10px;}
.bg-info {
    background-color: #00c0ef!important;
}
.bg-success {
    background-color: #00a65a!important;
}
.bg-warning {
    background-color: #f39c11!important;
}
.bg-danger {
    background-color: #dd4c39!important;
}
.layout-footer-fixed .wrapper .main-footer {   
    /* position: static !important;    */
}
.bg-warning {
    background-color: #f39c11!important;
    color: #fff !important;
}
.bg-warning, .bg-warning>a {
    color: #fff!important;
}
.ui-icon{float:right;}

.dropdown-header{background: #179cea; padding: 10px;}
.dropdown img{width:28px;}
.dropdown span{margin-left:5px; font-size:14px;}
.dropdown-header img{width:58px; border:3px solid #3674b7;}
.dropdown-header p{color:#fff; margin-top:10px;}
.dropdown .nav-link {display: block; padding: 6px 1rem !important; background:#ffffff1c; font-size:15px;}
.refresh{
    padding-top: 8px;
    cursor: pointer;
    background: #fff;
    border-radius: 0 50px 50px 0;
    
}
.error{color:#f95e5e;}
#newCaptcha{
    height:40px;
    background: #fff;
    border-radius: 50px 0 0 50px;
}

#example_wrapper{margin-top: 15px;}
.dt-buttons{display:inline;}
#example_length{width: 15%;float: left;}
#example_filter{width: 50%;float: right;}
#example_info{width:50%; float:left; padding-top:0 !important}
#example_paginate{width:50%; float:right;}
#frmContainer{display:none;}
.wd-50{width:50px;}
.wd-100{width:100px;}
.wd-140{width:140px;}
.wd-160{width:160px;}
[class*=sidebar-dark-] .nav-treeview>.nav-item.active>.nav-link, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
   background-color: rgba(255,255,255,.1);
   color: #fff;
}

label.bold{font-weight:700 !important;}

.wrapper_img{
	height: 200px;
    padding: 10px;
    background: #e4e8fa;
	position:relative;
	overflow:hidden;
}
.img_holder{
    height: 100%;
}
.img_holder img{
  max-width:100%;
  height:100%;
}
.upload{position:absolute; bottom:-2px;padding: 7px 0; width: 40px; left:calc(50% - 18px);}
.upload i {
    padding: 7px 10px;
    background: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
}
.image-upload{ line-height:0 !important; height:0;}
.image-upload>input {
  display: none;
 
}
.nav-item{position:relative !important;}

.nav-tabs .nav-link.active, .nav-tabs .show>.nav-link {
    color: #fff;
    background-color: #4262af !important;
	padding-left: 30px;
    padding-right: 18px;
}


.nav-tabs .nav-link{
	color: #4262af;
    background-color: #fff !important;
	padding-left: 30px;
    padding-right: 18px;
}



.nav-tabs .nav-link.active:before, .nav-tabs .show>.nav-link:before {
    content: "";
    left: 0px;
    height: 0;
    top: 1px;
    width: 0;
    border-left: 20px solid #f1f6fa;
    border-right: 10px solid #4262af;
    border-top: 20px solid #4262af;
    border-bottom: 20px solid #4262af;
    position: absolute;
}
.nav-tabs .nav-link.active:after, .nav-tabs .show>.nav-link:after {
    content: "";
    position: absolute;
    top: 1px;
    right: -38px;
    height: 0px;
    /* bottom: 15px; */
    width: 0;
    border: 20px solid transparent;
    border-left-color: #4262af;
    z-index: 999;
}

.nav-tabs .nav-link:before, .nav-tabs .show>.nav-link:before {
    content: "";
    left: 0px;
    height: 0;
    top: 1px;
    width: 0;
    border-left: 20px solid #f1f6fa;
    border-right: 10px solid #fff;
    border-top: 20px solid #fff;
    border-bottom: 20px solid #fff;
    position: absolute;
}
.nav-tabs .nav-link:after, .nav-tabs .show>.nav-link:after {
    content: "";
    position: absolute;
    top: 1px;
    right: -38px;
    height: 0px;
    /* bottom: 15px; */
    width: 0;
    border: 20px solid transparent;
    border-left-color: #fff;
    z-index: 999;
}
.nav-tabs .nav-item {
    margin-right: 9px;
}
.nav-tabs .nav-link{background:#fff;}

.content-header fa-plus {display:inline-block;margin-top:10px;}
h1 small {font-size:12px;}


.small-box{
    margin-bottom: 0 !important;
    border-radius: 25px !important;
}

@media all and (-ms-high-contrast:none) {
     .image-upload>input {
      display: block;
	  position:absolute;
	  bottom:0;
	  opacity:0
 
	}
}

[class*=sidebar-dark-] {
    background-color: #2b6511 !important;
}


.heading {
    background:#179cea;
    padding: 7px;
    margin-bottom: 15px;
    color: #fff;
}
.form-block-wrapper{
background: #e0e9fe;
    padding: 15px;
}
.heading h5{
    display: inline-block;
    padding: 6px 0 0 6px;
}
.span-bn{margin-top:27px}
.heading .span-bn{margin-top:6px}
.span-bn button {padding:0px 6px !important;}
.span-bn button i{font-size:12px;}

.form-block-wrapper{padding-right:50px; position:relative;}
.col_minus{position:absolute; right:13px}
label{font-size:14px;}
.ucfirst:first-letter{text-transform: capitalize; margin-bottom:0;}
.form-checkbox {
    position: relative;
    display: inline-block;
    padding-left: 13px;
	padding-top: 25px;
}

@media (min-width: 1024px){
	.modal-header {background:#179cea;color:#FFFFFF;}
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}
}

/******profile page******/
.profile_img{position:relative;}
.profile_img .profile_img_wrapper{padding: 0px 0 0 10px; position:absolute; left:0; top:0; z-index:999;}
.column_block{padding:10px 20px; display:inline-block;}
.column_block b{padding-right:20px;}
.profile_img_wrapper img { width: 62px; margin-bottom: 10px; }
.profile_img_wrapper b, .profile_img_wrapper span {
    display: block;
    line-height: 18px;
}
.bg-custom .nav-item{background: #fff; box-shadow: 2px 2px 4px 1px #dbd9d9; margin-right: 15px; border: 1px solid #d3d1d1; width: 140px; padding: 6px 0;border-radius: 5px;}
.bg-custom .nav-item img{width:90px; height:auto}
.bg-custom .nav-item a{color:#817f7f; text-align:center; line-height:14px; font-size:12px; padding:0;}
.bg-custom .nav-item:last-child{margin-right:0}
.bg-custom{overflow:auto;}


/* width */
::-webkit-scrollbar {
 height: 4px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #c7c9ca;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;  
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #c7c9ca;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.bg-custom .nav-item:hover{background:#dbdbdb ;}
.active_nav{background:#dbdbdb !important;}

.error-page>.error-content {
    display: block;
    margin-left: 0px;
}

.profile_img .card-back {
    margin-left: 80px;
    padding: 0px 20px;
    display: table;
    min-height: 70px;
    vertical-align: middle;
	width:93%;
}

.id_details{
	display: table-cell;
    vertical-align: middle;
}	

.modal_wrapper{height:400px; overflow:auto;}

/************tooltip**********/
.toolwrap{position:relative}
.tool{padding:5px; color:#179cea; border-radius:50%; cursor:pointer;}
.direct-chat-text{display:none; position:absolute;left: -18px; top: -12px; width:220px; z-index:1000;}
.tool:hover + .direct-chat-text{display:block; font-size:12px;}

/************profile css **********/
.back_trans {
	width:100%;
	float:left;
}
.form-group{width:100%; float:left;}
.card-changed{box-shadow: none; background: none;}
.profile-table thead th{background:#77c1ff !important; color:#fff;}
.btn{
    padding: .15rem .5rem;
    font-size: 1rem;
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview {
    max-height: 300px;
    overflow-y: scroll;
}
.login-page2 p a{color:#fff;}
.login-page2 a{color:#02972b;}
.login-page2 a:hover{color:#02972b;}

a#btnAdd {
    color: #53a92c;
}
a#btnAdd:hover {
    color: #2b6511;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #53a92c;
    border-color: #53a92c;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #53a92c;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.main-footer a{color: #1b8779;}
.main-footer a:hover{color: #2b6511}
.contact-link i{font-size:30px; color:#000}


.btn-success { color: #fff;  background-color: #1b8779  !important; border-color: #1b8779  !important;
}
/*.login-page2 { background: linear-gradient(#2f7949, #c1f3b2) !important;}*/
/* .login-page2 {*/
/*    background: url(../../../public/dist/img/login_back.jpg) no-repeat !important;*/
/*    background-size: cover !important;*/
/*} */

[class*=sidebar-dark-] .sidebar a {color: #ffffff !important;}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) { background:#187569 !important}
.navbar-white {background-color: #1b8779 !important;}
[class*=sidebar-dark-] { background-color: #1b8779 !important}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link  {color: #ffffff !important;}
.btn-success :hover{background: #2f7949 !important;}

.modal-header {
    background: #2f7949 ;
    color: #FFFFFF;
}
.login-page2 .card {background-color: transparent;}

.register-card-body{background:#75717161;}
.login-card-body{background:transparent;}
.login-card-body .input-group .form-control {
    border-right: 0;
    border-radius: 50px 0 0 50px;
}
.login-card-body .input-group .input-group-text {
    background-color: #ffffff;
    border-bottom-right-radius: 50px;
    border-left: 0;
    border-top-right-radius: 50px;
    color: #777;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
input#captcha {
    border-radius: 50px;
}
.login-btn input, .login-btn button{border-radius:50px; padding:5px;}
.register-btn input{border-radius:50px; padding:5px; width:100px;}
.login-page2 label{color:#fff;}
.login-box-msg b{font-size:24px;}
.form-control {border-radius:50px;}

#chrt .nav-item a{background:#fff; border:0px; color:#1b8779; border-radius:6px}
.active{background:#1b8779 !important; color:#fff !important;}

.btn-primary2 {
    color: #fff !important;
    background-color: #1b8779 !important;
    border:0 !important;
    box-shadow: none;
}
div#filterDiv .active {
    background: #ebf1ff !important;
    color: #000 !important;
}
.login-sec{position:absolute; top:-600px; opacity:0;  transition:all linear 2s; }
.login-header{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    transition:all linear 1s; 
    opacity:1;
}
    .position-static{position:static; opacity:1; transition:all linear 2s; }
    .opacity-none{opacity:0; display:none; transition:all linear 1s; }
    .header-logo{position:absolute; top:0; background:#ffffffa3; padding: 0px 20px;}
    .header-logo img{width:auto; height:80px;}
    .bg-footer-bottom{ bottom:0px; padding: 0px 20px; width:100%; padding:10px; border-top:1px solid #b6b6b68f;}
    .pt-150{padding-top:150px;}
    ul.social-icon-rounded li {
    list-style: none;
    display: inline-block;
}
ul.social-icon-rounded img {
    width: 26px;
}

/*********************************************/
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #1b8779;
    border-color: #1b8779;
}
.content .container-fluid{background: #e3eceb; padding: 20px;}
.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: 84px;
}

/****************************added from pages***********************************/

  .modal-dialog {
            max-width: 900px;
            margin: 1.75rem auto;
        }

        fieldset {
            border: 2px solid #21a955;
            /* Change the color as needed */
            border-radius: 5px;
            /* Optional: add rounded corners */
            padding: 15px;
            /* Add some padding inside the fieldset */
        }

        legend {
            font-weight: bold;
            /* Make the legend text bold */
            padding: 0 10px;
            /* Add some padding around the legend text */
        }
		td li{
			margin-left:-30px;
		}
		/*******************new********************/
		table.dataTable tr th, table.dataTable tr td{vertical-align:middle;}
		table.dataTable thead>tr>th {
            border-bottom: 1px solid #1b8779 !important;
            border-top: 1px solid #1b8779 !important;
            background: #e3eceb;
            color: #1b8779;
        }
     .table-shadow{ box-shadow: 0px 0px 4px 2px #ededed;}
	.table thead th{border-bottom:0 !important;}
	.table th, .table td{border-top:0 !important;}
	.table tr:nth-child(even){background:#f7f9ff !important;}
	.indicator-table th:first-child, .indicator-table td:first-child{width:200px;}
	.indicator-table th:last-child, .indicator-table td:last-child{width:280px;}
	.update-indicator-table th:last-child, .update-indicator-table td:last-child{width:280px;}
	
	/*********************/
	.btnTarget i {
    background: #1b8779;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
}
.btnDetail2{
     background: #f9fef7;
    border-radius: 50px;
    border: 1px solid #afdc9d;
    color: #4a8532;
    font-size:14px;
}
.btnDetail2 i{
    background: #4a8532;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
}
.btnDetail i{
    background: #4a8532;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
}
a.btnDetail.btn.btn-minier {
    background: #f9fef7;
    border-radius: 50px;
    border: 1px solid #afdc9d;
    color: #4a8532;
    font-size:14px;
}

a.btnDetail-lock.btn.btn-minier {
    background: #edfffd;
    border-radius: 50px;
    border: 1px solid #accfcb;
    color: #1b8779;
    font-size: 14px;
}

.btnDetail-lock i {
    background: #1b8779;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
}

.btnDetail{
     background: #f9fef7;
    border-radius: 50px;
    border: 1px solid #afdc9d;
    color: #4a8532;
    font-size:14px;
}
a.btnPendingDetail.btn.btn-minier {
    background: #f4dbb5;
    border-radius: 50px;
    border: 1px solid #f2bf75;
    color: #ac721d;
    font-size:14px;
    
}
.btnPendingDetail i{
    background: #ac721d;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
}
a.btnNotVerifiedDetail.btn.btn-minier {
    background: #f8cbcf;
    border-radius: 50px;
    border: 1px solid #d97d85;
    color: #c14b55;
    font-size: 14px;
    
}
.btnNotVerifiedDetail i{
    background: #ef6874;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
}
.btnNotVerifiedDetail{
    background: #f8cbcf;
    border-radius: 50px;
    border: 1px solid #d97d85;
    color: #c14b55;
    font-size: 14px;
    
}
a.btnTarget.btn.btn-minier {
    background: #f3f7fe;
    border-radius: 50px;
    border: 1px solid #a6c2f9;
    color: #1b8779;
    font-size:14px;
}
table.dataTable thead>tr>th{
   border-bottom: 1px solid #e3eceb !important;
    border-top: 1px solid #e3eceb !important;
    background: #e3eceb;
    color: #1b8779;
}
table.indicator-table td:first-child {
    color: #371d91;
    font-weight:bold;
    
}
td {
    color: #101012;
    font-size:14px;
    
}
th {
    font-size: 14px;
    font-weight: bold;
}
.btn-danger i, .btn-secondary i{font-size:14px !important;}
.btn-primary  i{font-size:14px !important;}
.btn-danger, .btn-secondary{font-size:1rem !important; font-weight:100 !important;}
.btn-danger, .btn-success, .btn-secondary{border-radius:50px;}
label{font-family: "Quicksand", serif;}
table.dataTable tr th, table.dataTable tr td{font-family: "Quicksand", serif;}
table tr th, table tr td{font-family: "Quicksand", serif;}
.pending{
     background: #f4dbb5;
    border-radius: 50px;
    border: 1px solid #f2bf75;
    color: #ac721d;
    font-size:14px;
}
.filter-sec label, .filter-sec select{font-family: "Quicksand", serif;}
.content-header h1{font-family: "Quicksand", serif; font-size:20px;}
.dt-button {
    background: #1b8779 !important;
    border: 0px solid #483a75 !important;
    border-radius: 3px !important;
    color: #eae8e8 !important;
}
.modal-header {
    background: #1b8779;
    color: #FFFFFF;
}
.text-success {
    color: #1b8779 !important;
}
.btn-primary:not(.dropdown-menu .btn-primary) {
    color: #ffffff;
    background-color: #1b8779;
    border-color: #5943a4;
    box-shadow: none;
    border-radius: 50px;
}
.modal-footer{margin:0;}
.text-danger {
    color: #da5f6a !important;
}
.modal-header.bg-success{background:#1b8779 !important;}
.dash{
    color:#1b8779;
    border: 1px solid #c9c1e6;
    padding: 0 5px;
    border-radius: 50px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #1b8779;
    border-color: #1b8779;
}
.content .container-fluid{background: #e3eceb; padding: 20px;}
.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: 94px;
}

.dt-button {
    background: #1b8779 !important;
    border: 0px solid #1b8779 !important;
    border-radius: 3px !important;
    color: #eae8e8 !important;
}

.content-header a{
    color: #1b8779;
    border: 1px solid #c9c1e6;
    padding: 0 5px;
    border-radius: 50px;
}

.small-box .inner p, .small-box .inner h3{color: #1b8779 !important;}

.verified{
     background: #f9fef7;
    border-radius: 50px;
    border: 1px solid #afdc9d;
    color: #4a8532;
    font-size: 14px;
    padding: 4px 10px;
}
.pending {
    background: #f4dbb5;
    border-radius: 50px;
    border: 1px solid #f2bf75;
    color: #ac721d;
    font-size: 14px;
     padding: 4px 10px;
}

a.btnPendingDetail.btn.btn-minier {
    background: #f4dbb5;
    border-radius: 50px;
    border: 1px solid #f2bf75;
    color: #ac721d;
    font-size: 14px;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{text-align:left;}
table.dataTable td ul{margin-bottom:0;}
table.dataTable td ul li{list-style:none;}
/*table.dataTable td:last-child{width:270px;}*/

/*table.dataTable th , table.dataTable td{*/
/*border-right:1px solid #d3d6d5*/
/*}*/

a.edit {
    background: #edfffd;
    border-radius: 50px;
    border: 1px solid #accfcb;
    color: #1b8779;
    font-size: 14px;
}

.edit i {
    background: #1b8779;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
}

.action{
     background: #f9fef7;
    border-radius: 50px;
    border: 1px solid #afdc9d;
    color: #4a8532;
    font-size: 14px;
    padding: 4px 10px;
}
.rejected {
    background: #ffefef;
    border-radius: 50px;
    border: 1px solid #eca4a4;
    color: #d33644;
    font-size: 14px;
    padding: 4px 10px;
}
.rejected i {
    background: #d33644;
    padding: 3px 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    margin-right: 6px;
}
.action{
     background: #f9fef7;
    border-radius: 50px;
    border: 1px solid #afdc9d;
    color: #4a8532;
    font-size: 14px;
    padding: 4px 10px;
}
.action i {
    background: #1b8779;
    padding: 4px 5px 4px 3px;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
}

.dropdown-menu a.black i, .dropdown-menu a.black {
    color: #5b5958 !important;
}


:not(.layout-fixed) .main-sidebar {
    height: inherit;
    min-height: 100%;
    position: fixed;
    top: 57px;
    bottom: -57px;
}

.layout-footer-fixed .wrapper .content-wrapper{padding-bottom:20px;}

.content-wrapper{min-height: calc(100vh - 60px) !important;}
a#btnAdd {
    padding: 3px 8px;
}

.top-main-heading{display:flex; justify-content:center; align-items:center;}
.top-main-heading h1{ font-size:20px}

.content-wrapper{background:#f3fdfc !important;}
/**********************changes for media query***********************/

/*.small-box h3{font-size:20px !important;}*/
/*.small-box p{font-size:12px !important;}*/
/*nav .nav-item a{font-size:14px !important;}*/
/*.top-main-heading h1{font-size:14px !important;}*/
/*.highcharts-title{font-size:14px !important;}*/

.main-footer {
    margin: 0 !important;
}

#chrt .nav-item.sub_menu {
    background: #fff;
    border: 1px solid #a7a7a7;
    color: #1b8779;
    border-radius: 6px;
    position:relative !important;
    cursor:pointer;
    line-height:1.3;
}

#chrt .nav-item.sub_menu ul li{list-style:none;}
#chrt .nav-item.sub_menu ul li a{display:block; text-align:center;}

#chrt .nav-item.sub_menu ul{
    position:absolute; 
    top: 40px;
    left: 0;
    right: 0;
    transition: all linear 0.5s;
    opacity:0;
    visibility: hidden;
    z-index:999;
}

#chrt .nav-item.sub_menu:hover ul{opacity:1; visibility: visible; }