@font-face {
    font-family: 'Barlow';
    src: url('https://finance.4pap.cz/resources/fonts/Barlow-Regular.woff2') format('woff2'),
    url('https://finance.4pap.cz/resources/fonts/Barlow-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('https://finance.4pap.cz/resources/fonts/Barlow-Bold.woff2') format('woff2'),
    url('https://finance.4pap.cz/resources/fonts/Barlow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('https://finance.4pap.cz/resources/fonts/Barlow-SemiBold.woff2') format('woff2'),
    url('https://finance.4pap.cz/resources/fonts/Barlow-SemiBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Roboto';
    src: url('https://finance.4pap.cz/resources/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('https://finance.4pap.cz/resources/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('https://finance.4pap.cz/resources/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: none;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: none;
}

/* overwriten template styles */
.main_bg_color {
    background-color: #FFFFFF;
}

.main_menu_bg_color {
    background-color: #feefda;
}

.menu_text_color {
    color: #003B79;
}

.submenu_bg_color {
    background-color: #003B79;
}

.menu_icon > svg {
    color: #003B79;
}

#top_line {
    background-color: #F18E00;
}

#footer_line {
    background-color: #F18E00;
}

.datagridOuterWrapper .filterImgWrapper	svg {
    color: #003B79;
}

.datagridOuterWrapper .datagridColumnSorted svg {
    color: #003B79;
}

.datagridOuterWrapper .datagridIcon svg {
    color: #003B79;
}

/* end of template */

html {
    height:100%;
    min-width: 100%;
    margin:0;
    padding: 0;
    display: inline-block;
}

body {
    font-size: 14px;
    font-family: Roboto, 'Barlow', Arial;
    color: #4F4F4F;
    height:100%;
    min-width: 100%;
    margin:0;
    padding: 0;
    display: inline-block;
}

body.login_page {
    background: url("https://finance.4pap.cz/resources/images/layout/HB-logowanie3.jpg");
    background-size: cover;
}


a	{
	color:#003B79;
}

a:hover	{
	color:#003B79;
}

#main_container {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

#outer_wrapper {
    background-image: url("https://finance.4pap.cz/resources/images/layout/StockSnap_MY9TVNEESX.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

#middle_wrapper {
    background-color: rgba(255, 255, 255, 0.7);
    flex-grow: 1;
    padding-bottom: 30px;
}

table {
    border-collapse: collapse;
}

.cell_relative {
    position: relative;
}

#top_row {
    background-color: #FFFFFF;
}

#top_row > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

#user_logo {
    height: 60px;
}


#application_logo {

}

#application_logo img {
    max-height: 60px;
}

#mainMenuNavBar {
    border-radius: 0;
    border: none;
}

.righty {
    float: right;
}

.lefty {
    float: left;
    display: block;
}

.hideMe {
    display: none;
}

.strafeCenter {
    text-align: center !important;
}

.strafeRight {
    text-align: right;
}

.strafeLeft {
    text-align: left;
}

.boldy {
    font-weight: bold;
}

.noWordWrap {
    white-space: nowrap;
}

.clear {
    clear: both;
}

.clickable {
    cursor: pointer;
}

.inline-block {
    display: inline-block;
}


#error_page	{
	text-align:center;
}

#error_page	p, #error_page	div	{
	font-size:25px;
	color:#e26162;
	font-weight:bold;
}

#error_page	p	{
	text-align:center;
	width:900px;
	font-size:20px;
}

#error_wrapper	{
	display:inline-block;
	padding:20px;
	position:relative;
	margin:20px;
}

div #error_message	{
	position:absolute;
	top:200px;
	left:50px;
	width:380px;
	color:#ff0000;
}

#error_page	img	{
	padding:10px;
}

.top_righty > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top_righty > ul > li {
    margin: 0 5px;
}

#lng_selector div {
    cursor: pointer;
    opacity: 0.3;
    display: inline-block;
    margin-left: 7px;
}

#lng_selector div.active {
    opacity: 1;
}

#lng_selector div svg {
    max-height: 30px;
    max-width: 30px;
}

.navbar-header, .navbar-nav, .navbar-nav > li {
    float: none;
}

.mainMenu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_icon {
    text-align: center;
}

.menu_icon > svg {
    max-height: 40px;
    max-width: 40px;
}

.menu_text {
    text-align: center;
}



.navbar {
    margin-bottom: 0;
}

.nav-tabs > li {
    float: none;
}

#mainTabs {
    border-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#mainTabs li {
    margin: 4px;
}

#mainTabs.nav-tabs > li > a {
    border-radius: 4px;
    color: #FFFFFF;
    padding: 5px 20px;
    cursor: pointer;
}


#mainTabs.nav-tabs > li.active > a, #mainTabs.nav-tabs > li > a:hover {
    color: #00497f;
}

.nav > li.active > a {
    background-color: #D9dadb;
}


.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    background-color: #003B79;
    border-color: #003B79;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    box-shadow: 0px 0px 4px 0px #666;
    transition: all 0.2s linear 0s;
}


.form-control	{
	font-size:0.9em;
	line-height:inherit;
	padding:3px 6px;
}

.alert {
	padding:8px;
	margin-top:8px;
    text-align: center;
}


.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: none;
}

#footer_line {
    height: 4px;
}

#footer {
    width: 100%;
}

#footer p {
    text-align: center;
    margin-bottom: 0;
}

#footer_logo	{
	height:20px;
	margin-left: 20px;
	display:block;
}

.footer_content {
    height:70px;
	font-size:0.9em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#top_line {
    height: 4px;
    /*border-bottom: solid 1px #cccccc;*/
}


#secondary_nav_buttons	{
	display:block;
	text-align:center;
}

