/*------------------------RESET---------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; text-decoration:none; list-style-type: none;}
article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block; }
/*------------------------------------------------------*/
.chyba                                          {background-color:#c81816; color:#ffffff; text-align:center; font-size:14px; padding:5px 0px 5px 0px; margin:1px auto 10px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
body                                            { display: block !important; }
:root                                           {
                                                --font1:        'roboto', sans-serif; /* 400, 500, 700 */
                                                --font2:        'factoria', serif; /* 800 */

                                                --color0:       #252936;
                                                --color0b:      #333b56;
                                                --color0c:      #b0bad8;
                                                --color1:       #6056D7; /* rgb(96,86,215) */
                                                --color1b:      #7797EF; /* rgb() */
                                                --color2:       #eb3334; /* rgb(235,51,52) */
                                                --color2b:      #e8406b;
                                                --color3:       rgba(0,0,0,0.05);
                                                --colorZelena:  #40b72d;

                                                --h1:             min(2.25rem, calc(1.7rem + 2vw));
                                                --h2:             min(1.75rem, calc(1.3rem + 2vw));  

                                                --gradient1:      linear-gradient(45deg, var(--color1), var(--color1b)); 
                                                --gradient2:      linear-gradient(45deg, var(--color2), var(--color2b));

                                                --border-radius:  0.35rem;
                                                --form-item:      2.8rem;
                                                --form-gap:       1rem;
                                                }
  @media screen and (min-width: 1081px)         {
  :root                                           {
                                                    --header-width: 18rem;
                                                    --padding1:   2rem;        
                                                  }                                              
  }
  @media screen and (max-width: 1080px)         {
  :root                                           {
                                                    --header-height: calc(3rem + 1.4vw);
                                                    --padding1:   min(1.5rem, calc(0.7rem + 2vw));        
                                                  }                                                 
  }

html                                            {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: min(17px, calc(11px + 1vw)); color: var(--color0); font-weight: 400; line-height: 1.5; background: var(--color0b); font-family: var(--font1); box-sizing: border-box; transition: .15s ease-in-out;}
  @media screen and (min-width: 1081px)         {
  html                                          {padding: calc(0.3rem + 1vw);}                                              
  html.full                                     {padding: 0;}                                              
  }
  @media screen and (min-width: 1081px) and (max-height: 500px){
  html                                          {font-size: min(12px, calc(8px + 1vh));}                                              
  }

body                                            {display: block; width: 100%; max-width: 76rem; height: 100%; max-height: 70rem; margin-inline: auto; position: relative; transition: .15s ease-in-out;}
body.fixed                                      {overflow: hidden;}
html.full body                                  {max-width: 100%; max-height: 100%;}

hr { width:100%; }

.bt_ares                        { float:right; cursor:pointer; position:relative; top:3px; }                                            

.bt_nahratSoubor            { position:relative; top:5px; text-decoration:underline; cursor:pointer; }
.bt_nahratSoubor i          { margin-right:5px; }

form                                            {display: flex; width: 100%; height: 100%; background: white; overflow: hidden; transition: .15s ease-in-out;}
  @media screen and (min-width: 1081px)         {
  form                                          {border-radius: var(--border-radius); box-shadow: 0 0 1rem rgba(0,0,0,0.5);}
  html.full form                                {border-radius: 0;}
  }
  @media screen and (max-width: 1080px)         {
  form                                          {flex-direction: column;}
  }

.bt_editovatMedia           { color:#000; position:relative; top:20px; }
#nahled .wndw-content > img { margin:0px auto; }
.video-js .vjs-big-play-button  { left:calc(50% - 1.5em); top:calc(50% - 0.8em); }

table .thumbnail               { cursor:pointer; }
table .thumbnail img           { max-height: 100px; }

.pn_hlavickaPaticka             { display:flex; gap:1em; margin-bottom:1em; margin-top:2em; }
.pn_hlavickaPaticka > div       {  }
.pn_hlavickaPaticka span        {  }
.pn_hlavickaPaticka input       {  }

#pn_sablony .pn_hlavickaPaticka { display:none !important; }

.header                                         {display: flex; gap: 2em; background: var(--color0); position: relative; z-index: 1099; box-sizing: border-box;}
.header .logo                                   {display: block;}
.header .logo img                               {display: block; width: 100%; height: 100%; object-fit: contain;} 
.header :is(nav, nav ul, nav ul li)             {display: block; width: 100%;}
.header .collapse                               {display: flex; width: 100%; flex-direction: column; justify-content: space-between; gap: 1em; flex-grow: 2; overflow-y: auto}
.header nav a                                   {display: flex; width: 100%; align-items: center; gap: 0.5em; font-size: 1em; color: var(--color0c); font-weight: 400; text-decoration: none; padding: 0.7em var(--padding1); box-sizing: border-box; transition: .15s ease-in-out;}
.header nav a svg                               {display: block; width: 1em; height: 1em; fill: var(--color0c); transition: .15s ease-in-out;}
.header nav a:hover                             {color: white;}
.header nav a:hover svg                         {fill: white;}
.header nav a.sel                               {color: white; font-weight: 500;}
.header nav a.sel svg                           {fill: var(--color1b);}
.header .elements                               {display: flex; width: 100%; flex-wrap: wrap; gap: 1em; padding: 0 var(--padding1); box-sizing: border-box;}
.header .user-preview                           {display: flex; width: 106%; margin-inline: -3%; --user-preview-height: 3.4em; height: var(--user-preview-height); justify-content: space-between; align-items: center; gap: 0.6em; background: rgba(0,0,0,0.35); padding: 0.5em; box-sizing: border-box; border-radius: calc(0.5 * var(--user-preview-height));}
.header .user-preview .img                      {display: flex; height: 100%; aspect-ratio: 1; cursor:pointer; justify-content: center; align-items: center; background: var(--color0b); border-radius: 100%; overflow: hidden;}
.header .user-preview .img svg                  {display: block; width: 45%; height: 45%; fill: var(--color0c);}
.header .user-preview .img:has(img)             {background: white;}
.header .user-preview .img img                  {display: block; width: 100%; height: 100%; object-fit: cover;}
.header .user-preview .user                     {display: block; font-size: 0.6em; color: var(--color0c); flex-grow: 2; cursor:pointer;}
.header .user-preview .user strong              {display: block; font-size: 1.3em;}
.header .user-preview .btn                      {display: block; width: 1em; margin-right: 0.2em;}
.header .user-preview .btn svg                  {display: block; width: 1em; fill: var(--color0c); cursor: pointer; transition: .1s ease-in-out;}
.header .user-preview .btn:hover svg            {fill: white;}

.header .user-preview .btn2                      {display: block; margin-right: 0.5em;}
.header .user-preview .btn2 svg                  {display: block; stroke: var(--color0c); cursor: pointer; transition: .1s ease-in-out;}
.header .user-preview .btn2:hover svg            {stroke: white;}

  @media screen and (min-width: 1081px)         {
  .header                                       {width: var(--header-width); height: 100%; flex-direction: column; padding: var(--padding1) 0;}
  .header .logo                                 {max-width: 13rem; padding: 0 var(--padding1);}
  .header #navicon                              {display: none;}
  .header nav a.sel                             {background: rgba(0,0,0,0.35);}
  .header .fullscreen                           {display: block; width: 2em; height: 2em; background: var(--gradient2); border-radius: 100%; position: absolute; right: -1em; top: calc(var(--padding1) + 0.1em); z-index: 100; cursor: pointer; border: solid 0.25em white; overflow: hidden; box-sizing: border-box;}
  .header .fullscreen:after                     {display: block; position: absolute; inset: 0; content: ""; transition: .1s ease-in-out; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0,28.4C0,12.7,12.7,0,28.4,0h113.8c15.7,0,28.4,12.7,28.4,28.4s-12.7,28.4-28.4,28.4H97.1l93.7,93.7 c11.1,11.1,11.1,29.1,0,40.2c-11.1,11.1-29.1,11.1-40.2,0L56.9,97.1v45.1c0,15.7-12.7,28.4-28.4,28.4S0,157.9,0,142.2V28.4z M369.8,0h113.8C499.3,0,512,12.7,512,28.4v113.8c0,15.7-12.7,28.4-28.4,28.4c-15.7,0-28.4-12.7-28.4-28.4V97.1l-93.7,93.7 c-11.1,11.1-29.1,11.1-40.2,0c-11.1-11.1-11.1-29.1,0-40.2l93.7-93.7h-45.1c-15.7,0-28.4-12.7-28.4-28.4S354.1,0,369.8,0z M190.8,321.2c11.1,11.1,11.1,29.1,0,40.2l-93.7,93.7h45.1c15.7,0,28.4,12.7,28.4,28.4c0,15.7-12.7,28.4-28.4,28.4H28.4 C12.7,512,0,499.3,0,483.6V369.8c0-15.7,12.7-28.4,28.4-28.4s28.4,12.7,28.4,28.4v45.1l93.7-93.7 C161.7,310.1,179.7,310.1,190.8,321.2z M321.2,321.2c11.1-11.1,29.1-11.1,40.2,0l93.7,93.7v-45.1c0-15.7,12.7-28.4,28.4-28.4 c15.7,0,28.4,12.7,28.4,28.4v113.8c0,15.7-12.7,28.4-28.4,28.4H369.8c-15.7,0-28.4-12.7-28.4-28.4c0-15.7,12.7-28.4,28.4-28.4h45.1 l-93.7-93.7C310.1,350.3,310.1,332.3,321.2,321.2z' width='1' height='1' fill='white' stroke='transparent' stroke-width='0' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; background-size: 50% 50%;}
  .header .fullscreen:hover:after               {background-color: rgba(0,0,0,0.2);}
  .header .fullscreen.sel:after                 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M199.1,170.7c0,15.7-12.7,28.4-28.4,28.4H56.9c-15.7,0-28.4-12.7-28.4-28.4s12.7-28.4,28.4-28.4H102L8.3,48.6 C-2.8,37.4-2.8,19.4,8.3,8.3c11.1-11.1,29.1-11.1,40.2,0l93.7,93.7V56.9c0-15.7,12.7-28.4,28.4-28.4s28.4,12.7,28.4,28.4V170.7z M455.1,199.1H341.3c-15.7,0-28.4-12.7-28.4-28.4V56.9c0-15.7,12.7-28.4,28.4-28.4c15.7,0,28.4,12.7,28.4,28.4V102l93.7-93.7 c11.1-11.1,29.1-11.1,40.2,0c11.1,11.1,11.1,29.1,0,40.2L410,142.2h45.1c15.7,0,28.4,12.7,28.4,28.4S470.8,199.1,455.1,199.1z M8.3,503.7c-11.1-11.1-11.1-29.1,0-40.2l93.7-93.7H56.9c-15.7,0-28.4-12.7-28.4-28.4c0-15.7,12.7-28.4,28.4-28.4h113.8 c15.7,0,28.4,12.7,28.4,28.4v113.8c0,15.7-12.7,28.4-28.4,28.4s-28.4-12.7-28.4-28.4V410l-93.7,93.7 C37.4,514.8,19.4,514.8,8.3,503.7z M503.7,503.7c-11.1,11.1-29.1,11.1-40.2,0L369.8,410v45.1c0,15.7-12.7,28.4-28.4,28.4 c-15.7,0-28.4-12.7-28.4-28.4V341.3c0-15.7,12.7-28.4,28.4-28.4h113.8c15.7,0,28.4,12.7,28.4,28.4c0,15.7-12.7,28.4-28.4,28.4H410 l93.7,93.7C514.8,474.6,514.8,492.6,503.7,503.7z' width='1' height='1' fill='white' stroke='transparent' stroke-width='0' stroke-linecap='round'/%3E%3C/svg%3E")}
  }
  @media screen and (max-width: 1080px)         {
  .header                                       {width: 100%; height: var(--header-height); justify-content: space-between; align-items: center; padding: 0.8em var(--padding1);} 
  .header .logo                                 {width: auto; height: 100%;}
  .header .collapse                             {width: 17rem; height: calc(100% - var(--header-height)); background: var(--color0b); padding-block: 0.5em 1em; box-sizing: border-box; position: fixed; left: -18rem; top: var(--header-height); z-index: -5; transition: .15s ease-in-out;}
  .header nav a                                 {font-size: 1.15em;}
  .header #navicon                              {display: block; width: 1.3em; height: 16px; cursor: pointer; position: relative; z-index: 10;}
  .header #navicon span                         {display: block; width: 100%; height: 2px; background: var(--color0c); position: absolute; border-radius: 1px;}
  .header #navicon span:nth-child(1)            {top: 0;}
  .header #navicon span:nth-child(2),
  .header #navicon span:nth-child(3)            {top: calc(50% - 1px);}
  .header #navicon span:nth-child(4)            {bottom: 0;}
  .header #navicon div                          {display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
  .header.show #navicon span:nth-child(2)       {transform: rotate(45deg);}
  .header.show #navicon span:nth-child(3)       {transform: rotate(-45deg);}
  .header.show #navicon span:nth-child(1), 
  .header.show #navicon span:nth-child(4)       {opacity: 0 !important;}
  .header.show #navicon div                     {display: block;}
  .header.show .collapse                        {left: 0;}
  .header .fullscreen                           {display: none;}
  }

.main                                           {display: block; flex-grow: 2;}
.main .inner                                    {display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: flex-start; flex-grow: 2; overflow-y: auto;}
  @media screen and (min-width: 1081px)         {
  .main                                         {width: calc(100% - var(--header-width)); height: 100%;}
  }
  @media screen and (max-width: 1080px)         {
  .main                                         {width: 100%; height: calc(100% - var(--header-height));}
  }
  @media screen and (max-height: 440px)         {
  .main                                         {overflow-y: auto;}
  .main .inner                                  {height: auto;}
  }

strong                                          {font-weight: 700;}
em                                              {font-style: italic;}

#dr_hledat_zakaznik                             { display:none; }

button                                          {background: none; outline: none; cursor: pointer; position: relative; border: none; box-sizing: border-box; padding: 0; white-space: nowrap; font-family: var(--font1); transition: .15s ease-in-out;}

h1, h2, h3                                      {display: block; color: var(--color0); font-weight: 800; line-height: 1.1; box-sizing: border-box; font-family: var(--font2);}
h1                                              {font-size: var(--h1); margin-bottom: -0.16em;}
h2                                              {font-size: var(--h2); color: var(--color1); margin-bottom: 0.3em;}
h3                                              {font-size: min(1.7rem, calc(1rem + 2vw)); overflow: hidden;}
p, li                                           {width: 100%;}
p a, li a                                       {color: var(--color1); text-decoration: underline; transition: .15s ease-in-out;}
p a:hover, li a:hover                           {color: var(--color2); text-decoration-color: transparent;}

em                                              {font-style: italic;}
strong                                          {font-weight: 700;}

.section                                        {display: flex; width: 100%; flex-direction: column; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; padding: 0 var(--padding1) var(--padding1); box-sizing: border-box;}
.section:first-child                            {padding-top: var(--padding1);}
.section:last-child                             {flex-grow: 2;}
.section.divider                                {padding-top: calc(var(--padding1) - 0.4rem); border-top: solid 1px rgba(0,0,0,0.15);}
.section:last-child:has(.table)                 {padding-bottom: 0;}
.section:last-child:has(.pagination)            {padding-bottom: var(--padding1);}

.button                                         {display: block; font-size: 1em; position: relative; border: none; outline: solid 2px transparent; cursor: pointer; border-radius: 0.2em; overflow: hidden; font-family: var(--font1); transition: .15s ease-in-out;}
.button > span                                  {display: flex; justify-content: center; align-items: center; gap: 0.4em; font-size: 1em !important; color: white !important; font-weight: 700; line-height: 1; padding: 0.8em 1.35em; text-decoration: none !important; box-sizing: border-box; transition: .15s ease-in-out;}
.button > span svg                              {display: block; width: 1.05em; height: 1.05em; fill: white; transition: .15s ease-in-out;}
.button.color1                                  {background: var(--gradient1);}
.button.color2                                  {background: var(--gradient2);}
.button.colorZelena  { color:white; background-color:var(--colorZelena); }
.button:hover span                              {background: rgba(0,0,0,0.1);}
.button.border span                             {color: var(--color0) !important; border: solid 0.13em rgba(0,0,0,0.4); opacity: 0.35;}
.button.border > span svg                       {width: 0.95em; height: 0.95em; fill: var(--color0);}
.button.border > span svg path                  {fill: white;}
.button.border:hover span                       {opacity: 0.5;}

.contact                                        {display: flex; align-items: center; gap: 0.35em; font-size: 0.8em; color: var(--color0c);}
.contact svg                                    {display: block; width: 1em; height: 1em; fill: var(--color0c);}
.contact a                                      {color: var(--color0c); text-decoration: underline; transition: .15s ease-in-out;}
.contact a:hover                                {color: white; text-decoration-color: transparent;}

.button-icon                                    {display: flex; align-items: center; gap: 0.4em; cursor: pointer;}
.button-icon svg                                {display: block; width: 1.1em; height: 1.1em; fill: var(--color2b); position: relative; top: 0.05em; transition: .1s ease-in-out;}
.button-icon svg path                           {fill: white;}
.button-icon span                               {display: block; color: var(--color0b); font-weight: 500; text-decoration: underline; transition: .1s ease-in-out;}
.button-icon:hover svg                          {fill: var(--color2);}
.button-icon:hover span                         {color: var(--color2); text-decoration-color: transparent;}

.entry                                          {max-width: 52rem; margin:0px auto;}
.entry .main                                    {display: flex; width: 100%; flex-wrap: wrap;}
.entry .main > div                              {display: flex; width: 100%; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; gap: 1rem; position: relative; box-sizing: border-box;}
.entry .main .box h1                            {text-align: center;}
.entry .main .box .button                       {width: 100%;}
.entry .main .form-item                         {width: 100% !important;}
.entry .main .design                            {background-image: var(--gradient1);}
.entry .main .design:after                      {display: block; background: url("images/sketch.jpg") no-repeat center center; background-size: cover; mix-blend-mode: multiply; opacity: 0.5; position: absolute; inset: 0; content: "";}
.entry .main .design img                        {display: block; position: relative; z-index: 2;}
  @media screen and (min-width: 1081px)         {
  .entry .main > div                            {width: 50%; padding: 5% 8%;}
  .entry .main .design                          {order: 2;}
  .entry .main .design img                      {max-width: 16rem;}
  .entry.client-login .main .design             {background-image: linear-gradient(to right, rgba(0,0,0,0.06), transparent);}
  }
  @media screen and (min-width: 1081px) and (min-height: 500px){
  html:has(.entry)                              {padding-block: 0;}
  .entry                                        {height: 30rem; margin-block: calc((100vh - 30rem) / 2);}
  }
  @media screen and (max-width: 1080px)         {
  .entry                                        {width: calc(100% - 3rem); max-width: 30rem; height: 30rem; margin-block: calc((100vh - 30rem) / 2);}
  .entry form                                   {border-radius: var(--border-radius);}
  .entry .main > div                            {padding: 5% 18%;}
  .entry .main .design img                      {max-width: 10rem;}
  .entry.client-login .main .design             {background-image: linear-gradient(to top, rgba(0,0,0,0.07), transparent);}
  }

.head                                           {display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 0.6rem; margin-top: -0.08rem; box-sizing: border-box;}
.head .button-back                              {display: block; width: 0.6em; height: 0.6em; font-size: var(--h1);  position: relative; margin-top: 0.23em; border: none; outline: none; cursor: pointer; overflow: hidden;}
.head .button-back > span                       {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.head .button-back span svg                     {display: block; width: 100%; height: 100%; fill: var(--color1); transition: .15s ease-in-out;}
.head .button-back:hover span svg               {fill: var(--color1b);}
.head :is(h1, h2)                               {max-width: calc(100% - 0.6em - 0.6rem); flex-grow: 2;}
.head:has(h1) .button-icon                      {margin-top: 0.4em;}
.head:has(h2) .button-icon                      {margin-top: 0.05em;}
  @media screen and (max-width: 640px)          {
  .head h1                                      {width: calc(100% - var(--h1) - 0.6rem);}
  }

.flex                                           {display: flex !important; width: 100%; justify-content: center; flex-wrap: wrap; gap: var(--flex-gap); margin-top: 0.5rem; box-sizing: border-box; --flex-gap: 1rem;}

.section .table                                 {display: block; width: calc(100% + 2 * var(--padding1)); margin-inline: calc(0px - var(--padding1)); overflow-x: auto;}
.head + .table tr:first-child td                {border-top: none;;}

.bt_snimekZVidea                { padding:10px; color:white; cursor:pointer; }

table                                           {width: 100%; min-width: 30rem; font-size: 0.85rem; --table-cell-padding-block: 0.8em;}
table tr:nth-child(odd) { background-color: #eef4ff; }
table tr:hover { background-color: #f0f0f0; cursor: pointer; }
table tr td                                     {line-height: 1.3; padding: var(--table-cell-padding-block) 0.3em; border-top: solid 1px rgba(0,0,0,0.5); padding:1em 0; } 
table tr td:first-child                         {padding-left: var(--padding1);}
table tr td:last-child                          {padding-right: var(--padding1); text-align: right; width:1%;}
table tr:last-child td                          {border-bottom: solid 1px rgba(0,0,0,0.5);} 
table table tr td                               {border: none !important; padding-top: 0;}
table table tr td:first-child                   {padding-left: 0;}
table table tr td:last-child                    {padding-right: 0; text-align:right; }

table .name                                     {display: flex; align-items: center; gap: 0.35em; }
table .name .status                             {display: block; width: 0.85em; height: 0.85em; background: var(--gradient1); border-radius: 100%; position: relative;}
table .name .status:before                      {display: block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M413.4,107L209.8,310.6L98.3,199c-22.2-22.2-58.7-22.2-80.9,0l0,0c-22.2,22.2-22.2,58.7,0,80.9l152,152l0,0 c22.2,22.2,58.7,22.2,80.9,0l0,0l244-244c22.2-22.2,22.2-58.7,0-80.9l0,0C472,84.7,435.6,84.7,413.4,107z' width='1' height='1' fill='white' stroke='transparent' stroke-width='0' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; background-size: 50% 50%; position: absolute; inset: 0; z-index: 1; content: "";}
table .not-allowed .name .status                {background: var(--gradient2);}
table .not-allowed .name .status:before         {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M398.6,22.7L256,165.3L113.4,22.7c-25-25-65.8-25-90.7,0l0,0c-25,25-25,65.8,0,90.7L165.3,256L22.7,398.6 c-25,25-25,65.8,0,90.7l0,0c25,25,65.8,25,90.7,0L256,346.7l142.6,142.6c25,25,65.8,25,90.7,0l0,0c25-25,25-65.8,0-90.7L346.7,256 l142.6-142.6c25-25,25-65.8,0-90.7l0,0C464.4-2.3,423.5-2.3,398.6,22.7z' width='1' height='1' fill='white' stroke='transparent' stroke-width='0' stroke-linecap='round'/%3E%3C/svg%3E");}
table :is(.customer, .note, .category)          {display: block;}
table .hidden                                   {display: none; width: 100%; padding-top: var(--table-cell-padding-block); box-sizing: border-box;}
table .controls                                 {display: flex; flex-direction: column; align-items: flex-start; align-content: flex-end;}
table .controls a                               {display: flex; align-items: center; gap: 0.35em; color: var(--color0); font-weight: 500; text-decoration: underline; cursor: pointer; transition: .1s ease-in-out;}
table .controls a svg                           {display: block; width: 0.92em; height: 0.92em;}
table .controls a:hover                         {text-decoration-color: transparent;}
table .controls a.edit svg,
table .controls a.copy svg,
table .controls a.media-show svg,
table .controls a.export svg                    {fill: var(--color1b);}
table .controls a.edit:hover,
table .controls a.copy:hover,
table .controls a.media-show:hover,
table .controls a.export:hover                  {color: var(--color1b);}
table .controls a.delete svg                    {fill: var(--color2b);}
table .controls a.delete:hover                  {color: var(--color2b);}
table .controls.row                             {width: 100%; flex-direction: row; justify-content: flex-end; gap: 0.1em 1em;}
table .form-item                                {--form-item: 2rem; --form-item-padding: 0.6em;}
table td:has(> .controls.row, > .hidden)        {padding-bottom: 0 !important;}
  @media screen and (max-width: 540px)          {
  table                                         {font-size: 0.9em;}
  }

.upload-types                                   {display: flex; align-items: center;}
.upload-types > div                             {display: flex; align-items: center;}
.upload-types > div input                       {position: absolute; left: -9999px;}
.upload-types > div .btn                        {display: flex; justify-content: flex-start; align-items: center; gap: 0.4em; font-size: 0.85em; text-align: left; font-weight: 700; color: var(--color0); line-height: 1.2; padding: 1em; box-sizing: border-box; border-radius: 0.4em; cursor: pointer; transition: .15s ease-in-out;}
.upload-types > div .btn svg                    {display: block; width: 2.15em; height: 2.15em;}
.upload-types > div.file .btn svg               {fill: var(--color0);}
.upload-types > div.sound .btn svg              {fill: var(--color1);}
.upload-types > div.camera .btn svg             {fill: var(--color2);}
.upload-types > div .btn:hover                  {background: var(--color3);}

.attachments                                    {display: flex; width: 100%; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5em 1em; background: var(--color3); padding: var(--table-cell-padding-block); border-radius: 0.4em; box-sizing: border-box;}
.attachments .media                             {display: flex; gap: 0.3em;}
.attachments .media > div                       {display: block; width: 6em; aspect-ratio: calc(4 / 3); position: relative; border-radius: 0.5em; border: solid 0.2em transparent; box-sizing: border-box; overflow: hidden;}
.attachments .media > div a                     {display: block; width: 100%; height: 100%;}
.attachments .media > div a img                 {display: block; width: 100%; height: 100%; object-fit: cover; transition: .1s ease-in-out;}
.attachments .media > div a:hover img           {opacity: 0.85;}
.attachments .media > div.video a:after         {display: block; position: absolute; inset: 0; content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M459.6,212L123.2,17.8C89.3-1.8,47,22.7,47,61.8v388.4c0,39.1,42.3,63.6,76.2,44L459.6,300 C493.5,280.4,493.5,231.6,459.6,212z' width='1' height='1' fill='white' stroke='transparent' stroke-width='0' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; background-size: 30% 30%;}
.attachments .media > div .control              {display: block; position: absolute; top: var(--control-space); --control-space: 0.4em; z-index: 2; box-shadow: 0 0 0.5em black; border-radius: 0.1em; overflow: hidden;}
.attachments .media > div .checkbox             {left: var(--control-space); width:16px;}
.attachments .media > div .checkbox label:before{top: 0;}
.attachments .media > div:has(.chk1:checked)    {border-color: var(--color1);}
.attachments .media > div .delete               {width: 1.1em; height: 1.1em; background: var(--color2); right: var(--control-space); cursor: pointer; transition: .1s;}
.attachments .media > div .delete:after         {display: block; position: absolute; inset: 0; z-index: 1; content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M318.9,256l137.4-137.4c17.4-17.4,17.4-45.6,0-62.9c-17.4-17.4-45.6-17.4-62.9,0L256,193.1L118.6,55.7 c-17.4-17.4-45.6-17.4-62.9,0c-17.4,17.4-17.4,45.6,0,62.9L193.1,256L55.7,393.4c-17.4,17.4-17.4,45.6,0,62.9 c8.7,8.7,20.1,13,31.5,13c11.4,0,22.8-4.3,31.5-13L256,318.9l137.4,137.4c8.7,8.7,20.1,13,31.5,13c11.4,0,22.8-4.3,31.5-13 c17.4-17.4,17.4-45.6,0-62.9L318.9,256z' width='1' height='1' fill='white' stroke='transparent' stroke-width='0' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; background-size: 60% 60%;}
.attachments .media > div .delete:hover         {background: var(--color1);}
.attachments .upload-types > div .btn:hover     {background: white;}
  @media screen and (max-width: 768px)          {
  .attachments .upload-types                    {order: -1;}
  }

.pagination                                     {display: flex; width: 100%; justify-content: flex-end; flex-wrap: wrap; gap: 0.3em 0.2em; margin-top: 1rem;}
.pagination a                                   {display: flex; width: 1.2em; height: 1.8em; justify-content: center; align-items: center; opacity: 0.3; color: var(--color0); font-weight: 500; font-size: 0.9em; border-radius: 0.3em; transition: .15s ease-in-out;}
.pagination a:hover                             {opacity: 1; color: var(--color1);}
.pagination a.sel                               {width: 2em; opacity: 1; color: white; background: var(--color0); margin-inline: 0.15em;}

.search-controls                                {display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 0.8rem;}
  @media screen and (max-width: 540px)          {
  .search-controls:has(.ordering)               {flex-wrap: wrap;}
  .search-controls:has(.ordering) .ordering     {justify-content: flex-start; padding: 0;}
  }

.ordering                                       {display: flex; flex-grow: 2; justify-content: flex-end; align-items: center; gap: 1em; padding-inline: 1em; box-sizing: border-box;}
.ordering a                                     {display: block; width: auto; height: 0.7em; cursor: pointer;}
.ordering a svg                                 {display: block; width: auto; height: 100%; fill: var(--color0); opacity: 0.5; transition: .1s ease-in-out;}
.ordering a:hover svg,
.ordering a.sel svg                             {opacity: 1; fill: var(--color1);}

.results-num                                    {display: flex; align-items: center;}
.results-num a                                  {display: flex; justify-content: center; align-items: center; height: var(--form-item); font-size: 0.9em; color: var(--color0); font-weight: 500; opacity: 0.5; padding-inline: 0.5em; border-radius: 0.3em; box-sizing: border-box; cursor: pointer; transition: .1s ease-in-out;}
.results-num a:hover                            {opacity: 1; color: var(--color1);}
.results-num a.sel                              {opacity: 1; border: solid 0.11em var(--color1);}

.bottom-bar                                     {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; flex-grow: 2; margin-top: var(--padding1);}
  @media screen and (min-width: 541px)          {
  .bottom-bar .button:first-child               {width: calc(50% - 0.5 * var(--form-gap));}
  }

.form                                           {display: flex; width: 100%; flex-wrap: wrap; box-sizing: border-box;}

.form-items                                     {display: flex; width: 100%; flex-wrap: wrap; gap: var(--form-gap);}
  @media screen and (min-width: 541px)          {
  .form-items .form-item:not(.w100)             {width: calc(50% - 0.5 * var(--form-gap));}
  }
  @media screen and (min-width: 1281px)         {
  .form-items .form-item:not(.w100)             {width: calc(33.33% - 2 / 3 * var(--form-gap));}
  }

.form-item                                      {display: flex; width: 100%; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; gap: 0.3rem; position: relative; box-sizing: border-box; --form-item-padding: 0.9em; --form-item-radius: 0.3em;}
.form-item > label                              {display: block; width: 100%; font-size: 0.85em; color: #999999; font-weight: 500; padding-inline: 0.6em; box-sizing: border-box;}
.form-item > label a                            { font-size: 0.85em; color: #999999; font-weight: 500; padding-inline: 0.6em; box-sizing: border-box;}
.form-item > label a i                          { margin-right:5px; }
.form-item > div                                {display: flex; width: 100%; min-height: var(--form-item); flex-wrap: wrap; gap: 0 0.3rem; position: relative; box-sizing: border-box;}
.form-item :is(input, textarea, select, .custom-select)
                                                {display: block; width: 100%; min-height: var(--form-item); background: var(--color3); font-size: 1em; color: var(--color0); font-weight: 500; border: none; outline: solid 2px transparent; padding: 0 var(--form-item-padding); border-radius: var(--form-item-radius); border: solid 1px rgba(0,0,0,0.1); box-sizing: border-box; position: relative; font-family: var(--font1); transition: .15s ease-in-out;}
.form-item textarea                             {height: 10em; padding: var(--form-item-padding) !important;}
.form-item select                               {padding-right: 2em !important;}
.form-item :is(input, textarea, select .custom-select)::placeholder 
                                                {font-weight: 400; color: #999999;}
.form-item :is(input, textarea, select):focus   {outline-color: var(--color1);}
.form-item > div:has(button) input              {padding-right: calc(var(--form-item) + 0.9rem);}
.form-item.search                               { display:flex; width:100%; flex-wrap:nowrap; align-items:flex-start; }
.form-item.search > div button                  {display: flex; width: var(--form-item); height: var(--form-item); justify-content: center; align-items: center; position: absolute; right: 0; top: 25px;}
.form-item.search > div button svg              {display: block; width: 34%; height: 34%; fill: var(--color1b); transition: .1s ease-in-out;}
.form-item.search > div button:hover svg        {fill: var(--color1);}
.form-item .note                                {display: block; width: 100%; font-size: 0.75em; color: #999999; padding-inline: 0.6em; box-sizing: border-box;}
.form-item .note a                              {color: var(--color1b); text-decoration: underline; cursor: pointer; transition: .1s ease-in-out;}
.form-item .note a:hover                        {color: var(--color1); text-decoration-color: transparent;}
.form-item input[type=checkbox]                 { height:20px; min-height:20px; width:20px; display:inline-block; margin-top:35px; position:relative; top:4px; }
.form-item input[type=checkbox]+label           { display:inline-block; margin-top:35px; position:relative; left:5px; }
.form-item .pn_checkbox                         { display:inline-block; width:230px; }

.form-item .pn_archivovano                              { display:flex; }
.form-item .pn_archivovano > div                        { flex: 1 1 auto; }
.form-item .pn_archivovano .pn_checkbox                 { flex: 0 0 170px; max-width:170px; }
.form-item .pn_archivovano .pn_checkbox input           { margin-top:8px; }
.form-item .pn_archivovano .pn_checkbox input+label     { margin-top:8px; }

.form-item.search .checkbox                     { margin-top:8px; }
.form-item.search .checkbox input               { margin-top:0px; }
.form-item.search .checkbox label               { margin-top:0px; }

.form .flex                                     {margin-top: 1em;}

.form h3                                        {color: var(--color1); margin-bottom: 0.6rem;}
.form .sep                                      {display: block; width: 100%; height: 1px; background: var(--color5); margin-block: 1.4rem 1rem;}
.form .bottom                                   {display: flex; width: 100%; flex-wrap: wrap; gap: 0.8em; box-sizing: border-box; margin-top: 1rem;}
.form .bottom .consent                          {display: block; width: 100%; font-size: 0.8em; line-height: 1.3;}
.form .bottom .consent a                        {color: var(--color0); text-decoration: underline; transition: .15s ease-in-out;}
.form .bottom .consent a:hover                  {color: var(--color1); text-decoration-color: transparent;}
  @media screen and (min-width: 641px)          {
  .search                                       {width: 20rem;}
  }

.form-item > div:has(select):after,
.form-item > div:has(datalist):after            {display: block; width: 0.4em; height: 100%; transform: rotate(90deg); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 512'%3E%3Cpolygon points='-1.1,46.4 208.6,256 -1.1,465.6 45.3,512 301.3,256 45.3,0' width='1' height='1' fill='rgb(96,86,215)' stroke='white' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; position: absolute; right: 1em; top: 0.05em; z-index: 1; content: "";}
.form-item select                               {-webkit-appearance: none; cursor: pointer;}
.form-item:has(datalist) input::-webkit-calendar-picker-indicator
                                                {-webkit-appearance: none; opacity: 0;}

.form-item input[type="file"]                   {position: absolute; left: -9999px;}

.custom-select                                  {position: relative;}
.custom-select .sel                             {display: flex; width: 100%; height: var(--form-item); align-items: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 2.4rem; box-sizing: border-box; cursor: pointer; position: relative; z-index: 2; transition: .2s ease-in-out;}
.custom-select .sel:hover                       {color: var(--color0);}
.custom-select > svg                            {display: block; width: 0.7em; fill: var(--color1); position: absolute; right: 1em; top: 1.1em; z-index: 1;}
.custom-select .dropdown                        {display: none; width: 100%; background: white; box-shadow: 0 0 0.3em rgba(0,0,0,0.25); overflow: hidden; box-sizing: border-box; margin-top: 0.3rem; position: absolute; left: 0; top: 2.8rem; z-index: 8;}
.custom-select .dropdown .inner                 {display: flex; width: 100%; max-height: 16em; flex-wrap: wrap; gap: 0.6rem; overflow-y: auto;}
.custom-select .inner ul                        {display: block; width: 100%; margin: 0;}
.custom-select .inner ul li                     {display: flex; width: 100%; min-height: 1.2em; align-items: center; color: var(--color1c); font-weight: 400; border-top: solid 1px rgba(0,0,0,0.1); padding: 0.7em 1.25rem 0.7em 1rem; position: relative; box-sizing: border-box; cursor: pointer; transition: .15s ease-in-out;}
.custom-select .inner ul li:before              {display: none;}
.custom-select .inner ul li:after               {display: block; width: 0.4em; height: 0.6em; opacity: 0.5; position: absolute; right: 1rem; top: calc(50% - 0.3em); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 512'%3E%3Cpolygon points='-1.1,46.4 208.6,256 -1.1,465.6 45.3,512 301.3,256 45.3,0' width='1' height='1' fill='black' stroke='white' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; content: ""; transition: .15s ease-in-out;}
.custom-select .inner ul li:hover               {color: var(--color0); background: rgba(0,0,0,0.04);}
.custom-select .inner ul li:hover:after         {opacity: 0.9;}

.checkbox                                       {display: block;}
.checkbox label:empty                           {padding-left: 1em !important;}

.chk1:not(:checked),
.chk1:checked                                   {position: absolute; left: -9999px; background-position: left top;}
.chk1:not(:checked) + label,   
.chk1:checked + label                           {display: block; min-height: 1.3em; position: relative; text-align: left; font-size: 1em; line-height: 1.3em; padding-left: 1.35em; cursor: pointer; box-sizing: border-box; transition: .15s ease-in-out;}
.chk1:not(:checked) + label:before,
.chk1:checked + label:before                    {display: block; width: 1em; height: 1em; border-radius: 0.2em; position: absolute; left: 0; top: 0.2em; overflow: hidden; content: "";}
.chk1:not(:checked) + label:before              {background-color: #e5e5e5;}
.chk1:checked + label:before                    {background: URL('images/check.svg') no-repeat center center; background-size: 100% 100%; background-color: var(--color1);}
.chk1:disabled + label,                  
.chk1:disabled + label:before                   {opacity: 0.4;}

.toggle                                         {display: flex; align-items: center; border: solid 1px rgba(0,0,0,0.12); padding: var(--form-item-padding); border-radius: var(--form-item-radius);}
.toggle input                                   {opacity: 0 !important; width: 0 !important; height: 0 !important; position: absolute !important;}
.toggle .slider                                 {display: block; width: 1.5em; height: 0.9em; background-color: var(--color2b); border-radius: 0.3em; position: absolute; cursor: pointer; transition: .4s;}
.toggle .slider:before                          {width: 0.7em; height: 0.55em; background-color: white; border-radius: 0.2em; position: absolute; left: 0.175em; top: 0.175em; content: ""; transition: .4s;}
.toggle input:checked + .slider                 {background-color: var(--color1b);}
.toggle input:focus + .slider                   {box-shadow: 0 0 1px #2196F3;}
.toggle input:not(:checked) + .slider:before    {transform: translateX(0.45em);}
.toggle label                                   {display: block; font-size: 1rem; font-weight: 500; padding-left: 1.9em; margin-block: -0.3em; box-sizing: border-box; position: relative; z-index: 2; cursor: pointer;}

.tree                                           {display: block; width: 100%;}
.tree ul                                        {display: block; width: 100%; padding-left: 1.7em; box-sizing: border-box; position: relative; overflow: hidden;}
.tree li                                        {display: block; width: 100%; position: relative;}
.tree li:before, .tree ul:before                {display: block; background: var(--color1); position: absolute; content: "";}
.tree li:before                                 {width: 0.8em; height: 0.13em; left: -1.2em; top: 0.68em;}
.tree ul:before                                 {width: 0.13em; height: calc(100% - 0.7em); left: 0.45em; top: 0.05em;}
.tree ul:has(li:only-of-type):before            {height: 0.8em;}
.tree li:last-child:after                       {display: block; width: 0.2em; height: 20000px; left: -1.25em; top: 0.82em; background: white; position: absolute; content: "";}
.tree li > span                                 {display: flex; align-items: center; gap: 0.3em; font-weight: 700; line-height: 1.2; padding-block: 0.13em;}
.tree li > span a.level                         {color: inherit; text-decoration: none; transition: .15s ease-in-out;}
.tree li > span a.level.sel,
.tree li > span a.level:hover                   {color: var(--color1);}
.tree li > span a:not(.level)                   {display: block; width: 0.8em; height: 0.8em; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; transition: .1s;}
.tree li > span a:not(.level):hover             {filter: brightness(0.8);}
.tree li > span a.edit                          {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M390.3,512.9H78.4C35.2,512.9,0,477.8,0,434.5V122.6c0-43.2,35.2-78.4,78.4-78.4h89.1 c18.7,0,33.8,15.2,33.8,33.8c0,18.7-15.2,33.8-33.8,33.8H78.4c-5.9,0-10.7,4.8-10.7,10.7v311.9c0,5.9,4.8,10.7,10.7,10.7h311.9 c5.9,0,10.7-4.8,10.7-10.7v-89.1c0-18.7,15.2-33.8,33.8-33.8c18.7,0,33.8,15.2,33.8,33.8v89.1C468.7,477.8,433.6,512.9,390.3,512.9z M169,379.2l100.3-4.5c8.5-0.4,16.6-4,22.6-10l211.7-213.9c13.1-13.2,13-34.6-0.1-47.7L409.8,9.6c-13.2-13.2-34.6-13.2-47.9,0 L150.3,221.2c-5.8,5.8-9.3,13.5-9.8,21.7l-6.7,100.3c-0.6,9.6,2.8,19,9.6,25.9c6.4,6.5,15.1,10.2,24.2,10.2 C168,379.3,168.5,379.3,169,379.2z M267.8,341L267.8,341L267.8,341z M385.9,81.4l45.8,45.8L253,307.7l-49.2,2.2l3.3-49.8L385.9,81.4 z' width='1' height='1' fill='rgb(96,86,215)' stroke='transparent' stroke-width='0' stroke-linecap='round'/%3E%3C/svg%3E");}
.tree li > span a.delete                        {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M318.9,256l137.4-137.4c17.4-17.4,17.4-45.6,0-62.9c-17.4-17.4-45.6-17.4-62.9,0L256,193.1L118.6,55.7 c-17.4-17.4-45.6-17.4-62.9,0c-17.4,17.4-17.4,45.6,0,62.9L193.1,256L55.7,393.4c-17.4,17.4-17.4,45.6,0,62.9 c8.7,8.7,20.1,13,31.5,13c11.4,0,22.8-4.3,31.5-13L256,318.9l137.4,137.4c8.7,8.7,20.1,13,31.5,13c11.4,0,22.8-4.3,31.5-13 c17.4-17.4,17.4-45.6,0-62.9L318.9,256z' width='1' height='1' fill='rgb(235,51,52)' stroke='transparent' stroke-width='0' stroke-linecap='round'/%3E%3C/svg%3E");}
.tree li > span a:not(.level):first-of-type     {margin-left: 0.3em;}
.tree li > a                                    {display: none; width: 0.8em; height: 0.8em; position: absolute; left: -1.6em; top: 0.35em; z-index: 5; cursor: pointer;}
.tree li > a svg                                {display: block; width: 100%; height: 100%; fill: var(--color1); transition: .1s;}
.tree li > a svg path                           {fill: white;}
.tree li > a:hover svg                          {fill: var(--color1b);}
.tree li:last-child > a                         {display: block;}

.tinymce                                        {display: block; width: 100%;}




.client .head                                   {background: var(--color3);}

.client-docs                                    {flex-direction: row !important; align-items: stretch; align-content: stretch; padding: 0 !important;}
.client-docs .tree                              {height: auto; font-size: 0.85rem; border-right: solid 1px rgba(0,0,0,0.15); padding: var(--padding1); box-sizing: border-box;}
.client-docs .docs                              {display: flex; flex-wrap: wrap; gap: 1.2rem; padding: var(--padding1); box-sizing: border-box;}
.client-docs .docs > div                        {display: flex; width: calc(50% - 0.6rem); justify-content: center; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; gap: 0.7rem;}
.client-docs .docs > div .img                   {display: block; width: 100%; aspect-ratio: 1/1.414; background: var(--color0); border-radius: 0.4rem; overflow: hidden; border: solid 1px rgb(220,220,220); box-sizing: border-box; box-shadow: 0 0 0.4em rgba(0,0,0,0.15); transition: .15s ease-in-out;}
.client-docs .docs > div .img img               {display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0.95; transition: .15s ease-in-out;}
.client-docs .docs > div .img:hover             {box-shadow: 0 0 0.2em rgba(0,0,0,0.1);}
.client-docs .docs > div .img:hover img         {opacity: 1;}
.client-docs .docs > div .title                 {display: block; width: 100%; text-align: center; font-size: 0.9em; color: var(--color0); font-weight: 700; line-height: 1.3;}
.client-docs .docs > div .title a               {color: inherit; transition: .15s ease-in-out;}
.client-docs .docs > div .title a:hover         {color: var(--color2);}
.client-docs .docs > div .dates                 {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; gap: 0.4em 0; margin-top: -0.25em;}
.client-docs .docs > div .dates > span          {display: block; width: 50%; text-align: center; font-size: 0.6em; color: var(--color1b); line-height: 1.25; box-sizing: border-box;}
.client-docs .docs > div .dates > span strong   {display: block;font-size: 1.2em; line-height: 1.25; margin-top: 0.2em; color: var(--color0);}
.client-docs .docs > div .dates > span:first-child
                                                {border-right: solid 1px rgba(0,0,0,0.2);}
.client-docs .docs > div .button                {font-size: 0.7em;}
  @media screen and (min-width: 961px)          {
  .client-docs .docs > div                      {width: calc(33.33% - 0.8rem);}
  .full .client-docs .docs > div                {width: auto; max-width: 11rem;}

  }
  @media screen and (min-width: 769px)          {
  .client-docs .tree                            {width: 18rem;}
  .client-docs .docs                            {width: calc(100% - 18rem);}
  }
  @media screen and (max-width: 768px)          {
  .client-docs .tree                            {padding-bottom: 0;}
  }
  @media screen and (min-width: 641px) and (max-width: 768px){
  .client-docs .docs > div                      {width: calc(33.33% - 0.8rem);}
  }


.video-js.vjs-default-skin  { width:100%; min-height:400px; }

input[type="date"] {
    height: 2.5em;
    line-height: 2.5em;
}

.pn_pridatRoky span { cursor:pointer; }
.pn_pridatRoky span:hover { text-decoration:underline; }