@charset "utf-8";
cite {
	font-style: normal;
}
html {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html,
body,
#container {
	margin: 0;
	padding: 0;
	height: 100%;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
th {
	font-weight: normal;
}
label {
	user-select: none;
}
label:hover {
	cursor: pointer;
}
.term dt {
	font-size: 1.5em;
}
.term > dd {
	margin: 0;
	font-size: 1.5em;
}
.term > dd > ul {
	padding: 30px;
}
.term > dd > ul > li {
	margin-top: 10px;
}
.hide-block {
	display: none;
}
.terms {
	max-width: 500px;
	margin: 0 auto;
}
div.term:not(:first-child) {
	display: none;
}
.inlineBlock {
	display: inline-block;
						   
	border: none;
	font-weight: bold;
}
.nowrap {
	white-space: nowrap;
}
#container {
	position: relative;
	height: 100%;
	min-width: 1240px;
}
header {
	position: absolute;
	width: 100%;
	height: 50px;
	background: #0080C0;
}
header h1 {
	margin: 0;
	/*padding-left: 50px;*/
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 50px;
															  
								   
}
header h1 img {
    float:left;
}
header h1 a {
	display: block;
	text-decoration: none;
	color: #fff;
}
	.info-panel {
		position: absolute;
		top: 0;
		right: 10px;
		margin: 0;
		padding: 0;
		height: 50px;
		list-style: none;
	}
	.info-panel li {
		float: left;
		position: relative;
		height: 50px;
	}
	.logout-icon {
		display: inline-block;
		width: 50px;
		
	}
	.logout-icon {
		height: 50px;
		background-position: -50px -50px;
	}
	.messages-icon {
		width: 50px;
		background-position: -50px 0;
	}
#main {
	min-height: 100%;
	margin: 0 0 -40px;
	overflow: hidden;
	/*background-image: url(/images/bgds/ulmm.jpg);*/
}
#content {
	min-height: 100px;
	height: 100%;
	overflow: hidden;
	padding: 70px 0 50px;
}
#out {
	float: right;
	width: 100%;
	margin-left: -60px;
}
#in {
	float: left;
	width: 100%;
	margin-right: -60px;
}
#left,
#right,
#center {
	position: relative;
}
#center {
	margin: 0 50px 0 50px;
}
#left {
	float: left;
	width: 40px;
}
#right {
	float: right;
	width: 40px;
}
.breadcrumbs > ul {
	padding-left: 0;
	list-style: none;
}
.breadcrumbs li {
	display: inline-block;
}
.breadcrumbs a {
	text-decoration: none;
	color: #000;
}
.breadcrumbs li:not(:last-child) a:hover {
	text-decoration: underline;
}
.breadcrumbs li:last-child a {
	color: rgb(0, 0, 255);
}
.breadcrumbs li:not(:last-child)::after {
	margin-left: 5px;
	content: "\27A4";
	color: #888;
}
.left-navigation a {
	color: #000;
}
.left-navigation a {
	text-decoration: none;
}
.left-navigation a:hover,
.title a:hover {
	color: #FF4000;
}
.left-navigation > ul {
	margin: 0 auto 10px;
	padding-left: 0;
	list-style: none;
	text-align: center;
}
.left-navigation li {
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}
  
																 
					 
					
				  
 
					 
				  
				   
 
  
.left-navigation li a {
	line-height: 1.2em;
	font-size: 1.2em;
}
.cart-icon {
	display: inline-block;
	width: 50px;
	height: 50px;
}
.menu-icons {
	background-image: url(/images/icons/icons.png);
	background-repeat: no-repeat;
}
.left-navigation li a.active {
	color: #FF4000;
}
.cart-icon {
	background-position: 0 0;
}
.cart-icon:hover, .cart-icon.active {
	background-position: 0 -50px;
}
#main + footer {
	background: #0080C0;
	color: #fff;
}
.articles footer,
.projects footer {
	clear: left;
	font-style: italic;
	text-align: right;
}
.articles time,
.articles footer a,
.projects time,
.projects footer a {
	font-size: .9em;
	color: #333;
}
.title {
	margin-top: 0;
}
.copyright {
	height: 40px;
	line-height: 40px;
	margin: 0;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	text-align: center;
}
.copyright a {
	color: #fff;
}
.center {
	text-align: center;
}
.nowrap {
	white-space: nowrap;
}
	.tip-wrap {
		position: relative;
	}
	.tip {
		display: none;
		z-index: 1;
		position: absolute;
		margin-top: 3px;
		padding: 5px 15px;
		font-size: 1em;
		white-space: nowrap;
		background-color:rgba(87, 87, 87, 0.8);
		color: #fff;
		text-align: center;
		border-radius: 5px;
	}
