body
{
	background-color:#eee;
	margin:0;
	padding:0;
	font-family:Open Sans;
}
header
{
	background-color:#d32f2f;
	color:white;
	height:64px;
	line-height:64px;
	padding:0 8px;
	font-weight:600;
	font-size:24px;
	box-shadow:0 0 3px 0 rgba(0,0,0,.3);
	text-shadow:0 0 3px rgba(0,0,0,.5);
}
header .fa-regular
{
	vertical-align:text-bottom;
	padding-right:10px;
	padding-left:5px;
	display:inline-block;
	width:30px;
	height:24px;
}
header small
{
	vertical-align:bottom;
	font-size:10px;
	opacity:.5;
	display:inline-block;
	margin-left:5px;
	line-height:42px;
	font-weight:300;
}
header .headerButton
{
	float:Right;
	width:44px;
	height:44px;
	font-size:22px;
	line-height:44px;
	margin:8px 3px;
	text-align:center;
	padding:0 2px;
	box-sizing:border-box;
	border-radius:22px;
	cursor:pointer;
	transition:.2s;
	position:relative;
}
header .headerButton:hover
{
	background-color:rgba(0,0,0,.1);
}
.headerButton .badge
{
	display:block;
	width:10px;
	height:10px;
	color:Transparent;
	border-radius:10px;
	background-color:#e91e63;
	position:Absolute;
	bottom:9px;
	right:9px;
}
header .userTag
{
	display:block;
	float:right;
	font-size:15px;
	line-height:16px;
	background-color:rgba(0,0,0,.1);
	border-radius:6px;
	padding:6px 8px;
	margin:6px 0;
	min-width:180px;
}
.userTag .userName
{
	font-size:16px;
	margin-bottom:6px;
}
.userTag .userEmail
{
	color:#ddd;
	font-size:11px;
}
#login
{
	background-color:white;
	margin:70px auto 0 auto;
	padding:10px;
	width:450px;
	box-shadow:0 0 3px 0 rgba(0,0,0,.3);
}
h2
{
	font-weight:600;
	font-size:17px;
	color:#000;
	margin:0 0 10px 0;
	padding:0;
}
p
{
	color:#999;
	font-size:14px;
}
#sidebar
{
	width:250px;
	float:left;
	height:calc(100vh - 64px);
	background-color:#fff;
	border-style:solid;
	border-color:#ddd;
	border-width:0 1px 0 0;
	color:#333;
    overflow-y: auto;
}
#sidebar a
{
	padding:2px 10px;
	margin:8px 10px 8px 0;
	line-height:32px;
	color:#333;
	text-decoration:none;
	font-size:14px;
	display:block;
	transition:.2s;
	border-radius: 0 32px 32px 0;
}
#sidebar a:hover
{
	background-color:rgba(0,0,0,.05);
}
#sidebar a.active
{
	background-color:rgba(0,0,0,.05);
	color:#d32f2f;
}
#sidebar a i
{
	margin-right:10px;
    --fa-secondary-opacity: 1.0;
    --fa-primary-color: #b71c1c;
    --fa-secondary-color: #e57373;
}
#sidebar .out {
	color:#3f51b5;
}
#sidebar a.addon i
{
    --fa-primary-color: #e91e63;
    color:#e91e63;
    --fa-secondary-color: #e0b6c5;
}
#sidebar a.addon
{
	color:#e91e63;
}
#sidebar a.authaddon
{
	color:orange;

}
#sidebar a.right
{
	float:right;
	margin-right:10px;
	padding:0px 10px;
	margin:4px 10px 8px 0;
	border-radius: 32px;
	line-height:30px;
	background-color:#f5f5f5;
	width:30px;
	text-align:center;
	box-sizing:border-box;
}
#sidebar a.right i
{
	margin:0;
	text-align:center;
	font-size:12px;
	color:#666;
}

