/*
Peopledesk 1.0 Style Sheet

Google Fontweight Reference : 
    300 - Monteserrat light
    400 - Montserrat regular, 
    500 - Montserrat medium,
    600 - Montserrat semibold, 
    700 - Montserrat bold, 
    800 - Montserrat extra bold, 
    900 - Montserrat black, 
*/


/* Start: css added by mathan */
.clr_f {
    color: #fff;
}
.wi_128 {
    width: 128px;
}
.wi_210 {
    width: 210px;
}
.wi_75 {
    width: 75px;
}
.box_profile {
    /*display: none;*/
}
.my_team_activity {
    display: none;
}
#normal_image {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
.mobile_logout {
    display: none;
}
.po_abs {
    position: absolute;
}

.zoomed_close {
    font-weight: normal !important;
}

#normal_image:hover {
    opacity: 0.7;
}



/* The Modal (background) */

#zoom_modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 10;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/ opacity */
}



/* Modal Content (image) */

#zoomed_image {
    margin: auto;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
}



/* Caption of Modal Image */

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}



/* Add Animation */

#zoomed_image,
#caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}



/* The Close Button */

.close {
    position: absolute;
    top: -3px;
    right: 8px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.custom_checkbox_modal .content {
    width: 500px;
}

.custom_checkbox_modal .padding_24 {
    padding: 24px;
}

.custom_checkbox_modal .text {
    color: #383838;
    font-weight: 500;
}

.custom_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    padding-top: 5px;
    font-size: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}





/* Hide the browser's default radio button */

.custom_checkbox input {
    position: absolute;
    opacity: 0;
}





/* Create a custom radio button */

.custom_checkbox .checkmark {
    position: absolute;
    top: 7px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}





/* On mouse-over, add a grey background color */

.custom_checkbox:hover input~.checkmark {
    background-color: #ccc;
}





/* When the radio button is checked, add a blue background */

.custom_checkbox input:checked~.checkmark {
    background-color: #2196F3;
}





/* Create the indicator (the dot/circle - hidden when not checked) */

.custom_checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}





/* Show the indicator (dot/circle) when checked */

.custom_checkbox input:checked~.checkmark:after {
    display: block;
}





/* Style the indicator (dot/circle) */

.custom_checkbox .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.date_section {
    text-align: center;
    margin: 0 auto;
}

.select_month {
    width: 24%;
    display: inline-block;
}

.select_year {
    width: 16%;
    display: inline-block;
}

.select_day_table,
.date_table {
    width: 100%;
}

.hidden {
    display: none !important;
}

.hidden2 {
    display: none;
}

.select_day_body td {
    text-align: left;
    padding: 4px 4px 4px 16px;
}

.delete_attendance {
    text-align: center;
    color: #DF4646;
    border-top: 1px solid #d3d3d3;
}

.delete_attendance span {
    cursor: pointer;
}

.tx_c {
    text-align: center !important;
}

.delete_attendance:hover {
    text-decoration: underline;
}

.attendance_day_box .status_box {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.date_table th,
.date_table td {
    text-align: center;
}

.date_table th {
    padding: 5px 0px;
    background: #fff;
}

.mar_t10 {
    margin-top: 10px;
}

.date_table .approved {
    background: #00BE75;
}

.attendance_day_box {
    background: #fff !important;
    padding-bottom: 0px !important;
}

.date_table .today {
    border: 2px solid #3E85F9;
    box-shadow: 0px 3px 5px 0px #838384;
    background: #fff;
    color: #8a8888;
}

.attendance_day_box>p.head {
    background: #f5f5f5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #d3d3d3;
}

.att_count_sect {
    width: 44%;
    margin: 23px auto;
}

.att_count_sect .count_box {
    margin: auto;
    border: 1px solid #d3d3d3;
    padding: 13px;
    /* border-radius: 1px; */
    box-shadow: 1px 1px 9px 1px #d3d3d3;
}

.attendance_day_box .approved {
    color: #00BE75;
}

.date_table .leave {
    background: #FF8800;
}

.attendance_day_box .leave {
    color: #FF8800;
}

.date_table .absent {
    background: #DF4646;
}

.attendance_day_box .absent {
    color: #DF4646;
}

/*.day_box {
    width: 58%;
    height: 35px;
    margin: 6px auto;
    justify-content: center;
    padding: 6px 4px;
    border-radius: 5px;
    background: #d3d3d3;
    color: #fff;
    cursor: pointer;
}*/

.not_empty {
    background: #fff;
    color: #8a8888;
    border: 1px solid #d3d3d3;
}

.attendance_box {
    background: #f5f5f5;
    padding: 0px 0px 12px 0px;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
}

.attendance_box>p {
    padding: 8px;
    font-weight: 500;
    font-size: 19px;
}



/* End: css added by mathan */


/** General **/

* {
    outline: none;
}

html,
body {
     min-height: 100%; 
}

html {
    -ms-touch-action: none;
}

body {
    color: #5e5e5e;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

p {
    margin-bottom: 0;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 400;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 400;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
}



.wrapper {
    float: left;
    width: 100%;
}

.btn {
    border-radius: 4px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}

.input_label {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #2D2D2D;
    margin-bottom: 4px;
    font-weight: 500;
}

.btn:focus {
    box-shadow: none;
    outline: none;
}

button:focus {
    outline: none;
}

.btn_medium {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 15px;
    min-width: 100px;
}

.btn_medium.btn-ok{
    margin-left:15px;
}

.btn_blue {
    /*background-color: #3D85F9;*/
    background-color: #0a93d5;
    color: #FFF;
    font-weight: 500;
}

.btn_blue:hover {
    color: #FFF;
    background-color: #186cf3;
}
.btn_blue_listing{
    background-color: #3D85F9;
    color: #FFF;
    font-weight: 500;
}
.btn_blue_listing:hover{
    color: #FFF;
    background-color: #186cf3;
}
.btn_green{
    background-color: #07BC77;
    color: #FFF;
    font-weight: 500;
}
.btn_green:hover{
    color: #FFF;
    background-color: #0B9A64;
}

.btn_white {
    background-color: #FFF;
    color: #131313;
    border: solid 1px #B5B5B5;
    box-sizing: border-box;
    font-weight: 600;
}

.btn_white:hover,
.btn_white:focus {
    background-color: #F2F4F5;
    color: #0a93d5;
}

.btn_orange {
    background-color: #FF6923;
    color: #FFF;
}

.btn_orange:hover,
.btn_orange:focus {
    background-color: #E54C05;
    color: #FFF;
}


.btn_orange_outline {
    background-color: transparent;
    border-color:#FF6923;
    color:#FF6923;
}

.btn_orange_outline:hover,
.btn_orange_outline:focus {
    background-color: #FF6923;
    color: #FFF;
}

.btn_danger_outline {
    float: right;
    width: 48%;
    background-color: transparent;
    border: solid 1px #DDDFDF;
    color: #D62839;
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
}
.btn-block.btn_danger_outline{
    width:100%;
}

.btn_danger_outline:hover,
.btn_danger_outline:focus {
    color: #FFF;
    background-color: #D62839;
}


.btn_green_outline {
    float: right;
    width: 48%;
    background-color: transparent;
    border: solid 1px #28a745;
    color: #28a745;
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
}
.btn-block.btn_green_outline{
    width:100%;
}

.btn_green_outline:hover,
.btn_green_outline:focus {
    color: #FFF;
    background-color: #28a745;
}

.label_bold {
    font-weight: 500;
    color: #131313;
}

.btn_filter_clear {
    border-radius: 5px;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #F2F4F5;
    color: #186cf3;
    display: none;
}

.btn_filter_clear:hover {
    background-color: #DDE0E2;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
}

.checkbox_array_error_level_3 {
    color: #EE001C;
    padding: 0;
    text-align: left;
    float: left;
    margin-bottom: 10px;
}

.checkbox_array_error_level_2 {
    color: #EE001C;
    padding: 0;
    text-align: left;
    float: left;
    margin-bottom: 0px;
    padding-left: 15px;
}

.checkbox_array_error_level_1 {
    color: #EE001C;
    padding: 0;
    text-align: left;
    float: left;
    margin-bottom: 10px;
    padding-left: 15px;
}

.xdsoft_datetimepicker {
    font-family: 'Montserrat', sans-serif;
}

textarea {
    resize: none;
}

.mandatory_symbol {
    color: #EE001C;
    display: inline-block;
    padding-left: 4px;
}

a.inactive_link,
a.inactive_link:hover,
a.inactive_link:focus {
    color: #999 !important;
    cursor: not-allowed;
}

.text_bold {
    font-weight: 500;
}

.ui-widget {
    font-family: 'Montserrat', sans-serif;
}


/* Jquery UI CSS */


.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    width: 160px;
    padding: 0px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #DDDFDF;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-autocomplete .ui-menu-item > div.ui-state-hover,
.ui-autocomplete .ui-menu-item > div.ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #3d85f9;
    border-radius: 0px;
    border-color:transparent;
}

.ui-datepicker{
    /*z-index: 100 !important;*/
}
/* Dispatch offer letter modal */

.common_modal {
    font-size: 18px;
}

.common_modal .modal-dialog {
    width: 800px;
}

.common_modal {}

.common_modal .modal-dialog {
    max-width: none;
}

.common_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.common_modal .form_modal_container {
    float: left;
    width: 100%;
}

.common_modal .form_modal_container .alert {
    /*display: none;*/
}

.common_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.common_modal .form-group {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.common_modal .static_field_group {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.common_modal .static_field_group:last-of-type{
    margin-bottom: 0;
}

.common_modal .static_field_group .static_field_name {
    float: left;
    max-width: 40%;
    padding-right: 10px;
    /*margin-right: 5px;*/
}

.common_modal .static_field_group .static_field_value {
    float: left;
    max-width:70%;
    font-weight: 500;
}

.common_modal .form_group_button {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
}
.common_modal .modal_content_left{
    float:left;
    width:75%;
}
.common_modal .modal_content_right{
    float:left;
    width:25%;
}
.offer_letter_button_container{
    margin-top:50px;
    float:left;
}
.common_modal .offer_letter_caption{
    float:left;
    font-size:19px;
    color:#131313;
    font-weight: 500;
    margin-bottom:5px;
    width:100%;
}
.common_modal .dispatch_offer_letter_link{
    padding-top:8px;
    padding-bottom: 8px;
    font-size:17px;
    min-width: 180px;
}

.common_modal .form_modal_container .common_modal_buttons {
    float: left;
    width: 100%;
}

.common_modal .form_modal_container .common_modal_buttons .btn {
    min-width: 100px;
    float:left;
    width:48%;
}

.common_modal .form_modal_container .common_modal_buttons .btn:first-child {
    margin-right: 4%;
}

.common_modal .modal_html_content{
    float:left;
    width:100%;
}

.form_modal_container .add_cancel_buttons .btn_blue{
    width:70%;
}

.add_cancel_buttons .btn_outline{
    width:25%;
    float: right;
    background-color:transparent;
    border:solid 1px #DDDFDF;
    font-weight: 500;
}

.add_cancel_buttons .btn_outline:hover{
    background-color:#DDDFDF;
}


/* Confirm delete Modal */

.confirm_delete_modal {
    font-size: 19px;
}

.confirm_delete_modal .modal-dialog {
    width: 500px;
}

.confirm_delete_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.confirm_delete_modal .form_modal_container {
    float: left;
    width: 100%;
}

.confirm_delete_modal .form_modal_container .alert {
    /*display: none;*/
}

.confirm_delete_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.confirm_delete_modal .form_modal_container .confirm_delete_modal_buttons{
    float: left;
    width: 100%;
}

.confirm_delete_modal .form_modal_container .confirm_delete_modal_buttons .btn {
    min-width: 100px;
    float:left;
    width:48%;
}

.confirm_delete_modal .form_modal_container .confirm_delete_modal_buttons .btn:first-child {
    margin-right: 4%;
}

/* Confirm delete Modal */

.confirm_dialog_modal {
    font-size: 19px;
}

.confirm_dialog_modal .modal-dialog {
    width: 500px;
}

.confirm_dialog_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.confirm_dialog_modal .form_modal_container {
    float: left;
    width: 100%;
}

.confirm_dialog_modal .form_modal_container .alert {
    /*display: none;*/
}

.confirm_dialog_modal .form_modal_container form {
    float: left;
    width: 100%;
}



/* Hire status text */
.listing_dropdown .dropdown-item .text_hire_status{
    float:none;
    background-image:none;
    color: #212529;
    padding-left:0;   
}

.text_hire_status {
    float: left;
    padding-left: 20px;
    background: left center no-repeat;
    background-size: 15px 15px;
}

.text_hire_status.text_strong_hire {
    background-image: url('/images/peopledesk_1_0/icons/icon_strong_hire.svg');
    color: #02B875;
}

.text_hire_status.text_hire {
    background-image: url('/images/peopledesk_1_0/icons/icon_hire.svg');
    color: #02B875;
}

.text_hire_status.text_no_hire {
    background-image: url('/images/peopledesk_1_0/icons/icon_no_hire.svg');
    color: #EE001C;
}

.text_hire_status.text_strong_no_hire {
    background-image: url('/images/peopledesk_1_0/icons/icon_strong_no_hire.svg');
    color: #EE001C;
}











/** Start Rating Plugin **/

.theme-krajee-svg.rating-xs .krajee-icon {
    width: 20px;
    height: 20px;
}

.theme-krajee-svg .filled-stars .krajee-icon-star {
    background-image: url('/images/peopledesk_1_0/icons/icon_star_filled.svg');
}

.theme-krajee-svg .empty-stars .krajee-icon-star {
    background-image: url('/images/peopledesk_1_0/icons/icon_star_empty.svg');
}

.rating-xs {
    font-size: 1em;
}
.rating-container .caption {
    margin-top: 0;
}
.rating-container .caption .badge {
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 5px;
}































/* Bootstrap Style Overwrites*/

ul {
    margin-bottom: 0;
    padding-left: 0;
}

.no_container_padding {
    padding-left: 0;
}

.no_container_padding_both {
    padding-left: 0;
    padding-right: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    font-weight: 500;
}

.form-control {
    border: solid 1px #DDDFDF;
    font-size: 16px;
    padding: 9px 20px;
    border-radius: 5px;
    box-shadow: none;
    color: #2D2D2D;
}

.form-control-label {
    color: #131313;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.form-control:focus {
    border-color: #579FFD;
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/images/peopledesk_1_0/icons/select_box_arrow.png');
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
}

select.form-control:not([size]):not([multiple])::-ms-expand {
    display: none;
}

.form-control.form_control_inline {
    width: auto;
}

.form_control_group {
    float: left;
    width: 100%;
}

.form_control_group .section_quater {
    float: left;
    width: 35%;
}

.form_control_group .section_middle {
    float: left;
    width: 30%;
}


.form_control_group .section_quater:first-child {
    padding-right: 10px;
    padding-left: 0px;
}

.form_control_group .section_quater:last-child {
    padding-right: 0px;
    padding-left: 10px;
}

.form_control_group .section_half {
    float: left;
    width: 50%;
}

.form_control_group .section_half:first-child {
    padding-right: 10px;
    padding-left: 0px;
}

.form_control_group .section_half:last-child {
    padding-right: 0px;
    padding-left: 10px;
}

.modal-content {
    border: 0;
    border-radius: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FFF;
}

.table-striped tbody tr:nth-of-type(even),
.table-hover tbody tr:hover {
    background-color: #F6F8F7;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0;
}

.page-link {
    border-color: #EEEDED;
    color: #7E8CA8;
    font-size: 12px;
    padding: 6px 12px;
}

.page-item.prev .page-link {
    background-image: url('/images/peopledesk_1_0/icons/pagination_left.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.page-item.prev .page-link:hover {
    background-image: url('/images/peopledesk_1_0/icons/pagination_left_hover.png');
}

.page-item.next .page-link {
    background-image: url('/images/peopledesk_1_0/icons/pagination_right.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.page-item.next .page-link:hover {
    background-image: url('/images/peopledesk_1_0/icons/pagination_right_hover.png');
}

.pagination .page-item {
    margin-left: 10px;
}
.pagination .page-item.disabled{
    cursor: not-allowed;
}

.page-link:focus,
.page-link:hover,
.page-link.active {
    border-color: transparent;
    background-color: #007bff;
    color: #FFF;
}

.alert-danger {
    background-color: #d72b3f;
    color: #FFF;
    border-radius: 4px;
    border-color: transparent;
}

.alert-success {
    border-radius: 5px;
    color: #FFF;
    background-color: #68C167;
    border-color: transparent;
}

.alert-success ul li {
    list-style: none;
}

.alert.alert-success .error_list ul,
.alert.alert-success ul,
.alert.alert-success .alert_message_list ul {
    padding-left: 0;
    text-align: center;
}


.close {
    color: #FFF;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

.close:focus,
.close:hover {
    color: #FFF;
}

.text-danger {
    color: #EE001C!important;
}


.item_status {
    background: left center no-repeat;
    padding-left: 22px;
}

.item_status.active {
    background-image: url(/images/peopledesk_1_0/icons/status_active_icon.png);
}

.item_status.inactive {
    background-image: url(/images/peopledesk_1_0/icons/status_inactive_icon.png);
}

a.btn-danger,
.btn-danger {
    color: #FFF;
}

.alert-danger {
    background-color: #EE001C;
    color: #FFF;
}

.form-error {
    color: #EE001C;
    font-size:14px;
}
.exit_dynamic_form .form-error{
    float:left;
}

.alert .close {
    text-shadow: 0 0 0 #000;
    opacity: 1;
}

.alert-success .close {
    color: ##5e5e5e;
}

.alert-danger .close {
    color: #FFF;
    text-shadow: 0 0 0 #000;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    color: #6D6D6D;
}

.form-control[readonly].no_readonly_background{
    background-color:transparent;
}

.text-success {
    color: #02B875!important;
}


































/* Select2 overrite css */

.select2-container .select2-selection--multiple {
    float: left;
    width: 100%;
}

.select2-container--default .select2-search--inline .select2-search__field {
    min-height: 50px;
    margin-top: 0;
    font-size: 18px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.select2-container--open .select2-dropdown,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #DDDFDF;
}

.has-danger .select2-container--open .select2-dropdown,
.has-danger .select2-container--default .select2-selection--multiple,
.has-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #EE001C;
}

.select2-results__option {
    padding: 6px 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 0px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 8px;
    padding: 5px 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #5e5e5e;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 5px;
    float: right;
}

.select2-results__option {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-container {
    /*z-index: 1; */
    /*width:100% !important;*/
}
.modal-content .select2-container{
    z-index: 10050;
    width:100% !important;
}
.hide_select2_place_holder ul.select2-results__options:not([aria-multiselectable="true"]) li:first-child{
    /*display: none;*/
}

/* Hide Dropdown placeholder for all select box */
ul.select2-results__options:not([aria-multiselectable="true"]) li:first-child{
    /*display: none;*/
}

/** Ellipses **/
.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}































/** Preloader **/

.ajax_spinner {
    display: none;
}

.ajax_loader_wrapper {
    float: left;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2000;
}

.ajax_loader_container {
    float: left;
    width: 100%;
    height: 100%;
}

.ajax_loader_container .box_ajax_loader {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);

    margin-top: -35px;
    width: 70px;
    height: 70px;
}

.ajax_loader_container .ajax_loader {
    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #3D85F9;
    border-bottom: 7px solid #3D85F9;
    width: 100%;
    height: 100%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


.alert .error_list,
.alert .alert_message_list {
    position: relative;
}

.alert .error_list ul,
.alert .alert_message_list ul {
    padding-left: 40px;
}

.alert .error_list button.close,
.alert .alert_message_list button.close {
    position: absolute;
    right: 0;
    top: 0;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



































/* Server error message */

.server_error_modal_wrapper .modal-dialog {
    min-width: 500px;
    max-width: 750px;
}

.modal_error_message_wrapper {
    float: left;
    width: 100%;
    position: relative;
}

.modal_error_message_wrapper .caption {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #b94a48;
}

.modal_error_message_wrapper .message {
    float: left;
    width: 100%;
    font-size: 16px;
}

.modal_error_message_wrapper .icon_modal_close {
    width: 20px;
    height: 20px;
    /*background: url(/images/peopledesk_1_0/icons/icon_modal_close.svg);*/
    background-size: 15px 15px;
    position: absolute;
    right: 0;
    /*top: 0;*/
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    top: -15px;
    font-size: 25px;
}

/* Ajax common error message modal */
#server_error_modal .modal-content {
    border-radius: 4px;
}
#server_error_modal .modal-header {
    background: #fad8d1;
    border-radius: 4px 4px 0px 0px;
}
#server_error_modal .modal-header .caption {
    font-size: 18px;
    font-weight: 600;
}
#server_error_modal .modal-header .caption img {
    /*padding: 0 10px 0 0;*/
}
#server_error_modal .modal-header .icon_modal_close {
    font-size: 30px;
    line-height: 0;
    position: absolute;
    right: 15px;
    top: 25px;
    cursor: pointer;
}
#server_error_modal .modal-body {
    padding: 20px 15px;
}
.modal-backdrop {
    z-index: 1051;
}
.modal {
    z-index: 1052;
}
/* Ajax common error message modal */



























































































/** Checkbox Radio UI **/

.checkbox,
.radio {}

.checkbox *,
.radio * {
    cursor: pointer;
}

.checkbox input,
.radio input {
    opacity: 0;
    width: 1px;
    position: absolute;
}

.checkbox span,
.radio span {
    position: relative;
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #D9DBDD;
    top: 2px;
}

.checkbox label:hover span,
.radio label:hover span {
    border-color: #3D85F9;
}

.checkbox span:before,
.radio span:before {
    /*content: "\2713";*/
    /* comment content to use custom icon classes */
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    color: #3D85F9;
}

.radio span {
    border-radius: 50%;
}

.radio span:before {
    content: "";
    width: 10px;
    height: 10px;
    margin: 4px auto;
    background-color: #3D85F9;
    border-radius: 100px;
}

.checkbox input[type=checkbox]:checked+span,
.radio input[type=radio]:checked+span {
    border-color: #3D85F9;
    background-color: #3D85F9;
}

