/* Groen: #52BD89 */
/* Blauw: #5CAED3 */
html															{margin:0;padding:0;}
body															{margin:0;padding:20px;border:none;border-bottom:18px solid #52BD89;height:100%;background:url(./back.png) bottom right no-repeat;background-size:300px;}

a																{color:#52BD89;text-decoration:none;}
a:hover															{text-decoration:underline;}

header															{border:none;border-bottom:1px solid #525051;}
header img														{display:block;height:120px;margin-right:50px;cursor:pointer;}
header nav li													{margin:0 10px;}
header nav li a													{text-decoration:none;color:#525051;font-size:16px;}
header nav li a.active											{color:#52BD89;}
footer															{border:none;border-top:1px solid #525051;}

h1																{color:#52BD89;font-weight:normal;font-size:28px;}
h2																{color:#525051;text-transform:uppercase;font-size:15px;letter-spacing:2.5px;font-size:20px;}

.fa-leaf, .fa-clock-o, .fa-tachometer							{color:#52BD89;}

ul.tabs															{display:block;list-style:none;margin:0 0 15px;padding:0;text-align:center;}
ul.tabs li														{display:inline-block;margin:0;padding:3px 10px;cursor:pointer;}
ul.tabs li.active												{color:#52BD89;}

fieldset,
fieldset legend													{border-color:silver;}

#loginform:before												{display:block;content:"";width:100%;height:200px;background:url(./logo.png) center no-repeat;background-size:200px;}

input[type=button], 
input[type=submit],
button															{display:inline-block;height:36px;border:none;border-radius:20px;box-shadow:none;background-color:#52bd89;color:white;text-decoration:none;font-weight:600;text-align: center;padding:10px 50px;transition: all .2s ease-in-out;}
input[type=button]:hover,
input[type=submit]:hover,
button:hover													{background-color:#11a56f;/*box-shadow: 0 12px 16px 0 rgb(0 0 0 / 10%), 0 17px 50px 0 rgb(0 0 0 / 10%);*/}
input[type=button].center,
button.center													{display:block;margin:20px auto;}
input[type=button].close										{display:block;position:absolute;top:0px;right:0px;opacity:0;}
input[type=button].btn-xs										{height:30px;line-height:30px;font-size:15px;padding:0;}
input.input-text-number											{width:55px;text-align:center;}
.table-data input[type=button],
.table-data button												{padding:10px 15px;}
.table-data thead th											{position:sticky;background:white;top:-15px;}
.table-data thead th.sort										{cursor:pointer;}
.table-data thead th.sort:before								{font-family:"FontAwesome";content:"\f0dc";float:left;color:#52BD89;margin-right:8px;}
.table-data thead th.sort-asc:before							{font-family:"FontAwesome";content:"\f0de";float:left;color:#52BD89;margin-right:8px;}
.table-data thead th.sort-desc:before							{font-family:"FontAwesome";content:"\f0dd";float:left;color:#52BD89;margin-right:8px;}
.table-data tfoot td											{color:#52BD89;}
/*
.table-planning thead th:first-child							{display:none;}
.table-planning tbody td:first-child							{display:none;}
*/

/*
.page-dashboard													{background:black;}
.page-dashboard header nav li a									{color:#A0A0A0;}
.page-dashboard header nav li a.active							{color:#52BD89;}
.page-dashboard input[type=button]								{background:#303030;border-color:#606060;color:#E0E0E0;}
.page-dashboard .table-data										{color:white;}
.page-dashboard main > div > h1									{display:block;position:absolute;top:50px;left:220px;right:160px;text-align:center;}
/**/
/*
body.page-dashboard												{width:1920px;height:1080px;min-height:unset;border:2px solid red;margin:auto;}
*/
.page-dashboard header 											{display:none;}
.page-dashboard header 											{margin-right:120px;}
.page-dashboard header nav										{display:none;}
.page-dashboard footer											{display:none;}
.page-dashboard main											{padding-right:120px;}
.page-dashboard .table-data										{font-size:24px;}
.page-dashboard .table-data thead								{color:silver;}
.page-dashboard #table_opdrachten tbody::before					{content:'';display:block;height:10px;}
.page-dashboard #table_opdrachten .machine						{background:#F0F0F0;}
.page-dashboard #table_opdrachten .machine td					{padding:8px 10px;height:48px;}
.page-dashboard h1												{display:none;}

.page-dashboard #table_opdrachten .opdracht td,
.page-dashboard #table_opdrachten .machine td,
.page-dashboard #table_opdrachten .machine td b,
.page-dashboard #table_opdrachten .machine td span				{font-size:20px;color:black;}

.page-dashboard #table_opdrachten .machine td:first-child		{border-radius:5px 0 0 5px;}
.page-dashboard #table_opdrachten .machine td:last-child		{border-radius:0 5px 5px 0;}
.page-dashboard #table_opdrachten .machine.success				{background:#52BD89;color:black;font-size:20px;}
.page-dashboard #table_opdrachten .machine.success i			{color:white;}
.page-dashboard #table_opdrachten .machine.warning				{background:darkorange;color:black;}
.page-dashboard #table_opdrachten .machine.warning i			{color:white;}
.page-dashboard #table_opdrachten .machine.error				{background:red;color:black;}
.page-dashboard #table_opdrachten .machine.error i				{color:white;}
.page-dashboard #table_opdrachten .machine td em				{display:inline-block;font-size:28px;background:rgba(0, 0, 0, 0.05);padding:0 20px;height:36px;line-height:36px;border-radius:18px;opacity:1;font-style:normal;white-space:nowrap;}
.page-dashboard #table_opdrachten .machine td em i				{/*color:#525051;*/margin-right:8px;}
.page-dashboard #table_opdrachten .opdracht td					{padding:8px 10px;height:48px;}
.page-dashboard #table_opdrachten .opdracht td em				{display:inline-block;font-size:20px;background:rgba(0, 0, 0, 0.05);padding:0 20px;height:36px;line-height:36px;border-radius:18px;opacity:1;/*color:#5CAED3;*/font-style:normal;white-space:nowrap;}
.page-dashboard #table_opdrachten .opdracht td em i				{/*color:#525051;*/margin-right:8px;font-size:28px;}
.page-dashboard #table_opdrachten .opdracht td em span			{font-size:inherit;opacity:1;}

.page-controlpanel #table_opdrachten .machine					{background:#F0F0F0;}
.page-controlpanel #table_opdrachten .machine td				{padding:8px 10px;height:48px;}
.page-controlpanel #table_opdrachten .machine td:first-child	{border-radius:5px 0 0 5px;}
.page-controlpanel #table_opdrachten .machine td:last-child		{border-radius:0 5px 5px 0;}
.page-controlpanel #table_opdrachten .machine.klaar				{background:#909090;color:white;}
.page-controlpanel #table_opdrachten .machine.success			{background:#52BD89;color:white;}
.page-controlpanel #table_opdrachten .machine.success i			{color:white;}
.page-controlpanel #table_opdrachten .machine.warning			{background:darkorange;color:white;}
.page-controlpanel #table_opdrachten .machine.warning i			{color:white;}
.page-controlpanel #table_opdrachten .machine.error				{background:red;color:white;}
.page-controlpanel #table_opdrachten .machine.error i			{color:white;}

.page-controlpanel #table_opdrachten .opdracht td				{padding:8px 10px;height:48px;}
.page-controlpanel #table_opdrachten .opdracht td:first-child	{padding-left:25px;}
.page-controlpanel #table_opdrachten .opdracht.actief			{background:#F6F6F6;}







.voortgang														{margin:15px 0 15px;}
.voortgang > div												{background:rgba(0, 0, 0, 0.2);border-radius:7px;border:2px solid rgba(0, 0, 0, 0.1);overflow:hidden;}
.voortgang > div > div											{background:#5CAED3;border-radius:5px;}

.machine-voortgang												{border-left:2px solid #52BD89;padding:5px 15px;margin:5px;display:flex;}
.machine-voortgang > div										{margin-right:25px;min-width:150px;}
.machine-voortgang i											{color:#52BD89;}
.machine-voortgang span											{opacity:0.6;padding-left:5px;padding-right:5px;}
.machine-label													{flex-basis: 200px;flex:1;}

.dashboard i													{color:#52BD89;padding-right:5px;}
.dashboard span													{opacity:0.6;padding-left:5px;padding-right:5px;}

#klok															{display:block;position:absolute;top:45px;right:30px;width:120px;height:120px;border-radius:50%;border:3px solid #52BD89;background:rgba(255, 255, 255, 0.7);text-align:center;font-size:36px;margin:0;padding:10px;line-height:40px;}
#doel															{display:block;position:absolute;bottom:30px;right:30px;width:120px;height:120px;border-radius:50%;border:3px solid #52BD89;background:rgba(255, 255, 255, 0.7);text-align:center;font-size:36px;margin:0;padding:10px;line-height:40px;}
#klok-doel														{display:block;position:absolute;top:175px;bottom:160px;right:90px;margin:0 -7px;}

#messages														{position:fixed;margin:15px;top:0;right:0;width:300px;background:#E7F5EE;border:1px solid #E0E7E3;padding:10px 15px 10px 35px;color:#606060;border-radius:3px;cursor:pointer;}
#messages:before												{position:absolute;top:0;left:0;display:block;content:"\f058";color:#52BD89;font:24px FontAwesome;margin:6px 8px;}