#content            { line-height: 1; }
#container-emaily   { padding: 0; }
#wrapper            { min-width: 1150px; }

.topbar, .sidebar .sidebar-brand { height: 50px; background-color: #355060; }
.sidebar     { background-color: #d7e5ef; width: 14rem!important; }
.sidebar-light .sidebar-brand   { color: white; }
.sidebar-light .nav-item .nav-link  { color: #355060; }
.sidebar .nav-item .nav-link span   { font-size: 1rem; }
.sidebar-light .sidebar-heading     { color: grey; }
.sidebar-light .nav-item .nav-link i, .sidebar-light .nav-item .nav-link i:hover    { color: unset; }

.dropdown-menu      { width: 120px !important; }

.btn-primary, .btn-primary:hover    { background-color: #355060!important; border-color: #355060!important; }
.btn-danger         { background-color: #c13527!important; border-color: #c13527!important; }
.bg-gradient        { background-color: #658090; background-image: linear-gradient(180deg,#658090 10%,#254050 100%); background-size: cover;}
.bg-login-image     { background: url('/img/login.jpg'); }
label.required:after    { content: "*"; color: #ec4949; padding-left: 3px; }
ul.errors           { padding: 0; color: #ec4949; font-weight: bold; }
ul.errors li        { list-style-type: none; }
.info               { font-weight: bold; color: #40b540; }
.warning            { font-weight: bold; color: #ec4949; }
h1                  { font-size: 1.2rem; color: #355060; font-weight: bold; margin-bottom: 1rem; }
.seda               { color: gray; }

.table td, .table th    { padding: .25rem; vertical-align: top; cursor: default; font-size: 0.9rem; color: #1a1a1a; }
#container-emaily .table td, #container-emaily .table th    { border-top: 0; }
label.required:after, .novy label[for=frm-uzivatelForm-heslo]:after, .novy label[for=frm-schrankaForm-heslo]:after     { content: "*"; color: #ec4949; padding-left: 3px; }

#mimoModal textarea { height: 200px; }


/* Menu */
.sidebar-head   { padding-left: 10px; color: #355060; font-weight: bold; }
.sidebar-head i { padding-right: 1.5rem; }
.sidebar .nav-item .nav-link        { padding-left: 10px; }
#snippet--search-icon   { margin-left: -1.5rem; }
#btn-filter             { margin: auto; }
#btn-filter .btn-sm     { padding: 0 0.6rem; }
#btn-filter .btn-info:hover, #btn-filter .btn-info:focus                        { background-color: #36b9cc; border-color: #36b9cc; box-shadow: 0 0; }
#btn-filter .btn-off, #btn-filter .btn-off:hover, #btn-filter .btn-off:focus    { background-color: gainsboro; border-color: gainsboro; color: gray; }
#frm-searchForm input, .btn-clear, button[name=send], button[name=clear]        { height: 30px; }
.btn-clear:focus, button[name=send]:focus, button[name=clear]:focus { box-shadow: 0 0; }
.btn-clear i, button[name=send] i, button[name=clear] i             { vertical-align: top; }


/* Sidebar */
.sidebar .edit                      { position: absolute; right: 0; top: 5px; padding: 7px; }
.sidebar .nav-item .nav-link i      { font-size: 1rem; margin-right: 5px; }
.sidebar .nav-item .nav-link i:hover { color: #14a619; }
.sidebar .nav-item .nav-link span   { display:inline-block !important; }
.sidebar .sidebar-heading           { text-align:left; }

.sidebar .nav-schranka span         { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 9rem; display: inline-block !important; }
.sidebar .nav-schranka-active span  { color: #1a1a1a; font-weight: bold; }
.sidebar .nav-link span:hover       { color: #1a1a1a; }
.sidebar .nav-schranka span.local   { color: #dd0000; }
.sidebar .nav-link span.local:hover { color: red; }
.sidebar .nav-schranka span.fw      { color: #6B006B; }
.sidebar .nav-link span.fw:hover    { color: darkmagenta; }
.sidebar .nav-item .nav-link        { width: 14rem; padding-bottom: 0; padding-right: 40px; position: relative; text-align: left; }
.sidebar .nav-slozka .nav-link      { padding: 3px 10px; }
.sidebar .nav-slozka .nav-link span { font-size: 0.9rem; }
.sidebar .nav-slozka-active .nav-link span    { color: #1a1a1a; font-weight: bold; }
.pocet, .sidebar .nav-slozka .nav-link div  { float: right; min-width: 18px; height: 18px; margin-top: 2px; padding: 0 3px; background-color: #da5d5a; border-radius: 3px; color: white; font-size: 0.76rem; font-weight: bold; line-height: 1.4; text-align: center; }
.sidebar .nav-slozka .nav-link div.prirazene        { background-color: darkgray; }
.sidebar .nav-slozka:not(.nav-slozka-active) span   { margin-left: 16px; }
.sidebar .nav-slozka-active a::before { content: ">"; margin-right: 2px; font-weight: 900; }
.sidebar .nav-chat                  { padding-right: 10px !important; }

#cog            { display: inline-block; float: right; }
#cog i          { padding-right: .5rem; cursor: pointer; }

/* EMAILY */
#snippet--email-seznam  { width: 100%; padding: 5px; overflow-y: scroll; background-color: white; }
#snippet--email-obsah   { width: 100%; overflow: hidden; }
iframe                  { width: 100%; border: 0; background-color: white;  }
#historie-priloh        { overflow-y: auto; padding-right: 10px; }
#drag                   { margin: auto; padding-right: 5px; color: white; cursor: pointer; }

/* Seznam emailu */
.table-emaily th.ikona      { width: 22px; }
.table-emaily th.jmeno      { width: 40%; }
.table-emaily th.datum      { width: 140px; }
.table-emaily th.vyrizuje   { min-width: 100px; padding-right: 15px; }
.table-emaily tr:not(.view-email):hover td { background-color: #e0f0f9; }
.table-emaily .open         { white-space: nowrap; }
.table-emaily td:last-child { color: grey; }
.view-email, .view-email:hover td   { background-color: #a9cbe0; }
.unread-email td            { font-weight: bold; }
#tisk                       { cursor: pointer; }

/* Header */
#headers                    { width: 100%; margin: 0; background-color: #355060; }
#header-button              { padding: 10px; }
#header-button .btn-sm      { padding: 0 0.7rem; }
#header-button .btn:focus   { box-shadow: 0 0; }
#header-button .dropdown    { display: inline-block; }
#headers i                  { color: white; padding: 0 3px 0 5px; }
#headers .adresy            { max-height: 100px; overflow-y: auto; line-height: 1.2; padding-bottom: 1px; }
.stitek                     { height: auto; width: auto; padding: 2px 5px; float: left; font-size: .8rem; border-radius: 3px; }
.stitek option:nth-child(1), .stitek0                       { color: black !important; }
.stitek option:nth-child(2), .stitek1, .table tr.stitek1 td { color: #ff0000 !important; }
.stitek option:nth-child(3), .stitek2, .table tr.stitek2 td { color: #ff7000 !important; }
.stitek option:nth-child(4), .stitek3, .table tr.stitek3 td { color: #009900 !important; }
.stitek option:nth-child(5), .stitek4, .table tr.stitek4 td { color: #3333ff !important; }
.stitek option:nth-child(6), .stitek5, .table tr.stitek5 td { color: #993399 !important; }
.stitek option:nth-child(7), .stitek6, .table tr.stitek6 td { color: #49dbf3 !important; }
.stitek option:nth-child(8), .stitek7, .table tr.stitek7 td { color: #c70000 !important; }
.stitek option:nth-child(9), .stitek8, .table tr.stitek8 td { color: #bd8700 !important; }

.table-header                   { width: auto; margin-bottom: 0; line-height: 1.1; }
.table-header tr:first-child td { padding-top: 8px; }
.table-header tr:last-child td  { padding-bottom: 8px; }
.table-header td:first-child    { min-width: 70px; text-align: right; color: #e0f0f9; }
.table-header td, .table-header th  { padding: .15rem; color: white; }

#prilohy    { width: 100%;  background-color: #355060; overflow: hidden; border-top: 1px solid #a9cbe0; }
.priloha    { display: inline-block; padding: 4px 2px 2px 2px; margin: 5px; background-color: whitesmoke; width: max-content; font-size: 0.7rem; }

#historie-priloh h6     { font-size: .9rem; color: #355060; padding-top: 10px; }
#historie-priloh div    { width: 100%; overflow: hidden; white-space: nowrap; }
#historie-priloh div a  { padding: 4px; line-height: 1.4; margin-bottom: 5px; margin-left: 5px; background-color: grey; font-size: 0.7rem; color: whitesmoke; }


/* EMAILY - ODPOVED */
#wrapper-kontakty       { overflow-y: auto; }

#frm-editorForm label:not([for=frm-editorForm-nabidka]), #frm-prilohaForm .input-group-text   { min-width: 80px; background-color: #355060; color: white; }
#frm-editorForm .form-group { margin-bottom: 0; }

.form-error     { padding-left: 20px; color: #ec4949; font-weight: bold; }

#tiny-wrapper, .tox-tinymce, .tox-stack-layout, .tox-edit-area  { display: flex!important; flex-direction: column; flex: 1; align-items:stretch; }
.mce-tinymce iframe     { flex: 1; }

#add-prilohy-kontakty       { max-width: 30px; padding: 0; }
#add-prilohy-kontakty label { cursor: pointer; margin-top: 7px; }
#add-prilohy-kontakty .fa-address-book  { cursor: pointer; margin-top: 13px; }
#prilohy-kontakty ul        { padding-left: 0; line-height: 1.2rem; list-style: none; }
#prilohy-kontakty h6        { color: #355060; font-weight: bold; }
.row-priloha                { padding: 4px 0; word-break: break-all; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */}
.row-priloha a:first-child  { float: left; }
.row-priloha a:last-child   { margin-left: 20px; display: block; }

#frm-kontaktyForm button, #frm-kontaktForm button   { background-color: #355060; color: white; }
#frm-kontaktyForm-kontakt:focus, #frm-kontaktForm-email:focus { box-shadow: 0 0; }
#prilohy-kontakty ul            { margin-bottom: 0; }
#snippet--seznam-priloh         { max-height: 200px; overflow-y: auto; overflow-x: hidden; }
#snippet--seznam-kontaktu li    { padding: 2px; margin: 3px 0; font-size: 0.8rem; background-color: white; cursor: default; }
.plus-kontakt               { margin: 0 3px; cursor: pointer; }
#vsem:focus                 { box-shadow: 0 0; }


/* UZIVATELE - SCHRANKY */
#container-admin                { padding-top: 20px; }
#container-admin  .table td, #container-admin .table th    { padding: .35rem; }
#container-admin .table         { border-bottom: 1px solid; }
#container-admin .table th a    { color: white; }
#container-admin .table .thead-dark th  { background-color: #355060; border-color: #355060; }
#container-admin .table td      { color: unset; }
.uziv-schranky label      { min-width: 300px; }
.prebirajici              { display: none; }

.lr td:last-child, .lr th:last-child    { text-align: right; padding-right: 10px; }
.lr-0 td:last-child, .lr-0 th:last-child  { text-align: right; padding-right: 0; }


/* CHAT */
#wrapper-chat       { margin-left: -1.5rem; margin-right: -1.5rem; }
#wrapper-chat img   { height: 40px; width: 40px; margin: auto 0; }

#snippet--chaty ul  { padding: 10px 0 10px 5px; margin: 0 0 0 10px; border-bottom: 1px solid #bfbfbf; list-style: none; min-height: 60px; display: flex; }
#snippet--chaty a, #wrapper-kontakty a  { color: #355060; text-decoration: none; }
#snippet--chaty li  { padding: 2px 0 2px 10px; }
#snippet--chaty ul div:nth-of-type(1)   { margin: auto 0; flex: auto; padding-right: 15px; }
#snippet--chaty ul div.nove             { margin: auto 0; background-color: limegreen; width: 24px; height: 24px; border-radius: 12px; padding: 4px 2px 0 0; text-align: center; color: white; font-weight: bold; letter-spacing: -1px; }
#snippet--chaty ul div:nth-of-type(3)   { margin: auto 15px; width: 60px; font-size: 0.7rem; line-height: 1.3; text-align: right; }
ul.aktivni          { background-color: #f0eae7; }

#wrapper-komunikace     { padding: 0; }
#snippet--komunikace    { height: calc(100vh - 50px - 37px - 110px); background-color: #f0eae7; padding: 15px 30px; overflow-y: auto; }

#snippet--hledat        { height: 37px; padding: 4px 30px; background-color: #c8bab4; }
#frm-searchForm-text    { box-shadow: 0 0; }

#snippet--novy-chat     { padding: 5px 10px; border-bottom: 2px solid #355060; }
#snippet--novy-chat a   { height: 25px; line-height: 1.1; box-shadow: 0 0; }
#snippet--novy-chat .btn-outline-dark:hover  { background-color: white; }

#wrapper-kontakty       { background-color: white; padding: 0; }
.nove-kontakty > div    { padding: 5px; }
.nove-kontakty > div:first-of-type  { padding-top: 15px; }
.nove-kontakty label    { line-height: 1.5; }
.nove-kontakty .btn-sm  { height: 25px; line-height: 1.1; }
.nove-kontakty ul.errors    { font-weight: normal; margin: 5px 0; }


#zpravy span            { background-color: white; padding: 10px; margin: 5px 0; border-radius: 7px; color: #355060; display: table; clear: both; font-size: .9rem; line-height: 1.3; }
#zpravy span.moje       { background-color: #c5eaff; float: right; margin-left: 100px; }
#zpravy span.datum      { background-color: #3d789b; color: white; margin: 0 auto; padding: 5px 10px; }
#zpravy span:not(.moje):not(.datum) { margin-right: 100px; }
#zpravy p               { font-size: 0.7rem; margin-bottom: 4px; color: #799bb0; }
#zpravy em              { font-size: 0.6rem; padding-top: 4px; float: right; }
#snippet--chat-form                 { width: 100%; height: 110px; padding: 10px 30px; background-color: #c8bab4; }
#snippet--chat-form textarea        { height: 90px; line-height: 1.2; }
#snippet--chat-form textarea:focus  { box-shadow: 0 0; }

.online, .offline   { font-size: 1.4rem; line-height: 0; cursor: default; }
.online             { color: #40b540; }
.offline            { color: #ec4949; }


/* SKUPINY */
#skupiny .card-header        { color: black; background-color: #d7e5ef; }
#skupiny .card-body, #skupiny .card-header    { padding: .75rem; }
#skupiny .card-body div      { padding-bottom: 2px; }

/* NABIDKY */
.filtr th           { vertical-align: top !important; }
.filtr th div       { margin-top: 5px; }
.filtr input, .filtr select     { height: 26px; padding: 0.15rem .5rem; }

div.dropdown-menu {
    top: 20px !important;
    transform: translate3d(0, 0, 0) !important;
}