html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

html {
    font-size: 14px;
}

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

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

body {
    margin-bottom: 0;
    font-family: Tajawal;
}

.layout-container {
    min-height: 62.4%;
}

h1 {
    font-family: Tajawal;
    font-weight:bold;
}

h2, h3, h4, h5, h6 {
    font-family:Tajawal;
    font-weight:300;
}

#navbar {
    background-color: #329D9C;
}

.nav-item.active {
    border-bottom: 5px solid #FFBB39;
    font-weight:bold;
}

.logo-img {
    width:350px;
    height:75px;
}

.input-icons button {
    position: absolute;
}

.input-icons {
    width: 100%;
    margin-bottom: 10px;
    position:relative;
}

.btn {
    background-color: #55c595; 
    border: none; 
    color: white; 
    cursor: pointer; 
    left: 0;
    padding: 10px;
    padding-bottom: 4px;
}

.btn:hover {
    background-color: #28A5A3;
    border-color: #28A5A3;
}

.footer {
    background-color: #25626D;
}

.links-list {
    list-style: none;
}

.important-link::before {
    content: "\2022";
    color: yellow;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -0.3em;
    font-size:larger;
}

.container-fluid {
    padding: 0px;
}

body {
    background-color: #F5F5F5;
}

#page-links {
    height:100%;
}

.nav-tabs .nav-link.active {
    font-weight: bold;
    background-color: transparent;
    border-bottom: 3px solid Darkgreen;
    border-right: none;
    border-left: none;
    border-top: none;
}

.icon {
    color: lightgreen;
}

.color-tooltip > .tooltip-inner {
    background-color: MediumAquamarine;
}

.color-tooltip.bs-tooltip-bottom > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] > .tooltip-arrow::before {
    border-bottom-color: MediumAquamarine;
}

.color-tooltip.bs-tooltip-top > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=top] > .tooltip-arrow::before {
    border-top-color: MediumAquamarine;
}

.color-tooltip.bs-tooltip-start > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=left] > .tooltip-arrow::before {
    border-left-color: MediumAquamarine;
}

.color-tooltip.bs-tooltip-end > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=right] > .tooltip-arrow::before {
    border-right-color: MediumAquamarine;
}

@font-face {
    font-family: Tajawal;
    src: url('../font/ArbFONTS-Tajawal-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: Tajawal;
    src: url('../font/ArbFONTS-Tajawal-Bold.ttf');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: Tajawal;
    src: url('../font/ArbFONTS-Tajawal-Medium.ttf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.delete {
    color: #Db4F39;
    font-weight: bold;
    font-size: 16px;
    margin-top: 8px;
}

label.required:after {
    content: " *";
    color: red;
}

#search_form{
    width:15rem;
}

.pointer-cursor {
    cursor:pointer;
}

.breadcrumb-item > a {
    color: #28a5a3;
}