@font-face {
     font-family: Montserrat;
     src: url(../fonts/Montserrat-Regular.otf);
}
 input[type="date"]{
     text-transform:uppercase;
}
 @font-face {
     font-family: Montserrat-Black;
     src: url(../fonts/Montserrat-Black.otf);
}
 @font-face {
     font-family: Montserrat-Bold;
     src: url(../fonts/Montserrat-Bold.otf);
}
 @font-face {
     font-family: Montserrat-Extrabold;
     src: url(../fonts/Montserrat-ExtraBold.otf);
}
 @font-face {
     font-family: Montserrat-Italic;
     src: url(../fonts/Montserrat-Italic.otf);
}
 @font-face {
     font-family: Montserrat-Light;
     src: url(../fonts/Montserrat-Light.otf);
}
 @font-face {
     font-family: Montserrat-Medium;
     src: url(../fonts/Montserrat-Medium.otf);
}
 @font-face {
     font-family: Montserrat-Semibold;
     src: url(../fonts/Montserrat-SemiBold.otf);
}
 @font-face {
     font-family: Montserrat-Extralight;
     src: url(../fonts/Montserrat-ExtraLight.otf);
}
 @font-face {
     font-family: Montserrat-Thin;
     src: url(../fonts/Montserrat-Thin.otf);
}
 @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
 body{
     font-family: Montserrat,sans-serif !important;
     color: #5b5b5b;
}
 body, html {
     overflow-x: hidden;
}
body.modal-open {
    padding: 0 !important;
}
 a{
     text-decoration: none !important;
}
:root {
    --body: #FBFDFF;
    --primary: #2A7FD6;
    --white: #ffffff;
    --secondary: #F4FAFD;
    --text: #222A2E;
    --description: #575E62;
    --ind-text: #C3CCD0;
    --table-head: #F2F6FA;
}

/*Modal Css*/


/*green border*/

.modal .modal-header.green_border {
    border-top: 5px solid #8ec63f;

}

/*blue background*/



.input-icon {
    position: relative;
}

.input-icon input {
    padding-right: 30px;
}

.input-icon .fa-calendar-days {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #A4AAAD;
}
/*Tables whole crm*/

/*Width Classes*/
td.width-10{
width: 10%;
}
td.width-15{
width: 15%;
}
td.width-20{
width: 20%;
}
td.width-25{
width: 25%;
}
td.width-30{
width: 30%;
}
td.width-35{
width: 35%;
}
td.width-40{
width: 40%;
}
td.width-45{
width: 45%;
}
td.width-50{
width: 50%;
}
td.width-60{
width: 60%;
}
td.width-65{
width: 65%;
}
td.width-70{
width: 70%;
}
td.width-75{
width: 75%;
}
td.width-80{
width: 80%;
}

/*Table scroll fixe*/

.fixed_table_scrolling .reports-responsive {
    overflow-x: unset !IMPORTANT;
}
.fixed_table_scrolling a.choices_btn_orange {
    padding: 5px 5px;
}
.fixed_table_scrolling .heading-cusc th {
    padding: 10px 5px;
}
.fixed_table_scrolling .main-table-data-cus3 td {
    padding: 15px 5px 15px 5px;
}

/*Tabs Pill*/

.Recruitmtnt-main-section3 nav.main-tabs .nav-tabs .nav-item {
    background-color: #11202c;
    color: white;
}
.Recruitmtnt-main-section3 nav.main-tabs .nav-tabs .nav-item.active {
    background: white !important;
    color: #11202c !IMPORTANT;
    border: 1px solid #11202c;
}


/*Pagination*/
 .pagination_wrapper{
     width: 100%;
}
 .pagination_wrapper nav {
     float: right;
}
 ul.pagination {
     margin-top: 10px;
     margin-left: 10px;
}
 ul.pagination .page-item.active .page-link {
     background-color: #f99621;
     border-color: #f99621;
}
 ul.pagination a.page-link {
     color: #645f5f;
     outline: none;
     box-shadow: none;
     margin: 0px;
}
/*Table responsive */
 .reports-responsive {
     width: 100% !important;
     overflow-x: scroll !important;
}


/*Signature Header*/

header.headerclass {
    font-size: 22px;
    font-weight: 700;
    border-bottom: 2px solid #6aacde;
    padding-bottom: 10px;
}

/*File Upload All Buttons*/
.upload-btn-wrapper {
     position: relative;
     display: inline-block;
     width: 100%;
     margin-top: 0px;
}
a.upload-current {
    color: #707070;
    display: flex;
    gap: 5px;
    justify-content: center;
}
 /* .upload-btn-wrapper a{
     border: none;
     color: white !important;
     background-color: white;
     padding: 8px 20px;
     border-radius: 5px;
     font-size: 16px;
     font-weight: bold;
     background: #f89520;
     display: block;
     text-align: center;
} */
.upload-btn-wrapper.dd {
    min-height: 8rem;
    border: 1px dotted #AEC6D1;
    position: relative;
    border-radius: 1rem;
    background-color: var(--table-head);
}
 .upload-btn-wrapper input[type=file]{
     font-size: 100px;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     background: none;
     height: 8rem;
     margin-bottom: 0 !important;
}
 .upload-btn-wrapper label.custom-file-upload {
     display: none;
     margin: 0;
     font-size: 12px;
}

/*Progressbar*/

 .choices_progress_bar .main-div3 span.count_perc {
     font-size: 17px;
     position: absolute;
     background-color: #d77d27;
     color: white;
     padding: 6px 9px;
     border-radius: 5px;
     margin-top: -10px;
}
 .choices_progress_bar .main-div3 {
     background: #f99621;
     padding: 20px 20px;
     width: 70%;
}
 .choices_progress_bar .progress {
     background: #d77d27;
}
 .choices_progress_bar .progress-bar {
     background: white;
     color: #dc7e27;
}
 .choices_progress_bar .main-div3 {
     background: #f99621;
     padding: 19px 20px;
     width: 100%;
     border-radius: 5px;
}
 .choices_progress_bar .main-div3 .progress {
     background: #d77d27;
     margin-left: 60px;
     width: 80%;
}

 .Recruitmtnt-main-section3 h3.highlight_heading_cus {
     margin: 0;
     border-radius: 5px;
     padding: 12px 0;
     color: #5f5f5f;
     border: 1px solid #8dc640;
     text-align: center;
     font-size: 18px;
}
/*.....................*/
/*Hover effects On Button*/
/*.....................*/
/*whole crm btn design*/
 button.choices_btn_orange:hover, a.choices_btn_orange:hover {
     background: transparent !important;
     border: 2px solid #f99621 !important;
     transition: 0.3s;
     color: #f99621 !IMPORTANT;
}
 button.choices_btn_orange, a.choices_btn_orange {
     text-align: center;
     background-color: #f99621 !important;
     border: 2px solid #f99621 !important;
     border: none;
     color: white;
     font-size: 1rem;
     padding: 5px 10px;
     outline:none;
     transition: 0.3s;
     border-radius: 5px;
}
 /* button.choices_btn_green:hover, a.choices_btn_green:hover {
     background: transparent !IMPORTANT;
     border: 2px solid #8ec63f !important;
     transition: 0.3s;
     color: #8ec63f !important;
}
 button.choices_btn_green, a.choices_btn_green {
     text-align: center;
     background-color: #8ec63f;
     border: 2px solid #8ec63f !important;
     border: none;
     color: white;
     outline:none;
     font-size: 1rem;
     padding: 5px 30px;
     border-radius: 5px;
} */
.blue-outline-big-button,
.blue-big-button,
.blue-outline-big-button-view {
    font-size: 1.1rem;
    padding: .7em 1.3em;
    border-radius: .7rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.blue-outline-big-button {
    border: 1px solid var(--primary);
    color: var(--primary);
}

.blue-big-button {
    background-color: var(--primary);
    color: var(--white);
}
.blue-outline-big-button:hover {
    background-color: var(--primary);
    color: var(--white);
}
.blue-big-button:hover{
    border: 1px solid var(--primary);
    color: var(--primary);
    background-color: transparent;
}
/*Vehile detail popup */
/*.job-adverts-main-add-new-item-popup .upload-btn-wrapper .btn, #view-incident .modal-body a{
     border: 2px solid #f99621 !important;
}
 */

 .Recruitmtnt-main-section3 .col-12 a.savings-btn:hover {
     border: 2px solid #8ec63f !important;
     background: transparent !important;
     color: #8ec63f !IMPORTANT;
     transition: 0.3s;
}
 .resident-profile .form-row a.resident-profile-bts {
     transition-duration: 0.3s;
     transition-property: transform;
     text-align:center;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .resident-profile a.resident-profile-bts i {
     padding-right: 6px;
     display: none;
}
 .resident-profile a.resident-profile-bts.first {
     background: #8ec63f;
}
 .resident-profile a.resident-profile-bts.second {
     background: #40a4c6;
}
 .resident-profile a.resident-profile-bts.third {
     background: #f99621;
}
 .resident-profile a.resident-profile-bts.fourth {
     background: #4576bb;
}
 .resident-profile a.resident-profile-bts.five {
     background: #7a5ea8;
}
 .resident-profile a.resident-profile-bts.six {
     background: #c7549f;
}
 .resident-profile .form-row a.resident-profile-bts:hover {
     transform: scale(0.9);
}
 .form-row.btn-row a.resident-profile-bts {
     transition-duration: 0.3s;
     transition-property: transform;
     text-align:center;
}
 .form-row.btn-row a.resident-profile-bts:hover {
     transform: scale(0.9);
}
/*.....................*/
/*End Hover effects On Button*/
/*.....................*/
 .change-main-section-btn {
     margin-top: 30px;
     display: none;
}
/* start recruitment*/
.top-lines p, .top-lines li{
    color: var(--text);
    font-family: Montserrat-Medium;
}
.key-mobile h4 {
    font-size: 1rem;
    font-family: Montserrat-Semibold;
    color: var(--text);
}
.col-md-4.col-sm-6.key-mobile p {
    color: var(--description);
    font-family: Montserrat-Medium;
    margin-bottom: .5rem;
}
.key-data-main-heading1 h5, .key-data-main-heading h5 {
    border-bottom: 2px solid var(--primary);
    padding-bottom: .5rem;
    color: var(--text);
    font-family: Montserrat-Semibold;
    font-size: 1.5rem;
}
/* end recruitment*/
/*recruitment*/
 .top-header-bar-2 ul {
     margin: 0;
     padding-right: 0px;
}
 .top-header-bar-2 li {
     display: inline-block;
     padding: 0 10px;
     vertical-align: middle;
}
 .dropdown, .dropleft, .dropright, .dropup {
     position: relative;
}
 .top-header-bar-2 i.fa.fa-envelope {
     padding: 0 10px;
}
 .top-header-bar-2 li i.fa {
     color: #000;
}
 .top-header-bar-2 .nav-item.dropdown a {
     color: black;
}
 body > section:nth-child(1) > div > div > div:nth-child(2) > div > ul > li:nth-child(4) > span {
     margin-left: -17px;
     color: white;
}
 .nav-link {
     display: block;
     padding: .5rem 1rem;
}
 .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;
}
 .top-header-bar-2 .nav-item.dropdown a {
     color: black;
}
 td.three {
     color: yellowgreen;
}
 .Edit-popup-main-btn-cus a {
     text-transform: capitalize;
}
 .form-control:focus {
     background-color: #eee !important;
}
 .top-header-bar-2 .notification .dropdown-menu.show {
     left: -150px !important;
     top: 10px !important;
     height: 450px;
     overflow-y: scroll;
     width: 400px;
     overflow-x: hidden;
}
/*List view Of Notificaions*/
 .top-header-bar-2 .notification .dropdown-menu.show .btn_cus {
     padding: 10px 10px;
     text-align: right;
}
 .top-header-bar-2 .notification .dropdown-menu.show a.see_all_notifications {
     text-align: center;
     font-size: 14px;
     padding: 5px 10px;
     color: white;
     border-radius: 5px;
}
 ul.inside_notifications {
     padding-top: 10px;
}
 .inside_notifications .col-md-2, .inside_notifications .col-md-3, .inside_notifications .col-md-7, .inside_notifications .col-md-8, .inside_notifications .col-md-4, .inside_notifications .col-md-6 {
     padding: 5px 5px;
}
 ul.inside_notifications li {
     width: 100%;
     border-top: 1px solid lightgray;
     padding: 8px 15px !important;
}
 ul.inside_notifications li img.not_img {
     width: 75%;
     height: 40px;
     object-fit: cover;
     border-radius: 100px;
     margin: 0 auto;
}
 ul.inside_notifications li h5.not_name {
     font-weight: 600;
     font-size: 14px;
     color: #5f5f5f;
     margin-bottom: 3px;
}
 ul.inside_notifications li p.not_text {
     margin-bottom: 3px;
     font-size: 12px;
}
 ul.inside_notifications li span.not_time {
     margin-bottom: 3px;
     font-size: 12px;
     color: #6a6a6a;
}
/*Scrollbar*/
 .top-header-bar-2 .notification .dropdown-menu.show::-webkit-scrollbar {
     width: 8px;
     height:10px;
}
 .top-header-bar-2 .notification .dropdown-menu.show::-webkit-scrollbar-track {
     background: #f4f4f4;
}
 .top-header-bar-2 .notification .dropdown-menu.show::-webkit-scrollbar-thumb {
     background-color: #1a75bc;
     border-radius: 20px;
}
 .top-header-bar-2 li:last-child {
     padding: 0;
}
 .top-header-bar-2 li:last-child #dropdownMenuButton {
     padding: 0 0 0 5px;
}
 .dropdown-item {
     display: block;
     width: 100%;
     padding: .25rem 1.5rem;
     clear: both;
     font-weight: 400;
     color: #212529;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
}
 .top-header-bar-2 span.top-header-bar-2b {
     color: #000000;
     height: 15px;
     width: 15px;
     padding: 1px 3px 0px 0;
     font-size: 8px;
     position: absolute;
     right: 32px;
     top: 4px;
     border-radius: 50%;
     background-color: #f99621;
     text-align: right;
}
 .top-header-bar-2 i.fa.fa-bell {
     padding: 0 10px;
}
 .top-header-bar-2 li i.fa {
     color: White;
     vertical-align: middle;
     font-size: 23px;
}
 .top-header-bar-2 img {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     vertical-align: middle;
     object-fit: cover;
}
 h2.main-heading-header-first-cus {
     position: absolute;
     right: -200px;
     top: 15px;
     color: yellowgreen;
     font-weight: 900;
     font-family: unset;
     font-size: 24px;
     text-transform: uppercase;
}
 h4.main-heading-header-second-cus {
     position: absolute;
     right: -310px;
     top: 37px;
     font-weight: 900;
     font-family: unset;
     font-size: 15px;
     color: White !Important;
}
 .col-md-6.top-header-bar-2 {
     max-width: 100% ;
     padding: 10px 0px 
}
 .top-header-bar-2 {
     text-align: right;
}
 .col-md-3.Recruitmtnt-main-section2 {
    background-color: #1a75bc !important;
    padding: 22px 0 0;
    margin-top: -60px !important;
    max-width: 17% !important;
    border: none !important;
    padding-bottom: 0px;
}
 .Recruitmtnt-main-section2a img {
     max-width: 80%;
     text-align: center;
     margin: 0 auto;
     display: block;
     padding: 0px 0 30px;
}
/* Style the tab */
 .tab {
     float: left;
     background-color: transparent;
     width: 100%;
     height: auto;
}
 .col-md-3.Recruitmtnt-main-section2 ul {
     padding-left: 0;
}
/* Style the buttons inside the tab */
 .col-md-3.Recruitmtnt-main-section2 ul a.tablinks {
     display: block;
     background-color: inherit;
     color: white;
     padding: 15px 10px 15px;
     width: 100%;
     border: none;
     outline: none;
     text-align: left;
     cursor: pointer;
     transition: 0.3s;
     font-size: 14px;
     border-left: 5px solid transparent;
}
 .col-md-3.Recruitmtnt-main-section2 ul a.tablinks:hover {
    /*background-color: #1c3549 !important;
     */
     border-left: 5px solid #8ec63f !important;
     color: white;
     background-color: #266aa5 !important;
}
 .col-md-3.Recruitmtnt-main-section2 ul a.tablinks.active {
     background-color: #266aa5 !important;
     border-left: 5px solid #8ec63f;
     outline: none;
}
/* Style the tab content */
 .tabcontent {
     float: left;
     padding: 0px 12px;
     width: 100%;
     border-left: none;
     height: auto;
     margin-bottom:20px;
}
 .Recruitmtnt-main-section2 .tab .fa {
     padding: 0 10px;
}
 .Recruitmtnt-main-section3 h1 {
     margin: 25px 0px 20px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 25px;
}
 .Recruitmtnt-main-section3 h3 {
     margin: 5px 0px 20px;
     color: #5f5f5f ;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 22px;
}

 .main-candiate-table-sec-cus1 td {
     padding: 15px 20px;
     font-weight: 500;
}
 .col-md-9.Recruitmtnt-main-section3 {
     background-color: #f4f4f4;
     max-width: 83% !important;
     flex: 83% !important;
     padding: 15px !important;
}
.main_recruitment_page .col-md-4.icon {
     background: #f99621;
     text-align: center;
     color: white;
     height: 90px;
}
  .main_recruitment_page .icon i.fa {
     font-size: 41px;
     padding: 20px 0 0;
}
  .main_recruitment_page .col-md-3.one {
     background: white;
     box-shadow: 0 0 10px #ccc;
     border-radius: 7px;
     margin: 30px 25px;
     height: 90px;
     overflow: hidden;
     flex: 0 0 27.6%;
     max-width: 27.6%;
}
  .main_recruitment_page .main-text p {
     margin: 0 auto;
     padding: 30px 0px;
     font-weight: 600;
     font-family: Montserrat-Medium !important;
     font-size: 18px;
     color: #5b5b5b;
     text-transform: capitalize;
}
  .main_recruitment_page .col-md-3.one.padding-col .main-text p {
     padding: 20px 0px !important;
     text-transform: uppercase;
}
  .main_recruitment_page .main-text-last-cus p {
     padding: 21px 0;
}
 .main_recruitment_page .col-md-4.icon2 {
     background: #8ec63f;
     text-align: center;
     color: white;
     height: 90px;
}
  .main_recruitment_page .icon2 i.fa.fa-address-book-o {
     font-size: 41px;
     padding: 20px 0 0;
}
 .main_recruitment_page .col-md-4.icon3 {
     background: #1e75bc;
     text-align: center;
     color: white;
     height: 90px;
}
  .main_recruitment_page .icon3 i.fa.fa-users {
     font-size: 41px;
     padding: 20px 0 0;
}
 .row.Recruitmtnt-main-section3-main-row {
     margin-bottom: 40px;
}
  .main_recruitment_page .icon4 i.fa.fa-calendar-check-o {
     font-size: 41px;
     padding: 20px 0 0;
}
  .main_recruitment_page .icon5 i.fa.fa-wrench {
     font-size: 41px;
     padding: 20px 0 0;
}
  .main_recruitment_page .icon6 i.fa.fa-list {
     font-size: 41px;
     padding: 20px 0 0;
}
  .main_recruitment_page .icon7 i.fa.fa-rocket {
     font-size: 41px;
     padding: 20px 0 0;
}
  .main_recruitment_page .icon8 i.fa.fa-clock-o {
     font-size: 41px;
     padding: 20px 0 0;
}

 .main_recruitment_page .col-md-3.one .col-md-4 {
    align-self: center;
    padding: 10px 15px;
}
 .main_recruitment_page .col-md-3.one .col-md-4 img {
    width: 75%;
    margin: 0 auto;
}


 .main_recruitment_page .col-md-4.icon0 {
  background: #cb9d27;
  text-align: center;
  color: white;
  height: 115px;
 }
  .main_recruitment_page .col-md-4.icon4 {
     background: #40a4c6;
     text-align: center;
     color: white;
     height: 90px;
}
 .main_recruitment_page .col-md-4.icon5 {
     background: #2ab775;
     text-align: center;
     color: white;
     height: 90px;
}
 .main_recruitment_page .col-md-4.icon6 {
     background: #6453a3;
     text-align: center;
     color: white;
     height: 90px;
}
 .main_recruitment_page .col-md-4.icon7 {
     background: #a5519f;
     text-align: center;
     color: white;
     height: 90px;
}
 .main_recruitment_page .col-md-4.icon8 {
     background: #374ba1;
     text-align: center;
     color: white;
     height: 90px;
}
 #RECRUITMENT > div > div > div:nth-child(4) > div:nth-child(2) > div > div.col-md-8.main-text > p {
     padding : 18px 0 !important;
}
/*select#cars {
     padding: 3px 10px;
     border: none;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 500;
}
 */
 .choice-dropdown {
     padding: 3px 10px;
     border: none;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 500;
}
 .row.main-candiate-table-sec-cus {
     margin: 40px 0;
}
 .main-candiate-table-sec-cus1 th, .main-candiate-table-sec-cus1 td {
     width: auto;
     text-align: center;
     font-size: 15px;
     padding: 20px 20px;
}
 .heading-cus th {
     padding: 13px 20px;
}
 .main-table-data-cus td {
     padding: 15px 22px 10px 3px;
     font-weight: 500;
     text-align: center;
}
 .main-table-data-cus td.one {
     color: #669dd5;
}
 .main-table-data-cus td.three {
     color: #8ec63f;
}
 .main-table-btn-cus a {
     background: #f99621;
     padding: 5px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
     text-decoration: none;
}
 .row.main-candiate-table-sec-cus table {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     flex: 100;
}
 #RECRUITMENT > div.row.main-candiate-table-sec-cus1 > table > tbody > tr:nth-child(even) {
     background: white;
}
/*recruitmetn end*/
/*new starter*/
 .Candidates-main-section-btna a {
     background: #8ec63f;
     padding: 5px 20px;
     color: white;
     float: right;
     border-radius: 5px;
}
 .row.main-candiate-table-sec-cus1 {
     margin: 40px 0;
}
 tr.heading-cusa {
     background: #111f2c !important;
     color: white;
     border-radius: 10px;
}
 .heading-cusa th {
     padding: 10px 15px;
     text-align: center;
}
 .main-table-data-cus4 td {
     padding: 15px 20px 10px 20px;
     font-weight: 500;
     text-align: left;
}
 .main-table-data-cus1 td.onea {
     color: #669dd5;
}
 .main-table-data-cus1 td.threea {
     color: #8ec63f;
}
 .main-table-btn-cusa a {
     padding: 5px 24px;
     border-radius: 5px;
     text-decoration: none;
}
 .row.main-newstarter-table-sec-cus table {
     box-shadow: 0 0 10px #ccc;
     width: 100%;
     margin: 0 20px;
     border-radius: 10px;
     overflow: hidden !important;
}
 #REFERRALS > div.row.main-newstarter-table-sec-cus > table > tbody > tr:nth-child(even) {
     background: white;
}
 .main-table-data-cus1 td {
     padding: 15px 20px;
     font-weight: 500;
     text-align: center;
}
/*end new starter*/
/*refrence*/
 .Candidates-main-section-btnb a {
     background: #8ec63f;
     padding: 5px 20px;
     color: white;
     float: right;
     border-radius: 5px;
}
 .row.main-candiate-table-sec-cus2 {
     margin: 40px 0;
}
 tr.heading-cusb {
     background: #111f2c;
     color: white;
     border-radius: 10px;
}
 .heading-cusb th {
     padding: 10px 30px;
}
 .main-table-data-cusb td {
     padding: 15px 22px 10px 3px;
     font-weight: 500;
     text-align: center;
}
 .main-table-data-cus2 td.oneb {
     color: #669dd5;
}
 .main-table-data-cus2 td.threeb {
     color: #8ec63f;
}
 .main-table-btn-cusb a {
     background: #f99621;
     padding: 5px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
     text-decoration: none;
}
 .row.main-refrence-table-sec-cus2 table {
     box-shadow: 0 0 10px #ccc;
     width: 100%;
     /*margin: 0 20px;*/
     border-radius: 10px;
     overflow: hidden !important;
}
 #HOME > div.row.main-refrence-table-sec-cus2 > table > tbody > tr:nth-child(even) {
     background: white;
}
 .main-table-data-cus2 td {
     padding: 15px 20px;
     font-weight: 500;
}

 .row.main-job-advert-table-sec-cus {
     margin: 40px 0;
}
 tr.heading-cusc {
     background: #111f2c;
     color: white;
     border-radius: 10px;
}
 .heading-cusc th {
     padding: 10px 20px;
}
 .main-table-data-cus3 td {
     padding: 15px 10px 10px 10px;
     font-weight: 500;
     text-align: left;
}
 .main-table-data-cus3 td.onec {
     color: #669dd5;
}
 .main-table-data-cus3 td.threec {
     color: #8ec63f;
}
 .row.main-job-advert-table-sec-cus table {
     box-shadow: 0 0 10px #ccc;
}
 #EMPLOYEES > .main-job-advert-table-sec-cus1 > table > tbody > tr:nth-child(even) {
     background: white;
}
 .main-job-advert-table-sec-cus1 {
     margin-top: 30px;
     margin-right: 5px !important;
}
 .main-job-advert-table-sec-cus1 table {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     /*margin: 0 15px;*/
     flex: 100%;
     border-radius: 10px;
     overflow: hidden !important;
     width:100%;
}
 .dropdown-item2 {
     display: block;
     width: 100%;
     padding: .25rem 1.5rem;
     clear: both;
     font-weight: 400;
     color: #212529;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
}
 .dropdown-menu2 {
     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;
}
 .main-candiate-table-sec-cus1 table {
     max-width: 100%;
     flex: 100;
}
 a.tablinks img {
     width: 24px;
     vertical-align: middle;
     margin: -5px 10px 4px 0;
     display: block;
     float: left;
}
 button#dropdownMenuButton {
     background: none;
     border: none;
     outline: none;
     box-shadow: none;
}
/*end job adverts*/
/*dbs check*/
 .Recruitmtnt-main-section3 select, .modal select {
     padding: 5px 10px !important;
     border: none;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 500;
     width: 100% !important;
     display: block;
     padding-right: 30px !IMPORTANT;
}
 .job-advert-main-section-btn4 a {
     float: right;
}
 .row.main-job-advert-table-sec-cus4 {
     margin: 40px 0;
}
 table tr:nth-child(odd) {
     background: #f4f4f4;
}
 tr.heading-cus4 {
     background: #111f2c !important;
     color: white;
     border-radius: 10px;
}
 tr.heading-cus4 > th:nth-child(1) {
     width: 13%;
}
 .heading-cus4 th {
     padding: 13px 20px;
     text-align: center;
}
 .main-table-data-cus4 td {
     padding: 15px 20px 10px 20px;
     font-weight: 500;
     text-align: left;
}
 .main-table-data-cus4 td, tr.main-table-data-cus3 td {
     text-align: center;
}
 .main-table-data-cus4 td.one4 {
     color: #669dd5;
}
 .main-table-data-cus4 td.three4 {
     color: #8ec63f;
}
 .main-table-btn-cus4 a {
     background: #f99621;
     padding: 5px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
     text-decoration: none;
}
 .row.main-job-advert-table-sec-cus4 table {
     box-shadow: 0 0 10px #ccc;
}
 #RESIDENT > div.row.main-job-advert-table-sec-cus4 > table > tbody > tr:nth-child(even) {
     background: white;
}
 .row.main-job-advert-table-sec-cus4 {
     margin-top: 40px;
}
 .main-job-advert-table-sec-cus4 table {
     box-shadow: 0 0 10px #ccc !important;
     max-width: 100% !important;
     border-radius: 10px;
     overflow: hidden;
     flex: 100% !important;
     width:100% !important;
}
 td.one4 {
     color: #669dd5;
}
/*dbs chexk end*/
/*popup*/
 .candidates-main-add-new-item-popup .modal-header {
     border-top: 5px solid yellowgreen;
     border-radius: 5px;
}
 .candidates-main-add-new-item-popup .modal-header {
     padding: 0 !important;
     border-bottom: none;
}
 .candidates-main-add-new-item-popup .modal-header .close {
     margin-top: -2px;
     position: absolute;
     right: -10px;
     top: -9px;
     color: white;
     background: #dd1f26;
     opacity: 1;
     padding: 3px 7px;
     border-radius: 50%;
}
 .candidates-main-add-new-item-popup .modal-body span {
     font-size: 20px;
}
 .candidates-main-add-new-item-popup .modal-body a {
     background: orange;
     padding: 6px 30px;
     color: white;
     text-decoration: none;
     border-radius: 3px;
     float: right;
}
 .candidates-main-add-new-item-popup .modal-body {
     position: relative;
     padding: 20px;
}
 .candidates-main-add-new-item-popup .modal-body p {
     margin-bottom: 0;
     padding-top: 5px;
     color: #ccc;
     font-size: 17px;
}
 .name h4.link {
     color: #0000ffad;
}
 span.main-emailicon {
     font-size: 18px !important;
}
 span.main-emailicon {
     font-size: 18px !important;
     color: yellowgreen;
}
 .candidates-main-add-new-item-popup .modal-body {
     position: relative;
     padding: 30px 15px 9px;
}
 .canditate-detail-email-main .modal-dialog {
     width: 270px;
     margin: 30px auto;
}
 .candidate-shedule-main #myModal .modal-dialog {
     width: 800px;
     margin: 30px auto;
}
 .canditate-detail-email-main .modal-dialog {
     width: 600px;
}
 .canditate-detail-email-main textarea {
     overflow: auto;
     width: 100%;
     flex: 100%;
     display: block;
     background: #ccc;
}
 .canditate-detail-email-main input#exampleInputEmail1 {
     background: #ccc;
}
 .canditate-detail-email-main button.btn.btn-primary {
     margin: 0 auto;
     display: block;
     background: orange;
     border: none;
     padding: 6px 30px;
}
 .modal-body > form > div:nth-child(1) > label {
     font-size: 20px;
     margin: 0;
}

 .job-adverts-main-add-new-item-popup .modal-header {
     padding: 0 !important;
     border-bottom: none;
}
 .job-adverts-main-add-new-item-popup .modal-header .close {
     margin-top: -2px;
     position: absolute;
     right: 3px;
     top: -5px;
     color: white;
     background: #dd1f26;
     opacity: 1;
     padding: 3px 7px;
     border-radius: 50%;
     z-index: 9999;
}
/*View popup*/
 .crmview-form-wrapper .modal-header {
     border-top: 5px solid yellowgreen;
     border-radius: 5px;
}
 .crmview-form-wrapper .modal-header {
     padding: 0 !important;
     border-bottom: none;
}
 .crmview-form-wrapper .modal-header .close {
     margin-top: -2px;
     position: absolute;
     right: 3px;
     top: -5px;
     color: white;
     background: #dd1f26;
     opacity: 1;
     padding: 3px 7px;
     border-radius: 50%;
     z-index: 9999;
}
 .crmview-form-wrapper input, .crmview-form-wrapper select, .crmview-form-wrapper textarea {
     background: #eee;
     box-shadow: none !important;
     width: 100%;
     padding: 8px 10px !important;
     border: none;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 500;
     display: block;
     height: auto;
     margin-bottom: 25px;
}
 .crmview-form-wrapper button.btn.btn-primary {
     margin-right: 6px;
     padding: 6px 50px;
     display: block;
     opacity: unset;
}
 .crmview-form-wrapper input[type='radio'] {
     width: 20px;
     height: 20px;
     border-radius: 50px;
     margin-bottom: 0;
     margin-right: 0.3125rem;
     width: 20px !IMPORTANT;
     height: 20px !important;
}
/*.row.form-group.name {
     border-bottom: 1px solid #ccc;
     width: 100%;
     margin: 10px auto 20px;
}
 */
 .name h4.link {
     color: #0000ffad;
}
 span.main-emailicon {
     font-size: 18px !important;
}
 span.main-emailicon {
     font-size: 18px !important;
     color: yellowgreen;
}
 .job-adverts-main-add-new-item-popup .modal-body {
     position: relative;
     padding: 15px 15px 9px;
}
 .job-adverts-main-add-new-item-popup {
     overflow-y: scroll;
}
 .candidate-shedule-main .modal-header .close {
     margin-top: -2px;
     position: absolute;
     right: -10px;
     top: -9px;
     color: white;
     background: #dd1f26;
     opacity: 1;
     padding: 3px 7px;
     border-radius: 50%;
}
 .candidate-shedule-main .modal-header {
     padding: 15px;
     border-bottom: 1px solid #e5e5e5;
     background: #111f2c;
     color: white;
}
 p.main-name {
     padding: 10px 20px 0;
     font-size: 18px;
     color: yellowgreen;
}
 .candidate-shedule-main2 label {
     margin-right: 30px;
     font-size: 18px;
}
 .candidate-shedule-main2 input[type="text"] {
     border: none;
     background: #ebebeb;
     vertical-align: top;
     padding: 4px 0 40px 9px;
     border-radius: 6px;
     margin: 0 0 10px;
}
 .row.candidate-shedule-main2 {
     border-bottom: 1px solid;
     margin: 20px 0;
}
 .canditate-detail-email-main .modal-header .close {
     margin-top: -2px;
     position: absolute;
     right: -10px;
     top: -9px;
     color: white;
     background: #dd1f26;
     opacity: 1;
     padding: 3px 7px;
     border-radius: 50%;
}
 .canditate-detail-email-main .modal-header {
     padding: 0;
     border-bottom: none;
}
 .main-candiate-table-sec-cus1 table {
     max-width: 100%;
     flex: 100;
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px !important;
     overflow: hidden !important;
}
 .dropdown-menu.three-dots-dropdown-section-cus {
     left: -100px !important;
}
 #DASHBOARD > div > div > div:nth-child(4) > div:nth-child(2) > div > div.col-md-8.main-text > p {
     padding-top: 21px;
}
/*popup end*/
 .acknowledgement_main_form a {
     display: inline-block !important;
     margin-right: 10px;
}
 button.change_signature {
     background: #f89520 !important;
     color: white !important;
     font-weight: 300 !important;
     padding: 5px 15px !important;
     border-radius: 8px !important;
     margin-top: 20px;
}
 a.change_signature {
     background: #f89520 !important;
     color: white !important;
     font-weight: 300 !important;
     padding: 5px 15px !important;
     border-radius: 8px !important;
     margin-top: 20px !important;
     width: 60% !important;
}
 span.flip {
     display: none;
}
 body .row.chices-crm-main-header {
     background-color: #1a75bc !important;
}
 .dropdown-toggle::after {
     display: none !important;
}
/*Form CSS*/
.acknowledgement_main_form1 label {
    font-weight: 300;
    /* text-transform: uppercase; */
}
/*Home*/
/*select#cars {
     padding: 5px 10px;
     border: none;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 500;
     width: 100% !important;
     display: block;
     height: 34px;
}
 */
 .home-main-home-section-btn a {
     background: #8ec63f;
     padding: 5px 20px;
     color: white;
     float: right;
     border-radius: 5px;
}
 .row.main-home-home-table-sec-cus {
     margin: 40px 0;
}
 tr.heading-cusc {
     background: #111f2c;
     color: white;
     border-radius: 10px;
}
 .heading-cusc th {
     padding: 10px 20px;
     text-transform: capitalize;
     text-align: center;
}
 .main-home-table-data-cus3 td {
     padding: 15px 0px 10px 0px;
     font-weight: 500;
     text-align: center;
}
 .main-home-table-data-cus3:nth-child(odd) {
     background: #f4f4f4;
}
 table {
     background:white;
}
 .main-home-table-data-cus3 td.onec {
     color: #669dd5;
}
 .main-home-table-data-cus3 td.threec {
     color: #8ec63f;
}
 .main-home-table-data-cus3 td .choices_btn_orange i.fa {
     color: unset;
}
 .main-home-table-data-cus3 td i.fa {
     color: #5f5f5f;
     font-size: 15px;
}
 .row.main-home-home-table-sec-cus table {
     box-shadow: 0 0 10px #ccc;
}
 #RECRUITMENT > div.row.main-home-home-table-sec-cus1 > table > tbody > tr:nth-child(even) {
     background: white;
}
 .row.main-home-home-table-sec-cus1 {
     margin-top: 20px;
}
 .main-home-home-table-sec-cus1 table {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 0 0px;
     flex: 100%;
     border-radius: 10px;
     overflow: hidden !important;
     width:100%;
}
 .dropdown-item2 {
     display: block;
     width: 100%;
     padding: .25rem 1.5rem;
     clear: both;
     font-weight: 400;
     color: #212529;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
}
 .dropdown-menu2 {
     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;
}
 .main-home-candiate-table-sec-cus1 table {
     max-width: 100%;
     flex: 100;
}
 .tab img {
     width: 24px;
     vertical-align: middle;
     margin: 0 10px 4px 0;
     display: block;
     float: left;
}
 button#dropdownMenuButton {
     background: none;
     border: none;
     outline: none;
     box-shadow: none;
}
 .home-add-btn-cus a {
     float: right;
     margin-top: 20px;
     margin-bottom: 20px;
}
 .home-add-btn-cus a i {
     margin-right: 5px;
}
 .main-home-table-data-cus3 img {
     margin: auto;
     width: 70px;
     height: 50px;
     border-radius: 5px;
     object-fit: cover;
}
 .main-home-table-data-cus3 td.onec {
     color: #669dd5;
}
 .main-home-home-table-sec-cus1 i.fa {
     position: relative;
     right: 11px;
}
 .inner_form_heading h4 {
     text-align: center;
     margin-bottom: 30px;
     font-size: 25px;
     text-transform: capitalize;
}
/*home end */
/*.Edit-popup-main-btn-cus input[type=file] {
     display: block;
     position: absolute;
     top: -6px;
     padding: 40px 0;
     opacity: 0;
     width: 120px;
     cursor: pointer;
     height:31px;
}
 .modal .Edit-popup-main-btn-cus input[type=file] {
     display: block;
     position: absolute;
     top: 119px;
     left: 37px;
     padding: 40px 0;
     opacity: 0;
     width: 120px;
     cursor: pointer;
}
 .modal .Edit-popup-main-btn-document input[type=file] {
     display: block;
     position: absolute;
     top: 119px;
     left: 37px;
     padding: 40px 0;
     opacity: 0;
     width: 120px;
     cursor: pointer;
}
 */
 .general-information-1 input[type=file] {
     background: none;
}
 .general-information-1 select {
     padding: 5px 10px !important;
     border: none;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 500;
     width: 100% !important;
     display: block;
     height: 34px;
}
/*resident*/
/*select#cars {
     padding: 5px 10px;
     border: none;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 500;
     width: 100% !important;
     display: block;
     height: 34px;
}
 */
 .resident-main-resident-section-btn a {
     background: #8ec63f;
     padding: 5px 20px;
     color: white;
     float: right;
     border-radius: 5px;
}
 .row.main-resident-resident-table-sec-cus {
     margin: 40px 0;
}
 tr.heading-cusc {
     background: #111f2c !important;
     color: white;
     border-radius: 10px;
}
 .heading-cusc th {
     padding: 13px 20px;
}
 .main-resident-table-data-cus3 td {
     padding: 15px 15px 10px 15px;
     font-weight: 500;
     text-align: left;
}
 /* .acknowledgement_main_form h4, h4 {
     text-transform: capitalize;
     color: #5f5f5f !important;
     font-weight: 600;
     display: block;
     margin-bottom: 0;
     font-size: 25px;
} */
 .acknowledgement_main_form h2, h2{
     text-transform: capitalize;
}
 .main-resident-table-data-cus3 td.onec {
     color: #669dd5;
}
 .main-resident-table-data-cus3 td.threec {
     color: #8ec63f;
}
 .main-resident-table-btn-cusc a {
     background: #f99621;
     padding: 5px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
     text-decoration: none;
}
 .row.main-resident-resident-table-sec-cus table {
     box-shadow: 0 0 10px #ccc;
}
 #RECRUITMENT > div.row.main-resident-resident-table-sec-cus1 > table > tbody > tr:nth-child(even) {
     background: white;
}
 .row.main-resident-resident-table-sec-cus1 {
     margin-top: 20px;
}
 .main-resident-resident-table-sec-cus1 table {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 0 0px;
     flex: 100%;
     border-radius: 10px;
     overflow: hidden !important;
     width:100%;
}
 .dropdown-item2 {
     display: block;
     width: 100%;
     padding: .25rem 1.5rem;
     clear: both;
     font-weight: 400;
     color: #212529;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
}
 .dropdown-menu2 {
     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;
}
 .main-resident-candiate-table-sec-cus1 table {
     max-width: 100%;
     flex: 100;
}
 .tab img {
     width: 24px;
     vertical-align: middle;
     margin: 0 10px 4px 0;
     display: block;
     float: left;
}
 button#dropdownMenuButton {
     background: none;
     border: none;
     outline: none;
     box-shadow: none;
}
 .resident-add-btn-cus a {
     padding: 5px 20px;
     float: right;
     margin-top: 25px;
}
 .main-resident-table-data-cus3 img {
     width: 70px;
     height: 50px;
     border-radius: 5px;
     object-fit: cover;
}
 .main-resident-table-data-cus3 td.onec {
     color: #669dd5;
     width: 20%;
}
 .main-resident-resident-table-sec-cus1 i.fa {
     position: relative;
     right: 11px;
}
 .acknowledgement_main_form h3 {
     text-transform: capitalize;
}
/*resident end*/
/*vehicle */
/*vehicle end*/
/*popup end*/
.acknowledgement_main_form1 label {
    font-weight: 300;
    /* text-transform: uppercase; */
    display: block;
}
 .acknowledgement_main_form1 input, .acknowledgement_main_form1 textarea, .acknowledgement_main_form1 select {
     box-shadow: -2px 3px 10px #00000040;
     color: black;
     font-weight: 300;
}
 .file_upload_custom_main h3 {
     border: 1px dotted black;
     text-align: center;
     padding: 20px 15px;
     width: 60%;
     font-size: 16px;
     position: absolute;
     height: 140px;
     left: 0;
     right: 0;
}
 .file_upload_custom_main h3 i {
     font-size: 50px;
     margin-bottom: 10px;
}
 .file_upload_custom_main input {
     width: 68%;
     height: 140px;
     opacity: 0;
}
 .acknowledgement_main_form1 input[type="checkbox"] {
     box-shadow: none;
     height: 15px;
     width: 15px;
     margin-top: 3px;
}
.acknowledgement_main_form1 input:checked {
    background-color: #1a75bc !important;
}
 .acknowledgement_main_form1 .form-check.form-check-inline {
     margin-right: 15px;
}
 .acknowledgement_main_form1 .form-check {
     margin-bottom: 10px;
}
 .acknowledgement_main_form1 .form-check label {
     text-transform: none;
     font-weight: 300;
}
 .inner_form_heading {
     margin-bottom: 0 !important;
}
 .inner_form_heading h4 {
     text-align: center;
     margin-bottom: 30px;
     font-size: 25px;
}
 .select_related_forms_btn {
     background: #f89520 !important;
     margin-top: 20px;
}
/*.Edit-popup-main-btn-cus input[type=file] {
     display: block;
     position: absolute;
     top: -10px;
     padding: 15px 0px;
     opacity: 0;
     width: 120px;
}
 */
 .fire-extinguisher-check {
     padding: 0px !important;
}
 .fire-extinguisher-check ul {
     padding: 0;
     list-style: none;
     margin-top: 20px;
     padding-left: 30px;
}
 .fire-extinguisher-check ul i.fa.fa-square {
     margin-right: 30px;
     font-size: 10px;
}
 .fire-extinguisher-check ul li {
     margin-bottom: 30px;
     vertical-align: middle;
}
 .fire-extinguisher-check ul a {
     background: #f99621;
     padding: 8px 30px;
     margin-left: 10px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
     text-decoration: none;
}
/***Independence Form Page CSS***/
 .Recruitmtnt-main-section3.independence-cust-1 h1 {
     margin: 25px 0px 20px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Comic Sans MS;
     text-transform: capitalize;
     text-align: center;
     font-size: 26px;
}
 .Recruitmtnt-main-section3 h4.general-information-5 {
     margin: 25px 0px 20px;
     color: #000000 !important;
     font-weight: 600;
     font-family: Comic Sans MS;
     text-transform: capitalize;
     text-align: left;
     font-size: 24px;
}
 .general-information {
     background-color: white;
     border-radius: 5px;
     padding: 0 !important;
     margin-top: 15px;
}
 .general-information h2 {
     font-weight: 600;
     padding: 10px 0 10px 15px;
     font-size: 22px;
     height: 46px;
     font-family: Montserrat-Bold;
     background-color: #11202c;
     color: white;
     margin-bottom: 0px;
     border-radius: 5px 5px 0 0;
}
 .general-information-1 {
     background-color: white;
     border-radius: 1.5rem;
     padding: 2rem;
     box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
     margin: 0px auto;
}
 .general-information .nav-tabs a.nav-item:first-child {
     border-radius: 5px 0px 0px 5px !important;
}
 .general-information .nav-tabs a.nav-item:last-child {
     border-radius: 0px 5px 5px 0 !IMPORTANT;
}
 .general-information .nav-tabs a.nav-item {
     margin-bottom: -1px;
     background-color: #11202c;
     color: white;
     margin: 0px;
     width: 50%;
     border-radius: 5px !IMPORTANT;
     text-align: center;
}
 .general-information .nav-tabs a.nav-item.active {
     background: white;
     color: #11202c;
     border: 1px solid #11202c;
}
 .general-information .nav-tabs {
     margin-bottom: 10px;
}
 .general-information-1 .main-image-sec-cus p {
     color: black !important;
     padding-left: 29px;
     padding: 10px 0px 0;
}
 .tab-section-cust-1 {
     margin-top: 15px;
     padding: 0px !important;
     border-radius: 5px;
}
 .tab-section-cust-1 .nav-pills .nav-link.active {
     color: #fff;
     background-color: #266aa5;
     border-left: 5px solid #8ec63f !important;
}
 .tab-section-cust-1 a {
     font-size: 16px;
     border-left: 5px solid #8ec63f00 !important;
     margin-bottom: 5px;
}
 .tab-section-cust-1 a:hover {
     color: white;
     background-color: #266aa5;
     font-size: 16px;
}
 .main-image-sec-cus img {
     width: 100%;
     position: relative;
     height: 220px;
     max-width: 100%;
     vertical-align: middle;
     object-fit: contain;
     object-position: center;
     border-radius: 5px;
}
 .main-image-sec-cus input[type=file] {
     display: block;
     position: absolute;
     top: 50px;
     padding: 90px 0px;
     opacity: 0;
}
 .Edit-popup-main-btn-cus a {
     background: orange;
     padding: 6px 30px;
     color: white;
     text-decoration: none;
     border-radius: 3px;
}
 .general-information-1 label {
    font-weight: 500;
    display: block;
    color: var(--text);
    margin-bottom: .5rem;
    font-family: Montserrat-Medium;
}
 .general-information-1 input, .general-information-1 select, .general-information-1 textarea {
    box-shadow: none !important;
    width: 100%;
    padding: 8px 10px !important;
    display: block;
    height: auto;
    margin-bottom: 25px;
    font-size: 1rem;
    font-weight: 500;
    border-radius: .6rem !important;
    background-color: transparent;
    border: 1px solid var(--ind-text);
}  
.general-information-1 input::placeholder,
.general-information-1 select::placeholder,
.general-information-1 textarea::placeholder {
    color: var(--description);
}
 .general-information-1 input[type=radio] {
     width: 20px !important;
     height: 20px !important;
     border-radius: 50px;
     margin-right: 5px;
     margin-top: 0;
}
 .general-information-1 .form-check {
     margin-bottom: 5px;
}
 .general-information-1 select {
     background-image: url(../images/Recruitment/down-arrow-recruitment.svg) !important;
     background-size: .8rem;
     background-repeat: no-repeat !important;
     background-position: right !important;
     background: content-box;
}
 .general-information-1 button.btn.btn-primary {
     margin-right: 6px;
     padding: 6px 25px;
     text-decoration: none;
     display: block;
     opacity: unset;
}
 .general-information-1 .row.two_btn_row .choices_btn_orange {
     margin: 0 auto !important;
     width: 100%;
}
 /* .general-information-2 {
     text-align: center;
} */
 .second-heading-grneral h2 {
     padding: 20px 0px 0;
     font-family: Montserrat-Bold;
     font-size: 22px;
}
 .col-md-12.second-heading-grneral {
     padding-left: 10px;
}
 .form-check-inline .form-check-input {
     position: static;
     margin-top: 0;
     margin-left: 0;
     width: 20px;
     height: 20px;
     margin-bottom: 0;
}
/*.general-information-3 {
     padding: 0px 0 10px 0px;
}
 */
 .general-last-section {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .key-data-main-heading h3 {
     font-weight: 600;
     font-size: 22px;
     font-family: Montserrat-Bold;
     color: black;
     margin-bottom: 0px;
     border-radius: 5px 5px 0 0;
}
 .onprobation-select-cus {
     padding-left: 17px;
}
 .general-information-4 {
     background-color: #c5e0b3;
     padding: 30px 40px;
     text-align: center;
     border-radius: 5px;
     margin-bottom: 20px;
}
 .Recruitmtnt-main-section3.independence-cust-1 p {
     margin: 0px;
     color: #000 !important;
     font-size: 16px;
}
 .Recruitmtnt-main-section3.independence-cust-1 img {
     max-width: 100%;
     vertical-align: middle;
     padding: 30px 0px;
     width: 100%;
     height: auto;
     object-position: center;
}
 .Recruitmtnt-main-section3 h5.general-information-6 {
     margin: 25px 0px 20px;
     color: #000000 !important;
     font-weight: 600;
     font-family: Comic Sans MS;
     text-transform: capitalize;
     text-align: left;
     font-size: 20px;
}
 .Recruitmtnt-main-section3 .general-information-1 input[type="checkbox"] {
     width: 20px;
     display: inline-block;
     margin: 0px 10px 0 0;
     height: 20px;
}
 .general-information-4 h3 {
     font-weight: 600;
     font-size: 24px;
     font-family: Montserrat-Bold;
}
 .checkbox {
     display: none;
}
 .switch {
     align-items: center;
     background-color: gray;
     border-radius: 500px;
     cursor: pointer;
     display: flex;
     height: 40px;
     justify-content: space-between;
     padding: 0 10px;
     position: relative;
     user-select: none;
     width: 80px;
}
 .checkbox:checked ~ .switch {
     background-color: gray;
}
 .checkbox:not(:checked) ~ .switch {
     background-color: #8ec640;
}
 .switch__left, .switch__right {
     color: white;
     font-weight: bold;
     text-transform: uppercase;
}
 .checkbox:checked ~ .switch .switch__left {
     visibility: hidden;
}
 .checkbox:not(:checked) ~ .switch .switch__right {
     visibility: hidden;
}
 .general-information-1 .switch-btn label {
     font-weight: 400;
     display: block;
     float: right;
     margin-right: 40px;
}
 label.switch span.switch__left {
     position: relative;
     top: 10px;
     font-size: 15px;
}
 label.switch span.switch__right {
     position: relative;
     top: 9px;
     right: -4px;
     font-size: 15px;
}
 .switch__circle {
     height: 40px;
     padding: 5px;
     position: absolute;
     transition: all 0.1s linear;
     width: 40px;
}
 .checkbox:checked ~ .switch .switch__circle {
     left: 0;
     right: calc(100% - 40px);
}
 .checkbox:not(:checked) ~ .switch .switch__circle {
     left: calc(100% - 40px);
     right: 0;
}
 .switch-on-of-cust input {
     position: absolute;
     top: 0px;
     right: 60px;
}
 .switch__circle-inner {
     background-color: white;
     border-radius: 50%;
     display: block;
     height: 100%;
     width: 100%;
}
/***End Independence Form Page CSS***/
/* Edit Propoted Btn*/
 .general-information-1 .col-md-4.promoted-col {
     margin: 0 0 0 auto;
}
 .general-information-1 .col-md-4.promoted-col input.btn.promoted {
     border: none;
     color: white !important;
     padding: 6px 20px;
     border-radius: 8px;
     font-size: 18px;
     background: #f89520;
     display: block;
     text-align: center;
}
/*Edit popus View Page*/
 div#enddate-popup h3 {
     padding: 15px 14px;
     font-size: 20px;
}
/*Formbuilder*/
/*Sidebar*/
 div#fb-editor .form-wrap.form-builder .cb-wrap ul.frmb-control.fixed {
     position: fixed !IMPORTANT;
     top: 5% !important;
     width: 20%;
     margin: 0 0 0 10px;
}
 form#choicescrmFrmBuilder .row.buttons_cus .col-md-2 button {
     display: block;
     width: 90%;
     padding: 5px 0;
}
 .row.buttons_cus .col-md-2 {
     text-align: center;
}
/*Radio Fix Form*/
 div#fb-render .formbuilder-radio input[type='radio'] {
     display: inline-block !important;
}
 div#fb-render .formbuilder-radio label {
     font-weight: normal;
     display: inline-block !important;
}
 div#fb-editor .formbuilder-radio input {
     display: inline-block;
}
/*Viewform*/
 .col-md-9.acknowledgement_main_form .col-md-12:first-child {
     padding: 15px 0;
}
 /* .col-md-12.general-information-1.crmview-form-wrapper {
     border-top: 7px solid #1a75bc;
} */
 .crmview-form-wrapper .acknowledgement_main_form1 h2 {
     color: #595959;
     font-size: 20px;
     margin: 0 0 20px;
     font-weight: 700 !IMPORTANT;
     letter-spacing: unset;
}
 .crmview-form-wrapper .acknowledgement_main_form1 {
     padding: 30px 0;
     border-bottom: 1px solid #c5c5c5;
}
 .crmview-form-wrapper .acknowledgement_main_form1:first-child {
     padding-top: 20px;
}
 .crmview-form-wrapper .row:last-child .col-md-12 {
     text-align: center;
}
 .crmview-form-wrapper .row:last-child button {
     display: inline-block;
}
 .crmview-form-wrapper .acknowledgement_main_form1:last-child {
     border: none;
}
 .crmview-form-wrapper .acknowledgement_main_form1 .form-group {
     margin-bottom: 30px;
}
 .crmview-form-wrapper .acknowledgement_main_form1 header {
     color: #595959;
     font-size: 17px;
     margin: 0 0 20px;
     font-weight: 700;
     letter-spacing: unset;
}
 .crmview-form-wrapper .formbuilder-radio {
     display: inline-block;
     margin: 0 5px;
}
 .crmview-form-wrapper .formbuilder-radio input[type="radio"] {
     color: #8cc93e;
     margin-top: -3px;
     margin-left: 5px;
     margin-bottom: 0;
}
/*inline radio*/
 .acknowledgement_main_form1 .crminline-group .radio-group input[type="radio"] {
     display: inline-block;
     margin: 3px 10px;
     color: #8cc93e;
}
 .acknowledgement_main_form1 .crminline-group .radio-group label{
     display: inline-block;
}
 .acknowledgement_main_form1 .crminline-group .radio-group .col-md-6 {
     padding: 7px 15px;
}
 .crmview-form-wrapper .formbuilder-checkbox {
     display: block;
     margin: 0 10px;
}
 .crmview-form-wrapper .formbuilder-checkbox label {
     display: inline-block;
}
 .crmview-form-wrapper .formbuilder-checkbox input[type="checkbox"] {
     color: #8cc93e;
     margin-bottom: 0;
     width: 20px !important;
     height: 20px !important;
     display: inline-block;
     margin-top: -2px;
     border-radius: 3px;
}
/*inline checkbox*/
 .acknowledgement_main_form1 .crminline-checkbox-group-inline .checkbox-group .col-md-6 {
     padding: 7px 15px;
}
 .acknowledgement_main_form1 .crminline-checkbox-group-inline .checkbox-group label {
     display: inline-block;
}
 .acknowledgement_main_form1 .crminline-checkbox-group-inline .checkbox-group input[type="checkbox"] {
     margin: -2px 10px 3px;
     color: #8cc93e;
     border-radius: 3px;
}
 .crmview-form-wrapper input[type="date"] , .crmview-form-wrapper input[type="time"]{
     color: #5b5b5b;
}
 .crmview-form-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
     color: #5b5b5b;
}
 .crmview-form-wrapper .formbuilder-select select{
     color: #5b5b5b;
}
/*End Form CSs*/
/*Table Scrolling css*/
 table.scrolling-table {
     width: 1500px;
     max-width: 1500px;
}
/*......................*/
/*Main Reffrals Step Form*/
/*.........................*/
 .main_referrals_step_form h3.main-reffral-form-cus-table-heading {
     font-family: Montserrat,sans-serif !important;
     font-size: 22px;
     margin-bottom: 0;
}
 .main_referrals_step_form h1 {
     margin: 25px 0px 15px;
}
 .main_referrals_step_form .acknowledgement_main_form1 {
     padding: 50px 0;
}
 .main_referrals_step_form .acknowledgement_main_form1 label {
     font-weight: 300;
     font-family: Montserrat,sans-serif !important;
}
 .main_referrals_step_form .file_upload_custom_main h3 {
     border: 1px dotted black;
     text-align: center;
     padding: 20px 15px;
     width: 60%;
     font-size: 16px;
     position: absolute;
     height: 140px;
     left: 0;
     right: 0;
}
 .main_referrals_step_form .file_upload_custom_main h3 i {
     font-size: 50px;
     margin-bottom: 10px;
}
 .main_referrals_step_form .file_upload_custom_main input {
     width: 68%;
     height: 140px;
     opacity: 0;
}
 .main_referrals_step_form .acknowledgement_main_form1 button {
     padding: 5px 50px;
     border-radius: 8px;
     font-family: Montserrat,sans-serif !important;
}
 .main_referrals_step_form #regForm {
     margin: 0 auto;
     font-family: Raleway;
     padding: 0 40px 40px;
     width: 100%;
}
 .main_referrals_step_form h1 {
     text-align: center;
}
/* Mark input boxes that gets an error on validation: */
 .main_referrals_step_form input.invalid {
     background-color: #ffdddd;
}
/* Hide all by default: */
 .main_referrals_step_form .tab2 {
     display: none;
}
 .main_referrals_step_form button {
     padding: 10px 20px;
     font-size: 17px;
     font-family: Raleway;
     cursor: pointer;
}
 .main_referrals_step_form #prevBtn {
     background-color: #bbbbbb;
}
/* Make circles that indicate the steps of the form: */
 .main_referrals_step_form .step {
     height: 15px;
     width: 15px;
     margin: 0 2px;
     background-color: #bbbbbb;
     border: none;
     border-radius: 50%;
     display: inline-block;
     opacity: 0.5;
}
 .main_referrals_step_form .step.active {
     opacity: 1;
}
/* Mark the steps that are finished and valid: */
 .main_referrals_step_form .step.finish {
     background-color: #4CAF50;
}
 .main_referrals_step_form .table-cus-scroll-bar {
     overflow-x: scroll;
}
 .main_referrals_step_form .step-form-table-cus td {
     padding: 10px 15px;
}
 .main_referrals_step_form .step-form-table-cus th {
     padding: 0 15px;
}
 .main_referrals_step_form table.step-form-table-cus {
     margin: 30px 0;
}
 .main_referrals_step_form .tab button {
     font-family: Montserrat,sans-serif !important;
}
 .main_referrals_step_form span.number_cus_cls {
     font-family: Montserrat,sans-serif !important;
     z-index: 999;
     position: relative;
}
 .main_referrals_step_form .step.active, .main_referrals_step_form .step.finish {
     background-color: #1a75bc;
     color: white;
}
 .main_referrals_step_form .step.active a, .main_referrals_step_form .step.finish a{
     color: white;
}
 .main_referrals_step_form .step {
     height: 30px;
     width: 30px;
     margin: 20px 12px;
     background-color: #bbbbbb;
     border: none;
     border-radius: 50%;
     display: inline-block;
     opacity: 1;
}
 .main_referrals_step_form .step a {
     color: #111f2c;
}
 .main_referrals_step_form span.step {
     vertical-align: middle;
     padding: 3px 0;
}
 .main_referrals_step_form span.step:after {
     content: "";
     width: 58px;
     height: 2px;
     display: block;
     background: #ccc;
     z-index: -1 !important;
     position: absolute;
     top: 295px;
}
 .main_referrals_step_form span.step.active:after {
     content: "";
     width: 58px;
     height: 2px;
     display: block;
     background: #ccc;
     z-index: -1 !important;
     position: absolute;
     top: 295px;
}
 .main_referrals_step_form #regForm > div:nth-child(1) > span:nth-child(8):after {
     display: none;
}
 .main_referrals_step_form span.step.active:after, .main_referrals_step_form span.step.finish:after {
     background: none;
     z-index: 1 !important;
}
/*Form ROw Styling */
 .main_referrals_step_form .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 90%;
     margin: 20px 30px;
     flex: 90%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 0px 0px;
     background: white;
}
 .main_referrals_step_form .main-reffral-form-cus h4 {
     background: #111f2c;
     color: white !important;
     padding: 20px 15px;
     font-size: 18px;
     border-radius: 10px 10px 0px 0px;
     font-weight: 600;
}
 .main_referrals_step_form .tabcontent {
     float: left;
     padding: 0px 12px;
     width: 100%;
     border-left: none;
     height: unset;
}
 .main_referrals_step_form .main-reffral-form-cus .form-row {
     padding: 10px 15px;
}
 .main_referrals_step_form .main-reffral-form-cus .form-row input.invalid {
     background-color: #ffdddd !IMPORTANT;
}
 .main_referrals_step_form .main-reffral-form-cus .form-row .col-12, .main_referrals_step_form .main-reffral-form-cus .form-row .col-6 {
     padding: 15px 20px;
}
 .main_referrals_step_form .select_related_forms_btn {
     background: #f89520 !important;
     margin-top: 20px;
}
 .main_referrals_step_form .main-reffral-form-cus .form-row label {
     font-weight: 600;
     color: #5f5f5f;
}
 .main_referrals_step_form [type='radio']:checked{
     color: #2563eb !important;
     float: left;
     margin-right: 10px;
     margin-top: 4px;
}
 .main_referrals_step_form [type='radio']{
     float: left;
     margin-right: 10px;
     margin-top: 4px;
}
 .main_referrals_step_form .main-reffral-form-cus .form-row [type="radio"]:not(:checked) + label:after {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
}
 .main_referrals_step_form .main-reffral-form-cus .form-row [type="radio"]:checked + label:after {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .main_referrals_step_form .main-reffral-form-cus .form-row input[type=date]::-webkit-inner-spin-button{
     -webkit-appearance: none;
     display: none;
}
 .main_referrals_step_form .main-reffral-form-cus .form-row .col-6.gender-field .col-6 {
     flex: 30% !important;
     max-width: 30%;
}
 .main_referrals_step_form .main-reffral-form-cus .col-12 h3.form-middle-titile {
     text-align: center;
     font-size: 20px;
     font-weight: 600;
     color: #5f5f5f;
     padding: 20px 0 0;
     border-top: 0px solid black;
     font-family: Montserrat,sans-serif !important;
     text-transform: uppercase;
     margin: 0;
}
 .main_referrals_step_form input[type="date"] {
     text-transform: uppercase;
}
 .main_referrals_step_form .main-reffral-form-cus-main-heading h3 {
     padding: 10px 10px;
     font-family: Montserrat,sans-serif !important;
     margin-bottom: 0;
}
 .main_referrals_step_form .main-reffral-form-cus-table .col-12 {
     padding: 0;
}
 .main_referrals_step_form #regForm .add-btn a {
     display: block;
     text-align: center;
     width: 100%;
}
 .main_referrals_step_form tr.main-reffral-form-cus-table-heading {
     background: #111f2c;
     color: white;
     border-radius: 10px;
     overflow: hidden;
}
 .main_referrals_step_form .table td, .main_referrals_step_form .table th {
     padding: .75rem;
     vertical-align: top;
     border-top: none;
     font-family: Montserrat,sans-serif !important;
}
 .main_referrals_step_form table.table.main-reffral-form-cus-table {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 0px 0px;
     flex: 100%;
     border-radius: 10px;
     overflow: hidden !important;
     width: 100%;
}
 .main_referrals_step_form .row.main-reffral-form-cus-table {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 0px 0px;
     flex: 100%;
     border-radius: 10px;
     overflow: hidden !important;
     width: 100%;
}
 .main_referrals_step_form .main-reffral-form-cus-table input.form-control {
     background: white !important;
}
 .main_referrals_step_form .form-row.one {
     padding: 0;
}
 .main_referrals_step_form .main-famaily-detail-sec-main-heading {
     background: #111f2c;
     width: 100%;
     color: white;
     padding: 10px 21px;
}
 .main_referrals_step_form .col-md-6.main-famaily-detail-sec {
     padding: 0;
}
 .main_referrals_step_form #regForm > div:nth-child(9) > div {
     box-shadow: none;
}
 .main_referrals_step_form h3.form-middle-titile-cus {
     font-size: 18px;
     padding: 0 19px;
     font-family: Montserrat,sans-serif !important;
}
 .main_referrals_step_form .acknowledgement_main_form1 textarea {
     padding: 10px 10px !important;
}
 .main_referrals_step_form .main-heading-stepa-tab2 tr.main-reffral-form-cus-table-heading th {
     font-size: 15px;
     padding: 10px 11px;
     text-align: center;
}
 .main_referrals_step_form .main-heading-stepa-tab2 tr.main-reffral-form-cus-table-heading {
     background: #111f2c !important;
     color: white;
     border-radius: 10px;
}

 .main_referrals_step_form a.cross-icon {
     color: #6c757d !important;
     font-size: 20px !important;
     border: 1px solid !important;
     padding: 5px 10px !important;
     border: 2px solid #6c757d !important;
}
 .main_referrals_step_form table a {
     border-color: none !important;
}
/*Inside Forms Pages*/
 .inside-forms tr.main-table-data-cus3 td:nth-child(2) {
     width: 35%;
}
/*.....................*/
/*Optimize Single View Pages Css*/
/*................*/
/*Employee & Resident*/
 .main_employee_resident_view_page#edit-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     border-top-left-radius: 5px !important;
     background-color: #111f2c;
}
 .main_employee_resident_view_page#edit-popup .modal-body {
     overflow-y: scroll;
     overflow-x: hidden;
}
 .main_employee_resident_view_page#edit-popup .modal-header h3 {
     padding-left: 29px;
     color: white;
     padding-bottom: 10px;
     padding-top: 15px;
     font-size: 18px;
}
 .main_employee_resident_view_page .key-data-main-heading h3 {
     font-weight: bold;
     margin: 0 !important;
     font-size: 14px;
}
 .main_employee_resident_view_page .key-data-main-heading h4, .main_employee_resident_view_page .key-data-main-heading1 h4 {
     font-weight: bold;
     margin: 0 !important;
     font-size: 20px;
}
 .main_employee_resident_view_page#edit-popup hr {
     width: 90%;
}
 .main_employee_resident_view_page .main-image-sec-cus img {
     width: 100%;
     position: relative;
}
 .main_employee_resident_view_page .main-image-sec-cus p {
     color: black !important;
     padding-left: 29px;
     padding: 10px 17px;
}
 .main_employee_resident_view_page .main-image-sec-cus input[type=file] {
     display: block;
     position: absolute;
     top: 40px;
     padding: 90px 0;
     opacity: 0;
}
/*#edit-popup .col-md-6, #edit-popup .col-md-12 {
     padding: 10px 10px 0 10px !important;
     margin-bottom: 10px;
}
 */
 .main_employee_resident_view_page#edit-popup label {
     font-weight: 400;
     text-transform: uppercase;
     display: block;
}
 .main_employee_resident_view_page#edit-popup .form-check-inline label {
     padding-left: 10px;
}
 .main_employee_resident_view_page .edit-main-form-input-sec input.form-control, .main_employee_resident_view_page .edit-main-form-input-sec select, .main_employee_resident_view_page .edit-main-form-input-sec textarea.form-control {
     padding: 20px 10px;
     background: #eee;
     border: none;
     margin-bottom: 10px;
     box-shadow: none;
}
 .main_employee_resident_view_page .employee-detail-cust {
     text-align: center;
}
 .main_employee_resident_view_page .key-data-main-heading h3 {
     font-weight: 600;
     font-size: 20px;
     padding-top: 40px;
     font-family: Montserrat-Bold;
     color: black;
}
 .main_employee_resident_view_page#view-popup .modal-body p {
     margin-bottom: 0;
     padding-top: 5px;
     color: #5f5f5f !important;
     font-size: 14px;
    /*opacity: 0.4;
     */
}
 .main_employee_resident_view_page#view-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background-color: #111f2c;
     border-top-left-radius: 5px !important;
}
 .main_employee_resident_view_page#view-popup .modal-header h3 {
     padding-left: 0;
     color: white;
     padding-bottom: 0;
     margin-bottom: 0;
     font-size: 18px;
}
 .main_employee_resident_view_page#view-popup .modal-body {
     overflow-y: scroll;
     padding: 5px 30px;
}
 .main_employee_resident_view_page .col-mad-12.key-data-main-heading {
     width: 100%;
}
 .main_employee_resident_view_page#view-popup .modal-body h4 {
     font-size: 14px;
     padding: 10px 0;
}
 .main_employee_resident_view_page#view-popup .modal-header button.close {
     margin-top: -2px;
     position: absolute;
     right: -5px !important;
     top: -5px;
     color: white !important;
     background: #dd1f26;
     opacity: 1;
     padding: 3px 7px !important;
     border-radius: 50%;
     z-index: 12 !important;
}
 .main_employee_resident_view_page#edit-popup .modal-dialog {
     max-width: 700px;
}
 .main_employee_resident_view_page#view-popup .modal-dialog {
     max-width: 700px;
}
 .main_employee_resident_view_page#add-new-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background-color: black;
     border-top-left-radius: 5px !important;
}
 .main_employee_resident_view_page#add-new-popup .modal-body {
     overflow-y: scroll;
}
 .main_employee_resident_view_page#add-new-popup .modal-header h3 {
     padding-left: 29px;
     color: white;
     padding-bottom: 10px;
     padding-top: 15px;
}
 .main_employee_resident_view_page#add-new-popup hr {
     width: 90%;
}
 .main_employee_resident_view_page#add-new-popup .modal-body a {
     background: orange;
     padding: 6px 30px;
     color: white;
     text-decoration: none;
     border-radius: 3px;
     float: right;
     margin-top: 120px;
}
 .main_employee_resident_view_page#add-new-popup .col-md-6, .main_employee_resident_view_page#add-new-popup .col-md-12 {
     padding: 0 30px 0 30px !important;
     margin-bottom: 10px;
}
 .main_employee_resident_view_page#add-new-popup label {
     font-weight: 400;
     text-transform: uppercase;
     display: block;
}
 .main_employee_resident_view_page#add-new-popup .modal-dialog {
     max-width: 700px;
}
 .main_employee_resident_view_page .with_reminder_btn_date a {
     margin: 0 !important;
     float: none !important;
     background: transparent !important;
     color: black !important;
     padding: 0 !important;
}
 .main_employee_resident_view_page#view-popup .modal-content {
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px;
     border: 0 !important;
}
 .main_employee_resident_view_page#view-popup .col-md-6, .main_employee_resident_view_page#view-popup .col-md-12 {
     padding-left: 0;
}
 .main_employee_resident_view_page p.reffrals-text {
     margin: 0 25px 20px;
}
 .main_employee_resident_view_page .col-md-12 hr.black-border {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid black;
}
 .main_employee_resident_view_page .col-12 button.main-save {
     background: #8dc640;
     color: white;
     font-weight: 300;
     padding: 5px 15px;
     border-radius: 8px;
     margin: 20px 25px;
}
 .main_employee_resident_view_page .row.signe-row-cus .col-6 input.form-control {
     border: 1px solid;
     border-radius: 5px;
     padding: 25px 10px;
}
 .main_employee_resident_view_page .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 90%;
     margin: 20px 30px;
     flex: 90%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
}
 .main_employee_resident_view_page .main-reffral-form-cus h4 {
     background: #111f2c;
     color: white;
     padding: 20px 15px;
     font-size: 18px;
     border-radius: 10px 10px 0px 0px;
     font-weight: 600;
}
 .main_employee_resident_view_page .main-reffral-form-cus .form-row {
     padding: 10px 25px;
}
 .main_employee_resident_view_page .main-reffral-form-cus .form-row input.form-control, .main_employee_resident_view_page .main-reffral-form-cus .form-row textarea.form-control {
     background-color: #e9e7e8;
     border: none;
     border-radius: 5px;
     padding: 25px 10px;
}
 .main_employee_resident_view_page .main-reffral-form-cus .form-row .col-12, .main_employee_resident_view_page .main-reffral-form-cus .form-row .col-6 {
     padding: 10px 15px;
}
 .main_employee_resident_view_page .select_related_forms_btn {
     background: #f89520 !important;
     margin-top: 20px;
}
 .main_employee_resident_view_page .main-reffral-form-cus .form-row label {
     font-weight: 600;
     color: #5f5f5f;
}
 .main_employee_resident_view_page .bigtextarea {
     width: 95%;
     margin: 0 auto;
}
 .main_employee_resident_view_page .main-reffral-form-cus .form-row input[type=date]::-webkit-inner-spin-button {
     -webkit-appearance: none;
     display: none;
}
 .main_employee_resident_view_page .main-reffral-form-cus .form-row .col-6.gender-field .col-6 {
     flex: 30% !important;
     max-width: 30%;
}
 .main_employee_resident_view_page .main-reffral-form-cus .col-12 h3.form-middle-titile {
     text-align: center;
     font-size: 20px;
     font-weight: 600;
     color: #5f5f5f;
     padding: 10px 0;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile img {
     max-width: 100%;
     vertical-align: middle;
     padding-top: 0;
     width: 180px;
     height: 180px;
     object-fit: contain;
     object-position: center;
     border-radius: 10px 10px 10px 10px;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile {
     padding-bottom: 0;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile .form-row {
     padding: 0px 0px;
     padding-left: 0;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile .form-row.btn-row {
     width: 100%;
}
 .main_employee_resident_view_page .resident-profile a.resident-profile-bts {
     display: block;
     text-align: center;
     font-size: 12px;
     padding: 10px 5px !important;
     margin-right: 0 !IMPORTANT;
     margin: 0 10px;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile h2.left-side-text, .main_employee_resident_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
     width: 49%;
     display: inline-block;
     padding: 2px 10px;
     font-size: 14px;
     margin-top: 10px;
}
 .main_employee_resident_view_page .profile-bar-left h2.left-side-text, .main_employee_resident_view_page .profile-bar-left h2.Right-side-text {
     padding: 5px 10px !IMPORTANT;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile hr.black-border {
     margin-top: 0;
     margin-bottom: 0;
     border: 0;
     border-top: 1px solid rgba(0, 0, 0, .1);
}
 .main_employee_resident_view_page .main-reffral-form-cus {
     max-width: 100%;
     margin: 20px 0px;
     flex: 100%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
     box-shadow: 0 0 10px #ccc;
}
 .main_employee_resident_view_page .resident-profile a.resident-profile-bts i {
     padding-right: 6px;
     display: none;
}

 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row {
     padding-bottom: 0;
     padding: 20px 20px 50px 20px !important;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row .form-row {
     padding: 0px 0px;
     padding-left: 0;
     text-align: center;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row .form-row.second {
     margin-top: 30px;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row h1 {
     margin: 10px;
     margin-bottom: 20px;
     text-transform: capitalize;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
 .main_employee_resident_view_page .resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
 .main_employee_resident_view_page .resident-profile.buttons-row {
     margin-bottom: 0;
     padding: 20px 13px;
     margin-top: 0;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row {
     margin-bottom: 30px;
}
 .main_employee_resident_view_page .resident-profile.buttons-row h1 {
     margin-top: 0;
     margin-left: 0;
     text-transform: capitalize;
}
 .main_employee_resident_view_page h1.second-col-sec-title {
     margin-left: 10px !important;
}
 .main_employee_resident_view_page .resident-profile.buttons-row h2.small-heading {
     color: #5f5f5f;
     font-family: Montserrat;
     text-align: left;
     font-size: 18px;
     margin-bottom: 20px;
     margin-top: 10px;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.left-side-text {
     width: 75%;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text {
     width: 23%;
     margin: 5px 0 5px 0;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a {
     width: 100%;
     display: block;
     text-align: center;
     padding: 8px 10px;
     float: unset !IMPORTANT;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.first-btn {
     background: #53ba61;
     color: white;
     border-radius: 7px;
     float: right;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.second-btn {
     background: #d03233;
     color: white;
     border-radius: 7px;
     float: right;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.third-btn {
     background: transparent;
     border: 1px solid #717171;
     color: #717171;
     border-radius: 7px;
     float: right;
}
 .main_employee_resident_view_page .col-md-12.tracker-title h1 {
     margin-top: 25px !important;
     font-size: 23px;
}
 .main_employee_resident_view_page .col-md-6.main-two-col {
     margin: 0 10px;
     display: inline-block;
     max-width: 48%;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile.inner-btn-row {
     padding: 15px 0px;
}
 .main_employee_resident_view_page .main-two-col:nth-child(2) h1 {
     margin: 20px 0px 20px;
     color: #5f5f5f;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 22px;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile .form-row .col-4 {
     padding: 5px 0;
}
 .main_employee_resident_view_page .main-reffral-form-cus.resident-profile .form-row.btn-row {
     width: 100%;
     padding: 5px 5px;
}

/*Home View Page Style*/
 .main_home_view_page#edit-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background-color: #111f2c;
     border-top-left-radius: 5px !important;
}
 .main_home_view_page#edit-popup .modal-body {
     overflow-y: scroll;
}
 .main_home_view_page#edit-popup .modal-header h3 {
     padding-left: 29px;
     color: white;
     padding-bottom: 10px;
     padding-top: 15px;
     font-size: 18px;
}
 .main_home_view_page .key-data-main-heading h4 {
     font-weight: bold;
     padding-left: 31px;
     margin: 0 !important;
     font-size: 20px;
}
 .main_home_view_page#edit-popup hr {
     width: 90%;
}
 .main_home_view_page .main-image-sec-cus img {
     width: 100%;
     position: relative;
}
 .main_home_view_page .main-image-sec-cus p {
     color: black !important;
     padding-left: 29px;
     padding: 10px 17px;
}
 .main_home_view_page .main-image-sec-cus input[type=file] {
     display: block;
     position: absolute;
     top: 40px;
     padding: 90px 0;
     opacity: 0;
}
 .main_home_view_page#edit-popup .modal-body a {
     float: left;
}
 .main_home_view_page .key-data-main-heading1 h4 {
     font-weight: bold;
     margin: 0 !important;
     font-size: 20px;
}
/* #edit-popup .col-md-6, #edit-popup .col-md-12 {
     padding: 0 30px 0 30px !important;
     margin-bottom: 10px;
}
 */
 .main_home_view_page#edit-popup label {
     font-weight: 400;
     text-transform: uppercase;
     display: block;
}
 .main_home_view_page .edit-main-form-input-sec input.form-control, .main_home_view_page .edit-main-form-input-sec select {
     padding: 20px 10px;
     background: #eee;
     border: none;
     margin-bottom: 10px;
     box-shadow: none;
}
 .main_home_view_page .edit-main-form-input-sec textarea {
     padding: 7px 10px;
     background: #eee;
     border: none;
     margin-bottom: 10px;
     box-shadow: none;
     width: 100%;
}
 .main_home_view_page .key-data-main-heading1 h4 {
     margin-bottom: 10px !important;
}
 .main_home_view_page body > section:nth-child(1) > div > div {
     background-color: inherit;
}
 .main_home_view_page .key-data-main-heading h3 {
     font-weight: 600;
     padding-left: 0px;
     font-size: 22px;
     padding-top: 40px;
     font-family: Montserrat-Bold;
     color: black;
}
 .main_home_view_page#view-popup .modal-body p {
     margin-bottom: 0;
     padding-top: 5px;
     color: #5f5f5f !important;
     font-size: 14px;
    /* opacity: 0.4;
     */
}
 .main_home_view_page#view-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background-color: #111f2c;
     border-top-left-radius: 5px !important;
     font-size: 18px;
}
 .main_home_view_page#view-popup .modal-header h3 {
     padding-left: 0;
     color: white;
     padding-bottom: 0;
     margin-bottom: 0;
     font-size: 18px;
}
 .main_home_view_page#view-popup .modal-body {
     overflow-y: scroll;
     padding: 6px 30px;
}
 .main_home_view_page .col-mad-12.key-data-main-heading {
     width: 100%;
}
 .main_home_view_page#view-popup .modal-body h4 {
     font-size: 14px;
     padding: 10px 0;
}
 .main_home_view_page#view-popup .modal-header button.close {
     margin-top: -2px;
     position: absolute;
     right: -5px !important;
     top: -5px;
     color: white !important;
     background: #dd1f26;
     opacity: 1;
     padding: 3px 7px !important;
     border-radius: 50%;
     z-index: 12 !important;
}
 .main_home_view_page .row.main-home-home-table-sec-cus1 {
     margin-top: 20px;
     margin-bottom: 30px !important;
}
 .main_home_view_page .col-md-3.Recruitmtnt-main-section2 {
     background-color: #1a75bc;
     padding-bottom: 60px;
     max-width: 20%;
}
 .main_home_view_page#edit-popup .modal-dialog {
     max-width: 700px;
}
 .main_home_view_page#view-popup .modal-dialog {
     max-width: 700px;
}
 .main_home_view_page#add-new-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background-color: black;
     border-top-left-radius: 5px !important;
}
 .main_home_view_page#add-new-popup .modal-body {
     overflow-y: scroll;
}
 .main_home_view_page#add-new-popup .modal-header h3 {
     padding-left: 29px;
     color: white;
     padding-bottom: 10px;
     padding-top: 15px;
}
 .main_home_view_page#add-new-popup hr {
     width: 90%;
}
 .main_home_view_page#add-new-popup .modal-body a {
     background: orange;
     padding: 6px 30px;
     color: white;
     text-decoration: none;
     border-radius: 3px;
     float: right;
     margin-top: 120px;
}
 .main_home_view_page#add-new-popup .col-md-6, .main_home_view_page #add-new-popup .col-md-12 {
     padding: 0 30px 0 30px !important;
     margin-bottom: 10px;
}
 .main_home_view_page#add-new-popup label {
     font-weight: 400;
     text-transform: uppercase;
     display: block;
}
 .main_home_view_page#add-new-popup .modal-dialog {
     max-width: 700px;
}
 .main_home_view_page .with_reminder_btn_date a {
     margin: 0 !important;
     float: none !important;
     background: transparent !important;
     color: black !important;
     padding: 0 !important;
}
 .main_home_view_page#view-popup .modal-content {
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px;
     border: 0 !important;
}
 .main_home_view_page#view-popup .col-md-6 , .main_home_view_page#view-popup .col-md-12{
     padding-left: 0;
}
 .main_home_view_page .job-adverts-main-add-new-item-popup .modal-body {
     padding: 0px 15px 9px;
}
 .main_home_view_page .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 20px 0;
     flex: 100%;
     border-radius: 10px;
}
 .main_home_view_page .col-md-9.Recruitmtnt-main-section3 {
     background-color: #f4f4f4;
     max-width: 80%;
     flex: 80%;
     padding-bottom: 50px;
}
 .main_home_view_page h1 {
     margin: 20px 0px 20px;
     color: #5f5f5f;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 25px;
}
 .main_home_view_page p.reffrals-text {
     margin: 0 25px 20px;
}
 .main_home_view_page .col-md-12 hr.black-border {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid black;
}
 .main_home_view_page .row.signe-row-cus h1.signed-title span {
     font-size: 15px;
}
 .main_home_view_page .row.signe-row-cus {
     width: 100%;
}
 .main_home_view_page .row.signe-row-cus textarea#exampleFormControlTextarea1 {
     margin-top: 40px;
     border: 1px solid;
}
 .main_home_view_page .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 90%;
     margin: 20px 30px;
     flex: 90%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
}
 .main_home_view_page.tabcontent {
     float: left;
     padding: 0px 6px;
     width: 100%;
     border-left: none;
     height: unset;
}
 .main_home_view_page .main-reffral-form-cus .form-row {
     padding: 10px 25px;
}
 .main_home_view_page .main-reffral-form-cus .form-row .col-12, .main_home_view_page .main-reffral-form-cus .form-row .col-6 {
     padding: 10px 15px;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile img {
     max-width: 100%;
     margin-left: 10px;
     vertical-align: middle;
     margin-top: 15px;
     width: 180px;
     height: 180px;
     object-fit: contain;
     object-position: center;
     border-radius: 10px;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile {
     padding-bottom: 0;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile .form-row {
     padding: 0px 0px;
     padding-left: 0;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile .form-row.btn-row {
     width: 100%;
}
 .main_home_view_page .resident-profile a.resident-profile-bts {
     display: block;
     text-align: center;
     font-size: 12px;
     padding: 10px 5px !important;
     margin-right: 0 !IMPORTANT;
     margin: 0 10px;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile h2.left-side-text, .main_home_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
     width: 49%;
     display: inline-block;
     padding: 2px 10px;
     font-size: 14px;
     margin-top: 10px;
}
 .main_home_view_page .profile-bar-left h2.left-side-text, .main_home_view_page .profile-bar-left h2.Right-side-text {
     padding: 5px 10px !IMPORTANT;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile hr.black-border {
     margin-top: 0;
     margin-bottom: 0;
     border: 0;
     border-top: 1px solid rgba(0, 0, 0, .1);
}
 .main_home_view_page .resident-profile {
     max-width: 100%;
     margin: 20px 0px;
     flex: 100%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
}
 .main_home_view_page .resident-profile a.resident-profile-bts i {
     padding-right: 6px;
     display: none;
}
 .main_home_view_page .resident-profile a.resident-profile-bts.first {
     background: #8ec63f;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .main_home_view_page .resident-profile a.resident-profile-bts.second {
     background: #40a4c6;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .main_home_view_page .resident-profile a.resident-profile-bts.third {
     background: #f99621;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .main_home_view_page .resident-profile a.resident-profile-bts.fourth {
     background: #4576bb;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .main_home_view_page .resident-profile a.resident-profile-bts.five {
     background: #7a5ea8;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .main_home_view_page .resident-profile a.resident-profile-bts.six {
     background: #c7549f;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile.buttons-row {
     padding-bottom: 0;
     padding: 20px 20px 50px 20px !important;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.left-side-text {
     width: 75%;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text {
     width: 23%;
     margin: 5px 0 5px 0;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a {
     width: 100%;
     display: block;
     text-align: center;
     padding: 8px 10px;
     float: unset !IMPORTANT;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.first-btn {
     background: #53ba61;
     color: white;
     border-radius: 7px;
     float: right;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.second-btn {
     background: #d03233;
     color: white;
     border-radius: 7px;
     float: right;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.third-btn {
     background: transparent;
     border: 1px solid #717171;
     color: #717171;
     border-radius: 7px;
     float: right;
}
 .main_home_view_page .col-md-12.tracker-title h1 {
     margin-top: 25px !important;
     font-size: 23px;
}
 .main_home_view_page .col-md-6.main-two-col {
     margin: 0 10px;
     display: inline-block;
     max-width: 48%;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile.inner-btn-row {
     padding: 15px 0px;
     margin-top: 20px;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile .form-row .col-4 {
     padding: 5px 0;
}
 .main_home_view_page .main-reffral-form-cus.resident-profile .form-row.btn-row {
     width: 100%;
     padding: 5px 10px;
}
 .main_home_view_page button.main-save {
     margin: 0 auto 10px;
     display: block;
}
 .main_home_view_page .upload-btn-wrapper {
     position: relative;
     overflow: hidden;
     display: inline-block;
     width: 100%;
}
 .main_home_view_page .upload-btn-wrapper a {
     border: none;
     color: white !important;
     background-color: white;
     padding: 6px 20px;
     border-radius: 8px;
     font-size: 18px;
     font-weight: bold;
     background: #f89520;
     display: block;
     text-align: center;
     width: 90%;
}
 .main_home_view_page .upload-btn-wrapper input[type=file] {
     font-size: 13px;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     background: none;
     height: 40px;
     margin-bottom: 0 !important;
}
 .main_home_view_page .general-information-1 select {
     background-image: url(../images/back_black.png);
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: right;
}
 .main_home_view_page .modal select {
     background-image: url(../images/back_black.png);
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: right;
     padding-right: 25px !important;
}
/*Icon Date Picker*/
 .main_home_view_page .with_reminder_btn_date .input-group.date {
     position: absolute;
     display: inline;
     width: auto !important;
}
 .main_home_view_page .edit-main-form-input-sec .input-group.date input.form-control {
     display: none;
}
/* Vehicle View page css*/
 .vehicle_view_page#edit-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background-color: #111f2c;
     border-top-left-radius: 5px !important;
}
 .vehicle_view_page#edit-popup .modal-body {
     overflow-y: scroll;
     padding-top: 30px;
}
 .vehicle_view_page#edit-popup .modal-header h3 {
     padding-left: 29px;
     color: white;
     padding-bottom: 10px;
     padding-top: 15px;
     font-size: 18px;
}
 .vehicle_view_page .key-data-main-heading h3 {
     font-weight: bold;
     padding-left: 31px;
     margin: 0 !important;
     font-size: 14px;
}
 .vehicle_view_page .key-data-main-heading h4, .vehicle_view_page .key-data-main-heading1 h4 {
     font-weight: bold;
     padding-left: 31px;
     margin: 0 !important;
     font-size: 20px;
}
 .vehicle_view_page#edit-popup hr {
     width: 90%;
}
 .vehicle_view_page .main-image-sec-cus img {
     width: 100%;
     position: relative;
}
 .vehicle_view_page#edit-popup label {
     font-weight: 400;
     text-transform: uppercase;
     display: block;
}
 .vehicle_view_page .edit-main-form-input-sec input.form-control, .vehicle_view_page .edit-main-form-input-sec select {
     padding: 20px 10px;
     background: #eee;
     border: none;
     margin-bottom: 10px;
     box-shadow: none;
}
 .vehicle_view_page .employee-detail-cust {
     text-align: center;
}
 .vehicle_view_page .employee-detail-cust-1 {
     background: orange;
     padding: 6px 30px;
     color: white;
     text-decoration: none;
     border-radius: 3px;
     border: none;
}
 .vehicle_view_page .key-data-main-heading1 h4 {
     margin-bottom: 10px !important;
}
 .vehicle_view_page .key-data-main-heading h3 {
     font-weight: 600;
     padding-left: 0;
     padding-bottom: 0px;
     font-size: 20px;
     padding-top: 10px;
     font-family: Montserrat-Bold;
     color: black;
}
 .vehicle_view_page#view-popup .modal-body p {
     margin-bottom: 0;
     padding-top: 5px;
     color: #000 !important;
     font-size: 14px;
     opacity: 0.4;
}
 .vehicle_view_page#view-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background-color: #111f2c;
     border-top-left-radius: 5px !important;
}
 .vehicle_view_page#view-popup .modal-header h3 {
     padding-left: 0;
     color: white;
     padding-bottom: 0;
     margin-bottom: 0;
     font-size: 18px;
}
 .vehicle_view_page#view-popup .modal-body {
     overflow-y: scroll;
}
 .vehicle_view_page .col-mad-12.key-data-main-heading {
     width: 100%;
}
 .vehicle_view_page#view-popup .modal-body h4 {
     font-size: 14px;
     padding: 10px 0;
}
 .vehicle_view_page#view-popup .modal-header button.close {
     margin-top: -2px;
     position: absolute;
     right: -5px !important;
     top: -5px;
     color: white !important;
     background: #dd1f26;
     opacity: 1;
     padding: 3px 7px !important;
     border-radius: 50%;
     z-index: 12 !important;
}
 .vehicle_view_page .row.main-home-home-table-sec-cus1 {
     margin-top: 20px;
     margin-bottom: 30px !important;
}
 .vehicle_view_page#edit-popup .modal-dialog {
     max-width: 700px;
}
 .vehicle_view_page#view-popup .modal-dialog {
     max-width: 700px;
}
 .vehicle_view_page#add-new-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background-color: black;
     border-top-left-radius: 5px !important;
}
 .vehicle_view_page#add-new-popup .modal-body {
     overflow-y: scroll;
}
 .vehicle_view_page#add-new-popup .modal-header h3 {
     padding-left: 29px;
     color: white;
     padding-bottom: 10px;
     padding-top: 15px;
}
 .vehicle_view_page#add-new-popup hr {
     width: 90%;
}
 .vehicle_view_page#add-new-popup .col-md-6, .vehicle_view_page#add-new-popup .col-md-12 {
     padding: 0 30px 0 30px !important;
     margin-bottom: 10px;
}
 .vehicle_view_page#add-new-popup label {
     font-weight: 400;
     text-transform: uppercase;
     display: block;
}
 .vehicle_view_page#add-new-popup .modal-dialog {
     max-width: 700px;
}
 .vehicle_view_page .with_reminder_btn_date a {
     margin: 0 !important;
     float: none !important;
     background: transparent !important;
     color: black !important;
     padding: 0 !important;
}
 .vehicle_view_page#view-popup .modal-content {
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px;
     border: 0 !important;
}
 .vehicle_view_page#view-popup .col-md-6 {
     padding-left: 0;
}
 .vehicle_view_page .job-adverts-main-add-new-item-popup .modal-body {
     padding: 0px 15px 9px;
}
 .vehicle_view_page .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 20px 0;
     flex: 100%;
     border-radius: 10px;
}
 .vehicle_view_page h1 {
     margin: 20px 0px 20px;
     color: #5f5f5f;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 25px;
}
 .vehicle_view_page p.reffrals-text {
     margin: 0 25px 20px;
}
 .vehicle_view_page .col-md-12 hr.black-border {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid black;
}
 .vehicle_view_page .row.signe-row-cus h1.signed-title span {
     font-size: 15px;
}
 .vehicle_view_page .row.signe-row-cus {
     width: 100%;
}
 .vehicle_view_page h1.second-title {
     margin-top: 20px;
     text-transform: capitalize;
}
 .vehicle_view_page .row.signe-row-cus .col-6.date-input {
     max-width: 40%;
     margin: 30px 50px;
}
 .vehicle_view_page .row.signe-row-cus .col-6.date-input label {
     font-weight: 600;
     color: #5f5f5f;
}
 .vehicle_view_page .row.signe-row-cus .col-6 input[type="date"]::-webkit-inner-spin-button {
     display: none;
}
 .vehicle_view_page .col-12 button.main-save {
     background: #8dc640;
     color: white;
     font-weight: 300;
     padding: 5px 15px;
     border-radius: 8px;
     margin: 20px 25px;
}
 .vehicle_view_page .row.signe-row-cus .col-6 input.form-control {
     border: 1px solid;
     border-radius: 5px;
     padding: 25px 10px;
}
 .vehicle_view_page .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 90%;
     margin: 20px 30px;
     flex: 90%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
}
 .vehicle_view_page .main-reffral-form-cus h4 {
     background: #111f2c;
     color: white;
     padding: 20px 15px;
     font-size: 18px;
     border-radius: 10px 10px 0px 0px;
     font-weight: 600;
}
 .vehicle_view_page .main-reffral-form-cus .form-row {
     padding: 10px 25px;
}
 .vehicle_view_page .main-reffral-form-cus .form-row input.form-control, .vehicle_view_page .main-reffral-form-cus .form-row textarea.form-control {
     background-color: #e9e7e8;
     border: none;
     border-radius: 5px;
     padding: 25px 10px;
}
 .vehicle_view_page .main-reffral-form-cus .form-row .col-12, .vehicle_view_page .main-reffral-form-cus .form-row .col-6 {
     padding: 10px 15px;
}
 .vehicle_view_page .select_related_forms_btn {
     background: #f89520 !important;
     margin-top: 20px;
}
 .vehicle_view_page .main-reffral-form-cus .form-row label {
     font-weight: 600;
     color: #5f5f5f;
}
 .vehicle_view_page .bigtextarea {
     width: 95%;
     margin: 0 auto;
}
 .vehicle_view_page .main-reffral-form-cus .form-row input[type=date]::-webkit-inner-spin-button {
     -webkit-appearance: none;
     display: none;
}
 .vehicle_view_page .main-reffral-form-cus .form-row .col-6.gender-field .col-6 {
     flex: 30% !important;
     max-width: 30%;
}
 .vehicle_view_page .main-reffral-form-cus .col-12 h3.form-middle-titile {
     text-align: center;
     font-size: 20px;
     font-weight: 600;
     color: #5f5f5f;
     padding: 10px 0;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile img {
     max-width: 100%;
     margin-left: 10px;
     vertical-align: middle;
     margin-top: 15px;
     width: 180px;
     height: 180px;
     object-fit: cover;
     object-position: center;
     border-radius: 10px;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile {
     padding-bottom: 0;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile .form-row {
     padding: 0px 0px;
     padding-left: 0;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile .form-row.btn-row {
     width: 100%;
}
 .vehicle_view_page .resident-profile a.resident-profile-bts {
     display: block;
     text-align: center;
     font-size: 12px;
     padding: 10px 5px !important;
     margin-right: 0 !IMPORTANT;
     margin: 0 10px;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile h2.left-side-text, .vehicle_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
     width: 49%;
     display: inline-block;
     padding: 2px 10px;
     font-size: 14px;
     margin-top: 10px;
}
 .vehicle_view_page .profile-bar-left h2.left-side-text, .vehicle_view_page .profile-bar-left h2.Right-side-text {
     padding: 5px 10px !IMPORTANT;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile hr.black-border {
     margin-top: 0;
     margin-bottom: 0;
     border: 0;
     border-top: 1px solid rgba(0, 0, 0, .1);
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile hr.black-border:last-child {
     display: none;
}
 .vehicle_view_page .resident-profile {
     max-width: 100%;
     margin: 20px 0px;
     flex: 100%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row {
     padding-bottom: 0;
     padding: 20px 20px 50px 20px !important;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row .form-row {
     padding: 0px 0px;
     padding-left: 0;
     text-align: center;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row .form-row.second {
     margin-top: 30px;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row h1 {
     margin: 10px;
     margin-bottom: 20px;
     text-transform: capitalize;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
 .vehicle_view_page .resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
 .vehicle_view_page .resident-profile.buttons-row {
     margin-bottom: 0;
     padding: 20px 13px;
     margin-top: 0;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row {
     margin-bottom: 30px;
}
 .vehicle_view_page .resident-profile.buttons-row h1 {
     margin-top: 0;
     margin-left: 0;
     text-transform: capitalize;
}
 .vehicle_view_page .resident-profile.buttons-row h2.small-heading {
     color: #5f5f5f;
     font-family: Montserrat;
     text-align: left;
     font-size: 18px;
     margin-bottom: 20px;
     margin-top: 10px;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row {
     padding: 0px 15px;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.left-side-text {
     width: 75%;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text {
     width: 23%;
     margin: 5px 0 5px 0;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a {
     width: 100%;
     display: block;
     text-align: center;
     padding: 8px 10px;
     float: unset !IMPORTANT;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.first-btn {
     background: #53ba61;
     color: white;
     border-radius: 7px;
     float: right;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.second-btn {
     background: #d03233;
     color: white;
     border-radius: 7px;
     float: right;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.third-btn {
     background: transparent;
     border: 1px solid #717171;
     color: #717171;
     border-radius: 7px;
     float: right;
}
 .vehicle_view_page .col-md-12.tracker-title h1 {
     margin-top: 25px !important;
     font-size: 23px;
}
 .vehicle_view_page .col-md-6.main-two-col {
     margin: 0 10px;
     display: inline-block;
     max-width: 48%;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.inner-btn-row {
     padding: 15px 25px;
}
 .vehicle_view_page .main-two-col:nth-child(2) h1 {
     margin: 20px 0px 20px;
     color: #5f5f5f;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 22px;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile .form-row .col-4 {
     padding: 5px 0;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile .form-row.btn-row {
     width: 100%;
     padding: 5px 5px;
}
 .vehicle_view_page .progress-bar:before {
     content: "27%";
     font-size: 20px;
     position: absolute;
     background-color: #d77d27;
     color: white;
     padding: 0px 15px;
     border-radius: 5px;
     margin-left: -110px;
}
 .vehicle_view_page .main-div3 {
     background: #f99621;
     padding: 15px 15px;
     width: 100%;
     border-radius: 5px;
}
 .vehicle_view_page .progress {
     background: #d77d27;
     margin-left: 120px;
     width: 65%;
}
 .vehicle_view_page .progress {
     background: #d77d27;
}
 .vehicle_view_page .progress-bar {
     background: white;
     color: #dc7e27;
}
 .vehicle_view_page .row.form-group.name {
     border-bottom: 1px solid #ccc;
     width: 100%;
     margin: 0px auto 5px;
}
 .vehicle_view_page#view-incident .modal-dialog {
     max-width: 700px;
}
 .vehicle_view_page#view-incident .modal-header {
     border-top: none;
     border-radius: 2px !important;

     background-color: #111f2c;
     border-top-left-radius: 5px !important;
}
 .vehicle_view_page#view-incident .modal-header h3 {
     padding-left: 29px;
     color: white;
     padding-bottom: 10px;
     padding-top: 15px;
     font-size: 22px;
}
 .vehicle_view_page#view-incident .modal-body h4 {
     font-size: 14px;
     padding: 10px 0;
}
 .vehicle_view_page#view-incident hr {
     width: 95%;
}
 .vehicle_view_page#view-incident .modal-body p {
     margin-bottom: 0;
     padding-top: 5px;
     color: #000 !important;
     font-size: 14px;
     opacity: 0.4;
}
 .vehicle_view_page .row.form-group.name {
     margin: 10px auto 0px;
}
 .vehicle_view_page#view-incident .col-md-6 {
     padding: 0 30px 0 30px !important;
     margin-bottom: 0px;
}
 .vehicle_view_page#view-incident .col-md-12 {
     padding: 0 30px 0 30px !important;
     margin-bottom: 10px;
}
 .vehicle_view_page#view-incident label {
     font-weight: 400;
     text-transform: uppercase;
     display: block;
     font-size: 15px;
}
 .vehicle_view_page .col-md-12.save-btn {
     text-align: center;
}
 .vehicle_view_page .save-btn .resident-profile-bts.choices_btn_green {
     margin: 10px auto !important;
     float: none;
}
 .vehicle_view_page#view-incident .edit-main-form-input-sec textarea {
     padding: 10px 10px;
     background: #eee;
     border: none;
     margin-bottom: 10px;
     box-shadow: none;
}
 .vehicle_view_page#view-incident .edit-main-form-input-sec input[type="text"] {
     padding: 7px 15px;
     background: #eee;
     border: none;
     margin-bottom: 10px;
     box-shadow: none;
     border-radius: .25rem;
     width: 100%;
}
 .vehicle_view_page#view-incident .row.form-group.edit-main-form-input-sec {
     padding-top: 20px;
}
/*Upload Popup*/
 .vehicle_view_page#upload-doc .modal-dialog {
     margin: 15vh auto;
}
 .vehicle_view_page#upload-doc .modal-content {
     width: 70%;
     box-shadow: 0px 0px 21px -6px rgb(0 0 0 / 75%);
}
 .vehicle_view_page#upload-doc h5 {
     font-weight: 500;
     font-size: 16px;
     font-family: Montserrat-Bold;
     color: black;
     padding: 10px 10px;
}
 .vehicle_view_page#upload-doc .modal-body a {
     background: orange;
     border-radius: 3px;
     float: left;
     font-size: 15px;
     width: 70%;
}
 .vehicle_view_page .main-reffral-form-cus.resident-profile.firstt-left-side.pik {
     height: 530px;
}
 .vehicle_view_page .view-incident .modal-body a.linkclick {
     float: none !important;
     padding: 0px !important;
     background: #fff !important;
     color: #000 !important;
     margin: 0px !important;
     border: none !important;
}
 .vehicle_view_page a.btn.btn-danger {
     float: left !important;
     margin: 0px !important;
}
.view-uploaded-file.disabled {
    opacity: 0.7;
}

.view-uploaded-file.disabled:hover {
    cursor: not-allowed;
    background-color: unset !important;
}
.Recruitmtnt-main-section3 select ~ button.dropdown-toggle{
    padding: 5px 10px !important;
    border: none;
    box-shadow: 0 0 10px #ccc;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    width: 100% !important;
    display: block;
    padding-right: 30px !IMPORTANT;
}
.Recruitmtnt-main-section3 select#form ~ .dropdown-menu{
    max-width: 100%;
}

 @media only screen and (max-width: 991px) {
    /*Top Notification */
     .inside_notifications .col-md-3 {
         flex: 0 0 25% !important;
         max-width: 25% !important;
    }
    /*Inside Form List page*/
     .main-job-advert-table-sec-cus1.inside-forms table {
         max-width: 950px;
         flex: 950px;
         width: 950px;
         box-shadow: 0 0 10px #ccc;
         border-radius: 10px !important;
         overflow: hidden !IMPORTANT;
    }
    /*Main Step Form Reffrals*/
     .main_referrals_step_form .acknowledgement_main_form1 .col-6 {
         margin-bottom: 50px;
         max-width: 100% !important;
         flex: 100% !important;
         padding: 0 15px 0 15px !important;
    }
    /*Recruitment pages*/

    .main_recruitment_page .col-md-3.one {
    flex: 0 0 44% !important;
    max-width: 44% !important;
    margin: 20px 15px;
}
    /*Job Advert*/
     .job_advert_page_cus .col-md-3 {
         max-width: 50% !important;
         flex: 50% !important;
         margin-bottom: 20px;
    }
     .job_advert_page_cus .job-advert-main-section-btn, .main-table-btn-cusc {
    max-width: 100% !important;
    flex: 100% !important;
    width: 100% !important;
    margin: 5px 0 20px;
}
     .job_advert_page_cus .col-md-10 {
         max-width: 100%;
         flex: 100;
    }
     .job_advert_page_cus .main-job-advert-table-sec-cus1 table {
         display: inline-table !important;
    }
     .job_advert_page_cus.matrics-popup .modal-dialog {
         margin: 25px auto;
         max-width: 95% !important;
    }
     .job_advert_page_cus.matrics-popup .modal-dialog .row.form-group.name .col-md-6 input.form-control {
         width: 100%;
         margin-bottom: 30px;
    }
     .job_advert_page_cus .row.main-job-advert-table-sec-cus1 table {
         width: 1200px !important;
    }

    /*Candidate*/

/*Document*/

.document_upload table.fire-extinguisher-check-1 {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}


    /*Interview */
     .interview_page_cus h1 {
         margin-bottom: 20px;
    }
    /*reffrence*/
     .refrence_page_cus .main-refrence-table-sec-cus2 table {
         width: 1000px !important;
         margin: 0 !important;
    }
    /*DBS CVheck*/
     .dbs_check_page .main-job-advert-table-sec-cus4 table {
         width: 1000px !important;
         max-width: 1000px !important;
         display: inline-table !IMPORTANT;
    }
     .dbs_check_page .reports-responsive table.filter_data {
         max-width: 1000px;
         width: 1000px;
    }
    /*Schedule page*/
     .schedule_main_page div#RECRUITMENT .five-col {
         padding: 0 10px;
         width: 20%;
         max-width: 50% !important;
         flex: 50% !important;
         margin-bottom: 20px;
    }
     .schedule_main_page .file_upload_custom_main h3 {
         border: 1px dotted black;
         text-align: center;
         padding: 20px 15px;
         width: 90% !important;
         font-size: 16px;
         position: absolute;
         height: 140px;
         left: 0;
         right: 0;
         top: 12px;
    }
     .schedule_main_page h1 {
         margin: 25px 0 !IMPORTANT;
    }
    /*New starter*/
     .new_starters_page .row.main-newstarter-table-sec-cus table {
         width: 1200px !important;
         max-width: 1200px !important;
         display: inline-table !important;
         margin: 0;
    }
    /* Probation*/
     .main-job-advert-table-sec-cus1 {
         margin: 20px 0 0 !IMPORTANT;
    }
    /* refrence*/
     .refrence_page_cus .main-refrence-table-sec-cus2 table {
         width: 1000px !important;
         margin: 0 !important;
    }
    /*Referrals Pages*/
    /*Main page referrals*/
     .main_refferals_page .main-home-home-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 947px;
         margin: 0 0px;
         flex: 947px;
         border-radius: 10px;
         overflow: unset !IMPORTANT;
         width: 1000px;
         display: table;
    }
     .main_refferals_page .col-4 {
         max-width: 50%;
         flex: 50%;
         margin-bottom: 20px;
    }
    /*Referrals View*/
     .view_referrals_page .home-add-btn-cus a {
         background: #8ec63f;
         padding: 10px 30px;
         color: white;
         float: right;
         border-radius: 5px;
         margin-top: 40px;
         margin-bottom: 20px;
    }
     .view_referrals_page .main-home-home-table-sec-cus1 {
         margin-top: 30px;
         overflow: scroll;
    }
     .view_referrals_page .main-home-home-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 947px;
         margin: 0 0px;
         flex: 947px;
         border-radius: 10px;
         overflow: hidden !important;
         width: 947px;
    }
     .view_referrals_page .row.form-group.email-row-main .col-md-7 {
         padding: 0 30px 0px 30px;
    }
     .view_referrals_page .row.form-group.email-row-main .col-md-5.check-box-col {
         padding: 0px 15px;
    }
     .view_referrals_page h2.main-heading-header-first-cus {
         right: -130px;
         font-size: 18px;
    }
     .view_referrals_page h4.main-heading-header-second-cus {
         right: -155px;
         font-size: 13px;
    }
    /*Reffrals Databse*/
     .referrals_database_page .col-4 {
         max-width: 50% !important;
         flex: 50%;
    }
     .referrals_database_page .col-3 {
         max-width: 50% !important;
         flex: 50%;
    }
     .referrals_database_page .main-job-advert-table-sec-cus1 table {
         max-width: 100%;
         flex: 100;
         box-shadow: 0 0 10px #ccc;
         border-radius: 10px !important;
         overflow: unset !IMPORTANT;
         width: 1000px !IMPORTANT;
    }
    /*email & documents*/
     .email_document_refrrals .col-4 {
         max-width: 50% !important;
         flex: 50%;
         margin-bottom: 20px;
    }
     .email_document_refrrals .col-4 button.resident-profile-bts {
         display: block;
         width: 100%;
    }
     .email_document_refrrals .col-3 {
         max-width: 50% !important;
         flex: 50%;
    }
     .email_document_refrrals .col-md-8 {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .email_document_refrrals .buttons_row .col-2 {
         margin-top: 15px;
    }
    /*matrix pages*/
     .matching_metrix_1 .main-home-home-table-sec-cus1 {
         margin-top: 30px;
         overflow: scroll;
    }
     .matching_metrix_1 .main-home-home-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 947px;
         margin: 0 0px;
         flex: 947px;
         border-radius: 10px;
         overflow: hidden !important;
         width: 947px;
    }
     .maching_matrix_2 .main-home-home-table-sec-cus1 {
         margin-top: 30px;
         overflow: scroll;
    }
     .maching_matrix_2 .main-home-home-table-sec-cus1 table {
         box-shadow: 0;
         max-width: 947px;
         margin: 0 0px;
         flex: 947px;
         border-radius: 0px;
         overflow: none;
         width: 947px;
    }
    /*Homes*/
     .independance-work-page .main-reffral-form-cus.resident-profile .col-8, .independance-work-page .main-reffral-form-cus.resident-profile .col-2 {
         padding: 5px 15px;
         align-self: center;
         max-width: 100% !IMPORTANT;
         flex: 100% !important;
    }
     .independance-work-page .acknowledgement_main_form1 .form-check label {
         width: 65%;
    }
     .independance-work-page .Candidates-main-section-btn a {
         width: 100%;
         text-align: center;
    }
     .independance-work-page .row.two-btn-cus .col-md-4, .row.two-btn-cus .col-md-3 {
         max-width: 50% !important;
         flex: 50%;
    }
     .independance-work-page .resident-profile {
         margin: 30px 0px !important;
    }
    /*Employee Pages*/
     .employee_attendance_record .tabcontent .main-job-advert-table-sec-cus4 table {
         width: 1000px !IMPORTANT;
         max-width: 1000px !important;
    }
     .employee_attendance_record .attendance-search-form-1 {
         margin-left: 20px;
         max-width: 100% !IMPORTANT;
    }
    /*Disciplinary*/
     .employee_disciplinary_detail .col-md-6.past-monthly-reviews-1 {
         max-width: 100% !important;
    }
     .employee_disciplinary_detail .col-md-4.job-advert-main-section-btn4 {
         max-width: 100%;
         flex: 100%;
    }
    /*Document Cat*/
     .employee_documents_categories .col-md-6.main-two-col {
         margin: 0 10px;
         display: inline-block;
         max-width: 100% !important;
         flex: 100%;
    }
     .employee_documents_categories .main-reffral-form-cus .form-row .col-12, .employee_documents_categories .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 50px;
    }
    /*Performance*/
     .employee_performance_review .main-home-home-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 1000px;
         margin: 0 0px;
         flex: 1000PX;
         border-radius: 10px;
         overflow: UNSET !important;
         width: 1000PX;
         display: INLINE-TABLE !important;
    }
    /*Supervison*/
     .employee_supervision_history .col-4 {
         max-width: 50% !important;
         flex: 50% !important;
         margin-bottom: 20px;
    }
    /*Resident pages*/
     .resident_clothing .col-5, .resident_clothing .col-4, .resident_clothing .col-2, .resident_clothing .col-8, .col-3 {
         max-width: 100%;
         flex: 100%;
         margin-bottom: 20px;
    }
    /*consequence*/
     .consequencelog_resident .col-md-8 {
         max-width: 100%;
         flex: 100%;
    }
     .consequencelog_resident .col-md-4.Candidates-main-section-btn {
         align-self: center;
         max-width: 50% !important;
         flex: 50%;
         margin-top: 20px;
         margin-bottom: 20px;
    }
     .consequencelog_resident .row.main-refrence-table-sec-cus2 table {
         margin: 0 !IMPORTANT;
         max-width: 1000px;
         display: inline-table;
         width: 1000px;
    }
    /*education*/
     .res_education_tracker a.education-btn {
         margin-top: 0px;
         float: left;
    }
     .res_education_tracker .main-resident-resident-table-sec-cus1 table {
         width: 1000px !important;
         max-width: 1000px !important;
    }
     .res_education_tracker .col-md-6.before-btn {
         max-width: 100%;
         flex: 100%;
    }
     .res_education_tracker .col-md-6.main-btn-col {
         max-width: 100%;
         flex: 100%;
         padding-top: 20px;
    }
    /*Management Access*/
    /*Admin setting main*/
     .admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row .form-row .col-3 {
         align-self: center;
         max-width: 50%;
         flex: 50%;
    }
     .managment_view_succes_login .edit-main-form-input-sec .col-md-4, .managment_view_succes_login .edit-main-form-input-sec .col-md-2 {
         max-width: 100%;
         flex: 100%;
         padding-left: 0;
    }
    /*Set Permission*/
     .management_set_permission_page .main-form-radio-cus label.radio-button {
         display: inline-block;
         margin: 0 30px 10px;
    }
    /*Monthly Review*/
     .managment_monthly_review_page .panel-inner-data-main-row-cus .col-md-3 {
         text-align: center;
         max-width: 50% !IMPORTANT;
         flex: 50% !IMPORTANT;
    }
    /*Monthly Review*/
     .managment_monthly_review_page .col-md-2.panel-inner-data-main-colom-cus2 {
    max-width: 50% !important;
    flex: 50% !important;
    text-align: center;
    padding: 0 5px !important;
    margin: 10px auto;
}
    /* Resident EMployee View Page*/
     .main_employee_resident_view_page {
         background-color: #f4f4f4;
         max-width: 100%;
         flex: 100%;
    }
     .main_employee_resident_view_page .col-md-6.main-two-col {
         margin: 0 10px;
         display: inline-block;
         max-width: 100%;
         flex: 100%;
    }
     .main_employee_resident_view_page .col-12 {
         max-width: 100% !important;
    }
     .main_employee_resident_view_page .acknowledgement_main_form1 .col-6 {
         padding: 0 20px 0 20px !important;
         margin-bottom: 25px;
         margin-top: 25px;
         max-width: 100% !important;
         flex: 100% !important;
    }
     .main_employee_resident_view_page .main-reffral-form-cus .form-row .col-12, .main_employee_resident_view_page .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 20px;
    }
     .main_employee_resident_view_page .main-reffral-form-cus.resident-profile img {
         width: 45%;
         border-radius: 10px 10px 10px 10px;
    }
     .main_employee_resident_view_page > form > div > div:nth-child(1) > div.main-reffral-form-cus.resident-profile > div > div:nth-child(1) {
         padding: 10px 10px;
    }
    /* View Vehicle Page*/
     .vehicle_view_page .col-md-6.main-two-col {
         margin: 0 10px;
         display: inline-block;
         max-width: 100%;
         flex: 100%;
    }
     .vehicle_view_page .col-12 {
         max-width: 100% !important;
    }
     .vehicle_view_page .main-reffral-form-cus .form-row .col-12, .vehicle_view_page .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 20px;
    }
     .vehicle_view_page .main-reffral-form-cus.resident-profile img {
         width: 45%;
         border-radius: 10px 10px 10px 10px;
    }
    /*Management Access Pages*/
     .management_employee_month_details .main-home-home-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 947px;
         margin: 0 0px;
         flex: 947px;
         border-radius: 10px;
         overflow: scroll !important;
         width: 947px;
         display: block;
    }
     .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col {
         border-radius: 10px !IMPORTANT;
         padding: 10px 20px;
         box-shadow: 0 0 10px #ccc;
         margin: 30px 10px 0px;
         flex: 100%;
         max-width: 100% !important;
         border: none;
    }
     .management_employee_month_details .row.employee-resident-monthly-2 .col-md-7 .col-md-4 {
         max-width: 50% !IMPORTANT;
         flex: 50%;
         margin: 0 auto;
    }
     .management_employee_month_details .employee-resident-monthly-1 {
         margin: 25px 0 20px;
         padding: 0 0px 0 20px;
    }
    /*Resident resident mnthly detil*/
     .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col {
         border-radius: 10px !IMPORTANT;
         padding: 10px 20px;
         box-shadow: 0 0 10px #ccc;
         margin: 30px 10px 0px;
         flex: 100%;
         max-width: 100% !important;
         border: none;
    }
     .management_resident_month_details .row.employee-resident-monthly-2 .col-md-7 .col-md-4 {
         max-width: 50% !IMPORTANT;
         flex: 50%;
         margin: 0 auto;
    }
     .management_resident_month_details .employee-resident-monthly-1 {
         margin: 25px 0 20px;
         padding: 0 0px 0 20px;
    }
     .management_resident_month_details .employee-resident-monthly-3b label.form-check-label {
         width: 90%;
         font-size: 14px;
    }
    /*Main monthly*/
     .manag_monthly_review_main .monthly-reviews-details-3b a, .manag_monthly_review_main .monthly-reviews-details-3a a {
         display: block;
         text-align: center;
         margin: 15px 0;
         padding: 50px 20px !important;
    }
     .manag_monthly_review_main .monthly-reviews-details-3 {
         margin-top: 50px;
    }
    /*add candidate*/
     .add_candidate .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !important;
         width: 45% !important;
         border-radius: 5px !IMPORTANT;
    }
    /*Home pages*/
    /*Documents*/
     .homes_documents .col-md-6.main-two-col {
         margin: 0 10px;
         display: inline-block;
         max-width: 100% !important;
         flex: 100% !important;
    }
     .homes_documents .main-reffral-form-cus .form-row .col-12, .homes_documents .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 50px;
    }
     .homes_documents .main-reffral-form-cus.resident-profile.inner-btn-row {
         height: auto!important;
    }
    /*Homes appa*/
     .homes_apps_page .col-md-8.top-col-eight {
         max-width: 50% !important;
         flex: 100% !important;
    }
     .homes_apps_page .col-md-4.home-add-btn-cus {
         max-width: 50% !IMPORTANT;
         align-self: center;
         flex: 50;
    }
     .homes_apps_page .acknowledgement-main-activity-suit img {
         width: 100%;
         height: auto;
         padding: 20px;
         border-radius: 100px;
         object-fit: cover;
    }
    /*Activity suit*/
     .activity_suit_page .acknowledgement-main-activity-suit img {
         width: 100%;
         height: auto;
         padding: 10px;
         border-radius: 20px;
         object-fit: cover;
    }
     .activity_suit_page .acknowledgement-main-activity-suit-main-btn a {
         text-decoration: none;
         margin-right: 20px;
         margin-bottom: 20px;
    }
    /*in house education*/
     .acknowledgement_main_form a {
         width: 50% !important;
    }
     .inHouse_education_page .col-md-12.top-section-btn .col-md-4 {
         align-self: center;
         max-width: 100%;
         width: 100%;
         flex: 100%;
         margin: 10px 0;
    }
     .inHouse_education_page .col-md-8 {
         max-width: 100% !important;
         flex: 100% !IMPORTANT;
    }
     .inHouse_education_page .col-md-4.Candidates-main-section-btn {
         max-width: 100% !important;
         flex: 100%;
         margin-bottom: 30px;
    }
     .inHouse_education_page .row.main-row-table {
         padding: 0 15px;
         overflow: scroll;
    }
     .inHouse_education_page table.table.main-reffral-form-cus-table {
         overflow: scroll !important;
         width: 800px !important;
    }
    /*Independance */
     .independence-cust-1 .main-reffral-form-cus.resident-profile .col-8, .independence-cust-1 .main-reffral-form-cus.resident-profile .col-2 {
         padding: 5px 15px;
         align-self: center;
         max-width: 100% !IMPORTANT;
         flex: 100% !important;
    }
    /* Direct WOrk*/
     .direct_work_page .main-reffral-form-cus.resident-profile.buttons-row .form-row .col-5 {
         max-width: 100% !important;
         flex: 100%;
         margin: 10px 0;
    }
     .direct_work_page .resident-profile.main-reffral-form-cus {
         max-width: 100% !important;
         margin: 30px 5px !important;
         padding: 0 10px !important;
    }
     .direct_work_page h1 {
         margin: 25px 0px 20px;
    }
     .direct_work_page p.heading-below-text {
         margin-left: 0;
    }
    /*Resident Pages*/
     .resident_activity_tracker .main-refrence-table-sec-cus2 table {
         width: 1000px !important;
         max-width: 1000px;
    }
    /* Clothing*/
     .resident_clothing_itinerary form.main-clothing-inner-fom .col-md-5 {
         max-width: 50% !IMPORTANT;
         flex: 50%;
    }
     .resident_clothing_itinerary .col-md-2.Candidates-main-section-btn {
         max-width: 40% !important;
         flex: 40% !important;
         text-align: left;
    }
    /* Management Access*/
    /*Form Builder Pages*/
     .form_builder_edit_page .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !important;
         width: 45% !important;
         border-radius: 5px !IMPORTANT;
    }
}
 @media only screen and (max-width: 768px) {
    /* Top Notification*/
     .inside_notifications .left-img {
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
    }
     .inside_notifications .center-content {
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
    }
    /*Fill Forms*/
     .crmview-form-wrapper .row:last-child button {
         display: block;
         width: 80%;
         margin: 15px auto;
    }
    /* Form Task Pages*/
     .form_task_btn_page .main-home-home-table-sec-cus1 {
         width: 96%;
         box-shadow: 0 0 10px #ccc;
    }
     .form_task_btn_page .main-home-home-table-sec-cus1 table {
         display: inline-table;
    }
     .form_task_btn_page .resident-profile {
         max-width: 100%;
         margin: 10px 0px !Important;
    }
     .form_task_btn_page .documents-1-cust .col-4 {
         padding: 25px 10px !important;
         margin: 0 auto !important;
         width: 50% !important;
         max-width: 50% !important;
         flex: 50% !important;
    }
    /* Main Reffrals Step Form*/
     .main_referrals_step_form #regForm {
         margin: 0 auto;
         font-family: Raleway;
         padding: 0 0px 40px;
         width: 100%;
    }
     .main_referrals_step_form .acknowledgement_main_form1 .col-6 {
         margin-bottom: 50px;
         max-width: 100% !important;
         flex: 100% !important;
    }
     .main_referrals_step_form table.table.main-reffral-form-cus-table {
         box-shadow: 0 0 10px #ccc;
         max-width: 847px;
         margin: 0px 20px;
         flex: 847px;
         border-radius: 10px;
         overflow: scroll !important;
         width: 100%;
         display: inline-block;
    }
     .main_referrals_step_form .acknowledgement_main_form1 button {
         font-weight: 300;
         padding: 5px 50px;
         border-radius: 8px;
         margin-right: auto;
    }
    /* Recruitment Pages*/

    .main_recruitment_page .col-md-3.one .col-md-4 {
    align-self: unset;
}
.main_recruitment_page .col-md-3.one.padding-col.second .main-text p {
    padding: unset;
}
.main_recruitment_page .main-text p {
    padding: 15px 5px !IMPORTANT;
}

body .main_recruitment_page .col-md-3.one.padding-col.second .main-text p {
    padding: 15px 0px !important;
}
     .main_recruitment_page .col-md-3.one.padding-col.first .main-text p {
    padding: 10px 0px !important;
    font-size: 15px;
}
     .main_recruitment_page .col-md-3.one {
         z-index: 9 !important;
    }
    /* Candidate*/
     .edit_candidate .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !IMPORTANT;
         float: left;
         max-width: 48% !IMPORTANT;
         flex: 48%;
         float: left;
    }
     .edit_candidate .col-md-4 {
         max-width: 100%;
    }
     .edit_candidate .row.btn-row .col-md-4 a.view_document {
         position: unset;
         margin-top: 0;
    }
    /*Add candidate*/
     .add_candidate .col-md-4 {
         max-width: 100%;
    }
     .add_candidate .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !IMPORTANT;
         float: left;
         max-width: 48% !IMPORTANT;
         flex: 48%;
         float: left;
    }
    /*job advert*/
     .job_advert_page_cus .col-md-8 {
         max-width: 100% !important;
    }
     .job_advert_page_cus .col-md-3 {
         width: 100% !important;
         max-width: 100% !important;
         flex: 100% !important;
         margin-bottom: 0;
    }
     .job_advert_page_cus.matrics-popup .modal-dialog {
         margin: 25px auto;
         max-width: 95% !important;
    }
     .job_advert_page_cus .col-md-4 {
         max-width: 100%;
    }
     .job_advert_page_cus .job-advert-main-section-btn a {
         width: 100%;
         max-width: 100%;
         text-align: center;
    }
    /*Interview page*/
     .interview_page_cus .job-advert-main-section-btn a {
         padding: 5px 40px;
         text-align: center;
         margin-top: 30px;
    }
    /*Schedule*/
     .schedule_main_page div#RECRUITMENT .five-col {
         padding: 10px 10px !important;
         width: 20%;
         max-width: 100% !important;
         flex: 510% !important;
         margin-bottom: 0px;
    }
     .schedule_main_page #RECRUITMENT .col-md-4 {
         max-width: 100%;
         flex: 100% !important;
         margin: 0 10px;
    }
     .schedule_main_page .Candidates-main-section-btn a {
         width: 100%;
         text-align: center;
         margin-bottom: 25px;
    }
     .schedule_main_page #view-edit-info .modal-dialog {
         margin: 30px 40px;
    }
     .schedule_main_page .candidates-main-add-new-item-popup .modal-body .form-row .col-6 {
         max-width: 100% !important;
         flex: 100%;
    }
     .schedule_main_page .main-job-advert-table-sec-cus1 {
         margin: 20px 0 0!important;
    }
    /*Refrence page*/
     .refrence_page_cus .row.main-refrence-table-sec-cus2 {
         margin-top: 30px;
    }
     .refrence_page_cus .main-refrence-table-sec-cus2 table {
         width: 100% !important;
         margin: 0 !important;
    }
     .refrence_page_cus .row.main-refrence-table-sec-cus2 table {
         box-shadow: 0 0 10px #ccc;
         width: 100%;
         /*margin: 0 15px;*/
         border-radius: 10px;
         overflow: hidden !important;
         display: inline-table !IMPORTANT;
    }
    /* Referrals Pages*/
    /*Main Page*/
     .main_refferals_page .main-home-home-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 947px;
         margin: 0 0px;
         flex: 947px;
         border-radius: 10px;
         overflow: unset !IMPORTANT;
         width: 1000px;
         display: table;
    }
     .main_refferals_page .col-4 {
         max-width: 100%;
         flex: 100%;
         margin-bottom: 20px;
    }
     .main_refferals_page .main-reffral-form-cus.resident-profile.Home-detail-row {
         margin: 30px 15px;
    }
     .matching_metrix_1 .main-home-home-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 947px;
         margin: 0 0px;
         flex: 947px;
         border-radius: 10px;
         overflow: scroll !important;
         width: 751px;
         display: block;
    }
     .matching_metrix_1 .home-add-btn-cus h4 {
         float: left;
    }
    /* Email List*/
     .email_list_refrrals .row.buttons_row .col-2, .email_list_refrrals .row.buttons_row .col-4, .email_list_refrrals .row.buttons_row .col-3 {
         width: 50%;
         max-width: 50%;
         flex: 50%;
         margin: 10px 0;
    }
     .email_list_refrrals .row.buttons_row .col-4:nth-child(3){
         display: none;
    }
     .row.email_list_section {
         padding: 5px 5px;
         border-radius: 10px;
         border-left: 5px solid #1b73bb;
         margin: 15px 10px;
    }
    /* View Referrals Page*/
     .view_referrals_page h2.main-heading-header-first-cus, h4.main-heading-header-second-cus {
         display: none;
    }
     .view_referrals_page .row.form-group.email-row-main .col-md-5.check-box-col {
         padding: 30px 35px 0;
    }
    /*reffrals Database*/
     .referrals_database_page .col-4 {
         max-width: 100% !important;
         flex: 100%;
    }
     .referrals_database_page .col-3 {
         max-width: 100% !important;
         flex: 100%;
    }
     .referrals_database_page .col-2 {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .referrals_email_detail .email_detail .button_area .col-md-2 {
         width: 50%;
         max-width: 50%;
         flex: 50%;
    }
     .referrals_email_detail .email_detail .button_area a {
         margin: 5px 0 !important;
         display: block;
         text-align: center;
         width: 100%;
    }
    /*email & Documents*/
     .email_document_refrrals .col-4 {
         max-width: 100% !important;
         flex: 100%;
         padding: 0;
    }
     .email_document_refrrals .col-3 {
         max-width: 100% !important;
         flex: 100%;
    }
     .email_document_refrrals .col-2 {
         max-width: 49% !important;
         flex: 49% !important;
         padding: 10px 0;
    }
     .email_document_refrrals .col-2 a.button.choices_btn_orange {
         display: block;
         margin: 0 15px;
    }
     .email_document_refrrals .row.form-group.edit-main-form-input-sec.resident-form.top-form a.main-search-btn {
         background: #f99621;
         padding: 7px 24px;
         color: white !important;
         border-radius: 5px;
         width: 94%;
         max-width: 100% !important;
         flex: 100% !important;
         position: absolute;
         top: 3px;
    }
     .email_document_refrrals .resident-profile button.resident-profile-bts {
         display: block;
         width: 100%;
    }
     .email_document_refrrals .job-advert-main-section-btn a {
         width: 100%;
         text-align: center;
    }
     .email_document_refrrals .col-md-4.job-advert-main-section-btn {
         align-self: center;
         margin: 20px 0;
    }
     .email_document_refrrals .col-md-8 {
         max-width: 100%;
    }
     .email_document_refrrals .row.form-group.edit-main-form-input-sec.resident-form {
         margin: 0;
    }
     .email_document_refrrals .row.form-group.edit-main-form-input-sec.resident-form select.custom-select {
         margin-top: 0;
    }
    /*Email List*/
     .col-md-12.email_detail .col-md-11.pl-0 {
         padding-left: 15px !important;
    }
    /*matrix pages*/
     .maching_matrix_2 .home-add-btn-cus h4 {
         float: left;
    }
    /*Home pages*/
     .homes_activity_suit_details .acknowledgement_main_form1 .col-6, .acknowledgement_main_form1 .col-12 {
         padding: 0 !important;
         margin-bottom: 50px;
    }
     .homes_activity_suit_details .acknowledgement-main-activity-suit-c .col-md-4 {
         border-right: NONE;
    }
     .homes_activity_suit_details .acknowledgement-main-activity-suit-a span {
         font-weight: 600;
         padding-left: 20px;
    }
     .homes_activity_suit_details .acknowledgement-main-activity-suit img {
         width: 90% !important;
         height: auto !important;
         margin: 0 auto !important;
    }
    /*independancce*/
     .independance-work-page .col-5 {
         max-width: 100% !important;
         flex: 100% !important;
         margin-bottom: 20px;
    }
     .independance-work-page .acknowledgement_main_form1 input[type="checkbox"] {
         box-shadow: none;
         height: 25px;
         width: 25px;
         margin-left: 0;
    }
     .independance-work-page .main-reffral-form-cus .form-row .col-3.sign-here-field input.form-control {
         width: 50% !IMPORTANT;
         float: left !IMPORTANT;
         margin-left: 20px;
    }
     .independance-work-page .resident-profile {
         max-width: 100%;
         margin: 30px 10px;
         flex: 100%;
         padding: 0px 0 20px 0px;
    }
     .independance-work-page .main-reffral-form-cus .form-row .col-12, .independance-work-page .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 0px;
    }
     .independance-work-page .main-reffral-form-cus.resident-profile .col-8, .independance-work-page .main-reffral-form-cus.resident-profile .col-2 {
         padding: 5px 15px;
         align-self: center;
         max-width: 100% !IMPORTANT;
         flex: 100% !important;
    }
     .independance-work-page .main-reffral-form-cus.resident-profile a.signhere-btn-cus {
         float: left !important;
         margin-left: 25px;
    }
     .independance-work-page .main-reffral-form-cus .form-row .col-3 {
         width: 100% !IMPORTANT;
         max-width: 100% !IMPORTANT;
         flex: 100%;
    }
     .independance-work-page .main-reffral-form-cus .form-row .col-9 {
         max-width: 95% !IMPORTANT;
         flex: 95%;
    }
    /*Employee Pages*/
     .employee_disciplinary_detail .col-md-6.past-monthly-reviews-1 {
         max-width: 100% !important;
    }
     .employee_disciplinary_detail .col-md-8 {
         max-width: 60%;
    }
     .employee_disciplinary_detail .col-md-4 {
         max-width: 40% !important;
         flex: 40%;
         margin-bottom: 30px;
    }
     .employee_disciplinary_detail .past-monthly-reviews-1 a {
         float: right !important;
    }
    /*Document cat*/
     .employee_documents_categories .col-md-4 a.resident-profile-bts.upload {
         float: left;
         margin-top: 0px;
         margin-bottom: 20px;
    }
     .employee_documents_categories .col-md-8 {
         max-width: 100%;
         padding-top: 30px;
    }
    /* Performance*/
     .employee_performance_review .col-md-8 {
         max-width: 100%;
    }
    /*Supervision*/
     .employee_supervision_history .col-4 {
         max-width: 100% !important;
         flex: 100% !important;
         margin-bottom: 20px;
    }
    /*Strength*/
     .employees_streength_weakness .col-md-8 {
         max-width: 100% !important;
    }
    /*Employee/Resident/Home View */
     .main_employee_resident_view_page#view-popup .modal-dialog, .main_employee_resident_view_page#edit-popup .modal-dialog, .main_home_view_page#edit-popup .modal-dialog, .main_home_view_page#view-popup .modal-dialog {
         margin: 10px 20px;
    }
     .main_employee_resident_view_page .main-reffral-form-cus .form-row .col-12, .main_employee_resident_view_page .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 20px;
    }
     .main_employee_resident_view_page .main-reffral-form-cus.resident-profile .form-row .col-6 {
         max-width: 100% !IMPORTANT;
         flex: 100%;
    }
     .main_employee_resident_view_page .main-reffral-form-cus.resident-profile .form-row.btn-row .col-10 {
         max-width: 100% !IMPORTANT;
         flex: 100;
    }
     .main_employee_resident_view_page .acknowledgement_main_form1 .col-6 {
         padding: 0 20px 0 20px !important;
         margin-bottom: 25px;
         margin-top: 25px;
         max-width: 100% !important;
         flex: 100% !important;
    }
     .main_employee_resident_view_page .main-reffral-form-cus.resident-profile h2.left-side-text, .main_employee_resident_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
         width: 49%;
         display: inline-block;
         padding: 5px 5px;
         font-size: 16px;
         margin-top: 15px;
    }
     .main_employee_resident_view_page .col-md-8 {
         max-width: 100% !Important;
    }
    /*Resident Pages*/
    /*consequencelog*/
     .consequencelog_resident .col-md-8 {
         max-width: 100%;
    }
     .consequencelog_resident .row.main-refrence-table-sec-cus2 {
         margin-top: 30px;
         margin: 30px 10px 0;
    }
    /*education*/
     .res_education_tracker h1.small-headings {
         font-size: 18px !important;
         margin-top: 0;
    }
     .res_education_tracker h1.small-headings.third span {
         background: white;
         box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75);
         border-radius: 5px;
         margin-left: 20px;
         padding: 10px 20px;
         position: absolute;
    }
     .res_education_tracker .resident-add-btn-cus a {
         padding: 5px 20px;
         float: right;
         border-radius: 5px;
         margin-top: 0;
    }
     .res_education_tracker .col-md-8 {
         max-width: 60%;
    }
     .res_education_tracker .col-md-4.resident-add-btn-cus {
         max-width: 35%;
    }
    /*Saving*/
     .saving_resident .col-md-8 {
         max-width: 100%;
    }
     .saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form .col-6 {
         max-width: 100%;
         width: 100%;
         flex: 100%;
         padding-left: 0;
    }
     .saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form.first-main .col-6 {
         max-width: 100%;
         width: 100%;
         flex: 100%;
         padding-left: 0;
    }
     .saving_resident .col-5 {
         max-width: 100%;
         flex: 100%;
    }
     .saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form a.main-search-btn {
         background: #f99621;
         padding: 7px 24px;
         color: white !important;
         border-radius: 5px;
         position: absolute;
         top: 8px;
    }
     .saving_resident .col-4 {
         max-width: 100%;
         flex: 100%;
         margin-bottom: 20px;
    }
     .saving_resident .row.form-group.edit-main-form-input-sec.resident-form {
         margin: 70px 0px 10px 0 !important;
    }
     .saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form.first-main {
         margin: 10px 0px 10px 0 !important;
    }
     .saving_resident .col-md-8 h1.main-employees-title-cus {
         margin: 0 20px;
    }
    /*hobbies*/
     .resident_hobbies .col-5 {
         max-width: 100% !important;
         flex: 100% !important;
         margin-bottom: 20px;
    }
     .resident_hobbies input[type="checkbox"] {
         box-shadow: none;
         height: 25px;
         width: 25px;
         margin-left: 0;
    }
     .resident_hobbies .resident-profile {
         border-radius: 10px !IMPORTANT;
         padding: 0px 0 20px 0px !important;
    }
     .resident_hobbies .main-reffral-form-cus .form-row .col-12, .resident_hobbies .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 35px 15px 10px !important;
    }
     .resident_hobbies .main-reffral-form-cus.Home-detail-row .form-row .col-12 {
         padding: 15px 10px 40px 10px !important;
    }
    /*weekly meal*/
     .weekly_meal_planner .acknowledgement-main-activity-suit img {
         width: 100%;
         height: auto;
         padding: 10px;
         border-radius: 20px;
         object-fit: cover;
    }
     .weekly_meal_planner .Recruitmtnt-main-section3 .col-md-8 {
         max-width: 100% !important;
         flex: 100% !important;
    }
    /*Vehicle View Page*/
     .vehicle_view_page .main-reffral-form-cus .form-row .col-12, .vehicle_view_page .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 20px;
    }
     .vehicle_view_page .main-reffral-form-cus.resident-profile .form-row .col-6 {
         max-width: 100% !IMPORTANT;
         flex: 100%;
    }
     .vehicle_view_page .main-reffral-form-cus.resident-profile .form-row.btn-row .col-10 {
         max-width: 100% !IMPORTANT;
         flex: 100;
    }
     .vehicle_view_page .main-reffral-form-cus.resident-profile h2.left-side-text, .vehicle_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
         width: 49%;
         display: inline-block;
         padding: 5px 5px;
         font-size: 16px;
         margin-top: 15px;
    }
     .vehicle_view_page .col-md-8 {
         max-width: 100% !Important;
    }
    /*Home View Page*/
     .main_home_view_page .main-reffral-form-cus .form-row .col-12, .main_home_view_page .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 20px;
    }
     .main_home_view_page .main-reffral-form-cus.resident-profile h2.left-side-text, .main_home_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
         width: 49%;
         display: inline-block;
         padding: 5px 5px;
         font-size: 16px;
         margin-top: 15px;
    }
     .main_home_view_page .main-reffral-form-cus.resident-profile .form-row .col-4 {
         padding: 5px 0;
         max-width: 50% !IMPORTANT;
         flex: 100%;
         margin: 10px auto;
    }
    /* Apps*/
     .row.acknowledgement-main-activity-suit-a .col-md-8.app-col-cus {
         align-self: center;
         max-width: 100%;
    }
    /*Documents*/
     .homes_documents .main-reffral-form-cus .form-row .col-12, .homes_documents .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 20px;
    }
     .homes_documents .col-md-8 {
         max-width: 100%;
    }
     .homes_documents .documents-1-cust {
         width: 100% !important;
         margin: 150px 15px;
    }
     .homes_documents .documents-1-cust .col-4 {
         max-width: 50% !important;
         flex: 50% !important;
    }
    /*Homes apps*/
     .homes_apps_page .col-md-8.top-col-eight {
         max-width: 50% !important;
         flex: 100% !important;
    }
     .homes_apps_page .row.acknowledgement-main-activity-suit-b {
         padding: 20px 0 0;
         max-width: 100%;
         margin: 0 !IMPORTANT;
    }
     .homes_apps_page .row.acknowledgement-main-activity-suit-a h2.app-main-title {
         color: #5f5f5f !important;
         font-weight: 600;
         font-family: Montserrat;
         font-size: 25px;
         text-align: center;
         margin-bottom: 30px;
    }
     .homes_apps_page .acknowledgement-main-activity-suit img {
         width: 65% !important;
         margin: 0 auto;
         height: auto !important;
    }
    /* Activity suit*/
     .activity_suit_page .acknowledgement-main-activity-suit img {
         width: 100%;
         height: auto;
         padding: 10px;
         border-radius: 20px;
         object-fit: cover;
    }
     .activity_suit_page .acknowledgement-main-activity-suit-main-btn a {
         text-decoration: none;
         float: right;
         margin-right: 20px;
         margin-bottom: 20px;
         width: unset !important;
    }
     .activity_suit_page .col-md-8 {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .activity_suit_page .acknowledgement-main-activity-suit p {
         padding-left: 20px;
    }
     .activity_suit_page .acknowledgement-main-activity-suit-c span {
         margin-bottom: 20px;
         padding-left: 20px;
    }
     .activity_suit_page .acknowledgement-main-activity-suit-a span {
         font-weight: 600;
         font-family: Montserrat-Semibold;
         padding-left: 20px;
    }
    /*in house education*/
     .inHouse_education_page .acknowledgement_main_form1 .col-6, .inHouse_education_page .acknowledgement_main_form1 .col-12 {
         padding: 0 !important;
         margin-bottom: 50px;
    }
     .inHouse_education_page table.table.main-reffral-form-cus-table {
         box-shadow: 0 0 10px #ccc;
         max-width: 947px;
         flex: 947px;
         border-radius: 10px;
         overflow: scroll !important;
         width: 947px;
         margin: 30px auto;
    }
     .inHouse_education_page .acknowledgement_main_form a {
         width: 100% !important;
    }
     .inHouse_education_page .col-8 {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .inHouse_education_page .col-4 {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .inHouse_education_page .col-2 {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .inHouse_education_page .row.main-row-table {
         width: 100%;
         max-width: 100% !important;
         overflow: scroll;
         margin: 0 auto;
    }
    /*Indepance*/
     .independence-cust-1 .acknowledgement_main_form1 input[type="checkbox"] {
         box-shadow: none;
         height: 25px;
         width: 25px;
         margin-left: 0;
    }
     .independence-cust-1 .main-reffral-form-cus .form-row .col-3.sign-here-field input.form-control {
         width: 50% !IMPORTANT;
         float: left !IMPORTANT;
         margin-left: 20px;
    }
     .independence-cust-1 .resident-profile {
         max-width: 100%;
         margin: 30px 10px;
         flex: 100%;
         border-radius: 10px !IMPORTANT;
         padding: 0px 0 20px 0px;
    }
     .independence-cust-1 .main-reffral-form-cus .form-row .col-12, .independence-cust-1 .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 0px;
    }
     .independence-cust-1 .main-reffral-form-cus.resident-profile .col-8, .independence-cust-1 .main-reffral-form-cus.resident-profile .col-2 {
         padding: 5px 15px;
         align-self: center;
         max-width: 100% !IMPORTANT;
         flex: 100% !important;
    }
     .independence-cust-1 .main-reffral-form-cus.resident-profile a.signhere-btn-cus {
         float: left !important;
         margin-left: 25px;
    }
     .independence-cust-1 .main-reffral-form-cus .form-row .col-3 {
         width: 100% !IMPORTANT;
         max-width: 100% !IMPORTANT;
         flex: 100%;
    }
     .independence-cust-1 .main-reffral-form-cus .form-row .col-9 {
         max-width: 95% !IMPORTANT;
         flex: 95%;
    }
    /* Management Access */
    /*Admin Setting*/
     .admin_setting_main .col-4 {
         max-width: 100% !important;
         flex: 100% !important;
         margin-bottom: 20px;
    }
     .admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row .form-row .col-3 {
         align-self: center;
         max-width: 100%;
         flex: 100%;
         margin: 5px 0;
    }
    /*Visit user per*/
     .visit_user_permission .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs .nav-tabs .nav-item {
         width: 100% !important;
    }
     .visit_user_permission .col-md-3.job-advert-main-section-btn {
         margin-top: 20px;
         padding: 0;
         max-width: 50% !IMPORTANT;
         text-align: center;
    }
     .visit_user_permission .col-md-3.job-advert-main-section-btn a.choices_btn_green {
         margin: 0 auto;
         float: unset;
         display: block;
         width: 90%;
    }
    /*Set permission page*/
     .management_set_permission_page .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs .nav-tabs .nav-item {
         width: 100% !important;
    }
     .management_set_permission_page .main-form-radio-cus label.radio-button {
         display: inline-block;
         margin: 0 10px 10px;
         width: 100% !important;
    }
    /*Employeee details view*/
     .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col {
         max-width: 100%;
         border: none;
    }
     .management_employee_month_details .employee-resident-monthly-2a {
         background-color: rgb(221, 221, 221);
         border: 1px solid black;
         margin-top: 40px;
    }
     .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.third {
         display: block;
         margin: 0px 10px;
    }
     .management_employee_month_details .col-md-8.employee-resident-monthly-3ac1 {
         max-width: 100%;
    }
   .management_employee_month_details .row.employee-resident-monthly-2 {
    margin: 0;
}
.management_employee_month_details .row.employee-resident-monthly-3ac .col-md-4 {
    width: 30%;
    align-self: center;
    margin: 15px 0;
}
 .management_employee_month_details .row.employee-resident-monthly-3ac .col-md-8 {
    width: 70%;
    align-self: center;
    margin: 15px 0;
    text-align: right;
}
 .management_employee_month_details .row.employee-resident-monthly-3ae .col-md-6 {
    width: 50%;
    margin: 10px 0 15px;
}
    /*resident Monthly detail*/
     .management_resident_month_details .col-md-6.two-main-col.employee-resident-monthly-3aa .form-row.btn-row {
         margin-top: 30px;
    }
     .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts, .management_resident_month_details .col-md-6.employee-resident-monthly-1 a.resident-profile-bts {
         display: block;
         margin: 10px 0px;
    }
     .management_resident_month_details .employee-resident-monthly-1 {
         margin: 25px 0 20px;
         padding: 0 0px 0 0px;
    }
     .management_resident_month_details img.employee-resident-monthly-3a {
         width: 29%;
         height: auto;
         border-radius: 10px;
         object-position: left;
         display: block;
         margin-bottom: 0px;
    }
    /*main Monthy*/
     .manag_monthly_review_main .monthly-reviews-details-3b a, .manag_monthly_review_main .monthly-reviews-details-3a a {
         display: block;
         text-align: center;
         margin: 15px 0;
    }
     .manag_monthly_review_main .monthly-reviews-details-3 {
         margin-top: 30px;
         margin-bottom: 80px;
    }
    /*Form Builder Pages*/
     .form_builder_edit_page .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !IMPORTANT;
         float: left;
         max-width: 48% !IMPORTANT;
         flex: 48%;
         float: left;
    }
     .form_builder_edit_page .col-md-4 {
         max-width: 100%;
    }
    /*Vehicles*/
     .main_vehicle_page .col-md-3 {
         margin-bottom: 0;
    }
     .main_vehicle_page .row.main-filter-row{
         margin-top: 0;
    }
     .main_vehicle_page .main-filter-row .col-md-3 {
         margin-bottom: 15px;
    }
    /*Vehicle View*/
     .vehicle_view_page .main-reffral-form-cus.resident-profile.firstt-left-side.pik {
         height: auto;
    }
    /*Management Acces */
    /*For tag*/
     .form_tag_cus .job-advert-main-section-btn4 a {
         width: 70%;
         margin-top: 30px;
    }
     .form_tag_cus .col-md-4.job-advert-main-section-btn4 {
         margin-top: 0 !IMPORTANT;
         margin-bottom: 40px;
    }
     .form_tag_cus .col-md-3 {
         margin-bottom: auto;
    }
    /* Dashboart Alert System*/
     .alert_system .panel-group a {
         font-size: 18px !important;
         margin-left: 0;
    }
    /*employee*/
    /*Training record*/
     .training_record_emp .col-md-6.past-monthly-reviews-1 {
         max-width: 100% !important;
    }
     .training_record_emp .col-md-6.past-monthly-reviews-1 .row .col-md-6 {
         max-width: 50%;
    }
    /* Resident Pages*/
     .main_resident_page .col-md-3 {
         margin-bottom: 0;
    }
     .main_resident_page .main-filter-row .col-md-3 {
         margin-bottom: 15px;
    }
     .main_resident_page .home-grey-btn-cus a {
         margin-top: 10px;
         margin-bottom: 20px;
    }
    /*Clothing*/
     .resident_clothing_itinerary form.main-clothing-inner-fom .col-md-5 {
         max-width: 100% !IMPORTANT;
         flex: 100%;
    }
     .resident_clothing_itinerary .Candidates-main-section-btn a {
         float: left;
         text-align: center;
    }
     .resident_clothing_itinerary .col-md-2.Candidates-main-section-btn {
         margin-top: 30px;
         margin-bottom: 20px;
         width: 50% !important;
         max-width: 50% !IMPORTANT;
         text-align: left;
    }
}
 @media only screen and (max-width: 575px) {
    .general-information-1 input, .general-information-1 select, .general-information-1 textarea{
        font-size: 1rem;
    }
    .general-information-1 label{
        font-size: .9rem;
    }
    .blue-outline-big-button, .blue-big-button, .blue-outline-big-button-view {
        padding: .6em 1.3em;
        font-size: 1rem;
    }
    .key-data-main-heading1 h5, .key-data-main-heading h5 {
        font-size: 1.2rem;
    }
    /*Notification top*/
     .top-header-bar-2 .notification .dropdown-menu.show {
         left: -100px !important;
         width: 320px;
    }
    /*Form Task*/
     .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item {
         display: inline-block;
         padding: 0 20px;
    }
     .reports_log_with_timeline .row.time_line .step p {
         font-size: 13px;
    }

   /* Recruitment*/

#RECRUITMENT.main_recruitment_page .col-md-3.one .col-md-4 {
    align-self: unset;
    height: auto;
    max-width: 30% !important;
    flex: 30% !important;
    padding: 20px 10px;
}

.main_recruitment_page .col-md-3.one {
    flex: 0 0 95% !important;
    max-width: 95% !important;
    margin: 15px 10px;
    height: AUTO;
}
    /*Email List Referrals*/
     .row.email_list_section.table {
         width: 600px !IMPORTANT;
         max-width: 600px !important;
         flex: 600px;
    }
     .email_list_refrrals .responsive-cus {
         overflow-x: scroll;
    }
     .row.email_list_section table.email_list td.icon_heading {
         width: 30% !important;
    }
    /*candidate*/

      .recruitment_candidate .job-advert-main-section-btn {
         margin-bottom: 25px;
     }
       .managment_monthly_review_page .col-md-2.panel-inner-data-main-colom-cus2 {
         max-width: 50%;
         flex: 50%;
         text-align: center;
         padding: 0 5px;
         margin: 10px auto;
    }
    
    label.singleline {
        position: absolute;
        left: 26%;
    }
}
 @media only screen and (max-width: 480px) {
    /* Dashboard*/
     .dashboard-page .row.second-yes-no-row .col-md-8, .dashboard-page .row.second-yes-no-row .col-md-4{
         max-width: 100%;
    }
     .dashboard-page .row.second-yes-no-row .col-md-4 a {
         text-align: center;
         width: 44%;
         display: inline-block;
         margin: 5px 5px;
    }
     .dashboard-page .main-div4 a.view-btn {
         float: unset !IMPORTANT;
         margin-bottom: 0;
         margin-top: 25px;
         width: 50%;
    }
    /*Form Task Pages*/
     .form_task_btn_page .documents-1-cust .main-reffral-form-cus.resident-profile .col-4 {
         padding: 25px 10px !important;
         margin: 0 auto;
         max-width: 90% !important;
         flex: 90% !IMPORTANT;
    }
    /* Report log timeline*/
     .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item {
         display: inline-block;
         padding: 0 15px;
    }
    /*Refrals Step Form*/
     .main_referrals_step_form #regForm {
         margin: 0 auto;
         font-family: Raleway;
         padding: 0 0px 40px;
         width: 100%;
    }
    /*Recrutiment pages*/
    /*Form Tag */
     .form_tag_cus .job-advert-main-section-btn4 a {
         width: 100%;
         text-align: center;
         margin-top: 0px;
    }
     .Recruitmtnt-main-section3 .form_tag_cus .col-md-8 {
         max-width: 100% !important;
    }
     .form_tag_cus.col-md-4 {
         max-width: 100%;
    }
  
    /*Edit Candidate*/
     .edit_candidate .general-information .nav-tabs a.nav-item{
         margin: 10px 5px !IMPORTANT;
         float: left;
         max-width: 100% !IMPORTANT;
         flex: 100%;
         float: left;
    }
    /*Add candidate*/
     .add_candidate .general-information .nav-tabs a.nav-item{
         margin: 10px 5px !IMPORTANT;
         float: left;
         max-width: 100% !IMPORTANT;
         flex: 100%;
         float: left;
    }
    /* Job advert*/
     .job_advert_page_cus .col-md-8 {
         max-width: 100% !important;
    }
     .job_advert_page_cus .col-md-3 {
         width: 50% !important;
         max-width: 100% !important;
    }
     .job_advert_page_cus .col-md-4 {
         max-width: 100%;
    }
     .job_advert_page_cus h1 {
         margin: 0;
         font-weight: 600;
         padding-top: 15px;
         margin-bottom: 15px;
    }
     .interview_page_cus .row.form-group.edit-main-form-input-sec.resident-form {
         margin: 0;
    }
    /*View pages*/
     .vehicle_view_page .progress {
         width: 40%;
    }
     .main_employee_resident_view_page .progress {
         width: 40%;
    }
    /*in house education*/
     .inHouse_education_page .acknowledgement_main_form1 .col-6, .inHouse_education_page .acknowledgement_main_form1 .col-12, .acknowledgement_main_form1 .col-2 {
         padding: 0 !important;
         margin-bottom: 20px;
    }
     .inHouse_education_page .col-8 {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .inHouse_education_page .col-4 {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .inHouse_education_page .col-2 {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .inHouse_education_page .row.main-row-table {
         width: 100%;
         max-width: 100% !important;
         overflow: scroll;
         margin: 0 auto;
    }
    /*Activity suit */
     .homes_activity_suit_details .acknowledgement_main_form1 .col-6, .homes_activity_suit_details .acknowledgement_main_form1 .col-12 {
         padding: 0 !important;
         margin-bottom: 50px;
    }
    /*Independance*/
     .independance-work-page .main-reffral-form-cus .form-row .col-9 {
         max-width: 85% !IMPORTANT;
         flex: 85%;
    }
     .independance-work-page .row.two-btn-cus .col-md-4, .independance-work-page .row.two-btn-cus .col-md-3 {
         max-width: 100% !important;
         flex: 100%;
    }
     .independance-work-page .Candidates-main-section-btn a {
         float: left;
         padding: 6px 40px;
         margin-top: 5px !important;
    }
    /* Management Access */
    /*Form Builder Pages*/
     .form_builder_edit_page .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !IMPORTANT;
         float: left;
         max-width: 100% !IMPORTANT;
         flex: 100%;
         float: left;
    }
     .main_employee_resident_view_page .upload-btn-wrapper {
         position: relative;
         overflow: hidden;
         display: inline-block;
         width: 100%;
    }
     .main_employee_resident_view_page .upload-btn-wrapper a {
         border: none;
         color: white !important;
         background-color: white;
         padding: 6px 20px;
         border-radius: 8px;
         font-size: 18px;
         font-weight: bold;
         background: #f89520;
         display: block;
         text-align: center;
         width: 90%;
    }
     .main_employee_resident_view_page a.btn.btn-danger {
         float: left !important;
         margin: 0px !important;
    }
     .main_employee_resident_view_page .main-reffral-form-cus.resident-profile h2.left-side-text, .main_employee_resident_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
         width: 100%;
    }
    /*Reffralss*/
     .referrals_email_detail .email_detail .button_area .col-md-2 {
         margin: 5px 0 !important;
         display: block;
         text-align: center;
         width: 100% !important;
         max-width: 100% !important;
         flex:100% !important;
    }
    /*Home View*/
     .main_home_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.left-side-text, .main_home_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text {
         width: 100%;
    }
     .main_home_view_page .main-reffral-form-cus.resident-profile h2.left-side-text, .main_home_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
         width: 100%;
    }
     .homes_page_cus .col-md-3 {
         margin-bottom: 0;
    }
     .homes_page_cus .row.main-filter-row .col-md-3 {
         margin-bottom: 10px;
    }
     .main_home_view_page .main-reffral-form-cus.resident-profile .form-row .col-4 {
         padding: 5px 0;
         max-width: 100% !IMPORTANT;
         flex: 100%;
         margin: 10px auto;
    }
    /*Documents*/
     .homes_documents .main-reffral-form-cus.resident-profile .form-row .col-6, .homes_documents .documents-1-cust .col-4 {
         max-width: 100% !important;
         flex: 100% !important;
    }
    /*Documents List*/
     .document_upload .resident-add-btn-cus, .document_upload .col-md-8 {
         max-width: 100% !IMPORTANT;
         flex: 100% !IMPORTANT;
         margin-bottom: 15px;
    }
    /*Vehicle View*/
     .vehicle_view_page .main-reffral-form-cus.resident-profile h2.left-side-text, .vehicle_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
         width: 100%;
    }
    /*Referrals Pages*/
     .view_referrals_page .row.form-group.email-row-main .col-md-7 .form-row.btn-row .col-6 {
         max-width: 100% !IMPORTANT;
         flex: 100%;
         margin-top: 20px;
    }
     .view_referrals_page .row.form-group.email-row-main .col-12.full-width-btn {
         margin-top: 20px;
    }
     .view_referrals_page .form-row.midd-btn-row a.resident-profile-bts.third {
         margin-left: 0;
    }
     .view_referrals_page .col-12.full-width-col label.form-label {
         width: 100%;
         margin-bottom: 22px;
    }
     .view_referrals_page .row.form-group.email-row-main .col-md-5.check-box-col {
         padding: 30px 20px;
    }
     .view_referrals_page .row.form-group.email-row-main .col-md-7 {
         padding: 0 20px 0px 20px;
    }
    /*email list*/
     .email_list_refrrals .row.buttons_row .col-4:last-child {
         width: 100%;
         max-width: 100%;
         flex: 100%;
         margin: 10px 0;
    }
    /*Maching metrix*/
     .Recruitmtnt-main-section3 .matching_metrix_1 .col-md-8 {
         max-width: 100%;
    }
     .matching_metrix_1 .col-md-4.home-add-btn-cus {
         max-width: 100%;
    }
     .Recruitmtnt-main-section3 .maching_matrix_2 .col-md-8 {
         max-width: 100%;
    }
     .maching_matrix_2 .col-md-4.home-add-btn-cus {
         max-width: 100%;
    }
    /*Employee Pages*/
     .employee_disciplinary_detail .col-md-4 {
         max-width: 100% !important;
         flex: 100%;
         margin-bottom: 30px;
    }
     .employee_disciplinary_detail .col-md-8 {
         max-width: 100%;
    }
     .employee_disciplinary_detail .past-monthly-reviews-1 a {
         float: left !important;
    }
    /*Document Cat*/
     .employee_documents_categories .main-reffral-form-cus.resident-profile .form-row .col-6 {
         padding: 10px 0px;
         max-width: 100% !important;
         flex: 100%;
    }
    /*resident*/
     .res_education_tracker .resident-add-btn-cus a {
         background: #8ec63f;
         padding: 5px 20px;
         color: white;
         float: left;
         border-radius: 5px;
         margin-top: 0;
    }
     .res_education_tracker h1.small-headings.second span {
         margin: 0;
    }
     .res_education_tracker h1.small-headings.third span {
         margin-left: 0 !important;
         padding: 10px 20px;
         display: block;
         text-align: center;
         margin-top: 10px;
         position: unset;
    }
     .res_education_tracker .col-md-8 {
         max-width: 100% !important;
    }
     .res_education_tracker .col-md-4.resident-add-btn-cus {
         max-width: 100%;
         margin-bottom: 20px;
    }
    /*Managment Access*/
    /*employee view detail*/
     .management_employee_month_details .employee-resident-monthly-3aa .progress {
         background: #d77d27;
         margin-left: 100px;
         width: 45%;
    }
    /*View Succes Login*/
     .managment_view_succes_login .edit-main-form-input-sec .col-md-4 {
         padding-left: 15px !important;
    }
    /*visit Permission*/
     .visit_user_permission .col-md-3.job-advert-main-section-btn {
         max-width: 100% !IMPORTANT;
         text-align: center;
    }
    /*Set Permission*/
    /*Monthly Review page*/
     .managment_monthly_review_page .panel-inner-data-main-row-cus .col-md-3 {
         text-align: center;
         max-width: 100% !IMPORTANT;
         flex: 100% !IMPORTANT;
    }
     .managment_monthly_review_page img {
         padding-top: 0;
    }
     .managment_monthly_review_page .col-md-2.panel-inner-data-main-colom-cus2 {
         max-width: 100%;
         flex: 100%;
         text-align: center;
         padding: 0 5px;
         margin: 10px auto;
    }

.management_employee_month_details .row.employee-resident-monthly-3ac .col-md-4,  .management_employee_month_details .row.employee-resident-monthly-3ac .col-md-8 {
    width: 100%;
    text-align: center;
}
 .management_employee_month_details .row.employee-resident-monthly-3ae .col-md-6 {
    width: 100%;

}

    /*Resident monthly review*/
     .management_resident_month_details .employee-resident-monthly-3aa .progress {
         background: #d77d27;
         margin-left: 100px;
         width: 45%;
    }
     .management_resident_month_details img.employee-resident-monthly-3a {
         width: 60%;
         height: auto;
         border-radius: 10px;
         margin-bottom: 0px;
    }
     .management_resident_month_details .col-md-6.two-main-col.employee-resident-monthly-3aa .form-row.btn-row .col-4 {
         max-width: 50%;
         flex: 50%;
    }
}
/*Home View*/
/*.....................*/
/*Optimize Internal Pages Css*/
/*.....................*/
/*Dynamic Select Widget*/
 .bootstrap-select .bs-ok-default:after {
     border-color: black;
}

/*Company Section page*/

/*active & disactive*/
.main_company_page table.filter_data a.activeBtn {
 background: green;
 border: 2px solid green !important;
} 
.main_company_page table.filter_data a.inactiveBtn {
 background: red;
 border: 2px solid red !important;
}
.main_company_page .main-table-data-cus4 td:nth-child(2) {
 width: 250px;
 display: block;
 text-align: center !important;
}
.main_company_page .main-table-data-cus4 td:last-child {
     display: flex;
     width: 190px;
 }

/*Dashboard Page*/
 .dashboard-page .main-heading-cus-section-2 span {
     color: yellowgreen;
}
 .dashboard-page .main-div2 {
     background: white;
     padding: 20px 20px;
     margin: 40px 0;
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px;
}
 .dashboard-page a.green_btn {
     background: #53b963;
     padding: 10px 20px;
     color: white;
     font-weight: 600;
     border-radius: 3px;
     position: relative;
     top: 10px;
     left: 10px;
}
 .dashboard-page a.red_btn {
     background: #d0202a;
     padding: 10px 20px;
     color: white;
     font-weight: 600;
     border-radius: 3px;
     position: relative;
     top: 10px;
     left: 30px;
}
 .dashboard-page .main-div4 {
     background: white;
     padding: 10px 20px;
     margin: 40px 0;
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px;
}
 .dashboard-page .main-div4 h3 {
     padding: 15px 0;
     font-weight: 600;
     font-size: 20px;
     color: #5f5f5f;
}
 .dashboard-page .main-div4 hr.single-line {
     margin: 5px 10px;
     background: #807b7b;
}
 .dashboard-page .main-div4 i.fa.fa-chevron-circle-right {
     float: right;
     color: #1e7bbe;
     font-size: 40px;
     margin-top: -5px;
}
 .dashboard-page .main-div5 {
     background: white;
     padding: 0px 0px;
     margin: 30px 0;
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px;
     overflow: hidden;
}
 .dashboard-page .main-div5 .table th {
     background: #111f2c;
     color: white;
     padding: 20px 20px;
     font-size: 20px;
}
 .dashboard-page .main-div5 .table td {
     background: white;
     border-bottom: 1px solid #ccc;
     padding: 15px 30px;
     font-size: 15px;
}
 .dashboard-page .main-div5 table.table tr:last-child td {
     border-bottom: none;
}
 .dashboard-page .main-div5 .table td {
     background: white;
     border-bottom: 1px solid #ccc;
     padding: 15px 30px;
}
 .dashboard-page .main-div5 table.table.first td {
     padding: 15px 50px;
}
 .dashboard-page .main-div5 i.fa.fa-circle {
     color: yellowgreen;
     font-size: 12px;
     position: relative;
     right: 9px;
     margin-left: -10px;
}

.Recruitmtnt-main-section3 h1.subheading {
     margin: 50px 0px 30px;
     color: #5f5f5f;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 20px;
}
 .dashboard-page .main-div-btn a.osted-btn {
     display: block;
     text-align: center;
     font-size: 15px;
     padding: 15px 5px !important;
     border-radius: 5px;
}
 .dashboard-page .main-div4 a.view-btn {
     float: right;
     display: block;
     text-align: center;
     font-size: 15px;
     padding: 10px 25px !important;
     border-radius: 5px;
}
/*Form Task Pages*/
/*Main task page*/
 .form_task_btn_page .resident-profile a.resident-profile-bts {
     display: block;
     text-align: center;
     font-size: 14px;
     padding: 14px 5px !important;
     margin-right: 0 !IMPORTANT;
     margin: 0 10px;
}
 .form_task_btn_page .resident-profile .form-row a.resident-profile-bts:hover {
     transform: unset !important;
}
 .form_task_btn_page .resident-profile {
     max-width: 100%;
     margin: 30px 0px;
     flex: 100%;
     border-radius: 10px !IMPORTANT;
     padding: 10px 0 20px 0px;
}
 .form_task_btn_page .resident-profile a.resident-profile-bts i {
     padding-right: 6px;
     display: none;
}
 .form_task_btn_page .resident-profile a.resident-profile-bts.second {
     background: #ff6347;
}
 .form_task_btn_page .documents-1-cust {
     width: 100% !important;
     margin: 0 15px;
}
 .form_task_btn_page .documents-1-cust .col-4 {
     padding: 25px 10px !important;
     margin: 0 0px;
     width: 33%;
     max-width: 33%;
     flex: 33%;
}
 .form_task_btn_page .documents-1-cust .main-reffral-form-cus.resident-profile {
     padding: 10px 10px 10px 15px !important;
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 20px 0;
     flex: 100%;
     border-radius: 10px;
}
 .form_task_btn_page .documents-1-cust a {
     width: 100%;
     margin: 0px !important;
}
 .form_task_btn_page .resident-profile a.resident-profile-bts span.count-popup {
     background: black;
     padding: 10px 15px;
     border-radius: 50px;
     border: 3px solid tomato;
     position: absolute;
     top: 0;
     right: 0px;
     width: 45px;
     height: 45px;
}
 .form_task_btn_page .row.past-monthly-reviews {
     width: 100% !important;
     margin: 0 15px;
}
 .form_task_btn_page .past-monthly-reviews-1 {
     padding: 10px 0px;
     flex: 100% !important;
     max-width: 100%;
     margin: 0px auto;
}
 .form_task_btn_page .main-home-table-data-cus3 td {
     padding: 25px 15px 20px 25px;
     font-weight: 500;
     text-align: left;
}
 .form_task_btn_page .main-home-table-data-cus3 td h4 {
     margin: 5px auto;
     width: 85%;
     border-radius: 5px;
     padding: 10px 0;
     color: black;
     border: 1px solid #8dc640;
     text-align: center;
     font-size: 15px;
}
/*View Form Page*/
 .form_task_view_form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
     width: 100%;
}
 .form_task_view_form .bootstrap-select button.btn.dropdown-toggle.btn-light {
     background: #eee;
     box-shadow: none !important;
     width: 100%;
     padding: 5px 10px !important;
     border: none;
     border-radius: 5px;
     font-size: 18px;
     color: #5b5b5b;
     font-weight: 500;
     display: block;
     height: auto;
     margin-bottom: 15px;
     background-image: url(../images/back_black.png) !IMPORTANT;
     background-size: 20px !important;
     background-repeat: no-repeat !IMPORTANT;
     background-position: right !IMPORTANT;
}
 .form_task_view_form .bootstrap-select .bs-ok-default:after {
     border-color: black;
     width: .5em;
     height: 0.8em;
     border-width: 0 .20em .20em 0;
}
/*Reports Log With Timeline*/

 .reports_log_with_timeline .form_headerdetails label {
     display: inline-block;
     width: 49%;
     margin: 10px 0;
}

/* Time Line Styles*/
 .reports_log_with_timeline .row.time_line {
     padding: 100px 0 0px;
     overflow-x: scroll;
     margin-bottom: 55px !important;
     width: 100%;
     margin: 0;
}
 .reports_log_with_timeline .row.time_line:after {
    content: "";
    display: block;
    height: 6px;
    width: 92%;
    right: 0;
    background: #c1c1c1;
    position: absolute;
}
 .reports_log_with_timeline .row.time_line:before {
     content: "";
     background: #f4f4f4;
     height: 70px;
     width: 45px;
     position: absolute;
     right: 0;
     margin-top: -20px;
     z-index: 99;
     right: -30px;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus {
     width: 100%;
     display: block;
     margin-top: -20px;
     padding-left: 15px;
     white-space: nowrap;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item {
     display: inline-block;
     padding: 0 30px;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(odd) p {
     position: relative;
     top: -75px;
}

.reports_log_with_timeline .row.time_line .step-indicator .step-first .step-icon {
    clip-path: unset !important;
    height: 30px;
    width: 30px;
    border-radius: 100%;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(odd) .step-icon {
     clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
     position: relative;
     top: 1px;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(even) .step-icon {
     clip-path: polygon(0 0, 50% 100%, 100% 0);
     position: relative;
     top: 10px;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(odd) p {
     position: relative;
     top: -80px;
     left: -20px;
     text-align: center;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(even) p {
     position: relative;
     top: 20px;
     left: -20px;
     text-align: center;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item.active p {
     color: #f99621;
}
/*user name form update start*/


.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(odd) span {
    position: relative;
    top: -45px;
    left: -25px;
    text-align: center;
    width: 100%;
    display: block;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(even) span {
     position: relative;
     top: -120px;
     left: -25px;
     text-align: center;
     width: 100%;
    display: block;
}
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item.active span {
     color: #f99621;
}
/*user name form update start*/
 .reports_log_with_timeline .row.time_line ul.dates_cus li.date_item.active .step-icon {
     background: #8dc640;
     z-index: 999;
}
 .reports_log_with_timeline .row.time_line .indicator-line {
     width: 100%;
     height: 10px;
     background: #c1c1c1;
     flex: 1;
     border-radius: 10px;
     display: none;
}
 .reports_log_with_timeline .row.time_line .indicator-line:after {
     content: "\f061";
     font-family: 'FontAwesome';
     color: #c1c1c1;
     float: right;
     margin-top: -11px;
     margin-right: -5px;
     font-size: 20px;
}
 .reports_log_with_timeline .row.time_line .indicator-line:before {
     content: "\f0c8";
     font-family: 'FontAwesome';
     color: #c1c1c1;
     float: right;
     margin-right: -5px;
     font-size: 20px;
}
 .reports_log_with_timeline .row.time_line .indicator-line:before {
     content: "\f0c8";
     font-family: 'FontAwesome';
     color: #c1c1c1;
     margin-top: -10px;
     position: absolute;
     font-size: 20px;
}
 .reports_log_with_timeline .row.time_line .step-indicator .step-icon {
     height: 35px;
     width: 30px;
     border-radius: 50%;
     background: #c1c1c1;
     z-index: 999;
}
 .reports_log_with_timeline .row.time_line .step p {
     color: #5f5f5f;
     font-size: 14px;
     font-weight: bold;
}
 .reports_log_with_timeline .row.time_line .step.active p {
     color: crimson;
}
/*Recruitment pages*/
 .main_recruitment_page .col-md-3.one.padding-col.second .main-text p {
     padding: 30px 0px !important;
}
/*Alert System*/
 .alert_system .panel-title > a:before {
     float: right !important;
     font-family: FontAwesome;
     content:"\f068";
     padding-right: 5px;
}
 .alert_system .panel-title > a.collapsed:before {
     float: right !important;
     content:"\f067";
}
 .alert_system .panel-title > a:hover, .alert_system .panel-title > a:active, .alert_system .panel-title > a:focus {
     text-decoration:none;
}
 .alert_system .panel.panel-default {
     background: white;
     padding: 20px 10px 20px;
     margin-bottom: 30px;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
}
 .alert_system .panel-group a {
     color: black;
     font-size: 18px;
     font-family: Montserrat;
}
 .alert_system .panel-title > a.collapsed:before {
     float: right !important;
     content: "\f067";
     background: #54c26b;
     color: white;
     padding: 6px 8px 3px;
     border-radius: 4px;
     font-weight: 300;
     font-size: 15px;
     margin-right: 10px;
     margin-top: 4px;
}
 .alert_system .panel-title > a:before {
     float: right !important;
     font-family: FontAwesome;
     content: "\f068";
     padding-right: 5px;
     background: #cd222a;
     color: white;
     padding: 6px 8px 3px;
     border-radius: 4px;
     font-weight: 300;
     font-size: 15px;
     margin-right: 10px;
     margin-top: 4px;
}
 .alert_system .row.panel-inner-data-main-row-cus {
     padding: 50px 30px 0px;
}
 .alert_system .panel-inner-data-main-row-cus .col-md-3 {
     text-align: center;
}
 .alert_system .panel-inner-data-main-row-cus img {
     margin: 0px 0px 20px;
    /*height: auto !important;
     width: 65% !important;
     */
     margin: 12px auto;
     border-radius: 50%;
     overflow: hidden !important;
     display: block;
     object-fit: cover !important;
     width: 130px !important;
     height: 130px !important;
}
 .alert_system .panel-inner-data-main-colom-cus2 img {
     border: 2px solid #cd222a;
     width: 130px !important;
     height: 130px !important;
}
 .alert_system .panel-inner-data-main-row-cus h4 {
     font-size: 20px;
     font-family: Montserrat;
     font-weight: 600;
     text-align: center;
}
 .alert_system .panel-inner-data-main-row-cus img {
     width: 100%;
}
 .alert_system .panel-inner-data-main-colom-cus2 h4 {
     color: #cd222a;
}
 .alert_system .panel-inner-data-main-row-cus p {
     font-size: 13px;
     font-family: Montserrat;
     font-weight: 600;
}
 .alert_system .panel-inner-data-main-row-cus img {
     height: 50%;
}
 .alert_system .panel-group a {
     margin: 40px 0 20px;
     font-weight: 400;
     color: black;
     text-align: left;
     font-size: 20px !important;
     font-weight: bold;
     margin-left: 10px;
}
 .alert_system .panel-title span {
     color: #cd222a;
}
 .alert_system div#accordion {
     margin-top: 25px;
}
 h2.Recruitmtnt-main-section-cust {
     margin: 0px 0px 10px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 20px;
}
 .alert_system .panel-inner-data-main-colom-cus3 img {
     border: 2px solid #FFFF00;
     width: 130px !important;
     height: 130px !important;
}
 .alert_system .panel-inner-data-main-colom-cus3 h4 {
     text-align: center;
}
 .alert_system .panel-inner-data-main-colom-cus4 img {
     border: 2px solid red;
     width: 130px !important;
     height: 130px !important;
}
 .alert_system .panel-inner-data-main-colom-cus4 h4 {
     color: red;
}
 .alert_system .panel-inner-data-main-colom-cus4 p {
     color: red;
}
/*Job Advert*/

 .job_advert_page_cus .row.main-job-advert-table-sec-cus1 table {
     width: 1500px;
     max-width: 1500px;
}
 .job_advert_page_cus .main-table-btn-cusc a {
     padding: 5px 10px;
}
/*Popups*/
 .job_advert_page_cus .modal-body {
     position: relative;
     padding: 30px 15px 9px;
}
 .job_advert_page_cus.matrics-popup .modal-body h3 {
     color: black;
     font-size: 20px;
     margin-bottom: 0;
     padding-top: 5px;
     font-weight: 600;
}
 .job_advert_page_cus.matrics-popup .modal-body p {
     color: black;
     font-size: 14px;
     margin-top: 10px;
}
 .job_advert_page_cus.matrics-popup .modal-body input.form-control {
     background: #eee;
}
 .job_advert_page_cus.matrics-popup .modal-dialog {
     margin: 25px auto;
     max-width: 55%;
}
 .job_advert_page_cus.matrics-popup .row.form-group.name label {
     font-size: 14px;
     display: block;
}
 .job_advert_page_cus.matrics-popup .row.form-group.name {
     border-bottom: none;
     width: 100%;
     margin: 30px auto;
}
 .job_advert_page_cus.matrics-popup .modal-dialog .row.form-group.name input.form-control {
     width: 50%;
     display: inline-block;
}
 .job_advert_page_cus.matrics-popup .row.form-group.name .center-save-col a.save-pop-btn {
     background: #8ec63f !important;
     color: white;
     border-radius: 5px;
}
 .job_advert_page_cus.matrics-popup .row.form-group.name .col-md-12.center-save-col {
     text-align: center;
     margin-top: 15px;
}
 .job_advert_page_cus.matrics-popup .modal-dialog .row.form-group.name .col-md-6 input.form-control {
     width: 100%;
}
 .job_advert_page_cus.matrics-popup .modal-dialog .row.form-group.name .col-md-6.inline-fields input.form-control {
     width: 100% !important;
     font-size: 15px;
}
 .job_advert_page_cus .job-adverts-main-add-new-item-popup .modal-body a {
     float: unset;
     padding: 10px 40px;
}
 .job_advert_page_cus input.datepicker.filters {
     padding: 5px 10px !important;
     border: none;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 500;
     width: 100% !important;
     display: block;
     height: 34px;
     margin-bottom: 25px;
}
 .job_advert_page_cus .job-advert-main-section-btn {
     align-self: center;
     text-align: right;
}
/*add*/
 .add_jobadvert .choices_btn_green{
     margin-top: 10px;
}
/*Candidate Page*/

 .recruitment_candidate .row.main-job-advert-table-sec-cus1 table td.two.complete {
     width: 10%;
}

 .recruitment_candidate .job-advert-main-section-btn {
     align-self: center;
     text-align: right;
}
 .recruitment_candidate button#clear {
     margin-top: 10px;
}
.recruitment_candidate.fixed_table_scrolling .main-table-data-cus3 td:nth-child(2) {
    width: 20%;
}


/*Edit Candidate*/
 .edit_candidate .row.btn-row .col-md-4 {
     align-self: center;
     max-width: 100% !important;
}
 .edit_candidate a.view_document {
     color: black;
     margin-bottom: 5px !IMPORTANT;
     display: block;
     color: #8ec640;
}
 .tabcontent h3.pipeline_status {
     padding-top: 20px;
     padding-right: 10px;
     font-size: 20px;
     text-align: right;
}
 .tabcontent h3.pipeline_status span {
     color: #f89520;
}
 .edit_candidate .general-information {
     background-color: transparent;
}
 .edit_candidate .general-information .nav-tabs a.nav-item {
     margin-bottom: -1px;
     margin: 0 5px;
     width: 19%;
     border-radius: 5px !IMPORTANT;
     text-align: center;
}

 .edit_candidate .general-information-1 input[type='radio'] {
     width: 20px;
     height: 20px;
     border-radius: 50px;
     margin-bottom: 0;
     margin-right: .3125rem;
}
 .edit_candidate .add-row{
     padding: 7px 30px;
     margin: 20px 0 20px;
}
 .edit_candidate .col-md-4 a.edit-pop-btn {
     color: #5b5b5b;
     font-weight: 400;
     text-transform: uppercase;
     display: block;
}
 .edit_candidate .general-information-1 input[type=file] {
     background: none;
     height: 40px;
}
 .edit_candidate .general-information-1 input[type=file]:focus {
     outline: none;
}
 .edit_candidate .row.btn-row .col-md-4 {
     align-self: center;
}
 .edit_candidate .row.btn-row .col-md-4 a.view_document {
     position: absolute;
     margin-top: -25px;
}
 .edit_candidate .upload-btn-wrapper {
     position: relative;
     overflow: hidden;
     display: inline-block;
     width: 100%;
}
 .edit_candidate .upload-btn-wrapper a{
     border: none;
     color: white !important;
     background-color: white;
     padding: 6px 20px;
     border-radius: 8px;
     font-size: 18px;
     font-weight: bold;
     background: #f89520;
     display: block;
     text-align: center;
}
 .edit_candidate .upload-btn-wrapper input[type=file] {
     font-size: 100px;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     background: none;
     height: 40px;
     margin-bottom: 0 !important;
}
 .edit_candidate button.choices_btn_green {
     margin-top: 15px;
}
/*Add Candidate*/
 .add_candidate .general-information {
     background-color: transparent;
}
 .add_candidate .general-information .nav-tabs a.nav-item {
     margin-bottom: -1px;
     margin: 0 5px;
     width: 19%;
     border-radius: 5px !IMPORTANT;
     text-align: center;
}

 .add_candidate .general-information-1 input[type='radio'] {
     width: 20px;
     height: 20px;
     border-radius: 50px;
     margin-bottom: 0;
     margin-right: .3125rem;
}
 .add_candidate .add-row{
     padding: 7px 30px;
     margin: 20px 0 20px;
}
 .add_candidate .col-md-4 a.edit-pop-btn {
     color: #5b5b5b;
     font-weight: 400;
     text-transform: uppercase;
     display: block;
}
 .add_candidate .general-information-1 input[type=file]:focus {
     outline: none;
}
 .add_candidate .row.btn-row .col-md-4 {
     align-self: center;
}
 .add_candidate .upload-btn-wrapper {
     position: relative;
     overflow: hidden;
     display: inline-block;
     width: 100%;
     margin-top: 5px;
}
 .add_candidate .upload-btn-wrapper a{
     border: none;
     color: white !important;
     background-color: white;
     padding: 6px 20px;
     margin-bottom: 0px;
}
 .add_candidate .upload-btn-wrapper input[type=file] {
     font-size: 100px;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     background: none;
     height: 40px;
     margin-bottom: 0 !important;
}
/*Interview page*/
 .interview_page_cus .row.form-group.edit-main-form-input-sec.resident-form select.custom-select {
     background-color: white;
     background-image: url(../../images/caret.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position: right;
}
 .interview_page_cus .row.main-job-advert-table-sec-cus1 table {
     width: 1300px;
}
 .interview_page_cus .main-table-data-cus3 td {
     padding: 25px 10px 20px 10px;
     font-weight: 500;
     text-align: center;
}
 .interview_page_cus .key-data-main-heading h3{
     font-weight: bold;
     padding-left: 31px;
     margin: 0 !important;
     font-size: 14px;
}
 .interview_page_cus .key-data-main-heading h4{
     font-weight: bold;
     padding-left: 31px;
     margin: 0 !important;
     font-size: 20px;
}
 .interview_page_cus .key-data-main-heading h3 {
     font-weight: 600;
     padding-left: 15px;
     font-size: 20px;
     padding-top: 40px;
     font-family: Montserrat-Bold;
     color: black;
}
.interview_page_cus .modal-body {
     position: relative;
     padding: 0px 15px 10px;
}
 .interview_page_cus#view-popup .modal-body p {
     margin-bottom: 0;
     padding-top: 5px;
     color: #000 !important;
     font-size: 14px;
     opacity: 0.9;
}
 .interview_page_cus#view-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background: #111f2c !important;
     border-top-left-radius: 5px !important;
     padding: 0;
}
 .interview_page_cus#view-popup .modal-header h3 {
     padding-left: 29px;
     color: white;
     padding-bottom: 10px;
     padding-top: 15px;
     font-size: 18px;
}
 .interview_page_cus#view-popup .modal-body {
     overflow-y: scroll;
     padding: 0 15px;
}
 .interview_page_cus .col-mad-12.key-data-main-heading {
     width: 100%;
}
 .interview_page_cus#view-popup .modal-body h4 {
     font-size: 14px;
     padding: 10px 0;
}
 .interview_page_cus#view-popup .modal-header button.close {
     margin-top: -2px;
     position: absolute;
     right: -5px !important;
     top: -5px;
     color: white !important;
     background: #dd1f26;
     opacity: 1;
     padding: 3px 7px !important;
     border-radius: 50%;
     z-index: 12 !important;
}
 .interview_page_cus#view-popup .modal-dialog {
     max-width: 700px;
}
/*Schedule*/
 .schedule_main_page .file_upload_custom_main h3 {
     border: 1px dotted black;
     text-align: center;
     padding: 20px 15px;
     width: 90%;
     font-size: 16px;
     position: absolute;
     height: 140px;
     left: 0;
     right: 0;
     top: 12px;
}
 .schedule_main_page .candidates-main-add-new-item-popup .modal-body .col-md-3 a {
     margin-right: 12%;
}
 .schedule_main_page .file_upload_custom_main h3{
     color: black !important;
}
 .schedule_main_page .file_upload_custom_main h3 i {
     font-size: 50px;
     margin-bottom: 10px;
}
 .schedule_main_page .file_upload_custom_main input {
     width: 83%;
     height: 140px;
     opacity: 0;
     cursor: pointer;
}
 .schedule_main_page .col-md-4.Candidates-main-section-btn {
     align-self: center;
}
 .schedule_main_page div#RECRUITMENT .five-col {
     padding: 0 10px;
     width: 20%;
}
 .schedule_main_page div#RECRUITMENT select#cars {
     padding: 0px 10px;
}
 .schedule_main_page #view-edit-info .modal-header {
     border-top: none !important;
     border-radius: 0px !important;
     background-color: #111f2c;
     border-top-left-radius: 5px !important;
}
 .schedule_main_page #view-edit-info > div > div > div.modal-header > a {
     background: #f99621;
     padding: 5px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
     text-decoration: none;
     margin: 10px 20px;
}
 .schedule_main_page .main-job-advert-table-sec-cus1 td.pending {
     color: #98362b;
}
 .schedule_main_page .main-job-advert-table-sec-cus1 table {
     width: 1500px;
}
 .schedule_main_page .reports-responsive {
     width: 100%;
     overflow-x: scroll;
}
 .schedule_main_page #view-edit-info p a {
     float: left;
}
 .schedule_main_page .row.form-group.row-second-view-edit {
     padding: 40px 20px;
}
 .schedule_main_page .candidates-main-add-new-item-popup .modal-body p {
     margin-bottom: 0;
     padding-top: 5px;
     color: black !important;
     font-size: 15px;
}
 .schedule_main_page .main-job-advert-table-sec-cus1 td {
     width: auto;
     padding: 25px 10px 20px 10px;
     font-weight: 500;
     text-align: center;
}
 .schedule_main_page #view-edit-info h3 {
     font-size: 18px;
     padding: 10px 10px;
     color: white;
     margin: 7px 10px;
}
 .schedule_main_page #view-edit-info .modal-dialog {
     max-width: 800px !important;
     margin: 1.75rem auto;
}
/*Add New Popup*/
 .schedule_main_page #add-new-popup .modal-header {
     border-top: none;
     border-radius: 2px !important;
     background-color: #111f2c;
     border-top-left-radius: 5px !important;
}
 .schedule_main_page .row.form-group.row-second-view-edit .col-md-12, .row.form-group.row-second-view-edit .col-md-8 {
     padding: 0;
}
 .schedule_main_page .job-adverts-main-add-new-item-popup .modal-body {
     position: relative;
     padding: 30px 15px 9px;
}
 .schedule_main_page #add-new-popup > div > div > div > div.modal-header > a {
     background: #f99621;
     padding: 5px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
     text-decoration: none;
     margin: 10px 20px;
}
 .schedule_main_page #add-new-popup .modal-body {
     overflow-y: scroll;
}
 .schedule_main_page #add-new-popup .modal-header h3 {
     padding-left: 29px;
     color: white;
     padding-bottom: 10px;
     padding-top: 15px;
     font-size: 18px;
}
 .schedule_main_page #add-new-popup hr {
     width: 90%;
}
 .schedule_main_page #add-new-popup .modal-body a {
     background: orange;
     padding: 6px 30px;
     color: white;
     text-decoration: none;
     border-radius: 3px;
     float: right;
}
 .schedule_main_page #add-new-popup input.form-control {
     background: #eee;
}
 .schedule_main_page #add-new-popup .row.form-group.name {
     border-bottom: none;
     width: 100%;
     margin: 10px auto;
}
 .schedule_main_page #add-new-popup .col-md-6, #add-new-popup .col-md-12 {
     padding: 0 15px 0 15px !important;
     margin-bottom: 10px;
}
 .schedule_main_page #add-new-popup label {
     font-weight: 400;
     display: inline-block;
}
 .schedule_main_page #add-new-popup .modal-dialog {
     max-width: 900px;
     margin-top: 7%;
}
 .schedule_main_page .col-md-3.main-table-btn-cusc {
     padding-top: 15px;
}
/*DBS Check */
 .dbs_check_page .col-md-4.job-advert-main-section-btn4 {
     align-self: center;
     margin-top:25px;
}
 .dbs_check_page .main-job-advert-table-sec-cus4 tr.heading-cus4 > th:nth-child(1) {
     width: 16% !important;
}
 .dbs_check_page .main-job-advert-table-sec-cus4 .heading-cus4 th {
     padding: 13px 20px;
     text-align: center;
}
 .dbs_check_page .main-job-advert-table-sec-cus4 table {
     width: 100% !important;
     max-width: 100% !important;
     display: inline-table !IMPORTANT;
}
 .dbs_check_page .reports-responsive table.filter_data {
     width: 100%;
     border-radius: 10px;
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     overflow: hidden !important;
     margin: 20px 10px 0;
}
 .dbs_check_page .col-md-12.form-col .col-md-2.five-col {
     padding: 15px 0px 10px;
}
/*New Starter*/
 .new_starters_page .heading-cus th {
     text-align: center;
}
 .new_starters_page .main-table-data-cus1 td {
     padding: 15px 20px;
     font-weight: 500;
     text-align: left;
}
 .new_starters_page .heading-cus th {
     padding: 13px 10px;
     text-align: left;
}
 .new_starters_page .heading-cus th:nth-child(1) {
     width: 15%;
}
 .new_starters_page .main-newstarter-table-sec-cus td.pending {
     color: #98362b;
}
 .new_starters_page .main-newstarter-table-sec-cus td.complete {
     color: #8ec63f;
}
 .new_starters_page .main-newstarter-table-sec-cus td {
     width: auto;
     padding: 25px 10px 20px 10px;
     font-weight: 500;
     text-align: center;
}
 .new_starters_page .main-newstarter-table-sec-cus .heading-cusc th {
     padding: 13px 5px;
     text-align: center;
}
 .new_starters_page .main-newstarter-table-sec-cus td.pending {
     color: #98362b;
}
 .new_starters_page .row.main-newstarter-table-sec-cus table {
     width: 100% !important;
     max-width: 100% !important;
     margin-left: 0;
}
/*Probation Page main*/
 .probation_staf_page input.datepicker.filters {
     padding: 5px 10px !important;
     border: none;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 500;
     width: 100% !important;
     display: block;
     height: 34px;
     margin-bottom: 25px;
     background-color: white !important;
}
/*refrence*/
 .refrence_page_cus .row.main-refrence-table-sec-cus2 {
     margin-top: 30px;
}
 .refrence_page_cus .main-refrence-table-sec-cus2 table {
     width: 100% !important;
     margin: 0 !important;
}
 .refrence_page_cus .row.main-refrence-table-sec-cus2 table {
     box-shadow: 0 0 10px #ccc;
     width: 100%;
     /*margin: 0 15px;*/
     border-radius: 10px;
     overflow: hidden !important;
     display: inline-table !IMPORTANT;
}
/*Referrals Pages*/
/*Main Referral Page*/
 .main_refferals_page .main-home-home-table-sec-cus1 {
     margin-top: 30px;
     margin-bottom: 50px;
}
 .main_refferals_page .main-reffral-form-cus.resident-profile.Home-detail-row {
     max-width: 100%;
     margin: 30px 30px;
     flex: 100%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
     box-shadow: 0 0 10px #ccc;
}
 .main_refferals_page .main-reffral-form-cus.Home-detail-row .form-row .col-12 {
     padding: 15px 30px 40px 30px;
}
 .main_refferals_page .resident-profile a.resident-profile-bts.first {
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .main_refferals_page .resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
 .main_refferals_page .resident-profile.buttons-row a.resident-profile-bts i {
     display: none;
}
 .main_refferals_page .resident-profile.buttons-row {
     margin-bottom: 0;
     max-width: 90%;
     margin: 30px 30px;
     flex: 90%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
}
 .main_refferals_page .main-reffral-form-cus.resident-profile.buttons-row{
     margin-bottom:30px;
}
 .main_refferals_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.small-heading {
     margin: 20px 25px 20px;
     color: black;
     font-weight: 700;
     font-family: Montserrat-medium;
     text-align: left;
     font-size: 18px;
}
 .main_refferals_page ul.direct-work-list {
     list-style: none;
     padding: 0;
}
 .main_refferals_page .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li:before {
     content: "";
     height: 10px;
     width: 10px;
     display: inline-block;
     background: #4576bb;
     border-radius: 50px;
     margin-right: 10px;
}
 .main_refferals_page .main-reffral-form-cus.resident-profile.Home-detail-row p.main-text {
     margin-bottom: 30px;
}
 .main_refferals_page .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li {
     padding: 15px 0;
}
/*Referals View*/
 .view_referrals_page .row.form-group.email-row-main .col-12.full-width-btn {
     margin-top: 30px;
}
 .view_referrals_page .row.form-group.email-row-main a.resident-profile-bts.first {
     background: #8ec63f;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .view_referrals_page .row.form-group.email-row-main a.resident-profile-bts.second {
     background: #40a4c6;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .view_referrals_page .row.form-group.email-row-main a.resident-profile-bts.five {
     background: #7a5ea8;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .view_referrals_page .row.form-group.email-row-main a.resident-profile-bts {
     display: block;
     text-align: center;
     padding: 12px 0 !IMPORTANT;
}
 .view_referrals_page .resident-profile.buttons-row {
     margin-bottom: 0;
     max-width: 90%;
     margin: 0px 30px;
     flex: 90%;
     border-radius: 10px !IMPORTANT;
     padding: 50px 0 20px 0px;
}
 .view_referrals_page .main-home-home-table-sec-cus1 {
     margin-top: 30px;
}
 .view_referrals_page .row.form-group.email-row-main {
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px;
     padding: 40px 0;
     margin: 0 0px;
     background-color: white;
}
 .view_referrals_page .row.form-group.email-row-main .form-check label {
     text-transform: none;
     font-weight: 300;
     color: black;
     font-size: 15px;
     margin-left: 40px;
     margin-top: 5px;
}
 .view_referrals_page .row.form-group.email-row-main input[type="checkbox"] {
     box-shadow: none;
     height: 25px;
     width: 25px;
     margin-left: 0;
}
 .view_referrals_page .row.form-group.email-row-main .form-check {
     margin-bottom: 12px;
     padding:0px;
}
 .view_referrals_page .row.form-group.email-row-main .col-md-7 {
     padding: 0 90px 0px 30px;
}
 .view_referrals_page .row.form-group.email-row-main a.resident-profile-bts i.fa {
     display: none;
}
/*Middle-button-ro*/
 .view_referrals_page .form-row.midd-btn-row {
     padding: 50px 10px 10px 10px;
}
 .view_referrals_page .row.table_box_cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 0 0px 30px;
     flex: 100%;
     border-radius: 10px;
     overflow: hidden !important;
     width: 100%;
     background: white;
     padding: 0px 0px 25px;
}
 .view_referrals_page .row.table_box_cus .col-md-12.bg_heading {
     padding: 0;
}
 .view_referrals_page .row.table_box_cus .col-md-3, .view_referrals_page .row.table_box_cus .col-md-2 {
     align-self: center;
}
 .view_referrals_page .row.table_box_cus .bg_heading h2 {
     background-color: #11202c;
     color: white;
     margin-bottom: 30px;
     border-radius: 5px 5px 0 0;
     padding: 15px 20px;
     font-size: 16px;
     font-weight: 600;
}
 .view_referrals_page .row.table_box_cus button {
     margin-top: 5px;
}
/*Referrlas Database */
 .referrals_database_page .col-md-8 h1.main-employees-title-cus {
     margin: 25px 0;
     text-transform: capitalize;
}
 .referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form select.custom-select {
     border-radius: 7px;
     border: none;
     z-index: 99;
     height: 40px;
     width: 100% !IMPORTANT;
     display: inline-block;
     background: white;
     box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75);
     background-image: url(../../images/caret.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position: right;
     padding: 7px 18px;
     margin-bottom: 10px !important;
}
 .referrals_database_page .col-md-4.job-advert-main-section-btn {
     align-self: center;
     margin-top: 20px;
     text-align: right;
}
 .referrals_database_page .main-table-data-cus3 td {
     padding: 25px 10px 20px 10px;
     font-weight: 500;
     text-align: center;
}
 .referrals_database_page h1 {
     margin: 10px 0 20px;
     text-transform: uppercase;
}
 .referrals_database_page .main-job-advert-table-sec-cus1 .heading-cusc th {
     text-align: center;
}
 .referrals_database_page .row.main-job-advert-table-sec-cus1 table {
     width: 100%;
}
 .referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form {
     margin-top: 30px;
}
 .referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form.top-form input.form-control {
     background: white !IMPORTANT;
     box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75) !important;
}
 .referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form.top-form .col-5.search-result {
     margin-top: 25px;
}
 .referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form.top-form .col-5.search-result span.search-reslt {
     border: 2px solid tomato;
     padding: 10px 30px;
     border-radius: 10px;
     margin-left: 20px;
}
 .referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form.top-form .col-2:last-child {
     align-self: center;
     margin-top: 15px;
}
 .referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form.top-form a.main-search-btn.choices_btn_orange {
     padding: 7px 24px;
}
/*Email Lists*/
 .email_list_refrrals .row.form-group.buttons_row .col-2 {
     align-self: center;
}
 .email_list_refrrals .buttons_row a.button {
     width: 100% !important;
     display: block;
     padding: 10px 10px;
}
 .email_list_refrrals .buttons_row .col-4.search {
     align-self: center;
}
 .email_list_refrrals .buttons_row .col-4.search .wrap {
     width: 100%;
}
 .email_list_refrrals .buttons_row .search {
     width: 100%;
     position: relative;
     display: flex;
}
 .email_list_refrrals .buttons_row .searchTerm {
     width: 100%;
     border-right: none;
     padding: 20px 20px;
     height: 20px;
     border-radius: 5px 5px 5px 5px;
     outline: none;
     background: #e9e7e8;
     border: none;
     position: relative;
}
 .email_list_refrrals .buttons_row .searchTerm:focus {
     outline: none;
     box-shadow: unset;
     background: #e9e7e8 !important;
}
 .email_list_refrrals .buttons_row .search button {
     outline: none;
}
 .email_list_refrrals .buttons_row .search button.close_icon {
     margin-right: 0;
     position: absolute;
     right: 11%;
     top: 8px;
}
 .email_list_refrrals .buttons_row .search button.close_icon.active {
     display: block;
}
 .email_list_refrrals .buttons_row .searchButton {
     width: 30px;
     text-align: center;
     color: #5f5f5f;
     border-radius: 0 5px 5px 0;
     cursor: pointer;
     font-size: 20px;
     position: absolute;
     right: 1%;
     top: 5px;
}
/*Email list*/
 .email_list_refrrals .row:first-child {
     margin-bottom: 18px;
}
 .email_list_refrrals .row.email_list_section {
     background: white;
     padding: 5px 15px;
     border-radius: 10px;
     border-left: 5px solid #1b73bb;
     margin: 7px 20px;
}
 .email_list_refrrals .row.email_list_section p.email_sub_text {
     padding-top: 5px;
     margin-bottom: 0;
}
 .email_list_refrrals .row.email_list_section h3.icon_heading {
     margin-bottom: 2px;
     font-size: 18px;
     text-transform: unset;
}
 .email_list_refrrals .row.email_list_section i.fa.fa-envelope {
     color: #1b76bd;
     font-size: 17px;
     margin-right: 10px;
}
 .email_list_refrrals .row.email_list_section .time_delet {
     text-align: right;
}
 .row.email_list_section h4.email_time {
     color: #a4a4a4 !important;
     font-weight: 300;
     font-size: 15px;
     margin-top: 2px;
}
 .row.email_list_section a.delet_icon {
     color: #a4a4a4;
     display: inline-block;
     padding-top: 0px;
     font-size: 20px;
     padding-left: 15px;
}
/*table*/
 .email_list_refrrals .row.email_list_section table.email_list {
     width: 100%;
}
 .email_list_refrrals .row.email_list_section table.email_list td:first-child {
     width: 5%;
}
 .email_list_refrrals .row.email_list_section table.email_list td.icon_heading {
     font-weight: 600;
     width: 22%;
}
 .email_list_refrrals .row.email_list_section table.email_list td {
     background: white;
     border: none;
     padding: 2px 12px;
     font-size: 15px;
}
 .email_list_refrrals .row.email_list_section table.email_list td.email_sub_text a {
     color: #3b3a3a;
}
 .email_list_refrrals .row.email_list_section table.email_list td.email_time {
     text-align: right;
}
 .email_list_refrrals .row.email_list_section table.email_list td.email_sub_text {
     float: left;
}
 .email_list_refrrals .row.email_list_section table.email_list td.icon_heading {
     font-weight: 600;
}
 .email_list_refrrals .row.email_list_section table.email_list tr {
     background: white;
}
/*Email send list*/
 .email_list_refrrals.email_send table.email_list td.icon_heading {
     width: 30% !important;
}
/*pagination*/
 .email_list_refrrals .crm-pagination-wrapper ul.pagination {
     float: right;
     margin-top: 15px;
}
/*Email & Documents*/
 .email_document_refrrals .row.form-group.edit-main-form-input-sec.resident-form select.custom-select {
     border-radius: 7px;
     border: none;
     z-index: 99;
     width: 100% !IMPORTANT;
     display: inline-block;
     background: white;
     box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75);
     background-image: url(../images/caret.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position: right;
     padding: 7px 18px;
     margin-top: 20px;
}
 .email_document_refrrals .col-md-4.job-advert-main-section-btn {
     align-self: center;
}
 .email_document_refrrals .resident-profile button.resident-profile-bts i {
     padding-right: 6px;
}
 .email_document_refrrals .resident-profile button.resident-profile-bts.second {
     background: #40a4c6;
     padding: 7px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .email_document_refrrals .resident-profile button.resident-profile-bts.first {
     background: #8ec63f;
     padding: 7px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .email_document_refrrals .resident-profile button.resident-profile-bts.third {
     background: #f99621;
     padding: 7px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .email_document_refrrals .resident-profile.buttons-row {
     margin-bottom: 0;
     max-width: 90%;
     margin: 0px 30px;
     flex: 90%;
     border-radius: 10px !IMPORTANT;
     padding: 50px 0 20px 0px;
}
 .email_document_refrrals .edit-main-form-input-sec .col-md-12.center-btn {
     text-align: center;
     padding-top: 54px;
}
 .email_document_refrrals .buttons_row a.button.choices_btn_orange {
     width: 100% !important;
     display: block;
     padding: 10px 10px;
}
 .email_document_refrrals .email-row-main label {
     font-weight: 600;
}
 .email_document_refrrals .email-row-main label span {
     font-weight: 400;
     font-size: 13px;
}
 .email_document_refrrals .buttons-row .form-row.btn-row .col-4 {
     text-align: center;
}
 .email_document_refrrals .row.form-group.email-row-main {
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px;
     padding: 40px 0;
     margin: 0 0px;
     background-color: white;
}
/*Email Detail Page*/
 .referrals_email_detail .email_detail h3.email_heading {
     margin-bottom: 0;
     margin-top: 5px;
}
 .referrals_email_detail .email_detail ul.inside_lists {
     list-style: none;
     padding: 0;
     display: inline-block;
}
 .referrals_email_detail .email_detail ul.inside_lists li, .referrals_email_detail ul.inside_doc_lists li {
     padding: 5px 5px;
     display: inline-block;
}
 .referrals_email_detail .email_detail ul.inside_lists li i.fa , .referrals_email_detail .email_detail ul.inside_doc_lists li i.fa {
     margin-right: 5px;
     color: #1a75bc;
}
 .referrals_email_detail .email_detail img.email_avater {
     height: 55px;
     width: 55px;
     border-radius: 100%;
     padding: 10px 10px;
     object-fit: cover;
     background: #f4f4f4;
}
 .referrals_email_detail .email_detail .row.doc_bar {
     background: #fcfcfc;
     padding: 2px 10px;
     border: 1px solid #dadce0;
     color: #616161;
     margin-top: 20px;
     margin-bottom: 30px;
}
 .referrals_email_detail .email_detail ul.inside_doc_lists {
     list-style: none;
     padding: 0;
     margin-bottom: 0;
}
 .referrals_email_detail .email_detail .row.content_area {
     margin-bottom: 50px;
}
 .referrals_email_detail .email_detail .button_area a {
     border: 2px solid #dadce0;
     color: #616161;
     padding: 5px 25px;
     border-radius: 5px;
     text-decoration: none;
}
 .referrals_email_detail .email_detail .button_area a i.fa {
     margin-right: 8px;
}
/*expand details*/
 .referrals_email_detail .email_detail ul.inside_lists .expand_details td {
     padding: 5px 10px;
     background: white;
     font-size: 14px;
}
 .referrals_email_detail .email_detail ul.inside_lists .expand_details td.header-title {
     font-weight: 600;
}
 table.expand_details {
     display: none;
}
 ul.inside_lists table.expand_details {
     display: none;
}
 .referrals_email_detail .email_detail ul.inside_lists li.detail_link table.expand_details.open {
     display: block;
     padding: 10px 10px;
     box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 75%);
     border-radius: 5px;
     position: absolute;
     z-index: 999;
}
 .referrals_email_detail .email-row-main h3.pb-3 {
     padding-bottom: 0 !important;
     display: inline-block;
     margin-top: 0;
}
 .referrals_email_detail .email_detail ul.inside_lists a {
     color: #5f5f5f;
     font-size: 15px;
}
 .referrals_email_detail a.crmreplyall {
     color: #5f5f5f;
     font-size: 16px;
     font-weight: 700;
}
 .referrals_email_detail .top_heading_part .col-md-6:last-child {
     text-align: right;
     padding: 0 50px;
}
 .referrals_email_detail a.crmreplyall i {
     color: #5f5f5f;
     font-size: 20px;
     margin-right: 5px;
}
/*maching matrix pages*/
 .matching_metrix_1 .main-home-home-table-sec-cus1 > table > tbody > tr:nth-child(even) {
     background: white;
}
 .matching_metrix_1 .main-home-table-data-cus3 td {
     padding: 15px 20px 15px 35px;
     font-weight: 500;
     text-align: center;
}
 .matching_metrix_1 .main-home-home-table-sec-cus1 {
     margin-top: 30px;
}
 .matching_metrix_1 .main-home-home-table-sec-cus1 .heading-cusc th.first {
     width: 35%;
}
 .matching_metrix_1 > div.main-home-home-table-sec-cus1 > table > tbody > tr > td:nth-child(1), .matching_metrix_1 > div.main-home-home-table-sec-cus1 > table > tbody > tr > td:nth-child(2) {
     border-right: 1px solid #111f2c;
}
 .matching_metrix_1 .button-row a.next-btn {
     float: right;
     margin-top: 20px;
     margin-bottom: 20px;
}
 .matching_metrix_1 .home-add-btn-cus h4 {
     margin: 20px 0px 0;
     width: 50%;
     border-radius: 5px;
     padding: 12px 0;
     color: black;
     float: right;
     border: 1px solid #8dc640;
     text-align: center;
     font-size: 15px;
}
/*matrix 2*/
 .maching_matrix_2 .with_reminder_btn_date a {
     margin: 0 !important;
     float: none !important;
     background: transparent !important;
     color: black !important;
     padding: 0 !important;
}
 .maching_matrix_2 .main-home-home-table-sec-cus1 > table > tbody > tr:nth-child(even) {
     background: white;
}
 .maching_matrix_2 .main-home-table-data-cus3 td {
     height: 88px;
     border: 1px solid;
     font-weight: 500;
     text-align: center;
}
 .maching_matrix_2 .main-home-home-table-sec-cus1.col-md-6 {
     float: left;
     padding-left: 0px;
     padding-right: 0px;
}
 .maching_matrix_2 .main-home-home-table-sec-cus1.col-md-5 {
     float: left;
     padding-left: 0px;
     padding-right: 0px;
}
 .maching_matrix_2 .main-home-home-table-sec-cus1.sizes {
     float: left;
     padding-left: 0px;
     padding-right: 0px;
}
 .maching_matrix_2 .main-home-home-table-sec-cus1 i.fa {
     position: relative;
     right: 11px;
     font-size: 26px;
}
 .maching_matrix_2 .main-home-home-table-sec-cus1 {
     margin-top: 30px;
}
 .maching_matrix_2 .matrix_tables .main-home-table-data-cus3 td:first-child {
     width: 45%;
}
 .maching_matrix_2 .heading-cusc th {
     padding: 0px;
     height: 92px;
}
 .maching_matrix_2 .main-home-home-table-sec-cus1 tr.main-home-table-data-cus3 i.fa.fa-close {
     font-size: 30px;
}
 .maching_matrix_2 .home-add-btn-cus h4 {
     margin: 20px 0px 0;
     width: 50%;
     border-radius: 5px;
     padding: 12px 0;
     color: black;
     float: right;
     border: 1px solid #8dc640;
     text-align: center;
     font-size: 15px;
}
/*Homes Pages*/
/*Main Home*/
 .homes_page_cus .home-grey-btn-cus h3 {
     margin: 20px 0px 0;
     width: 100%;
     border-radius: 5px;
     padding: 12px 0;
     color: black;
     border: 1px solid #8dc640;
     text-align: center;
     font-size: 15px;
}
 .homes_page_cus .main-home-home-table-sec-cus1 table {
     margin-top: 30px;
}
 .homes_page_cus .row.main-filter-row {
     width: 100% !IMPORTANT;
     margin: 20px 10px 20px 10px;
}
/*Activity suit detail*/
 .homes_activity_suit_details .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 20px 0;
     flex: 100%;
     border-radius: 10px;
}
 .homes_activity_suit_details .acknowledgement-main-activity-suit {
     background: white;
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px;
}
 .homes_activity_suit_details .acknowledgement-main-activity-suit img {
     width: 100%;
     padding: 10px;
     border-radius: 20px;
     height: 50vh;
     object-fit: cover;
     margin-top: 20px;
     margin-left: 10px;
}
 .homes_activity_suit_details .acknowledgement-main-activity-suit-row-b {
     padding: 40px 20px 0;
}
 .homes_activity_suit_details .acknowledgement-main-activity-suit-row-b p {
     font-weight: 300;
}
 .homes_activity_suit_details .acknowledgement_main_form1 .col-6, .acknowledgement_main_form1 .col-12 {
     margin-bottom: 20px;
     padding: 10px 15px 10px !important;
}
 .homes_activity_suit_details .acknowledgement_main_form1 label {
     font-weight: 300;
     display: block;
     text-transform:none;
}
 .homes_activity_suit_details .acknowledgement_main_form1 input, .homes_activity_suit_details .acknowledgement_main_form1 textarea, .homes_activity_suit_details .acknowledgement_main_form1 select {
     color: black;
     font-weight: 300;
     background-color: #eee;
}
 .homes_activity_suit_details .acknowledgement_main_form1 .form-check.form-check-inline {
     margin-right: 15px;
}
 .homes_activity_suit_details .acknowledgement_main_form1 .form-check {
     margin-bottom: 10px;
}
 .homes_activity_suit_details .acknowledgement_main_form1 .form-check label {
     text-transform: none;
     font-weight: 300;
}
 .homes_activity_suit_details .inner_form_heading {
     margin-bottom: 0 !important;
}
 .homes_activity_suit_details .inner_form_heading h4 {
     text-align: center;
     margin-bottom: 30px;
     font-size: 25px;
}
 .homes_activity_suit_details .select_related_forms_btn {
     background: #f89520 !important;
     margin-top: 20px;
}
 .homes_activity_suit_details .block_radio_cus_box label {
     display: inline-block;
}
 .homes_activity_suit_details .form-row.main-rowof-form-custom {
     padding: 0 20px;
}
 .homes_activity_suit_details .main-checkbox-section label {
     max-width: 70%;
     display: inline-block;
     margin-left: 10px;
}
.homes_activity_suit_details .main-checkbox-section input[type="checkbox"] {
    max-width: 30%;
    display: inline-block;
    margin-top: 0;
}
 .homes_activity_suit_details .acknowledgement-main-activity-suit-c h3 {
     font-size: 17px;
     font-family: Montserrat-Semibold;
}
 .homes_activity_suit_details .acknowledgement-main-activity-suit-c p {
     margin-left: 0;
}
 .homes_activity_suit_details .acknowledgement-main-activity-suit-c .col-md-4, .homes_activity_suit_details .acknowledgement-main-activity-suit-c .col-md-6 {
     padding-left: 30px !important;
}
 .homes_activity_suit_details .acknowledgement-main-activity-suit-c .col-md-2 {
     margin-top: 20px;
}
/*Home Documents*/
 .homes_documents .main-reffral-form-cus .form-row .col-12, .homes_documents .main-reffral-form-cus .form-row .col-6 {
     padding: 15px 0px;
}
 .homes_documents .main-reffral-form-cus.resident-profile .form-row .col-6 {
     padding: 10px 0px;
}
 .homes_documents .main-reffral-form-cus.resident-profile {
     padding-bottom: 0;
     padding: 20px 20px !Important;
}
 .homes_documents .main-reffral-form-cus.resident-profile .form-row {
     padding: 0px 0px;
     padding-left: 0;
}
 .homes_documents .main-reffral-form-cus.resident-profile .form-row.btn-row {
     width: 100%;
}
 .homes_documents .resident-profile a.resident-profile-bts {
     display: block;
     text-align: center;
     font-size: 14px;
     padding: 14px 5px !important;
     margin: 0 10px;
}
 .homes_documents .resident-profile {
     margin: 30px 0px;
}
 .homes_documents .resident-profile.buttons-row h1 {
     margin-top: 0;
     margin-left: 0;
     text-transform: capitalize;
}
 .homes_documents .resident-profile.buttons-row h2.small-heading {
     color: #5f5f5f;
     font-family: Montserrat;
     text-align: left;
     font-size: 18px;
     margin-bottom: 30px;
}
 .homes_documents .col-md-12.tracker-title h1 {
     margin-top: 40px !important;
}
 .homes_documents .col-md-6.main-two-col {
     margin: 0 10px;
     display: inline-block;
     max-width: 47%;
}
 .homes_documents .main-reffral-form-cus.resident-profile.inner-btn-row {
     padding: 10px 0px;
     height: 250px;
}
 .homes_documents .main-two-col h4 {
     text-transform: capitalize;
     font-size: 20px;
     margin-top: 10px;
}
 .homes_documents .documents-1-cust h4 {
     margin: 10px 0px 10px;
}
 .homes_documents .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
}
 .homes_documents .documents-1-cust {
     width: 100% !important;
     margin: 0 15px;
}
 .homes_documents .documents-1-cust .col-4 {
     padding: 10px 10px !important;
     margin: 0 0px;
     width: 33%;
     max-width: 33%;
     flex: 33%;
}
 .homes_documents .documents-1-cust .main-reffral-form-cus.resident-profile {
     padding: 10px 10px 10px 15px !important;
}
 .homes_documents .documents-1-cust a {
     width: 100%;
     margin: 0px !important;
}
 .homes_documents .documents-1-cust .main-reffral-form-cus.resident-profile .form-row.btn-row {
     width: 100%;
     margin: 0px !important;
}
/*Home Reports*/
 .homes_reports_page input#reportrange {
     padding: 5px 10px !important;
     border: none;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
     font-weight: 500;
     width: 100% !important;
     display: block;
     background-color: white;
}
 .homes_reports_page .row.inside_row_report .col-md-6, homes_reports_page .row.inside_row_report .col-md-4, homes_reports_page .row.inside_row_report .col-md-3, homes_reports_page .row.inside_row_report .col-md-12 {
     margin: 10px 0;
}
 .homes_reports_page input#reportrange:focus {
     background: white !important;
}
 .homes_reports_page div#optionsTag {
     margin-top: 10px;
}
 .homes_reports_page div#optionsTag label {
     display: block;
     width: 100% !IMPORTANT;
}
 .homes_reports_page div#viewTag {
     margin-top: 10px;
}
 .homes_reports_page .col-md-3 button#run {
     display: block;
     width: 80%;
     margin-top: 35px;
} 
.homes_reports_page .col-md-3 button#clear {
     display: block;
     width: 80%;
     margin-top: 35px;
}
 .homes_reports_page div#viewTag label {
     display: block;
     width: 100% !IMPORTANT;
}
 .hidden_lable {
     visibility: hidden;
     margin-bottom: 15px;
}
 .homes_reports_page .btn_col {
     align-self: center;
}
 .homes_reports_page text.highcharts-credits {
     display: none;
}
/*.homes_reports_page select#view-type {
     display: inline-block;
     width: 60% !IMPORTANT;
}
 */
/* Documents List page*/
 .document_upload h2.sub-text-cust {
     margin: 0px 0px 10px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: uppercase;
     text-align: left;
     font-size: 20px;
}
 .document_upload .document-create-date {
     margin: 0;
}
 div#upload-doc .modal-dialog {
     margin: 100px auto 0;
}
 div.document_upload#upload-doc .upload-btn-wrapper {
     display: block;
     width: 55%;
}
 div.document_upload#upload-doc .upload-btn-wrapper a {
     display: block;
     float: left;
     width: 100%;
}
 .document_upload .fire-extinguisher-check {
     padding: 20px 0 10px !important;
     background: white;
}
 .document_upload .fire-extinguisher-check tr.no-found {
     background: unset;
}
 .document_upload table.fire-extinguisher-check-1 {
     max-width: 100%;
     margin: 0 0px;
     flex: 100%;
     border-radius: 10px;
     width: 100%;
}
 .document_upload table tr:nth-child(odd) {
     background: transparent;
}
 .document_upload .fire-extinguisher-check-1 td {
     padding: 20px 15px;
     font-weight: 500;
     text-align: left;
}
 .document_upload .fire-extinguisher-check-1 img {
     width: 25px;
     height: 25px;
     display: inline-block;
     margin: 0 !IMPORTANT;
}
/*Home Apps*/
 .homes_apps_page form.acknowledgement_main_form1 {
     padding: 0;
}
 .homes_apps_page .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 20px 0;
     flex: 100%;
     border-radius: 10px;
}
 .homes_apps_page .acknowledgement-main-activity-suit {
     background: white;
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px;
     margin-bottom: 30px;
}
 .homes_apps_page .acknowledgement-main-activity-suit img {
     width: 60%;
     height: 200px;
     padding: 20px;
     border-radius: 100px;
     object-fit: cover;
}
 .homes_apps_page .row.acknowledgement-main-activity-suit-a .col-md-8.app-col-cus {
     align-self: center;
}
 .homes_apps_page .row.acknowledgement-main-activity-suit-a h2.app-main-title {
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     font-size: 25px;
}
/*Activity suit*/
 .activity_suit_page p.reffrals-text {
     margin: 0 25px 20px;
}
 .activity_suit_page .row.acknowledgement-main-activity-suit-a {
     padding: 10px 10px !important;
}
 .activity_suit_page .col-md-12 hr.black-border {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid black;
}
 .activity_suit_page .row.signe-row-cus h1.signed-title span {
     font-size: 15px;
}
 .activity_suit_page .row.signe-row-cus {
     width: 100%;
}
 .activity_suit_page p {
     margin: 0px 0px 20px;
     color: #5f5f5f;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 14px;
}
 .activity_suit_page .acknowledgement-main-activity-suit {
     background: white;
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px;
     margin-bottom: 30px;
}
 .activity_suit_page .acknowledgement-main-activity-suit img {
     width: 100%;
     height: 50vh;
     padding: 10px;
     border-radius: 20px;
     object-fit: cover;
}
 .activity_suit_page .row.acknowledgement-main-activity-suit-b {
     padding: 20px 0 0;
     border-bottom: 1px solid #ccc;
     max-width: 100%;
}
 .activity_suit_page .acknowledgement-main-activity-suit-a span {
     font-weight: 600;
     font-family: Montserrat-Semibold;
     font-size: 14px;
}
 .activity_suit_page .row.acknowledgement-main-activity-suit-c {
     padding-top: 30px;
}
 .activity_suit_page .acknowledgement-main-activity-suit-c span {
     margin-bottom: 20px;
}
 .activity_suit_page .acknowledgement-main-activity-suit-b .col-md-8 {
     padding-left: 0;
}
 .activity_suit_page .acknowledgement-main-activity-suit-main-btn a {
     margin-bottom: 10px;
     display: block;
     padding: 5px 10px;
     width: 100%;
}
/* Add new Activity*/
 .add_activity_suit_page .general-information {
     background-color: white;
     border-radius: 5px;
     padding: 0 !important;
}
 .add_activity_suit_page .general-information-1 {
     background-color: white;
     border-radius: 5px;
     padding: 0 30px;
     box-shadow: 0 0 5px #ccc;
}
 .add_activity_suit_page .general-information-1 .main-image-sec-cus p {
     color: black !important;
     padding-left: 29px;
     padding: 10px 0px 0;
}
 .add_activity_suit_page .main-image-sec-cus img {
     width: 100%;
     position: relative;
     height: 220px;
     max-width: 100%;
     vertical-align: middle;
     object-fit: cover;
     object-position: center;
     border-radius: 5px;
}
 .add_activity_suit_page .general-information-2 button {
     margin: 20px 0 20px;
}
 .add_activity_suit_page .key-data-main-heading h3 {
     font-weight: 600;
     padding: 10px 0 10px 15px;
     font-size: 22px;
     font-family: Montserrat-Bold;
     color: black;
     margin-bottom: 0px;
     border-radius: 5px 5px 0 0;
}
 .add_activity_suit_page .row.form-group.phone {
     max-width: 100%;
     margin: 10px auto;
}
/* In House Education Page*/
 .inHouse_education_page h4 {
     font-size: 20px;
}
 .inHouse_education_page a i.fa.fa-file-archive-o {
     padding-right: 10px;
}
 .col-md-9.Recruitmtnt-main-section3.inHouse_education_page {
     padding: 30px 30px !IMPORTANT;
}
 .inHouse_education_page a img {
     width: 11%;
     position: relative;
     bottom: 3px;
}
 .inHouse_education_page table a {
     color: blue !important;
}
 .inHouse_education_page .acknowledgement_main_form1 {
     padding: 0;
}
 .inHouse_education_page .acknowledgement_main_form1 .col-6 {
     margin-bottom: 50px;
}
 .inHouse_education_page .acknowledgement_main_form1 .col-12 {
     padding-right: 0 !IMPORTANT;
     margin-bottom: 10px;
}
 .inHouse_education_page .acknowledgement_main_form1 label {
     font-weight: 300;
     text-transform: none;
     display: block;
}
 .inHouse_education_page .acknowledgement_main_form1 input, .inHouse_education_page .acknowledgement_main_form1 textarea, .inHouse_education_page .acknowledgement_main_form1 select {
     background-color: #eee;
     color: black;
     font-weight: 300;
}
 .inHouse_education_page .acknowledgement_main_form1 button {
     font-weight: 100;
     font-size: 18px;
     width: 100%;
}

 .inHouse_education_page .upload-btn-wrapper, .inHouse_education_page .acknowledgement_main_form1 button {
     margin-bottom: 30px;
     margin-top: 0;
}
 .inHouse_education_page .acknowledgement_main_form1 .form-check {
     margin-bottom: 10px;
}
 .inHouse_education_page .acknowledgement_main_form1 .form-check label {
     text-transform: none;
     font-weight: 300;
}
 .inHouse_education_page .inner_form_heading {
     margin-bottom: 0 !important;
}
 .inHouse_education_page .inner_form_heading h4 {
     text-align: center;
     margin-bottom: 30px;
     font-size: 25px;
}
 .inHouse_education_page .select_related_forms_btn {
     background: #f89520 !important;
     margin-top: 20px;
}
 .inHouse_education_page .block_radio_cus_box label {
     display: inline-block;
}
 .inHouse_education_page .col-md-12.top-section-btn .col-md-4 {
     align-self: center;
}
 .inHouse_education_page .main-div {
     background: white;
     padding: 30px 30px 0;
     box-shadow: 0 0 10px #ccc;
     margin-bottom: 50px;
}
 .inHouse_education_page table.table.main-reffral-form-cus-table {
     margin: 0px 10px;
}
 .inHouse_education_page tr.main-reffral-form-cus-table-heading {
     background: #111f2c !important;
     color: white;
}
 .inHouse_education_page table.table.main-reffral-form-cus-table {
     box-shadow: 0 0 10px #ccc;
     max-width: 97%;
     flex: 97%;
     border-radius: 10px;
     overflow: scroll !important;
     width: 97%;
     margin: 30px auto;
}
 .inHouse_education_page tr.main-data-sec-cus {
     background: white;
}
 .inHouse_education_page .main-data-sec-cus a {
     padding: 0;
     text-align: left;
}
 .inHouse_education_page .acknowledgement_main_form i.fa.fa-file-archive-o {
     margin-right: 10px;
     font-size: 21px;
}
 .inHouse_education_page .main-data-sec-cus a {
     margin: 0 !important;
     background: none !important;
     color: blue !important;
     width: 100%;
}
/*Indepencdance*/
/*Main */
 .independance-work-page .col-md-12 hr.black-border {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid black;
}
 .independance-work-page .row.signe-row-cus h1.signed-title span {
     font-size: 15px;
}
 .independance-work-page .row.signe-row-cus {
     width: 100%;
}
 .independance-work-page h1.second-title {
     margin-top: 20px;
     text-transform: capitalize;
}
 .independance-work-page .row.signe-row-cus h1.signed-title {
     margin: 70px 0px 20px 25px;
     color: #5f5f5f;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 25px;
}
 .independance-work-page h1.third-title {
     margin-top: 40px;
     text-transform: capitalize;
}
 .independance-work-page .row.signe-row-cus textarea#exampleFormControlTextarea1 {
     margin-top: 40px;
     border: 1px solid;
}
 .independance-work-page .main-reffral-form-cus .form-row {
     padding: 10px 25px;
}
 .independance-work-page .main-reffral-form-cus .form-row .col-3.sign-here-field input.form-control {
     background-color: #e9e7e8;
     border: none;
     border-radius: 5px;
     padding: 20px 10px;
     width: 70%;
     float: right;
     box-shadow: none;
}
 .independance-work-page .main-reffral-form-cus .form-row textarea.form-control {
     background-color: #e9e7e8;
     border: none;
     border-radius: 5px;
     padding: 20px 10px;
     width: 100%;
     box-shadow: none;
}
 .independance-work-page.main-reffral-form-cus .form-row .col-9, .independance-work-page .main-reffral-form-cus .form-row .col-3 {
     padding: 15px 10px;
}
 .independance-work-page .main-reffral-form-cus .form-row .col-5, .independance-work-page .main-reffral-form-cus .form-row .col-7 {
     padding: 15px 10px;
     align-self: center;
}
 .independance-work-page .select_related_forms_btn {
     background: #f89520 !important;
     margin-top: 20px;
}
 .independance-work-page .main-reffral-form-cus .form-row label {
     font-weight: 600;
     color: #5f5f5f;
}
 .independance-work-page .bigtextarea {
     width: 95%;
     margin: 0 auto;
}
 .independance-work-page .main-reffral-form-cus .form-row input[type=date]::-webkit-inner-spin-button{
     -webkit-appearance: none;
     display: none;
}
 .independance-work-page .main-reffral-form-cus.resident-profile {
     padding-bottom: 0;
}
 .independance-work-page .main-reffral-form-cus.resident-profile .form-row {
     padding: 0px 10px;
}
 .independance-work-page .resident-profile {
     max-width: 100%;
     margin: 30px 20px;
     flex: 90%;
     border-radius: 10px !IMPORTANT;
     box-shadow: 0 0 10px #ccc;
     padding: 0px 0 20px 0px;
}
 .independance-work-page .main-reffral-form-cus.Home-detail-row .form-row .col-12 {
     padding: 15px 30px 40px 30px;
}
 .independance-work-page .acknowledgement_main_form1 input[type="checkbox"] {
     box-shadow: none;
     height: 25px;
     width: 25px;
     margin-left: 50px;
}
 .independance-work-page .acknowledgement_main_form1 .form-check.form-check-inline {
     margin-right: 15px;
}
 .independance-work-page .acknowledgement_main_form1 .form-check {
     margin-bottom: 10px;
}
 .independance-work-page .acknowledgement_main_form1 .form-check label {
     text-transform: none;
     font-weight: 300;
     float: left;
     width: 90%;
     text-align: left;
}
/*Independance Work*/
 .independance-work-page form.acknowledgement_main_form1 .box-row p.border-text {
     margin: 0;
     font-size: 17px;
}
 .independance-work-page form.acknowledgement_main_form1 .box-row {
     max-width: 100%;
     margin: 10px 20px;
     flex: 100%;
     padding: 15px 10px;
     border: 1px solid;
}
 .independance-work-page .row.two-btn-cus {
     max-width: 100%;
     margin: 10px 20px;
     flex: 100%;
     padding: 15px 0px;
}
 .independance-work-page .form-row.inside-row-cus.last-list-area ul.independ-main-bottom-list li {
     padding: 9px 0;
}
 .independance-work-page .main-reffral-form-cus.resident-profile .form-row.submit {
     width: 100%;
}
 .independance-work-page .form-row.submit a.uploadhere-btn-cus {
     float: none;
     margin: 30px auto !important;
}
 .independance-work-page .main-reffral-form-cus.resident-profile h3.top-heading-cus {
     font-size: 15px;
}
 .independance-work-page .main-reffral-form-cus.resident-profile .col-8, .main-reffral-form-cus.resident-profile .col-2 {
     padding: 5px 15px;
     align-self: center;
}
 .independance-work-page .main-reffral-form-cus.resident-profile .form-row.first {
     padding: 5px 10px !important;
     border-bottom: 1px solid;
     margin: 0 0;
     border-color: #848484;
}
 .independance-work-page .main-reffral-form-cus.resident-profile .form-row.second h2.inside-heading-cus.first {
     display: block !important;
     width: 100%;
     font-size: 18px;
     margin-left: 30px;
     font-weight: 600;
     margin-top: 30px;
}
 .independance-work-page .main-reffral-form-cus.resident-profile .form-row.inside-row-cus {
     padding: 0 10px;
     width: 100%;
}
 .independance-work-page .main-reffral-form-cus.resident-profile .form-row.inside-row-cus a.label-link-cus {
     color: black;
     font-size: 15px;
}
 .independance-work-page .main-reffral-form-cus .form-row h4.inside-content-cus.first {
     font-size: 17px;
     margin-left: 20px;
     padding: 0 10px;
}
 .independance-work-page .main-reffral-form-cus .form-row hr.inside-divider {
     border: none;
     height: 2px;
     background: #777;
     margin: 30px 50px;
}
 .independance-work-page .main-reffral-form-cus .form-row .col-12 a.signhere-btn-cus {
     float: left;
     margin-bottom: 20px;
     margin-left: 25px;
     margin-top: 20px;
}
 .independance-work-page .form-row.inside-box-border-row-cus {
     text-align: center;
     border: 1px solid;
     margin: 30px 60px;
     padding: 10px 0 !IMPORTANT;
     background: #f4f4f4;
}
 .independance-work-page .form-row.inside-box-border-row-cus a.signhere-btn-cus {
     margin: 15px auto;
}
 .independance-work-page .form-row.inside-row-cus.testarea-col {
     padding: 0 20px 30px 35px !IMPORTANT;
}
 .independance-work-page .col-md-3.Candidates-main-section-btn {
     align-self: center;
     margin-top: 30px;
}
/*View*/
/*Wheel of fortune*/
 .wheel_of_fortune_page .row.edit-main-form-input-sec .col-md-3, .wheel_of_fortune_page .row.edit-main-form-input-sec .col-md-4 {
     align-self: center;
}
 .wheel_of_fortune_page .row.edit-main-form-input-sec {
     margin-bottom: 25px;
}
/*Direct Work Page*/
 .direct_work_page .resident-profile.main-reffral-form-cus {
     max-width: 90%;
     margin: 30px 30px;
     flex: 90%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
     box-shadow: 0 0 10px #ccc;
     border-radius: 10px;
     background: white;
}
 .direct_work_page .main-reffral-form-cus.resident-profile.buttons-row {
     padding-bottom: 0;
     padding: 20px 20px 50px 20px !important;
}
 .direct_work_page h1 {
     margin: 25px 25px 20px;
}
 .direct_work_page p.reffrals-text {
     margin: 0 25px 20px;
}
 .direct_work_page .col-md-12 hr.black-border {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid black;
}
 .direct_work_page .row.signe-row-cus h1.signed-title span {
     font-size: 15px;
}
 .direct_work_page .row.signe-row-cus {
     width: 100%;
}
 .direct_work_page .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
 .direct_work_page .resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
 .direct_work_page .resident-profile.buttons-row {
     margin-bottom: 0;
}
 .direct_work_page .main-reffral-form-cus.resident-profile.buttons-row{
     margin-bottom:30px;
}
 .direct_work_page .resident-profile.buttons-row h1 {
     margin-top: 0;
     margin-left: 0;
     text-transform: capitalize;
}
 .direct_work_page .resident-profile.buttons-row h2.small-heading {
     color: #5f5f5f;
     font-family: Montserrat;
     text-align: left;
     font-size: 18px;
     margin-bottom: 30px;
}
 .direct_work_page p.heading-below-text {
     margin-left: 25px;
     color: #5f5f5f;
     font-weight: 500;
     font-family: Montserrat;
     text-align: left;
     font-size: 18px;
}
 .direct_work_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.small-heading {
     margin: 20px 25px 20px;
     color: black;
     font-weight: 700;
     font-family: Montserrat-medium;
     text-align: left;
     font-size: 18px;
}
 .direct_work_page ul.direct-work-list {
     list-style: none;
     padding: 0;
}
 .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li:before {
     content: "";
     height: 10px;
     width: 10px;
     display: inline-block;
     background: #4576bb;
     border-radius: 50px;
     margin-right: 10px;
}
 .main-reffral-form-cus.resident-profile.Home-detail-row p.main-text {
     margin-bottom: 30px;
     text-align: left;
}
 .direct_work_page .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li {
     padding: 15px 0;
}
 .direct_work_page a.resident-profile-bts.readmore {
     margin-right: 6px;
     width: 25%;
     font-size: 17px;
}
 .direct_work_page .resident-profile a.resident-profile-bts.fourth {
     background: #4576bb;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .direct_work_page .resident-profile a.resident-profile-bts.first {
     background: #8ec63f;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .direct_work_page .main-reffral-form-cus.resident-profile.buttons-row h1 {
     text-transform: capitalize;
     font-size: 18px;
     font-family: Montserrat-medium;
}
 .direct_work_page .main-reffral-form-cus.Home-detail-row .form-row .col-12 {
     padding: 15px 30px 40px 30px;
}
/*Inside Home Forms*/
 .inside-forms .heading-cusc th {
     text-align: left;
}
 .inside-forms .main-table-data-cus4 td, .inside-forms tr.main-table-data-cus3 td {
     text-align: left;
}
 .form-assign-popup textarea.form-control, .form-assign-popup select, .form-assign-popup input {
     padding: 20px 10px;
     background: #eee !important;
     border: none;
     margin-bottom: 10px;
     box-shadow: none !important;
}
 .form-assign-popup select {
     background-image: url(../images/back_black.png) !important;
     background-size: 20px !IMPORTANT;
     background-repeat: no-repeat !important;
     background-position: right !important;
     padding-right: 25px !important;
}
/*Employee */
/*Main*/
 .main_employees_page h4.main-heading-header-second-cus {
     position: absolute;
     right: -310px;
     top: 37px;
     font-weight: 900;
     font-family: unset;
     font-size: 15px;
     color: black;
}
 .main_employees_page .main-table-data-cus4 td i.fa.fa-circle {
     font-size: 20px;
}
 .main_employees_page .main-table-data-cus4 td.red i.fa.fa-circle {
     color: red;
}
 .main_employees_page .main-table-data-cus4 td.amber i.fa.fa-circle {
     color: #ffc200;
}
 .main_employees_page .main-employee select:focus {
     background-color: white !important;
     outline: none;
}
 .main_employees_page .main-employee select#cars {
     padding: 0 10px;
}
 .main_employees_page .main-table-data-cus4 td.green i.fa.fa-circle {
     color: #8ec63f;
}
.main_employees_page .main-table-data-cus4 td.yellow i.fa.fa-circle, .main-home-table-data-cus3 td.yellow i.fa.fa-circle {
     color: yellow;
}
 .main_employees_page .row.main-job-advert-table-sec-cus4 table {
     box-shadow: 0 0 10px #ccc !important;
     width: 100% !important;
     display: inline-table !IMPORTANT;
     border-radius: 10px !IMPORTANT;
     margin: 0 0px;
     overflow: hidden !important;
}
/* .main_employees_page .main-table-data-cus4 td img {
     max-width: 100%;
     vertical-align: middle;
     padding-top: 0;
     width: 25%;
     height: 64px;
     margin: auto;
}*/
/*Attendance Record*/
 .employee_attendance_record .main-table-data-cus4 td, .employee_attendance_record tr.main-table-data-cus3 td {
     text-align: left;
}
 .employee_attendance_record .heading-cus4 th {
     padding: 13px 20px;
     text-align: left;
}
 .employee_attendance_record .first_cloumn_inattendance_record span {
     margin: 0 20px 0 0;
}
 .employee_attendance_record .attendance-search-form-1 form {
     text-align: right;
}
 .employee_attendance_record .attendance-search-form-1 label {
     color: red;
}
 .employee_attendance_record .attendance-search-form-1 input[type="text"] {
     border-color: red;
}
 .employee_attendance_record .attendance-search-form {
     width: 100% !important;
}
 .employee_attendance_record .attendance-search-form-1 {
     padding: 0px !important;
     margin-bottom: 30px;
     margin-top: 30px;
}
 .employee_attendance_record .attendance-search-form-1 input {
     width: 50%;
     border: none;
     margin-left: 20px;
     height: 40px;
     background: transparent;
     border: 1px solid;
}
 .employee_attendance_record .row.main-job-advert-table-sec-cus4 {
     margin-top: 15px;
}
 .employee_attendance_record .main-table-data-cus4 td {
     padding: 20px 20px 15px 20px;
}
 .employee_attendance_record .attendance-search-form button.main-save.crm-reset-bradford {
     margin-top: 15px;
}
 .employee_attendance_record .attendance-search-form span.reset-count-times {
     background: #8ec640;
     color: white;
     padding: 5px 10px;
     display: inline-block;
     border-radius: 60px;
     height: 30px;
     width: 30px;
}
/*Disciplinary pages*/
 .employee_disciplinary_detail .past-monthly-reviews-1 {
     background-color: white;
     padding: 10px 20px;
     flex: 46% !important;
     max-width: 46% !important;
     margin: 0 20px;
}
 .employee_disciplinary_detail .past-monthly-reviews-1 h4 {
     font-size: 20px;
     font-weight: 400;
     font-family: Montserrat;
     color: black;
     text-align: left;
}
 .employee_disciplinary_detail .past-monthly-reviews-1 a {
     float: right;
}
 .employee_disciplinary_detail .past-monthly-reviews-1 .col-md-12:last-child hr {
     display: none;
}
 .employee_disciplinary_detail .past-monthly-reviews h4, .employee_disciplinary_detail .past-monthly-reviews a {
     margin-top: 15px;
}
 .employee_disciplinary_detail .past-monthly-reviews h4 {
     font-family: Montserrat-Light;
}
 .employee_disciplinary_detail .job-advert-main-section-btn4 a i {
     margin-right: 10px;
}
/*Documents Categories*/
 .employee_documents_categories .main-reffral-form-cus .form-row .col-12, .employee_documents_categories .main-reffral-form-cus .form-row .col-6 {
     padding: 15px 0px;
}
 .employee_documents_categories .main-reffral-form-cus.resident-profile {
     padding-bottom: 0;
     padding: 20px 20px !Important;
     box-shadow: 0 0 10px #ccc;
}
 .employee_documents_categories .main-reffral-form-cus.resident-profile .form-row {
     padding: 0px 0px;
     padding-left: 0;
}
 .employee_documents_categories .resident-profile a.resident-profile-bts {
     display: block;
     text-align: center;
     font-size: 14px;
     padding: 14px 5px !important;
     margin: 0 10px !IMPORTANT;
}
 .employee_documents_categories .main-reffral-form-cus.resident-profile hr.black-border {
     margin-top: 0;
     margin-bottom: 0;
     border: 0;
     border-top: 1px solid rgba(0,0,0,.1);
}
 .employee_documents_categories .resident-profile {
     max-width: 100%;
     margin: 30px 0px;
     flex: 100%;
     border-radius: 10px !IMPORTANT;
     padding: 10px 0 20px 0px;
}
 .employee_documents_categories .resident-profile a.resident-profile-bts i {
     padding-right: 6px;
     display: none;
}
 .employee_documents_categories .main-reffral-form-cus.resident-profile.buttons-row .form-row.second {
     margin-top: 30px;
}
 .employee_documents_categories .main-reffral-form-cus.resident-profile.buttons-row h1 {
     margin: 10px;
     margin-bottom: 20px;
     text-transform: capitalize;
}
 .employee_documents_categories .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
 .employee_documents_categories .resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
 .employee_documents_categories .resident-profile.buttons-row {
     margin-bottom: 0;
}
 .employee_documents_categories .main-reffral-form-cus.resident-profile.buttons-row{
     margin-bottom:30px;
}
 .employee_documents_categories .resident-profile.buttons-row h1 {
     margin-top: 0;
     margin-left: 0;
     text-transform: capitalize;
}
 .employee_documents_categories .resident-profile.buttons-row h2.small-heading {
     color: #5f5f5f;
     font-family: Montserrat;
     text-align: left;
     font-size: 18px;
     margin-bottom: 30px;
}
 .employee_documents_categories .col-md-12.tracker-title h1 {
     margin-top: 40px !important;
}
 .employee_documents_categories .col-md-6.main-two-col {
     margin: 0 10px;
     display: inline-block;
     max-width: 47%;
}
 .employee_documents_categories .main-reffral-form-cus.resident-profile.inner-btn-row {
     padding: 10px 0px;
     height: 250px;
}
/*performance*/
 .employee_performance_review .main-home-home-table-sec-cus1 i.fa {
     position: relative;
     right: 0px !important;
}
 .employee_performance_review .main-home-table-btn-cusc a {
     padding: 5px 4px !important;
}
/*Supervison History*/
 .employee_supervision_history .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 20px 0;
     flex: 100%;
     border-radius: 10px;
}
 .employee_supervision_history .main-reffral-form-cus.resident-profile hr.black-border {
     margin-top: 0;
     margin-bottom: 0;
     border: 0;
     border-top: 1px solid rgba(0,0,0,.1);
}
 .employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row {
     padding-bottom: 0;
     padding: 20px 20px 50px 20px !important;
}
 .employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row .form-row {
     padding: 0px 0px;
     padding-left: 0;
     text-align: center;
}
 .employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row .form-row.second {
     margin-top: 30px;
}
 .employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row h1 {
     margin: 10px;
     margin-bottom: 20px;
     text-transform: capitalize;
     font-size: 20px;
}
 .employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts {
     display: block;
}
/*Strength Weak*/
 .employees_streength_weakness .strength-and-weakness-1 {
     background-color: white;
     padding: 10px 20px;
     border-radius: 5px;
     margin: 0 15px;
     flex: 95% !important;
     max-width: 95% !important;
     margin-bottom: 20px;
}
 .employees_streength_weakness .strength-and-weakness-1 .col-md-8 {
     align-self: center;
}
 .employees_streength_weakness .strength-and-weakness-1 .w3-light-grey {
     background-color: #e1eec0 !important;
}
 .employees_streength_weakness .strength-and-weakness-1 .w3-container.w3-green {
     background-color: #8ec63f !important;
     margin: 12px 0;
     text-align: center;
     color: black !important;
}
 .employees_streength_weakness .strength-and-weakness-1 h4 {
     font-family: Montserrat-Light;
     font-size: 20px;
     font-weight: 600;
}
 .employees_streength_weakness .greenh {
    width: 3em !important;
    height: 1.6em !important;
    top: 50% !important;
    margin-top: -0.8em !important;
    text-align: center !important;
    line-height: 1.6em !important;
    border-color: #8ae234 !important;
    color: #454545 !important;
    background: #f4f4f4 !important;
    outline: none;
}
 .employees_streength_weakness .green {
     float: left;
     clear: left;
     width: 300px;
     margin: 15px;
}
 .employees_streength_weakness .green .ui-slider-range {
     background: #8ae234;
}
 .employees_streength_weakness .green .ui-slider-handle {
     border-color: #8ae234;
}
/*Resident Pages*/
 .main_resident_page .row.main-filter-row {
     width: 100% !IMPORTANT;
     margin: 20px 10px 20px 10px;
}
/*CLothing page*/
 .resident_clothing h3.main-employees-sub-title-cus.below-table {
     font-size: 16px;
     font-weight: 500;
     line-height: 1.5;
     margin-left: 20px;
     text-align: center;
}
 .resident_clothing .row.form-group.edit-main-form-input-sec.resident-form.top-form input.form-control {
     background: white !IMPORTANT;
     box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75) !important;
}
 .resident_clothing .col-md-4.job-advert-main-section-btn a {
     font-size: 14px;
     display: block;
}
/*CLothing Itin..*/
 .resident_clothing_itinerary .main-job-advert-table-sec-cus1 td.complete {
     color: #8ec63f;
}
 .resident_clothing_itinerary .main-job-advert-table-sec-cus1 td {
     text-align: center;
     padding: 10px 5px;
}
 .resident_clothing_itinerary .main-job-advert-table-sec-cus1 .heading-cusc th {
     padding: 10px 5px;
     text-align: center;
}
 .resident_clothing_itinerary .main-job-advert-table-sec-cus1 td.pending {
     color: #98362b;
}
 .resident_clothing_itinerary .main-job-advert-table-sec-cus1 table {
     margin: 0 0px;
}
 .resident_clothing_itinerary form.main-clothing-inner-fom label {
     font-size: 15px;
     margin-bottom: 15px;
}
 .resident_clothing_itinerary .col-md-2.Candidates-main-section-btn {
     align-self: center;
     margin-top: 50px;
}
 .resident_clothing_itinerary form.main-clothing-inner-fom select#cars {
     padding:0 10px;
}
 .resident_clothing_itinerary .col-md-12.below-btn a {
     background: #f99621;
     padding: 15px 60px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .resident_clothing_itinerary .Candidates-main-section-btn a {
     float: left;
}
/*Consequence*/
 .consequencelog_resident .col-md-4.Candidates-main-section-btn {
     align-self: center;
     text-align: right;
}
 .consequencelog_resident .heading-cusa th {
     text-align: left;
}
 .consequencelog_resident .main-reffral-form-cus.resident-profile.Home-detail-row h2.small-heading {
     margin: 20px 25px 10px;
     color: black;
     font-weight: 700;
     font-family: Montserrat-medium;
     text-align: left;
     font-size: 18px;
}
 .consequencelog_resident ul.direct-work-list {
     list-style: none;
     padding: 0;
}
 .consequencelog_resident .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li:before {
     content: "";
     height: 10px;
     width: 10px;
     display: inline-block;
     background: #4576bb;
     border-radius: 50px;
     margin-right: 10px;
}
 .consequencelog_resident .main-reffral-form-cus.resident-profile.Home-detail-row p.main-text {
     margin-bottom: 30px;
}
 .consequencelog_resident .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li {
     padding: 15px 0;
}
 .consequencelog_resident .main-reffral-form-cus.resident-profile.Home-detail-row {
     max-width: 100%;
     margin: 30px 5px;
     flex: 100%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
     box-shadow: 0 0 10px #ccc;
}
 .consequencelog_resident .main-reffral-form-cus.Home-detail-row .form-row .col-12 {
     padding: 0px 30px;
}
 .consequencelog_resident .main-table-data-cus2 td.twob.red {
     color: red;
}
 .consequencelog_resident .main-table-data-cus2 td.twob.white {
     color: #8ec63f;
}
/*education track*/
 .res_education_tracker .main-resident-table-data-cus3 td {
     text-align: center;
}
 .res_education_tracker .main-resident-table-data-cus3 td {
     padding: 20px 10px 15px 10px;
}
 .res_education_tracker h1.small-headings {
     font-size: 16px;
     margin-top: 0;
     margin-bottom: 21px;
     margin-top: 15px;
}
 .res_education_tracker h1.small-headings.second span {
     margin-left: 30px;
}
 .res_education_tracker h1.small-headings.third span {
     background: white;
     box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75);
     border-radius: 5px;
     margin-left: 20px;
     padding: 10px 50px;
}
 .res_education_tracker .row.main-resident-resident-table-sec-cus1-main-row {
     margin-bottom: 25px;
}
 .res_education_tracker .main-resident-resident-table-sec-cus1 table {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 0 0px;
     flex: 100%;
     border-radius: 10px;
     overflow: hidden !important;
     margin-top: 100px;
}
 .res_education_tracker a.education-btn {
     float: right;
}

/*Popup*/

 .res_education_tracker .job-adverts-main-add-new-item-popup .modal-body p {
     margin-bottom: 10px;
     padding-top: 5px;
     font-size: 17px;
     color: #5b5b5b;
     font-weight: 600;
}
div#incidentfroms .row.form-group.name h4 {
    font-size: 1rem;
}
/*Hobbies*/
 .resident_hobbies .main-reffral-form-cus {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 20px 0;
     flex: 100%;
     border-radius: 10px;
     background:white;
}
 .resident_hobbies .main-reffral-form-cus .form-row {
     padding: 10px 25px;
}
 .resident_hobbies .main-reffral-form-cus .form-row input.form-control, .resident_hobbies .main-reffral-form-cus .form-row textarea.form-control {
     background-color: #e9e7e8;
     border: none;
     border-radius: 5px;
     padding: 25px 10px;
}
 .resident_hobbies .main-reffral-form-cus .form-row .col-12, .main-reffral-form-cus .form-row .col-6 {
     padding: 15px 20px;
}
 .resident_hobbies .select_related_forms_btn {
     background: #f89520 !important;
     margin-top: 20px;
}
 .resident_hobbies .main-reffral-form-cus .form-row label {
     font-weight: 600;
     color: #5f5f5f;
}
 .resident_hobbies .main-reffral-form-cus.resident-profile.buttons-row {
     padding-bottom: 0;
     padding: 20px 20px 50px 20px ;
}
 .resident_hobbies .main-reffral-form-cus.resident-profile.buttons-row .form-row {
     padding: 0px 0px;
     padding-left: 0;
     text-align: center;
}
 .resident_hobbies .resident-profile.buttons-row h1 {
     margin-top: 0;
     margin-left: 0;
     text-transform: capitalize;
}
 .resident_hobbies .main-reffral-form-cus.resident-profile.Home-detail-row h2.small-heading {
     margin: 10px 0px 20px;
     color: black;
     font-weight: 700;
     font-family: Montserrat-medium;
     text-align: left;
     font-size: 18px;
}
 .resident_hobbies ul.direct-work-list {
     list-style: none;
     padding: 0;
}
 .resident_hobbies .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li:before {
     content: "";
     height: 10px;
     width: 10px;
     display: inline-block;
     background: #4576bb;
     border-radius: 50px;
     margin-right: 10px;
}
 .resident_hobbies .main-reffral-form-cus.resident-profile.Home-detail-row p.main-text {
     margin-bottom: 20px;
     text-align: left;
}
 .resident_hobbies .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li {
     padding: 15px 0;
}
 .resident_hobbies .main-reffral-form-cus.Home-detail-row .form-row .col-12 {
     padding: 15px 30px 40px 30px;
}
 .resident_hobbies input[type="checkbox"] {
     box-shadow: none;
     height: 25px;
     width: 25px;
     margin-left: 50px;
}
 .resident_hobbies .form-check.form-check-inline {
     margin-right: 15px;
}
 .resident_hobbies .form-check {
     margin-bottom: 10px;
}
 .resident_hobbies .form-check label {
     text-transform: none;
     font-weight: 300;
     float: left;
     width: 60%;
     text-align: left;
}
 .resident_hobbies .form-check a.hobbies-links {
     text-transform: none;
     font-weight: 300;
     float: left;
     width: 60%;
     text-align: left;
     color:black;
     text-decoration: underline !important;
}
/*Saving Resident*/
 .saving_resident h3.main-employees-sub-title-cus.below-table {
     margin: 0px 0;
     padding-left: 0px;
     text-transform: capitalize;
     font-size: 15px;
     font-weight: 500;
     line-height: 1.5;
     margin-left: 20px;
}
 .saving_resident .row.main-job-advert-table-sec-cus1 {
     margin-bottom: 40px;
}
 .saving_resident .main-table-data-cus3 td {
     padding: 25px 10px 20px 10px;
     font-weight: 500;
     text-align: center;
}
 .saving_resident .main-job-advert-table-sec-cus1 .heading-cusc th {
     text-align: center;
}
 .saving_resident .row.main-job-advert-table-sec-cus1 table {
     width: 100%;
}
 .saving_resident .row.form-group.edit-main-form-input-sec.resident-form {
     margin: 20px 0 0;
     width: 100%;
}
 .saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form input.form-control {
     background: white !IMPORTANT;
     box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75) !important;
}
 .saving_resident hr.saving-top-line {
     display: block;
     width: 100%;
     color: black;
     background: black;
     margin: 0 auto;
}
 .saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form .col-2, .saving_resident .col-md-4.job-advert-main-section-btn {
     align-self: center;
}
 .saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form a.main-search-btn {
     position: absolute;
     top: -8px;
}
/*Weekly meal Planner*/
 .weekly_meal_planner h2.acknowledgement-main-activity-suit-11 {
     background-color: #11202c;
     color: white;
     font-size: 20px;
     padding: 10px;
         border-radius: 5px;
     text-align: center;
     margin: 25px 0px 0px;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
}

.weekly_meal_planner .row.acknowledgement-main-activity-suit-a .col-md-8 {
    padding-top: 15px;
}
.weekly_meal_planner .acknowledgement-main-activity-suit {
    box-shadow: 0 0 10px #ccc;
    padding: 4px 0;
    margin: 25px 0;
        border-radius: 5px;
}

.weekly_meal_planner .acknowledgement-main-activity-suit h2.main-july-headings {
    text-align: center;
    padding: 23% 20px;
    font-size: 44px;
    border: 2px solid black;
    color: #aaa;
    margin-bottom: 0;
    height: 35vh;
}
 .weekly_meal_planner .edit-main-form-input-sec h3.result-heading-cus {
     text-align: center;
     padding: 25px 0;
     color: #ff6347;
     font-size: 20px;
     margin-bottom: 0;
}
/*Vehicle pages*/
 .main_vehicle_page .main-home-home-table-sec-cus1 table {
     margin-top: 30px;
}
 .main_vehicle_page .row.main-filter-row {
     width: 100% !IMPORTANT;
     margin: 20px 10px 20px 10px;
}
/*Form List*/

/*Calendar pages*/


            .calendar_main#add-popup .modal-header {
                border-top: none;
                border-radius: 2px !important;
                background-color: black;
                border-top-left-radius: 5px !important;
            }

            .calendar_main#add-popup .modal-header h3 {
                padding-left: 29px;
                color: white;
                padding-bottom: 10px;
                padding-top: 15px;
                font-size: 22px;
            }

           .calendar_main .key-data-main-heading h3, .calendar_main .key-data-main-heading h4 {
                font-weight: bold;
                padding-left: 31px;
                margin: 0 !important;
                font-size: 14px;
            }

            .calendar_main#add-popup hr {
                width: 90%;
            }

          .calendar_main  .main-image-sec-cus input[type=file] {
                display: block;
                position: absolute;
                top: 40px;
                padding: 90px 0;
                opacity: 0;
            }

            .calendar_main#add-popup .col-md-6, #add-popup .col-md-12 {
                padding: 0 30px 0 30px !important;
                margin-bottom: 10px;
            }

            .calendar_main#add-popup label {
                font-weight: 400;
                text-transform: uppercase;
                display: block;
            }

           .calendar_main .edit-main-form-input-sec input.form-control, .calendar_main .edit-main-form-input-sec select {
                padding: 20px 10px;
                background: #eee;
                border: none;
                margin-bottom: 10px;
                box-shadow: none;
            }

            .calendar_main#add-popup .modal-dialog {
                max-width: 750px;
            }

           .calendar_main .row.form-group.edit-main-form-input-sec.resident-form {
                margin-top: 30px;
                width: 100%;
            }

           .calendar_main .row.form-group.edit-main-form-input-sec.resident-form.top-form input.form-control {
                background: white !IMPORTANT;
                box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75) !important;
            }

             .bootstrap-timepicker-widget .glyphicon {
                    position: relative;
                    top: 1px;
                    display: inline-block;
                    font-family: 'fontawesome';
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                }
              
               .bootstrap-timepicker-widget .glyphicon-chevron-up:before {
                    content: "\f077";
                }
               .bootstrap-timepicker-widget .glyphicon-chevron-down:before {
                    content: "\f078";
                }

            /*Edit Popup*/
            .calendar_main#add-popup .col-md-6.Edit-popup-main-btn-cus {
                padding-left: 0 !important;
                padding-top: 50px;
            }

            .calendar_main#add-popup .col-md-6.Edit-popup-main-btn-cus .col-md-6 {
                padding: 0 !important;
                display: block;
                margin-bottom: 5px;
                align-self: center;
            }

            .calendar_main#add-popup .col-md-6.Edit-popup-main-btn-cus {
                padding-left: 0 !important;
                padding-top: 30px !important;
            }


            .calendar_main#add-popup .resident-profile.buttons-row .col-6, .calendar_main#add-popup .resident-profile.buttons-row .col-12 {
                padding: 10px 15px;
            }

            .calendar_main#add-popup .resident-profile.buttons-row textarea.form-control {
                background-color: #e9e7e8;
                border: none;
                border-radius: 5px;
                padding: 10px 10px;
            }
          .calendar_main  span.fc-title {
                color: #ffffff;
            }
            .calendar_main .edit-btn {
                background: #8ec63f;
                padding: 7px 7px;
                color: white;
                border-radius: 3px;
                margin-right: 6px;
            }
           
            .calendar_main#add-popup .modal-header {
                padding: 0;
            }
            .calendar_main#add-popup .modal-header button.close {
                color: white;
                opacity: 1;
                margin: 0;
            }
            .calendar_main .bootstrap-select .bs-ok-default:after {
                border-color: black !important;
                width: .5em;
                height: 0.8em;
                border-width: 0 .20em .20em 0;
            }

            /*Delet Pop*/

.calendar_main#confirm .modal-dialog {
    margin: 20vh auto;
}

    .calendar_main#confirm .modal-header h3 {
    font-weight: 600;
    padding-left: 20px;
    padding-bottom: 10px;
    font-size: 20px;
    padding-top: 20px;
    color: black;
    margin: 0;
}
    .calendar_main#confirm .modal-body {
    position: relative;
    padding: 20px 15px 25px;
}

.calendar_main div#confirm button.btn.cancle {
    background: #f4f4f4;
    border: 2px solid #f4f4f4 !important;
    padding: 4px 15px;
    color: black;
    border-radius: 5px;
    margin-right: 6px;
    text-decoration: none;
}

/*Calendar*/

.calendar_main div#calendar tbody.fc-body .fc-widget-content {
    border-top: 1px solid #ddd;
}

/*Management Access*/
 .managment_access_main .col-md-3.one .col-md-4 {
     padding: 15px 20px;
}
 .managment_access_main .col-md-3.one .col-md-4 img {
     width: 100%;
}
 .managment_access_main .col-md-8.main-text {
     align-self: center;
}
 .managment_access_main .col-md-8.main-text p {
     padding: 0 !IMPORTANT;
}
 .col-md-12.border-row-cus p.boder-text {
     text-align: center;
     font-size: 17px;
     margin-top: 30px;
     border: 2px solid #8ec63f;
     padding: 10px;
}
/*Admin Setting Pages*/
 .admin_setting_main .resident-profile {
     box-shadow: 0 0 10px #ccc;
     max-width: 100%;
     margin: 30px 5px;
     flex: 100%;
     border-radius: 10px !IMPORTANT;
     padding: 0px 0 20px 0px;
}
 .admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row {
     padding-bottom: 0;
     padding: 20px 20px 50px 20px !important;
}
 .admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row .form-row {
     padding: 0px 0px;
     padding-left: 0;
     text-align: center;
}
 .admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row .form-row .col-3 {
     align-self: center;
}
 .admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row .form-row.second {
     margin-top: 30px;
}
 .admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts {
     margin: 7px 0;
     height: 70px;
     align-self: center;
     padding: 25px 20px;
     font-size: 15px;
     align-items: center;
     display: flex;
     justify-content: center;
}
 .admin_setting_main .resident-profile.buttons-row {
     margin-bottom: 0;
}
/*Employee*/
 .management_employee table.filter_data .main-table-data-cus4 a.send.inline {
     display: block;
     font-size: 12px;
}
.management_resident .main-home-table-data-cus3 td:nth-child(2), .management_resident .main-home-table-data-cus3 td:nth-child(4) {
    width: 130px;
}
/*Home*/
 .mangement_add_page .with_reminder_btn_date .input-group.date {
     position: absolute;
     display: inline;
     width: auto !important;
}
 .mangement_add_page .edit-main-form-input-sec .input-group.date input.form-control {
     display: none;
}
 .mangement_edit_page .with_reminder_btn_date .input-group.date {
     position: absolute;
     display: inline;
     width: auto !important;
}
 .mangement_edit_page .edit-main-form-input-sec .input-group.date input.form-control {
     display: none;
}
/*Activity Req*/
 .management_activity_req table.filter_data a.action_btns {
     padding: 1px 10px;
     margin: 10px 0;
     border-radius: 5px;
     margin-right: 6px;
     text-decoration: none;
     display: inline-block;
     cursor: pointer;
}
/*Visit Permsiion*/
 /*.visit_user_permission .col-md-3.job-advert-main-section-btn {
     max-width: 18%;
     margin-top: 20px;
     padding: 0;
     text-align: center;
}*/
 .visit_user_permission .col-md-3.job-advert-main-section-btn a {
     float: unset;
     display: block;
}
 .visit_user_permission .row.form-group.edit-main-form-input-sec.resident-form {
     margin: 0 0px 16px;
}

 .visit_user_permission .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs .nav-tabs .nav-item {
     margin-bottom: -1px;
     margin: 0 5px 15px;
     border-radius: 5px !IMPORTANT;
}
 .visit_user_permission .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs {
     width: 100%;
}
/*Set Permission Page*/
 .management_set_permission_page .col-md-12.main-inside-tab-text {
     text-align: center;
}
 .management_set_permission_page .col-md-12.main-inside-tab-text h2.main-title-cus {
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     font-size: 25px;
}
 .management_set_permission_page .col-md-12.main-inside-tab-text h4.subheadings-set-user {
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     font-size: 20px;
     margin-bottom: 30px;
}
 .management_set_permission_page .col-md-4.second.main-set-permission h1.main-employees-title-cus, .management_set_permission_page .col-md-4.second.main-set-permission p.subheadings-set-user {
     text-align: center;
     margin-top: 20px;
}
/*Tabs Styles*/
 .management_set_permission_page .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs {
     width: 100%;
}
 .management_set_permission_page .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs .nav-tabs .nav-item {
     margin-bottom: -1px;
     background-color: #11202c;
     color: white;
     margin: 0 5px 15px;
     border-radius: 5px !IMPORTANT;
}
 .management_set_permission_page .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs .nav-tabs .nav-item.active {
     background: white;
     color: #11202c;
     border: 1px solid #11202c;
}
/*Custom Radio*/
 .management_set_permission_page .radio-button, .management_set_permission_page .checkbox {
     position: relative;
     margin: 20px 0;
}
 .management_set_permission_page .checkbox {
     display: block;
}
 .management_set_permission_page .radio-button input, .management_set_permission_page .checkbox input {
     position: absolute;
     margin: 5px;
     padding: 0;
    /* for mobile accessibility (iOS Label Bug) */
     visibility: hidden;
}
 .management_set_permission_page .radio-button .label-visible, .management_set_permission_page .checkbox .label-visible {
     margin-left: 2em;
     margin-bottom: 0;
}
 .management_set_permission_page .fake-radiobutton, .management_set_permission_page .fake-checkbox{
     position: absolute;
     display: block;
     top: 0;
     left: 3px;
     width: 20px;
     height: 20px;
     border: 1px solid slategray;
     background-color: white;
}
 .management_set_permission_page .fake-radiobutton:after, .management_set_permission_page .fake-checkbox:after {
     content: "";
     display: none;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 16px;
     height: 16px;
     background: #8dc640;
     transform: translateX(-50%) translateY(-50%);
}
 .management_set_permission_page .fake-radiobutton {
     border-radius: 50%;
}
 .management_set_permission_page .fake-radiobutton:after {
     border-radius: 50%;
}
 .management_set_permission_page input[type="radio"]:checked + span .fake-radiobutton:after, input[type="checkbox"]:checked + span .fake-checkbox:after {
     display: block;
}
 .management_set_permission_page .main-form-radio-cus label.radio-button {
     display: inline-block;
     margin: 0 30px;
}
 .management_set_permission_page .row.form-group.main-form-radio-cus label.main-inside-tab-radio-label {
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 20px;
}
 .management_set_permission_page .row.form-group.main-form-radio-cus .col-md-6 {
     padding: 10px 20px;
}
 .management_set_permission_page input:required {
     border-color: red !important;
}
/*Monthly Review Page*/
 .managment_monthly_review_page .panel-title > a:hover, .managment_monthly_review_page .panel-title > a:active, .managment_monthly_review_page .panel-title > a:focus {
     text-decoration: none;
}
 .managment_monthly_review_page .panel.panel-default {
     background: white;
     padding: 25px 10px 20px;
     margin-bottom: 30px;
     box-shadow: 0 0 10px #ccc;
     border-radius: 5px;
}
 .managment_monthly_review_page .panel-group a {
     color: black;
     font-size: 18px;
     font-family: Montserrat;
}
 .managment_monthly_review_page .row.panel-inner-data-main-row-cus {
     padding: 30px 30px 0px;
}
 .managment_monthly_review_page .panel-inner-data-main-row-cus .col-md-3 {
     text-align: center;
}
 .managment_monthly_review_page .panel-inner-data-main-row-cus img {
     margin: 0px 0px 20px;
     height: 120px !important;
     width: 120px !important;
     margin: 12px auto;
     border-radius: 50%;
     overflow: hidden !important;
     display: block;
     object-fit: contain !important;
}
 .managment_monthly_review_page .panel-inner-data-main-row-cus h4 {
     font-size: 20px;
     font-family: Montserrat;
     font-weight: 600;
     color: #11202c;
     text-align: center;
}
 .managment_monthly_review_page .panel-inner-data-main-colom-cus2 img {
     border: 2px solid #8dc640;
}
 .managment_monthly_review_page .panel-inner-data-main-row-cus p {
     font-size: 13px;
}
 .managment_monthly_review_page .panel-group a {
     margin: 40px 0 20px;
     font-weight: 400;
     color: black;
     text-align: left;
     font-size: 23px !important;
     font-weight: bold;
     margin-left: 10px;
}
 .managment_monthly_review_page .panel-title span {
     color: #cd222a;
}
 .managment_monthly_review_page div#accordion {
     margin-top: 25px;
}
 .managment_monthly_review_page h4.panel-title {
     text-align: center;
}
 .managment_monthly_review_page .panel-inner-data-main-colom-cus2 a {
     margin: 0;
}
 .managment_monthly_review_page .panel.panel-default .collapse:not(.show) {
     display: block;
}
 .managment_monthly_review_page .col-md-2.panel-inner-data-main-colom-cus2 {
     max-width: 20%;
     flex: 25%;
     text-align: center;
     padding: 0 5px;
}
/* Employee Monthly review details*/
/*popup*/
 .modal-body.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col {
     margin: 30px 9px 0px;
}
/*page*/
 .management_employee_month_details .employee-resident-monthly-1a h4 {
     margin: 20px 0px 0;
     width: 40%;
     border-radius: 5px;
     padding: 12px 0;
     color: black;
     border: 1px solid #8dc640;
     text-align: center;
     font-size: 15px;
     float: right;
}
 .management_employee_month_details .employee-resident-monthly-1 {
     margin: 25px 0 20px;
     padding: 0 50px 0 20px;
}
 .management_employee_month_details .employee-resident-monthly-1 button.form-control {
     border: none;
     border-radius: 5px;
     background-color: #8ec63f;
     color: white;
     margin-top: 2px;
}
 .management_employee_month_details .employee-resident-monthly-2 h4 {
     margin: 20px 0px 0;
     width: 100%;
     border-radius: 5px;
     padding: 12px 0;
     color: black;
     border: 1px solid #8dc640;
     text-align: center;
     font-size: 15px;
}
 .management_employee_month_details .employee-resident-monthly-2a {
     background-color: rgb(221, 221, 221);
     border: 1px solid black;
}
 .management_employee_month_details p.employee-resident-monthly-2aa {
     text-align: left;
     margin: 10px 0 0;
     font-weight: 900;
     color: black;
}
 .management_employee_month_details p.employee-resident-monthly-2ab {
     text-align: left;
     font-weight: 400;
     color: black;
}
 .management_employee_month_details h1 {
     margin: 35px 0px 5px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: center;
     font-size: 25px;
}
 .management_employee_month_details .employee-resident-monthly-3 h2.update-text {
     font-size: 22px;
     margin: 25px 0px 20px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
}
 .management_employee_month_details img.employee-resident-monthly-3a {
     width: 29%;
     height: auto;
     border-radius: 10px;
     object-position: left;
     display: block;
     margin-bottom: 20px;
     margin-top: 10px;
}
 .management_employee_month_details .employee-resident-monthly-3a2 button.form-control {
     width: 100%;
     border-radius: 5px;
     color: black;
     border: 1px solid black;
     background-color: #efefef;
}
 .management_employee_month_details .employee-resident-monthly-3a3 button {
     width: 100%;
     border-radius: 5px;
     color: white;
     padding: 7px;
     border: none;
     background-color: #8ec63f;
     margin-bottom: 15px;
}
 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col {
    border-radius: 10px !IMPORTANT;
    padding: 10px 20px;
    box-shadow: 0 0 10px #ccc;
    margin: 30px 10px 0px;
    max-width: 47.5%;
    border: none;
}
 .management_employee_month_details .employee-resident-monthly-3aa h3 {
     font-size: 18px;
     margin: 25px 0px 20px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
}
 .management_employee_month_details .employee-resident-monthly-3aa .form-row.btn-row {
     width: 100%;
     padding: 5px 5px;
}
 
 .management_employee_month_details .employee-resident-monthly-3ab a {
     width: 100%;
     text-align: center;
     border: 1px solid black;
     padding: 7px 70px;
     color: black !important;
     font-family: Montserrat;
     border-radius: 5px;
}
 .management_employee_month_details .employee-resident-monthly-3ab h4 {
     font-size: 18px;
     margin: 25px 0px 20px;
     color: #000000 !important;
     font-weight: 900;
     font-family: Montserrat;
     text-transform: capitalize;
}
 .management_employee_month_details .employee-resident-monthly-3ac1 {
     margin-top: 16px;
}
 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts i {
     padding-right: 6px;
     display: none;
}
 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.first {
     background: #8ec63f;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}

 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.second {
     background: #40a4c6;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.fourth {
     background: #4576bb;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.six {
     background: #c7549f;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts {
     display: block;
     text-align: center;
     font-size: 12px;
     padding: 10px 5px !important;
     margin-right: 0 !IMPORTANT;
     margin: 10px 10px;
}
 .management_employee_month_details .main-reffral-form-cus.resident-profile.buttons-row {
     padding-bottom: 0;
     padding: 20px 20px 50px 20px !important;
}
 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col h4 {
     font-size: 16px;
     margin: 25px 0px 20px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
}
 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 h2.left-side-text, .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 h2.Right-side-text {
     width: 48%;
     display: inline-block;
     padding: 2px 10px;
     font-size: 14px;
     margin-top: 10px;
}
 .management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 hr.black-border {
     margin-top: 0;
     margin-bottom: 0;
     border: 0;
     border-top: 1px solid rgba(0, 0, 0, .1);
}
/*View succes*/
 .managment_view_succes_login .edit-main-form-input-sec {
     margin-bottom: 0px;
     padding-left: 0px !important;
}
 .managment_view_succes_login .general-information-1 label {
     font-weight: 400;
     display: block;
     margin-top: 5px;
     margin-bottom: 0;
}
 .managment_view_succes_login .main-home-home-table-sec-cus1 {
     margin-top: 20px;
}
 .managment_view_succes_login .edit-main-form-input-sec .col-md-4 {
     padding-left: 0px !important;
}
/*Resident Monthly Review Detail*/
 .management_resident_month_details .employee-resident-monthly {
     margin: 25px 0;
}
 .management_resident_month_details .employee-resident-monthly-1 button {
     width: 100%;
     margin-bottom: 20px;
     border-radius: 5px;
}
 .management_resident_month_details .employee-resident-monthly-2 {
     background-color: rgb(221, 221, 221);
     border: 1px solid black;
}
 .management_resident_month_details p.employee-resident-monthly-2a {
     text-align: center;
     margin: 10px 0 0;
     font-weight: 900;
     color: black;
}
 .management_resident_month_details p.employee-resident-monthly-2b {
     text-align: center;
     font-weight: 400;
     color: black;
}
 .management_resident_month_details .employee-resident-monthly-3 h2.resident-name-here {
     font-size: 20px;
     margin: 25px 0px 20px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
}
 .management_resident_month_details img.employee-resident-monthly-3a {
     width: 29%;
     height: auto;
     border-radius: 10px;
     object-position: left;
     display: block;
     margin-bottom: 20px;
}
 .management_resident_month_details .employee-resident-monthly-3b input {
     box-shadow: none;
     height: 25px;
     width: 25px;
     margin-left: -15px;
}
 .management_resident_month_details .employee-resident-monthly-3b label.form-check-label {
     text-transform: none;
     font-weight: 300;
     width: 100%;
     text-align: left;
     margin-left: 30px;
     margin-top: 5px;
     margin-bottom: 10px;
}
 .management_resident_month_details .employee-resident-monthly-3aa h3 {
     font-size: 18px;
     margin: 25px 0px 20px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
}
 .management_resident_month_details .employee-resident-monthly-3aa h1 {
     margin: 25px 0px 20px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
     text-align: left;
     font-size: 25px;
}
 .management_resident_month_details .employee-resident-monthly-3ab h4 {
     font-size: 18px;
     margin: 25px 0px 20px;
     color: #000000 !important;
     font-weight: 900;
     font-family: Montserrat;
     text-transform: capitalize;
}
 .management_resident_month_details .employee-resident-monthly-3ac1 {
     margin-top: 25px;
}
 .management_resident_month_details .employee-resident-monthly-3ac1 a {
     padding: 8px 25px;
     color: white !important;
     background-color: #8ec63f;
     border-radius: 5px;
}
 .management_resident_month_details .employee-resident-monthly-3ae button {
     margin-bottom: 15px;
     margin-top:30px;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col {
     border-radius: 10px !IMPORTANT;
    padding: 10px 20px;
    box-shadow: 0 0 10px #ccc;
    margin: 30px 10px 0px;
    max-width: 47.5%;
    border: none;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts i, .management_resident_month_details .col-md-6.employee-resident-monthly-1 a.resident-profile-bts i {
     padding-right: 6px;
     display: none;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.first {
     background: #8ec63f;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.second {
     background: #40a4c6;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.third {
     background: #f99621;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.fourth {
     background: #4576bb;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.five {
     background: #7a5ea8;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.six {
     background: #c7549f;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_resident_month_details .form-row.btn-row h4.static-text-btn {
     margin: 5px auto !IMPORTANT;
     width: 100%;
     border-radius: 5px;
     padding: 10px 0;
     border: 1px solid #8dc640;
     text-align: center;
     font-size: 15px !IMPORTANT;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts, .management_resident_month_details .col-md-6.employee-resident-monthly-1 a.resident-profile-bts {
     display: block;
     text-align: center;
     font-size: 12px;
     padding: 10px 5px !important;
     margin-right: 0 !IMPORTANT;
     margin: 10px 10px;
}
 .management_resident_month_details .col-md-6.employee-resident-monthly-1 a.resident-profile-bts.first {
     background: #8ec63f;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_resident_month_details .col-md-6.employee-resident-monthly-1 a.resident-profile-bts.second {
     background: #40a4c6;
     padding: 15px 24px;
     color: white !important;
     border-radius: 5px;
     margin-right: 6px;
}
 .management_resident_month_details .main-reffral-form-cus.resident-profile.buttons-row {
     padding-bottom: 0;
     padding: 20px 20px 50px 20px !important;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col h4 {
     font-size: 16px;
     margin: 25px 0px 20px;
     color: #5f5f5f !important;
     font-weight: 600;
     font-family: Montserrat;
     text-transform: capitalize;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 h2.left-side-text, .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 h2.Right-side-text {
     width: 48%;
     display: inline-block;
     padding: 2px 10px;
     font-size: 14px;
     margin-top: 10px;
}
 .management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 hr.black-border {
     margin-top: 0;
     margin-bottom: 0;
     border: 0;
     border-top: 1px solid rgba(0,0,0,.1);
}
/*Main Monthly Review*/
 .manag_monthly_review_main .monthly-reviews-details-3 {
     margin-top: 110px;
     margin-bottom: 80px;
}
 .manag_monthly_review_main .monthly-reviews-details-3a a {
     border-radius: 10px;
     padding: 50px 90px;
     font-size: 20px;
     font-weight: 600;
     text-align: center;
}
 .manag_monthly_review_main .monthly-reviews-details-3b a {
     border-radius: 10px;
     padding: 50px 90px;
     font-size: 20px;
     font-weight: 600;
     text-align: center;
}
/*Form Builder Pages*/
/*Main Forms list page*/
 .main_forms_list_cus .main-home-home-table-sec-cus1 {
     margin-top: 20px;
}
/* .main_forms_list_cus .main-home-table-data-cus3 td.twoc:nth-child(4) {
     width: 30%;
}*/
 .main_forms_list_cus .main-home-table-data-cus3 td a.btn {
     margin: 5px 0;
     padding: 5px 10px;
    /* width: 70%;*/
     text-align: center;
}
/*Add Formbuilder*/
 .form_builder_add_page .form-wrap.form-builder .stage-wrap.empty {
     padding: 100px 0;
}
 .form_builder_add_page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
     width: 100%;
}
 .form_builder_add_page .bootstrap-select button.btn.dropdown-toggle.btn-light {
     background: #eee;
     box-shadow: none !important;
     width: 100%;
     padding: 5px 10px !important;
     border: none;
     border-radius: 5px;
     font-size: 18px;
     color: #5b5b5b;
     font-weight: 500;
     display: block;
     height: auto;
     margin-bottom: 15px;
     background-image: url(../images/back_black.png) !IMPORTANT;
     background-size: 20px !important;
     background-repeat: no-repeat !IMPORTANT;
     background-position: right !IMPORTANT;
}
 .form_builder_add_page .bootstrap-select .bs-ok-default:after {
     border-color: black;
     width: .5em;
     height: 0.8em;
     border-width: 0 .20em .20em 0;
}
 .form_builder_add_page div#form-builder .bg-light {
     padding: 0 !important;
}
 .form_builder_add_page a.cross-icon {
     color: #6c757d;
     font-size: 20px;
     border: 1px solid;
     padding: 5px 10px;
}
 .form_builder_add_page .col-md-6.add-btn {
     align-self: center;
}
 .row.btn-row .col-md-4 {
     align-self: center;
}
 .modal-dialog.modal-primary {
     max-width: 800px !important;
}
 .form_builder_add_page li.formbuilder-icon-button.input-control.input-control-1.ui-sortable-handle {
     display: none;
}
/*Css For Select2 Option Builder*/
 .form_builder_add_page .form-wrap.form-builder .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
     border-right: 1px solid #aaa !IMPORTANT;
     position: unset;
     padding: 2px 5px;
}
 .form_builder_add_page .form-wrap.form-builder li.select2-selection__choice {
     padding: 0 !important;
     margin: 5px 3px !IMPORTANT;
}
 .form_builder_add_page .form-wrap.form-builder span.select2.select2-container textarea {
     margin: 0;
     display: inline-block;
     border: none !IMPORTANT;
}
/*Edit Forbuilder*/
 .form_builder_edit_page .form-wrap.form-builder .stage-wrap.empty {
     padding: 100px 0;
}
 .form_builder_edit_page .col-md-6.add-btn, .form_builder_edit_page .col-md-6.close-btn {
     align-self: center;
}
 .form_builder_edit_page .col-md-6.add-btn button {
     border: none;
     color: white !important;
     background-color: white;
     padding: 6px 20px;
     border-radius: 8px;
     font-size: 17px;
     font-weight: bold;
     background: #f89520;
     display: block;
     text-align: center;
     width: 50%;
}
 .form_builder_edit_page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
     width: 100%;
}
 .form_builder_edit_page .bootstrap-select button.btn.dropdown-toggle.btn-light {
     background: #eee;
     box-shadow: none !important;
     width: 100%;
     padding: 5px 10px !important;
     border: none;
     border-radius: 5px;
     font-size: 18px;
     color: #5b5b5b;
     font-weight: 500;
     display: block;
     height: auto;
     margin-bottom: 15px;
     background-image: url(../images/back_black.png) !IMPORTANT;
     background-size: 20px !important;
     background-repeat: no-repeat !IMPORTANT;
     background-position: right !IMPORTANT;
     outline: none !important;
}
 .form_builder_edit_page .bootstrap-select .bs-ok-default:after {
     border-color: black;
     width: .5em;
     height: 0.8em;
     border-width: 0 .20em .20em 0;
}
 .form_builder_edit_page div#form-builder .bg-light {
     padding: 0 !important;
}
 .form_builder_edit_page a.cross-icon {
     color: #6c757d;
     font-size: 20px;
     border: 1px solid;
     padding: 5px 10px;
}
 .form_builder_edit_page .general-information {
     background-color: transparent;
}
 .form_builder_edit_page button#choicescrm-clear-action, .form_builder_edit_page button#choicescrm-get-action {
     margin-top: 20px;
}
 .form_builder_edit_page .general-information .nav-tabs a.nav-item {
     margin-bottom: -1px;
     margin: 0px;
     width: 50%;
     border-radius: 5px;
     text-align: center;
}

 .form_builder_edit_page .general-information-1 input[type='radio'] {
     width: 20px;
     height: 20px;
     border-radius: 50px;
     margin-bottom: 0;
     margin-right: .3125rem;
}
 .form_builder_edit_page .add-row {
     text-align: center;
     background-color: #8ec63f;
     border: none;
     color: white;
     padding: 7px 30px;
     margin: 20px 0 20px;
     border-radius: 5px;
}
 .form_builder_edit_page .row.btn-row .col-md-4 {
     align-self: center;
}
 .form_builder_edit_page .modal-dialog.modal-primary {
     max-width: 800px !important;
}
 .form_builder_edit_page div#modalviewform {
     background: unset;
}
/*Form builder tags issue fixes*/
 .form_builder_edit_page .form-wrap.form-builder .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
     border-right: 1px solid #aaa !IMPORTANT;
     position: unset;
     padding: 2px 5px;
}
 .form_builder_edit_page .form-wrap.form-builder li.select2-selection__choice {
     padding: 0 !important;
     margin: 5px 3px !IMPORTANT;
}
 .form_builder_edit_page .form-wrap.form-builder span.select2.select2-container textarea {
     margin: 0;
     display: inline-block;
     border: none !IMPORTANT;
}
 .form_tag_cus .reports-responsive {
     width: 100%;
     overflow-x: scroll;
}
 table.filter_data ul.inline_btn {
     width: 250px;
}
 ul.inline_btn li {
     display: inline-block;
}
 .form_tag_cus td.text-left.filter_btn a.choices_btn_orange {
     display: inline;
}
 .form-wrap.form-builder .frmb .prev-holder label {
     font-weight: normal;
     display: inline-block;
}
/*Add Form tag*/
 .add_form_tag button.choices_btn_green {
     margin-top: 15px;
}
/*.....................*/
/*Start All Responsive Queries*/
/*.....................*/
@media only screen and (max-width: 1600px) {
    .key-data-main-heading1 h5, .key-data-main-heading h5 {
        font-size: 1.2rem;
    }
}
@media only screen and (max-width: 1198.99px) {
    .key-data-main-heading1 h5, .key-data-main-heading h5 {
        font-size: 1rem;
    }
}

 @media only screen and (max-width: 1024px) and (min-width: 991px) {
     .job_advert_page_cus .col-md-2.job-advert-main-section-btn, .job_advert_page_cus .col-md-2.main-table-btn-cusc {
         max-width: 50% !important;
         flex: 50% !important;
         width: 50% !important;
    }
    /*Tabs Page*/
     .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !important;
         width: 45% !important;
         border-radius: 5px !IMPORTANT;
    }

    .main_recruitment_page .col-md-3.one {
    flex: 0 0 26.6%;
    max-width: 26.6%;
}
.main_recruitment_page .col-md-3.one.padding-col .main-text p {
    font-size: 14px;
}
/*shakti*/
button.choices_btn_orange, a.choices_btn_orange {
     
     padding: 5px 10px;
   }

}
 @media only screen and (max-width: 1100px) and (min-width: 768px) {
     .maching_matrix_2 .col-md-2.home-add-btn-cus {
         max-width: 50% !important;
         flex: 50%;
    }
     .maching_matrix_2 .home-add-btn-cus h4 {
         float: unset;
    }
     .inside-forms table.filter_data {
         max-width: 1000px;
         width: 1000px;
    }
 
}
 @media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 1200px) {
.col-md-9.Recruitmtnt-main-section3, .col-md-9.acknowledgement_main_form {
    min-height: 92vh;
}
}
@media only screen and (min-width: 1350px) {
.col-md-9.Recruitmtnt-main-section3, .col-md-9.acknowledgement_main_form {
    min-height: 90vh;
}
}
@media only screen and (min-width: 1500px) {

}
 @media only screen and (min-width: 1600px) {

     .col-md-9.Recruitmtnt-main-section3, .col-md-9.acknowledgement_main_form {
    min-height: 92.2vh;
}
/*===*/
     .main_recruitment_page .col-md-3.one .col-md-4 img {
    width: 60%;
}
   .managment_access_main .col-md-3.one .col-md-4 img {
    width: 70%;
}
.reports_log_with_timeline .row.time_line:after {
    width: 93%;
}


 }
 @media only screen and (min-width: 1800px) {

     .col-md-9.Recruitmtnt-main-section3, .col-md-9.acknowledgement_main_form {
    min-height: 92.8vh;
}
/*===*/

     table.scrolling-table {
         width: 100% !important;
         max-width: 100% !important;
    }
     .main_home_view_page {
         min-height: 95vh;
    }
     .row.main-job-advert-table-sec-cus1 table {
         width: 100% !important;
         max-width: 100% !important;
    }

.reports_log_with_timeline .row.time_line:after {
    width: 94%;
}
}


 @media only screen and (min-width: 1920px) {
.col-md-9.Recruitmtnt-main-section3, .col-md-9.acknowledgement_main_form {
    min-height: 93.6vh;
}

 }
 @media only screen and (max-width: 1337px) {
     .col-md-3.one {
         flex: 0 0 26%;
         max-width: 26%;
    }
.fixed_table_scrolling .main-table-data-cus3 td:nth-child(2) {
    width: 15%;
}
 
}
 @media only screen and (max-width: 1200px) {
    .fixed_table_scrolling table {
    max-width: 1200px !important;
    width: 1200px !important;
}
.fixed_table_scrolling .reports-responsive {
    overflow-x: scroll !important;
}

/*Doc*/

.document_upload .fire-extinguisher-check-1 td {
    width: auto !important;
}

/*Management Resident*/

.management_resident .main-home-home-table-sec-cus1 table {
    max-width: 1000px;
    width: 1000px;
}

}



 @media only screen and (max-width: 991px) {
    /*Management Access*/
     .row.main-job-advert-table-sec-cus4 table {
         box-shadow: 0 0 10px #ccc !important;
         width: 1000px !important;
         display: inline-table !IMPORTANT;
         border-radius: 10px !IMPORTANT;
         margin: 0 0px;
         overflow: hidden !important;
    }
    /*Employee*/
     .training_record_emp .col-md-6.past-monthly-reviews-1 {
         max-width: 100% !important;
    }
     .training_record_emp .col-md-4.job-advert-main-section-btn4 {
         max-width: 100%;
         flex: 100%;
    }
    /*Edit Candidate*/
     .edit_candidate .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !important;
         width: 45% !important;
         border-radius: 5px !IMPORTANT;
    }
    /*Home View Page*/
     .main_home_view_page .col-md-6.main-two-col {
         margin: 0 10px;
         display: inline-block;
         max-width: 100%;
         flex: 100%;
    }
     .main_home_view_page .col-12 {
         max-width: 100% !important;
    }
     .main_home_view_page .main-reffral-form-cus .form-row .col-12, .main_home_view_page .main-reffral-form-cus .form-row .col-6 {
         padding: 15px 50px;
    }
     .main_home_view_page .main-reffral-form-cus.resident-profile img {
         max-width: 100%;
         vertical-align: middle;
         padding-top: 0;
         width: 100%;
         height: auto;
         object-fit: contain;
         object-position: center;
         border-radius: 10px 10px 10px 10px;
    }
     .acknowledgement_main_form a {
         width: 27% !important;
    }
     .col-md-3 {
         max-width: 50% !important;
         flex: 50% !important;
         margin-bottom: 20px;
    }
     .col-md-2.Candidates-main-section-btn {
         max-width: 100% !important;
         flex: 100% !important;
    }
     .Candidates-main-section-btn a {
         max-width: 100% !important;
         flex: 100% !important;
         width: 100% !important;
         display: block;
    }
     .col-md-3.Recruitmtnt-main-section2 {
         background-color: #1a75bc;
         padding: 30px 0 0;
         margin-top: -60px !important;
         max-width: 20% !important;
         border:none !important;
         padding-bottom: 60px;
    }
     .col-md-3.Recruitmtnt-main-section2 {
         background-color: #1a75bc;
         padding: 30px 0 0;
         margin-top: -60px !important;
         max-width: 25% !important;
         border:none !important;
         padding-bottom: 60px;
         margin-bottom: 0;
    }
     .col-md-9.acknowledgement_main_form {
         max-width: 75%;
         flex: 75%;
         padding: 20px 20px;
         background: #f4f4f4;
    }
     .col-md-9.acknowledgement_main_form {
         max-width: 75%;
         flex: 75%;
         padding: 20px 20px;
         background: #f4f4f4;
    }
     .acknowledgement_main_form1 .col-6 {
         padding: 0 50px 0 0 !important;
         margin-bottom: 50px;
         max-width: 100% !important;
         flex: 100% !important;
    }
     .file_upload_custom_main h3 {
         width: 40% !important;
    }
     .main-candiate-table-sec-cus1 table {
         max-width: 100%;
         flex: 100;
         box-shadow: 0 0 10px #ccc;
         border-radius: 10px !important;
         overflow: scroll !important;
         display: block !important;
    }
     .main-job-advert-table-sec-cus4 table {
         max-width: 100%;
         flex: 100;
         box-shadow: 0 0 10px #ccc;
         border-radius: 10px !important;
         overflow: scroll !important;
         display: block !important;
    }
     .main-job-advert-table-sec-cus1 table {
         max-width: 100%;
         flex: 100;
         box-shadow: 0 0 10px #ccc;
         border-radius: 10px !important;
         overflow: scroll !important;
    }
     .row.main-newstarter-table-sec-cus table {
         max-width: 100%;
         flex: 100;
         box-shadow: 0 0 10px #ccc;
         border-radius: 10px !important;
         overflow: scroll !important;
         display: block !important;
    }
     .main-resident-resident-table-sec-cus1 table {
         max-width: 100%;
         flex: 100;
         box-shadow: 0 0 10px #ccc;
         border-radius: 10px !important;
         overflow: scroll !important;
         display: block !important;
    }
     .main-resident-resident-table-sec-cus1 table {
         border-radius: 10px !important;
         display: block !important;
         box-shadow: 0 0 10px #ccc;
         max-width: 1007px;
         margin: 0 0px;
         flex: 1007px;
         overflow: scroll !important;
         width: 1047px;
    }
     .row.main-resident-resident-table-sec-cus1-main-row {
         overflow: scroll;
         display: block;
    }
     .col-md-9.Recruitmtnt-main-section3 {
         background-color: #f4f4f4;
         max-width: 75% !important;
         flex: 75% !important;
    }
     h2.main-heading-header-first-cus {
         right: -130px !important;
         font-size: 18px !Important;
    }
     h4.main-heading-header-second-cus {
         right: -155px !Important;
         font-size: 13px !Important;
    }
    .home-add-btn-cus a{
     width: 100%;
    }
    /*shakti*/
    button.choices_btn_orange, a.choices_btn_orange {
     
     padding: 5px 10px;
   }
    /*shakti*/
}
 @media only screen and (max-width: 768px) {
    /*whole crm*/
     h2.main-heading-header-first-cus, h4.main-heading-header-second-cus {
         display: none;
    }
     .Recruitmtnt-main-section2 {
         background: black;
         color: white;
         border-left: 5px solid #E5B87A;
         display: none;
    }
     .inner_form_heading h4 {
         text-align: center;
         margin-bottom: 30px;
         font-size: 18px !important;
    }
     .file_upload_custom_main a {
         width: 60% !important;
    }
     .acknowledgement_main_form h2 {
         font-size: 20px !important;
         letter-spacing: 1px;
         margin: 0 0 10px;
         font-weight: 600;
    }
     .accident-injury_main_form {
         max-width: 100%;
         flex: 100%;
         padding: 50px 60px 0;
         background: #f4f4f4;
    }
     .col-md-3 {
         max-width: 100% !important;
         flex: 100% !important;
         margin-bottom: 20px;
    }
     .acknowledgement_main_form {
         max-width: 100% !important;
         flex: 100% !important;
         padding: 50px 60px 0;
         background: #f4f4f4;
    }
     .acknowledgement_main_form a {
         width: 27% !important;
    }
     .acknowledgement_main_form1 .col-6 {
         padding: 0 50px 0 0 !important;
         margin-bottom: 50px;
         max-width: 100%;
         flex: 100%;
    }
     .col-6.file_upload_custom_main {
         max-width: 68% !important;
    }
     .row.Recruitmtnt-main-section3-main-row img {
         width: 45% !important;
         margin: 19px auto 0;
    }
     span.flip {
         display: block !important;
         width: auto;
         padding: 10px 20px;
    }
     .side_bar_open_phone div#panel_new_crm {
         display: block;
    }
     #panel, .flip {
         font-size: 26px;
         padding: 10px;
         text-align: center;
         color: White;
         border: none;
         margin: 0 0;
         position: absolute;
         z-index: 999;
         width: 90%;
    }
     .flip i.fa.fa-bars {
         float: left;
         margin-top: -51px !important;
    }
     .col-md-9.Recruitmtnt-main-section3 {
         background-color: #f4f4f4;
         max-width: 100%;
         flex: 100%;
    }
     .col-md-3.one {
         background: white;
         box-shadow: 0 0 10px #ccc;
         border-radius: 5px;
         margin: 0 30px 30px;
         height: auto;
    }
     .col-md-4.icon {
         background: #f99621;
         text-align: center;
         color: white;
         height: 110px;
         max-width: 30%;
    }
     .col-md-8.main-text {
         max-width: 70%;
    }
     .main-text p {
         margin: 0 auto;
         padding: 15px 5px !important;
         font-weight: 600;
    }
     .col-md-4.icon2 {
         background: #8ec63f;
         text-align: center;
         color: white;
         height: 110px;
         max-width: 30%;
    }
     .col-md-4.icon3 {
         background: #1e75bc;
         text-align: center;
         color: white;
         height: 110px;
         max-width: 30%;
    }
     .col-md-4.icon4 {
         background: #40a4c6;
         text-align: center;
         color: white;
         height: 110px;
         max-width: 30%;
    }
     .col-md-4.icon5 {
         background: #2ab775;
         text-align: center;
         color: white;
         height: 110px;
         max-width: 30%;
    }
     .col-md-4.icon6 {
         background: #6453a3;
         text-align: center;
         color: white;
         height: 110px;
         max-width: 30%;
    }
     .col-md-4.icon7 {
         background: #a5519f;
         text-align: center;
         color: white;
         height: 110px;
         max-width: 30%;
    }
     .col-md-4.icon8 {
         background: #374ba1;
         text-align: center;
         color: white;
         height: 110px;
         max-width: 30%;
    }
     .Recruitmtnt-main-section3 h1 {
         margin-bottom: 20px;
         font-weight: 400;
    }
     .Recruitmtnt-main-section3 h1 {
         margin: 25px 0 20px !important;
         font-weight: 400;
         font-family: Montserrat;
         color: black;
         text-align: left;
         font-size: 25px;
    }
     .row.Recruitmtnt-main-section3-main-row {
         margin-bottom: 0;
    }
     div#panel_new_crm {
         position: fixed;
         top: -50px;
         bottom: 0;
         max-width: 60% !important;
         z-index: 12;
         left: 0;
         right: 0;
         overflow: hidden scroll;
         margin-top: 50px !important;
         margin-bottom: 0;
    }
     .side_bar_open_phone #myClick {
         position: absolute;
         z-index: 999;
         right: 0;
         left: 0;
         top: 0;
         width: 100%;
    }
     .side_bar_open_phone #myClick i {
         float: none;
         z-index: 999;
         color: white;
         position: absolute;
         right: 40%;
         background: #8ec640;
         top: 51px;
         padding: 10px 12px;
         border-radius: 2px;
    }
     .side_bar_open_phone #myClick i:before {
         content: "\f00d";
    }
     .job-advert-main-section-btn a {
         width: 50%;
    }
     .main-table-data-cus3 td {
         padding: 15px 15px 10px 15px;
         font-weight: 500;
         text-align: left;
    }
     .candidate-shedule-main2 input[type="text"] {
         border: none;
         background: #ebebeb;
         vertical-align: top;
         padding: 25px 0 25px 9px;
         border-radius: 6px;
         margin: 10px 0 10px;
         width: 100%;
    }
     body{
         background-color: #f4f4f4 !important;
    }
     .Candidates-main-section-btn a {
         width: 100%;
    }
     .main-candiate-table-sec-cus1 table {
         max-width: 100%;
         flex: 100;
         box-shadow: 0 0 10px #ccc;
         border-radius: 10px !important;
         overflow: scroll !important;
         display: block !important;
    }
     .job-advert-main-section-btn4 a {
         width: 50%;
    }
     .main-job-advert-table-sec-cus4 table {
         box-shadow: 0 0 10px #ccc !important;
         max-width: 100% !important;
         border-radius: 10px;
         overflow: scroll;
         flex: 100% !important;
         width: 100% !important;
         display: inline-table;
    }
     .col-md-4.resident-add-btn-cus {
         max-width: 50%;
    }
     .Recruitmtnt-main-section3 .col-md-8 {
         max-width: 50%;
    }
     .col-md-4.job-advert-main-section-btn {
         max-width: 100% !important;
    }
     .main-resident-resident-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 1007px;
         margin: 0 0px;
         flex: 1007px;
         border-radius: 10px;
         overflow: scroll !important;
         width: 1047px;
         display: inline-table;
    }
     .main-resident-resident-table-sec-cus1 {
         overflow-x: auto;
         border-radius: 10px;
    }
     .col-md-4.home-add-btn-cus {
         max-width: 50%;
    }
     .home-add-btn-cus a {
         background: #8ec63f;
         padding: 5px 20px;
         color: white;
         float: right;
         border-radius: 5px;
         margin-top: 0px;
    }
     .main-home-home-table-sec-cus1 {
         overflow-x: auto;
         border-radius: 10px;
    }
     .main-home-home-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 947px;
         margin: 0 0px;
         flex: 947px;
         border-radius: 10px;
         overflow: scroll !important;
         width: 947px;
         display: inline-table;
    }
     .col-md-4.job-advert-main-section-btn {
         max-width: 50%;
    }
     .col-md-9.Recruitmtnt-main-section3 {
         background-color: #f4f4f4;
         max-width: 100% !important;
         flex: 100% !important;
         padding: 0 15px !important;
    }
     .job-advert-main-section-btn a {
         padding: 5px 40px;
    }
     .main-job-advert-table-sec-cus1 {
         border-radius: 10px;
         overflow: scroll;
    }
     .custom-class-for-phone {
         height: 110px !important;
    }
     .custom-class-for-phone img {
         max-width: 100% !important;
         vertical-align: middle !important;
         padding-top: 0 !important;
         width: 100% !important;
         height: 110px !important;
         object-fit: contain !important;
         object-position: center !important;
    }

     #RECRUITMENT .col-md-4 {
         max-width: 50% !important;
    }
     .col-md-2.Edit-popup-main-btn-cus {
         max-width: 50%;
    }
    /*Edit Promoted btn*/
     #RECRUITMENT .col-md-4.promoted-col{
         max-width: 100%;
    }
     .general-information-1 .col-md-4.promoted-col input.btn.promoted {
         margin-top: 40px;
    }
     .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !IMPORTANT;
         float: left;
         max-width: 48% !IMPORTANT;
         flex: 48%;
         float: left;
    }
}
 @media only screen and (max-width: 575px) {
    /*Tabs Page*/
     .general-information .nav-tabs a.nav-item {
         margin: 10px 5px !IMPORTANT;
         float: left;
         max-width: 100% !IMPORTANT;
         flex: 100%;
         float: left;
    }
     .general-information .nav-tabs a.nav-item:first-child, .general-information .nav-tabs a.nav-item:last-child {
         border-radius: 5px !important;
    }
     #RECRUITMENT .col-md-4{
         max-width: 100% !important;
    }
     button.choices_btn_orange, a.choices_btn_orange {
     
     padding: 5px 10px;
   }
}

 @media only screen and (max-width: 480px) {
    .main_application_form_cus .col-md-12.top_headings {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    /*Whole Crm*/
     .Recruitmtnt-main-section2 {
         background: black;
         color: white;
         border-left: 5px solid #E5B87A;
         display: none;
    }
     .file_upload_custom_main a {
         width: 60% !important;
    }
     .acknowledgement_main_form h2 {
         font-size: 20px !important;
         letter-spacing: 1px;
         margin: 0 0 10px;
    }
     .accident-injury_main_form {
         max-width: 100%;
         flex: 100%;
         padding: 50px 60px 0;
         background: #f4f4f4;
    }
     .inner_form_heading h4 {
         text-align: center;
         margin-bottom: 30px;
         font-size: 18px !important;
    }
     .acknowledgement_main_form {
         max-width: 100% !important;
         flex: 100% !important;
         padding: 50px 60px 0;
         background: #f4f4f4;
    }
     .acknowledgement_main_form a {
         width: 46% !important;
    }
     .acknowledgement_main_form1 .col-6 {
         padding: 0 !important;
         margin-bottom: 50px;
    }
     .acknowledgement_main_form1 .col-6 {
         padding: 0 50px 0 0 !important;
         margin-bottom: 50px;
         max-width: 100%;
         flex: 100%;
    }
     .col-6.file_upload_custom_main {
         max-width: 100% !important;
    }
     .col-md-2.Edit-popup-main-btn-cus {
         max-width: 100%;
    }
     .col-md-4.main-image-sec-cus {
         max-width: 100% !important;
    }
     span.flip {
         display: block !important;
    }
     #panel, .flip {
         font-size: 26px;
         padding: 10px;
         text-align: center;
         color: White;
         border: none;
         margin: 0 0;
         position: absolute;
         z-index: 999;
         width: 90%;
    }
     .flip i.fa.fa-bars {
         float: left;
         margin-top: -51px !important;
    }

     .main_recruitment_page .col-md-8.main-text {
         max-width: 60%;
    }
     .main_recruitment_page .main-text p {
         margin: 0 auto;
         padding: 41px 30px !important;
         font-weight: 600;
    }
#RECRUITMENT.main_recruitment_page .col-md-3.one.padding-col .main-text p {
    padding: 25px 20px !important;
    font-size: inherit;
}
     .main_recruitment_page .col-md-4.icon2 {
         max-width: 30%;
    }
     .main_recruitment_page .col-md-4.icon3 {
         max-width: 30%;
    }
     .main_recruitment_page .col-md-4.icon4 {
         max-width: 30%;
    }
     .main_recruitment_page .col-md-4.icon5 {
         max-width: 30%;
    }
     .main_recruitment_page .col-md-4.icon6 {
         background: #6453a3;
         text-align: center;
         color: white;
         max-width: 30%;
    }
     .main_recruitment_page .col-md-4.icon7 {
         max-width: 30%;
    }
     .main_recruitment_page .col-md-4.icon8 {
         max-width: 30%;
    }
     .Recruitmtnt-main-section3 h1 {
         margin: 20px 0 20px;
         font-weight: 400;
         line-height:1.5;
         font-size: 23px !Important;
    }
     .main_recruitment_page .row.Recruitmtnt-main-section3-main-row {
         margin-bottom: 0;
    }
     div#panel_new_crm {
         position: fixed;
         top: -50px;
         bottom: 0;
         max-width: 60%;
         z-index: 12;
         left: 0;
         right: 0;
         overflow: hidden scroll;
         margin-top: 50px !important;
    }
     .side_bar_open_phone #myClick {
         position: absolute;
         z-index: 999;
         right: 0;
         left: 0;
         top: 0;
         width: 100%;
    }
     .side_bar_open_phone #myClick i {
         float: none;
         z-index: 999;
         color: white;
         position: absolute;
         right: 40%;
         background: #8ec640;
         top: 51px;
         padding: 10px 12px;
         border-radius: 2px;
    }
     .side_bar_open_phone #myClick i:before {
         content: "\f00d";
    }
     .Recruitmtnt-main-section3 img {
         padding-top: 0px;
    }
     .job-advert-main-section-btn a {
         width: 100%;
    }
     .main-table-data-cus3 td {
         padding: 15px 15px 10px 15px;
         font-weight: 500;
         text-align: left;
    }
     .candidate-shedule-main2 input[type="text"] {
         border: none;
         background: #ebebeb;
         vertical-align: top;
         padding: 25px 0 25px 9px;
         border-radius: 6px;
         margin: 10px 0 10px;
         width: 100%;
    }
     body{
         background-color: #f4f4f4 !important;
    }
     .Candidates-main-section-btn a {
         width: 100%;
    }
     .main-candiate-table-sec-cus1 table {
         max-width: 100%;
         flex: 100;
         box-shadow: 0 0 10px #ccc;
         border-radius: 10px !important;
         overflow: scroll !important;
         display: block !important;
    }
     .job-advert-main-section-btn4 a {
         width: 50%;
    }
     .main-job-advert-table-sec-cus4 table {
         box-shadow: 0 0 10px #ccc !important;
         max-width: 100% !important;
         border-radius: 10px;
         overflow: scroll;
         flex: 100% !important;
         width: 100% !important;
         display: block;
    }
     .col-md-4.resident-add-btn-cus {
         max-width: 100%;
    }
     .row.form-group.edit-main-form-input-sec.resident-form {
         margin: 30px 0px 30px 0;
    }
     .Recruitmtnt-main-section3 .col-md-8 {
         max-width: 100%;
    }
     .resident-add-btn-cus a {
         background: #8ec63f;
         padding: 5px 20px;
         color: white;
         float: left;
         border-radius: 5px;
         margin-top: 0px;
    }
     .main-resident-resident-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 1047px;
         margin: 0 0px;
         flex: 1047px;
         border-radius: 10px;
         overflow: scroll !important;
         width: 1047px;
         display: block;
    }
     .main-resident-resident-table-sec-cus1 {
         overflow-x: auto;
         border-radius: 10px;
    }
     .col-md-4.home-add-btn-cus {
         max-width: 50%;
    }
     .home-add-btn-cus a {
         background: #8ec63f;
         padding: 5px 20px;
         color: white;
         float: right;
         border-radius: 5px;
         margin-top: 0px;
    }
     .main-home-home-table-sec-cus1 {
         overflow-x: auto;
         border-radius: 10px;
    }
     .main-home-home-table-sec-cus1 table {
         box-shadow: 0 0 10px #ccc;
         max-width: 947px;
         margin: 0 0px;
         flex: 947px;
         border-radius: 10px;
         overflow: scroll !important;
         width: 947px;
         display: inline-table;
    }
     .col-md-4.job-advert-main-section-btn {
         max-width: 50%;
    }
     .col-md-9.Recruitmtnt-main-section3 {
         background-color: #f4f4f4;
         max-width: 100% !important;
         flex: 100% !important;
    }
     .job-advert-main-section-btn a {
         padding: 5px 50px;
    }
     .main-job-advert-table-sec-cus1 {
         border-radius: 10px;
         overflow: scroll;
    }
     .custom-class-for-phone {
         height: 110px !important;
    }
     .custom-class-for-phone img {
         max-width: 100% !important;
         vertical-align: middle !important;
         padding-top: 0 !important;
         width: 80% !important;
         height: 110px !important;
         object-fit: contain !important;
         object-position: center !important;
    }
     .row.Recruitmtnt-main-section3-main-row img {
         width: 65% !important;
    }
    /*Employee*/
     .training_record_emp .col-md-6.past-monthly-reviews-1 .row .col-md-6 {
         max-width: 50%;
    }
     .training_record_emp .past-monthly-reviews-1 a {
         float: left !important;
    }
    /*Notification Top*/
     .top-header-bar-2 .notification .dropdown-menu.show {
         left: -30px !important;
         width: 340px;
    }
}
 @media only screen and (max-width: 400px) {
}
 @media only screen and (max-width: 380px) {
    /* Notification Top*/
     .top-header-bar-2 .notification .dropdown-menu.show {
         left: -40px !important;
         width: 280px;
    }
     .col-md-9.Recruitmtnt-main-section3 .tabcontent {
         padding: 0px 0px !IMPORTANT;
    }
}
/*Main Forms PAges Css*/
 .col-md-9.acknowledgement_main_form{
     max-width: 83%;
     flex: 83%;
     padding: 50px 60px 0;
     background: #f4f4f4;
}
 .acknowledgement_main_form h4 {
     font-size: 20px;
     font-weight: 300;
     color: black;
     margin: 0;
}
 .acknowledgement_main_form h2 {
     font-size: 30px;
     letter-spacing: 1px;
     margin: 0 0 10px;
     font-weight: 600;
}
 .acknowledgement_main_form a {
     background: #f89520;
     color: white;
     padding: 10px 0px;
     display: block;
     text-align: center;
     width: 20%;
     vertical-align: middle;
}
 .acknowledgement_main_form a img {
     width: 11%;
     position: relative;
     bottom: 3px;
     display: none;
}
 .acknowledgement_main_form a {
     background: #f89520;
     color: white;
     padding: 12px 0px;
     display: block;
     text-align: center;
     width: 17%;
     vertical-align: middle;
     border-radius: 10px;
     font-weight: 200;
     margin-top: 20px;
}
 .acknowledgement_main_form {
     max-width: 80%;
     flex: 80%;
     padding: 50px 60px 0;
     background: #f4f4f4;
}
/* .acknowledgement_main_form1 {
     padding: 50px 0;
}*/
 .acknowledgement_main_form1 .col-6, .acknowledgement_main_form1 .col-12 {
     padding: 0 15px 0 !important;
     margin-bottom: 20px;
}
 @media only screen and (max-width: 768px) {
     .acknowledgement_main_form1 .col-6, .acknowledgement_main_form1 .col-12 {
         padding: 0 !important;
         margin-bottom: 50px;
    }
    /*shakti*/
    .col-md-4.lastmargin-33 {
           margin-left: 0% !important;
     }
     .row.two_btn_row.mb-3.lastmargin-25 {
         margin-left: 0% !important;
          padding: 5px !important;
     }
    .lastmargin-25 .col-md-4 {
         padding: 5px !important;
     }
      .col-md-9.acknowledgement_main_form{
          padding: 20px;
     }
      .row.main-job-advert-table-sec-cus4 {
              margin: 0px !important;
      }
      .col-md-9.Recruitmtnt-main-section3{
          padding: 0px !important;
      }
      .hidden_lable {
         visibility: hidden;
         margin-bottom: 0px !important;
         display: none;
     }
     .homes_reports_page .col-md-3 button#run {
         display: block;
         width: 100% !important;
         margin-top: 1px !important;
     }
    
      /*shakti*/
}
 @media only screen and (max-width: 480px) {
     .acknowledgement_main_form1 .col-6, .acknowledgement_main_form1 .col-12 {
         padding: 0 !important;
         margin-bottom: 50px;
    }
     .managment_monthly_review_page .col-md-2.panel-inner-data-main-colom-cus2 {
    max-width: 100% !IMPORTANT;
    flex: 100% !important;
}
}

/*.....................*/
/*End All Responsive Queries*/
/*.....................*/
 /*shakti */
 button.choices_btn_orange.disabled {
    background-color: #fff !important;
    color: orange;
}
 p.colorrmove.\31 03.mb-3.Final {
    left: -50px !important;
}
span.colorrmovename.\31 03.Final {
    left: -50px !important;
}
p.colorrmove.\31 00.mb-3.Original {
    left: -50px !important;
}
span.colorrmovename.\31 00.Original {
    left: -50px !important;
}
a.btn.choices_btn_orange.mr-2 {
    padding: 3px !important;
}
.btn.disabled, .btn:disabled {
    opacity: 0.35;
    pointer-events: none;
}
.col-md-4.lastmargin-33 {
    margin-left: 33%;
}
.row.two_btn_row.mb-3.lastmargin-25 {
    margin-left: 24%;
}
label.singleline {
    position: absolute;
    left: 15%;
}
.modal label.singleline {
    position: absolute;
    left: 26%;
}
.current-status-checkbox{
     height: 35px;
     width: 35px;
}
 /*shakti*/