.checkbox input[type=checkbox]:checked+span {
    background-image: url('/images/peopledesk_1_0/icons/icon_custom_checkbox_tick.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 13px 9px;
}

.radio input[type=radio]:checked+span {
    background-color: #fff;
}

.checkbox input[type=checkbox]:checked+span:before,
.radio input[type=radio]:checked+span:before {
    color: #fff;
    opacity: 1;
    transition: color .3 ease-out;
}

.checkbox input[type=checkbox]:disabled+span,
.radio input[type=radio]:disabled+span {
    border-color: #ddd !important;
    background-color: #ddd !important;
}





































/* --- SWITCH --- */

.switch * {
    cursor: pointer;
}

.switch input {
    opacity: 0;
    position: absolute;
    z-index: -1;
    height: 1px;
    width: 1px;
}

.checkbox .switch {
    cursor: pointer;
}

.checkbox .switch span {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 30px;
    background-color: #f35b69;
    border: none;
    border-radius: 100px;
    transition: all .5s;
    box-shadow: none;
    top: 0;
}

.checkbox .switch span:after {
    content: "";
    position: absolute;
    color: #FFF;
    background-image: url(/images/peopledesk_1_0/icons/switch_icon_not_checked.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px 30px;
    top: 0;
    left: 1.5px;
    height: 30px;
    width: 28px;
    text-align: center;
    border-radius: 400px;
    -webkit-transition: all .2s;
}

.checkbox .switch input:checked+span {
    transition: all .5s;
    border-color: transparent;
    background-color: #10BB7D;
}

.checkbox .switch input:checked+span:after {
    background-color: #10BB7D;
    background-image: url('/images/peopledesk_1_0/icons/switch_icon_checked.svg');
    left: 35%;
    transition: all .2s;
}
.checkbox .switch.switch_checked {
    cursor: not-allowed;
    pointer-events: none;
}

.checkbox .switch.switch_checked input:checked+span {
    cursor: not-allowed;
    pointer-events: none;
}

.invisible_input{
    width: 1px;
    position: absolute;
    opacity: 0;
}


































/*.checkbox .switch input[type=checkbox]:checked+span,
.radio .switch input[type=radio]:checked+span {
    border-color: #f35b69;
    background-color: #f35b69;
}*/

.checkbox .switch span:before,
.radio span:before {
    content: '';
}

label.switch {
    margin-bottom: 0;
}















































/** Header - Login **/

.login_wrapper>.alert {
    text-align: center !important;
}

.login_header_wrapper {
    /*padding: 17px 4%;
    box-shadow: 0px 0px 3px 3px rgba(178, 178, 178, 0.3);
    position: fixed;
    height: 70px;*/
    z-index: 100;
    background-color: #FFF;
}

.login_header_wrapper .logo {
    float: left;
}

input.error,
select.error,
textarea.error {
    border-color: #EE001C;
    background-image: none;
}

select.form-control:not([size]):not([multiple]).error {
    border-color: #EE001C;
}

input.valid,
select.valid,
textarea.valid {
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
}

select.form-control:not([size]):not([multiple]).valid {
    background-color: transparent;
}

















































/** Signin **/

.login_wrapper {
    float: left;
    width: 100%;
    margin-top: 70px;
    position: relative;
    z-index: 10;
}

.login_wrapper .box_login_reset {
    margin: 50px 0 50px 0;
    float: left;
    width: 500px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.login_wrapper.signup_wrapper .signup_divider{
    float:left;
    width:100%;
    margin-bottom:10px;
}
.login_wrapper.signup_wrapper .box_login_reset{
    transform: none;
    left:0;
}

.login_wrapper.signup_wrapper .box_signup_image{
    float:left;
    width:50%;
    margin-top:50px;
    
}
.box_signup_image .image_container{
    float:right;
    width:100%;
    padding:25px 15px 0 15px;
    text-align: center;
}
.box_signup_image .image_container img{
    max-width: 100%;

}

.login_wrapper .box_login_reset .alert {
    text-align: center;
}

.login_wrapper .box_login_reset h3.signin_caption {
    float: left;
    width: 100%;
    font-size: 29px;
    color: #2D2D2D;
    font-weight: 500;
    margin-bottom: 5px;
}

.login_wrapper .box_login_reset .signin_sub_caption {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #999999;
    margin-bottom: 20px;
    font-weight: 300;
}

.login_wrapper .server_error_container {
    float: left;
    width: 100%;
    background-color: #d72b3f;
    padding: 15px 0;
}

.login_wrapper .server_error_container.reset_password_error_container {
    background-color: #F5F19B;
}

.login_wrapper .server_error_container p {
    float: left;
    width: 100%;
    color: #2D2D2D;
    text-align: center;
    font-size: 18px;
}

.box_login_reset .input_label {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #2D2D2D;
    margin-bottom: 4px;
    font-weight: 500;
}

.box_login_reset .login_bottom .forgot_password_link {
    font-size: 18px;
    float: right;
}

.box_login_reset .forgot_password_link a {
    color: #FF6923;
}

.box_login_reset .forgot_password_link a:hover {}

.box_login_reset .login_bottom .form-check-label {
    font-size: 18px;
    color: #2D2D2D;
}

.box_login_reset .login_bottom {
    float: left;
    width: 100%;
    border-bottom: solid 1px #D9DBDD;
    padding-bottom: 20px;
    margin-bottom: 24px;
    /*margin-top:10px;*/
}

.box_login_reset .btn_blue {
    width: 100%;
    font-weight: 500;
}

.box_login_reset .checkbox label {
    font-size: 18px;
}

.box_login_reset .reset_password_notes {
    float: left;
    width: 100%;
    padding: 25px 0;
    border-bottom: solid 1px #DFE3E7;
    margin-bottom: 25px;
}

.box_login_reset .reset_password_notes p {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #999999;
}

.box_login_reset .thin_border_container {
    float: left;
    width: 100%;
    margin-top: 12px;
}

.box_login_reset .thin_border_container .thin_element {
    float: left;
    width: 21%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    height: 5px;
    background-color: #DCDCDC;
}

.box_login_reset .thin_border_container div.thin_element:first-child {
    float: left;
    margin-left: 0;
}

.box_login_reset .thin_border_container div.thin_element:last-child {
    float: right;
    margin-right: 0;
}

.reset_password_modal .alert {
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 15px;
    display: none;
}

.box_login_reset .input_with_value {
    background-image: url('/images/peopledesk_1_0/icons/icon_signup_tick.svg');
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.box_login_reset .passwod_helptext{
    float: left;
    width: 100%;
    font-size: 17px;
    color: #999999;
    margin: 5px 0 5px 0;
    padding:0 5px;
}



/** Reset Password Modal **/

.reset_password_modal_wrapper {}

.reset_password_modal {}

.login_wrapper .alert {
    border-radius: 0px;
}

.reset_password_modal .form_reset_password_modal {
    float: left;
    width: 100%;
}

.form_reset_password_modal .modal_caption {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #131313;
    margin-bottom: 5px;
}

.form_reset_password_modal .modal_text {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #131313;
    margin-bottom: 15px;
}

.form_reset_password_modal .btn_blue {
    float: left;
    width: 100%;
}

.form_reset_password_modal .icon_modal_close {
    float: left;
    width: 20px;
    height: 20px;
    background: url(/images/peopledesk_1_0/icons/icon_modal_close.svg);
    background-size: 15px 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center center;
}

.form_reset_password_modal .icon_modal_close:hover {
    cursor: pointer;
}

.reset_password_modal_wrapper .modal-dialog {
    max-width: 525px;
}

.reset_password_modal_wrapper .modal-body {
    position: relative;
    padding: 30px;
}
















































/** Sidebar **/

.main_content_wrapper {
    top: 91px;
    position: relative;
}

.add_scroll .sidebar_wrapper_aside {
    height: 100%;
    position: fixed;
    top: 37px;
}

.sidebar_wrapper_aside{
    height: 100%;
    position: absolute;
}

.add_scroll .sidebar_wrapper {
    /*top: 46px;
    height: calc(100% - 46px);*/
    min-height: calc(100vh - 37px);
}

.sidebar_wrapper {
    float: left;
    background-color: #F8FAF9;
    width: 242px;
    padding: 22px 10px 22px 42px;
    overflow: auto;
    height: calc(100% - 91px);
    position: fixed;
    /*top: 110px;*/
    /*transition: all 150ms;*/
    /*height: calc(100vh - 108px);*/
}

.sidebar_wrapper::after {
    content: ' ';
    height: 100%;
    width: 15px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #F4F7F5;
    border-right: solid 1px #F1F1F1;
    border-left: solid 1px #F1F1F1;
}

.sidebar_wrapper .scroll_bar_wrap {
    /*float: left:
    width:100%;*/
}

.sidebar_wrapper .sidebar_menu_container {
    float: left;
    width: 100%;
}

.sidebar_wrapper .sidebar_menu_container ul.level_1_menu {
    float: left;
    width: 100%;
}

.sidebar_menu_container ul.level_1_menu>li {
    list-style: none;
    float: left;
    width: 100%;
}

.sidebar_menu_container ul.level_1_menu li>a {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #5E5E5E;
    padding: 10px 0;
}

.sidebar_menu_container ul.level_1_menu li:hover>a,
.sidebar_menu_container ul.level_1_menu li.active>a {
    color: #131313;
    font-weight: 600;
    text-decoration: none;
}

.sidebar_menu_container ul.level_1_menu li>a.has_child_menu {
    padding-right: 14px;
    background: url("/images/peopledesk_1_0/icons/menu_arrow_down.png") 98% center no-repeat;
}

.sidebar_menu_container ul.level_1_menu li:hover>a.has_child_menu {
    background-image: url("/images/peopledesk_1_0/icons/menu_arrow_down_active.png")
}















































/* Form Panel Wrapper */

.content_panel {
    float: right;
    width: 100%;
    padding: 20px 20px;
    left: 0;
}

.content_panel.content_panel_medium {
    float: left;
    width: 100%;
    padding: 20px 20px;
    max-width: 1170px;
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.content_panel.has_sidebar {
    float: left;
    width: calc(100% - 242px);
    position: relative;
    left: 242px;
}

a.page_navigation {
    float: left;
    color: #3D85F9;
    font-size: 15px;
    font-weight: 500;
    padding-left: 20px;
    background: url('/images/peopledesk_1_0/icons/icon_pagenavigation.svg') 3px center no-repeat;
    background-size: 12px 12px;
    margin-bottom: 5px;
}

a.page_navigation.no_sidebar {
    margin-left: 20px;
    margin-top: 20px;
}

a.page_navigation:hover {
    text-decoration: none;
    color: #186DF7;
}

.add_edit_form_panel {
    float: left;
    width: 100%;
    border: solid 1px #DDDFDF;
    border-radius: 10px;
    margin-top: 15px;
    margin-bottom: 100px;
    padding-bottom: 25px;
    /*border-top: 0px;*/
    overflow: hidden;
}

.add_edit_form_panel .box_form_head {
    float: left;
    width: 100%;
    padding: 15px 20px;
    background-color: #F3F3F3;
    border-bottom: solid 1px #DDDFDF;
    /*border-top: solid 1px #DDDFDF;*/
}

.box_form_head h2.caption {
    font-size: 22px;
    color: #131313;
    font-weight: 600;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.box_form_head .caption_text {
    float: left;
    width: 100%;
    font-size: 14.5px;
}

.box_form_content {
    float: left;
    width: 100%;
    padding: 18px 20px;
}

.box_form_bottom {
    float: left;
    width: 100%;
    padding: 0px 20px;
    margin-top: -24px;
}


.box_form_content .form-row {
    margin-left: 0;
    margin-right: 0;
}

.box_form_content .form-group {
    float: left;
    width: 100%;
}

.box_form_content .box_half {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.box_form_content .box_full,
.box_form_bottom .box_full {
    float: left;
    width: 100%;
    padding: 0 10px;
}

.box_form_content .box_half .company_location_row .form-control,
.box_form_content .box_half .company_location_row .form-control+.select2 {
    margin-bottom: 10px;
}

.box_form_content .box_half .company_location_row .form-group {
    margin-bottom: 0px;
}

.box_form_content .box_full .btn_blue,
.box_form_bottom .box_full .btn_blue {
    margin-top: 15px;
    min-width: 190px;
}

.box_form_content .box_upload_branch_image {
    float: left;
    width: 100%;
    padding: 12px 15px;
    border: dotted 2px #DDDFDF;
    border-radius: 10px;
    width: 325px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.box_form_content .box_upload_branch_image .caption {
    float: left;
    width: 100%;
    font-size: 19px;
    color: #131313;
}

.box_form_content .box_upload_branch_image .pro_tip_caption {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #131313;
    margin-bottom: 5px;
}

.box_form_content .box_upload_branch_image .pro_tip_text {
    float: left;
    width: 100%;
    font-size: 15px;
}

.box_form_content .box_upload_branch_image .file_upload_container {
    float: left;
    width: 100%;
    margin: 15px 0;
    text-align: center;
}

.box_form_content .file_upload_container .file_input {
    overflow: hidden;
    position: relative;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    padding: 10px 25px;
    border-radius: 4px;
    border: none;
    background-color: #FF6923;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    width: 206px;
}

.box_form_content .file_upload_container .file_input [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}



.box_form_content .box_upload_image {
    float: left;
    width: 100%;
    padding: 12px 15px;
    border: dotted 2px #DDDFDF;
    border-radius: 10px;
    width: 325px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.box_form_content .box_upload_image .caption {
    float: left;
    width: 100%;
    font-size: 19px;
    color: #131313;
}

.box_form_content .box_upload_image .pro_tip_caption {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #131313;
    margin-bottom: 5px;
}

.box_form_content .box_upload_image .pro_tip_text {
    float: left;
    width: 100%;
    font-size: 15px;
}

.box_form_content .box_upload_image .file_upload_container {
    float: left;
    width: 100%;
    margin: 15px 0;
    text-align: center;
}

.box_upload_employee_image {
    margin-top: 30px;
}


.box_form_content .file_upload_container .edit_image {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.box_form_content .file_upload_container .edit_image .box_edit_image {
    width: 200px;
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.box_form_content .file_upload_container .edit_image .box_edit_image .delete_image_icon {
    position: absolute;
    top: 0;
    right: 8px;
    color: #FFF;
    font-size: 25px;
    display: inline-block;
    text-shadow: 0px 1px 5px #000;
    cursor: pointer;
}

.box_form_content .file_upload_container .edit_image img {
    max-width: 200px;
}

.box_form_content .file_upload_container .crop_upload_preview {
    position: relative;
    ;
}

.box_form_content .file_upload_container .crop_upload_preview .crop_close_icon {
    position: absolute;
    top: -2px;
    right: 25px;
    font-size: 22px;
    color: #FFF;
    z-index: 50;
    /*text-shadow: 0px 0px 1px #FFFFFF;*/
    cursor: pointer;
}

.form-group .information_text {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #3D85F9;
    margin-top: 5px;
}

.form-group .information_text a {
    color: #3D85F9;
}

.form-group .information_text a:hover {}




/* Yes/No Radio Style */
.w_33 {
    width: 33.3% !important;
}

.box_form_content .yes_no_radio input[type="radio"] {
    position: absolute;
    visibility: hidden;
    /*display: none;*/
}

.box_form_content .yes_no_radio label {
    color: #8C8C8C;
    float: left;
    display: inline-block;
    font-size: 16px;
    padding: 8px 20px;
    cursor: pointer;
    margin-bottom: 0;
    width: 50%;
    text-align: center;

    border: solid 1px #DDDDDD;
    border-right: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.box_form_content .yes_no_radio label.middle {
     border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.box_form_content .yes_no_radio label:last-child {
    border: solid 1px #DDDDDD;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.box_form_content .yes_no_radio input[type="radio"]:checked+label {
    color: #FFFFFF;
    background: #9DBBEC;
    border-color: #3D85F9;
    border-right: solid 1px #3D85F9;
}

.box_form_content .yes_no_radio label+input[type="radio"]+label {
    border-left: solid 1px #DDDDDD;
}

.box_form_content .yes_no_radio.radio-group {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
}

.box_form_content .yes_no_radio.radio-group.radio_readonly::after{
    content: '';
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    cursor: not-allowed;
}

.box_form_content .yes_no_radio_group.has-danger .yes_no_radio label {
    border-color: #d72b3f;
}



/* Yes/No Radio Style for modal */

.form_modal_container .yes_no_radio input[type="radio"] {
    position: absolute;
    visibility: hidden;
    /*display: none;*/
}

.form_modal_container .yes_no_radio label {
    color: #8C8C8C;
    float: left;
    display: inline-block;
    font-size: 19px;
    padding: 10px 20px;
    cursor: pointer;
    margin-bottom: 0;
    width: 50%;
    text-align: center;

    border: solid 1px #DDDDDD;
    border-right: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.form_modal_container .yes_no_radio label:last-child {
    border: solid 1px #DDDDDD;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.form_modal_container .yes_no_radio input[type="radio"]:checked+label {
    color: #FFF;
    background: #9DBBEC;
    border-color: #3D85F9;
    border-right: solid 1px #3D85F9;
}

.form_modal_container .yes_no_radio label+input[type="radio"]+label {
    border-left: solid 1px #DDDDDD;
}

.form_modal_container .yes_no_radio.radio-group {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
}

.form_modal_container .yes_no_radio_group.has-danger .yes_no_radio label {
    border-color: #d72b3f;
}


.file_upload_crop {
    float: left;
    width: 100px;
    height: 100px;
}

.crop_container {
    display: none
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    border: 0px;
}

.croppie-container .cr-slider-wrap {
    width: 50%;
    margin: 5px auto;
    text-align: center;
}



/** View/List **/

.listing_panel {
    float: left;
    width: 100%;
}

.listing_panel.has_sidebar {
    float: right;
    width: calc(100% - 242px);
}

.listing_panel .listing_header {
    float: left;
    width: 100%;
    padding: 20px 20px 15px 20px;
    border-bottom: solid 2px #F7F9F9;
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
}

.listing_panel .listing_header.without_sidebar{
    padding-top: 15px;
}

.listing_panel .listing_header .box_left {
    float: left;
    width: 60%;
}
.listing_panel .listing_header .box_left_first_child {
    margin-bottom: 15px;
}

.listing_panel .box_left .heading {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #131313;
    margin-bottom: 5px;
}

.listing_panel .box_left .heading_text {
    float: left;
    width: 100%;
    font-size: 15px;
    /*margin-top: 10px;*/
}

.listing_panel .level_2_listing_header {
    margin-bottom: 5px
}

.listing_panel .level_2_listing_header .box_left .heading {
    font-size: 20px;
}

.listing_panel .level_2_listing_header .box_left .heading_text {
    font-size: 14px;
}

.listing_panel .level_2_listing_header .listing_header .box_right {
    margin-top: 0px;
}

.listing_panel .listing_header.without_sidebar.level_2_listing_header {
    border-bottom: none;
    padding-bottom: 5px;
}

.listing_panel .listing_header.without_sidebar .box_right {
    width: 30%;
}

.listing_panel .listing_header.without_sidebar .box_left {
    width: 70%;
}
.listing_panel .listing_header.without_sidebar.without_box_right .box_left {
    width: 100%;
}

.listing_panel .listing_header .box_right {
    float: left;
    width: 40%;
    text-align: right;
    /*margin-top: 10px;*/
}

.listing_panel .listing_header .box_right .btn {
    width: 190px;
}
.listing_panel .listing_header .box_right .btn.dropdown-toggle{
    margin-top:-5px;
}
.listing_panel .listing_header .box_right .btn.dropdown-toggle.inactive{
    background-color:#BFBFBF;
}

.listing_panel .listing_header .margin_left_space {
    margin-left: 10px;
}

.listing_panel .listing_filter {
    float: left;
    width: 97%;
    padding: 15px 20px 15px 30px;
    border-bottom: solid 2px #F7F9F9;
    margin-left: 20px;
    margin-right: 20px;
}
.listing_panel .listing_filter.listing_filter_no_border{
    border-bottom: 0px;
}
.listing_panel .listing_filter .filter_by_text {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    font-size: 14px;
}

.listing_panel .listing_filter .filter_inputs {
    float: left;
}

.listing_panel .listing_filter .filter_hidden_values input {
    /*display: none;*/
}

.listing_panel .listing_filter select.form-control:not([size]):not([multiple]) {
    font-size: 14px;
    color: #131313;
    float: left;
    width: 140px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 12px;
    padding-right: 20px;
    background-image: url('/images/peopledesk_1_0/icons/grey_select_arrow.png');
    background-position: calc(100% - 8px) center;
    background-color: #F2F4F5;
    border-color: transparent;
    margin-right: 5px;
}

.listing_panel .listing_filter select.form-control#filter_emp_status {
    width: 150px;
}

.listing_panel .listing_table_container {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.listing_panel.has_sidebar .listing_table_container {
    padding-left: 0px;
    padding-right: 0;
}

.listing_panel .table_head_item{
    cursor: pointer;
}
.listing_panel .table_head_item:not(.listing_panel .text-center .table_head_item) {
    display: table;
}

.listing_panel .table_head_item span {
    display: table-cell;
    /*vertical-align: top;*/
}

.table_head_item .icon_container {
    color: #DBDBDB;
    padding-left: 5px;
    vertical-align: middle;
}

.listing_panel .listing_table_container .table_container>table>thead>tr>th {
    font-weight: 600;
    font-size: 14px;
    background-color: #F6F8F7;
}

.listing_panel .listing_table_container .table_container>table>tbody>tr>td {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.listing_panel .listing_table_container .table_container {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: solid 2px #F7F9F9;
    overflow-x: inherit;

}

.listing_panel .listing_table_container .table_container>table {
    margin-bottom: 0;
}

.listing_panel .listing_table_container .table_container>table>thead>tr>th,
.listing_panel .listing_table_container .table_container>table>tbody>tr>td {
    /*padding: 8px 10px;*/
    padding: 6px 8px;
    border: none;
    vertical-align: middle;
}

.listing_panel .listing_table_container .table_container>table>thead>tr>th {
    border-top: 0;
    border-bottom: 0;
}

.listing_panel.has_sidebar .listing_table_container .table_container>table>thead>tr>th:first-child,
.listing_panel.has_sidebar .listing_table_container .table_container>table>tbody>tr>td:first-child {
    padding-left: 50px;
}

.listing_panel.has_sidebar .listing_table_container .table_container>table>thead>tr>th.secound-child {
    width: 150px;
}

.listing_panel .listing_table_container .table_container>table>thead>tr>th:first-child,
.listing_panel .listing_table_container .table_container>table>tbody>tr>td:first-child {
    padding-left: 10px;
}


.listing_panel .listing_table_container .table_container>table>thead>tr>th:last-child,
.listing_panel .listing_table_container .table_container>table>tbody>tr>td:last-child {
    padding-right: 50px;
}



/*.listing_panel .listing_table_container .table_container>table>thead>tr>th:last-child,
.listing_panel .listing_table_container .table_container>table>tbody>tr>td:last-child {
    padding-right: 50px;
}*/

.listing_panel .listing_table_container .action_links_container {
    float: left;
    width: 100%;
    text-align: center;
}

.listing_panel .listing_table_container .action_links_container a,
.listing_panel .listing_table_container .column_link a {
    display: inline-block;
    font-size: 14px;
    color: #3D85F9;
}

.listing_panel .listing_table_container .action_links_container a:hover,
.listing_panel .listing_table_container .column_link a:hover {
    color: #125cd4;
    text-decoration: none;
}

.listing_panel .listing_table_container .action_links_container a {
    font-weight: 400;
}

.listing_panel .listing_table_container .text_danger {
    color: #E14444;
}

.listing_panel .listing_table_container .action_links_container a.delete_link {
    margin-left: 10px;
}

.listing_panel .listing_table_container .pagination_container {
    float: left;
    width: 100%;
    padding: 50px 0px;
}

.listing_panel.has_sidebar .listing_table_container .pagination_container {
    padding: 50px 15px;
}

.listing_panel .listing_table_container .pagination_container .box_pagination {
    float: right;
}

.listing_panel .listing_table_container .pagination_container .entries_text {
    font-size: 12px;
    float: left;
    text-transform: uppercase;
    color: #7E8CA8;
    padding: 5px 15px;
    border: solid 1px #EEEDED;
}

.listing_panel .list_search {
    width: 220px;
    float: right;
}

.listing_panel .list_search.list_search_medium{
    width:180px;
}

.listing_panel .list_search.list_search_position {
    width: 180px;
    float: right;
}

.listing_panel .alert_container {
    padding: 0;
}


.listing_panel .alert_container .alert {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.listing_panel .list_search .list_search_box {
    position: relative;
    float: left;
    width: 100%;
}

.listing_panel .list_search.list_search_box_policies{
    width:280px;
}

.listing_panel .list_search .list_search_box .input-group-addon {
    border-color: #DDDFDF;
    padding: 0 8px 0 35px;
    border-right: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background: url('/images/peopledesk_1_0/icons/icon_search.png') center center no-repeat;
}

.listing_panel .list_search .list_search_box .form-control {
    border-color: #DDDFDF;
    border-left: 0;
    padding-top: 6px;
    padding-left: 0;
    padding-right: 25px;
    font-size: 15px;
    padding-bottom: 6px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.listing_panel .list_search .list_search_box .search_close_icon {
    position: absolute;
    right: 8px;
    top: 7px;
    cursor: pointer;
    z-index: 10;
    color: #5e5e5e;
    display: none;
    width: 20px;
    height: 20px;
    background: url(/images/peopledesk_1_0/icons/icon_search_close.png) center center no-repeat;
}

.listing_panel .custom_date_filter_panel_out {
    float: left;
    width: 100%;
    padding-left: 80px;
}

.listing_panel .custom_date_filter_panel_out label {
    font-size: 14px;
}

.listing_panel .custom_date_filter_panel_out .custom_date_filter_panel .form-control {
    font-size: 15px;
}

.listing_panel .button_out {
    width: 100%;
    float: left;
    display: none;
}

.listing_panel .custom_date_filter_panel {
    float: left;
    width: 420px;
    margin: 10px auto;    
    display: none;
    clear: both;
}

.listing_panel .custom_date_filter_panel .form-control,
.listing_panel .custom_date_filter_panel span,
.listing_panel .custom_date_filter_panel button {
    float: left;
}

.listing_panel .custom_date_filter_panel .form-control {
    width: 140px;
    padding: 5.5px 10px;
}

.listing_panel .custom_date_filter_panel span {
    margin: 0 10px 0 0;
    min-height: 1px;
}

.listing_panel .custom_date_filter_panel button {
    margin-left: 10px;
}

.listing_panel .custom_date_filter_panel .form-group {
    width: 160px;
    float: left;
}





/* css to open two modals */

.modal-backdrop.show+.modal-backdrop.show {
    z-index: 1050;
}

.modal-scrollfix.modal-scrollfix {
    overflow-y: hidden;
}

.confirm_delete.modal {
    z-index: 1060;
}

.confirm_delete .modal-dialog {
    min-width: 300px;
}

.confirm_delete .modal-footer .btn {
    padding-top: 6px;
    padding-bottom: 6px;
}

.confirm_delete .modal-body {
    padding: 25px 15px 25px 15px;
    text-align: left;
}
.confirm_dialog .modal-footer{
    padding-bottom:0px;
}


/* Listing Page Bulk upload Modal */

.bulk_upload_modal_wrapper {}

.bulk_upload_modal {}

.bulk_upload_modal .form_bulk_upload_modal {
    float: left;
    width: 100%;
}

.bulk_upload_modal .form_bulk_upload_modal .alert {
    display: none;
}

.form_bulk_upload_modal .modal_caption {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #131313;
    margin-bottom: 5px;
}

.form_bulk_upload_modal .modal_text {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #131313;
    margin-bottom: 25px;
}

.form_bulk_upload_modal .btn_blue {
    float: left;
    width: 100%;
}

.form_bulk_upload_modal .icon_modal_close {
    float: left;
    width: 20px;
    height: 20px;
    background: url(/images/peopledesk_1_0/icons/icon_modal_close.svg);
    background-size: 15px 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center center;
}

.form_bulk_upload_modal .icon_modal_close:hover {
    cursor: pointer;
}

.bulk_upload_modal_wrapper .modal-dialog {
    max-width: 525px;
}

.bulk_upload_modal_wrapper .modal-body {
    position: relative;
    padding: 40px 30px 30px 30px;
}

.bulk_upload_modal_wrapper .box_upload_input_container .btn_bulk_upload {
    float: left;
    width: 44%;
    display: none;
}

.bulk_upload_modal_wrapper .box_upload_input_container .btn_download_template,
.bulk_upload_modal_wrapper .box_upload_input_container .btn_cancel_modal {
    float: right;
    margin-left: 10px;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}

.bulk_upload_modal_wrapper .box_upload_input_container .btn_cancel_modal {
    display: none;
}

.bulk_upload_modal_wrapper .box_upload_input_container .box_upload_input {
    overflow: hidden;
    position: relative;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    padding: 10px 25px;
    border-radius: 4px;
    border: none;
    line-height: 28px;

    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    width: 206px;
    float: left;
    margin-right: 10px;
    background-color: #3D85F9;
    background-image: url('/images/peopledesk_1_0/icons/icon_bulk_upload.png');
    background-position: 10px center;
    background-repeat: no-repeat;
}

.bulk_upload_modal_wrapper .box_upload_input_container .box_upload_input [type=file] {
    cursor: inherit;
    margin-right: 10px;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.bulk_upload_modal_wrapper .box_upload_input_container {
    float: left;
    width: 100%;
    /*display: none;*/
}

.bulk_upload_modal_wrapper .box_upload_input_container .button_reset {
    float: right;
    padding-top: 11px;
    padding-bottom: 11px;
    min-width: 150px;
}

.bulk_upload_modal_wrapper .file_information {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    display: none;
}

.bulk_upload_modal_wrapper .file_information .file_name {
    float: left;
    width: 206px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #E6E6E6;
    text-align: center;
    color: #0D0D0D;
    font-size: 15px;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bulk_upload_modal_wrapper .file_information .file_delete {
    padding: 5px 10px;
    float: right;
    color: #131313;
    font-size: 16px;
    cursor: pointer;
    margin-left: 15px;
}

.bulk_upload_modal_wrapper .file_upload_error_message {
    float: left;
    width: 100%;
}

th .icon_container .fa-sort-asc,
th .icon_container .fa-sort-desc {
    display: none;
    color: #5e5e5e;
}

th.asc .icon_container .fa-sort,
th.asc .icon_container .fa-sort-desc {
    display: none;
}

th.desc .icon_container .fa-sort,
th.desc .icon_container .fa-sort-asc {
    display: none;
}

th.asc .icon_container .fa-sort-asc {
    display: inline-block;
}

th.desc .icon_container .fa-sort-desc {
    display: inline-block;
}

.upload_status_container {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    display: none;
}

.upload_status_container table {
    float: left;
    width: 100%;
}

.upload_status_container table th,
.upload_status_container table td {
    text-align: center;
    border: solid 1px #DDDFDF;
    padding: 5px;
}

.upload_status_container table th {
    text-align: center;
    font-weight: 500;
}

.upload_status_container table td {}

.upload_status_container .failure_notes {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
    color: #e14444;
}

.upload_status_container .total_count {
    color: #3d85f9;
}

.upload_status_container .success_count {
    color: #03bf7a;
}

.upload_status_container .error_count {
    color: #e14444;
}




































/* Add and Edit departement modal */

.add_department_modal,
.edit_department_modal {}

.add_department_modal .modal-dialog,
.edit_department_modal .modal-dialog {
    max-width: 525px;
}

.add_department_modal .modal-body,
.edit_department_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.add_department_modal .form_modal_container,
.edit_department_modal .form_modal_container {
    float: left;
    width: 100%;
}

.add_department_modal .form_modal_container .alert,
.edit_department_modal .form_modal_container .alert {
    /*display: none;*/
}

.modal_alert_container {
    float: left;
    width: 100%;
}

.modal_alert_container .alert {
    margin-top: 10px;
}

.form_modal_container .modal_caption {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #131313;
    margin-bottom: 5px;
}

.form_modal_container .modal_text {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #131313;
    margin-bottom: 15px;
}

.form_modal_container .btn_blue {
    float: left;
    width: 100%;
}

.form_modal_container .icon_modal_close {
    float: left;
    width: 20px;
    height: 20px;
    background: url(/images/peopledesk_1_0/icons/icon_modal_close.svg);
    background-size: 15px 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

#reject_candidate_modal .form_modal_container .icon_modal_close {
    right: 5px;
    top: 0px;
}

.form_modal_container .icon_modal_close:hover {}

.edit_department_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.edit_department_modal .form_modal_container .form_button_group .btn_blue {
    min-width: 100px;
}

.edit_department_modal .form_modal_container .form_button_group .btn_white {
    float: right;
    min-width: 75px;
    color: #E14444;
}



/* Add/Edit Role modal */

.add_role_modal,
.edit_department_modal {}

.add_role_modal .modal-dialog,
.edit_role_modal .modal-dialog {
    max-width: 550px;
}

.add_role_modal .modal-body,
.edit_role_modal .modal-body {
    position: relative;
    padding: 40px 30px 30px 30px;
}

.add_role_modal .form_modal_container,
.edit_role_modal .form_modal_container {
    float: left;
    width: 100%;
}

.add_role_modal .form_modal_container .alert,
.edit_role_modal .form_modal_container .alert {
    /*display: none;*/
}

.edit_role_modal .form_modal_container .form_button_group .btn_blue {
    min-width: 100px;
}

.edit_role_modal .form_modal_container .form_button_group .btn_white {
    float: right;
    min-width: 75px;
    color: #E14444;
}




































/** Role Group **/

.add_edit_form_panel .section_panel {
    float: left;
    width: 100%;
    border: solid 1px #DFDFDF;
    border-radius: 2px;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.add_edit_form_panel .sub_section_panel {
    float: left;
    width: 80%;
    padding-left: 16px;
    padding-top: 20px;
}

.add_edit_form_panel .sub_section_panel h2.caption {
    font-size: 24px;
    color: #131313;
    font-weight: 500;
}

.add_edit_form_panel .sub_section_panel_status {
    float: right;
    margin-top: 25px;
    margin-right: 30px;
}

.add_edit_form_panel .sub_section_panel_status label {
    margin-bottom: 0;
}

.add_edit_form_panel .checkbox_panel_container {
    float: left;
    width: 100%;
    display: none;
}

.add_edit_form_panel .checkbox_panel {
    float: left;
    width: 100%;
    background-color: #FBFBFB;
    padding: 0px 10px;
    margin-top: 20px;
}

.add_edit_form_panel .checkbox_panel:first-child {
    border-top: solid 1px #DFDFDF;
}

.add_edit_form_panel .checkbox_panel .large_checkbox_container {
    float: left;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 2px;
}

.add_edit_form_panel .checkbox_panel .small_checkbox_container {
    float: left;
    width: 50%;
    border-left: solid 1px #DFDFDF;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 50px;
    display: none;
}

.add_edit_form_panel .checkbox_panel .checkbox {
    float: left;
}

.add_edit_form_panel .checkbox_panel .checkbox input {
    width: 0;
}

.add_edit_form_panel .checkbox_panel .field_checkbox {
    float: left;
    width: 100%;
    margin-bottom: 18px;
}

.add_edit_form_panel .checkbox_panel .field_checkbox label {
    margin-bottom: 0px;
    color: #131313;
}

.add_edit_form_panel .checkbox_panel .field_checkbox label>span {
    border-radius: 4px;
    width: 25px;
    height: 25px;
}

.checkbox_panel .field_checkbox .checkbox input[type=checkbox]:checked+span {
    border-color: #10BB7D;
    background-color: #10BB7D;
}

.checkbox_panel .field_checkbox .checkbox:hover span {
    border-color: #10BB7D;
}

.large_checkbox_container .field_checkbox label {
    font-weight: 500;
    font-size: 24px;
}

.small_checkbox_container .field_checkbox label {
    font-weight: 500;
    font-size: 20px;
}

.large_checkbox_container .field_checkbox .checkbox label>span {
    top: 5px;
    margin-right: 5px;
}

.small_checkbox_container .field_checkbox .checkbox label>span {
    width: 18px;
    height: 18px;
    top: 6px;
    margin-right: 12px;
}

.checkbox_panel .field_checkbox .checkbox input[type=checkbox]:checked+span:before {
    /*background-image: url('/images/peopledesk_1_0/icons/icon_permissions_tick.png');*/
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
}

.dynamice_modules_container {
    float: left;
    width: 100%;
}

.listing_table_container .document_status_progress {
    /*display: none;*/
    float: left;
    width: 100px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.listing_table_container .document_status_progress .progress {
    background-color: #D8D8D8;
}

.listing_table_container .document_status_progress .progress-bar {
    background-color: #00ABE5;
    height: 10px;
    line-height: 1.4em;
    font-size: 7px;
    color: rgba(0, 0, 0, 0);
}

.listing_table_container .document_verified {
    float: left;
    padding-right: 22px;
    background: url('/images/peopledesk_1_0/icons/document_verified.svg') right center no-repeat;
    background-size: 19px 19px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}



































/* Position */

.listing_panel .listing_header.list_header_rejected_position .box_left {
    float: left;
    width: 70%;
}

.listing_panel .listing_header.list_header_rejected_position .box_right {
    width: 30%;
}

.tab_forms_container {
    width: 100%;
    max-width: 1100px;
    position: relative;
    margin: 0 auto;
}

.tab_forms_container .tab_navigation {
    width: 100%;
    position: absolute;
    background-color: #FFF;
    z-index: 9;
    max-width: 1100px;
    -webkit-transition: all .5s;
    /* Safari */
    transition: all .5s;
}

.tab_forms_container .tab_navigation.fixed_tab_navigation {
    position: fixed;
    top: 37px;
}

.tab_forms_container .form-group {
    width: 100%;
}

.tab_forms_container .tab_navigation ul {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tab_forms_container .tab_navigation ul li {
    float: left;
    list-style: none;
}

.tab_forms_container .tab_navigation ul li::after {
    content: "";
    padding: 0 35px;
    background: url(/images/peopledesk_1_0/icons/tab_next_icon.svg) center center no-repeat;
    background-size: 6px 12px;
}

.tab_forms_container .tab_navigation ul li:last-child::after {
    padding: 0;
    background: none;
}

.tab_forms_container .tab_navigation ul li.active a {
    font-weight: 500;
    color: #131313;
}

.tab_forms_container .tab_navigation ul li a {
    float: left;
    /*width:100%;*/
    color: #4d4d4d;
    font-size: 15px;
}

.tab_forms_container .tab_navigation ul li a:hover {
    text-decoration: none;
}

.tab_forms_container .tab_form {
    float: left;
    width: 100%;
    padding-top: 65px;
    padding-bottom: 50px;
}

.tab_form .tab_content {
    float: left;
    width: 100%;
}

.tab_form .tab_content .header_panel {
    float: left;
    width: 100%;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.tab_form .tab_content .header_panel h2.caption {
    font-size: 20px;
    float: left;
    width: 100%;
    color: #131313;
    font-weight: 600;
    margin-bottom: 5px;
}

.tab_form .tab_content .header_panel .sub_caption {
    float: left;
    width: 100%;
    font-size: 17px;
}

.tab_content .box_full {
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.tab_content .box_left {
    float: left;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 1px;
}

.tab_content .box_left.designation_box_left,
.tab_content.job_detail_box .box_left {
    width: 60%;
}

.tab_content .box_right.designation_box_right,
.tab_content.job_detail_box .box_right {
    width: 40%;
}

.tab_content .box_right {
    float: left;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}

.tab_content .box_full.no_padding {    
    padding-left: 0;
    padding-right: 0;
}

.tab_content .box_full.no_padding .box_left {    
    padding-left: 0;
}
.tab_content .box_full.no_padding .box_right {    
    padding-right: 0;
}

.tab_content .no_padding_left {    
    padding-left: 0;
}
.tab_content .no_padding_right {    
    padding-right: 0;
}

.tab_content .form_text_out {
    width: 100%;
    float: left;
    padding: 0;
    margin: -1rem 0 .75rem 0;
}

.tab_content .form_text_out .form-text {
    font-size: 14px;
    color: #444444;
}

.tab_form .tab_content textarea {
    height: 150px;
}

.tab_form .tab_content textarea.limited_textarea {
    padding-top: 20px;
}

.tab_form .tab_content .pro_tip_container {
    float: left;
    width: 335px;
    border: solid 1px #DDDFDF;
    border-radius: 5px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 32px;
}
.tab_form .tab_content .designation_box_left .pro_tip_container{
    position: relative;
    left: 0%;
    transform: translateX(0%);
    margin-top: 10px;
}
span.line_break{
    display: block;
    width:100%;
}
.tab_form .tab_content .pro_tip_container span.line_break{
    margin-bottom: 5px;
}

.tab_form .tab_content .pro_tip_container .pro_tip_title {
    float: left;
    width: 100%;
    padding: 10px 15px 10px 40px;
    background-color: #F3F3F3;
    border-bottom: solid 1px #DDDFDF;
    font-weight: 500;
    background-image: url('/images/peopledesk_1_0/icons/icon_pro_tip.svg');
    background-position: 8px 7px;
    background-repeat: no-repeat;
    background-size: 23px 25px;
}

.tab_form .tab_content .pro_tip_container .pro_tip_text {
    float: left;
    padding: 10px 15px;
    font-size: 14px;
}

.text_area_container {
    float: left;
    position: relative;
    width: 100%;
}

.text_area_container .mce-container{
    box-sizing: border-box !important;
}

.text_area_container .limit_text_count {
    position: absolute;
    bottom: 6px;
    right: 15px;
    /* width: 50px; */
    padding: 5px 5px 0 5px;
    color: #8C8C8C;
    font-size: 15px;
    background-color: #FFF;
    border-radius: 5px;
    line-height: 1em;
}
.box_description_content .text_area_container{

}

.tab_form .tab_content .button_container {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.tab_form .btn_outline {
    background-color: transparent;
    border: solid 1px #FF6923;
    color: #FF6923;
    font-size: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

.tab_form .btn_outline:hover,
.tab_form .btn_outline:focus {
    color: #FFF;
    background-color: #FF6923;
}

.tab_form .number_of_openings,
.tab_form .job_locations,
.tab_form .opening_locations {
    font-weight: 300;
}

.tab_form .number_of_openings {
    float: left;
    width: 100%;
    font-size: 20px;
    margin-bottom: 15px;
}

.tab_form .number_of_openings span {}

.tab_form .font_bold {
    color: #131313;
    font-weight: 400;
}

.tab_form .form-row {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.tab_form .job_locations {
    width: 100%;
    float: left;
    font-size: 20px;
}

.tab_form .opening_locations {
    width: 100%;
    margin-bottom: 10px;
    float: left;
    font-size: 20px;
    padding-left: 40px;
}

.tab_form .opening_locations table {}

.tab_form .opening_locations table td {
    vertical-align: top;
}

.tab_form .opening_locations .opening_caption {
    padding-right: 5px;
}

.tab_form .opening_locations .opening_location {
    color: #131313;
    font-weight: 400;
    margin-bottom: 5px;
}

.tab_form .tab_content .designation_panel {
    float: left;
    padding: 10px 0px;
    margin-bottom: 5px;
}

.tab_form .tab_content .designation_panel h2.caption {
    font-size: 26px;
    float: left;
    width: 100%;
    color: #131313;
    font-weight: 600;
    margin-bottom: 5px;
}

.tab_form .tab_content .designation_panel .sub_caption {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
}

.tab_form .tab_content .button_submit {
    font-weight: 600;
    font-size: 18px;
}

.tab_form .tab_content .box_interview_process {
    float: left;
    width: 340px;
    border: solid 1px #DDDFDF;
    border-radius: 3px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 50px;
}

.tab_form .tab_content .box_interview_process .title {
    float: left;
    width: 100%;
    padding: 10px 15px;
    font-size: 20px;
    color: #131313;
    border-bottom: solid 1px #DDDFDF;
    background-color: #F0F0F0;
}

.tab_form .tab_content .box_interview_process .interview_process_box {
    float: left;
    width: 100%;
    padding: 0 15px 0px 15px;
    margin: 2px 0;
}

.tab_form .tab_content .interview_process_box .interview_process_title {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #131313;
    margin-bottom: 10px;
}

.tab_form .tab_content .interview_process_box .interview_type_container {
    float: left;
    width: 100%;
}

.tab_form .tab_content .interview_process_box .interview_type {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #FF6923;
    background-color: #F3F3F3;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 3px;
}
.tab_form .box_interview_process .start_round_container,
.tab_form .box_interview_process .final_round_container {
    float: left;
    width: 100%;
    padding:0px 15px;
}
.tab_form .box_interview_process .start_round_container{
    margin-top: 15px;
    margin-bottom: 5px;
}
.tab_form .box_interview_process .start_round_container .container_title,
.tab_form .box_interview_process .final_round_container .container_title{
    float:left;
    width:100%;
    font-size:20px;
    color:#131313;
    margin-bottom: 5px;
}
.tab_form .box_interview_process .start_round_container .readonly_round_item,
.tab_form .box_interview_process .final_round_container .readonly_round_item{
    float: left;
    width:100%;
    font-size: 18px;
    color: #FF6923;
    padding: 13px 15px;
    border-radius: 3px;
    margin-bottom: 10px;
    background-color: #F3F3F3;
}

.tab_form .tab_content .box_hiring_process {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.tab_form .tab_content .box_hiring_process .main_caption {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #131313;
    font-weight: 600;
}

.tab_form .tab_content .box_hiring_process .main_caption_text {
    float: left;
    width: 100%;
    font-size: 17px;
    margin-bottom: 25px;
}

.tab_form .tab_content .box_hiring_process .box_interview_round {
    float: left;
}

.tab_form .tab_content .box_interview_round {
    float: left;
    width: 100%;
}

.tab_form .tab_content .box_interview_round .sub_caption {
    float: left;
    width: 50%;
    font-size: 21px;
    color: #131313;
    font-weight: 600;
}
.tab_content .box_left.tab_3_box_left{
    width:50%;
}
.tab_form .tab_content .sub_caption_helptext{
    float:left;
    color:#131313;
    font-size:15px;
}

.tab_form .tab_content .box_interview_round .link_add_round {
    float: left;
    /*width:45%;*/
    color: #FF6923;
    font-weight: 500;
    padding-left: 30px;
    background: url(/images/peopledesk_1_0/icons/icon_add_round.svg) left center no-repeat;
    background-size: 25px 25px;
    line-height: 2.1em;
}

.tab_form .tab_content .box_interview_round .link_add_round:hover {
    text-decoration: none;
    color: #FF6923;
}

.tab_form .tab_content .box_score_card {
    float: left;
    width: 100%;
}

.tab_form .tab_content .box_score_card .caption_container {
    float: left;
    width: 75%;
    padding-right: 10px;
}

.tab_form .tab_content .box_score_card .main_caption {
    float: left;
    width: 50%;
    font-size: 24px;
    color: #131313;
    font-weight: 600;
}

.tab_form .tab_content .box_score_card .main_caption_text {
    float: left;
    width: 100%;
    font-size: 17px;
    margin-bottom: 10px;
}

.tab_form .tab_content .box_score_card .link_add_question {
    float: left;
    /*width:25%;*/
    color: #FF6923;
    font-weight: 500;
    padding-left: 30px;
    background: url(/images/peopledesk_1_0/icons/icon_add_round.svg) left center no-repeat;
    background-size: 25px 25px;
    line-height: 2.1em;
    margin-top: 15px;
}

.tab_form .tab_content .box_score_card .link_add_question:hover {
    text-decoration: none;
    color: #FF6923;
}

.tab_form .box_interview_round .start_round_container,
.tab_form .box_interview_round .middle_round_container,
.tab_form .box_interview_round .final_round_container {
    float: left;
    width: 100%;
}
.tab_form .box_interview_round .start_round_container{
    margin-top: 15px;
    margin-bottom: 5px;
}
.tab_form .box_interview_round .start_round_container .container_title,
.tab_form .box_interview_round .middle_round_container .container_title,
.tab_form .box_interview_round .final_round_container .container_title{
    float:left;
    font-weight: 500;
    /*width:100%;*/
    font-size:20px;
    color:#131313;
    margin-bottom: 5px;
}
.tab_form .box_interview_round .middle_round_container{
    margin-bottom:5px;
}
.tab_form .box_interview_round .start_round_container .readonly_round_item,
.tab_form .box_interview_round .final_round_container .readonly_round_item{
    float: left;
    width: calc(100% - 54px);
    font-size: 18px;
    color: #FF6923;
    padding: 13px 15px;
    border-radius: 3px;
    margin-bottom: 10px;
    background-color: #F3F3F3;
    margin-left: 14px;
    clear: both;
}
.tab_form .tab_content .box_interview_round .sortable_rounds_container {
    float: left;
    width: 100%;
    clear:both;
}

.sortable_rounds_container {}

.box_interview_round .interview_round_error_message {
    float: left;
    width: 100%;
}

.sortable_rounds_container .round_item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.sortable_rounds_container .round_item:nth-child(1) .delete_round_icon,
.sortable_rounds_container .round_item:nth-child(2) .delete_round_icon {
    /*display: none;*/
}

.sortable_rounds_container .round_item .form-group {
    float: left;
    margin-bottom: 0;
    width: calc(100% - 40px);
}

.sortable_rounds_container .round_item .input-group {
    border-left: solid 4px #E4EA3A;
    padding-left: 10px;
}

.sortable_rounds_container .round_item .input-group .input-group-addon {
    background-color: transparent;
    border-right: 0;
    background: url(/images/peopledesk_1_0/icons/icon_hamburger.svg) center center no-repeat;
    background-size: 19px 11px;
    width: 50px;
    text-align: center;
    cursor: move;
}

.sortable_rounds_container .round_item .input-group .form-control {
    border-left: 0;
    padding-left: 0;
    color: #2D2D2D;
    /*font-weight: 500;*/
    font-size: 19px;
}

.sortable_rounds_container .round_item .input-group .form-control.error,
.sortable_rounds_container .round_item .input-group .form-control.valid {
    border-color: #DDDFDF;
    box-shadow: none;
}

.sortable_rounds_container .round_item .delete_round_icon {
    float: left;
    width: 40px;
    text-align: right;
    color: #f35b69;
    font-size: 25px;
    margin-top: 10px;
    cursor: pointer;
}

.sortable_rounds_container .round_item .delete_round_icon:hover i {
    font-weight: bold;
}

.sortable_rounds_container .round_item .input-group .form-control:focus {
    border-color: #DDDFDF;
}

.tab_form .tab_content .box_score_card .sortable_score_card_container {
    float: left;
    width: 100%;
}

.sortable_score_card_container {}

.sortable_score_card_container .score_card_item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #DDDFDF;
    border-radius: 5px;
}
.add_new_link_container{
    float:left;
    width:100%;
    margin-bottom:10px;
    padding-left:14px;
}
.posiiton_to_text{
    display: block;
    text-align: center;
    margin-top:50px;
}


/*.sortable_rounds_container .score_card_item .delete_score_card_icon:hover i{
    font-weight: bold;
}*/

.sortable_score_card_container .score_card_item .form-group {
    float: left;
    margin-bottom: 0;
    width: calc(100% - 80px);
    padding-right: 10px;
}

.sortable_score_card_container .score_card_item .input-group {}

.sortable_score_card_container .score_card_item .input-group .input-group-addon {
    background-color: transparent;
    border-right: 0;
    background: url(/images/peopledesk_1_0/icons/icon_hamburger.svg) center center no-repeat;
    background-size: 19px 11px;
    width: 50px;
    text-align: center;
    cursor: move;
    border: none;
    min-height: 40px;
}

.sortable_score_card_container .score_card_item .input-group .form-control {
    border: none;
    padding-left: 0;
    color: #3D85F9;
    font-weight: 600;
    font-size: 19px;
}

.sortable_score_card_container .score_card_item .input-group .form-control:focus {
    border-color: #DDDFDF;
}

.sortable_score_card_container .score_card_item .score_item_action,
.sortable_score_card_container .score_card_item .score_item_status {
    margin-top: 4px;
}

.sortable_score_card_container .score_card_item .score_item_action {
    float: left;
    height: 32px;
    width: 50px;
    background: url(/images/peopledesk_1_0/icons/icon_edit_pencil.svg) center center no-repeat;
    background-size: 21px 21px;
    cursor: pointer;
}

.sortable_score_card_container .score_card_item .score_item_status {
    float: left;
    width: 80px;
}
.sortable_score_card_container .score_card_item .score_item_status  > .checkbox{
    float:right;
    margin-left:10px;
}

.sortable_score_card_container .score_card_item .score_card_text {
    float: left;
    width: 100%;
    padding: 5px 5px;
    color: #2D2D2D;
    font-size: 19px;
    overflow: hidden;
    border-color: transparent;
}

.sortable_score_card_container .score_card_item .score_card_text:focus {
    box-shadow: none;
    outline: none;
}

.sortable_score_card_container .score_card_item input.score_card_hidden_text {
    width: 1px;
    height: 1px;
    /*opacity: 0;*/
}

.sortable_score_card_container .score_card_item .delete_score_card_icon {
    float: left;
    width: 24px;
    text-align: center;
    color: #f35b69;
    font-size: 25px;
    cursor: pointer;
    position: relative;
    top: -4px;
}

.sortable_score_card_container .score_card_item:nth-of-type(-1n+11) .delete_score_card_icon {
    display: none;
}

































/* Yes/No Radio Style for position form */

.tab_form .yes_no_radio input[type="radio"] {
    position: absolute;
    visibility: hidden;
    /*display: none;*/
}

.tab_form .yes_no_radio label {
    color: #8C8C8C;
    float: left;
    display: inline-block;
    font-size: 19px;
    padding: 6px 20px;
    cursor: pointer;
    margin-bottom: 0;
    width: 50%;
    text-align: center;

    border: solid 1px #DDDDDD;
    border-right: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.tab_form .yes_no_radio label:last-child {
    border: solid 1px #DDDDDD;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tab_form .yes_no_radio input[type="radio"]:checked+label {
    color: #FFFFFF;
    background: #9DBBEC;
    border-color: #3D85F9;
    border-right: solid 1px #3D85F9;
}

.tab_form .yes_no_radio label+input[type="radio"]+label {
    border-left: solid 1px #DDDDDD;
}

.tab_form .yes_no_radio.radio-group {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
}

.tab_form .yes_no_radio_group.has-danger .yes_no_radio label {
    border-color: #d72b3f;
}

































/* Manage Positions */

.sub_page_links {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
}

.sub_page_links ul {
    float: left;
    width: 100%;
    padding: 0 20px;
    border-bottom: solid 2px #F7F9F9;
}

.sub_page_links ul li {
    float: left;
    list-style: none;
    padding: 0 2px;
}

.sub_page_links ul li a,
.sub_page_links ul li button.btn-link {
    float: left;
    font-size: 14px;
    color: #3D85F9;
    font-weight: 500;
    padding: 12px 2px;
    margin: 0 5px;
    border-bottom: solid 2px transparent;
    position: relative;
    top: 2px;
    border-radius: 0;
    line-height: 1.25em;
}

.sub_page_links ul li a:hover,
.sub_page_links ul li button.btn-link:hover {
    color: #1F6FF0;
    text-decoration: none;
}

.sub_page_links ul li.active a,
.sub_page_links ul li:hover a,
.sub_page_links ul li:hover button.btn-link,
.sub_page_links ul li.active button.btn-link {
    border-bottom: solid 2px #1F6FF0;
}































/* View Position Modal */

.view_position_modal {
    font-size: 19px;
}

.view_position_modal .modal-dialog {
    width: 500px;
}

.view_position_modal {}

.view_position_modal .modal-dialog {
    max-width: 525px;
}

.view_position_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.view_position_modal .form_modal_container {
    float: left;
    width: 100%;
}

.view_position_modal .form_modal_container .alert {
    /*display: none;*/
}

.view_position_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.view_position_modal .form_modal_container .form_button_group .btn_blue {
    min-width: 100px;
}

.view_position_modal .form_modal_container .form_button_group .btn_white {
    float: right;
    min-width: 75px;
    color: #E14444;
}

.view_position_modal .form-control-static {
    color: #8C8C8C;
}

.view_position_modal .form_modal_container .btn_blue {
    width: auto;
    float: left;
}

.view_position_modal .form_modal_container .btn_outline {
    width: auto;
    float: right;
    background-color: transparent;
    border-color: #BFBFBF;
    color: #E14444;
    font-weight: 500;
}

.view_position_modal .form_modal_container .btn_outline:hover {
    background-color: #BFBFBF;
}

.view_position_modal .form_modal_container .label_bold {
    margin-bottom: 3px;
}

































/** Dashboard **/

.dashboard_wrapper {
    float: left;
    padding: 0 15px;
    max-width: 1220px;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

.dashboard_wrapper .dashboard_left {
    float: left;
    width: calc(100% - 315px);
    padding: 25px 0 50px 0;
}

.dashboard_wrapper .dashboard_left .module_container {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.dashboard_left .module_head {
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    color: #131313;
    margin-bottom: 0px;
}

.dashboard_left .module_text {
   float: left;
    width: 100%;
    color: #5E5E5E;
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 2;
}

.pad_l50_r50 {
    padding: 0 50px 0 50px !important;
}
.dashboard_left .activity_box_container {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.activity_box_container .activity_box {
    float: left;
    width: 170px;
    height: 205px;
    padding: 10px;
    background-color: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(171, 171, 171, 0.3);
    border-radius: 5px;
    margin-right: 30px;
    margin-bottom: 30px;
    transition: all .15s ease-in-out;
    cursor: pointer;
    position: relative;
   -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    -moz-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.activity_box_container .activity_box:hover {
    /*background-color: #dedede;*/
    box-shadow: 0px 0px 15px 5px rgba(171, 171, 171, 0.50);
}

.activity_box_container .activity_box .activity_icon {
    float: left;
    width: 80px;
    height: 80px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
    margin-bottom: 25px;
    background: center center no-repeat;
    background-size: 80px 80px;
    position: relative;
}

.activity_box_container .activity_box .activity_caption {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #000000;
    font-weight: 700;
    text-align: center;
    word-wrap: break-word;
}

.small_module_container .activity_box_container .activity_box .activity_caption {
    font-size: 18px;
}
.dashboard_left .small_module_container  .module_head{
    margin-bottom: 20px;
}

.activity_box_container .activity_box .activity_icon .count_badge {
    position: absolute;
    min-width: 30px;
    min-height: 14px;
    line-height: 1.2em;
    box-sizing: border-box;
    text-align: center;
    right: -10px;
    top: -6px;
    padding: 7px 10px;
    border-radius: 20px;
    background-color: #F26631;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0px 0px 5px 2px rgba(171, 171, 171, 0.3);
}

.dashboard_wrapper .alert_container{
    margin-top:10px;
}

.dashboard_wrapper .dashboard_right {
    float: right;
    width: 315px;
    padding-left: 15px;
}

.dashboard_right .box_profile {
    margin-top: 35px;
    float: left;
    width: 100%;
    box-shadow: 0px 0px 10px 0px rgba(171, 171, 171, 0.3);
    padding: 15px 0 30px 0;
    border-radius: 12px;
}

.dashboard_right .box_profile .profile_image {
    float: left;
    width: 82px;
    height: 82px;
    position: relative;
    left: 50%;
    border-radius: 50px;
    transform: translateX(-50%);
    background: center center no-repeat;
    background-size: cover;
    margin-bottom: 15px;
    margin-top: 10px;
    border-radius: 100%;
}

.dashboard_right .box_profile .welcome_text {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    text-align: center;
}

.dashboard_right .box_profile .profile_caption {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #131313;
    text-align: center;
    padding:0 5px;
}

.dashboard_right .box_profile .profile_designation {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000000;
    text-align: center;
}

.dashboard_right .box_profile .profile_designation {
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    color: #7C7C7D;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.dashboard_right .box_profile  .profile_user_id{
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    color: #000000;
    text-align: center;
    margin-bottom: 10px;
}

.dashboard_right .box_profile .profile_loction {
        float: left;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    color: #b1b1b1;
    text-align: center;
}

.dashboard_right .box_profile .profile_link {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px 0 15px 0;

}

.dashboard_right .box_profile .profile_shift_caption{
    float:left;
    width:100%;
    font-size:15px;
    color:#B1B1B1;
    text-align: center;
    font-weight: 500;
    padding:0 15px;

}
.dashboard_right .box_profile .profile_shift_caption span{
    float: left;
    width: 100%;
    border-top: solid 1px #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dashboard_right .box_profile .profile_shift_time{
    float:left;
    width:100%;
    font-size:15px;
    color:#000000;
    text-align: center;
    margin-bottom: 5px;
}

.dashboard_right .box_profile .profile_link a {
    font-size: 15px;
    font-weight: 500;
    color:#3D85F9;
    background:url('/images/peopledesk_1_0/icons/icon_edit_pencil.svg') left center no-repeat;
    background-size: 15px 15px;
    padding-left:20px;
}

.dashboard_right .box_profile .profile_link a:hover {
    text-decoration: none;
    color: #1265EB;
    font-weight: 500;
}

.dashboard_right .box_profile .profile_button {
    float: left;
    width: 100%;
    text-align: center;
    margin:5px 0 5px 0;
    font-size: 15px;
    font-weight: 500;
}

.dashboard_right .box_profile .profile_button .btn {
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 160px;
}



.dashboard_right .box_anouncement {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 10px 0px rgba(171, 171, 171, 0.3);
    margin-top: 50px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.dashboard_right .box_anouncement .main_title {
    float: left;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #FF6923;
    text-align: center;
    font-weight: 500;
    border-bottom: solid 1px #EBEBEB;
}

.dashboard_right .box_anouncement .anouncement_item_container{
    float:left;
    width:100%;
    padding: 15px 15px 0px 15px;
}

.dashboard_right .box_anouncement .anouncement_item {
    float: left;
    width: 100%;
    border: solid 1px #E6E6E6;
    border-radius: 5px;
    margin-bottom: 15px;
}

.dashboard_right .box_anouncement .anouncement_item .image{
    float:left;
    width:100%;
    height: 140px;
    background:left top no-repeat;
    background-size: cover;
    margin-bottom: 15px;
}

.dashboard_right .box_anouncement .view_all {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 5px;
    margin-bottom:15px;
}

.dashboard_right .box_anouncement .view_all a {
    font-size: 15px;
    color: #3D85F9;
}

.dashboard_right .box_anouncement .view_all a:hover {
    text-decoration: none;
    color: #1259CC;
    font-weight: 600;
}
.dashboard_right .checked_out_for_the_day{
    float: left; 
    width: 100%; 
    font-weight: 400; 
    font-size: 15px; 
    color: #000000;
    text-align: center; 
    margin-bottom: 10px;
}

/* Checkin Modal */
#check_in_modal .modal-dialog{
    max-width: 650px;
}

#check_in_modal.common_modal .static_field_group .static_field_name{
    color:#131313;
    font-weight: 500;
}

#check_in_modal.common_modal .static_field_group .static_field_value{
    font-weight: 400;
}

#check_in_modal.common_modal .static_field_group .static_field_value.text_green{
    color:#03BF7A;
}

#check_in_modal.common_modal .static_field_group .static_field_value.text_red{
    color:#E14444;
}

/* Checkout Modal */
#check_out_modal .modal-dialog{
    max-width: 700px;
}

#check_out_modal.common_modal .static_field_group .static_field_name{
    color:#131313;
    font-weight: 500;
}

#check_out_modal.common_modal .static_field_group .static_field_value{
    font-weight: 400;
}

#check_out_modal.common_modal .static_field_group .static_field_value.text_green{
    color:#03BF7A;
}

#check_out_modal.common_modal .static_field_group .static_field_value.text_red{
    color:#E14444;
}


.anouncement_item .title {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    color: #020202;
    margin-bottom: 5px;
}

.anouncement_item .date{
    float:left;
    width:100%;
    color:#A9ABAC;
    margin-bottom: 10px;
}

.anouncement_item .content {
    float: left;
    width: 100%;
    padding:0 10px;
}

.anouncement_item .content .text {
    float: left;
    font-size: 14px;
    color:#000000;
    margin-bottom: 15px;
}

.anouncement_item .content a.readmore_link {
    float: right;
    color: #3D85F9;
}

.anouncement_item .content a.readmore_link:hover {}



.file_upload_input_container .file_upload_input {
    overflow: hidden;
    position: relative;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    padding: 5px 25px;
    border-radius: 4px;
    border: none;
    line-height: 28px;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    float: left;
    background-color: #FF6923;
}

.file_upload_input_container .file_upload_input [type=file] {
    cursor: inherit;
    margin-right: 10px;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.file_upload_input_container .file_upload_input .file_caption {
    max-width: 160px;
    float: left;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#FFF;
}

.file_upload_input_container {
    float: left;
    width: 100%;
    /*display: none;*/
}

/*.file_upload_input_container.has-danger {
    border: 1px solid #EE001C;
}*/

.file_upload_input_container .upload_file_delete {
    float: left;
    margin-left: 25px;
    margin-top: 10px;
    cursor: pointer;
    display: none;
    color: #EE001C;
}

.file_upload_input_container .upload_file_delete:hover {
    font-weight: 500;
}

.file_upload_input_container .upload_file_delete:hover .fa {
    font-weight: bold;
}

.offer_letter_form .upload_file_delete {
    width: 175px;
    margin-left: 0;
    clear: both;
    text-align: center;
    margin-top: 8px;
}





/* Select2 Overwrites */

.select2-container .select2-selection--single {
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit;
    line-height: 22px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: solid 1px #DDDFDF;
    border-radius: 5px;
}

.has-danger .select2-container--default .select2-selection--single {
    border: solid 1px #EE001C;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #DDDFDF transparent;
    border-width: 0 7px 9px 7px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #DDDFDF transparent transparent transparent;
    margin-left: -18px;
    margin-top: -4px;
    border-width: 9px 7px 0 7px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    border: solid 0px #DDDFDF;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: none;
    color: #2D2D2D;
    /*font-weight: 500;*/
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
}


























/* Schedule Phone Interview Modal */

.schedule_interview_modal {
    font-size: 19px;
}

.schedule_interview_modal .modal-dialog {
    max-width: 525px;
}

.schedule_interview_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.schedule_interview_modal .form_modal_container {
    float: left;
    width: 100%;
}

.schedule_interview_modal .form_modal_container .alert {
    /*display: none;*/
}

.schedule_interview_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.schedule_interview_modal .form_modal_container .form_button_group .btn_blue {
    min-width: 100px;
}

.schedule_interview_modal .form_modal_container .form_button_group .btn_white {
    float: right;
    min-width: 75px;
    color: #E14444;
}

.schedule_interview_modal .form-control-static {
    color: #8C8C8C;
}

.schedule_interview_modal .form_modal_container .btn_blue {
    /*width: auto;*/
    float: left;
}

.schedule_interview_modal .form_modal_container .btn_outline {
    width: auto;
    float: right;
    background-color: transparent;
    border-color: #BFBFBF;
    color: #E14444;
    font-weight: 500;
}

.schedule_interview_modal .form_modal_container .btn_outline:hover {
    background-color: #BFBFBF;
}

.schedule_interview_modal .form_modal_container .label_bold {
    margin-bottom: 3px;
}

.schedule_interview_modal .time_select {
    width: 31%;
    display: inline-table;
    position: relative;
}

.schedule_interview_modal .colon {
    position: relative;
    font-size: 21px;
    padding-top: 10px;
}

.box_interview_round_error,
.box_score_card_error,
.box_interview_round_plugin_error,
.box_score_card_plugin_error,
.box_interview_round_empty {
    float: left;
    width: 100%;
    color: #EE001C;
}

.box_score_card .custom_placeholder {
    color: #DDDFDF;
}

/* ReSchedule Phone Interview Modal */

.reschedule_interview_modal {
    font-size: 19px;
}

.reschedule_interview_modal .modal-dialog {
    max-width: 525px;
}

.reschedule_interview_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.reschedule_interview_modal .form_modal_container {
    float: left;
    width: 100%;
}

.reschedule_interview_modal .form_modal_container .alert {
    /*display: none;*/
}

.reschedule_interview_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.reschedule_interview_modal .form_modal_container .form_button_group .btn_blue {
    min-width: 100px;
}

.reschedule_interview_modal .form_modal_container .form_button_group .btn_white {
    float: right;
    min-width: 75px;
    color: #E14444;
}

.reschedule_interview_modal .form-control-static {
    color: #8C8C8C;
}

.reschedule_interview_modal .form_modal_container .btn_blue {
    /*width: auto;*/
    float: left;
}

.reschedule_interview_modal .form_modal_container .btn_outline {
    width: auto;
    float: right;
    background-color: transparent;
    border-color: #BFBFBF;
    color: #E14444;
    font-weight: 500;
}

.reschedule_interview_modal .form_modal_container .btn_outline:hover {
    background-color: #BFBFBF;
}

.reschedule_interview_modal .form_modal_container .label_bold {
    margin-bottom: 3px;
}

.reschedule_interview_modal .time_select {
    width: 31%;
    display: inline-table;
    position: relative;
}

.reschedule_interview_modal .colon {
    position: relative;
    font-size: 21px;
    padding-top: 10px;
}




/* Cancel Modal */

.cancel_modal {
    font-size: 19px;
}

.cancel_modal .modal-dialog {
    width: 500px;
}

.cancel_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.cancel_modal .form_modal_container {
    float: left;
    width: 100%;
}

.cancel_modal .form_modal_container .alert {
    /*display: none;*/
}

.cancel_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.cancel_modal .form_modal_container .cancel_modal_buttons{
    float: left;
    width: 100%;
}

.cancel_modal .form_modal_container .cancel_modal_buttons .btn {
    min-width: 100px;
    float:left;
    width:48%;
}

.cancel_modal .form_modal_container .cancel_modal_buttons .btn:first-child {
    margin-right: 4%;
}

/* Position Status Modal */

.change_position_status_modal {
    font-size: 19px;
}

.change_position_status_modal .modal-dialog {
    width: 500px;
}

.change_position_status_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.change_position_status_modal .form_modal_container {
    float: left;
    width: 100%;
}

.change_position_status_modal .form_modal_container .alert {
    /*display: none;*/
}

.change_position_status_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.change_position_status_modal .form_modal_container .change_position_status_modal_buttons{
    float: left;
    width: 100%;
}

.change_position_status_modal .form_modal_container .change_position_status_modal_buttons .btn {
    min-width: 100px;
    width:48%;
    float:left;
}

.change_position_status_modal .form_modal_container .change_position_status_modal_buttons .btn:first-child {
    margin-right: 10px;
}


/* Reject Candidates Modal */

.reject_candidates_modal {
    font-size: 19px;
}

.reject_candidates_modal .modal-dialog {
    width: 500px;
}

.reject_candidates_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.reject_candidates_modal .form_modal_container {
    float: left;
    width: 100%;
}

.reject_candidates_modal .form_modal_container .alert {
    /*display: none;*/
}

.reject_candidates_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.reject_candidates_modal .form_modal_container .reject_candidates_modal_buttons {
    float: left;
    width: 100%;
}

.reject_candidates_modal .form_modal_container .reject_candidates_modal_buttons .btn {
    min-width: 100px;
}

.reject_candidates_modal .form_modal_container .reject_candidates_modal_buttons .btn:first-child {
    margin-right: 10px;
}



/* Filter fileds overwrites */

.listing_filter #filter_approved_by {
    width: 190px;
}

.listing_filter #filter_created_by,
.listing_filter #filter_requested_by,
.listing_filter #filter_progress_status{
    width: 150px;
}   
.listing_filter #filter_created_at,
.listing_filter #filter_reporting_manager,{
    width:160px;
}
.listing_filter #filter_type_of_position,
.listing_filter #filter_hiring_manager,
.listing_panel .listing_filter select.form-control.filter_select_width_200:not([size]):not([multiple]){
    width:200px;
}
.listing_panel .listing_filter select.form-control.filter_select_width_180:not([size]):not([multiple]){
    width:180px;
}






/* Onboard candidate modal */

.onboard_candidate_modal {
    font-size: 19px;
}

.onboard_candidate_modal .modal-dialog {
    width: 600px;
}

.onboard_candidate_modal {}

.onboard_candidate_modal .modal-dialog {
    max-width: none;
}

.onboard_candidate_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.onboard_candidate_modal .form_modal_container {
    float: left;
    width: 100%;
}

.onboard_candidate_modal .form_modal_container .alert {
    /*display: none;*/
}

.onboard_candidate_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.onboard_candidate_modal .form-group {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.onboard_candidate_modal .static_field_group {
    float: left;
    width: 100%;
}

.onboard_candidate_modal .static_field_group .static_field_name {
    float: left;
    width: 50%;
    /*margin-right: 5px;*/
}

.onboard_candidate_modal .static_field_group .static_field_value {
    float: left;
    width:50%;
    font-weight: 500;
}

.onboard_candidate_modal .form_group_button {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
}





























/* Add round Modal */

.add_round_modal {
    font-size: 19px;
}

.add_round_modal {}

.add_round_modal .modal-dialog {
    max-width: 525px;
}

.add_round_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.add_round_modal .form_modal_container {
    float: left;
    width: 100%;
}

.add_round_modal .form_modal_container .alert {
    /*display: none;*/
}

.add_round_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.add_round_modal .form_modal_container .form_button_group .btn_blue {
    min-width: 100px;
}

.add_round_modal .form_modal_container .form_button_group .btn_white {
    float: right;
    min-width: 75px;
    color: #E14444;
}

.add_round_modal .form-control-static {
    color: #8C8C8C;
}

.add_round_modal .form_modal_container .btn_blue {
    /*width: auto;*/
    float: left;
}

.add_round_modal .form_modal_container .btn_outline {
    width: auto;
    float: right;
    background-color: transparent;
    border-color: #BFBFBF;
    color: #E14444;
    font-weight: 500;
}

.add_round_modal .form_modal_container .btn_outline:hover {
    background-color: #BFBFBF;
}

.add_round_modal .form_modal_container .label_bold {
    margin-bottom: 3px;
}





























/* Profile - Edit Page */

.profile_top_wrapper {
    float: left;
    width: 100%;
    background-color: #F9F9F9;
}

.profile_top_wrapper .profile_breadcrumb {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
}

.profile_top_wrapper .profile_breadcrumb ul {
    float: left;
}

.profile_top_wrapper .profile_breadcrumb ul li {
    float: left;
    list-style: none;
}

.profile_top_wrapper .profile_breadcrumb ul li a {
    float: left;
    color: #4D4D4D;
    /*padding:0 5px;*/
}

.profile_top_wrapper .profile_breadcrumb ul li a:hover,
.profile_top_wrapper .profile_breadcrumb ul li a.active {
    text-decoration: none;
    color: #333333;
    font-weight: 500;
}

.profile_top_wrapper .profile_breadcrumb ul li a:after {
    content: '/';
    display: inline-block;
    padding: 0 5px;
}

.profile_breadcrumb ul li:last-child a:after {
    content: '';
    padding: 0;
}

.profile_top_wrapper .profile_basic_details_panel {
    float: left;
    width: 100%;
}

.profile_top_wrapper .top_panel_border {
    float: left;
    width: 100%;
    height: 1px;
    background-color: #C7C7C7;
}

.profile_basic_details_panel .profile_image {
    float: left;
    width: 140px;
    /* height: 140px;
    background: center top no-repeat;
    background-size: 140px 140px;
    margin-right: 24px;*/
}

.profile_basic_details_panel .profile_image img {
    width: 100%;
    cursor: pointer;
}

.profile_basic_details_panel .profile_content {
    float: left;
    padding: 0 25px 0 10px;
    max-width: 600px;
}

.profile_basic_details_panel .profile_content .name {
    float: left;
    font-size: 24px;
    color: #0D0D0D;
    font-weight: 700;
    margin-bottom: 10px;
}

.profile_basic_details_panel .profile_content .name span {
    float: left;
}

.profile_basic_details_panel .profile_content .name .prospect_link,
.profile_basic_details_panel .profile_content .name .employee_link,
.profile_basic_details_panel .profile_content .name .candidate_link {
    font-size: 12px;
    display: inline-block;
    font-weight: 500;
    color: #FFFFFF;

    padding: 2px 20px;
    border-radius: 15px;
    margin-left: 15px;
    position: relative;
    top: -6px;
    transition: all 250ms ease-in-out;
    cursor: default;
}

.profile_basic_details_panel .profile_content .name .prospect_link {
    background-color: #0a93d5;
}

.profile_basic_details_panel .profile_content .name .employee_link {
    background-color: #399FED;
}

.profile_basic_details_panel .profile_content .name .candidate_link {
    background-color: #03BF7A;
}







/*.profile_basic_details_panel .profile_content .name .prospect_link:hover {
    text-decoration: none;
    background-color: #e6ae06;
}*/

.box_highest_qualification_other {
    display: none;
}

.box_download_resume {
    float: left;
}

.box_download_resume a {
    font-weight: 500;
    padding-top: 6px;
    padding-bottom: 6px;
}

.box_download_resume .btn_download_link {
    font-size: 18px;
    color: #3D85F9;
}

.box_download_resume .btn_download_link:hover {
    text-decoration: none;
    color: #186cf3;
}

.box_download_resume span.delete_resume_link {
    color: #EE001C;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.prospect_file_upload {
    /*display: none;*/
}

.profile_content .field {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #0D0D0D;
    font-weight: 300;
    margin-bottom: 10px;
}

.profile_content .field:last-child {
    margin-bottom: 0;
}

.profile_content .field_caption {
    float: left;
    padding-right: 5px;
}

.profile_content .field_value {
    float: left;
    font-weight: 400;
}

.profile_content .field_value a {
    color: inherit;
}

.profile_content .field_value a {
    text-decoration: none;
}

.profile_basic_details_panel .profile_content_right {
    float: right;
}

.profile_basic_details_panel .profile_content_right .listing_dropdown .btn.btn_listing_dropdown{
    width: 260px;
    /*background-color: #3D85F9;*/
    /*color: #FFF;*/
    background-color:transparent;
    border:solid 1px #CCC;
    color:#0a93d5;
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 8px;
    font-size: 15px;
    margin: 10px 0 0 0;
}
.profile_basic_details_panel .profile_content_right .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 1.255em;
    vertical-align: .1em;
    content: "";
    border-top: .33em solid;
    border-right: .33em solid transparent;
    border-left: .33em solid transparent;
}
.profile_basic_details_panel .profile_content_right .listing_dropdown .dropdown-menu {
    width: 260px;
    padding:10px 15px;
    border:solid 1px #E6E6E6;
    border-radius: 5px;
    box-shadow: 0px 4px 6px #EBEDEC;
    margin: -1px 0 0 0;
}

.profile_content_right .add_role_button,
.profile_content_right .profile_button {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    min-width: 215px;
    margin-top: 50px;
    margin-right: 50px;
    font-weight: 600;
}

.profile_other_details {
    float: left;
    width: 100%;
    padding: 15px 30px 5px 30px;
    margin-bottom: 15px;
}

.profile_other_details .fields_left,
.profile_other_details .fields_right {
    float: left;
    width: 34%;
}

.profile_other_details .fields_center {
    float: left;
    width: 32%;
}

.profile_other_details .field {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #0D0D0D;
    font-weight: 300;
    margin-bottom: 15px;
}

.profile_other_details .field_caption {
    float: left;
    padding-right: 5px;
}

.profile_other_details .field_value {
    float: left;
    font-weight: 400;
}

.profile_top_wrapper .level_1_profile_tab {
    float: left;
    padding: 0 20px;
    width: 100%;
}

.profile_top_wrapper .level_1_profile_tab ul {
    float: left;
    width: 100%;
    padding: 0 10px;
}

.profile_top_wrapper .level_1_profile_tab ul li {
    float: left;
    list-style: none;
}

.profile_top_wrapper .level_1_profile_tab ul li a {
    float: left;
    font-size: 16px;
    color: #0a93d5;
    font-weight: 500;
    padding: 5px 20px 5px 20px;
    border-bottom: solid 3px transparent;
}

.profile_top_wrapper .level_1_profile_tab ul li:hover a,
.profile_top_wrapper .level_1_profile_tab ul li.active a {
    border-color: #0a93d5;
    background-color: #FFF;
    text-decoration: none;
    font-weight: 500;
    /*transition: all 250ms ease-in-out;*/
}

.profile_bottom_wrapper {
    float: left;
    width: 100%;
    padding: 0 15px 50px 15px;
}

.profile_bottom_wrapper .level_1_profile_tab_content {
    float: left;
    padding: 10px 5%;
    width: 100%;
    display: none;
}

.level_1_profile_tab_content .level_2_profile_tab {
    float: left;
    width: 100%;
}

.level_1_profile_tab_content .level_2_profile_tab ul {
    float: left;
    width: 100%;
    border-bottom: solid 2px #F1F1F1;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 24px;
}

.level_2_profile_tab li {
    float: left;
    list-style: none;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.level_2_profile_tab li a {
    float: left;
    padding: 10px 10px;
    list-style: none;
    font-size: 15px;
    font-weight: 500;
    color: #4D4D4D;

    border-bottom: solid 2px transparent;
    text-decoration: none;
}

.level_2_profile_tab li.active a,
.level_2_profile_tab li:hover a {
    font-weight: 600;
    border-color: #3D85F9;
    color: #3D85F9;
    /*transition: all 250ms ease-in-out;*/
}

.level_2_profile_tab_content {
    float: left;
    padding: 0 25px;
    width: 100%;
    display: none;
}

.level_2_profile_tab_content .box_level_2_tab_content {
    float: left;
    width: 100%;
}

.box_level_2_tab_content .tab_head {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.box_level_2_tab_content .tab_head .tab_caption {
    float: left;
    font-size: 20px;
    color: #3D85F9;
    font-weight: 500;
    margin-right: 245px;
    max-width: calc(100% - 50px);
}

.box_level_2_tab_content .tab_head a.edit_link {
    float: left;
    margin-top: 10px;
    font-size: 16px;
    color: #3D85F9;
    font-weight: 300;
    padding-left: 22px;
    background: url(/images/peopledesk_1_0/icons/icon_edit_pencil.svg) left center no-repeat;
    background-size: 17px 17px;
}

.box_level_2_tab_content .tab_head a.edit_link:hover {
    text-decoration: none;
    color: #1F6FF0;
}

.box_level_2_tab_content .field {
    float: left;
    width: 100%;
    font-size: 16px !important;
    color: #131313;
    margin-bottom: 15px;
    font-size: 21px;
}

.box_level_2_tab_content .field a {
    color: #131313;
}

.box_level_2_tab_content .field .field_left {
    float: left;
    width: 25%;
    padding-right: 5px;
    font-weight: 300;
}

.box_level_2_tab_content .field .field_right {
    float: left;
    width: 50%;
}

.profile_content_panel {
    float: right;
    width: 100%;
    padding: 20px 20px 20px 20px;
}

.box_job_details .profile_tab_content_left {
    float: left;
    width: 75%;
}

.box_job_details .profile_tab_content_right {
    float: left;
    width: 25%;
}

.box_level_2_tab_content.box_job_details .field .field_left {
    width: 35%;
}

.box_job_details .profile_tab_content_right .box_view_resume {
    float: right;
    width: 175px;
    height: 175px;
    position: relative;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    background: url('/images/peopledesk_1_0/common/view_resume_image.png') center center no-repeat;
}

.box_job_details .profile_tab_content_right .box_view_resume .resume_text_layer {
    float: left;
    width: 100%;
    height: 100%;
    background: rgba(13, 13, 13, 0.4);
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
}

.box_job_details .profile_tab_content_right .box_view_resume:hover .resume_text_layer {
    font-weight: 500;
}

.box_job_details .profile_tab_content_right .box_view_resume .resume_text_layer span {
    float: left;
    width: 100%;
    margin-top: 60px;
    text-align: center;
}

.profile_tab_content_right .box_view_resume .resume_image {
    float: left;
    width: 100%;
}

.profile_tab_content_right .box_view_resume .resume_image img {
    max-width: 100%;
}

.profile_tab_content_right .box_view_resume .view_resume_button {
    float: left;
    margin-top: 15px;
    width: 100%;
}

.field .text-success {
    font-weight: 500;
}

.level_2_profile_tab_content .box_interview_details {}

.level_2_profile_tab_content .box_interview_details .profile_tab_content_left {
    width: 70%;
}

.level_2_profile_tab_content .box_selection_process {
    float: left;
    width: 100%;
}


.level_2_profile_tab_content .box_selection_process .box_caption {
    float: left;
    font-size: 20px;
    color: #131313;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 500;
}

.level_2_profile_tab_content .box_selection_process .interview_item {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: solid 1px #DDDFDF;
    margin-bottom: 15px;
}

.box_selection_process .interview_item .interview_name {
    float: left;
    width: 100%;
    color: #131313;
    font-size: 20px;
    margin-bottom: 5px;
}

.box_selection_process .interview_item .interveiw_schedule {
    float: left;
    width: 100%;
    color: #131313;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px;
}

.box_selection_process .interview_item .interviewer {
    float: left;
    width: 100%;
    color: #131313;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px;
}

.box_selection_process .interview_item .interview_comment {
    float: left;
    width: 100%;
    color: #131313;
    font-size: 16px;
    margin-bottom: 5px;
}

.box_selection_process .interview_item .interview_comment_message {
    float: left;
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
}

.box_selection_process .interview_item .box_comment {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.box_selection_process .interview_item .box_comment_2 {
    margin-top: 5px;
}

.box_selection_process .interview_item .box_comment_2 .comment_left {
    width: 100%;
}

.box_selection_process .interview_item .box_hired_status {
    float: left;
    width: 100%;
}

.box_selection_process .interview_item .box_hired_status .hired_caption {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #222222;
    margin-bottom: 5px;
    font-weight: 600;
}

.box_selection_process .interview_item .box_hired_status .hired_person {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 15px;
    color: #03BF7A;
}

.interview_item .box_comment .comment_left,
.interview_item .box_comment .comment_middle,
.interview_item .box_comment .comment_right {
    font-size: 15px;
}

.interview_item .box_comment .comment_left {
    float: left;
    width: 26%;
    min-height: 1px;
    text-align: left;
}

.interview_item .box_comment_2 .comment_left {
    width: 100%;
}

.interview_item .box_comment .comment_middle {
    float: left;
    width: 35%;
    text-align: center;
    min-height: 1px;
}

.interview_item .box_comment .comment_right {
    float: left;
    width: 35%;
    min-height: 1px;
    text-align: center;
}

.interview_item .dynamic_modal_content_source {
    display: none;
}

.interview_item .hiring_status {
    font-weight: 500;
    padding-left: 22px;
}

.interview_item .status_hire {
    background: url('/images/peopledesk_1_0/icons/icon_hire.svg') left center no-repeat;
    background-size: 20px 15px;
}

.interview_item .status_strong_hire {
    background: url('/images/peopledesk_1_0/icons/icon_strong_hire.svg') left center no-repeat;
    background-size: 20px 15px;
}

.interview_item .status_no_hire {
    background: url('/images/peopledesk_1_0/icons/icon_no_hire.svg') left center no-repeat;
    background-size: 20px 15px;
}

.interview_item .status_strong_no_hire {
    background: url('/images/peopledesk_1_0/icons/icon_strong_no_hire.svg') left center no-repeat;
    background-size: 20px 15px;
}

.interview_item a.view_score_card {
    color: #3D85F9;
}

.interview_item a.view_score_card:hover {
    color: #1F6FF0;
    text-decoration: none;
}

.profile_tab_content_left .applied_profile {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.profile_tab_content_left .applied_profile span,
.profile_tab_content_left .applied_profile select {
    display: inline-block;
}

.profile_tab_content_left .applied_profile span {
    font-size: 16px;
    font-weight: 500;
    color: #131313;
    margin-right: 12px;
}

.profile_tab_content_left .applied_profile select {
    width: auto;
    padding-right: 40px;
    max-width: 500px;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}








/* Add to position modal */

.add_to_position_modal {}

.add_to_position_modal .modal-dialog {
    max-width: 525px;
}

.add_to_position_modal .modal-body {
    position: relative;
    padding: 40px 30px 30px 30px;
}

.add_to_position_modal .form_modal_container {
    float: left;
    width: 100%;
}

.add_to_position_modal .form_modal_container .alert {
    /*display: none;*/
}

/* For internal jop posttion change */
.form_row_ijp{
    float:left;
    width:100%;
    display: none;
}










/* View scorecard modal */

.view_score_card_modal {}

.view_score_card_modal .modal-dialog {
    max-width: 525px;
}

.view_score_card_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.view_score_card_modal .form_modal_container {
    float: left;
    width: 100%;
}

.view_score_card_modal .form_modal_container .alert {
    /*display: none;*/
}

.view_score_card_modal .box_left {
    float: left;
    width: 50%;
}

.view_score_card_modal .box_right {
    float: left;
    width: 50%;
}

.view_score_card_modal .form-group:first-child {
    border-color: transparent;
}

.view_score_card_modal .form-group {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: solid 1px #DDDFDF;
}

.view_score_card_modal .form-group label {
    margin-bottom: 0;
}















/* Assess Interview modal */

.assess_interview_modal {}

.assess_interview_modal .modal-dialog {
    max-width: 650px;
}

.assess_interview_modal .modal-body {
    position: relative;
    padding: 40px 30px 30px 30px;
}

.assess_interview_modal .form_modal_container {
    float: left;
    width: 100%;
}

.assess_interview_modal .form_modal_container .alert {
    /*display: none;*/
}

.assess_interview_modal .btn_blue {
    float: right;
    /*width: 50%;*/
}

.assess_interview_modal .btn_danger_outline {
    float: right;
    width: 48%;
    background-color: transparent;
    border: solid 1px #DDDFDF;
    color: #D62839;
    font-size: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
}

.assess_interview_modal .btn_danger_outline:hover,
.assess_interview_modal .btn_danger_outline:focus {
    color: #FFF;
    background-color: #D62839;
}

.assess_interview_modal .or_text {
    float: left;
    width: 100%;
    margin: 12px 0;
    line-height: 1em;
}

.assess_interview_modal .hiring_status_box {
    float: left;
    width: 100%;
}

.assess_interview_modal .hiring_status_box .box_full {
    width: 100%;
}

.assess_interview_modal .hiring_status_box .box_left {
    float: left;
    width: 48%;
}

.assess_interview_modal .hiring_status_box {
    margin-bottom: 5px;
}

.assess_interview_modal .hiring_status_box .radio_box {
    float: left;
    width: 25%;
    padding-right: 10px;
}

.assess_interview_modal .hiring_status_box .box_left .radio_box:first-child,
.assess_interview_modal .hiring_status_box .box_right .radio_box:first-child {
    margin-bottom: 15px;
}

.assess_interview_modal .hiring_status_box .box_right {
    float: right;
    width: 48%;
}

.assess_interview_modal .hiring_status_box .hiring_status {
    float: left;
    width: 100%;

    padding: 5px 5px;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
}

.assess_interview_modal .hiring_status_box .hiring_status span {
    padding-left: 20px;
    background: 6px center no-repeat;
    background-size: 18px 18px;
    width: 100%;
    float: left;
    line-height: 1.2em;
    padding-right: 11px;
}

.assess_interview_modal .hiring_status_box .radio_box input[type="radio"] {
    /*display: none;*/
    height: 1px;
    width: 1px;
    opacity: 0;
    position: absolute;
}

.assess_interview_modal .hiring_status_box label {
    margin-bottom: 0;
    font-size: 12px;
}


.assess_interview_modal .hiring_status_box .hiring_status.button_hire {
    border: solid 1px #02B875;
    color: #02B875;
}

.assess_interview_modal .hiring_status_box .hiring_status.button_strong_hire {
    border: solid 1px #02B875;
    color: #02B875;
}

.assess_interview_modal .hiring_status_box .hiring_status.button_no_hire {
    border: solid 1px #EE001C;
    color: #EE001C;
}

.assess_interview_modal .hiring_status_box .hiring_status.button_strong_no_hire {
    border: solid 1px #EE001C;
    color: #EE001C;
}

.assess_interview_modal .hiring_status_box .hiring_status.button_strong_hire span {
    background-image: url('/images/peopledesk_1_0/icons/icon_strong_hire.svg');
}

.assess_interview_modal .hiring_status_box .hiring_status.button_hire span {
    background-image: url('/images/peopledesk_1_0/icons/icon_hire.svg');
}

.assess_interview_modal .hiring_status_box .hiring_status.button_no_hire span {
    background-image: url('/images/peopledesk_1_0/icons/icon_no_hire.svg');
}

.assess_interview_modal .hiring_status_box .hiring_status.button_strong_no_hire span {
    background-image: url('/images/peopledesk_1_0/icons/icon_strong_no_hire.svg');
}

.assess_interview_modal .assess_interview_form .help-block.form-error {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.assess_interview_modal .assess_interview_form .interview_prospect {
    width: 100%;
    margin-bottom: 10px;
}

.assess_interview_modal .assess_interview_form .interview_prospect span {
    font-weight: 600;
}

.confirm_reject_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    z-index: 1100;
    position: relative;
}

.confirm_interview_reject_modal {
    font-size: 19px;
    background: rgba(0, 0, 0, 0.6);
}

.confirm_interview_reject_modal .modal-dialog {
    width: 500px;
}

.confirm_interview_reject_modal .modal-body {
    position: relative;
    padding: 30px 30px 30px 30px;
}

.confirm_interview_reject_modal .form_modal_container {
    float: left;
    width: 100%;
}

.confirm_interview_reject_modal .form_modal_container form {
    float: left;
    width: 100%;
}

.confirm_interview_reject_modal .cadidate_box {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.confirm_interview_reject_modal .cadidate_box .cadidate_name {
    font-weight: 600;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.confirm_interview_reject_modal .cadidate_box .cadidate_role {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.confirm_interview_reject_modal .cadidate_box .cadidate_round {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.confirm_interview_reject_modal #button_confirm_interview_reject {
    width: 100%;
}

.confirm_interview_reject_data {
    display: none;
}






/*.confirm_reject_wrapper .confirm_reject_modal {
    float: left;
    width: 500px;
    position: relative;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    padding: 10px;
    background: #FFF;
}*/


/* Checked state */

.assess_interview_modal .hiring_status_box input:checked+label.hiring_status,
.assess_interview_modal .hiring_status_box input:hover+label.hiring_status {
    color: #FFF;
}

.assess_interview_modal .hiring_status_box input:checked+label.hiring_status.button_strong_hire,
.assess_interview_modal .hiring_status_box input:hover+label.hiring_status.button_strong_hire {
    background-color: #02B875;
}

.assess_interview_modal .hiring_status_box input:checked+label.hiring_status.button_hire,
.assess_interview_modal .hiring_status_box input:hover+label.hiring_status.button_hire {
    background-color: #02B875;
}

.assess_interview_modal .hiring_status_box input:checked+label.hiring_status.button_strong_no_hire,
.assess_interview_modal .hiring_status_box input:hover+label.hiring_status.button_strong_no_hire {
    background-color: #EE001C;
}

.assess_interview_modal .hiring_status_box input:checked+label.hiring_status.button_no_hire,
.assess_interview_modal .hiring_status_box input:hover+label.hiring_status.button_no_hire {
    background-color: #EE001C;
}

.assess_interview_modal .hiring_status_box input:checked+label.hiring_status.button_strong_hire span,
.assess_interview_modal .hiring_status_box input:hover+label.hiring_status.button_strong_hire span {
    background-image: url('/images/peopledesk_1_0/icons/icon_strong_hire_white.svg');
}

.assess_interview_modal .hiring_status_box input:checked+label.hiring_status.button_hire span,
.assess_interview_modal .hiring_status_box input:hover+label.hiring_status.button_hire span {
    background-image: url('/images/peopledesk_1_0/icons/icon_hire_white.svg');
}

.assess_interview_modal .hiring_status_box input:checked+label.hiring_status.button_strong_no_hire span,
.assess_interview_modal .hiring_status_box input:hover+label.hiring_status.button_strong_no_hire span {
    background-image: url('/images/peopledesk_1_0/icons/icon_strong_no_hire_white.svg');
}

.assess_interview_modal .hiring_status_box input:checked+label.hiring_status.button_no_hire span,
.assess_interview_modal .hiring_status_box input:hover+label.hiring_status.button_no_hire span {
    background-image: url('/images/peopledesk_1_0/icons/icon_no_hire_white.svg');
}

.assess_interview_modal .form-group {
    float: left;
    width: 100%;
}
.dynamic_skills_container .form-group{
    padding-bottom: 5px;
    border-bottom: solid 1px #DDDFDF;
    margin-bottom: 15px;
}

.assess_interview_modal .form-group>.box_left {
    float: left;
    width: 30%;
    margin-right: 25px;
}

.assess_interview_modal .form-group>.box_right {
    float: left;
    width: 50%;
}

.assess_interview_modal .interview_comments_field{
    float:left;
    width:100%;
    margin: 10px 0 10px 0;
}
.assess_interview_modal .interview_comments_text{
    float:left;
    width:100%;
    margin: 10px 0 10px 0;
}

.view_score_card_modal .interview_comments_text{
    float:left;
    width:100%;
    margin: 5px 0 10px 0;
}

.view_score_card_modal .interview_comments_text .interview_comments_text_caption{
    float:left;
    width: 100%;
    font-size:14px;
    font-weight: 500;
    color: #131313;
}
.view_score_card_modal .interview_comments_text .interview_comments_text_content{
    float:left;
    width: 100%;
    font-size:14px;
    color: #131313;
}

.assess_interview_modal .interview_comments_field .form-control {
    font-size: 14px;
    padding: 8px 20px;
}

.reject_single_candidate_modal .form-group>.box_left {
    float: none;
    width: 30%;
    margin-right: 25px;
    display: inline-block;
}

.reject_single_candidate_modal .form-group>.box_right {
    float: none;
    width: 50%;
    display: inline-block;
}







/*.assess_interview_modal .form-group.form_group_border{
    border-bottom: solid 1px #DDDFDF;
    padding-bottom: 5px;
}*/

.listing_table_container .dynamic_modal_content_source {
    display: none;
}

.listing_table_container .dynamic_modal_content_contract {
    display: none;
}

.listing_table_container .dynamic_modal_content_approval {
    display: none;
}

.listing_table_container .dynamic_modal_content_approval_temp {
    display: none;
}

.listing_table_container .dynamic_modal_content_approval_hrops_temp {
    display: none;
}

.listing_table_container .dynamic_modal_content_documents {
    display: none;
}

.star_rating_input {
    opacity: 0;
}





/* Hire prospect modal */

.hire_prospect_modal {}

.hire_prospect_modal .modal-dialog {
    max-width: 500px;
}

.hire_prospect_modal .modal-body {
    position: relative;
    padding: 40px 30px 30px 30px;
}

.hire_prospect_modal .form_modal_container {
    float: left;
    width: 100%;
}

.hire_prospect_modal .btn_blue {
    float: left;
    width: 48%;
}

.hire_prospect_modal .btn_danger_outline {
    float: left;
    width: 48%;
    margin-right:4%;
    background-color: transparent;
    border: solid 1px #DDDFDF;
    color: #D62839;
    font-size: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
}

.hire_prospect_modal .btn_danger_outline:hover,
.hire_prospect_modal .btn_danger_outline:focus {
    color: #FFF;
    background-color: #D62839;
}





/* Edit prospect profile modal */

.edit_profile_modal {}

.edit_profile_modal .modal-dialog {
    max-width: 600px;
}

.edit_profile_modal .modal-body {
    position: relative;
    padding: 40px 30px 30px 30px;
}

.edit_profile_modal .form_modal_container {
    float: left;
    width: 100%;
}

.edit_profile_modal .form_modal_container .alert {
    /*display: none;*/
}

.edit_profile_modal .form_modal_container .form-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.edit_profile_modal .form_modal_container .form-row .form-group {
    width: 100%;
}
#employee_status_fields_container{
    display: none;
    width:100%;
}

.prospects_page .ui-datepicker{
    z-index: 20 !important;
}




/* Employee profile */

.level_2_profile_tab_content .box_job {
    float: left;
    width: 100%;
}

.level_2_profile_tab_content .box_job .font_bold {
    color: #131313;
    font-weight: 500;
}

.level_2_profile_tab_content .box_job .box_job_left {
    float: left;
    width: 50%;
}

.level_2_profile_tab_content .box_job .box_job_right {
    float: left;
    width: 50%;
}

.box_level_2_tab_content .box_job_left .field .field_left {
    width: 50%;
}

.box_job .box_organisation_structure {
    float: right;
    width: 350px;
    padding: 25px 15px 25px 15px;
    background-color: #F9F9F9;
}

.box_job .box_organisation_structure .box_organisation_caption {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    margin: 5px 0 15px 0;
}

.box_member_hierarchy {
    float: left;
    width: 100%;
    padding: 0 50px;
}

.box_member_hierarchy .member_item {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 5px;
    background-color: #FFF;
    border: solid 1px #DDDFDF;
    border-radius: 2px;
}

.box_member_hierarchy .member_item .name {
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    color: #3D85F9;
}

.box_member_hierarchy .member_item .designation {
    float: left;
    width: 100%;
    font-weight: 300;
    color: #131313;
    font-size: 16px;
}

.box_member_hierarchy .member_item_divider {
    float: left;
    width: 100%;
}

.box_member_hierarchy .member_item_divider span {
    margin: 0 auto;
    height: 50px;
    width: 4px;
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #DDDFDF;
}

.profile_top_wrapper.profile_for_employee .level_1_profile_tab li a {
    color: #3D85F9;
}

.profile_top_wrapper.profile_for_employee .level_1_profile_tab li.active a,
.profile_top_wrapper.profile_for_employee .level_1_profile_tab li:hover a {
    border-color: #3D85F9;
    color: #3D85F9;
}

.profile_top_wrapper.profile_for_candidate .level_1_profile_tab li a {
    color: #03BF7A;
}

.profile_top_wrapper.profile_for_candidate .level_1_profile_tab li.active a,
.profile_top_wrapper.profile_for_candidate .level_1_profile_tab li:hover a {
    border-color: #03BF7A;
    color: #03BF7A;
}





/* Send offer letter */

#employee_activity_item_error_container,
#candidate_activity_item_error_container,
#min_form_option_error_contaienr {
    float: left;
    width: 100%;
}

.tab_forms_container.send_offer_letter_container,
.tab_forms_container.send_offer_letter_container .tab_navigation {
    max-width: 1200px;
}

.tab_forms_container.send_offer_letter_container .tab_navigation ul li::after {
    padding: 0 25px;
}

.send_offer_letter_container #tab_content_1 {}

.send_offer_letter_container #tab_content_1 .file_upload_input_container .file_upload_input {
    width: 175px;
    height: 175px;
    padding: 10px;
    background-color: #DCDCDC;
    background-image: url('/images/peopledesk_1_0/icons/icon_offer_letter_upload.svg');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: center 40px;
}

.send_offer_letter_container #tab_content_1 .file_upload_input_container .file_upload_input .file_caption {
    color: #8C8C8C;
    width: 100%;
    text-align: center;
    margin-top: 120px;
}

.send_offer_letter_container #tab_content_1 .file_upload_input_container {
    width: auto;
}

.send_offer_letter_container #tab_content_1 .or_text {
    float: left;
    font-size: 25px;
    color: #8C8C8C;
    margin: 60px 10px 0 160px;
}

.send_offer_letter_container .candidate_name_main {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    box-shadow: 0 6px 6px -7px #1d1b1b;
}

.send_offer_letter_container .candidate_name {
    float: left;
    width: 100%;
}

.send_offer_letter_container .candidate_name_main .candidate_name_text {
    float: left;
    font-size: 25px;
    color: #131313;
    font-weight: 600;
    margin-left: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
}

.send_offer_letter_container .forms_to_be_filled {}

.send_offer_letter_container.tab_forms_container .tab_navigation {}

.forms_to_be_filled .filled_field {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.forms_to_be_filled .filled_field label {
    float: left;
    width: 100%;
}

.forms_to_be_filled .filled_field .filled_field_label {
    float: left;
    font-style: normal;
    font-size: 20px;
    color: #131313;
    font-weight: 300;
    width: calc(100% - 20px);
}

.send_offer_letter_container .tab_form .tab_content .pro_tip_container {
    margin-top: 0;
}

.send_offer_letter_container .activity_container {
    float: left;
    width: 84%;
    margin-bottom: 25px;
}

.send_offer_letter_container .activity_container .activity_panel_caption {
    float: left;
    width: 50%;
    font-size: 21px;
    color: #131313;
    margin-bottom: 5px;
}

.send_offer_letter_container .activity_container .activity_panel_link {
    float: right;
    font-size: 17px;
    color: #3D85F9;
    margin-top: 6px;
    background-image: url('/images/peopledesk_1_0/icons/icon_blue_plus.svg');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
}

.send_offer_letter_container .activity_container .activity_item_link {
    float: left;
    font-size: 15px;
    color: #3D85F9;
    background-image: url('/images/peopledesk_1_0/icons/icon_blue_plus.svg');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
}

.send_offer_letter_container .activity_container .activity_panel_link:hover,
.send_offer_letter_container .activity_container .activity_item_link:hover {
    color: #1259CC;
    text-decoration: none;
    background-image: url('/images/peopledesk_1_0/icons/icon_blue_plus_hover.svg');
}

.send_offer_letter_container .activity_container .activity_item {
    float: left;
    width: 100%;
}

.send_offer_letter_container .activity_container .activity_item .item_caption {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.send_offer_letter_container .activity_container .activity_item .item_caption span {
    color: #131313;
    width: 80%;
    float: left;
    font-size: 19px;
}

.send_offer_letter_container .activity_container .activity_item .delete_activity_icon {
    float: right;
    text-align: right;
    color: #f35b69;
    font-size: 20px;
    line-height: 1em;
    margin-top: 5px;
    cursor: pointer;
    margin-right: 6px;
}

.send_offer_letter_container .activity_container .activity_item .delete_activity_icon:hover {
    color: #e81024;
}

.send_offer_letter_container .activity_container .activity_item .form-control {
    width: 49%;
    float: left;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.send_offer_letter_container .activity_container .activity_item .form-control:nth-child(2n+1) {
    margin-left: 2%;
}

.send_offer_letter_container .activity_item_container {
    float: left;
    width: 100%;
}

.send_offer_letter_container .activity_item_container .activity_item:first-child .delete_activity_icon {
    display: none;
}

.send_offer_letter_container .candidate_details_panel {
    float: left;
}

.send_offer_letter_container .candidate_details_panel .panel_caption {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #131313;
    margin-bottom: 15px;
}

.send_offer_letter_container .candidate_details_panel .candidate_name {
    float: left;
    width: 100%;
    font-size: 23px;
    color: #131313;
    font-weight: 500;
}

.send_offer_letter_container .candidate_details_panel .candidate_role {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    font-size: 21px;
}

.send_offer_letter_container .candidate_details_panel .candidate_role span {
    font-weight: 500;
    color: #131313;
}

.send_offer_letter_container .candidate_details_panel .document_item {
    float: left;
    margin-right: 15px;
    width: 200px;
    margin-bottom: 10px;
}

.send_offer_letter_container .candidate_details_panel .document_item .document_caption {
    float: left;
    width: 100%;
    color: #131313;
    font-size: 23px;
}

.send_offer_letter_container .candidate_details_panel .document_item .document_image {
    float: left;
    width: 100%;
    max-width: 175px;
    margin: 5px 0;
    border: solid 1px #DDDFDF;
    border-radius: 5px;
    overflow: hidden;
}

.send_offer_letter_container .candidate_details_panel .document_item .document_image img {
    max-width: 100%;
}

.send_offer_letter_container .candidate_details_panel .offer_dates {
    float: left;
    width: 100%;
    max-width: 520px;
    font-size: 20px;
}

.send_offer_letter_container .candidate_details_panel .offer_dates span {
    float: right;
}

.send_offer_letter_container .candidate_details_panel .offer_dates span:not(.text-success) {
    color: #131313;
}

.send_offer_letter_container .candidate_details_panel .preview_button {
    margin-bottom: 25px;
    min-width: 130px;
}

.send_offer_letter_container .box_acitivity_list {
    float: right;
    width: 340px;
    border: solid 1px #DDDFDF;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 25px;
}

.send_offer_letter_container .box_acitivity_list .head_panel {
    float: left;
    width: 100%;
    text-align: center;
    color: #131313;
    background-color: #ECF1EF;
    padding: 10px 10px;
    font-size: 21px;
    font-weight: 500;
}

.send_offer_letter_container .box_acitivity_list .content_panel {
    float: left;
    width: 100%;
}

.send_offer_letter_container .box_acitivity_list .content_panel ul {
    float: left;
    width: 100%;
    padding-left: 20px;
}

.send_offer_letter_container .box_acitivity_list .content_panel ul li {
    float: left;
    width: 100%;
    font-size: 18px;
}

.send_offer_letter_container .tab_form .tab_content .button_submit {
    margin-top: 30px;
    min-width: 350px;
}




/* Time Picker */

.ui-timepicker-table td a {
    width: 2.2em;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #186cf3;
    color: #fff !important;
}

.ui-timepicker-table th.periods {
    padding: 0.5em;
    width: 2.2em;
}

.ui-timepicker-table td span {
    width: 2.2em;
}
.ui-timepicker-table td.ui-timepicker-hours{
    padding-right: 10px;
}



/* Beta alert */

.beta_alert_container {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

.beta_alert_container .beta_alert_box {
    float: left;
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px 10px 0px 10px;
}

.beta_alert_container .beta_alert_box .beta_alert {
    float: left;
    width: 100%;
    padding: 10px 40px 10px 70px;
    color: #FF6923;
    font-size: 17px;
    font-weight: 500;
    border: solid 1px #FF6923;
    background: url(/images/peopledesk_1_0/icons/icon_beta_alert.svg) 42px 12px no-repeat;
    background-size: 22px 21px;
}

.beta_alert_container .beta_alert_box .beta_alert a {
    color: #FF6923;
}

.beta_alert_container .beta_alert_box .beta_alert a:hover {
    text-decoration: none;
    color: #FF6923;
    font-weight: 600;
}

.beta_alert_container .beta_alert_box .beta_alert .btn_beta,
.beta_alert_container .beta_alert_box .beta_alert .btn_beta:hover {
    cursor: auto;
}

.login_header_wrapper .btn_beta,
.btn_beta {
    background-color: #3D85F9;
    color: #FFF;
    display: none;
}

.login_header_wrapper .btn_beta:hover,
.login_header_wrapper .btn_beta:focus,
.btn_beta:hover,
.btn_beta:focus {
    background-color: #3D85F9;
    color: #FFF;
}


/** View Position Details **/

.position_view_panel {
    float: left;
    width: 100%;
    padding-bottom: 25px;
    padding-left: 2%;
    padding-right: 2%;
}

.position_view_panel .position_top_panel {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 18px;
}

.position_view_panel .position_top_panel .box_left{
    float:left;
    width:70%;
}
.position_view_panel .position_top_panel .box_right{
    float:left;
    width:30%;
}

.position_view_panel .position_top_panel .main_caption {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #131313;
    margin-bottom: 5px;
}

.position_view_panel .position_top_panel .main_caption span {
    float: left;
    font-weight: 500;
}

.position_view_panel .position_top_panel .main_caption span.badge {
    font-weight: 500;
    float: left;
    width: auto;

    font-size: 14px;
    color: #FFFFFF;
    padding: 5px 15px;
    border-radius: 15px;
    margin-top: 6px;
    margin-left: 15px;
}

.position_view_panel .position_top_panel .main_caption span.badge.for_approval_badge {
    background-color: #44B0E1;
}

.item_value .ijp_info_text {
    color: #44B0E1;
}

.position_view_panel .position_top_panel .main_caption span.badge.rejected_badge {
    background-color: #E14444;
}

.position_view_panel .position_top_panel .sub_caption {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #A6A6A6;
}

.position_view_panel .box_job_description {
    float: left;
    width: calc(60% - 25px);
    margin-right: 25px;
}

.position_view_panel .box_job_details {
    float: left;
    width: 40%;
}

.position_view_panel .box_details {
    border: solid 1px #DDDFDF;
    border-radius: 5px;
}

.position_view_panel .box_details .box_title {
    float: left;
    width: 100%;
    background-color: #F0F0F0;
    padding: 10px 25px;
    color: #131313;
    font-size: 20px;
    font-weight: 500;
}

.position_view_panel .box_description_content {
    float: left;
    padding: 25px 25px;
    word-break: break-all;
}
.position_view_panel.position_view_panel_edit .box_description_content{
    width:100%;
    height: 100%;
}
.position_view_panel .box_description_content p {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #131313;
    margin-bottom: 5px;
}
.position_view_panel .box_description_content h1,
.position_view_panel .box_description_content h2,
.position_view_panel .box_description_content h3{
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}
.position_view_panel .box_description_content h4,
.position_view_panel .box_description_content h5,
.position_view_panel .box_description_content h6{
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18px;
}
.position_view_panel .box_description_content ul,
.position_view_panel .box_description_content ol{
    padding-left:30px;
    margin-bottom: 10px;
}
.position_view_panel .box_description_content ul li,
.position_view_panel .box_description_content ol li{
    margin-bottom: 5px;
}

.position_view_panel .job_detail_container {
    float: left;
    width: 100%;
    padding: 20px 25px;
}

.position_view_panel .job_detail_container .job_detail_item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.job_detail_item .item_caption {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #131313;
}

.job_detail_item .item_value {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #131313;
}

.position_view_panel .box_job_hiring_process {
    margin-top: 25px;
    float: left;
    width: 100%;
}

.position_view_panel .box_job_hiring_process_container {
    float: left;
    width: 100%;
    padding: 15px 25px;
}

.box_job_hiring_process_container .box_left {
    float: left;
    width: 50%;
}

.box_job_hiring_process_container .box_right {
    float: left;
    width: 50%;
}

.box_job_hiring_process_container .interview_item {
    float: left;
    width: 75%;
    margin-bottom: 20px;
}

.box_job_hiring_process_container .interview_item .caption {
    float: left;
    width: 100%;
    font-weight: 500;
    margin-bottom: 10px;
    color: #131313;
    font-size: 18px;
}

.box_job_hiring_process_container .interview_item .value {
    float: left;
    width: 100%;
    padding: 6px 24px;
    border: solid 1px #E6E6E6;
    color: #FF6923;
    background-color: #FFF;
    border-radius: 5px;
    font-size: 16px;
    max-width: 320px;
}

.box_job_hiring_process_container .interview_item .value+.value {
    margin-top: 15px;
}

.box_job_hiring_process_container .interview_item .value.inactive {
    background-color: #E6E6E6;
}

.box_job_hiring_process_container {}

.box_job_hiring_process_container .pro_tip_container {
    float: left;
    width: 350px;
    border: solid 1px #DDDFDF;
    border-radius: 5px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 32px;
}

.box_job_hiring_process_container .pro_tip_title {
    float: left;
    width: 100%;
    padding: 10px 15px 10px 40px;
    background-color: #F3F3F3;
    border-bottom: solid 1px #DDDFDF;
    font-weight: 500;
    background-image: url('/images/peopledesk_1_0/icons/icon_pro_tip.svg');
    background-position: 8px 7px;
    background-repeat: no-repeat;
    background-size: 23px 25px;
}

.box_job_hiring_process_container .pro_tip_text {
    float: left;
    padding: 10px 15px;
    font-size: 15px;
}


/** Position Screens **/
.listing_dropdown{

}
.listing_dropdown .btn.btn_listing_dropdown{
    /*background-color: #3D85F9;*/
    /*color: #FFF;*/
    background-color:transparent;
    border:solid 1px #CCC;
    color:#0a93d5;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 14px;
}
.listing_dropdown .dropdown-menu{
    padding:10px 10px;
    border:solid 1px #E6E6E6;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 3px #EBEDEC;
    min-width: 9rem;
    
    /*max-width: 9rem;*/
}
.listing_dropdown .dropdown-menu .dropdown-item{
    border-bottom: solid 1px #DEDEDE;
    padding:5px 10px 5px 10px;
    font-size:14px;
}
.listing_dropdown .dropdown-menu > .dropdown-item:last-of-type{
    border-bottom: none;
}
.listing_dropdown .checkbox{
    display: inline-block;
}
.header_checkbox_container.listing_dropdown{
    float:left;
    width:auto;
    position: relative;
    background-color:#EAEBEB;
    padding-left:10px;
    border-radius: 3px;
}
.header_checkbox_container.listing_dropdown .btn_split{
    padding: 5px 10px 5px 0px;
    background-color: transparent;
    color:#BFBFBF;
}
.listing_dropdown input[type="checkbox"]{
    position: absolute;
}
.header_checkbox_container .checkbox span{
    background-color:#fff;
}
.header_checkbox_container .dropdown-menu{
    margin-left: -35px;
}
.box_right .listing_dropdown{
    float:right;
}
.box_right .listing_dropdown .dropdown-menu{
    /*width:100%;*/
}
.listing_panel .position_listing_header .box_left .heading{
    width:auto;
    margin-top: 3px;
}
.position_listing_header .link_view_jobs_details{
    float:left;
    font-size:14px;
    font-weight: 500;
    color:#FF6923;
    margin-top:5px;
}
.position_listing_header .link_view_jobs_details:hover{
    /*font-weight: 600;*/
}
.listing_panel .position_listing_header .box_left .heading_text{
    margin-top:10px;
}
.no_dropdown_icon .dropdown-toggle::after{
    border:none;
}
.listing_panel .listing_header .box_right.no_margin_top{
    margin-top:0;
}
.position_status_dropdown{
    float:left;
    margin-left: 25px;
    margin-right: 25px;
}
.position_status_dropdown .btn_green{
    border-radius: 30px;
    padding: 4px 14px;
    margin-top: 4px;
    font-size: 13px;
    min-width: 120px;
    line-height: 1.2em;
}
.position_status_dropdown .btn_green:hover{

}
.position_status_form{

}
.position_status_select{
    min-width: 120px;
}
.position_status_form  {

}
.position_status_form .select2-container--default .select2-selection--single{
    border-radius: 15px;
    border:none;
}
.position_status_form .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 3px 5px 3px 15px;
    /*background-color: #07BC77;*/
    border: none;
    color: #FFF;
    border-radius: 15px;
    font-size:14px;
}
.position_status_form .select2-container--default.active .select2-selection--single .select2-selection__rendered{
    background-color: #03BF7A;
}
.position_status_form .select2-container--default.onhold .select2-selection--single .select2-selection__rendered{
    background-color: #FB9520;
}
.position_status_form .select2-container--default.closed .select2-selection--single .select2-selection__rendered{
    background-color: #E14444;
}




.position_status_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #FFF transparent transparent transparent;
    margin-left: -13px;
    margin-top: -11px;
    border-width: 8px 6px 0 6px;
}

/* UAT Changes */
.schedule_interview_modal .pro_tip_container {
    float: left;
    width: 100%;
    border: solid 1px #DDDFDF;
    border-radius: 5px;
    position: relative;
    margin-bottom: 15px;
}

.schedule_interview_modal .pro_tip_container .pro_tip_title {
    float: left;
    width: 100%;
    padding: 10px 15px 10px 40px;
    background-color: #F3F3F3;
    border-bottom: solid 1px #DDDFDF;
    font-weight: 500;
    background-image: url('/images/peopledesk_1_0/icons/icon_pro_tip.svg');
    background-position: 8px 7px;
    background-repeat: no-repeat;
    background-size: 23px 25px;
}

.schedule_interview_modal .pro_tip_container .pro_tip_text {
    float: left;
    padding: 10px 15px;
    font-size: 15px;
}


.listing_empty_container{
    float:left;
    width:100%;
    color:#8C8C8C;
    font-size:21px;
}
.listing_empty_container .box_image{
    float:left;
    width:100%;
    text-align: center;
    padding:10px 0;
}
.listing_empty_container .box_text{
    float:left;
    width:100%;
    text-align: center;
    padding-top:20px;
    padding-bottom: 10px;
}
.listing_empty_container .box_text a{

}
.listing_empty_container .box_text a:hover{
    text-decoration: none;
    font-weight: 500;
}


.recruiter_row .form-control-static{
    font-weight: 600;
}

.recruiter_row label{
    float: left;
    margin-right: 10px;
}

.listing_feedback_icon .text_hire_status {
    width: 19px;
    height: 19px;
    background-size: 19px 19px;
    font-size: 15px;
    padding-left: 24px;
}

.form_static_single{
    display: block;
    width:100%;
    margin-bottom: 15px;
    font-size:17px;
}

.form_static_single .name{
    font-weight: 400;
}
.form_static_single .text{
    font-weight: 500;
    color:#131313;
}
.form_static_single .text_hire_status{
    float: none;
    background-size: 23px auto;
    padding-left: 30px;
    margin-left: 5px;
}
.resume_link_container{
    float:left;
    width:100%;
}
.resume_link_container .resume_link{
    float:left;
    /*width:100%;*/
    padding-left:22px;
    background:url('/images/peopledesk_1_0/icons/icon_resume_link_eye.svg') left center no-repeat;
    background-size: 19px 14px;
    min-height: 22px;
    color:#FF6923;
    
    /*color:inherit;*/
}
.resume_link_container .resume_link.inactive_resume_link{
    background: none;
    padding-left:0;
    /*color:#5e5e5e;*/
}
.resume_link_container a.resume_link:hover{
    text-decoration: none;
    font-weight: 500;
}

#role_level_container .role_level_labels{
    float:left;
    width:100%;
}
#role_level_container .role_level_labels .label_block{
    display: inline-block;
    color: #FFF;
    width: 60px;
    height: 50px;
    text-align: center;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
#role_level_container .role_level_labels .label_block label{
    display: inline-block;
    color: #8C8C8C;
    background-color: #FFF;
    border:solid 1px #DDDFDF;
    border-radius: 3px;
    padding: 14px 5px;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-bottom: 0px;
    cursor: pointer;
}
#role_level_container .role_level_labels .label_block input[type='radio']:checked+label{
    color:#FFF;
    background-color: #3D85F9;
    border-color: transparent;
}
#role_level_container .role_level_labels .label_block input[type='radio']{
    position: absolute;
    width:1px;
    opacity: 0;
}
#position_form #tab_content_1 .box_left{
    width:55%;
}
#position_form #tab_content_1 .box_right{
    width:45%;
}


/** Approver / Reject Positions form **/
.approve_reject_position_form{
    float:right;
    /*width:100%;*/
}
.approve_reject_position_form .btn{
    float:left;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
}
.approve_reject_position_form .btn_blue{
    margin-right: 15px;
}
.approve_reject_position_form .btn_danger_outline{
    width:125px;
}

.approve_position_modal .modal-dialog,
.reject_position_modal .modal-dialog{
    width:500px;
}

/* Onboard Comingsoon Modal */
#onboard_comingsoon_modal .modal-dialog{
    width:100%;
    max-width: 1000px;
}

#onboard_comingsoon_modal .modal_comingsoon_container{
    float:left;
    width:100%;
    padding:25px 0;
}
#onboard_comingsoon_modal .modal_comingsoon_container .image_panel{
    float:left;
    width:100%;
    text-align: center;
}
#onboard_comingsoon_modal .modal_comingsoon_container .text_panel{
    float:left;
    width:100%;
    text-align: center;
    color:#000000;
    font-size:24px;
    font-weight: 500;
    margin:40px 0 15px 0;
}


/* Edit checkin or checkout */
#modify_attendance_modal .modal-dialog,
#reason_for_rejection_modal .modal-dialog{
    max-width: 500px;
}

/* Bootstrap Datetime Picker */
#modify_attendance_form .bootstrap-datetimepicker-widget.dropdown-menu {
    min-width: 220px;
}

.approval_attendance_desktop .pd_hidden_td,
.desk_att_details .image_box.tx_c{
    display: none;
}





/* TinyMCE Modification */
body .mce-panel{
    border-color:#DDDFDF;
    box-shadow: none;
}

/* Candidates Popover */
.popover{
    max-width: 320px;
}
.popover-body{
    padding: 0;
}
.listing_popover{
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    float:left;
    width:100%;
    max-height: 250px;
    overflow: auto;
}
.listing_popover ul{
    padding-left:0px;
    margin-bottom: 0;
    margin-left:0;
    float:left;
    width:100%;
}
.listing_popover ul li{
    float: left;
    width: 100%;
    list-style: none;
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 10px;
    background-color: #F6F8F7;
}
.listing_popover ul li:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}


/* Add multiple candidates */
.selected_position_container{
    float:left;
    width:100%;
    padding:10px;
    border:solid 1px #E4E4E4;
}
.selected_position_container .box_title{
    float:left;
    width:100%;
    font-size:25px;
    color:#131313;
    font-weight: 500;
}
.selected_position_container .box_sub_title{
    float:left;
    width:100%;
    font-size:17px;
    color:#5E5E5E;
}
.selected_position_container .selected_candidates_list{
    float:left;
    width:80%;
    padding:5px;
    max-height: 250px;
    overflow: auto;
}
.selected_position_container .selected_candidates_button{
    float:left;
    width:20%;
}
.selected_position_container .selected_candidates_button .btn{
    float:right;
}
.selected_position_container .selected_candidate{
    float:left;
    padding:5px 10px;
    font-size:17px;
    color:#FFFFFF;
    background-color:#FF6923;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.selected_position_container .selected_candidate .name{
    float:left;
}
.selected_position_container .selected_candidate .icon{
    float:left;
    width:10px;
    height: 10px;
    padding-top:10px;
    padding-left:10px;
    padding-right: 10px;
    padding-bottom: 10px;
    cursor:pointer;
    background: url('/images/peopledesk_1_0/icons/icon_candidate_close.svg') center center no-repeat;
    background-size:10px 10px;
    margin-top:3px;
    margin-left:10px;
}

.listing_table_container a.add_candidate_link {

}

.listing_panel .listing_table_container .action_links_container a.candidate_added_link, 
.listing_panel .listing_table_container .column_link a.candidate_added_link{
    color:#03BF7A;
    background:url('/images/peopledesk_1_0/icons/icon_candidate_added.svg') left center no-repeat;
    background-size: 18px 12px;
    padding-left:20px;
    display: none;
}
#canteen_session
{
    background: #fff !important;
}


.box_form_content .no_padding_left {
    padding-left: 0;
}

.box_form_content .no_padding_right {
    padding-right: 0;
}
/* Job Family Code Styles */
.job_family_code_out {
    width: 100%; 
    float: left; 
    padding: 0 10px;
}
.job_family_code { 
    width: 100%; 
    float: left; 
    border:1px solid #e6e8e8; 
    border-radius: 7px; 
    margin-bottom: 1rem; 
}
.job_family_code .select2-container{
    width:100% !important;
}

.job_family_code .title_text_out {
    width: 100%;
    float: left;
    padding: 15px 35px;
}
.job_family_code .title_text { 
    width: 100%; 
    float: left; 
    font-size: 18px; 
    font-weight: 600; 
    color: #3d85f9; 
    padding-bottom: 2px; 
}

.job_family_code .title_sub { 
    width: 100%; 
    float: left; 
    font-size: 16px;
    color: #555555;
    margin-bottom: 0; 
}


.job_family_code .box_in { 
    width: 100%; 
    float: left; 
    background-color:#f2f2f2; 
    padding: 15px 35px 0 35px; 
}

.job_family_code .box_in label { 
    font-size: 15px; 
}

.job_family_code .box_in .select2-container--default .select2-selection--single .select2-selection__rendered { 
    font-size: 15px; 
    padding: 10px 15px; 
    height: 42px;
}

.job_family_code .box_in .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #DDDFDF transparent transparent transparent;
    /*margin-left: -18px;
    margin-top: -8px;
    border-width: 7px 5px 0 5px;*/
}


/*  */
.profile_content_panel2 .content_panel_medium { 
    padding-bottom: 0; 
    margin-bottom: -1px; 
}

.profile_content_panel2 .profile_basic_details_panel {
    float: left;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #eaeff3;
    box-shadow: #eaeff3 0 0 2px;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    padding: 13px 45px 20px 45px;
}

.profile_content_panel2 .profile_basic_details_panel .profile_image {
    float: left;
    width: 100px;
    height: 100px;
}

.profile_content_panel2 .profile_basic_details_panel #normal_image {
    border-radius: 50%;
}

.profile_content_panel2 .profile_basic_details_panel .profile_image img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.profile_content_panel2 .profile_basic_details_panel .profile_content {
    float: left;
    padding: 0 25px 0 25px;
    max-width: 800px;
}

.profile_content_panel2 .profile_content_panel { 
    padding-bottom: 0; 
}

.profile_content_panel2 .profile_basic_details_panel .profile_content .name {
    float: left;
    font-size: 28px;
    color: #0D0D0D;
    font-weight: 700;
    margin-bottom: 10px;
}

.profile_content_panel2 .profile_content .field {
    float: left;
    width: 50%;
    font-size: 16px;
    color: #0D0D0D;
    font-weight: 300;
    margin-bottom: 10px;
}

.profile_content_panel2 .profile_content .field:last-child {
    margin-bottom: 0;
}

.profile_content_panel2 .profile_content .field_caption {
    width: auto;
    float: left;
    font-size: 21px;
    padding-right: 25px;
    margin-top: -5px;
}

.profile_content_panel2 .profile_content .field_caption i.fa-mobile {
    font-size: 26px;
}

.profile_content_panel2 .top_panel_border {
    float: left;
    width: 100%;
    height: 1px;
    background-color: #e3eaef;
    box-shadow: #eaeff3 0 -1px 1px;
}

.profile_for_employee .level_1_profile_tab {
    float: left;
    padding: 0;
    width: 100%;
    background-color: #f9fafb;
}

.profile_for_employee .level_1_profile_tab ul {
    float: left;
    width: 100%;
    padding: 0 10px;
}

.profile_for_employee .level_1_profile_tab ul li {
    float: left;
    list-style: none;
}

.profile_for_employee .level_1_profile_tab ul li a {
    float: left;
    font-size: 20px;
    color: #3D85F9;
    padding: 5px 20px 5px 20px;
    border-bottom: solid 3px transparent;
}

.profile_for_employee .level_1_profile_tab ul li:hover a,
.profile_for_employee .level_1_profile_tab ul li.active a {
    border-color: #3D85F9;
    background-color: #f2f4f5;
    text-decoration: none;
    font-weight: 500;
    /*transition: all 250ms ease-in-out; */
}


/* Job Family Structure */

.box_job .job_family_structure {
    padding: 18px 15px;
}

.box_job .job_family_structure .box_organisation_caption {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #000000;
    font-weight: 600;
    margin: 0 0 13px 0;
}

.job_family_structure .box_member_hierarchy {
    float: left;
    width: 100%;
    padding: 0 50px;
}

.job_family_structure .box_member_hierarchy .member_item {
    float: left;
    width: 100%;
    text-align: center;
    padding: 7px 5px 5px 5px;
    background-color: #FFF;
    border: solid 1px #dfe1e1;
    border-radius: 2px;
}

.job_family_structure .box_member_hierarchy .member_item .name {
    float: left;
    width: 100%;
    font-size: 15px; 
    font-weight: 600;
    color: #3D85F9;
    padding-bottom: 1px;
}

.job_family_structure .box_member_hierarchy .member_item .designation {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    color: #131313;
}

.job_family_structure .box_member_hierarchy .member_item_divider {
    float: left;
    width: 100%;
}

.job_family_structure .box_member_hierarchy .member_item_divider span {
    margin: 5px auto;
    height: 45px;
    width: 2px;
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #dfe1e1;
}


.job_family_structure h4 { 
    width: 100%; 
    float: left; 
    font-size: 18px; 
    font-weight: 600; 
    color: #000000; 
    text-align: center; 
    padding-bottom: 15px; 
}

.job_family_structure .box_job { 
    width: 100%; 
    float: left; 
    background-color: #fdfdfd; 
    border: 1px solid #dddfdf; 
    box-shadow: #eaeff3 0 0 1px; 
    border-radius: 5px; 
    padding:7px 0; 
    position: relative; 
    margin-bottom: 55px; 
}

.job_family_structure .box_job .title_text { 
    color: #3d85f9; 
    font-weight: 600; 
    padding-bottom: 4px; 
}

.job_family_structure .box_job .job_text { 
    color: #282828; 
}

.job_family_structure .box_job:last-child { 
    margin-bottom: 0; 
}

.job_family_structure .box_job:after { 
    width: 1px; 
    height: 100%; 
    content: ""; 
    background-color: #dddfdf; 
    position: absolute; 
    bottom: -100%; 
    left: 50%;
}

.job_family_structure .box_job:last-child:after { 
    display: none; 
}


.text_month {
    float: left;
    color: #444;
    font-weight: 500;
    padding: 16px 0 0 0;
}

.custom_select_box2 { 
    cursor: not-allowed; 
    pointer-events: none;
    background-color: #e9ecef;
}



.bg_white,.bg_gray
{
    padding: 43px;
}
.info_section
{
    margin: 15px 0;
}
.info_section h2
{
    margin: 20px 0 40px 0;
    line-height: 40px;
    font-size: 28px;
    font-weight: 600;
    font-family: 'IBM Plex Serif', serif;
    color: #2D2D2D;
}
#login_blade
{
    background: linear-gradient(to right, #fff 50%, #F9F9F9 50%);
}
#login_blade .login_header_wrapper
{
    background: transparent;
    z-index: 100;
}
.log_section
{

     /*height: 100vh;*/
    
}
.bg_gray
{
    background: transparent;
    /*height: 100vh;*/

    
}
.box_login_reset
{
    background: #fff;
    /*padding: 33px;*/
    padding: 25px 30px;
    /*margin: 2% 0 0 0;*/
    border-radius: 2px;
    font-family: 'IBM Plex Sans', sans-serif;
    border:1px solid #F0F0F0;
}
.signin_sub_caption
{
    color: #B2B2B2;
    font-size: 17px;
    margin: 5px 0 15px 0;
}
.signin_sub_caption.signin_sub_caption_create_account{
    font-size: 14px;
    margin-top:10px;
    display: block;
}
.box_login_reset .checkbox label.remember_me_label
{
    color: #B2B2B2;
    font-size: 13px;
}
.box_login_reset .forgot_password_link a
{
    font-size: 13px;
}
.box_login_reset .form-control
{
    padding: 10px;
    font-size: 15px;

}
.remember_me_label span
{
    width: 15px;
    height: 15px;
}
#login_blade .login_header_wrapper {
    box-shadow: none;
}


.hiring_process {
    width: 395px;
    float: right;
    border: 1px solid #F2F2F2;
    border-radius: 6px;
    margin-top: 20px;
}

.hiring_process h3 {
    width: 100%;
    float: left;
    background: #EAF7FF;
    border-radius: 6px 6px 0 0;
    font-size: 13px;
    color: #006699;
    font-weight: 600;
    text-align: center;
    padding: 0;
}

.hiring_process h3 a {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #006699;
    letter-spacing: 0.03em;
    padding: 8px 10px;
}

.hiring_process h3 a span {
    width: 100%;
    float: left;
    font-size: 13px;
    background: url('/images/peopledesk_1_0/icons/icon_toggle_down.svg') no-repeat right center;
    background-size: 10px auto;
}
.hiring_process h3 a.active span {
    background: url('/images/peopledesk_1_0/icons/icon_toggle_up.svg') no-repeat right center;
    background-size: 10px auto;
}
.hiring_process .info_text {
    width: 100%;
    float: left;
    cursor: pointer;
    padding: 15px 20px;
}

.hiring_process .info_text p {
    font-size: 13px;
    color: #AEB2B5;
    line-height: 17px;
    padding: 0;
}

.hiring_process .article_out {
    width: 100%;
    float: left;
    display: none;
}

.hiring_process .article_out .aside {
    width: 100%;
    float: left;
    border-top: 1px solid #f2f2f2;
    position: relative;
}
.hiring_process .article_out .aside:after {
    width: 8px;
    height: 89px;
    float: left;
    background: url('/images/peopledesk_1_0/icons/icon_arrow_yellow.svg') no-repeat bottom center;
    background-size: 8px auto;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: 8;
}
.hiring_process .article_out .aside:nth-child(2):after {
    background: url('/images/peopledesk_1_0/icons/icon_arrow_blue.svg') no-repeat bottom center;
    background-size: 8px auto;
    top: -2px;
    left: 0;
}
.hiring_process .article_out .aside:nth-child(3):after {
    background: url('/images/peopledesk_1_0/icons/icon_arrow_orange.svg') no-repeat bottom center;
    background-size: 8px auto;
    top: -3px;
    left: 0;
}
.hiring_process .article_out .aside:nth-child(4):after {
    background: url('/images/peopledesk_1_0/icons/icon_arrow_green.svg') no-repeat bottom center;
    background-size: 8px auto;
    top: -5px;
    left: 0;
}
.hiring_process .article_out .aside .icon {
    width: 90px;
    height: 85px;
    float: left;
    line-height: 85px;
    vertical-align: middle;
    border-right: 1px solid #f2f2f2;
    margin-right: -90px;
    position: relative;
    padding: 0 0 0 28px;
}
.hiring_process .article_out .aside:nth-child(3) {
    background: #FFFCF3;
}
.hiring_process .article_out .aside .icon img {
    width: 42px;
}
.hiring_process .article_out .text_dev {
    width: 100%;
    float: left;
    padding: 14px 15px 0 105px;
}
.hiring_process .article_out .text_dev h4 {
    font-size: 15px;
    color: #000000;
    font-weight: 600;
    padding-bottom: 5px;
}
.hiring_process .article_out .text_dev p {
    font-size: 13px;
    line-height: 19px;
    color: #AEB2B5;
}


/** Ess **/

.ess_request_letter_wrapper .select2-container {
    z-index: 1;
    width: 100% !important;
}

.ess_request_letter_wrapper .pro_tip_container {
    float: left;
    width: 100%;
    border: solid 1px #DDDFDF;
    border-radius: 5px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.ess_request_letter_wrapper .pro_tip_container{
    position: relative;
    left: 0%;
    transform: translateX(0%);
    margin-bottom: 15px;
}
.ess_request_letter_wrapper span.line_break{
    display: block;
    width:100%;
}
.ess_request_letter_wrapper .pro_tip_container span.line_break{
    margin-bottom: 5px;
}

.ess_request_letter_wrapper .pro_tip_container .pro_tip_title {
    float: left;
    width: 100%;
    padding: 10px 15px 10px 40px;
    background-color: #F3F3F3;
    border-bottom: solid 1px #DDDFDF;
    font-weight: 500;
    background-image: url('/images/peopledesk_1_0/icons/icon_pro_tip.svg');
    background-position: 8px 7px;
    background-repeat: no-repeat;
    background-size: 23px 25px;
}

.ess_request_letter_wrapper .pro_tip_container .pro_tip_text {
    float: left;
    width:100%;
    padding: 10px 10px;
    font-size: 15px;
}

/** Approver / Reject Positions form **/
.validate_position_form{
    float:right;
    /*width:100%;*/
}
.validate_position_form .btn{
    float:left;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
}
.validate_position_form .btn_blue{
    margin-right: 15px;
}
.validate_position_form .btn_danger_outline{
    width:125px;
}
.position_view_panel.position_view_panel_edit .position_top_panel .box_right {
    float: right;
    width: auto;
}
.position_view_panel.position_view_panel_edit .position_top_panel .box_right .btn{
    min-width: 200px;
}

.disabled_select {
  background-color: #d5d5d5;
  opacity: 0.5;
  border-radius: 3px;
  cursor: not-allowed;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

.main_caption_error {
    float: left;
    width: 100%;
}


/* Probation and Employee Confirmation */

.listing_panel .listing_filter select.form-control:not([size]):not([multiple])#filter_probation_ends_on {
     width: 220px; 
}

.employee_confirmation_modal .modal-content {
    width: 535px;
    padding: 5px 14px;
}

.employee_confirmation_modal .modal_caption {
    margin-bottom: 2px;
}

.employee_confirmation_modal .dynamic_modal_content {
    width: 100%;
    float: left;
    margin-bottom: 12px;
}

.employee_confirmation_modal .dynamic_modal_content .form_static_single{
    display: block;
    width:100%;
    margin-bottom: 7px;
    font-size:17px;
}

.employee_confirmation_modal .dynamic_modal_content .form_static_single .name{
    font-weight: 400;
}
.employee_confirmation_modal .dynamic_modal_content .form_static_single .text{
    font-weight: 500;
    color:#131313;
}

.employee_confirmation_modal .file_upload_input_container  {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.employee_confirmation_modal .file_upload_input_container .help-block {
    width: 100%;
    float: left;
}
 
.employee_confirmation_modal .file_upload_input_container .file_upload_input {
    width: 250px;
    text-align: center !important;
    padding: 7px 55px;
    line-height: 18px;
    font-size: 15px;
    /*background-color: #3D85F9;*/
    background-color: #0a93d5;
}

.employee_confirmation_modal .file_upload_input_container .file_upload_input .file_caption {
    max-width: 250px;
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.employee_confirmation_modal #file_upload_box_error_container_approval .upload_file_delete, 
.employee_confirmation_modal #file_upload_box_error_container .upload_file_delete, 
.employee_confirmation_modal #prospect_file_upload_box .upload_file_delete, 
.employee_confirmation_modal #file_upload_box_error_container_hrops .upload_file_delete {
    display: none;
}

.employee_confirmation_modal .file_upload_input_container .upload_file_delete {
    margin-top: 4px;
    display: block;
}

.employee_confirmation_modal .batch_upload_new_button {
    width: 250px;
    text-align: center !important;
    padding: 7px 55px;
    line-height: 18px;
    font-size: 15px;
    margin-top: 10px;
}

.employee_confirmation_modal .dynamic_modal_content .comments_approval {
    margin-top: 0;
    margin-bottom: 0;
}

.employee_confirmation_modal .comments_approval {
    width: 100%;
    float: left;
    margin-top: -10px;
    margin-bottom: 10px;
}

.employee_confirmation_modal .comments_approval .name {
    width: 100%;
    float: left;
}

.employee_confirmation_modal .comments_approval .text {
    width: 100%;
    float: left;
    margin: 0 0;
}

.employee_confirmation_modal .comments_approval #attach_links {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 500;
    margin: 2px 0;
}

.employee_confirmation_modal .comments_approval #attach_links {
    width: 100%;
    float: left;
    font-size: 17px;
    font-weight: 500;
    color: #131313;
    margin: 6px 0 0 0;
}

.employee_confirmation_modal .comments_approval #attach_links a {
    font-size: 13px;
    font-weight: 500;    
}

.employee_confirmation_modal .comments_approval #attach_links .text {
    margin: 3px 0 6px 0 !important;
}

.employee_confirmation_modal .comments_approval #attach_links a .icon_file {
    width: 30px;
    height: 25px;
    float: left;
    background-image: url(/images/peopledesk_2_0/mobile/Document.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px auto;
    margin-top: 0px;
}

.employee_confirmation_modal .comments_approval .form_static_single {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

/* Timeline styles */

.timeline_box_out {
    width: 105%;
    float: left;
    border-top: 1px solid #F1F1F1;
    margin: 20px -2.5% 0 -2.5%;
    padding: 15px 2.5% 0 2.5%;
}

.timeline_box_in {
    width: 100%;
    float: left;
}

.timeline_box {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.timeline_box .date_view {
    width: 125px;
    float: left;
    margin-right: -125px;
    position: relative;
    z-index: 1;
}

.timeline_box .date_view:after {
    width: 18px;
    height: 18px;
    float: left;
    background-image: url('/images/peopledesk_1_0/icons/icon_timeline_bullet.svg');
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 3px;
    right: -9px;
}

.timeline_box .comment_left {
    width: 100%;
    min-height: 65px;
    float: left;
    padding: 0 0 0 150px;
    position: relative;
}

.timeline_box .comment_left:before {    
    width: 1px;
    height: 41px;
    float: left;
    background-color: #A8A8A8;
    position: absolute;
    top: 28px;
    left: 124px;
    content: "";
}

.timeline_box .comment_left .info_text {
    min-height: 50px;
    font-size: 16px;
    color: #333333;
}

.timeline_box .comment_left .info_text span {
    color: #131313;
}

.timeline_box .comment_box {
    width: 100%;
    float: left;
    border: 1px solid #E6E6E6;
    padding: 8px 0 10px 0;
    margin-bottom: 7px; 
}

.timeline_box .comment_box .confir_text {
    width: 29%;
    float: left;
    padding: 0 15px;
}

.timeline_box .comment_box .confir_name {
    font-size: 16px;
    color: #0D0D0D;
}

.timeline_box .comment_box .confir_name span {
    color: #8C8C8C;
}

.timeline_box .comment_box .grey_text {
    font-size: 16px;
    color: #8C8C8C;
    padding-bottom: 5px;
}

.timeline_box .comment_box .emp_comments {
    width: 49%;
    float: left;
    padding: 0 50px;
    position: relative;
}

.timeline_box .comment_box .button_right:after {
    width: 1px;
    height: 80%;
    background-color: #E6E6E6;
    position: absolute;
    top: 9px;
    left: 0;
    content: "";
}

.timeline_box .comment_box .emp_comments:before {
    width: 1px;
    height: 80%;
    background-color: #E6E6E6;
    position: absolute;
    top: 9px;
    left: 0;
    content: "";
}

.timeline_box .comment_box .button_right {
    width: 22%;
    float: left;
    padding: 20px 35px;
    position: relative;
}

.timeline_box .comment_box .btn#btn_attach {
    width: 100%;
    font-size: 13px;
    background-color: #FF6923;
    color: #FFF;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
}

.timeline_box .comment_box .button_right .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .5em;
    vertical-align: .1em;
    content: "";
    border-top: .33em solid;
    border-right: .33em solid transparent;
    border-left: .33em solid transparent;
}



/** Dashboard donut chart **/
@keyframes bake-pie {
  from {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
}

.dashboard_pie_container{
    float:left;
    width:37%;
    display: none;
}

.pie_id {
  display: inline-block;
  vertical-align: top;
}

.pie {
    height: 100px;
    width: 100px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.pie::before {
    content: attr(data-total_available_leaves);
    display: block;
    position: absolute;
    z-index: 1;
    width: 84px;
    height: 84px;
    background: #FFF;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding:28% 0;
    text-align: center;
    color:#555555;
    font-weight: 500;
    font-size:17px;
}

.pie::after {
}

.slice {
  position: absolute;
  width: 100px;
  height: 100px;
  clip: rect(0px, 100px, 100px, 50px);
  animation: bake-pie 1s;
}

.slice span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  clip: rect(0px, 100px, 100px, 50px);
}

.select2-container--default #select2-round_id-results .select2-results__option[aria-disabled=true] {
    /*display: none;*/
}

.select_readonly2 {
    cursor:not-allowed;
    pointer-events: none;
    background: #E9ECEF;
    color: #75716D;
}

.disabled_select2 {
   background-color:#d5d5d5;
   opacity:0.5;
   border-radius:3px;
   cursor:not-allowed;
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
   z-index: 10;
}

/* keyboard support datepicker */
.keyboard_support_dp .datetimepicker td, 
.keyboard_support_dp .datetimepicker th {
    text-align: center;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0;
}



.offer_pending_modal .modal-content {
    width: 535px;
    padding: 5px 14px;
}

.offer_pending_modal .modal_caption {
    margin-bottom: 2px;
}

.offer_pending_modal .dynamic_modal_content {
    width: 100%;
    float: left;
    margin-bottom: 12px;
}

.offer_pending_modal .dynamic_modal_content .form_static_single{
    display: block;
    width:100%;
    margin-bottom: 7px;
    font-size:17px;
}

.offer_pending_modal .dynamic_modal_content .form_static_single .name{
    font-weight: 400;
}
.offer_pending_modal .dynamic_modal_content .form_static_single .text{
    font-weight: 500;
    color:#131313;
}

.offer_pending_modal .comments_approval {
    width: 100%;
    float: left;
    margin-top: -10px;
    margin-bottom: 10px;
}

.offer_pending_modal .comments_approval .name {
    width: 100%;
    float: left;
}

.offer_pending_modal .comments_approval .text {
    width: 100%;
    float: left;
    margin: 0 0;
}

.offer_pending_modal .comments_approval .attach_links {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 500;
    margin: 2px 0;
}

.offer_pending_modal .comments_approval .attach_links {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 500;
    margin: 6px 0 0 0;
}

.offer_pending_modal .comments_approval .attach_links .text {
    margin: 3px 0 6px 0 !important;
}
.offer_pending_modal .comments_approval .attach_links a .icon_file {
    width: 30px;
    height: 25px;
    float: left;
    background-image: url(/images/peopledesk_2_0/mobile/Document.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px auto;
    margin-top: -3px;
}

.offer_pending_modal .comments_approval .form_static_single {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}


/* Bug Fixes */
.signin_caption{
    font-size: 23px;
    font-weight: 500;
}
.sign_in_text{
     font-size: 23px;
    font-weight: 500;
    margin-top:20px;
}
.check_in_out_text{
    font-size:14px;
}
.dashboard #check_out_button{
    font-size:16px;
}
.resume_help_text{
    font-size: 12.5px;
    float: left;
    width: 100%;
    margin-top: 5px;
    font-style: italic;
    color:#EE001C;
}

#manage_onboard {
    width: 210px;
}
#manage_onboard span {
    background-image: url('/images/peopledesk_1_0/icons/icon_foreign.svg');    
    background-repeat: no-repeat;
    background-size: 17px auto; 
    padding: 0 0 0 25px
}

/** Dyanamic Feedback Content **/
.modal_round_field_container{
    display: none;
}
.modal_round_field{
    float:left;
    width:100%;
    margin-bottom: 10px;
}
.modal_round_field .label_field{
    float:left;
    width:50%;
    font-weight: 500;
    color: #131313;
}
.modal_round_field .input_field{
    float:left;
    width:50%;
}

.dynamic_round_options_list{
    display: none;
}

.modal_round_field .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    padding: 5px 20px;
}

.modal_round_field .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

/* Select text modal align fix */
.select2-results{
    text-align: left;
}


/* Offer Module fixes */
#reject_offer_pending_modal.common_modal .modal-dialog{
    max-width: 600px;
}

/* Job Description Update */
.job_description_text_left{
    float:left;
    width:56%;
    padding-right: 14px;
}
.job_description_text_right{
    float:left;
    width:44%;
    padding-left:10px;
    box-sizing: border-box;
}
.job_description_text_wrapper{
    float:left;
    width:100%;
    min-height: 314px;
    height: auto;  
    border:solid 1px #DDDFDF;
    border-radius: 2px;
}
.job_description_text_container{
    float:left;
    width:100%;
    height: auto;
}
.job_description_text_title{
    float:left;
    width:100%;
    margin-bottom: 10px;
}
.job_description_text_title label{
    float:left;
    width:auto;
    margin-right:10px;
    margin-top: 5px;
}
.job_description_text_title .job_selection{
    float:left;
    width:220px;
}
.job_description_text_container .job_description_info{
    float:left;
    width:100%;
    padding:12px 22px;
    border-bottom:solid 1px #DDDFDF;
}
.job_description_text_container .job_description_info .info_row{
    float:left;
    width:100%;
    margin-bottom: 10px;
}
.job_description_text_container .job_description_info .job_description_info_left{
    float:left;
    width:50%;
}
.job_description_text_container .job_description_info .info_item{
    float:left;
    width:100%;
}
.job_description_text_container .job_description_info .info_item .info_item_caption{
    float:left;
    width:40%;
    font-size:13px;
    font-weight: 500;
    color:#A6A6A6;
    padding-right:5px;
}
.job_description_text_container .job_description_info .info_item .info_item_value{
    float:left;
    width:60%;
    font-size:13px;
    color:#1A1A1A;
    padding-left:5px;
}
.job_description_text_container .job_description_content{
    float:left;
    width:100%;
    padding:12px 22px;
    color: #4d4d4d;
    font-size: 15px;
    background-color:#FAFAFA;
    height: 231px;
    overflow: auto;
}
.job_description_text_wrapper .job_description_empty{
    float:left;
    width:100%;
    height: 100%;
    /*display: none;*/
}
.job_description_text_wrapper .job_description_empty .job_description_empty_text{
    float:left;
    width:100%;
    text-align: center;
    font-size:15px;
    color:#333333;
    font-weight: 600;
}
.job_description_text_wrapper .job_description_empty .job_description_empty_image{
    float:left;
    width:100%;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 20px;
}

.job_description_text_wrapper .job_description_empty .job_description_empty_image img{
    height: 83px;
    width: 83px;
}
#job_selection_container .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-top:5px;
    padding-bottom:5px;
    background-color:#F2F2F2;
    color:#000000;
}

#job_selection_container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}
.job_description_text_left .form-control-label{
    margin-top: 5px;
    margin-bottom: 15px;
}

/* Send offer model design */
#employee_send_offer_modal.bulk_upload_modal_wrapper .box_upload_input_container .btn_bulk_upload{
    width: 100%;
}
#employee_send_offer_modal.bulk_upload_modal_wrapper .box_upload_input_container .box_upload_input{
    background-image:none;
    padding-top:5px;
    padding-bottom:5px;
    color:#3D85F9;
    background-color:#FFF;
    border:solid 1px #B5B5B5;
}
#employee_send_offer_modal .form_bulk_upload_modal .modal_text {
    margin-bottom: 15px;
}

