.wrap {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	z-index: 1;
}
.symbol {
	display: block;
	width: 100%;
	font-size: 1.571em;
	line-height: 1em;
	text-align: center;
	padding: 20px 10px;
	margin: 0 auto;
}
.symbol>.link {
	display: inline-block;
}
/* Left Menu */
.left-menu {
	width: 100%;
	height: 100%;
}
.left-menu>.link {
	display: block;
}
.menu-symbol {
	display: block;
	text-align: center;
	padding: 25px 0;
}
.smenu li {
	border-top: 1px solid #cccccc;
}
/* .smenu>li.last {
	border-bottom: 1px solid #3591ef;
} */
.smenu li a {
	position: relative;
	display:block;
	color: #666666;
	font-size: 1.143em;
	font-weight: 300;
	text-align: left;
	transition: all .5s;
}
.smenu li a:hover,
.smenu li a:focus {
	background-color: rgba(0,0,0,.1);
}
.smenu>li>a {
	padding: 14px 15px;
}
.smenu>li.open>a {
	color: #000000;
	font-weight: 700;
	background-color: #f7f7f7;
}
.smenu>li>ul>li>a {
	padding: 14px 15px 14px 50px;
	background-color: #f7f7f7;
}
.smenu>li>ul>li>ul>li>a {
	padding: 14px 15px 14px 60px;
	background-color: #0756a9;
}
.smenu>li>ul>li.open>a {
	color: #ffffff;
	background-color: #0756a9;
}
.smenu>li>a>.menu-icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: top;
	margin-top: -2px;
	margin-right: 10px;
	background-image: url("../images/menu-icon.png");
	transition: all .5s;
}
.smenu>li>a>.menu-icon.icon-1 {
	background-position-x: 0;
}
.smenu>li>a>.menu-icon.icon-2 {
	background-position-x: -40px;
}
.smenu>li>a>.menu-icon.icon-3 {
	background-position-x: -80px;
}
.smenu>li>a>.menu-icon.icon-4 {
	background-position-x: -120px;
}
.smenu>li.open>a>.menu-icon {
	background-position-y: -30px;
}
.smenu li a .fa-angle-right {
	position: absolute;
	top: 17px;
	right: 20px;
	color: #333333;
	transition: all .5s;
}
.smenu li.open>a>.fa-angle-right {
	transform: rotate(90deg);
}
.smenu li.on a {
	color: #333333;
	font-weight: 700;
}
.menu-list {
	display: none;
}
.menu-list.on {
	display: block;
}
.main {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.map-select,
.weather-select,
.map-legend {
	position: absolute;
	background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
	z-index: 3;
}
.map-select {
	top: 15px;
	padding: 5px;
}
.weather-select {
	top: 15px;
	padding: 5px;
}
.map-legend {
	bottom: 15px;
	padding: 5px;
}
.map-select.left,
.weather-select.left,
.map-legend.left {
	right: 205px;
}
.map-select.right,
.map-legend.right {
	right: 15px;
}
.map-legend.map-right {
	right: 865px;
}
.map-select.right-con {
	right: 445px;
}
.weather-select.right {
	right: 465px;
}
.map-legend .title {
	font-size: 1.143em;
	text-align: center;
	margin: 5px 0 10px 0;
}
.legend-list li {
	display: block;
	height: 22px;
	line-height: 1em;
	padding: 0;
	margin: 0;
}
.legend-list li span {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: top;
	margin: 0;
	margin-right: 10px;
}
.weather-select .btn-default {
	background: transparent;
	border-color: #ffffff;
}
.weather-day {
	position: absolute;
	top: 59px;
	right: 495px;
	padding: 5px;
	background-color: #0276eb;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
	z-index: 2;
}
.weather-day .btn-primary {
	color: #055aaf;
	background-color: #ffffff;
	border: transparent;
}
.weather-day .btn-default {
	color: #ffffff;
	background: transparent;
	border: transparent;
}
.weather-box {
	position: absolute;
	width: 90px;
	text-align: center;
	padding: 5px 0;
	border-radius: 8px;
	background-color: #ffffff;
	background: rgba(255,255,255,.9);
	border: 1px solid #ffffff;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	cursor: pointer;
	z-index: 3;
}
.weather-box .title {
	font-size: 1.143em;
}
.weather-box .icon-map {
	display: block;
	width: 50px;
	margin: 0 auto;
}
.weather-box p {
	font-size: 1em;
	margin: 5px 0 0 0;
}
.weather-box span {
	display: inline-block;
}
.weather-box span.low {
	color: #1864ee;
}
.weather-box span.high {
	color: #ed6420;
}
.weather-box span.line {
	margin: 0 1px;
}
.weather-box.on {
	background: rgba(255,255,255,1);
	border: 1px solid #0276eb;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	z-index: 50;
}

.map-contents {
	position: absolute;
	top: 15px; right: 0;
	min-width: 400px;
	padding: 15px;
	background-color: #ffffff;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    transition: all 0.5s ease;
    overflow: hidden;
	overflow-y: auto;
	z-index: 2;
}
.map-contents.weather {
	width: 450px;
}
.map-contents.weather-map {
	bottom: 15px;
	width: 850px;
	overflow-y: auto;
}
.content-title {
	text-align: right;
	margin-bottom: 15px;
}
.content-title .title {
	float: left;
	font-size: 1.286em;
	line-height: 1em;
	padding: 5px 0;
	margin: 0;
}
.content-title .date {
	display: inline-block;
	text-align: right;
	padding: 5px 12px;
	background-color: #e5f1fd;
	border-radius: 8px;
}
.today-weather .today-icon,
.today-weather .today-temperature,
.today-weather .today-list {
	display: inline-block;
	vertical-align: top;
}
.today-weather .today-icon {
	text-align: center;
}
.today-weather .today-icon img {
	width: 80px;
	margin: 0 auto;
}
.today-weather .today-icon .text{
	margin: 10px;
}
.today-weather .today-temperature {
	text-align: center;
	margin: 0 20px;
}
.today-weather .today-temperature .temp {
	font-size: 3.214em;
	font-weight: 700;
	margin-top: 4px;
	margin-bottom: 10px;
}
.today-weather .today-temperature small {
	font-weight: 300;
}
.today-weather .today-temperature .low {
	color: #1864ee;
}
.today-weather .today-temperature .high {
	color: #ed6423;
}
.today-weather .today-list {
	margin-top: 15px;
}
.today-weather .today-list>li {
	display: block;
	margin-bottom: 10px;
}
.today-weather .today-list>li>.title,
.today-weather .today-list>li>.text {
	display: inline-block;
	margin-bottom: 0;
}
.today-weather .today-list>li>.title {
	min-width: 50px;
}
.week-weather {
	position: relative;
	width: 100%;
	padding: 0 10px;
	overflow: hidden;
}
.week-weather .card {
	padding: 15px;
	border: 1px solid #cccccc;
	border-radius: 12px;
}
.week-weather .swiper-button-next,
.week-weather .swiper-button-prev {
	width: 20px;
}
.week-weather .swiper-button-next:after,
.week-weather .swiper-button-prev:after {
	font-size: 1.429em;
}
.week-weather .swiper-button-next {
	right: 0;
}
.week-weather .swiper-button-prev {
	left: 0;
}
.week-weather .date {
	display: block;
	text-align: center;
	margin: 0;
	margin-bottom: 5px;
}
.week-weather .icon {
	display: block;
	width: 70px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.week-weather .list>li>strong {
	display: inline-block;
	width: 40px;
}
.week-weather .list>li>span {
	display: inline-block;
	margin-right: 3px;
}
.week-weather .list>li>.low {
	color: #1864ee;
}
.week-weather .list>li>.high {
	color: #ed6423;
}
.table.table-made {
	width: 600px;
	margin: 0;
}
.table.table-risk {
	width: 400px;
	margin: 0;
}
.table.table-made>thead>tr>th, .table.table-made>tbody>tr>th, .table.table-made>tfoot>tr>th, .table.table-made>tr>th,
.table.table-risk>thead>tr>th, .table.table-risk>tbody>tr>th, .table.table-risk>tfoot>tr>th, .table.table-risk>tr>th {
	text-align: center;
	vertical-align: middle;
	white-space:nowrap;
	padding: 8px 12px;
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	border-bottom: 1px solid #70b1f3;
}
.table.table-made>thead>tr>td, .table.table-made>tbody>tr>td, .table.table-made>tfoot>tr>td, .table.table-made>tr>td,
.table.table-risk>thead>tr>td, .table.table-risk>tbody>tr>td, .table.table-risk>tfoot>tr>td, .table.table-risk>tr>td {
	text-align: center;
	vertical-align: top;
	padding: 4px 12px;
	border: 1px solid #cccccc;
}
.table.table-made>thead>tr>td.text-left, .table.table-made>tbody>tr>td.text-left, .table.table-made>tfoot>tr>td.text-left, .table.table-made>tr>td.text-left,
.table.table-risk>thead>tr>td.text-left, .table.table-risk>tbody>tr>td.text-left, .table.table-risk>tfoot>tr>td.text-left, .table.table-risk>tr>td.text-left {
	text-align: left;
}
.table-search {
	padding: 5px 10px;
	border-top: 1px solid #dddddd;
}
.table.table-map {
	border-top: 2px solid #0276eb;
}
.table.table-map>thead>tr>th, .table.table-map>tbody>tr>th, .table.table-map>tfoot>tr>th, .table.table-map>tr>th {
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	white-space:nowrap;
	padding: 8px 4px;
	background-color: #f2f2f2;
	border: 1px solid #999999;
	border-bottom: 1px solid #333333;
}
.table.table-map>thead>tr>td, .table.table-map>tbody>tr>td, .table.table-map>tfoot>tr>td, .table.table-map>tr>td {
	text-align: center;
	vertical-align: middle;
	padding: 8px 4px;
	border: 1px solid #aaaaaa;
	border-bottom: 1px solid #333333;
}
.table td a.link {
	color: #0f6dcb;
}
.table td a.link:before {
	content: "\f08e";
    font-family: FontAwesome;
	font-size: 0.857em;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
	margin-right: 5px;
}
.table td a.link:hover,
.table td a.link:focus {
	color: #205993;
	text-decoration: underline;
}
.dashboard-map-info {
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	z-index: 4;
}
.dashboard-map-info p {
	margin-bottom: 5px;
}
.dashboard-map-info .crop .title {
	color: #666666;
	margin-right: 15px;
}
.dashboard-map-info .row p {
	text-align: center;
}
.dashboard-map-info .data.min {
	color: #4899d4;
}
.dashboard-map-info .data.max {
	color: #e05457;
}
.dashboard-map-info .data .title {
	display: block;
	color: #666666;
}
.dashboard-map-info .col-xs-4.line {
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
.dashboard-map-info .col-xs-6.line {
	border-right: 1px solid #dddddd;
}
.dashboard-map-info .risk .title {
	display: inline-block;
	min-width: 150px;
	color: #666666;
}
.dashboard-map-info .risk .badge {
	min-width: 90px;
	font-size: 1em;
}
.dashboard-map-info .risk .badge.none {
	color: #666666;
	font-weight: 400;
	background-color: #dcdcdc;
}
.dashboard-map-info .risk .badge.safe {
	background-color: #7e9e7b;
}
.dashboard-map-info .risk .badge.warning {
	color: #91671c;
	background-color: #f9c975;
}
.dashboard-map-info .risk .badge.danger {
	background-color: #d8454a;
}
.dashboard-map-info .btn-close {
	position: absolute;
	top: 0; right: 0;
	color: #666666;
	font-size: 1.125em;
	background: transparent;
}
.dashboard-map-info hr {
	margin: 5px 0;
}
.dashboard-map-info .risk-scroll {
	height: 150px;
	overflow-y: auto;
}
.map-marker {
	position: absolute;
	z-index: 2;
}
.map-marker img {
	cursor: pointer;
}
.map {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	padding: 0;
	margin: 0;
	z-index: 1;
}
.page {
	position: relative;
	width: 100%;
	padding: 0 15px 15px 320px;
}
.page-title {
	padding: 15px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.page-title .title {
	display: inline-block;
	font-size: 1.429em;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}
.page-title .breadcrumb {
	display: inline-block;
	color: #666666;
	padding: 0;
	margin: 0 0 0 10px;
	background: transparent;
}
.page-title .breadcrumb .fa {
	color: #bbbbbb;
	margin: 0 5px;
}
.card .table.table-list>thead>tr>th:first-child, .card .table.table-list>tbody>tr>th:first-child, .card .table.table-list>tfoot>tr>th:first-child, .card .table.table-list>tr>th:first-child,
.card .table.table-list>thead>tr>td:first-child, .card .table.table-list>tbody>tr>td:first-child, .card .table.table-list>tfoot>tr>td:first-child, .card .table.table-list>tr>td:first-child {
	border-left: none;
}
.card .table.table-list>thead>tr>th:last-child, .card .table.table-list>tbody>tr>th:last-child, .card .table.table-list>tfoot>tr>th:last-child, .card .table.table-list>tr>th:last-child,
.card .table.table-list>thead>tr>td:last-child, .card .table.table-list>tbody>tr>td:last-child, .card .table.table-list>tfoot>tr>td:last-child, .card .table.table-list>tr>td:last-child {
	border-right: none;
}
.form-date .btn {
	color: #0276eb;
	background: transparent;
}
.form-date .form-control {
	text-align: center;
}
.sub-contents {
	position: relative;
}
.day-weather {
	margin-bottom: 10px;
}
.day-weather>.left-area {
    float: left;
    width: 20%;
	border-right: 1px dashed #dddddd;
}
.day-weather>.right-area {
    float: left;
    width: 80%;
	background-color: #f7f7f7;
	overflow-x: auto;
}
.day-weather thead>tr>th, .day-weather tbody>tr>th, .day-weather tfoot>tr>th, .day-weather tr>th,
.day-weather thead>tr>td, .day-weather tbody>tr>td, .day-weather tfoot>tr>td, .day-weather tr>td {
	text-align: center;
}
.day-weather .icon {
	width: 40px;
}
.day-weather .table-weather>tbody>tr.date>th, .day-weather .table-weather>tbody>tr.date>td {
	height: 30px;
}
.day-weather .table-weather>tbody>tr.icon>th, .day-weather .table-weather>tbody>tr.icon>td {
	height: 50px;
}
.table-weather>tbody>tr>th.temp-height, .table-weather>tbody>tr>td.temp-height {
	height: 100px;
}

@media screen and (max-width: 768px) {
	/* mobile */
	
}
@media screen and (max-width: 1199px) {
	/* tablet */

}