/************** Default Theme **************/
body{
	background-color: #FFF;
	color: #444649;
}

input,
textarea,
select{
	box-shadow: 0 0 0.5vmin #8AB, inset 0 0 0.1vmin #ABC;
	background-color: #FAFBFC;
	color: #111;
}

input:focus,
textarea:focus,
select:focus{
	box-shadow: 0 0 3vmin #069, inset 0 0 0.1vmin #ABC;
	background-color: #FFF;
}

input:disabled, 
textarea:disabled, 
select:disabled{
	background-color: #EEE;
}

.area-selection{
    background: rgba(0, 0, 10, 0.2);
	border: 0.05em solid #006699;
}
.area-selected{
	background-color: #069;
}

.readOnly{
	color: #777;
}

nav#mainNavigation{
	background-color: #F0FAFC;
	box-shadow: 0 0 3vmin #8AB;
}


#content{
	background-color: #F0FAFC;
	box-shadow: 0 0 3vmin #8AB;
	background-image: url('../images/logo/xtaskit-0.1.png');
}

nav#mainNavigation .actions .navButton{
	background-color: #BBDFF6;
	color: #069;
}
nav#mainNavigation .main .navButton:hover{
	background-color: #FFF;
	color: #07A;
}

nav#mainNavigation .main .navButton{
	box-shadow: 0 0 3vmin #8AB;
	background-color: #f5feff;
	color: #069;
}

nav#mainNavigation .navButton.selected,
nav#mainNavigation .navButton.selected:hover,
nav#mainNavigation .navButton:active{
	background-color: #057;
	color: #ffffff;
}



#overviewPaneMenu, 
#configurationPaneMenu,
#variablesPane,
#triggerConfigurationPaneMenu, 
#triggerPaneMenu,
#workflowPaneMenu{
	background-color: #F5FBFF;
}

#variablesPane{
	box-shadow: 0 0 1vh #FFF;
}

#overviewPaneContainer, 
#workflowPaneContainer, 
#workflowConfigurationPaneContainer, 
#triggerConfigurationPaneContainer, 
#triggerPaneContainer{
	background-color: #F0F2F4;
}

#configurationPane{
	background-color: #E0F2FFDF;
	box-shadow: 0 0 30px #8AB;
}

.ui-widget-content{
	background-color: #F0F2F4;
	color: #222;
}
.smallButton.disabled,
.smallButton.disabled:hover,
.smallButton.disabled:active,
.button.disabled,
.button.disabled:hover,
.button.disabled:active{
	box-shadow: 0 0 1vmin #8AB;
	color: #999;
}

.ui-datepicker-buttonpane.ui-widget-content button,
.ui-dialog .ui-dialog-buttonpane button,
a.dt-button:not(.disabled),
.button{
	box-shadow: 0 0 0.3vmin #8AB, inset 0 0 0.1vmin #ABC;
	background-color: #069;
	color: #F0F2F4;
}

/*HOVER*/
.ui-datepicker-buttonpane.ui-widget-content button:hover,
.ui-dialog .ui-dialog-buttonpane button:hover,
a.dt-button:hover:not(.disabled),
.button:hover{
	box-shadow: 0 0 1.5vmin #8AB, inset 0 0 0.1vmin #ABC;
	background-color: #17A;
}

/*ACTIVE*/
.ui-datepicker-buttonpane.ui-widget-content button:active,
.ui-dialog .ui-dialog-buttonpane button:active,
a.dt-button:active:not(.disabled):not(.disabled),
.button.active,
.button:active{
	background-color: #069;
	color: #F0F2F4;
	box-shadow: inset 1px 1px 5px #000;
}
/*ACTIVE HOVER*/
.ui-datepicker-buttonpane.ui-widget-content button:active:hover,
.ui-dialog .ui-dialog-buttonpane button:active:hover,
a.dt-button:active:hover:not(.disabled):not(.disabled),
.button:active{
	background-color: #07A;
	color: #F0F2F4;
	box-shadow: inset 1px 1px 5px #000;
}