#secondary_nav_buttons button	{
	margin-bottom:5px;
    margin-top: 15px;
    font-size: unset;
    background-color: #003B79;
    color: #ffffff;
    padding: 4px 15px;

    border-color: #003B79;
    border-radius: 6px;
    margin-left: 6px;
}


#inner_wrapper {
    padding-top: 15px;
}

.import_format td {
	padding: 6px;
	border: solid 1px #666;
}

tr.blue_cell {
	background-color: #7acaff;
}

.powitanie {
    text-align: center;
    padding: 25px;
    font-size: 1.2em;
}

#SHOPS_PRODUCTS_LIST_mainID .container-fluid, #SHOPS_PRODUCTS_TILES_LIST_mainID .container-fluid {
    position: relative;
}

#SHOPS_PRODUCTS_LISTbutton_0, #SHOPS_PRODUCTS_TILES_LISTbutton_0 {
    position: absolute;
    top:-6px;
    right: 0px;
}

#SHOPS_PRODUCTS_LISTbutton_1, #SHOPS_PRODUCTS_TILES_LISTbutton_1 {
    position: absolute;
    top:-6px;
    right: 60px;
}

#SHOPS_PRODUCTS_LISTbutton_0 a, #SHOPS_PRODUCTS_TILES_LISTbutton_0 a, #SHOPS_PRODUCTS_LISTbutton_1 a, #SHOPS_PRODUCTS_TILES_LISTbutton_1 a {
    height: 32px;
    display: flex;
    align-items: center;

}

#SHOPS_PRODUCTS_LISTbutton_0 div, #SHOPS_PRODUCTS_TILES_LISTbutton_0 div, #SHOPS_PRODUCTS_LISTbutton_1 div, #SHOPS_PRODUCTS_TILES_LISTbutton_1 div {
    display: inline-block;
    font-size: 0.8em;
    width:30px;
    line-height: 15px;
    text-align: center;
    margin-left: 5px;
}

#SHOPS_PRODUCTS_LISTbutton_0 svg, #SHOPS_PRODUCTS_TILES_LISTbutton_0 svg, #SHOPS_PRODUCTS_LISTbutton_1 svg, #SHOPS_PRODUCTS_TILES_LISTbutton_1 svg {
    height: 32px;
    width: auto;
    color: #4F4F4F;
    background-color: #FFFFFF;
}

#SHOPS_PRODUCTS_LISTbutton_0 a.inactive svg, #SHOPS_PRODUCTS_TILES_LISTbutton_0 a.inactive svg, #SHOPS_PRODUCTS_LISTbutton_1 a.inactive svg, #SHOPS_PRODUCTS_TILES_LISTbutton_1 a.inactive svg {
    box-shadow: 0px 2px 5px 0px #888;
    border-radius: 4px;
    transition: all 0.2s linear 0s;
    transform: scale(1.1);
}

#SHOPS_PRODUCTS_LISTbutton_0 a:hover svg, #SHOPS_PRODUCTS_TILES_LISTbutton_0 a:hover svg, #SHOPS_PRODUCTS_LISTbutton_1 a:hover svg, #SHOPS_PRODUCTS_TILES_LISTbutton_1 a:hover svg, #SHOPS_PRODUCTS_LISTbutton_0 a.active svg, #SHOPS_PRODUCTS_TILES_LISTbutton_0 a.active svg, #SHOPS_PRODUCTS_LISTbutton_1 a.active svg, #SHOPS_PRODUCTS_TILES_LISTbutton_1 a.active svg {
    box-shadow: 0px 0px 3px 0px #333;
    border-radius: 4px;
    transition: all 0.2s linear 0s;
    transform: scale(1);
}

#SHOPS_PRODUCTS_LISTbutton_0 svg:hover, #SHOPS_PRODUCTS_TILES_LISTbutton_0 svg:hover, #SHOPS_PRODUCTS_LISTbutton_1 svg:hover, #SHOPS_PRODUCTS_TILES_LISTbutton_1 svg:hover, #SHOPS_PRODUCTS_LISTbutton_0 a.active svg, #SHOPS_PRODUCTS_TILES_LISTbutton_0 a.active svg, #SHOPS_PRODUCTS_LISTbutton_1 a.active svg, #SHOPS_PRODUCTS_TILES_LISTbutton_1 a.active svg {
    color: #003B79;
}

#SHOPS_PRODUCTS_LISTbutton_0 a, #SHOPS_PRODUCTS_TILES_LISTbutton_0 a, #SHOPS_PRODUCTS_LISTbutton_1 a, #SHOPS_PRODUCTS_TILES_LISTbutton_1 a {
    padding: 0;
}


.mobileQuestionUpload .filesGallery	{
	margin-top:15px;
	font-weight: bold;
}


.mobileQuestionUpload .filesGallery .fileGalleryRow {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.mobileQuestionUpload ul {
    padding-left:0;
}

.mobileQuestionUpload li {
    list-style-type: none;
}

.mobileQuestionUpload .thumbnail	{
	margin:5px auto;
	display:inline-block;
}

#SHOPS_ORDER_MULTIPLE_FORM_multiple_mode_manual_ID_wrapper>.row {
    display: flex;
    justify-content: space-between;
}

#SHOPS_ORDER_MULTIPLE_FORM_multiple_mode_manual_ID_wrapper>.row>.col-xs-6 {
    margin-top: 7px;
}


#SHOPS_ORDER_MULTIPLE_FORM_multiple_mode_manual_ID_wrapper>.row label.mainFieldLabel {
    min-height: unset;
}

/*****
DATAGRID
*****/


.datagridOuterWrapper {
    padding: 15px;
}

.datagridOuterWrapper table {
    width: auto;
    margin: auto;
    min-width: 880px;
}

