/*----- GEBRUIKTE KLEUREN -----

Primary colors:

		
	blue:           #2EA4BA =
    lightblue:      #0ab7e1 = 10,183,225
    darkblue:       #153A67     hover-> #052a55     focus-> #031B36
    grey:           #dddddd =
    lightgrey:      #eeeeee =
    dark:           #3d3d3d =

Other colors:

    blue:	    #2EA4BA = 46,164,186     hover-> #1B8FA5
	green:	    #0AA671 = 10,166,113     hover-> #009864
	red:	    #EF6864 = 239,104,100    hover-> #E24F4A
	purple:	    #9A78A0 = 154,120,160    hover-> #8C6593
	yellow:	    #EFCB6E = 239,203,110    hover-> #E2BB57
	bluegrey:	#153A67 = 21,58,103     hover-> #072E5F


Grijswaren
	transparant
	#000000 = 0,0,0
    #292929
    #2a2a2a
    #444444
    #555555
    #616161
    #777777
    #888888
    #999999
    #a1a1a1
    #bbbbbb
	#dddddd = 221,221,221
    #e5e5e5
    #CFD3D7
    #ececec
	#eeeeee
    #f2f2f2
	#ffffff = 255,255,255
}
*/



/*----- Background Colors -----*/

body                                    {background-color: #ebebeb;}
/*.tab-content                            {background-color: transparent;}*/
.header .navbar-inner{
    background: #153A67;
    background-image: -moz-linear-gradient(top, #153A67 0%,#052a55 100%) !important;
    background-image: -webkit-linear-gradient(top, #153A67 0%,#052a55 100%) !important;
    background-image: linear-gradient(to bottom, #153A67 0%,#052a55 100%) !important;
}
.page-sidebar                           {background-color: #CFD3D7;}

.tiles                                                                  {background-color: #ffffff !important;}
.tiles.blue, .blue-back, .progress-bar-blue, .blue, .bg-primary		    {background-color: #2EA4BA !important;}
.tiles.green, .green-back, .progress-bar-green, .green, .bg-success 	{background-color: #0AA671 !important;}
.tiles.red, .red-back, .progress-bar-red, .red, .bg-danger              {background-color: #EF6864 !important;}
.tiles.purple, .purple-back, .progress-bar-purple, .purple, .bg-info    {background-color: #9A78A0 !important;}
.tiles.yellow, .yellow-back, .progress-bar-yellow, .yellow, .bg-warning {background-color: #EFCB6E !important;}
.tiles.black, .black-back, .progress-bar-black, .black 		            {background-color: #222222 !important;}
.tiles.dark, .dark-back, .progress-bar-dark, .dark 			            {background-color: #292929 !important;}
.tiles.light, .light-back, .progress-bar-light, .light                  {background-color: #eeeeee !important;}
.tiles.grey, .grey-back, .progress-bar-grey, .grey, .bg-default 	    {background-color: #CFD3D7 !important;}
.tiles.white, .white-back, .progress-bar-white, .white 		            {background-color: #ffffff !important;}
.tiles.bluegrey, .bluegrey-back, .progress-bar-bluegrey, .bluegrey      {background-color: #153A67 !important;}

.status-icon.blue,
.status-icon.green,
.status-icon.red,
.status-icon.purple,
.status-icon.yellow,
.status-icon.black,
.status-icon.dark,
.status-icon.light,
.status-icon.grey,
.status-icon.white	    {background-color: transparent !important;}

/*.rows.indeling .rows-bar, .rows.Entity .groupTitle h4             {background-color: #292929 !important; }
.rows.indeling .rows-bar, .rows.indeling .groupTitle h4            {background-color: #2EA4BA !important; }
.rows.Componenten .rows-bar, .rows.Componenten .groupTitle h4    {background-color: #0AA671 !important; }
.rows.Formulieren .rows-bar, .rows.Formulieren .groupTitle h4    {background-color: #EF6864 !important; }
.rows.Presets .rows-bar, .rows.Presets .groupTitle h4            {background-color: #9A78A0 !important; }
.rows.Widgets .rows-bar, .rows.Widgets .groupTitle h4            {background-color: #EFCB6E !important; }*/

.page-content           {background-color: transparent;}
.page-content .content  {background-color: #ebebeb;}

.page-content-menu .nav-header                  {background-color: transparent;}
.page-content-menu .nav-header:hover,
.page-content-menu .nav-header:focus,
.page-content-menu .nav-header:active,
.page-content-menu .active .nav-header,
.page-content-menu .active .nav-header:hover    {background-color: #ebebeb !important;}
.page-content-menu .rows.white                  {background-color: #ebebeb !important;}
.page-content-menu .rows .groupTitle h4         {background-color: #031B36 !important;}

.page-sidebar.content-page-sidebar  {background-color: #031B36;}

.popover-title                    {background-color: #a1a1a1;}
.popover-content .primary a       {background-color: rgba(46,164,186,0.1);}
.popover-content .primary:hover a {background-color: rgba(46,164,186,0.2);}
.popover-content .primary:focus a {background-color: rgba(46,164,186,0.5);}
.popover-content .success a       {background-color: rgba(10,166,113,0.1);}
.popover-content .success:hover a {background-color: rgba(10,166,113,0.2);}
.popover-content .success:focus a {background-color: rgba(10,166,113,0.5);}
.popover-content .info a          {background-color: rgba(154,120,160,0.1);}
.popover-content .info:hover a    {background-color: rgba(154,120,160,0.2);}
.popover-content .info:focus a    {background-color: rgba(154,120,160,0.5);}
.popover-content .warning a       {background-color: rgba(239,203,110,0.1);}
.popover-content .warning:hover a {background-color: rgba(239,203,110,0.2);}
.popover-content .warning:focus a {background-color: rgba(239,203,110,0.5);}
.popover-content .danger a        {background-color: rgba(239,104,100,0.1);}
.popover-content .danger:hover a  {background-color: rgba(239,104,100,0.2);}
.popover-content .danger:focus a  {background-color: rgba(239,104,100,0.5);}
.popover-content .default a       {background-color: #e5e5e5;}
.popover-content .default:hover a {background-color: #f2f2f2;}
.popover-content .default:focus a {background-color: #f2f2f2;}

.dropdown-toggle .user-img .fa          {background-color: #eeeeee;}
.dropdown-toggle:hover .user-img .fa    {background-color: #ffffff;}

.panel-heading                  {background-color: #2EA4BA;}

.nav-tabs                       {background-color: transparent;}
.nav-tabs li a                  {background-color: #ffffff;}
.nav-tabs li a:hover            {background-color: #e5e5e5;}
.nav-tabs li a:focus,
.nav-tabs li a:active           {background-color: #dddddd;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {background-color: #153A67;}

section#nestable .list-group li > .list-title       {background-color: #ffffff;}

.tab-pane section#nestable .list-group li > .list-title{
    background: #f2f2f2;
    background-image: -moz-linear-gradient(top, #ffffff 0%,#f2f2f2 100%) !important;
    background-image: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%) !important;
    background-image: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%) !important;
}
.tab-pane section#nestable .list-group li > .list-title:hover   {background-color: #f2f2f2;}
.tab-pane section#nestable .list-group li > .list-title:focus,
.tab-pane section#nestable .list-group li > .list-title:active  {background-color: #ececec;}

/*.sortable.draglist li .sortable-list-wrapper                    {background-color: #ffffff;}*/
.sortable.draglist .ui-sortable-helper .sortable-list-wrapper   {background-color: rgba(255,255,255,0.5) !important;}

.breadcrumb                             {background-color: transparent;}
.page-content .breadcrumb               {background-color: transparent;}

.popover.tour-tour .popover-title       {background-color: #153A67;}

.grid .grid-body > ul.nav.row           {background-color: #eeeeee;}

.panel-body     {background-color: #ffffff;}
.table          {background-color: #ffffff;}

.page-sidebar ul li     {background-color: transparent;}

.page-sidebar.mini ul li span.title                       {background-color: #031B36;}
/*.page-sidebar-wrapper ul > li                             {background-color: #052a55;}*/
.page-sidebar-wrapper ul > li > a:hover                   {background-color: #031B36;}
.page-sidebar-wrapper ul > li > a:active                  {background-color: #031B36;}
.page-sidebar-wrapper ul > li > a:focus                   {background-color: #031B36;}
.page-sidebar-wrapper ul > li > ul > li:hover > a         {background-color: #031B36;}
.page-sidebar-wrapper ul > li > ul > li > a:hover         {background-color: #052a55;}
.page-sidebar-wrapper ul > li > .sub-menu                 {background-color: #031B36;}
.page-sidebar-wrapper ul > li > .sub-menu  > span.title   {background-color: transparent;}

.page-sidebar-wrapper ul > li.active > a:active,
.page-sidebar-wrapper ul > li.active > a:focus,
.page-sidebar-wrapper ul > li.active > a:hover,
.page-sidebar-wrapper ul > li.active > a              {background-color: #052a55;}

.page-sidebar .page-sidebar-wrapper > ul > li.active > a,
.page-sidebar .page-sidebar-wrapper > ul > li.active > a:hover,
.page-sidebar .page-sidebar-wrapper > ul > li.active > a:focus,
.page-sidebar .page-sidebar-wrapper > ul > li.active > a:active     {background-color: #ebebeb;}

.page-sidebar .page-sidebar-wrapper > ul > li > a:hover             {background-color: #ebebeb;}

.page-sidebar-wrapper ul > li > a:focus,
.page-sidebar-wrapper ul > li > a:active,
.page-sidebar-wrapper ul > li:hover > a,
.page-sidebar-wrapper ul > li:focus, .page-sidebar ul > li:active {background-color: #ebebeb;}

.page-sidebar-wrapper ul > li > ul.sub-menu                       {background-color: #153A67;}
.page-sidebar-wrapper ul > li > ul.sub-menu > li > a:focus,
.page-sidebar-wrapper ul > li > ul.sub-menu > li > a:active,
.page-sidebar-wrapper ul > li > ul.sub-menu > li > a:hover        {background-color: #031B36;}

.criteria-update .dd-list .dd-item:hover    {background-color: #ebebeb;}
.criteria-update .dd-list .dd-item:focus    {background-color: rgba(0,0,0,0.2);}
.criteria-update .dd-list .dd-item:active   {background-color: rgba(0,0,0,0.2);}

/*----- Text Colors -----*/

body    {color: #212121;}
a       {color: #2EA4BA;}
a:hover {color: #0ab7e1;}

.breadcrumb a               {color: #212121;}
.breadcrumb a:hover         {color: #2EA4BA;}
.breadcrumb .active         {color: #0ab7e1;}

.tiles .controller a .fa			{color: rgba(255,255,255,0.5);}
.tiles .controller a:hover .fa	{color: rgba(255,255,255,1);}

.text-primary,
.text-blue			{color: #2EA4BA !important;}
.text-success,
.text-green 		{color: #0AA671 !important;}
.text-danger,
.text-red 			{color: #EF6864 !important;}
.text-info,
.text-purple 		{color: #9A78A0 !important;}
.text-warning,
.text-yellow 		{color: #EFCB6E !important;}
.text-black 		{color: #222222 !important;}
.text-dark 			{color: #555555 !important;}
.text-light 		{color: #eeeeee !important;}
.text-grey 			{color: #a1a1a1 !important;}
.text-bluegrey 		{color: #153A67 !important;}
.text-white 		{color: #ffffff !important;}

.user-info-wrapper .user-info                   {color: #ffffff;}
.user-img .fa                                   {color: #153A67;}
.header .navbar-inner                           {color: #ffffff;}
.header .chat-toggler .dropdown-toggle          {color: #eeeeee;}
.header .chat-toggler .dropdown-toggle:hover    {color: #ffffff;}
.header .chat-toggler button                    {color: #ffffff;}
.header .chat-toggler button:hover              {color: #0ab7e1;}

.header-seperation a,
.quicklinks a       {color: #ffffff;}
.header-seperation a:hover,
.quicklinks a:hover {color: #0ab7e1;}

.navbar-inner .navbar-button a          {color: #ffffff;}
.navbar-inner .navbar-button a:hover,
.navbar-inner .navbar-button a:active,
.navbar-inner .navbar-button a:focus    {color: #0ab7e1;}

.page-sidebar .page-sidebar-wrapper ul li a         {color: #a1a1a1;}
.page-sidebar .page-sidebar-wrapper ul li a:hover   {color: #ffffff;}
.page-sidebar .page-sidebar-wrapper ul li a:active  {color: #ffffff;}
.page-sidebar .page-sidebar-wrapper ul li a:focus   {color: #ffffff;}
.page-sidebar ul li.open a:hover                    {color: #ffffff;}

.page-sidebar ul > li.active > a:active,
.page-sidebar ul > li.active > a:focus,
.page-sidebar ul > li.active > a:hover,
.page-sidebar ul > li.active > a                  {color: #ffffff;}

.page-sidebar .page-sidebar-wrapper > ul > li > a:hover     {color: #616161 !important;}
.page-sidebar .page-sidebar-wrapper > ul > li > a           {color: #888888 !important;}


.page-sidebar ul > li.open > a, .page-sidebar ul > li.open > a:hover,
.page-sidebar ul > li.open > a:focus, .page-sidebar ul > li.open > a:active,
.page-sidebar ul > li.open > a, .page-sidebar ul > li.open:hover a,
.page-sidebar ul > li.open:focus > a, .page-sidebar ul > li.open:active > a {
    color: #616161;
}

.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li.active > a,
.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a:hover{
    color: #ffffff !important;
}

.page-sidebar .page-sidebar-wrapper ul li a.bg-danger   {color: #ffffff;}

.popover-content .primary a       {color: rgba(46,164,186,0.75);}
.popover-content .primary:hover a {color: rgba(46,164,186,1);}
.popover-content .primary:focus a {color: rgba(46,164,186,1);}
.popover-content .success a       {color: rgba(10,166,113,0.75);}
.popover-content .success:hover a {color: rgba(10,166,113,1);}
.popover-content .success:focus a {color: rgba(10,166,113,1);}
.popover-content .info a          {color: rgba(154,120,160,0.75);}
.popover-content .info:hover a    {color: rgba(154,120,160,1);}
.popover-content .info:focus a    {color: rgba(154,120,160,1);}
.popover-content .warning a       {color: rgba(239,203,110,0.75);}
.popover-content .warning:hover a {color: rgba(239,203,110,1);}
.popover-content .warning:focus a {color: rgba(239,203,110,1);}
.popover-content .danger a        {color: rgba(239,104,100,0.75);}
.popover-content .danger:hover a  {color: rgba(239,104,100,1);}
.popover-content .danger:focus a  {color: rgba(239,104,100,1);}
.popover-content .default a       {color: #5e5e5e;}
.popover-content .default:hover a {color: #212121;}
.popover-content .default:focus a {color: #212121;}

.nav-tabs li a                      {color: #616161;}
.nav-tabs li a:focus,
.nav-tabs li a:active,
.nav-tabs li a:hover                {color: #616161;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus     {color: #ffffff;}

.header .chat-toggler .dropdown-toggle:after        {color: #052a55;}
.header .chat-toggler:hover .dropdown-toggle:after  {color: #ffffff;}

.page-sidebar .page-sidebar-wrapper > ul > li.active a,
.page-sidebar .page-sidebar-wrapper > ul > li.active a:hover,
.page-sidebar .page-sidebar-wrapper > ul > li.active a:focus,
.page-sidebar .page-sidebar-wrapper > ul > li.active a:active    {color: #616161 !important;}

.navbar-inner .navbar-button a:hover    {background-color: rgba(0,0,0,0.1);}
.navbar-inner .navbar-button a:active,
.navbar-inner .navbar-button a:focus    {background-color: rgba(0,0,0,0.3);}

.page-content-menu .nav-header                  {color: #a1a1a1;}
.page-content-menu .nav-header:hover,
.page-content-menu .nav-header:focus,
.page-content-menu .nav-header:active,
.page-content-menu .active .nav-header,
.page-content-menu .active .nav-header:hover    {color: #616161 !important;}

.icon-default           {color: rgb(21,58,103);}
.icon-primary           {color: rgb(46,164,186);}
.icon-success           {color: rgb(10,166,113);}
.icon-info              {color: rgb(154,120,160);}
.icon-warning           {color: rgb(239,203,110);}
.icon-danger            {color: rgb(239,104,100);}

a.icon-default          {color: rgba(21,58,103,0.5);}
a.icon-default:hover    {color: rgba(21,58,103,1);}
a.icon-primary          {color: rgba(46,164,186,0.5);}
a.icon-primary:hover    {color: rgba(46,164,186,1);}
a.icon-success          {color: rgba(10,166,113,0.5);}
a.icon-success:hover    {color: rgba(10,166,113,1);}
a.icon-info             {color: rgba(154,120,160,0.5);}
a.icon-info:hover       {color: rgba(154,120,160,1);}
a.icon-warning          {color: rgba(239,203,110,0.5);}
a.icon-warning:hover    {color: rgba(239,203,110,1);}
a.icon-danger           {color: rgba(239,104,100,0.5);}
a.icon-danger:hover     {color: rgba(239,104,100,1);}
.icon-disabled          {color: #bbbbbb;}
.icon-disabled:hover    {color: #bbbbbb;}

.collapser                  {color: rgba(21,58,103,1);}
.dd-collapsed .collapser    {color: rgba(21,58,103,0.5);}

.popover.tour-tour .popover-title   {color: #ffffff;}

.sortable.draglist .ui-sortable-placeholder:after,
.sortable.draglist .ui-sortable-placeholder:before     {color: rgb(10,166,113);}


#edit-contents > .site .lyrow > .view > .row:before                 {color: #bbbbbb;}
#edit-contents > .site .lyrow > .view > .row.highlight:before       {color: #2EA4BA;}

/*----- Button Colors -----*/

.btn-blue, .btn-primary, .label-primary, .label-blue,
.panel-primary .panel-heading, .panel-blue .panel-heading		        {background-color: #153A67 !important; color: #ffffff !important;}/*PRIMARY & BLUE*/
.btn-green, .btn-success,  .label-success, .label-green,
.panel-success .panel-heading, .panel-green .panel-heading	            {background-color: #0AA671 !important; color: #ffffff !important;}/*SUCCESS & GREEN*/
.btn-red, .btn-danger, .label-danger, .label-red, .panel-danger
.panel-heading, .panel-red .panel-heading			                    {background-color: #EF6864 !important; color: #ffffff !important;}/*DANGER & RED*/
.btn-purple, .btn-info, .label-info, .label-purple, .panel-info
.panel-heading, .panel-purple .panel-heading		                    {background-color: #9A78A0 !important; color: #ffffff !important;}/*INFO & PURPLE*/
.btn-yellow, .btn-warning, .label-warning, .label-yellow,
.panel-warning .panel-heading, .panel-yellow .panel-heading             {background-color: #EFCB6E !important; color: #ffffff !important;}/*WARNING & YELLOW*/
.panel-default .panel-heading, .btn-default, .label-default,
.btn-grey, .label-grey, .panel-grey .panel-heading 						{background-color: #999999 !important; color: #ececec !important;}/*DEFAULT & GREY*/

.btn-black, .label-black, .panel-black .panel-heading			        {background-color: #222222 !important; color: #ffffff !important;}/*BLACK*/
.btn-light, .panel-light .panel-heading, .label-light                   {background-color: #eeeeee !important; color: #5e5e5e !important;}/*LIGHT*/
.btn-dark, .label-dark, .panel-dark .panel-heading						{background-color: #292929 !important; color: #ffffff !important;}/*DARK*/
.btn-white, .label-white, .panel-white .panel-heading 					{background-color: #ffffff !important; color: #5e5e5e !important;}/*WHITE*/
.btn-transparent, .label-transparent, .panel-transparent .panel-heading {background-color: transparent !important; color: #153A67; !important;}/*TRANSPARENT*/

.btn-blue:hover, .btn-blue:active, .btn-blue.active,
.btn-blue.disabled, .btn-blue[disabled],
.btn-primary:hover, .btn-primary:active, .btn-primary.active,
.btn-primary.disabled, .btn-primary[disabled]                           {background-color: #1B8FA5 !important; color: #ffffff !important;}/*PRIMARY & BLUE*/
.btn-green:hover, .btn-green:active, .btn-green.active,
.btn-green.disabled, .btn-green[disabled],
.btn-success:hover, .btn-success:active, .btn-success.active,
.btn-success.disabled, .btn-success[disabled]	                        {background-color: #009864 !important; color: #ffffff !important;}/*SUCCESS & GREEN*/
.btn-red:hover, .btn-red:active, .btn-red.active,
.btn-red.disabled, .btn-red[disabled],
.btn-danger:hover, .btn-danger:active, .btn-danger.active,
.btn-danger.disabled, .btn-danger[disabled]     	                    {background-color: #E24F4A !important; color: #ffffff !important;}/*DANGER & RED*/
.btn-purple:hover, .btn-purple:active, .btn-purple.active,
.btn-purple.disabled, .btn-purple[disabled],
.btn-info:hover, .btn-info:active, .btn-info.active,
.btn-info.disabled, .btn-info[disabled]	                                {background-color: #8C6593 !important; color: #ffffff !important;}/*INFO & PURPLE*/
.btn-yellow:hover, .btn-yellow:active, .btn-yellow.active,
.btn-yellow.disabled, .btn-yellow[disabled],
.btn-warning:hover, .btn-warning:active, .btn-warning.active,
.btn-warning.disabled, .btn-warning[disabled]	                        {background-color: #E2BB57 !important; color: #ffffff !important;}/*WARNING & YELLOW*/
.btn-default:hover, .btn-default:active, .btn-default.active,
.btn-default.disabled, .btn-default[disabled],
.btn-grey:hover, .btn-grey:active, .btn-grey.active,
.btn-grey.disabled, .btn-grey[disabled]	                                {background-color: #555555 !important; color: #ffffff !important;}/*DEFAULT & GREY*/

.btn-black:hover, .btn-black:active, .btn-black.active,
.btn-black.disabled, .btn-black[disabled]                               {background-color: #ffffff !important; color: #5e5e5e !important;}/*BLACK*/
.btn-light:hover, .btn-light:active, .btn-light.active,
.btn-light.disabled, .btn-light[disabled]                               {background-color: #dddddd !important; color: #5e5e5e !important;}/*DEFAULT & LIGHT*/
.btn-dark:hover, .btn-dark:active, .btn-dark.active,
.btn-dark.disabled, .btn-dark[disabled]     	                        {background-color: #2a2a2a !important; color: #ffffff !important;}/*DARK*/
.btn-white:hover, .btn-white:active, .btn-white.active,
.btn-white.disabled, .btn-white[disabled]	                            {background-color: #222222 !important; color: #ffffff; !important}/*WHITE*/
.btn-transparent:hover, .btn-transparent:active, .btn-transparent.active,
.btn-transparent.disabled, .btn-transparent[disabled]	                {background-color: transparent !important; color: #000000; !important}/*TRANSPARENT*/

.sidebar-nav .nav-tabs>li>a, .sidebar-nav .nav-tabs>li>a:focus{
    background-color: #dddddd;
    color: #888888;
}
#sidr .nav-tabs > li > a:hover{
    color: #222222;
}
#sidr .nav-tabs > li.active > a, #sidr .nav-tabs > li.active > a:hover, #sidr .nav-tabs > li.active > a:focus{
	background-color: #ffffff;
	color: #222222;
}
/*.sidebar-nav .nav-header,
.sidebar-nav .tab-content{
    background-color: #ffffff;
    color: #5e5e5e;
    border-bottom: solid 1px #5e5e5e;
}

.sidebar-nav .nav-header.Entity:hover,
.sidebar-nav .nav-header.Entity:focus              {background-color:#222222; border-bottom: solid 1px #222222; color: #ffffff !important;}
.sidebar-nav .nav-header.indeling:hover,
.sidebar-nav .nav-header.indeling:focus             {background-color:#1B8FA5; border-bottom: solid 1px #1B8FA5; color: #ffffff !important;}
.sidebar-nav .nav-header.Componenten:hover,
.sidebar-nav .nav-header.Componenten:focus         {background-color:#009864; border-bottom: solid 1px #009864; color: #ffffff !important;}
.sidebar-nav .nav-header.Formulieren:hover,
.sidebar-nav .nav-header.Formulieren:focus         {background-color:#E24F4A; border-bottom: solid 1px #E24F4A; color: #ffffff !important;}
.sidebar-nav .nav-header.Presets:hover,
.sidebar-nav .nav-header.Presets:focus             {background-color:#8C6593; border-bottom: solid 1px #8C6593; color: #ffffff !important;}
.sidebar-nav .nav-header.Widgets:hover,
.sidebar-nav .nav-header.Widgets:focus             {background-color:#E2BB57; border-bottom: solid 1px #E2BB57; color: #ffffff !important;}

.sidebar-nav .nav.active .nav-header.Entity,
.sidebar-nav .nav-header.Entity:active             {background-color: #292929 !important; color: #ffffff !important; border-bottom: solid 1px #222222;}
.sidebar-nav .nav.active .nav-header.indeling,
.sidebar-nav .nav-header.indeling:active            {background-color: #2EA4BA !important; color: #ffffff !important; border-bottom: solid 1px #1B8FA5;}
.sidebar-nav .nav.active .nav-header.Componenten,
.sidebar-nav .nav-header.Componenten:active        {background-color: #0AA671 !important; color: #ffffff !important; border-bottom: solid 1px #009864;}
.sidebar-nav .nav.active .nav-header.Formulieren,
.sidebar-nav .nav-header.Formulieren:active        {background-color: #EF6864 !important; color: #ffffff !important; border-bottom: solid 1px #E24F4A;}
.sidebar-nav .nav.active .nav-header.Presets,
.sidebar-nav .nav-header.Presets:active            {background-color: #9A78A0 !important; color: #ffffff !important; border-bottom: solid 1px #8C6593;}
.sidebar-nav .nav.active .nav-header.Widgets,
.sidebar-nav .nav-header.Widgets:active            {background-color: #EFCB6E !important; color: #ffffff !important; border-bottom: solid 1px #E2BB57;}*/

/*    .rows.Entity .rows-menu     {border-right: 20px solid #292929 !important; }
.rows.indeling .rows-menu        {border-right: 20px solid #2EA4BA !important; }
.rows.Componenten .rows-menu    {border-right: 20px solid #0AA671 !important; }
.rows.Formulieren .rows-menu    {border-right: 20px solid #EF6864 !important; }
.rows.Presets .rows-menu        {border-right: 20px solid #9A78A0 !important; }
.rows.Widgets .rows-menu        {border-right: 20px solid #EFCB6E !important; }

.nav-header.Entity .fa          {color: #292929 !important; }
.nav-header.indeling .fa         {color: #2EA4BA !important; }
.nav-header.Componenten .fa     {color: #0AA671 !important; }
.nav-header.Formulieren .fa     {color: #EF6864 !important; }
.nav-header.Presets .fa         {color: #9A78A0 !important; }
.nav-header.Widgets .fa         {color: #EFCB6E !important; }

.nav-header:hover .fa,
.nav-header:focus .fa,
.nav.active .nav-header .fa,
.nav-header:active .fa        {color: #ffffff !important; }*/

.sidebar-nav .preview                   {background-color: #eeeeee;}
.sidebar-nav .preview:focus,
.sidebar-nav .preview:active            {background-color: #eeeeee;}
.sidebar-nav .preview:hover             {background-color: #dddddd;}


/*----- Border Colors -----*/

.highlight                  {outline: 1px solid #2EA4BA !important;}
.highlight:focus            {outline: 1px solid #0AA671 !important;}
.highlight:active           {outline: 1px solid #0AA671 !important;}
.ui-sortable-placeholder    {outline: 1px solid #0AA671;}

.navbar-inner .navbar-button        {border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(0,0,0,0.8);}
.navbar-inner .navbar-button-group  {border-right: 1px solid rgba(255,255,255,0.1); border-left: 1px solid rgba(0,0,0,0.8);}

.page-sidebar                                           {border-right: 1px solid #cccccc;}
.page-sidebar .page-sidebar-wrapper > ul > li.active    {border: 1px solid #cccccc;}
.page-sidebar .page-sidebar-wrapper > ul > li:hover     {border: 1px solid #cccccc;}
.page-content .breadcrumb                               {border-bottom: 1px solid #cccccc !important;}

.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu:after   {border-right: 15px solid #153A67;}

.page-sidebar ul li.open:hover,
.page-sidebar ul li.open        {border: 1px solid #cccccc;}


.page-content-menu .active .nav-header  {border: 1px solid #cccccc;}
.page-content-menu .nav-header:hover    {border: 1px solid #cccccc;}

.popover.bottom > .arrow:after      {border-bottom-color: #a1a1a1;}

.tab-pane section#nestable .list-group li > .list-title {border: 1px solid #dddddd;}
#notification-list                                      {border: 1px solid #dddddd;}

.criteria-update .tab-content .tab-pane     {border-top: 5px solid #153A67;}

.sortable.draglist li .sortable-list-wrapper                    {border: 1px solid #dddddd;}
.sortable.draglist .ui-sortable-helper .sortable-list-wrapper   {border: 1px solid rgba(221,221,221,0.5) !important;}

    /*-- NESTABLE LIST borders --*/

    /*-- 1st level --*/
        section#nestable > .list-group:after{
            border-left: 1px solid #153A67;
        }
        section#nestable > .list-group > li:before{
            border-bottom: 1px solid #153A67;
        }
    /*-- 2nd level --*/
        section#nestable > .list-group > li > .list-group:after{
            border-left: 1px solid #2EA4BA;
        }
        section#nestable > .list-group > li > .list-group > li:before{
            border-bottom: 1px solid #2EA4BA;
        }
    /*-- 3th level --*/
        section#nestable > .list-group > li > .list-group > li > .list-group:after{
            border-left: 1px solid #0AA671;
        }
        section#nestable > .list-group > li > .list-group > li > .list-group > li:before{
            border-bottom: 1px solid #0AA671;
        }
    /*-- 4th level --*/
        section#nestable > .list-group > li > .list-group > li > .list-group > li > .list-group:after{
            border-left: 1px solid #EF6864;
        }
        section#nestable > .list-group > li > .list-group > li > .list-group > li > .list-group > li:before{
            border-bottom: 1px solid #EF6864;
        }
    /*-- 5th level --*/
        section#nestable > .list-group > li > .list-group > li > .list-group > li > .list-group > li > .list-group:after{
            border-left: 1px solid #9A78A0;
        }
        section#nestable > .list-group > li > .list-group > li > .list-group > li > .list-group > li > .list-group > li:before{
            border-bottom: 1px solid #9A78A0;
        }
    /*-- 6th level --*/
        section#nestable > .list-group > li > .list-group > li > .list-group > li > .list-group > li > .list-group li .list-group:after{
            border-left: 1px solid #EFCB6E;
        }
        section#nestable > .list-group > li > .list-group > li > .list-group > li > .list-group > li > .list-group li .list-group li:before{
            border-bottom: 1px solid #EFCB6E;
        }


#edit-contents > .site .lyrow > .view > .row:before             {border: 1px solid rgba(0,0,0,0.2);}
#edit-contents > .site .lyrow > .view > .row.highlight:before   {border: 1px solid #2EA4BA;}

/*----- Shadow Colors -----*/

.highlight                  {box-shadow: 0 0 10px 0 #2EA4BA;}
.highlight:focus            {box-shadow: 0 0 10px 0 #0AA671;}
.highlight:active           {box-shadow: 0 0 10px 0 #0AA671;}
.ui-sortable-placeholder    {box-shadow: 0 0 10px 0 #0AA671;}


#edit-contents > .site .lyrow > .view > .row:before             {box-shadow: -3px -4px 12px -6px rgb(0,0,0);}
#edit-contents > .site .lyrow > .view > .row.highlight:before   {box-shadow: -3px -4px 12px -6px #2EA4BA;}

.form-control.not-user-field { background-color:#EEEEEE; color:#AAA;  }


.view>.tabblad:before {
    background-color: #7dc577;
}