/*
 *---------------------------------------------------------------
 Global CSS
 *---------------------------------------------------------------
 */
body, h3, h1, p, ul, li, form{
	margin: 0;
	padding: 0;
}

body {
	background-color: #EBEBEB;
	color: #404040;
	font-family: "Lucida Grande",Tahoma,Verdana,sans-serif;
	font-size: 1em;
}

a{
	text-decoration: none;
}
h1{
	color: #FFFFFF;
	font-size: 2.0em;
	font-weight: normal;
}

h3{
	color: #1F1F20;
	font-size: 1em;
	padding: 5px 0 0 5px;
	text-shadow: 0 1px 0 #FFFFFF;
}

div.err, div.ok{
	margin: 10px;
}

div.err{
	background-color: #F3D9D9;
	border: 1px solid #D20009;
	border-radius: 5px 5px 5px 5px;
	
}

div.ok{
	background-color: #E2F6C5;
	border: 1px solid #79C20D;
	border-radius: 5px 5px 5px 5px;
}

div.err > p{
	background: url("../images/admin/err-icon.png") no-repeat scroll 15px 5px #F3D9D9;
	border-radius: 5px;
	color: #7B040F;
	display: block;
	font-size: .8em;
	line-height: 25px;
	text-indent: 40px;
	text-align: left;
}

div.ok > p{
	background: url("../images/admin/ok-icon.png") no-repeat scroll 15px 5px #E2F6C5;
	border-radius: 5px;
	color: #32510F;
	display: block;
	font-size: .8em;
	line-height: 25px;
	text-indent: 40px;
	text-align: left;
}

div.frm_notice{
	margin: 0 auto 20px;
	width: 450px;
}

.pagination {
    border: 1px solid #AAAAAA;
    border-radius: 3px 3px 3px 3px;
	font-size: .85em;
    line-height: 15px;
    margin: 5px 0;
    padding: 0 3px;
}

fieldset {
	background: none repeat scroll 0 0 #F6F6F6;
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	margin: 10px;
	padding: 1% 0;
}

fieldset label{
	display: block;
	float: left;
	font-size: .9em;
	height: 25px;
	line-height: 25px;
	margin-left: 5px;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 200px;
}

input[type="text"], input[type="password"], select.txtBox {
	/*display: block;*/
	margin-left: 5px;
	background-position: 10px 6px;
	border: 1px solid #BBBBBB;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 2px 2px #CCCCCC inset, 0 1px 0 #FFFFFF;
	color: #666666;
	height: 20px;
	margin: 0 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 300px;
}

.button{
	margin: 10px 15px 5px 5px;
}
.module_header{
	background: url('../images/admin/header_bar.png') repeat-x scroll 0 0 #F8F8F8;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 30px;
}

.tg20{
	margin-top: 20px;
}

/* zarovnanie */
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

/* zarovnanie textu a format textu (bold)*/
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
.tb{font-weight: bold;}