/*FOCUS*/
.ui-datepicker-buttonpane.ui-widget-content button:focus,
.ui-dialog .ui-dialog-buttonpane button:focus,
a.dt-button:focus:not(.disabled):not(.disabled),
.button:focus{
	/* background-color: #28B; */
	background-color: #07A;
	color: #F0F2F4;
	box-shadow: inset 1px 1px 5px #000;
	border: 0;
	background-image: none;
}


/*PUSHED*/
a.dt-button.active:not(.disabled):not(.disabled) {
	background-color: #004477;
	box-shadow: inset 1px 1px 5px #000;
}
a.dt-button.active:hover:not(.disabled):not(.disabled){
	background-color: #094D82;
	box-shadow: inset 1px 1px 5px #024;
}
a.dt-button.active:active:not(.disabled):not(.disabled){
	background-color: #024;
}
a.dt-button.active:focus:not(.disabled):not(.disabled){
	background-color: #17A;
}



.paneMenu .paneMenuButton{
	color: #069;
	text-shadow: 0.2vmin 0.2vmin #BEF;
}


.paneMenu .paneMenuButton:hover{
	color: #08B;
	background-color: #F0F7FF;
	text-shadow: 0.2vmin 0.2vmin #024;
}
.paneMenu .paneMenuButton:active{
	background-color: #069;
	color: #000;
	text-shadow: 0.2vmin 0.2vmin #000;
}
.paneMenu .paneMenuButton.active{
	background-color: #000;
	color: #069;
	text-shadow: 0.2vmin 0.2vmin #024;
}
.paneMenu .paneMenuButton.half-active{
	background-color: rgb(206, 205, 205);
	color: #069;
	text-shadow: 0.2vmin 0.2vmin #024;
}

.paneMenu .paneMenuButton.disabled,
.paneMenu .paneMenuButton.disabled:hover,
.paneMenu .paneMenuButton.disabled:active{
	text-shadow: none;
	color: #999;
}


.view .item .name{
	text-shadow: #000 2px 2px;
	background-color: rgba(0,0,0,.7);
}

.user-task-container-li > .titleBar > .name,
.view .categoryItem > .titleBar > .name{
	background-color: #F0FBFF;
	color: #069;
	border: 1px solid #cde;
	box-shadow: 0 0 5px #cde;
	text-shadow: #FFF 2px 2px;
}


.gutter{
	background-color: #EEE;
}

.view .listContainer ul li.categoryItem{
	border: 1px solid #FFF;
	box-shadow: 0 0 2vmin #aad6ff;
}

.ui-dialog{
	border-color: #000;
	box-shadow: 0 0 5vmin rgba(255,255,255,.5);
	background: #FAFDFF;
	animation: dialog-appear .5s ease-in 1;
}
@keyframes dialog-appear {
0% {
		transform: perspective(400px) rotateY(180deg) scale(1);
		opacity: 0;
}
1% {
		transform: perspective(400px) rotateY(180deg) scale(.01);
		background: rgb(2, 37, 55);
		animation-timing-function: ease-out;
		opacity: 0;
}
25% {
	animation-timing-function: ease-in;
		opacity: 0.3;
		background: #069;
		box-shadow: 0 0 10px #FFF;
}
55% {
		transform: perspective(400px) rotateY(0deg) scale(1.03);
		opacity: 1;
		background: #FFF;
		box-shadow: 0 0 50px #FFF;
}
60%{
		transform: perspective(400px) rotateY(0deg) scale(1.05);
		box-shadow: 0 0 100px rgba(255,255,255,1);
}
100% {
		transform: perspective(400px) rotateY(0) scale(1);
		box-shadow: 0 0 500px rgba(255,255,255,0);
		animation-timing-function: ease-out;
}
}

table{
	background-color: #BBDFF6;
	box-shadow: 0 0 4px #8AB;
}
table.dataTable{
	background-color: #ABCFE6;
	box-shadow: 0 0 4px #8AB;
	border-bottom: 1px solid #FFF !important;
}
table > thead th,
table.dataTable > thead th{
	border-bottom: 1px solid #FFF;

	background-color: #BBDFF6;
}
table > tbody{    
	background-color: #F1F6F9;
}

