@charset "UTF-8";

/** Application Coloring **/
/* gradient from #ffffff #809dde to #403d7e easy */
/* gradient from #ffffff #56a9bb to #16495b archtime */
/* gradient from #ffffff #8afbf5 to #3efaf0 zansibar-events */
/* default archtime colors */
:root {
	--app-color-light-label: #ffffff;
	--app-gradient-from-to: #56a9bb 0%, #16495b 100%;
	--app-gradient-to-from:  #16495b 0%, #56a9bb 100%;
	--app-color-from: #56a9bb;
	--app-color-to: #16495b;
	--app-color-fold: #16495b;
	--app-color-widget-border: #c0c0c0;
	--app-color-datepicker-hover: #d8db29;
 }
  
 /* white icons */
.ui-icon,
.ui-icon.ui-button-icon,
.ui-icon .ui-state-hover,
.ui-dialog-titlebar .ui-icon.ui-icon-closethick,
.ui-icon.DataTables_sort_icon {
	background-image: url('images/ui-icons_ffffff_256x240.png') 
}
#toast-container {
	
}
#toast-container toast-error toast-close-button,
#toast-container toast-error toast-close-button:hover {
	color:white !important;
	background: transparent !important;
}

/* .ui-icon.ui-icon-closethick { background-image: url('images/ui-icons_444444_256x240.png') !important; } */
option.blackText {
	color: var(--app-color-to) !important;
}
option.blackText:checked,
option.blackText:checked:focus,
option.blackText:checked:not(:focus){
    color: var(--app-color-light-label);
    /* background-color: rgb(32, 126, 170) !important; */
    background-color: var(--app-color-from) !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove, 
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover 
{
	color: var(--app-color-light-label);
}

/** Application Coloring **/
/* gradient from #ffffff #809dde to #403d7e easy */
/* gradient from #ffffff #56a9bb to #16495b archtime */

header.gui { color: var(--app-color-light-label); background-image: linear-gradient(to bottom, var(--app-gradient-from-to)) }
.dialog_edit_textref {color: var(--app-color-to);}

#tabs > li.ui-tabs-active {
    background:#f0f0f0;
    border-color: var(--app-color-from);
}

.ui-dialog .ui-dialog-buttonpane button, 
button,
.btn,
.ui-button,
.bootstrap-dialog.type-primary .modal-header, 
.ui-widget-header, 
.ui-widget-content .ui-state-default,
a.ui-button.ui-widget,
/* a.ui-button.ui-widget.ui-spinner-button, */
.xdsoft_save_selected.blue-gradient-button,
table.dataTable thead th,
#qtip-selectId_filter_site .qtip-titlebar,
#qtip-selectId_filter_user .qtip-titlebar,
#qtip-selectId_filter_ckind .qtip-titlebar
{
    border-color: var(--app-color-widget-border);
    color: var(--app-color-light-label);
	background: -moz-linear-gradient(top,  var(--app-gradient-from-to)); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--app-color-from)), color-stop(100%, var(--app-color-to))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  var(--app-gradient-from-to)); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  var(--app-gradient-from-to)); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  var(--app-gradient-from-to)); /* IE10+ */
	background: linear-gradient(to bottom,  var(--app-gradient-from-to)); /* W3C */
}
#qtip-selectId_filter_site .qtip-titlebar .qtip-close {
	background-position: -80px -128px;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background: var(--app-color-from);
    box-shadow: var(--app-color-to);
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--app-color-from);
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: var(--app-color-light-label);
    background: var(--app-color-from);
    box-shadow: var(--app-color-to);
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
	color: var(--app-color-light-label) !important;
	background: var(--app-color-datepicker-hover) !important;
	box-shadow: none !important;
}

.ui-dialog .ui-dialog-buttonpane button:focus, 
.ui-dialog .ui-dialog-buttonpane button:hover, 
button:focus,
button:hover,
.btn:focus, 
.btn:hover, 
.ui-button:hover,
.ui-button:focus,
a.ui-button:hover,
a.ui-button:focus,
a.ui-button.ui-widget.ui-spinner-button:focus,
a.ui-button.ui-widget.ui-spinner-button:hover,
.xdsoft_save_selected.blue-gradient-button:focus,
.xdsoft_save_selected.blue-gradient-button:hover,
.open > .dropdown-toggle.btn-default {
    border-color: var(--app-color-widget-border);
    color: var(--app-color-light-label);
    background: -moz-linear-gradient(top,  var(--app-gradient-to-from)); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--app-color-to)), color-stop(100%, var(--app-color-from))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  var(--app-gradient-to-from)); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  var(--app-gradient-to-from)); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  var(--app-gradient-to-from)); /* IE10+ */
	background: linear-gradient(to bottom,  var(--app-gradient-to-from)); /* W3C */
}