body {
    background: #f0f0f0 ;
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

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;
}

/* overridden default contributte/datagrid styles */
.datagrid {
    padding: 0 !important;
}

/* ***************************************************************** */
/* *** TOP LAYOUT *** */
#top {
    padding: 0px;
    /*height: 120px;*/
    position: relative;
    background: #C7C7C7 ;
    border-bottom: #3E94D1 3px solid;
}

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

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

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

#top_menu {
    color: #03406A;
    text-align: right;
    padding-right: 20px;
    position: absolute;
    font-size: 15px;
    top: 20px;
    right: 0px;
}

#top_menu a {
    color: #AB0000;
    font-weight: bold;
    text-decoration: none;
    margin-left: 6px;
}

#top_menu a.current,
#menu a.current {
    color: black;
}

#top_menu a:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

#top_jmeno {
    color: #0E4D6E;
    text-align: right;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 14px;
}

#top_jmeno a {
    color: #0E4D6E;
    font-weight: bold;
    text-decoration: none;
}

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

#logo {
    width: 140px;
    margin: 24px 0 0 17px;
}
/* ***************************************************************** */
/* *** CONTENT LAYOUT *** */
#layout {
    padding: 0px;
}

#layout a {
    color: #002c9f;
}

#menu {
    background: #8C8C8C ;
    padding: 10px 10px;
    color: #DDDDDD;
    font-weight: bold;
    font-size: 14px;
}

#menu a {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    margin: 0px 10px;
}
#menu a:hover {
    color: #0e4d6e;
    text-decoration: underline;
}

#dialog {
    font-family: 'Open sans', Arial, Helvetica, 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: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #c0c0c0;
    height: 30px;
}

.blok_menu {
    margin: 15px 0px 20px;
}
.blok_menu a {
    margin-right: 10pt;
    color: #002c9f;
    font-weight: bold;
}

.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.spisovka th,
table.seznam th {
    padding: 5px 5px;
    background-color: #8C8C8C;
    color: #ffffff;
    text-align: left;  /* fix pro M$ IE */
    vertical-align: top;
    font-weight: normal;
}

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.sestava th {
    font-size: 8pt;
    padding: 5px 4px;
}

/* Polozky */
.prazdno {
    text-align: center;
    padding: 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;
}
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: 680px;
}
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 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;
}

/* 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: 8pt;
}

#dokumenty .akce {
    width: 12px;
}
#dokumenty .typ {
    width: 45px;
}
#dokumenty .prijato {
    width: 70px;
    text-align: right;
}
#dokumenty .cislo_jednaci,
table.zapujcky .cislo_jednaci {
    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: #fde6e6;
}

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

#dokumenty .stav_red {
    background: url('../images/icons/warning.png') no-repeat left center;    
    background-size: 35px;
}

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

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;
}

/* ***************************************************************** */
/* *** 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 #e0e0e0 solid;
    background: #c7c7c7 ;
}

.dokument_blok_sedy {
    background: #f0f0f0 ;
}

.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 #03406A solid;
}

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

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

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

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

.dokument_blok_submit {
    border: 1px #e0e0e0 solid;
    padding: 15px; margin-bottom: 0px;
    background: #c7c7c7 ;
}

.dokument_blok_menu {
    padding: 10px 10px;
    margin: 0px; margin-bottom: 10px;
    background: #f0f0f0 ;
}

.dokument_blok_menu a {
    color: #000088;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin: 0px 10px;
}

.dokument_blok_menu a:hover {
    color: #ff0000;
    text-decoration: underline;
}

#bulk-action {
    padding: 10px 10px;
    margin: 0px; margin-bottom: 10px;
    background-color: #8C8C8C;
    color: #ffffff;
}
a#bulk-select-all, a#bulk-select-none {
    color: #F0F0F0;
}

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

/* ***************************************************************** */
/* *** BOTTOM LAYOUT *** */
#bottom {
    padding: 5px 5px 5px 5px;
    text-align: right;
    color: #03406A;
    font-size: 8pt;
    background: #C7C7C7 ;
}