.datagridOuterWrapper .table-bordered {
    border: none;
}

.datagridOuterWrapper .table-bordered > thead > tr > th.datagridTitle {
    border: none;
}

.datagridOuterWrapper .table-bordered > thead > tr > th.datagridTitle .navbar-default {
    background-color: transparent;
    border: none;
}

.datagridOuterWrapper .table-bordered > thead > tr > th.datagridTitle .navbar-header {
    text-align: center;
    min-height: 20px;
}

.datagridOuterWrapper .table-bordered > thead > tr > th.datagridTitle .datagridButtons {
    display: flex;
}

.datagridOuterWrapper .table-bordered > thead > tr > th.datagridTitle .container-fluid {
    margin: 0;
    padding: 0;
}

.datagridOuterWrapper .table-bordered > thead > tr > th.datagridTitle .datagridButtons button {
    padding: 2px 12px;
    margin: 0 5px 0 0;
}


.datagridOuterWrapper table {
    border-collapse: separate;
}

.datagridOuterWrapper .table-bordered td, .datagridOuterWrapper .table-bordered th {
    border-top: solid 1px #4F4F4F;
    border-left: solid 1px #4F4F4F;
}

.datagridOuterWrapper tr:first-child td:first-child, .datagridOuterWrapper tr:nth-child(2) th:first-child {
    border-top-left-radius: 4px;
}

.datagridOuterWrapper tr:first-child td:last-child, .datagridOuterWrapper tr:nth-child(2) th:last-child {
    border-top-right-radius: 4px;
}

.datagridOuterWrapper tr:last-child td:first-child, .datagridOuterWrapper tr:last-child th:first-child {
    border-bottom-left-radius: 4px;
}

.datagridOuterWrapper tr:last-child td:last-child, .datagridOuterWrapper tr:last-child th:last-child {
    border-bottom-right-radius: 4px;
}

.datagridOuterWrapper tbody tr:last-child td, .datagridOuterWrapper thead tr:last-child th, .datagridOuterWrapper tfoot tr:last-child td {
    border-bottom: solid 1px #4F4F4F;
    box-shadow: 0px 2px 5px -2px #888;
}

.datagridOuterWrapper tbody tr td:last-child, .datagridOuterWrapper thead tr th:last-child, .datagridOuterWrapper tfoot tr td:last-child {
    border-right: solid 1px #4F4F4F;
}

.datagridOuterWrapper tbody::before, .datagridOuterWrapper tbody::after {
  content: '';
  display: block;
  height: 10px;
}

.datagridOuterWrapper .navbar {
    min-height: 0;
}

.datagridOuterWrapper .table-bordered>thead>tr>th, .datagridOuterWrapper .table-bordered>thead>tr>td {
    border-bottom-width: 1px;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: none;
}

.datagridOuterWrapper .filterLine th, .datagridOuterWrapper .datagridColumnNamesRow th {
    background-color: #FFFFFF;
}

.datagridOuterWrapper .filterLine th div	{
	margin:0 auto;
}

.datagridOuterWrapper .datagridButtonCell {

    text-align: center;
}

.datagridOuterWrapper td {
    background-color: #FFFFFF;
}

.datagridOuterWrapper .filterLine th div.datagridDatePeriod input	{
	width:90px;
	cursor:pointer;
}

.datagridOuterWrapper .filterLine th div.datagridDatePeriod img	{
	cursor:pointer;
}

.datagridOuterWrapper .filterLine th div .form-control, .datagridOuterWrapper .filterLine th div .ui-multiselect	{
	display:inline-block;
}

.datagridOuterWrapper .filterLine th div .form-control {
    line-height: 1.2em;
    padding: 6px 6px;
    height: auto;
}

.datagridOuterWrapper .filterImgWrapper	{
	width:48px;
	display:inline-block;
}

.datagridOuterWrapper .filterImgWrapper	img {
	height:16px;
}

.datagridOuterWrapper .filterImgWrapper	svg {
	height:20px;
    max-height: 20px;
    max-width: 20px;
}

.datagridOuterWrapper .datagridSmallArrow svg {
    height:20px;
    max-height: 20px;
    max-width: 20px;
    margin-left: 10px;
    position: relative;
    top:5px;
}

.datagridOuterWrapper .datagridSmallArrow {
    display: inline-block;
}

.filterImgWrapper>div {
    cursor: pointer;
    display:inline-block;
}

.datagridOuterWrapper .datagridColumnTitle	{
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
    vertical-align: middle;
}

.datagridOuterWrapper .datagridColumnSorted	{
	background-color:#D9dadb;
}

.datagridOuterWrapper td.datagridOddLine	{
	background-color:#F5F5F6;
}


.datagridAutoComplete	{
	display: flex;
    align-items: center;
    justify-content: center;
    width:125px;
}

.datagridAutoComplete input	{
	width:70px;
}

.datagridDropDownCheck	{
	display: flex;
    align-items: center;
    justify-content: center;
    width:155px;
}

.datagridAutoComplete img, .datagridDropDownCheck img	{
	cursor:pointer;
}

.datagridIcon	{
	margin:0px auto;
	display:inline-block;
	cursor:pointer;
	height:24px;
    text-align: center;
}

.datagridIcon svg {
    height: 24px;
    width: 24px;
}

.datagridShortInput	{
	max-width:70px;
}

.form-control.dgInputSelect {
    display: inline-block;
}

.datagridOuterWrapper td.blueRow	{
	background-color:#c3d8fd;
}

.datagridOuterWrapper td.greenRow	{
	background-color:#c5fdc3;
}

.datagridOuterWrapper td.orangeRow	{
	background-color:#fddcc3;
}

.datagridSummary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.datagridSummary .summaryText	{
	margin-right:20px;
	max-width:50%;
	font-size:0.9em;
}

