
.bottom													{clear:both;height:0px;}

.form-title												{width:140px;float:left;clear:left;}
.form-help												{width:30px;float:left;}
.form-field												{margin-left:175px;}
.no-title .form-field									{margin-left:0;}
.form-field::after										{display:block;height:3px;content:"";clear:both;}

.lang													{background:url(../images/lang-nl.png) 5px 2px no-repeat;border:1px solid silver;padding:0 5px 0 30px;min-height:21px;}
.lang-nl												{background-image:url(../images/lang-nl.png);}
.lang-en												{background-image:url(../images/lang-en.png);}
.lang-es												{background-image:url(../images/lang-es.png);}

.input-text-date-day									{width:25px;text-align:center;}
.input-text-date-year									{width:40px;text-align:center;}

.form-fieldset											{margin-bottom:25px;}

.workflowtablefield table								{width:100%;}
.workflowtablefield thead th							{text-align:left;border-bottom:1px solid black;}
.workflowtablefield tfoot th							{text-align:right;border-top:1px solid black;}
.workflowtablefield .icon-remove						{color:#E44542;border-radius:100%;display:block;width:18px;height:18px;line-height:18px;text-align:center;padding:0;float:right;cursor:pointer;}
.workflowtablefield .icon-arrow-up,
.workflowtablefield .icon-arrow-down					{color:#5D7FA3;display:block;width:18px;height:18px;line-height:18px;text-align:center;padding:0;float:right;cursor:pointer;}
.workflowtablefield .icon-plus							{color:#AAD745;border-radius:100%;display:block;width:18px;height:18px;line-height:18px;text-align:center;padding:0;float:left;cursor:pointer;}
.workflowtablefield input[type=text],
.workflowtablefield select								{width:100%;}
.workflowtablefield input[type=text].number				{text-align:right;}
.workflowtablefield input[type=text].date				{text-align:center;display:none;}
.workflowtablefield input[type=text].d,
.workflowtablefield input[type=text].m					{text-align:center;width:25px;}
.workflowtablefield input[type=text].y					{text-align:center;width:40px;}

.milestonesfield table									{width:100%;}
.milestonesfield th										{text-align:left;border-bottom:1px solid black;}
.milestonesfield .icon-remove							{color:#E44542;border-radius:100%;display:block;width:18px;height:18px;line-height:18px;text-align:center;padding:0;float:right;cursor:pointer;}
.milestonesfield .icon-arrow-up,
.milestonesfield .icon-arrow-down						{color:#5D7FA3;display:block;width:18px;height:18px;line-height:18px;text-align:center;padding:0;float:right;cursor:pointer;}
.milestonesfield .icon-plus								{color:#AAD745;border-radius:100%;display:block;width:18px;height:18px;line-height:18px;text-align:center;padding:0;float:left;cursor:pointer;}
.milestonesfield-name									{width:95%;}
.milestonesfield-day,
.milestonesfield-start-day,
.milestonesfield-deadl-day								{width:25px;text-align:center;padding:0;}
.milestonesfield-month,
.milestonesfield-start-month,
.milestonesfield-deadl-month							{width:25px;text-align:center;padding:0;}
.milestonesfield-year,
.milestonesfield-start-year,
.milestonesfield-deadl-year								{width:40px;text-align:center;padding:0;}
.milestonesfield-responsible							{width:95%;}
.milestonesfield-status									{width:25px;text-align:center;padding:0;}

.multipleitemsfield table								{width:100%;}
.multipleitemsfield thead th							{text-align:left;border-bottom:1px solid black;}
.multipleitemsfield tfoot td							{text-align:left;border-top:1px solid black;}
.multipleitemsfield .icon-remove						{color:#E44542;border-radius:100%;display:block;width:18px;height:18px;line-height:18px;text-align:center;padding:0;float:right;cursor:pointer;}
.multipleitemsfield .icon-arrow-up,
.multipleitemsfield .icon-arrow-down					{color:#5D7FA3;display:block;width:18px;height:18px;line-height:18px;text-align:center;padding:0;float:right;cursor:pointer;}
.multipleitemsfield .icon-plus							{color:#AAD745;border-radius:100%;display:block;width:18px;height:18px;line-height:18px;text-align:center;padding:0;float:left;cursor:pointer;}
.multipleitemsfield input,
.multipleitemsfield select								{width:100%;margin-bottom:2px;}
.multipleitemsfield img									{margin:10px 0 11px;}

.canvasfield											{position:relative;}
.canvasfield td b										{display:block;height:25px;}
.canvasfield td textarea								{width:100%;background:none;border:none;cursor:pointer;}
.canvasfield .channels									{background:url(../images/canvas/channels.png) top right no-repeat;}
.canvasfield .cost-structure							{background:url(../images/canvas/cost-structure.png) top right no-repeat;}
.canvasfield .customer-relationships					{background:url(../images/canvas/customer-relationships.png) top right no-repeat;}
.canvasfield .customer-segments							{background:url(../images/canvas/customer-segments.png) top right no-repeat;}
.canvasfield .key-activities							{background:url(../images/canvas/key-activities.png) top right no-repeat;}
.canvasfield .key-partners								{background:url(../images/canvas/key-partners.png) top right no-repeat;}
.canvasfield .key-resources								{background:url(../images/canvas/key-resources.png) top right no-repeat;}
.canvasfield .revenue-streams							{background:url(../images/canvas/revenue-streams.png) top right no-repeat;}
.canvasfield .value-propositions						{background:url(../images/canvas/value-propositions.png) top right no-repeat;}
.canvasfield .canvas-color								{position:relative;background:rgba(255, 255, 255, 0.5);}
.canvasfield .canvas-color span							{color:gray;display:block;max-width:80%;}
.canvasfield .canvas-color div							{float:left;border:1px solid gray;padding:10px;margin:0 5px 5px 0;}
.canvasfield .canvas-color button						{position:absolute;right:0;bottom:0;background:none;border:none;font-size:18px;color:#843978;outline:none;}
.canvasfield .popup										{display:none;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.5);}
.canvasfield .popup	div									{position:absolute;display:block;top:50%;left:50%;width:400px;height:200px;margin-left:-200px;margin-top:-100px;background:white;border:1px solid black;box-shadow:0 5px 20px rgba(0, 0, 0, 0.3);}
.canvasfield .popup	ul									{position:absolute;display:block;top:0;right:0;width:30px;height:160px;list-style:none;margin:0;padding:0;text-align:center;}
.canvasfield .popup	li									{display:block;margin:10px 3px;padding:0;width:20px;height:20px;border-radius:50%;border:2px solid white;}
.canvasfield .popup	li.active							{border:2px solid gray;}
.canvasfield .popup textarea							{position:absolute;display:block;top:10px;left:0px;width:100%;bottom:40px;border:none;outline:none;resize:none;padding:0 40px 0 10px;}
.canvasfield .popup .ok									{background:#843978;color:white;border:none;border-top:1px solid black;position:absolute;display:block;left:0;bottom:0;width:340px;height:30px;outline:none;}
.canvasfield .popup .remove								{display:none;}
.canvasfield .popup .close								{background:gray;color:white;border:none;border-top:1px solid black;border-left:1px solid black;position:absolute;display:block;right:0;bottom:0;width:60px;height:30px;outline:none;}
.canvasfield .popup.existing .ok						{width:170px;}
.canvasfield .popup.existing .remove					{background:#843978;color:white;border:none;border-top:1px solid black;border-left:1px solid black;position:absolute;display:block;left:170px;bottom:0;width:170px;height:30px;outline:none;}

.esatablefield table									{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;}
.esatablefield th										{background:#568FD3;color:white;border:1px solid black;margin:0;}
.esatablefield td										{border:1px solid black;margin:0;font-weight:bold;text-align:center;}
.esatablefield tbody th									{background:#8FB5E0;}
.esatablefield tbody td									{padding:0;}
.esatablefield tfoot td									{text-align:right;}
.esatablefield input									{outline:right;width:100%;height:100%;border:none;cursor:pointer;text-align:right;padding:0 5px;}
.esatablefield .icon-plus								{cursor:pointer;padding:0 10px;line-height:30px;color:#AAD745;}
.esatablefield .icon-minus								{cursor:pointer;padding:0 10px;color:#E44542;}

.security.main											{margin-left:20px;}
.security.main thead th									{border-bottom:1px solid gray;}	
.security.main tbody th									{border-right:1px solid gray;text-align:left;position:relative;}	
.security.main tbody td:first-child						{border-right:1px solid gray;text-align:left;}	
.security.main tbody td									{text-align:center;position:relative;}
.security.main tbody tr:hover							{background:#F0F0F0;}
.security u												{text-decoration:none;border-bottom:1px solid silver;}
.security i												{position:absolute;width:20px;top:0;left:-20px;line-height:20px;cursor:pointer;color:silver;}
.security input											{opacity:0;width:16px;height:16px;}
.security .checkelem									{position:relative;display:inline-block;width:18px;min-width:18px;height:20px;min-height:18px;border:none;margin:0;margin-top:3px;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.security .checkelem input								{position:absolute;left:0;top:0;width:16px;height:16px;z-index:1;cursor:pointer;}
.security .checkmark									{position:absolute;left:0;top:0;width:16px;height:16px;z-index:0;font-family:FontAwesome;font-size:18px;border:none;}
.security .checkmark:after								{content:"\F10C";opacity:0.25;}
.security input.deny ~ .checkmark:after					{color:red;}
.security input.inherit ~ .checkmark:after				{color:orange;}
.security input.allow ~ .checkmark:after				{color:green;}
.security .checkelem:hover input ~ .checkmark:after,
.security input:checked ~ .checkmark:after				{opacity:1;}
.security input.deny:checked ~ .checkmark:after			{content:"\F057";}
.security input.inherit:checked ~ .checkmark:after		{content:"\F058";}
.security input.allow:checked ~ .checkmark:after		{content:"\F058";}
.security input.notset:checked ~ .checkmark:after		{content:"\F057";}


/*
.security input[type=radio]								{position:relative;display:inline-block;width:18px;min-width:18px;height:20px;min-height:18px;border:none;margin:0;margin-top:3px;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;outline:none;cursor:pointer;}
.security input[type=radio]:after						{position:absolute;left:0;top:0;width:16px;height:16px;content:"\F10C";font-family:FontAwesome;font-size:18px;border:none;opacity:0.25;/*background:white;border:2px solid white;border-radius:50%;*/}
.security input[type=radio].deny:after					{color:red;}
.security input[type=radio].inherit:after				{color:orange;}
.security input[type=radio].allow:after					{color:green;}
.security input[type=radio]:hover:after					{opacity:1;}
.security input[type=radio]:checked:after				{opacity:1;}
.security input[type=radio].deny:checked:after			{content:"\F057";}
.security input[type=radio].inherit:checked:after		{content:"\F058";}
.security input[type=radio].allow:checked:after			{content:"\F058";}
.security input[type=radio].notset:checked:after		{content:"\F057";opacity:0.5;}
.security input[type=radio].notset:hover:after			{opacity:1;}
*/

.sharing table											{border-collapse:collapse;border-width:0;margin:0;}
.sharing th, .sharing td								{padding:3px;text-align:left;}
.sharing thead th										{border-bottom:1px solid gray;}	
.sharing tbody tr:hover									{background:#F0F0F0;}


/* TextComplete */
.dropdown-menu											{max-width:300px;max-height:200px;overflow:auto;overflow-x:hidden;}

.validation-field i										{cursor:pointer;}
.validation-table										{border-collapse:collapse;border-width:0;margin:0;width:100%;}
.validation-table td									{padding:3px;}
.validation-table thead td								{border-bottom:1px solid gray;font-weight:bold;}
.validation-table td:last-child							{border-bottom:none;text-align:right;}
.validation-table input.form-control					{width:100%;margin-bottom:2px;}
.validation-table textarea,
.validation-table tfoot									{display:none;}
.validation-table img									{margin:10px 0 11px;}
.validation-condition,
.validation-message										{width:100%;border:1px solid silver;line-height:20px;font-size:14px;font-family:Arial;height:auto;min-height:34px;margin-bottom:3px;}
.validation-condition input[type=button],
.validation-message input[type=button]					{border:none;background:#A800C6;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}
.validation-condition input[type=text],
.validation-message input[type=text]					{border:none;background:#FF6600;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;width:auto;min-width:50px;text-align:center;}
.validation-condition select,
.validation-message select								{border:none;background:#49C49F;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}

.relevance-field i										{cursor:pointer;}
.relevance-field textarea								{display:none;}
.relevance-condition									{width:100%;border:1px solid silver;line-height:20px;font-size:14px;font-family:Arial;height:auto;min-height:34px;}
.relevance-condition input[type=button]					{border:none;background:#A800C6;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}
.relevance-condition input[type=text]					{border:none;background:#FF6600;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;width:auto;min-width:50px;text-align:center;}
.relevance-condition select								{border:none;background:#49C49F;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}

.formula-field i										{cursor:pointer;}
.formula-field textarea									{display:none;}
.formula-condition										{width:100%;border:1px solid silver;line-height:20px;font-size:14px;font-family:Arial;height:auto;min-height:34px;}
.formula-condition input[type=button]					{border:none;background:#A800C6;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}
.formula-condition input[type=text]						{border:none;background:#FF6600;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;width:auto;min-width:50px;text-align:center;}
.formula-condition select								{border:none;background:#49C49F;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}

.table-data td											{cursor:pointer;}

body.demo2 .panel										{border-color:#919DA2;}
body.demo2 .panel-heading								{background:#A7AEB3;color:white;border:none;}
body.demo2 .panel-heading h1							{color:white;}
body.demo2 .panel-heading .btn-primary					{background:#919DA2;color:white;border:1px solid white;}

.pagination > li										{display:inline-block;margin-bottom: 5px;}

.quest-icon-spacer										{display:inline-block;}

.panel-body-height-max									{max-height:500px;}
.panel-body-height-full									{max-height:none;}


body.fevenue .panel-info								{border-color:#48658C;}
body.fevenue .panel-info > .panel-heading				{background-color:#48658C;border-color:#48658C;color:white;}
body.fevenue .panel-title								{color:white;}
