@charset "utf-8";
/* ADMIN.CSS : Obsahuji css k administraci*/

/* basic */

html {
    height:100%;
    font-size: 100%;
}
body {
    background-color:#fff;
    color:#535353;
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%; /* základní hodnota od níž se odvíjejí hodnoty písma s jednotkou "em", 100% = cca 16px */
    margin:0;
    padding:0;
    height:100%;
}
a, h1 , h2 , h3 , h4 , h5, h6{ /* nastavuje barvu všech těchto prvků */
    color:#2b6bb5;
}
input , select, textarea {
    border-color:#155c94;
}
a{
    color:#002938;
}
a:hover{
    color:#1d85c4;
}
a img{
    border:none;
}
img{
    max-width: 100%;
    height: auto;
}
strong{
    color:#002938;
}
small{
    opacity:0.4;
    font-size:100%;
}
h1 , h2 , h3 , h4 , h5, h6{ /* nastavuje barvu všech těchto prvků */
    color:#1d85c4;
    font-weight:normal;
    line-height:1.2;
    margin:1em 0 0.5em 0;
    color:#2b6bb5;
}
h1{font-size:2.250em;}
h2{font-size:2.250em;}
h3{font-size:1.500em;}
h4{font-size:1.125em;}
h5{font-size:1.000em;}
h6{font-size:0.875em;}

