html {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 100;
}

* {
	box-sizing: border-box;
	margin: 0;
	color: black;
}

body {
}

div {
	font-weight: 300;
}

th {
	font-weight: 600;
}

a, a:visited {
	color: #70bbff;
	font-weight: 500;
}

a:hover {
	color: #5090dd;
}

a:focus {
	/*outline: 0;*/
}

strong, b {
    font-weight: bold;
}

h2 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: -0.05em;
    -webkit-margin-end: 0;
}

h3, h4 {
	font-size: 17px;
	font-weight: 800;
}

h5 {
	font-size: 22px;
}

.main {
	max-width: 1112px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

.msg_on {
	height: 93px;
	padding: 0 1.2px;
}

.msg_on h1 {
	text-align: right;
	font-size: 45px;
	margin: 0;
	font-weight: 500;
	white-space: nowrap;
}

.msg_on .msg1 {
	font-size: 11px;
	color: black;
	float: right;
	font-weight: 500;
	margin-top: -6px;
}

.msg_on .menu {
	font-size: 18px;
	height: 28px;
	overflow: hidden;
	margin-top: 4px;
	float: left;
	text-align: left;
}

.filter {
	border-top: 1px solid #ccc;
	padding-top: 12px; 
}

.filter p {
	text-align: right;
	font-size: 45px;
	margin: 0;
}

.filter p.small {
	font-size: 11px;
	color: black;
}

.head {
	margin-top: 12px; 
	margin-bottom: 6px; 
	background-color: #203080;
	padding: 10px 0 28px 40px;
	text-align: left;
	height: 93px;
	width: 100%;
	overflow: hidden;
}

.head h2 {
	font-size: 43px;
	color: white;
	margin: 0;
	font-weight: bold;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
	padding: 0;
}

.head p.small {
	font-size: 11px;
	color: white;
	font-weight: normal;
	font-family: 'Oxygen', sans-serif;
}

.color2 {
	background-color: #403090;
}

.color3 {
	background-color: #3049a0;
}

.color4 {
	background-color: #344aae;
}

.color5 {
	background-color: #4667c1;
}

input[type="text"], input[type="number"], select {
	padding: 6px;
	font-size: 19px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 3px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="submit"] {
	padding: 10px;
	font-size: 19px;
	background-color: #102050;
	color: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 3px;
	cursor: pointer;
}

.input_wide {
	width: 35vw;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}

.msg_add {
	color: #aaa;
	font-size: 17px;
	font-weight: 400;
}

.fleft {
	float: left;
}

.clr {
	clear: both;
}

.add_table_div {
	float: left;
}

/*
.add {
	margin-left: 40px;
	margin-right: 20px;
}

.add td {
	text-align: left;
	vertical-align: top;
}

.add_1 {
	width: 40%;
	position:relative;
}

.add_2 {
	padding-right: 4.2vw;
}

.add_3 {
	
}
*/

.input_add {
	width: 80%;
}

.table_main {
	height: 279px;
	margin-top: -6px;
	overflow-x: hidden;
	overflow-y: visible;
	text-align: left;
}

.table_main_product {
	height: 55vh;
}

.table {
	text-align: left;
	line-height: 20px;
	overflow-x: hidden;
	overflow-y: visible;
}

.table .color0 {
	background-color: none;
}

.table .color1 {
	background-color: #f1f1f1;
}

.table_delete_cross {
	float: right;
	height: 20px;
	width: 20px;
	background: url('images/del.png');
	background-size: cover;
	z-index: 1;
	cursor: pointer;
}

.table_delete_cross:hover {
	opacity: 0.7;
}

.block {
	height: 29px;
	border: 1px solid #e3e3e3;
	margin: 1px;
	display: inline-block;	
	padding: 2px;
	padding-right: 3px;
	font-weight: 100;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	font-size: 15px;
}

.block.b0 {
	width: 55px;
}

.block.b1 {
	width: 74px;
}

.block.b2 {
	width: 140px;
}

.block.b4 {
	width: 390px;
}

.price_table {
	width: 100%;
	background-color: #fdfaf3;
}

.price_table .color0 {
	background-color: none;
}

.price_table .color1 {
	background-color: #e5e2d7;
}

.price_table td, .price_table th {
	text-align: left;
	vertical-align: top;
    padding-left: 2px;
    padding-right: 2px
}

.price_table td {
	border: 0.5px solid #e0e0e0;
	font-weight: 100;
	text-align: left;
	font-size: 15px;
}

.price_table td.oh {
	white-space: nowrap;
	overflow: hidden;
}

.price_table td:last-child {
	font-variant-numeric: tabular-nums lining-nums;
}

.pricescat_column {
	width: calc(20% - 15px);
	min-width: 104px;
	float: left;
	display: inline-block;
	margin-left: 12px;
	margin-bottom: 12px;
	text-align: left;
	line-height: 28px;
}

.price_table td.price_right {
	text-align: right;
}

.price_table .ps {
	color: #bbb;
	font-size: inherit;
}

.footer {
	/*font-family: 'Fira Sans';*/
	clear: both;
	width: 100%;
	margin: 12px 0 36px 0;
	font-size: 13px;
	color: #999;
	border-top: 1px solid #ccc;
}

.e404 {
	font-family: 'Fira Sans';
	font-weight: bold;
	margin-top: -3vw;
	font-size: 17vw;
	color: #888;
}

.o {
	/*font-family: 'Fira Sans';*/
	text-align: left;
}

.tooltip:hover {
	cursor: default;
	position: relative;
}

.tooltiptext {
    display: none;
    min-width: 130px;

    background-color: #335599;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
 
    position: absolute;
	left: 50px;
	top: 22px;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    display: block;
}

.product_down_msg {
	text-align: left;
	padding: 12px 0;
}

.shtook_and_date {
	clear:both;
	margin-bottom: 10px;
	overflow: auto;
}

.shtook_warpper {
	float: left;
	padding: 3px 0 3px 24px;
}

.datesel_warpper {
	float: left;
	padding: 3px 0 3px 24px;
}

.word_data {
	float: left;
	line-height: 42px;
}

.shtook_warpper .shtook_sel {
	width: 98px;
	display: inline-block;
	font-weight: 400;
}

.mag_selector {
	width: 80%;
	position: absolute;
	left: 2px;
	top: 92px;
	background-color: #e8edff;
	max-height: 213px;
	display: none;
	overflow-x: hidden;
	border-radius: 2px;
	border: 1px solid #bbb;
	z-index: 1;
	user-select: none;
}

.mag_selector_one {
	color: #111;
	font-weight: lighter;
	height: 23px;
	line-height: 23px;
	overflow: hidden;
	border-bottom: 1px solid #bbb;
	padding-left: 3px;
	user-select: none;
}

.mag_selector_one:hover {
	color: #fdfdfe;
	background-color: #38507d;
	cursor: pointer;
}

.mag_add_sign {
	position: absolute;
	right: calc(20% - 52px);
	top: 48px;
	width: 48px;
	height: 48px;
	background-color: #55aaee; /* #55aaee #223399 */
	color: white;
	font-size: 78px;
	border-radius: 24px;
	float: left;
	line-height: 44px;
	padding-left: 9px;
	cursor: pointer;
}

.mag_add_sign:hover {
	background-color: #4070bb;
	color: #fafafa;
}

.bg_mo_mode {
	background-color: #19c815;
}

.a_with_no_styles {
	text-decoration: none;
}

.a_with_no_styles:link {
    text-decoration: none;
}

.a_with_no_styles:visited {
    text-decoration: none;
}

.central_form {
	width: 92%;
	max-width: 399px;
	position: absolute;
	padding: 16px;
	padding-bottom: 24px;
	text-align: left;
	z-index: 1;
	margin: 0 auto;
	left: 50%;
	top: 30vh;
    transform: translate(-50%, 0);
	display: none;
	border: 1px solid #999;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 1px 1px 12px rgba(0,0,0,0.3);
	font-weight: 300;
}

.add_mag_error {
	color: red;
	font-weight: 500;
	height: 18px;
}

.stores_half_drawer {
	width:49%;
	padding-left:0.1vw;
	float:left;
	padding-bottom: 2vh;
	word-wrap: break-word;
}

.input_add_mag {
	width:100%;
}

.input_add_date_0 {
	width: calc(80% - 141px);
}

.input_add_date_1 {
	width: 94px;
}

.add_mag_close {
	position: absolute;
	top: 20px; 
	right: 20px;
	width: 32px;
	opacity: 0.7;
	cursor: pointer;
	opacity: 0.9;
}

.add_mag_close:hover {
	opacity: 0.5;
}

.front_half {
	position: relative;
	width: 50%;
	float: left;
	text-align: left;
	font-weight: 100;
	padding-bottom: 16px;
	position: relative;
	overflow: auto;
}

.subscribe_input {
	width: 80%;
}

.smallpad_left {
	padding-left: 2px;
}

.third {
	width: 33%;
	float: left;
}

.input_submit_inliner {
	display: inline-block;
	position: relative;
}

.ok_submit_inliner {
	top: -3px;
	position: relative;
}

.ad_0 {
	width:100%;
	text-align: center; 
	clear: both;
	padding: 5px 0 45px 0;
}

@media screen and (max-width: 535px) {
	.stores_half_drawer {
		width:90%;
	}
	.price_table td, .price_table th {
		font-size: 12.5px;
	}
	.price_table td {
	    /* padding: 0; */
	}
	.table_main {
		height: 30vh;
	}
	.table_main_product {
		height: 30vh;
	}
	.pricescat_column {
		width: 32%;
		margin-left: 1%;
	}
	.shtook_warpper {
	    padding-left:9px;
	}
	.mob_off {
		display: none;
	}
	.mob_on {
		color: #aaa;
		font-size: inherit;
	}
}

@media screen and (min-width: 536px) {
	.mob_on {
		display: none;
	}
}

@media screen and (min-width: 750px) {
	.price_table td:nth-child(1) {
		width: 169px;
	}

	.price_table td:nth-child(2) {
		width: 159px;
	}

	.price_table td:nth-child(4) {
		width: 40px;
	}

	.price_table td:nth-child(5) {
		width: 20px;
	}

	.price_table td:nth-child(6) {
		width: 66px;
	}
}

@media screen and (max-width: 750px) {
	/*
	.msg_on .menu {
		margin-top: -4px;
	}
	*/
	.front_half {
		width: 100%;
	}
	.front_half:first-of-type {
		/* height: 253px; */
	}
	.msg_add {
		font-size: 15.5px;
		font-weight: 100;
	}
	* {
    	font-size: 15.5px;
	    font-weight: 100;
	}
	ol li {
		font-size: 13px;
	}
	ol {
		padding-left: 16px;
	}
}

@media screen and (max-width: 1112px) {
	.o {
		padding: 0 12px;
	}
	.add {
		margin-left: 0;
		margin-right: 0;
	}
	.stores_half_drawer:first-of-type {
		padding-left:2vw;
	}
}

.date_arrow {
	width: 40px;
	height: 40px;
	position: relative;
	top: 12px;
	opacity: 0.8;
}

.add_h100 {
	height: 100px;
}