/** Select 2 multiple container **/
.select2_multiple_container{
    width:100%;
    float:left;
}
.select2_multiple_container select{
    visibility: hidden;
}
.select2_multiple_container .select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
    font-size: 16px;
    width:100%;
    min-height: 32px;
}
.select2_multiple_container .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    margin-top: 0 !important;
}
.select2_multiple_container .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.select2_multiple_container .select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding-top:4px;
    padding-bottom:4px;
}
.select2_multiple_container .select2-container{
    background: url(/images/peopledesk_1_0/icons/icon_select_arrow_down.svg) 98% center no-repeat;
    background-size: 16px 16px;
}

.select2_multiple_container .select2-container--default .select2-selection--multiple {
    background-color: transparent;
}
.select2_multiple_container .select2-container .select2-search--inline{
    /*width:100%;*/
}
/** Compoff button **/
.compoff_download{
    color: #3D85F9;
    font-weight: 500;
    font-size: 16px;
    background: url(/images/peopledesk_1_0/icons/icon_compoff_download.svg) left center no-repeat;
    background-size: 20px 24px;
    padding-left: 30px;
    display: inline-block;
    margin-left: 15px;
    line-height: 2.1em;
}

.compoff_download:hover{
    text-decoration: none;
    color:#0f62e6;
    background-image:url('/images/peopledesk_1_0/icons/icon_compoff_download_hover.svg');
}

