/* Google Font Link */
/* var */
:root { --blue: #1e90ff; --white: #ffffff;--btncolor: #007bff; --DipDark : #202020; --red : #dc3545; --colorCheng: #192a56; }
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
/* hide scrollbar but allow scrolling */
body { -ms-overflow-style: none;  scrollbar-width: none;  overflow-y: scroll; }
body::-webkit-scrollbar { display: none; }
*{ margin: 0; padding: 0;box-sizing: border-box;font-family: "Times New Roman", Times, serif;}

.sidebar{position: fixed; top: 0;left: 0;height: 100%;width: 260px;background: #343a40;z-index: 100;transition: all 0.5s ease;}
.sidebar.close{ width: 78px; }
.sidebar .logo-details{ height: 60px; width: 100%; display: flex;align-items: center;}
.sidebar .logo-details i{font-size: 30px;color: #fff; height: 50px; min-width: 78px;text-align: center;
line-height: 50px;}
.sidebar .logo-details .logo_name{font-size: 19px;color: #fff;font-weight: 600;transition: 0.3s ease;transition-delay: 0.1s;}
.sidebar.close .logo-details .logo_name{transition-delay: 0s;opacity: 0;pointer-events: none;}
.sidebar .nav-links{height: 100%;padding: 30px 0 150px 0;overflow: auto;}
.sidebar.close .nav-links{overflow: visible;}
.sidebar .nav-links::-webkit-scrollbar{display: none;}
.sidebar .nav-links li{position: relative;list-style: none;transition: all 0.4s ease;}
.sidebar .nav-links li:hover{color: #f80727;}
.sidebar .nav-links li .iocn-link{display: flex;align-items: center;justify-content: space-between;}
.sidebar.close .nav-links li .iocn-link{display: block}
.sidebar .nav-links li i{height: 50px;min-width: 78px;text-align: center;line-height: 50px;color: #fff;font-size: 20px;cursor: pointer;transition: all 0.3s ease;}
.sidebar .nav-links li.showMenu i.arrow{transform: rotate(-180deg);}
.sidebar.close .nav-links i.arrow{display: none;}
.sidebar .nav-links li a{display: flex;align-items: center;text-decoration: none;}
.sidebar .nav-links li a .link_name{border-radius: 10px;font-size: 18px;font-weight: 400;color: #fff;transition: all 0.4s ease;}
.sidebar.close .nav-links li a .link_name{opacity: 0;pointer-events: none;}
.sidebar .nav-links li .sub-menu{padding: 6px 6px 14px 80px;margin-top: -10px;background: #343a40;display: none;}
.sidebar .nav-links li.showMenu .sub-menu{display: block;}
.sidebar .nav-links li .sub-menu a{color: #fff;font-size: 15px;padding: 5px 0;white-space: nowrap;opacity: 0.6;transition: all 0.3s ease;}
.sidebar .nav-links li .sub-menu a:hover{opacity: 1;}
.sidebar.close .nav-links li .sub-menu{position: absolute;left: 100%;top: -10px;margin-top: 0;padding: 10px 20px; border-radius: 0 6px 6px 0;opacity: 0; display: block; pointer-events: none;transition: 0s;}
.sidebar.close .nav-links li:hover .sub-menu{top: 0;opacity: 1;pointer-events: auto;transition: all 0.4s ease;}
.sidebar .nav-links li .sub-menu .link_name{display: none;}
.sidebar.close .nav-links li .sub-menu .link_name{font-size: 18px;opacity: 1;display: block;}
.sidebar .nav-links li .sub-menu.blank{opacity: 1;pointer-events: auto;padding: 3px 20px 6px 16px;opacity: 0;pointer-events: none;}
.sidebar .nav-links li:hover .sub-menu.blank{top: 50%;transform: translateY(-50%);}
.sidebar .profile-details{position: fixed;bottom: 0;width: 260px;display: flex;align-items: center;justify-content: space-between;background: #1d1b31;padding: 12px 0;transition: all 0.5s ease;}
.sidebar.close .profile-details{background: none;}
.sidebar.close .profile-details{width: 78px;}
.sidebar .profile-details .profile-content{display: flex;align-items: center;}
.sidebar .profile-details img{height: 52px;width: 52px;object-fit: cover;border-radius: 16px;margin: 0 14px 0 12px;background: #1d1b31;transition: all 0.5s ease;}
.sidebar.close .profile-details img{padding: 10px;}
.sidebar .profile-details .profile_name,
.sidebar .profile-details .job{color: #fff;font-size: 18px;font-weight: 500;white-space: nowrap;}
.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job{display: none;}
.sidebar .profile-details .job{font-size: 12px;}
.home-section{ padding: 50px; padding-left: 230px; position: relative;background: #E4E9F7;min-height: 100vh;top: 0;left: 78px;width: calc(100% - 78px);transition: all 0.5s ease;z-index: 2;}
.sidebar.close ~ .home-section{left: 78px;width: calc(100% - 78px);}
.home-section .home-content{height: 60px;align-items: center;}
.home-section .home-content .bx-menu,
.home-section .home-content .text{ color: #11101d;font-size: 35px;}
.home-section .home-content .bx-menu{margin: 0 15px; cursor: pointer;}
.home-section .home-content .text{font-size: 26px;font-weight: 600;}
@media (max-width: 420px) {.sidebar.close .nav-links li .sub-menu{display: none;}}
.profile-image{width: 200px;height: 200px; position: relative; margin: 0 auto 40px;}
.profile-image.img-square{width: 100%;height: 200px;max-width: 220px;margin-left:auto;margin-right:auto;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}
.dropdown,.dropleft,.dropright,.dropup{position:relative}
.dropdown-menu-right{right:0;left:auto}
.profile-image .input-file{position: absolute;width: 100%;height: 100%;opacity: 0;z-index: -1;top: 0;left: 0;}
.profile-image .btn-file{position: absolute;bottom: 10px;right: 20px;margin: 0;background: blue;color: #fff;width: 40px;height: 40px;text-align: center;line-height: 45px;border-radius: 50%;cursor: pointer;z-index: 1;box-shadow: rgba(0,0,0,0.2) 0 2px 10px;font-size: 22px;}
.profile-image.img-square{width: 100%;height: 200px;max-width: 220px;margin-left:auto;margin-right:auto;}
/*  DATATABLE  */
.dropdown-item:hover{ background-color:var(--btncolor); }
.dropdown-menu i{  padding-left: 5px; }
label.control-label{ text-transform: uppercase;}
.required:after { content:" *"; color: red; }
.up{ text-transform: uppercase;}
.dashboard .dashboard-recent-lead .btn-sort{font-size: 18px;}
.dashboard .dashboard-recent-lead .lead-container{margin: -15px;}
.dashboard .dashboard-recent-lead .lead-container .item{padding: 0 10px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.dashboard .dashboard-recent-lead .lead-container .item+.item{border-top: 1px solid var(--lightColor);}
.dashboard .dashboard-recent-lead .lead-container .item .item-lead{padding: 10px 5px;margin: auto 0;width: 100%;max-width: calc(40% - 80px);}
.dashboard .dashboard-recent-lead .lead-container .item .item-lead .item-title{font-size: 13px;font-weight: 600;letter-spacing: -0.3px;}
.dashboard .dashboard-recent-lead .lead-container .item .item-lead .item-title span{font-size: 11px;font-weight: 500;display: inline-block;margin-left: 10px;}
.dashboard .dashboard-recent-lead .lead-container .item .item-lead .item-leadname{font-size: 12px;font-weight: 500;letter-spacing: -0.3px;line-height: 1;}
.dashboard .dashboard-recent-lead .lead-container .item .item-info{padding: 10px 5px;margin: auto 0;width: 100%;max-width: calc(60% - 80px);}
.dashboard .dashboard-recent-lead .lead-container .item .item-info .email{font-size: 14px;font-weight: 500;line-height: 20px; display:flex;}
.dashboard .dashboard-recent-lead .lead-container .item .item-info .email span{font-size: 12px;display: inline-block;margin-left: 5px;}
.dashboard .dashboard-recent-lead .lead-container .item .item-info .contact{font-size: 14px;font-weight: 500;line-height: 20px; display:flex;}
.dashboard .dashboard-recent-lead .lead-container .item .item-info .contact span{font-size: 12px;display: inline-block;margin-left: 5px;}
.dashboard .dashboard-recent-lead .lead-container .item .item-date{padding: 10px 5px;font-size: 12px;font-weight: 500;width: 160px;text-align: right;line-height: 16px;margin: auto 0;}
.dashboard .my-right{ text-size-adjust: 3%; }
.widgets{display: flex;justify-content: flex-start;margin: 0 -10px; margin-bottom: 15px;flex-wrap: wrap;}
.widgets .widget-item{width: 25%;max-width: calc(25% - 20px);margin: 0 10px;background-color: #fff;padding: 15px;border: 1px solid var(--lightColor);position: relative;display: flex;z-index:0;margin-bottom: 10px;}
.widgets .widget-item:after{content: '';position: absolute;background-color: var(--vlightColor);width: 95px;height: 90%;z-index: -1;top: 50%;transform: translateY(-50%);right: 0;border-radius: 50px 0 0 50px;}
.widgets .widget-item .item-content{width: 100%;max-width: calc(100% - 80px);padding-right: 15px;}
.widgets .widget-item .item-content .item-title{font-weight: 600;color: var(--secondaryColor);font-size: 14px;text-transform: uppercase;line-height: 1;margin-bottom: 10px;position: relative;z-index: -1;}
.widgets .widget-item .item-content .item-subtitle{font-size: 12px;font-weight: 500;line-height: 1.2;letter-spacing: -0.3px;color: var(--textColor);display: flex;justify-content: space-between;}
.widgets .widget-item .item-content .item-subtitle span{font-weight: 600;}
.widgets .widget-item .item-count{width: 80px;font-size: 24px;font-weight: 700;display: flex;justify-content: flex-end;align-items: center;letter-spacing: -0.5px; color: var(--secondaryColor);}
.widgets .widget-item:nth-child(1):after{background-color:rgba(233, 30, 99, 0.1);}
.widgets .widget-item:nth-child(1) .item-count{color:rgb(47, 233, 30);}
.widgets .widget-item:nth-child(2):after{background-color:rgba(63, 81, 181, 0.1);}
.widgets .widget-item:nth-child(2) .item-count{color:rgba(63, 81, 181, 1);}
.widgets .widget-item:nth-child(3):after{background-color:rgba(76, 175, 80, 0.1);}
.widgets .widget-item:nth-child(3) .item-count{color:rgba(76, 175, 80, 1);}
.widgets .widget-item:nth-child(4):after{background-color:rgba(255, 167, 38, 0.1);}
.widgets .widget-item:nth-child(4) .item-count{color:rgba(255, 167, 38, 1);}
.widgets .widget-item:nth-child(5):after{background-color:rgba(255, 167, 38, 0.1);}
.widgets .widget-item:nth-child(5) .item-count{color:rgba(255, 167, 38, 1);}
.widgets .widget-item:nth-child(6):after{background-color:rgba(255, 167, 38, 0.1);}
.widgets .widget-item:nth-child(6) .item-count{color:rgba(255, 167, 38, 1);}
a { text-decoration: none !important; }

.profile-image{width: 200px;height: 200px; position: relative; margin: 0 auto 40px;}
.profile-image .img-container{width: 200px;height: 200px;overflow: hidden;border-radius: 0;background: #fff; border: 4px solid #fff;box-shadow: rgba(0,0,0,0.1) 0 2px 5px;}
.profile-image .img-container img{width: 100%;height: 100%;object-fit: cover;}
.profile-image .input-file{position: absolute;width: 100%;height: 100%;opacity: 0;z-index: -1;top: 0;left: 0;}
.profile-image .btn-file{position: absolute;bottom: 10px;right: 10px;margin: 0;background: var(--primaryColor);color: #fff;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50%;cursor: pointer;z-index: 1;box-shadow: rgba(0,0,0,0.2) 0 2px 10px;font-size: 22px;}

.profile-image .note{font-size: 13px;font-weight: 600;color: var(--primaryColor);margin: 10px 0;}
.profile-image.img-square{width: 100%;height: 200px;max-width: 220px;margin-left:auto;margin-right:auto;}
.profile-image.img-square .img-container{width: 100%;height: 200px;border-radius: 0px;}
.page-number { margin: auto; margin-left: 0; font-size: 14px; font-weight: 600; letter-spacing: -0.3px; color: var(--darkColor);padding: 8px 0;}
.select2{width:150px ;     line-height: 38px;}
.headerColor{ color: white;  }