/* farba textu */
.t_red{color: #E81616;}
.t_green{color: #199E19;}
.t_orange{color: #E78F15;}
.t_blue{color: #154DE7;}
.t_black{color: #000000;}

.wrapper {
	margin: 0 auto;
	min-height: 500px;
	width: 100%;
	min-width: 850px;
}

.invisible{
	display: none;
}

/*
 *---------------------------------------------------------------
 * Submenu
 *---------------------------------------------------------------
 */
.submenu{
	margin-top: 15px;
	margin-left: 30px;
}

.submenu ul li a.sub_active{
	background-color: #D54E21;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 5px;
}

.subnav li{
	display: inline;
	height: 25px;
	list-style-type: none;
	padding-right: 20px;
}

.subnav li a{
	color: #D54E21;
	display: inline-block;
	font-size: .8em;
}

/*
 *---------------------------------------------------------------
 Login Page
 *---------------------------------------------------------------
 */
.login_content{
	border: 1px solid #9BA0AF;
	border-radius: 5px 5px 5px 5px;
	position: relative;
	margin: 0 auto;
	width: 360px;
}

/*
 *---------------------------------------------------------------
 * Admin Header and menu
 *---------------------------------------------------------------
 */
.admin_header{
	background: url("../images/admin/header_bg.png") repeat-x scroll 0 0 #222222;
	height: 45px;
	padding-left: 10px;
	padding-top: 10px;
}

section#secondary_bar{
	background-color: #878484;
	border-bottom: 1px solid #686868;
	height: 35px;
	width: 100%;	
}

.user_container{
	margin: 0 auto;
	position: relative;
	width: 850px;
}

.header_text, .header_logout{
	display: inline-block;
	font-size: .75em;
	margin-top: 10px;
}

.header_text{
	color: #FFFFFF;
}

.header_logout a:visited, .header_logout a:hover, .header_logout a:link, .header_logout a:active{
	color: #CCCCFF;
}

.menu_bar{
	margin: 0 auto;
	position: relative;
	width: 910px;
	font-size: .9em;
	
}

ol, ul{
	list-style: none outside none;
}

ul.main_menu{
	margin: 20px 0 0 0px;
}

ul.main_menu li a:visited, ul.main_menu li a:link, ul.main_menu li a:hover, ul.main_menu li a:active{
	color: #21759B;
	font-size: .9em;
	line-height: 20px;
}

ul.main_menu li{
	display: inline-block;
	height: 23px;
	padding: 6px 5px 0;
	position: relative;
	z-index: 1;
	margin: 0 5px;
}

ul.main_menu li.active{
	background-color: #FFFFFF;
	border-color: #DADADA #DADADA #FFFFFF;
	border-radius: 5px 5px 0 0;
	border-style: solid;
	border-width: 1px;
}

/*
 *---------------------------------------------------------------
 * Table in main window
 *---------------------------------------------------------------
 */
table{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin: 0 auto 30px;
	position: relative;
	min-width: 930px;
}

table thead th, td{
	padding: 0 3px;
}

table thead th, table tfoot td{
	background: linear-gradient(to bottom, #F9F9F9 0%, #CECECE 100%) repeat;
	border: 1px solid #CCCCCC;
}

th, td{
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	line-height: 25px;
}

td.first{
	line-height: 15px;
}

th.id{
	width: 30px;
}

th.degree, th.date{
	width: 45px;
}

th.medium-text{
	width: 100px;
}

th.small-text{
	width: 115px;
}

tr:nth-child(even) {
	background-color: #FFFFFF;
}


tr:nth-child(odd) {
	background-color: #F0F0F0;
}

tr:hover{
	background-color: #D9EBF5;
}

/*
 *---------------------------------------------------------------
 * Forms
 *---------------------------------------------------------------
 */
select.txtBox, input.txtBox, input.txtBoxFraze, input.txtBoxMiddle, input.txtBoxCharDis, input.txtBoxSearch{
    margin-bottom: 5px;
    margin-top: 5px;
}

select.txtBox {
	box-sizing: content-box;
}

input.txtBoxSearch, input.txtBoxSearch-small, input.txtBoxSearch-large {
	font-size: 1em;
	height: 15px;
	margin-left: 0;
	margin-right: 0;
}
input.txtBoxSearch			{ width: 70px; }
input.txtBoxSearch-small	{ width: 45px; }
input.txtBoxSearch-large	{ width: 90px; }

input.txtBox, select.txtBox {
	width: 240px;
}

input.txtBoxFraze{
    width: 210px;
}

input.txtBoxMiddle{
	width: 120px;
}

input.txtBoxCharDis, input.txtBoxPrice{
	display: inline-block;
    font-size: .6rem;
}

input.txtBoxCharDis{
	width: 30px;
}

input.txtBoxPrice{
	width: 50px;
}

.slcBox{
	margin-right: 10px;
	margin-top: 5px;
	width: 262px;
}

.slcBoxCharDis{
	display: inline-block;
	margin-right: 10px;
	margin-top: 5px;
	width: 50px;
}

.slcBoxOrder{
	margin-top: 5px;
	width: 152px;
}

.frmCheckbox{
	margin-left: 71px;
	vertical-align: middle;
}

.frmCheckboxCharDis{
	margin-left: 0px;
	vertical-align: middle;
}

label.lblCharDis{
	display: inline-block;
	margin-left: 5px;
	width: 40px;
}

a.button, form.invoices .frmSubmit {
	background: linear-gradient(to bottom, #F9F9F9 0%, #E0E0E0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	color: #222222;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
/*	margin-top: 10px; */
	min-width: 30px;
	overflow: hidden;
	padding: 0 5px;
	vertical-align: middle;
}

a.button:hover{
	background: none repeat scroll 0 0 #E6E6E6;
	color: #666666;
}

a.bntCharDis{
	margin-right: 0;
}
 
a img, span.a img{
	margin-right: 5px;
	vertical-align: middle;
}

p._eshop_price, p._eshop_price_dph{
	margin-right: 1em;
	text-align: right;
}

/*
 *---------------------------------------------------------------
 * Main window
 *---------------------------------------------------------------
 */
.main_container{
	margin: 0 auto 1em;
	position: relative;
	width: 950px;
}

.main_window{
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	box-shadow: 0 3px 5px #CCCCCC;
	margin-top: -1px;
	min-height: 400px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.title, .title_header{
	color: #878787;
}

.title{
	font-size: .9em;
	margin: 30px 55px 0 55px;
}

.title_header{
	font-size: .85em;
}

.main_form{
	margin-top: 10px;
	margin-bottom: 10px;
}

.new_user, .btnSearch, .pagination{
	color: #21759B;
	display: inline-block;
}

.btnSearch{
	margin-right: 7px;
}
.new_user{
	font-size: .75em;
	margin: 0 0 5px 65px;
}

/*
 *---------------------------------------------------------------
 * New client
 *---------------------------------------------------------------
 */
.frm_row, .frm_row_textarea, .frm_row_big, .frm_row_two_col{
	line-height: 30px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
}

.frm_row{
	border-top: 1px dotted #DDDDDD;
	width: 470px;
}

.frm_row_two_col{
	width: 365px;
}

.frm_row_big{
	border-top: 1px dotted #DDDDDD;
}

.frm_row_big, .frm_row_textarea{
	width: 700px;
}

.frm_row label, .frm_row_big label, .frm_row_two_col label, p._eshop_price, p._eshop_price_dph, label.new_prod_order{
	color: #878787;
	font-size: .8em;
}

/*
 *---------------------------------------------------------------
 * New categories
 *---------------------------------------------------------------
 */
a.mCatButton{
	margin: 30px 28px 0 0;
}

.client_info{
/*	margin: 0 auto 15px;*/
	margin: 0 auto;
	width: 780px;
}

.client_info span{
	color: #878787;
	display: inline-block;
	font-size: .8em;
}

.client_info span.inv_header{
	width: 100px;
}

.client_info span.inv_header_price{
	width: 170px;
}

.client_info span.inv_title{
	font-size: .9em;
	margin-bottom: 5px;
}

.client_info span.inv_price{
	width: 80px;
}

.client_info textarea.inv_note{
	height: 80px;
	resize: none;
	width: 760px;
}

.my-group {
	display: flex;
	margin: 5px 10px;
}
.my-group > *, .my-group > input {
	border: none;
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	margin: 0;
	border-radius: 0;
}
.my-group > *:first-child {
	border-left: 1px solid #BBBBBB;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid #bbb;
}
.my-group > *:last-child {
	border-right: 1px solid #BBBBBB;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.client_info .my-group {
	width: 262px;
}
.client_info .my-group > *:first-child { width: 20%; }
.client_info .my-group > *:last-child { width: 80%; }

.btn_note{
	margin-right: 3px;
}

.fileUpload{
	margin-left: 10px;
}

.upload_form{
	margin: 0 auto;
	width: 790px;
}

a.invoice{
	color: #878787;
	display: inline-block;
	font-size: .75em;
	margin-bottom: 3px;
}
a.invoice:hover {
	text-decoration: underline;
}

a.invoice:last-of-type{
/*	margin-bottom: 10px;*/
}

form.invoices input[type="text"] {
	display: inline-block;
	width: 80px;
	margin-right: 0;
}
form.invoices input[type="submit"] {
	line-height: 20px;
	margin-left: 10px;
	cursor: pointer;
}

#invoice_list input.txtBoxSearch {
	margin: 1px 0;
}
#invoice_list .first {
	padding: 2px 3px;
}
.invoice_head, .invoice_text {
	color: #878787;
	margin-left: 55px;
}
.invoice_head {
	padding: 0;
	font-size: 0.9em;
}
.invoice_text {
	font-size: 0.8em;
	margin-bottom: 1em;
}
.invoice_text select {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%) repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: #222222;
    display: inline-block;
    font-size: 12px;
    padding: 3px 5px;
}

#invoice_list .th-date-width {
	width: 130px;
}
#invoice_list .th-action-width {
	width: 160px;
}
#invoice_list a img, span.a img {
	margin-right: 1px;
}

.main_window hr {
	border: 0;
	height: 2px;
	box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.4);
}