/** Withdrawal modal **/
#view_withdrawal_modal{

}
#view_withdrawal_modal .form_modal_container .btn_blue {
    float: right;
    width: 48%;
}
#view_withdrawal_modal .form_modal_container .btn_danger_outline {
    float: left;
    width: 48%;
}

/*email attachment validation*/
#file_upload_container_approval_fields_2 .form-error {
    clear: both;
}
.toggle_exit_content .file_upload_input_container#file_upload_container_approval_fields_2 .upload_file_delete {
    margin-top: 4px;
}
/*email attachment validation*/


/* Date picker image */
#date_timepicker_start_exit,
#date_timepicker_end_exit,
#date_timepicker_start_recruitment,
#date_timepicker_end_recruitment,
#date_timepicker_start_offerdetails,
#date_timepicker_end_offerdetails,
#date_timepicker_start_offersummary,
#date_timepicker_end_offersummary,
#date_timepicker_start_offerdrilldown,
#date_timepicker_end_offerdrilldown,
#date_timepicker_start,
#date_timepicker_end,
#date_timepicker_start_regularise,
#date_timepicker_end__regularise,
#date_timepicker_start_leave,
#date_timepicker_end_leave,
#date_timepicker_start_recruitmentdetails,
#date_timepicker_end_recruitmentdetails,
.live_status_container .live_input_panel .input_container .form-control.calendar_date_picker,
#date_timepicker_start,
#date_timepicker_end,
#date_timepicker_start_arrear,
#date_timepicker_end_arrear,
.weekend_date_picker,
.calendar_previous_start_date_picker,
.calendar_previous_end_date_picker,
.calendar_date_picker,
.calendar_5_month_restriction_date_picker,
.calendar_future_date_picker,
.calendar_previous_date_picker,
.hasDatepicker {
    background: url(/images/peopledesk_1_0/icons/icon_input_datepicker.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px 16px;
    padding-left: 32px;
}

#date_timepicker_start_recruitmentdetails.error,
#date_timepicker_end_recruitmentdetails.error, #date_timepicker_start_offerdetails.error,
#date_timepicker_end_offerdetails.error, #date_timepicker_start_regularise.error,
#date_timepicker_end__regularise.error, #date_timepicker_start.error,
#date_timepicker_end.error, #date_timepicker_start_exit.error,
#date_timepicker_end_exit.error, #date_timepicker_start_leave.error,
#date_timepicker_end_leave.error, #date_timepicker_start_recruitmentdetails.valid,
#date_timepicker_end_recruitmentdetails.valid, #date_timepicker_start_offerdetails.valid,
#date_timepicker_end_offerdetails.valid, #date_timepicker_start_regularise.valid,
#date_timepicker_end__regularise.valid, #date_timepicker_start.valid,
#date_timepicker_end.valid, #date_timepicker_start_exit.valid,
#date_timepicker_end_exit.valid, #date_timepicker_start_leave.valid,
#date_timepicker_end_leave.valid {
    background-image: url(/images/peopledesk_1_0/icons/icon_input_datepicker.svg) !important;
}

