/*
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;
}

.error_msg {
    color: red;
    margin-bottom: 4px;
}

#error_content .modal-header {
    padding-bottom: 0px !important;
    border-bottom: none !important;
}

#error_content .modal-content {
    padding: 15px !important;
}


/* 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;
}

.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 {
    /* 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: 5px;
    font-size: 19px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}

.btn.disabled{
    cursor: not-allowed;
}

.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: 9px;
    padding-bottom: 9px;
    font-size: 15px;
}

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

.btn_blue: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: #131313;
}

.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: 20px;
    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;
}




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

.btn_filter_clear {
    border-radius: 5px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    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;
}




/* Dispatch offer letter modal */

.common_modal {
    font-size: 19px;
}

.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: 30%;
    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%;
}


/* Hire status text */

.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;
}
































/* 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: 1.125rem;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: none;
    color: #2D2D2D;
}

.form-control-label {
    color: #131313;
    float: left;
    width: 100%;
    font-size: 18px;
    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-image: url('/images/peopledesk_1_0/icons/icon_select2_carrot.svg');
    background-position: calc(100% - 15px) center;
    background-size:13px 8px;
    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_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: 14px;
    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;
}

.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;
}

.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;
}

.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;
}
































/** 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: 18px;
}

.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;
}





























































































/** 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;
    cursor: not-allowed!important;
    pointer-events: none!important;
    cursor: not-allowed;
}

.checkbox input[type=checkbox]:readonly+span,
.radio input[type=radio]:readonly+span {
    border-color: #ddd !important;
    background-color: #ddd !important;
    cursor: not-allowed !important;
    pointer-events: none!important;
}





































/* --- SWITCH --- */

.switch * {
    cursor: pointer;
}

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

.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;
}
.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 0%;
    //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;
}

/* Testing team asked */
#canteen_session.form-control:not([size]):not([multiple]).valid {
    /*background: none !important;*/
    background-color: #FFFFFF !important;
    background-image: url(/images/peopledesk_1_0/icons/icon_select2_carrot.svg);
    background-position: calc(100% - 15px) center;
    background-size: 13px 8px;
    background-repeat: no-repeat;
}














































/** 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: 15px;
    color: #2D2D2D;
    margin: 5px 0;
    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:0;
}

.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: 110px;
    position: relative;
}

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

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

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

.sidebar_wrapper {
    float: left;
    background-color: #F8FAF9;
    width: 242px;
    padding: 22px 10px 22px 42px;
    overflow: auto;
    height: calc(100% - 110px);
    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: 16px;
    color: #5E5E5E;
    padding: 10px 0;
    word-wrap: break-word;
}

.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;
    left: 0;
    max-width: 1170px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

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

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

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

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;
    overflow: hidden;
    /*border-top: 0px;*/
}

.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: 25px;
    color: #131313;
    font-weight: 600;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.box_form_head .caption_text {
    float: left;
    width: 100%;
    font-size: 16.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 #doj.form-control:disabled, 
.box_form_content #doj.form-control[readonly] {
    background-color: #FFFFFF;
}

.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 */

.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: 19px;
    padding: 12px 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;
}
.w_33 {
    width: 33.3% !important;
}

.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: 24px;
    font-weight: 500;
    color: #131313;
    margin-bottom: 5px;
}

.listing_panel .box_left .heading_text {
    float: left;
    width: 100%;
    font-size: 17px;
    /*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;
}

.employee_tab_content .leave_box_details_out .box_right {
    float: right;
    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.listing_filter_no_border {
    border-bottom: 0px;
}

.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 .filter_by_text {
    float: left;
    margin-right: 15px;
    margin-top: 9px;
    font-size: 15px;
}

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

.listing_panel .listing_filter .filter_inputs_select {
    float: left;
    width: 65%
}

.listing_panel .listing_filter .filter_inputs_select select.form-control:not([size]):not([multiple]) {
    margin-right: 5px;
    margin-bottom: 5px;
}

.listing_panel .listing_filter .filter_inputs_select .btn_filter_clear {
    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: 15px;
    color: #131313;
    float: left;
    width: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    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: 17px;
    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: 15px 10px;
    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.first_column {
    padding-left: 25px;
}

.listing_panel.has_sidebar .listing_table_container .table_container>table>tbody>tr>td.first_column {
    padding-left: 30px;
}

.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>tbody>tr>td .list_item_checkbox{
    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: 17px;
    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: 500;
}

.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: 14px;
    float: left;
    text-transform: uppercase;
    color: #7E8CA8;
    padding: 5px 15px;
    border: solid 1px #EEEDED;
}

.listing_panel .list_search {
    width: 240px;
    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 .input-group-addon {
    border: none; 
    border: 1px solid #DDDFDF;
    padding: 0 10px 0 35px;
    border-right: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    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;
    height: 40px;
    border-left: 0;
    padding-top: 6px;
    padding-left: 0;
    padding-right: 25px;
    padding-bottom: 8px;
    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: 10px;
    cursor: pointer;
    z-index: 9;
    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 {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-left: 80px;
    display: none;
}

.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: 7.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_table_container .list_count_badge{
    background-color: #3D85F9;
    color: #FFF;
    font-weight: 600;
    font-size: 13px;
    padding: 0;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
}




/* css to open two modals */

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

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

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

.confirm_delete .modal-footer .btn {
    padding-top: 6px;
    padding-bottom: 6px;
    min-width: 120px;
    margin-left: 15px;
}

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

.confirm_delete .modal-body strong {
    font-weight: 600;
}


/* Listing Page CTC Bulk upload Modal */

.ctc_upload_modal_wrapper {}

.ctc_upload_modal {}

.ctc_upload_modal .form_ctc_upload_modal {
    float: left;
    width: 100%;
}

.ctc_upload_modal .form_ctc_upload_modal .alert {
    display: none;
}

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

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

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

.form_ctc_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_ctc_upload_modal .icon_modal_close:hover {
    cursor: pointer;
}

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

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

.ctc_upload_modal_wrapper .box_upload_input_container .btn_ctc_upload {
    float: left;
    width: 44%;
    display: none;
}

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

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

.ctc_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;
}

.ctc_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;
}

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

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

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

.ctc_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;
}

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

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






































/* 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;
}

.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: 46px;
}

.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: 16px;
}

.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: 26px;
    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_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: 15px;
}

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

.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;
}

.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: 20px;
}

.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:100%;
}
.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(50% - 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: 50%;
    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;
}



/*.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: 12px 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: 5px 20px 5px 20px;
}

.sub_page_links ul {
    float: left;
    width: 100%;
    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: 600;
    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;
}

.sub_page_links ul li.emp_profile_approver_drop {
    margin-right: 15px;
}






























/* 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;*/
    font-size: 15px;
    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;
    margin-top: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: 7px 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;
}

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

.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: 1.125rem;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: none;
    color: #2D2D2D;
    /*font-weight: 500;*/
}

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


























/* 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;
}

.box_interview_round_error,
.box_score_card_error,
.box_interview_round_plugin_error,
.box_score_card_plugin_error {
    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;
}

/** ID/Visiting Card Modal **/

/* ID Card */
.common_id_card_modal.common_modal .modal-dialog{
    max-width: 700px;
}

.common_id_card_modal.common_modal .dynamic_modal_content .form-group{
    margin-bottom: 5px;
}
.common_id_card_modal.common_modal .dynamic_modal_content .form-group label{
    margin-bottom: 0;
}

.common_id_card_modal.common_modal .dynamic_modal_content .form-group label,
.common_id_card_modal.common_modal .dynamic_modal_content .form-group div:not(.common_id_card_modal.common_modal .dynamic_modal_content div.dropdown-menu){
    display: inline-block;
}

.common_id_card_modal.common_modal .dynamic_modal_content .card_left{
    float:left;
    width:70%;
}

.common_id_card_modal.common_modal .dynamic_modal_content .card_right{
    float:left;
    width:30%;
}

.common_id_card_modal.common_modal .dynamic_modal_content .card_full{
    float:left;
    width:100%;
}
.common_id_card_modal.common_modal .id_card_box{
    float:left;
    width:134px;
    margin-top: 10px;
}
.common_id_card_modal.common_modal .id_card_box .id_card_caption{
    float:left;
    width:100%;
    font-weight: 500;
    margin-bottom: 10px;
    color:#131313;
}
.common_id_card_modal.common_modal .id_card_box .id_card_image{
    float:left;
    width:100%;
}
.common_id_card_modal.common_modal .id_card_box .id_card_image img{
    max-width: 100%;
}
.common_id_card_modal.common_modal .modal_footer{
    float:left;
    width:100%;
    width:60%;
    margin-top: 10px;
}
.common_id_card_modal.common_modal .modal_footer .dropdown-menu{
    width:100%;
    z-index: 10051;
}

