/** ROBOTO FONT */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Roboto/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/Roboto/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Roboto/Roboto-Medium.ttf");
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/Roboto/Roboto-MediumItalic.ttf");
}

@font-face {
    font-family: 'Roboto';
    font-style: auto;
    font-weight: 700;
    src: url("../fonts/Roboto/Roboto-Bold.ttf");
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/Roboto/Roboto-BoldItalic.ttf");
}

/** INTER FONT */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/Inter/Inter-ExtraLight.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 200;
    src: url("../fonts/Inter/Inter-ExtraLight.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Inter/Inter-Light.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 300;
    src: url("../fonts/Inter/Inter-Light.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Inter/Inter-Regular.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/Inter/Inter-Regular.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Inter/Inter-Medium.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/Inter/Inter-Medium.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Inter/Inter-SemiBold.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 600;
    src: url("../fonts/Inter/Inter-SemiBold.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: auto;
    font-weight: 700;
    src: url("../fonts/Inter/Inter-Bold.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/Inter/Inter-Bold.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: auto;
    font-weight: 800;
    src: url("../fonts/Inter/Inter-ExtraBold.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 800;
    src: url("../fonts/Inter/Inter-ExtraBold.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: auto;
    font-weight: 900;
    src: url("../fonts/Inter/Inter-Black.ttf");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 900;
    src: url("../fonts/Inter/Inter-Black.ttf");
}

body {
    background: #fff ;
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px;
    text-align: left;
    font-family: var(--app-font-family, 'Inter', sans-serif);
    font-size: 13px !important;
}

#header {
    margin-left: -5px;
    margin-right: -5px;
}

form {
    margin: 0px;
}

img {
    border: 0px;
}

select {
    margin-right: 10px;
}

.small {
    font-size: 8pt;
    margin-top: 3px; margin-bottom: 3px;
}

.mezera {
    margin-top: 3px; margin-bottom: 7px;
}

.clear {
    clear: both;
}

/* Custom styling for disabled options */
select option[disabled] {
    color: #999; /* Change the text color to gray */
    background-color: #f5f5f5; /* Change the background color */
    cursor: not-allowed; /* Change the cursor to indicate not selectable */
}


/* ***************************************************************** */
/* *** TOP LAYOUT *** */
#layout_top {
    background: #fff ;
    margin: 0px;
    /*padding-top: 20px;*/
}

#top {
    /*width: 980px;*/
    width: auto;
    margin: 0 auto 0 auto;
    padding: 10px 0;
    /*height: 120px;*/
    position: relative;
    /*background: #878ea5 ;*/
}

.nomenu {
    height: 120px;
}

#top h1 {
    color: #000000;
    font-size: 25px;
    padding: 20px 20px 5px 20px;
    margin: 0px;
    float: left;
}

#top h1 a {
    color: #000000;
    text-decoration: none;
}

#top_urad {
    display: block;
    font-size: 15px;
    margin-top: 5px;
}

#top_menu {
    color: #ffffff;
    text-align: right;
    padding-right: 20px;
    /*position: absolute;*/
    top: 20px;
    right: 0px;
}

#top_menu a {
    color: #000000;
    text-decoration: none;
    margin-left: 6px;
}

#top_menu a:hover {
    text-decoration: underline;
}

#top_jmeno {
    color: #ffffff;
    text-align: right;
    padding-right: 20px;
    padding-top: 10px;
	font-size: 9pt;
}

#top_jmeno a {
    color: #ffffff;
    font-weight: bold;
    font-size: 9pt;
    text-decoration: none;
}

#top_jmeno a:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}

#top_jmeno .nobold a{
	color: #ffffff;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
}

#top_jmeno .nobold a:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

/* ***************************************************************** */
/* *** CONTENT LAYOUT *** */
#layout {
    /*width: 980px;*/
    width: auto;
    margin: 0 auto 0 auto;
    padding: 0px;
}

#menu {
    background: #e51c23 ;
    padding: 10px 10px;
    color: #ffffff;
}

#menu a {
    color: #ffffff;
    text-decoration: none;
    margin: 0px 10px;
}

#menu a:hover {
    color: black;
}

.navbar-light .navbar-nav a.nav-link:hover {
    color: #000 !important;
    background-color: #fff;
}

#dialog {
    font-family: var(--app-font-family, 'Inter', sans-serif);
    font-size: 9pt;
    overflow: auto;
    position: relative;
}

#content {
    position: relative;
    background: #ffffff ;
    min-height: 500px;
    padding: 10px;
    margin: 0px;
}

#table_top {
    font-size: 13px;
    font-weight: bold;
    width: 100%;
}

h2 {
    /*margin: 0px 0px 20px 0px;*/
}

#content .navigate {
    margin: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.blok_menu {
    margin: 15px 0px 20px;
}
.blok_menu a {
    margin-right: 10px;
}

.blok_akce {
    padding: 0px 0px 10px 10px;
}

.ikona_ano {
    background: url('../images/icons/status_ano.png') no-repeat right;
}
.ikona_ne {
    background: url('../images/icons/status_ne.png') no-repeat right;
}
.ikona_nejiste {
    background: url('../images/icons/status_nejiste.png') no-repeat right;
}


/* Tabulka */

table {
    border-collapse: collapse;
}

table.spisovka {
    width: 100%;
    border: 1px #e0e0e0 solid;
}
table.seznam {
    width: 100%;
    border: 0px;
}

table.seznam.arch {
	width: 99%;
	border: 0px;
}

table.spisovka th,
table.seznam th {
    padding: 5px 5px;
    color: black;
    text-align: left;  /* fix pro M$ IE */
    vertical-align: top !important;
}

table.spisovka th.popis {
    text-align: left;
    width: 50%;
}
table.spisovka th.provedl {
    text-align: left;
    width: 120px;
}

table.seznam th.arch {
	padding: 5px 5px;
	background-color: #d3d6de;
	color: black;
	text-align: left;  /* fix pro M$ IE */
	vertical-align: top;
	border: 1px solid black
}

