.MainMenu{
	overflow-y:auto;
	flex:1;
}.MainMenu{
	overflow-y:auto;
	flex:1;
}@font-face {
    font-family: 'MyWebFont';
    src: url('WebFont.eot');
    src: url('WebFont.eot?#iefix') format('embedded-opentype'),
         url('WebFont.woff2') format('woff2'),
         url('WebFont.woff') format('woff'),
         url('WebFont.ttf') format('truetype'),
         url('WebFont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{
	font-family: 'WebFont',Arial, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
html, body{
	width:100%;
	height:100%;
	min-height:100vh;
	overflow-x: hidden;
}

body::-webkit-scrollbar {display: none;}
a{
	text-decoration:none;
	color:#353b48;
}

/*Config Inputs*/
input[type="password"] {
	-webkit-text-security: disc !important;
	padding: 1px 2px;
}
input{padding: 0 5px;}
textarea{padding: 0 5px;}

/*apagar el boton de aumertar numero*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

input[type=checkbox] {
	transform: scale(1.4);
	background-color: var(--ColorSave);
}
input[type=checkbox]:checked{
	transform: scale(1.4);
	background-color: var(--ColorSave);
}

.InputGroup{
	height: 45px;
	min-height: 35px;
	margin-left: 15px;
	margin-top:8px;
	display: flex;
	flex-direction: column;
}
.InputGroupArea{
	margin-left: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.InputItem{
	outline:none;
	width: 90%;
	height: 25px;
	border-radius:5px;
	border:1px solid #d5d5d5;
	display: flex;
	flex-direction: row;
	font-size:12px;
	line-height:25px;
}

.InputItem:focus{
	border:1px solid #2c3e50;

}

.InputArea{
	outline:none;
	resize: none;
    width: 600px;
    height: 80px;
    border-radius:5px;
	border:1px solid #d5d5d5;
}
.InputArea:focus{	
	border:1px solid #2c3e50;
}

.InputReady{
	background-color:#f3f3f3;
}


/*Config Inputs*/

/*Colores*/
:root{
	--BackWht:#ffffff;
	--BckFound:#ecf0f1;
	--MenuSecond:#34495e;
	--Pagination: #2c3e50;
	--MenuFirst:#0A3D62;
	--ColorSave: #28a745;
	--ColorAdd: #3f51b5 ;
	--ColorCancel: #f44336;
	--ColorUpdate: #9c27b0;
	--ColorInfo: #03a9f4;
	--ColorAction: #03a9f4;
	--ColorRed:#dc3545;
	--ColorBlue: #2980b9;
	--ColorYellow:#f1c40f;
	--ColorOrange:#ff9800;
	--ColorAdmin:#c0392b;
	--ColorAdmin2: #8C2540;
}
/*Colores*/

/*Button*/

.Btn{
	display: inline-block;
	background-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	font-size: 1rem;
	padding: 5px;
	border: 1px solid transparent;
	border-radius: .55rem;
	display: block;
	margin-left: 15px;
	font-weight: bold;
}

.BtnI{
	display: flex;
	flex-direction:row;
	background-color: transparent;
	align-items: center;
	justify-content: space-between;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width:70px;
	font-size: 0.8rem;
	padding: 5px;
	border: 1px solid transparent;
	border-radius: .55rem;
	margin-left:8px;
}



.BtnPage{
	background-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border:1px solid #c3c3c3;
	width:30px;
	height:25px;
	margin-right:8px;	
	border-radius:4px;
	font-size:1.1em;

}

.BtnPage{
	color: #2c3e50;;
	border-color: #2c3e50;
	width: 30px;
}
.BtnPage:hover{
	color: var(--BackWht);
	background-color: var(--Pagination);
	border-color: var(--Pagination);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnNew{
	color: var(--BackWht);
	border-color: var(--BackWht);
	width: 85px;
	font-size:0.8em;
}
.BtnNew:hover{
	color: var(--BackWht);
	background-color: var(--ColorAdd);
	border-color: var(--ColorAdd);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnNewUser{
	color: var(--ColorAdd);
	border-color: var(--ColorAdd);
	font-size:0.8em;
}
.BtnNewUser:hover{
	color: var(--BackWht);
	background-color: var(--ColorAdd);
	border-color: var(--ColorAdd);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnSave{
	color: var(--ColorSave);
	border-color: var(--ColorSave);
	width: 60px;
}
.BtnSave:hover{
	color: var(--BackWht);
	background-color: var(--ColorSave);
	border-color: var(--ColorSave);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.ContentPreclosedMsj{
	position: absolute;
	top:55px;
	right:15px;
}

.BtnPreClosed{
	border-radius:16px;
	padding:8px;
	color: var(--BackWht);
	background-color: var(--ColorSave);
	border-color: var(--ColorSave);
}

.BtnAdd{
	color: var(--ColorAdd);
	border-color: var(--ColorAdd);
	width: 60px;
	height:15px;
	margin-top:25px;
}
.BtnAdd:hover{
	color: var(--BackWht);
	background-color: var(--ColorAdd);
	border-color: var(--ColorAdd);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnInfo{
	color: var(--ColorAdd);
	border-color: var(--ColorInfo);
	width: 30px;
	height:15px;
}
.BtnInfo:hover{
	color: var(--BackWht);
	background-color: var(--ColorInfo);
	border-color: var(--ColorInfo);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnCancel{
	color: var(--ColorCancel);
	border-color: var(--ColorCancel);
/*	width: 60px;*/
}

.BtnExport{
	color: black;
	border-color: #c8c8c8;
	width: 80px;
}
.BtnExport:hover{
	color: black;
	background-color: #ecf0f1;
	border-color: #ecf0f1;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	width: 80px;
}
.BtnCancel:hover{
	color: var(--BackWht);
	background-color: var(--ColorCancel);
	border-color: var(--ColorCancel);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnExit{
	color: var(--ColorAdmin);
	border-color: var(--ColorAdmin);

}
.BtnExit:hover{
	color: var(--BackWht);
	background-color: var(--ColorAdmin);
	border-color: var(--ColorAdmin);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnExitHistory{
	color: var(--ColorAdmin);
	border-color: var(--ColorAdmin);
}
.BtnExitHistory:hover{
	color: var(--BackWht);
	background-color: var(--ColorAdmin);
	border-color: var(--ColorAdmin);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


.BottonGroup{
	display: flex;
	align-items:center;
	padding: 25px 10px;
}
.BottonGroupCreate{
	display: flex;
	align-items:center;
	padding: 25px 10px;
}

.BtnAction{
	color: var(--ColorAction);
	border-color: var(--ColorAction);
	width: 60px;
}
.BtnAction:hover{
	color: var(--BackWht);
	background-color: var(--ColorAction);
	border-color: var(--ColorAction);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


.BtnProcess{
	background-color:#d5d5d5;
}
.BtnProcess:hover{
	background-color:#34495E;
	color:#f0f0f0;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnPrint{
	border-color: #34495E;
}
.BtnPrint:hover{
	background-color:#34495E;
	color:#f0f0f0;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnPrintHistory{
	background-color:#d5d5d5;
	padding:4px 8px;
/*	width:100px;*/
	position:relative;
}
.BtnPrintHistory:hover{
	background-color:#34495E;
	color:#f0f0f0;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.MenuAction{
	display: flex;
	flex-direction:column;
	background-color:#f8f8f8;
	margin-top:5px;
	margin-left:0px;
	width:60px;
	
}
.BtnSuccess{
	padding:4px;
	width:50px;
	padding-top:4px;
}
.BtnSuccess:hover{
	width:50px;
	background-color:#34495E;
	color:#f9f9f9;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnMenuOption{
	padding:4px;
	width:50px;
	padding-top:4px;
}
.BtnMenuOption:hover{
	width:50px;
	background-color:#34495E;
	color:#f9f9f9;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.BtnReject{
	padding:4px;
	width:50px;
	padding-top:4px;
}
.BtnReject:hover{
	width:50px;
	background-color:#34495E;
	color:#f9f9f9;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.BtnEdit{
	padding:4px;
	width:50px;
	padding-top:4px;
}
.BtnEdit:hover{
	width:50px;
	background-color:#34495E;
	color:#f9f9f9;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
/*Button*/

.TitleGroup{
	background-color:#34495E;
	color:#f9f9f9;
	padding:10px;
}
.Containt{
	display:grid;
	grid-template-columns: repeat(24,1fr);
	grid-template-rows: 45px repeat(11,1fr);
	width:100%;
	min-height:500px;
	max-height:500px;
	padding-bottom:16px;
	margin-bottom:30px;
}
/*Header*/
.Header{
	background-color: #0A3D62;
	grid-column:1/-1;
	grid-row:1/1;
	display:flex;
	place-items:center;
	justify-content:space-between;
	padding: 15px 25px;
	box-sizing:border-box;
	min-width:0;
	max-width:100vw;
	overflow:visible;

}

.LogoHeader,
.InfoHeader{
	min-width:0;
}

.InfoHeader{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex:0 0 auto;
}

.UserProfile{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	overflow:hidden;
}

.UserProfile>img{
	display:block;
	width:30px;
	height:30px;
	object-fit:contain;
}

.MenuOptionUser{
	position: absolute;
	background-color:#dfe6e9;
	top:45px;
	right:12px;
	width:100px;
	display: none;
	flex-direction:column;
	justify-content:center;
	z-index: 100;
}
.BtnProfileUser{
	padding:5px 10px;
	display: flex;
	align-items:center;

}
.BtnProfileUser>img{padding-right:8px;}

.BtnProfileUser:hover{
	background-color:#0A3D62;
	color:#f9f9f9;
}


/*Header*/

/********************************************ToolTips**********************************************************/

.turn{
	background-color:#d4d4d4;
	border-radius:8px;
}

.TextDanger{
	color:#34495e;
}
.TextWhite{
	color:#f9f9f9;
}
.TextBlack{
	color:#000000;
}
/********************************************ToolTips**********************************************************/

/******************************************Menú*****************************************************************/
/*Factor de cambio en el menú*/
.NoteFactorChange{
	background-color:#636e72;
	color:#f9f9f9;
	display:flex;
	flex-direction:column;
	place-items:center;
	/*margin: 25px 15px 0px 15px;*/
	padding:8px;
	border-radius:5px;
}
/*Factor de cambio en el menú*/
.TitleMenu{
	font-size:24px;
	text-align:center;
	color:#f9f9f9;
}
.AvatarContent{
	display: flex;
	flex-direction:column;
	place-items:center;
	padding:15px;
}
.AvatarImg{
	width:80px;
	border-radius:50%;
}
.AvatarPosition{
	color:#f9f9f9;
}
.BtnMenuBarItem>img{
	padding:15px 0 0 35px;
}


.MenuContent{
	background-color: #0A3D62;
	position:fixed;
	top:0;
	left:0;
	width:200px;
	height: 100dvh;
	max-height:100vh;

	display:flex;
	flex-direction: column;
}
.MainMenu::-webkit-scrollbar {
    display: none;
}
/* Ajuste general */
.MainMenu{
	display:flex;
	flex-direction:column;
	overflow: auto;
	min-height: 300px;
	/*max-height: 500px;*/
}

.MenuFooter{
	padding:10px;
	background:#0A3D62;
}

/* Texto más chico en pantallas bajas */
@media (max-height: 800px){
	.MainMenu a{
		font-size:12px;
		padding:6px 8px;
	}

	.AvatarPosition{
		font-size:12px;
	}

	.TitleMenu{
		font-size:16px;
	}
}

.BtnMenu{
	color:#f9f9f9;
	display: flex;
	align-items:center;
	padding: 5px 0px;
	padding-left:15px;
	font-size:12px;
}

.SubMenu{
	background-color:white;
	color:#353b48;
	display:flex;
	flex-direction:column;
	display: none;
}
.BtnSubMenu{
	padding-left:45px;
	font-size:12px;
	line-height:25px;

}
.BtnSubMenu:hover{
	background-color:#353b48;
	color:#f9f9f9;
	font-size:12px;
}

.MenuIcon{
	width:23px;
	padding-right:8px;
}

.Order-1{order: 0;}.Order-2{order: 1;}.Order-3{order: 2;}.Order-4{order: 3;}.Order-5{order: 4;}.Order-6{order: 5;}.Order-7{order: 6;}.Order-8{order: 7;}.Order-9{order: 8;}.Order-10{order: 9;}.Order-11{order: 10;}.Order-12{order: 11;}.Order-13{order: 12;}.Order-14{order: 13;}.Order-15{order: 14;}

.Version{
	display: flex;
	flex-direction: column;
	justify-content:center;
	/*margin-top:150px;*/
	padding: 8px;
}
.Version p{
	color:#f9f9f9;
	padding-left: 18px;

}

/******************************************Menú-End*************************************************************/

/*Form Change*/
.ContentChangeFactor{
	position: absolute;
	left:40%;
	top:20%;
	display: none;
	background-color:#f9f9f9;
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
	border-radius:15px;
	z-index:10;
}

.FormMain{padding:10px 15px;}
/*Form Change*/

/*Form date*/
.ContentChangeDate{
	position: absolute;
	width:250px;
	left:40%;
	top:20%;
/*	display: none;*/
	background-color:#f9f9f9;
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
	border-radius:15px;
	z-index:10;
}

.FormMainDate{padding:10px 15px;}
/*Form Change*/


/****************************************Views Consulting de partidas*******************************************/
/*Busqueda de cuenta*/
.ContentModalSearchAccount{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
}
.ModalSearchAccount{
	background-color:#ffffff;
	margin-top:30px;
	margin-left:25%;
	width:48%;
	height:550px;
	border-radius:5px
}

.AgruparBuscar{
	display: flex;
	flex-direction:row;
	width:300px;
	margin-left:16px;

	margin-top:16px;
}
.LabelInputModal{
	margin-right:16px;
}

.SearchAccount{
	border-radius:5px;
	border:1px solid #353b48;
	margin-left:8px;
}

.SearchAccount:hover{
	background-color:#34495E;
	border-radius:5px;
	border:1px solid #34495E;
	color:#f9f9f9;
	margin-left:8px;
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}


/*Busqueda de cuenta*/
.MainContentConsulting{
	grid-column:3/-1;
	grid-row:2/-1;
	width:95%;
	display:grid;
	grid-template-columns:repeat(12, 1fr);
}

.ContentConsulting{
	padding:8px;
	grid-column:3/-1;
}
.ConsultigTitleContent{
	width:90%;
	border-bottom:2px solid #d5d5d5;
	padding:8px;
}
.TitleConsultig{
	font-size:16px;
	font-weight:bold;
}
.BtnConsultingView{
	padding:15px;
}
.ContentConsultingGlobal{
/*	background-color:rgba(0, 0, 0,1);*/
	display: none;
	grid-column:2/-1;
	z-index: 10;
	
}
.ConsultingBudgetTableGlobal{
	grid-template-columns:2/-1;
	width:100%;
}
.ContentConsultingItem{ 
	display: none;
	grid-column:3/-1;
/*	grid-row:1/-1;*/
}
.HeaderConsultingItem{
	display: flex;
	flex-direction:column;
/*	height:100px;*/
}

.SearchBudgetGlobal{
	width:95%;
	height:95px;
	padding: 15px 5px;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
}
.SearchBudgetItem{
/*	margin-top:-4px;*/
	margin-bottom:16px;
	width:95%;
	height:95px;
	padding: 8px;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
}

.ContentSearchItem{
	width:100%;
	display:flex;
	flex-direction:column;
}
.ContentNameItem{
	width:100%;
	margin-top:8px;
	text-align:left;
}
.SearchConsultingParcial{
	width: 100%;
}
.SearchConsultingGlobal{
	width:20%;
}

.ResumenBalanceParcial{
	background-color:#ecf0f1;
	min-width:230px;
	padding:8px;
	margin-right:15px;
	margin-bottom:8px;
	height:100px;
	line-height:18px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.TitleBalanceParcial{
	font-size:1.3em;
	border-bottom:1px solid #003366;

}


.ResumenBalance{
	background-color:#ecf0f1;
	min-width:200px;
	padding:8px;
	margin-right:15px;
	height:90px;
	line-height:18px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.BalanceBudgetItem{
	display:flex;
	justify-content:space-between;
}
.BalanceBudgetItem>span{
	font-size:1.2em;

}

.TotalBalance{
	display:flex;
	justify-content:space-between;
}
.TotalBalance>span{
	font-size:1.2em;

}

.TitleConsultingItemDetail{
	background-color:#34495E;
	color:#f9f9f9;
	display: grid;
	grid-template-columns: 10% 15% 15% 15% 15% 15% 15%;
	place-items:center;
	padding:8px;
}
.TitleConsultingItemDetail>h4{
	font-size:1.2em;
}

.ContentDetailsConsultingParcialItem{
	display: grid;
	grid-template-columns: 10% 15% 15% 15% 15% 15% 15%;
	place-items:center;
	border: 1px solid #d4d4d4;
	line-height:25px;
	padding:3px 8px;
}
.DetailConsultingItem{
	overflow-y:scroll;
	min-height:290px;
	height:290px;
}

.ContentDetailsConsultingParcialItem>h4{
	font-size:1.1em;
}

.Month{width:100%;text-align:left;}
.BudgetItemMonth{width:100%;text-align:right;}
.Commit{width:100%;text-align:right;}
.TotalDebit{width:100%;text-align:right;}
.TotalCredit{width:100%;text-align:right;}
.TotalMonth{width:100%;text-align:right;}
.BalanceYear{width:100%;text-align:right;}




.TitleConsultingItemDetailGlobal{
	background-color:#34495E;
	color:#f9f9f9;
	display: grid;
	grid-template-columns: 8% 15% 8% 8% 8% 10% 10% 8% 8% 10% 8%;
	place-items:center;
/*	width:100%;*/
}
.DetailConsultingGlobal{
	display: grid;
	grid-template-columns: 8% 15% 8% 8% 8% 10% 10% 8% 8% 10% 8%;
	place-items:center;
	border: 1px solid #d4d4d4;
	line-height:25px;
	background-color:#ffffff;

}

.ContentDetailsConsulting{
	overflow-y: scroll;
	overflow-x: hidden;
	height:57dvh;
	border:1px solid #d5d5d5;
}

/*.BottonGroup{
	margin-top:25px;
}*/

.BtnGroupConsulting{
	width:90%;
	padding-top:10%;
	display:flex;
	justify-content:space-around;
}
.BtnConsulting{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:7px;
	width:120px;
	height:130px;
	border: 1px solid #d5d5d5;
	border-radius:15px;

}
.BtnConsulting>img{
	width:50%;
}
.BtnConsulting>span{
	text-align:center;
	padding-top:8px;
	font-size:1.5em
}
.BtnConsulting:hover{
	background-color:#d5d5d5;
}

.CheckSelect{
	padding-right:10px;
}

/*detalle de la consulta Global (Movimeinto)*/
.MainItemGlobal{
	position:absolute;
	background-color:rgba(52, 73, 94,.9);
	width:100%;
	height:100%;
	display:none;
	z-index:20;
/*	display: flex;*/
	justify-content:center;
	align-items:center;

}

.ContentItemGlobal{
	position:absolute;
	width:82%;
	max-width:1180px;
	height:78vh;
	max-height:calc(100dvh - 32px);
	background-color:rgba(255, 255, 255, 1);	
	display:flex;
	flex-direction:column;
	box-shadow:0 18px 45px rgba(0,0,0,.25);
	overflow:hidden;
	box-sizing:border-box;
}
.HearderItemGlogal{
	background-color:#34495E;
	min-height:27px;
	display: flex;
	align-items:center;
	padding:8px
}
.TitelItemGlobal{
	font-size:1.5em;
	color:#f9f9f9;
}
.DetailGlobalSummary{
	display:grid;
	grid-template-columns:2fr repeat(4,1fr);
	gap:8px;
	padding:10px;
	border-bottom:1px solid #d5d5d5;
	background-color:#f9fafb;
}
.DetailGlobalAccount,
.DetailGlobalMetric{
	border:1px solid #d5d5d5;
	border-radius:4px;
	background-color:#fff;
	padding:7px 9px;
	min-height:46px;
	overflow:hidden;
}
.DetailGlobalAccount h4,
.DetailGlobalMetric h4{
	font-size:.9em;
	color:#5f6b75;
	margin-bottom:3px;
}
.DetailGlobalAccount strong,
.DetailGlobalMetric strong{
	display:block;
	font-size:1.1em;
	color:#273c75;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.DetailGlobalAccount span{
	display:block;
	margin-top:2px;
	font-size:.95em;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.TitleHeaderGlobal{
	background-color:#d5d5d5;
	display: grid;
	grid-template-columns: 12% 13% 16% repeat(4, 1fr);
	justify-content:space-between;
	padding:8px;
	place-items:center;
	gap:6px;
}
.ContentBodyItem{
	display: grid;
	grid-template-columns: 12% 13% 16% repeat(4, 1fr);
	justify-content:space-between;
	padding:8px;
	place-items:center;
	gap:6px;
	border-bottom:1px solid #ececec;
}
.TitleHeaderGlobal h2,
.ContentBodyItem h2{
	width:100%;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.BodyItemGlobal{
	flex:1;
	min-height:0;
	border-bottom:1px solid #d5d5d5;
	max-height:none;
	overflow-y:auto;
}
.ContentItemGlobal>.BottonGroup{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	gap:14px;
	min-height:48px;
	padding:8px 24px;
	border-top:1px solid #d5d5d5;
	background-color:#fff;
	box-sizing:border-box;
}

@media (max-height: 620px){
	.ContentItemGlobal{
		height:calc(100dvh - 24px);
	}

	.DetailGlobalSummary{
		grid-template-columns:2fr repeat(4,1fr);
		gap:6px;
		padding:8px;
	}

	.DetailGlobalAccount,
	.DetailGlobalMetric{
		min-height:40px;
		padding:6px 8px;
	}

	.ContentItemGlobal>.BottonGroup{
		min-height:42px;
		padding:6px 24px;
	}
}


/*detalle de la consulta Global (Movimeinto)*/
/****************************************Views Consulting - End*******************************************/

/****************************************Views CommitFound************************************************/
.ContentCommit{
	grid-column: 8/18;
	grid-row:3/-1;
	border-radius:5px;
	border:1px solid #d5d5d5;
	margin-bottom:50px;
	height:480px;

}

.HeaderCommit{
	display: flex;
	justify-content:space-between;
	place-items:center;
	padding: 0 25px;
	background-color:#273c75;
	color:#f9f9f9;
	height:35px;
}

.TitleCommit,.NumberCommit{	font-size:14px;}

.FormCommit{
	padding:10px 25px;
}

.InputDateCommit{
	width:20%
}
.InputCommit{
	width:50%;
}

.InputDays{
	width:25%;
	height: 35px;
	min-height: 55px;
	margin-left: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.InputDate{
	width:35%;
	height: 35px;
	min-height: 55px;
	margin-left: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.InputAreaCommit{
	outline:none;
	resize: none;
    width: 90%;
    height: 80px;
    border-radius:5px;
	border:1px solid #d5d5d5;
}

.DescriptionCommitItem{
	display:flex;
	/*place-items:center*/
	margin-top:12px;
}
.DescriptionProviderItem{
	display:flex;
	place-items:center
}
.BudgetItemDetail{
	display:flex;
	flex-direction:column;
	margin-left:8px;
	padding:8px;
	width:50%;
	
}
.overdraft{
	background-color:red;
	border-radius:8px;
}
.elvisLives{
	color:red
}

.CommitItemDetail{
	display:flex;
	flex-direction:column;
	padding:8px 10px;
	margin-left:32PX;
	margin-top:-16px;
}
.ProviderItemDetail{
	display:flex;
	flex-direction:column;
	padding-left:10px;
}

/****************************************Views CommitFound - End*******************************************/
/****************************************Views Tranfer Found **********************************************/
.ContentTranferFound{
	grid-column: 8/18;
	grid-row:3/-1;
	border-radius:5px;
	height:430px;
	border:1px solid #d5d5d5;
	margin-bottom:20px;
/*	display: none;*/
}

.HeaderTranferFound{
	display: flex;
	justify-content:space-between;
	place-items:center;
	padding: 0 25px;
	background-color:#273c75;
	color:#f9f9f9;
	height:35px;
}

.InputGroupAreaTranfer{
	margin-left: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width:80%;
}

.TitleTranferFound,.NumberTranferFound{	font-size:14px;}

.FormTranferFound{
	padding:10px 25px;
/*	line-height:20px;*/
}

.InputDateTranferFound{
	width:20%
}
.InputTranferFound{
	width:50%;
}

.DescriptionBudgetItem{
	display:flex;
	place-items:center;
	width:100%;
}

.InputAreaTranfer{
	outline:none;
	resize: none;
    width: 90%;
    height: 80px;
    border-radius:5px;
	border:1px solid #d5d5d5;
}
.InputAreaTranfer:focus{	
	border:1px solid #2c3e50;
}

.BudgetItemDetailOrigin{
	padding: 0 8px;
	margin-left:8px;
}
.BudgetItemDetailTarget{
	padding: 0 8px;
	margin-left:8px;
}

/****************************************Views CommitFound - End*******************************************/

/****************************************Views Exprense Record **********************************************/
.ContentExpenseRecord{
	margin-top:20px;
	grid-column: 9/19;
	grid-row:2/-1;
	border-radius:5px;
	border:1px solid #d5d5d5;
	width:100%;
	height:600px;
}


.FormExpenseRecord{
	height:550px;
}
.HeaderExpenseRecord{
	display: flex;
	justify-content:space-between;
	place-items:center;
	padding: 0 20px;
	background-color:#34495E;
	color:#f9f9f9;
	height:35px;
}

.TitleExpenseRecord,.NumberExpenseRecord{font-size:1.3em;}

.GroupInvoceExp{
	display:flex;
	flex-direction:row;
}
.InputRadio{
	display:inline-flex;
	flex-direction:row;
	width: 60%;
	height:30px;
	background-color:#f0f0f0;
	border-radius:8px;
	padding:5px;
	margin-left: 25px;
	justify-content: space-around;
	align-items:center;
}
.InGroupExpenseNumber>label{
	position: absolute;
	margin-bottom:40px
}
.InputExpenseRecord{
	width:40%;
}
.BudgetItemDetailExpense{
	display:flex;
	flex-direction:column;
	margin-left:8px;
	padding:8px;
	width:30%;
	margin-top:-50px;	
}


.InputAreaExpense{
	outline:none;
	resize: none;
    width: 90%;
    height: 80px;
    border-radius:5px;
	border:1px solid #d5d5d5;
}
.InputAreaExpense:focus{	
	border:1px solid #2c3e50;
}

.InGroupExpenseAccount{
	width:100%;
}

.Occult{
	visibility:none;
	display:none;
}
.GroupButtom{
	display:flex;
	flex-direction:row;
	place-items:center;
}

.InputDateExpenseRecord{
	width:25%
}
.TotalExpenseRecord{
	width:100%;
}
.TotalExpenseMoney{
	width:100%;
}
.ProviderExpense{
	width:30%;
	margin-right:12px;
}
.InputProviderName{
	width:45%;

}
.InvoceExpenseRecord{
	width:100%;
}

.ChangerFactor{
	width:30%;
}

.GroupAmount{
	display:flex;
	flex-direction:row;
	place-items:center;
}

.EditCommit{
	border-radius:8px;
	border:1px solid #d5d5d5;
	margin-left:8px;
}
.EditCommit:hover{
	background-color:#d3d3d3;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
/****************************************Views Expense Record - End*******************************************/


/****************************************View Modal Search General*******************************************/
.ContentModalCommit{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
	display: none;
}
/*.ModalCommit{
	background-color:#ffffff;
	margin-top:30px;
	width:60%;
	height:550px;
	border-radius:5px
}*/

.ModalCommit{
	background-color:#ffffff;
	margin-top:30px;
	width:45%;
	height:446px;
	border-radius:5px
}
.InputModal{width:300px;}
.InputFlex{
	margin:16px 24px;
}
.InputSearchAccount{width:50%;}

.HeaderModal{
	background-color:#34495E;
	width:100%;
	border-radius: 5px 5px 0px 0;
}
.TitleModal{
	font-size:16px;
	padding:8px 10px;
	vertical-align:center;
	color:#f9f9f9;
}

/*.TableModalCommit{
	display: flex;
	flex-direction:column;
	align-items:center;
}*/

.TableModalCommit{
	display: flex;
	flex-direction:column;
	align-items:center;
	width:98%;
	max-height:353px;
	border-bottom:1px solid #d5d5d5;
	overflow-y: scroll;

}

.TableHeaderModal{width:98%;}
.TableHeaderModalGrupos{width:98%;}
.TableHeaderModalPro{width:98%;}

.TableHeaderItemParcial{ /*busque da la consulta parcial*/
	background-color:#636e72;
	display: grid;
	grid-template-columns:20% 60% 15%;
	align-content:center;
	place-items:center;
	color:#f9f9f9;
	width:98%;
	padding:5px;
}

.TableItemParcial{
	display: grid;
	grid-template-columns:20% 60% 15%;
	align-content:center;
	width:100%;
	padding:5px 0 5px 15px;
}

.TableHeaderModalAccount{
	background-color:#636e72;
	display: grid;
	grid-template-columns:20% 40% 25% 15%;
	align-content:center;
	place-items:center;
	color:#f9f9f9;
	width:98%;
	padding:5px;
}


.TableItemAccount{
	display: grid;
	grid-template-columns:20% 40% 25% 15%;
	align-content:center;
	width:100%;
	padding:5px 0;
}

.TableHeaderModalCommit{
	background-color:#636e72;
	display: grid;
	grid-template-columns:15% 15% 25% 15% 15% 15%;
	align-content:center;
	place-items:center;
	color:#f9f9f9;
	width:98%;
	padding:5px;
}

.TableItemCommit{
	display: grid;
	grid-template-columns:15% 15% 25% 15% 15% 15%;
	align-content:center;
	width:100%;
	padding:5px 0;
}

.TableHeaderModalProvider{
	background-color:#636e72;
	display: grid;
	grid-template-columns:15% 40% 25% 15%;
	align-content:center;
	place-items:center;
	color:#f9f9f9;
	width:98%;
	padding:5px;
}

.TableItemProvider{
	display: grid;
	grid-template-columns:15% 40% 25% 15%;
	align-content:center;
/*	width:95%;*/
	padding:5px 0;
}

.TableBodyModal::-webkit-scrollbar {display: none;}
.TableBodyModalProvider::-webkit-scrollbar {display: none;}
.TableModalCommit::-webkit-scrollbar {display: none;}

.TableBodyModal{
	width:98%;
	max-height:353px;
	border-bottom:1px solid #d5d5d5;
	overflow-y: scroll;

}
.TableBodyModalProvider{
	width:98%;
	max-height:353px;
	border-bottom:1px solid #d5d5d5;
	overflow-y: scroll;

}
.Cuenta{
/*	background-color:red;*/
	width:80px;
	text-align:left;
	width:100%;
	font-size: 11px;
}
.Descripcion{
/*	background-color:green;*/
	text-align:left;
	width:100%;
	font-size: 11px;
}
.Estado{
/*	background-color:greenyellow;*/
	text-align:center;
	width:100%;
	font-size: 11px;
}
.Seleccion{
/*	background-color:green;*/
	width:100%;
	text-align:center;
	font-size: 11px;
	scale:1
}

.BottonGroupModal{
	width:80%;
	padding:10px 10px 10px 0;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
}



/****************************************View Modal Search General - End*************************************/


/****************************************View Total List ****************************************************/
.ContentList{
	grid-column:6/24;
	grid-row:2/auto;
	width:100%;
	height: 80dvh;
	padding: 15px;
	margin-top: 15px;
	z-index:10;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.HeaderList{
	background-color:#34495E;
	width:100%;
}
.TitleHeaderList{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:8px;
}
.TitleHeaderListExpense{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:8px;	
}
.TitleHeaderListTranfer{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:8px;	
}
.TitleHeader{
	font-size:1.2em;
	color: #f9f9f9;
}
.HeaderListExpense{

	background-color:#636e72;
	display: grid;
	grid-template-columns: 6% 8% 8% 15% 25% 8% 15% 8% 8%;
/*	grid-gap: 5px;*/
	place-items:center;
	padding:8px;
}


.BodyListExpense{
	display: grid;
	grid-template-columns: 6% 8% 8% 15% 25% 8% 15% 8% 8%;
/*	grid-gap: 5px;*/
	place-items:center;
	padding:8px;
}

.HeaderListCommit{
	background-color:#636e72;
	display: grid;
	grid-template-columns: 8% 8% 16% 30% 20% 8% 8%;
/*	justify-content:space-between;*/
	place-items:flex-start;
	padding:8px;
}
.BodyListCommit{
	display: grid;
	grid-template-columns: 8% 8% 16% 30% 20% 8% 8%;
/*	justify-content:space-between;*/
	place-items:flex-start;
	padding:8px;
}

.HeaderListGroup{
	background-color:#636e72;
	display: grid;
	grid-template-columns: 12% 22% 10% 30% 10% 10%;
	place-items:flex-start;
	padding:8px;
}
.BodyListGroup{
	display: grid;
	grid-template-columns: 12% 22% 10% 30% 10% 10%;
	place-items:flex-start;
	padding:8px;
}

.HeaderListBudgetItem{
	background-color:#636e72;
	display: grid;
	grid-template-columns: 10% 25% 20% 15% 15% 8% 8%;
	place-items:flex-start;
	padding:8px;
}
.BodyListBudgetItem{
	display: grid;
	grid-template-columns: 10% 25% 20% 15% 15% 8% 8%;
	place-items:flex-start;
	padding:8px;
}

.HeaderListProvider{
	background-color:#636e72;
	display: grid;
	grid-template-columns: 8% 20% 15% 18% 25% 10% 10%;
/*	place-items:center;*/
	padding:8px;
}
.BodyListProvider{
	display: grid;
	grid-template-columns: 8% 20% 15% 18% 25% 10% 10%;
/*	place-items:center;*/
	padding:8px;
}

.HeaderListTranfer{

	background-color:#636e72;
	display: grid;
	grid-template-columns: 6% 8% 20% 25% 10% 20% 8%;
	justify-content:space-between;
	place-items:flex-start;
	padding:8px;
}
.BodyListTranfer{
	display: grid;
	grid-template-columns: 6% 8% 20% 25% 10% 20% 8%;
	justify-content:space-between;
	place-items:flex-start;
	padding:8px;
}
.BodyList{
	overflow-y: scroll;
	height:56vh;
	padding: 0 8px;
	z-index:-10;

}
.BodyList::-webkit-scrollbar {display: none;} //retira la barra de scroll

.SearchCommit{
/*	outline:none;*/
	width: 30%;
/*	height: 25px;*/
/*	border-radius:5px;*/
/*	border:1px solid #d5d5d5;*/
/*	display: flex;*/
/*	flex-direction: row;*/
/*	font-size:12px;*/
}
.MontoList{
	width:50%;
	padding:0 15px;
}


.StatusList{}
.ActionListBtn{
	padding-right:24px;
}
.TotalRecord{
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center;	
	font-size:1.2em;
	height:30px;
	border-top:1px solid #c5c5c5;
}
/****************************************View Total List - End************************************************/

/****************************************Messenger************************************************/
.ContentMessenger{
/*	background-color:#39C458FF;*/
	position: absolute;
	border-radius:8px;
	margin-left:40%;
	top: 32px;
	width:35%;
/*	height:100%;*/
	max-height:84px;
	padding:10px;
	z-index:60;
	justify-content:center;
	place-items:center;
}
.MessengerExpense{
	position: absolute;
	border-radius:8px;
	margin-left:40%;
	top: 32px;
	width:35%;
/*	height:100%;*/
	max-height:84px;
	padding:10px;
	z-index:60;
	justify-content:center;
	place-items:center;	
}
.MsgCreate{
	position: absolute;
	border-radius:8px;
	margin-left:30%;
	top: 10%;
	width:45%;
	height:100px;
	padding:10px;
	z-index:60;
	justify-content:center;
	place-items:center;
}

.TextMessenger{
	font-size:1.5em;
	justify-content:flex-end;
	font-family: 'Poppins', sans-serif;
}

/*Mensaje Warning*/
.WarningDelete{
/*	display:none;*/
	background-color:#ecf0f1;
	margin-top: 40%;
	position:absolute;
	padding:16px;
	font-size:1.2em;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.WarningUpdate{
/*	display:none;*/
	background-color:#ecf0f1;
	margin-top: 40%;
	position:absolute;
	padding:16px;
	font-size:1.2em;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.WarningAnulation{
/*	display:none;*/
	background-color:#ecf0f1;
	margin-top: 40%;
	position:absolute;
	padding:16px;
	font-size:1.2em;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.TextWarning{
	font-size:1.2em;
	color:#2c3e50;

}
.BtnWarning{
	margin-top:16px;
	width:40px;
}

.Success:hover{
	background-color:var(--ColorSave);
	border:1px solid var(--ColorSave);
	color:var(--BackWht);
}
.Reject:hover{
	background-color:var(--ColorCancel);
	border:1px solid var(--ColorCancel);
	color:var(--BackWht);
}
/*Mensaje Warning-End*/

/****************************************Messenger - End****************************************************/
/****************************************Create Budget******************************************************/
.MenuCreateBudget{
	grid-column: 9/19;
	grid-row:3/-1;
	border-radius:5px;
	border:1px solid #d5d5d5;
	width:100%;
	height:400px;
}
.BodyMenuCrateBudget{
	display: flex;
	flex-direction:column;
	place-items:center;
	padding:36px;
}
.HeaderMenuCreateBudget{
	background-color:#34495E;
	color:#f9f9f9;
	display: flex;
	align-items:center;
	height:35px;
}
.TitelMenuCreateBudget{
	width:100%;
	font-size:1.3em;
	padding-left:16px;
}
.HeaderCreateBudgetItem{
	display:grid;
	grid-template-columns: 15% 12% 22% 30% 20%;
	place-items:center;
	background-color:#34495E;
	color:#f9f9f9;
	height:25px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.ListCreateBudgetItem{
	display:grid;
	grid-template-columns: 15% 12% 22% 30% 20%;
	place-items:center;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding: 8px 0px;
}
.MessengerNote{
	margin-left:50px;
	font-size:1.2em;
}

.ContentCreateBudget{
	grid-column: 7/20;
	grid-row:2/-1;
	margin-top:15px;
	border-radius:5px;
	border:1px solid #d5d5d5;
	width:100%;
	height:400px;
}
.HeaderCreateBudget{
	display: flex;
	justify-content:space-between;
	place-items:center;
	padding: 0 20px;
	background-color:#34495E;
	color:#f9f9f9;
	height:35px;
}
.TitelCreateBudget{
	font-size:1.3em;
}
.InputAreaCreateBudget{
	outline:none;
	resize: none;
    width: 80%;
    height: 80px;
    border-radius:5px;
	border:1px solid #d5d5d5;
}
.InputAreaCreateBudget:focus{	
	border:1px solid #2c3e50;
}
.InputDateBudgetCreate{
	width:30%;
}
.InputFactorBudgetCreate{
	width:40%;
}
.InputTotalVBudgetCreate{
	width:100%;
}
/*Structure Cost*/
.LoadStructureCost{
	grid-column: 8/18;
	grid-row:2/auto;
	margin-top:15px;
	border-radius:5px;
	border:1px solid #d5d5d5;
	width:100%;
/*	min-height:200px;*/
}

.InputEditBudget{
	width:80%;
	border:none;
    background-color: transparent;
/*	background-color:#f9f9f9;*/
	font-size:1.1em;
}

/*Structure Cost*/
/*Vista resultados de la consulta*/
.ViewResultBudget{
	grid-column: 9/21;
	grid-row:2/-1;
	margin-top:15px;
	border-radius:5px;
	border:1px solid #d5d5d5;
	width:90%;
	height:535px;
}

.HeaderViewBudget{
	display: grid;
	grid-template-columns:14% minmax(210px,38%) minmax(135px,17%) minmax(125px,17%) minmax(90px,10%);
	padding:0 8px;
	background-color:#d3d3d3;
	height:25px;
	align-items:center;
	column-gap:1%;
	box-sizing:border-box;
}
.ViewBudgetList{
	display: grid;
	grid-template-columns:14% minmax(210px,38%) minmax(135px,17%) minmax(125px,17%) minmax(90px,10%);
	align-items:center;
	min-height:28px;
	padding:0 8px;
	border:1px solid #ecf0f1;
	column-gap:1%;
	box-sizing:border-box;

}

.HeaderViewBudget h3,
.ViewBudgetList h3{
	min-width:0;
	overflow-wrap:anywhere;
}

.ViewBudgetList h3.Right{
	white-space:nowrap;
	overflow:visible;
}


.ViewContentList{
	overflow-y:scroll;
	overflow-x:auto;
	min-height:380px;
	max-height:380px;
}
.TotalList{
	font-size:1.2em;
	text-align:right;
	font-weight:bold;
	padding:8px 16px 0 0; 
}

.BtnImg{
	width:25%;
}

.ViewBudgetList:nth-child(even) {
    background-color: #ecf0f1;
}



/*Vista resultados de la consulta*/

/*Vista resultados presupuestos Historicos*/
.ViewResultHistory{
	grid-column: 8/18;
	grid-row:2/-1;
	margin-top:15px;
	border-radius:5px;
	border:1px solid #d5d5d5;
	width:100%;
	height:400px;
}

.HeaderViewBudgetHistory{
	display: grid;
	grid-template-columns:15% 10% 40% 20% 10%;
	padding:0 8px;
	background-color:#d3d3d3;
	height:25px;
	place-items:center;	
}
.ViewBudgetListHistory{
	display: grid;
	grid-template-columns:15% 10% 40% 20% 10%;
	padding:8px;
	border:1px solid #ecf0f1;
	place-items:center;

}

.ViewContentListHistory{
	overflow-y:scroll;
	min-height:250px;
	max-height:250px;
}
/*.TotalList{
	font-size:1.2em;
	text-align:right;
	font-weight:bold;
	padding:8px 16px 0 0; 
}*/

.BtnImg{
	width:25%;
}

.ViewBudgetList:nth-child(even) {
    background-color: #ecf0f1;
}
/*Vista resultados presupuestos Historicos*/


/*Style Of control Input Load File*********************************************************************************/

/*.BtnCreateBudget {
  background-color: #d2d2d2;
  color: #003366;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 auto 0;
  min-height: 15px;
  overflow: hidden;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 300px;
  top: 8px;
  left:8px;
}

.BtnCreateBudget .input-file {
 border: 10000px solid transparent;
 cursor: pointer;
 font-size: 10000px;
 margin: 0;
 opacity: 0;
 outline: 0 none;
 padding: 0;
 position: absolute;
 right: 10px;
 top: 10px;
}*/

/* Estilos para el contenedor del input */

.BtnCreateBudget {
  display: inline-block;
  background-color: #f2f2f2;
  color: #333;
  padding: 10px 15px;
  border: 2px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top:16px;
  margin-left: 16px;
}

.BtnCreateBudget:hover {
  background-color: #e0e0e0;
}

/* Estilos para ocultar el input real 









/*Style Of control Input Load File*********************************************************************************/

/****************************************Create Budget - End************************************************/



/****************************************Ventana Modal******************************************************/
.ContentModal{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
	display: none;
}

.FormModal{
	background-color:#ffffff;
	margin-top:5%;
	margin-left:5%;
	width:50%;
	height:500px;
	border-radius:5px;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
}

.HearderModal{
	background-color:#34495E;
}

.TitleModal{
	font-size:16px;
	color:#f9f9f9;
}
.InputGroupModal{
	width:30%;
	padding:8px 0;
}
.TitleBodyModal{
	display: grid;
	grid-template-columns: 10% 20% 20% 10%;
	justify-content: space-between;
	place-items:center;
	height:60px;
	background-color:#d5d5d5;
	padding: 0 8px;
}
.BodyModalItem{
	display: grid;
	grid-template-columns: 10% 20% 20% 10%;
	justify-content: space-between;
	place-items:center;
	height:26px;
	padding: 0 8px;
}
.BodyModalItem::-webkit-scrollbar {display: none;}


.BodyModal{
/*	background-color:blue;*/
	height:100%;
/*	overflow-y: scroll;*/
}

.FooterModal{

	border-top:1px solid #34495E;
	height:25px;
	bottom:0;
}

.FooterModal{
	display: flex;
	justify-content:space-between;
}


/****************************************Ventana Modal - End************************************************/
/****************************************File Group - ******************************************************/
.ContentGroupFile{
	grid-column: 8/17;
	grid-row:3/-1;
	border:1px solid #d5d5d5;
	width:100%;
	min-height:400px;
	height: 50vh;
}

.HeaderGroups{
	background-color:#34495E;
	padding:8px;
}
.Titlegroup{
	font-size:1.3em;
	color:#f9f9f9;
}
.GroupFile{
	display:flex;
	place-items:center;
	justify-content:space-between;
	width:70%;
}
.TitleStatus{
	margin-right:15px;
}
.DateGroups{
	width:30%;
}
.CodeGroups{
	width:30%;
}
.DescriptionGroups{
	width:60%;
}

.LastRecordItem{
	display: flex;
	justify-content:flex-end;
	padding-right:15px;
}
.StatusGroup{
	display:flex;
	flex-direction:column;
}

.StatusGroupIncome{
	display:flex;
	flex-direction:column;
	padding:8px 16px
}

/****************************************File Group - End***************************************************/

/****************************************File SubGroup - ******************************************************/
.ContentSubGroupFile{
	grid-column: 8/17;
	grid-row:3/-1;
	border:1px solid #d5d5d5;
	width:100%;
	height: 400px;
}

.HeaderSubGroups{
	background-color:#34495E;
	padding:8px;
	display: flex;
	flex-direction:column;
}
.TitleSubgroup{
	font-size:1.3em;
	color:#f9f9f9;
}

.DateSubGroups{
	width:30%;
}
.CodeSubGroups{
	width:30%;
}
.DescriptionSubGroups{
	width:60%;
}

.BodyListGroup:nth-child(even) {
    background-color: #ecf0f1;
}

/****************************************File SubGroup - End***************************************************/


/****************************************File Partidas Presupuestarias *************************************/
.ContentBudgetFile{
	margin-top:8px;
	grid-column: 8/19;
	grid-row:2/-1;
	border:1px solid #d5d5d5;
	width:100%;
	min-height:550px;
	max-height:600px;
}

.HeaderBudgetFile{
	background-color:#34495E;
	padding:8px;
}
.TitlebudgetFile{
	font-size:1.3em;
	color:#f9f9f9;
}
.GroupBalance{
	width: 80%;
	display: flex;
	flex-direction:row;
}
.InputTotalBalance{
	width:20%;
}
.InputBudgetFile{
	background-color:#d4d4d4;
}
.InputPorcentBudget{
	background-color:#d4d4d4;
	
}
.InputPorcent{
	width:18%;
}

.DateBudgetItem{
	width:30%;
}
.BudgetCode{
	width:32%;
}
.BudgetSelect{
	width:60%;

}
.BudgetDescription{
	width:80%;
}
.BudgetDate{
	width:30%;
}

.BodyListBudgetItem:nth-child(even) {
    background-color: #ecf0f1;
}

.GroupStatus{
	display:flex;
	flex-direction:row;
	place-items:center;
	justify-content:space-between;
	margin-right:100px;
}
.ContentGroup{
	display:flex;
	flex-direction:row;
	place-items:center;
}

.InputAreaItemBudget{
	outline:none;
	resize: none;
    width: 90%;
    height: 80px;
    border-radius:5px;
	border:1px solid #d5d5d5;
}
.InputAreaItemBudget:focus{	
	border:1px solid #2c3e50;
}

/****************************************File Partidas Presupuestarias - End********************************/

/****************************************File Proveedor*************************************/
.ContentProviderFile{
	margin-top:25px;
	grid-column: 8/19;
	grid-row:2/-1;
	border:1px solid #d5d5d5;
	width:100%;
	min-height:550px;
	max-height:600px;
}

.HeaderBudgetFile{
	background-color:#34495E;
	padding:8px;
}
.TitlebudgetFile{
	font-size:1.3em;
	color:#f9f9f9;
}
.ProviderSelect{
	width:30%;
}
.GroupBalance{
	width: 80%;
	display: flex;
	flex-wrap:wrap;
}

.InputAreaProvider{
	outline:none;
	resize: none;
    width: 90%;
    height: 80px;
    border-radius:5px;
	border:1px solid #d5d5d5;
}
.InputAreaProvider:focus{	
	border:1px solid #2c3e40;
}

.ProviderContact{
	width: 50%;
}
.ProviderDocument{
	width: 30%;
}
.ProviderPhone{
	width: 30%;
}
.ProviderMovil{
	width: 30%;
}
.ProviderMail{
	width: 50%;
}
.ProvidertDate{
	width: 30%;

}


.BodyListProvider:nth-child(even) {
    background-color: #ecf0f1;
}


/****************************************File Partidas Presupuestarias - End********************************/
/****************************************Login**************************************************************/
.ContentLogin{
	grid-column:1/-1;
	grid-row:1/-1;
	display:grid;
	grid-template-columns:repeat(12, 1fr);
	grid-template-rows:repeat(12, 1fr) 30px;
	height: 100vh;
	max-height:100vh;
}

.FormLogin{
	grid-column:1/8;
	grid-row:1/13;
	width:70%;
	background-color:#34495E;
	display: flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	z-index:4;
}
.InputLogin{
	width:100%;
}
.UserName,.UserPass1{
	width:60%;
	justify-content:flex-end;

}
.ContentImage{
	grid-column:5/-1;
	grid-row:1/-1;
	position:relative;

}
.TagLogin{
	color: #f9f9f9;
	font-size:1.3em;
}
.TitleLogin{
	color:#f9f9f9;
	position:absolute;
	width:25%;
	left: 10%;
	top: 10%;
	font-size:2.8em;
	padding:16px;
	z-index:5;
	text-align:right;
}
.FooterInfo{
	background-color:#757575;
	color:#f9f9f9;
	grid-column:1/8;
	grid-row:13/-1;
	width:70%;
	z-index:4;
}
.TagInfo{
	text-align:right;
	padding-right:16px;
}
.ImageItem{
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-size:cover;
}



.ButtonLogin{
	margin-top: 15px;
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	height: 30px;
	width:50%;
}


/****************************************Login - End********************************************************/
/****************************************Setting *************************************************************/
.ContentSetting{
	grid-column: 8/20;
	grid-row: 3/12;
	border: 1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.HeaderSetting{
	background-color:#34495E;
	height:35px;
	display: flex;
	align-items:center

}
.TitleSetting{
	color:#f9f9f9;
	padding:8px;
	font-size:1.3em;
}
.BodySetting{
	display: flex;
	flex-direction:column;
	place-items:center;
	padding:36px;
}

.AccessFunction{
	background-color:#d3d3d3;
	padding:8px;
	margin:8px;
	width:50%;
	font-size:1.2em;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.AccessFunction:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	background-color:#34495E;
	color:#f9f9f9;
	font-size:1.3em;


}

/********************Elements company*********************************/
.ContentCompany{

	grid-column: 6/20;
	grid-row: 2/18;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	margin-top:25px;
	width:100%;

	
}
.FormCompany{
	display:grid;
	grid-template-columns:repeat(12, 1fr);
	grid-template-rows: 35px repeat(11, 1fr);
	width:100%;
	max-height:500px;

}

.HeaderCompany{
	background-color:#34495E;
	grid-column:1/-1;
	grid-row:1/1;
	display:flex;
	align-items:center;
}
.TitleCompany{
	color:#f9f9f9;
	padding:16px;
	font-size:1.3em;
}
.BodyCompany{
	grid-column:1/-1;
	grid-row:2/-1;
	display: grid;
	grid-template-columns:repeat(12, 1fr);
	grid-template-rows: repeat(12, 1fr);
	min-height:400px;
	max-height:600px;
}
.DateCompany{
	grid-column:1/3;
	grid-row:1/1;
/*	width:100%;*/
}
.DescriptionCompany{
/*	width:100%;*/
	grid-column:1/8;
	grid-row:2/2;
}
.DocumentCompany{
	grid-column:1/8;
	grid-row:3/3;
}

.InputAreaCompany{
	outline:none;
	resize: none;
    width: 100%;
    height: 80px;
    border-radius:5px;
	border:1px solid #d5d5d5;
}
.InputAreaCompany:focus{	
	border:1px solid #2c3e50;
}
.AdressCompany{
	width: 90%;
	margin-left: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	grid-column:1/8;
	grid-row:4/6;	
}
.PhoneCompany{
	grid-column:1/5;
	grid-row:6/6;
}
.EmailCompany{
	grid-column:1/5;
	grid-row:7/7;
}
.ContentStudents{
	grid-column:8/12;
	grid-row:3/6;
	display: grid;
	grid-template-columns:repeat(6, 1fr);
}
.IdentifyCompany{
	grid-column:8/12;
	grid-row:1/1
}
.TitleInfoStudents{
	grid-column:1/-1;
	grid-row:1/1
}

.InitialCompany{
	grid-column:1/4;
	grid-row:2/2;
}
.PrimaryCompany{
	grid-column:4/-1;
	grid-row:2/2;
}
.SecundaryCompany{
	grid-column:1/4;
	grid-row:3/3;
}
.TotalStudent{
	grid-column:4/-1;
	grid-row:3/3;
}
.BottonGroup{
	grid-column:1/-1;
	grid-row:9/9;
}
/********************Elements company*********************************/
/********************Structure Cost*********************************/
.CostStructure{
	grid-column: 6/20;
	grid-row: 2/18;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	margin-top:25px;
	width:100%;
}

.HeaderCostStructure{
	background-color:#34495E;
	grid-column:1/-1;
	grid-row:1/1;
	display:flex;
	align-items:center;
}
.TitleCostStructure{
	color:#f9f9f9;
	padding:16px;
	font-size:1.3em;
}

.GroupCost{
	background-color:red;
	display: flex;
	flex-direction:row;
	justify-content:flex-start;
}
.HeaderListCost{
	display: grid;
	grid-template-columns: 10% 30% 20% 30%;
}
.DetailListCostItem{
	display: grid;
	grid-template-columns: 10% 30% 20% 30%;
}
.DetailListCost{
	overflow-y:scroll;
}
.DateCost{
	width:20%;
}

/********************Structure Cost*********************************/
.ContentPreClosed{
	grid-column: 10/18;
/*	grid-row: 2/8;*/
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	margin-top:25px;
	width:100%;
}

.ContentInfoPreClosed{
	margin-top:16px;
	width:100%;
}
.TitlePreClose{
	display:flex;
	padding-left:16px;
	background-color:#34495E;
	color:#f9f9f9;
	height:35px;
	align-items:center;
}
.InfoClosed{
	display: flex;
	flex-direction:column;
	align-items:center;
}
.InfoClosed>h2{
	font-size:1.3em;
}
.ContentPreclosed{
	position:absolute;
	right:15px;
	margin-top:55px;
}

/********************Pre-Closed Budget*********************************/
/********************Structure Cost*********************************/

/********************Pre-Closed Budget*********************************/

/********************Modulo de usuarios*********************************/
.ModelUser{
	grid-column: 8/17;
	grid-row: 2/11;
	margin-top:32px;
	border: 1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.FormUsers{
	padding:8px;

}

.HeaderModelUser{
	background-color:#34495E;
	height:35px;
	display: flex;
	align-items:center

}
.TitleModelUser{
	color:#f9f9f9;
	padding:8px;
	font-size:1.3em;
}
.BodyModelUser{
	display: flex;
	flex-direction:column;
/*	place-items:center;*/
	padding:36px;
}

.InputUser{
	width:50%;
}
.DescriptionUser{
	width:90%;
}
.DateUser{
	width:30%;
}
.ContentViewUserProfile{
	grid-column: 7/20;
	grid-row: 2/-1;
	min-height: 520px;
	margin-top:16px;
	border: 1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.ContentCreateRol{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
}
.ContentAdminUser{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
}

.FormCreateRol{
	background-color:#ffffff;
	margin-top:10%;
	margin-left:35%;
	width:30%;
	height:150px;
	border-radius:5px;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
}
.FormAdminUser{
	background-color:#ffffff;
	margin-top:10%;
	margin-left:35%;
	width:30%;
	height:250px;
	border-radius:5px;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
}


.CheckBoxProfileItem{
	background-color:#f9f9f9;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap:16px;
	min-height:300px;
	height:300px;
	line-height:25px;
	padding:16px;
}
.CheckBoxProfile{
	display: flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;

}
.BtnGroupUserProfile{
	display:flex;
	place-items:center;
	height: 80px;
	padding:16px;

}
.ContentViewUser{
	grid-column: 6/22;
	grid-row: 3/-1;
	min-height:450px;
/*	background-color: red;*/
	border: 1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.HeaderViewUser{
	background-color:#34495E;
	width:100%;
}

.TitleViewUser{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:8px;
	font-size:1.2em;
	color:#f9f9f9;
}

.TitleBodyModalUser{

	background-color:#636e72;
	display: grid;
	grid-template-columns: 10% 25% 10% 15% 15% 20%;
/*	justify-content:space-between;*/
	place-items:center;
	padding:8px;
}

.BodyModalUser{
	height:280px;
}


.BodyModalItemUser{
	display: grid;
	grid-template-columns: 10% 25% 10% 15% 15% 20%;
	padding:8px;
}

.BodyModalItemUser:nth-child(even) {
    background-color: #ecf0f1;
}
.BodyListUser{
	overflow-y:scroll;
	height:260px;
}

.BtnGroupUser{
	display: flex;
}

.BtnGroupUserAction{
	display: flex;
	justify-content:space-between;
	align-items:center;
}

.BtnActionUser{
	width:55px;
	height:28px;
}
.EditUser{
	background-color: #f9f9f9;
	border:1px solid var(--MenuFirst);
	color:var(--MenuFirst);
	border-radius: 5px;
}
.DeleteUser{
	background-color:#f9f9f9;
	border:1px solid var(--ColorCancel);
	color:var(--ColorCancel);
	border-radius: 5px;
}
.ProfileUser{
	background-color:#f9f9f9;
	border:1px solid var(--ColorBlue);
	color:var(--ColorBlue);
	border-radius: 5px;
}

.EditUser:hover{
	background-color:var(--MenuFirst);
	border:1px solid var(--MenuFirst);
	color:#f9f9f9;
	border-radius: 5px;
}
.DeleteUser:hover{
	background-color:var(--ColorCancel);
	border:1px solid var(--ColorCancel);
	color:#f9f9f9;
	border-radius: 5px;
}
.ProfileUser:hover{
	background-color:var(--ColorBlue);
	border:1px solid var(--ColorBlue);
	color:#f9f9f9;
	border-radius: 5px;
}
/********************Modulo de usuarios*********************************/
/****************************************Setting - End********************************************************/

/*Evaluación de ejecución**************************************************************************************/
.ContentViewDetails{
	grid-column:4/20;
	grid-row:2/-1;
	margin-top:15px;
	width:100%;
	height:530px;
/*	padding:8px 16px;*/
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.GroupItem{
	padding:8px 16px;
	background-color: #d3d3d3;
	margin:16px 0 16px 8px;
	width:35%;
}
.ContentFlex{
	display:flex;
	justify-content:space-between;
}
.ContentViewHeaderMovit{
	display:grid;
	grid-template-columns:15% 15% 15% 18% 18% 18%;
	height:25px;
	background-color:#d4d4d4;
	place-items:center;
}
.ContentViewMovit{
	grid-gap:16px;
	min-height:250px;
	max-height:300px;
	overflow-y:scroll;

}
.ContentViewMovitList{
	display:grid;
	grid-template-columns:15% 15% 15% 18% 18% 18%;
/*	width:100%;*/
	line-height:15px;
	padding:8px 8px;

}

.ContentViewMovitList:nth-child(even) {
    background-color: #ecf0f1;
/*    width:80%;*/
}
.ContentAdjustment{
	grid-column:2/-1;
	/*grid-row:2/-1;*/
	margin-top:15px;
	width:99%;
	min-height:85dvh;
/*	padding:8px 16px;*/
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.Espacio{
/*	background-color:red;*/
	width:60px;
/*	border:1px solid red;*/
}

.Selection{
	display:flex;
	flex-direction:row;
}

.FlexAling{
	align-items:flex-end;
	height:50px;
	margin-top:50px;
}

.HeaderAdjustment{
	background-color:#34495E;
	color:#f9f9f9;
	display: flex;
	align-items:center;
	height:35px;
}
.TitelAdjustment{
	width:100%;
	font-size:1.3em;
	padding-left:16px;
}
.BodyAdjustment{
	max-height:67vh;
	padding:8px 16px;
}

.ContentViewAdjustment{
	overflow-y:scroll;
	max-height:66vh;
}

@media (max-height: 768px) {
	.BodyAdjustment{
		max-height:61vh;
		padding:8px 16px;
	}

	.ContentViewAdjustment{
		overflow-y:scroll;
		max-height:58vh;
	}	
}

.HeaderBodyAdjustment{
	display:grid;
	grid-template-columns:10% 7% repeat(13, 1fr);
	font-size:12px;
}

.HeaderBodyAdjustment>h2{
	font-size:12px;
}
.ViewListAdjustment>h2{
	font-size:12px;
}


.ViewListAdjustment{
	display:grid;
	grid-template-columns:10% 7% repeat(13, 1fr);

}

.ViewListAdjustment:nth-child(even) {
    background-color: #ecf0f1;
    width:100%;
}

.TitleCuenta{
	font-size:8px;
}

.SubTitle{
	font-size:1.5em;
	background-color:#d4d4d4;
	text-align:center;
	padding:5px;
}
/*Evaluación de ejecución Fin**********************************************************************************/
/*Ajuste presupuestario**********************************************************************************/
.ContentAdjustmentBudget{
	grid-column:8/21;
	grid-row:2/-1;
	margin-top:15px;
	height:550px;
/*	padding:8px 16px;*/
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	width:100%;
}
.BodyAdjustmentBudget{
	overflow-y:auto;
/*	overflow-x:hidden;*/
	width:98%;
	margin:8px;
	border:1px solid #d5d5d5;

}

.HeaderBodyAdjustmentBudget{
	display:grid;
	grid-template-columns:73px 114px repeat(4, 1fr);
	background-color:#d5d5d5;
	height:25px;
/*	width:99%;*/
}

.ContentViewAdjustmentBudget{
    height:350px;
    overflow-y:auto;

}

.ViewListAdjustmentBudget{
	display:grid;
	grid-template-columns:73px 114px repeat(4, 1fr);
	width:100%;
	
}

.ViewListAdjustmentBudget:nth-child(even) {
    background-color: #ecf0f1;
    width:100%;
}

.BottonGroupAdjustment{
	display:flex;
}

.InputEditBudgetDebit{
	width:80%;
	border:none;
    background-color: transparent;
	font-size:1.1em;
}
.InputEditBudgetCredit{
	width:80%;
	border:none;
    background-color: transparent;
	font-size:1.1em;
}
.InputEditBudgetInit{
	width:80%;
	border:none;
    background-color: transparent;
	font-size:1.1em;
}
/*Ajuste presupuestario-fin**********************************************************************************/

/*Modulo de reportes**************************************************************************************/

.ContentReports{
	grid-column:8/21;
	grid-row:3/10;
}

.setButton{
	grid-column:20/-1;
	grid-row:3/3;	
}

.GroupOfSearch{

	display:flex;
}
.ContentViewAccountModalProvider{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
	display: none;
	top: 0;
	left: 0;
}
.ContentViewAccountModalGrupos{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
	display: none;
	top: 0;
	left: 0;
}


.TitleViewModalReport{
	font-size: 1.2em;
	color:#f9f9f9;
}
.InputFecha{
	width:30%;
}

.InputSearchAccountReport{
	width:100%;
	display: flex;
	flex-direction:row;
	align-items: flex-end
}

.BtnSmall{
	display: inline-block;
	background-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 10px;
	height:10px;
	text-align: center;
	font-size: 1.2rem;
	padding: 5px;
	border: 1px solid transparent;
	border-radius: .55rem;
	display: block;
	margin-left: 15px;
	margin-bottom:10px;
	font-weight: bold;
}
.BtnSearch{
	border:1px solid #c5c5c5;
	position:relative;
}
.BtnSearch:hover{
	border:1px solid #34495E;
	background-color:#34495E;
	color:#f0f0f0
}
.ContentOption{
	margin-top:50px;
	grid-column:10/18;
/*	grid-row:3/-1;*/
	min-height:450px;
	max-height:600px;
	border:1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	z-index:8;
}
.CheckBoxPrint{
	margin-left:16px;
	margin-top:8px;
}
.TitleDetails{
	margin-left:8px;
	width:50px;
}

.HeaderOption{
	background-color:#34495E;
	height:35px;
	display: flex;
	place-items:center;
	padding: 0 15px;
}
.ReportMenuIntro{
	background-color:#ffffff;
	border:1px solid #dfe6ec;
	border-left:5px solid #1F4E79;
	border-radius:8px;
	box-shadow: rgba(50, 50, 93, 0.12) 0px 6px 14px -4px, rgba(0, 0, 0, 0.12) 0px 3px 8px -4px;
	margin-bottom:14px;
	padding:16px 18px;
}

.ReportMenuIntro h2{
	color:#25384a;
	font-size:2.1em;
	line-height:1.15;
	margin:2px 0 7px;
}

.ReportMenuIntro p{
	color:#607182;
	font-size:1.2em;
	line-height:1.45;
	max-width:760px;
}

.ReportMenuEyebrow{
	color:#1F4E79 !important;
	font-size:1.05em !important;
	font-weight:bold;
	letter-spacing:.05em;
	text-transform:uppercase;
}

.ReportHistorySelector{
	background-color:#f8fafc;
	border:1px solid #dfe6ec;
	border-radius:8px;
	height:auto;
	margin:0 0 14px 0;
	min-height:0;
	padding:12px 14px;
}

.ReportHistorySelector label{
	color:#25384a;
	font-size:1.15em;
	font-weight:bold;
	margin-bottom:6px;
}

.ReportHistorySelector .InputItem{
	background-color:#ffffff;
	max-width:360px;
	width:100%;
}

.ReportHistorySelector p{
	color:#607182;
	font-size:1.1em;
	margin-top:7px;
}

.MenuReports{
	display: grid;
	grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
	grid-gap:12px;
}


.LinkMenuReport{
	background-color:#ffffff;
	border:1px solid #dfe6ec;
	border-left:5px solid #1F4E79;
	border-radius:8px;
	display: flex;
	align-items:flex-start;
	gap:12px;
	min-height:124px;
	padding:14px;
	position:relative;
	transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.LinkMenuReport:hover{
	background-color:#f8fbff;
	border-color:#9bb9d4;
	box-shadow: rgba(31, 78, 121, 0.18) 0px 10px 18px -8px, rgba(0, 0, 0, 0.14) 0px 5px 10px -8px;
	color:#25384a;
	transform:translateY(-2px);
}

.ReportCardIcon{
	align-items:center;
	background-color:#e9f2fa;
	border-radius:8px;
	color:#1F4E79;
	display:flex;
	flex:0 0 42px;
	font-size:2.4em !important;
	height:42px;
	justify-content:center;
	width:42px;
}

.ReportCardBody{
	display:flex;
	flex:1;
	flex-direction:column;
	min-width:0;
}

.ReportCardBody strong{
	color:#25384a;
	font-size:1.35em;
	line-height:1.2;
	margin-bottom:6px;
}

.ReportCardBody small{
	color:#607182;
	font-size:1.08em;
	line-height:1.35;
}

.ReportCardBody em{
	align-self:flex-start;
	background-color:#edf2f7;
	border-radius:4px;
	color:#455a6d;
	font-size:.95em;
	font-style:normal;
	font-weight:bold;
	margin-top:12px;
	padding:4px 7px;
	text-transform:uppercase;
}

/*Modal Reportes*/

.ContentViewAccountModal{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
	display: none;
	top: 0;
	left: 0;
}

.StatusGroupReport{
	margin-left:18px;
	margin-top:16px;
	display: flex;
	flex-direction:column;
}
.TitleStatusReport{
	padding-left:8px;
}

/*Modulo de reportes Fin**********************************************************************************/
/*Modulo Operaciones IncomeControl***************************************************************************/

.ContentIncomeControl{
	grid-column:8/21;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	height:550px;
	margin-top:16px;
}
.HeaderIncomeControl{
	background-color:#34495E;
	display:flex;
	justify-content:space-between;
	height:19px;
	align-items:center;
	padding:8px;

}
.TitleIncomeControl{
	color:#f9f9f9;
	font-size:1.2em;
}
.TitleIncomeControlForm{
	color:#f9f9f9;
	font-size:1.2em;
}

.NumberDocument{
	color:#f9f9f9;
	font-size:1.2em;
}
.SumaryIncomeControl{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	padding:8px 16px;
}
.BalanceIncomeControl{
	border:1px solid #d2d2d2;
	padding:8px;
	width:250px;
	line-height:14px;
}
.IncomeControlBtnOption{
	background-color:#d9d9d9;
	margin-top:8px;
	padding:8px;
	display: flex;
	justify-content:space-between;
}
.GroupOption{
	display:flex;
}
.GroupFilter{
	display: flex;
	align-items:center;
}

.BtnFilter{
	color:#34495E;
	border:none;
	margin-right:8px;
	border-radius:8px;
	font-size:2em;
}

.BtnFilter:hover{
	color:#34495E;
	border:none;
	margin-right:8px;
	border-radius:8px;
	font-size:2em;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.FlexBalance{
	display: flex;
	justify-content:space-between;
}
.IncomeControlHeaderDetail{
	display: grid;
	grid-template-columns:10% 8% 10% 35% repeat(3, 1fr);
	background-color:#d5d5d5;
	padding:8px;
}
.IncomeControlBodyDetail{
	overflow-y:scroll;
	height:282px;
}
.IncomeControlDetail{
	display: grid;
	grid-template-columns:10% 8% 10% 35% repeat(3, 1fr);
	padding:8px;
}

.IncomeControlDetail:nth-child(even) {
    background-color: #ecf0f1;
}
.AmountIncomeRecord{
	width:30%;
}

.ContentRecordIncomeControl{
	position:absolute;
	left: 37%;
	top:20%;
	width:350px;
	height:350px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


/*Modulo Operaciones IncomeControl End************************************************************************/


/*Modulo Cierre Presupuesto End************************************************************************/
.ContentClosedBudget{
	grid-column:9/18;
/*	grid-row:2/4;*/
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
/*	height:550px;*/
	margin-top:32px;
}
.DateCloseBudget{
	width:30%;
}
.HeaderClosed{
	background-color:#34495E;
	display:flex;
	height:19px;
	align-items:center;
	padding:8px;
}
.TitelClosed{
	color: #f9f9f9;
	font-size:1.3em;
}
.TotalsResume{
	display: flex;
	justify-content:space-between;
}

.Summary{
	background-color:#d2d2d2;
	width:50%;
	margin:16px;
	border-radius:8px;
	line-height:18px;
	padding:8px;
}
.FooterCLosedBudget{
	display:flex;
	padding:16px;
}
/*Modulo Cierre Presupuesto End************************************************************************/
/*Modulo TypeIncome****************************************************************************/
.ContentNewTypeIncome{
	grid-column:10/18;
	grid-row:3/10;
	background-color:#ffffff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}
/*Modulo TypeIncome End************************************************************************/



/*Animaciones*/
.AnimationForm{
	animation-name: MenusApp;
	animation-duration: 0.5s;
}
.AnimationInput{
	animation-name: MenusApp;
	animation-duration: 0.5s;
}
.AnimationMsg{
	animation-name: MenusApp;
	animation-duration: 0.4s;
}
.DisplayShow{
	display:none;
}
.Animation{
	display: flex;
	animation-name: MenusApp;
	animation-duration: 0.5s;
}

.AnimationModal{
	display: flex;
	animation-name: MenusApp;
	animation-duration: 0.1s;
}
.AnimationItem{
	display: block;
	animation-name: MenusApp;
	animation-duration: 0.5s;
}

.FormAnimation{
	display: flex;
	animation-name: MenusApp;
	animation-duration: 0.5s;
}

@keyframes MenusApp{
	from{opacity: 0;}
	to{opacity: 1;}
}
/*Animaciones*/


/*Ajustes de texos*/
.Right{text-align:right;}
.Left{text-align:left;}
.Center{text-align:center;}
/*Ajustes de texos*/


/*spinner*/

  .spinner {
      border: 4px solid rgba(0, 0, 0, 0.3);
      border-top: 4px solid #3498db;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      animation: spin 1s linear infinite;
      margin: 20px auto;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    
/*spinner*/


/*Chart graficos*/
.Dashboard{
	min-height: 100vh;
	background-color: red;
}

.DashboardCharts{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
padding-left: 20px;
padding-right: 20px;
}

.chartWide{
grid-column:span 2;
}

.chartBox{
background:#fff;
padding:15px;
border-radius:8px;
box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.DashboardKPI{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
margin-bottom:20px;
}

.DashboardKPI{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin:20px 0 30px 0;
padding: 0 15px;
font-family:'Open Sans',sans-serif;
}

.kpiCard{
display:flex;
align-items:center;
gap:15px;
/*padding:20px;*/
padding: 0 15px;
border-radius:10px;
background:#fff;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
transition:all .25s ease;
border-left:5px solid #ccc;
}

.kpiCard:hover{
transform:translateY(-3px);
box-shadow:0 8px 18px rgba(0,0,0,0.15);
}

/* ICONO */

.kpiIcon{
font-size:28px;
background:#f4f6f8;
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
}

/* CONTENIDO */

.kpiContent span{
display:block;
font-size:13px;
color:#777;
margin-bottom:4px;
}

.kpiContent strong{
font-size:22px;
color:#2c3e50;
font-weight:600;
}

/* COLORES POR KPI */

.kpiCard.budget{
border-left-color:#3498db;
}

.kpiCard.executed{
border-left-color:#27ae60;
}

.kpiCard.commit{
border-left-color:#f39c12;
}

.kpiCard.available{
border-left-color:#8e44ad;
}

.dashboard-header{
    padding:20px 25px;
    background:linear-gradient(135deg,#1f4e79,#2980b9);
    border-radius:8px;
    color:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
    font-family:'Open Sans',sans-serif;
}

.dashboard-header h1{
    margin:0;
    font-size:26px;
    font-weight:600;
    letter-spacing:.5px;
}

.dashboard-header h2{
    margin-top:6px;
    font-size:14px;
    font-weight:300;
    color:rgba(255,255,255,0.85);
}

/*.DashboardForecast{
	padding:0 15px 22px;
	font-family:'Open Sans',sans-serif;
	color:#243746;
}*/

.dashboard-kpi-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
	gap:14px;
	margin:4px 0 18px;
}

.dashboard-kpi-card{
	display:flex;
	align-items:center;
	gap:12px;
	min-height:78px;
	padding:14px;
	background:#fff;
	border:1px solid #e4ebf1;
	border-left:5px solid #2f80ed;
	border-radius:8px;
	box-shadow:0 3px 10px rgba(25,43,60,.07);
	box-sizing:border-box;
}

.dashboard-kpi-icon{
	width:42px;
	height:42px;
	flex:0 0 42px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	background:#f3f7fb;
	color:#2f80ed;
}

.dashboard-kpi-icon .material-icons{
	font-size:24px;
}

.dashboard-kpi-card span{
	display:block;
	font-size:12px;
	color:#6b7c8d;
	line-height:1.25;
}

.dashboard-kpi-card strong{
	display:block;
	margin-top:4px;
	font-size:20px;
	color:#1f2f3d;
	line-height:1.15;
	overflow-wrap:anywhere;
}

.dashboard-kpi-card.kpi-blue{border-left-color:#2f80ed;}
.dashboard-kpi-card.kpi-blue .dashboard-kpi-icon{color:#2f80ed;background:#edf5ff;}
.dashboard-kpi-card.kpi-green{border-left-color:#27ae60;}
.dashboard-kpi-card.kpi-green .dashboard-kpi-icon{color:#27ae60;background:#edf9f2;}
.dashboard-kpi-card.kpi-orange{border-left-color:#f39c12;}
.dashboard-kpi-card.kpi-orange .dashboard-kpi-icon{color:#d98200;background:#fff6e6;}
.dashboard-kpi-card.kpi-purple{border-left-color:#6c5ce7;}
.dashboard-kpi-card.kpi-purple .dashboard-kpi-icon{color:#6c5ce7;background:#f0efff;}
.dashboard-kpi-card.kpi-red{border-left-color:#e74c3c;}
.dashboard-kpi-card.kpi-red .dashboard-kpi-icon{color:#e74c3c;background:#fff0ee;}

.forecast-layout{
	display:grid;
	grid-template-columns:minmax(0,2fr) minmax(260px,1fr);
	gap:16px;
	margin-bottom:16px;
}

.forecast-chart-card,
.forecast-status-card,
.forecast-interpretation-card,
.forecast-table-card,
.forecast-help-card{
	background:#fff;
	border:1px solid #e4ebf1;
	border-radius:8px;
	box-shadow:0 3px 10px rgba(25,43,60,.07);
	box-sizing:border-box;
}

.forecast-chart-card,
.forecast-status-card,
.forecast-table-card,
.forecast-help-card{
	padding:16px;
}

.forecast-interpretation-card{
	padding:16px 18px;
	margin-bottom:16px;
	border-left:5px solid #2f80ed;
}

.forecast-card-header{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:12px;
	margin-bottom:14px;
}

.forecast-card-header h3,
.forecast-interpretation-card h3,
.forecast-help-card h3{
	margin:0;
	font-size:17px;
	font-weight:600;
	color:#1f2f3d;
}

.forecast-card-header span{
	font-size:12px;
	color:#6b7c8d;
	text-align:right;
	line-height:1.35;
}

.forecast-chart-legend{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-bottom:12px;
	font-size:12px;
	color:#526476;
}

.forecast-chart-legend span{
	display:flex;
	align-items:center;
	gap:6px;
}

.forecast-chart-legend i{
	width:10px;
	height:10px;
	border-radius:2px;
	display:inline-block;
}

.forecast-chart-legend .budget{background:#2f80ed;}
.forecast-chart-legend .executed{background:#27ae60;}
.forecast-chart-legend .forecast{background:#6c5ce7;}

.forecast-month-grid{
	display:grid;
	gap:9px;
}

.forecast-month-row{
	display:grid;
	grid-template-columns:42px minmax(0,1fr) 110px;
	align-items:center;
	gap:10px;
	min-height:34px;
}

.forecast-month-row.forecast-over .forecast-month-label,
.forecast-month-row.forecast-over .forecast-month-value{
	color:#c0392b;
	font-weight:600;
}

.forecast-month-label{
	font-size:12px;
	color:#516274;
}

.forecast-bars{
	display:grid;
	gap:3px;
}

.forecast-progress-bar{
	height:7px;
	min-width:2px;
	border-radius:999px;
}

.forecast-progress-bar.budget{background:#2f80ed;}
.forecast-progress-bar.executed{background:#27ae60;}
.forecast-progress-bar.forecast{background:#6c5ce7;}

.forecast-month-value{
	font-size:12px;
	color:#516274;
	text-align:right;
}

.forecast-status-list{
	display:grid;
	gap:16px;
}

.forecast-status-list>div{
	display:grid;
	grid-template-columns:1fr auto;
	gap:6px 10px;
	align-items:center;
}

.forecast-status-list span{
	font-size:13px;
	color:#526476;
}

.forecast-status-list strong{
	font-size:20px;
	color:#1f2f3d;
}

.forecast-status-list div div{
	grid-column:1/-1;
	height:9px;
	background:#edf1f5;
	border-radius:999px;
	overflow:hidden;
}

.forecast-status-list i{
	display:block;
	height:100%;
	border-radius:999px;
}

.forecast-status-list .normal{background:#27ae60;}
.forecast-status-list .alert{background:#f39c12;}
.forecast-status-list .critical{background:#e74c3c;}

.forecast-interpretation-card p{
	margin:8px 0 0;
	font-size:14px;
	color:#405466;
}

.forecast-table-wrap{
	overflow-x:auto;
}

.forecast-table{
	width:100%;
	min-width:840px;
	border-collapse:collapse;
	font-size:13px;
}

.forecast-table th,
.forecast-table td{
	padding:10px 8px;
	border-bottom:1px solid #edf1f5;
	text-align:left;
	vertical-align:middle;
}

.forecast-table th{
	color:#5c6e80;
	font-weight:600;
	background:#f8fafc;
}

.forecast-table td{
	color:#263746;
}

.forecast-table td:nth-child(3),
.forecast-table td:nth-child(4),
.forecast-table td:nth-child(5),
.forecast-table td:nth-child(6){
	text-align:right;
	white-space:nowrap;
}

.forecast-table small{
	display:block;
	color:#6b7c8d;
	font-size:11px;
}

.forecast-badge-normal,
.forecast-badge-alert,
.forecast-badge-critical{
	display:inline-flex;
	align-items:center;
	min-height:24px;
	padding:0 9px;
	border-radius:999px;
	font-size:11px;
	font-weight:600;
}

.forecast-badge-normal{
	color:#1f7a43;
	background:#eaf8f0;
}

.forecast-badge-alert{
	color:#9a5a00;
	background:#fff4df;
}

.forecast-badge-critical{
	color:#b93124;
	background:#ffefed;
}

.forecast-help-card{
	margin-top:16px;
}

.forecast-help-card ul{
	margin:10px 0 0;
	padding-left:18px;
	color:#405466;
	font-size:14px;
	line-height:1.6;
}

.forecast-empty{
	padding:14px;
	background:#f8fafc;
	border:1px dashed #cbd6e1;
	border-radius:8px;
	color:#66788a;
	font-size:14px;
}
/*.BarchartValues{display: none;}*/
.ContentControlChart{
	/*display: none;*/
	position: absolute;
	width:80%;
	margin-left:17%;
	margin-top:7%;
	background-color:#ffffff;
	border-radius:5px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.DisplayChart{
	display: block;
	animation-name: MenusApp;
	animation-duration: 0.5s;

}
.HeaderControlChart{
	background-color:#34495E;
	display:flex;
	justify-content:space-between;
	height:19px;
	align-items:center;
	padding:8px;
	font-size:1.5em;
	color:#f9f9f9;
}
.InputRadioChart{
	display:flex;
	flex-direction:column;
	padding:16px 8px 0px 32px

}
.BarchartValues{
	background-color:#f9f9f9;
	padding:16px;
	grid-column:5/-1;
}

.BtnGroupChart{
	display: flex;
	justify-content: flex-end;
	padding: 8px 16px 8px 8px;
	grid-column: 2/23;
}
/*Chart graficos*/

/*ToolTip*/
.custom-tooltip {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 4px;
    pointer-events: none;
    z-index: 9999;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}
/*ToolTip*/

/*Ajustes de texos*/
.Right{text-align:right;}
.Left{text-align:left;}
.Center{text-align:center;}
.Oculto{display: none;}
/*Ajustes de texos*/

/*Responsive index*/
@media (max-width: 1180px){
	html, body{
		height:auto;
		min-height:100vh;
		overflow-x:hidden;
		background:#eef3f6;
	}

	.Containt{
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:55px auto;
		min-height:100vh;
		max-height:none;
		padding-bottom:24px;
		margin-bottom:0;
		background:#eef3f6;
	}

	.Header{
		grid-column:1/-1;
		grid-row:1;
		padding:10px 14px 10px 58px;
		min-height:35px;
		position:sticky;
		top:0;
		z-index:30;
	}

	.TitleHeader{
		font-size:18px;
	}

	.UserProfile img{
		width:30px;
		height:30px;
	}

	.MenuOptionUser{
		top:55px;
		right:10px;
		width:min(220px, calc(100vw - 20px));
		z-index:80;
	}

	.BtnProfileUser{
		min-height:36px;
		font-size:12px;
	}

	.BtnNavBar{
		position:fixed;
		top:8px;
		left:10px;
		z-index:90;
		width:40px;
		height:40px;
		display:flex;
		align-items:center;
		justify-content:center;
		background:#0A3D62;
		border-radius:4px;
	}

	.BtnMenuBarItem{
		display:flex;
		align-items:center;
		justify-content:center;
		width:40px;
		height:40px;
	}

	.BtnMenuBarItem>img{
		width:24px;
		height:24px;
		padding:0;
	}

	.MenuContent{
		display:flex;
		width:min(82vw, 280px);
		height:100dvh;
		max-height:none;
		z-index:120;
		box-shadow:0 10px 30px rgba(0,0,0,.35);
		transform:translateX(-105%);
		visibility:hidden;
		pointer-events:none;
		transition:transform .22s ease, visibility .22s ease;
	}

	.MenuContent.MenuOpen{
		display:flex;
		transform:translateX(0);
		visibility:visible;
		pointer-events:auto;
	}

	.TitleMenu{
		font-size:20px;
		padding-top:12px;
	}

	.AvatarContent{
		padding:12px;
	}

	.AvatarImg{
		width:58px;
	}

	.MainMenu{
		min-height:0;
	}

	.BtnMenu{
		min-height:38px;
		font-size:13px;
		padding:6px 12px;
	}

	.BtnSubMenu{
		min-height:34px;
		line-height:34px;
		font-size:13px;
		padding-left:42px;
	}

	.NoteFactorChange,
	.Version{
		margin:8px;
	}

	.ContentPreclosedMsj{
		position:static;
		grid-column:1/-1;
		grid-row:2;
		justify-self:end;
		margin:8px 12px 0 0;
	}

	.BtnGroupChart{
		grid-column:1/-1;
		grid-row:2;
		justify-content:flex-start;
		align-self:start;
		align-items:center;
		flex-wrap:wrap;
		gap:8px;
		padding:16px 12px 8px;
		height:auto;
		min-height:0;
		box-sizing:border-box;
	}

	.BtnGroupChart .Btn{
		margin-left:0;
		min-height:36px;
		height:auto;
	}

	.ContentControlChart{
		position:relative !important;
		grid-column:1/-1;
		grid-row:3;
		width:auto !important;
		max-width:calc(100vw - 24px);
		margin:12px !important;
		margin-left:12px !important;
		margin-top:12px !important;
		max-height:none;
		overflow:visible;
		border-radius:8px;
		box-sizing:border-box;
		box-shadow:0 6px 16px rgba(29,43,53,.12);
	}

	.Dashboard{
		min-height:auto;
		background:#ffffff;
	}

	.dashboard-header{
		padding:18px 16px;
		border-radius:6px 6px 0 0;
		background:#1f4e79;
		box-shadow:none;
	}

	.dashboard-header h1{
		font-size:22px;
		line-height:1.25;
		max-width:100%;
	}

	.dashboard-header h2{
		font-size:13px;
		line-height:1.35;
	}

	.DashboardKPI{
		grid-template-columns:1fr;
		gap:12px;
		margin:12px 0 18px;
		padding:0 12px;
	}

	.kpiCard{
		min-height:64px;
		padding:10px 12px;
		border-radius:8px;
		box-sizing:border-box;
		width:100%;
	}

	.kpiContent strong{
		font-size:20px;
		overflow-wrap:anywhere;
	}

	.kpiContent span{
		font-size:12px;
	}

	.kpiIcon{
		flex:0 0 48px;
		width:48px;
		height:48px;
		font-size:24px;
	}

	.DashboardCharts{
		grid-template-columns:1fr;
		gap:12px;
		padding:0 12px 12px;
	}

	.DashboardForecast{
		padding:0 12px 16px;
	}

	.dashboard-kpi-grid{
		grid-template-columns:1fr;
		gap:12px;
		margin:12px 0 14px;
	}

	.dashboard-kpi-card{
		min-height:68px;
		padding:11px 12px;
	}

	.dashboard-kpi-card strong{
		font-size:19px;
	}

	.forecast-layout{
		grid-template-columns:1fr;
		gap:12px;
	}

	.forecast-card-header{
		flex-direction:column;
		gap:4px;
	}

	.forecast-card-header span{
		text-align:left;
	}

	.forecast-month-row{
		grid-template-columns:36px minmax(150px,1fr) 96px;
	}

	.forecast-chart-card,
	.forecast-status-card,
	.forecast-table-card,
	.forecast-help-card,
	.forecast-interpretation-card{
		padding:14px;
	}

	.chartWide{
		grid-column:span 1;
	}

	.chartBox{
		padding:10px;
		overflow-x:auto;
		border-radius:8px;
	}

	.chartBox > div{
		min-width:280px;
	}

	.ContentChangeFactor,
	.ContentChangeDate,
	.ContentRecordIncomeControl{
		position:fixed;
		left:12px;
		right:12px;
		top:80px;
		width:auto;
		height:auto;
		max-height:calc(100dvh - 100px);
		overflow:auto;
		z-index:95;
	}

	.InputArea{
		width:100%;
	}

	.ContentReports,
	.ContentOption{
		grid-column:1/-1;
		grid-row:auto;
		margin:12px;
		width:auto;
	}

	.MenuReports{
		grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
	}
}

@media (max-width: 640px){
	.MainContentConsulting,
	.ContentCommit,
	.ContentReports,
	.ContentOption,
	.ContentIncomeControl,
	.ContentClosedBudget,
	.ContentNewTypeIncome,
	.ContentViewDetails,
	.ContentAdjustmentBudget,
	.ModelUser,
	.ContentViewUserProfile,
	.ContentViewUser,
	.ContentAdjustment{
		grid-column:1/-1;
		grid-row:auto;
		width:auto;
		height:auto;
		min-height:auto;
		max-height:none;
		margin:12px;
		overflow-x:auto;
	}

	.ReportMenuIntro{
		padding:14px;
	}

	.ReportMenuIntro h2{
		font-size:1.75em;
	}

	.MenuReports{
		grid-template-columns:1fr;
	}

	.LinkMenuReport{
		min-height:112px;
		padding:12px;
	}

	.SearchBudgetGlobal,
	.SearchBudgetItem,
	.SumaryIncomeControl,
	.IncomeControlBtnOption,
	.GroupOfSearch,
	.TotalsResume,
	.FooterCLosedBudget,
	.BottonGroup,
	.BottonGroupCreate,
	.BottonGroupAdjustment,
	.ContentFlex,
	.Selection{
		flex-direction:column;
		align-items:stretch;
		gap:8px;
		height:auto;
	}

	.InputGroup,
	.InputGroupArea,
	.InputDays,
	.InputDate{
		width:auto;
		height:auto;
		min-height:44px;
		margin:8px 0;
	}

	.InputItem,
	.InputCommit,
	.InputDateCommit,
	.InputFecha,
	.DateCloseBudget,
	.AmountIncomeRecord,
	.DateCost,
	.InputUser,
	.DescriptionUser,
	.DateUser{
		width:100%;
		box-sizing:border-box;
		min-height:32px;
	}

	.Summary,
	.BalanceIncomeControl,
	.ResumenBalance,
	.ResumenBalanceParcial{
		width:auto;
		min-width:0;
		margin:8px 0;
	}

	.HeaderBodyAdjustment,
	.ViewListAdjustment,
	.HeaderBodyAdjustmentBudget,
	.ViewListAdjustmentBudget,
	.IncomeControlHeaderDetail,
	.IncomeControlDetail,
	.TitleConsultingItemDetail,
	.ContentDetailsConsultingParcialItem,
	.TitleConsultingItemDetailGlobal,
	.DetailConsultingGlobal,
	.TitleBodyModalUser,
	.BodyModalItemUser{
		min-width:760px;
	}

	.ContentDetailsConsulting,
	.ContentViewAdjustment,
	.BodyAdjustmentBudget,
	.IncomeControlBodyDetail,
	.BodyListUser,
	.DetailConsultingItem{
		overflow:auto;
	}

	.ModalSearchAccount,
	.FormCreateRol,
	.FormAdminUser{
		position:relative;
		width:calc(100vw - 24px);
		height:auto;
		max-height:calc(100dvh - 48px);
		margin:24px 12px;
		overflow:auto;
	}

	.ContentItemGlobal{
		position:relative;
		width:calc(100vw - 24px);
		height:calc(100dvh - 48px);
		max-height:calc(100dvh - 48px);
		margin:24px 12px;
		overflow:hidden;
	}
}

@media (max-width: 380px){
	.Header{
		padding-left:54px;
	}

	.ContentControlChart{
		max-width:calc(100vw - 16px);
		margin:8px !important;
		margin-left:8px !important;
		margin-top:8px !important;
	}

	.BtnGroupChart{
		padding:12px 8px 4px;
	}

	.dashboard-header{
		padding:16px 14px;
	}

	.dashboard-header h1{
		font-size:20px;
	}

	.DashboardKPI{
		gap:10px;
		padding:0 10px;
	}

	.kpiCard{
		gap:10px;
		padding:9px 10px;
	}

	.kpiIcon{
		flex-basis:42px;
		width:42px;
		height:42px;
	}

	.kpiContent strong{
		font-size:18px;
	}

	.DashboardCharts{
		padding:0 10px 10px;
	}
}

/* Dashboard Forecast Ejecutivo */
.Dashboard{
	min-height:auto;
	background:#f7f9fc;
}

.ContentControlChart{
	background:#f7f9fc;
	border-radius:0;
	box-shadow:none;
	overflow:visible;
	position:relative;
	width:calc(100% - 230px);
	margin:0 0 0 230px;
	padding:0;
}

.DashboardForecast{
	/*padding:18px 18px 16px;*/
	font-family:'Open Sans',sans-serif;
	color:#172033;
}

.forecast-topbar{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px solid #e5ebf3;
}

.forecast-topbar h1{
	margin:0;
	font-size:29px;
	line-height:1.08;
	font-weight:700;
	color:#10182b;
}

.forecast-topbar p{
	margin:6px 0 0;
	font-size:14px;
	color:#718198;
}

.forecast-topbar-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:14px;
}

.forecast-period,
.forecast-icon-button{
	height:46px;
	border:1px solid #e2e8f0;
	background:#fff;
	color:#172033;
	border-radius:8px;
	box-shadow:0 2px 8px rgba(15,23,42,.06);
	box-sizing:border-box;
}

.forecast-period{
	display:flex;
	align-items:center;
	gap:10px;
	padding:0 12px;
	font-size:13px;
	cursor:pointer;
}

.forecast-period .material-icons:first-child{
	color:#2f80ed;
	font-size:21px;
}

.forecast-period .material-icons:last-child{
	color:#718198;
	font-size:20px;
}

.forecast-icon-button{
	position:relative;
	width:46px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}

.forecast-icon-button .material-icons{
	color:#2f80ed;
	font-size:22px;
}

.forecast-icon-button.is-loading .material-icons{
	animation:spin .8s linear infinite;
}

.forecast-icon-button:disabled{
	cursor:wait;
	opacity:.72;
}

.forecast-icon-button i{
	position:absolute;
	top:5px;
	right:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:16px;
	height:16px;
	background:#f04438;
	color:#fff;
	border-radius:50%;
	font-size:10px;
	font-style:normal;
	font-weight:700;
}

.forecast-icon-button i.is-empty{
	display:none;
}

.forecast-alert-dropdown{
	position:absolute;
	top:58px;
	right:0;
	z-index:70;
	width:min(360px, calc(100vw - 32px));
	max-height:430px;
	display:none;
	overflow:hidden;
	background:#fff;
	border:1px solid #dfe7f1;
	border-radius:10px;
	box-shadow:0 18px 40px rgba(15,23,42,.18);
}

.forecast-alert-dropdown.is-open{
	display:block;
}

.forecast-alert-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:14px 16px;
	border-bottom:1px solid #edf2f7;
}

.forecast-alert-header strong{
	font-size:15px;
	color:#172033;
}

.forecast-alert-header span{
	font-size:12px;
	color:#60708a;
	font-weight:700;
}

.forecast-alert-list{
	max-height:360px;
	overflow:auto;
	padding:8px;
}

.forecast-alert-item{
	display:grid;
	grid-template-columns:36px minmax(0,1fr);
	gap:10px;
	padding:10px;
	border-radius:8px;
}

.forecast-alert-item+.forecast-alert-item{
	margin-top:6px;
}

.forecast-alert-item>.material-icons{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:50%;
	font-size:21px;
}

.forecast-alert-item.critical{
	background:#fff3f1;
}

.forecast-alert-item.critical>.material-icons{
	background:#ffe0dc;
	color:#e1291c;
}

.forecast-alert-item.warning{
	background:#fff8ec;
}

.forecast-alert-item.warning>.material-icons{
	background:#ffe8bd;
	color:#c76500;
}

.forecast-alert-item.info{
	background:#eef6ff;
}

.forecast-alert-item.info>.material-icons{
	background:#d9ebff;
	color:#2677e8;
}

.forecast-alert-item strong{
	display:block;
	font-size:13px;
	color:#172033;
	line-height:1.2;
}

.forecast-alert-item p{
	margin:4px 0 0;
	font-size:12px;
	line-height:1.35;
	color:#4a5b73;
}

.forecast-alert-item small{
	display:inline-flex;
	margin-top:7px;
	font-size:11px;
	color:#60708a;
	font-weight:800;
}

.forecast-alert-empty{
	padding:18px 16px;
	color:#60708a;
	font-size:13px;
}

.forecast-user-chip{
	display:flex;
	align-items:center;
	gap:10px;
	min-width:164px;
}

.forecast-user-chip>span:first-child{
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:50%;
	background:#2f80ed;
	color:#fff;
	font-size:13px;
	font-weight:700;
}

.forecast-user-chip strong,
.forecast-user-chip small{
	display:block;
}

.forecast-user-chip strong{
	font-size:13px;
	color:#172033;
}

.forecast-user-chip small{
	margin-top:2px;
	font-size:11px;
	color:#60708a;
}

.forecast-user-chip .material-icons{
	color:#2f80ed;
	font-size:20px;
	margin-left:auto;
}

.dashboard-kpi-grid{
	display:grid;
	grid-template-columns:repeat(8,minmax(118px,1fr));
	gap:8px;
	margin:0 0 12px;
}

.dashboard-kpi-card{
	min-height:96px;
	padding:14px 12px;
	flex-direction:column;
	align-items:flex-start;
	gap:10px;
	border:1px solid #e2e8f0;
	border-left:1px solid #e2e8f0;
	border-radius:8px;
	background:#fff;
	box-shadow:0 3px 10px rgba(15,23,42,.07);
}

.dashboard-kpi-icon{
	width:30px;
	height:30px;
	flex:0 0 30px;
	border-radius:7px;
	background:transparent;
}

.dashboard-kpi-icon .material-icons{
	font-size:27px;
}

.dashboard-kpi-card span{
	min-height:0;
	font-size:12px;
	line-height:1.25;
	font-weight:600;
	color:#26364d;
}

.dashboard-kpi-card strong{
	margin-top:auto;
	font-size:17px;
	line-height:1.12;
	font-weight:800;
	white-space:normal;
	overflow-wrap:anywhere;
}

.dashboard-kpi-card.kpi-blue .dashboard-kpi-icon,
.dashboard-kpi-card.kpi-blue strong{color:#2677e8;}
.dashboard-kpi-card.kpi-green .dashboard-kpi-icon,
.dashboard-kpi-card.kpi-green strong{color:#20a24a;}
.dashboard-kpi-card.kpi-orange .dashboard-kpi-icon,
.dashboard-kpi-card.kpi-orange strong{color:#f58200;}
.dashboard-kpi-card.kpi-purple .dashboard-kpi-icon,
.dashboard-kpi-card.kpi-purple strong{color:#6d28d9;}
.dashboard-kpi-card.kpi-red .dashboard-kpi-icon,
.dashboard-kpi-card.kpi-red strong{color:#f04438;}

.forecast-layout{
	display:grid;
	grid-template-columns:minmax(0,1.65fr) minmax(230px,.64fr) minmax(240px,.62fr);
	gap:12px;
	margin-bottom:8px;
}

.forecast-bottom-layout{
	display:grid;
	grid-template-columns:minmax(0,2fr) minmax(290px,1fr);
	gap:8px;
	margin-bottom:12px;
}

.forecast-chart-card,
.forecast-status-card,
.forecast-interpretation-card,
.forecast-table-card,
.forecast-help-card{
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:8px;
	box-shadow:0 3px 12px rgba(15,23,42,.06);
	box-sizing:border-box;
}

.forecast-chart-card,
.forecast-status-card,
.forecast-interpretation-card,
.forecast-table-card,
.forecast-help-card{
	padding:16px;
}

.forecast-card-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0 0 14px;
}

.forecast-card-header h3,
.forecast-interpretation-card h3,
.forecast-help-card h3{
	margin:0;
	font-size:17px;
	font-weight:800;
	color:#172033;
}

.forecast-chart-legend{
	display:flex;
	align-items:center;
	gap:24px;
	margin:0 0 12px 54px;
	font-size:12px;
	font-weight:600;
	color:#53647d;
}

.forecast-chart-legend span{
	display:flex;
	align-items:center;
	gap:8px;
}

.forecast-chart-legend i{
	width:11px;
	height:11px;
	display:inline-block;
	border-radius:2px;
}

.forecast-chart-legend .budget{background:#7cb5f8;}
.forecast-chart-legend .executed{background:#37a854;}
.forecast-chart-legend .forecast{background:#6726d9;}

.forecast-combo-chart{
	display:grid;
	grid-template-columns:42px minmax(0,1fr);
	gap:10px;
	height:190px;
}

.forecast-y-axis{
	display:grid;
	grid-template-rows:18px repeat(5,1fr);
	align-items:start;
	justify-items:end;
	color:#53647d;
	font-size:11px;
}

.forecast-y-axis span{
	justify-self:start;
	font-weight:700;
}

.forecast-y-axis strong{
	font-size:11px;
	font-weight:600;
}

.forecast-plot{
	position:relative;
	min-width:0;
	height:100%;
	padding-top:18px;
	border-bottom:1px solid #d8e0ea;
	box-sizing:border-box;
}

.forecast-grid-lines{
	position:absolute;
	inset:18px 0 0;
	display:grid;
	grid-template-rows:repeat(5,1fr);
	pointer-events:none;
}

.forecast-grid-lines i{
	display:block;
	border-top:1px solid #e6ebf1;
}

.forecast-bar-columns{
	position:absolute;
	inset:18px 0 0;
	display:grid;
	grid-template-columns:repeat(12,minmax(28px,1fr));
	align-items:end;
	gap:7px;
}

.forecast-bar-column{
	display:grid;
	grid-template-rows:1fr 20px;
	align-items:end;
	height:100%;
	min-width:0;
}

.forecast-bar-stack{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	gap:4px;
	height:100%;
}

.forecast-bar-stack b{
	display:block;
	width:12px;
	border-radius:2px 2px 0 0;
}

.forecast-bar-stack .budget{background:#7cb5f8;}
.forecast-bar-stack .executed{background:#37a854;}

.forecast-bar-column span{
	align-self:end;
	text-align:center;
	font-size:12px;
	font-weight:600;
	color:#344258;
}

.forecast-line-svg{
	position:absolute;
	inset:18px 6px 20px;
	z-index:3;
	width:calc(100% - 12px);
	height:calc(100% - 38px);
	overflow:visible;
	pointer-events:none;
}

.forecast-line-svg polyline{
	fill:none;
	stroke:#6726d9;
	stroke-width:2.2;
	vector-effect:non-scaling-stroke;
}

.forecast-line-svg circle{
	fill:#6726d9;
	stroke:#6726d9;
	vector-effect:non-scaling-stroke;
}

.forecast-chart-note{
	display:flex;
	align-items:center;
	gap:9px;
	margin-top:12px;
	font-size:12px;
	color:#42536d;
}

.forecast-chart-note .material-icons,
.forecast-info-banner .material-icons{
	color:#2f80ed;
	font-size:20px;
}

.forecast-donut-wrap{
	display:grid;
	grid-template-columns:132px minmax(0,1fr);
	align-items:center;
	gap:16px;
	min-height:178px;
}

.forecast-donut{
	position:relative;
	width:132px;
	height:132px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:18px;
	font-weight:800;
}

.forecast-donut:after{
	content:"";
	position:absolute;
	inset:34px;
	border-radius:50%;
	background:#fff;
}

.forecast-donut strong{
	position:relative;
	z-index:2;
	transform:translate(22px,38px);
	color:#fff;
}

.forecast-donut-legend{
	display:grid;
	gap:15px;
}

.forecast-donut-legend div{
	display:flex;
	align-items:flex-start;
	gap:9px;
	font-size:12px;
	font-weight:700;
	color:#27364d;
}

.forecast-donut-legend i{
	width:11px;
	height:11px;
	margin-top:3px;
	border-radius:50%;
	flex:0 0 11px;
}

.forecast-donut-legend .normal{background:#2fa84f;}
.forecast-donut-legend .alert{background:#ff9800;}
.forecast-donut-legend .critical{background:#f04438;}

.forecast-donut-legend small{
	display:block;
	margin-top:3px;
	color:#53647d;
	font-size:12px;
	font-weight:500;
	line-height:1.35;
}

.forecast-text-link{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-top:8px;
	padding:0;
	border:0;
	background:transparent;
	color:#2677e8;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
}

.forecast-text-link .material-icons{
	font-size:18px;
}

.forecast-message-list{
	display:grid;
	gap:10px;
	margin-top:20px;
}

.forecast-message{
	display:grid;
	grid-template-columns:44px 1fr;
	align-items:center;
	gap:12px;
	min-height:58px;
	padding:11px 12px;
	border-radius:8px;
	box-sizing:border-box;
}

.forecast-message .material-icons{
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:50%;
	color:#fff;
	font-size:25px;
}

.forecast-message p{
	margin:0;
	font-size:13px;
	line-height:1.35;
	color:#27364d;
	font-weight:600;
}

.forecast-message.critical{
	border:1px solid #ffc9c3;
	background:#fff4f3;
}

.forecast-message.critical .material-icons{background:#e65345;}

.forecast-message.alert{
	border:1px solid #ffd9a3;
	background:#fff8ed;
}

.forecast-message.alert .material-icons{background:#f59e0b;}

.forecast-message.info{
	border:1px solid #cfe3ff;
	background:#f3f8ff;
}

.forecast-message.info .material-icons{background:#2f80ed;}

.forecast-message.normal{
	border:1px solid #ccebd6;
	background:#f2fbf5;
}

.forecast-message.normal .material-icons{background:#2fa84f;}

.forecast-table-wrap{
	max-height:250px;
	overflow:auto;
	border:1px solid #e2e8f0;
	border-radius:6px;
}

.forecast-table{
	width:100%;
	min-width:720px;
	border-collapse:collapse;
	font-size:12px;
}

.forecast-table th,
.forecast-table td{
	padding:8px 9px;
	border-bottom:1px solid #e6ebf1;
	color:#27364d;
}

.forecast-table th{
	position:sticky;
	top:0;
	z-index:2;
	background:#f8fafc;
	text-align:left;
	font-weight:800;
}

.forecast-table td:nth-child(3),
.forecast-table td:nth-child(4),
.forecast-table td:nth-child(5),
.forecast-table td:nth-child(6){
	text-align:right;
	white-space:nowrap;
}

.forecast-table td:nth-child(6){
	color:#f04438;
	font-weight:800;
}

.forecast-badge-normal,
.forecast-badge-alert,
.forecast-badge-critical{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:22px;
	padding:0 9px;
	border-radius:5px;
	font-size:11px;
	font-weight:800;
}

.forecast-badge-normal{
	color:#157a35;
	background:#e6f6ec;
	border:1px solid #bfe6cc;
}

.forecast-badge-alert{
	color:#c76500;
	background:#fff1d8;
	border:1px solid #ffd89a;
}

.forecast-badge-critical{
	color:#e1291c;
	background:#ffe7e5;
	border:1px solid #ffb9b3;
}

.forecast-help-list{
	display:grid;
	gap:10px;
	margin-top:18px;
}

.forecast-help-list div{
	display:flex;
	align-items:center;
	gap:14px;
	min-height:54px;
	padding:0 14px;
	border:1px solid #e2e8f0;
	border-radius:8px;
	background:#fff;
	color:#27364d;
	font-size:13px;
	font-weight:700;
}

.forecast-help-list .material-icons{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:50%;
	background:#eaf3ff;
	color:#2f80ed;
	font-size:22px;
}

.forecast-help-list div:nth-child(2) .material-icons{
	background:#eaf8ef;
	color:#2fa84f;
}

.forecast-help-list div:nth-child(3) .material-icons{
	background:#f0e9ff;
	color:#6d28d9;
}

.forecast-info-banner{
	display:flex;
	align-items:center;
	gap:10px;
	min-height:36px;
	padding:7px 14px;
	border:1px solid #b9d7ff;
	background:#eef6ff;
	border-radius:6px;
	color:#2677e8;
	font-size:12px;
	font-weight:600;
	box-sizing:border-box;
}

.forecast-empty{
	padding:14px;
	border:1px dashed #b9c8da;
	border-radius:8px;
	background:#f8fafc;
	color:#53647d;
	font-size:13px;
}

@media (max-width: 1360px){
	.dashboard-kpi-grid{
		grid-template-columns:repeat(4,minmax(150px,1fr));
	}

	.forecast-layout{
		grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);
	}

	.forecast-interpretation-card{
		grid-column:1/-1;
	}
}

@media (max-width: 1180px){
	.ContentControlChart{
		position:relative !important;
		grid-column:1/-1;
		grid-row:3;
		width:auto !important;
		max-width:calc(100vw - 24px);
		margin:12px !important;
		overflow:visible;
	}

	.forecast-topbar,
	.forecast-topbar-actions{
		flex-wrap:wrap;
	}

	.forecast-topbar-actions{
		justify-content:flex-start;
	}

	.forecast-layout,
	.forecast-bottom-layout{
		grid-template-columns:1fr;
	}

	.forecast-combo-chart{
		overflow-x:auto;
	}

	.forecast-plot{
		min-width:640px;
	}
}

@media (max-width: 700px){
	.DashboardForecast{
		padding:12px;
	}

	.forecast-topbar h1{
		font-size:24px;
	}

	.forecast-period,
	.forecast-user-chip{
		width:100%;
	}

	.forecast-user-chip{
		padding:8px 0;
	}

	.dashboard-kpi-grid{
		grid-template-columns:1fr;
	}

	.dashboard-kpi-card{
		min-height:76px;
	}

	.forecast-donut-wrap{
		grid-template-columns:1fr;
		justify-items:center;
	}

	.forecast-donut-legend{
		width:100%;
	}

	.forecast-info-banner{
		align-items:flex-start;
		line-height:1.45;
	}
}

/* Forecast dashboard polish */
.ContentControlChart{
	width:calc(100% - 200px);
	margin:0 0 0 200px;
	background:#f4f7fb;
}

.DashboardForecast{
	max-width:1500px;
	min-height:100vh;
	margin:0 auto;
	padding:22px 26px 24px;
	box-sizing:border-box;
}

.forecast-topbar{
	align-items:center;
	padding:18px 18px;
	margin:0 0 18px;
	background:#fff;
	border:1px solid #e4ebf3;
	border-radius:10px;
	box-shadow:0 8px 26px rgba(15,23,42,.05);
}

.forecast-topbar h1{
	font-size:30px;
	letter-spacing:0;
}

.forecast-topbar p{
	font-size:14px;
	color:#60708a;
}

.forecast-topbar-actions{
	gap:10px;
}

.forecast-period{
	min-width:190px;
	justify-content:space-between;
}

.forecast-icon-button,
.forecast-period{
	box-shadow:0 6px 14px rgba(15,23,42,.06);
	transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.forecast-icon-button:hover,
.forecast-period:hover{
	transform:translateY(-1px);
	border-color:#bfd7f5;
	box-shadow:0 10px 20px rgba(15,23,42,.09);
}

.forecast-user-chip{
	display:none;
}

.dashboard-kpi-grid{
	grid-template-columns:repeat(4,minmax(190px,1fr));
	gap:12px;
	margin-bottom:14px;
}

.dashboard-kpi-card{
	position:relative;
	min-height:108px;
	padding:14px 15px 15px;
	overflow:hidden;
	border-radius:10px;
	box-shadow:0 8px 22px rgba(15,23,42,.06);
}

.dashboard-kpi-card:before{
	content:"";
	position:absolute;
	inset:0 auto 0 0;
	width:3px;
	background:currentColor;
	opacity:.9;
}

.dashboard-kpi-card .dashboard-kpi-icon{
	background:rgba(47,128,237,.1);
}

.dashboard-kpi-card.kpi-green .dashboard-kpi-icon{background:rgba(32,162,74,.1);}
.dashboard-kpi-card.kpi-orange .dashboard-kpi-icon{background:rgba(245,130,0,.12);}
.dashboard-kpi-card.kpi-purple .dashboard-kpi-icon{background:rgba(109,40,217,.1);}
.dashboard-kpi-card.kpi-red .dashboard-kpi-icon{background:rgba(240,68,56,.1);}

.dashboard-kpi-card span{
	max-width:135px;
	min-height:30px;
}

.dashboard-kpi-card strong{
	font-size:22px;
	line-height:1.05;
	letter-spacing:.2px;
}

.forecast-layout{
	grid-template-columns:minmax(0,1.7fr) minmax(260px,.62fr) minmax(260px,.62fr);
	gap:12px;
	margin-bottom:12px;
}

.forecast-bottom-layout{
	gap:12px;
}

.forecast-chart-card,
.forecast-status-card,
.forecast-interpretation-card,
.forecast-table-card,
.forecast-help-card{
	border-radius:10px;
	box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.forecast-chart-card,
.forecast-status-card,
.forecast-interpretation-card,
.forecast-table-card,
.forecast-help-card{
	padding:18px;
}

.forecast-card-header h3,
.forecast-interpretation-card h3,
.forecast-help-card h3{
	font-size:18px;
}

.forecast-combo-chart{
	height:220px;
}

.forecast-chart-legend{
	margin-left:56px;
}

.forecast-donut-wrap{
	grid-template-columns:150px minmax(0,1fr);
	min-height:204px;
}

.forecast-donut{
	width:150px;
	height:150px;
}

.forecast-donut:after{
	inset:39px;
}

.forecast-message-list{
	gap:14px;
}

.forecast-message{
	min-height:68px;
	padding:13px 14px;
}

.forecast-message p{
	font-size:14px;
}

.forecast-table-wrap{
	max-height:282px;
}

.forecast-info-banner{
	min-height:42px;
	border-radius:9px;
}

@media (min-width: 1500px){
	.dashboard-kpi-grid{
		grid-template-columns:repeat(8,minmax(142px,1fr));
	}

	.dashboard-kpi-card strong{
		font-size:19px;
	}
}

@media (max-width: 1180px){
	.ContentControlChart{
		width:auto;
		margin:12px !important;
	}

	.DashboardForecast{
		padding:16px;
	}
}

@media (max-width: 900px){
	.dashboard-kpi-grid{
		grid-template-columns:repeat(2,minmax(180px,1fr));
	}
}

@media (max-width: 560px){
	.dashboard-kpi-grid{
		grid-template-columns:1fr;
	}
}

/* Forecast dashboard final layout fit */
.MenuContent{
	width:200px;
}

.ContentControlChart{
	position:relative !important;
	left:auto !important;
	top:auto !important;
	width:calc(100vw - 212px) !important;
	max-width:none;
	margin:0 10px 0 135px !important;
	background:#f4f7fb;
	box-sizing:border-box;
}

.DashboardForecast{
	width:100%;
	max-width:none;
	padding:18px 16px 22px;
	box-sizing:border-box;
}

.forecast-topbar{
	padding:16px 18px;
	margin-bottom:14px;
}

.dashboard-kpi-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(210px,1fr));
	gap:12px;
	align-items:stretch;
	margin-bottom:12px;
}

.dashboard-kpi-card{
	min-width:0;
	min-height:96px;
	padding:12px 13px;
	display:grid;
	grid-template-columns:30px minmax(0,1fr);
	grid-template-rows:auto 1fr;
	column-gap:10px;
	row-gap:6px;
}

.dashboard-kpi-card .dashboard-kpi-icon{
	grid-column:1;
	grid-row:1 / span 2;
	width:30px;
	height:30px;
}

.dashboard-kpi-card>div:last-child{
	grid-column:2;
	min-width:0;
	display:flex;
	flex-direction:column;
}

.dashboard-kpi-card span{
	max-width:none;
	min-height:0;
	font-size:clamp(10px, .72vw, 12px);
	line-height:1.18;
	overflow-wrap:break-word;
}

.dashboard-kpi-card strong{
	margin-top:6px;
	font-size:clamp(18px, 1.28vw, 22px);
	line-height:1.08;
	word-break:normal;
	overflow-wrap:normal;
	white-space:nowrap;
}

.dashboard-kpi-card strong small{
	display:block;
	margin-bottom:1px;
	font-size:.78em;
	line-height:1;
	font-weight:800;
	letter-spacing:.4px;
}

.forecast-layout{
	display:grid;
	grid-template-columns:minmax(0,2.1fr) minmax(220px,.7fr) minmax(220px,.7fr);
	gap:10px;
	align-items:stretch;
}

.forecast-chart-card,
.forecast-status-card,
.forecast-interpretation-card,
.forecast-table-card,
.forecast-help-card{
	min-width:0;
	padding:16px;
}

.forecast-chart-card{
	overflow:hidden;
}

.forecast-combo-chart{
	width:100%;
	min-width:0;
	height:210px;
	overflow:hidden;
}

.forecast-plot{
	min-width:0;
	width:100%;
	overflow:hidden;
}

.forecast-bar-columns{
	grid-template-columns:repeat(12,minmax(18px,1fr));
	gap:clamp(3px, .55vw, 7px);
}

.forecast-bar-stack{
	gap:clamp(2px, .35vw, 4px);
}

.forecast-bar-stack b{
	width:clamp(7px, .85vw, 12px);
}

.forecast-chart-legend{
	margin-left:52px;
	gap:clamp(10px, 1.6vw, 22px);
	flex-wrap:wrap;
}

.forecast-donut-wrap{
	grid-template-columns:1fr;
	justify-items:center;
	gap:12px;
	min-height:0;
}

.forecast-donut{
	width:clamp(116px, 10vw, 142px);
	height:clamp(116px, 10vw, 142px);
}

.forecast-donut:after{
	inset:28%;
}

.forecast-donut-legend{
	width:100%;
	grid-template-columns:1fr;
	gap:9px;
}

.forecast-message{
	grid-template-columns:38px 1fr;
	min-height:60px;
	padding:11px;
}

.forecast-message .material-icons{
	width:34px;
	height:34px;
	font-size:22px;
}

.forecast-message p{
	font-size:clamp(12px, .9vw, 14px);
}

@media (max-width: 1280px){
	.dashboard-kpi-grid{
		grid-template-columns:repeat(4,minmax(170px,1fr));
	}

	.forecast-layout{
		grid-template-columns:minmax(0,1.8fr) minmax(230px,.9fr);
	}

	.forecast-interpretation-card{
		grid-column:1/-1;
	}
}

@media (max-width: 1180px){
	.ContentControlChart{
		width:auto;
		max-width:calc(100vw - 24px);
		margin:12px !important;
	}

	.forecast-layout,
	.forecast-bottom-layout{
		grid-template-columns:1fr;
	}

	.forecast-combo-chart{
		height:220px;
		overflow-x:auto;
	}

	.forecast-plot{
		min-width:620px;
	}
}

@media (max-width: 720px){
	.dashboard-kpi-grid{
		grid-template-columns:repeat(2,minmax(160px,1fr));
	}

	.dashboard-kpi-card strong{
		white-space:normal;
		overflow-wrap:anywhere;
	}
}

.forecast-detail-modal{
	position:fixed;
	inset:0;
	z-index:120;
	display:none;
	align-items:center;
	justify-content:center;
	padding:28px;
	background:rgba(15,23,42,.38);
	box-sizing:border-box;
}

.forecast-detail-modal.is-open{
	display:flex;
}

.forecast-detail-dialog{
	width:min(1120px, calc(100vw - 56px));
	max-height:calc(100vh - 56px);
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #d9e3ef;
	border-radius:10px;
	box-shadow:0 24px 70px rgba(15,23,42,.28);
	overflow:hidden;
}

.forecast-detail-header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:18px;
	padding:18px 20px;
	border-bottom:1px solid #e6edf5;
}

.forecast-detail-header h3{
	margin:0;
	color:#102033;
	font-size:20px;
	font-weight:800;
}

.forecast-detail-header p{
	margin:5px 0 0;
	color:#60708a;
	font-size:13px;
}

.forecast-detail-close{
	width:36px;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #dbe5f0;
	border-radius:8px;
	background:#fff;
	color:#40536b;
	cursor:pointer;
}

.forecast-detail-close:hover{
	border-color:#aac7ed;
	background:#f3f8ff;
	color:#1f6ed4;
}

.forecast-detail-tabs{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:14px 20px;
	border-bottom:1px solid #edf2f7;
	background:#f8fafc;
}

.forecast-detail-tabs button{
	display:inline-flex;
	align-items:center;
	gap:7px;
	min-height:34px;
	padding:0 12px;
	border:1px solid #d9e3ef;
	border-radius:8px;
	background:#fff;
	color:#40536b;
	font-size:13px;
	font-weight:800;
	cursor:pointer;
}

.forecast-detail-tabs button.is-active{
	border-color:#2f80ed;
	background:#edf5ff;
	color:#1f6ed4;
}

.forecast-detail-tabs strong{
	min-width:22px;
	padding:2px 6px;
	border-radius:999px;
	background:#e8eef6;
	color:inherit;
	font-size:12px;
	text-align:center;
}

#forecast_account_detail_body{
	min-height:0;
	padding:0 20px 20px;
	overflow:hidden;
}

.forecast-detail-table-wrap{
	max-height:calc(100vh - 250px);
	overflow:auto;
	border:1px solid #e2e8f0;
	border-radius:8px;
}

.forecast-detail-table{
	min-width:1040px;
}

.forecast-detail-table td:nth-child(5),
.forecast-detail-table td:nth-child(7),
.forecast-detail-table td:nth-child(8){
	text-align:right;
	white-space:nowrap;
}

@media (max-width: 720px){
	.forecast-detail-modal{
		padding:12px;
	}

	.forecast-detail-dialog{
		width:100%;
		max-height:calc(100vh - 24px);
	}

	.forecast-detail-header{
		padding:14px;
	}

	.forecast-detail-tabs{
		padding:12px 14px;
	}

	#forecast_account_detail_body{
		padding:0 14px 14px;
	}
}

.ContentMonthLock{
	position:absolute;
	left:22%;
	top:9%;
	width:min(760px, 72vw);
	background:#fff;
	border:1px solid #d8e2ef;
	border-radius:8px;
	box-shadow:0 14px 34px rgba(15,23,42,.14);
	overflow:hidden;
	z-index:2;
}

.BodyMonthLock{
	padding:20px 24px 24px;
}

.MonthLockIntro{
	margin:0 0 18px;
	color:#52637a;
	font-size:14px;
	line-height:1.45;
}

.MonthLockList{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
	margin-bottom:18px;
}

.MonthLockItem{
	display:grid;
	grid-template-columns:22px minmax(0,1fr) auto;
	align-items:center;
	gap:10px;
	min-height:48px;
	padding:10px 12px;
	border:1px solid #dbe5f0;
	border-radius:8px;
	background:#f8fafc;
	cursor:pointer;
	transition:border-color .15s ease, background .15s ease;
}

.MonthLockItem:hover{
	border-color:#94b7ec;
	background:#f4f8ff;
}

.MonthLockCheck{
	width:17px;
	height:17px;
	accent-color:#0b66e4;
}

.MonthLockName{
	color:#10233f;
	font-size:14px;
	font-weight:700;
}

.MonthLockStatus{
	padding:4px 8px;
	border-radius:999px;
	background:#e9f8ef;
	color:#16803a;
	font-size:11px;
	font-weight:800;
	text-transform:uppercase;
}

.MonthLockItemLocked{
	border-color:#ffc7c7;
	background:#fff6f6;
}

.MonthLockItemLocked .MonthLockStatus{
	background:#ffe3e3;
	color:#c62828;
}

@media (max-width: 980px){
	.ContentMonthLock{
		left:14px;
		right:14px;
		width:auto;
	}

	.MonthLockList{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width: 560px){
	.MonthLockList{
		grid-template-columns:1fr;
	}
}