@media only screen and (max-width: 780px){

.desktop-only {

    display: none !important;
}


}
.dashboard-section .modal .modal-body form .form-group {
    margin-bottom: 10px;
}

.job-listing-details{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

  /* .details-section {
    margin: 1px;
    padding: 1px;
    word-wrap: break-word;
}
.details-section + .details-section {
    margin-top: 60px;
} */

.desired-profile-heading{
    color:#6f7484 !important;
    font-weight: normal !important;
}
.desired-profile-sub{
    color:#232630; 
    font-weight: normal !important;
}

#txt{
    margin-top: 40px;
    color:#666;
}

.image{
    border-radius: 100px !important;
}

.updbtn{
    border-radius: 61px !important;
    background:#232630 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    color:white;
    outline: none;
    margin-top: 20px;
    cursor: pointer;
    
}

.remvbtn{
    border-radius: 61px !important;
    background:#d9d9d9 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    color:rgb(0, 0, 0);
    border:none;
    outline: none;
    margin-top: 20px;
    margin-left: 20px;
    
}

  .fab.fa-whatsapp:hover {
    color: #25D366;
  }

  .job-title-and-info .title .title-body .info span.full-time svg {
    color: #aaa !important;
}
.job-summary{
    background:#f7f9fc !important;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.share-job-post{
    background:#f7f9fc !important;
     border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.skill-and-profile .skill a {
     border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background:#007bff;
    color:#fff;
}

/* .login{
  background-color:#EDF1FF!important; width: 503px!important; height: 678px!important; margin-left:-190px !important;  padding:30px!important; border-radius: 40px!important; opacity: 0.85!important;
} */
.dashboard-container .dashboard-content-wrapper 
{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 75%;
}
.dashboard-container .dashboard-content-wrapper-new 
{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 100%;
}

 .dashboard-container .dashboard-sidebar 
{
    border-top-left-radius: 15px; 
    border-bottom-left-radius: 15px;
    width: 25%; 
}

.dashboard-sidebar .dashboard-menu ul li:hover a, .dashboard-sidebar .dashboard-menu ul li.active a 
{
    background: #d5e3fd;
}
.dashboard-sidebar .dashboard-menu ul li:hover a, .dashboard-sidebar .dashboard-menu ul li.active a {
    color: #246df8;
    border-radius: 5px;
    
}

.dashboard-sidebar .dashboard-menu ul li:hover i, .dashboard-sidebar .dashboard-menu ul li.active i {
    color: #246df8;
    border-radius: 5px;
    
}
  .referral-main{

padding: 20px;

/* border: 1px solid #aab8c2; */

background-color: #ffffff;

border-radius: 4px;

}
.share-link{
    margin-left:15px;
    font-size:16px;
}
.referral-coin{
    border:none;
    border-radius: 61px;
    background: #F6F6F6;
    padding: 15px;
    margin-top: 20px;
}

.add-more{
    border-radius: 61px !important;
}


.buttonss{
    background: linear-gradient(136deg, #07C8F9 0%, #007BFF 100%);
    border:1px solid #ccc !important;
    color:white;
    border-radius:61px;
    margin-left:20px;
    Padding:10px 20px;
    font-size:13px;
}
.ref-link{
    /* width: 436px; */
    padding:5px 5px 5px 15px;
    text-align: center;
    
    background: white;
   
    
}

.refferal-head{
    margin-top:20px;
    color: #232630;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.9px; 
    }
.referral-description {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

.modal-content{
    border-radius: 15px!important;
}
.primary-bg{
    border-radius: 61px !important;
    padding-left: 20px!important;
    padding-right: 20px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.others-block{
    border-radius: 15px !important;
    
}
.job-list{
    border-radius: 15px !important;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 40px;
    width: 822px;
    margin-left:20px;
}

#filters_col{
    width: 260px;
    border-radius: 15px !important;
    margin-top: 8px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
}

.txt-color:hover{
     color: #007bff;
}
.clear-all-search-listing {
    color: #007bff;
    margin-left: 13px;
}

.clral{
    border-bottom-left-radius:15px; 
    border-bottom-right-radius:15px; 
    background:#fff;
}

a#filters_col_bt:before{
    margin-right: 20px;
    margin-top: 15px;
}


.job-filter-wrapper .job-filter:before, .candidate-filter-wrapper .job-filter:before, .employer-filter-wrapper .job-filter:before, .job-filter-wrapper .candidate-filter:before, .candidate-filter-wrapper .candidate-filter:before, .employer-filter-wrapper .candidate-filter:before, .job-filter-wrapper .employer-filter:before, .candidate-filter-wrapper .employer-filter:before, .employer-filter-wrapper .employer-filter:before {
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    height: 1px;
    background: rgb(255, 255, 255);
    content: '';
}
.select2-results__option[aria-selected="true"] {
    background-color: #e0e0e0 !important; 
    color: black !important; }

.employer_small_sidebar{
   width: 290px !important;
}

.filter-title{
    margin: 20px 20px 20px 0  !important;
}



.job-filter-wrapper{
    background: none;
}

.round-edit{
    padding: 7px 7px !important;
    border-radius: 61px !important;
}
.dismiss{
    border-radius: 61px !important;
    padding-left: 20px!important;
    padding-right: 20px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.refferal-head{

  text-align: left !important;
        display: block;
font-size: 2.07692308rem;
color: var(--gray85);

    line-height: 1.35;
    font-weight: normal;
    margin-bottom: 0;

    font-weight: bold;

}


.dashboard-sidebar {
    background:#fff;
}

.padding-top-35{
    padding-top:35px;
}
.padding-bottom-35{
    padding-bottom:40px;
}

/* .alice-bg {
    background: #f5f6f8;
} */
.refferal-main{
    border: none !important;
    padding: 0 !important;
}
.referral-main{
   
    padding: 0 !important;
}
.refferal-description{
    border: none !important;
}
.candidate-details{
    border-radius: 15px;
    
}

.information{
    background: none;
    border-radius: none;
    border: none;
    padding:0!important;
}



.fnt{
    font-size: 13px;
    border-radius: 61px !important;
}
.update-file{
    border-radius: 61px !important;
}

.contact-download{
    border-radius: 61px !important;
}
#status_tag{
    font-size:14px; 
     width:200px; 
     height:40px; 
     margin-right:20px;
     border-radius: 61px;

}
#contactibility_tag{
    font-size:14px;  
    width:200px; 
    height:40px; 
    margin-right:20px;
    border-radius: 61px;
}

#communication_tag{
    font-size:14px; 
    width:200px; 
    height:40px;
    border-radius: 61px;
}