/* Visiting Card */
#visiting_card_request_modal.common_id_card_modal.common_modal .modal-dialog,
#visiting_card_edit_modal.common_id_card_modal.common_modal .modal-dialog{
    max-width: 550px;
}
#visiting_card_request_modal.common_id_card_modal.common_modal .modal_footer,
#visiting_card_edit_modal.common_id_card_modal.common_modal .modal_footer{
    width:100%;
}
#visiting_card_request_modal.common_id_card_modal.common_modal .designation_box,
#visiting_card_edit_modal.common_id_card_modal.common_modal .designation_box{
    float:left;
    width:100%;
    margin-top:5px;
    padding:5px 0;
    border-bottom:solid 1px #F1F1F1;
}
#visiting_card_edit_modal.common_id_card_modal.common_modal .designation_box .form_group_last{
    margin-bottom: 5px;
    margin-top:10px;
}
#visiting_card_request_modal.common_id_card_modal.common_modal .designation_box label,
#visiting_card_edit_modal.common_id_card_modal.common_modal .designation_box label{
    margin-bottom: 5px;
}

#visiting_card_request_modal.common_id_card_modal.common_modal .reject_reason_box{
    float:left;
    width:100%;
    margin-top:5px;
    padding:5px 0;
    border-top:solid 1px #F1F1F1;
    display: none;
}
#visiting_card_request_modal.common_id_card_modal.common_modal .reject_reason_box label{
    margin-bottom: 5px;
}

#visiting_card_edit_modal.common_id_card_modal.common_modal .approved_box{
    float:left;
    width:100%;
    padding:5px 0;
    border-top:solid 1px #F1F1F1;
}

#visiting_card_request_modal.common_id_card_modal.common_modal .modal_footer .btn_blue {
    float: left;
    width: 65%;
    margin-right: 5%;
}
#visiting_card_request_modal.common_id_card_modal.common_modal .modal_footer .btn_danger_outline {
    float: left;
    width: 30%;
}

#visiting_card_reject_reason_modal{
    z-index: 1100;
}

#visiting_card_reject_reason_modal.common_modal .modal-dialog{
    max-width: 500px;
}

#visiting_card_request_modal.common_id_card_modal.common_modal .reject_reason_box{
    float:left;
    width:100%;
    margin-top:5px;
    padding:5px 0;
    border-top:solid 1px #F1F1F1;
    display: none;
}
#visiting_card_request_modal.common_id_card_modal.common_modal .reject_reason_box label{
    margin-bottom: 5px;
}

#visiting_card_edit_modal.common_id_card_modal.common_modal .approved_box{
    float:left;
    width:100%;
    padding:5px 0;
    border-bottom:solid 1px #F1F1F1;
}

#visiting_card_request_modal.common_id_card_modal.common_modal .modal_footer .btn_blue {
    float: left;
    width: 65%;
    margin-right: 5%;
}
#visiting_card_request_modal.common_id_card_modal.common_modal .modal_footer .btn_danger_outline {
    float: left;
    width: 30%;
}

#visiting_card_reject_reason_modal,
#id_card_reject_reason_modal,
#direct_visiting_card_reject_reason_modal,
#direct_id_card_reject_reason_modal,
#wonderla_pass_reject_reason_modal,
#cab_booking_reject_reason_modal {
    z-index: 1100;
}

#visiting_card_reject_reason_modal.common_modal .modal-dialog,
#id_card_reject_reason_modal.common_modal .modal-dialog,
#direct_visiting_card_reject_reason_modal.common_modal .modal-dialog,
#direct_id_card_reject_reason_modal.common_modal .modal-dialog,
#wonderla_pass_reject_reason_modal.common_modal .modal-dialog {
    max-width: 500px;
}


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

#visiting_card_view_modal .field_single_row {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 7px;
    margin-bottom: 13px;
}

#visiting_card_view_modal .field_single {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 7px;
    margin-bottom: 13px;
}

#visiting_card_view_modal .field_left {
    width: 50%;
    float: left;
}
#visiting_card_view_modal .field_row {
    width: 100%;
    float: left;
    font-size:15px;
    margin-bottom: 7px;    
}
#visiting_card_view_modal .field_name {
    width: 37%;
    float:left;
    font-weight: 500;
    color: #131313;
}
#visiting_card_view_modal .field_text {
    width: 63%;
    float:left;
    color:#1A1A1A;
    word-break:break-all;
}
#visiting_card_view_modal .field_single_last {
    width: 100%;
    float: left;
    font-size: 16px;    
    margin-top: 10px;
}
#visiting_card_view_modal .field_single_address {
    width: 100%;
    float: left;
    font-size: 16px;
    border-top: 1px solid #F1F1F1;
    padding-top: 15px;
    margin-top: 10px;
}
#visiting_card_view_modal .field_single_last .field_name, 
#visiting_card_view_modal .field_single_address .field_name {
    width: 25%;
    float:left;
    font-weight: 500;
    color: #131313;
}
#visiting_card_view_modal .field_single_last .field_text, 
#visiting_card_view_modal .field_single_address .field_text {
    width: 75%;
    float:left;
    color:#1A1A1A;
}

#visiting_card_view_modal .field_single_row_last {
    width: 100%;
    float: left;
    font-size: 16px;
    border-top: 1px solid #F1F1F1;
    padding-top: 13px;
    margin-top: 17px;
}

#visiting_card_view_modal .field_single_row_last .field_left .field_name {
    width: 52%;   
}

#visiting_card_view_modal .field_single_row_last .field_left .field_text {
    width: 48%;
    padding-right: 15px;
}


/* Visiting Card Hr Approval */
#visiting_card_hrview_modal.common_modal .modal-dialog{
    max-width: 800px;
}

#visiting_card_hrview_modal .field_single_row {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 7px;
    margin-bottom: 13px;
}

#visiting_card_hrview_modal .field_single {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 7px;
    margin-bottom: 13px;
}

#visiting_card_hrview_modal .field_left {
    width: 50%;
    float: left;
}
#visiting_card_hrview_modal .field_row {
    width: 100%;
    float: left;
    font-size:15px;
    margin-bottom: 7px;    
}
#visiting_card_hrview_modal .field_name {
    width: 37%;
    float:left;
    font-weight: 500;
    color: #131313;
}
#visiting_card_hrview_modal .field_text {
    width: 63%;
    float:left;
    color:#1A1A1A;
    word-break:break-all;
}
#visiting_card_hrview_modal .field_single_last {
    width: 100%;
    float: left;
    font-size: 16px;
    margin-top: 10px;
}
#visiting_card_hrview_modal .field_single_address {
    width: 100%;
    float: left;
    font-size: 16px;
    border-top: 1px solid #F1F1F1;
    padding-top: 15px;
    margin-top: 10px;
}
#visiting_card_hrview_modal .field_single_last .field_name, 
#visiting_card_hrview_modal .field_single_address .field_name {
    width: 25%;
    float:left;
    font-weight: 500;
    color: #131313;
}
#visiting_card_hrview_modal .field_single_last .field_text, 
#visiting_card_hrview_modal .field_single_address .field_text {
    width: 75%;
    float:left;
    color:#1A1A1A;
}

#visiting_card_hrview_modal .field_single_row_last {
    width: 100%;
    float: left;
    font-size: 16px;
    border-top: 1px solid #F1F1F1;
    padding-top: 13px;
    margin-top: 17px;
}
#visiting_card_hrview_modal .field_single_row_last .field_name {
    width: 25%;
    float:left;
    font-weight: 500;
    color: #131313;
}
#visiting_card_hrview_modal .field_single_row_last .field_text {
    width: 75%;
    float:left;
    color:#1A1A1A;
}

#visiting_card_hrview_modal .field_single_row_last .field_left .field_name {
    width: 52%;
}

#visiting_card_hrview_modal .field_single_row_last .field_left .field_text {
    width: 48%;
    padding-right: 15px;
}


/* ID Card Hr Approval */
#id_card_request_modal.common_modal .modal-dialog{
    max-width: 800px;
}

#id_card_request_modal .field_single_row {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 7px;
    margin-bottom: 13px;
}

#id_card_request_modal .field_single {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 7px;
    margin-bottom: 13px;
}

#id_card_request_modal .field_left {
    width: 50%;
    float: left;
}
#id_card_request_modal .field_row {
    width: 100%;
    float: left;
    font-size:15px;
    margin-bottom: 7px;    
}
#id_card_request_modal .field_name {
    width: 37%;
    float:left;
    font-weight: 500;
    color: #131313;
}
#id_card_request_modal .field_text {
    width: 63%;
    float:left;
    color:#1A1A1A;
    word-break:break-all;
}
#id_card_request_modal .field_single_last {
    width: 100%;
    float: left;
    font-size: 16px;
    margin-top: 10px;
}
#id_card_request_modal .field_single_last img{
    width: 132px;
}
#id_card_request_modal .field_single_address {
    width: 100%;
    float: left;
    font-size: 16px;
    border-top: 1px solid #F1F1F1;
    padding-top: 15px;
    margin-top: 10px;
}
#id_card_request_modal .field_single_address .field_name, 
#id_card_request_modal .field_single_last .field_name {
    width: 25%;
    float:left;
    font-weight: 500;
    color: #131313;
}
#id_card_request_modal .field_single_address .field_text, 
#id_card_request_modal .field_single_last .field_text {
    width: 75%;
    float:left;
    color:#1A1A1A;
}

