.dataTables_wrapper .dt-buttons {
    gap: 5px;
}

fieldset {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border: none;
}

.worker-list {
    list-style-type: none; /* Remove bullet points */
    padding: 0;
}

.worker-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px; /* Add some spacing between list items */
}

.worker-details {
    flex: 1; /* Take up remaining space for name and email */
}

.worker-action {
    margin-left: 20px; /* Space between worker details and button */
}

.worker-item button {
    white-space: nowrap; /* Prevent button text from wrapping */
}


/*report-container{*/
/*    height: 80vh !important;*/
/*}*/

legend {
  background-color: #005266;
  padding: 0.75rem;
  font-size: 1.3rem;
  color: white;
}

legend:after {
  content: "";
  height: 0;
  width:0;
  background-color: transparent;
  border-top: 0.0rem solid transparent;
  border-right:  0.35rem solid black;
  border-bottom: 0.45rem solid transparent;
  border-left: 0.0rem solid transparent;
  position:absolute;
  left:-0.075rem;
  bottom: -0.45rem;
}

.col-no-height {
    display: none;
}

#login-page .container-fluid{
    background: linear-gradient(090deg, rgb(53, 74, 83) 0%, rgb(255, 255, 255) 100%) transparent;
}

#login-page{
    background: url('../img/sm-hero-image-1920x1269.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 50% 50%;
}

.app-brand-logo img{
    height: 90px;
}

table.dataTable>tbody>tr.selected>*{
    box-shadow:inset 0 0 0 9999px #00cafd;
}

.newsPreviewImage {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.exportexcel-button {
    background-color: #A04300;
    border-color: #A04300;
}

.exportexcel-button:hover,
.exportexcel-button:focus {
    background-color: #FF730F;
    border-color: #FF730F;
}

.exportexcel-button::before {
    font-family: boxicons;
    content: "\ee87";
}

.companies-button {
    background-color: #00cafd;
    border-color: #00cafd;
}

.companies-button:hover,
.companies-button:focus {
    background-color: #006078;
    border-color: #006078;
}

.companies-button::before {
    font-family: boxicons;
    content: "\ea9e";
}

.create-account-button {
    background-color: #69d84f;
    border-color: #9ce58b;
}

.create-account-button:hover,
.create-account-button:focus {
    background-color: #47c12b;
    border-color: #69d84f;
}

.create-account-button::before {
    font-family: boxicons;
    content: "\ebd6";
}

.management-button {
    background-color: #005266;
    border-color: #005266;
}

.management-button:hover,
.management-button:focus {
    background-color: #005266;
    border-color: #005266;
}

.management-button::before {
    font-family: boxicons;
    content: "\eac9";
}

.employee-button {
    background-color: #016795;
    border-color: #0181ba;
}

.employee-button:hover,
.employee-button:focus {
    background-color: #016795;
    border-color: #0181ba;
}

.employee-button::before {
    font-family: boxicons;
    content: "\ee0b";
}

.representative-button {
    background-color: #016795;
    border-color: #0181ba;
}

.representative-button:hover,
.representative-button:focus {
    background-color: #016795;
    border-color: #0181ba;
}

.representative-button::before {
    font-family: boxicons;
    content: "\eab6";
}

.courses-button {
    background-color: #016795;
    border-color: #0181ba;
}

.courses-button:hover,
.courses-button:focus {
    background-color: #015277;
    border-color: #016795;
}

.courses-button::before {
    font-family: boxicons;
    content: "\eb8d";
}

.changepassword-button {
    background-color: #e07352;
    border-color: #eca893;
}

.changepassword-button:hover,
.changepassword-button:focus {
    background-color: #d04d25;
    border-color: #e07352;
}

.changepassword-button::before {
    font-family: boxicons;
    content: "\eaee";
}

body{
    background-color: #FFFFFF;
}

.bg-menu-theme, .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle){
    background-color: #354a53 !important;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link, .bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next,
.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle, .bg-menu-theme .menu-item.active > .menu-link,
.bg-footer-theme .footer-link {
    color: #fff;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link{
    background-color: #005266 !important;
}

.bg-menu-theme .menu-link:hover, .bg-menu-theme .menu-horizontal-prev:hover, .bg-menu-theme .menu-horizontal-next:hover{
    color: #FF9C33;
}

.bg-footer-theme {
    background-color: #00576d !important;
    color: #fff;

}

.treeitem-selected {
    background-color: #d9dee3;
}

.img-fluid-half {
    height: auto;
    max-width: 50%;
}

.data-table-hide-wrapper {
    display: none;
}

#inpage-editor-container .modal-header {
    padding: 0.2rem 1.5rem 0.25rem;
}

#inpage-editor-container .modal-body {
    padding: 0.2rem;
}

#inpage-editor-container form label {
    display: inline;
}

.btn-strech {
    width: 100%;
}

.editor-required label[data-dte-e="label"]::before {
    font-family: 'boxicons';
    content: '\ebac';
    color: red;
}