@media screen and (max-width: 990px) and (min-width: 200px) {
  .dashboard-container .dashboard-content-wrapper 
{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    
}

.btn-class{
    text-align: center !important;
}
.btn_draft{
  margin-bottom:15px;
  margin-right:0 !important;
}
.btn-sbmt{
  margin:auto;
}
  .responsive {
    margin-bottom: 20px;
  }
  .res-btn{
    width:100% !important;
  }
  
  .sub-heading {
    width: 100% !important;
  }
  .res-width{
    width: 100% !important;
  }
  .res-chart{
    width: 100% !important;
  }
  .user-statistic-block{
    width: 100% !important;
    margin-left:0 !important;
  }
  
  .widget-inner{
    width: 100% !important;

  }
  .space{
    margin-bottom: 40px;
  }
  .hide-ref-btn{
    display:none;
  }
  .dashboard-container .dashboard-content-wrapper {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 100%;
  }
  .breadcrumb{
    padding-top:50px !important;
  }
  .limitedNumbSelect3{
    width: 100% !important;
  }

  .res-company-logo{
    
  margin-bottom:0 !important;
  
  }
  .res-company-buttons{
     margin-bottom:30px !important;
  }
  .center{
    text-align:center!important;
  }
  
  .res-width{
    width: 100% !important;
  }
  .res-widths{
    width: 100% !important;
    margin: 10px !important;
  }
  .ref-link{
    margin-bottom:15px;
  }
  .emded-box{
    width: 100% !important;
  }
  .txt{
    width: 75% !important;
  }
  .deadline{
    position:static  !important; 
  }
  .responsive-btn{
    margin:25px 0 0 128px!important;
  }
  .res-job-list{
    width: 75% !important;
  }
  .searchAndFilter input {
     width: 100% !important;
  }
  .select-box {
      width: 100% !important;
      margin:0 25px 25px 0;
  }
  .select-box2 {
      width: 100% !important;
      margin:0 25px 25px 0;
  }
  .button{
    display: flex;
  justify-content: center;
  align-items: flex-start;
  }
  .res-clg{
    width: 100% !important;
  }
  .res-work{
    width: 100% !important;
  }
  .res-on{
    width: 60% !important;
  }
  .responsive-btn{
    margin-right: -25px;
  }
  .ref-link{
    padding: 15px 15px 15px 15px;
  }
  .buttonss{
    margin-top:15px;
    margin-left: 20px;
    
  }
  
  .dashboard-section .modal-dialog {
    max-width: 100% !important;
    margin-top:100px !important;
  }
  .modal-content{
    width: 78%  !important;
    margin:auto !important;
    
    /* margin-left:auto; */
  }
  .modal-body{
    width: 100% !important;
  }
  .res-search-btn{
    margin:auto;
  }
   .res-table{
    margin:auto;
   }
   .res-chart{
    margin-top:30px;
   }
   .update-photo{
    margin:auto;
   }
   
   .close-activity{
    text-align:center;
   }
   .ress-btn{
    margin-left:-6px !important;
   }
   .table-responsve {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
  .res-prv{
    margin-top:20px;
  }
}




  @media screen and (max-width: 1530px) and (min-width: 990px) {
  .access-form{
    margin-left: 0 !important;
    }
  }



@media screen and (max-width: 1200px) and (min-width: 990px) {
  .resume-card{
    flex: 0 0 50%;
    max-width: 50%;
  }
    
}

@media screen and (min-width: 479px) {
  .drop-res{
    display:none;
  }
    
}

@media screen and (max-width: 479px) {
  .res-hide{
    display:none;
  }
    
}


@media screen and (max-width: 479px) {
  .res-pl{
    padding:0 !important;
  }
    
}


@media screen and (max-width: 990px) and (min-width: 580px) {
  .res-footerlink{
    margin:0 !important;
  }
  .res-footer{
    text-align:center !important;
    margin-left:0 !important;
  }
  .copyright{
    margin-left: -210px;
  }
  .img-responsive{
    width: 100% !important;
  }
  
}


@media screen and (max-width: 579px) and (min-width: 200px) {
    .res-footerlink{
    margin:0 !important;
  }
  .res-edu{
    width: 50% !important;
  }
  .res-links{
    text-align: center !important;
  }
  .copyright{
    margin-left: -210px;
  }
  .img-responsive{
    width: 280px !important;height: 125px !important;
  }
  .res-para{
    margin-top:-40px !important;
  }
  .res-footer{
    text-align:center !important;
    margin-left:0 !important;
  }
  
}
@media screen and (max-width: 390px) and (min-width: 200px) {
  .res-eu{
    width: 50% !important;
  }
  .updbtn{
    margin-left: 60px;
   
  }
  .updbtn2{
    margin-left: 60px;
   
  }
}

@media screen and (max-width: 550px) and (min-width: 200px) {
.res-wth{
    width:80px !important;
  }
}




      body {
        margin: 0;
        
        background: #f5f6f8;
      }

      /* .topnav {
        background-color: white;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        z-index: 9999;
        padding: 12px 30px;
        margin-bottom: 5px;
      } */

      .topnav {
        background-color: white;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        z-index: 9; /* Adjust z-index to be higher than breadcrumb */
        position: relative; /* Ensure the position is set to relative or absolute */
        padding: 23px 30px;
      }

      .topnav a {
        color: black;
        text-align: center;
        padding: 19px 16px;
        text-decoration: none;
      }


      .topnav a:hover {
        background-color: #ddd;
        color: black;
      }

      .sidenav {
        width: 285px; /* Adjust the width as needed */
        height: 100vh;
        background-color: white;
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 20px;
        color: rgb(19, 10, 10);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 9999;

        /* Add smooth shadow */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease-in-out; /* Optional: Add a transition for a smooth effect */
      }
      .sidenav-menu-item{
        display: flex;
        flex-direction: column;
        margin-top: 18px;
        padding-left: 10px;
      }

      .sidenav-logo {
        /* width: 100%; */
        display: flex;
        /* justify-content: space-evenly; */
        /* align-items: center; */
        width: 150px;
        /* padding: 0 20px; */
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease-in-out; */
      }

      .sidenav-logo img {
        max-width: 100%;
        /* Adjust the max-width as needed */
        /* height: auto; */
        padding-left: 20px;
      }

      .sidenav-logo-2 {
        /* max-width: 80px; */
        /* Adjust the max-width as needed */
        /* height: 21px; */
      }

      .toggle-btn {
        cursor: pointer;
        padding-left: 155px;
        /* display: none; */
      }

      .sidenav a {
        padding: 15px;
        text-decoration: none;
        color: rgb(0, 0, 0);
        font-size: 18px;
      }

      .topnav-menu {
        float: right;
      }

      

      .main-content {
        margin: 10px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
      }

      .breadcrumb {
        padding: 20px 22px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1; /* Adjust z-index to be lower than topnav */
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
      }

      .breadcrumb h2 {
        margin: 0;

        font-size: 24px;
        color: #333;
      }

      .breadcrumb a {
        margin-right: 5px;
        text-decoration: none;
        color: #007bff;
      }

      .breadcrumb a:hover {
        text-decoration: underline;
      }

      .breadcrumb-float-right {
        text-align: right;
      }

      .breadcrumb-float-right a {
        margin-left: 10px;
        /* Adjust the margin as needed */
      }

      /* main content start */
      .main-content {
        margin: 10px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        background-color: white;
        border-radius: 10px; /* Adjust the border-radius as needed */
        padding: 20px; /* Adjust the padding as needed */
      }

      @media screen and (max-width: 768px) {
        /* .toggle-btn{
          display: inline-block;
        } */
        .sidenav.active {
          left: 0;
          /* Show the sidebar on smaller screens */
        }

        .sidenav {
          width: 50%;
          /* Set width to 100% for responsiveness */
          left: -100%;
          /* Start off-screen */
        }

        .content {
          margin-left: 0;
        }
      }
    @media screen and (max-width: 1004px) {
        
        .sidenav.active {
          left: 0;
          /* Show the sidebar on smaller screens */

        }

        .sidenav {
          width: 50%;
          /* Set width to 100% for responsiveness */
          left: -100%;
          /* Start off-screen */
          display: none;
        }

        .content {
          margin-left: 0;
        }
        .pull-left{
          display: none!important;
        }
      }
      .pagination{
        width: 100%;
        margin-top: 20px;
      }

      @media screen and (width <= 800px){
        .toggle-btn{
          display: none;
        }

        .pull-left{
          display: none!important;
        }
      }