table.spisovka td {
    padding: 5px 5px;
    /* Nelze toto specifikovat jednim radkem kvuli chybe v mPDF. */
    border-width: 1px;
    border-color: #e0e0e0;
    border-style: solid;
}



table.seznam td {
	padding: 5px 5px;
	vertical-align: top;
	border-bottom: 1px #e0e0e0 solid;
}

table.seznam tr:last-child td {
	border-bottom: none; /* Odstraní čáru pro poslední řádek */
}

table.seznam.noLines td {
	border-bottom: none;
}

table.seznam td.arch {
	padding: 5px 5px;
	vertical-align: top;
	border: 1px #383d41 solid;
}

table.sestava th {
    font-size: 8pt;
    padding: 5px 4px;
}

table tr.odd {
	background-color: #F6F8FF;
}

/* Polozky */
.prazdno {
    text-align: center;
    padding: 15px 30px;
}

.detail_blok {
    padding: 20px;
    border-top: 1px dotted #c0c0c0;
}

.detail_hlavicka {
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 10px;
}

dl {
    margin: 0px 0px !important;
}
dt {
    width: 200px;
    text-align: right;
    margin: 0px 20px 8px 0px;
    display: inline-block;
    vertical-align: top;
}
dd {
    /*font-weight: bold;*/
    display: inline-block;
    margin: 0px 0px 8px 0px;
    max-width: 600px;
}
dd label {
    /* Mělo by to být správně "initial", ale to nepodporuje Internet Explorer */
    font-weight: normal;
}
dd a {
    margin-right: 10px;
}

#dialog dt {
    width: 120px;
}
#form_novy_subjekt2 dt {
    width: 200px;
}

dt.dt_dialog {
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 20px;
}


.normal-font {
    font-weight: normal;
}

/* Nastaveni pro formulare zakladani/editace spisu se selectem se vsemi*/
.spis-select {
    width:387px;
}

/* Nastaveni pro formulare zakladani/editace slozky se selectem se vsemi*/
.folder-select {
    width:387px;
}

/* Nastaveni opravneni v administraci */
.resource {
    font-weight: bold;
    margin: 7px 0px 7px 40px;
}
.privilege {
    padding-bottom: 5px;
    border-bottom: 1px #c0c0c0 dashed;
    margin: 5px 0px 8px 200px;
}
.privilege-icon {
    width: 16px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}
.privilege-checkboxes {
    float: right;
}

.required dt label, label.required {
    color: #080808;
    font-weight: bold;
    text-decoration: underline;
}

dt label {
	margin-top: .7em;
}


/* chyba validace prvku ve formulari */
span.error {
    color: red;
}

/* ***************************************************************** */
/* *** DOKUMENTY *** */

/* Bohužel prvek #dokumenty se používá i pro seznam zpráv v e-podatelně, spisy,
   výpravnu a zápůjčky...
   Chtělo by to předělat a vytvořit styl přímo pro tabulku */

#dokumenty table a,
table.zapujcky a {
    color: #000088;
}
#dokumenty table a:hover,
table.zapujcky a:hover {
    color: #ff0000;
}

#dokumenty table th,
table.zapujcky th {
    /*font-size: 7pt;*/
}

#dokumenty .akce {
    width: 12px;
}
#dokumenty .typ {
    width: 45px;
}
#dokumenty .prijato {
    width: 120px;
    text-align: right;
}
#dokumenty .cislo_jednaci, #dokumenty .cislo_jednaci_rev,
table.zapujcky .cislo_jednaci {
    min-width: 160px;
    text-align: right;
}
#dokumenty .vec {
    /* Automaticky vypočítaná šířka */
}
#dokumenty .prideleno {
    width: 150px;
}
#dokumenty .stav {
    width: 100px;
    text-align: right;
}

#dokumenty .red {
    background-color: #ffd4d4;
}

#dokumenty .green {
    background-color: #9BE4BA;
}

#dokumenty .yellow {
    background-color: #ffffcc;
}

#dokumenty .stav_red {
    /*background: #ffd4d4 url('../images/icons/warning.png') no-repeat left center;*/
    background-color: #ffd4d4;
}

#dokumenty .stav_yellow {
    /*background: #ffffcc url('../images/icons/warning.png') no-repeat left center;*/
    background-color: #ffffcc;
}


#spisy table a {
    color: #000088;
}
#spisy table a:hover {
    color: #ff0000;
}

#spisy table th {
    /*font-size: 7pt;*/
}

#spisy .akce {
    width: 12px;
}
#spisy .typ {
    width: 45px;
}
#spisy .vytvoreno {
    width: 120px;
    text-align: right;
}
#spisy .spisznacka {
    width: 240px;
    text-align: right;
}
#spisy .vec {
    /* Automaticky vypočítaná šířka */
}
#spisy .znak {
    width: 150px;
}
#spisy .pocet {
    width: 50px;
}
#spisy .prideleno {
    width: 150px;
}
#spisy .predan {
    width: 150px;
}
#spisy .stav {
    width: 150px;
    text-align: right;
}
#spisy .red {
    background-color: #ffd4d4;
}
#spisy .green {
    background-color: #9BE4BA;
}

#spisy .yellow {
    background-color: #ffffcc;
}

#spisy .stav_red {
    /*background: #ffd4d4 url('../images/icons/warning.png') no-repeat left center;*/
    background-color: #ffd4d4;
}

#spisy .stav_yellow {
    /*background: #ffffcc url('../images/icons/warning.png') no-repeat left center;*/
    background-color: #ffffcc;
}


table.zapujcky .datum {
    width: 60px;
}
table.zapujcky .prideleno {
    width: 105px;
}
table.zapujcky .stav {
    width: 65px;
    text-align: right;
}

table.vypravna .datum {
    width: 60px;
}
table.vypravna .predal {
    width: 150px;
}
table.vypravna .druh-zasilky {
    width: 150px;
}

table.hledani-dokumentu .cislo-jednaci {
    min-width: 160px;
}
table.hledani-dokumentu .jid {
    min-width: 140px;
}

