.minimap {
    margin: 15px 20px 0 0;
}

#framebox .aoiwrapper .selectric-wrapper {
    display: inline-block;
    width: 100px;
}

#framebox .aoiwrapper .selectric .label {
    height: 36px;
    line-height: 36px;
}

#framebox .aoiwrapper .selectric .button {
    height: 36px;
}

#framebox .aoiwrapper .selectric {
    background: #2f3646;
    border: 1px solid #47546a;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    z-index: 1;
}

#framebox .sub-sidebar-area .aoibox .preview-detail {
    /* display: none; */
    position: absolute;
    top: 10px;
    left: 430px;
    width: 880px;
    /* height: 410px; */
    background: #2f3646;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: 1;
}

#framebox .sub-sidebar-area .aoibox .preview-detail .preview-header {
    font-size: 20px;
    /* font-family: 'Roboto'; */
    font-weight: 350;
    color: rgb(255, 255, 255);
    background: none rgb(47, 54, 70);
    padding: 16px 20px;
    text-align: initial;
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-bottom-style: solid;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: rgba(0, 0, 0, 0.14);
    border-left-color: initial;
    border-image: initial;
    border-radius: 2px 2px 0px 0px;
}

#framebox .sub-sidebar-area .aoibox .preview-detail .preview-content td {
    height: 38px;
    font-size: 14px;
    color: #999;
}

.aoiwrapper .aoibox .content-area {
    margin-top: 5px;
    padding: 0 5px 5px 5px;
    overflow-x: hidden;
    max-height: calc(100vh - 200px);
}

.tab-area .tab {
    /* .aoiwrapper .aoibox .tab-area .tab { */
    padding: 12px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    border: 1px solid #283041 ; 
    border-bottom: none; 
    border-radius: 5px 5px 0px 0px;
    background-color: #445066;
    cursor: pointer;
    
}

.tab-area .tab.active{
    /* .aoiwrapper .aoibox .tab-area .tab.active{ */
    border: 1px solid #445066 ; 
    border-bottom: none; 
    border-radius: 5px 5px 0px 0px;
    background-color: #283041;
    color: #ffffff;
}

.tab-area{
    /* .aoiwrapper .aoibox .tab-area{ */
    margin-top: 12px;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #445066 ;
}

.aoiwrapper .aoibox .total-area {
    color: white;
    display: flex;
    align-items: center;
    padding: 10px 0 10px 20px;
    font-size: 14px;
    border-bottom: 0.5px solid #47546a;
}

.aoiwrapper .aoibox .content-area .nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.aoiwrapper .aoibox .content-area .thumbnail {
    padding: 5px 5px 0 8px;
    width: 25%;
}

.aoiwrapper .aoibox .content-area .thumbnail img {
    border: 1px solid #465469;
}

.aoiwrapper .aoibox .content-area .list-data {
    display: flex;
    height: 94px;
    border: 0.5px solid #47546a;
    margin: 0 0 5px 0;
    border-radius: 6px;
}

.aoiwrapper .aoibox .content-area .page-area {
    display: flex;
    justify-content: center;
}

.aoiwrapper .aoibox .content-area .data-area .on {
    background:  #20232d;
    border-left: 2px solid #4287f5;
}

.aoiwrapper .aoibox .content-area .list-data:hover {
    background:  #20232d;
    cursor: pointer;
}

.aoiwrapper .aoibox .content-area .list-data .content {
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #f5f5f5;
    font-size: 13px;
    width: 75%;
    white-space: nowrap;
    font-weight: 250;
}

.title-preview {
    white-space: nowrap;
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-preview {
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aoiwrapper .aoibox .content-area .list-data .btn-group {
    display: flex;
    background: #283041;
    border: 1px solid #72829d;
    /* margin: 0 5px 5px 0; */
    position: absolute;
    right: 5px;
    bottom: 0;
}

.aoiwrapper .aoibox .content-area .list-data .btn-group button {
    border: none;
    padding: 14px;
    cursor: pointer;
}

.aoiwrapper .aoibox .content-area .list-data .btn-group button:hover {
    background-color: #20232d;
    cursor: pointer;
}

.aoiwrapper .aoibox .content-area .list-data .btn-group .btn_down {
    background: #283041 url(/images/icon_1.svg) left 8px center no-repeat;
    background-size: 14px;
    border-right: 1px solid #72829d;
    width: 30px;
}

.aoiwrapper .aoibox .content-area .list-data .btn-group .btn_detail {
    background: #283041 url(/images/icon_2.svg) left 8px center no-repeat;
    background-size: 12px;
    border-right: 1px solid #72829d;
}

.aoiwrapper .aoibox .content-area .list-data .btn-group .btn_lookup {
    background: #283041 url(/images/icon_3.svg) left 8px center no-repeat;
    background-size: 10px;
    opacity: 0.4;
}
.view-image {
    background-color: #6DB3F2 !important;
    opacity: 1 !important;
}

.aoiwrapper .aoibox .content-area .list-data .btn-group .btn_lookup:hover {
    opacity: 1;
}

.aoiwrapper .aoibox .content-area .list-data .bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #72829d;
    position: relative;
    margin-bottom: 5px;
}

.btn_text {
    padding: 5px 8px;
    height: 35px;
    margin: 0 1px;
}

#list-imagery-data .formbox {
    color: #999;
}

