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

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

legend {
  background-color: #166B99;
  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, rgba(4, 25, 39, 0.69) 0%, rgba(190, 218, 228, 0.49) 100%) transparent;  
}

#login-page{
    background: url('../img/bns-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 #166B99;
}

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

.exportexcel-button {
    background-color: #1D6F42;
    border-color: #248b52;
}

.exportexcel-button:hover,
.exportexcel-button:focus {
    background-color: #175935;
    border-color: #1d6f42;
}

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

.companies-button {
    background-color: #166b99;
    border-color: #1c86bf;
}

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

.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: #166b99;
    border-color: #1c86bf;
}

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

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

.bg-menu-theme, .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle){
    background-color: #135B82!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: #166B99!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: #212121 !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;
}