#date_timepicker_start_exit.form-control[readonly],
#date_timepicker_end_exit.form-control[readonly],
#date_timepicker_start_recruitment.form-control[readonly],
#date_timepicker_end_recruitment.form-control[readonly],
#date_timepicker_start_offerdetails.form-control[readonly],
#date_timepicker_end_offerdetails.form-control[readonly],
#date_timepicker_start_offersummary.form-control[readonly],
#date_timepicker_end_offersummary.form-control[readonly],
#date_timepicker_start_offerdrilldown.form-control[readonly],
#date_timepicker_end_offerdrilldown.form-control[readonly],
#date_timepicker_end.form-control[readonly],
#date_timepicker_start_regularise.form-control[readonly],
#date_timepicker_end__regularise.form-control[readonly],
#date_timepicker_start_leave.form-control[readonly],
#date_timepicker_end_leave.form-control[readonly],
.weekend_date_picker.form-control[readonly],
.calendar_date_picker.form-control[readonly],
.calendar_future_date_picker.form-control[readonly],
.calendar_5_month_restriction_date_picker.form-control[readonly]{
    background-color: transparent;
}

/*action button arrow css*/
.listing_dropdown .btn.btn_listing_dropdown:after {
    vertical-align: .1em;
}
/*action button arrow css*/