#list-imagery-data .selectric {
    background: #2f3646;
    border: 1px solid #47546a;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    z-index: 1;
}
#list-imagery-data .selectric-open .selectric {
    background: #0e1013;
    border: 1px solid transparent;
}
#list-imagery-data .selectric .label {
    height: 36px;
    line-height: 36px;
}
#list-imagery-data .selectric .button {
    height: 36px;
}
#list-imagery-data .selectric-items {
    z-index: 2;
}
#list-imagery-data .selectric-items ul,
#list-imagery-data .selectric-items li {
    min-height: 38px;
    line-height: 38px;
}

#list-imagery-data .formbox .titlebar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* font-family: 'Noto Sans'; */
    margin: 0 15px;
}

#list-imagery-data .formbox .titlebar .title {
    margin: 10px;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    border-bottom-color: transparent !important;
}

#list-imagery-data .formbox .titlebar .txtTitle {
    font-size: 20px;
    color: #6899eb;
}

#list-imagery-data .formbox .titlebar .search_btn {
    margin-left: 10px;
    padding: 5px 8px;
    color: #FFF;
    border: 1px solid #47546a;
    background: #2f3646;
    font-size: 14px;
}

#list-imagery-data .formbox .titlebar button:hover {
    background-color: #20232d;
    cursor: pointer;
}

#list-imagery-data .formbox .titlebar .search {
    display: flex;
    align-items: center;
}

#list-imagery-data .formbox .titlebar .search .search-item .search_name{
    position: relative;
}
#list-imagery-data .formbox .titlebar .btn_cancelinput {
    display: none;
    position: absolute;
    top: 7px;
    right: 5px;
}

#list-imagery-data .formbox .titlebar .search .search-item {
    display: flex;
    margin-left: 10px;
}
#list-imagery-data .formbox .titlebar .search .search-item input::placeholder {
    font-size: 14px !important;
}

.search-item .btn_create{
    margin-left: 10px;
    margin-top: 2px;
}

#list-imagery-data .formbox .tab-area {
    margin-top: -20px;
    margin-left: 5px;
}
#list-imagery-data .formbox .tab-area .tab {
    min-width: 100px;
    text-align: center;
}

#list-imagery-data .formbox .arealist-box {
    /* margin-top: 10px; */
}

#list-imagery-data .formbox .select-wrapper {
    display: inline-block;
    width: 150px;
}

#list-imagery-data .formbox .arealist-box thead {
    position: sticky; 
    top: 0;
    z-index: 1;
}

#list-imagery-data .formbox .arealist-box thead td {
    height: 60px;
    background: #20232d;
    font-size: 15px;
    /* font-family: 'Noto Sans'; */
    color: #fff;
    text-align: center;
}

#list-imagery-data .formbox .arealist-box tbody td {
    height: 52px;
    border-bottom: 1px solid #47546a;
    font-size: 14px;
    /* font-family: 'Noto Sans'; */
    color: #d8dadc;
    text-align: center;
}

#list-imagery-data .formbox .arealist-box tbody tr {
    cursor: default;
}

#list-imagery-data table td:nth-child(3),
#list-imagery-data table td:nth-child(1):not(.nodata) {
    text-align: left !important;
    padding-left: 20px;
}

#list-imagery-data table td:nth-child(4),
#list-imagery-data table td:nth-child(6) {
    text-align: right !important;
    padding-right: 20px;
}

#list-imagery-data .formbox .arealist-box {
    height: 482px;
    overflow: auto;
}

#list-imagery-data .formbox .arealist-box tbody .info {
    color: #fff;
    cursor: pointer;
}
#list-imagery-data .formbox .arealist-box tbody .info:hover {
    color: #6899eb;
}

#list-imagery-data .formbox .arealist-box tbody td .btn_viewarea {
    width: 96%;
    height: 32px;
    font-size: 14px !important;
}

#list-imagery-data .footer-area {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 20px 10px 15px 20px;
    background-color: #3e4554;
}

#list-imagery-data .footer-area .footer-btn {
    display: flex;
    justify-content: space-between;
}

.input-fit {
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 6px 15px;
    font-size: 14px;
    color: #fff;
    background: #283041;
    border: 0;
    border-bottom: 1px solid #47546a;
}
.input-fit::placeholder {
    color: #72829d;
}
.input-fit:hover {
    border-bottom: 1px solid #6899eb;
}
.input-fit:disabled {
    background: transparent;
    color: #d8dadc;
    border-bottom: 1px solid #47546a;
    cursor: default;
}

#create-imagery-data .inbox {
    padding: 10px 25px 20px 25px;
}

#create-imagery-data hr {
    border-color: darkgray;
}

