/* Global */
.btn-right{
    float: right;
}

.form-group{
    margin-top: .5em;
    margin-bottom: 1em;
}

.form-btns{
    padding: 1em;
    margin: 1em 0;
    text-align: center;
}

.alert-error{
    background-color: red;
    border-color: #ebcccc;
    color: #fff;
}

.error-msg{
    margin: 1em 0;
    padding: .5em;
    color: red;
    border: 1px solid red;
}

.green-header{
	padding: 1em;
	background-color: #1E853B;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.green-header div{
	padding: 1em auto;
	color: #fff;
}

.group-name{
    font-weight: bold;
    font-size: 1.2em;
}

.table-link{
    text-decoration: none;
}

.red-link{
    color: red;
    text-decoration: none;
}

.green-link{
    color: #1E853B;
    text-decoration: none;
}

.pskenya-green-div{
    background-color: #1E853B;
    color: #fff;
}

.pskenya-green-btn{
    background-color: #1E853B;
    color: #fff;
}

.pskenya-green-bg .nav-item{
	border: 1px solid #eee;
	border-radius: .3em;
	margin-right: .5em;
	background-color: #eee;
	color: black;
}

.pskenya-green-bg .nav-item .nav-link{
	color: black;
}

.pskenya-green-bg .nav-item .nav-link.active{
    background-color: #1E853B;
    color: #fff;
}

.pskenya-orange-div{
    background-color: #fa9600;
    color: #fff;
}

.pskenya-orange-btn{
    background-color: #fa9600;
    color: #fff;
}

.white-text{
    color: #fff;
}

.red-text{
    color: red;
}

.blue-text{
    color: blue;
}

.green-text{
	color: green;
}

.red-tr-text td{
    color: red;
}

.green-tr-text td{
    color: green;
}

/* sidebar */
.sidebar{
	background-color:#1E853B !important;
    --cui-sidebar-bg: #73aa72; 
    --cui-sidebar-nav-title-color: #fff;
    --cui-sidebar-color: #fff;
}

.sidebar-brand, .sidebar-toggler{
	background: none;
}

.sidebar-nav .nav-link{
    color: #fff;
}

.sidebar-nav .nav-item .fa,
.sidebar-nav .nav-group .fa{
    margin-right: 1em;
}

/* Engagement detail template */
.engagement-detail-card{
	display: flex;
	flex-direction: column;
}

.card-header-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em;
	border-bottom: 1px solid #eee;
}

/* Project detail template */
.project-detail-widget{
    text-align: center;
    color: #fff;
	background-color: #1E853B;
	margin-bottom: 1em;
	border: 1px solid #fff;
}

.project-detail-widget-white{
    text-align: center;
    color: #1E853B;
	background-color: #fff;
	margin-bottom: 1em;
	border: 1px solid #fff;
	border: 1px solid #1E853B;
	height: 10rem;
}

.widget-main-text{
    font-size: 1.2em;
    font-weight: normal;
}

.widget-number{
    font-size: 1.5em;
    font-weight: bold;
}

.widget-link{
    text-decoration: none;
}

/* Sub recipient Period indicators */
.indicator-locality{
    font-size: .8em;
    display: block;
}

/* Chart of accounts */
.ledger-code{
    display: block;
    font-weight: lighter;
    color: #1E853B;
}

/* Sub-recipient liquidation detail report */
.declined-expense-item-td{
    color: red;
    font-size: .8em;
    border: 1px solid #eee;
}

/* Prime Recipient Liquidation detail report */
.small-header-text{
    font-size: .8em;
}

/* Sub-recipient Summary Report */
.summary-report-tab{
	border: 1px solid #eee;
	margin: 1em auto;
	padding: 1em;
}

.left-border-div{
	border-left: 1px solid #eee;
}

.report-summary-div{
	border: 1px solid #eee;
	padding: 1em;
	margin-bottom: .5em;
}

