/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.saml_members input:focus {
    box-shadow: none;
    border: solid 1px #25aae1;
    ;
}

.saml_members a {
    text-decoration: none;
}


/* .saml_filter_holder {
    background: #0D2B42;
}
 */

.saml_filter_form {
    padding: 0;
}

.saml_filter_form .col {
    padding: 5px;
    margin-bottom: 0;
}

.saml_members .container {
    max-width: 800px;
    padding: 0 10px;
}

.saml_filter_holder .row {
    margin: 0 -5px;
}

.saml_filter_form .place_hold {
    position: absolute;
    z-index: 1;
    width: auto;
    height: 100%;
    padding: 10px 20px;
    color: #000;
    line-height: 30px;
}

.saml_member_table thead th,
.saml_member_table tbody td {
    text-align: center;
}

.saml_member_table tbody td a {
    color: #ee3838;
    font-size: 18px;
}

.saml_member_table tbody tr td:last-child a {
    position: relative;
}

.saml_members_wrapper {
    padding-top: 40px;
}

.saml_member_table td ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.saml_member_table tbody tr>* {
    vertical-align: middle;
}

.form-control:focus {
    box-shadow: none;
}

.saml_members_wrapper .dataTables_wrapper>div {
    width: calc(100% + 30px);
    margin-top: 15px;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #e3e3e3;
    background: #fff;
    margin: 0 5px;
    border-radius: 0;
    height: 34px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    color: #25aae1 !important;
}

div#example_wrapper {
    margin: 30px 0;
}

div#example_wrapper #example_filter {
    margin: 0 0 15px;
    justify-content: flex-start;
}

div#example_wrapper #example_filter label {
    justify-content: flex-start;
}


/* table#example {
    margin: 0 0 20px;
}
 */

div#example_paginate ul {
    justify-content: flex-end;
}

div#example_paginate {
    padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none !important;
    color: #25aae1 !important;
}

.bulk_actions {
    margin: 30px 0;
}

.bulk_actions button.dt-button {
    background: #6c757d;
    color: #fff;
    border: none;
    padding: 10px 25px 8px;
    line-height: 22px;
    border-radius: 0;
    text-transform: uppercase;
}

#tableActions.bulk_actions button.dt-button:hover {
    background: #007bff;
    border: none;
}

.bulk_actions .dt-buttons {
    float: none;
}

.employee_detail_wrap {
    padding: 50px 50px;
}

.employee_detail_wrap .flex_wrap_employee {
    margin-top: 15px;
}

.flex_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.title_wrap {
    display: flex;
    align-items: center;
}

.title_wrap h3 {
    font-weight: 700;
    margin: 0;
}

.employee_detail_wrap .flex_wrap_employee p {
    margin: 0;
    font-weight: 400;
}

.employee_detail_wrap .flex_wrap_employee span {
    margin-right: 30px;
    font-weight: 700;
}

.venobox-link_employee {
    color: #000;
    font-weight: 400;
}

.venobox-link_employee:hover {
    text-decoration: underline;
}

.vbox-close {
    top: 0;
    right: 0;
}


/* imp */

.vbox-backdrop {
    background-color: #f5f5f5 !important;
}

.vbox-child {
    box-shadow: 0 0 5px rgb(0 0 0 / 2%), 0 6px 6px rgb(0 0 0 / 2%);
}

p.job_title {
    margin: 0 0 0 15px;
    padding-left: 20px;
    position: relative;
}

p.job_title:before {
    content: "/";
    display: inline-block;
    font-size: 25px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -2px;
}

.details_list ul {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 30px;
}

.details_list ul>li {
    margin-bottom: 6px;
}

.details_list ul>li label {
    font-weight: 700;
    margin: 0;
}

.emp_courses .title_wrap h3 {
    font-size: 18px;
    margin-bottom: 0;
}

h3.emp_title {
    color: #0062cc;
}

.vbox-inline.vbox-child {
    border-radius: 10px;
}

#membersTable_filter {
    display: none;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
}

div#example_wrapper #example_filter {
    justify-content: flex-end;
    width: 100%;
}

div#example_wrapper #example_filter label {
    margin-left: 50%;
    justify-content: flex-end;
}

.dataTables_wrapper .dataTables_filter#example_filter input {
    box-shadow: none;
    height: auto;
    line-height: 20px;
    padding: 10px 15px;
    font-size: 14px;
    display: block;
    width: 60%;
    font-weight: 400;
    background-color: #fff;
    color: #495057;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    transition: all 0.15s ease;
    margin: 0 0 0 5px;
}

caption#timeStamp {
    position: absolute;
    top: 0;
    width: 50%;
}

table.dataTable#example tfoot {
    display: none;
}

table.dataTable#example thead {
    background: #444;
    color: #fff;
}

table.dataTable#example thead th,
table.dataTable#example thead td {
    padding: 12px 15px;
    border: 0.5px solid #777;
}

table.dataTable#example tbody th,
table.dataTable#example tbody td {
    padding: 12px 20px;
    border: 0.5px solid #efefef;
    text-transform: capitalize;
}

table.dataTable#example tbody a.saml-core-view-button {
    font-weight: 700;
    position: relative;
    transition: 0.5s ease all;
}

table.dataTable#example tbody a.saml-core-view-button:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #25aae1;
    position: absolute;
    bottom: -3px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease all;
}

table.dataTable#example tbody a.saml-core-view-button:hover:before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

div#download_btn {
    display: inline-block;
    padding: 10px 30px;
    background: #28406D;
    color: #fff;
    border-radius: 4px;
    line-height: 30px;
    transition: 0.5s ease all;
    text-transform: uppercase;
    font-weight: 700;
}

div#download_btn label {
    margin: 0;
}

.conveywp_body h3.llms-group-card-title.download_report {
    margin-top: 30px !important;
}