html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

table th a{
    color: black;
}

table tr td a {
    color: black;
}

form .col-form-label {
    text-align: right;
    font-weight: bold;
}

#myNavbar .active {
    background-color: black !important;
    color: white !important;
    border-radius: 0.25em !important;
}


#sideBar li {
    text-align: left !important;
    color: black !important;
}

#sideBar li:hover {
    text-align: left !important;
    color: black !important;
    background-color: lightgray !important;
}

#sideBar li > a{
    color: black !important;
}

#sideBar li > a.sidebarActive {
    background-color: black !important;
    color: white !important;
}

#sideBar .active {
    background-color: black!important;
    color: white !important;
}


#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#overlay-gif {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

#overlay-text {
    position: absolute;
    top: 55%;
    left: 50%;
    font-size: 40px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.audit-modal-header {
    background-color: lightgray;
}

.audit-modal-header-text {
    color: darkgoldenrod;
}


.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #000000;
}


.title-link, a, a:hover, a:focus, a:active {
    color: #000;
    text-decoration: none;
}

.title {
    font-weight: bolder;
    font-size: larger;
}


/*jodit*/
.jodit-ui-block__className,
.jodit-ui-input.jodit-ui-form__text,
.jodit-ui-button.jodit-ui-button_Advanced[data-ref="Advanced"],
.jodit-form__group.jodit-ui-image-main-tab__editLink,
.jodit-form__group.jodit-ui-image-main-tab__editLinkTarget,
.jodit-toolbar-button.jodit-toolbar-button_size_middle[data-ref="valign"],
.jodit-toolbar-button.jodit-toolbar-button_size_middle[data-ref="left"],
.jodit-toolbar-button.jodit-toolbar-button_size_middle[data-ref="brush"],
.jodit-toolbar-button.jodit-toolbar-button_size_middle[data-ref="file"],
.jodit-ui-block[data-ref="content_input_box"] {
    display: none !important;
}