/* Design fixes */
.exit_employee_details_form  .form-control-plaintext {
	word-break: break-all;
}

/*policy list style*/
.policyList .block_item {
    float: left;
    width: 100%;
    border-bottom: solid 1px #E3E3E3;
    padding: 15px 25px 15px 60px;
    background: url(/images/peopledesk_1_0/policies_new/policy_icon.svg) no-repeat;
    background-size: 5% 40%;
    background-position: 0% 50%;
}
.policyList a.new_policy_links {
    display: inline-block;
}
.policyList .block_item .block_item_text {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #0D0D0D;
    font-weight: 500;
}
.policyList .block_item .block_item_brand {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #9D9D9D;
}
.policyList .block_item .block_item_time {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-left: 25px;
    color: #9D9D9D;
    background: url(/images/peopledesk_1_0/icons/icon_notification_time.svg) left center no-repeat;
    background-size: 20px 20px;
}
.listing_panel .list_search.list_search_box_policies.dashboard_list_search_box_policies {
    width: 100%;
}
.listing_panel.dashboard_listing_panel_policies .list_search .list_search_box .form-control {
    padding-top: 10px;
    padding-bottom: 10px;
}
.listing_panel.dashboard_listing_panel_policies .list_search .list_search_box .input-group-addon {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.dashboard_listing_panel_policies .new_policy_container {
    padding: 0 20px 0 20px;
}
.listing_panel.dashboard_listing_panel_policies .listing_table_container {
    padding-left: 0px;
}
.listing_panel.dashboard_listing_panel_policies .listing_filter {
    padding: 15px 20px 15px 0px;
}
/*policy list style*/

/*announcements_header_sec css*/
.announcement_list_panel .listing_filter {
    padding: 30px 0px;
}
.listing_panel.announcement_list_panel .listing_table_container {
    padding-top: 30px;
}
.announcements_header_sec .box_left {
    width: 75%;
    float: left;
}
.listing_panel .announcements_header_sec .list_search {
    padding: 10px 0 0 0;
}
.listing_panel.announcement_list_panel .announcement_item_container .announcement_item {
    padding: 0px 0 30px 0;
    margin-bottom: 30px;
    border-bottom: solid 2px #F7F9F9;
}
.listing_panel.announcement_list_panel .announcement_item_container .announcement_item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.listing_panel.announcement_list_panel .announcement_item .announcement_time {
    font-size: 13px;
}
.listing_panel.announcement_list_panel .announcement_item .announcement_msg {
    font-size: 14px;
}
.listing_panel.announcement_list_panel .announcement_item .announcement_image img {
    min-width: 342px;
    max-width: 342px;
    min-height: 172px;
    max-height: 172px;
}
/*announcements_header_sec css*/

/*first_signin css*/
.first_signin .modal-header h5 {
    background: url(/images/common/peopledesk_favicon.ico) no-repeat;
    color: #212b36;
    font-weight: 700;
    font-size: 24px;
    padding: 0 0 0 50px;
    background-position: 0% 50%;
}
.first_signin .modal-body .img_section {
    width: 10%;
    margin: 0 20px 0 0;
    display: flex;
}
.first_signin .modal-body .detail_list_div li {
    margin: 0 0 20px 0;
}
/*first_signin css*/

/*empty states css*/
.empty_events {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 25px;
}
.empty_events .icon {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.empty_events .icon img {
    width: 48px;
    height: 48px;
}
.empty_events .empty_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #A6A6A6; 
}
.empty_events.approval_empty_events .icon img {
    width: 75px;
    height: 75px;
}
/*empty states css*/



/*cancel_offer_inqueue_form css*/
#cancel_offer_inqueue_form .form_modal_container .btn_blue {
    width: 48%;
}
/*cancel_offer_inqueue_form css*/