.datagridSummary .paginationSection	{
	margin-left:20px;
	max-width:50%;
}

.paginationSection 	.pagination	{
	margin:0;
}


.datagridSummary .perPageSection	{
	width:190px;
	margin-left:30px;
	font-size:0.9em;
}

.datagridSummary .perPageSection select	{
	width:70px;
	margin:0 5px;
	display:inline;
    padding: 3px;
    height: auto;
    line-height: inherit;
}


.paginationSection .pagination>.active>a {
    color: #FFFFFF;
    background-color: #003B79;
    border-color: #003B79;
}

.paginationSection	.pagination-sm li a	{
	font-size:0.8em;
    color: #4F4F4F;
}


.datagridOuterWrapper td.lightRed	{
	background-color:#ffe1e1;
}

.datagridOuterWrapper td.lightYellow	{
	background-color:#FAFAD2;
}

.datagridOuterWrapper td.lightGreen	{
	background-color:#e1ffe4;
}


.datagridOuterWrapper td.lightBlue	{
	background-color:#40b4ed;
}

/* end dg */






/******
JQUERY UI ZMIANY
******/
.ui-widget	{
	font-size:14px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:normal;
}

.ui-widget-header	{
	font-size:0.9em;
}

.ui-widget-header, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default	{
	background:#ddd;
}

.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-active	{
	border:solid 1px #777;
	background:#eee;
	font-weight:bold;
}

.ui-widget-content .ui-state-highlight	{
	border:solid 1px #777;
	background:#fff;
	font-weight:normal;
	border:1px solid #d3d3d3;
}

.ui-widget-content	{
	background:#fff;
}

.ui-corner-all	input	{
	margin-right:3px;
}

.ui-multiselect-filter	{
	font-size:inherit;
}

ul.ui-helper-reset {
	clear:left;
}


.ui-multiselect-filter input	{
	height:auto;
	font-size:inherit;
	width:100%;
	font-weight:normal;
	border-radius: 3px 3px 3px 3px;
	padding:5px 5px;
}

.ui-multiselect-header ul	{
	font-size:inherit;
}

.ui-multiselect-menu .ui-state-hover	{
	background-image:none;
	background-color:#ddd;
}

.ui-multiselect-menu .ui-multiselect-checkboxes input	{
	margin-left:3px;
}

.ui-multiselect-menu .ui-multiselect-checkboxes label	{
	color:#333;
	font-weight:normal;
}

.ui-multiselect-menu .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
	text-align:left;
	padding-top:5px;
	margin-left:20px;
	color:#222;
}

.ui-multiselect	{
	background-color:#f6f6f4;
	background-image:none;
	line-height:inherit;
	height:30px;
	display:block;
	width:100%;
	padding:3px 6px;
	overflow: hidden;
}

.ui-autocomplete .ui-menu-item a	{
	font-size:0.9em;
	padding:3px 8px;
}

.ui-autocomplete .ui-menu-item a:hover	{
	background:#ccc;
}

.ui-timepicker-table .ui-timepicker .ui-timepicker-hour-cell	{
	width:auto;
}

.ui-timepicker-table td a	{
	width:auto;
}

/* end jquery ui zmiany */



/****************
****  FILTR *****
*****************/

.filterWrapper	{
	max-width:800px;
	min-width:600px;
	margin:10px auto 0 auto;
}

.filterWrapper .panel-body {
    background-color: #F5F5F6;
}

.filterSelector	{
	text-align:center;
}

.filterLabel	{
	font-size:0.9em;
}

.filterButton	{
	font-size:0.85em;
	padding:5px 8px;
}

.filterLabel {
   display: block;
    text-align: center;
}


/* END Filtr */

/***
FORM
***/

.formOuterWrapper	{
	margin:10px auto;
	min-width:500px;
	max-width:800px;
    background-color: transparent;
}

.formOuterWrapper.wideForm	{
	min-width:700px;
	max-width:1000px;
}

.formOuterWrapper.fullWidthForm	{
	max-width:100%;
}

.formTitle	{
	font-size:1.1em;
}

.tooltipColumn	{
	margin:auto;
	background:#F6F6F6;
	border:1px solid #ccc;
	padding:5px 8px;
	color:#666;
	font-style:italic;
	text-align:left;
	position:relative;
	font-size:0.9em;
	display:block;
	border-radius: 3px 3px 3px 3px;
}

.tooltipColumnDziobek	{
	position:absolute;
	left:-10px;
	top:5px;
	z-index:1;
}

.tooltipColumnMargin	{
	width:100%;
	height:3px;
}

.well .tooltipColumn	{
	background:#ffffff;
}

.well .well {
	padding: 10px;
}

.formOuterWrapper .well .well .well-heading {
	margin-bottom: 9px;
}

.formOuterWrapper .row:last-child .formNode .form-group {
	margin-bottom:0;
}

label.mainFieldLabel	{
	text-align:left;
	display:block;
	font-size:0.95em;
	height:auto;
	white-space:normal;
	padding:0 6px;
	line-height:1.35em;
	word-break:normal;
	color: #4F4F4F;
	vertical-align: baseline;
	border-radius: .25em;
    min-height: 34px;
    font-weight: bold;

}

textarea.form-control	{
	height:80px;
}

.formOuterWrapper .formNode	{
	text-align:left;
	position:relative;
}

.formOuterWrapper .formCheckbox	{
  	padding: 10px;
  	background: none;
}

.formRowSubmit	{
	margin:10px auto 10px auto;
	max-width:280px;

}


.formOuterWrapper .well-heading	{
	margin-bottom:18px;
}

.formOuterWrapper .formGroupLine	{

}

