@charset "UTF-8";

/* login */
.body-login {
    background-color: #253c11;
}
.login-title {
    color: #ffffff;
    font-size: 1.5em;
}
.login-stitle {
    color: #85907c;
    font-size: 1.5em;
}
.form-control.login-input {
    color: #ffffff;
    background: rgba(255,255,255,0.1);
    border: 0;
}
.login-icon {
    color: #85907c;
}
.btn-login {
    color: #ffffff;
    background-color: #8ec338;
}
.login-link {
    color: #8ec338;
}
.login-link:hover,
.login-link:focus {
    color: #5d8b1a;
}
/* Nav */
.navbar-collapse {
    padding-left: 0;
}
.nav-sidebar .nav-item:not(.nav-item-header):first-child {
    padding-top: 0;
}
.navbar-brand {
    width: 16.875rem;
    padding: 0.35rem 0;
    margin-left: -1.25rem;
}
.navbar-brand a {
    display: block;
    width: 100%;
    text-align: center;
}
.navbar-brand img {
    height: 34px;
    display: inline;
}
.navbar-dark {
    background-color: #294410;
}
/* sidebar */
.sidebar-dark {
    background-color: #1f320c;
}
.sidebar-dark .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-dark .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item>.nav-link.active {
    color: #fff;
    background-color: #66aa17;
}
.sidebar-dark .nav-sidebar .nav-item>.nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item>.nav-link.active {
    background-color: rgba(0,0,0,0.35);
    color: #fff;
}
.sidebar-dark .nav-sidebar .nav-item>.nav-link.active:after {
    content: "\ed82";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #f4f3f3;
    font-size: 18px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 7px;
    right: -9px;
    transform: rotate(-180deg);
}
/* Page header */
.page-title {
    padding: 0.5rem 0;
}
/* card */
.card-header:not([class*=bg-]):not([class*=alpha-]) {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}
.card-title {
    font-weight: bold;
}
.card-title i {
    color: #66aa17;
}
.card-height-service {
    padding: 0.5rem 0.5rem;
}
/* table */
.table td, .table th {
    padding: .65rem 0.95rem;
}
.table .btn-sm {
    padding: 0 .75rem;
}
.table th {
    text-align: center;
}
.table.text-center th, .table.text-center td {
    text-align: center;
}
.td-title {
    background-color: #f7f7f7;
}
.list-row-10 {
    height: 420px;
}

.list-row-15 {
    height: 630px;
}

.table-line {
    border-top: 2px solid #999999;
    border-bottom: 1px solid #aaaaaa;
}

/* table th fixed */
.table-wrap {
    position: relative;
    width: 100%;
    padding-top: 40px;
    overflow: auto;
    border-top: 1px solid #dddddd;
}
.table-wrap .table-th-fixed {
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
}
.table-wrap .table-th-fixed table {
    width: 100%;
    table-layout: fixed;
}
.table-wrap .table-th-fixed table thead tr {
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    border-top: 1px solid #cdcdcd;
}
.table-wrap .table-th-fixed table tr {
    display: inline-table;
    width: 100%;
    table-layout: fixed;
}
.table-wrap .table-th-fixed table tbody tr {
    display: table-row;
}