/* Listing Page Bulk update Modal */

.bulk_update_modal_wrapper {}

.bulk_update_modal {}

.bulk_update_modal .form_bulk_update_modal {
    float: left;
    width: 100%;
}

.bulk_update_modal .form_bulk_update_modal .alert {
    display: none;
}

.form_bulk_update_modal .modal_caption {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #131313;
    margin-bottom: 5px;
}

.form_bulk_update_modal .modal_text {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #131313;
    margin-bottom: 25px;
}

.form_bulk_update_modal .btn_blue {
    float: left;
    width: 100%;
}

.form_bulk_update_modal .icon_modal_close {
    float: left;
    width: 20px;
    height: 20px;
    background: url(/images/peopledesk_1_0/icons/icon_modal_close.svg);
    background-size: 15px 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center center;
}

.form_bulk_update_modal .icon_modal_close:hover {
    cursor: pointer;
}

.bulk_update_modal_wrapper .modal-dialog {
    max-width: 525px;
}

.bulk_update_modal_wrapper .modal-body {
    position: relative;
    padding: 40px 30px 30px 30px;
}

.bulk_update_modal_wrapper .box_update_input_container .btn_bulk_update {
    float: left;
    width: 44%;
    display: none;
}

.bulk_update_modal_wrapper .box_update_input_container .btn_download_template,
.bulk_update_modal_wrapper .box_update_input_container .btn_cancel_modal {
    float: right;
    margin-left: 10px;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}