.formOuterWrapper .formGroupLine label	{
	font-weight:normal;
	word-wrap:break-word;
	overflow-wrap: break-word;
	display:inline;
}

.formOuterWrapper .formGroupCell div	{
	text-align:left;
}

.formOuterWrapper .formGroupCell	{
	margin-bottom:10px;
}


.panel-primary	{
	border: none;
    border-radius: 4px;
}

.panel-primary .panel-heading {
	background-color: #F5F5F6;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #4F4F4F;
    margin-bottom: 10px;
    box-shadow: 0px 2px 5px -2px #888;
}

.panel-title {
    font-weight: bold;
    color: #4F4F4F;

}

.panel-body {
    border-radius: 4px;
    border: solid 1px #4F4F4F;
    box-shadow: 0px 2px 5px -2px #888;
    background-color: #FFFFFF;
}


.formCheckboxGroup, .formTextGroup	{
	display:inline-block;
	margin-top:2px;
	list-style-type:none;
	width:100%;
}

.formCheckboxGroup	label, .formTextGroup label {
	float:none;
	display:inline;
	padding:0 20px 0 5px;

}

.formCheckboxGroup	label:hover	{
	background-color:#ddd;
}


.formCheckboxGroup	li, .formTextGroup li {
	list-style-type:none;
	display:inline-block;
	margin:5px 0px;
	vertical-align:top;
	padding:0 5px 0 25px;
	width:42%;
}


.formSection	{
	color: #fff;
	background-color: #B1B2B4;
	border-color: #B1B2B4;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	padding: 6px 6px;
	text-align:center;
	border-radius: 3px;
}

.formLink	{

}

#SHOP_ADDRESSES_IMPORT_START_outer_wrapper {
	max-width: 1200px;
}

.formErrorMessage	{
	font-size:0.9em;
	margin:3px 0 10px 0;
	padding:8px;
}

.fileGalleryRow	{
	margin-top:8px;
}

.fileGalleryRow .thumbnail	{
	position:relative;
	background-color:#f6f6f4;
    text-align: center;
    font-size: 12px;
}

.fileGalleryRow .thumbnail img	{
	margin:5px auto;
}

.fileGalleryRow .fileDescription	{
	text-align:center;
	font-size:0.8em;
	margin-top:3px;
}

.fileDeleteIcon	{
	width:16px;
	height:16px;
	background-color:transparent;
	position:absolute;
	z-index:2;
	top:0px;
	right:0px;
	background-image:url(https://finance.4pap.cz/resources/images/icons/32x32/delete.png);
	background-repeat:no-repeat;
	background-size: contain;
	cursor:pointer;
}

.fileGalleryFileIconMode	{
	position:relative;
	display:inline-block;
	margin:10px 10px 0 0;
}

.fileGalleryFileIconMode .fileDeleteIcon	{
	top:-7px;
	right:-7px;
}



.commentMeta	{
	color:#780000;
	font-weight:bold;
}

.commentItem	{
	font-style:italic;
	padding-top:5px;
}

.commentUserPhoto	{
	width:100%;
	text-align:left;
	padding:4px;
}

.commentsTitle	{
	text-align:left;
	padding:7px;
	font-size:0.9em;
	font-weight:bold;
}

.formOuterWrapper .formCheckboxGroupItem	{
	margin-right:10px;
}


.formOuterWrapper .hasTimepicker	{
	cursor:auto;
}

.formOuterWrapper label.formCheckboxGroupItemButton	{
	margin-bottom:10px;
	display:block;
}

.formNonEditableText	{
	padding:5px 8px;
	font-style:italic;
	border:solid 1px #ddd;
	border-radius: 4px 4px 4px 4px;
}


.formOuterWrapper .form-group {
    display: flex;
    flex-wrap: wrap;
}

.formOuterWrapper .col-sm-12 {
    flex-basis: 100%;
}


/* end form */

#products_list_dg_wrapper {
    max-width: 1200px;
    margin: auto;
}

.products_tiles_td {
    background-color: #F5F5F6;
}

.products_tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;

}

.productTileWrapper {
    border-radius: 4px;
    border: solid 1px #4F4F4F;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    margin: 10px;
    width: 23%;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px 0px #888;
}

.productPhoto {
    text-align: center;
}

.productsNoPhoto {
    max-width: 160px;
    max-height: 120px;
}

.productName {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    word-break: break-word;
}

.fileGalleryImage img {
    margin: auto;
    border-radius: 4px;
}

.fileGalleryImage {
    padding: 3px;
    border: solid 1px #cccccc;
    display: inline-block;
    border-radius: 4px;
}



.productBrand {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    margin:10px auto;
}

.productInStock {
    text-align: center;
    margin: 15px 0;
}

.productInStock span {
    font-size: 1.2em;
    font-weight: bold;
}

.productCode {
    font-size: 0.85em;
    color: #797979;
    text-align: center;
}

.productOrdering {
    margin-top: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productOrdering svg {
    display: inline-block;
    margin-left: 10px;
    margin-top:5px;
}

.productOrdering input, .productOrdering button {
    width: 50%;
    display: inline-block;
}

.productOrdering .datagridIcon {
    height: auto;
    margin: unset;
}

#products_list_dg_wrapper .hideInTiles {
    display: none;
}

#products_list_dg_wrapper .topLeftInTiles {
    border-left: solid 1px #4F4F4F;
    border-top-left-radius: 4px;
}

#products_list_dg_wrapper .topRightInTiles {
    border-right: solid 1px #4F4F4F;
    border-top-right-radius: 4px;
}

#products_list_dg_wrapper .bottomLeftInTiles {
    border-left: solid 1px #4F4F4F;
    border-bottom-left-radius: 4px;
}

