.span-order_number{
	word-wrap: break-word;
}

.div-attention{
	text-align: right;
}

.div-district{
	text-align: right;
}

.sky-form .button.btn-internal-submit{
	padding: 0 20px;
	font-size: 13px;
	line-height: 31px;
	height: 31px;
}

.text-nowrap{
	white-space: nowrap;
}

section {
	padding-top: 0px;
}

h3 {
	margin-bottom: 20px;
}

section.page-title {
	padding: 20px 0 20px 0;
	background: #ccc;
	color: white;
}

section.page-title h2 {
	padding-bottom: 0;
	border: 0;
	vertical-align: middle;
	font-size: 25px;
}

.logo-gols{
	height: 80px;
	padding: 10px;
}

.logo-yl{
	height: 80px;
}

.sky-form.boxed fieldset {
	padding: 0px;
}

.text-color-main{
	color: #D47F46;
}

.sky-form .button.btn-color-main {
	background-color: #D47F46;
}

.row-order, .row-order-invalid{
	border: rgba(0,0,0,0.1) 1px solid;
	padding: 0px 10px 0px 10px;
	margin-bottom: 30px;
}

hr{
	margin-top: 0px;
	margin-bottom: 0px;
}

.error_msg {
	color: #cc0000;
}

.clone-dom{
	display: none;
}

.sky-form section, .sky-form .section {
	margin-bottom: 0px;
	border-bottom: rgba(0,0,0,0.1) 1px solid;
}

.sky-form footer {
	border-top: 0px;
}

.CodeMirror-gutters{
	background: white;
}

.CodeMirror {
	height: 250px;
}

pre.CodeMirror-placeholder{
	color: #cacaca;
}

.CodeMirror-lines .CodeMirror-code div:nth-child(even) .CodeMirror-linenumber {
	background-color: rgba(0,0,0,0.05);
}

.CodeMirror-lines .CodeMirror-code div:nth-child(even) {
	background-color: rgba(0,0,0,0.05);
}

.status-yellow {
	color: #EED202;
}

.status-green {
	color: #4CD964;
}

.status-red {
	color: #cc0000;
}

.header-col.gols_logo{
	text-align: left;
}

.header-col.yl_logo{
	text-align: right;
}

.row-order_number{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 5px;
}

.row-status {
	margin: 0px -10px;
	padding: 5px 0px;
}

.div-message{
	white-space: pre-line;
}

.order-status .row-status:nth-child(even) {
	background-color: rgba(0,0,0,0.05);
}

.row_flex{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer-note{
	margin-top: 10px;
	font-size: 12px;
}

@media only screen and (max-width: 767px){
	.div-attention{
		text-align: left;
	}

	.div-district{
		text-align: left;
	}

	.header-col.gols_logo, .header-col.yl_logo {
		text-align: center;
	}

	.footer-note, .footer-button{
		flex: 0 100%;
	}
}

@media (max-width: 987px){
	.footer-note, .footer-button{
		flex: 0 100%;
	}
}

@media only screen and (max-width: 480px){
	section.page-title h2, section.page-title h2 span, section.page-title {
		font-size: 25px;
	}

	.row-status{
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.header-col.gols_logo, .header-col.yl_logo {
		text-align: center;
	}

	.footer-note, .footer-button{
		flex: 0 100%;
	}

}