/* nova objednavka - cez administraciu */
.new_order{
	border-top: 1px dotted #DDDDDD;
	margin-top: 10px;
}

.txt_new_order{
	display: inline;
	margin-left: 0;
}

.btn_ord_new_prod{
	margin: 10px 15px 10px 0;
}

.ord_new_prod{
	margin-top: 10px;
}

.prod_price_dph{
	margin-right: 20px;
}

.pagination-header {
	text-align: right;
/*	font-size: .8em;
	margin-right: 10px;*/
}
.pagination-header .pagination {
	margin-left: 4px;
	padding: 2px 5px;
	font-size: 1em;
}
.pagination-header strong {
	margin-left: 4px;
	padding: 2px 5px;
	line-height: 15px;
}
.pagination-header .first { margin-right: 4px; }
.pagination-header .last {  }

/* preklad */
.translates .txtBox {
	width: 190px;
}
.translates-insert p {
	margin-left: 80px;
}
.translates-insert label {
	width: 190px;
	display: inline-block;
}
.translates-insert input[type=submit]{
	border: 1px solid #aaaaaa;
    border-radius: 3px;
    font-size: 0.85em;
    line-height: 15px;
    margin: 5px 0 5px 200px;
    padding: 5px 15px;
    width: 230px;
}


.translate-list tr:nth-child(even){ background-color: #d5e6ed; }
.translate-list tr:hover { background-color: #2180ac; color: white;  }
.translate-list td, th { color: inherit; font-weight: bold; }
table.translate-list {
	margin: 0 10px 30px;
	max-width: 930px;
	min-width: 100px;
	width: 95vw;
}
.translate-list input.txtBoxSearch { width: 200px; }
.translate-list .w-lang { min-width: 220px; }

/* dodanie */
.pickup a {
	color: #21759b;
	font-weight: bold;
}
.pickup a.t_orange{color: #E78F15;}
.pickup td, .pickup th {
	font-size: 13px;
}
#order_list td {
	border: 1px solid #CCCCCC;
}


.f-left { float: left; }
.f-right{ float: right;}
.f-clear{ clear: both; }
.orders a img { margin-right: 0; }

.orders .gopay { display: block; height: 14px; }
.orders .gopay img {
	height:  14px;
}
.client_info .new_order .gopay { margin-top: 1rem; }
.client_info .new_order .gopay img {
	height: 16px;
	vertical-align: middle;
}

#check_products_count {
	float:right;
	font-size: 0.8em;
	margin: -10px 10px 3px;
}
#check_products_count a {
	color: #ef7f00;
	text-decoration: none;
}
#check_products_count a:hover {
	text-decoration: underline;
	color: #337ab7;
}

input.w30px { width: 30px; padding-left: 5px; padding-right: 5px; }
input.w55px { width: 55px; padding-left: 5px; padding-right: 5px; margin: 1px 0; }

.form_bottom_gap{margin-bottom: 10px;}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid 
	transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 4px;
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-warning {
    color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.font-big 	  {	font-size: 120%; }
.font-small   {	font-size:  80%; }
.font-smaller {	font-size:  60%; }
.text-center { text-align: center; }
.text-left 	 { text-align:   left; }
.text-right  { text-align:  right; }