.ui-dialog-content table th{
	color: #069;
	background-color: #FFF;
}
.ui-dialog-content table tr{
	color: #9CE;
}
.ui-dialog-content table td{
	background-color: #069; 
}

#accumulatedVariables tr.special td,
#accumulatedVariables tr.arrayLoop td,
#accumulatedVariables tr.loop td{
	background-color: #DEF;
}

.taskBlock .taskBlockBar {
	color: #444649;
}

form > fieldset.conditionsFieldset,
fieldset.fieldset_task{
	background-color: #BBDFF6;
}


form > fieldset.conditionsFieldset fieldset,
fieldset.fieldset_task fieldset{
	background-color: rgba(255, 255, 255, 0.5);
}

fieldset ul li {
	box-shadow: 0 0 0.1vmin #357, inset 0 0 0.1vmin #DEF;
}

fieldset legend{
	color: #069;
	background: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

fieldset ul {
	box-shadow: 0 0 1vmin #8AB, inset 0 0 0.1vmin #ABC;
}


table#statusTable tr:nth-child(odd) td:nth-child(even){
	background-color: #fdfeff;
}
table#statusTable tr:nth-child(odd) td:nth-child(odd){
	background-color: #f6fafd;
}
table#statusTable tr:nth-child(even) td:nth-child(even){
	background-color: #e9f6ff;
}
table#statusTable tr:nth-child(even) td:nth-child(odd){
	background-color: #e0efff;
}
.SumoSelect > .CaptionCont {
	background-color: #FFF;
}

.SumoSelect > .optWrapper > .options .group > label {
	background-color: #E4E4E4;
	border-color: #E4E4E4;
	color: #069;
}

.SumoSelect > .optWrapper > .options li.opt {
    background-color: #E4E4E4;
}
.SumoSelect > .optWrapper > .options li.opt.selected {
    background-color: #FFF;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: #FFF;
}

.view.grid .categoryItem:not(.listContainer),
.graphesGridItem,
.usersTasksUl .user-task-container-li{
	border: 1px solid #FFF;
	box-shadow: 0 0 2vmin #aad6ff;
}

.user-task-video .smpte{
	box-shadow: 0 0 2vmin #aad6ff;
}

.columnsVisibility{
	box-shadow: inset 0px 0px 1vmin  #AAC0CC;
	background-color: #F0F9FD;
}

.dataTables_wrapper .dataTables_length, 
.dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_info, 
.dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #333;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: #069;
}

#view_administration fieldset{
	background-color: #F7FBFC;
}

.view.list li>.liButtons{
	background-color: #ddf6ff;
	box-shadow: 0 0 1vmin #DEF, 0 0 0.2vmin #6AD inset;
}

.smallButton{
	box-shadow: 0 0 1vmin #8AB, inset 0 0 0.1vmin #ABC;
	background-color: #f0fafc;
	color: #069;
}

.smallButton:hover{
	box-shadow: 0 0 3vmin #8AB, inset 0 0 0.1vmin #ABC;
	color: #F0F2F4;
	background-color: #17A;
}
.smallButton:focus,
.smallButton:active{
	background-color: #069;
	color: #6AD;
	box-shadow: 0 0 5vmin #069, inset 0 0 0.5vmin #079;
}

.usersTasksUl .user-task{
	animation: task-appear .5s;
}

@keyframes task-appear {
	0% {
			transform: perspective(400px) rotateY(180deg) scale(1);
			opacity: 0;
	}
	1% {
			transform: perspective(400px) rotateY(180deg) scale(.10);
			opacity: 0;
	}
	35% {
			transform: perspective(400px) rotateY(90deg) scale(.40);
			opacity: 0.50;
			background: rgb(255, 255, 255, 1);
			box-shadow: 0 0 15px #FFF;
	}
	45% {
			opacity: 1;
			box-shadow: 0 0 30px #FFF;
	}
	100% {
			transform: perspective(400px) rotateY(0) scale(1);
			background: rgb(0, 102, 153, 1); 
			opacity: 1; 
			box-shadow: 0 0 10px #FFF;
	}
}


