*{padding:0; margin:0; position:relative;}
body{background:#EEEEEE; font-family:Calibri, Sans-serif; color:#2F4F6F;}
a{color:#2F4F6F; text-decoration:none;}
a:hover{text-decoration:underline;}

.site{width:100%; margin:10px auto;}

.sitecont{width:100%; max-width:1250px; padding:0 20px; padding-top:60px; margin:0 auto 50px;}

.top-menu{width:100%; height:55px; position:fixed; z-index:10; background: linear-gradient(#415E92,#283959); display:flex; flex-wrap: wrap;box-shadow: 0px 0px 5px #bbb;}
.top-menu .menu-item.logo{background:#ffffff;}
.top-menu .menu-item{display:inline-block;flex: 1; height:100%; font-size:16px; text-align:center; line-height:20px;}
.top-menu .menu-item .img-box{display:none;}
.top-menu .menu-item img{max-width:85%; max-height:85%; margin:5px 1%;}
.top-menu .menu-item a{height:100%; display:block; text-decoration:none;vertical-align: middle; color:#ffffff; padding:5px 0;}
.top-menu .menu-item span{display:inline; display:inline-table; display:inline-block; vertical-align:middle; line-height: 20px; *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}
.top-menu .menu-item:hover:nth-child(1n+2),.top-menu .menu-item.active{background:#12315C;}

.logo-box{padding:20px 0 10px; text-align:center;}

.login{text-align:center;}
.login h3{font-weight:normal; font-size:32px; margin-top:10px;}
.login form{width:250px; margin:20px auto;}
.login form input{width:calc(100% - 24px); padding:5px 10px; font-size:20px;}
.login form input[type="submit"]{width:100%;}


.cat_line{margin-top:20px; padding:10px; background:linear-gradient(#415E92,#283959); color:#ffffff;}
.cat_line h2{float:left; line-height:46px; }
.cat_line .cat_butts{float:right; margin:5px 10px;}
.cat_line .cat_butts a{color:#ffffff;}

ul.menu{list-style:none; background:#002A51;}
ul.menu li{display:inline-block;} 
ul.menu li a{padding:5px 20px; display:block; color:#ffffff;}

table.products-list{width:100%;}
table.products-list tr{background:#ffffff; cursor:pointer;}
table.products-list tr.deactivated{background:#eeeeee; color:#999999;}
table.products-list tr:hover{background:#DDEEFF;}
table.products-list tr td{border-bottom:3px solid #eeeeee; vertical-align:middle;}
table.products-list td img{max-width:50px; max-height:50px;}
table.products-list td .tag.top{padding: 3px 5px; position:absolute; background:red; font-weight:bold; color:#ffffff; transform: rotate(-90deg); left: -10px; top: 15px;}
table.products-list td button{width:100%; height:100%; padding:10px 10px; border:0; font-size:16px; background:linear-gradient(#415E92,#283959); color:#ffffff; cursor:pointer; transition: all 0.2s;}
table.products-list tr:hover td button{background:linear-gradient(#415E92,#415E92);}

table.products-list.nastaveni tr td{padding:10px 10px;}

input:read-only{background:#eeeeee;}
textarea.noEditor{width:calc(100% - 10px); padding:5px;}

.cat_box.invisible .cat_line{color:#aaaaaa;}
.cat_box.invisible table.products-list{display:none;}

.left_side{width:calc(25% - 10px); background:#ffffff; float:left;}
.left_side input[type="file"]{width: calc(100% - 6px); padding: 2px 3px; margin-top:5px;border: 1px solid #ddd;}
.left_side #submit-btn{width:100%; padding: 5px 5px; margin:5px 0; background:#73b9ff; font-weight:bold; font-size:18px; border:0; cursor:pointer; color:#fff; transition: all 0.2s;}
.left_side #submit-btn:hover{background:#2f4f6f;}
.left_side .prod_photo{width:100%;}
.left_side .prod_photo .panel{position:absolute; top:5px; right:3px; background:#dddddd; padding:5px; opacity:0.4;}
.left_side .prod_photo .panel:hover{opacity:1;}
.left_side .prod_photo .panel .top{cursor:pointer;border:1px solid transparent; padding:2px 5px; font-size:12px; float:right;}
.left_side .prod_photo .panel .top:hover{border:1px solid #ccc;}
.left_side .prod_photo .panel .top.active{background:#ce0000; color:#fff;}
.left_side .prod_photo .panel .del{cursor:pointer; padding:0px 5px; margin-right:3px; border:1px solid transparent; float:left;}
.left_side .prod_photo .panel .del img{max-width:90%; max-height:90%; }
.left_side .prod_photo .panel .del:hover{border:1px solid #ccc;}
.left_side .prod_photo img{max-width:80%; max-height:80%;}
.left_side #output{max-height:900px; overflow:hidden scroll;}

.right_side{width:75%; background:#ffffff; float:right;}
.right_side table{width:100%;}
.right_side table.detail_params{width:calc(50% - 5px); float:left;}
.right_side table.detail_params:nth-child(2n+0){margin-right:5px;}
.right_side table.detail_params:nth-child(2n+1){margin-left:5px;}
.right_side table td{padding:2px 0 3px;}
.right_side table .val input{width:30%; padding:4px 5px;}
.right_side table .val input:read-only{background:#dddddd;}
.right_side table .val input[type="number"]{width:50px;}
.right_side table .val input.name{width:calc(50% - 14px);}
.right_side table .val input.name.bold{font-weight:bold;}
.right_side table .val input.w100{width:calc(100% - 10px);}
.right_side table .val select{padding:4px 5px;}
.right_side table .val button{top:4px;}
.right_side h5{margin-top:10px;}
.right_side table.detail_params.short{width:calc(50% - 10px);  float:left;}
.right_side table.detail_params.short:nth-of-type(2){ float:right;}
.right_side table.detail_params input{width:calc(100% - 12px); padding:4px 5px;}
.right_side table.detail_params input.short-attr{width:calc(100% - 42px); padding:4px 5px; padding-left:35px;}
.right_side table.detail_params input[type="checkbox"]{width:17px; height:17px; position:absolute; top:7px; right:1px;}
.right_side table.detail_params td{border-bottom:1px solid #ddd;}

.right_side input[type="submit"]{font-size:20px; padding:10px 20px; border:0; margin:10px 0; cursor:pointer; transition:all 0.2s; background:#2f4f6f; color:#ffffff;}
.right_side input[type="submit"].save, .right_side input[type="submit"].del{}
.right_side input[type="submit"].save:hover{background:#91c71d; color:#fff;}
.right_side input[type="submit"].del:hover{background:#e02d2d; color:#fff;}

.icon{width:30px; height:30px; position:absolute; left:0; z-index:2;}
.ico22{width:22px; height:22px; margin:3px; background-image:url(../img/icons_22.png); background-repeat:no-repeat;}
.ico22.speed{background-position:0 0;}
.ico22.dimensions{background-position:0 -22px;}
.ico22.battery{background-position:0 -44px;}
.ico22.range{background-position:0 -88px;}
.ico22.power{background-position:0 -66px;}
.ico22.weight{background-position:0 -110px;}
.ico22.info{background-position:0 -132px;}
.ico22.sett{background-position:0 -154px;}
.ico22.material{background-position:0 -176px;}
.ico22.check{background-position:0 -198px;}
.ico22.thumb{background-position:0 -220px;}
.ico22.up{background-position:0 -242px;}

.right_side select.similar{width:33%; padding:3px 5px; margin-bottom:10px;}

.xml{width:calc(25% - 10px); margin-top:10px; background:#fff;}
.xml table{width:100%;}
.xml input{width:calc(100% - 12px);  padding:4px 5px; margin:3px 0;}
.xml input[type="checkbox"]{width:18px; height:18px; margin-right:5px;}
.xml select{width:100%;  padding:4px 5px; margin:3px 0;}


.kategorie table{width:100%; margin:5px 0;}
.kategorie input, .kategorie select{padding:2px 5px; font-size:12px;}
.kategorie textarea{height:200px;}
.kategorie .w730{width:75%;}
.kategorie .w750{width:100%;}
.kategorie .w750 input{width:calc(100% - 12px); margin:5px 0;}
.kategorie .w750 a.rtg{position:absolute; padding:2px 5px; background:#ddd; right:0; top:5px;}
.kategorie .w240{width:20%;}

.kategorie button.save, .kategorie button.del{font-size:20px; padding:10px 20px; border:0; margin:10px 0; cursor:pointer; transition:all 0.2s; background:#2f4f6f; color:#ffffff;}
.kategorie button.save:hover{background:#91c71d; color:#fff;}
.kategorie button.del:hover{background:#e02d2d; color:#fff;}

ul.sort{list-style:none;}
ul.sort li{padding:3px 0; cursor:pointer;}
ul.sort li:hover{background:#fff;}
ul.sort .dnd_ico, table.sortable .dnd_ico{width:16px; height:16px; margin:2px 5px; background:url(../img/dnd_ico.png) 50% 50% no-repeat; background-size:contain; float:left;}

.refe table{width:100%;}
.refe table td{padding:5px;}
.refe input{width:calc(100% - 12px); padding: 4px 5px;}
.refe input[type="checkbox"]{width:auto; padding: 4px 5px;}
.refe select{padding: 4px 5px;}
.refe .edit-table td{padding:0 5px;}
.refe .edit-table td:first-child{padding-left:0;}
.refe .edit-table td:last-child{padding-right:0;}

input[type="submit"],button.gfx{width:auto !important; font-size:20px;    padding:10px 20px !important;    border:0;    margin:10px 0;  background: #2f4f6f; color:#ffffff; cursor:pointer;    transition:all 0.2s;}
input[type="submit"].save:hover, button.gfx.save:hover{background:#91c71d;    color:#fff;}
input[type="submit"].add:hover, button.gfx.add:hover{background:#415E92;    color:#fff;}
input[type="submit"].del:hover, button.gfx.del:hover{background:#e02d2d;    color:#fff;}


.p10{padding:10px;}

.kotva{position:absolute; top:-70px;}

.left{float:left;}
.right{float:right;}

.clear{clear:both;}
.text-center{text-align:center;}

.footer{width:100%; position:fixed; padding:5px 0; bottom:0; background:#eeeeee; text-align:center; border-top:1px solid #ddd; z-index:5;}
.footer a{padding:5px; }

.admin .switch{position:relative;  display:inline-block;  width:40px;  height:20px; top:3px; margin:0 10px;}
.admin .switch input{display:none;}
.admin .toggler{position:absolute;  cursor:pointer;  top:0;  left:0;  right:0;  bottom:0;  background-color:#ccc;  -webkit-transition:.4s;  transition:.4s;}
.admin .toggler:before{position:absolute;  content:"";  height:18px;  width:18px;  left:1px;  bottom:1px;  background-color:white;  -webkit-transition:.4s;  transition:.4s;}
.admin input:checked + .toggler{background-color:#71bf44;}
.admin input:focus + .toggler{box-shadow:0 0 1px #71bf44;}
.admin input:checked + .toggler:before{-webkit-transform:translateX(20px);  -ms-transform:translateX(20px);  transform:translateX(20px);}
/* Rounded sliders */
.admin .toggler.round{border-radius:20px;}
.admin .toggler.round:before{border-radius:50%;}