#id_card_request_modal .field_single_row_last {
    width: 100%;
    float: left;
    font-size: 16px;
    border-top: 1px solid #F1F1F1;
    padding-top: 13px;
    margin-top: 17px;
}

#id_card_request_modal .field_single_row_last .field_left .field_name {
    width: 52%;   
}

#id_card_request_modal .field_single_row_last .field_left .field_text {
    width: 48%;   
}


/*#id_card_request_modal .field_single_row_last .field_name {
    width: 25%;
    float:left;
    font-weight: 500;
    color: #131313;
}
#id_card_request_modal .field_single_row_last .field_text {
    width: 75%;
    float:left;
    color:#1A1A1A;
}
*/
#id_card_request_modal .modal_footer .button_container{
    float: left;
    width: 100%;
    border-top: 1px solid #F1F1F1;
    padding-top: 20px;
    margin-top: 17px;
}
#id_card_request_modal .modal_footer .button_container .btn{
    width: 200px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
}
#id_card_request_modal .modal_footer .button_container .btn_reject{
    min-width: 150px;
    float: left;
    border-radius: 3px;
    background-color: transparent;
    font-size: 14px;
    color: #E14444;
    border:1px solid #DDDFDF;
    text-align: center;
    margin-left: 60px;
    padding: 10px 20px;
}


#cab_booking_reject_reason_modal.common_modal .modal-dialog{
    max-width: 715px;
}

/* 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 {
    width: 150px;
}

.listing_filter #filter_reporting_manager,
.listing_filter #filter_hiring_manager,
.listing_filter #filter_sent_for_approval,
.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: 5px;
    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: 32px;
    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 25px;
    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: #FFBF00;
}

.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: 20px;
    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_content_right .add_role_button,
.profile_content_right .profile_button {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    min-width: 250px;
    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: 20px;
    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: 20px;
    color: #FFBF00;
    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: #FFBF00;
    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: 17px;
    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: 24px;
    color: #3D85F9;
    font-weight: 600;
    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: 20px;
    color: #3D85F9;
    font-weight: 300;
    padding-left: 24px;
    background: url(/images/peopledesk_1_0/icons/icon_edit_pencil.svg) left center no-repeat;
    background-size: 20px 20px;
}

.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%;
    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: left;
    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: 17px;
    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: 23px;
    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: 18px;
    font-weight: 300;
    margin-bottom: 5px;
}

.box_selection_process .interview_item .interviewer {
    float: left;
    width: 100%;
    color: #131313;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 5px;
}

.box_selection_process .interview_item .interview_comment {
    float: left;
    width: 100%;
    color: #131313;
    font-size: 18px;
    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%;
}

.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: 18px;
    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: 18px;
    color: #03BF7A;
}

.interview_item .box_comment .comment_left,
.interview_item .box_comment .comment_middle,
.interview_item .box_comment .comment_right {
    font-size: 18px;
}

.interview_item .box_comment .comment_left {
    float: left;
    width: 26%;
    min-height: 1px;
    text-align: left;
}

.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: 23px;
    font-weight: 300;
    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;*/
}











/* 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: 40px 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: left center no-repeat;
    background-size: 18px 18px;
}

.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%;
}

.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;
}

.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 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: 75%;
}

.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: 33%;
}

.box_level_2_tab_content .box_job_left .field .field_right {
    width: 67%;
    word-break: break-word;
}

.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;
    /*border-bottom: none;*/
    /*border-top: 3px solid transparent; */
}

.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;
}

.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: 25px;
    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: 8px;
    margin-left: 20px;
}

.position_view_panel .position_top_panel .main_caption span.badge.for_approval_badge {
    background-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: 21px;
    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: 21px;
    font-weight: 500;
}

.position_view_panel .box_description_content {
    float: left;
    padding: 25px 25px;
}

.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: 20px;
}

.job_detail_item .item_caption {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    color: #131313;
}

.job_detail_item .item_value {
    float: left;
    width: 100%;
    font-size: 20px;
    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: 20px;
}

.box_job_hiring_process_container .interview_item .value {
    float: left;
    width: 100%;
    padding: 10px 24px;
    border: solid 1px #E6E6E6;
    color: #FF6923;
    background-color: #FFF;
    border-radius: 5px;
    font-size: 18px;
    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;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 15px;
}
.listing_dropdown .dropdown-menu{
    padding:10px 15px;
    border:solid 1px #E6E6E6;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
.listing_dropdown .dropdown-menu .dropdown-item{
    border-bottom: solid 1px #DEDEDE;
    padding:5px 10px 5px 10px;
}
.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:15px;
    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: 5px 5px 5px 15px;
    /*background-color: #07BC77;*/
    border: none;
    color: #FFF;
    border-radius: 15px;
    font-size:16px;
}
.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: -18px;
    margin-top: -15px;
    border-width: 9px 7px 0 7px;
}

/* 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: 25px;
    height: 25px;
    background-size: 25px 25px;
}

.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: 500px;
}

#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 .image_panel img{
    max-width: 100%;
}

#onboard_comingsoon_modal .modal_comingsoon_container .text_panel{
    float:left;
    width:100%;
    text-align: center;
    color:#000000;
    font-size:24px;
    font-weight: 500;
    margin:15px 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;*/
}
.breadcrumb_link.home  { 
    color: #efefef;
}
.btn.btn_beta
{
    display: none;

}

/************* Bala - New Login  ******************/
.bg_white,.bg_gray
{
    padding: 43px;
}
.info_section
{
    margin: 30px 0;
}
.info_section h2
{
    margin: 20px 0 40px 0;
    line-height: 55px;
    font-size: 37px ;
    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;
}
.log_section
{

    /*height: 100vh;*/
    
}
.bg_gray
{
    background: transparent;
   /*height: 100vh;*/

    
}
.box_login_reset
{
    background: #fff;
    padding: 33px;
    margin: 5.3% 0;
    border-radius: 2px;
    font-family: 'IBM Plex Sans', sans-serif;
    border:1px solid #F0F0F0;
}
.signin_sub_caption
{
    color: #B2B2B2;
    font-size: 12px;
    margin: 15px 0;

}
.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;
}
.listing_panel .listing_header.listing_header_for_it .box_left{
    width:50%;
}
.listing_panel .listing_header.listing_header_for_it .box_right{
    width:50%;
}
.listing_panel .listing_header.listing_header_for_it .box_right .btn{
    width:auto;
}

.btn_set_lock{
    margin-top:15px;
}

.download_doc{
    max-width: 30%;
    flex: unset;
}

.bg_change_password
{
    padding: 10px 43px;
}

.bg_change_password #change_password_form h3 {
    font-size: 24px
}

.bg_change_password #change_password_form .signin_sub_caption {
    color: #666666;
    font-size: 14px;
    padding: 0px 0;
}

.bg_change_password .page_navigation {
    margin-bottom: 10px;
}

/* Internal Job Listing */

.user_card_list_out {
    width: 100%;
    float: left;
    background-color: #F5F6F7;
    border:1px solid #DAE3EA;
    border-radius: 7px;
    box-shadow: 0 0 15px #E5E9EB;
    margin-top: 20px;
}

.user_card_list_out .head_text {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    border-radius: 7px 7px 0 0;
    padding: 12px 0 12px 30px;
}

.user_card_list_out .head_text h4 {
    width: 50%%;
    float: left;
    background-image: url(/images/peopledesk_1_0/icons/icon_user_card.svg);
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 17px;
    color: #FC7C7C;
    font-weight: 500;
    padding: 6px 0 5px 24px;
    margin: 0;
}

.user_card_list_in {
    width: 100%;
    float: left;
    padding: 22px 22px 0 22px;
    min-height: 100px;
}

.user_card_list_box {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    border-radius: 6px;
    border:1px solid #DAE3EA;
    padding: 15px 25px 15px 25px;
    margin-bottom: 20px;
}

.user_card_list_box h4 {
    font-size: 17px;
    color: #292E31;
    font-weight: 600;
    margin-bottom: 16px;
}

.user_card_list_box p {
    font-size: 14px;
    color: #292E31;
    padding: 0 0 8px 150px;
    float: left;
    width: 100%;
}

.user_card_list_box p span {
    width: 150px;
    float: left;
    margin-left: -150px;
    position: relative;
}

.user_card_list_box p strong {
    font-weight: 600;
}

.user_card_list_box .link_text {
    color: #F26631;
}

.user_card_list_box .box_left {
    width: 35%;
    float: left;
}

.user_card_list_box .box_mid {
    width: 45%;
    float: left;
}

.user_card_list_box .box_right {
    width: 20%;
    text-align: center;
    float: right;
    margin: -22px 0 0 0;
    padding-right: 17px;
}

.user_card_list_box .box_right p {
    padding: 0 0 10px 0;
}

.user_card_list_box .box_right p strong {
    color: #03BF7A;
}

.user_card_list_box .box_right_in {
    width: 135px;
    float: right;
}

.user_card_list_box .box_right .btn {
    width: 100%;
    font-size: 16px;
    height: 35px;
    font-weight: 500;
    line-height: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 21px;
    margin-bottom: -7px;
}


