/* 한 페이지에 LIST와 CRUD폼을 동시에 사용하기 위한 화면분할용 css 파일입니다. */

/* AdminLTE .control-sidebar custom */
/* padding-top must be higher than main-header and content-header */
.control-sidebar {
    position: fixed;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    padding-top: 140px;
}

.skin-blue-light section.content-header.with-border { border-bottom: solid 1px #d2d6de }


/* responsive right sidebar [[ */

/* xs = mobile = 768px 미만 일 때는 부트스트랩에서 디폴트로 취급하여 미디어쿼리가 없음 */

/* sm = tablet = 768px 이상 일 때 */
@media (min-width: 768px) {
    .control-sidebar-open .content-wrapper,
    .control-sidebar-open .right-side,
    .control-sidebar-open .main-footer {
        margin-right: 230px;
    }

    /* sm사이즈부터 content-header가 두줄에서 한줄이 되기 때문에 padding-top을 줄여줘야함 */
    .control-sidebar {
        padding-top: 115px;
    }
}

/* md = desktop = 992px 이상 일 때 */
@media (min-width: 992px) {
    .control-sidebar-open .content-wrapper,
    .control-sidebar-open .right-side,
    .control-sidebar-open .main-footer {
        margin-right: 320px;
    }

    .control-sidebar {
        width: 320px;
        right: -320px;
    }
}

/* lg = desktop = 1200px 이상 일 때 */
@media (min-width: 1200px) {
    .control-sidebar-open .content-wrapper,
    .control-sidebar-open .right-side,
    .control-sidebar-open .main-footer {
        margin-right: 420px;
    }

    .control-sidebar {
        width: 420px;
        right: -420px;
    }
}

/* responsive right sidebar ]] */