#create-imagery-data .title .txtTitle {
    font-size: 20px;
    color: #6899eb;
    /* font-family: 'Noto Sans'; */
}

#create-imagery-data .title .subTitle {
    font-size: 14px;
    color: #999;
    /* font-family: 'Roboto', 'SansSerif', 'Noto Sans KR'; */
}

#create-imagery-data .inbox td {
    height: 27px;
    font-size: 14px;
    color: #999;
}

#create-imagery-data .inbox .btn-area {
    padding-top: 10px;
}

#create-imagery-data .inbox button {
    width: 100px !important;
}

#create-imagery-data .inbox .btnbox {
    text-align: center;
}

#create-imagery-data .inbox .btn-edit {
    position: relative;
    display: flex;
}

#create-imagery-data .inbox .upload_btn input::placeholder {
    font-size: 13px !important;
}

#create-imagery-data .inbox .upload_btn {
    text-align: center;
    width: 110px !important;
    padding: 9px;
    color: #FFF;
    border: 1px solid #47546a;
    background: #2f3646;
}

#create-imagery-data .inbox .upload_btn:hover {
    background-color: #20232d;
    cursor: pointer;
}

#create-imagery-data .inbox .btn-edit .btn_save {
    margin: 0 auto;
}

#create-imagery-data .inbox .btn-group {
    position: absolute;
    display: flex;
    right: 0px;
}

#create-imagery-data .selectric {
    background: #2f3646;
    border: 1px solid #47546a;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    z-index: 1;
}
#create-imagery-data table .select-wrapper {
    display: inline-block;
    width: 110px;
}

#create-imagery-data .selectric .label {
    height: 36px;
    line-height: 36px;
}
#create-imagery-data .selectric .button {
    height: 36px;
}

#create-imagery-data .selectric-items ul,
#create-imagery-data .selectric-items li {
    min-height: 38px;
    line-height: 38px;
}

#create-imagery-data .inbox .btnbox button {
    width: 100px !important;
    margin: 0 5px;
    padding-top: 2px;
}

#create-imagery-data .searchbox {
    position: relative;
    padding: 0;
    width: 360px;
    height: 38px;
}

#create-imagery-data .searchbox input {
    margin: 0;
    padding: 6px 68px 6px 12px;
    width: 100%;
    height: 100%;
    font-size: 14px;
    /* font-family: 'Noto Sans'; */
    color: #fff;
    background: #283041;
    border: 0;
    border-bottom: 1px solid #47546a;
}
#create-imagery-data .searchbox input::placeholder {
    color: #72829d;
}
#create-imagery-data .searchbox input:hover {
    border-bottom: 1px solid #6899eb;
}

#create-imagery-data .searchbox .btn {
    position: absolute;
    top: 0;
    right: 6px;
}

#create-imagery-data .searchbox .btn .btn_cancelinput {
    display: none;
    position: absolute;
    top: 7px;
    left: -24px;
}

#create-imagery-data .inbox .desc {
    padding: 10px 0;
    font-size: 11px;
    color: #999;
}

#create-imagery-data .inbox .hlight {
    background: #272d39;
    color: #d8dadc;
    text-align: center;
}

#create-imagery-data .api-status {
    height: 100%;
    background-color: #272d39;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}

.radio_list_type {
    height: 28px !important;
    display: flex;
}

.radio_list_type div {
    margin-right: 25px;
}

.calinput {
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 6px 15px 6px 40px;
    font-size: 14px;
    /* font-family: 'Noto Sans'; */
    color: #fff;
    background: #283041 url(/images/btn_calendar.svg) left 15px center no-repeat;
    background-size: 16px 17px;
    border: 0;
    border-bottom: 1px solid #47546a;
    cursor: pointer;
}
.calinput::placeholder {
    color: #72829d;
}
.calinput:hover {
    border-bottom: 1px solid #6899eb;
    background-image: url(/images/btn_calendar_hover.svg);
}
.calinput:disabled {
    background-color: transparent;
    color: #d8dadc;
    border-bottom: 1px solid #47546a;
    background-image: url(/images/btn_calendar_dis.svg);
    cursor: default;
}
.btn_like_text {
    background-color: transparent;
    border: none;
    color: #d8dadc;
    cursor: pointer;
}

.txt-normal {
    color: #eee;
}

.ok {
    color: dodgerblue;   
}

.error {
    color: red;
}
.tile-number {
    padding: 3px 6px;
    color: white;
    font-weight: 800;
    font-size: 13px;
    background-color: blue;
}

.layout-control .btn_map_type {
    display: flex;
}

.layout-control .btn_map_type button {
    color: #FFF;
    border: 1px solid #47546a;
    background: #2f3646;
    padding: 5px 10px;
    opacity: 0.7;
    width: 70px;
}

.layout-control .btn_map_type .btn-map {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.layout-control .btn_map_type .btn-satellite {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.layout-control .btn_map_type .active {
    opacity: 1 !important;
}

.layout-control .btn_map_type button:hover {
    background-color: #20232d;
    cursor: pointer;
}
.no_date_required {
    color: #999 !important;
}