/* 전체 */
body {
    color: #dedede;
    background-color: #2a2a2a;
}

/* 링크 */
a {
    color: #1ca8dd;
    text-decoration: none;
}

/* 링크 커서 */
a:focus, a:hover, #gridContainer a.show-equipment-link:focus, #gridContainer a.show-equipment-link:hover {
    color: #1ca8dd;
    text-decoration: none;
}

/* 링크 방문 */
a, a:visited, a:active, #gridContainer a.show-equipment-link:visited, #gridContainer a.show-equipment-link:active {
    color: #1ca8dd;
    text-decoration: none;
}

/* body 외 전체 */
#wrapper {
    width: 100%;
    background-color: #2a2a2a;
}

/* 탑 글꼴 */
.navbar-default .navbar-brand {
    color: #dedede;
    /*font-size: 22px;*/
}

/* 탑 글꼴 링크 색상 */
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #dedede;
}

/* 탑 로고 이미지 삽입 시 */
.navbar-default .navbar-brand {
    /*padding: 0;
    width: 400px;*/
}

/* 탑 배경 */
.navbar-default {
    background-color: #2a2a2a;
    border-color: #4d4d4d;
}

/* 탑 로그인 부분 */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #444;
    border-color: #4d4d4d;
}

/* 탑 로그인 팝업 */
.dropdown-menu {
    background-color: #444;
    border: 1px solid #4d4d4d;
}

/* 탑 로그인 팝업 링크 */
.dropdown-menu>li>a {
    color: #1ca8dd;
}

#navbar .navbar-nav > li > a {
    color: #1ca8dd;
}

/* 탑 로그인 팝업 링크 커서 */
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #dedede;
    background-color: #2a2a2a;
}

/* 탑 로그인 팝업 메뉴 구분선 */
.dropdown-menu .divider {
    background-color: #2a2a2a;
}

/* 탑, 사이드 외 영역 */
#page-wrapper {
    background-color: #2a2a2a;
    border-left: 1px solid #4d4d4d;
}

#main-content-wrapper {
    background-color: #2a2a2a;
}

/* 사이드 메뉴 */
.sidebar ul li {
    border-bottom: 1px solid #4d4d4d;
}

/* 사이드 메뉴 커서 */
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #444;
}

/* 사이드 메뉴 선택 시 */
.sidebar ul li a.active {
    background-color: #444;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #444;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #444;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #dedede;
    background-color: #2a2a2a;
}

/* 이벤트 알림, 로그인 영역 */
.navbar-right .dropdown-toggle {
    color: #337ab7;
}

/* 콘텐츠 제목 */
.page-header {
    border-bottom: 1px solid #4d4d4d;
    margin: 20px 0 10px;
    font-size: 21px;
    font-weight: 500;
    color: #dedede;
}

/* 콘텐츠 패널 */
.panel {
    margin-bottom: 20px;
    background-color: #323232;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

/* 콘텐츠 패널 기본 */
.panel-default {
    border-color: #4d4d4d;
}

/* 콘텐츠 패널 제목 */
.panel-default>.panel-heading {
    color: #dedede;
    background-color: #2e2e2e;
    border-color: #3e3e3e;
}

/* 콘텐츠 패널 내용 */
.panel-default>.panel-body {
    color: #dedede;
}

/* 수정 팝업 */
.modal-content {
    color: #dedede;
    background-color: #2a2a2a;
}

/* 수정 팝업 탑 */
.modal-header {
    border-bottom: 1px solid #4d4d4d;
}

/* 수정 팝업 푸터 */
.modal-footer {
    border-top: 1px solid #4d4d4d;
}

/* 수정 폼 */
.form-control {
    color: #dedede;
    background-color: #444;
    border: 1px solid #4d4d4d;
}

/* 버튼 글 색상 */
.focus.btn, .btn:focus, .btn:hover {
    color: #dedede;
}

/* 취소 버튼 배경 */
.btn-secondary {
    background-color: #444;
}

/* 시설물 지도 팝업 */
.overlay-element-in-map {
    background-color: #444;
}

.overlay-element-in-map .overlay-element-title {
    background-color: #2a2a2a;
}