/* 
    Created on : 9.2.2015, 9:40:22
    Author     : kubis
*/

body { font-size: 15px; }
a { text-decoration: none; }

#content {width: 1200px;border: 1px dotted #000; padding: 5px;}

/* Styly používané u všech projektů */
.wmicro { width: 25px;  }
.wsmall { width: 40px;  }
.wdate  { width: 75px;  }
.wdate1 { width: 100px; }
.wcen   { width: 105px; }
.wmid   { width: 150px; }
.w200   { width: 200px; }
.wlong  { width: 250px; }
.w100   { width: 100%;  }
.w100p  { width: 100%;  }
.w50p   { width: 50%;   }
.w75p   { width: 75%;   }
.w25p   { width: 25%;   }
.wbig   { width: 350px; }
.aright { text-align: right; }
.arig   { text-align: right; }
.aleft  { text-align: left; }
.acen   { text-align: center; }
.aljust { text-align: justify; }
.atop   { vertical-align: top; }
.bold   { /*font-weight:bold;*/ font-family:'Roboto-Regular'; }
.h1em   { height: 1em; }
.h2em   { height: 2em; }
.h3em   { height: 3em; }
.h4em   { height: 4em; }

.clear { clear: both; }
span.clear { display: block;}

.linkAdd {background:url('../img/ico/ico_add.png') top left no-repeat; padding-left:20px;}
.linkOrders {background:url('../img/ico/ico_orders.png') top left no-repeat; padding-left:20px;}
.linkControl {background:url('../img/ico/ico_control.png') top left no-repeat; padding-left:20px;}
.linkBack {background:url('../img/ico/ico_back.png') top left no-repeat; padding-left:20px;}
.linkAddress {background:url('../img/ico/ico_address.png') top left no-repeat; padding-left:20px;}
.linkDelete {background:url('../img/ico/ico_delete.png') top left no-repeat; padding-left:20px;}
.linkPdf {background:url('../img/ico/ico_pdf.png') top left no-repeat; padding-left:20px;}
.linkLeft {background:url('../img/ico/ico_move_left.png') top left no-repeat; padding-left:16px;}
.linkRight {background:url('../img/ico/ico_move_right.png') top left no-repeat; padding-left:16px;}
.linkMinus {background:url('../img/ico/ico_minus.png') top left no-repeat; padding-left:16px;}
.linkPlus{background:url('../img/ico/ico_plus.png') top left no-repeat; padding-left:16px;}
.linkEditor {background:url('../img/ico/ico_edit.png') top left no-repeat; padding-left:16px;}
.alert, .message {margin:5px 0; padding:10px; background-color:#FFF; -moz-border-radius:10px; border-radius:10px;}
.alert {color:#E13300;}
.message {color:#5E740B;}
.inputError { border: 1px solid #E13300; }

.readonly {background-color:#DDD;}
.hide { display: none !important; }

.smaller {font-size:11px;}
.items {width:98%; margin-bottom:20px; border-bottom:1px solid #EEF5F6;}
/*.items tbody tr:hover {background-color:#dfecf8 !important;}*/
.items th {background-color:#74B3E9; color:#FFF; font-size:10px;}
.items tr td, .items tr th {padding:2px 5px;}
.items tr td {font-size:12px;}
.items tr.final {background-color:#A9D0D6;}
.even, .items tr:nth-child(2n) {background-color:#e5f3ff;}
tr.afterBreak > td { padding-bottom: 18px;  }
tr.beforeBreak > td { padding-top: 18px;  }
tr.upLine > td { border-top: 1px solid #949085; border-collapse: collapse; }
tr.downLine > td { border-bottom: 1px solid #949085; border-collapse: collapse; }
.sum td { font-weight: bold; }

.formItem, .tableItem {display:block; margin:4px 0; }
.formItem label {display:inline-block; width:130px; }
.formItem label.short {display:inline-block; width:100px;}
.formItem label.mid {display:inline-block; width:150px;}
.formItem label.long {display:inline-block; width:250px;}
.formItem label.post {display:inline-block; width:300px;}
.formItem label span { color: #E13300; }
.formItem label.aftelCheck {cursor: pointer; width: auto;}

#password_strength { border: 1px solid #949085;width: 288px;height: 10px;position: relative; }
#password_strength_bar { background-color: #990000;width: 5%;height: 100%; }

.profileEntity { border: 1px solid black; padding: 5px; margin: 2px; }

.address { border: 1px solid black; margin: 2px; padding: 5px; }
.address span { display: block; }

/*.tempItem {float: left; border: 1px solid black; margin: 5px; position: relative; }
.tempItemImg {margin: 10px; overflow: hidden;}
.tempItemLinks { border: 0px solid black; margin-bottom: 2px;}
.tempItemLinks * {display: inline-block; float: right; margin-left: 2px;}*/
/*.tempItemLinks a {background-color: #74B3E9;}*/

.basketList {border: 2px solid #000000; width: 99%; margin-bottom: 15px; padding-bottom: 10px;}
.basketList h2 {color: #FFFFFF; background-color: #000000; font-size: 1.2em; padding: 3px; margin: 0;}
.basketMessage {margin: 10px;}
.basketItem {float: left; width: 575px; margin-top: 10px; margin-left: 10px; border: 1px solid black; padding: 2px; height: 80px;}
.basketItem img {width: 75px; height: 75px; float: left; margin-right: 5px;}
.itemInfo {float: left; width: 490px;}
.basketItem table {width: 100%;}

.basketColLeft {float: left; width: 39%; margin-right: 10px;}
.basketColRight {float: left; width: 59%;}

.basketProducts {width: 100%;}
.basketAdd {text-align: center; padding-top: 10px;}
#invAddr {overflow: hidden;}

/* funkcni css */
#workspace {position: relative}
#workspace-content {position: relative; margin-left: 60px}

.hints {position: absolute; top: 0; left: -310px; width: 300px; background-color: #efefef;}
.hints.fixed {position: fixed; top: 50px;}
.hints .hints-panels {position: relative; float: left; width: 250px;}
.hints .hints-panels .hint-panel {display: none;}
.hints .hints-panels .active {display: block;}
.hints .hints-icons {position: relative; float: right; width: 50px;}
.hints .hints-icons .hint-panel {border: 1px dotted #ddd;}
.hints .hints-icons .hint-panel-ico {width: 50px; height: 50px; background-color: #DDD; background-position: center center;}
.hints .hints-icons .active {background-color: #bbb;}
.hints .hints-icons .hint-panel-ico span {display: none;}

a.active {font-weight: 900;}

#tempItems {position: relative;}

.loaderElm {position: absolute; width: 100%; height: 100%; background-color: #000; top: 0; left: 0; opacity: 0.4;}

.tempItem:first-child .linkLeft {display: none;}
.tempItem:last-of-type .linkRight {display: none;}

#dialog {position: absolute; top: 0px; left: 0px; border: 1px solid #000; background-color: #eee; margin: 50px;}
#dialog #dialogCloseBtn {position: absolute; top: -10px; right: -10px; border: 1px solid #000; background-color: #eee; cursor: pointer;}

.newUploader {width:153px; float:left; min-height:500px; position:relative;}
.newUploader .uploader-icon {padding:80px 0 20px; font-size:14px; color:#FFF; font-weight:bold; background:#0786C9;}
.newUploader .uploader-dropArea {border:4px dashed #FFF; position:absolute; top:164px; right:10px; bottom:10px; left:10px;}
.newUploader .uploader-dropArea span {margin-top:-8px; color:#FFF; font-weight:bold; display:block; position:absolute; top:50%; left:0; right:0;}
.newUploader .uploader-queue {display:none; position:absolute; top:164px; right:10px; bottom:10px; left:10px; overflow:auto; overflow-x:hidden;}
.newUploader .uploader-item {margin:0 0 10px 0; height:90px; background-color:#FFF; position:relative;}
.newUploader .uploader-item .size, 
	.newUploader .uploader-item .name, 
	.newUploader .uploader-item .progress-label, 
	.newUploader .uploader-item .remove
	{display:none;}
.newUploader .uploader-item .icon {position:absolute; top:5px; right:5px; bottom:15px; left:5px; background-repeat:no-repeat; background-position:center center; background-size: 100% auto; overflow: hidden;}
.newUploader .uploader-item .progress-container {height:5px; position:absolute; bottom:5px; left:5px; right:5px;}
.newUploader .uploader-item .progress {background-color:#0786C9; position:absolute; font-size:0; bottom:0; top:0px; left:0px; width:0%;}

.tempItemImg {border: 1px solid #cacaca;}
.itemCount { text-align: right; }

.overlayBox { display: none; position: absolute; background: url('../img/transparent.png'); top: 0; left: 0; border-radius: 10px; }
/*#loadMessage { margin-top: 50px; background-color: #FFFFFF; border: 2px solid #555; border-radius: 10px; width: 200px; height: 100px; margin: 50px auto; }*/
#addressTab { position: relative; }

#ee { position: fixed; z-index: 100; display: none; }

.layoutInfoHeader { margin:0 0 5px; border-bottom:1px solid #FFF;}
#layoutInfoData { margin-bottom: 1em; }

#themeVariantsBar { display: none; }

.deleteCoupon { display: inline-block; width: 22px; height: 1em; background: url('../img/ico/ico_cross.png') no-repeat; cursor: pointer; background-position: 0 0; }

.lessLevels tr.hide-me { display: none; }

.czpost { font-style: italic; padding-left: 20px; color: #777; padding-bottom: 5px; }

#avgExpd span {font-size: 16px;}
.badLng { color: #CC3232; }