/* text */
.text-lg {
    font-size: 1.50rem;
}
/* 홈 > 종합상황판 - 총 14개 시군 지도 목록 */
.map-list-box {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border-bottom-right-radius: .1875rem;
    border-bottom-left-radius: .1875rem;
    overflow: hidden;
}
.map-list-heading {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(38,50,56,0.7);
    z-index: 2;
}
.map-list-heading:hover,
.map-list-heading:focus {
    background-color: rgba(38,50,56,1);
    cursor: pointer;
}
.map-list-heading a {
    display: block;
    width: 100%;
    color: #ffffff;
    padding: 6px 10px;
}
.map-list-heading a .map-link {
    float: right;
    margin-top: 2px;
}
.map-list-body {
    position: relative;
    width: 100%;
    min-height: 550px;
    z-index: 1;
}
.map-list-img {
    width: 100%;
}
.map-list .col-sm-4 {
    padding-right: .125rem;
    padding-left: .125rem;
    margin-top: .125rem;
    margin-bottom: .125rem;
}
.info {

}
/* 홈 > 농업기상지도 > 날씨지도 - 지도 */
.map-container {
    position: relative;
    width: 100%;
    border-bottom-right-radius: .1875rem;
    border-bottom-left-radius: .1875rem;
    overflow: hidden;
}
.map-content {
    top: 10px;
    right: 10px;
    position: absolute;
    width: 70%;
    /*background-color: #ffffff;*/
    /*box-shadow: 0 3px 6px rgba(0,0,0,0.2);*/
    z-index: 2;
}
.map-box {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.map-card-date .card {
    box-shadow: none;
}
.map-card-date .card .card-body {
    padding: 5px;
}
.map-comment {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #ffffff;
    padding: 6px;
    background: rgba(0,0,0,.5);
    border-radius: 6px;
    z-index: 100;
}

.map-address-input {
    position: absolute;
    top: 50px;
    left: 20px;
    color: #ffffff;
    padding: 6px;
    background: rgba(0,0,0,.5);
    border-radius: 6px;
    z-index: 100;
}
.date-title {
    display: block;
    width: 100%;
    color: #777777;
    text-align: center;
    padding: 4px 2px;
    margin: 0 auto;
    background-color: #f2f2f2;
    border-radius: 3px;
}
.date-list {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
}
.date-list li {
    color: #777777;
    margin: 3px 0;
}
.date-list li strong {
    float: right;
    text-align: right;
}
.map-content .card {
    transition: all 1s ease;
}
.pointWeatherClose {
    cursor: pointer;
}
.card.today {
    border: 1px solid #81bd16;
    border-left: 1px solid #81bd16 !important;
}
.card.today .date-title {
    color: #ffffff;
    background-color: #81bd16;
}
.card.today .date-list li {
    color: #000000;
}
.badge-crop {
    color: #ffffff;
    font-size: 100%;
    padding-top: .2rem;
    padding-bottom: .1rem;
    background-color: #fb704a;
}
.badge-crop span {
    margin-left: .5rem;
}
.map-content .search-box .form-control,
.map-content .search-box .btn {
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}
.remove-area {
    position: relative;
}
.btn-remove {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 50;
    border: 1px solid #f00;
}
/* btn */
.btn i {
    margin-right: .5rem;
}
.btn-search,
.btn-download {
    color: #ffffff;
    background-color: #8dc42b;
}
.btn-search:hover,
.btn-search:focus,
.btn-download:hover,
.btn-download:focus {
    color: #ffffff;
    background-color: #6f9837;
}
.btn-homepage-link {
    color: #70ace9;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}
.btn-homepage-link:hover,
.btn-homepage-link:focus {
    color: #2a6db1;
    text-decoration: underline;
}

/* loding */
.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}
.loading-icon i {
    color: #66aa17;
    font-size: 2rem;
}

.login-logo {
    max-height: 100px;
}

#map_legend {
    display:none;
    position:absolute;
    left: 5px;
    right: 5px;
    top:5px;
    z-index:9999;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #FFF;
    border-radius: 3px;
    font-size: 9px;
}

#map_legend table {
    width: 100%;
}

#map_legend table td {
    text-align: center;
    vertical-align: middle;
}

.data_loading {
    display: none;
    width: 50px;
    margin: 0 auto;
}

#div_map {
    height: 650px;
}

#main_form > div {
    margin-bottom: 1em;
}

table.norwap-table {
    white-space: nowrap;
}

.select_row_table tbody tr:hover {
    background-color: #eee;
    cursor: pointer;
}

.select_row_table tbody tr.selected {
    font-weight: bold;
    background-color: #FFa;
}

.card-header {
    height: 62px;
}

/* media query */
@media screen and (max-width: 1199px) {
    .card-height-service {
        padding: 1.25rem;
    }
}