#bottom a {
    color: #03406A;
    text-decoration: none;
}

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

/* ***************************************************************** */
/* *** 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 #666600 solid;
    background: #ffffcc ;
}

.flash_info {
    color: #666600;
    border: 1px #666600 solid;
    background: #ffffcc url('../images/icons/dialog-information.png') 10px 5px no-repeat;
}

.flash_notice {
    color: #666600;
    border: 1px #666600 solid;
    background: #ffffcc 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_error {
    color: #681203;
    border: 1px #681203 solid;
    background: #ffcccc url('../images/icons/dialog-warning.png') 10px 5px no-repeat;
}

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

.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;
}

#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.meta a {
    font-weight: bold;
}

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;
}

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

table.seznam td.meta .vyber a {
    font-size: 8pt;
    color: #000088;
    margin-right: 5px;
}

table.seznam td.meta .vyber a:hover {
    font-size: 8pt;
    color: #ff0000;
}

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: 40px;
    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;
}


#ajax-spinner,
.dialog-spinner {
    left: 50%;
    top: 50%;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    font-size: 0;
    border: 0px;
}
.dialog-spinner {
    width: 100%;
    height: 100%;
}
#ajax-spinner {
    position:fixed;
    z-index: 120;
    margin: -15px 0 0 -15px;
    padding: 13px;
    border: 2px solid #CCC;
}

/* #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 #03406A;
    color: #03406A;
}

#search label[for=frmsearchForm-dotaz],
#search label[for=frmsearch-query],
#search label[for=frmsearch-from],
#search label[for=frmsearch-to] {
    font-size: 14px;
    font-weight: 600;
}

#search input[name=dotaz],     
#search input[name=query],     
#search input[name=from],     
#search input[name=to] {      
    border: 1px solid #767676;
    height: 30px;
    width: 250px;    
    box-sizing: border-box;
}
#search input[name=from],     
#search input[name=to] {      
    width: 150px;    
}

#search input[type=submit][name=hledat],
#search input[type=submit][name=button],
#search input[type=submit][name=search],
.detail_blok input[type=submit] {
    border: none;
    height: 30px;
    width: auto;      
    background: #4BB576;
    color: white;
    font-weight: bold;
}


.detail_blok input[name=storno] {
    background: grey
}


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

/* ******************************************************************* */
/* *** SEARCH CONTROL *** */
#search {
    float: right;
    margin-bottom: 15px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}
#search a {
    color: #0E4D6E;
}

#search form {
    margin: 0px 0px 5px 0px;
}
#search input[type=submit] {
    background: #03406A;
    border: 1px solid #03406A;
    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%;*/
    clear: both;
}
.paginator_info {
    margin-bottom: 10px;
    color: #000000;
}
.paginator a,
.paginator span {
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
    color: #999999;
}
.paginator a {
    border: 1px solid #252525;
    text-decoration: none;
    color: #252525;
}
.paginator span.button {
    border: 1px solid #DDDDDD;
}
.paginator .current {
    background: #8c8c8c;
    border: 1px solid #8c8c8c;
    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;
}

.sestava_vyber_sloupcu {
    overflow: auto;
    margin-top: 15px;
}
.sestava_vyber_sloupcu div {
    float: left;
    margin: 0px 20px;
}
.sestava_vyber_sloupcu select {
    width: 200px;
}
.sestava_vyber_sloupcu input[type="button"] {
    width: 70px;
    /*margin-top: 15px;*/
}
.sestava_vyber_sloupcu .vybrat_sloupec {
    margin-top: 70px;
}
.sestava_vyber_sloupcu dt {
    float: none;
    width: auto;
    text-align: left;
}
.sestava_vyber_sloupcu dd {
    margin: 0px;
}
.sestava_vyber_sloupcu .error {
    display: block;
}

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

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

input[name^=pocet_listu], input[name*=_pocet_] {
    width: 3em;
}

.ui-widget-content {
    border-radius: 0;
    border: none;
}

