html,body{
    height: 100%;
}
.btn-save-to-draft{
    width: 100%;
    background-color: #5cb85c;
    color: #fff;
    border-radius: 0;
    padding: 10px 30px;
    margin-top: 30px;
    font-weight: 600;
    border: 1px solid #4cae4c;
    text-transform: uppercase;
}

.btn-save-to-draft:hover{
    color:#fff
}

.btn-default{
    width: 100%;
}
.dj-action-btn-wrapper{
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
}

.dj-action-btn{
    width:100%;
}

.dj-action-rm{
    border-color:#d43f3a;
    background-color: #d9534f;
    color: #fff;
}
.dj-action-edit,.dj-action-edit:hover,.dj-action-edit:focus{
    background-color: #29aafe;
    color: #FFF;
    border: 1px solid #29aafe;
}

.dj-action-rm:hover{
    background-color: #c9302c;
    border-color: #ac2925; 
}
.dj-action-publish-btn,.dj-action-publish-btn:hover,.dj-action-publish-btn:focus{
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

#toast-container>div {
    padding-top:25px;
    padding-bottom:25px;
 }
 .toast-top-center {
  top: 25vh;
  left:50%;
  margin:0 0 0 -50%;
}
.toast-title{
  font-size: 23px;
}

.toast-message{
font-size:16px;
}


/* closed job page search area styles*/
    .card{
        /* box-shadow: 0.5px 0.5px 10px black; */
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    }
    .search-filter-action-btn{
        margin-top: 20px;
    }
    .nice-select{
        width: 100%;
    }
    .nice-select .current{
        color:black !important;
        background-color: #fff !important;
    }
    .nice-select .list{
        /* width: 100%; */
        height: 200px;
        overflow: auto;
    }
    .search-filter-wrapper{
        margin-top: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap:wrap;
        flex-direction: column;
        /* padding:20px; */
    }
    .search-select{
        margin-bottom: 5px;
        width: 100%;
    }
    .search-filter-action-btn{
       display: flex;
       justify-content: start;
    }
    .search-select-btn{
        width: 49%;
        height: 42px;
        max-width: 150px;
        background-color: #29aafe;
        color: #FFF;
        border: 1px solid #29aafe;
        /* border-radius: 5px; */
    }
    .search-select-clear-btn{
        position: relative;
        width: 49%;
        height: 42px;
        max-width: 150px;
        background-color: #f5a818;
        color: #fff;
        border: 1px solid #d69213;
        /* border-radius: 5px; */
        margin-left:10px;
    }
    .search-select-clear-btn::before{
        position: absolute;
        content: "X";
        left:25px;

    }
    .search-select input {
        height: 42px;
        border: solid 1px #e8e8e8;
        border-radius: 5px;
    }
    .search-select input:focus{
        border-color:#999;
    }
    .search-select label{
        width: 100%;
    }
    .search-select select{
       width: 100%;
    }
   .search-select .search_string{
        width: 100%;
        padding-left: 20px;
        border: solid 1px #e8e8e8;
   }
   .search-select .search_string:focus-visible{
      
    border-color:#e8e8e8;
    outline: none;
}
/* end close job page search ared styles*/

.close-job-table{
    margin-top: 15px !important;
    /* padding: 90px; */
    /* min-width: 1200px; */
    /* overflow-x:visible; */
}
.close-job-table tbody{
    /* overflow-x:auto; */
}
.close-job-table tr td{
    height: 100%;
    /* display: block; */
}
.close-job-table tr td p{
    /* text-align: center; */
    display: flex;
    align-items: center;
    /* flex-direction: column; */
    height: 42px;
    margin-bottom: 0px;
}
.job-status{
    font-size: 12px;
    padding: 0px 20px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    width: 100px;
    font-weight: bold;

}
.active-table-status{
    background-color:rgb(87, 209, 87);
  }
.draft-table-status{
    background-color:orange;
  }
.closed-table-status{
  background-color:rgb(212, 87, 87);
}
.closed_jobs_date_container{
    display: flex;
}
.closed_jobs_date_container .date_icon{
    width: 20%;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: #e8e8e8;
}

.closed_jobs_date_container .date_input{
  width: 80%;
  border-radius: 0px !important;
}
.pagination-wrapper{
display: flex;
justify-content: center;
}

.spinner_holder{
    color:#29aafe;
    display: none;
}