/** visiting card posting **/
.user_card_box{
    float:left;
    width:100%;
}
.user_card_box .user_card{
    float:left;
    width:100%;
    border:solid 1px #DDDFDF;
    padding:12px 20px;
    margin-bottom: 25px;
    border-radius: 5px;
}
.user_card_box .user_card_caption{
    float:left;
    width:100%;
    font-size:17px;
    font-weight: 600;
    color:#292E31;
    margin-bottom: 15px;
}
.user_card_box .user_card_left{
    float:left;
    width:75%;
}
.user_card_box .user_card_right{
    float:left;
    width:25%;

}
.user_card_box .user_card_left .static_field_row{
    float:left;
    width:50%;
    font-size: 14px;
    color:#292E31;
    margin-bottom: 5px;
}
.user_card_box .user_card_left .static_field_row .static_field_label{
    float:left;
    width:30%;
}
.user_card_box .user_card_left .static_field_row .static_field_value{
    float:left;
    width:70%;   
    font-weight: 600;
}
.user_card_right .user_card_lastdate {
    float:right;
    /*width:100%;*/
    text-align: center;
}
.user_card_right .user_card_lastdate span{
    float:left;
    width:100%;
}
.user_card_right .user_card_lastdate .last_date_caption{
    font-size:14px;
    color:#292E31;
}
.user_card_right .user_card_lastdate .last_date_text{
    font-size:14px;
    color:#03BF7A;
    font-weight: 600;
}

.user_card_box .user_card_form_left{
    float:left;
    width:50%;
}
.user_card_box .user_card_form_left label{
    font-weight: 600;
    font-size: 15px;
}
.user_card_box .user_card_form_left .form-control{
    /*max-width: 75%;*/
}
.user_card_box .user_card_form_right{
    float:left;
    width:50%;
}
.user_card_box .read_tips{
    float:right;
    width:350px;
    border-radius: 5px;
    border:solid 1px #F2F2F2;
}
.user_card_box .tips_title{
    float: left;
    width: 100%;
    padding: 5px 10px;
    font-size: 13px;
    color: #006699;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    background: url(/images/peopledesk_1_0/icons/icon_toggle_down.svg) #EAF7FF 90% center no-repeat;
    background-size: 12px 20px;
    cursor: pointer;
}
.user_card_box .tips_title.active{
    background-image: url(/images/peopledesk_1_0/icons/icon_toggle_up.svg);
}
.user_card_box .tips_toggle_text{
    float:left;
    width:100%;
    padding:10px;
    font-size:14px;
    color:#AEB2B5;
    line-height: 1.5em;
    text-align: center;
    display: none;
}
.user_card_box .tips_text{
    float:left;
    width:100%;
    padding:10px;
}
.user_card_box .tips_text ul{
    padding-left:40px;
}
.user_card_box .tips_text ul li{
    font-size:14px;
    color:#AEB2B5;
    float:left;
    width:100%;
    line-height: 1.5em;
}
.box_form_bottom .box_full .btn#btn_apply_for_job{
    min-width: 350px;
}
.user_card_list_wrapper{
    float:left;
    width:100%;
}
.user_card_panel .listing_panel .listing_filter {
    margin-left:0;
    margin-right: 0;
    padding-top: 0;
    padding-right:0;
    padding-left:20px;
    width:100%;
}
.user_card_panel  .listing_panel .listing_filter select.form-control:not([size]):not([multiple]),
.user_card_panel  .listing_panel .list_search .list_search_box .input-group-addon{
    background-color:#FFF;
    min-width: 150px;
    font-size: 14px;    
    padding-left: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    background-size: 12px auto;
}
.user_card_panel .listing_panel .listing_table_container .pagination_container{
    padding-top:25px;
}
.user_card_panel .listing_panel .listing_filter .filter_by_text {
    margin-top: 5px;
}
.user_card_panel .btn_filter_clear{
    background-color:#FFF;
}
.card_request{
    float:left;
    width:100%;
    padding:14px 22px;
    background-color:#FFF;
    border-radius: 5px;
    border:solid 1px #DAE3EA;
    margin-bottom:20px;
}
.card_request .card_title_container{
    float:left;
    width:100%;
    margin-bottom: 10px;
}
.card_request .card_title_container .card_title{
    float:left;
    font-size:17px;
    color:#292E31;
    font-weight: 500;
    width:210px;
}
.card_request .card_title_container .card_status_badge{
    float: left;
    font-size: 10px;
    font-weight: 500;
    background-color: #03BF7A;
    padding: 2px 10px;
    border-radius: 10px;
    color: #FFF;
    margin-left: 0;
    margin-top: 2px;
    min-width: 110px;
    text-align: center;
}
.card_request .card_title_container .card_applied_on{
    float:left;
    font-size:14px;
    font-weight: 600;
    color:#292E31;
    margin-left:58px;
}
.card_request .card_title_container .card_applied_on .value{
    color:#03BF7A;
}

.card_request .card_title_container .card_applied_count{
    float:left;
    font-size:14px;
    font-weight: 600;
    color:#292E31;
    margin-left:65px;
}
.card_request .card_title_container .card_applied_count .value{
    color:#03BF7A;
}

.card_request .card_field_row{
    float:left;
    width:100%;
    margin-bottom: 5px;
}

.card_field_row .card_field_item{
    float:left;
    width:33%;
    font-size:13px;
    color:#292E31;
}
.card_field_row .card_field_item .card_field_caption{
    float:left;
    max-width:49%;
}
.card_field_row .card_field_item .card_field_value{
    float:left;
    max-width:49%;
    margin-left: 2%;
    font-weight: 500;
}
.card_request .card_field_row .card_field_item:last-of-type .card_field_caption {
    max-width: 36%;
}
.card_request .card_field_row .card_field_item:last-of-type .card_field_value {
    max-width: 66%;
    word-break: break-all;
}

.card_request .card_field_row .card_field_item:last-of-type .card_field_value .image_block{
    width:150px;
}
.card_request .card_field_row .card_field_item:last-of-type .card_field_value .image_block img{
    max-width:100%;
}
.card_request_button{
    float:right;
    margin-right: 22px;
}
.card_request_button .card_dropdown{
    float: left;
}
.card_request_button .card_dropdown .btn_orange{
    padding:5px 10px;
    width:150px;
    font-size: 17px;
}

#apply_visiting_card_modal.common_modal .modal-dialog,
#apply_id_card_modal.common_modal .modal-dialog,
#edit_apply_visiting_card_modal.common_modal .modal-dialog,
#edit_apply_id_card_modal.common_modal .modal-dialog{
    width:550px;
}
#apply_visiting_card_modal.common_modal .modal-dialog .label_bold,
#apply_id_card_modal.common_modal .modal-dialog .label_bold{
    margin-bottom: 5px;
}
.user_card_list_out .edit_button{
    float:right;
}
.user_card_list_out .btn_blue{
    width:100px;
    float:right;
    padding-top:3px;
    padding-bottom:3px;
}

.user_card_list_out .dynamic_modal_content_source{
    display: none;
}

.box_download_photo {
    float: left;
}

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

.box_download_photo .btn_photo_link {
    font-size: 18px;
    color: #3D85F9;
}

.box_download_photo .btn_photo_link:hover {
    text-decoration: none;
    color: #186cf3;
}

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

#edit_apply_id_card_modal .card_file_upload{
    display: none;
}

.confirm_delete_card{

}

.file_upload_helptext_container,
.file_upload_helptext_container_edit{
    float: left;
    width: 100%;
    font-size: 13px;
    margin-top: 5px;
    font-style: italic;
}
.form-group .disclaimer_text{
    width: 100%;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
    color: #EE001C;
}
.visiting_card_list_image{
    max-width: 60px;
    height: auto;
}
.card_updated_at_text{
    display: block;
    font-size:12px;
}
.card_listing_panel.listing_panel .custom_date_filter_panel{
    padding-left:0;
}
.user_card_list_out .card_listing_panel.listing_panel .btn_blue{
    padding-top:9px;
    padding-bottom:9px;
}

#view_woderlapass_modal.common_modal .modal-dialog{
    max-width: 700px;
}

#view_woderlapass_modal .wonderla_full{
    float:left;
    width:100%;
}
#view_woderlapass_modal.common_modal .form-group{
    margin-bottom: 10px;
}
#view_woderlapass_modal .label_bold{
    float:left;
    width:30%;
    margin-bottom: 0;
}

#view_woderlapass_modal .form-control-static{
    float:left;
    width:70%;
}

#view_woderlapass_modal .form_group_block{
    float:left;
    width:100%;
    padding-left:20px;
}

#view_woderlapass_modal .members_container{
    float:left;
    width:100%;
}


/* Cab booking filter section */

.listing_filter .listing_filter_cab_approval {
    width: auto;
    float: left;
    margin-top: 0;
    padding-left: 0;
    margin-right: 12px;
    display: block;
}

.listing_filter .listing_filter_cab_approval .form-control {
    width: 150px;
    float: left;
    background-color: #F2F4F5;
    border: 1px solid transparent;
    color: #131313;
    font-size: 15px;
    padding: 10px 15px;
    margin: 0 5px 0 5px !important;
}

