@charset "utf-8";
/* CSS Document */
/*https://paletton.com/#uid=70F0u0k65rK00++1UGsbpkXjgdR*/

@font-face {
    font-family: 'folio_xbd_btextra_bold';
    src: url('fonts/folioxb-webfont.woff2') format('woff2'),
         url('fonts/folioxb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'folio_bk_btbook';
    src: url('fonts/folion-webfont.woff2') format('woff2'),
         url('fonts/folion-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
	margin: 0;
	padding: 0;
    height: 100%;
	background: #1e3746;
	color: #785e3e;
	font-family: 'folio_bk_btbook';
	font-size: 14px;
}

h1 {
	font-family: 'folio_xbd_btextra_bold';
	font-size: 48px;
}

h2 {
	font-family: 'folio_xbd_btextra_bold';
	font-size: 30px;
	margin: 66px 0 0 0;
}

h3 {
	font-family: 'folio_xbd_btextra_bold';
	font-size: 22px;
}

h4 {
	font-size: 16px;
}

#container {
	margin: 0 auto;
	padding: 0;
	background: #e4ded6;
    height: 100%;
	max-width: 1050px;
    display: flex;
    flex-flow: column;
}

#homecontent {
	width: 100%;
	min-height: 600px;
	position: relative;
}

#homeimg {
	width: 45%;
	position: absolute;
	top: 120px;
	left: 5%;
}

#homeimg img {
	width: 70%;
	display: block;
	margin: 0 auto;
}

#login {
	width: 50%;
	position: absolute;
	top: 90px;
	left: 50%;

}

header {
	width: 100%;
	height: 120px;
}

nav {
	width: 100%;
	height: 50px;
	background: #d0b594;
}

nav a {
	font-family: 'folio_bk_btbook';
	font-weight: bold;
	margin: 4px 0 0 18px;
	display: inline-block;
	color: #fbead5;
	font-size: 15px;
	text-decoration: none;
}

nav a:hover {
	color: #ebdfcf;
}

.bar {
    background: #cec3b4; 
    width: 100%; 
    height: 10px;
}

section {
	width: calc(100%-60px);
	padding: 10px 30px;
    min-height: 500px;
}

section a, section a:visited {
	color: #724f25;
}

th {
	text-align: left;
}

td {
    vertical-align: top;
}


.fill {
    width: 1050px;
    flex: 1;
}


footer {
	width: 100%;
    height: 24px;
	background: #cec3b4;
}

footer p {
    font-size: 0.9em;
	margin: 5px 30px;
}

.dashboard {
    width: 94%;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.cdashboard {
    width: 94%;
    min-height: 400px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.category {
    width: 23%;
}

.dbuttons {
    display: flex;
    flex-flow: row wrap;
}


.button {
	font-family: 'folio_bk_btbook';
	font-size: 13px;
	width: 90px;
	height: 18px;
	margin: 6px 0;
	display: inline-block;
	background-image: linear-gradient(#dfd7cc, #dfd7cc, #ded4c6);
	color: #785e3e;
    border: 1px solid #ada293;
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
	padding-top: 1px;
}

.buttonsm {
	font-family: 'folio_bk_btbook';
	font-size: 12px;
	width: 75px;
	height: 15px;
	display: inline-block;
	/*background: #ddcab3;*/
    background-image: linear-gradient(#dfd7cc, #dfd7cc, #ded4c6);
	/*color: #724f25;*/
    color: #785e3e;
    border: 1px solid #ada293;
	/*border: 1px solid #724f25;*/
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	padding-top: 1px;
}

.button_submit {
	font-family: 'folio_bk_btbook';
	font-size: 13px;
	width: 90px;
	height: 22px;
	margin-top: 6px;
	display: block;
	background-image: linear-gradient(#dfd7cc, #dfd7cc, #ded4c6);
	color: #785e3e;
    border: 1px solid #ada293;
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
	padding-top: 1px;
}

.cbutton {
	font-family: 'folio_bk_btbook';
	font-size: 14px;
	width: 75px;
	height: 63px;
	margin: 16px 12px 6px 0;
	display: block;
	background-image: linear-gradient(#e1dad0, #e1dad0, #d3c8b9);
	color: #785e3e;
	border: 2px solid #ada293;
	border-radius: 9px;
	text-align: center;
	text-decoration: none;
	padding-top: 11px;
}

.dbutton {
	font-family: 'folio_bk_btbook';
	font-size: 14px;
	width: 75px;
	height: 63px;
	margin: 6px 12px 6px 0;
	display: block;
	background-image: linear-gradient(#e1dad0, #e1dad0, #d3c8b9);
	color: #785e3e;
	border: 2px solid #ada293;
	border-radius: 9px;
	text-align: center;
	text-decoration: none;
	padding-top: 11px;
}