html {
  scroll-behavior: smooth;
}

/*update users admin datables width*/
body.users-php table.fixed {

	table-layout: auto !important;
}

body #wpfooter {
    position: initial;
}

#wpcontent #wpbody #wpbody-content .wp-bootstrap .container .employee-section-title {
    margin-bottom: 10px;
}

body.users-php #wpbody-content {
	max-width: 100% !important;
	overflow-x: auto !important;
}

body.users-php .widefat * {
	word-wrap: initial !important;
}
body.users-php table thead tr th {
	width: 100%;
	word-break: initial;
    white-space: nowrap;
}

body.users-php table tbody tr td {
	width: 100%;
	word-break: initial;
    white-space: nowrap;
}

span.source-icon i {
    font-size: 30px;
}

.source-key .row div {
    padding-left: 40px;
    position: relative;
    display: flex;
    align-items: center;
}
.source-key span.source-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}
.source-key span.source-icon i{
    vertical-align: middle;
	font-size: 20px;
}

label .fa-searchengin{
	font-size: 20px;
    margin-left: 5px;
    margin-top: -5px;
}

span.h-spacer {
    display: inline-block;
    width: 50px;
}


/* Bootstrap Styling updates */
.wp-bootstrap .form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}

.wp-bootstrap a.icon{
	font-size: 1.5em;
}

.wp-bootstrap tr.highlight{
    background-color: #C9DBF0;
    color: #000;
}
.wp-bootstrap tr.highlight td{
    border-top: 1px solid #C9DBF0;
    border-bottom: 1px solid #C9DBF0;
}

.wp-bootstrap .bs-tooltip-right .arrow{
    margin-left: 0;
}

.wp-bootstrap .tooltip{
    font-family: 'Open Sans';
}
.wp-bootstrap .tooltip.show{
    opacity: 1!important;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/

.wp-bootstrap .alert-success {
    color: #000;
    background-color: #DBE9CF;
    border-color: #DBE9CF;
}
.wp-bootstrap .alert-warning, .alert-error {
    color: #000;
    background-color: #F9EECE;
    border-color: #F9EECE;
}
.wp-bootstrap .alert-danger {
    color: #000;
    background-color: #F4D0C0;
    border-color: #F4D0C0;
}
.wp-bootstrap .alert-info {
    color: #000;
    background-color: #C9DBF0;
    border-color: #C9DBF0;
}

.wp-bootstrap .bg-black {
    background-color: #000!important;
}
.wp-bootstrap .bg-black-2 {
    background-color: #005596!important;
}
.wp-bootstrap .bg-danger {
    background-color: #FB4D42!important;
}
.wp-bootstrap .bg-dark {
    background-color: #A0A0A0!important;
}
.wp-bootstrap .bg-info {
    background-color: #288BE4!important;
}
.wp-bootstrap .bg-primary {
    background-color: #F8CD49!important;
}
.wp-bootstrap .bg-secondary {
    background-color: #565656!important;
}
.wp-bootstrap .bg-success {
    background-color: #85A84C!important;
}

.wp-bootstrap .btn{
    border-radius: 4px;
    font-size: 18px;
    padding: 6px 16px;
    line-height: 20px;
}
.wp-bootstrap .btn.btn-sm{
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.2;
}
.wp-bootstrap .btn:focus {
  outline: none;
  box-shadow: none;
}
.wp-bootstrap .btn-primary,.btn-secondary, .btn-tertiary,
.wp-bootstrap .btn-warning,.wp-bootstrap .btn-light, .btn{
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
}

.wp-bootstrap .btn-primary,
.wp-bootstrap .btn-warning{
    color: #000!important;
    background-color: #F8CD49!important;
    border-color: #F8CD49!important;
}
.wp-bootstrap .btn-secondary {
    color: #F8CD49!important;
    background-color: #000!important;
    border-color: #000!important;
}
.wp-bootstrap .btn-tertiary,
.wp-bootstrap .btn-light{
    color: #000;
    background-color: #fff!important;
    border-color: #000!important;
}
.wp-bootstrap .btn-primary:hover,
.wp-bootstrap .btn-warning:hover{
    color: #fff!important;
    background-color: #565656!important;
    border-color: #565656!important;
}
.wp-bootstrap .btn-secondary:hover {
    color: #fff!important;
    background-color: #000!important;
    border-color: #000!important;
}
.wp-bootstrap .btn-tertiary:hover,
.wp-bootstrap .btn-light:hover{
    color: #fff!important;
    background-color: #000!important;
    border-color: #000!important;
}

.wp-bootstrap .disabled{
    opacity: .7;
}

.wp-bootstrap .text-blue {
    color: #005596!important;
}
.wp-bootstrap .text-primary {
    color: #F8CD49!important;
}
.wp-bootstrap .text-secondary {
    color: #565656!important;
}
.wp-bootstrap .text-success {
    color: #85A84C!important;
}
.wp-bootstrap .text-danger {
    color: #FB4D42!important;
}
.wp-bootstrap .text-warning {
    color: #F3901D!important;
}
.wp-bootstrap .text-info {
    color: #288BE4!important;
}

.wp-bootstrap, .wp-bootstrap p,
.wp-bootstrap .table{
    color: #000;
    font-family: 'Open Sans';
    font-size: 16px;
}

.wp-bootstrap h1,
.wp-bootstrap h2,
.wp-bootstrap h3,
.wp-bootstrap h4,
.wp-bootstrap h5,
.wp-bootstrap h6 {
    clear: both;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    color: #000;
    line-height: 1em;
    text-transform: uppercase;
    margin-top: 0;
}

.wp-bootstrap h2, .wp-bootstrap h3, .wp-bootstrap h4, .wp-bootstrap h5, .wp-bootstrap h6 {
    margin-bottom: 4px;
    margin-top: 5px;
}

.wp-bootstrap h1, .wp-bootstrap .h1{
    font-size: 46px;
}
.wp-bootstrap h2, .wp-bootstrap .h2{
    font-size: 34px;
}
.wp-bootstrap h3, .wp-bootstrap .h3{
    font-size: 28px;
}
.wp-bootstrap h4, .wp-bootstrap .h4{
    font-size: 16px;
}

.wp-bootstrap p {
    margin-top: 5px;
    margin-bottom: 15px;
}

.wp-bootstrap .alert-dismissible .close{
    top: 50%;
    transform: translate(-14px, -50%);
    padding: 0;
}

.reward-batches-btn-export {
    float: right;
}

/*
@media screen and (max-width: 1023px){
    .wp-bootstrap h1, .wp-bootstrap .h1{
        font-size: 38px;
    }
    .wp-bootstrap h2, .wp-bootstrap .h2{
        font-size: 30px;
    }
    .wp-bootstrap h3, .wp-bootstrap .h3{
        font-size: 24px;
    }
}
*/

.reports-tabs {
    display: inline-block;
    margin-right: 5px;
}

.table_to_export tbody tr.inactive {
    color: #6c757d;
}

.table_to_export thead tr th, .table_to_export_report thead tr th {
    white-space: nowrap;
}

.table_to_export .tooltip {
    color: #000;
    font-family: 'Open Sans';
    font-size: 16px;
    display: contents;
    border-bottom: 1px dotted black;
}

.table_to_export .tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    border-radius: 6px;
    text-align: left;
    padding: 10px 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    right: 15px;
    max-width: 400px;
}