.jqCron-container.disable .jqCron-cross:hover, 
.jqCron-container.disable .jqCron-selector-title:hover, 
.jqCron-cross, 
.jqCron-selector-title,
.jqCron-selector-list {
    background: #FFF;
}

.paths-dialog .folder-container > *,
li.folder-shortcut{
	color: #069;
}
.paths-dialog .file-container > *,
li.file-shortcut{
	color: #246;
}
.path-choice:hover,
.path-choice.selected{
	background-color: #069;
	color: #FFF;
} 

@media (max-width : 800px){	
	body .highlightedByHeader{    
		position: relative;
		box-shadow: 0 0 20px #069;
		animation-duration: 800ms;
		animation-name: highlighted-light;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}

	@keyframes highlighted-light{
		from {
			box-shadow: 0 0 15px #069;
		}
		to {
			box-shadow: 0 0 20px #069;
		}
	}
}
 




















/************** Dark Theme **************/
body.dark{
	background-color: #000;
	color: #CEF;
}

body.dark input,
body.dark textarea,
body.dark select{
	box-shadow: 0 0 0.5vmin #069, inset 0 0 0.1vmin #000;
	background-color: #001015;
	color: #E0E1E2;
}

body.dark input:focus,
body.dark textarea:focus,
body.dark select:focus{
	box-shadow: 0 0 3vmin #069, inset 0 0 0.1vmin #ABC;
	background-color: #000;
	color: #F0F1F2;
}

body.dark input:disabled,
body.dark textarea:disabled, 
body.dark select:disabled{
	background-color: #333;
}

body.dark .area-selection{
    background: rgba(0, 0, 10, 0.2);
	border: 0.05em solid #006699;
}
body.dark .area-selected{
	background-color: #069;
}

body.dark .readOnly{
	color: #777;
}

body.dark nav#mainNavigation{
	background-color: #002030;
	box-shadow: 0 0 3vmin #000;
}


body.dark #content{
	background-color: #002030;
	box-shadow: 0 0 3vmin #000;
	background-image: url('../images/logo/xtaskit-0.1-dark.png');
}

body.dark nav#mainNavigation .actions .navButton{
	background-color: #000;
	color: #069;
}
body.dark nav#mainNavigation .main .navButton:hover{
	background-color: #052030;
	color: #07A;
}

body.dark nav#mainNavigation .main .navButton{
	box-shadow: 0 0 3vmin #000;
	background-color: #102530;
	color: #069;
}

body.dark nav#mainNavigation .navButton.selected,
body.dark nav#mainNavigation .navButton.selected:hover,
body.dark nav#mainNavigation .navButton:active{
	background-color: #057;
	color: #ffffff;
}

body.dark #overviewPaneMenu, 
body.dark #configurationPaneMenu, 
body.dark #variablesPane, 
body.dark #triggerConfigurationPaneMenu, 
body.dark #triggerPaneMenu,
body.dark #workflowPaneMenu{
	background-color: #052535;
}

body.dark #variablesPane{
	box-shadow: 0 0 2vh #000;
}

body.dark #overviewPaneContainer,
body.dark #workflowPaneContainer, 
body.dark #workflowConfigurationPaneContainer, 
body.dark #triggerConfigurationPaneContainer, 
body.dark #triggerPaneContainer{
	background-color: #002030;
}

body.dark #configurationPane{
	background-color: #002030EE; 
	box-shadow: 0 0 30px #000;
}

body.dark .ui-widget-content{
	background-color: #052535;
	color: #F0F2F4;
}


body.dark .ui-datepicker-buttonpane.ui-widget-content button,
body.dark .ui-dialog .ui-dialog-buttonpane button,
body.dark a.dt-button:not(.disabled),
body.dark .button{
	box-shadow: 0 0 0.3vmin #000;
	background-color: #069;
	border: 1px solid transparent;
	color: #F0F2F4;
}