.challenge-solution{
	margin-left: 1em;
	font-style: italic;
}

/* DASHBOARD STYLES */
.dashboard-top-widget{
	padding: 1em 2em;
	margin: 1em auto;
	background: #fff;
	color: #000;
	border-radius: .5em;
}

.dashboard-top-widget-title{
	font-weight: lighter;
}

.dashboard-top-widget-figure{
	font-weight: bolder;
	font-size: 2em;
	line-height: 0;
}

.dashboard-top-widget-icon{
	display: flex;
	width: 2.5em;
	height: 2.5em;
	border-radius: 100%;
	font-size: 2em;
	border: 1px solid #eee;
	justify-content: center;
	align-items: center;
	background-color: #1E853B;
	color: #fff;
}

.project-status-graph{
	background-color: #fff;
	padding: 1em;
	border-radius: .5em;
}

.dashboard-project-reports{
	margin: 1em auto;
	padding: 1em;
	background-color: #fff;
	border-radius: .5em;
}

.dashboard-project-reports table td{
	font-size: 1em;
	font-weight: 300;
}

.dashboard-div-title-text{
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 2em;
}

.disbursement-data{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}

.disbursement-data div{
	height: 10em;
	padding: 1em;
	border: 1px solid #eee;
	border-radius: 5px;
	background-color: #eee;
}

/* DISBURSEMENT */
.top-right-corner-link{
	width: fit-content;
	position: absolute;
	top: 0;
	right: 0;
}

.disbursement-detail-div{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	background-image: linear-gradient(to right, #1E853B, #1e856f) ;
	color: #fff;
	padding: 2em 1em;
	margin: 1em auto;
	border-radius: 1em;
}

.disbursement-detail-div a{
	color: #fff;
}

.disbursement-detail-div .btn{
	width: fit-content;
}

.disbursement-request-items{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.disbursement-request-item{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 1em;
	border: 1px solid #1E853B;
	border-radius: .5em;
	background-color: #fff;
	color: #1E853B;
	width: 15em;
	margin: .5em 1em;
}

.disbursement-request-item a{
	color: #1E853B;
}

.disbursement-request-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	border: none;
}

.dr-decline-card{
	display: flex;
	flex-direction: column;
	justify-content: start;
	background-color: #db6464;
	margin: 2em auto;
	padding: 1em;
	color: #fff;
}

.dr-decline-card div{
	border: 1px solid #fff;
	border-radius: 1em;
	color: #fff;
	padding: 1em;
}

.dr-decline-card span{
	display: block;
	font-style: italic;
	font-size: .8em;
	line-height: 0;
}

.approval-header-btns{
	display: flex;
	justify-content: right;
	align-items: center;
}

.approval-header-btns button{
	margin-right: .5em;
}

.form-control-file{
	padding: .2em;
	border: 1px solid #6f6e6e;
	border-radius: .5em;
	width: 100%;
}

/* Disbursement PR  */
.disbursement-request-project{
	display: flex;
	justify-content: space-between;
	background-image: linear-gradient(to right, #1E853B, #1e856f) ;
	color: #fff;
	padding: 2em 1em;
	margin: 1em auto;
	border-radius: 1em;
}

.disbursement-request-detail{
	background-color: #fff;
}

.disbursement-request-detail > .card-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	border: none;
}

.dr-data-div{
	display: flex;
	justify-content: space-between;
	margin: 1em auto;
}


.dr-data-div h5{
	line-height: 0;
	font-weight: bold;
}


.dr-data-allocation{
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
	padding: 2em 1em;
	background-color: #fff;
	border-radius: 1em;
	width:max-content;
}

.dr-data-allocation > div{
	min-height: 6em;
}

.dr-reporting-data{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding: 2em 1em;
	background-image: linear-gradient(to right, #1E853B, #1e856f);
	border-radius: 1em;
	color: #fff;
	width:max-content;
}

.dr-reporting-data > div{
	min-height: 6em;
}