/* html {
    position: relative;
    min-height: 100%;
    height: unset;
}
 */
html, body {
    background-color: #fcf8f7;
    height: 100%;
}
body {
    font-size: .6em;
    padding: 0 1em;
    display: flex;
    flex-direction: column;
    /* margin-bottom: 30px; */
}

.body-content {
    flex: 1 0 auto;
    position: relative;
    margin-bottom: 10px;
}

.footer {
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
     height: 35px; 
    margin-top: 10px;
    margin-bottom: 0;
}

.header-title {
    padding-top: 5px;
    font-size: 2.75em;
    font-weight: bold;
}

.reset-password-container {
    height: 350px;
    width: 850px;
    padding: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.login-container {
    height: 350px;
    width: 800px;
    padding: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.login-container div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.form-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

a:link, a:visited {
    text-decoration: none;
    cursor: pointer;
}

a:hover, a:active {
    text-decoration: underline;
    cursor: pointer;
}

a.nostyle {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
}

a.nostyle:link, a.nostyle:visited {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

a.nostyle:hover, a.nostyle:active {
    text-decoration: underline;
    cursor: pointer;
}

a.pager_link:hover, a.pager_link:active {
    text-decoration: underline;
    cursor: pointer;
}

.clickable-row {
    cursor: pointer;
}
/*.login-button {
    background-color: #504848;
}*/

#loadingModal {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.ui.card.error {
    /*background: #808080;*/
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: 0 0 10px #9f3a38;
}

.quick_search_dialog_table {
    width: 100%;
    margin: 5px 0;
    border-collapse: collapse;
    padding: 3px;
    border: solid 1px #000000;
}

.quick_search_dialog_table th {
    background-color: #41413b;
    color: #fffff0;
    padding: 8px;
    text-align: center;
    font-size: .9em;
}

.quick_search_dialog_table td {
    padding: 8px;
    border: solid 1px #000000;
}

.quick_search_dialog_table a {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.quick_search_dialog_table a:hover, .quick_search_dialog_table a:active, .quick_search_dialog_table a:link, .quick_search_dialog_table a:visited {
    text-decoration: underline;
}

.item_tracking th {
    background-color: #41413b;
    color: #fffff0;
    padding: 8px;
    text-align: center;
    font-weight: bold;
}

.item_tracking td {
    border: solid 1px #000000;
    border-collapse: collapse;
    padding: 8px;
}

.details-tab {
    background-color: rgba(220, 220, 220, .25);
}

/* Custom dimmer shade */
.ui.dimmer.custom-dimmer {
    background-color: rgba(255, 255, 255, 0.4) !important; /* Light color with 70% opacity */
}

/* Table styling for Advanced Search parameters table */
.search_parameters_table {
    width: 100%;
}

.search_parameters_table th {
    /*background-color: #090056;*/
    background-color: #2e3032;
    color: white;
}

.search_parameters_table tr {
    /*background-color: #666666;*/
    font-size: 12px;
}

.search_parameters_table td {
    text-align: center;
}

/*.search_parameters_table td {
    border: 1px solid #000000;
    text-align: center;
}
*/

/* Table styling for report periods table, Warehouse Client Rate report */
.report_periods_table {
    width: 100%;
    border: solid 1px #000000;
    border-collapse: collapse;
}

.report_periods_table th {
    /*background-color: #090056;*/
    background-color: #2e3032;
    color: white;
}

.report_periods_table tr {
    /*background-color: #666666;*/
    font-size: 12px;
}

.report_periods_table td {
    border: 1px solid #000000;
    text-align: center;
}

/* Table styling for Project closing status table */
.project_closing_status_table {
	width: 100%;
	border: solid 1px #000000;
	border-collapse: collapse;
	font-size: 1.1em;
	padding: 5px;
}

.project_closing_status_table th {
	background-color: #2e3032;
	color: white;
	padding: 8px;
}

.project_closing_status_table tr {
	font-size: 1.1em;
	padding: 5px;
}

.project_closing_status_table td {
	border: 1px solid #000000;
	text-align: center;
	padding: 8px;
}

.project_closing_status_table tfoot {
	background-color: #2e3032;
	color: #fff;
}

.details-select {
    padding-top: 5px !important; 
    padding-bottom: 5px !important; 
    background-color: #ffffff;
    border-radius: 3px !important;
}

.permissions_table {
    width: 100%;
    padding: 0;
    margin: 5px 0;
    border-collapse: collapse;
}

.permissions_table th {
    background-color: #41413b;
    color: #fffff0;
    padding: 6px;
    border: 1px solid #666666;
    border-collapse: collapse;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.permissions_table td {
    cursor: pointer;
    border: 1px solid #666666;
    border-collapse: collapse;
    padding: 6px;
}

.permissions_table a {
    color: #fffff0;
    text-decoration: none;
}

.permissions_module_cell {
    cursor: pointer;
    padding: 6px;
}

.permissions_checkbox_cell {
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}

.v-center-field {
    display: flex;
    align-items: center;
}

.v-center-field label {
    min-height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.v-center-field .ui.labeled.input,
.v-center-field .ui.input,
.v-center-field .ui.checkbox {
    display: flex;
    align-items: center;
}

.v-center-field textarea {
    margin-top: 5px;
    margin-bottom: 5px;
}

.no-events {
	pointer-events: none;
}

/* Draggable Modal CSS - v2.9.0 */
.ui.modal .header.draggable {
	cursor: move;
}

.ui.modal.draggable-modal {
	position: fixed !important;
}

/* Optional: Style when dragging */
.ui.modal.ui-draggable-dragging {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}