p{
    font-size:0.875em;
    line-height:1.8;
    margin:0 0 1em 0;
}
ul, ol{
    margin:2.5em 0 2.5em 2em;
    padding:0 0 0 0em;
    font-size:1em;
    line-height:1.5;
}
ul ul, ol ol, ul ol, ol ul{ /* na nizsich urovnich se nebude zmensovat pismo */
    font-size:1em;
}
table{
    border-collapse:collapse;
    margin:2.5em 0 2.5em 0;
}
table td{
    border:none;
    padding:0.8em 1em 0.8em 1em;
    color:#002938;
    font-size:0.875em;
}
table th{
    border:none;
    padding:0.8em 0.9em 0.8em 0.9em;
    font-size:0.875em;
    font-weight: bold;
    text-align: left;
    color:#2b6bb5;
}
table tr th{background-color:#f6fafc;} /* pozadí hlavičky */
table tr:nth-child(2n+1) td{background-color:#f6fafc;} /* pozadí lichých řádků */
table tr:nth-child(2n) td{background-color:#edf4f9;} /* pozadí sudých řádků */

table.no-border{
    margin:0;
}
table.no-border td{
    border:none;
    background: none !important;
}

/* DnD menu */

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

/* basic forms*/        /* Definovány forms inputs a selects */

input[type=text],
input[type=tel],
input[type=email],
input[type=file],
input[type=url],
input[type=password],
textarea,
select{
    font-size:1em;
    font-family:Arial, Helvetica, sans-serif;
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    border:1px solid #9fb7c5;
    border-radius:5px;
    padding:0.5em 0.5em 0.5em 0.5em;
    margin:0.25em 0 0.25em 0;
    color:#002938;
    background:#fff;
    line-height: 1.5;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus{
    box-shadow: 0 0 3px #64c4ff;
    border:1px solid #1d85c4;
}
textarea{
    min-height:125px;
    resize:none;
    overflow: auto;
}
input[type=submit]{ /* neutralizuje rozdily mezi "a" a input type="submit" */
    border:none;
    cursor:pointer;
    color:#002938;
    font-family:Arial, Helvetica, sans-serif;
}
input[type=checkbox] {
    border:none;
    padding:0;
}
fieldset{
    border: 1px solid #b1cad8;
    color:#1d85c4;
    margin:0 0 1em 0;
}
legend{
    color:#1d85c4;
    font-size:1.125em;
}
label{
    color:#002938;
    display:block;
    font-size:0.875em;
    line-height:1;
    margin:1em 0 0.25em 0;
}
.checkbox-label{
    float:left;
}
input[type=text]:focus:invalid, /* ikonka ve spatne vyplnenych formularovych polich */
input[type=tel]:focus:invalid,
input[type=email]:focus:invalid,
input[type=file]:focus:invalid,
input[type=url]:focus:invalid,
input[type=password]:focus:invalid,
textarea:focus:invalid,
select:focus:invalid,
.invalid{
    background: url(../images/style/icons-buttons/icon-tiny-error.png) right center no-repeat #fff;
    padding-right:1.5em;
    border-color:#a71010;
    box-shadow: 0 0 3px #cd1717;
}
input[type=text]:required:valid, /* ikonka ve spravne vyplnenych formularovych polich */
input[type=tel]:required:valid,
input[type=email]:required:valid,
input[type=file]:required:valid,
input[type=url]:required:valid,
input[type=password]:required:valid,
textarea:required:valid,
select:required:valid
.valid{
    background: url(../images/style/icons-buttons/icon-tiny-success.png) right center no-repeat #fff;
    padding-right:1.5em;
    border-color:#589405;
    box-shadow: 0 0 3px #83d215;
}
*:focus {outline: none;} /* odstranuje defaultni zvyrazneni aktivnich inputu v nekterych prohlizecich */

.text-right,
.price{
    text-align:right !important;
}
ul.ui-autocomplete li{  /* položky našeptávadla, přetlouká JQUI*/
    font-size:0.666em;  /* 12/18 */
}
ul.ui-autocomplete li span.green-flag{color:#46b053;}
ul.ui-autocomplete li span.red-flag{color:#8b2e27;}

.ajax-loader{  /* ikonka s animaci pri nacitani */
    background:url(../../images/style/admin/ajax-loader.gif) top left no-repeat;
    width:43px;
    height:11px;
    margin:0.25em;
    display:block;
}

/* progress bar */

div.progress-bar{
    width:100%;
    height:10px;
    background:#fff;
    border: 1px #b1cad8 solid;
    box-sizing:border-box;
}
div.progress-bar-indicator{
    width:100%;
    height:100%;
    background: rgb(44,95,124);
    background: -moz-linear-gradient(top,  rgba(44,95,124,1) 0%, rgba(32,79,103,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,95,124,1)), color-stop(100%,rgba(32,79,103,1)));
    background: -webkit-linear-gradient(top,  rgba(44,95,124,1) 0%,rgba(32,79,103,1) 100%);
    background: -o-linear-gradient(top,  rgba(44,95,124,1) 0%,rgba(32,79,103,1) 100%);
    background: -ms-linear-gradient(top,  rgba(44,95,124,1) 0%,rgba(32,79,103,1) 100%);
    background: linear-gradient(to bottom,  rgba(44,95,124,1) 0%,rgba(32,79,103,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5f7c', endColorstr='#204f67',GradientType=0 );
}

/* progress bar end */

/* Selectize select correction */

div.selectize-control{
    font-size: 100%;
}
div.selectize-input,
div.selectize-dropdown{
    box-shadow:none;
    border: 1px solid #9fb7c5;
    font-size: 0.875em;
    border-radius:5px;
}
div.selectize-dropdown-content div.active{
    border-radius:5px;
}
div.selectize-input.focus{
    box-shadow: 0 0 3px #64c4ff;
    border:1px solid #1d85c4;
}


/* Selectize select correction end */


/* basic forms end*/

/* buttons & icons */ /* buttons jsou obdelniky s textem uvnitr, icons tlacitka vedle textu*/

/* large button */

.button-large.button-proceed             {background:url(../../images/style/admin/icons-buttons/button-large-proceed.png) top left no-repeat; float:right;}

.button-large{                           /* obecne vlastnosti button-large */
    height:72px;
    line-height:72px;
    display:block;
    font-size:1em;
    text-decoration:none;
    margin:0.5em 0.1em 0.5em 0.1em;
    font-weight: bold;
    color:#fff;
    text-shadow: 0 1px 1px #000;
    width:185px;
    text-align: center;
    border:none;
    cursor: pointer;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
}

.button-proceed:hover                    {background-position:center left;} /* hover */
.button-large:active                     {background-position:bottom left;}      /* Pri kliknuti */
.button-large span                       {padding:0 1.5em 0 1.5em;} /* odsazeni pripadneho textu uvnitr tlacitka */
input[type=submit].button-large          {padding:0 1.5em 0 1.5em;}

/* large icons */

.icon-large.icon-add                     {background:url(../../images/style/admin/icons-buttons/icon-large-add.png) top right no-repeat;}
.icon-large.icon-file                    {background:url(../../images/style/admin/file-icons/icon-file.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-ai                 {background:url(../../images/style/admin/file-icons/icon-file-ai.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-avi                {background:url(../../images/style/admin/file-icons/icon-file-avi.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-css                {background:url(../../images/style/admin/file-icons/icon-file-css.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-csv                {background:url(../../images/style/admin/file-icons/icon-file-csv.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-ddl                {background:url(../../images/style/admin/file-icons/icon-file-ddl.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-doc                {background:url(../../images/style/admin/file-icons/icon-file-doc.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-docx               {background:url(../../images/style/admin/file-icons/icon-file-docx.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-eml                {background:url(../../images/style/admin/file-icons/icon-file-eml.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-eps                {background:url(../../images/style/admin/file-icons/icon-file-eps.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-exe                {background:url(../../images/style/admin/file-icons/icon-file-exe.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-gif                {background:url(../../images/style/admin/file-icons/icon-file-gif.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-htm                {background:url(../../images/style/admin/file-icons/icon-file-htm.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-html               {background:url(../../images/style/admin/file-icons/icon-file-html.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-jpg                {background:url(../../images/style/admin/file-icons/icon-file-jpg.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-mov                {background:url(../../images/style/admin/file-icons/icon-file-mov.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-mp3                {background:url(../../images/style/admin/file-icons/icon-file-mp3.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-mp4                {background:url(../../images/style/admin/file-icons/icon-file-mp4.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-pdf                {background:url(../../images/style/admin/file-icons/icon-file-pdf.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-png                {background:url(../../images/style/admin/file-icons/icon-file-png.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-ppt                {background:url(../../images/style/admin/file-icons/icon-file-pptx.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-psd                {background:url(../../images/style/admin/file-icons/icon-file-psd.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-rar                {background:url(../../images/style/admin/file-icons/icon-file-rar.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-raw                {background:url(../../images/style/admin/file-icons/icon-file-raw.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-svg                {background:url(../../images/style/admin/file-icons/icon-file-svg.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-txt                {background:url(../../images/style/admin/file-icons/icon-file-txt.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-vob                {background:url(../../images/style/admin/file-icons/icon-file-vob.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-wav                {background:url(../../images/style/admin/file-icons/icon-file-wav.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-xls                {background:url(../../images/style/admin/file-icons/icon-file-xls.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-xlsx               {background:url(../../images/style/admin/file-icons/icon-file-xlsx.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-xml                {background:url(../../images/style/admin/file-icons/icon-file-xml.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-file-zip                {background:url(../../images/style/admin/file-icons/icon-file-zip.svg) top right no-repeat; background-size: 100%;}
.icon-large.icon-proceed                 {background:url(../../images/style/admin/icons-buttons/icon-large-proceed.png) top right no-repeat; float: right;}

.icon-large{                             /* obecne vlastnosti button-medium*/
    height:72px;                           /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    line-height:72px;
    padding:0 72px 0 0;                    /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    display:block;
    float:left;
    margin:0.1em;
    font-size:1em;
    border:none;
    cursor: pointer;
    text-decoration:none;
    color:#002938;
}
.icon-large:hover                        {background-position:center right; color:#1d85c4;} /* hover */
.icon-large:active                       {background-position:bottom right; color:#1d85c4;}      /* Pri kliknuti */
.icon-large span                         {margin:0 0.75em 0 0.75em;} /* odsazeni pripadneho textu uvnitr tlacitka */
.icon-large span.hidden                  {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
.icon-large.icon-text-right              {background-position:top left; padding:0 0 0 72px;} /* Zarovnani textu v tlacitku do prava */ /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
.icon-large.icon-text-right:hover        {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */
.icon-large.icon-text-right:active       {background-position:bottom left;} /* Zarovnani textu v ikonce do prava pri kliknuti  */

/* medium icons */

.icon-medium.icon-add                     {background:url(../../images/style/admin/icons-buttons/icon-medium-add.png) top right no-repeat;}
.icon-medium.icon-back                    {background:url(../../images/style/admin/icons-buttons/icon-medium-back.png) top right no-repeat;}
.icon-medium.icon-cancel                  {background:url(../../images/style/admin/icons-buttons/icon-medium-cancel.png) top right no-repeat;}
.icon-medium.icon-centrum                 {background:url(../../images/style/admin/icons-buttons/icon-medium-centrum.png) top right no-repeat;}
.icon-medium.icon-closed                  {background:url(../../images/style/admin/icons-buttons/icon-medium-closed.png) top right no-repeat;}
.icon-medium.icon-detail                  {background:url(../../images/style/admin/icons-buttons/icon-medium-detail.png) top right no-repeat;}
.icon-medium.icon-download                {background:url(../../images/style/admin/icons-buttons/icon-medium-download.png) top right no-repeat;}
.icon-medium.icon-edit                    {background:url(../../images/style/admin/icons-buttons/icon-medium-edit.png) top right no-repeat;}
.icon-medium.icon-list                    {background:url(../../images/style/admin/icons-buttons/icon-medium-list.png) top right no-repeat;}
.icon-medium.icon-logout                  {background:url(../../images/style/admin/icons-buttons/icon-medium-logout.png) top right no-repeat;}
.icon-medium.icon-opened                  {background:url(../../images/style/admin/icons-buttons/icon-medium-opened.png) top right no-repeat;}
.icon-medium.icon-proceed                 {background:url(../../images/style/admin/icons-buttons/icon-medium-proceed.png) top right no-repeat; float:right;}
.icon-medium.icon-switch                  {background:url(../../images/style/admin/icons-buttons/icon-medium-switch.png) top right no-repeat;}
.icon-medium.icon-upload                  {background:url(../../images/style/admin/icons-buttons/icon-medium-upload.png) top right no-repeat;}

.icon-medium{                             /* obecne vlastnosti button-medium*/
    height:36px;                           /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    line-height:36px;
    padding:0 36px 0 0;                    /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    display:block;
    float:left;
    margin:0.1em;
    font-size:0.875em;
    border:none;
    cursor: pointer;
    text-decoration:none;
    color:#002938;
}
.icon-medium:hover                        {background-position:center right; color:#1d85c4;} /* hover */
.icon-medium:active                       {background-position:bottom right; color:#1d85c4;}      /* Pri kliknuti */
.icon-medium span                         {margin:0 0.75em 0 0.75em;} /* odsazeni pripadneho textu uvnitr tlacitka */
.icon-medium h3                           {margin:0.25em 0.5em 0.25em 0.5em; font-size:1.75em;} /* pouzivano v nadpisech uschovavatelnych sekci */
.icon-medium span.hidden                  {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
.icon-medium.icon-text-right              {background-position:top left; padding:0 0 0 36px;} /* Zarovnani textu v tlacitku do prava */ /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
.icon-medium.icon-text-right:hover        {background-position:center left;} /* Zarovnani textu v tlacitku do prava */
.icon-medium.icon-text-right:active       {background-position:bottom left;} /* Zarovnani textu v ikonce do prava pri kliknuti  */

/* small icons */

.icon-small.icon-add                     {background:url(../../images/style/admin/icons-buttons/icon-small-add.png) top right no-repeat;}
.icon-small.icon-back                    {background:url(../../images/style/admin/icons-buttons/icon-small-back.png) top right no-repeat;}
.icon-small.icon-bin                     {background:url(../../images/style/admin/icons-buttons/icon-small-bin.png) top right no-repeat;}
.icon-small.icon-bin-light               {background:url(../../images/style/admin/icons-buttons/icon-small-bin-light.png) top right no-repeat;}
.icon-small.icon-cancel                  {background:url(../../images/style/admin/icons-buttons/icon-small-cancel.png) top right no-repeat;}
.icon-small.icon-comment                 {background:url(../../images/style/admin/icons-buttons/icon-small-comment.png) top right no-repeat;}
.icon-small.icon-copy                    {background:url(../../images/style/admin/icons-buttons/icon-small-copy.png) top right no-repeat;}
.icon-small.icon-copy-light              {background:url(../../images/style/admin/icons-buttons/icon-small-copy-light.png) top right no-repeat;}
.icon-small.icon-detail                  {background:url(../../images/style/admin/icons-buttons/icon-small-detail.png) top right no-repeat;}
.icon-small.icon-detail-light            {background:url(../../images/style/admin/icons-buttons/icon-small-detail-light.png) top right no-repeat;}
.icon-small.icon-delete                  {background:url(../../images/style/admin/icons-buttons/icon-small-delete.png) top right no-repeat;}
.icon-small.icon-delete-light            {background:url(../../images/style/admin/icons-buttons/icon-small-delete-light.png) top right no-repeat;}
.icon-small.icon-download-light          {background:url(../../images/style/admin/icons-buttons/icon-small-download-light.png) top right no-repeat;}
.icon-small.icon-edit                    {background:url(../../images/style/admin/icons-buttons/icon-small-edit.png) top right no-repeat;}
.icon-small.icon-edit-light              {background:url(../../images/style/admin/icons-buttons/icon-small-edit-light.png) top right no-repeat;}
.icon-small.icon-email                   {background:url(../../images/style/admin/icons-buttons/icon-small-email.png) top right no-repeat;}
.icon-small.icon-email-light             {background:url(../../images/style/admin/icons-buttons/icon-small-email-light.png) top right no-repeat;}
.icon-small.icon-euro                    {background:url(../../images/style/admin/icons-buttons/icon-small-euro.png) top right no-repeat;}
.icon-small.icon-file                    {background:url(../../images/style/admin/icons-buttons/icon-small-file.png) top right no-repeat;}
.icon-small.icon-flag-green              {background:url(../../images/style/admin/icons-buttons/icon-small-flag-green.png) top right no-repeat;}
.icon-small.icon-flag-lightblue          {background:url(../../images/style/admin/icons-buttons/icon-small-flag-lightblue.png) top right no-repeat;}
.icon-small.icon-flag-orange             {background:url(../../images/style/admin/icons-buttons/icon-small-flag-orange.png) top right no-repeat;}
.icon-small.icon-flag-red                {background:url(../../images/style/admin/icons-buttons/icon-small-flag-red.png) top right no-repeat;}
.icon-small.icon-folder                  {background:url(../../images/style/admin/icons-buttons/icon-small-folder.png) top right no-repeat;}
.icon-small.icon-lock                    {background:url(../../images/style/admin/icons-buttons/icon-small-lock.png) top right no-repeat;}
.icon-small.icon-logout                  {background:url(../../images/style/admin/icons-buttons/icon-small-logout.png) top right no-repeat;}
.icon-small.icon-mobile                  {background:url(../../images/style/admin/icons-buttons/icon-small-mobile.png) top right no-repeat;}
.icon-small.icon-mover-light             {background:url(../../images/style/admin/icons-buttons/icon-small-mover-light.png) top right no-repeat; cursor: move;}
.icon-small.icon-ok                      {background:url(../../images/style/admin/icons-buttons/icon-small-ok.png) top right no-repeat;}
.icon-small.icon-paid-light              {background:url(../../images/style/admin/icons-buttons/icon-small-paid-light.png) top right no-repeat;}
.icon-small.icon-pdf                     {background:url(../../images/style/admin/icons-buttons/icon-small-pdf.png) top right no-repeat;}
.icon-small.icon-print                   {background:url(../../images/style/admin/icons-buttons/icon-small-print.png) top right no-repeat;}
.icon-small.icon-proceed                 {background:url(../../images/style/admin/icons-buttons/icon-small-proceed.png) top right no-repeat; float:right;}
.icon-small.icon-save                    {background:url(../../images/style/admin/icons-buttons/icon-small-save.png) top right no-repeat;}
.icon-small.icon-switch                  {background:url(../../images/style/admin/icons-buttons/icon-small-switch.png) top right no-repeat;}
.icon-small.icon-unbin                   {background:url(../../images/style/admin/icons-buttons/icon-small-unbin.png) top right no-repeat;}
.icon-small.icon-unbin-light             {background:url(../../images/style/admin/icons-buttons/icon-small-unbin-light.png) top right no-repeat;}
.icon-small.icon-unpaid-light            {background:url(../../images/style/admin/icons-buttons/icon-small-unpaid-light.png) top right no-repeat;}
.icon-small.icon-user                    {background:url(../../images/style/admin/icons-buttons/icon-small-user.png) top right no-repeat;}

.icon-small{                             /* obecne vlastnosti button-medium*/
    height:26px;                           /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    line-height:26px;
    padding:0 26px 0 0;                    /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    display:block;
    float:left;
    margin:0.1em;
    font-size:0.75em;
    border:none;
    cursor: pointer;
    text-decoration:none;
    color:#002938;
}
.icon-small:hover                        {background-position:center right; color:#1d85c4;} /* hover */
.icon-small:active                       {background-position:bottom right; color:#1d85c4;}      /* Pri kliknuti */
.icon-small span                         {margin:0 0.75em 0 0.75em;} /* odsazeni pripadneho textu uvnitr tlacitka */
.icon-small span.hidden                  {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
.icon-small.icon-text-right              {background-position:top left; padding:0 0 0 26px;} /* Zarovnani textu v tlacitku do prava */ /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
.icon-small.icon-text-right:hover        {background-position:center left;} /* Zarovnani textu v tlacitku do prava */
.icon-small.icon-text-right:active       {background-position:bottom left;} /* Zarovnani textu v ikonce do prava pri kliknuti  */
.icon-small.icon-position-right          {float:right;} /* Zarovnani doprava  */

/* buttons & icons end*/

/* messages */

p.status{                          /* obecne zprava */
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    color:#002938;
    border-radius:5px;
    padding:1.15em 1.15em 1.15em 4em;
    margin:0 0 1em 0;
    min-height:3.5em;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    text-shadow: 0px 1px 1px #fff;
    color:#303f44;
    background-image: url(../../images/style/admin/message-default.png), -webkit-linear-gradient(top, #f2f4f5, #d9dfe1); /* Chrome 10+, Saf5.1+ */
    background-image: url(../../images/style/admin/message-default.png),    -moz-linear-gradient(top, #f2f4f5, #d9dfe1); /* FF3.6+ */
    background-image: url(../../images/style/admin/message-default.png),     -ms-linear-gradient(top, #f2f4f5, #d9dfe1); /* IE10 */
    background-image: url(../../images/style/admin/message-default.png),         linear-gradient(top, #f2f4f5, #d9dfe1); /* W3C */
    background-repeat:no-repeat;
    animation: status-showing 1s 0.5s 1 alternate forwards;
    -webkit-animation: status-showing 1s 0.5s 1 alternate forwards;
    -moz-animation: status-showing 1s 0.5s 1 alternate forwards;
    opacity:0;
    line-height: 1.5em;
    clear: left;
}
p.status.wrong{
    color:#443033;
    background-image: url(../../images/style/admin/message-error.png), -webkit-linear-gradient(top, #fbf3f3, #f6e7e7); /* Chrome 10+, Saf5.1+ */
    background-image: url(../../images/style/admin/message-error.png),    -moz-linear-gradient(top, #fbf3f3, #f6e7e7); /* FF3.6+ */
    background-image: url(../../images/style/admin/message-error.png),     -ms-linear-gradient(top, #fbf3f3, #f6e7e7); /* IE10 */
    background-image: url(../../images/style/admin/message-error.png),         linear-gradient(top, #fbf3f3, #f6e7e7); /* W3C */
    background-repeat:no-repeat;
}
p.status.correct{
    color:#304432;
    background-image: url(../../images/style/admin/message-success.png), -webkit-linear-gradient(top, #f3f8f3, #e6f1e7); /* Chrome 10+, Saf5.1+ */
    background-image: url(../../images/style/admin/message-success.png),    -moz-linear-gradient(top, #f3f8f3, #e6f1e7); /* FF3.6+ */
    background-image: url(../../images/style/admin/message-success.png),     -ms-linear-gradient(top, #f3f8f3, #e6f1e7); /* IE10 */
    background-image: url(../../images/style/admin/message-success.png),         linear-gradient(top, #f3f8f3, #e6f1e7); /* W3C */
    background-repeat:no-repeat;
}
p.status.important{
    color:#444030;
    background-image: url(../../images/style/admin/message-important.png), -webkit-linear-gradient(top, #fef9f2, #fef3e6); /* Chrome 10+, Saf5.1+ */
    background-image: url(../../images/style/admin/message-important.png),    -moz-linear-gradient(top, #fef9f2, #fef3e6); /* FF3.6+ */
    background-image: url(../../images/style/admin/message-important.png),     -ms-linear-gradient(top, #fef9f2, #fef3e6); /* IE10 */
    background-image: url(../../images/style/admin/message-important.png),         linear-gradient(top, #fef9f2, #fef3e6); /* W3C */
    background-repeat:no-repeat;
}
@keyframes status-showing{
    0% { opacity:0;}
    100% { opacity:1;}
}
@-webkit-keyframes status-showing {
    0% { opacity:0;}
    100% { opacity:1;}
}
@-moz-keyframes status-showing {
    0% { opacity:0;}
    100% { opacity:1;}
}

/* messages end */

/* marks */

mark{
    border-radius:3px;
    font-size: 0.833em;
    line-height: 0.833em;
    text-transform:uppercase;
    padding:0.4em;
    display:inline-block;
    margin: 0 0 0 0.5em ;
    background:rgba(000,041,056,0.65);
    color:#fff;
}
mark.orange{background:rgba(246,138,030,0.9);}  /* orange */
mark.red{background:rgba(237,027,036,0.9);} /* red */
mark.violet{background:rgba(101,043,143,0.9);} /* violet */
mark.blue{background:rgba(029,133,196,0.9);} /* blue */
mark.light-blue{background:rgba(223,236,244,0.9); color:#002938; font-weight:bold;} /* light-blue */
mark.green{background:rgba(000,164,078,0.9);} /* green */
mark.yellow{background:rgba(252,183,018,0.9);} /* yellow */
mark.pink{background:rgba(181,034,102,0.9);} /* pink */
mark.gray{background:rgba(085,085,085,0.9);} /* gray */
mark.black{background:rgba(020,020,020,0.9);} /* black */

mark.cs{background:rgba(237,027,036,0.9);} /* red */
mark.en{background:rgba(029,133,196,0.9);} /* blue */
mark.de{background:rgba(020,020,020,0.9);} /* black */
mark.sk{background:rgba(246,138,030,0.9);}  /* orange */
mark.pl{background:rgba(181,034,102,0.9);} /* pink */
mark.ru{background:rgba(085,085,085,0.9);} /* gray */
mark.fr{background:rgba(101,043,143,0.9);} /* violet */
mark.it{background:rgba(000,164,078,0.9);} /* green */
mark.es{background:rgba(252,183,018,0.9);} /* yellow */

/* marks end */

/* title hint */ /* vyskakujici bublinka s napovedou */

.title-hint { position: relative; display: inline-block; }

.title-hint:before,
.title-hint:after {
    position: absolute;
    opacity: 0;
    z-index: 10;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    pointer-events: none;
}
.title-hint:hover:before,
.title-hint:hover:after {
    opacity: 1;
}
.title-hint:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    top: 100%;
    left: 10%;
    margin: -14px 0 0 0;
    border-bottom-color: rgba(0, 41, 56, 0.9);
}
.title-hint:after {
    content: attr(data-hint);
    background: rgba(0, 41, 56, 0.9);
    color: #fff;
    font-size:12px;
    padding: 1.5em;
    line-height:1.5em;
    box-shadow:0 2px 4px rgba(0,0,0,0.6);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    top: 100%;
    left: 10%;
    margin: -2px 0 0 -10px;
    border-radius:5px;
    width:250px;
    text-shadow: none;
    font-weight: normal;
    text-align: left;
}
.title-hint:hover:before {
    margin-top: -6px;
}
.title-hint:hover:after {
    margin-top: 6px;
}

/* title hint end */

/* basic end */

/* schema */

div#administration{
    float:left;
    width:100%;
    min-width:1290px; /* aby se nezalamovalo na malých monitorech */
    height:100%;
    padding:25px 0 5px 0;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
}
div#administration h2:first-child{
    margin-top:0;
}
div#left{
    width:400px;
    float:left;
    margin-left:25px;
}
div#right{
    width:800px;
    float:left;
    margin-left:25px;
}
div#full-size{
    width:1000px;
    float:left;
    margin-left:25px;
}

/* schema end */

/* universal listing */

div.universal-listing{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 1.125rem;
}
div.universal-listing a.item{
    display: block;
    float: left;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    padding: 0 0.375rem;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0.313rem;
    background: #78a5c4;
    text-decoration: none;
    font-size: 0.875em;
    color: #fff;
    margin: 0 0.375rem 0.375rem 0;
    position: relative;
    font-weight: bold;
}
div.universal-listing a.item.back:after,
div.universal-listing a.item.next:after{
    display:block;
    content: '';
    position: absolute;
    top: 0.75rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    width: 0.375rem;
    height: 0.375rem;
}
div.universal-listing a.item.back:after{
    transform:rotate(-135deg);
    left: 0.813rem;
}
div.universal-listing a.item.next:after{
    transform:rotate(45deg);
    left: 0.688rem;
}
div.universal-listing a.item:hover,
div.universal-listing a.item.active{
    background: #3B6E8C;
}
div.universal-listing span.between{
    float: left;
    font-weight: bold;
    font-size: 1rem;
    line-height: 2rem;
    height: 2rem;
    display: block;
    margin: 0 0.375rem 0.375rem 0;
}

/* universal end */

div#right.wide{
    width:calc(100% - 29.5rem);
}

/* data table */

table.data-table{
    border:1px solid #d2dde3;
    background:#fefefe;
    margin:2.5em 0 2.5em 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    border-collapse: collapse;
    font-size:0.875em;
    border-radius:5px;
}
table.data-table th{ /* hlavicka tabulky*/
    padding:1.5em 2em 1.5em 2em;
    text-align:center;
    color:#002938;
    text-shadow: 1px 1px 1px #fff;
    background: rgb(228,234,238);
    background: -moz-linear-gradient(top,  rgba(228,234,238,1) 0%, rgba(213,227,235,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,234,238,1)), color-stop(100%,rgba(213,227,235,1)));
    background: -webkit-linear-gradient(top,  rgba(228,234,238,1) 0%,rgba(213,227,235,1) 100%);
    background: -ms-linear-gradient(top,  rgba(228,234,238,1) 0%,rgba(213,227,235,1) 100%);
    background: linear-gradient(to bottom,  rgba(228,234,238,1) 0%,rgba(213,227,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4eaee', endColorstr='#d5e3eb',GradientType=0 );
}
table.data-table td{ /* radky*/
    border-top:1px solid #d2dde3;
    border-right:1px solid #d2dde3;
    padding:1.5em 2em 1.5em 2em;
    text-align:center;
}
table.data-table tr:nth-child(2n+1) td{ /* liche radky*/
    background: rgb(242,246,249);
    background: -moz-linear-gradient(top,  rgba(242,246,249,1) 0%, rgba(249,252,254,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,249,1)), color-stop(100%,rgba(249,252,254,1)));
    background: -webkit-linear-gradient(top,  rgba(242,246,249,1) 0%,rgba(249,252,254,1) 100%);
    background: -ms-linear-gradient(top,  rgba(242,246,249,1) 0%,rgba(249,252,254,1) 100%);
    background: linear-gradient(to bottom,  rgba(242,246,249,1) 0%,rgba(249,252,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f9', endColorstr='#f9fcfe',GradientType=0 );
}
table.data-table tr:nth-child(2n) td { /* sude radky */
    background: rgb(229,238,243);
    background: -moz-linear-gradient(top,  rgba(229,238,243,1) 0%, rgba(236,243,248,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,238,243,1)), color-stop(100%,rgba(236,243,248,1)));
    background: -webkit-linear-gradient(top,  rgba(229,238,243,1) 0%,rgba(236,243,248,1) 100%);
    background: -ms-linear-gradient(top,  rgba(229,238,243,1) 0%,rgba(236,243,248,1) 100%);
    background: linear-gradient(to bottom,  rgba(229,238,243,1) 0%,rgba(236,243,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eef3', endColorstr='#ecf3f8',GradientType=0 );
}
table.data-table td:first-child, /* prvni sloupecek */
table.data-table th:first-child {
    text-align:left
}
table.data-table td:last-child, /* posledni sloupecek */
table.data-table th:last-child{
    border-right:none;
}
table.data-table p{
    font-size: 100%;
    margin: 0.1em 0 0.1em 0;
}
table.data-table .icon-tiny,
table.data-table .icon-small,
table.data-table .icon-medium,
table.data-table .icon-large{
    float: none;
    display: inline-block;
}
table.data-table .icon-small{
    font-size: 100%;
}
.data-table-listing{
    float:right;
    margin:0 0 2em 0;
}


/* data table end */

/* edit table - editacni formular */

table#edit-table{
    width:100%;
    float:left;
    margin:0;
}
table#edit-table td{
    vertical-align:top;
    border-bottom:1px solid #ecf1f4;
    background:none;
}

div#form-id{
    float:left;
    width:100%;
    border:1px solid #b1cad8;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    padding:1.5em 1.5em 1.5em 1.5em;
    margin-bottom:2em;
    border-radius:5px;
    border-top-left-radius:0;
}
div.editor div#form-id{   /* ve vyskakovacim okne */
    margin:0;
}
.form-id-part{
}
.form-id-part.part-closed{
    display:none;
}
table#edit-table table.movable-item {
    width:100%;
    border-radius:5px;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    background: rgb(239,245,249);
    background: -moz-linear-gradient(top,  rgba(239,245,249,1) 0%, rgba(223,236,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,245,249,1)), color-stop(100%,rgba(223,236,244,1)));
    background: -webkit-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    margin:1em 0 1em 0;
    cursor: move;
}
table#edit-table table.movable-item:active {
    opacity:0.75;
}
table#edit-table table.movable-item td{
    border:none;
}
table#edit-table table.movable-item tr td:first-child{
    width:70%;
}
table#edit-table table.movable-item td a.icon-delete {
    float:right;
}

/* first column size in sections */

table#edit-table.edit-table-translation tr td:first-child {width:50%;}
table#edit-table.edit-table-switch-off-web tr td:first-child {width:50%;}
table#edit-table.edit-table-category tr td:first-child{width: 30%;}
table#edit-table.edit-table-products tr td:first-child{width: 30%;}

/* first column size in sections end */


/* edit table end */

/* main menu */   /* Hlavni menu */

div#main-menu{   /* zajistuje fixni pozici menu */
    width:100%;
    position:fixed;
    z-index:1000;
    font-size:0.875em;
}
div#main-menu ul.main-menu-level-1{
    width:100%;
    padding:0px;
    margin:0px;
    float:left;
    list-style-type:none;
    background: -moz-linear-gradient(top,  rgba(36,89,121,0.95) 0%, rgba(18,65,89,0.95) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,89,121,0.95)), color-stop(100%,rgba(18,65,89,0.95)));
    background: -webkit-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
    background: -o-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
    background: -ms-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
    background: linear-gradient(to bottom,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6245979', endColorstr='#e6124159',GradientType=0 );
    box-shadow:0 2px 1px rgba(0,0,0,0.5);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
}
div#main-menu ul.main-menu-level-2{
    width:100%;
    padding:0;
    margin:0;
    position:absolute;
    left:0;
    list-style-type:none;
    transition: opacity 0.15s 0s linear;
    -webkit-transition: opacity 0.15s 0s linear;
    -moz-transition: opacity 0.15s 0s linear;
    -o-transition: opacity 0.15s 0s linear;
    box-shadow:0 2px 1px rgba(0,0,0,0.5);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    opacity:0; /* deaktivace seznamu */
    visibility: hidden;
}
div#main-menu li.mi.activated ul.main-menu-level-2{opacity:1; visibility: visible;}/* aktivace po kliknutí na nadřazenou položku */

div#main-menu ul.main-menu-level-2,
div#main-menu li.mi.activated:hover ul.main-menu-level-2 {
    background: rgb(51,91,112);
    background: -moz-linear-gradient(top,  rgba(51,91,112,1) 0%, rgba(38,73,86,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,91,112,1)), color-stop(100%,rgba(38,73,86,1)));
    background: -webkit-linear-gradient(top,  rgba(51,91,112,1) 0%,rgba(38,73,86,1) 100%);
    background: -o-linear-gradient(top,  rgba(51,91,112,1) 0%,rgba(38,73,86,1) 100%);
    background: -ms-linear-gradient(top,  rgba(51,91,112,1) 0%,rgba(38,73,86,1) 100%);
    background: linear-gradient(to bottom,  rgba(51,91,112,1) 0%,rgba(38,73,86,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335b70', endColorstr='#264956',GradientType=0 );
}
div#main-menu li.mi:hover ul.main-menu-level-2 { /* aktivace po najetí myší na nadřazenou položku */
    opacity:1;
    visibility: visible;
    z-index:1010;
    background: rgb(84,118,135);
    background: -moz-linear-gradient(top,  rgba(84,118,135,1) 0%, rgba(64,95,106,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,118,135,1)), color-stop(100%,rgba(64,95,106,1)));
    background: -webkit-linear-gradient(top,  rgba(84,118,135,1) 0%,rgba(64,95,106,1) 100%);
    background: -o-linear-gradient(top,  rgba(84,118,135,1) 0%,rgba(64,95,106,1) 100%);
    background: -ms-linear-gradient(top,  rgba(84,118,135,1) 0%,rgba(64,95,106,1) 100%);
    background: linear-gradient(to bottom,  rgba(84,118,135,1) 0%,rgba(64,95,106,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#547687', endColorstr='#405f6a',GradientType=0 );
}
div#main-menu li.mi{
    display:block;
    float:left;
    background: rgba(255,255,255,0);
    transition: background 0.15s 0s linear;
    -webkit-transition: background 0.15s 0s linear;
    -moz-transition: background 0.15s 0s linear;
    -o-transition: background 0.15s 0s linear;
}
div#main-menu li.mi:hover{
    background: rgba(255,255,255,0.25);
}
div#main-menu li.mi:active{
    background: rgba(255,255,255,0.5);
}
div#main-menu li.mi.activated:hover{
    background: none;
}
div#main-menu li.mi a{
    display:block;
    margin:0 1px 0 1px;
    text-decoration:none;
    text-shadow: 0px 1px 1px #283849;
    color:#c0d5e1;
    padding:1.25em 1em 1.25em 1em;
}
div#main-menu li.mi a:hover,
div#main-menu li.mi.activated li a:hover{
    color:#fff;
}
div#main-menu li.mi.activated a,
div#main-menu li.mi.activated li.mi.activated a{
    margin:0 1px 0 1px;
    background: rgba(255,255,255,0.10);
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(255,255,255,0.1);
    color:#fff;
}
div#main-menu li.mi.activated li a{ /* neutralizace */
    background: none;
    border-right:none;
    border-left:none;
    color:#c0d5e1;
}
div#main-menu li.logo-eshop{
    margin:0;
    padding:0;
    width:49px;
    height:49px;
    float:left;
}
div#main-menu li.logo-eshop a{
    background:url(../../images/style/admin/logo-eshop.png) top left no-repeat;
    display:inline-block;
    width:100%;
    height:100%;
}
div#main-menu li.control-menu{
    padding:6px 6px 0 0;
    float: right;
}

/* main menu overview */

ul#main-menu-overview{
    list-style-type: none;
    padding:0;
}
ul#main-menu-overview li{
    width:100%;
    margin:0;
    float:left;
}
ul#main-menu-overview li a{
    width:100%;
    border-radius:5px;
    float:left;
    padding:10px 25px 10px 25px;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    background: rgb(239,245,249);
    background: -moz-linear-gradient(top,  rgba(239,245,249,1) 0%, rgba(223,236,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,245,249,1)), color-stop(100%,rgba(223,236,244,1)));
    background: -webkit-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    text-decoration: none;
    margin-bottom:1em;
}
ul#main-menu-overview li a:hover{
    background: #eff5f9;
}
ul#main-menu-overview li a:active{
    background: #dfecf4;
    box-shadow:0 0 1px rgba(0,0,0,0.4);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
}

/* main menu overview */

/* main menu end */

/* context menu */

nav#context-menu,
nav.context-menu {
    width:100%;
    border-radius:5px;
    float:left;
    clear:left;
    padding:15px 25px 15px 25px;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    background: rgb(239,245,249);
    background: -moz-linear-gradient(top,  rgba(239,245,249,1) 0%, rgba(223,236,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,245,249,1)), color-stop(100%,rgba(223,236,244,1)));
    background: -webkit-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    margin-bottom:1em;
    font-size: 1em;
}
nav#context-menu ul,
nav.context-menu ul{
    margin:0;
    padding:0;
    list-style-type: none;
}
nav#context-menu li,
nav.context-menu li{
    margin:0;
    padding:0;
    float: left;
    width: 100%;
}

/* context menu end*/

/* multilevel vertical menu */

div#onclick-admin-menu{
    float: left;
    width:100%;
    margin-bottom:1em;
}
div#onclick-admin-menu ul{
    float: left;
    list-style-type: none;
    padding:0;
    margin:0;
    width:100%;
}
div#onclick-admin-menu li{
    width:100%;
    float:left;
    padding:0 0 0 0;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    margin:3px 0 3px 0;
}
div#onclick-admin-menu > ul > li{
    border-radius:5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
div#onclick-admin-menu li:last-child{
    margin:3px 0 6px 0;
}
div#onclick-admin-menu li:first-child{
    margin:6px 0 3px 0;
}
div#onclick-admin-menu li:only-child{
    margin:6px 0 6px 0;
}
div#onclick-admin-menu li.closed ul{
    display: none;
}
div#onclick-admin-menu li.placeholder{
    height: 2em;
    width: 2em;
    border: none;
    margin: -1em 0 -1em -1em;
    position: relative;
    background: url(../../images/style/icons-buttons/dragging-menu-placeholder.svg) left top no-repeat;
    background-size: auto;
    background-size: 100%;
}

/* barevnosti seznamu */

div#onclick-admin-menu ul li{
    background: rgb(239,245,249);
    background: -moz-linear-gradient(top,  rgba(239,245,249,1) 0%, rgba(223,236,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,245,249,1)), color-stop(100%,rgba(223,236,244,1)));
    background: -webkit-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
}
div#onclick-admin-menu ul li li              {background:rgba(006,069,107,0.15);}
div#onclick-admin-menu ul li li li           {background:rgba(006,069,107,0.15);}
div#onclick-admin-menu ul li li li li        {background:rgba(006,069,107,0.15);}
div#onclick-admin-menu ul li li li li li     {background:rgba(006,069,107,0.15);}

/* barevnosti seznamu end*/

/* row part*/ /*bloky na radku*/

div#onclick-admin-menu .row-part{
    display:block;
    text-decoration:none;
    padding:0;
    line-height:1.857em;
    float:left;
    font-size:0.875em;
    background:rgba(255,255,255,0);
    transition: background 0.15s 0s linear;
    -webkit-transition: background 0.15s 0s linear;
    -moz-transition: background 0.15s 0s linear;
    -o-transition: background 0.15s 0s linear;
}
div#onclick-admin-menu .row-part span{
    display:block;
    min-height:1.857em;
    min-width:1.857em;
    margin:0.5em;
    float:left;
}
div#onclick-admin-menu a.row-part:hover{background:rgba(255,255,255,0.5);}
div#onclick-admin-menu a.row-part:active{background:rgba(255,255,255,0.75);}

/* row part end */

/* item name */ /* cast s nazvem polozky */

div#onclick-admin-menu .item-name{
    width:54%;
}
div#onclick-admin-menu li.item-activated > .item-name{
    font-weight: bold;
}

/* item name end */

/* item buttons */ /* ikonky na konci radku */

div#onclick-admin-menu div.item-buttons{
    float: right;
    width:31%;
}
div#onclick-admin-menu div.item-buttons span{
    float: right;
}
div#onclick-admin-menu .item-buttons span a{
    margin:0;
}

/* item buttons end */

/* opener */

div#onclick-admin-menu li .opener span{background:url(../../images/style/admin/icons-buttons/icon-small-opener-no-child.png) top right no-repeat;} /* ikona bez dítěte */
div#onclick-admin-menu li.closed .opener span{background:url(../../images/style/admin/icons-buttons/icon-small-opener-closed.png) top right no-repeat; cursor:pointer;} /* ikona rodič zavřeno */
div#onclick-admin-menu li.opened > .opener span{background:url(../../images/style/admin/icons-buttons/icon-small-opener-opened.png) top right no-repeat; cursor:pointer;} /* ikona rodič otevřeno */

/* opener end */

/* marks in menu */

mark{
    font-size: 0.714em;
    line-height: 0.714em;
}

/* marks in menu end */

/* multilevel vertical menu end */

/* languages & step guide */

ul#language-selection,
ul#step-guide{
    float:left;
    padding:0;
    margin:0;
    z-index:100;
    position:relative;
    width:100%;
}
ul#language-selection li,
ul#step-guide li{
    float:left;
    list-style-type:none;
    margin:0px 1px -1px 0px;
}
ul#language-selection li a,
ul#step-guide li span{
    display:block;
    text-decoration:none;
    line-height:0.875em;
    font-size:0.875em;
    padding:1em;
    border:1px solid #b1cad8;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background: rgb(239,245,249);
    background: -moz-linear-gradient(top,  rgba(239,245,249,1) 0%, rgba(223,236,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,245,249,1)), color-stop(100%,rgba(223,236,244,1)));
    background: -webkit-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
}
ul#language-selection li a:hover,
ul#language-selection a.active,
ul#step-guide li.activated span{
    background: rgb(255,255,255);
    border-bottom:1px solid #fff;
}
ul#language-selection li a mark,
ul#step-guide li span mark{
    font-size:0.714em;
    line-height:0.714em;
}
/* languages & step guide end */

/* orders */

strong.summary{
    font-size:2em;
}

/* order block*/

.blocks-row{
    width:100%;
    float:left;;
}
.order-block{
    width:100%;
    float:left;
    box-sizing: border-box;
    padding:1em;
}
.order-block.half-size{
    width:50%;
}
.order-block table{
    width: 100%;
    margin:0;
    font-size: 0.875em;
}
.order-block table th{
    background:none;
    font-size: 1em;
}
.order-block table td{
    background: none !important;
    border-top:1px solid #b1cad8;
}
.order-block table td label{
    font-size: 100%;
}

/* order block*/

/* order list */

table#order-list.data-table{
    width: 100%;
}
table.data-table .order-status span{
    float: left;
    line-height: 2.25em;
}
table.data-table .order-status select{
    width: 80%;
    float: left;
}

/* order list end */

/* order edit */

div#invoicing-subject{
    clear: left;
}
table#invoicing-subject td{
    border-top:1px solid #b7c3cf;
}
table#invoicing-subject tr#additemrow td{
    padding:8px 3px 8px 3px;
}
a#additem:hover{
    background-position:left bottom;
}
table.table-order td.first{
    width:35%;
}
table#price-summary{
    width:100%;
    margin:1em 0 1em 0;
}
table#price-summary td{
    padding:0;
}
table#invoicing-subject{
    font-size: 0.875em;
}
table#invoicing-subject th{
    font-weight: normal;
    background:#fff;
}
table#invoicing-subject td{
    padding:0.25em;
}
table#invoicing-subject td .icon-small{
    font-size: 1em;
}
table#invoicing-subject td input.readonly,
table#price-summary td input.readonly{
    text-align: right;
    border:none;
    box-shadow: none;
}
table#price-summary td{
    border-top: 1px solid #b1cad8;
}
table#price-summary td input.readonly{
    font-size:2em;
    padding:0.25em;
    font-weight: bold;
}

/* order edit end  */

/* invoice edit */

table.order-print{
    width:100%;
}
table.order-print th{
    font-size:14px;
    font-weight:normal;
}
table.order-print td{
    vertical-align:top;
}
td.order-print-invoice,
td.order-print-delivery,
td.order-print-invoice-1,
td.order-print-invoice-2{
    width:470px;
    padding:0px 10px 20px 10px;
}
td.order-print-products{
    width:970px;
    padding:0px 10px 20px 10px;
}

/* invoice edit end */

/* settings */


.external-link{
    width:100%;
    border-radius:5px;
    float:left;
    padding:10px 10px 10px 10px;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    background: rgb(239,245,249);
    background: -moz-linear-gradient(top,  rgba(239,245,249,1) 0%, rgba(223,236,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,245,249,1)), color-stop(100%,rgba(223,236,244,1)));
    background: -webkit-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    text-decoration: none;
    margin-bottom:1em;
}
.external-link .icon-large{
    margin-right:25px;
}
.external-link a{
    text-decoration: none;
}
.external-link p{
    margin-bottom:0;
}
table.edit-table-tranlsation td.first{
    width:50%;
}
img.invoice-logo{ /* V nastaveni fakturace */
    max-height:4em;
}

/* settings delivery*/

table#delivery-combinations th.col-avaibility,
table#delivery-combinations th.col-payment,
table#delivery-combinations th.col-price,
table#delivery-combinations th.col-vat,
table#delivery-combinations th.col-free-shipping{
    width:15%;
}
table#delivery-combinations input:disabled,
table#delivery-combinations select:disabled{
    opacity: 0.5;
}

/* settings delivery end*/


/* settings end*/


/* admin gallery */

div.image_product_float{
    float:left;
    padding:0.25em;
    background-color:#b1cad8;
    margin:0.5em;
}
div.image_product_float img{
    width:8em;
    height:6em;
}
div.image_product_float div.image_name{
    display: none;
}
div.image_product_float div.action_box{
    padding-top:0.25em;
}

/* admin gallery end */

/* admin attached files */

div.file_product_float{
    float:left;
    margin:0.5em;
    width: 8em;
}
div.file_product_float img{
    width: 100%;
    margin: 0px auto;
}
div.file_product_float div.file_name{
    height: 2.25em;
    overflow: hidden;
    font-size: 0.75em;
    color: #fff;
    width: 100%;
    margin-top:-3.5em;
    padding:0 0.5em 0 0.5em;
}
div.file_product_float div.action_box{
    padding-top:1em;
}

/*  admin attached files end */

/* popup editor */

body.popup-editor div#administration{
    width: 100%;
    min-width: auto;
}
body.popup-editor img.edit-photo{
    float: left;
}
body.popup-editor div#left {
    width: 140px;
    margin-right: 10px;
}
body.popup-editor div#right {
    width: 400px;
}

/* popup editor end */


/* admin homepage */

iframe#centrum-iframe{
    width:100%;
    height:100%;
    border:none;
}

/* admin homepage end */

/* login */

div#admin-login{
    width:100%;
    height:100%;
}
div.login-background-1{background:url(../../images/style/admin/background-login-01.gif) center top no-repeat #002938;}
div.login-background-2{background:url(../../images/style/admin/background-login-02.gif) center top no-repeat #002938;}
div.login-background-3{background:url(../../images/style/admin/background-login-03.gif) center top no-repeat #002938;}
div.login-background-4{background:url(../../images/style/admin/background-login-04.gif) center top no-repeat #002938;}

div#login-window-center{
    width:360px;
    margin:0px auto 0 auto;
}
div#login-window{
    width:300px;
    padding:30px;
    margin:100px auto 0 auto;
    background: -moz-linear-gradient(top, rgba(36,89,121,0.9) 0%, rgba(0,41,56,0.9) 100%);  /* gradient pozadí menu není řešen obrázkem kvůli dynamické výšce menu */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,89,121,0.9)), color-stop(100%,rgba(0,41,56,0.9)));
    background: -webkit-linear-gradient(top, rgba(36,89,121,0.9) 0%,rgba(0,41,56,0.9) 100%);
    background: -o-linear-gradient(top, rgba(36,89,121,0.9) 0%,rgba(0,41,56,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(36,89,121,0.9) 0%,rgba(0,41,56,0.9) 100%);
    background: linear-gradient(to bottom, rgba(36,89,121,0.9) 0%,rgba(0,41,56,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6245979', endColorstr='#e6002938',GradientType=0 );
    float:left;
}
div#login-window h3{
    color:#fff;
    margin-top:0;
    text-shadow: 0px 1px 1px #000;
    opacity:0.9;
    font-weight: normal;
}
div#login-window label{
    color:#fff;
    text-shadow: 0px 1px 1px #000;
    opacity:0.9;
    display:block;
    margin:0.5em 0 0.25em 0;
}
div#login-window input[type=text],
div#login-window input[type=password]{
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #9fb7c5;
    border-radius: 5px;
    padding: 0.5em 0.5em 0.5em 0.5em;
    margin: 0.25em 0 0.25em 0;
    color: #002938;
    background: #fff;
}
div#login-window .icon-proceed{
    margin-right:-5px;
    color:#fff;
    text-shadow: 0px 1px 1px #000;
}
a#logo-blueghost{
    width:250px;
    height:50px;
    background:url(../../images/style/admin/login-logo-blueghost.png) top center no-repeat;
    display:block;
    position:fixed;
    right:0;
    bottom:20px;
}
a#logo-blueghost:hover{
    background-position: bottom center;
}
a#logo-blueghost span{
    display:none;
}

/* login end */

/* logout  */

div#logout{
    width:500px;
    padding:320px 0 0 0;
    background:url(../../images/style/admin/logout-image.jpg) top center no-repeat;
    margin:100px auto 0 auto;
}
div#logout h2,
div#logout h3,
div#logout h4{
    color:#00303f;
    text-align: center;
}

/* logout end */

/* Tiny MCE patch*/

div.mce-fullscreen {
    z-index: 1010;
}

/* Tiny MCE patch end*/

/* gdpr agreements */

table.gdpr-agreement{
    float: left;
    margin: 0 0 1.5rem 0;
    border-spacing: 0;
}
table.gdpr-agreement *{
    box-sizing: border-box;
}
table.gdpr-agreement th{
    text-align: left;
    font-size: 0.75rem;
    padding: 0.5rem;
    white-space: nowrap;
}
table.gdpr-agreement td{
    text-align: left;
    vertical-align: top;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
table.gdpr-agreement th.id,
table.gdpr-agreement td.id{
    text-align: center;
}
table.gdpr-agreement td.ip,
table.gdpr-agreement td.related,
table.gdpr-agreement td.contact{
    padding-top: 1.313rem;
}
table.gdpr-agreement strong.placings{
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    margin: 0 auto;
    line-height: 2.5rem;
    border-radius: 50%;
    background: #3B6E8C;
    color: #fff;
}
table.gdpr-agreement span.opener{
    border-radius: 0.313rem;
    display: block;
    color: #fff;
    height: 2.5rem;
    line-height: 2.5rem;
    font-weight: bold;
    padding: 0rem 1rem 0rem 2.625rem;
    white-space: nowrap;
    cursor: pointer;
    background:url(../../images/style/admin/icons-buttons/icon-magnifier.svg) 0.75rem center / 20px no-repeat #78A5C4;
}
table.gdpr-agreement span.opener:hover{
    background-color: #5282A3;
}
table.gdpr-agreement div.text{
    display: none;
    background: #fff;
    border: 1px solid #d2dde3;
    border-radius: 0.313rem;
    padding: 0.5rem 0.75rem;
    margin-top: 0.5rem;
    font-size: 0.875rem !important; /* importanty ošetřují nečekané styly skrz vizuálním editor */
}
table.gdpr-agreement div.text h1,
table.gdpr-agreement div.text h2,
table.gdpr-agreement div.text h3,
table.gdpr-agreement div.text h4,
table.gdpr-agreement div.text h5,
table.gdpr-agreement div.text h6{
    margin: 0 0 0.75rem 0 !important;
    font-size: 1.125rem !important;
}
table.gdpr-agreement div.text p{
    font-size: 0.875rem !important;
    margin: 0 0 0.75rem 0 !important;
}
table.gdpr-agreement div.text ul,
table.gdpr-agreement div.text ol{
    font-size: 0.875rem !important;
    margin: 0 0 0.75rem 0 !important;
    list-style-position:inside;
}
table.gdpr-agreement div.text li{
    margin: 0 !important;
    padding: 0 !important;
}
table.gdpr-agreement div.text table{
    margin: 0 0 0.75rem 0 !important;
    width: 100% !important;
}
table.gdpr-agreement div.text th,
table.gdpr-agreement div.text td{
    font-size: 0.875rem !important;
    padding: 0.375rem 0.5rem !important;
}
table.gdpr-agreement div.time{
    background: #fff;
    height: 2.5rem;
    border: 1px solid #d2dde3;
    border-radius: 0.313rem;
    padding: 0.375rem 0.75rem 0.25rem 0.75rem;
    white-space: nowrap;
    text-align: center;
}
table.gdpr-agreement div.time strong.day{
    display: block;
    color:inherit;
}
table.gdpr-agreement span.email{
    word-break: break-all;
    display: inline-block;
}

/* gdpr agreements end */

/* attachments start */

/* admin attached photos */

div.photo{
    float:left;
    width:170px;
    height:170px;
    background-color:#dfecf4;
    margin:5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    cursor:pointer;
    background-position: center center;
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
}
div.photo.dragged{ /* tazena polozka */
    position: absolute;
    z-index: 2000;
    box-shadow:0 3px 3px rgba(0,0,0,0.5);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
}
div.photo.blank{ /* prazdne misto po tazene polozce */
    visibility: hidden;
}
div.photo.placeholder{ /* kam bude polozka vlozena*/
    width:1px;
    margin-right: -1px;
    margin-left: -1px;
    background:rgba(006,069,107,0.5);
    box-shadow:0 0 5px rgba(003,041,064,1);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    border:none;
}
div.photo nav.icons{
    position:absolute;
    background:#dfecf4;
    color:#efefef;
    top:0;
    left:0;
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    font-size:0.875em;
    overflow: hidden;
    max-height:0;
    padding:0;
    margin:0;
}
div.photo:hover nav.icons{
    max-height:100%;
    transition: max-height .9s linear;
    -webkit-transition: max-height .9s linear;
    -moz-transition: max-height .9s linear;
    -o-transition: max-height .9s linear;
}
div.photo nav.icons .icon-small{
    float:right;
    margin:0.5em 0.5em 0.5em 0;
}
a.photos-headline{width:92%;} /* pozicovani loaderu */
a.photos-headline mark{float:right} /* pozicovani marku */
a.photos-headline .ajax-loader{float:right; margin-top:0.5em;} /* pozicovani loaderu */


/* edit photo */

section.edit-photo{
    width:710px;
    float:left;
    background-color:#dfecf4;
    margin:5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    box-sizing:border-box;
    padding:1em;
}
section.edit-photo header{
    width:100%;
    float:left;
    margin:0 0 0.25em 0;
}
section.edit-photo header h3{
    float:left;
    margin-top:0;
}
section.edit-photo header .icon-small{
    float:right;
}
section.edit-photo div.photo-info,
section.edit-photo div.photo-crop{
    width:50%;
    float:left;
}
section.edit-photo div.photo-crop{
    box-sizing:border-box;
    padding:0 2em 0 0;
}
section.edit-photo div.photo-crop img{
    width:100%;
}

/* edit photo end */

/* loading photo */

div.loading-photo{
    float:left;
    width:170px;
    height:170px;
    padding:145px 10px 10px 10px;
    margin:5px;
    background:#dfecf4;
    box-sizing:border-box;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

/* loading photo end */

/* add photo */

a.add-photo{
    float:left;
    width:170px;
    height:170px;
    margin:5px;
    border: 2px #b1cad8 dashed;
    box-sizing:border-box;
    text-decoration: none;
    color:#8fb0c3;
}
a.add-photo.hover{
    border: 2px #1d85c4 dashed;
    color:#1d85c4;
}
a.add-photo .icon-medium{
    float:none;
    width:0;
    margin:50px auto 5px auto;
}
a.add-photo .add-call{
    width: 100%;
    text-align: center;
}

/* add photo end */

/* admin attached photos end */

/* admin attached files */

div.file{
    float:left;
    width:170px;
    height:170px;
    background-color:#dfecf4;
    margin:5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    cursor:pointer;
    position:relative;
}
div.file.dragged{ /* tazena polozka */
    position: absolute;
    z-index: 2000;
    box-shadow:0 3px 3px rgba(0,0,0,0.5);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
}
div.file.blank{ /* prazdne misto po tazene polozce */
    visibility: hidden;
}
div.file.placeholder{ /* kam bude polozka vlozena*/
    width:1px;
    margin-right: -1px;
    margin-left: -1px;
    background:rgba(006,069,107,0.5);
    box-shadow:0 0 5px rgba(003,041,064,1);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    border:none;
}
div.file nav.icons{
    position:absolute;
    background:#dfecf4;
    color:#efefef;
    top:0;
    left:0;
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    font-size:0.875em;
    overflow: hidden;
    max-height:0;
    padding:0;
    margin:0;
}
div.file:hover nav.icons{
    max-height:100%;
    transition: max-height .9s linear;
    -webkit-transition: max-height .9s linear;
    -moz-transition: max-height .9s linear;
    -o-transition: max-height .9s linear;
}
div.file nav.icons .icon-small{
    float:right;
    margin:0.5em 0.5em 0.5em 0;
}
div.file p.file-name {
    color: #fff;
    font-weight: bold;
    line-height: 1.25em;
    font-size:1em;
    margin:0;
    float:left;
    width:100%;
    padding:5px 15px 0 15px;
    box-sizing: border-box;
    height:5.25em;
    overflow: hidden;
}
div.file      {background-color:#002938;}
div.file.avi  {background-color:#dc7929;}
div.file.css  {background-color:#c53f82;}
div.file.csv  {background-color:#90c53f;}
div.file.doc  {background-color:#235979;}
div.file.docx {background-color:#235979;}
div.file.eml  {background-color:#d7ba2d;}
div.file.eps  {background-color:#c53f82;}
div.file.html {background-color:#43a7e3;}
div.file.jpg  {background-color:#90c53f;}
div.file.mov  {background-color:#686868;}
div.file.mp3  {background-color:#002938;}
div.file.pdf  {background-color:#b4433a;}
div.file.png  {background-color:#43a7e3;}
div.file.ppt  {background-color:#dc7929;}
div.file.rar  {background-color:#b4433a;}
div.file.raw  {background-color:#b4433a;}
div.file.ttf  {background-color:#235979;}
div.file.txt  {background-color:#43a7e3;}
div.file.wav  {background-color:#d7ba2d;}
div.file.xls  {background-color:#90c53f;}
div.file.xlsx {background-color:#90c53f;}
div.file.xml  {background-color:#dc7929;}
div.file.zip  {background-color:#9b9b9b;}

a.files-headline{width:92%;} /* pozicovani loaderu */
a.files-headline mark{float:right} /* pozicovani marku */
a.files-headline .ajax-loader{float:right; margin-top:0.5em;} /* pozicovani loaderu */


/* edit file */

section.edit-file{
    width:710px;
    float:left;
    background-color:#dfecf4;
    margin:5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    box-sizing:border-box;
    padding:1em;
}
section.edit-file header{
    width:100%;
    float:left;
    margin:0 0 0.25em 0;
}
section.edit-file header h3{
    float:left;
    margin-top:0;
    max-width:90%;
}
section.edit-file header .icon-small{
    float:right;
}
section.edit-file div.file-description,
section.edit-file div.file-name{
    width:50%;
    float:left;
}
section.edit-file div.file-name{
    box-sizing:border-box;
    padding:0 2em 0 0;
}

/* edit file end */

/* loading file */

div.loading-file{
    float:left;
    width:170px;
    height:170px;
    padding:145px 10px 10px 10px;
    margin:5px;
    background:#dfecf4;
    box-sizing:border-box;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

/* loading file end */

/* add file */

a.add-file{
    float:left;
    width:170px;
    height:170px;
    margin:5px;
    border: 2px #b1cad8 dashed;
    box-sizing:border-box;
    text-decoration: none;
    color:#8fb0c3;
}
a.add-file.hover{
    border: 2px #1d85c4 dashed;
    color:#1d85c4;
}
a.add-file .icon-medium{
    float:none;
    width:0;
    margin:50px auto 5px auto;
}
a.add-file .add-call{
    width: 100%;
    text-align: center;
}

/* add file end */

/* admin attached files end */

/* admin attached videos  */

div.video{
    float:left;
    width:170px;
    height:170px;
    background-color:#dfecf4;
    margin:5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    cursor:pointer;
    background-position: center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
}
div.video.dragged{ /* tazena polozka */
    position: absolute;
    z-index: 2000;
    box-shadow:0 3px 3px rgba(0,0,0,0.5);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
}
div.video.blank{ /* prazdne misto po tazene polozce */
    visibility: hidden;
}
div.video.placeholder{ /* kam bude polozka vlozena*/
    width:1px;
    margin-right: -1px;
    margin-left: -1px;
    background:rgba(006,069,107,0.5);
    box-shadow:0 0 5px rgba(003,041,064,1);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    border:none;
}
div.video nav.icons{
    position:absolute;
    background:#dfecf4;
    color:#efefef;
    top:0;
    left:0;
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    font-size:0.875em;
    overflow: hidden;
    max-height:0;
    padding:0;
    margin:0;
}
div.video:hover nav.icons{
    max-height:100%;
    transition: max-height .9s linear;
    -webkit-transition: max-height .9s linear;
    -moz-transition: max-height .9s linear;
    -o-transition: max-height .9s linear;
}
div.video nav.icons .icon-small{
    float:right;
    margin:0.5em 0.5em 0.5em 0;
}
div.video .icon-large{
    position:absolute;
    bottom:5px;
    right:5px;
}
a.videos-headline{width:92%;} /* pozicovani loaderu */
a.videos-headline mark{float:right} /* pozicovani marku */
a.videos-headline .ajax-loader{float:right; margin-top:0.5em;} /* pozicovani loaderu */

/* add video */

div.add-video{
    float:left;
    width:170px;
    height:170px;
    margin:5px;
    border: 2px #b1cad8 dashed;
    box-sizing:border-box;
    text-decoration: none;
    color:#8fb0c3;
    padding:0.5em;
}
div.add-video label,
div.error{
    color:#8fb0c3;
    font-size:1em;
    line-height:1.5em;
    margin:1.5em 0 0.5em 0;
    text-align: center;
}
div.add-video input{
    text-align: center;
}
div.add-video .icon-medium{
    float:none;
    width:0;
    margin:0.5em auto 0 auto;
}
div.add-video .icon-medium.icon-switch{
    margin:2.5em auto 0 auto;
}

/* add video end */

/* edit video */

section.edit-video{
    width:710px;
    float:left;
    background-color:#dfecf4;
    margin:5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    box-sizing:border-box;
    padding:1em;
}
section.edit-video header{
    width:100%;
    float:left;
    margin:0 0 0.25em 0;
}
section.edit-video header h3{
    float:left;
    margin-top:0;
    max-width:90%;
}
section.edit-video header .icon-small{
    float:right;
}
section.edit-video div.video-name,
section.edit-video div.video-description,
section.edit-video div.video-preview{
    width:50%;
    float:left;
}
section.edit-video div.video-preview{
    box-sizing:border-box;
    padding:0 2em 0 0;
}

/* edit video end */

/* admin attached videos end*/

/* attachments end */


/* variants start */

div#right.wide {
    width: 1430px;
}
table#edit-table table.module-parameter-table{
    width:100%;
}
table#edit-table table.module-parameter-table td:nth-child(n){
    width:auto;
    padding-left:0.25rem;
    padding-right:0.25rem;
}
table#edit-table table.module-parameter-table tr > :nth-child(1){
    padding-left:0;
    padding-right:0;
}
table#edit-table table.module-parameter-table select{
    width: 100%;
    min-width: 7.5rem;
}

/* variants end */

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* universal loader */

.universal-loader{
    width:100%;
    height:100%;
    position:fixed;
    z-index:2000;
    background:rgba(255,255,255,0.8);
    justify-content:center;
    align-items:center;
    display:none;
}
.universal-loader.visible{
    display:flex;
}
.universal-loader .icon{
    width:120px;
    height:120px;
    animation:universal-loader 1s infinite linear;
    background:url(/images/style/universal-loader.png) center center / 100% 100% no-repeat;
}
@keyframes universal-loader {
    from {transform:rotate(0)}
    to {transform: rotate(360deg)}
}

/* universal loader end */