.customPage
{
	height:calc(100vh - 160px);
	width:100%;
	border-style:solid;
	border-width:1px;
	border-color:#eee;
	box-sizing:border-box;
}
.customPage.authorized
{
	height:calc(100vh - 100px);
}
.customNote
{
	background-color:#ffe5ef;
	color:#e91e63;
	padding:5px;
	border-radius:5px;
	margin-bottom:10px;
	
}





section p
{
color: #333;
    font-size: 15px;
}
li
{
	padding-left:6px;
	margin-bottom:6px;
}



#main
{
	background-color:white;
	box-sizing:border-box;
	padding:15px 20px;
	height:calc(100vh - 64px);
	overflow:auto;
}
h2
{
	color:#333;
	font-size:26px;
	margin-bottom:24px;
}
h3
{
	color:#f44336;
	font-size:20px;
	padding-top:30px;
	margin-bottom:10px;
	clear:both;
}
h4
{
	color:#666;
	font-size:15px;
	padding-top:10px;
	margin-bottom:2px;
}
div h4:nth-child(2)
{
	margin-top:0;
}
.chip
{
	display:inline-block;
	background-color:#fff;
	color:#009688;
	font-size:13px;
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
	border-radius:28px;
	line-height:28px;
	padding:0 10px;
	margin-right:10px;
	margin-bottom:10px;
}
.student-infosheet h3
{
	padding-top:0;
	margin-top:0;
	color:#999;
	font-size:16px;
	margin-bottom:2px;
}
.student-row:first-child, .lesson-row:first-child
{
	border-top-width:1px;
}
.student-row, .lesson-row, .milestone-row
{
	padding:12px 5px;
	border-style:solid;
	border-width: 0 0 1px 0;
	border-color:#eee;
	cursor:pointer;
	transition:.2s;
}
.appointed .lesson-subject, .appointed .lesson-student, .appointed .lesson-date, .appointed .lesson-length
{
	color:#e91e63;
}
.appointment-type, .lesson-type
{
	display:inline-block;
}
.lesson-type
{
	width:32px;
	text-align:center;
	--fa-secondary-opacity: 1.0;
    --fa-primary-opacity: 0.6;
    --fa-secondary-color: #111;
	color:#111;
}
.appointment-checkbox
{
	display:inline-block;
}
.lesson-row[data-selected='yes']
{
	background-color:#e0f2f1;
	border-color:#ddd;
}
.table-subheader
{
	font-size:20px;
	font-weight:bold;
	color:#666;
	margin-top:26px;
	padding-bottom:6px;
	border-style:solid;
	border-width: 0 0 1px 0;
	border-color:#eee;

}
.student-row:hover, .lesson-row:hover
{
	background-color:rgba(0,0,0,.05);
}
.row-title
{
	width:calc(100vw - 590px);
	font-weight:600;
	color:#666;
	font-size:15px;
	display:inline-block;
}
.row-due
{
	width:100px;
	font-weight:bold;
	color:#d32f2f;
	font-size:15px;
	display:inline-block;
}
.row-state
{
	width:150px;
	font-weight:bolod;
	color:#999;
	font-size:13px;
	display:inline-block;
}
.statebadge, .rolebadge
{
	font-size:12px;
	font-weight:bold;
	background-color:#eee;
	color:#666;
	border-radius:3px;
	padding:5px;
}
.bbcommit {
	font-size:12px;
	font-weight:bold;
	background-color:#e3f2fd;
	color:#1565c0;
	border-radius:3px;
	padding:1px 3px;
	text-decoration:none;
}
.bbcommit:hover {
	background-color:#d3e2ed;
}
.commitMarket {
	float:right;
	color:rgb(0, 82, 204);
	margin-right:16px;
}
.sb-waiting
{
	background-color:#eee;
	color:#666;
}
.sb-percent
{
	background-color:#333;
	color:#eee;
}
.milestone-row {
	text-align:center;
	color:#d32f2f;
	margin-top:20px;
}
.sum-row:hover {
	background-color:#eee;
}
.sum-row {
	background-color:#eee;
	color:#222;
}
.sum-row .row-title {color:#333;}
.minitile {
	display:inline-block;
	margin:5px 10px 15px 0;
}
.state-milestone {
	background-color:#fff;
	color:#d32f2f;
	border-style:solid;
	border-width:1px;
	border-color:#d32f2f;
}
.state-cb {
	background-color:#fff;
	color:#388e3c;
	border-style:solid;
	border-width:1px;
	border-color:#388e3c;
}
.state-ask {
	background-color:#fff;
	color:#2196f3;
	border-style:solid;
	border-width:1px;
	border-color:#2196f3;
}
.sb-assigned, .rb-owner
{
	background-color:#d7d8fa;
	color:#0e1963;
}
.sb-bug
{
	background-color:#d7d8fa;
	color:#5a0e61;
}
.sb-started, .sb-progress, .rb-client
{
	background-color:#faf082;
	color:#3b2503;
}
.sb-blocked
{
	background-color:#fcce9c;
	color:#472700;
}
.sb-approval, .rb-approver, .sb-client
{
	background-color:#facdfa;
	color:#610861;
}
.sb-finished, .rb-worker, .sb-done
{
	background-color:#d2ffc7;
	color:#083d0e;
}
.sb-ready
{
	background-color:#d2ffc7;
	color:#0d083b;
}
.sb-rejected
{
	background-color:#f5cccc;
	color:#ab0000;
}
.data-value
{
	color:#333;
	font-size:15px;
}
div .assigned:last-child
{
	border-width:1px 0 1px 0;
}
.assigned
{
	display:block;
	padding:8px 0;
	border-style:solid;
	border-width:1px 0 0 0;
	border-color:#eee;
}
.assigned-person
{
	font-size:15px;
	font-weight:bold;
	width:300px;
	display:inline-block;
	color:#666;
}
.assigned-as
{
	font-size:15px;
	width:150px;
	display:inline-block;
}
.assigned-act
{
	font-size:15px;
	width:150px;
	display:inline-block;
}
.student-pricing
{
	width:150px;
	font-weight:bolod;
	color:#999;
	font-size:13px;
	display:inline-block;
}
.student-datalabel
{
	display:block;
	color:#d32f2f;
	font-weight:bold;
	font-size:12px;
	width:100%;
	margin-top:5px;
	margin-bottom:2px;
}
.student-datarow
{
	margin-bottom:6px;
	padding:3px 8px;
}
.student-datavalue
{
	display:block;
	color:#999;
	font-size:13px;
	margin-top:2px;
}

.student-datarow input[type='number']
{
	width:48px;
	display:inline-block;
	margin-right:3px;
}
#time input:first-child
{
	width:68px;
}
#time input:nth-child(3)
{
	margin-right:20px;
}
.left
{
	float:left;
}
.student-infosheet
{
	width:50%;
}
.lesson-subject, .lesson-date, .lesson-length, .lesson-price, .lesson-student, .lesson-wide
{
	width:150px;
	font-weight:bolod;
	color:#999;
	font-size:13px;
	display:inline-block;
}
.lesson-subject
{
	width:200px;
	font-weight:600;
	color:#666;
	font-size:15px;
	display:inline-block;
}
.lesson-wide
{
	width:300px;
	font-weight:600;
	color:#666;
	font-size:15px;
	display:inline-block;
}
button.bb, button.bb:hover{
	background-color:rgb(0, 82, 204);
}
#gitlist {
	width: calc(100% - 160px);
}
button
{
	border-style:none;
	padding:0 20px;
	line-height:38px;
	font-size:14px;
	cursor:pointer;
	transition:.2s;
	border-radius:38px;
	color:white;
	background-color:#f44336;
	font-weight:bold;
}
button.shift
{
	background-color:#9c27b0;
}
button.shift:hover
{
	background-color:#6a1b9a;
}
button:hover
{
	background-color:#c62828;
}
button.inline
{
	padding:0 10px;
	line-height:24px;
	font-size:13px;
	cursor:pointer;
	transition:.2s;
	border-radius:12px;
	color:white;
	font-weight:300;
}
button.rowend
{
	float:right;
	margin-left:10px;
}
.lesson-description
{
	display:block;
	color:#999;
	font-size:13px;
	margin-top:2px;
	padding: 3px;
    box-sizing: border-box;
}
.login-input
{
	width:400px;
	border-style:solid;
	border-width:1px;
	border-color:#eee;
	padding:3px;
	margin-bottom:5px;
}
article h4
{
	color:#666;
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:0;
}
article p
{
	margin-top:0;
	padding-top:0;
	font-size:12px;
}
article
{
	margin-bottom:8px;
}
article.full h4
{
	color:#666;
	font-size:18px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:0;
}
article.full p
{
	margin-top:0;
	padding-top:0;
	font-size:14px;
}
article.full
{
	margin-bottom:8px;
}
div .lesson-card:nth-child(2)
{
	margin-top:20px;
}
.lesson-card
{
	margin-bottom:10px;
	margin-top:6px;
	cursor:pointer;
	padding:6px;
	margin-right:16px;
	border-radius:4px;
	border-color:#ddd;
	border-width:1px;
	border-style:solid;
}
.lesson-card:hover
{
	background-color:#f5f5f5;
}
.lesson-card-title
{
	font-weight:bold;
	color:#009688;
	font-size:14px;
	margin-bottom:5px;
}
.lesson-card-date
{
	color:#666;
	font-size:13px;
}
#takaro
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:.5s;
	display:none;
	opacity:0;
	background-color:#000;
}
.dialog
{
	position:fixed;
	left:0;
	bottom:0;
	right:0;
	top:-400px;
	margin:auto;
	background-color:white;
	box-shadow:0 0 3px 0 rgba(0,0,0,.5);
	padding:10px;
	display:none;
	transition:.7s;
	opacity:0;
}
#dialog-addskill
{
	width:400px;
	height:90px;
}
.dialog h3
{
	margin-top:0;
	padding-top:0;
	margin-bottom:10px;
	font-size:15px;
}
.dialog-buttonholder
{
	margin-top:10px;
	text-align:right;
}
.student-skillset li
{
	color:#999;
	font-size:13px;
}
.student-skillset li a
{
	color:#ccc;
	transition:.2s;
}
.student-skillset li a:hover
{
	color:#666;
}
#navbtn
{
	display:none;
}
.mobile
{
	display:none;
}
.fullwidth
{
	clear:both;
	padding:3px 8px;
}
.descbox
{
	margin:3px 0;
	width:100%;
	border-width:1px;
	border-color:#ddd;
	border-style:solid;
	padding:5px;
	box-sizing:border-box;
	height:100px;
	font-family:'Open Sans';
	color:#333;
}
.admin
{
	opacity:.6;
}
#sidebar i
{
	display:inline-block;
	width:12px;
}
.rowform
{
	margin-top:16px;
}
.rowform-datalabel
{
	width:150px;
	display:inline-block;
	font-size:13px;
	color:#666;
}
.rowform select, .settings-table-col-input select
{
	width:400px;
    color: #666;
    font-size: 13px;
    margin-top: 2px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 4px 3px;
    box-sizing: border-box;
}