body.dark .smallButton.disabled,
body.dark .smallButton.disabled:hover,
body.dark .smallButton.disabled:active,
body.dark .button.disabled,
body.dark .button.disabled:hover,
body.dark .button.disabled:active{
	/* box-shadow: 0 0 1vmin #8AB; */
	box-shadow: none;
	background-color: #345;
	color: #999;
}

/*HOVER*/
body.dark .ui-datepicker-buttonpane.ui-widget-content button:hover,
body.dark .ui-dialog .ui-dialog-buttonpane button:hover,
body.dark a.dt-button:hover:not(.disabled),
body.dark .button:hover{
	box-shadow: 0 0 0.8vmin #000;
	background-color: #046;
}

/*ACTIVE*/
body.dark .ui-datepicker-buttonpane.ui-widget-content button:active,
body.dark .ui-dialog .ui-dialog-buttonpane button:active,
body.dark a.dt-button:active:not(.disabled):not(.disabled),
body.dark .button.active,
body.dark .button:active{
	background-color: #069;
	color: #F0F2F4;
	box-shadow: inset 1px 1px 5px #000;
}
/*ACTIVE HOVER*/
body.dark .ui-datepicker-buttonpane.ui-widget-content button:active:hover,
body.dark .ui-dialog .ui-dialog-buttonpane button:active:hover,
body.dark a.dt-button:active:hover:not(.disabled):not(.disabled),
body.dark .button:active{
	background-color: #07A;
	color: #F0F2F4;
	box-shadow: inset 1px 1px 5px #000;
}

/*FOCUS*/
body.dark .ui-datepicker-buttonpane.ui-widget-content button:focus,
body.dark .ui-dialog .ui-dialog-buttonpane button:focus,
body.dark a.dt-button:focus:not(.disabled):not(.disabled),
body.dark .button:focus{
	/* background-color: #28B; */
	background-color: #07A;
	color: #F0F2F4;
	box-shadow: inset 1px 1px 5px #000;
	background-image: none;
}


/*PUSHED*/
body.dark a.dt-button.active:not(.disabled):not(.disabled) {
	background-color: #004477;
	box-shadow: inset 1px 1px 5px #000;
	border: 1px solid #000;
}
body.dark a.dt-button.active:hover:not(.disabled):not(.disabled){
	background-color: #094D82;
	box-shadow: inset 1px 1px 5px #024;
}
body.dark a.dt-button.active:active:not(.disabled):not(.disabled){
	background-color: #024;
}
body.dark a.dt-button.active:focus:not(.disabled):not(.disabled){
	background-color: #17A;
}


body.dark .paneMenu .paneMenuButton{
	color: #069;
	text-shadow: 0.2vmin 0.2vmin #000;
}


body.dark .paneMenu .paneMenuButton:hover{
	color: #08B;
	background-color: #001525;
	text-shadow: 0.2vmin 0.2vmin #000;
}
body.dark .paneMenu .paneMenuButton:active{
	background-color: #069;
	color: #000;
	text-shadow: 0.2vmin 0.2vmin #069;
}
body.dark .paneMenu .paneMenuButton.active{
	background-color: #000;
	color: #069;
	text-shadow: 0.2vmin 0.2vmin #024;
}
body.dark .paneMenu .paneMenuButton.half-active{
	background-color: #345;
	color: #069;
	text-shadow: 0.2vmin 0.2vmin #024;
}

body.dark .paneMenu .paneMenuButton.disabled,
body.dark .paneMenu .paneMenuButton.disabled:hover,
body.dark .paneMenu .paneMenuButton.disabled:active{
	text-shadow: none;
	color: #606669;
}


body.dark .view .item .name{
	text-shadow: #000 2px 2px;
	background-color: rgba(20,20,20,.7);
}

