@charset "utf-8";

/******************************************************************************
							Index Debug Items
*******************************************************************************/

.debugSwitchContainers{
    display: inline-block;
    margin-left: 0.5em;
}

.debugSwitchContainer{
    border: solid 1px #d4ccb0;
    display: inline-block;
    padding: 5px;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin: 0 0.5em 0 0;
}

.debug-footer{
    height: 52px;
    top: 6px;
    position: relative;
}

/******************************************************************************
							Forecast report
*******************************************************************************/

#incomeForecastContainer{
	position: relative;
}

#incomeForecastContainer #forecastTotal{
    display: none;
    padding: 15px;
    font-family: "Open Sans", Arial,Liberation Sans,FreeSans,sans-serif;
    font-size: 23px;
    clear: right;
    float:right;
}

#incomeForecastContainer #monthlyforecastTotal{
    padding: 15px;
    font-family: "Open Sans", Arial,Liberation Sans,FreeSans,sans-serif;
    font-size: 23px;
    clear: left;
}

#incomeForecastContainer .forecastTotalAmount{
	color: #00a009;
	font-size: 35px;
}

#incomeForecastContainer #lgrid{
	float: left;
    width: 200px;
}

#incomeForecastContainer #rgrid{
	float: right;
    width: 520px;
}

.adminTools{
    padding:1em;
}

.adminTools li{
    margin-bottom: 1em;
}

.adminList
{
    float:left;
    overflow:auto;
    background-color:#FFF;
    margin:10px;
    width:45%;
    /*min-height:222px;*/
    border-radius: 0 0 10px 10px;
}

.adminList li
{
    padding:5px 0;
    margin:5px;
}

.adminList h2
{
    background-color:#026B6A;
    color:#FFF;
    padding:10px 0;
    margin:0px;
    padding:10 0;
    width:100%;
    text-align:center;
    font-variant:small-caps;
    letter-spacing:2px;
    font-size:14px;
}

.adminList form{
    padding:1em;
}

.adminList fieldset{
    padding:0 1em 1em;
    font-weight:bold;
    margin: 0 0 1em;
}

.adminSubHeading{
    border-bottom: solid 1px #F3B301;
    margin: 0 43px 0 12px;
}
.adminSubHeading h3{
    font-weight: normal;
    font-size: 16px;
    color: #DFA609;
}

/*
    AdminReload
*/

.AdminReload .comTable th{
    text-align: left;
}

.AdminReload .comTable th.text-right, .comTable td.text-right{
    text-align: right;
}

.AdminReload .comTable{
    width:300px;
    margin: 1em auto;
}

.AdminReload ul{
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0;
    margin-left: 2em;
}

.AdminReload ul li{
    list-style: disc;
}

.AdminReload .pageHint{
    margin: 1em 0;
}


.adminUpdateType{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.general_form .adminUpdateType label{
    width: auto;
}

.adminUpdateType div{
    display: flex;
    gap: 0.5rem;
}

/*
    Theme Switcher
*/

.theme-switcher{
    background: var(--bulma-primary-35);
    color: var(--bulma-primary-soft-invert);
    padding: 0.5rem;
    border-radius: 8px;
    font-size: 10px;
    border: solid 2px var(--bulma-primary-20);
}

.theme-options{
    gap: 0.4rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.theme-options > span{
    display: inline-block;
    padding: 0.2rem;
    cursor: pointer;
    border-radius: 4px;
    border: var(--bulma-primary-20) solid 1px;
    color: #fff1f1;
}

.theme-options > span.agakhan{
    background: #c91b25;
}
.theme-options > span.agakhan:hover{
    background: #ca2c34;
}
.theme-options > span.drakenstein{
    background: #333b47;
}
.theme-options > span.drakenstein:hover{
    background:rgb(61, 67, 78);
}
.theme-options > span.phoenix{
    background: #f15a2b;
}
.theme-options > span.phoenix:hover{
    background: #f56d44;
}
.theme-options > span.equisoftLive{
    background: #285857;
}
.theme-options > span.equisoftLive:hover{
    background: #415e5e;
}