:root {
    --primary-color: #884DFF;    /* modrá základní - Modrá základní temná*/

    --hover-color: #795EF7;     /* fialova - Fialová hover a některé linky a objekty */
    --hover-text-color: #FBFDFC;

    --hover-menu-color: #023444; /* zelená - Select položky hlavního menu upozornění, hover RC menu, select řádku v gridu  */
    --hover-menu-text-color: #FBFDFC;

    --select-color: #023444;     /* zelená - Select položky hlavního menu upozornění, hover RC menu, select řádku v gridu */
    --select-text-color: #FBFDFC;

    --disabled-color: #6D8A9A;   /* tmavě šedá - Disabled položky s bílým textem*/

    --text-light-color: #FBFDFC;
    --text-light-color-hover: #000000;
    --text-dark-color: #000000;
    --text-dark-color-hover: #FBFDFC;

    --checkbox-color: #023444;
    --petrol-color: #023444;
    --gray-color: #F7F7FA;
    --violet-color: #884DFF;
    --violet-color-light: #E7DBff;
    --violet-color-dark: #6C3DCC;
    --green-color: #09E103;
    --danger-color:  #FFD4D4;
    --warning-color: #FFC107;
    --warning-color-dark: #FF8307;
    --warning-color-light: #FFFFCC;
    --red-color-light: #F8D6D9;
}

#bottom a:hover,
.page-link,
.top-top-menu .list-group-item,
#top_menu a:hover {
    color: var(--violet-color);
}

.top-top-menu .list-group-item.active {
    background-color: var(--violet-color);
}

.page-item.active .page-link {
    background-color: var(--violet-color);
    border-color: var(--violet-color);
}

.message-detail-title .nav-item .active,
.message-detail-body.active .message-detail-info{
    border-left: 3px solid var(--violet-color);
}

.message-detail-info{
    border-bottom: solid 2px rgba(0, 0, 0, .125);
}

#content .navigate {
    border-bottom: 2px solid var(--violet-color);
}

.header {
    background-color: var(--primary-color) !important;
}

.header .menu .btn-separator{
    background-color: var(--text-light-color);
}

.datagrid .row-grid-bottom {
    background-color: transparent;
}

.happy-checkbox.primary svg,
.happy-checkbox.danger svg{
    background-color: var(--violet-color) !important;
}

.bg-header-custom {
	background-color: var(--gray-color);
}

input[type=checkbox], input[type=radio] {
    accent-color: var(--violet-color) !important;
}

input[type=checkbox]:hover, input[type=radio]:hover {
    accent-color: var(--violet-color-dark) !important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--violet-color) !important;
    background-color: var(--violet-color) !important;
}

.header-menu-badge{
    background-color: var(--warning-color);
}

.bg-warning{
    background-color: var(--warning-color) !important;
}

.btn-danger {
    color: #fff;
    background-color: var(--violet-color) !important;
    border-color: var(--violet-color) !important;
}

.btn-danger:focus,
.btn-danger:active,
.btn-danger:hover {
    color: #fff;
    background-color: var(--violet-color-dark) !important;
    border-color: var(--violet-color-dark) !important;
}

.btn-outline-warning {
    background-color: #fff;
}

.btn-outline-danger {
    color: var(--violet-color) !important;
    border-color: var(--violet-color) !important;
    background-color: #fff;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    color: #fff !important;
    border-color: var(--violet-color-dark) !important;
    background-color: var(--violet-color-dark) !important;
}

.dokument_blok_menu a:not(.text-muted):hover, .dokument_blok_menu.bg-header-custom a:not(.text-muted):hover {
	background-color: var(--violet-color) !important;;
}

.alert-warning {
    color: #000 !important;
    background-color: var(--warning-color) !important;
    border-color: var(--warning-color) !important;
}

.border-highlight{
    border: 1px solid var(--violet-color);
}

.text-highlight{
    color: var(--violet-color) !important;
}

.text-warning-dark{
    color: var(--warning-color-dark) !important;
}

.text-warning{
    color: var(--warning-color) !important;
}

.grid-row-danger{
    background-color: var(--red-color-light) !important;
}

.grid-row-warning{
    background-color: var(--warning-color-light) !important;
}

.form-control:focus {
    border-color: var(--violet-color) !important;
    box-shadow: 0 0 0 .2rem rgba(136, 77, 255, .25);
}

.upload-dropzone.dropzone .dz-message {
	border: 2px	solid var(--violet-color) !important;
	color: var(--violet-color);
}

.upload-dropzone.dropzone .dz-message:hover {
	border: 2px	solid var(--violet-color-dark) !important;
	background-color: var(--violet-color-dark);
	color: #FFF;
}


.upload-dropzone.dropzone.dz-drag-hover .dz-message {
    border: 2px	dashed var(--violet-color) !important;
}

select option:checked,
option:hover {
    color: var(--white) !important;
    background-color: var(--violet-color) !important;
}

::selection {
  background: var(--violet-color) !important;
  color: #fff !important;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: var(--violet-color) !important;
    background-image: initial !important;
    filter: initial !important;
    border-color: var(--violet-color) !important;
    color: #fff !important;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: var(--petrol-color) !important;
    background-image: initial !important;
    filter: initial !important;
    border-color: var(--petrol-color) !important;
    color: #fff !important;
}

table.seznam .repeatSubjectHead{
	border: 3px solid var(--violet-color-light);
	border-top: 6px solid var(--violet-color-light);
}

table.seznam .subjectContactsRow table thead th{
	border-bottom: 1px solid var(--violet-color-light);
}

.subjectResultsRow.epodatelna.expanded td{
	background-color:var(--violet-color-light) !important;
	border-top: 2px solid var(--violet-color-light);
	border-bottom: 2px solid var(--violet-color-light);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--violet-color) !important;
    border: 1px solid var(--violet-color);
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

.btn{
    outline:none !important;
}

.btn:focus,
.btn:active{
    outline: 5px red !important;
    border-color: var(--violet-color) !important;
    box-shadow: 0 0 0 .2rem rgba(136, 77, 255, .25) !important;
}

.grid-row-selected{
    background-color: var(--violet-color-light) !important;
}

.ui-menu-item-wrapper.ui-state-active{
    color:#000 !important;
    background-color: var(--violet-color-light) !important;
}

#ajax-spinner,
.dialog-spinner {
    background: transparent url('../images/spinner-seyfor.svg') no-repeat center center;
}

.text-scheme-primary{
    color: var(--violet-color);
}

.subjekt-left-border {
    border-left: solid 3px var(--violet-color) ;
    border-bottom: solid 3px rgba(0, 0, 0, 0.125);
}