*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}



.container{
	display: grid;
	height: 100vh;
	grid-template-columns: .4fr 1fr 1fr 1fr;
	grid-auto-rows: 0.1fr 1fr 1fr 0.1fr;
	grid-template-areas:
	"nav nav1 nav1 nav1"
	"sidebar main main main"
	"sidebar main main main"
	"footer footer footer footer";

}




nav{
	
	/*background: #CFFAFE;*/
	grid-area: nav;
	padding-top: 15px;
	padding-left: 25px;
	/*border: 1px solid;*/
	/*vertical-align: middle;*/
	color: red;
	background: #012549;
}


.headerTitle strong{
	
	/*border: 1px solid;*/
	/*color: darkred;*/
	
}

strong{
	color: #92B8DF;
	/*color: #CFFAFE;*/
	
}

.alert{
	color: red;
}

#nav1{
	/*background: #CFFAFE;*/
	background: #012549;
	grid-area: nav1;
	/*display: block;*/
}

main{background: #white;
	grid-area: main;
	padding-top: 90px;
	padding-left: 400px;

}

#sidebar{
	background: #white;
	grid-area: sidebar;
}

#content1{
	background: #6fffd2;
	grid-area: content1;
}

#content2{
	background: #6fffda;
	grid-area: content2;
}

#content3{
	background: #73ffba;
	grid-area: content3;
}

#footer {
	background: #012549;
	grid-area: footer;
	padding: 10px;
}


/*.formLogin{
	display: flex;
	justify-content: center;
	background: #CFFAFE;
	padding-top: 10px;
	padding-bottom: 10px;
}*/
.tableRegister{
	color: black;
}

main strong{
	color: black;
}

.formRegister{
	background: white;
	display: block;
}

.dsmain .dmain-menu{
	display: none;
	text-align: center;
}

/*Account Receivable Block*/

.dsmain .dmain-menu .dsub-AR{
	display: none;
}

.dsmain .dmain-menu .dsub-AR .dsub-Sales{
	display: none;
}


/*Account Payable Block*/

.dsmain .dmain-menu .dsub-AP{
	display: none;
}

.dsmain .dmain-menu .dsub-AP .dsub-Sales{
	display: none;
}


/*Register*/

.dsmain .dregister{
	display: none;
}

.dsmain .dregister .dsub-AR{
	display: none;
}


/*.dsmain::after{
	content: "menu";
	display: table;
	clear: both;
}

.dsmain .dsub-menu::after{
	content: "";
	display: table;
	clear: both;
}

.dsmain .dsub-menu .dsub-menu-child::after{
	content: "";
	display: table;
	clear: both;
}

.dsmain .dsub-menu .dsub-menu-child .bsub-menu-child::after{
	content: "";
	display: table;
	clear: both;
}*/

/*.dsub-menu:hover a{
	display: block;
	background: #fff;*/
}
/*.dsmain .dsub-menu:hover{

	display: block;
	text-align: left;

}*/

/*.dsmain .dsub-menu .dsub-menu-child{
	display: none;
	text-align: left;
	
}*/




.active{
	display: block;
	text-align: right;
}





/*.dsmain .dsub-menu .dsub-menu-child{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.amain-menu .asubmain-menu .asubmain-menu-child{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}*/


/*----*/
/*.dsmain:hover .dsub-menu {
	display: block;
	background: linear-gradient(190deg, #8621f8 , #3494e6);
	transition: 0.3s ease;
}


.dsub-menu-child{
	display: none;
	text-align: center;
}

.dsub-menu:hover .dsub-menu-child{
	display: block;
	background: linear-gradient(190deg, #8621f8 , #3494e6);
	transition: 0.3s ease;
}*/

a{
	display: block;
	color: #fff;
	background: #107CE8;
	/*background: linear-gradient(45deg, #3494e6, #ec6ead);*/
	text-decoration: none;
	cursor: pointer;
	padding: 5px 30px;
}