.listing_filter .listing_filter_cab_approval .form-control.error {
    border-color: #EE001C;
}

.listing_filter .listing_filter_cab_approval .btn_medium {
    margin-left: 5px;
}

#cab_booking_approval_modal .title_text {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #131313;
    padding-bottom: 14px;
}

#cab_booking_approval_modal .dynamic_modal_content {
    width: 100%;
    float: left;
}

#cab_booking_approval_modal .form_static_single_top {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 5px;
    margin-bottom: 14px;
}

#cab_booking_approval_modal .form_static_single {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}
#cab_booking_approval_modal .form_static_single .name {
    float: left;
    color: #333333;
    padding-right: 9px;
}
#cab_booking_approval_modal .form_static_single .text {
    float: left;
}

#cab_booking_approval_modal .form_static_single_border {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 14px;
}

#cab_booking_approval_modal .span_text {
    color:#E14444;
}

#cab_booking_approval_modal .dynamic_modal_content_source {
    display: none;
}

#cab_booking_approval_modal .form_section_content{
    float:left;
    width:100%;
    border-top: 1px solid #F1F1F1;
    padding-top: 14px;
    margin-top: 10px; 
}
#cab_booking_approval_modal .form_section_content_left {
    float:left;
    width:70%;
    padding:5px 25px 20px 25px;
}
#cab_booking_approval_modal .form_field_row{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 15px;
}
#cab_booking_approval_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 8px 20px;
    font-size: 15px;
}
#cab_booking_approval_modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}
#cab_booking_approval_modal .form_field_row:last-of-type{
    margin-bottom: 0;
}
#cab_booking_approval_modal .form_field_row .field_caption{
    float:left;
    width:35%;
    color:#1A1A1A;
    text-align: right;
    font-weight: 500;
    padding-right: 10px;
    line-height: 2.6em;
}

#cab_booking_approval_modal .form_field_row .field_element{
    float:left;
    width:65%;
}
#cab_booking_approval_modal .form_field_row .form-control{
    padding:9px 20px;
    font-size:15px;
}

#cab_booking_approval_modal textarea.form-control {
    height: 100px
}

#cab_booking_approval_modal .button_container{
    float: left;
    width: 100%;
    margin: 10px 0;
}
#cab_booking_approval_modal .button_container .btn{
    width: 200px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
}
#cab_booking_approval_modal .button_container .btn_reject{
    min-width: 150px;
    border-radius: 3px;
    background-color: transparent;
    font-size: 14px;
    color: #E14444;
    border:1px solid #DDDFDF;
    text-align: center;
    margin-left: 100px;
}

#cab_booking_edit_approval_modal .title_text {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #131313;
    padding-bottom: 14px;
}

#cab_booking_edit_approval_modal .dynamic_modal_content {
    width: 100%;
    float: left;
}

#cab_booking_edit_approval_modal .form_static_single_top {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

#cab_booking_edit_approval_modal .form_static_single {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}
#cab_booking_edit_approval_modal .form_static_single .name {
    float: left;
    color: #333333;
    padding-right: 9px;
}
#cab_booking_edit_approval_modal .form_static_single .text {
    float: left;
}

#cab_booking_edit_approval_modal .form_static_single_border {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 14px;
}

#cab_booking_edit_approval_modal .span_text {
    color:#E14444;
}

#cab_booking_edit_approval_modal .dynamic_modal_content_source {
    display: none;
}

#cab_booking_edit_approval_modal .form_section_content{
    float:left;
    width:100%;
}

#cab_booking_edit_approval_modal .form_section_content_left {
    float:left;
    width:49%;
    padding:0;
}

#cab_booking_edit_approval_modal .form_section_content_left:nth-child(2) {
    float: right;
}

#cab_booking_edit_approval_modal .form_section_content_left .field_caption {
    width: 100%;
}
#cab_booking_edit_approval_modal .form_section_content_left .field_caption {
    width: 100%;
}
#cab_booking_edit_approval_modal .form_field_row{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 15px;
}
#cab_booking_edit_approval_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 8px 20px;
    font-size: 15px;
}
#cab_booking_edit_approval_modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}
#cab_booking_edit_approval_modal .form_field_row:last-of-type{
    margin-bottom: 0;
}
#cab_booking_edit_approval_modal  .form_field_row .field_caption{
    float:left;
    width:100%;
    color:#1A1A1A;
    text-align: left;
    font-weight: 500;
    padding-right: 10px;
    line-height: 2.6em;
}

#cab_booking_edit_approval_modal .form_field_row .field_element{
    float:left;
    width:100%;
}
#cab_booking_edit_approval_modal .form_field_row .form-control{
    padding:9px 20px;
    font-size:15px;
}

#cab_booking_edit_approval_modal textarea.form-control {
    height: 100px
}

#cab_booking_edit_approval_modal .form_section_content {
    border-top: 1px solid #eeeeee;
    padding-top: 10px;
}

#cab_booking_edit_approval_modal .button_container{
    float: left;
    width: 100%;
    margin: 10px 0;
}
#cab_booking_edit_approval_modal .button_container .btn{
    width: 150px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    margin-right: 20px;
}

/* ID Card Crop Function */
.id_card_crop_container{
    float:left;
    width:100%;
    margin-bottom: 15px;
    display: none;
}

.id_card_crop_container .crop_image{
    float:left;
    width:100%;
    height: 200px;
}

.id_card_crop_container .crop_image img{
    max-width: 100%;
}




/* Cab booking view modal */
.listing_table_container .dynamic_modal_content_source_view {
    display: none;
}
.listing_table_container .dynamic_modal_content_source_edit {
    display: none;
}

#cab_booking_view_modal .title_text {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #131313;
    padding-bottom: 14px;
}

#cab_booking_view_modal .dynamic_modal_content {
    width: 100%;
    float: left;
}

#cab_booking_view_modal .form_static_single_top {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 5px;
    margin-bottom: 14px;
}

#cab_booking_view_modal .form_static_single {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}
#cab_booking_view_modal .name {
    float: left;
    color: #333333;
    padding-right: 9px;
}
#cab_booking_view_modal .text {
    float: left;
}

#cab_booking_view_modal .form_static_single_border {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 14px;
}

#cab_booking_view_modal .span_text {
    color:#E14444;
}

#cab_booking_view_modal .form_section_content{
    float:left;
    width:100%;
    border-top: 1px solid #F1F1F1;
    padding-top: 14px;
    margin-top: 10px; 
}
#cab_booking_view_modal .form_section_content_left {
    float:left;
    width:70%;
    padding:5px 25px 20px 25px;
}
#cab_booking_view_modal .form_field_row{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 15px;
}

#cab_booking_view_modal .field_caption{
    float:left;
    width:35%;
    color:#1A1A1A;
    text-align: right;
    font-weight: 500;
    padding-right: 10px;
    line-height: 2.6em;
}

#cab_booking_view_modal .field_element{
    float:left;
    width:65%;
}
#cab_booking_view_modal .form_field_row .form-control{
    padding:9px 20px;
    font-size:15px;
}

#cab_booking_view_modal .field_single_last {
    width: 100%;
    float: left;
    font-size: 16px;
    border-top: 1px solid #F1F1F1;
    padding-top: 12px;
    margin-top: 5px;
}

/* ID Card Fix */
#apply_id_card_modal .file_upload_error_text,
#edit_apply_id_card_form .file_upload_error_text_edit{
    display: none;
    float:left;
    width:100%;
    color:#EE001C;
    font-size: 16px;
}


/* Conform New Modal */
.confirm_delete_new.modal {
    z-index: 1060;
}

.confirm_delete_new .modal-dialog {
    min-width: 500px;
}

.confirm_delete_new .modal_footer_new {
    width: 100%;
    float: left;
    border-top: none;
    padding: 5px 25px 25px 25px;
}
.confirm_delete_new .modal_footer_new .btn {
    width: 48%;
    float: left;
    border-radius: 3px;
    font-size: 14px;    
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    min-width: 120px;
    outline: none;
}
.confirm_delete_new .modal_footer_new .btn:focus {
    outline: none;
    box-shadow: none !important;
}

.confirm_delete_new .modal_footer_new .btn-default {
    width: 48%;
    float: right;
    background-color: transparent;
    color: #E14444;
    border:1px solid #DDDFDF;
}

.confirm_delete_new .modal-body {
    padding: 25px;
    padding-bottom: 0;
    text-align: left;
}



/* Attendance Punching Details */