table .table-col-1 {
	width: 1em;
}

table .table-col-4 {
	width: 30em;
}

.width-60 {
    width: 60px !important;
}

.width-115 {
    width: 115px !important;
}


/* ***************************************************************** */
/* *** DOKUMENT DETAIL *** */

/* dokument_blok_subjekty jsou bez výplně pozadí - tedy pozadí bude bílé */

.dokument_blok_hlavni, .dokument_blok_sedy, .dokument_blok_subjekty {
    padding: 5px; margin-bottom: 10px;
}

.dokument_blok_hlavni {
    border: 1px #878ea5 solid;
    background: #d3d6de ;
}

.dokument_blok_sedy {
    background: #f0f0f0 !important;
}

.dokument_blok_sedy2 {
	background: #e0e0e0;
	padding: 5px 0;
}

.dokument_blok_hlavni .h2, .dokument_blok_sedy .h2, .dokument_blok_subjekty .h2 {
    margin: 0px; padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px #e0e0e0 solid;
}

.dokument_blok_hlavni .h2 {
    border-bottom: 1px #878ea5 solid;
}

.dokument_blok_hlavni .velke_pismo {
    text-decoration: underline;
    font-size: 12pt;
}

.dokument_blok_sedy p {
    padding: 5px 20px;
}

.dokument_blok_sedy p.nopadding {
    padding: 2px 0px;
}


.dokument_blok_sedy .indent-left {
    padding: 0px 20px 0px 20px;
    overflow: auto;
}

/* ***************************************************************** */

.dokument_blok_submit {
    border: 1px #e0e0e0 solid;
    border-radius: .2rem;
    padding: 15px;
    background: var(--gray-color);
}

.dokument_blok_menu {
    background: var(--gray-color);
	overflow: hidden;
    border-radius: .2rem;
}

.dokument_blok_menu a {
    color: white;
    text-decoration: none;
    margin: 2px 2px;
	float: left;
	text-align: center;
	padding: 5px 10px;
    border-radius: .2rem;
}

.dokument_blok_menu a:not(.text-muted):hover, .dokument_blok_menu.bg-header-custom a:not(.text-muted):hover {
    text-decoration: none;
	color: white;
}

.dokument_blok_menu a.text-muted:hover, .dokument_blok_menu.bg-header-custom a.text-muted:hover {
    text-decoration: none;
	background-color: transparent !important;
}

.dokument_blok_menu.bg-header-custom a {
	color: black;
}

.dokument_blok_menu.text-center{
	text-align: center;
}

.dokument_blok_menu.text-center a{
	float: none;
}

#bulk-action {
    padding: 10px 10px;
    margin: 0px; margin-bottom: 10px;
    background-color: #d3d6de;
    color: black;
    width: 100%;
}
a#bulk-select-all, a#bulk-select-none {
    color: #e51c23;
}

#dok_spojit a,
#dok-spis-nazev, #dok-spis-vyjmout {
    margin-right: 7px;
}

/* ***************************************************************** */
/* *** BOTTOM LAYOUT *** */
#layout_bottom {
    margin: 0px;
    padding: 0px;
}

#bottom {
    margin: 0 auto 0 auto;
    padding: 5px 5px 5px 5px;
    text-align: center;
    color: #000000;
}

#bottom a {
    color: #000000;
    text-decoration: underline;
}

#bottom a:hover {
    text-decoration: none;
}

#bottom span {
	margin: 0 10px;
}

/* ***************************************************************** */
/* *** FLASH LAYOUT *** */

#flash {
    /*width: 960px;*/
    margin: 0 auto 0 auto;
    padding: 10px;
    text-align: center;
    background: #ffffff ;
}

#info_flash {
    width: 960px;
    margin: 0 auto 0 auto;
    padding: 10px;
    text-align: center;
    background: #ffffff ;
}

.flash_message {
    margin-bottom: 5px;
    padding: 15px 50px;
    text-align: left;
    color: #666600;
    border: 1px #e51c23 solid;
    background: #f28d90 ;
}

.flash_info, .flash_info_ext {
    color: white;
    border: 1px #004d00 solid;
    background: #009900 url('../images/icons/dialog-information.png') 10px 5px no-repeat;
}

.flash_notice, .flash_notice_ext {
    color: white;
    border: 1px #3333cc solid;
    background: #6699ff url('../images/icons/dialog-warning.png') 10px 5px no-repeat;
}

/* Aplikace zcela nekonzistentně používá warning a error, že lepší pokaždé použít
   stejný vzhled */
.flash_warning, .flash_warning_ext, .flash_error, .flash_error_ext {
    color: white;
    border: 1px #e51c23 solid;
    background: #f28d90 url('../images/icons/dialog-warning.png') 10px 5px no-repeat;
}

#upozorneni_na_nove_zpravy {
    padding: 10px 20px;
    background-color: darkgray;
}

.flash_infozprava_item {
    margin-bottom: 5px;
    padding: 15px 5px 5px 50px;
    text-align: left;
    border-bottom: 1px #c0c0c0 solid;
    background: #ffffff url('../images/icons/subjekt_ao.png') 10px 5px no-repeat;
}

#flash_version {

    /*width: 960px;*/
    margin: 0 auto 0 auto;
    padding: 15px 5px 15px 50px;
    text-align: left;
    color: #880000;
    border: 1px #681203 solid;
    background: #ffcccc url('../images/icons/dialog-error.png') 10px 10px no-repeat;
}

.flash_action {
    text-align: right;
    margin: 0px;
    padding: 4px;
}

#error {
    color: #880000;
}

#error p {
    margin: 20px;
}

#no_access {
    padding: 10px 30px;
}

#no_access p {
    margin: 0px;
}


/* ***************************************************************** */
/* *** LOGIN *** */

#form_login {
    /*text-align: center;*/
    margin-top: 30px;
}

#form_login form {
    /*border: 1px solid;*/
    /*text-align: left;*/
    /*!*width: 400px;*!*/
    /*margin: 0 auto 0 auto;*/
    /*padding: 10px;*/
    /*background: #f0f0f0 ;*/
}

