@charset "UTF-8";

/*COMMANDBUTTON*/
.atdt-btn-01 {
	display: flex;
	height: 42px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 4px !important;
	border: 0.855px solid #A57F2C !important;
	background: #FFF !important;
}

.atdt-btn-01 .ui-button-text {
	color: #A57F2C !important;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal !important;
	letter-spacing: -0.5px;
}

.atdt-btn-02 {
	width: 290px !important;
	height: 40px;
	align-items: center;
	border-radius: 4px !important;
	background: #611232 !important;
	border: none !important;
}

.atdt-btn-02 .ui-button-text {
	color: #FFF;
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal !important;
}


.atdt-btn-03 {
	height: 100%;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
	border-bottom-left-radius: 0 !important;
	background: #A57F2C !important;
	box-shadow: none !important;
	border: 1px solid #A0AEC0 !important;
	border-left: none !important;
}

/*OUTPUTLABEL*/
.atdt-otput-01{
	color: #611232;
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 34px !important;
	font-style: normal;
	font-weight: 700;
	line-height: 45px; /* 125% */
}

.atdt-otput-02{
	color: #000;
	text-align: center;
	font-size: 22px !important;
	font-style: normal;
	line-height: normal;
}

.atdt-output-03 {
	color: #2D3748;
	font-size: 15px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.atdt-output-03 .ui-outputlabel-rfi {
	color: #611232 !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.atdt-output-04 {
	color: #2D3748;
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.atdt-output-05 {
	color: #611232;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/*INPUTTEXT*/
.atdt-inputtext-01 {
	/* color: #A0AEC0 !important; */
	font-size: 20px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: normal;
	border-top-left-radius: 8px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 8px !important;
	border: 1px solid #A0AEC0 !important;
	border-right: none !important;
	height: 56px;
}

.atdt-inputtext-01.ui-state-hover, .atdt-inputtext-01.ui-state-active {
	box-shadow: 0 0 0 0.2em rgb(75 73 74/ 5%) !important;
	border-color: #A0AEC0 !important;
}

.atdt-inputtext-01.ui-state-default {
	color: #A0AEC0 !important;
}

.atdt-inputtext-01.ui-state-filled {
	color: #5F6775 !important;
	font-weight: 600 !important
}


.atdt-inputtext-02 {
	font-size: 20px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: normal;
	border-radius: 8px !important;
	border: 1px solid #A0AEC0 !important;
	height: 56px;
}

.atdt-inputtext-02.ui-state-hover, .atdt-inputtext-02.ui-state-active {
	box-shadow: 0 0 0 0.2em rgb(75 73 74/ 5%) !important;
	border-color: #A0AEC0 !important;
}

.atdt-inputtext-02.ui-state-default {
	color: #A0AEC0 !important;
}

.atdt-inputtext-02.ui-state-filled {
	color: #5F6775 !important;
	font-weight: 600 !important
}

/*ICON*/
.atdt-search {
	background-image: url(/resources/img/2_0/ic_lupa.svg) !important;
	width: 47px !important;
	height: 48px !important;
	top: 40% !important;
	left: 31% !important;
}

/*MESSAGES*/
.atdt-messages-01.ui-message {
	padding: 0rem !important;
	display: flex !important;
}

.atdt-messages-01.ui-message.ui-message-error, .atdt-messages-01.ui-message.ui-message-fatal
	{
/*	background: rgba(136, 24, 91, 0.05) !important;*/
/*	border: 1px solid #88185B !important;*/
	border-width: 0 0 0 3px !important;
/*	color: #88185B !important;*/
	padding: 1rem 1.5rem !important;
	margin: 0;
	font-size: 17px;
}

/*PANELGRID*/
.atdt-panelgrid-01{
	display: flex;
	padding: 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	border-radius: 10px;
	background: #FFF;
}

/*SELECTONEMENU*/
.atdt-selectonemenu {
	border-radius: 8px !important;
	box-shadow: none !important;
	display: inline-block !important;
	box-sizing: border-box !important;
	border: 1px solid #A0AEC0 !important;
	width: 100% !important;
	min-width: 100% !important;
	height: 56px;
}

.atdt-selectonemenu .ui-inputfield {
	box-shadow: none !important;
	/*height: 54px;*/
	height: 100%;
	background: #FFFFFF !important;
	box-sizing: border-box;
	border-radius: 8px;
	display: flex !important;
	align-items: center;
}

.atdt-selectonemenu .ui-icon {
	background-position: center !important;
	background-size: 18px !important;
	color: #FFF !important;
}

.atdt-selectonemenu .ui-selectonemenu-trigger {
	background: #A57F2C !important;
	box-shadow: none !important;
	border-left: 0 !important;
	width: 56px !important;
	/* height: 45px !important; */
}

.atdt-selectonemenu label {
	background: none !important;
	padding-left: 9px !important;
	padding-top: 9px !important;
	font-style: normal;
	font-weight: normal;
	font-size: 20px !important;
	line-height: 24px;
	color: #4A5568;
	line-height: 24px;
}

.atdt-selectonemenu-panel {
	/* 	box-shadow: 0 8px 14px 0 var(- -box-shadow) !important; */
	/* 	background-color: var(- -blanco) !important; */
	/* 	width: 100% !important; */
	max-width: 800px !important;
	
}

.atdt-selectonemenu-panel li.ui-state-hover, .atdt-selectonemenu-panel li.ui-state-highlight
	{
	background: #e9ecef !important;
	text-shadow: none !important;
	box-shadow: none !important;
	font-weight: bold !important;
}

.atdt-selectonemenu-panel .ui-selectonemenu-list-item {
	white-space: break-spaces !important;
}

/*OTROS*/
.atdt-content{
	display: contents !important;
}

.atdt-calc-01 {
	width: calc(100% - 56px) !important;
}

.atdt-calc-02 {
	width: 56px !important;
}

.atdt-check-box-01 .ui-chkbox-box {
    border: 2px solid #475058 !important;
    border-width: 2px !important;
    background: #ffffff !important;
    width: 21px !important;
    height: 21px !important;
    text-align: center !important;
    position: relative !important;
    border-radius: 3px !important;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s !important;
	top: -7px;
}
.atdt-check-box-01 .ui-chkbox-box.ui-state-focus, .atdt-check-box-01 .ui-chkbox-box.ui-state-hover{
	box-shadow: 0 0 0 0.2em rgb(75 73 74/ 5%) !important;
	border-color: #475058 !important;
}

.atdt-check-box-01 .ui-chkbox-box .ui-chkbox-icon.ui-icon-check{
	color: #475058 !important;
    font-size: 12px;
    font-weight: 800 !important;
    top: 40% !important;
    left: 40% !important;
}