.leave_box_details_out {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.leave_box_details_out .select_year {
    width: 15%;
}

.leave_box_details_out .select_month {
    width: 17%;
}

.leave_box_details {
    width: 100%;
    float: left;
    border: 1px solid #DDDFDF;
    background-color: #FAFAFA;
    padding: 8px 0;
    margin: 35px 0 30px 0;
}

.leave_box_details .leave_box_out {
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: 1px solid #DDDFDF;
    padding: 0 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.leave_box_details .leave_box_out:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.leave_box_details .leave_box {
    width: 19.6%;
    float: left;
    text-align: center;
    display: inline-block;
}

.leave_box_details .day_text {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #262626;
    text-align: center;
    padding-bottom: 7px;
}

.leave_box_details .day_count {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #262626;
    text-align: center;    
}


.leave_box_info {
    width: 100%;
    float: left;
    min-height: 40px;
    border: 1px solid #DDDFDF;
    background-color: #FAFAFA;
    /*padding: 8px 20px;*/
    margin: 0 0 30px 0;
}

.leave_box_info .col_box_white {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    padding: 8px 20px;
}

.leave_box_info .col_box_gray {
    padding: 8px 20px;
}

.leave_box_info .day_text {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #262626;
    text-align: center;
    padding-bottom: 9px;
}

.leave_box_info .day_count {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #262626;
    text-align: center;    
}

.leave_box_info .col_box_white .day_text {
    font-weight: 600;
}

.leave_box_info .col_box_white .day_count {
    font-weight: normal;
}

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

.top_cal_select_box .select_box_left {
    float: left;
}

.top_cal_select_box .select_year {
    width: 15%;
    float: left;
    margin-right: 15px;
}

.top_cal_select_box .select_month {
    width: 17%;
    float: left;
}

.top_cal_select_box .legend_box_out {
    width: 24%;
    float: right;
}

.top_cal_select_box .legend_box_in {
    width: 50%;
    float: left;
}

.top_cal_select_box .legend_box {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #333333;
    line-height: 15px;
    font-weight: 500;
    text-align: left;
    padding-left: 0;
    margin-bottom: 5px;
}

.top_cal_select_box .legend_box span {
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 6px;
    margin-top: 2px;
    margin-left: -16px;
}

.date_section_box_info {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto;
}

.date_section_box_info .form-control {
    font-size: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.attendance_box_punching {
    width: 100%;
    float: left;
    border:1px solid #DDDFDF;
    border-radius: 5px;
    margin-top: 20px;
}

.attendance_box_punching p {
    font-size: 18px;
    color: #262626;
    text-align: center;
    font-weight: 600;
    padding: 15px 0;
}

.attendance_box_punching .data_table {
    width: 100%;
}

.attendance_box_punching .data_table thead {
    width: 100%;
    font-size: 15px;
    font-weight: 400 !important;
    color: #262626;
    border-top: 1px solid #DDDFDF;
    border-bottom: 1px solid #DDDFDF;
}

.attendance_box_punching .data_table th {
    font-weight: 400 !important;
    text-align: center;
    padding: 9px 0;
    background: #fff;
}

.attendance_box_punching .data_table tbody {
    width: 100%;
}

.attendance_box_punching .data_table tr td {
    width: 14.28%;
    border-left: 1px solid #DDDFDF;
    border-bottom: 1px solid #DDDFDF;
}

.attendance_box_punching .data_table tr td:first-child {
    border-left: none;
}

.attendance_box_punching .data_table tr:last-child td {
    border-bottom: none;
}

.attendance_box_punching .data_table .day_box {
    width: 100%;
    height: 170px;
    margin: 0;
    justify-content: center;
    padding: 6px 4px;
    border-radius: 0;
    background: transparent;
    color: #3D85F9;
    cursor: default;
    position: relative;
}
.attendance_box_punching .data_table .day_number {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: 500;    
    padding-right: 6px;
    text-align: right;
}

.attendance_box_punching .data_table .not_empty {
    background: #fff;
    color: #000000;
    border:none;
}

.attendance_box_punching .data_table .time_text {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 8px;
    left: 0;
    font-size: 12px;
    color: #000000;
    text-align: left;
    padding: 0 10px 0 10px;
}

.attendance_box_punching .data_table .holiday_name {
    width: 100%;
    float: left;
    list-style: none;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    padding: 0 0 5px 0;
    margin: 0;
}

.attendance_box_punching .data_table .holiday_name li {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.attendance_box_punching .data_table .leave_text {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 6px;
}

.attendance_box_punching .data_table .leave_text span {
    width: 40px;
    float: left;
}

.attendance_box_punching .data_table .check_in {
    width: 100%;
    float: left;    
    padding-bottom: 2px;
}

.attendance_box_punching .data_table .check_in span {
    width: 32px;
    float: left;
}

.attendance_box_punching .data_table .session_list {
    width: 100%;
    float: left;
    border:1px solid #333333;
    border-bottom: none;
    margin-top: 2px;
}
.attendance_box_punching .data_table .session_row {
    width: 100%;
    float: left;
    border-bottom:1px solid #333333;
}
.attendance_box_punching .data_table .session_column {
    width: 25%;
    float: left;
    text-align: center;
    border-left:1px solid #333333;
}

.attendance_box_punching .data_table .session_column:first-child {
    border-left: none;
}

/* Attendance Relarization */
.regularize_box_details_out {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.regularize_box_details_out .listing_panel, 
.regularize_box_details_out .listing_header,
.regularize_box_details_out .listing_table_container {
    padding-right: 0;
    padding-left: 0;
}

.regularize_box_details_out a.page_navigation.no_sidebar {
    margin-left: 0;
}

.regularize_box_details_out .select_year {
    width: 15%;
}

.regularize_box_details_out .select_month {
    width: 17%;
}


/* Attendance Regularization Edit modal */
#attendance_reqularise_modal.common_modal .modal-dialog{
    max-width: 535px;
}

#attendance_reqularise_modal .field_single {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

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

#attendance_reqularise_modal .form_modal_container .yes_no_radio label {
    font-size: 16px;
}

#attendance_reqularise_modal .field_row_full_input {
    width: 100%;
    float: left;
}

#attendance_reqularise_modal .field_row_input {
    width: 100%;
    float: left;
    font-size:16px;
    margin-bottom: 13px;
}

#attendance_reqularise_modal .field_row_input .field_name {
    width: 100%;
    float: left;
    color: #131313;
    font-weight: 500;
    padding-bottom: 7px;
}

#attendance_reqularise_modal .field_row_input .field_text {
    width: 100%;
    float: left;
}

#attendance_reqularise_modal .field_row_input .form-control {
    font-size:15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#attendance_reqularise_modal .checkbox span, 
#attendance_reqularise_modal .radio span {
    margin-right: 6px;
}

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

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

#attendance_reqularise_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#attendance_reqularise_modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 0;
}

#attendance_reqularise_modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -15px;
    margin-top: -8px;
    border-width: 7px 5px 0 5px;
}

#attendance_reqularise_modal .dynamic_modal_content_source {
    display: none;
}

#attendance_reqularise_modal .button_container{
    float: left;
    width: 100%;
    margin: 10px 0;
}

#attendance_reqularise_modal .button_container .btn {
    width: 100%;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
}

#attendance_reqularise_modal .batch_file_upload_container {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}
#attendance_reqularise_modal .batch_file_upload_container .form-error{
    margin-bottom: 0;
}
#attendance_reqularise_modal .file_upload_input_container .file_upload_input {
    padding: 4px 30px;
    font-size: 15px;
    font-weight: 500;
}

#attendance_reqularise_modal .file_upload_input_container .upload_item .item_input {
    float: left;
    width: 65%;
}

#attendance_reqularise_modal .file_upload_input_container .file_upload_input .file_caption {
    width: 160px;
}

#attendance_reqularise_modal .file_upload_input_container .upload_file_delete {
    margin-top: 7px;
}

#attendance_reqularise_modal .note_text {
    width: 100%;
    float: left;
    font-size: 13px;
    font-style: italic;
    color: #EE001C;
}

/* Attendance Regularization Only modal */
#attendance_reqularise_modal_view.common_modal .modal-dialog{
    max-width: 535px;
}

#attendance_reqularise_modal_view .field_single {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

#attendance_reqularise_modal_view .field_row_full_input {
    width: 100%;
    float: left;
}

#attendance_reqularise_modal_view .field_row_input {
    width: 100%;
    float: left;
    font-size:16px;
    margin-bottom: 13px;
}

#attendance_reqularise_modal_view .field_row_input .field_name {
    width: 100%;
    float: left;
    color: #131313;
    font-weight: 500;
    padding-bottom: 7px;
}

#attendance_reqularise_modal_view .field_row_input .field_text {
    width: 100%;
    float: left;
}

#attendance_reqularise_modal_view .field_row_input .form-control {
    font-size:15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#attendance_reqularise_modal_view .dynamic_modal_content_source {
    display: none;
}

#attendance_reqularise_modal_view .checkbox span {    
    margin-right: 5px;
}

#attendance_reqularise_modal_view .button_container {
    float: left;
    width: 100%;
    margin: 10px 0;
}

#attendance_reqularise_modal_view .button_container .btn {
    width: 100%;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
}


#ui-datepicker-div {
    z-index: 1051 !important
}