#form_login label {
    /*text-align: right;*/
    /*display: inline-block;*/
    /*!*width: 150px;*!*/
    /*padding-right: 10px;*/
    /*padding-bottom: 10px;*/
}

#form_user_registration form {
    border: 1px solid;
    text-align: left;
    width: 600px;
    margin: 0 auto 0 auto;
    padding: 10px;
    background: #f0f0f0 ;
}

/* ***************************************************************** */
/* *** SEZNAM *** */
/* table.seznam je pouzit i pro seznam dokumentu */

table.seznam td.icon {
    text-align: center;
    width: 38px;
}

/* použito pouze pro seznam sestav */
td.seznam-sestav-pruh-ikon {
    text-align: left;
    width: 140px;
}

td.seznam-sestav-pruh-ikon a {
    border: 0px;
    text-decoration: none;
}

table.seznam td{
	vertical-align: middle;
}

table.seznam td.meta div.info {
    font-size: 8pt;
}

table.seznam td.meta span {
    color: #808080;
}

table.seznam td.meta div.popis {
    padding: 2px 5px;
    word-break: break-all;
}

table.seznam td.meta .vyber {
    font-size: 8pt;
    padding-top: 10px;
}

table.seznam td.meta_plus {
    text-align: left;
    /*width: 50%;*/
}

table.seznam td.meta_plus div.info {
    font-size: 8pt;
}

table.seznam td.meta_plus span {
    color: #808080;
}

table.seznam td.meta_plus div.popis {
    padding: 2px 5px;
}

table.seznam td.meta_plus dl {
    clear: both;
    margin: 0px; padding: 0px;
}

table.seznam td.meta_plus dt {
    float: left;
    width: 50px;
    text-align: right;
    color: #808080;
    margin: 0px; padding: 0px;
    margin-right: 5px;
}

table.seznam td.meta_plus dd {
    margin: 0px; padding: 0px;
    margin-left: 45px;
    font-weight: normal;
}

table.seznam td.user {
    border: 0px;
    border-bottom: 1px #e0e0e0 solid;
    text-align: right;
    width: 120px;
}


table.odeslat-subjekty td {
    border-width: 0px;
}

table.odeslat-subjekty td.odeslat-subjekty-separator {
    border-bottom-width: 1px;
    padding: 0px;
}

.dialog-spinner {
    width: 100%;
    height: 100%;
}
#ajax-spinner {
	position: fixed;
	z-index: 99;
    left:0;
    top:0;
    width: 100vw;
    height: 100vh;
}

#fade {
	display: none;
	position:absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #ababab;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .70;
	filter: alpha(opacity=80);
}
/* #ajax-spinner-hor {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('../images/spinner_horizontal.gif') no-repeat 50% 50%;
    padding: 13px 70px;
    border: 2px solid #CCC;
    font-size: 0;
    z-index: 119;
} */


/* ******************************************************************* */
/* *** FILTR CONTROL *** */
#filtr {
    /*float: left;*/
    /*margin-bottom: 15px;*/
    /*text-align: left;*/
}
#filtr select[name=filtr],
#seradit select[name=seradit],
#search input[type=text],
select.blue {
    border: 1px solid black;
    color: black;
}

/* ******************************************************************* */
/* *** SERADIT CONTROL *** */
#seradit {
    /*margin: 20px 0px;*/
    /*text-align: left;*/
}

/* ******************************************************************* */
/* *** SEARCH CONTROL *** */
#search {
    /*float: right;*/
    /*margin-bottom: 15px;*/
    /*text-align: right;*/
}
#search form {
    /*margin: 0px 0px 5px 0px;*/
}
#search input[type=submit] {
    /*background: #e51c23;*/
    /*border: 1px solid #e51c23;*/
    /*color: white;*/
    /*font-weight: bold;*/
}
#search_advanced {
    margin: 5px 0px;
    margin: 0px;
}

#tisk {
    position: absolute;
    top: 10px;
    right: 0px;
}

#tisk a {
    text-decoration: none;
    margin: 0px;
    padding: 0px 5px;
}

/* ******************************************************************* */
/* *** PAGINATOR *** */

.paginator {
    margin: 20px 0px;
    text-align: center;
    /*font-size: 90%;*/
}
.paginator_info {
    margin-bottom: 10px;
    color: #b2a6a6;
}
.paginator a,
.paginator span {
    margin-right: 2px;
    padding: 2px 5px;
    color: black;
}
.paginator a {
    border: 1px solid #b2a6a6;
    text-decoration: none;
    color: black;
}
.paginator span.button {
    border: 1px solid #DDDDDD;
}
.paginator .current {
    background: #e51c23;
    border: 1px solid #b2a6a6;
    color: white; font-weight: bold;
}


/* ***************************************************************** */
/* *** Ruzne *** */

#frm-odeslaniForm input[name=poznamka],
tr.odes_form input.poznamka {

    width: 500px;
}

div.icon_spis, div.icon_slozka {
    background: url('../images/icons/spisy.png') no-repeat right;
    width: 16px;
    height: 16px;
    display: inline-block;
}
div.icon_slozka {
    background-image: url('../images/icons/folder_yellow.png');
}
.jstree-default .icon-folder {
    background-image: url('../images/icons/folder_yellow.png');
    background-position: center;
}
.jstree-default .icon-spis {
    background-image: url('../images/icons/spisy.png');
    background-position: center;
}

/* Uprava jQuery tematu */
.ui-widget-content {
    border-width: 2px;
    z-index: 1100;
}

.spis_znak_neaktivni, .spis_znak_neaktivni a {
    color: #c0c0c0;
}

/************************* ISDS *******************************/
.box-isds-status {
	margin: 5px 0;
	color: slategray;
}


/************************* helpers *******************************/
.cancel-link {
	float:right;
}

.cancel-link a {
	color: red;
}


.infotext-center {
	text-align: center;
	padding: 10px;
	color: red;
}