body.dark .user-task-container-li > .titleBar > .name,
body.dark .view .categoryItem > .titleBar > .name{
	background-color: #002030;
	color: #069;
	box-shadow: 0 0 5px #069;
	border: 1px solid #069;
	text-shadow: #000 2px 2px;
}


body.dark .gutter{
	background-color: #000;
}

body.dark .view .listContainer ul li.categoryItem{
	border: 1px solid #069;
	box-shadow: 0 0 2vmin #000;
}


body.dark .ui-dialog{
	border-color: #ddd;
	box-shadow: 0 0 1vmin rgba(255,255,255, 0.4);
	background: #002030;
	animation: dialog-appear-dark .5s ease-in 1;
}

@keyframes dialog-appear-dark {
0% {
		transform: perspective(400px) rotateY(180deg) scale(1);
		opacity: 0;
}
1% {
		transform: perspective(400px) rotateY(180deg) scale(.01);
		background: rgb(2, 37, 55);
		animation-timing-function: ease-out;
		opacity: 0;
}
25% {
	animation-timing-function: ease-in;
		opacity: 0.3;
		background: #069;
		box-shadow: 0 0 10px rgba(255,255,255, 0.4);
}
55% {
		transform: perspective(400px) rotateY(0deg) scale(1.03);
		opacity: 1;
		background: #000;
		box-shadow: 0 0 50px rgba(255,255,255, 0.4);
}
60%{
		transform: perspective(400px) rotateY(0deg) scale(1.05);
		box-shadow: 0 0 100px rgba(255,255,255, 0.4);
}
100% {
		transform: perspective(400px) rotateY(0) scale(1);
		box-shadow: 0 0 500px rgba(255,255,255, 0.4);
		animation-timing-function: ease-out;
}
}


body.dark table{
	background-color: #069;
	box-shadow: 0 0 4px #069;
}
body.dark table.dataTable{
	background-color: #000;
	box-shadow: 0 0 4px #000;
	border-bottom: 1px solid #069 !important;
}
body.dark table > thead th,
body.dark table.dataTable > thead th{
	border-bottom: 1px solid #089;
	box-shadow: 0 -1px 1px #089;

	background-color: #069;
}
body.dark table > tbody{    
	background-color: #002030;
	color: #F1F6F9;
}

body.dark .ui-dialog-content table th{
	color: #069;
	background-color: #FFF;
}
body.dark .ui-dialog-content table tr{
	color: #9CE;
}
body.dark .ui-dialog-content table td{
	background-color: #002030; 
}


body.dark #accumulatedVariables tr.special td,
body.dark #accumulatedVariables tr.arrayLoop td,
body.dark #accumulatedVariables tr.loop td{
	background-color: #000;
}


body.dark .taskBlock .taskBlockBar {
	color: #444649;
}

body.dark form > fieldset.conditionsFieldset,
body.dark fieldset.fieldset_task{
	background-color: #069;
}


body.dark form > fieldset.conditionsFieldset fieldset,
body.dark fieldset.fieldset_task fieldset{
	background-color: rgba(0,0,0, 0.5);
}

body.dark fieldset ul li {
	box-shadow: 0 0 0.1vmin #069, inset 0 0 0.1vmin #002030;
}

body.dark fieldset legend{
	color: #AEDAE7;
	background: transparent;
	/* background: linear-gradient(to right, rgba(0, 101, 153,1) 0%,rgb(0, 101, 153, 0) 100%); */
}

body.dark fieldset ul {
	box-shadow: 0 0 1vmin #069, inset 0 0 0.1vmin #000;
}

body.dark table#statusTable tr:nth-child(odd) td:nth-child(even){
	background-color: #001020;
}
body.dark table#statusTable tr:nth-child(odd) td:nth-child(odd){
	background-color: #102030;
}
body.dark table#statusTable tr:nth-child(even) td:nth-child(even){
	background-color: #09263f;
}
body.dark table#statusTable tr:nth-child(even) td:nth-child(odd){
	background-color: #19364f;
}

body.dark .SumoSelect > .CaptionCont {
	background-color: #002030;
	color: #FFF;
	border-color: #069;
}