.service-message {
	top: 35px;
	right: 100%;
	border: 1px solid #64c100;
	background-color: rgba(76, 175, 80, 0.9);
}
.cart-message {
	top: 50%;
	right: 100%;
	margin-left: 5px;
	border: 1px solid #64c100;
	background-color: rgba(76, 175, 80, 0.9);
}
	.sirname-message, ._sirname-message {
		padding-left: 8px;
		padding-right: 8px;
	}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

.shadow {
	position: fixed;
	display: table;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align : middle;
	background: rgba(53, 60, 84, .8);
}
.modal {
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(53, 60, 84, .8) url(/images/bgds/hourglass.png) 50% 50% no-repeat;
}
.shadow {
	position: fixed;
	display: table;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align : middle;
	font-size: 1.2em;
	background: rgba(53, 60, 84, .8);
}
.message {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	opacity: 1;
	font-size: 1em;
}
.message h1 {
	font-weight: normal;
}
.modal {
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(53, 60, 84, .8) url(/images/bgds/hourglass.png) 50% 50% no-repeat;
}
.ok {
	cursor: pointer;
	font-size: 1em;
}
.drop-shadow {
  position: relative;
  padding: 20px 30px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -1;
}
.raised {
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.lifted {
	border-radius: 4px;
}
.lifted:before,
.lifted:after {
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	transform: rotate(-3deg);
}
.lifted:after {
	right: 10px;
	left: auto;
	transform: rotate(3deg);
}
/* Sankyo applications menu BEGIN */
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
section,
time {
	display: block;
}
.applications-menu {
	padding: 0;
	list-style: none;
	text-align: center;
}
.applications-menu li {
	display: inline-block;
	width: 64px;
	margin-left: 10px;
	vertical-align: top;
	background-image: url(/images/icons/applications_icons.png);
	background-repeat: no-repeat;
}
.employee-registration {
	background-position: -384px 0;
}
.employee-manage {
	background-position: -384px 0;
}
.storage-replacement {
	background-position: -832px 0;
}
.storage-reports {
	background-position: -576px 0;
}
.storage-history {
	background-position: -768px 0;
}
.storage-minimum {
	background-position: -448px 0;
}
.emergency-reports {
	background-position: -960px 0;
}
.documents-create {
	background-position: -896px 0;
}
.workplan-create {
	background-position: -1024px 0;
}
.workplan-prepare {
	background-position: -1088px 0;
}
.workplan-ready {
	background-position: -1152px 0;
}
.tasks-list {
	background-position: -64px 0;
}
.information-list {
	background-position: -192px 0;
}
.high_work_attention_level {
	background: rgb(255, 215, 215);
	color: #000;
}
.middle_work_attention_level {
	background: rgb(254, 255, 182);
	color: #000;
}
.low_work_attention_level {
	background: rgb(207, 255, 203);
	color: #000;
}
.next-work-date:hover {
	cursor: pointer;
}
.workplan-completed {
	background-position: -1216px 0;
}
.applications-menu a {
	display: inline-block;
	width: 64px;
	padding-top: 64px;
	text-decoration: none;
	color: #000000;
}
.applications-menu-icons {
	background-image: url(/images/icons/mobile-icons.png);
	background-repeat: no-repeat;
}
.delete-link {
    display: inline-block;
    width: 32px;
    height: 32px;
	border: none;
    background: url(/images/icons/delete.png) no-repeat;
}
.delete-link:hover {
	cursor: pointer;
}

/* Sankyo applications menu END */
.pager li {
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 3px 0;
	padding: 0;
	line-height: 45px;
	text-align: center;
	border: 1px solid #86aecc;
	border-radius: 50%;
	font-weight: bold;
}
.pager a {
	display: inline-block;
	width: 100%;
	color: #000;
	text-decoration: none;
}
.pager a:hover {
	color: #000;
}
.pager li:hover {
	background: linear-gradient(to bottom,  rgba(212,228,239,1) 0%,rgba(40,136,204,1) 100%);
}
.pager li {
	background: linear-gradient(to bottom, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%);
}
.pager .current_page {
	background: linear-gradient(to bottom, rgba(212,228,239,1) 0%,rgba(0,122,204,1) 100%);
}
.products-table,
.cart-table,
.replace-report-table,
.emergency-table,
.emergency-table-history,
.lamps-table,
.documents-table,
.tasks-table,
.tasks-add-table,
.tasks-history-table {
	margin: 5px auto;
	border-collapse: collapse;
}
.products-table td:not(:first-child),
.cart-table td:not(:first-child),
.lamps-table td:not(:first-child),
.emergency-table td:not(:first-child),
.documents-table td:not(:first-child) {
	text-align: left;
}
.products-table tr td:first-child, 
.cart-table tr:not(:last-child) td:first-child,
.replace-report-table tr:not(:last-child) td:first-child,
.lamps-table tr td:first-child,
.emergency-table tr td:first-child,
.documents-table tr:not(:last-child) td:first-child {
	text-align: right;
}
.header-td {
	text-align: left !important;
	background: linear-gradient(to right, rgb(148, 212, 243), rgba(200, 237, 255, 0.2));
	color: #000;
}
.emergency-description {
	text-align: left !important;
}
.products-table td, .products-table th,
.cart-table td, .cart-table th,
.replace-report-table td, .replace-report-table th,
.emergency-table td, .emergency-table th,
.emergency-table-history td,
.lamps-table td, .lamps-table th,
.documents-table td, .documents-table th,
.tasks-table td, .tasks-table th,
.tasks-add-table td, .tasks-add-table th,
.tasks-history-table td, .tasks-history-table th {
	border: 1px solid #0080C0;
	padding: 3px 5px;
}
.products-table td:last-child,
.lamps-table td:last-child,
.documents-table td:last-child {
	text-align: center;
}
.add-button:hover,
.del-button:hover,
.put-button:hover {
	cursor: pointer;
}
.products-table tr:not(:first-child):hover,
.cart-table tr:not(:first-child):not(:last-child):hover,
.replace-report-table tr:not(:first-child):hover,
.emergency-table tr:not(:first-child):hover,
.lamps-table tr:not(:first-child):hover {
	background: rgb(0, 86, 148) 50%;
	color: #fff;
}
.products-table tr:not(:first-child):hover a,
.cart-table tr:not(:first-child):hover a,
.emergency-table tr:not(:first-child):hover a,
.lamps-table tr:not(:first-child):hover a {
	color: #fff;
}
.products-table th,
.cart-table th,
.replace-report-table th,
.emergency-table th,
.lamps-table th,
.documents-table th,
.tasks-table th,
.tasks-history-table th {
    color: #fff;
    background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%);
}
.products-table th:not(:last-child):hover,
.emergency-table th:hover,
.lamps-table th:not(:last-child):hover {
	cursor: pointer;
}
.products-table td.unit,
.cart-table td.unit {
	text-align: center;
}
.products-table td.residue,
.cart-table td.residue,
.count-number {
	text-align: right;
}
.products-table td:first-child a,
.cart-table td:first-child a,
.lamps-table td:first-child a,
.emergency-table td:first-child a,
.tasks-table td a,
.tasks-history-table td a {
	text-decoration: none;
}
.emergency-table-history tr:nth-child(odd),
.tasks-history-table tr:nth-child(odd){
	color: #fff;
    background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%);
}
.items-count {
	width: 4em;
	text-align: right;
}
.pattern-name-input {
	font-size: 1em;
	line-height: 1em;
	padding: 3px 5px;
}
.replace {
	padding:0;
}
.replace-date {
	font-size: 1.2em;
	font-family: inherit;
	margin: 5px 0;
	padding: 3px 5px;
}
.replace-search {
	font-family: inherit;
	font-size: 1em;
	line-height: 1em;
}
.products-table input,
.products-table select,
.cart-table input,
.cart-table select,
.lamps-table input,
.lamps-table select {
	font-size: 1em;
	line-height: 1em;
	padding: 3px 5px;
}
.products-table button,
.cart-table button,
.lamps-table button {
	vertical-align: baseline;
	/*padding-top: 3px;*/
}
.reasons_for_failure,
.replace-circuit,
.remarks,
.replace-search {
	max-width: 8em;
	font-size: 1.1em;
	padding: 5px;
}
.date-number {
	min-width: 1em;
}
.residue-attention,
.emergency-uncomplete,
.task-run {
	background: rgb(255, 219, 219);
	color: #000;
}
.emergency-complete:not(:hover),
.task-complete {
	background: rgb(225, 255, 222);
	color: #000;
}
.task-prepare {
	background: rgb(254, 255, 216);
	color: #000;
}
.emergency-table-history td {
	max-width: 200px;
}
.added-in-cart,
.added-in-workplan {
	color: #ccc;
}
.added-in-cart td:last-child:after {
	content: "✅";
	/*content: "✔";*/
	font-size: 1em;
	line-height: 1em;
	color:#64c100;
}
.send-checkbox {
	vertical-align: baseline;
}
.send-checkbox-label {
	font-size: 1.2em;
	line-height: 1.2em;
}
.send-checkbox-label:hover {
	cursor: pointer;
}
.search-word {
	color: #0080C0;
}
.link {
	width: 32px;
	height: 32px;
}
a[href$=".csv"]:before,
a[href$=".xlsx"]:before,
a[data-ext$=".xlsx"]:before,
a[href$=".xls"]:before,
a[data-ext$=".xls"]:before {
	content: url(/images/icons/32/xlsx.png);
	padding: 0 5px 0 0;
	vertical-align: -10px;
}
.link a[href$=".zip"],
.link a[data-ext$=".zip"] {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url(/images/icons/32/zipcase.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
a[href$=".rar"]:before,
a[data-ext$=".rar"]:before,
a[href$=".exe"]:before,
a[data-ext$=".exe"]:before {
	content: url(/images/icons/32/rar.png);
	padding: 0 5px 0 0;
	vertical-align: -10px;
}
a[href$=".pdf"]:before,
a[data-ext$=".pdf"]:before {
	content: url(/images/icons/32/pdf.png);
	padding: 0 5px 0 0;
	vertical-align: -10px;
}
a[href$=".docx"]:before,
a[data-ext$=".docx"]:before,
a[href$=".doc"]:before,
a[data-ext$=".doc"]:before {
	content: url(/images/icons/32/docx.png);
	padding: 0 5px 0 0;
	vertical-align: -10px;
}
a[href$=".jpg"]:before,
a[data-ext$=".jpg"]:before,
a[href$=".jpeg"]:before,
a[data-ext$=".jpeg"]:before,
a[href$=".JPG"]:before,
a[data-ext$=".JPG"]:before {
	content: url(/images/icons/32/gphoto.png);
	padding: 0 5px 0 0;
	vertical-align: -10px;
}
a[href$=".3gp"]:before,
a[data-ext$=".3gp"]:before,
a[href$=".mts"]:before,
a[data-ext$=".mts"]:before,
a[href$=".MTS"]:before,
a[data-ext$=".MTS"]:before,
a[href$=".avi"]:before,
a[data-ext$=".avi"]:before,
a[href$=".mp4"]:before,
a[data-ext$=".mp4"]:before {
	content: url(/images/icons/32/video.png);
	padding: 0 5px 0 0;
	vertical-align: -10px;
}
.files-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.files-list li {
	vertical-align: top;
}
.tasks-table li {
	display: inline-block;
}
.files-list a {
	text-decoration: none;
}
.delete-span {
	margin-left: 5px;
	padding: 2px 5px;
	border: 1px solid #ffa998;
	color: red;
}
.delete-span:hover {
	cursor: pointer;
	color: #fff;
	background-color: red;
}
/* Forms */
.submit-button-wrap-hidden {
	display: none;
}
.tasks-add-table {
	margin: 0 auto;
	width: 100%;
}
.tasks-history-table {
	width: 1000px;
}
.tasks-add-table td {
	position: relative;
}
.tasks-category,
.tasks-subject,
.tasks-details,
.tasks-manager,
.tasks-phone {
	min-width: 98%;
	font-family: inherit;
	font-size: 1.1em;
}
.tasks-details {
	min-height: 200px;
}
.tasks-group + label,
.tasks-status + label {
	padding: 2px 10px;
	font-size: 1.1em;
}
.tasks-add-table label {
    display: inline-block;
	margin-bottom: 2px;
    text-align: center;
    cursor: pointer;
}
.tasks-period {
	font-size: 1.1em;
	font-family: inherit;
	margin: 5px 0;
	padding: 3px 5px;
}
.tasks-file-upload {
	font-family: inherit;
}
.registration-form caption,
.login-form caption,
.recovery-form caption,
.tasks-form caption {
	margin: 10px 0;
	font-size: 1.1em;
	font-weight: bold;
}
.registration-form,
.login-form,
.recovery-form,
.tasks-form {
	margin: auto;
}
.tasks-form {
	width: 1000px;
}
.tasks-form tr td:first-child {
	white-space: nowrap;
}
.registration-table, .login-table, .recovery-table {
	margin: auto;
	border-collapse: separate;
}
.registration-table td, .login-table td, .recovery-table td {
	white-space: nowrap;
	position: relative;
	margin: 10px 0;
}
.registration-table input[type=email],
.login-table input[type=email],
.recovery-table input[type=email],
.registration-table input[type=password],
.login-table input[type=password],
.recovery-table input[type=password],
.registration-table input[type=text],
.login-table input[type=text],
.recovery-table input[type=text],
.registration-table select,
.login-table select,
.recovery-table select,
.products_categories_select_form select {
	min-width: 15em;
	font-size: 1.1em;
}
.airports-select {
	min-width: 10em;
	margin-left: 10px;
	font-size: 1.1em;
}
.products_categories_select_form select {
	margin: 10px 0;
	font-size: 1.1em;
	padding: 8px;
}
.lamp-categories-select,
.lamp-types-select,
.lamp-work-type-select,
.lamp-circuit-select,
.lamp-group-select,
.lamp-pattern-select,
.em-circuit-name-g-categories-select,
.tasks-categories-select {
	font-size: 1.1em;
	padding: 8px;
}
.lamp-categories-select,
.lamp-types-select,
.lamp-work-type-select,
.em-circuit-name-g-categories-select {
	min-width: 12em;
}
.lamp-shutdown {
	background: rgb(254, 255, 182);
	color: #000;
	cursor: pointer;
}
.lamp-protective-cover {
	background: rgb(254, 255, 182);
	color: #000;
	cursor: pointer;
}
.lamp-unmount {
	background: rgb(255, 215, 215);
	color: #000;
	cursor: pointer;
}
.lamp-base-defective {
	background: rgb(255, 215, 215);
	color: #000;
	cursor: pointer;
}
.lamp-circuit-select {
	min-width: 8em;
}
.lamp-group-select {
	min-width: 5em;
}
.lamp-pattern-select {
	min-width: 5em;
}
.registration-table tr, .login-table tr, .recovery-table tr {
	padding: 5px 0;
}
.errors {
	margin: 0 auto;
	text-align: center;
	border-collapse: collapse;
}
.registration-form button,
.login-form button,
.recovery-form button {
	margin: 10px 0;
	font-size: 1.1em;
	line-height: 1.1em;
	white-space: nowrap;
	outline: none;
}
.products_categories_select_form button,
.send-button,
.search-button,
.cut-button,
.confirm-button,
.change-button,
.file-button {
	font-size: 1.1em;
	line-height: 1.1em;
	white-space: nowrap;
	outline: none;
}
.registration-form button:hover,
.login-form button:hover,
.recovery-form button:hover,
.products_categories_select_form button:hover,
.send-button:hover,
.search-button:hover,
.cut-button:hover,
.confirm-button:hover,
.change-button:hover,
.file-button {
	cursor: pointer;
}
.registration-button,
.process-button,
.category-select-button,
.send-button,
.search-button,
.cut-button,
.confirm-button,
.change-button,
.file-button {
	display: inline-block;
	margin: 10px 0;
	padding: 6px 15px;
	border: 1px solid #fff;
	background-color: #006d04;
	color: white;
	text-decoration: none;
	transition-duration: 0.4s;
	border-radius: 5px;
	outline: none;
}
.registration-button:hover,
.process-button:hover,
.category-select-button:hover,
.send-button:hover,
.search-button:hover,
.cut-button:hover,
.confirm-button:hover,
.change-button:hover,
.file-button:hover {
	border: 1px solid #009005;
	background-color: #009005;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.login-button,
.address-search-button {
	border: 1px solid  #fff;
	background-color: #0055a9;
	color: white;
	text-decoration: none;
	transition-duration: 0.4s;
}
.login-button {
	padding: 6px 15px;
	border-radius: 5px;
}
.address-search-button {
	padding: 0 15px;
	border-radius: 5px;
}
.login-button:hover,
.address-search-button:hover {
	border: 1px solid #0080FF;
	background-color: #0080FF;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

@media screen and (max-device-width: 1024px) {
	header h1 {
		padding-left: 20px;
	}
	#container {
		min-width: 768px;
	}
	#out {
		margin-left: 15px;
		}
	#in {
		margin-right: 15px;
		}
	#center {
		margin: 0 15px 0 15px;
	}
	#left {
		width: 15px;
		}
	#right {
		width: 15px;
		}
	.left-navigation > ul {
		margin: 0 auto 10px;
		padding-left: 0;
		list-style: none;
		text-align: center;
	}
	.left-navigation li {
		display: inline-block;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
		text-align: left;
	}
	.cart {
		margin-top: 0;
	}
	.cart-icon {
		float: none;
		background-position: 0 0;
	}
	.title {
		text-align: center;
	}
	.storage-report-form {
		overflow-x: scroll;
	}
}
@media screen and (max-device-width: 480px) {
	header h1 {
		padding-left: 20px;
		font-size: 20px;
	}
	#container {
		min-width: 320px;
	}
	#out {
		margin-left: 5px;
		}
	#in {
		margin-right: 5px;
		}
	#center {
		margin: 0;
		}
	#left {
		width: 5px;
		}
	#right {
		width: 5px;
		}
	.left-navigation > ul {
		margin: 0 auto 10px;
		padding-left: 0;
		list-style: none;
		text-align: center;
	}
	.left-navigation li {
		display: inline-block;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
		text-align: left;
	}
	.breadcrumbs {
		border-top: 1px solid #aaa;
		text-align: center;
	}
	.cart {
		margin-top: 0;
	}
	.cart-icon {
		float: none;
		background-position: 0 0;
	}
	.title {
		text-align: center;
	}

	.quantity-message {
		left: 8em;
	}
	.sirname-message::after, ._sirname-message::after {
		display: none;
	}
	.sirname-message::before, ._sirname-message::before {
		display: none;
	}
	.quantity-message::before, .name-message::before, ._name-message::before, .postcode-message::before,
	.ship_address-message::before, .email-message::before, .password-message::before, .token-message::before {
		display: none;
	}
	.links ul {
		display: block;
		margin-right: 0;		
	}
	.other-videos-group > li:not(:first-child):nth-child(even) div {
		text-align: center;
	}
	.other-videos-group > li:not(:first-child):nth-child(odd) div {
		text-align: center;
	}
	.other-videos-group > li:not(:first-child):nth-child(even) {
		text-align: left;
	}
	.images > li {
		width: 100%;
	}
}
details {
	text-align: center;
}
summary {
	font-size: 1.2em;
}
summary:hover {
	cursor: pointer;
}
.lamp_units, .em-report-search-params {
	display: inline-block;
	padding-left: 20px;
	vertical-align: top;
}
.lamp_units > li, .em-report-search-params > li {
	text-align: left;
	padding-top: 5px;
	list-style: none;
}
.emergency-history {
	background-position: -704px 0;
}
.emergency-create {
	background-position: -896px 0;
}
.replaced-desc-form ul {
	display: inline-block;
}
.em-report-search-params label:hover {
	cursor: pointer;
}
.workplan-lamps-checkbox:hover {
	cursor: pointer;
}