/************************** suggest ******************************/
.suggest {
    position: absolute;
	z-index: 10000;
    top: 70px;
    left: 0;
    right: 10px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease,visibility 0ms linear 300ms;
    transition: opacity 300ms ease,visibility 0ms linear 300ms;
}
.suggest li {
    padding-left: 25px;
}
.suggest li:before {
    left: 0;
}
.suggest__pages a {
    text-decoration: none;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    -webkit-text-decoration: underline solid transparent;
    text-decoration: underline solid transparent;
    -webkit-transition: -webkit-text-decoration-color 300ms ease;
    transition: -webkit-text-decoration-color 300ms ease;
    transition: text-decoration-color 300ms ease;
    transition: text-decoration-color 300ms ease, -webkit-text-decoration-color 300ms ease;
}
.suggest__pages a:hover,
.suggest__pages a:focus {
    text-decoration: underline;
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor;
}
.suggest__in-box {
    background: #fff;
}
.suggest__heading {
    margin: 0 0 10px;
    font: 600 0.93333333rem/1.78571429 'Avenir Next','Open Sans','Helvetica Neue',Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
.suggest__messages {
    padding: 40px 30px;
}
.suggest__messages--no-results {
    padding: 0;
}
.suggest__pages {
    display: block;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f8f8f8;
}
.suggest__buttons {
    display: none;
}
.suggest.js-suggest__suggest--shown {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
}
.suggest.js-suggest__suggest--empty {
    opacity: 0;
    visibility: hidden;
}

.message {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.66666667em 1em;
    background: #4a90e2;
    color: #fff;
    font-weight: 600;
}

.u-mb-0 {
    margin-bottom: 0!important;
}



/* login form */
.login-popup-heading>h4 {
    color: #e51c23;
    font-size: 18px;
    line-height: 30px;
}
.new_reg_popup, .new_login_popup {
    border-radius: 2px;
    min-height: 332px;
    width: 500px;
    margin: 0px auto;
}
.login-popup-btn {
    background: #e51c23;
    border: none;
    /*border-radius: 25px;*/
    color: #fff;
    display: block;
    font-size: 18px;
    height: 38px;
    line-height: 28px;
    margin: 20px auto 5px;
    width: 150px;
    /*-webkit-transition: all 700ms ease;*/
    /*-moz-transition: all 700ms ease;*/
    /*-ms-transition: all 700ms ease;*/
    /*-o-transition: all 700ms ease;*/
}

.col-form-label {
    font-weight: bold;
}

.badge-xl {
    font-size: 125%
}

.text-center {
	text-align: center;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.m2 {margin: 2px;}
.m3 {margin: 3px;}
.m4 {margin: 4px;}
.m5 {margin: 5px;}

.mt5 {margin-top: 5px;}

/********************************* grid *******************************/
.parent {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }

.block-hide {
    display: none;
}

.text-red, a.text-red {
	color: red !important;
}

.text-big {
	font-size: 1.5em;
	font-weight: bold;
}

.hide-box {
	display: none;
}

.text-red {
	color: red;
}

.text-grey {
    color: darkgrey;
}

.jstree-default .jstree-search {
	background-color: yellow;
}

.top-top-menu .list-group-item.active {
    z-index: 2;
    color: #fff;
    border-color: #b73d49;
    font-weight: bold;
    border-radius: 0px;
}

.top-top-menu .list-group-item {
    z-index: 2;
    font-weight: bold;
    border-radius: 0px;
}

.top-top-menu.list-group-horizontal .list-group-item:last-child {
    border-radius:0;
}


.page-link:hover {
    z-index: 2;
    color: #b73d49;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
}

.bg-secondary-custom {
	background-color: #E1E5EA!important;
}

.bg-warning-custom {
	background-color: #FAF0D7!important;
}

.text-left {
	text-align: left;
}

.upload-dropzone.dropzone{
    min-height: initial !important;
}

.upload-dropzone.dropzone.dz-drag-hover{
    border:none !important;
}

.upload-dropzone.dropzone .dz-message {
    margin: initial !important;
	font-weight: bold;
	padding: 2em;
    border-radius:5px;
}

/** pro nahravani priloh - nechceme schovat drag and drop box po nahrati */
.upload-dropzone.dropzone.dz-started .dz-message {
    display: block !important;
}

.alert-error_ext {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

#vice_vysledku_detail {
    background-color: #ffffff;
}

.odchozi-blok {
    position: relative;
    width: 50%;
    float: left;
    vertical-align: top;
}

.max-width-400 {
    max-width: 400px;
}

.max-width-1280 {
    max-width: 1280px;
}

.filterTransactionLogs {
   margin-top: 2.3rem;
}

.icon-size-32  {
  font-size: 32px;
}

.page-jump-to {
	margin-left: 5px;
}

/************************** nahledy a vodoznak **************************/

.carousel-control-prev .carousel-control-prev-icon,
.carousel-control-next .carousel-control-next-icon {
    outline: black;
    background-color: rgba(0, 0, 0, 0.3);
}

.carousel-control-prev .fa-chevron-left,
.carousel-control-next .fa-chevron-right {
    color: black;
}

.carousel-caption {
    color: black;
}

.carousel-control-prev, .carousel-control-next {
    z-index: 9999;
}

.watermark {
}
.watermark::after {
    content: "";
    background-image: url("../../client/files/watermark.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 555;
}

.table-word-wrap {
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}

.text-wrap-break-subject {
    white-space: normal;
    word-wrap: break-word;
    max-width: 200px;
}

.text-wrap-break-600 {
    white-space: normal;
    word-wrap: break-word;
    max-width: 600px;
}

input[type="radio"] {
    margin-right: 5px;
}

th {
    background-color: #e0e0e0;
}
.bootstrap-table .fixed-table-container .table thead th .both {
    background-image: url("data:image/svg+xml; charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='%23000000' opacity='0.56'%3E%3Cpolygon points='50,10 70,45 30,45'/%3E%3Cpolygon points='30,55 70,55 50,90' /%3E%3C/svg%3E");
    background-size: 1.1875rem, 1.1875rem;
}

.bootstrap-table .fixed-table-container .table thead th .asc {
    background-image: url("data:image/svg+xml; charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000' opacity='0.69'%3E%3Cpolygon points='50,10 70,45 30,45'/%3E%3C/svg%3E");
    background-size: 1.1875rem, 1.1875rem;
}

.bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: url("data:image/svg+xml; charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000' opacity='0.69'%3E%3Cpolygon points='30,55 70,55 50,90' /%3E%3C/svg%3E");
    background-size: 1.1875rem, 1.1875rem;
} /* IE10 & 11 want URL encoded open and close characters */

.date-with-time {
    width: 140px;
}

.strikedText{
	text-decoration: line-through;
}

.collapse-link{
    display:block;
}

.collapse-link.collapsed:before {
    font: var(--fa-font-solid);
    content: '\f078';
    float: right;
    transition: all 0.5s;
    padding-top: 3px;
}

.collapse-link:before {
    font: var(--fa-font-solid);
    content: '\f077';
    float: right;
    transition: all 0.5s;
    padding-top: 3px;
}

.btn-action-small{
    font-size: 8pt;
}

.form-check label{
	margin-top: 2px;
}

.form-check-field label{
	margin-bottom: 0px;
}

form.compactForm h4{
	margin-bottom: 10px;
	font-size: 20px;
}
form.compactForm h5{
	font-size: 18px;
}
form.compactForm h4 span{
	font-size: 0.9em;
	font-weight: normal;
}
form.compactForm input:not([type='submit']),
form.compactForm select{
	margin-bottom: 8px;
}
form.compactForm span.formButtons{
	display: inline-block;
	//padding: 15px;
}
form.compactForm input[type='submit']{
	margin-left: 25px;
}
form.compactForm input[type='checkbox']{
	margin-bottom: 0px;
}
form.compactForm .col-form-label{
	font-weight: 500;
}


.tool-tip-epodatelna[title-new]:hover:after {
    content: attr(title-new);
    position: absolute;
    border: #c0c0c0 1px dotted;
    padding: 10px 10px 20px 10px;
    margin-bottom: 30px;
    display: block;
    z-index: 1000;
    background-color: #cccccc;
   /* background-color: #000000;
    color: #ffffff;*/
    min-width: 800px;
    max-width: 1000px;
    height: auto;
    text-decoration: none;
    text-align:left;
}

@media (min-width: 400px) {
    .tool-tip-epodatelna[title-new]:hover:after {
        min-width: 100px;
        max-width: 150px;
    }
}

@media (min-width: 800px) {
    .tool-tip-epodatelna[title-new]:hover:after {
        min-width: 100px;
        max-width: 200px;
    }
}

@media (min-width: 1400px) {
    .tool-tip-epodatelna[title-new]:hover:after {
        min-width: 300px;
        max-width: 400px;
    }
}

@media (min-width: 1900px) {
    .tool-tip-epodatelna[title-new]:hover:after {
        min-width: 800px;
        max-width: 1000px;
    }
}





form.compactForm label.compact{
	margin-bottom: 0px;
}
form.compactForm label.compact label{
	font-weight: 500;
	margin-bottom: 3px;
}
form.compactForm .infoHelp{
	font-size: 30px;
	position: relative;
	top: 33px;
}
mark.highlight{
	color: inherit;
	background-color: #ffff00;
	padding: 0;
}

/* expandable subject rows */
table.seznam .repeatSubjectHead th,
table.seznam .subjectContactsRow table.table th{
	background: #7C7C7C;
	color: white;
}
table.seznam .repeatSubjectHead{
	border-bottom: none;
}

table.seznam .repeatSubjectHeader{
	padding:0;
	height: 1px;
}
table.seznam .repeatSubjectFoot{
	padding:0;
	height: 10px;
}
table.seznam .repeatSubjectHeader td,
table.seznam .repeatSubjectFoot td{
	padding:0;
}

tr.resultsRow,
tr.resultsRow td,
tr.expandable,
tr.expandable td{
	cursor: pointer;
}

.resultsRow.expanded td,
.resultsDetailRow{
	background: #f2f2f2!important;
}
.resultsRow{
	border: none;
}

.resultsRow.expanded td,
.subjectContactsRow td{
	background: #F8F8F8!important;
}
.subjectContactsRow {
	border-top: none;
}
.subjectContactsRow table tbody tr:nth-child(2n) td {
	background: #DFDFDF!important;
}
table.seznam .subjectContactsRow.epodatelna td{
	background: #B7D0E8;
	border-bottom: none;
}
table.seznam .subjectContactsRow.epodatelna:nth-child(2n) td{
	background: #D9E9F9;
}
table.seznam .subjectContactsRow.epodatelna td.firstContactCol{
	background: transparent;
}
table.seznam .subjectContactsRow table thead th{
	padding: 5px !important;
}
table.seznam .subjectContactsRow table td{
	padding: 5px;
}

td.expand{
    padding-left: 10px !important;
}

.resultsRow .expandSubject,
.resultsRow .colapseSubject,
.contactLastVersion .expandContact,
.contactLastVersion .colapseContact{
	color: #000;
}
.resultsRow .expandSubject:hover,
.resultsRow .colapseSubject:hover{
	color: #0056b3;
}
.resultsRow .expandContact,
.contactLastVersion .expandContact{
	display: inline-block;
}
.resultsRow .colapseContact,
.contactLastVersion .colapseContact{
	display: none;
}
.resultsRow.expanded .expandContact,
.contactLastVersion.expanded .expandContact{
	display: none;
}
.resultsRow.expanded .colapseContact,
.contactLastVersion.expanded .colapseContact{
	display: inline-block;
}

tr.subjectContactsRow.epodatelna:not(.last){
	border-bottom:none;
}

.changedValue{
	background: #ffc107;
}

tr.contactVersion{
	background: #f2f2f2;
}
.buttonLoading{
	margin-right: 5px;
}

.inline-buttons .form-group {
    display:inline-block;
}

/* epodatelna -> detail -> přílohy */

.attachment-line {
    cursor: pointer;
}
.blok_attachments{
    padding-top: 0px !important;
}

.blok_attachments_detail {
    background: #f0f0f0;
    float: left;
    display: none;
}

.valid-row {
    display: none;
    margin: 0px 20px;
}

.title-color-tr {
    background-color: #777;
    color: #fff;
}
.title-color {
    background-color: #777;
    color: #fff;
    padding: 8px 0px;
    text-align: center;
    display: none;
}

.msg-info {
    width: 100%;
    margin: 20px;
    float: left;
    text-align: center;
}

.msg-info div {
    padding: 8px 0px;
}

.valid-type {
    width: 100%;
    margin: 20px;
    border: solid 1px black;
    border-left: none;
    float: left;
}

.valid-label {
    width: 3px;
    height: 100%;
    float: left;
    background: red;
}

.valid-msg {
    padding: 10px;
    width: calc(100% - 3px);
    float: left;
}

.valid-buttons {
    padding: 10px;
    width: calc(100% - 3px);
    float: left;
}

.ruianResults .alert,
.ruianResultsCompany .alert,
.ruianResultsKontakt .alert{
	display: block;
}

.subject-hr-lignt{
    width: 100%;
    height: 5px;
    border:none;
    background-color: #f8f9fa;
}
.subject-hr-primary{
    width: 100%;
    height: 5px;
    border:none;
    background-color: #007bff;
}

.datagrid{
    padding: 0 !important;
}

body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{
    margin-top: auto;
}

body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{
    margin-top: auto;
}

.message-detail-title{
    margin-left: 1px;
    background: #f5f5f5;
    border: none;
}
.message-detail-title .nav-item .active{
    border-top: none;
    border-right: none;
    border-bottom: none;
}

.message-detail-title .nav-item .active.incomplete-message-title{
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 3px solid #fff;
}

.no-top-border{
    border-top: 0px;
    margin-top: -1px;
}

.show-scrollbar{
    overflow-y: scroll;
}
.show-scrollbar::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.show-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.show-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.show-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.table-hover tr.contact-line:hover td{
    background: #aaa9a9 !important;
    cursor: pointer;
}

/* Autocomplete scrollable results */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.grid-cog{
    padding: 3px 0px;
}

.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-left > .chevron .fa {
    font-size: 13px !important;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: initial !important;
}

.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-left > .chevron:hover {
    text-decoration: none;
}

/* PRO VYBRANE DATAGRIDY - filtr pro rozmezi datumu "pod sebou" */
.datagrid-batchesGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-dokumentyBezSpisuVeSkartacnimNavrhuGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-dokumentyGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-incomingMessagesGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-komunikaceGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-navrhyGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-newMessagesGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-odeslaneDatoveGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-odeslaneEmailyGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-odeslaneGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-restLogGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-soapGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-spisyGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-spisyVeSkartacnimNavrhuGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-stahovaniDavekZpravGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-subjectsGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-typoveSpisyGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-typoveSpisyVDilechGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-tPGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-pocetDokumentuZpracovatelGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-pocetSpisuZpracovatelGrid .datagrid-col-filter-date-range > .input-group,
.datagrid-gridZnepristupneni .datagrid-col-filter-date-range > .input-group,
.datagrid-gridZniceni .datagrid-col-filter-date-range > .input-group

{
    width: 100% !important;
}

.datagrid-batchesGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-dokumentyBezSpisuVeSkartacnimNavrhuGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-dokumentyGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-incomingMessagesGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-komunikaceGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-navrhyGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-newMessagesGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-odeslaneDatoveGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-odeslaneEmailyGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-odeslaneGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-restLogGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-soapGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-spisyGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-spisyVeSkartacnimNavrhuGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-stahovaniDavekZpravGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-subjectsGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-tPGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-typoveSpisyGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-typoveSpisyVDilechGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-pocetDokumentuZpracovatelGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-pocetSpisuZpracovatelGrid .datagrid-col-filter-datte-range-delimiter,
.datagrid-gridZnepristupneni .datagrid-col-filter-datte-range-delimiter,
.datagrid-gridZniceni .datagrid-col-filter-datte-range-delimiter
{
    display: none;
}

.datagrid-current-page{
    width: 70px !important;
}

.sticky-top {
    z-index: 50 !important;
}

.sticky-detail {
    background-color: #fff;
    top: 35px;
}

.form-control.is-valid, .was-validated .form-control:valid {
    background-position: right calc(1em + .1875rem) center;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    background-position: right calc(1em + .1875rem) center;
}

.datagrid.datagrid-subjectsGrid table tbody tr {
    cursor:pointer;
}

li.ui-autocomplete-category{
    font-weight: 600;
    padding:.2em .4em;
}

li.ui-menu-item{
    list-style-image: none !important;
}

.ui-menu-item-wrapper{
    padding: .2rem 1rem !important;
}

.ui-menu-item-wrapper.ui-state-active{
    font-weight: initial !important;
    border:none;
    background: none;
    margin: initial !important;
}

.ui-widget {
    font-family: var(--app-font-family, 'Inter', sans-serif) !important;
    font-size: 13px !important;
}

pre{
    text-wrap: wrap !important;
}

.toast-container {
    position: fixed;
    top: 3rem;
    right: 1rem;
    z-index: 1050;
}

.toast {
    max-width: 600px !important;
    border: 1px solid rgba(0, 0, 0, .7);
    background-color: rgba(255, 255, 255, 1) !important;
    margin-bottom: 0.5rem;
}

.toast-rect{
    width:20px;
    height:20px;
}

.toast-rect-success{
    background-color: var(--success);
}

.toast-rect-warning{
    background-color: var(--warning);
}

.toast-rect-danger{
    background-color: var(--danger);
}

.toast-rect-info{
    background-color: var(--info);
}

.novy-left-border {
    border-left: solid 3px #62a94d;
    border-bottom: solid 2px rgba(0, 0, 0, .125);
}

.novy-bg-color {
    background-color: #22d66657;
    padding: 3px;
    border-radius: 3px;
}

.novy-tab-border .active {
    border-left: solid 3px #62a94d!important;
}

.novy-grid {
    color: #62a94d;
}

.nova-nekompletni-left-border {
    border-left: solid 3px #ff8307;
    border-bottom: solid 3px #ff8307;
}

.nova-nekompletni-bg-color {
    background-color: #ff83077a;
    padding: 3px;
    border-radius: 3px;
}

.nova-nekompletni-tab-border .active {
    border-left: solid 3px #ff8307!important;
}

.nova-nekompletni-grid {
    color: #ff8307;
}

.vyrizuje-left-border {
    border-left: solid 3px #0092ff;
    border-bottom: solid 2px rgba(0, 0, 0, .125);
}

.vyrizuje-bg-color {
    background-color: #007bff3a;
    padding: 3px;
    border-radius: 3px;
}

.vyrizuje-tab-border .active {
    border-left: solid 3px #0092ff!important;
}

.vyrizuje-grid {
    color:#0092ff;
}

.vyrizen-left-border {
    border-left: solid 3px #884dff;
    border-bottom: solid 2px rgba(0, 0, 0, .125);
}

.vyrizen-bg-color {
    background-color: #884dff7a;
    padding: 3px;
    border-radius: 3px;
}

.vyrizen-tab-border .active {
    border-left: solid 3px #884dff!important;
}

.vyrizen-grid {
    color: #884dff;
}

.nevyrizen-left-border {
    border-left: solid 3px #0092ff;
    border-bottom: solid 2px rgba(0, 0, 0, .125);
}

.nevyrizen-bg-color {
    background-color: #007bff3a;
    padding: 3px;
    border-radius: 3px;
}

.nevyrizen-tab-border .active {
    border-left: solid 3px #0092ff!important;
}

.nevyrizen-grid {
    color: #0092ff;
}

.predan-left-border {
    border-left: solid 3px #b77600;
    border-bottom: solid 2px rgba(0, 0, 0, .125);
}

.predan-bg-color {
    background-color: #b776002e;
    padding: 3px;
    border-radius: 3px;
}

.predan-tab-border .active {
    border-left: solid 3px #b77600!important;
}

.predan-grid {
    color: #b77600;
}

.storno-left-border {
    border-left: solid 3px #000;
    border-bottom: solid 2px rgba(0, 0, 0, .125);
}

.storno-bg-color {
    background-color: #0000001a;
    padding: 3px;
    border-radius: 3px;
}

.storno-tab-border .active {
    border-left: solid 3px #000!important;
}

.storno-grid {
    color: #000;
}

.zamitnuta-left-border {
    border-left: solid 3px #dc3545 ;
    border-bottom: solid 3px #dc3545 ;
}

.zamitnuta-bg-color {
    background-color: #ff768366;
    padding: 3px;
    border-radius: 3px;
}

.zamitnuta-tab-border .active {
    border-left: solid 3px #dc3545 !important;
}

.zamitnuta-grid {
    color: #dc3545 ;
}

.alert-odmitnuta {
    color: #000;
    background-color: #ff768366;
    border-color: #ff768366;
}

.subjekt-left-border {
    border-left: solid 3px #dc3545 ;
    border-bottom: solid 3px rgba(0, 0, 0, 0.125);
}
/* ***************************************************************** */

.custom-modal-80p {
	max-width: 80%;
}

table.seznam-bordered tbody tr,
table.seznam-bordered tbody th,
table.seznam-bordered tbody td {
    border: 1px solid #dee2e6 !important;
}

table.seznam-bordered thead tr,
table.seznam-bordered thead td {
    border: none;
}

#frm-nastaveniSpisForm small {
    display: block;
}

#frm-nastaveniSpisForm input {
    margin-right: 5px;
}