/* List Attendance Reqularization Approval */
/*START:attendance approval*/
.listing_panel .listing_table_container .table_container>table>thead>tr>th.bulk_action, 
.listing_panel .listing_table_container .table_container>table>thead>tr>th.bulk_action:first-child {
    padding-left: 15px;
    width: 50px;
    min-width: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.bulk_action .access_boxes {    
    /*background: #c7cccc;*/
    padding: 0 0 0 0; 
    clear: both;
    margin-left: 0;
     margin-bottom: 0px;
     margin-top: 2px;
     position: relative; 
}
.bulk_action .btn-group .dropdown-toggle:after {
    position: absolute !important;
    left: 5px !important;
    top: 7px !important;
}

.bulk_action .checkmark{
    position: absolute;
    height: 18px;
    width: 18px;
}

.bulk_action .list_item_checkbox label {
    margin-bottom: -2px;
}

.bulk_action button {
    width: 29px;
    height: 46px;
    font-weight: 400;
}

.bulk_action .btn_blue {
    font-weight: 400 !important;
}

.bulk_action .btn-danger {
    height: auto;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}
.bulk_action .btn-danger:focus {
    background-color: transparent!important;
    border-color: transparent!important;
    box-shadow: none !important;
}
.bulk_action .show>.btn-danger:focus {
    background-color: transparent!important;
    border-color: transparent!important;
    box-shadow: none!important;
}

.bulk_action .show>.btn-danger.dropdown-toggle {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
}

.bulk_action .btn-group {
    height: 35px !important;
    left: 35px;
    top: auto;
    padding: 0;
    bottom: auto;
    margin: -26px 0 0 20px;
    position: absolute;
} 

.bulk_action .dropdown-toggle::after {
    border-top: .3em solid #888888;
}

.bulk_action .dropdown-item.disabled, 
.bulk_action .dropdown-item:disabled {
    cursor: not-allowed;
    pointer-events: none;
}
/*END:attendance approval*/
.attendance_approval.listing_panel .custom_date_filter_panel .form-control {
    margin-right: 10px;
}

.attendance_approval.listing_panel .custom_date_filter_panel button {
    margin-left: 0;
}

.attendance_approval.listing_panel .listing_filter select#filter_date_status {
    width: 180px;
}

.attendance_approval.listing_panel .listing_filter select#filter_requested_on {
    width: 160px;
}

.attendance_approval .custom_date_filter_panel_out #button_reg{
    display: none;
    margin: 10px 0 0 0;
}

.attendance_approval .custom_date_filter_panel_out {
    width: 100%;
    float: left;
}

.attendance_approval .custom_date_filter_panel_out .custom_date_filter_panel {
    /*width: 380px;*/
    float: left;
}

.attendance_approval .custom_date_filter_panel_out #custom_date_filter_panel_reg {
    width: 300px;
    padding-left: 0;
}

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

.attendance_approval .approve_request_button {
    font-size: 15px;
    font-weight: 500;
}

.attendance_approval .approve_request_button.disabled {
    color: rgba(0,86,179,0.6);
    pointer-events: none;
    cursor: not-allowed;
}

/* Attendance Reqularization Approval modal */
#attendance_reqularise_modal_approval.common_modal .modal-dialog{
    max-width: 700px;
}

#attendance_reqularise_modal_approval .field_single {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

#attendance_reqularise_modal_approval .field_row_full_input {
    width: 100%;
    float: left;
}

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

#attendance_reqularise_modal_approval .field_row_last {
    width: 100%;
    float: left;
    font-size:15px;
    color: #131313;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: 5px;
    word-break: break-all
}

#attendance_reqularise_modal_approval .field_row .field_row_left {
    width: 40%;
    float: left;    
}

#attendance_reqularise_modal_approval .field_row .field_row_left:last-child {
    width: 60%;
}

#attendance_reqularise_modal_approval .field_name {
    float: left;    
    font-weight: 500;
    padding-right: 7px;
}

#attendance_reqularise_modal_approval .field_text {
    float: left;
}

#attendance_reqularise_modal_approval .field_text span {
    font-weight: 500;
}

#attendance_reqularise_modal_approval .field_row_last_full .field_name {
    width: 23%;
}

#attendance_reqularise_modal_approval .field_row_last_full .field_text {
    width: 77%;
}

#attendance_reqularise_modal_approval .field_row .form-control {
    font-size:15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#attendance_reqularise_modal_approval .dynamic_modal_content_source {
    display: none;
}

#attendance_reqularise_modal_approval .button_container{
    float: left;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    margin: 5px 0 0 0;
    padding-top: 15px;
}

#attendance_reqularise_modal_approval .button_container .btn {
    width: 180px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
}

 #attendance_reqularise_modal_approval .button_container .btn_reject{
    width: 180px;
    float: left;
    border-radius: 3px;
    background-color: transparent;
    font-size: 14px;
    color: #c82333;
    font-weight: 500;
    border:1px solid #DDDFDF;
    text-align: center;
    margin-left: 25px;
    padding-top: 9px;
    padding-bottom: 9px;    
}

#attendance_reqularise_modal_approval .button_container .btn_reject:focus {
    box-shadow: none;
}


/* Attendance Reqularization Approval view modal */
#attendance_reqularise_modal_approval_view.common_modal .modal-dialog{
    max-width: 700px;
}

#attendance_reqularise_modal_approval_view .field_single {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

#attendance_reqularise_modal_approval_view .field_row_full_input {
    width: 100%;
    float: left;
}

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

#attendance_reqularise_modal_approval_view .field_row_last {
    width: 100%;
    float: left;
    font-size:15px;
    color: #131313;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    padding-bottom: 6px;
    margin-top: 5px;
    word-break: break-all;    
}

#attendance_reqularise_modal_approval_view .field_row .field_row_left {
    width: 40%;
    float: left;    
}

#attendance_reqularise_modal_approval_view .field_row .field_row_left:last-child {
    width: 60%;
}

#attendance_reqularise_modal_approval_view .field_name {
    float: left;    
    font-weight: 500;
    padding-right: 7px;
}

#attendance_reqularise_modal_approval_view .field_text {
    float: left;
}

#attendance_reqularise_modal_approval_view .field_text span {
    font-weight: 500;
}

#attendance_reqularise_modal_approval_view .field_row_last_full .field_name {
    width: 23%;
}

#attendance_reqularise_modal_approval_view .field_row_last_full .field_text {
    width: 77%;
}

#attendance_reqularise_modal_approval_view .field_row .form-control {
    font-size:15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#attendance_reqularise_modal_approval_view .dynamic_modal_content_source {
    display: none;
}

/* Attendance Reqularization Reject modal */
#attendance_reqularise_modal_reject {
    z-index: 1100;
    margin-left: -17px;
}
#attendance_reqularise_modal_reject.common_modal .modal-dialog{
    max-width: 535px;
}

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

#attendance_reqularise_modal_reject .field_row .form-control {
    font-size:15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#attendance_reqularise_modal_reject .dynamic_modal_content_source {
    display: none;
}

#attendance_reqularise_modal_reject .button_container {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}

 #attendance_reqularise_modal_reject .button_container .btn_reject{
    width: 180px;
    float: right;
    border-radius: 3px;
    background-color: transparent;
    font-size: 14px;
    color: #c82333;
    font-weight: 500;
    border:1px solid #DDDFDF;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;    
}

#attendance_reqularise_modal_reject .button_container .btn_reject:focus {
    box-shadow: none;
}
/* End# Attendance Regularization */


/* Start# Comp off approval styles 
/* Comp off approval Approval view modal */
#comp_off_modal_approval_view.common_modal .modal-dialog{
    max-width: 680px;
}

#comp_off_modal_approval_view .field_single {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

#comp_off_modal_approval_view .field_row_full_input {
    width: 100%;
    float: left;
}

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

#comp_off_modal_approval_view .field_row_last {
    width: 100%;
    float: left;
    font-size:15px;
    color: #131313;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: 5px;
    word-break: break-all;
}

#comp_off_modal_approval_view .field_row_left {
    width: 50%;
    float: left;    
}

#comp_off_modal_approval_view .field_name {
    float: left;    
    font-weight: 500;
    padding-right: 7px;
}

#comp_off_modal_approval_view .field_text {
    float: left;
}

#comp_off_modal_approval_view .field_row_last_full .field_name {
    width: 18%;
}

#comp_off_modal_approval_view .field_row_last_full .field_text {
    width: 82%;
}

#comp_off_modal_approval_view .field_row .form-control {
    font-size:15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#comp_off_modal_approval_view .dynamic_modal_content_source {
    display: none;
}

/* Comp-off approval */
#comp_off_modal_approval.common_modal .modal-dialog{
    max-width: 680px;
}

#comp_off_modal_approval .field_single {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

#comp_off_modal_approval .field_row_full_input {
    width: 100%;
    float: left;
}

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

#comp_off_modal_approval .field_row_last {
    width: 100%;
    float: left;
    font-size:15px;
    color: #131313;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 10px;
    word-break: break-all;    
}

#comp_off_modal_approval .field_row_left {
    width: 50%;
    float: left;    
}

#comp_off_modal_approval .field_name {
    float: left;    
    font-weight: 500;
    padding-right: 7px;
}

#comp_off_modal_approval .field_text {
    float: left;
}

#comp_off_modal_approval .field_text span {
    font-weight: 500;
}

#comp_off_modal_approval .field_row_last_full .field_name {
    width: 18%;
}

#comp_off_modal_approval .field_row_last_full .field_text {
    width: 82%;
}