.encloforms h1
{
	color: #666;
    font-size: 26px;
    margin-bottom: 24px;
    margin-top:0;
}
.field label
{
	display: block;
    color: #666;
    font-weight: bold;
    font-size: 14px;
    width: 150px;
    margin-top: 5px;
    margin-bottom: 2px;
}
.field select
{
	display: block;
    color: #333;
    font-size: 13px;
    margin-top: 2px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    width: 50%;
    padding: 4px 3px;
    box-sizing: border-box;
}
.field input, .student-dataedit, .student-datarow select, .student-datarow input[type='number'], .tfabox input, .settings-table-col-input input
{
	display: block;
    color: #333;
    font-size: 14px;
    margin-top: 2px;
    background-color: white;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #ddd;
    width: 96%;
    padding: 4px 3px;
    box-sizing: border-box;
}
.tfabox input
{
	width:200px;
	display:inline-block;
	background-color:transparent;
	border-color: #ccc;
}
.student-datarow input[type='number']
{
	width:50px;
	display:inline-block;
	text-align:center;
}
input:focus
{
	outline:0;
	border-color:#f44336;
}
.encloforms button, .encloforms input[type='submit']
{
	clear:both;
	background-color: #eee;
    color: #666;
    border-style: none;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    transition: .2s;
}
.radio input, .checkbox input
{
	float:left;
	width:16px;
	padding:5px 0;
	clear:both;
	margin-bottom:10px;
	margin-top:6px;
}
.radio label, .checkbox label
{
	float:left;
	margin-top:4px;
	vertical-align:top;
	font-weight:300;
	width:calc(100% - 40px);
}