#frm-nastaveniSpisForm dt {
    vertical-align: top;
}

#frm-nastaveniSpisForm label {
    padding-top: 0;
    margin-top: 0;
}

#frm-nastaveniSpisForm dl {
    vertical-align: top;
}

.min-width-300 {
    min-width: 300px;
}

.min-width-600 {
    min-width: 600px;
}

.min-width-1400-important {
	min-width: 1400px !important;
}

.col-datumOdeslani, .col-dateCreated, .col-datumVyrizeni, .col-datumUzavreni, .col-datumZniceni, .col-dateClosed, .col-spisovyZnak, .col-datumPredaniDoSpisovny, .col-datum_zniceni {
	min-width: 160px !important;
	max-width: 160px !important;
}

th.col-datumOdeslani, th.datagrid-fit-content.text-left.col-datumPredaniDoSpisovny, th.datagrid-fit-content.text-left.col-datumVyrizeni, th.datagrid-fit-content.text-left.col-datumUzavreni,
th.datagrid-fit-content.text-left.col-dateCreated, th.datagrid-fit-content.text-left.col-dateClosed, th.datagrid-fit-content.text-left.col-datumZniceni, th.datagrid-fit-content.text-left.col-datum_zniceni,
th.datagrid-fit-content.text-left.col-jid, th.text-left.col-spisovyZnak, th.text-left.col-stav {
	width: 160px !important;
}

.typovy-spis-odkaz-side {
 cursor: pointer;
	color: #007bff;
	text-decoration: none;
}

table.table-striped tbody tr.grid-row-po-lhute:nth-child(odd) td {
	background-color: #ffd4d4 !important;
}
table.table-striped tbody tr.grid-row-po-lhute:nth-child(even) td {
	background-color: #ffe1e1 !important;
}
table.table-striped tbody tr.grid-row-blizi-se-lhuta:nth-child(odd) td {
	background-color: #ffffcc !important;
}
table.table-striped tbody tr.grid-row-blizi-se-lhuta:nth-child(even) td {
	background-color: #ffffda !important;
}

table.table-striped tbody tr.grid-row-po-lhute:hover td {
	background-color: #ffbdbd !important;
}
table.table-striped tbody tr.grid-row-blizi-se-lhuta:hover td {
	background-color: #fff2a8 !important;
}