#products_list_dg_wrapper .bottomRightInTiles {
    border-right: solid 1px #4F4F4F;
    border-bottom-right-radius: 4px;
}





/** DG Responsive **/
#SHOPS_PRODUCTS_LISTbutton_1, #SHOPS_PRODUCTS_TILES_LISTbutton_1 {
	padding-right: 4%;
}

@media (max-width: 767px)	{
	/* Force table to not be like tables anymore */
	.datagridOuterWrapper .rs_table_responsive table, .datagridOuterWrapper .rs_table_responsive thead, .datagridOuterWrapper .rs_table_responsive tbody, .datagridOuterWrapper .rs_table_responsive th, .datagridOuterWrapper .rs_table_responsive td, .datagridOuterWrapper .rs_table_responsive tr {
		display: block;
	}
	.datagridOuterWrapper table {
		min-width: unset;
		width: 100%;
	}
	#SHOPS_PRODUCTS_LISTbutton_1, #SHOPS_PRODUCTS_TILES_LISTbutton_1 {
		padding-right: 6%;
	}

	.datagridOuterWrapper	{
		width:100%;
	}
	.col-sm-3, .col-sm-6 {
		flex-basis: 100%;
		text-align: center;
	}
	label.mainFieldLabel {
		background-color: #EEEEEE;
	}
	.tooltipColumn {
		text-align: center;
	}
	.col-sm-3 label.mainFieldLabel {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.datagridOuterWrapper .rs_table_responsive thead, .datagridOuterWrapper .rs_table_responsive thead th {
		border-bottom: 1px solid #d0d0d0;
	}

	.datagridOuterWrapper .rs_table_responsive thead {
		border-top: 1px solid #d0d0d0;
	}


	.datagridOuterWrapper .rs_table_responsive thead .datagridTitleRow .navbar-header	{
		padding:0;
		margin:0;
		width:100%;
		font-size:1.3em;
	}

	.datagridOuterWrapper .rs_table_responsive thead .datagridTitleRow .navbar .container-fluid	{
		padding:0;
	}

	.datagridOuterWrapper .rs_table_responsive thead .datagridTitleRow .navbar .datagridButtons	{
		text-align:center;
	}

	.datagridOuterWrapper .rs_table_responsive thead .datagridTitleRow .datagridButtons li	{
		display:inline-block;
	}


	.datagridOuterWrapper .rs_table_responsive thead .datagridColumnTitle	{
		text-align:left;
	}

	.datagridOuterWrapper .rs_table_responsive tbody tr {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.datagridOuterWrapper .rs_table_responsive tbody td {
		/* Behave  like a "row" */
		display:block;
		border:none;
		border-bottom:1px solid #eee;
		width:100%;
		white-space:normal;
		text-align:left;
	}

	.datagridOuterWrapper .rs_table_responsive tbody td.datagridButtonCell {
		width:auto;
		background-color:#fff;
		border:none;
        text-align: center;
	}

	.datagridOuterWrapper .rs_table_responsive tbody td.datagridResponsiveLabel:before {
		/* Now like a table header */
		display:inline-block;
		/* Top/left values mimic padding */
		width:35%;
		padding-right: 10px;
		text-align:left;
		font-weight: bold;
		font-size:0.9em;
		content: attr(data-title);
	}

	.datagridOuterWrapper .rs_table_responsive tbody td .datagridIcon 	{
		display:inline;
	}


	.datagridOuterWrapper .rs_table_responsive tfoot td .datagridSummary .perPageSection, .datagridOuterWrapper .rs_table_responsive tfoot td .datagridSummary .summaryText, .datagridOuterWrapper .rs_table_responsive tfoot td .datagridSummary .paginationSection  {
		width:100%;
		max-width:100%;
		margin:5px;
		float:none;
		text-align:center;
	}

	.datagridOuterWrapper .rs_table_responsive tfoot td .datagridFoot	{
		padding:5px;
	}


	/* SORTER */
	.datagridOuterWrapper .rs_table_responsive thead .datagridColumnNamesRow {
		position:absolute;
		top:59px;
		left:0px;
		width:100%;
		padding:0 5px;
		text-align:left;
		display:none;
		z-index:2;
	}

	.datagridOuterWrapper .rs_table_responsive thead .datagridColumnNamesRow.sorterVisible {
		display:block;
	}

	.datagridOuterWrapper .rs_table_responsive thead .datagridColumnNamesRow.sorterVisible th {
		background-color:#fff;
		padding: 7px 12px;
		margin-bottom: -1px;
		font-weight:normal;
		border: 1px solid #ddd;
	}

	.datagridOuterWrapper .rs_table_responsive thead .datagridColumnNamesRow.sorterVisible th.nonClickable {
		display:none;
	}

	.datagridOuterWrapper .rs_table_responsive thead .datagridColumnNamesRow.sorterVisible th:hover {
		background-color:#f8f8f8;
	}

	/* FILTER */

	.datagridOuterWrapper .rs_table_responsive thead .filterLine {
		position:absolute;
		top:59px;
		left:0px;
		width:100%;
		padding:0 5px;
		text-align:left;
		display:none;
		z-index:2;
	}


	.datagridOuterWrapper .rs_table_responsive thead .filterLine .datagridAutoComplete {
		display:inline-block;
	}

	.datagridOuterWrapper .rs_table_responsive thead .filterLine.filterVisible {
		display:block;
	}

	.datagridOuterWrapper .rs_table_responsive thead .filterLine.filterVisible th {
		background-color:#fff;
		padding: 7px 12px;
		margin-bottom: -1px;
		font-weight:normal;
		border: 1px solid #ddd;
		width:100%;
	}

	.datagridOuterWrapper .rs_table_responsive thead .filterLine.filterVisible th .datagridAutoComplete	{
		width:145px;
	}

	.datagridOuterWrapper .rs_table_responsive thead .filterLine.filterVisible th .datagridAutoComplete input	{
		width:100px;
	}


	.datagridOuterWrapper .rs_table_responsive thead .filterLine.filterVisible th:before {
		display:inline-block;
		width:35%;
		padding-right: 10px;
		text-align:left;
		font-weight: bold;
		font-size:0.9em;
		content: attr(data-title);
	}

	.datagridOuterWrapper .rs_table_responsive thead .filterLine.filterVisible th form	{
		display:inline-block;
	}


	.datagridOuterWrapper .rs_table_responsive thead .filterLine.filterVisible th.noFilter {
		display:none;
	}

	.datagridOuterWrapper .rs_table_responsive thead .filterLine.filterVisible th:hover {
		background-color:#f8f8f8;
	}
}

/* end dg responsive */


@media (max-width: 767px)	{
	.ui-timepicker-table .ui-timepicker-hours, .ui-timepicker-table .ui-timepicker-minutes	{
		display:table-row;
	}
}


@media (max-width: 767px)	{
	.filterWrapper	{
		width:100%;
		min-width:0px;
		margin:10px auto 0 auto;
	}
}


@media (min-width: 1600px) {
    .container {
        width: 1520px;
    }
}

/* Wojtek */
@media screen and (max-width: 1064px) {

	.productTileWrapper {
		margin-left: unset;
		margin-right: unset;
		margin-top: 1%;
		margin-bottom: 1%;
		flex-basis: 23%;
	}
	.products_tiles {
		padding-left: 1%;
		padding-right: 1%;
	}
}
@media screen and (max-width: 905px) {
	.productTileWrapper {
		flex-basis: 31%;
	}
	#SHOPS_SELECTOR_ID {
		padding-left: 2%;
		padding-right: 2%;
	}
}
@media screen and (max-width: 855px) {
	#inner_wrapper {
		padding-right: 2%;
		padding-left: 2%;
	}
}
@media screen and (max-width: 837px) {
	#mainTabs {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 827px) {
	#SHOPS_PRODUCTS_TILES_LIST_mainID > table > thead > tr.datagridTitleRow > th > nav > div > div {
		padding-top: 4%;
	}
}
@media screen and (max-width: 805px) {
	.formOuterWrapper {
		min-width: unset;
	}
}
@media screen and (max-width: 767px) {
	.products_tiles {
	flex-basis: 33%;
	}
	.datagridOuterWrapper tbody tr:last-child td, .datagridOuterWrapper thead tr:last-child th, .datagridOuterWrapper tfoot tr:last-child td {
		border-bottom: unset;
		box-shadow: unset;
	}
	.datagridOuterWrapper tbody tr td:last-child, .datagridOuterWrapper thead tr th:last-child, .datagridOuterWrapper tfoot tr td:last-child {
		border-right: unset;
	}
	#CART_SHOPS_PRODUCTS_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#USER_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#SHOPS_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#SHOPS_PRODUCTS_PHOTOS_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#LISTSITEMS_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#TRANSLATIONS_PHRASES_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#LAYOUTS_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#ORDERS_SHOPS_PRODUCTS_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#SHOPS_CUSTOMERS_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#SHOPS_CONTACTS_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#SHOPS_PRODUCTS_TILES_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#SHOPS_ADDRESSES_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#SHOPS_RECENT_DELIVERIES_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#SHOPS_RECENT_ORDERS_LIST_mainID > table > tfoot > tr > td {
		border: solid 1px #4F4F4F;
	}
	#top_row > .container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.top_righty {
		padding-top: 2%;
	}
	.navbar-toggle {
		background-color: #FFFFFF;
		border: 2px solid #b1b3b4;
	}
	.navbar-toggle .icon-bar {
		background-color: #4f4e4e;
	}
	.navbar-nav {
		margin: 7.5px -1px;
	}
	.productOrdering {
		padding-top: 2%;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 5px;
	}
}
@media screen and (max-width: 745px){
	.formOuterWrapper.wideForm {
		min-width: unset;
	}
	.datagridOuterWrapper table {
		min-width: unset;
	}
	#ORDERS_SHOPS_PRODUCTS_LIST_mainID > table {
		width: 100%;
	}
}
@media screen and (max-width: 667px) {
	.productTileWrapper {
		flex-basis: 48%;
	}

}
@media screen and (max-width: 664px) {
	.mainMenu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	}
}
@media screen and (max-width: 648px) {
	.datagridOuterWrapper table {
		min-width: auto;
	}
}
@media screen and (max-width: 505px) {
	.top_righty > ul {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}
	#lng_selector {
		flex-basis: 100%;
		text-align: center;
	}

	.top_righty {
		width: 100%;
	}
}
@media screen and (max-width: 500px) {
	.mainMenu {
		justify-content: space-around;
	}
	#user_logo {
		height: auto;
	}

}
@media screen and  (max-width: 445px) {
	.products_tiles {
		flex-direction: column;
	}
	.productTileWrapper {
		width: 100%;
		margin-top: 2%;
		margin-bottom: 2%;
	}
}
@media screen and (max-width: 441px) {
	#secondary_nav_buttons > div {
		display: flex;
		flex-direction: column;
	}
	#SHOPS_PRODUCTS_LISTbutton_1, #SHOPS_PRODUCTS_TILES_LISTbutton_1 {
		padding-right: 8%;
	}
}
@media screen and (max-width: 432px) {
	#SHOPS_PRODUCTS_TILES_LIST_mainID > table > thead > tr.datagridTitleRow > th > nav > div, #SHOPS_PRODUCTS_LIST_mainID > table > thead > tr.datagridTitleRow > th > nav > div {
		padding-top: 15%;
		align-items: center;
	}
	.container-fluid {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}