a:hover{
	display: block;
	background: linear-gradient(190deg, #8621f8 , #3494e6);
	transition: 0.3s ease;
}

input[type="submit" i]{
	color: #fff;
	background: #107CE8;
	/*background: linear-gradient(45deg, #3494e6, #ec6ead);*/
	text-decoration: none;
	cursor: pointer;
	padding: 5px 30px;
	text-align: center;
	border: 0;
}

input[type=submit]:hover{
	text-align: center;
	background: linear-gradient(190deg, #8621f8 , #3494e6);
	transition: 0.3s ease;
}

input[type="reset" i]{
	color: #fff;
	background: #107CE8;
	/*background: linear-gradient(45deg, #3494e6, #ec6ead);*/
	text-decoration: none;
	cursor: pointer;
	padding: 5px 30px;
	text-align: center;
	border: 0;
}

input[type="reset"]:hover{
	text-align: center;
	background: linear-gradient(190deg, #8621f8 , #3494e6);
	transition: 0.3s ease;
}

.headerTitle {
	/*vertical-align: middle;
	display: inline;
	padding-left: 8%;
	align-items: center;
	justify-content: center;
	color: darkred;*/

}



.tableLogin {
	/*display: inline;*/
	vertical-align: middle;
	table-layout: middle;
	margin-right: 20%;
	padding-left: 60%;
}



.formRegister main{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.tableRegister{
	padding-top: 10px;
}

.tableRegister th{
	text-align: left;
}

.tableRegister th label{
	font-weight: normal;
	text-align: left;
}



:root {
	color: #92B8DF;
	/*color: #CFFAFE;*/
	--div-desktop: 1277px;

}

@media screen and (max-width: 1277px){

	.container{
	display: grid;
	height: 100vh;
	grid-template-columns: .4fr 1fr 1fr 1fr;
	grid-auto-rows: 0.1fr 0.1fr 1fr 1fr 0.1fr;
	grid-template-areas:
	"nav nav nav nav"
	"nav1 nav1 nav1 nav1 "
	"main main main main"
	"main main main main"
	"sidebar sidebar sidebar sidebar"
	"footer footer footer footer";
}

	.tableLogin {
	/*display: inline;*/
	vertical-align: middle;
	table-layout: middle;
	margin-right: 20%;
	margin-left: 20%;
	padding-left: 95px;
	padding-bottom: 10px;
}

	nav{
		padding-bottom: 15px;
		text-align: center;
	}
}

@media screen and (max-width: 1200px){

	.container{
	display: grid;
	height: 100vh;
	grid-template-columns: .4fr 1fr ;
	grid-auto-rows: 0.1fr 0.1fr 1fr 1fr 0.1fr;
	grid-template-areas:
	"nav nav"
	"nav1 nav1"
	"main main"
	"main main"
	"sidebar sidebar"
	"footer footer";
}

	.tableLogin {
	/*display: inline;*/
	vertical-align: middle;
	table-layout: middle;
	margin-right: 20%;
	margin-left: 20%;
	padding-left: 80px;
	padding-bottom: 10px;
}

	nav{
		padding-bottom: 15px;
		text-align: center;
	}

}
@media screen and (max-width: 1024px){

	.container{
	display: grid;
	height: 100vh;
	grid-template-columns: .4fr 1fr ;
	grid-auto-rows: 0.1fr 0.1fr 1fr 1fr 0.1fr;
	grid-template-areas:
	"nav nav"
	"nav1 nav1"
	"main main"
	"main main"
	"sidebar sidebar"
	"footer footer";
}

	.tableLogin {
	/*display: inline;*/
	vertical-align: middle;
	table-layout: middle;
	margin-right: 10%;
	margin-left: 10%;
	padding-left: 100px;
	padding-bottom: 10px;
}

	nav{
		padding-bottom: 15px;
		text-align: center;
	}

}
@media screen and (max-width: 768px){

	.container{
	display: grid;
	height: 100vh;
	grid-template-columns: .4fr 1fr ;
	grid-auto-rows: 0.1fr 0.1fr 1fr 1fr 0.1fr;
	grid-template-areas:
	"nav nav"
	"nav1 nav1"
	"main main"
	"main main"
	"sidebar sidebar"
	"footer footer";
}

	.tableLogin {
	/*display: inline;*/
	vertical-align: middle;
	table-layout: middle;
	margin-right: 10%;
	margin-left: 10%;
	padding-left: 10px;
	padding-bottom: 10px;
}

	main {
		padding-left: 15px;
	}

	nav{
		padding-bottom: 15px;
		text-align: center;
	}

}
@media screen and (max-width: 501px){

	.container{
	display: grid;
	height: 100vh;
	grid-template-columns: .4fr 1fr ;
	grid-auto-rows: 0.1fr 0.1fr 1fr 1fr 0.1fr;
	grid-template-areas:
	"nav nav"
	"nav1 nav1"
	"main main"
	"main main"
	"sidebar sidebar"
	"footer footer";
}

	.tableLogin {
	/*display: inline;*/
	vertical-align: middle;
	table-layout: middle;
	margin-right: 5%;
	margin-left: 5%;
	padding-left: 5px;
	padding-bottom: 10px;
}

	.tableLogin input{
		width: 100px;
	}

	nav{
		padding-bottom: 15px;
		text-align: center;
	}

}