/* general definitions, grid of project: 5px, base colors: #10a3e1 - light blue; #0a325a - dark blue; #fff - white; #000 - black; #329A00 - dark green */

@font-face{
    font-family:'resmed-icon';
    src:url('/imgs/font/resmed-icon.eot');
    src:url('/imgs/font/resmed-icon.eot#iefix') format('embedded-opentype'),
    url('/imgs/font/resmed-icon.woff') format('woff'),
    url('/imgs/font/resmed-icon.ttf') format('truetype'),
    url('/imgs/font/resmed-icon.svg#resmed-icon') format('svg');
    font-weight:normal;
    font-style:normal;
}

* { margin: 0; padding: 0; font-size:100%; font-family:  "Helvetica CE",helvetica, "Arial CE", Arial, sans-serif; }
body { background:#5D5D5D; text-align:center; }
input {}
a { color:#0a325a; }
a img { border:none; }
a:hover {}

.cl { clear:both; line-height:1px; font-size:1px; margin-top:-1px; height:0px; }
.fl { float:left; }
.fr { float:right; }

#main { width:978px; text-align:left; margin:0px auto;   }
#main .inner {}

#header {position:relative;background:#fff; height:85px;}
#header #loginInfo{position:absolute; top:5px; right:20px; font-size:80%; text-align:right;}
#header #loginInfo a{text-decoration:none; background:#ebebeb; border-radius:4px; padding:5px 10px; display:block; color:#000; float:right; margin-bottom:5px;}
#header h1 {position:absolute; top:25px; left:25px; width:160px; height: 70px;  }
#header h1 img {  width: 120px}

#content{padding-top:0px; clear:both; font-size:80%;}
#content h1{color:#0a325a; font-size:250%; font-weight:normal;margin-bottom:5px;}
#content h2{padding:5px 0px; font-size:200%; color:#fff; font-weight:normal; padding-top:10px; display:none;}
#content p{padding:5px 0px;}
#content .imgLeft{float:left; margin-right:20px;}
#content .imgRight{float:right; margin-left:20px;}
#content ul{padding-top:5px; list-style:none;}
/* #content li{padding-bottom:5px;padding-left:30px; background:url('/imgs/web/li-arrow.png') no-repeat 0px 5px; text-align:justify;}*/




#menu{ font-size:20px; margin-left:170px; position:relative;}
#menu li{list-style:none; float:left;  text-align:center;  height:85px; line-height:85px;  position:relative; }
#menu li span {display:none; font-family:resmed-icon; font-size:20px;}
#menu li a{text-decoration:none; display:block;margin-right:1px;padding: 0 16px; font-size: 18px;}
#menu li a:hover, #menu li.active a{color:#fff;  background:#1788c3;}

#menu li a:hover span, #menu li:hover a span, #menu li.active a span {    background: #1788c3 none repeat scroll 0 0;    border-radius: 21px;    bottom: -21px;    color: #fff;    display: block;    height: 42px;    left: 50%;    line-height: 42px;    margin-left: -21px;    position: absolute;    width: 42px;    z-index: 5;}
#menu li a span::before {    content: "!";}

#header.compact #menu li a{ padding: 0 8px;}

.tabs{width:100%; background:#5d5d5d; height:80px;}
.tabs a{display:block; float:left;  text-decoration:none; margin-right:3px; color:#fff; height:40px; line-height:40px; padding: 0 20px; margin-top:40px; font-size: 15px }

.tabs .addNew{ position:relative;}
.tabs .addNew span{padding-left:25px;}
.tabs .addNew i,.tabs .addNew u,.icon-export {font-family: resmed-icon; font-style:normal;text-decoration:none;}
.tabs .addNew i:before {    content: "\4a";}
.tabs .addNew i {position:absolute; left:3px; font-size:14px; }
.tabs a:hover{}
.tabs a.active{ background-color:#fff;  color:#000;}
.tabs .addNew u{position:absolute; font-size:20px; top:-1px}
.tabs .addNew u:before{ content: "\2f";}
.icon-export {position:relative; bottom:-3px; margin-right:3px;}
.icon-export:before {    content: "\34";}

.dataTable {padding-top:10px;}
.dataTable td{padding:6px;}
.dataTable td.firstRow{padding-left:20px; line-height:35px;}
.dataTable thead td{ font-size:120%;}
.dataTable thead td{padding:0px;}
.dataTable thead a{display:block; padding:6px 6px; padding-right:10px; text-decoration:none; font-weight:normal; }
.dataTable thead a:hover{background-color:#1788C3; color:#fff;}
thead span{display:block;padding:8px 10px; font-weight:normal; color:#5E5E5E}
/*.dataTable tbody td{ border-top: 1px solid #5D5D5D}*/
.dataTable td{background-color:white;}
.dataTable .mouseOver{ cursor:pointer;}
.dataTable .mouseOver td{background-color:#FCBFBF}
.dataTable .mouseOver th{background-color:#FCBFBF}
.dataTable tr.done td{color: gray;}
.odd td{ background-color:#EBEBEB;}
.even td{}



#main{padding-bottom:10px;}
#main .inbox{background:#fff; clear:both;}
#main .noBackground{background: none;}
.success{display:block;}
div.success {margin:10px 0 10px;}
div.success div {width:469px; float:left;}
div.success span {float:left; width:140px;}
div.success table {width:938px;}
div.success table tr.mezera {height:10px;}
div.success table td {padding:0px;}
div.success table td.header {width:110px;}

.itemForm{padding:20px;}
.itemForm h3{font-size:120%; margin-left:5px; margin-bottom: 4px}
.itemForm table th{text-align:left; font-weight:normal; }
.itemForm table th,.itemForm table td{padding:5px;}
.itemForm table .mouseOver{cursor:default;}
.itemForm table .error input, p.error, .itemForm table .error select{border:2px solid #DF7E0D;}
.itemForm table .error, p.error{color: #DB2926;}
.itemForm label { padding:12px 5px 5px 5px; margin-right:15px; position:relative; top:-4px; cursor:pointer; display:inline-block}
.itemForm textarea {padding: 10px; line-height: 20px;}
.itemForm select { height: 32px; line-height: 32px; padding: 0 10px}
.itemForm .labelGuide{border: 1px solid  #7f7f7f;display: inline-block; border-radius: 5px; margin-right: 5px;}
.itemForm .labelGuide:hover {background:#1788c3; color:#fff;}

p.error {font-size: 120%;text-align: center;}

.categorySelect{display:block; margin-right:10px; font-size:120%;float:left; cursor:pointer; text-decoration:none; background:#D1D4D6; color:#000; padding:10px; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.selectedCategory{background:#1788c3; color:#fff;}
.productList{padding:20px 10px 0 10px; border:1px solid #1788c3;}
.productItem{width:300px; float:left; padding-bottom:20px; height: 80px;}
.productImage { float:left; width: 100px; height: 80px}
.productList a{background: #ebebeb;text-decoration:none; border-radius:4px;  height:20px; line-height:20px; margin-bottom:5px; display:block; float:left; margin-right:5px; padding:3px 10px; color:#000;}
.productList a:hover, .productList .activeZbozi{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(223, 39, 38, 1) 0%, rgba(201, 49, 39, 1) 100%) repeat scroll 0 0;color:#fff;}
#kat21 .productItem, #kat23 .productItem, #kat25 .productItem{ width: 400px}

.buttonSM {line-height: 15px; width:80px; padding:4px 8px;  border: 0px;    cursor: pointer;    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(223, 39, 38, 1) 0%, rgba(201, 49, 39, 1) 100%) repeat scroll 0 0; display: inline; text-decoration: none; color:#fff; border-radius:5px; }
.buttonSM i{margin-left:4px;}
.but {width:25px; height:25px; display:block;  float:left; margin-right:10px;  text-decoration:none; font-size:20px;}
.but span{display:none;}
.but i{display:inline; font-family:resmed-icon; font-style:normal; text-decoration:none; color:#5D5D5D;}
.but i:hover{color:#000;}
.butPrint i:before {    content: "\7a";}
.butEdit i:before {content: "\71";}
.butActivate i:before {   content: "\46"; }
.butActivate i {color: #dd2726;}
.butDeactivate i:before {  content: "\45"; }
.butDeactivate i{color: green;}

.butPacNewPouk	    i:before{content: "\e900"}
.butPlatba	    {background:url("/vimage/35x35/imgs/is/platba.png") no-repeat 0 -5px; padding: 0 4px;}
.butEdit:hover, .butPrint:hover, .butPacNewPouk:hover, .butPlatba:hover, .butActivate:hover, .butDeactivate:hover
    {opacity:1;}
.butAddToCart i:before{content:"\e901";}


.itemForm input, textarea{
    background: #fff none repeat scroll 0 0;  border: 1px solid #7f7f7f;    border-radius: 6px;
}
.itemForm input:hover, textarea:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}

.itemForm input:focus, textarea:focus {
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}

 .error input{background:#FFF4D3;}
.inbox input{line-height:30px;height:30px; padding:0 10px; border-radius:5px;}
.autocompleteSelect{position:absolute; background:#fff; border:2px solid #C7E5ED;margin-top:-2px;width:320px; border-top:0px;}
#content .autocompleteSelect p{cursor:pointer; padding:5px 10px;}
.autocompleteSelect p:hover{background:#82BE1E;}
.autocompleteField{width:300px;}

.tableSearch input{line-height:26px; height:26px; background: #fff none repeat scroll 0 0;  border: 1px solid #7f7f7f;    border-radius: 6px; }
.tableSearch select{line-height:26px; height:26px; background: #f4f4f4 none repeat scroll 0 0;  border: 1px solid #7f7f7f;    border-radius: 6px;}
.inbox .submit{border-radius:4px; color:#fff; border:0px; cursor:pointer; padding:0px 15px 0px 15px; height:40px; line-height:40px; font-size:15px; margin-top:10px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(223, 39, 38, 1) 0%, rgba(201, 49, 39, 1) 100%) repeat scroll 0 0; display: inline-block; text-decoration: none;}

.inbox .submit:hover{background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(215, 57, 47, 1) 0%, rgba(174, 39, 38, 1) 100%) repeat scroll 0 0;}
.inbox .filterSubmit{border:0px;height:30px; line-height:30px; font-size:110%; cursor:pointer; background:#000; color:#fff;}
.inbox .filterSubmit:hover, .inbox .clearSubmit:hover{background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(215, 57, 47, 1) 0%, rgba(174, 39, 38, 1) 100%) repeat scroll 0 0;color:#fff;}
.inbox .clearSubmit{height:30px; line-height:30px; font-size:110%;border:0px; cursor:pointer; background:#ebebeb;}
.inbox input.chckbox{border:0px;height:16px; line-height:16px;padding:0 2px; cursor:pointer; margin-left: 10px}
.tableChck input{cursor:pointer; margin-right:4px;}
.tableChck {cursor:default}
.submitContinue i {margin-left:5px;}
.submitAdd i,.submitCheck i,.submitBack i,.submitContinue i,.submitPrint i, .buttonSM i{font-family:resmed-icon; font-style:normal;}
.submitPrint i:before { content: "\7a";}
.submitContinue  i:before, .buttonSM i:before {  content: "\29"; }
.submitBack i:before{content: "\23";}
.submitAdd i:before{content: "\4a";}
.submitCheck i:before{content: "\45"; }

.filterDateRange {padding-top:0px; width:100px;}
.filterDateRange label {width:20px;}
.filterDateRange input {height:15px; font-size:90%;width:80px; line-height:15px;}
.filterDateRange img{position:relative; top:3px; left:-3px;}

.pojistovnaList { padding: 5px 10px; background:#fff;}
    .blueBackground {background-color:#ebebeb;}
    .pojistovnaList h3 { color:#0a325a; font-size:130%; margin:0; padding:0; font-weight: normal; margin-top:10px;}
    .pojistovnaList h3 span { font-weight: bold; }
    .pojistovnaList p { margin:0; padding:0; }

	
	#pagging{}
#pagging a {text-decoration:none; color:black; margin-top:2px; margin-right:2px; display:block; float:left; width:35px; height:35px;  line-height:35px;text-align:center; background-color: #EBEBEB; font-size:100%;}
#pagging a.active{background:#FFF;position:relative; top:-2px; border-top:2px solid #fff;}
#pagging a:hover{ background-color:#fff; }
#pagging .next span,#pagging .prev span{display:none;}
#pagging .prev{background:url(/vimage/40x40/imgs/is/back-blk.png) -2px -2px no-repeat  #EBEBEB; }
#pagging .next{background:url(/vimage/40x40/imgs/is/next-blk.png) -2px -2px no-repeat #EBEBEB ;}
#pagging .first:hover{  }
#pagging .first{cursor:default;}

input.dateField {background:url(/vimage/25x25/imgs/is/calendar-blue.png) 100px 1px no-repeat; width:110px;}
input.dateFieldSmall {background:url(/vimage/15x15/imgs/is/calendar-blue.png) 73px -1px no-repeat; width:65px; padding:2px}

.sortDown{background:url("/vimage/16x16/imgs/is/arrow-3-down_0.png") no-repeat bottom right;}
.sortUp{background:url("/vimage/16x16/imgs/is/arrow-3-up_0.png") no-repeat bottom right;}
.butUp{background:url("/imgs/admin/arrow_up.png") no-repeat;}
.butDown{background:url("/imgs/admin/arrow_down.png") no-repeat;}
.butUp,.butDown {width:16px; display:block; height:16px; float:left; margin:3px;}
.butUp span, .butDown span {display:none;}


.tooltip {text-decoration:none; position:relative;}
.tooltip span {display:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:black; background:white;}
.tooltip span img {float:left; margin:0px 8px 8px 0;}
.tooltip:hover span {display:block; position:absolute; top:0; left:0; z-index:1000; width:200px; max-width:320px; min-height:20px; border:1px solid black; margin-top:12px; margin-left:32px; overflow:hidden; padding:8px;}

.orderForm{ text-align: center}
.errorMessage{ display: block; color:darkred}

.firstBlock td{ border-top:2px solid #5D5D5D}

.quickOrderProducts{width:64%; float:left;}
.quickOrderProducts .dataTable{padding-top: 0}
.quickOrderCart{margin-left:66%; width:34%; background:white; position: relative; font-size:12px}
.buttonLine{text-align: center; padding: 10px 0}
.quickOrderCart h3{position: absolute;top: -40px;background: #fff;display: block;height: 40px;line-height: 40px;padding: 0 10px;}
.quickOrderCart td {padding: 5px 0}
.quickSearch {padding:20px; font-size:14px;}
.dataTable thead .quickSearch a {display:inline-block}
.inbox .quickSearch .filterSubmit,.inbox .quickSearch .clearSubmit{font-size:14px;}
.itemCartInfo{width:100%}

.cartContentPos{padding:10px}

.cartControls  span {display: inline-block; width: 20px;    text-align: center;}
.cartControls  a{ display:inline-block; border: 1px solid grey; text-decoration:none; width:15px; height: 15px; text-align:center; border-radius: 2px}
.quickOrderCart td.cartControls {vertical-align: bottom; padding-left: 5px; width: 30px}

.orderPreview {text-align: center}
.orderPreview table{width: 70%; margin:0 auto; text-align: left}
.orderPreview table td input{width: 40px; text-align: center; display: inline-block}
.orderPreview table td .change{  margin-left: 10px; font-size: 10px; text-transform: uppercase; font-weight: bold;}
.orderPreview table td .removeAll{margin-left: 10px; }
.orderPreview table td .change, .orderPreview table td .removeAll {padding: 0 5px;display: inline-block; text-decoration:none; border: 1px solid grey; color: black; height: 30px; line-height: 30px; border-radius: 4px;}

.orderButton{margin-top:20px;}
.stick {    position: fixed;    top: 0;}
.product-categories {
    width: 100%;
    background: #fff;
}
.search-box {
    margin-bottom: 20px;
}
.search-input {
    width: 400px;
}
.category-section {
    border-top:2px solid #5D5D5D
}
.category-name {
    background: #f5f5f5;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    transition: background 0.3s ease;
}
.category-name:hover {
    background: #e5e5e5;
}
.category-name::after {
    content: '∨';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}
.category-name.active::after {
    transform: translateY(-50%) rotate(180deg);
}
.category-image {
    width: 60px;
    height: 60px;
    vertical-align: middle;
    margin-right: 10px;
    display:inline-block;
}
.category-text {
    vertical-align: middle;
}
.product-list {
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}
.product-table {
    width: 100%;
    border-collapse: collapse;
}
.product-table th,
.product-table td {
    padding: 8px;
    text-align: left;
}
.product-table th {
    background: #f9f9f9;
}
.product-image {
    width: 70px;
}
.product-image img {
    max-width: 100%;
    height: auto;
}
.product-table input{
    border: 1px solid #7f7f7f;
    border-radius: 6px;
    width: 30px;
    margin-right: 5px;
    padding-right: 0;
}
.product-table .but{
    float:right;
    margin-top: 5px;
}

.tabs p{
    display: block;
    float: right;
    text-decoration: none;
    margin-right: 3px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 20px !important;
    margin-top: 40px;
    font-size: 15px;
}
.tabs a.send-all{
    float: right;
    background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(223, 39, 38, 1) 0%, rgba(201, 49, 39, 1) 100%) repeat scroll 0 0;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0
}