@media screen and (max-width: 432px) {
	#SHOPS_PRODUCTS_LISTbutton_0, #SHOPS_PRODUCTS_TILES_LISTbutton_0 {
		top: 3px;
	}
	#SHOPS_PRODUCTS_LISTbutton_1, #SHOPS_PRODUCTS_TILES_LISTbutton_1 {
		top: 3px;
	}
}
@media screen and  (max-width: 419px) {
	.nav>li>a {
		padding: 1% 2% 1% 2%;
	}
	.dropdown {
		padding-top: 3%;
	}
	.navbar-header, .navbar-nav, .navbar-nav > li {
		flex-basis: 25%;
	}
	#SHOPS_PRODUCTS_TILES_LIST_mainID > table > thead > tr.datagridTitleRow > th > nav > div > ul {
		flex-basis: unset;
	}
	.container-fluid {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

}
@media screen and (max-width: 409px) {
	.top_righty > ul {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}
	#lng_selector {
		flex-basis: 100%;
		text-align: center;
	}

	.top_righty {
		width: 100%;
	}
}
@media screen and (max-width: 406px) {
	#SHOPS_CONTACTS_LIST_mainID > table > thead > tr.datagridTitleRow > th > nav > div > ul {
		flex-wrap: wrap;
		gap: 2%;
	}
	#SHOPS_CONTACTS_LISTbutton_2 {
		padding-top: 2%;
	}
}

