html,
body {
    font-family: 'ABeeZee';
    overflow-x: hidden; /* Prevent scroll on narrow devices */
     padding-top: 35px;
     background-color: #f6fffd;

}
body{min-height:750px;}
a{text-decoration: none; }
.hover-light:hover{background-color: #e9ecef;}
.left-content a{display: block;}
.fs-25{font-size: 25px;}

.recent li{padding: 4px 15px;}

.nav-scroller {
  position: relative;
  z-index: 2;
     height: 65px;
  overflow-y: hidden;
}
#red{color: red;}
#green{color: green;}
.error {width: 100%;
    color: red;
    font-size: 14px;
}
.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.bg-purple {
  background-color: #6f42c1;
}
.nav-scroller img{width: 25px;
    height: 25px;
    border-radius: 100px;
    margin: 3px 0px 0px 0px;}
.nav-scroller span{position: absolute;
    display: block;
    margin: 0px 23px;}
.img-resize{width: 35px; height: 35px; border-radius: 100px; }
.profile-icon img{width: 25px; height: 25px; border-radius: 100px; display: block;}
.profile-img img{width: 20px; height: 20px ; border-radius: 50px; float: left;}
.justify-content-end{}
.topbar i{font-size: 25px;
    display: block;
    text-align: center;}
    .job-details-list{padding: 0px;}
    .job-details-list li{list-style-type: none;
    padding: 7px 0px}
.topbar span{}
.topbar li{padding: 0px 19px;
    font-size: 14px;}
    footer{box-sizing: border-box;
    padding: 20px 1px 15px 0px;}
    section{padding: 40px 0px;}

.plr-15{padding: 0px 15px;}

#red{color: red;}
#green{color: white; background-color:green; padding:10px; display:inline-block; border-radius:6px;}
.error {width: 100%;
    color: red;
    font-size: 14px;
}  
    .left-content .card-header{min-height: 50px;}

     .center-content li{text-align: center; margin: 0 auto; display: block;}
    .center-content ul li{padding: 10px 5px;
    list-style-type: none;
    text-align: center;
    margin: 24px auto 0px;}
    .fs-12{font-size: 12px;}
    .center-content ul{margin: 0 auto;}
    .center-content ul li:hover{background: #dadada;
    border-radius: 4px;}
    .center-content ul li a i{font-size: 20px;}
.bg-img1{background-image:url('../img/chatbg.png');}
.bg-img2{}
.bg-img3{}
.bg-img4{}
.bg-img5{}
.bg-img6{}
.bg-img7{}
.bg-img8{}
.bg-img9{}
.bg-img10{}
.bg-img11{}
.bg-img12{}
.search-job li{display: inline-block;}
.close-connection{background: #41464bc4;
    height: 30px;
    padding: 2px;
    box-shadow: 0px 0px 2px 2px #00000042;
    font-size: 20px;
    width: 30px;
    margin: -6px -14px 0px 0px;
    float: right;
    text-align: center;
    border-radius: 51px;}
.ptb-20{padding: 20px 0px;}
.mb-2{margin-bottom: 8px;}
.p-10{padding: 10px;}
.ptb-10{padding: 10px 0px;}
.mlr-15{margin: 0px 15px;}
.follow{display: block;
    margin: 17px 0px;}
    .share-coments {padding: 0px;}
    .share-coments li{padding: 0px;}
.profile-content span{display: block;}
.profile-content img{float: left;
    margin: 13px 2px;}
.text-right{float: right;
    display: block;}

  .hidden-lg{display: none;}  
/*=======chatbox code start here======*/

/*chat box design*/
.chatbox-popup{
width: 350px;
    display: flex;
    position: fixed;
    background: #90818100;
    z-index: 99999;
    right: 23%;
    bottom: 1px;
}
.chat-data{background: #ffffff;
    padding: 8px;
    border-bottom: solid #e9ecef 1px;
    border-top: solid #0d6efd 2px;}
.chat-data textarea{
    border: transparent;
    width: 100%;
    margin: 0px 0px -25px 0px;
    padding: 0px 10px 25px 9px}
.chat-data textarea:focus-visible{outline: -webkit-focus-ring-color auto 1px white;outline: solid transparent; 2px;}

.layer{position: absolute;
    background: #d8e9f7;
    padding: 9px;
    width: 100%;
    margin: 0px 0px 0px -9px}
.chatbox-popup .card-header {
    padding: 2px 15px;
    height: 51px;
}
.uploaddata li{display: inline-block;
    height: 35px;
    padding: 7px 0px;
    background: #efefef;
    text-align: center;
    width: 35px;
    border-radius: 100px;
   margin: 13px 5px}
    .uploaddata li:hover{background: #e1dfdf}
     .uploaddata li a i{color: #333;}

.leftdata span{background: #78b3e54a;
  padding: 3px 7px 3px 15px;  
  width: 60%;
   word-break:  break-all;
    font-size: 12px;margin: 5px 14px;
    display: inline-block;
    color: #212529;
    border-radius: 0px 12px 0px 0px;
    letter-spacing: .5px;
    font-weight: 500;}

    .leftdata span:before{content: "";
    border-top: none;
    border-left: solid 17px transparent;
    border-right: solid 17px transparent;
    border-bottom: solid 24px #d8e9f7;
    margin: 1px 0px -16px -38px;
    display: inline-block;
  
    transform: rotate(-90deg);
    padding: 6px 0px 0px 0px; }


.rightdata span{background: #828bff78; word-break: break-all;
  padding: 5px 15px 3px 5px;
    width: 60%;
    float: right;
    font-size: 12px;
    display: inline-block;
    color: #212529;
    margin: 5px 14px;
    border-radius: 12px 0px 0px 0px;
    letter-spacing: .5px;
    font-weight: 500;}

    .rightdata span:before{content: "";
    border-top: none;
    border-left: solid 17px transparent;
    border-right: solid 17px transparent;
    border-bottom: solid 24px #c4c8ff;
    float: right;
    right: -38px;
    margin: 1px 0px 0px -38px;
    display: inline-block;
    position: relative;
    transform: rotate(90deg);
    padding: 6px 0px 0px 0px;}
.chatbox-popup .card-body{height: 330px; overflow-x: hidden; overflow-y: scroll;margin-bottom: 8px;}

.chatbox-popup .card-footer {
    padding: 1px 0px;}


/*click to open box for particular student*/











.chatbox{
width: 340px;
    display: flex;
    position: fixed;
    background: #cfcfcf00;
    z-index: 99999;
    right: 0px;
    bottom: 1px;
}
.chatbox .card-body .row{align-items: center;border-bottom: solid 0.5px #76726a2b}
.chatbox .card-body .row:hover{background: #ffecd47d; cursor: pointer;}
.chatbox .card-body{padding: 2px 15px; height: 80vh; overflow-x: hidden; overflow-y: scroll;position: relative;}
.chatbox .card-header{padding: 2px 15px;
    height: 51px;}
    #hidechat .text-success{color: #07bf56;}
    #hidechat .text-default{color: #777;}
    #hidechat i{
    z-index: 999999;
    text-align: center;
    position: absolute;
    left: 3%; }
.right-content ul {
    list-style: outside none none;
    margin: 0 0 0px;
    padding: 0;}
    .data{padding: 0px;
    margin: 5px -18px;}
.chatbody p{padding: 0px;margin-bottom: 2px}
.chatbody img{ width: 45px; height: 45px; border-radius: 100px; background: white;  border: solid 0.5px rgb(222 223 235);}
.chatbody .right-content{padding: 11px 0px 0px 0px}
.chatbody .right-content li{display: inline-block;font-size: 17px;
   padding: 0px 0px 0px 22px;}
.message{}
.chatbody p{display: inline-flex;}
.chatbody .data  li {
   color: #5c5c5c;
    margin-bottom: 1px;
    position: relative;
    font-size: 12px;
    list-style-type: none;
    font-weight: 500;
}
.data strong{font-size: 13px;
    color: #333;
    font-weight: 500;}


.chatbody .message{padding: 9px 14px;
    font-weight: 600;
    font-size: 13px;
    color: #202020e6;}
/*---------------chat box-------*/










/*=end here chatbox===*/

/*=============login part here======*/
.loginform form{padding: 24px 40px 80px 40px;}
.box-shadow{box-shadow: 0px 1px 5px 2px #d3d3d3;}
.loginform{margin:30px 50px;}

/*=========end here login css===========*/

/*=================profile-content here===*/
.profile-pic img{width: 100%; height: 250px; border-radius: 10px 10px 0px 0px}
.user-img img{width: 150px;
    border-radius: 100px;
    height: 150px;
    position: absolute;
    border: solid 2px white;
    top: 0px;
    margin: 44px 0px;}
    .profile-setting { position: relative; }
    .change-img a{position: absolute;
    right: 0px;
    top: 0px;
    margin: 8px 20px;
    width: 40px;
    height: 40px;
    background: #646b72;
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 50px;
    font-size: 21px;}
    .modal{background: #000000a3;}
/*=====end here====*/


/*===========employer dashboard=====*/
.sidebar-menu li a i{font-size: 22px;}
.fs-60{font-size:45px; text-align: center;}
.icon-box{background: #0d6efd3d;
    display: block;
    height: 60px; padding: 5px;
    width: 60px;
    border-radius: 10px;
    margin: 12px auto;
    box-shadow: 0px 0px 5px 2px #a9a9a929;
}
.mlr-10{margin: 0px 10px;}
.fs-14{font-size: 14px;}
.display-none{display: none;}
.sidebar-menu .active{background: #c2dbfe;}



@media (max-width:768px){
    .hidden-sm{display:none;
}

/*===============end employer end==============*/