body {
    background-color: #1b1e24 !important;
}

.table-bordered{text-align:center;}

.form-control{display:inline;}
.fieldText{display:inline-block;padding-top:7px;font-size:14px;color:#282323;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:#fff;}
.nowrap{white-space:nowrap;}

.input-group-addon{color:#55606e;}

/* 검색창 여백 줄이기 */
#searchForm .form-group{margin-bottom:5px;}
.panel-default{border:1px solid #eee;}

/* 여백 조절 */
.page-content{overflow:initial !important;}
.grid.simple .grid-title{padding:10px 10px 0px 10px;}
.grid.simple .grid-body{padding:10px;}
.page-content .content{padding-bottom:100px;overflow:initial !important;}
.page-sidebar .page-sidebar-wrapper > ul > li > a{padding:10px 10px 10px 10px !important;}

/* 리스트 테이블 스타일 */
.table tr.row_selected td{background:#edfff0 !important;}
.grid-body .table-bordered thead th,.grid-body .table-bordered tbody td{text-align:center;border:1px solid #e4ebf1 !important;vertical-align:middle;}
.grid-body .table-bordered thead th .checkbox,.grid-body .table-bordered tbody td .checkbox{text-align:left;}
.buttonWrap .txtR button{margin-left:20px;}
.grid-body .table-bordered thead th{white-space:nowrap;}
/*.grid-body .table-bordered tbody tr:hover td{background:#f5f5f5;}*/

/* 페이징 스타일 수정 */
.pagination{margin:0px;}
.pagination>li>a, .pagination>li>span{border:0px;background:none;color:#333;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background:#fff;color:#333;}

.grid-body.editForm{}
.grid-body.editForm .form-group{overflow:hidden;margin-bottom:10px;}
.grid-body.editForm .form-group .form-label{width:15%;text-align:right;margin-top:8px;vertical-align:top;white-space:nowrap;}
.grid-body.editForm .form-group .form-label.required:before{content: '*';color:#ff0000;margin-right:5px;}
.grid-body.editForm .form-group .controls{width:75%;display:inline-block;vertical-align:middle;}
.grid-body.editForm .form-group .help{clear:both;width:75%;display:inline-block;margin-left:15%;padding-left:10px;}
.grid-body.editForm .form-group .controls .radio{padding-top:0px;vertical-align:top;margin-top:0px !important;}

.listThumb{width:50px;}
.datepicker table tr td, .datepicker table tr th{width:20px;height:20px;padding:5px !important;}
@media (max-width: 768px) {
    ul.messenger.messenger-fixed.messenger-on-top{top:100px;}
}

table.table-bordered .listBtn{width:60px;}
.modal-body{background:#fff;}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover
{background-color:#ccc !important;background-image:none;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover
{background-color:#08c !important;background-image:none;}

.thumbBox{background:#eee;position:relative;padding:0px;padding-top:60%;overflow:hidden;}
.thumbBox img{position:absolute;left:0px;top:0px;width:100%;}

/* input-group select */
.input-group .open>.dropdown-menu{height:200px;overflow-y:auto;}

/* Horizontal Menu Style */
.horizontal-menu .bar-inner{text-align:center;background:#1b1e24;}

.horizontal-menu .bar-inner > ul{display:inline-block;margin:0px auto;}
.horizontal-menu .bar-inner > ul > li > a{color:#fff;display:block;padding:15px 15px;}
.horizontal-menu .bar-inner > ul > li{padding:0px;}
.horizontal-menu .bar-inner > ul > li.active{background:#fff;}
.horizontal-menu .bar-inner > ul > li.open > a,.horizontal-menu .bar-inner > ul > li.active > a{color:#1b1e24 !important;}
.horizontal-menu .bar-inner > ul > li.open > .classic{border:1px solid #c4c5c7;border-top:0px;}
.horizontal-menu .bar-inner > ul > li .material-icons{font-size:18px;vertical-align:bottom;}
.horizontal-menu .bar-inner > ul > li > .classic > li{text-align:left;}
.horizontal-menu .bar-inner > ul > li > .classic{top:50px;}
.horizontal-menu .bar-inner > ul > li > .classic > li a{display:block;}

/* 메뉴 마우스 오버 처리 */
.horizontal-menu .bar-inner > ul > li:hover{background:#fff;}
.horizontal-menu .bar-inner > ul > li:hover > a{color:#1b1e24 !important;}
.horizontal-menu .bar-inner > ul > li:hover > .classic{max-height:999px;border:1px solid #c4c5c7;border-top:0px;}
.horizontal-menu .bar-inner > ul > li:hover > .classic > li{opacity:1;}

/* 대시보드 추가 처리 */
.dashboard{}
.dashboard .tiles .underline{border-bottom:1px solid #ccc;}
.dashboard .tiles .boardList{padding-left:10px;}
.dashboard .tiles .boardList li{padding:5px 0px;list-style:none;height:30px;}
.dashboard .tiles .boardList li .label{width:62px;display:inline-block;margin-right:10px;}
.dashboard .tiles .boardList li a{color:#333;}


/* 사용자 사진 사이즈 */
.userPhoto{border:2px solid #ccc;border-radius:200px;max-width:200px;max-height:200px;width:100%;}

.sortIcon{margin:0px 2px;}
.sortIcon i{font-size:18px;}
.sortIcon:hover,.sortIcon.active{color:#f35958;}

/* 좌측 메뉴 사이즈 줄이기*/
.page-content {margin-left: 200px;}
.page-sidebar {width:200px;}
.page-sidebar ul {width: 200px;}
.page-sidebar .page-sidebar-wrapper > ul > li > a {padding: 11.5px 10px 11.5px 10px;}
.menu-title.sm{padding-left:10px;padding-right:10px;}
.user-info-wrapper.sm {margin-left:5px;}
.user-info-wrapper {margin: 20px 0px 10px;}
.menu-title{padding-top:10px;}
.footer-widget {width:200px;}
.page-sidebar.mini .page-sidebar-wrapper > ul > li > ul.sub-menu {min-width: 200px;}
.header .header-seperation {width: 200px;position:relative;}
.header .header-seperation .logo{width:80%;height:auto;}
.page-sidebar .page-sidebar-wrapper > ul > li > a > span.fa{float:right;margin:5px 10px;}
.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a{font-size:12px;}
.page-sidebar .page-sidebar-wrapper > ul > li > a i{font-size:16px;}
.header .nav > li.quicklinks > a i{font-size:18px;}

@media (max-width: 767px) {
    .logo {
        width:200px !important;
        position:absolute;
        left:50% !important;
        margin-left:-100px !important;
        margin-top:20px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .header .nav > li.dropdown, .header .nav > li.dropdown > a{display:none;}
    .page-sidebar .page-sidebar-wrapper > ul > li > a{color: #8b91a0;}
    .page-sidebar .page-sidebar-wrapper > ul{width:auto;}
    .header-seperation {display: block !important;}
    .page-sidebar .page-sidebar-wrapper > ul li span.title{display:inline-block;}
    .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu{
        margin-left:0px;
        position:relative;
        min-width:0px;
    }

}

/* 좌측 메뉴 영역 사이즈 수정 */
@media (min-width: 980px) {
    body.open-menu-right .page-content {
        position: relative;
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        transform: translateX(-260px);
    }
    body.open-menu-right .header {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        transform: translateX(-260px);
    }
    body.open-menu-right .page-sidebar {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        transform: translateX(-260px);
    }
    body.open-menu-right .footer-widget {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        transform: translateX(-260px);
    }
    body.open-menu-right .scrollup {
        display: none !important;
    }
    body.rtl.open-menu-right .page-content {
        position: relative;
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        transform: translateX(260px);
    }
    body.rtl.open-menu-right .header {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        transform: translateX(260px);
    }
    body.rtl.open-menu-right .page-sidebar {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        transform: translateX(260px);
    }
    body.rtl.open-menu-right .footer-widget {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        transform: translateX(260px);
    }
    body.rtl.open-menu-right .scrollup {
        display: none !important;
    }
}
/*** General tablets and phones ***/
@media (max-width: 979px) {
    body.open-menu-left .page-content {
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    body.open-menu-left .header {
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    body.open-menu-right .page-content {
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    body.open-menu-right .header {
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    body.open-menu-right .page-content .admin-bar {
        display: none;
    }
}
/* Landscape view of all tablet devices */
@media (min-width: 768px) and (max-width: 1024px) {
    body.open-menu-right .page-content {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        left: auto;
    }
    body.open-menu-right .header {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        left: auto;
    }
    body.open-menu-right .page-content .admin-bar {
        display: none;
    }
    body.boxed-layout {
        background-color: #f6f7f8;
    }
    body.boxed-layout .container {
        position: relative;
    }
    body.boxed-layout .chat-window-wrapper {
        position: absolute;
        margin-right: 15px;
    }
}

/* 상단 우측 퀵영역 수정 */
.header .chat-toggler{top:5px;}
.header .chat-toggler .profile-pic{background:#eaf3fa;width:45px;height:45px;}
.header .chat-toggler .profile-pic img{border-radius:50px;margin:5px;width:35px;height:35px;}
.header .chat-toggler span{display:inline-block;margin-top:10px;margin-left:-5px;padding:3px 10px;background:#eaf3fa;color:#4d697e;font-size:12px;font-weight:bold;border-top-right-radius:20px;border-bottom-right-radius: 20px;min-width:80px;text-align:center;}
.header .nav > li.quicklinks > a.logout-btn{margin-top:14px;background:#4f5f6f;color:#fff;border-radius:20px;padding:2px 10px 1px!important;font-size:12px;}
.header .nav > li.quicklinks > a.logout-btn i{color:#fff !important;font-size:12px;}

/* 기타 내용 사이즈 줄이기 */
@media (max-width: 768px){.page-content {margin-left:auto;}}
.page-content .content{padding-top:70px;}
.page-title{margin-bottom:0px;}
.list-search{}
.list-search .form-group .form-label{margin-bottom:0px;}
.list-search .form-group .controls{margin-top:0px;}
.list-search button,.list-search a{margin-top:10px;}

.controls > .radio, .controls > .checkbox{padding-top:5px !important;}

/* 토글 버튼 리사이즈 */
.toggle.btn{height:30px !important;min-height:30px !important;}
.toggle.btn label{font-size:12px;padding-top:5px;}

/*********************************************************
모바일 추가 스타일 정의
********************************************************/
@media (max-width: 980px){
    .form-horizontal .form-group{margin:0px;}
    .grid-body.editForm .form-group .form-label,.grid-body.editForm .form-group .controls{display:block;clear:both;width:100%;text-align:left;}
}

a{color:#576475;}


/******************************************
일정관리
 ******************************************/
.calendar-page h1{font-size:24px;margin-top:0px;}
.calendar-page h1 i{font-size:24px;padding:10px;}
.table-calendar{table-layout: fixed}
.table-calendar tbody tr td{height:100px;vertical-align:top !important;transition: all 0.3s;cursor:pointer;padding:3px !important;}
.table-calendar tbody tr td.active{background-color:#faffd6 !important;}
.table-calendar tbody tr td.active:hover{background-color:#faffd6 !important;}
.table-calendar tbody tr td .date_num{text-align:center;font-size:14px;font-weight:bold;}
.table-calendar tbody tr td .date_num .btn{visibility: hidden;}
.table-calendar tbody tr td.week_0 .date_num,.table-calendar tbody tr td.holiday .date_num{color:#ff0000;}
.table-calendar tbody tr td.week_6 .date_num{color:#0000ff;}
.table-calendar tbody tr td .cont{min-height:50px;}
.table-calendar tbody tr td .sch_marker{text-align:left;display:none;color:red;font-size:6px;float:left;text-align:center;width:100%;}
.table-calendar tbody tr td .sch_marker i{color:red;font-size:6px;}
.table-calendar tbody tr td ul{padding:0px;}
.table-calendar tbody tr td ul li{text-align:left;padding-left:0px;list-style:none;white-space: nowrap;overflow:hidden;}
.table-calendar tbody tr:hover td{background-color:#fff !important;}
.table-calendar tbody tr:hover td.dateTD:hover{background-color:#f1ffe3 !important;cursor:pointer;}
.table-calendar.mini{}
.table-calendar.mini tbody tr td{height:30px;}


/* 미니달력 스케줄 불러오기용 */
.schedule_select .table-calendar.mini{}
.schedule_select .table-calendar.mini td{cursor:initial;text-align:center;}
.schedule_select .table-calendar.mini .date_num{color:#ccc;border-radius:20px;width:25px;height:25px;line-height:25px;display:inline-block;}
.schedule_select .table-calendar.mini .date_num.sch_exists{background:#00b38d;color:#fff;cursor:pointer;}
.schedule_select h2{font-size:24px;text-align:center;}
.schedule_select h2 i{font-size:20px;margin:0px 20px;}

    /* Landscape view of all tablet devices
    @media (max-width: 1024px) and (min-width: 768px) {
        body {
            background-color: #1b1e24 !important;
        }
    }
     */

#calendar_wrap h1{margin-top:0px !important;}

.sch_file_qr_wrap{overflow:hidden;display:inline-block;margin:10px;border:1px solid #ddd;}
.sch_file_qr_wrap .thumb{width:50px;height:50px;}
.sch_file_qr_wrap .thumb img{width:100%;}

.swiper-container{overflow:hidden;}

.schedule_add_btn{position:fixed;right:30px;bottom:50px;background:#aaa;color:#fff;width:60px;height:60px;line-height:70px;text-align:Center;border-radius:60px;z-index:999;}
.schedule_add_btn i{font-size:24px;}

.schedule_form{}
.schedule_form .controls{margin-bottom:10px;}

.schedule_day_list{}
.schedule_day_list .alert{position:sticky !important;z-index:999;top:60px;}
.schedule_day_list .grid-body{padding:0px !important;}
.schedule_day_list .user-name{width:100%;}
.schedule_day_list .sch_content {
    height: 20px;
    overflow: hidden;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color:#333;
}

.schedule_day_list .user-comment-wrapper .comment .user-name {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
}

.schedule_day_list .sch_image{margin-bottom:10px;position:relative}
.schedule_day_list .sch_image img{width:20px;height:20px;}
.schedule_day_list .sch_image .checkover{position:absolute;width:20px;height:20px;left:0px;top:0px;background-color:rgba(0,0,0,0.2)}
.schedule_day_list .sch_image .checkover:after{content:"✔️";}

.schedule_day_list .tiles-body{padding:10px 18px;cursor:pointer;border-bottom:1px solid #efefef;}
.schedule_day_list .tiles-body:hover{background-color:#faffd6}

.schedule_day_list .sch_status_-1 .semi-bold{color:#ff0000;text-decoration:line-through;}
.schedule_day_list .sch_status_-10 .semi-bold{color:#ff0000;text-decoration:line-through;}
.schedule_day_list .sch_status_9 .semi-bold,.schedule_day_list .sch_status_10 .semi-bold{color:#0aa699;}

@media (max-width: 768px){
    .calendar-page,.calendar-page .grid-body{
        padding-left:0px !important;padding-right:0px !important;
    }
    .table-calendar tbody tr td ul li{font-size:11px;}
}

.view_comment_wrap .tiles{border-bottom:1px solid #ddd;}

.schedule_day_list .user-name img{width:15px;height:20px;margin:0px 5px;}

.tiles-group-title{cursor:pointer;}
.tiles-group{display:none;}
.tiles-group.active{display:block;}

/******************************************
카테고리 관리
 ******************************************/
body.dragging, body.dragging * {
    cursor: move !important;
}

.category_list .dragged {position: absolute;opacity: 0.5;z-index: 2000;}
.category_list .fa.fa-arrows-alt{cursor:move;}
/*ol.sortList>li{width:20%;float:left;border:1px solid #ddd;box-sizing:border-box;margin:10px;}*/
.category_list ol.sortList li{border:1px solid #ddd;box-sizing:border-box;}
.category_list ol.sortList li{padding:10px;}
.category_list ol.sortList li.placeholder {
    position: relative;
    /** More li styles **/
    border:1px dashed #afafaf;
}
.category_list ol.sortList li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}
.category_list ol li{list-style:none;}
.category_list ol>li ol{padding-left:20px;}
.category_list ol.sortList{padding-left:0px;}
.category_list ol.sortList>li{}
.category_list ol.sortList ol{margin-top:10px;}
.category_list ol li:hover{background:#f1f1f1;}
.category_list ol li .btn{float:right;margin-left:10px;}

.header-seperation{border-bottom:1px solid #2f3c4d;}
.header-seperation>a{display:block;text-align:center;}
.header-seperation>a>.logo{margin:15px auto 0px;}
.header .quick-section{margin:0px;}
.header .quick-section .quicklinks{padding:1px 20px;}
.header .quick-section .quicklinks.staron{background:#1e3b91;}
.header .quick-section .quicklinks.radianz{background:#905c3a;}
.header .quick-section .quicklinks.locelain{background:#767474;}

/* 좌측 메뉴 색상 변경 */
.header-seperation,.page-sidebar,.footer-widget,.header .notifcation-center {
    background-color: #17263b !important;
}
.page-sidebar-wrapper{padding-top:5px !important;}

/* Content 영역 배경 색상 수정 */
.page-content{background:#f1f4fb;}

/* 기타 스타일 수정 */
.grid.simple .grid-title{background:#f9fafc;border-bottom:1px solid #e4ebf1 !important;}
.grid.simple .grid-body{border:0px;}

.grid.simple {box-shadow:0 2px 5px rgba(0,0,0,.1)}
.table-bordered th{background:#f9fafc;}
.table-bordered tbody th{border:1px solid #e4ebf1 !important;text-align:center;}
.header-quick-nav{box-shadow:0 2px 5px rgba(0,0,0,.1);}
.dashboard .graphPanel{box-shadow:0 2px 5px rgba(0,0,0,.1);}

.form-group .controls{margin-top:0px;}

.modal-body{}
.modal-body .table-bordered tbody th{background:#f9fafc;border:1px solid #e4ebf1 !important;width:150px;}
.modal-body .table-bordered tbody td{text-align:left;}


    /* 마켓관리자 관리 */
.label-item{padding:5px 10px;width:100%;display:inline-block;}
.label-item input{margin-right:5px;}

.grid-title h4{width:100%;}

@media (max-width: 768px){
    .pagination{margin:0px 0px 30px;}
    .pagination a{font-size:18px;}
}

/******************************************
수정페이지 하단 저장/취소 버튼 스타일 수정
 ******************************************/
.edit_btn_wrap{position:fixed;bottom:0px;left:0px;width:100%;background:rgba(27,30,36,0.8);padding:15px;margin:0px;z-index:99;padding-left:200px;}
.footer-widget{z-index:9999;}

@media (max-width: 1024px){
    .edit_btn_wrap{padding-left:0px;}
    .edit_btn_wrap>div>.btn{width:40% !important;}

    .form-horizontal .table-responsive table th,.form-horizontal .table-responsive table td{min-width:200px;}
    .page-content .content{padding-bottom:150px;}
}

/* 추가주문 / 취소 리스트 공통 스타일 처리 */
.add_order td{background:#fff3d6}
.state-1 td,.state-10 td{background-color:#ffebeb;}
.bg-danger{background-color:#ff9494;color:#000 !important;}

.radio input[type=radio][disabled]:checked + label{opacity:1;font-weight:bold;}

.time_schedule{height:initial !important;overflow:visible !important;;-webkit-line-clamp:initial !important;;}

.sch_icon{width:18px;height:18px;margin:0px 3px;}