@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap");

body
{
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
    line-height: 1.5;
	font-weight: normal;
}

body > div {
    max-width: 1440px;
    margin: auto;
}

td
{
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	font-weight: normal;
}

form
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a.cancelLink
{
	font-size: 10px;
	color: #ff0000;
}

.title
{
    color: #47484d;
    font-family: "Nunito Sans", sans-serif;
    font-size: 21px;
    text-transform: none;
}

.errorMessagePanel
{
	padding: 10px 10px 10px 10px;
	color: #FF0000;
}

.errorMessage
{
	color: #FF0000;
}

table.datagrid
{
	margin: 5px 0px 0px 0px;
	/*width: 100%;*/
	border: solid 1px #f0f0f0;
	border-collapse: collapse;
}

table.datagrid th
{
    position: relative;
    color: #47484D;
    font-weight: 600;
    text-align: start;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s ease;
}

table.datagrid th a
{
	color: #FFFFFF;
}

table.datagrid td
{
	margin: 0px;
	padding: 12px 8px;
	font-size: 16px;
}

.input
{
	font-family: "Nunito Sans", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 15px;
	border: 1px solid #8a8a8a;
	width: 250px;
}

.inputButton
{
	background-image: none;
	font-family: "rubic", sans-serif;
	background: #f0f0f0;
	border: 1px solid #dfdfe2;
	border-radius: 3px;
	box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
	color: #47484d;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	height: 32px;
	line-height: 1.5715;
	padding: 4px 15px;
	position: relative;
	text-align: center;
	touch-action: manipulation;
	transition: all .3s cubic-bezier(.645,.045,.355,1);
	user-select: none;
	white-space: nowrap;
}

.inputButton:hover
{
    background: #47484d;
    color: #fff;
}

.tabSelected a, .tabSelected a:link, .tabSelected a:visited
{
	font-family : "Nunito Sans", sans-serif;
	font-weight : bold;
	font-size: 16px;
	color: #47484D;
	text-decoration : none;
}

.tabSelected a:hover
{
	font-family : "Nunito Sans", sans-serif;
	font-weight : bold;
	font-size: 16px;
	color: #47484D;
	text-decoration : underline;
}

.tab a, .tab a:link, .tab a:visited
{
	font-family : "Nunito Sans", sans-serif;
	font-weight: bold;
	font-size: 16px;
	color : #000000;
	text-decoration : none;
}

.tab a:hover
{
	font-family : "Nunito Sans", sans-serif;
	font-weight : bold;
	font-size: 16px;
	color : #000000;
	text-decoration : underline;
}

.tabSelected
{background: unset;background-color: #f0f0f0;padding: 0px 10px;}

.tab
{
    padding: 4px 8px;
	position: relative;
    color: #47484D;
    font-weight: 600;
    text-align: start;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s ease;
}

.subTabText
{
	font-family : "Nunito Sans", sans-serif;
	font-size: 14px;
	color: #47484D;
}

.logoutURL
{
	color : #000000;
	text-decoration : none;
}

.googleLoginButton
{
	background: #ffffff url('../images/Icon_google_24.png') no-repeat center center;
	background-position: 15px;
	border: solid 1px #cccccc;
	padding: 15px 15px 15px 54px;
	cursor: pointer;
	border-radius: 3px;
	width: 150px;
}

.googleLoginButton:hover
{
	background-color: #dddddd;
}

.form-control.input
{
	width: 250px;
}

.admin-tabs img { display: none; }