.ui-widget-header {
    background:  #d3d3d3;
    border: none;
    border-radius: 0 !important;
}

.ui-state-default .ui-icon {
    background-image: url(redmond/images/ui-icons_000000_256x240.png);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    border: none;
}

input, 
textarea, 
select, 
button,
.ui-widget input,
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;   
}

#layout  .detail_blok dt {
    font-size: 10pt;
}

#layout.admin .detail_blok a {
    border: none;     
    background: #4BB576;
    color: white;
    padding: 5px 10px;
    text-decoration: none;
}

#layout.admin .detail_blok a[name=delete] {
    background: red
}

#dokumenty .seznam .red.selected {
    background-color: #e5e5e5;
}


/* Search ISDS by name */
#isds-results input[type="button"] {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    border: 1px solid gray;
    cursor: pointer;
}

#isds-results table td {
    padding-right: 10px;
}

/* Transaction List Table */
.datagrid-transactionList .col-datetime {
    width: 300px !important;
}
.datagrid-transactionList .col-logEventType {
    width: 250px;
}
.datagrid-transactionList .col-user {
    width: 200px;
}
.datagrid-transactionList {
    padding: 0 !important;
}

#last_edited_document {
    background-color: #ebfaff;
}




/********************** DOCUMENT APPROVAL **********************/

/* Document approval - statuses */

.document-approval-statuses {
    margin-top: 30px;
}

.document-approval table td {
    vertical-align: top;
}

.document-approval-statuses table {
    width: 100%;
    margin-bottom: 30px;
}

.document-approval-statuses .delimiter {
    line-height: 15px;
}

.document-approval-statuses .delimiter-top {
    border-bottom: 1px solid silver;
}

.document-approval-statuses .label {
    font-style: italic;
    padding-right: 10px;
}

.document-approval-statuses .column-1 {
    width: 13%;
}

.document-approval-statuses .column-2 {
    width: 30%;
}

.document-approval-statuses .column-3 {
    width: 15%;
}

.document-approval-statuses .column-4 {
    width: 30%;
}

.document-approval-statuses .column-5 {
    width: 12%;
}

.document-approval-statuses .column-5 input[name="reject"] {
    position: relative;
    left: 15px;
    background-color: #007bff;
    border-color: #007bff;
}

.reject-approval-form textarea {
    height: 180px !important;
}

.reject-approval-form input[name="_submit"] {
    float: right;
}

/* Document approval - approve request */

.document-approval-confirm-request {
    width: 50%;
    margin-bottom: 50px;
}

.document-approval-confirm-request .label {
    font-style: italic;
    padding-right: 10px;
    width: 150px;
}

.document-approval-confirm-request-inner {
    margin-bottom: 30px;
}

.document-approval-confirm-request-inner textarea {
    width: 75%;
    height: 150px !important;
    margin-bottom: 10px;
}

.document-approval-confirm-request-inner input[name="_submit"] {
    float: right;
    margin-right: 100px;
}

/* Document approval - new request */

.document-approval-new-request {
    width: 60%;
    margin-bottom: 200px;
}

.document-approval-new-request form {
    margin-top: 20px;
}

.document-approval-new-request .row {
    margin-bottom: 0;
}

.document-approval-new-request label {
    width: 170px;
    font-style: italic;
}

.document-approval-new-request input[name="_submit"] {
    float: right;
}

.document-approval-new-request label[for="frmapprovalRequestForm-files"] {
    font-weight: normal;
    text-decoration: none;
}


.document-approval-new-request label[for="frmapprovalRequestForm-modifyFilenames"] {
    white-space: nowrap;
    margin: 10px 0;
}


.ui-dialog-titlebar-close {
    padding:0 !important;
}

.ui-dialog-titlebar-close:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(../images/ui-icons_777777_256x240.png);
    background-position: -96px -128px;
    background-repeat: no-repeat;
}
.dropdown-menu.show {
    max-width: 900px;
}

/********************** AUTOMATIC EVIDENCE **********************/

.automatic-evidence {
    margin-bottom: 200px;
}

.automatic-evidence table {
    width: 100%;
}