.tfabox
{
	margin:10px auto;
	background-color:#dfebeb;
	color:#025950;
	border-radius:4px;
	font-size:14px;
	box-shadow:none;
	padding:10px;
	width:calc(100vw - 300px);
	left:0;
	right:0;
}
.tfabox p
{
	color:#025950;
}
.tfabox h2
{
	color:#025950;
	font-size:18px;
}
.tfabox button
{
	background-color:#009688;
	font-size:14px;
	padding:5px 10px;
	color:white;
	font-weight:400;
}
section#main.login
{
	background-color:#eeeeee;
}
.lpage
{
	display:none;
}
.lpage:target
{
	display:block;
}
#lDialog nav
{
	display:block;
	text-align:center;
	margin-bottom:20px;
	margin-top:-10px;
	margin-left:-10px;
	margin-right:-10px;
}
#lDialog nav a
{
	display:inline-block;
	width:calc(33.333% - 4px);
	margin:0 2px;
	text-align:center;
	line-height:28px;
	border:none;
	cursor:pointer;
	text-decoration:none;
	color:#222;
	font-weight:bold;
	border-style:solid;
	border-color:#ddd;
	border-width:0 0 3px 0;
	font-size:13px;
}
#lDialog nav a.active
{
	border-color:#009688;
	background-color:#e0f2f1;
}
#lDialog {
	position:relative;
    background-color: white;
    width: 500px;
    margin: 30px auto auto auto;
    padding: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: #e91e63 #bbb #bbb #bbb;
    border-width: 6px 1px 1px 1px;
    border-radius: 5px;
}
#lDialog p
{
	color:#333;
}
#lDialog .student-datalabel
{
	margin-top:30px;
	font-size:11px;
	color:#e91e63;
}
#lDialog button
{
	margin:4px auto;
	left:0;
	right:0;
	width:120px;
	text-align:center;
	display:block;
	font-size:14px;
	padding:4px;
	line-height:24px;
}
#lDialog h2
{
	font-size:20px;
	text-align:center;
}
#lDialog input
{
	display: block;
    color: #333;
    font-size: 14px;
    margin-top: 2px;
    background-color: white;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #ddd;
    width: 96%;
    padding: 4px 3px;
    box-sizing: border-box;
}
.form-input
{
	display:block;
	margin-bottom:10px;
}
.form-input input
{
	margin-top:8px;
	float:left;
	display:block;
	clear:both;
	line-height:20px;
}
.form-input label
{
	display:block;
	font-size:14px;
	font-weight:300;
	color:#666;
	margin-top:6px;
}
.form-input select
{
	display:block;
	width:100%;
}
.form-input select option
{
	padding:5px;
	line-height:32px;
	color:#666;
	font-size:14px;
}
.form-words-word
{
	line-height:32px;
	padding:0 10px;
	border-radius:32px;
	display:inline-block;
	margin:5px 3px 10px 0;
	border-style:solid;
	border-color:#eee;
	border-width:1px;
	font-size:14px;
	cursor:pointer;
}
.form-words-word[data-checked='true']
{
	background-color:#009688;
	color:white;
}
.appnt-res-type 
{
	font-size:13px;
	margin:4px 0 0 0;
	color:#666;
}
.appnt-res-type div
{
	display:inline-block;
}
.timeslot
{
	margin-top:10px;
	border-width:1px;
	border-style:solid;
	border-color:#ddd;
	background-color:#eee;
	border-radius:6px;
}
.ts-header
{
	height:36px;
	text-align:center;
}
.ts-header button
{
	float:right;
	background-color:#eee;
	line-height:36px;
	color:#333;
	width:42px;
	text-align:left;
	padding-left:15px;
}
.ts-header button[disabled]
{
	visibility:hidden;
}
.ts-header button:first-child
{
	float:left;
	text-align:left;
	padding-left:12px;
}
.ts-header i
{
	pointer-events:none;
}
.ts-header select
{
	width:200px;
	left:0;
	right:0;
	margin:0 auto;
	display:block;
	height:36px;
	background-color:#eee;
	border-color:#eee;
	text-align:center;
	font-weight:bold;
	color:#333;
}
.ts-week
{
	background-color:white;
}
.ts-week .column
{
	float:left;
	width:calc(100% / 7 - 1px);
	border-style:solid;
	border-color:#eee;
	border-width:0 1px 0 0;
	min-height:340px;
}
.ts-week .column:last-child
{
	border:none;
}
.ts-week .column .header
{
	display:block;
	font-weight:bold;
	color:#222;
	text-align:center;
	font-size:13px;
	margin-bottom:4px;
	border-style:solid;
	border-color:#eee;
	padding-bottom:4px;
	border-width:0 0 1px 0;
}
.ts-week .column .day
{
	display:block;
	font-weight:bold;
	color:#555;
	text-align:center;
	font-size:13px;
	margin-top:4px;
	margin-bottom:0;
}
.ts-week .column .slot
{
	text-align:center;
	font-weight:normal;
	font-size:15px;
	line-height:32px;
	cursor:pointer;
}
.timeslot .slot[data-checked='true']
{
	background-color:#009688;
	color:white;
}
.lesson-sum
{
	margin-top:10px;
	background-color:#eee;
	border-radius:6px;
	padding:10px;
}
.lesson-sum .lesson-title
{
	font-weight:bold;
	font-size:15px;
}
.lesson-sum .lesson-price
{
	color:#777;
}
.mail-infobox
{
	background-color:#dfebeb;
	color:#025950;
	border-radius:4px;
	padding:5px;
	font-size:14px;
}
.mail-infobox div
{
	display:inline-block;
}
.mi-timestamp
{
	float:right;
}
.mi-sender
{
	margin-right:50px;
}
.settings p
{
	margin-top:0;
	font-size:13px;
}
.setting-label
{
	font-weight:bold;
	display:block;
	margin:16px 0 0 0;
	color:black;
	font-size:15px;
}
.settings-table
{
	font-family:'Open Sans';
	font-size:14px;
	color:#333;
	display:block;
}
.settings-table-row
{
	display:block;
	margin:10px 0;
	clear:both;
}
.settings-table-col-name
{
	width:200px;
	display:inline-block;
	font-weight:bold;
}
.settings-table-col-input
{
	display:inline-block;
	width: calc(100% - 220px);
}
.settings-table-col-input input
{
	width:100%;
}
.catA
{
	--fa-secondary-opacity: 1.0;
    --fa-primary-opacity: 0.6;
    --fa-secondary-color: #111;
	color:#111;
}
.catB
{
	--fa-secondary-opacity: 1.0;
    --fa-primary-opacity: 0.6;
    --fa-secondary-color: #e91e63;
	color:#e91e63;
}
.catC
{
	--fa-secondary-opacity: 1.0;
    --fa-primary-opacity: 0.6;
    --fa-secondary-color: #009688;
    color:#009688;
}
.catD
{
	--fa-secondary-opacity: 1.0;
    --fa-primary-opacity: 0.6;
    --fa-secondary-color: orange;
    color:orange;
}
.catE
{
	--fa-secondary-opacity: 1.0;
    --fa-primary-opacity: 0.6;
    --fa-secondary-color: green;
    color:green;
}
.pagination
{
	margin-top:16px;
}
.pagination a
{
	display:inline-block;
	font-size:15px;
	padding:4px;
	line-height:24px;
	border-radius:20px;
	width:24px;
	text-align:center;
	border-style:solid;
	border-color:#ddd;
	border-width:1px;
	margin:0 2px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
.pagination a:hover
{
	background-color:#eee;
}
.pagination a.current
{
	background-color:#009688;
	color:white;
}
.topright
{
	float:right;
	margin:0 10px;
}
.filterbox
{
	background-color:#dfebeb;
	color:#025950;
	border-radius:4px;
	padding:4px 5px;
	font-size:14px;
	margin-bottom:16px;
	margin-top:-10px;
}
.filterfield
{
	line-height:32px;
	display:inline-block;
	margin-right:40px;
}
.filterfield select
{
	border-radius:4px;
	background-color:#fff;
	color:#383838;
	height:32px;
	padding-right:10px;
}
.filterfield input
{
	border-width:1px;
	border-radius:2px;
	border-style:solid;
	font-family: 'Open Sans';
}
.filterfield input[type='number']
{
	width:40px;
}
button[disabled]
{
	cursor:not-allowed;
	background-color:#ddd;
	color:#666;
}

@media screen and (max-width: 700px) {
	#lDialog
	{
		margin:0;
		width:100vw;
		position:fixed;
		top:40px;
		box-shadow:none;
		left:0;
		right:0;
		height:auto;
	}
	#lDialog input
	{
		width:calc(100vw - 20px);
	}
	.rowform select
	{
		display:block;
		width:100%;
	}
	.student-infosheet
	{
		width:100%;
	}
	#sidebar
	{
		position:fixed;
		bottom:0;
		top:64px;
		left:-250px;
		transition:.2s;
		z-index:200;
	}
	#navbtn
	{
		display:block;
		display:inline-block;
		width:40px;
		text-align:center;
		margin-left:-8px;;
		margin-right:5px;
		cursor:pointer;
	}
	#navtak
	{
		position:fixed;
		top:64px;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(0,0,0,.6);
		z-index:190;
		opacity:0;
		display:none;
		transition:.2s;
	}
	.student-discount, .student-pricing
	{
		display:none;
	}
	.student-name
	{
		display:block;
	}
	.lesson-subject
	{
		width:auto;
	}
	.lesson-student
	{
		width:auto;
	}
	.lesson-student::before
	{
		content:'(';
	}
	.lesson-student::after
	{
		content:')';
	}
	.lesson-date
	{
		display:block;
	}
	.lesson-length
	{
		display:none;
	}
	#dialog-addskill
	{
		width:100%;
	}
	.mobile
	{
		display:block;
	}
	.nomobile
	{
		display:none;
	}
	.tfabox
	{
		width:100%;
		margin:-10px;
	}
}






.TKDialogHidden
{
	display:none;
	transition:.5s;
	opacity:0;
}
.TKDialogVisible
{
	content:" ";
	background-color:rgba(0,0,0,.6);
	left:0;
	right:0;
	top:64px;
	bottom:0;
	position:fixed;
	transition:.5s;
	opacity:1;
	aanimation: fadeIn 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.TKDialogInner
{
	position:absolute;
	top:10px;
	left:0;
	right:0;
	width:800px;
	margin:auto;
	padding:15px;
	background-color:white;
	border-radius:10px;
	border:none;
	box-shadow:1px 1px 3px 0 rgba(0,0,0,.5);
	z-index:1;
	max-height:calc(100vh - 120px);
	overflow-y:auto;
	overflow-x:hidden;
	aanimation: unfoldIn .1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.TKDialogClose
{
	float:right;
	border-radius:42px;
	height:42px;
	width:42px;
	line-height:42px;
	background-color:#eee;
	color:#444;
	text-align:center;
	margin:0;
	padding:0;
}
.TKDialogClose:hover
{
	background-color:#ddd;
}
.languageSelector
{
	float:right;
	line-height:60px;
}
.languageSelector a
{
	color:white;
	font-size:16px;
	text-decoration:none;
}
.cb {
	padding:3px 0 3px 20px;
	color:#d32f2f;
}
.cb input {
	margin-right:10px;
}