/* @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i'); */
@import url('https://fonts.googleapis.com/css?family=Lato:400,100,300,100italic,300italic,400italic,700,700italic,900,900italic');


/* Default overwrites */
*																{ color: #252525; font-family: 'Lato', sans-serif !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.5em; }
html, body, div, span, applet, object, iframe, blockquote, pre, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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,
h1, h2, h3, h4, h5, h6											{ margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; -webkit-appearance:none !important; }
table, caption, tbody, tfoot, thead, tr, td, th					{ margin: 0px; padding: 0px; border-collapse: collapse; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

html { background: url(../gfx/bg2.jpg);}
body															{  font-size: 15px; font-weight: 400; -webkit-font-smoothing: antialiased !important; background: url(../gfx/bg2.jpg);}

h1																{ font-size: 26px; margin-bottom: 15px; }
h2																{ font-size: 20px; margin-bottom: 5px; }
p																{ margin-bottom: 20px; }

#login_box										{ position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 400px; margin: 0 auto; }
#logo_login														{ display: block; margin: 0 auto 60px auto; }

#logo															{ display: block !important; width: 220px; margin: 5px 0; }

.is-last-right													{ text-align: right; }
.is-first-left													{ width:1%; white-space:nowrap; }
.is-logout														{ margin-top: 30px; }
.is-max-500														{ max-width: 600px; }
.is-visible														{ display: block !important; }
.is-hidden-body	tbody											{ display: none; }
.no-cursor														{ cursor: default; }

table															{ /* border-collapse: collapse; */ }
table thead														{ cursor: pointer; background-color: #eee;}
table thead th													{ padding-left: 30px !important; }
table button													{ margin-left: 5px; }
table .is-danger td												{ background-color: #ff3860; color: #ffffff !important; }
table.table-body-hidden tbody									{ display: none; }

.footer															{ padding: 30px 10px; background: none; }

.expand															{ background-image: url("../gfx/expand.png"); background-repeat: no-repeat; background-position: 10px center; }
.collapse														{ background-image: url("../gfx/collapse.png"); background-repeat: no-repeat; background-position: 10px center; }


.overdue														{ float: right; font-weight: normal; }
.w80															{ width: 80px; }
.w100															{ width: 100px; }
.w130															{ width: 130px; }
.w150															{ width: 150px; }
.w250															{ width: 250px; }
td { font-size: 10px;}
.label span,
th span															{ font-weight: 400; font-size: 11px; }
.is-success														{ border-color: transparent !important; color:#fff !important; }

.mandatory														{  }
.mandatory_error												{ border: 2px solid #ff3860 !important; }


/* Number fix so it dosen't show arrows */
input[type='number'] {
    -moz-appearance:textfield;
    appearance: textfield;
    -webkit-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('https://i.stack.imgur.com/FhHRx.gif')
                50% 50%
                no-repeat;
}
.buttons		{ text-align: center; background-color: #fafafa;}
#currentyear 	{ font-size: 1em; font-weight: bold;}

/* Bulma css overwrites */
.section														{ padding: 0.75rem 0.75rem 0.75rem 0.75rem; }
.menu															{ width: 220px; }
.level-item														{ display: block; padding: 10px; margin-bottom: 0 !important; }
.navbar-item > .navbar-item										{ border-left: 1px solid #dbdbdb; }
.modal-card-title												{ margin: 0; font-size: 20px; }
.modal-card-head,
.modal-card-foot												{ padding: 10px; }
.select,
.select select													{ width: 100%; }
.button															{ margin-bottom: 15px; }
table .button													{ margin: 0; }
/* Bulma css addon overwrites */
.modal .bulma-datepicker										{ width: 100%; }

tr.disable td { background-color: #e5e5e5; text-decoration: line-through; font-style: italic;}

/* Logout page */
.logout_container{
	position: absolute; 
	top: 10%; 
	left: 25%;
	width: 50%;
}

#logo_logout{ 
	width: 100%; 
}

#logoutresponse{
	text-align: center;
	font-size: 30px;
}

/* Login types */

#login_form{
	display: none;	
}
#logintypes{
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#logintypes img {
    border: 1px solid #aaa;
    height: 115px;
    width: 130px;
    margin: auto;
}
.uni p, .dsa p{
	font-size: 16px;
	font-weight: bold;
}
.uni, .dsa {
    width: 45%;
    cursor: pointer;
}
#new_user_link{
	width: 90%;
    margin: 80px auto 0;
    font-size: 22px;
    color: #003b60;
}

.goback,
.forgotpassword {
	cursor: pointer;
	width: 100%;
	display: block;
	text-align: center;
}
form button { width: 49%;}
@media only screen and (max-width: 768px) {
	#login_box													{ max-width: 90%;}
	/* Logout page */
	.logout_container{
		position: absolute; 
		top: 10%; 
		left: 5%;
		width: 90%;
	}
	
	#logo_logout{ 
		width: 100%; 
	}
	
	#logoutresponse{
		text-align: center;
		font-size: 18px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 420px){
	#new_user_link{
		font-size: 19px;
	}
	

}

@media screen and (max-width: 320px){
	#new_user_link{
		font-size: 16px;
	}
}