@font-face {
	font-family : 'Roboto';
	font-style  : normal;
	font-weight : normal;
	src: url('/css/fonts/roboto/roboto.woff2');
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/open_sans/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/open_sans/OpenSans-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/open_sans/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/open_sans/OpenSans-BoldItalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

body {
	margin           : 0px;
	padding          : 0px;
	background-color : #B0FF9C;
	font-family      : 'Open Sans', sans-serif;
	font-size        : 14px;
	line-height      : 1.42857143;
}

a {
	color           : #428bca;
	text-decoration : none;
}

.btn-primary {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
	background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
}

.btn {
	border: 1px solid transparent;
	padding: 5px 10px;
	font-size: 12px;
	/*line-height: 1.5;*/
	border-radius: 3px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.btn-default {
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	border: 1px solid #ccc;
}

.container {
	display: flex;
	flex-wrap: wrap;
}

.box {
}

.box_main {
	outline: 1px solid black;
	background : #FFFFE2;
	box-shadow : 1px 1px 6px #aaa;
	flex: 1 1 40%;
	margin: 5px 15px;
	min-width: 300px;
}

.page_main {
	border: 0px solid black;
	margin-left: auto;
	margin-right: auto;
	min-width: 350px;
	padding: 0 15px 10px 15px;
}

.box_header {
	border-bottom: 0px solid;
	padding: 2px;
	background: #FFFFC0;
	font-weight: bold;
	text-align: center;
}

.box_body {
	text-align: center;
	padding: 6px;
	border: 0px solid;
}

.header .middle {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.7em;
}

.header-icon svg {
	color: black;
	/*background: yellow;*/
	/*padding: 4px;*/
}

.header {
	display: flex;
}

.header > div {
	border: 0px solid;
	margin: 0 2.1em;
}

.flex-1  {
	flex: 1;
}

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

.mt-2 {
	margin-top: 0.5em;
}

.calendar-icon { }

.box_notepad {
  width: 99%;
  border: 0px solid;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.notepad {
  width: calc(100% - 20px);
}

input text { }
input.button { margin-top: 5px; }

.form-control {
	display: block;
}

.hidden, .d-none {
	display: none;
}