table.magrano_info{
  width: 100%;
  border-collapse: collapse;
  text-align: left;  
}

table.magrano_info td{
  border-collapse: collapse;
  padding: 15px 10px 15px 10px;
  vertical-align: top;
  font-size: 18px;
}

table.magrano_info td h3{
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 1px;
}

table.magrano_info_hodnoty td{
  padding: 1px 10px 5px 0;  
  border: 0px none !important;
}

div.magrano_sprava{
  background: #eeeeee;
  padding: 10px 15px;
  margin-bottom: 10px;
  border-top: solid 5px #888888;
}

div.magrano_sprava_info{
  font-size: 11px;
  color: #888888;
  margin-bottom: 4px;  
}

div.adresat_moznosti_box{
  position: absolute;
  top: 30px;
  left: 0px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

div.adresat_moznosti{
  padding: 0px; 
  border: solid 1px #cccccc; 
  width: auto;
}

div.adresat_moznosti a{
  display: block;
  padding: 10px;
  padding-right: 35px;
  padding-left: 45px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none; 
  white-space: nowrap; 
  background-position: 10px center;
  background-repeat: no-repeat;
}

div.adresat_moznosti a:hover{
  background-color: #eeeeee;
}

div.feed_box{
  margin-bottom: 10px;
  overflow: hidden;
  border: solid 1px #dddddd;
}

div.feed_title{
  background: #dddddd;
  padding: 10px;
}

.feed_delete{
  width: 16px;
  height: 16px;
  margin-left: 10px;
  float: right;
  cursor: hand;
  cursor: pointer;
}

div.feed_detail{
  padding: 10px;
  display: none;
}

div.feed_preview{
  background: #eeeeee;
  border: solid 1px #cccccc;
  padding: 10px;  
  line-height: 150%;
  font-size: 14px;
  white-space: nowrap;
}

div.feed_preview .feed_tag{
  display: inline-block;
  padding: 0 5px;
  cursor: hand; cursor: pointer;  
}

div.feed_preview .feed_tag:hover{
  background: #639CD8;
  color: #ffffff;
}

div.feed_preview .feed_tag_value{
  color: #bbbbbb;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  height: 13px;
  font-size: 12px;
  line-height: 100%;
  padding-top: 1px;
  margin: 0 4px;
}

div.feed_priradenie_polozka{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 3px;
}

div.feed_priradenie_polozka:hover{
  background: #eeeeee;
}

div.feed_priradenie_polozka_active{
  background: #639CD8;
  color: #ffffff;
}

div.feed_priradenie_polozka_active:hover{
  background: #639CD8;
  color: #ffffff;
}

div.feed_priradenie_polozka_label{
  flex: 0 0 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.feed_update_time{
  display: flex;
  align-items: center;  
}

.feed_update_time_remove{
  width: 14px;
  height: 14px;
  cursor: hand; cursor: pointer;
  margin-left: 5px;
}

.remote_api_action{
  font-size: 10px;
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  margin: 0 8px 0 0;
  padding: 4px 8px;
  text-decoration: none;  
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

.remote_api_action:hover{
  background: rgba(0,0,0,0.1);
}

.remote_api_action img{
  width: 16px;
  height: 16px;
  margin-right: 3px; 
}


div.statistika_boxy{
  display: flex;  
}

div.statistika_box{
  flex: 1 1 100%;
  margin: 10px 20px;
  padding: 10px;
  background: #eeeeee;
  border: solid 1px #cccccc;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

div.statistika_box_graf{
  padding: 0px 0 10px 0;
  
}

div.statistika_box_graf div.statistika_progress{
  margin: 0 10px;  
}

div.statistika_graf{
  margin: -1px -1px 15px -1px;
  height: 50px;  
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  background: #ffffff;
}

div.statistika_graf .highcharts-container{
  overflow: visible !important;
}

div.statistika_graf .highcharts-container svg{
  overflow: visible !important;
}

div.statistika_graf_milestone{
  position: absolute; bottom: -16px; 
}

div.statistika_graf_milestone img{
  height: 13px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  opacity: 0.5;
}

div.statistika_graf_milestone div.statistika_graf_milestone_ciara{
  position: absolute;
  width: 1px;
  height: 48px;
  background: linear-gradient(180deg, rgba(221,221,221,0.5) 0%, rgba(101,101,101,0.5) 100%);
  bottom: 13px;
  left: 8px;
}

div.statistika_hodnoty{
  display: flex;  
}

div.statistika_hodnoty_box{
  flex: 1 1 50%;
}

div.statistika_label{
  text-align: center;
  font-size: 11px;
}

div.statistika_hodnota{
  font-size: 32px;
  text-align: center;
  font-weight: bold;
}

div.statistika_hodnota_graf{
  cursor: hand;
  cursor: pointer;
}

div.statistika_hodnota_graf_inactive{
  opacity: 0.3;  
}

div.statistika_progress{
  height: 20px;
  background: #cccccc;  
  display: flex;
  
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  
  overflow: hidden;
}

div.statistika_progress_pas{
  flex: 0 0 100%;
  
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

div.statistika_porovnanie_float_box{
  position: relative;  
  width: 0px;
  height: 0px;
  overflow: visible;
}

div.statistika_porovnanie_float{
  position: absolute;
  top: 10px;
  left: 0px;  
  width: 200px;
  height: 200px;
  background: #ffffff;
  z-index: 10;
}

div.statistika_porovnanie_float div.statistika_porovnanie_nazov{
  padding: 0 10px;
  background: #ffffff;  
  flex: 1 1 100%;
  border-right: solid 1px #dddddd;
}

div.statistika_porovnanie_float div.statistika_porovnanie_riadok_hlavicka div.statistika_porovnanie_nazov{
  background: #eeeeee;  
}

div.statistika_porovnanie{
  padding: 10px 0;  
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
}

div.statistika_porovnanie_riadok{
  flex: 1 1 100%;
  display: flex;
  align-items: stretch;  
  overflow: visible;
}

div.statistika_porovnanie_riadok_hlavicka{
  background: #eeeeee;
  overflow: visible;
}

div.statistika_porovnanie_nazov{
  flex: 1 0 200px;
  display: flex;
  align-items: center;
  padding: 15px 10px;
  max-width: 300px;
  border-bottom: solid 1px #cccccc;
}

.statistika_porovnanie_nazov_label{
  font-size: 9px;
  padding: 2px 4px;
  background: rgba(0,0,0,0.1);
}

.statistika_porovnanie_nazov_hodnota{
  font-weight: bold;
  padding: 2px 4px 5px 4px;  
}

div.statistika_porovnanie_hodnota{
  flex: 1 0 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 180px; 
  border-bottom: solid 1px #cccccc;
  padding: 15px 15px;
  flex-wrap: wrap;
}

div.statistika_porovnanie_hodnota_oddelovac{
  border-right: solid 5px #eeeeee;  
}

div.statistika_porovnanie_riadok_hlavicka div.statistika_porovnanie_hodnota{  
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  line-height: 12px;
  background: #eeeeee;
}

div.statistika_porovnanie_cislo{
  flex: 1 1 100%;
  font-size: 12px;
  padding: 2px 0 2px 0;
  font-weight: bold;  
  text-transform: lowercase;
}

div.statistika_porovnanie_graf{
  flex: 1 1 100%;
  display: flex;
  background: #eeeeee;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  height: 12px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

div.statistika_porovnanie_graf_hodnota{
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 0;
  background: #cf1d4f;  
  
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

span.statistika_moznost{
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 20px;
  padding: 0 20px 0 40px;
  cursor: hand; cursor: pointer;
  transition: all 0.3s;
  opacity: 0.5;  
  -webkit-filter: grayscale(80%);
  filter: grayscale(80%); 
}

span.statistika_moznost:hover{
  opacity: 1;  
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%); 
}

div.statistika_content_vykonnost span.statistika_moznost_vykonnost, div.statistika_content_polozky span.statistika_moznost_polozky, div.statistika_content_porovnanie span.statistika_moznost_porovnanie, div.statistika_content_prehlad span.statistika_moznost_prehlad, div.statistika_content_reporting span.statistika_moznost_reporting, div.statistika_content_odozvy span.statistika_moznost_odozvy{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%); 
  opacity: 1;
}

span.statistika_moznost_vykonnost{
  background-image: url('img/icon_graf.png');
}

span.statistika_moznost_polozky{
  background-image: url('img/icon_items.png');
}

span.statistika_moznost_porovnanie{
  background-image: url('img/icon_compare.png');
}

span.statistika_moznost_prehlad{
  background-image: url('img/icon_overview.png');
}

span.statistika_moznost_reporting{
  background-image: url('img/icon_mail_reporting.png');
}

span.statistika_moznost_odozvy{
  padding-left: 30px;
  background-image: url('../../img/ikonky/waiting.svg');
}

.filter_statistika_vykonnost, .filter_statistika_polozky, .filter_statistika_porovnanie, .filter_statistika_prehlad, .filter_statistika_reporting, .filter_statistika_odozvy{
  display: none;  
}

div.statistika_content_vykonnost .filter_statistika_vykonnost, div.statistika_content_polozky .filter_statistika_polozky, div.statistika_content_porovnanie .filter_statistika_porovnanie, div.statistika_content_prehlad .filter_statistika_prehlad, div.statistika_content_reporting .filter_statistika_reporting, div.statistika_content_odozvy .filter_statistika_odozvy{
  display: block;
}

.statistika_moznost_porovnanie_option, .statistika_moznost_prehlad_option{
  display: none;
}

div.statistika_content_porovnanie .statistika_moznost_porovnanie_option, div.statistika_content_prehlad .statistika_moznost_prehlad_option{
  display: block;
}

table.statistika_prehlad{
  width: 100%;  
  table-layout: fixed;
}

table.statistika_prehlad td{
  padding: 14px;
  min-width: 140px;
  border-left: solid 1px #eaeaea;
  color: #404040;
}

table.statistika_prehlad td.statistika_prehlad_label{
  width: 240px;
  font-weight: bold;
}

table.statistika_prehlad tr:nth-child(2n) td{
  background: #f9f9f9;
}

table.statistika_prehlad tr.statistika_prehlad_hlavicka td{
  color: #ffffff;
  background: #79252e;
  border-left: solid 1px rgba(255,255,255,0.2);
  font-weight: bold;
  text-align: center;
  padding: 20px 10px;
}

table.statistika_prehlad tr.statistika_prehlad_hlavicka:hover td{
  background: #79252e;
}

table.statistika_prehlad tr:hover td{
  background: #79252e1a;
}

.statistika_prehlad_label_specifikacia{
  display: flex;  
  background: rgba(255,255,255,0.3);
  padding: 5px;
  
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.statistika_prehlad_label_specifikacia div{
  flex: 1 1 33%;
}



span.layout_moznost, span.css_moznost{
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 20px;
  padding: 0 20px 0 40px;
  cursor: hand; cursor: pointer;
  transition: all 0.3s;
  opacity: 0.5;  
  -webkit-filter: grayscale(80%);
  filter: grayscale(80%); 
}

span.layout_moznost:hover, span.css_moznost:hover{
  opacity: 1;  
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%); 
}

div.layout_content_naseptavac span.layout_moznost_naseptavac, div.layout_content_fulltext span.layout_moznost_fulltext, div.css_content_naseptavac span.css_moznost_naseptavac, div.css_content_fulltext span.css_moznost_fulltext{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%); 
  opacity: 1;
}

span.layout_moznost_naseptavac, span.css_moznost_naseptavac{
  background-image: url('img/icon_layout_naseptavac.png');
}

span.layout_moznost_fulltext, span.css_moznost_fulltext{
  background-image: url('img/icon_layout_fulltext.png');
}

.layout_form, .css_form{
  display: none;
  transition: all 0.5s;
}

div.layout_content_naseptavac .layout_form_naseptavac{
  display: block;  
}

div.layout_content_fulltext .layout_form_fulltext{
  display: block;  
  padding-bottom: 20px;
}

div.css_content_naseptavac .css_form_naseptavac{
  display: block;  
}

div.css_content_fulltext .css_form_fulltext{
  display: block;  
  padding-bottom: 20px;
}

div.layout_column, div.priority_column{
  flex: 1 1 50%;
  display: flex;
  align-items: stretch;
  border: solid 1px #555555;
  border-left: 0px none;
  min-height: 200px;
  position: relative;
}

div.layout_column{
  background: #ffffff;
}

div.layout_column:hover, div.priority_column:hover{
  background: #f8f8f8;
}

div.layout_column:first-of-type{
  border-left: solid 1px #555555;
}

div.layout_column_box{
  padding: 20px;
  flex: 1 1 100%;
  position: relative;
}

div.layout_column_box_selected{
  border: solid 3px #639cd8;
  padding: 17px;
}

div.layout_column_pridat{
  flex: 0 0 50px;
  min-height: 200px;
  margin-left: 10px;
  background: url('../../img/ikonky/pridat.svg') center center no-repeat #E1F2B8;
  background-size: 20px 20px;
  cursor: hand; cursor: pointer;  
}

div.layout_column_pridat:hover{
  background-color: #D8E5B0;
}

div.layout_column_remove{
  top: -6px;
  right: -6px;
  position: absolute;
  z-index: 3;
  width: 24px;
  height: 24px;
  background: url('../../img/ikonky/delete.svg') center center no-repeat;
  background-size: cover;  
  cursor: hand; cursor: pointer;
  display: none;
}

div.layout_column:hover div.layout_column_remove, div.priority_column:hover div.layout_column_remove{
  display: block;
}

div.layout_column_move{
  top: -6px;
  left: 6px;
  position: absolute;
  z-index: 3;
  width: 20px;
  padding: 0 2px;
  height: 24px;
  background: #459FE0;
  background-size: cover;  
  cursor: hand; cursor: pointer;
  display: none;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}

div.layout_column:hover div.layout_column_move{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div.layout_column_params{
  padding-bottom: 5px; 
}

div.layout_column_param{
  display: flex;
  align-items: center;
  padding-bottom: 3px;   
  line-height: 32px;
}

div.layout_column_param div.layout_column_param_label{
  flex: 1 1 50%;
  text-align: left;
  line-height: 16px;
  padding: 8px 0;
}

div.layout_column_param div.layout_column_param_value{
  flex: 1 1 50%;
}

div.layout_column_param_selected_values{
  margin: 0 20px 1px 0;
  padding: 1px;
  font-size: 10px;
  cursor: hand;
  cursor: pointer;
  position: relative;
}

div.layout_column_param_selected_values:hover{
  background: #bbbbbb;
}

div.layout_column_param_selected_values:hover .layout_column_param_selected_value_remove{
  position: absolute;
  top: 4px;
  right: 5px;
  width: 12px;
  height: 12px;
  background: url('../../img/ikonky/delete.svg') center center no-repeat;
  background-size: 12px 12px;
}


div.magrano_layout, div.magrano_priority{
  display: flex;
  align-items: stretch;
  margin-bottom: 10px;
}

div.layout_elements_list{
  display: flex;
  flex-wrap: wrap;
}

div.layout_element{  
  background: #eeeeee;
  border: dashed 1px #888888;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  position: relative;
}

div.layout_element:hover{
  background-color: #dddddd;
}  

div.layout_element_remove{
  top: -6px;
  right: -6px;
  position: absolute;
  z-index: 3;
  width: 12px;
  height: 12px;
  background: url('../../img/ikonky/delete.svg') center center no-repeat;
  background-size: cover;  
  cursor: hand; cursor: pointer;
  display: none;
}

div.layout_element:hover div.layout_element_remove{ 
  display: block;
}

div.layout_element_move{
  top: -6px;
  left: -6px;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 3;
  padding: 2px 5px 0 5px;
  background: #eeeeee;
  border: solid 1px #cccccc;
  cursor: hand; cursor: pointer;
  display: none;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

div.layout_element:hover div.layout_element_move{ 
  display: block;
}

div.layout_element_label{
  background: #cccccc;
  padding: 3px;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 1px;
  
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

div.layout_elements{
  display: none;
}

div.layout_content_naseptavac div.layout_elements{
  display: block;
  padding: 20px 0;
}

div.layout_elements div.layout_element{
  max-width: 300px;
  margin: 0 10px 10px 0;
  cursor: hand; cursor: pointer;
}

div.layout_elements div.layout_element div.layout_element_remove, div.layout_elements div.layout_element div.layout_element_move{
  display: none;
}

div.layout_elements div.layout_element div.layout_element_params{
  display: none;
}

.datum_layout_element{
  width: 250px;
}

.datum_layout_element select{
  font-size: 11px !important;  
  padding: 0px 18px 0px 4px !important;
}

div.magrano_layout_varianty{
  display: flex;
  justify-content: start;  
  padding: 5px 0 10px 0;
}

a.magrano_layout_variant{
  display: flex;
  align-items: center;
  padding: 5px 10px;
  cursor: hand; cursor: pointer;
  margin-right: 5px;
  border: solid 1px #eeeeee;
  background: #eeeeee;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  text-decoration: none;
  color: #888888;
}

a.magrano_layout_variant_default{
  padding-left: 27px;
  background-image: url('img/default.png');  
  background-position: 6px top;
  background-repeat: no-repeat;
  background-size: 15px 20px;
}

a.magrano_layout_variant_seleced{
  border-color: #336699;
  background-color: #AFC5DB;
  color: #000000;
}

.magrano_layout_varianty_pridat{
  display: block;
  padding: 5px 5px 5px 26px;
  background: url('../../img/ikonky/pridat.svg') 5px center no-repeat;  
  background-size: 12px 12px;
  cursor: hand; cursor: pointer;
  text-decoration: none;
}

div.magrano_layout_varianty_pridat:hover{
  background-color: #eeeeee;
}

div.layout_variant_title{
  padding: 10px;
  background: #eeeeee;
  border: solid 1px #aaaaaa;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}


.fulltext_layout_tags{
  text-align: center;
  background: rgba(0,0,0,0.1);  
  transition: all 0.2s;
  padding: 5px;
  margin-bottom: 4px;
  font-size: 12px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  cursor: hand; cursor: pointer;
  border: solid 1px #bbbbbb;
}

.fulltext_layout_tags:hover{
  background: rgba(0,0,0,0.2);  
}

div.fulltext_tag{
  background: rgba(0,0,0,0.05);  
  border: solid 2px #888888;
  
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  
  margin-bottom: 5px;
  cursor: hand; cursor: pointer;
}


div.fulltext_tag_over{
  border-color: #93a063;
  background: rgba(147,160,99,0.1);
}

div.fulltext_tag_selected{
  border: solid 2px #336699;
  background: rgba(51,102,153,0.1);
}

div.fulltext_tag_selected.fulltext_tag_over{
  border: solid 2px #336699;
}

div.fulltext_tag_title{
  background: #888888;
  color: #ffffff;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  
  border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  -webkit-border-radius:4px 4px 0 0;
}

div.fulltext_tag_over>div>div.fulltext_tag_title{
  background: #93a063;
}

div.fulltext_tag_selected>div>div.fulltext_tag_title, div.fulltext_tag_selected.fulltext_tag_over>div>div.fulltext_tag_title{
  background: #336699;
}

div.fulltext_tag_move>div>div.fulltext_tag_title, div.fulltext_tag_move.fulltext_tag_over>div>div.fulltext_tag_title{
  background: #ffcc00 !important;
  color: #000000 !important;
}

div.fulltext_tag_hover>div.fulltext_tag_title{
  background: #555555; 
}

div.fulltext_tag_content{
  padding: 10px 5px 5px 15px;
}

a.fulltext_podmienky_podmienka_dalsia{
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 35px;
  margin-left: -30px;
  background-image: url('../../img/ikonky/pridat.svg');  
  background-position: 10Px center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  margin-top: 5px;
}

a.fulltext_podmienky_podmienka_dalsia:hover{
  text-decoration: none;
  background-color: #dddddd;
}

div.magrano_settings{
  max-width: 700px;
  margin: 0 auto;  
  text-align: center;
}

div.magrano_settings div.layout_column_param{
  padding: 4px;  
}

div.magrano_settings div.layout_column_param:hover{
  background: #eeeeee;  
}

div.magrano_settings div.layout_column_param_label{
  flex: 1 1 150px;
  text-align: left;
}

.css_blok{
  margin-bottom: 20px;  
  padding: 10px;
  border: solid 1px #cccccc;
  
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.css_selector{
  padding: 5px 0;  
  font-size: 15px;
}

.css_riadok{
  display: flex;
  align-items: center;  
  padding: 2px 10px;
}

.css_riadok:hover{
  background: #dddddd;
}

.css_riadok_zrusit{
  display: none;
  flex: 0 0 12px;
  margin-left: 10px;
  height: 12px;
  width: 12px;
  background: url('../../img/ikonky/delete.svg') center center no-repeat;  
  background-size: contain;
  cursor: hand; cursor: pointer;
}

.css_riadok:hover .css_riadok_zrusit{
  display: block;
}

.css_riadok_kluc{
  flex: 0 0 150px;
  margin-right: 10px;
}

.css_riadok_kluc.input_box{
  flex: 0 0 140px;
}

.css_riadok_hodnota{
  flex: 0 0 250px;
}

.css_riadok_bodkociarka{
  margin-left: 10px;
  flex: 0 0 10px;
}

.css_riadok_hodnoty{
  background: #eeeeee;
  margin-left: 30px;
  padding: 10px 10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.css_riadok_hodnoty .tlacitko_pridat{
  float: left;
  background-size: 20px 20px;
  background-position: 5px center;
  line-height: 30px;
  padding-left: 35px;
  margin-top: 10px;
}

.css_riadok_hodnoty .tlacitko_pridat:hover{
  background-color: #dddddd;
}

div.priority_test_polozka{
  padding: 5px 10px;
  border-top: solid 1px #cccccc;  
}

div.priority_test_polozka:first-of-type{
  border-top: 0px none;
}

.ab_test_riadok{
  padding: 10px 20px;
  margin-bottom: 10px;
  background: #eeeeee;  
  border-left: solid 5px #dddddd; 
  transition: all 0.3s; 
}

.ab_test_riadok_magrano{
  border-left: solid 5px #cf1d4f;  
}

.ab_test_riadok_parameter{
  display: flex;  
  min-height: 32px;
  _height: 32px;
  align-items: center;
}

.ab_test_riadok_parameter_magrano{
  display: none;  
}

.ab_test_riadok_magrano .ab_test_riadok_parameter_magrano{
  display: flex;  
}

.ab_test_riadok_parameter_label{
  flex: 0 0 200px;
}

.ab_test_riadok_parameter_value{
  flex: 1 1 100%;  
}

div.api_code{
  background: #eeeeee;
  border: dashed 1px #cccccc;
  padding: 20px;
  margin: 10px 0 30px 0;
  font-size: 15px;
  font-style: italic;  
  color: #000000;
  
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

div.api_code .code_func{
  color: #0000cd;
}

div.api_code .code_var{
  color: #FF8000;
}

div.api_code .code_str{
  color: #a52a2a;
}

div.api_code .code_php{
  color: #dd2200;
}

div.api_code .code_const{
  color: #008000;  
}

div.api_code_line{
  padding: 3px 8px;
  background: #e6e6e6;
}

div.api_code_line:nth-child(2n){
  background: #eeeeee;
}

div.api_code_line pre{
  margin: 0;  
}

div.api_text{
  padding: 10px 0 20px 0;  
}

div.api_specification{
  margin-bottom: 20px;  
}

div.api_specification_row{
  display: flex;
  align-items: stretch;
  border-bottom: solid 1px #dddddd;
  padding: 5px 0;
}

div.api_specification_row_head{
  background: #f5f5f5;
  font-weight: bold;
}

div.api_specification_row_head div.api_specification_label{
  font-style: normal;
}

div.api_specification_label{
  flex: 0 0 280px;
  font-weight: bold;
  padding: 10px;
  font-style: italic;
}

div.api_specification_row_l2 div.api_specification_label{
  flex-basis: 240px;
  padding-left: 50px;
}

div.api_specification_row_l3 div.api_specification_label{
  flex-basis: 200px;
  padding-left: 90px;
}

div.api_specification_row_l4 div.api_specification_label{
  flex-basis: 160px;
  padding-left: 130px;
}

div.api_specification_row_l5 div.api_specification_label{
  flex-basis: 120px;
  padding-left: 170px;
}

div.api_specification_row_l6 div.api_specification_label{
  flex-basis: 80px;
  padding-left: 210px;
}


div.api_specification_label_detail{
  font-weight: normal;
  color: #888888;  
}

.api_specification_label_povinne{
  color: #008000;  
  text-transform: lowercase;
}

.api_specification_label_odporucene{
  color: #bda95a;;  
  font-weight: normal;
}

.api_specification_value_dodatok{
  color: #bbbbbb;  
}

div.api_specification_value{
  flex: 1 1 100%;
  padding: 10px;
}

div.riadok_nahrada_odporucene{
  display: flex;
  align-items: center;
  border-bottom: solid 1px #eeeeee;
  padding: 3px 0;  
}

div.riadok_nahrada_odporucene:hover{
  background: #eeeeee;
}

div.suggest_zoznam{
  padding-bottom: 20px;
}

div.suggest_riadok{
  display: flex;
  align-items: center;
  padding: 10px;
  border-top: solid 1px #dddddd; 
}

div.suggest_riadok:hover{
  background: #eeeeee;
}

div.suggest_riadok:first-of-type{
  border-top: 0px none;
}

div.suggest_riadok div.input_box{
  flex: 1 1 100%;
}

div.suggest_riadok_sort{
  flex: 0 0 40px;  
  margin-right: 10px;
  display: flex;
  align-items: stretch;
  height: 20px;
}

div.suggest_zoznam_random div.suggest_riadok_sort{
  display: none;  
}

div.suggest_riadok_sort_up{
  flex: 0 0 20px;  
  background: url('../../img/ikonky/up.png') center center no-repeat;
  cursor: hand; cursor: pointer;
}

div.suggest_riadok_sort_down{
  flex: 0 0 20px;  
  background: url('../../img/ikonky/down.png') center center no-repeat;
  cursor: hand; cursor: pointer;
}

div.suggest_riadok:first-of-type div.suggest_riadok_sort_up{
  visibility: hidden;
}

div.suggest_riadok:last-of-type div.suggest_riadok_sort_down{
  visibility: hidden;
}

div.suggest_riadok_delete{
  flex: 0 0 20px;
  height: 20px;
  background: url('../../img/ikonky/delete.svg') center center no-repeat;
  background-size: 20px 20px;
  margin-left: 10px;
  cursor: hand; cursor: pointer;
}

div.internal_token_riadok{
  padding: 5px;
  background: #eeeeee;
  display: flex;
  align-items: center;
}

div.internal_token_delete{
  flex: 0 0 20px;
  height: 20px;
  background: url('../../img/ikonky/delete_bin.svg') center center no-repeat;
  background-size: 20px 20px;
  margin-left: 10px;
  cursor: hand; cursor: pointer;
}

div.mail_reporting_riadok{
  padding: 5px;
  background: #eeeeee;
  display: flex;
  align-items: center;
}

div.mail_reporting_delete{
  flex: 0 0 20px;
  height: 20px;
  background: url('../../img/ikonky/delete_bin.svg') center center no-repeat;
  background-size: 20px 20px;
  margin-left: 10px;
  cursor: hand; cursor: pointer;
}

.mail_reporting_send{
  display: block;
  flex: 0 0 20px;
  height: 20px;
  background: url('../../img/ikonky/poslat.svg') center center no-repeat;
  background-size: 20px 20px;
  margin-left: 10px;
  cursor: hand; cursor: pointer;
}

.mail_reporting_preview{
  display: block;
  flex: 0 0 20px;
  height: 20px;
  background: url('../../img/ikonky/show.svg') center center no-repeat;
  background-size: 20px 20px;
  margin-left: 10px;
  cursor: hand; cursor: pointer;
}

.api_column_menu{
  flex: 0 0 250px;
  padding: 20px 0 0 0;
  background: #f7d6df;
}

.api_menu{
  padding-bottom: 30px;  
}

.api_menu a{
  display: block;
  text-decoration: none;
  font-size: 12px;
  padding: 3px 30px;
  font-weight: bold;
  color: #333333;
}

.api_menu a:hover{
  background: #cf1d4f;
  color: #ffffff;
}

.api_menu a.api_menu_level_2{
  padding-left: 50px;  
  font-weight: normal;
}

div.api_content h2{
  font-size: 32px;  
}

div.api_content h3{
  font-size: 24px;  
  background: #f7d6df;
  border: solid 1px #eeb8c7;
  border-bottom: solid 5px #eeb8c7;
  padding: 10px 20px;
  margin-bottom: 10px;
}

div.api_content h4{
  font-size: 18px;  
}

div.api_content h5{
  font-size: 15px; 
}

.magrano_expand_icon{
  width: 12px;
  margin-top: 6px;  
  transition: all 0.3s;
}

.magrano_expand_icon_a{
  transform: rotate(180deg);
}


table.zoznam tr.magrano_child td{
 background: #dddddd;
}

table.zoznam tr.magrano_child:nth-child(2n) td{
 background: #e5e5e5;
}

table.zoznam tr.magrano_child.over td{
 background: #EAF4FF;
}

.param_option_tree{
  line-height: 20px;
}

.param_option_tree:hover{
  background: #eeeeee;
}

.param_option_tree_title_box{
  display: flex;
  justify-content: space-between;  
}

.param_option_tree_title{
  display: flex;
  align-items: center;  
  font-size: 12px;
  white-space: nowrap;
  flex-grow: 1;
  padding-left: 24px;
  position: relative;
  cursor: hand; cursor: pointer;
}

.param_option_tree_title::before{
  position: absolute;
  content: ' ';
  width: 12px;
  height: 12px;
  border: solid 1px #888888;
  background: #ffffff;
  top: calc((100% - 12px) / 2);
  left: 2px;
}

.param_option_tree_title:hover::before{
  border-color: #000000;
}

.param_option_tree_title.param_option_tree_title_selected::before{
  background: url('../../img/ikonky/done_b.svg') center center no-repeat #0060df;
  background-size: 10px 10px;
  border-color: #0060df;
}

.param_option_tree_title input{
   flex: 0 0 20px;
}

.param_option_tree_expand{
  cursor: hand; cursor: pointer;
  font-size: 10px;
  margin-right: 5px;
  color: #888888;
  display: flex;
  align-items: center;
}

.param_option_tree_expand_plus{
  font-size: 16px;  
  font-weight: bold;
  margin-left: 5px;
}

.param_option_tree_children{
  text-align: right;
  padding-left: 30px;
  display: none;  
}

.predvolene_polozky_list .predvolena_polozka{
  text-align: left;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #888888;
}

.predvolene_polozky_list .predvolena_polozka .predvolena_polozka_order{
  flex: 0 0 20px;
  margin-right: 10px;
}

.predvolena_polozka_order_up{
  background: url('../../img/popis_order_up.png') center top no-repeat;
  background-size: 14px 8px;
  height: 10px;
  cursor: hand; cursor: pointer;
}

.predvolena_polozka_order_down{
  background: url('../../img/popis_order_down.png') center bottom no-repeat;
  background-size: 14px 8px;
  height: 10px;
  cursor: hand; cursor: pointer;
}

.predvolene_polozky_list .predvolena_polozka:first-of-type .predvolena_polozka_order .predvolena_polozka_order_up{
  visibilty: hidden;  
}

.predvolene_polozky_list .predvolena_polozka:last-of-type .predvolena_polozka_order .predvolena_polozka_order_up{
  visibilty: hidden;  
}

.predvolene_polozky_list .predvolena_polozka .predvolena_polozka_nazov{
  flex: 1 1 100%;
  text-align: left;
}

.predvolene_polozky_list .predvolena_polozka .predvolena_polozka_delete{
  flex: 0 0 20px;
  height: 20px;
  background: url('../../img/ikonky/delete_bin.svg') center center no-repeat;
  background-size: 14px 14px;
  margin-left: 10px;
  cursor: hand; cursor: pointer;
}

.zoznam_poloziek_moznost{
  margin: 0 5px;
  color: #aaaaaa;  
  cursor: hand; cursor: pointer;
}

.zoznam_poloziek_produkty .zoznam_poloziek_moznost_produkty{
  color: inherit;
}

.zoznam_poloziek_kategorie .zoznam_poloziek_moznost_kategorie{
  color: inherit;
}

.zoznam_poloziek_znacky .zoznam_poloziek_moznost_znacky{
  color: inherit;
}

.zoznam_poloziek_clanky .zoznam_poloziek_moznost_clanky{
  color: inherit;
}

.zoznam_poloziek_parametre .zoznam_poloziek_moznost_parametre{
  color: inherit;
}

.zoznam_poloziek_labels .zoznam_poloziek_moznost_labels{
  color: inherit;
}

.items_pager{
  padding-top: 20px;
}

.items_pager div{
  margin: 0 5px;
  font-size: 14px;
  font-weight: bold;
  color: #bbbbbb;  
  cursor: hand; cursor: pointer;
}

.items_pager div.items_pager_active{
  color: #000000;  
}

.items_pager div:hover{
  color: #000000;
}

.items_toggle_btn{
  display: flex;
  align-items: center;
  height: 16px;
  padding: 2px;
  background: #dddddd;
  border: solid 1px #888888;
  border-radius: 12px;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;  
  cursor: hand; cursor: pointer;
  transition: all 0.3s;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

.items_toggle_btn.items_toggle_btn_active{
  justify-content: end;
  background: #91CE50;  
}

.items_toggle_btn.items_toggle_btn_inactive{
  justify-content: start;
  background: #dd2200;
}

.items_toggle_btn_point{
  width: 16px;
  height: 16px;
  background: #f8f8f8;
  border-radius: 50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;  
  box-shadow: 0 0 3px rgba(0,0,0,0.2); 
}

.items_row_inactive{
  color: #aaaaaa !important;
  text-decoration: line-through;
}

.items_row_inactive a{
  color: #aaaaaa !important;
}

.filter_polozky_typ{
  display: none;  
}

.zoznam_poloziek_produkty .filter_polozky_typ_produkty{
  display: block;  
}

.zoznam_poloziek_kategorie .filter_polozky_typ_kategorie{
  display: block;  
}

.zoznam_poloziek_znacky .filter_polozky_typ_znacky{
  display: block;  
}

.zoznam_poloziek_clanky .filter_polozky_typ_clanky{
  display: block;  
}

.group_name_items{
  display: none;
  background: #eeeeee;
  border: solid 1px #cccccc;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 20;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);  
}

.group_name_items a{
  display: block;
  font-size: 11px;
  padding: 5px 12px;
  text-decoration: none;
}

.group_name_items a:hover{
  background: #dddddd;
}

.demo_filter_options_title{
  background: #bbbbbb;
  padding: 5px;
  text-align: center;  
  font-weight: bold;
}

.demo_filter_options_box{
  padding: 5px;
}

.demo_filter_options_box input{
  display: none;
}

.demo_filter_options_box label{
  display: block;
  position: relative;
  line-height: 16px;
  font-size: 11px;
  padding: 3px 2px 3px 20px;
  cursor: hand; cursor: pointer;
  
}

.demo_filter_options_box label:hover{
  background: rgba(0,0,0,0.1);
}

.demo_filter_options_box label::before{
  content: ' ';
  position: absolute;
  top: 4px;
  left: 2px;
  width: 12px;
  height: 12px;
  background: #ffffff;
  border: solid 1px #888888;
  
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

.demo_filter_options_box label:hover::before{
  border-color: #000000;
}

.demo_filter_options_box label.filter_active::before{
  background: url('../../img/ikonky/done_t.svg') center center no-repeat #ffffff;
  background-size: 10px 10px;
}

div.demo_filter_label{
  display: flex;  
  jusitfy-content: space-between;
}

.demo_filter_count{
  color: #333333;  
}

.demo_results .result_highlighted{
  background: #dddddd;
}

div.demo_pager{
  text-align: center;
  margin: 10px;
  padding: 10px;
  background: #eeeeee;  
}

div.demo_pager div{
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  color: #aaaaaa;
  margin: 0 8px;
  cursor: hand; cursor: pointer;
}

div.demo_pager div:hover{
  color: #000000;
}

.demo_json_preview_label{
  cursor: hand;
  cursor: pointer;
}

.demo_json_preview_label.demo_json_preview_label_inactive{
  opacity: 0.4;
}

.export_btn_loading{
  position: relative;
  pointer-events: none;
  opacity: 0.5;  
}

.export_btn_loading::after{
  content: ' ';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: url('../../img/uploading.gif') center center no-repeat;
  background-size: 30px 30px;
}