.spinner_show{
  display: inline;
}
div.job_select_status{
    position: static;
    padding-right: 8px;
}
div.job_select_status::after{
    content: none;
}
div.job_select_status .current{
    position: relative;
}
div.job_select_status .current::after{
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: -12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
   }

   div.job_select_status.open .current::after{
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
   }

/* styling the bootbox plugin to my suit my need*/
.modal-open .modal {
    display: flex;
    justify-content: center;
}
.bootbox .modal-dialog{
    width:50%;
    min-width: 300px;
    max-width: 390px;
    margin-top:20vh;
}
.bootbox .modal-dialog .modal-content .modal-footer .bootbox-cancel{
background-color: rgb(212, 87, 87);
border: 1px solid rgb(212, 87, 87);
outline:none;
}
.bootbox .modal-dialog .modal-content .modal-footer{
    display: flex;
}
.bootbox .modal-dialog .modal-content .modal-footer .bootbox-accept{
    outline: none;
}
.bootbox .modal-dialog .modal-content .modal-footer .bootbox-cancel, .bootbox .modal-dialog .modal-content .modal-footer .bootbox-accept{
    width: 50%;
    margin-top:0px;
    border-radius: 0px;
}

.bootbox .modal-dialog .modal-content .bootbox-body{
    font-size:15px;
}
.Heading-title-left {
    float:none;
    display: flex;
    justify-content: space-between;
}

