/* =================== Reset CSS================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

.body_background{
	height: 100%;
    width: 100%;
    position: fixed;
    z-index: -3;
    top: 0px;
    background-image: url(/fynzee/shared/assets/login_wallpaper3.jpg);
    background-size: cover;
    background-repeat: repeat;
}




html{
	font-size: 13px;
}

body {
            font-family:Arial, Helvetica, sans-serif;
     


    }

    .module_box { /*Thick boarder around User & PAss input boxes*/
            border:#666666 solid 0.1em;
    } 
	.LoginBox { /*Box Contains All login Form elements*/
		width:50%;
		max-width: 40rem;
		border-radius: 1rem;
		align: left;
		background-color: rgb(255,255,255,0.1);
		margin: auto;
		margin-top: 12rem;
	 }
	 


	 #UserImage { /*Position User Icon*/
		padding-bottom: 2rem;
	 }
	 input,select,option { /*Style Input boxes and submit button*/
		 width: 100%;
  		 padding: 1rem 1rem;
  		 margin: 0.4rem 0;
  		 display: inline-block;
 		 border: 0px solid #ccc;
  		 border-radius: 0.4rem;
  		 box-sizing: border-box;
  		 font-size: 1rem;
  		     background-color: rgb(255,255,255,0.2);
  		     color:  white;
  		     height: 3.5rem;
	}

	h2 { /*Remove padding around h2 text*/
		padding-top: 1rem;
		margin: 0px;
		font-size: 1rem;
		color: white;
		
	}
	h1 {
		padding: 0px;
		margin: 0px;
		font-size: 10rem;
	}

	.submit:hover{
		background-color: #434343;
		color: white;
		cursor: pointer;
	}
	.LoginForm{
		padding: 1rem 2rem 1rem 2rem;
	}

		.glass_container {
			position: fixed;
    top: 0px;
    z-index: -2;
    width: 100%;
    height: 100%;
    background-color: #009eff12;
    backdrop-filter: blur(1.5rem);
		}

		/*Budget table*/
#Budget_Table {
	display: grid;
	grid-area: Budget_Table;
}


/*List all grid cells*/
.body_container{
	display: grid;
	grid-gap: 1rem;
	grid-template-areas:
	"Overview"
    "PieBox"
	"Category_Boxs"
	"Budget_Table"
	"Latest_Trans"
	"BudTBLPlan"	
}
h1#nav_app_title {
    margin: 0px;
    text-align: left;
    /* background: -webkit-linear-gradient(left, #5b94ff, #72cbff, #a7efff); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    padding-bottom: 0.3rem;
    font-size: 2.3rem;
    width: 14rem;
    /* padding-left: 1.8rem; */
    color: #ffffff;
}



option {
    background-color: #000000db;
    color: white;

}