.automatic-evidence table td:nth-child(1){
    width: 30%;
}

.automatic-evidence table td:nth-child(2){
    width: 30%;
}

.automatic-evidence table td:nth-child(3){
    width: 20%;
}

.automatic-evidence table td:nth-child(4){
    width: 20%;
}

.automatic-evidence-add-rule {
    margin: 20px 0 30px;
}

.automatic-evidence-remove-rule .form-group {
    margin: 0 10px 0;
}

.automatic-evidence-new-rule-submit-button {
    float: right;
}

.automatic-evidence-edit-rule-submit-button {
    float: right;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.automatic-evidence-edit-rule-submit-button:hover {
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}

.automatic-evidence-edit-rule-cancel-button {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

/* E-podatelna - nove zpravy */

#frm-automaticEvidence {
    display: inline-block;
}

#automatic-evidence-options {
    margin: 10px;
}

#automatic-evidence-options a {
    display: inline-block;
    margin-top: 10px;
}

/* Digital Signatures */

.digital-signatures-table {
    margin: 20px 0;
    width: 100%;
}

.digital-signatures-table {
    margin: 20px 0;
    width: 100%;
}

.digital-signatures-table td:nth-child(1) {
    max-width: 200px;
}

.digital-signatures-table td:nth-child(2) {
    max-width: 100px;
}

.digital-signatures-table td:nth-child(3) {
    max-width: 100px;
}

.digital-signatures-table td:nth-child(4) {
    max-width: 100px;
}

.digital-signatures-table td:nth-child(5) {
    max-width: 70px;
}

.digital-signatures-table td:nth-child(1),
.digital-signatures-table td:nth-child(2),
.digital-signatures-table td:nth-child(3),
.digital-signatures-table td:nth-child(4) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.digital-signatures-table td:nth-child(6) {
    width: 170px;
}

.digital-signature-remove {
    float: left;
    margin-right: 10px;
}

.digital-signature-remove .col-form-label {
    display: none;
}


.document-approval-confirm-request-page {
    margin: 20px 0 60px;
}



/* Contracts register record in document detail */

.document-contracts-register-record {
    background-color: #f0f0f0;
    margin: 10px 0;
    padding-bottom: 30px;
}

.document-contracts-register-record h2 {
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 1px #e0e0e0 solid;
    padding: 10px;
    margin-bottom: 10px;
}

.document-contracts-register-record .label {
    font-weight: bold;
    width: 200px;
    text-align: right;
}

.document-contracts-register-record table tr td {
    padding: 5px 0 5px 20px;
    margin: 7px;
}

.document-contracts-register-record .data {
    font-weight: bold;
}

.document-contracts-register-record .btn-check-responses {
    padding: 2px 5px;
    margin-left: 20px;
}

/* Contracts register form */

.contracts-register-form input,
.contracts-register-form select,
.contracts-register-form button {
    border: 1px solid silver;
    border-radius: 3px;
}

.contracts-register-form .btn-primary,
.contracts-register-form .btn-secondary {
    border: 1px solid transparent;
}
.contracts-register-form input[type=checkbox] {
    border: 1px solid silver;
}

.contracts-register-form input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.contracts-register-form dl {
    margin-bottom: 5px;
}

.contracts-register-form input[type=checkbox] {
    margin-right: 7px;
}

.contracts-register-form input[type=text],
.contracts-register-form input[type=email] {
    width: 300px;
}

.contracts-register-form input::-webkit-outer-spin-button,
.contracts-register-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.contracts-register-form input[type=number] {
    width: 100px;
}

.contracts-register-form #frmcontractsRegisterPublicationForm-signDate,
.contracts-register-form #frmcontractsRegisterModificationForm-signDate {
    width: 100px;
}

.contracts-register-form #frmcontractsRegisterPublicationForm-foreignCurrency,
.contracts-register-form #frmcontractsRegisterModificationForm-foreignCurrency {
    width: 100px;
}

.contracts-register-form .contractsRegister-databox.text {
    width: 100px;
}