html {
    font-size: 14px;
}

#busy-indicator {
    display: none;
    margin-top: 10px;
    font-weight: bold;
    color: red;
}

.busy {
    cursor: wait;
    /* Change the cursor to a 'wait' cursor */
}

/* quick hacks to gradient colour the header */

/* Remove the default padding and margin of all HTML tags */
/* {
    margin: 0;
    padding: 0;
    } */

/* Implementation of linear-gradient property */
#lin_grad {

    /* Set the height of the div to
  the entire screen */
    /*height: 5vh;*/

    /* linear-gradient syntax */
    /* colurs match the bg-s=ucces-subtle colours*/

    background-image: linear-gradient(to right, #d1e7dd, #198754)
}

#koozali_grad {
    background-image: linear-gradient(to right, #d1e7dd, #98d36e)
}

#koozali_side {
    color: #98d36e;
}

.sidebar-wrapper a {
    /*color: var(--lte-sidebar-color);*/
    color: #05180f;
}

.nav-link {
    color: #05180f;
}

.login-page {
    min-height: 60vh !important ;
    vertical-align: top !important ;
}

.nav-icon {
    color: #004f00;
}

.flag-style {
    padding-top:0.5rem;
    padding-left:0.5rem;
    /*
    position: absolute;
    transform: translateY(-50%);
    left: 95%;
   /*right: 20px;
   */
   /*
    width: 24px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    */
}


/* flag container*/
#flag-container span {
   font-size: 24px;
   display: flex;                     /* Allows for easy centering */
   justify-content: center;           /* Center horizontally */
   align-items: center;               /* Center vertically */
   width: 100%;                       /* Full width of parent */
   height: 24px;                      /* Set a fixed height */
   border: 1px solid #ccc;            /* Light gray border */
   border-radius: 5px;                /* Rounded corners */
   cursor: default;                   /* Prevent text cursor */

}


/* TD and buttons in user lists */

.user-td-no-right {
    border-left-width: 0px;
}

.user-td-no-left {
    border-left-width: 0px;
}

/* .user-valign-center {
    text-align: center;
    -- Use align-middle --
} */


.user-table-max-width {
    max-width: 50%;
}


.nutTable tr td:nth-child(1){
    width:30%;
}


#busy-indicator {
	display: none;
	margin-top: 10px;
	font-weight: bold;
	color: red;
}
.busy {
	cursor: wait; /* Change the cursor to a 'wait' cursor */
}
.progress {
	cursor: progress; /* Change the cursor to a 'wait' cursor */
}