@media screen and (max-width: 388px) {
	#SHOPS_CONTACTS_LISTbutton_1 {
		padding-top: 2%;
	}
	#TRANSLATIONS_PHRASES_LIST_mainID > table > thead > tr.datagridTitleRow > th > nav > div > ul {
		flex-wrap: wrap;
	}
	#TRANSLATIONS_PHRASES_LISTbutton_2 {
		padding-top: 2%;
	}
}
@media screen and (max-width: 352px) {
	#TRANSLATIONS_PHRASES_LISTbutton_1 {
		padding-top: 2%;
	}
}
@media screen and  (max-width: 365px) {

	#SHOPS_PRODUCTS_LISTbutton_1 {
		top: 2px;
	}
	#SHOPS_PRODUCTS_LISTbutton_0 {
		top: 3px;
	}
	#SHOPS_PRODUCTS_TILES_LIST_sortArea, #SHOPS_PRODUCTS_TILES_LIST_filterArea{
		padding-top: 8%;
	}
}
@media screen and (max-width: 350px) {
	.navbar-nav {

	}
}
@media screen and (max-width: 339px) {
	#SHOPS_CUSTOMERS_LIST_mainID > table > thead > tr.datagridTitleRow > th > nav > div > ul {
		flex-wrap: wrap;
	}
	#SHOPS_CUSTOMERS_LISTbutton_1 {
		padding-top: 2%;
	}
}
@media screen and (max-width: 320px) {
	.navbar-header, .navbar-nav, .navbar-nav > li {
		flex-basis: 44%;
	}
	#SHOPS_CUSTOMERS_LISTbutton_0 {
		padding-top: 2%;
	}
	#SHOPS_PRODUCTS_TILES_LIST_mainID > table > thead > tr.datagridTitleRow > th > nav > div {
		padding-top: 16%;
		align-items: center;
	}
	#SHOPS_PRODUCTS_LISTbutton_0, #SHOPS_PRODUCTS_TILES_LISTbutton_0 {
		right: 15px;
	}
	#SHOPS_PRODUCTS_LISTbutton_1, #SHOPS_PRODUCTS_TILES_LISTbutton_1 {
		right: 85px;
	}
}
@media screen and (max-width: 280px) {
	#SHOPS_PRODUCTS_TILES_LIST_mainID > table > thead > tr.datagridTitleRow > th > nav > div {
		padding-top: 21%;
	}
}

#addToCart {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
}

#SHOPS_DOCUMENT_FORM_outer_wrapper {
    max-width: 1200px;
}

#SHOPS_PRODUCTS_TILES_LIST_autoComplete_prod_name_form .datagridAutoComplete {
    max-width: 300px;
    width: auto;
    display: flex;
    justify-content: center;
}

#SHOPS_PRODUCTS_TILES_LIST_autoComplete_prod_name_form .form-control {
    flex-grow: 1;
    margin-right: 6px;
}

#product_searcher {
    text-align: center;
}

#product_searcher input {
    margin-left: 7px;
}

#WAREHOUSES_DOCUMENT_PRODUCTS_mainID tbody tr td span {
    background-color: yellow;
}

#WAREHOUSES_DOCUMENT_PRODUCTS_mainID table {
    width: 100%;
}

#cookieNotice {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border: solid 3px #cfe2f3;
    border-radius: 10px;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    background-color: #FFFFFF;
    gap: 5%;
}

#cookieNotice a {
    font-weight: bold;
    text-decoration: underline;
}

#INVOICE_FORM__ID_wrapper .well {
    background-color: #cfe2f3;
}

#LOGIN_FORM_outer_wrapper .form-horizontal .row:nth-of-type(3) {
    display: flex;
}

#invoiceError, #vatIDError {
    background-color: #fdc5e0;
    border: solid 1px #000000;
    border-radius: 10px;
}

#invoiceError.noInvoiceError {
    background-color: #caffca;
}

#INVOICE_FORM_inv_vendor_vat_id_button_cz_ID, #INVOICE_FORM_inv_vendor_vat_id_button_sk_ID {
    display: block;
    margin: auto;
}

#INVOICE_FORM_inv_ocr_ID_wrapper .col-sm-9 {
    width: 100%;
    text-align: center;
}


#ocr_message {
    display: flex;
    flex-direction: column;
}