.bulk_update_modal_wrapper .box_update_input_container .btn_cancel_modal {
    display: none;
}

.bulk_update_modal_wrapper .box_update_input_container .box_update_input {
    overflow: hidden;
    position: relative;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    padding: 10px 25px;
    border-radius: 4px;
    border: none;
    line-height: 28px;

    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    width: 206px;
    float: left;
    margin-right: 10px;
    background-color: #3D85F9;
    background-image: url('/images/peopledesk_1_0/icons/icon_bulk_upload.png');
    background-position: 10px center;
    background-repeat: no-repeat;
}

.bulk_update_modal_wrapper .box_update_input_container .box_update_input [type=file] {
    cursor: inherit;
    margin-right: 10px;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.bulk_update_modal_wrapper .box_update_input_container {
    float: left;
    width: 100%;
    /*display: none;*/
}

.bulk_update_modal_wrapper .box_update_input_container .button_reset {
    float: right;
    padding-top: 11px;
    padding-bottom: 11px;
    min-width: 150px;
}

.bulk_update_modal_wrapper .file_information {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    display: none;
}

.bulk_update_modal_wrapper .file_information .file_name {
    float: left;
    width: 206px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #E6E6E6;
    text-align: center;
    color: #0D0D0D;
    font-size: 15px;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bulk_update_modal_wrapper .file_information .file_delete {
    padding: 5px 10px;
    float: right;
    color: #131313;
    font-size: 16px;
    cursor: pointer;
    margin-left: 15px;
}

.bulk_update_modal_wrapper .file_update_error_message {
    float: left;
    width: 100%;
}

/* Listing Page Bulk update Modal */

/*documents_accordion css*/
#documents_accordion .card.mb-2 {
    margin-bottom: .75rem!important;
}
#documents_accordion .card-header {
    padding: 0;
}
#documents_accordion .card-header a.card-link {
    display: block;
    padding: 10px 12px;
    font-weight: 500;
    background: url(/images/peopledesk_1_0/icons/icon_employee_toggle_expand.svg) calc(100% - 20px) center no-repeat;
    background-size: 11px 11px;
}
#documents_accordion .card-header a.card-link:hover {
    color: #186cf3;
}
#documents_accordion .payslipHeader .box_right {
    width: 100%;
}
.payslip_header .provision_filter {
    float: left;
    width: 200px;
    margin-right: 10px;
    /*margin-bottom: 15px;*/
}
.payslip_header .provision_filter .filter_select {
    float: left;
    width: 100%;
}
#documents_accordion.payslipHeader .box_right .btn.btn_blue {
    float: left;
}
#documents_accordion .box_right .btn {
    width: 200px;
    padding-top: 11px;
    padding-bottom: 11px;
}
#documents_accordion .box_right .select2 {
  width: 100%!important; /* overrides computed width, 100px in your demo */
}
#documents_accordion .card-header a.card-link.collapsed {
    background: url(/images/peopledesk_1_0/icons/icon_employee_toggle_close.svg) calc(100% - 20px) center no-repeat;
    background-size: 11px 11px;
}
#documents_accordion .card-body .field_caption {
    color: #131313;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}
#documents_accordion .card-body select.custom_select {
    height: 44px !important;
}
#documents_accordion .card-body .col_left {
    width: 22%;
    float: left;
}
#documents_accordion .card-body .col_right {
    width: 78%;
    float: left;
}
/*documents_accordion css*/

/*add employee css*/
#add_emp .btn_listing_dropdown {
    padding-top: 10px;
    padding-bottom: 10px;
}
#add_emp .dropdown-menu {
    width: 100%;
    padding: 10px 26px;
}
.dropdown-toggle::after {
    margin-left: .5em;
    vertical-align: .1em;
}
/*add employee css*/

/* App Links css*/
.app_links {
    padding: 12px 20px;
    background: #ebf4fa;
}
.app_links .app_link_text  {
    background: url(/images/app_links/download_app_link.svg) 2% 0 no-repeat;
    padding: 10px 0;
}
#login_blade .login_header_wrapper .box_login_reset {
    padding: 20px 30px;
}
.app_links .app_link_text p {
    font-size: 16px;
    color: #454f5b;
    font-weight: 500;
    padding: 0 0 0 30px;
}
.app_links .app_link_img a {
    display: inline-block;
    padding: 0 10px 0 0;
}
#login_blade .login_header_wrapper .bg_gray {
   padding: 20px 40px; 
}
/* App Links css*/

/* Attendance Regularize Delete - Erro Message */
.delete_regularize_btn {
    margin: 10px 0;
}
.delete_regularize_btn i.fa-spinner {
    margin: 0 10px 0 0px;
}
.attendance_error_box .alert {
    padding: 0.50rem 0.25rem;
    font-size: 14px;
}
.attendance_error_box .alert .alert_message_list ul {
    padding-left: 25px;
}
.attendance_error_box .alert .alert_message_list ul li {
    text-align: left;
}
/* Attendance Regularize Delete - Erro Message */
.file_upload_input_box_bgv .file_upload_input [type=file] {
    cursor: inherit;
    margin-right: 10px;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.file_upload_input_box_bgv .file_upload_input {
    overflow: hidden;
    position: relative;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0px;
    width: 30px;
}
.file_upload_input_box_bgv .file_upload_input img.bgv_upload_icon {
    height: 22px;
    width: 30px;
}
.listing_panel .listing_table_container .table_container>table.bgv_status_table>thead>tr>th:last-child {
    padding-right: 38px;
}

/* disableFileUpload css */
.candidate_offer_form_panel .upload_item .file_upload_input_box.disableFileUpload {
    opacity: 0.5;
    pointer-events: none;
}
/* disableFileUpload css */

/*bgv_report_action css*/
#bgv_report_action, #bgv_status_action {
    padding: 7px 18px 7px 10px;
    font-size: 12px;
    background-position: calc(100% - 5px) center;
    min-width: 100px;
    max-width: 100px;
    background-size: 10%;
}
/*bgv_report_action css*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/*offer recruit css*/
.tab_forms_container.offer_tab_forms_container, .tab_forms_container.offer_tab_forms_container .tab_navigation {
    max-width: inherit; 
}
#hire_deadline[disabled] {
    background-color: #e9ecef !important;
}
.tab_form .tab_content .box_hiring_process .box_interview_round.disableSec {
    pointer-events: none;
}
.calendar_future_date_picker.form-control#ijp_last_date:disabled {
    background-color: #e9ecef;
}
.expired_positon_hint {
    color: #EE001C;
    display: inline-block;
    padding-left: 4px;
    font-size: 12px;
}
#tab_1_button.button_next_tab {
    border-radius: 4px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 100px;
}
.tab_content.add_edit_form_panel.position_detail_box #approval_date_time {
    background: url(/images/peopledesk_1_0/icons/icon_input_datepicker.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px 16px;
    padding-left: 32px;
}
.tab_content.add_edit_form_panel.position_detail_box #approval_date_time:disabled {
    background: url(/images/peopledesk_1_0/icons/icon_input_datepicker.svg) #e9ecef;;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px 16px;
    padding-left: 32px;
}

/*offer recruit css*/