*{-webkit-box-sizing: border-box; box-sizing: border-box;}
html, body{margin:0px; padding:0px; font-family: 'Poppins', sans-serif;}
h1, h2, h3, h4, h5, h6, p
{margin:0px; padding:0px;}
.left-form h4{font-size:36px; font-weight:700; margin-bottom:10px; line-height:40px;}
a{color:#4f46e5; text-decoration:none;}
.inline-flex{display:inline-flex;}
.display-flex{display:flex;}
.justify-between{justify-content:space-between;}
.form-group{display:grid;}
.sign-in{display:flex;}
form button{width: 100%; border-radius: 75px; background-color: #14172a; color: #fff;
border: none; min-height: 50px; font-weight: 600; font-size: 16px; margin-right: 0;}
form button:hover{cursor:pointer; background-color:#006c3b;}
.forgot-remember{margin:20px 0px;}
.heading-fm{margin-bottom:0px;}
.left-form{display:flex; margin:4rem; justify-content:end;}
input[type="text"], input[type="email"], input[type="password"], select{border:1px solid #ddd; min-height:45px; border-radius:8px;  padding-left:15px; outline:none;
max-width:100%;}
.form-group label{margin-top:18px; margin-bottom:8px;}
.form-w{min-width:400px; max-width:400px; float:right;}
.right-sec{background-color:#1e293b; padding:4rem; height:100vh; position:relative; overflow:hidden; padding-left:6rem; padding-right:6rem;}
.inset-0{top:0px; right:0px; bottom:0px; left:0px; position:absolute; opacity:0.10; color: #e2e8f0;}
.inset-1{right: -3rem; top: -3rem; position: absolute; width: 180px; opacity: 0.25; color: #e2e8f0;}
.right-txt{position:relative; z-index:1; padding-left:0; padding-top:5rem; color:#64748b; max-width:420px;}
.right-txt h4{font-size: 52px; line-height: 52px; margin-bottom: 20px; color:#fff;}
.right-txt p{color: #64748b; font-size:14px; line-height: 22px;}
.ng-center{display:flex; align-items:center; width:100%; margin-top:15px;}
.ng-center .bdr-td{border-top: 1px solid #ddd; width:30%;}
.ng-center small{padding:0 10px;}
.people-joined{margin-top:30px;}
.people-joined img{width: 48px; height: 40px; border-radius: 100%; border-left: 4px solid #1e293b; margin-left:-12px; object-fit: cover;}
.people-joined span{margin-left:20px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus{outline-color:#14172a; border-color:#14172a;}
.card{border:none;}
aside{background-color:#006c3b; position:fixed; height:100%; min-width:280px; max-width:280px; overflow-y:auto;}
aside ul li {color:#fff; list-style-type:none;}
aside ul li a{color:#fff;}
.logo-side{text-align:center; color:#fff; padding-top:20px;}
.logo-side h4{padding:10px 0px; font-weight:400;}
aside ul{padding-left:10px; padding-right: 10px;}
aside ul li a{display:block; color:#fff;  padding:12px 15px; margin-bottom:5px; line-height:20px;}
aside ul.menu-list li a:hover, aside ul.menu-list li a.active-fx{background-color: #2c3344; display: block; border-radius: 8px; color: #94a3b8;}
aside ul.title-mn li {
    color: #fff;
    text-align: center;
}
aside ul.title-mn li span{margin-right:10px;}.logo-white {	border-radius: 100%;	background: #fff;	width: 100px;	height: 100px;	margin: 0px auto;line-height: 85px;}.logo-white img {	width: 60px;}
.job-nav ul li a, .other-list li a{border-radius:8px; color:#fff; margin-top:15px;}
.header {
    font-size: 22px;
    font-weight: 600;
    min-height: 60px;
    max-height: 60px;
    z-index: 1;
    width: 100%;
    background-color: #006c3b;
    padding: 1rem;
    left: 0;
    border-bottom: 1px solid #e9e9e9;
    position: sticky;
    top: 0;
    border-left: 1px solid #e9e9e9;
}
.head-title{background-color: #f5f5f5; border-bottom: 1px solid #ced4dd; box-shadow:inset 0px 3px 5px 1px #b3b0b0;}
.head-title h2{font-weight:600; font-size:36px; line-height:42px; color:#006c3b; display:inline-block;}
.logo-side a{display:block; color:#fff;}
.content-here{float: left; width: 100%; padding-right:0px;}
.header h1{font-size:24px;}
.content-bx h3{color:#006c3b ; font-size:20px; font-weight:600;}
.bx-msg{border:1px solid #d1d1d1; border-radius:20px; text-align:center; padding:20px 8px; height:100%;}
.bx-msg h4{font-size:15px; line-height:22px;}
.bx-msg h5{display:block;color:#3b82f6; margin-top:15px;}
.bx-msg h5 strong{font-size:80px; line-height:80px; display:block;}
.bx-msg h5 span{font-size:18px; margin-top:10px; display:block;}
.yellow-txt{color:#f59e0b;}
.green-txt{color:#22c55e;}
.red-txt{color:#ef4444;}
.bx-msg img{max-width:72px;}
.chat-right-bx{position:fixed; right:0; height:100%; 

z-index:2; background-color:#fff; border-left:1px solid #e9e9e9;}
.chat-icon{text-align: center; min-height: 60px; max-height: 60px; line-height: 30px; border-bottom:1px solid #e9e9e9; margin-bottom:15px;}
.chat-right-bx ul.chat-list{list-style: none; margin: 0; padding: 0; text-align: center;}
.chat-right-bx ul.chat-list li{margin-bottom:25px;}
.chat-right-bx ul.chat-list li img{width:35px; height:35px; border-radius:100%;}
.chat-right-bx ul.chat-list li a{position:relative;}
ul.chat-list li.online a:before, ul.chat-list li.flash a:before{width:10px; height:10px; background-color: #22c55e; border-radius: 100%; 
content: ''; right:2px; bottom:-10px; position: absolute; border:1px solid #fff;}
ul.chat-list li.flash a:before{background-color:#f9b41a;}
.color-full .color-bx{text-align: center; border-radius:10px; padding:30px 10px; color: #fff; font-weight:700; margin-bottom:25px; min-height:160px;}
.color-full .color-bx h5{font-weight:700;}
.color-full .color-bx h5 strong{font-size: 42px; display: block; line-height: 50px;}
/*.content-bx{border-right:1px solid #ced4dd;}*/
.bg-blue{background-color: #000;}
.bg-pink{background-color:#f1416c;}
.bg-orange{background-color:#f26522;}
.bg-yellow{background-color:#f59e0b;}
.bg-light-yellow{background-color:#f9b41a;}
.bg-light-green{background-color:#22c55e;}
.bg-purple{background-color:#7239ea;}
.bg-drk-orange{background-color:#e23b17;}
.bg-drk-green{background-color:#008080;}
.bg-drk-gry{background-color:#2c3344;}
.bg-light-gry{background-color:#515050;}
.form-group label.form-check-label{margin:0px; margin-left:8px; margin-top:12px; cursor:pointer;} 
.form-group .form-check-input{width:45px; height:40px; border-radius:8px;}
form .btn-submit button{ width:auto; padding:0 35px; padding-left:45px; position:relative;}
form .btn-submit button:before{background-image: url(../images/submit-btn.png); background-repeat: no-repeat; content: ''; width: 36px; height: 36px;
background-size: 25px; position: absolute; left: 10px; display: none;}

.job-info-ad p{margin-bottom:5px;}	
.job-info-ad p a{color:#212529;}
select.form-select{min-height:45px; border-radius:8px;}
.lightbg-cr-job{background-color:#f1f5f9;}
.content-bx .job-activits{color:#64748b; font-weight:300;}
.content-bx .job-activits h3{color: #334155; font-size: 42px; line-height: 50px; font-weight: 700; margin-bottom: 10px;}
.m-right-left-no{margin-left:0; margin-right:0;}
.job-activits ul{list-style-type:none; color:#334155; font-weight:400; position:relative; padding-left:60px;}
.job-activits ul li small{display: block; font-size: 14px; font-weight: 300; color: #64748b;}
.ico{width:45px; height:45px; background-color:#94a3b8; border-radius:100%; text-align:center; line-height:42px;}
.ico img{max-width:20px;}
.job-activits ul li .ico{position:absolute; left:0;}
.line-after{position:relative:}
.line-after:before{width:1px; background-color:#b9c4d2; height:100%; content:''; position:absolute; left:22px; top:0;}
#sidebar{transition: all 0.3s;}
#sidebar.active{margin-left: -280px;}
.bg-lgt{background-color:#f8fafc;} 
.search-fs input[type="search"]{width:100%; border-radius:25px; border:1px solid #d4d4d4; padding:12px 0px 12px 24px; min-height:45px; outline:none;}
.chat-name{background-color:#fff; max-height:350px; overflow-y:auto;}
.chat-name ul{margin-bottom:0; list-style-type:none; padding:0px;}
.chat-name ul li{border-bottom:1px solid #e9e9e9; position:relative;}
.chat-name ul li:hover{background-color:#eef2ff;}
.chat-name ul li:last-child{border-bottom:none;}
.name-bx{color:#334155; position:relative; padding-left:60px;}
.name-bx p{font-size:14px;}
.name-bx .ico{position:absolute; line-height: 45px; text-align: center; background-color: #e2e8f0; font-size: 18px; left:0;}
.chat-name .small{font-size:12px;}
.bg-chat{background-color:#eef2ff;}
.typing-txt{color:#818cf8;}
.chat-tp{padding-left:2rem !important;}
.chat-tp .pt-1{display:flex; margin-right:10px;}
.chat-tp .pt-1 span{display: block; width:4px; height:4px; background-color: #64748b; border-radius: 100%; margin:4px;}
.bdr-lft{border-left: 1px solid #efefef;}
.height-100{min-height:100vh;}
.divider:after, .divider:before {content: ""; flex: 1; height: 1px; background: #eee;}
.chat-mid .divider p{font-size:12px;}
.time-txt{font-size:11px;}
.chat-mid .justify-content-end {color:#fff;}
.chat-mid .justify-content-end .cht-bg{background-color:#3b82f6; width:fit-content; position:relative;}
.chat-mid .justify-content-start .cht-bg{background-color:#64748b; width:fit-content; position:relative;}
.chat-mid .justify-content-start .time-txt{text-align:left;}
.chat-mid .justify-content-end .time-txt{text-align:right;}
.chat-mid .justify-content-start .cht-bg:after{content: ''; position: absolute; left: 5px; bottom: -8px; border-left: 12px solid transparent; border-top: 12px solid #64748b;}
.chat-mid .justify-content-end .cht-bg:after{content: ''; position: absolute; left: 5px; bottom: -8px;
border-left: 12px solid transparent; border-top:12px solid #3b82f6;}	
/* width */
.scroll-y::-webkit-scrollbar {
width:5px;
}

/* Track */
.scroll-y::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.scroll-y::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.scroll-y::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.chat-btm{padding:15px; display: flex; justify-content: space-between;}
.chat-btm input[type="text"]{border-radius:25px; width:90%; border:2px solid #94a3b8;}
.chat-btm button{border: none; outline: none; background: none; padding:0px;}
.chat-mid .card{max-height:320px; overflow-y:auto;}
.section{display:flex; width:100%; align-items:stretch;}
#sidebar {min-width:280px; max-width:280px; transition: all 0.3s;}
#content {width: 100%; padding:0px; min-height: 100vh;
transition: all 0.3s; 

}
button.sidebarCollapse
{background-color:transparent; border: none; margin: 0; padding: 0; color: #fff; 
margin-right:10px; width:32px; height: 32px; border-radius:100%;}
button.sidebarCollapse:hover{background-color:#14172a;}
button.sidebarCollapse.close:hover{background-color:transparent;}
.sidebarCollapse.close{position:absolute; right:0; top:10px; display:none;}
.social-login-with ul
{list-style-type:none; padding:0px; margin:0; display:grid; grid-template-columns: repeat(3, 1fr); gap:10px;}
.social-login-with ul li a{box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f; 
border: 1px solid #ddd; display: block; padding:0; border-radius: 30px; color: #999; line-height:38px; text-align:center;}
.social-login-with ul li a:hover{background-color:#eaedf1;}
aside ul.other-list li a:hover{background-color:transparent; color:#818cf8;}
.content-bx h4{font-size:15px; font-weight:700;}
.job-detail
{background-color:#f1faff; padding-top:30px; padding-bottom:30px;}
.job-bx{background-color:#fff; padding:15px 8px; border-radius:20px; border:1px solid #d1d1d1;}
.job-bx .d-flex span{font-size:14px;}
.job-bx .d-flex a.btn-jb{font-size: 10px; background-color: #0f172a; color: #fff; line-height: 18px; 
height: 18px; border-radius: 20px; padding: 0 10px; justify-content: end; font-weight: 300;}
.job-bx small{font-size:12px;}
.job-bx h6{margin-top:10px; font-size:18px; font-weight:700;}
.job-bx span.add-txt{font-size:11px; display: block;}
.container-fluid .row.job-detail:nth-of-type(odd)
{background-color:#fff5f8;}
.pagination li a, .pagination li.act
{width:26px; height:26px; background-color:#ddd; border-radius:100%; 
text-align:center; line-height:26px; color:#333; display:block; margin:0 2px; font-size:12px;}
.pagination li.act, .pagination li a:hover
{background-color:#0f172a; color:#fff;}
.mn-logo{max-width:120px; margin-top:-8px;}
.tab ul{margin:0; padding:0;}
.pr-0{padding-right:0px;}
.pl-0{padding-left:0px;}
.chat-box .tabcontent#first{display:block;}
.chat-box .tabcontent{display:none;}

/*09/AUG/2022*/
.left-form-signup .form-w{min-width:400px; max-width:400px;}
.heading-fm h5{font-size:20px; font-weight:700; margin-bottom:10px; line-height:30px; margin-top:20px;}
.bdr-top{border-top:1px solid #ddd;}
#company-logo{width:104px; height:104px; background-color:transparent; border-radius:100%; position:relative; border:2px solid #ddd;}
#company-logo input[type="file"]
{position:absolute; right:0; top:0; width:100px; height:100px; opacity:0;}
#company-logo img{border-radius:100%; width:100px; height:100px; object-fit:cover;}
.form-group input[type="text"], .form-group input[type="password"], .form-group select
{width:100%;}
.ng-center.signup-or .bdr-td{width:50%;}
.form-check-input:checked{background-color:#4f46e5; border-color:#4f46e5;}
.border-top-no{border-top:none !important;}
.content-bx .table thead{background-color:#14172a; box-shadow:-5px 1px 3px 0px #ccc; border-top:1px solid #eceded;}
.content-bx .table thead tr th{font-weight:600; font-size: 14px; color: #64748b; padding:10px;}
.content-bx .table tbody tr td{padding:15px; font-size:14px;}
.content-bx .table tbody tr td strong{color:#64748b;}
.dv-action{display: flex; gap: 5px; align-items: center; height: 40px;}
.dv-action a{border:1px solid; width:24px; height:24px; text-align:center;
font-size:12px; line-height:24px; border-radius:100%;}
.edit-color{color:#00a65a;}
.del-color{color:#c70000;}
.noti-color{color:#D0342C;}
.icon-color{color:#94a3b8;}

.btn-mn{margin-top: 4px; color: #fff; background-color: #0f172a; padding-right:20px; padding-left:15px;}
.btn-mn:hover{color:#fff; background-color:#2c3344;}
.fas.fa-plus{margin-right:15px; font-size:12px;}
.search-header select, .search-header input{width:100%; font-size:14px; padding-left:10px;}
.search-header .btn-mn{margin-top:0; min-height:45px; max-height:45px; line-height:32px;}
.click-here{position:relative; padding-bottom:11px; cursor:pointer; margin-left:10px;}
.show-toogle{display:none;}
.show-toogle.active-toogle{display:block;}
.menu-drop{ position: absolute; list-style-type:none;
top: 100%; right: 0; padding: 0; margin-bottom: 0; 
min-width:200px; background-color:#fbfbfb; border-radius:0 0 8px 8px;}
.menu-drop li a{display:block; font-size:15px; padding:12px; font-weight:400; color:#64748b; position:relative; padding-left:40px;}
.menu-drop li a i{font-size:18px; position:absolute; top:15px; left:10px;}
.menu-drop li.logout-menu a{border-top:1px solid #ddd;}
.menu-drop li.sign-as{border-bottom: 1px solid #ddd; font-size: 14px; padding: 10px; font-weight: 500;}
.menu-drop li.sign-as span{display: block; font-weight: 400; font-size: 12px;}

.click-noti{position:relative; padding-bottom:11px; cursor:pointer}
.show-notification{display:none;
    position: absolute;
    list-style-type: none;
    top: 100%;
    right: 0;
    padding: 0;
    margin-bottom: 0;
    min-width:320px;
    background-color: #fbfbfb;
    border-radius: 0 0 8px 8px;}

.show-notification h6
{background-color:#0f172a; color:#fff; padding:15px;}
.show-notification ul{list-style-type:none; margin:0px; padding:0px;}
.noti-menu img{max-width:100%;}
.noti-menu li{border-bottom:1px solid #ddd; padding:8px;}
.noti-menu .content-noti strong{font-size: 13px; display: block; margin:5px 0; margin-bottom:0px;}
.noti-menu .content-noti p{font-size:12px; font-weight:300;}
.noti-menu .content-noti span{font-size: 10px;
    color: #666;
    margin: 0;
    padding: 0;
    display: block;}
	
.text-right{text-align:right;}

@media only screen and (min-width:1025px) and (max-width:1100px)
{
.right-txt h4{font-size:42px; line-height:42px; line-height:50px;}
}

@media only screen and (min-width:992px) and (max-width:1024px)
{
	.row.job-detail .col-lg-2{width:25%;}
}

@media only screen and (min-width:768px) and (max-width:1024px)
{
.form-w{min-width:inherit; float:inherit;}
.left-form-signup .form-w{min-width:inherit; float:inherit;}
.right-txt{padding-top:0;}
.right-sec{padding:2rem; padding-left: 2rem; padding-right: 2rem; padding-top:4rem; height:100%;}
.right-txt .display-flex{display:block;}
.people-joined span{display:block; margin-left:0; margin-top:10px;}
.right-txt h4{font-size:36px; line-height:48px;}
.bx-msg{margin:10px 0px; height:auto;}
.color-full .color-bx h5{font-size:18px;}
.bx-msg h4{font-size:14px;}
.bx-msg h5 strong{font-size:60px; line-height:60px;}
.bx-msg img{max-width:60px;}
.left-form{margin-bottom:1rem; margin-top: 1rem;}
.ng-center small{text-align:center; padding:0 5px;}
input[type="text"], input[type="password"], select{width:100%;}
.form-group label{font-size:14px;}
.content-bx .job-activits h3{font-size:28px; line-height:36px;}
.forgot-pass a{font-size:14px;}
.remember-me span{font-size:14px;}
.job-bx{margin-bottom:15px;}
.container-fluid .row.job-detail{padding-bottom:15px; padding-top:22px;}
}

@media only screen and (max-width:767px)
{
.left-form{margin:1rem; justify-content:center;}
.right-sec{padding:2rem 1rem; height:inherit; padding-left:1rem; padding-right:1rem;}
.right-txt{padding-top:0; text-align:center;}
.right-txt h4{font-size:42px; line-height:48px;}
.right-txt .display-flex{display:block;}
.people-joined span{display:block; margin-left:0; margin-top:10px;}
.form-group label{margin-top:10px;}
.right-txt p{font-size:16px;}
.ng-center small{font-size:12px; padding:0 5px;}
#sidebar{margin-left:-280px;}
#sidebar.active{margin-left:0; position:absolute; z-index:2;}
.sidebarCollapse.close{display:block;}
.header h1{font-size:20px;}
.bx-msg{margin:10px 0px; height:auto;}
.head-title h2{font-size:28px; line-height:32px;}
.form-w{min-width:100%;}
.right-txt h4{font-size:32px; line-height:40px;}
.right-txt p{font-size:14px; line-height:20px;}
.content-bx .job-activits h3{font-size:36px;}
input[type="text"], input[type="password"], select{width:100%;}
#content{position:absolute; z-index:-1;}
.job-bx{margin-top:15px;}
.left-form-signup .form-w{min-width:inherit;}
}

@media only screen and (max-width:575px)
{
.pr-0{padding-right:15px;}
}


/* ---------------- dashboard -------------- */
/* user-icn */
#content .content-here .header img {
    filter: brightness(30.5);
}

.msg-list .title-mn .text-uppercase img {
    filter: brightness(60.5);
}

/* 3 column in line */
.dash-home .content-here .content-bx {
    display: inline-block;
    width: 32%;
}

/* column width */
.dash-home .content-here .content-bx .col-12 {
    width: 100%;
}
.dash-home .color-full .color-bx{background-color: #14172a;}

.dash-home .color-full .color-bx:hover {
    background-color: #033f24;
}

/* sidebar text color */
.job-nav ul li a, .other-list li a {
    background-color: #fff;
    color: #006c3b;
    text-align: center;
}

aside ul.menu-list li a:hover{background-color:#14172a; color: #ffffff;}


.content-bx .table thead tr th{color: #ffffff;}

form .btn-submit button {
    background-color:#14172a;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 35px;
}
form .btn-submit button:hover{background-color:#033f24;}

.content-bx table {
    width: 95%;
    margin: 20px auto 0 auto;
}
.msg-list.job-nav.mt-5,
.msg-list.mt-5 {
    margin-top: 25px !important;
}
ul.title-mn {
    background-color: #00552e;
    padding: 10px;
}
.content-bx .table tbody tr td a {
    color: #006c3b;
}
.content-bx .table tbody tr td a:hover{
    color: #00552e;
}
.content-bx form .card-form .form-group label {
    margin-top: 0;
}
#content .content-here .content-bx form .card {
    background-color: #f5f5f5;
    padding: 35px;
}
#content .content-here .content-bx form .card .btn-submit {
    margin: 15px 0 0 0 !important;
}
.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(20, 23, 42, 0.2);
}

.login-wrap {
    background-color: #006c3b;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-wrap .logo-box {
    background-color: #fff;
    margin: 0 auto 20px auto !important;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
}
.login-wrap .logo-box img {
    width: 100px;
}
.login-wrap  .heading-fm {
    display: none;
}
.login-wrap .card {
    padding: 20px;
    border-radius: 10px;
}
.login-wrap .left-form {
    margin: 0;
}
.login-wrap .card form .form-group label {
    margin: 0 0 5px 0;
    font-weight: bold;
}
.login-wrap .card form .form-group:first-child {
    margin-bottom: 15px;
}
.login-wrap .card form .forgot-remember {
    margin: 15px 0px;
}
.login-wrap .row {
    margin: 0;
}
.login-wrap .card form .form-group input[type="email"] {
    width: 100%;
}
@media(max-width:991px){
	#content .content-here .content-bx form .card .col-lg-4 {
    margin-bottom: 12px;
}
	.dash-home .content-here .content-bx {
    display: inline-block;
    width: 49%;
}
}
@media only screen and (max-width:767px){
	.login-wrap .logo-box {
    width: 100px;
    height: 100px;
}
	.login-wrap .logo-box img {
    width: 65px;
}
/* Scroll */
.evnt-wrp .content-bx, .promo-wrp .content-bx {overflow-x: scroll;}

.col-12{margin-bottom: 10px;}
.dash-home .content-here .content-bx {
    width: 100%;
}
}

@media(max-width:600px){
	#content .content-here .content-bx form .card {
    padding: 15px;
}
}