.workplan-prepare-checkbox {

	display: none;

}
.merry-xmas { 
    margin: 0 auto 10px auto; 
    width: 400px; 
    height: 400px;
    position: relative;
    overflow: hidden;
}
[class^="tree"] {
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-radius: 100%;
}
.tree1 {
    margin-left: 100px;
    border-width: 0 100px 75px 100px;
    border-color: transparent transparent #99c671 transparent;
    z-index: 5;
}
.tree2 { 
    top: -40px; 
    margin-left: 75px;
    border-width: 0 125px 85px 125px;
    border-color: transparent transparent #68bb47 transparent;
    z-index: 4;
}
.tree3 {
    top: -85px; 
    margin-left: 50px;
    border-width: 0 150px 100px 150px;
    border-color: transparent transparent #42aa47 transparent;
    z-index: 3;
}
.tree4 {
    top: -140px; 
    margin-left: 25px;
    border-width: 0 175px 115px 175px;
    border-color: transparent transparent #2e9343 transparent;
    z-index: 2;
}
.tree5 {
    top: -215px; 
    border-width: 0 200px 135px 200px;
    border-color: transparent transparent #247e37 transparent;
    z-index: 1;
}
.trunk {
    position: absolute;
    width: 30px;
    height: 50px;
    margin-left: 185px;
    top: 340px;
    background-color: #996633;
}
@keyframes roty {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}
.star-container {
    position: relative;
    height: 50px;
    width: 50px;
    margin-left: 195px;
    top: 0px;
    z-index: 6;
    transform: rotate(35deg);
}
.star {
    margin: 50px 0;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 25px 17px 25px;
    border-color: transparent transparent #ffd105 transparent;
    animation: 1s roty infinite linear;
}
.star:before {
    position: absolute;
    height: 0;
    width: 0;
    top: 0px;
    left: -25px;
    content: '';
    border-style: solid;
    border-width: 0 25px 17px 25px;
    border-color: transparent transparent #ffd105 transparent;
    transform: rotate(-70deg);
}
.star:after {
    position: absolute;
    height: 0;
    width: 0;
    top: -12px;
    left: -16px;
    content: '';
    border-style: solid;
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent #ffd105 transparent;
    transform: rotate(-35deg);
}
.ornament {
    position: relative;
    background: radial-gradient(#ffffff, #ffff99, #ffcc33);
    width: 32px;
    height: 32px;
    border-radius: 100%;
    z-index: 1;
    overflow: hidden;
}
.ornament:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    background: #fff;
    border-radius: 100%;
}
.ornament:after {
    position: absolute;
    content: '';
    width: 42px;
    height: 42px;
    top: -20px;
    left: -10px;
    border: solid 5px #ffcc33;
    border-radius: 100%;
}
[class^="ornament-container"] {
    position: absolute;
    z-index: 7;
} 
.ornament-container1 {
    top: 155px;
    left: 120px;
}
.ornament-container2 {
    top: 210px;
    left: 270px;
}
.ornament-container3 {
    top: 300px;
    left: 100px;
}
.ornament-container4 {
    top: 110px;
    left: 250px;
}
.ornament-container5 {
    top: 320px;
    left: 310px;
}
.ornament-container6 {
    top: 250px;
    left: 190px;
}
[class^="light"] {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    transition-property: background;
    transition-duration: 1s;
    transition-timing-function: linear;
    animation: light 5s infinite;
    z-index: 6;
}
@keyframes light {
    0%   {background:transparent;}
    50%  {background:#ffffff;}
    100% {background:transparent;}
}
.xmas-lights {
    position: absolute;
    top:-50px;
    left: -15px;
    z-index: 6;
}
.light1 {
    top: 150px;
    left: 180px;
}
.light2 {
    top: 130px;
    left: 210px;
    animation-delay: 3s;
}
.light3 {
    top: 200px;
    left: 150px;
    animation-delay: 2s;
}
.light4 {
    top: 210px;
    left: 220px;
    animation-delay: 1s;
}
.light5 {
    top: 260px;
    left: 180px;
    animation-delay: 3s;
}
.light6 {
    top: 240px;
    left: 150px;
    animation-delay: 2s;
}
.light7 {
    top: 250px;
    left: 270px;
    animation-delay: 1s;
}
.light8 {
    top: 300px;
    left: 280px;
    animation-delay: 3s;
}
.light9 {
    top: 300px;
    left: 200px;
    animation-delay: 2s;
}
.light10 {
    top: 160px;
    left: 240px;
    animation-delay: 1s;
}
.light11 {
    top: 350px;
    left: 180px;
    animation-delay: 2s;
}
.light12 {
    top: 3150px;
    left: 210px;
    animation-delay: 3s;
}
.light13 {
    top: 370px;
    left: 120px;
    animation-delay: 2s;
}
.light14 {
    top: 290px;
    left: 220px;
    animation-delay: 1s;
}
.light15 {
    top: 320px;
    left: 150px;
    animation-delay: 3s;
}
.light16 {
    top: 370px;
    left: 200px;
    animation-delay: 2s;
}
.light17 {
    top: 290px;
    left: 220px;
    animation-delay: 1s;
}
.light18 {
    top: 320px;
    left: 260px;
    animation-delay: 3s;
}
.light19 {
    top: 370px;
    left: 300px;
    animation-delay: 3s;
}
.light20 {
    top: 350px;
    left: 250px;
    animation-delay: 3s;
}

#tree {
    width: 220px;
    display: block;
    margin: 0 auto;
}
.st0 {
    fill:#332C28;
}
.st1 {
    fill:#0f690f;
}
.st2 {
    fill:#388f38;
}
.st3 {
    fill:#a60505;
}
.st4 {
    fill:#d90000;
}
.red-md {
    fill: #aa1231;
    animation: 0.6s red-flash ease-in-out infinite;
}
@keyframes red-flash {
    40% {
        fill: #ea385c;
    }
    80% {
        fill: #aa1231;
    }
}
.gold-lt {
    fill: #c1881c;
    animation: 0.6s gold-lt-flash ease-in-out infinite;
}
@keyframes gold-lt-flash {
    40% {
        fill: #e7b75c;
    }
    80% {
        fill: #c1881c;
    }
}
.blue-lt {
    fill: #1f3e64;
    animation: 0.6s blue-lt-flash ease-in-out infinite;
}
@keyframes blue-lt-flash {
    40% {
        fill: #386fb1;
    }
    80% {
        fill: #1f3e64;
    }
}
.blue-dk {
    fill: #0f1f2f;
    animation: 0.6s blue-dk-flash ease-in-out infinite;
}
@keyframes blue-dk-flash {
    40% {
        fill: #28527c;
    }
    80% {
        fill: #0f1f2f;
    }
}
.gold-dk {
    fill: #69512a;
    animation: 0.6s gold-dk-flash ease-in-out infinite;
}
@keyframes gold-dk-flash {
    40% {
        fill: #b28947;
    }
    80% {
        fill: #69512a;
    }
}
.g1 {
    animation-delay: 0s;
}
.g2 {
    animation-delay: 0.4s;
}
.g3 {
    animation-delay: 0.8s;
}

#star {
    animation: spin 6s linear infinite;
    transform-origin: center;
    fill: #eb2700;
}
#xtree {
    margin: 0 auto;
    width: 400px;
    display: block;
    fill: #3c9c33;
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}