.Heading-title-left a {
    height: 40px;
    color:#fff;
    background-color: #29aafe;
    font-size: large;
    border: 1px solid #29aafe;
    text-align: center;
    padding: 20px 40px;
    /* font-weight: bold; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.Heading-title-left a span{
    
}

.caps{
    text-transform: capitalize;
}
/* end of styling the bootbox*/

/* styling on the blacklist page*/
.b-table td{
    width: 33%;
}
/* end of styling on the blacklist page*/

/* working on the job apply page*/
.image-preview-input input[type=file] {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


.apply-job-file-name{
    margin-left: 10px;
}
.image-preview-container{
    overflow: hidden;
    align-items: center;
}
.input-and-btn-item{
   
    margin-right:2px;
}
/*end of working on the job apply page*/

/* making modification on the resume uploade buttons resume.blade.php*/
.input-and-btn-wrapper{
display: flex;
margin-bottom: 10px;

}

.btn-modify-padding{
    /* padding-left:15px;
    padding-right:15px; */
}
.input-and-btn-item button,.input-and-btn-item .btn-default{
    /* width: 30%; */
    padding-left:22px;
    padding-right:22px;
}
.input-and-btn-item .input-group-btn:last-child>.btn, .input-and-btn-item .input-group-btn:last-child>.btn{
  margin-left:0px;
  margin-right:0px;
}
/*end of making modification on the resume upload buttons on the resume page*/

/* styling done on the jobApplication page*/
.footer-download-pagination-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.file-download-wrapper,.jobApplication-pagination{
 width: 100%;
 margin-bottom: 20px;
}
.file-download-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.file-download-wrapper a{
  background-color:#29aafe;
  color:#fff;
  padding:10px 23px;
  /* width: 100%; */
  display: inline-block;
  margin-bottom: 5px;
  text-align: center;
  max-width: 100px;
  margin-right: 10px;
}

.jobApplicant-header-helper{
 display: flex;
 padding: 10px;
 margin-top: 20px;
 /* justify-content: space-between;
 align-items: center; */
 flex-wrap:wrap;
}
.jobApplicant-header-helper .jobApplicant-search-container{
 width:100%;
 margin-bottom:10px;
}
.jobApplicant-header-helper .jobApplicant-action-container{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
.jobApplicant-action-container .nice-select{
    height: 35px;
    display:flex;
    align-items: center;
}
.jobApplicant-action-container .nice-select .current{
    line-height: 14px;
}
.jobApplicant-action-container .nice-select:after {
    margin-top:-3px;
}
.jobApplicant-search-container{
    border-bottom: 1px solid #ddd;
}
.jobApplicant-search-input{
    /* border-left:none;
    border-right:none;
    border-top:none; */
    outline:none; 
     /* padding-bottom: 5px;
    border-color: #ddd;*/
    width: 100%; 
    height:100%;
    border:none;
    font-size:15px;
   
}
.jobApplicant-action-container .select_score,.jobApplicant-action-container .job_posted_select{
    margin-bottom: 5px;
}
.jobApplicant-action-container button{
    width: 100%;
    margin-bottom: 5px;
    padding:5px;
    height: 35px;
    color: #fff;
    background-color: #29aafe;
    border: none;
    border-radius: 3px;
}
.jobApplicant-action-container .status-option-holder,.jobApplicant-action-container .pagination-option-holder{
    margin-bottom: 5px;
    width: 100%;
}
/* .jobApplicant-td-btn{
    background-color: #29aafe;
    color: #fff;
    border:1px solid #29aafe;
    padding-left:10px;
    padding-right:10px;
    border-radius:2px;
} */
.table .jobApplicant-tbody tr td{
    padding:4px;
    /* text-align: center; */
    /* vertical-align: middle; */
}
.jobApplicant-tbody tr td p{
  line-height: 0px; 
  margin-bottom: 0px;
  height: 100%;
  width: 100%;
  text-align: left;
  text-transform: capitalize;
}
.jobApplicant-status-span{
    color: #fff;
    padding: 13px 15px;
    width: 100%;
    display: inline-block;
    text-align: center;  
}


.jobApplicant-tbody .nice-select .list {
    /* width: 100%; */
    height: auto;
    /* overflow: auto; */
}
.bg-status-pending{
    background-color: orange;
}
.bg-status-rejected{
    background-color: rgb(212, 87, 87);
}
.bg-status-blacklisted{
    background-color: purple;
}

.bg-status-shortlisted{
    background-color: #29aafe;
}
.bg-status-hired{
    background-color: rgb(87, 209, 87); 
}

.dynamic-option-wrapper .nice-select .list{
    height: auto !important;
}
div.update-status-select{
    position: static;
}
div.update-status-select::after{
    content: none;
}
div.update-status-select .current{
    position: relative;
}
div.update-status-select .current::after{
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: -12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
   }

   div.update-status-select.open .current::after{
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
   }
/*end of styling done on the jobApplication page*/
.jobs_panel,.jobs_filter_panel{
    border: 1px solid #F1F1F1;
    min-height: 400px;
}
.section_save_btn,.section_add_btn{
    margin-top:10px;
}
.section_save_btn{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.section_save_btn:hover {
    background: #4CAF50;
    opacity: 0.8;
    border-color: #4CAF50 !important;
}
.del{
    color:rgb(245, 65, 65);
    font-size: 14px;
    cursor: pointer;
}
.hired{
 color: rgb(87, 209, 87);
}
.pending{
    color: orange;
}
.rejected{
    color:rgb(212, 87, 87);;
}
.del_q_btn{
    background-color: rgb(212, 87, 87);
    /* margin-top: px; */
    border: rgb(212, 87, 87);
    color: white;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.btn_toggler{
    border: 0px;
    background-color: white;
    color: #3636fb;
    font-size: 13px;
}

.text-left{
    /* text-align: left; */
}

@media(min-width:650px){
.file-download-wrapper,.jobApplication-pagination{
    margin-bottom: 20px;
    }
.file-download-wrapper{
    width: 60%;
}
.jobApplication-pagination{
    width: 40%;
}
.file-download-wrapper{
    justify-content: left;
}
.jobApplication-pagination .pagination-wrapper{
    justify-content: right;
}
}
@media (min-width:750px){
    .dj-action-btn-wrapper{
       flex-direction: row; 
       justify-content: start;
       align-items: center;
    }
    .dj-action-btn{
        width: 150px;
    }
    .dj-action-btn:not(:first-child){
        margin-left:10px;
    }

    .search-filter-wrapper{
        flex-direction: row;
    }
    .search-select{
        width: 49%;
        /* margin-bottom: 0px; */
    }
    .filter-section{
        position: sticky;
        top:0px;
    }
}
@media (min-width:1200px){
   
    .jobApplicant-header-helper{
        justify-content: space-between;
    }
    .jobApplicant-header-helper .jobApplicant-search-container{
        width:15%;
        margin-bottom:0px;
       }
    .jobApplicant-header-helper .jobApplicant-action-container{
      width:85%;
      justify-content:flex-end;
    }
    .jobApplicant-search-container{
        margin-bottom: 0px;
    }
    .jobApplicant-action-container button{
        width: 20%;
        margin-bottom: 0px;
    }
    .jobApplicant-action-container .select_score,.jobApplicant-action-container .job_posted_select{
        width:20%;
        margin-bottom:0px;
        margin-left:10px;
    }
    
    .jobApplicant-action-container .status-option-holder{
        margin-bottom: 0px;
        width: 15%;
        margin-left:5px;
        margin-right:5px;
    }
    .jobApplicant-action-container .pagination-option-holder{
         width: 10%;
         margin-bottom: 0px;
    }
}


/* .toast-center-center {
    top: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
   } */