#wpbody-content .table_to_export .tooltip .tooltiptext p {
    color: #fff;
    margin: 0;
}

#wpbody-content .table_to_export p {
    color: #000;
    margin: 0;
}
a.btn.small-link {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    font-family: 'Open Sans';
    color: #288BE4;
    text-decoration: underline;
    background-color: transparent;
}

a.btn.small-link:hover {
    text-decoration: underline;
}

.table_to_export .tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%; /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.table_to_export .tooltip:hover .tooltiptext {
    visibility: visible;
}

.wp-bootstrap select, .wp-bootstrap select option, .wp-bootstrap .form-control {
    font-family: "Open Sans" ;
}


.suggestions-table tbody {
    font-size: 14px;
}

.suggestions-table thead th {
    padding: 3px 7px;
}

.suggestions-table thead tr {
    white-space: nowrap;
}

body.admin_page_export-form-submissions-redemption-detail .wp-bootstrap .table-sm th {
    padding: 0.5rem;
    white-space: nowrap;
}

body.admin_page_export-form-submissions-redemption-detail .wp-bootstrap .table-sm {
    font-size: 14px;
}

body.admin_page_export-form-submissions-redemption-detail .wp-bootstrap .table-sm td {
    padding: 0.5rem;
    white-space: normal;
}

body.admin_page_export-form-submissions-redemption-detail .wp-bootstrap .table-sm td.title {
    min-width: 160px;
}

body.admin_page_export-form-submissions-redemption-detail .wp-bootstrap .table-sm td.reason {
    min-width: 300px;
}

body.admin_page_export-form-submissions-redemption-detail .wp-bootstrap .table-responsive {
    overflow-x: scroll;
}

body.wp-admin table.wp-list-table.challenges span.sorting-indicator {
    width: 5px;
}
/*tr completed challenge color*/
.vitality_page_foley_vitality_challenges_participations .wp-bootstrap tr.text-success {
    background: #DBE9CF !important;
    color: #000 !important;
}