body.dark .SumoSelect > .optWrapper > .options .group > label {
	background-color: #002030;
	border-color: #000;
	color: #069;
}

body.dark .SumoSelect > .optWrapper > .options li.opt {
	background-color: #002030;
	border-color: #000;
	color: #EEE;
}
body.dark .SumoSelect > .optWrapper > .options li.opt.selected {
    background-color: #069;
}

body.dark .SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: #069;
}

body.dark .view .categoryItem:not(.listContainer),
body.dark .graphesGridItem,
body.dark .usersTasksUl .user-task-container-li{
	border: 1px solid #000;
	box-shadow: 0 0 2vmin #047;
}

body.dark .user-task-video .smpte{
	box-shadow: 0 0 2vmin #047;
}

body.dark .columnsVisibility{
	box-shadow: inset 0px 0px 1vmin  #000;
	background-color: #002030;
}

body.dark .dataTables_wrapper .dataTables_length, 
body.dark .dataTables_wrapper .dataTables_filter, 
body.dark .dataTables_wrapper .dataTables_info, 
body.dark .dataTables_wrapper .dataTables_processing, 
body.dark .dataTables_wrapper .dataTables_paginate,
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #DDD;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: #023;
}
body.dark #view_administration fieldset{
	background-color: #01141d;
	box-shadow: 0px 1px 5px #000;
	border: 1px solid #000;
}

body.dark .view.list li>.liButtons{
	background-color: #ddf6ff;
	box-shadow: 0 0 1vmin #002030, 0 0 0.2vmin #6AD inset;
}

body.dark .smallButton{
	box-shadow: 0 0 5px #000, 0 0 2px #000;
	background-color: #002030;
	color: #069;
}

body.dark .smallButton:hover{
	box-shadow: 0 0 5px #8AB;
	color: #6AD;
	background-color: #000;
}
body.dark .smallButton:focus,
body.dark .smallButton:active{
	background-color: #069;
	color: #FFF;
	box-shadow: 0 0 5vmin #069, inset 0 0 0.5vmin #079;
}

body.dark .usersTasksUl .user-task{
	animation: task-appear-dark .5s;
}

@keyframes task-appear-dark {
	0% {
			transform: perspective(400px) rotateY(180deg) scale(1);
			opacity: 0;
	}
	1% {
			transform: perspective(400px) rotateY(180deg) scale(.10);
			opacity: 0;
	}
	35% {
			transform: perspective(400px) rotateY(90deg) scale(.40);
			opacity: 0.50;
			background: rgb(0, 102, 153, 1); 
			box-shadow: 0 0 15px #000;
	}
	45% {
			opacity: 1;
			box-shadow: 0 0 30px #000;
	}
	100% {
			transform: perspective(400px) rotateY(0) scale(1);
			background: rgb(0, 102, 153, 1); 
			opacity: 1; 
			box-shadow: 0 0 10px #000;
	}
}

body.dark .jqCron-container.disable .jqCron-cross:hover, 
body.dark .jqCron-container.disable .jqCron-selector-title:hover, 
body.dark .jqCron-cross, 
body.dark .jqCron-selector-title,
body.dark .jqCron-selector-list {
    background: #000;
}


body.dark .paths-dialog .folder-container > *,
body.dark li.folder-shortcut{
	color: #069;
}
body.dark .paths-dialog .file-container > *,
body.dark li.file-shortcut{
	color: #ffffff;
}
body.dark .path-choice:hover,
body.dark .path-choice.selected{
	background-color: #fff;
	color: #069;
} 


@media (max-width : 800px){	
	body.dark .highlightedByHeader{    
		position: relative;
		box-shadow: 0 0 20px #FFF;
		animation-duration: 800ms;
		animation-name: highlighted-dark;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		background-color: #069;
	}

	@keyframes highlighted-dark{
		from {
			box-shadow: 0 0 15px #FFF;
		}
		to {
			box-shadow: 0 0 20px #FFF;
		}
	}
}