#comp_off_modal_approval .field_row .form-control {
    font-size:15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#comp_off_modal_approval .dynamic_modal_content_source {
    display: none;
}

#comp_off_modal_approval .button_container{
    float: left;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    margin: 7px 0 0 0;
    padding-top: 15px;
}

#comp_off_modal_approval .button_container .btn {
    width: 180px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
}

 #comp_off_modal_approval .button_container .btn_reject{
    width: 180px;
    float: left;
    border-radius: 3px;
    background-color: transparent;
    font-size: 14px;
    color: #c82333;
    font-weight: 500;
    border:1px solid #DDDFDF;
    text-align: center;
    margin-left: 25px;
    padding-top: 9px;
    padding-bottom: 9px;    
}

#comp_off_modal_approval .button_container .btn_reject:focus {
    box-shadow: none;
}


/* Comp off Reject modal */
#comp_off_modal_reject {
    z-index: 1100;
    margin-left: -17px;
}
#comp_off_modal_reject.common_modal .modal-dialog{
    max-width: 535px;
}

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

#comp_off_modal_reject .field_row .form-control {
    font-size:15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#comp_off_modal_reject .dynamic_modal_content_source {
    display: none;
}

#comp_off_modal_reject .button_container {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

 #comp_off_modal_reject .button_container .btn_reject{
    width: 180px;
    float: right;
    border-radius: 3px;
    background-color: transparent;
    font-size: 14px;
    color: #c82333;
    font-weight: 500;
    border:1px solid #DDDFDF;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;    
}

#comp_off_modal_reject .button_container .btn_reject:focus {
    box-shadow: none;
}
/*End#Comp off Style*/


/*Start#Enable and Disable Employee Directory in header*/
#enable_employee_directory h5 {
    font-size: 18px;
    color: #131313;
    font-weight: 600;
    padding-bottom: 3px;
}

#enable_employee_directory .modal-header {
    padding: 1rem 25px;
}

#enable_employee_directory .modal-header .close{
    margin: 0;
    top: 4px;
    right: 23px;
    padding: 0;
}

#enable_employee_directory .modal-body {
    padding: 1rem 25px;
}

#enable_employee_directory .modal-footer {
    padding: 1rem 25px;
}

.emp_sett_link {
    width: 24px;
    position: absolute;
    top: 22px;
    right: 17px;
    color: #3D85F9;
    cursor: pointer;
}

.confirm_update_sett {
    font-size: 16px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
}

.emp_directory_enable {
    width: 100%;
    float: left;
    padding: 0 0 9px 0;
}

.emp_directory_enable.padd_none {
    padding-bottom: 2px;
}

.emp_directory_enable .label_text {
    float: left;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    padding-top: 5px;
}

.emp_directory_enable .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 31px;
  float: right;
}

.emp_directory_enable .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.emp_directory_enable .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.emp_directory_enable .slider:before {
  position: absolute;
  content: "";
  height: 29px;
  width: 30px;
  left: 1px;
  bottom: 1px;
  background: url('/images/peopledesk_1_0/icons/switch_icon_not_checked_new.svg') center center no-repeat;    
  -webkit-transition: .4s;
  transition: .4s;
}

.emp_directory_enable .slider:after {
    display: none;
}

.emp_directory_enable input:checked + .slider {
  background-color: #03BF7A;
}

.emp_directory_enable input:checked + .slider:before {
  background: url('/images/peopledesk_1_0/icons/icon_toggle_tick_on.svg') center center no-repeat;
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.emp_directory_enable .slider.round {
  border-radius: 34px;
}

.emp_directory_enable .slider.round:before {
  border-radius: 50%;
}

.emp_directory_enable .form-control {
    font-size: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
}
/*End#Enable and Disable Employee Directory in header*/


/* Mediclaim E-Card Upload */
#employee_mediclaim_upload_modal.common_modal .modal-dialog{
    max-width: 550px;
}

#employee_mediclaim_upload_modal .field_single {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

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

#employee_mediclaim_upload_modal .field_name {
    width: 100%;
    float: left;    
    font-weight: 500;
    padding-bottom: 7px;
}

#employee_mediclaim_upload_modal .field_text {
    width: 100%;
    float: left;
}

#employee_mediclaim_upload_modal .field_row .form-control {
    font-size:15px;
    padding-top: 9px;
    padding-bottom: 9px;
}

#employee_mediclaim_upload_modal .file_upload_input_container .file_upload_input {
    font-size: 15px;
    padding: 4px 0;
    width: 200px;
}

#employee_mediclaim_upload_modal .file_upload_input_container .file_upload_input .file_caption {
    width: 200px;
    text-align: center;
    max-width: 200px;
    padding: 0 15px;
}

#employee_mediclaim_upload_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size:15px;
    padding-top: 9px;
    padding-bottom: 9px;
}

#employee_mediclaim_upload_modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -16px;
    margin-top: -10px;
    border-width: 7px 6px 0 6px;
}

#employee_mediclaim_upload_modal .button_container {
    width: 100%;
    float: left;
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
}

#employee_mediclaim_upload_modal .button_container .btn {
    width: 200px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
}

#employee_mediclaim_upload_modal .button_container .btn_blue {
    float: right;
}

#employee_mediclaim_upload_modal .button_container .btn_reject{
    width: 150px;
    float: left;
    border-radius: 3px;
    background-color: transparent;
    font-size: 14px;
    color: #E14444;
    border:1px solid #DDDFDF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;    
}

#employee_mediclaim_upload_modal .field_row_input {
    width: 100%;
    float: left;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding-top: 15px;
    margin-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
#employee_mediclaim_upload_modal .field_row_input .field_name {
    width: 20%;
    padding-top: 9px;
}
#employee_mediclaim_upload_modal .field_row_input .field_text {
    width: 60%;
}

#employee_mediclaim_upload_modal .field_row_input .field_row {
    margin-bottom: 10px;
}

#employee_profile_view_modal .field_row_input .field_row:first-of-type .field_text{
    width: 40%;
}

/* Employee profile admin mediclam card button view */
.listing_panel .listing_header.employee_profile_admin_list .box_left {
    width: 50%;
}

.listing_panel .listing_header.employee_profile_admin_list .box_right {
    width: 50%;
}

#view_hotel_modal .title_text {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #131313;
    padding-bottom: 14px;
}

#view_hotel_modal .dynamic_modal_content {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 5px;
    margin-bottom: 18px;
}

#view_hotel_modal .form_static_single_top {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    margin-bottom: 10px;
}

#view_hotel_modal .form_static_single {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}
#view_hotel_modal .form_static_single .name {
    float: left;
    color: #333333;
    padding-right: 9px;
}
#view_hotel_modal .form_static_single .text {
    float: left;
    word-wrap: break-word;
}

#view_hotel_modal .form_static_single_border {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
}

#view_hotel_modal .double_occupany {

    float: left;
    width: 100%;
    font-size: 18px;
    color: #131313;
    margin-bottom: 15px;
    font-weight: 500;
}

.submit_employee_rating {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    min-height: 620px;
}

.submit_employee_rating .container {
    width: 100%;
    max-width: 540px;
    padding: 20px;
    margin: 0 auto;
}

.submit_employee_rating .panel-default {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: #DDD 0 0 5px;
    position: relative;
}

.submit_employee_rating .logo_vg {
    position: absolute;
    top: 20px;
    right: 30px;
}

.submit_employee_rating .logo_vg img {
    max-height: 34px;
}

.submit_employee_rating .panel-body {
    width: 100%;
    padding: 30px 30px 14px;
}

.submit_employee_rating .panel-body label {
    font-size: 14px;
    font-weight: 500;
}

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

.submit_employee_rating .yes_no_radio label {
    color: #8C8C8C;
    float: left;
    display: inline-block;
    font-size: 15px;
    padding: 9px 20px;
    cursor: pointer;
    margin-bottom: 0;
    width: 30%;
    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;
}

.submit_employee_rating .yes_no_radio label.middle {
     border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.submit_employee_rating .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;
}

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

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

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

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

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

.submit_employee_rating .rate {
    float: left;
    padding: 0px;
}
.submit_employee_rating .rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}

.submit_employee_rating .rate:not(:checked) > label {
    float:right;
    width: 30px;
    height: auto;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size: 20px;
    color:#ccc;
    margin-right: 6px;
    padding: 5px;
    line-height: 23px;
    background-color: #d8d8d8;
    text-align: center;
}

.submit_employee_rating .rate:not(:checked) > label:before {
    content: '\f005 ';
    font-family: 'FontAwesome';
    color: #FFF;
}

.submit_employee_rating .rate > input:checked ~ label {
    color: #ffc700;
    background-color: #f39302;
}

.submit_employee_rating .rate:not(:checked) > label:hover,
.submit_employee_rating .rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.submit_employee_rating .rate > input:checked + label:hover,
.submit_employee_rating .rate > input:checked + label:hover ~ label,
.submit_employee_rating .rate > input:checked ~ label:hover,
.submit_employee_rating .rate > input:checked ~ label:hover ~ label,
.submit_employee_rating .rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

.submit_employee_rating .btn-primary {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 30px;
}