/**
 * @Author: Nissanka Perera
 * @Date:   2023-12-17 12:05:35
 * @Last Modified by:   Nissanka Perera
 * @Last Modified time: 2023-12-19 15:38:04
 */

.module-card-wrapper {
    padding-left: 0;
    align-items: start;
 }

/*  -------------------------------------------------
*   01 FORM Action Button (CRUD) Settings
*   ---------------------------------------------- */

.app-btn-action,
.app-btn-action-crud
{
	padding: .08rem .10rem ;
	line-height: auto;
	font-size: .75rem;
	border: #c2c2c2 solid .1rem;
	border-radius: .2rem;
}

.app-btn-action-crud
{
	font-size: .75rem;
}

.app-UiSizeIcon
{
    width: 1.5rem;
}

button.btn-outline-light:hover {
	color: #212529;
	background-color: #dae1e8;
	border-color: #268df5;
}

button.btn-outline-light:disabled {
	color: gray;
	background-color: #ccc;
	opacity: .40;
}

.app-crud-h3 
{
	font-size: 1rem;
	font-weight: 500;
	line-height: 1rem;
	margin-bottom: 0rem;
	display: inline;
	color: #000;
}

.app-label-border-btm 
{
	border-bottom: 0.025rem solid #e6e6e6;
}

.app-form-sm
{
	display: inline-block;
	line-height: 1rem;
	margin: 0rem 0rem ;
	font-size: .8rem;
	font-weight: 550;
	padding: 0.2rem;
	/* height: calc(1rem + 0.4rem + 0.25rem); */
}

.app-form-control
{
	display: block;
    width: 100%;
    height: calc(1rem + 0.4rem + 0.25rem);
    padding: 0.2rem 0.4rem;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0.025rem solid #ced4da;
    border-radius: 0.25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.app-card-header {
    padding: .5rem 1rem;
}

.app-card-body {
    padding: .5rem 1rem;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}

/*  -------------------------------------------------
*	02. SAP ICON 
*   ---------------------------------------------- */
.icon-add-document,
.icon-synchronize,
.icon-decline,
.icon-edit,
.icon-add,
.icon-detail-view,
.icon-delete
{
	font-size: .75rem;
	color: #000;
	font-weight: 500;
	margin: auto;
	line-height: normal;
}

/*  -------------------------------------------------
*	04. Form Action Button on Transaction Form
*		Refer SAP Icon sectio for icon-name
*   ---------------------------------------------- */

.form-action-buttons
{
	text-align: left;
}

.form-action-buttons em
{
	font-size: 0.875em;
}


/* iCON Button Styling */ 
.form-action-buttons .app-form-crud-ibtn
{
	width: fit-content;
	padding: .125rem .25rem ;
	margin: auto .05rem;
	font-size: .75rem;
	font-weight: 500;
	border: #d50000 solid .01rem;
	border-radius: .25rem;
	background-color: transparent;
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}

.form-action-buttons .app-form-crud-ibtn:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
}

.form-action-buttons .app-form-crud-ibtn em
{
	font-size: .875rem;
	font-weight: 400;
}

.form-action-buttons .btn-icn-close
{
	background-color: #fafafa;
	color: #fff;
}

.form-action-buttons .ibtn-icn-close:hover
{
	background-color: #e0e0e0;
	color: #fff;
}

/* Custom Class*/

.pvs-label {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-right: 8px;
	margin-bottom: 0;
}

.pvs-input {
	width: fit-content;
    margin-left: 0.25rem;
}

.pvs-vtxt {
	/* Form validate text */
	line-height: 1rem;
}

.pvs-vtxt p {
	/* Form validate text */
	font-size: 0.65rem;
	font-weight: 400;
	margin-bottom: 0;
	color: rgba(248, 18, 2, 1);
}