body{font-family:Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Noto Sans KR", sans-serif; font-weight:300;}

.btn{font-weight:500;}

.navbar-brand {margin-right:0;padding-top:0.75rem;padding-bottom:0.75rem;}
.navbar-brand img {height:1.5rem !important;}

.navbar-light .navbar-nav-highlight .navbar-nav-link.active:before {background-color: #EF5350;}

.page-title {padding:1.25rem 0;}

.validation-invalid-label {font-size:0.75rem;padding-left:1.25rem;margin-top:0.25rem;margin-bottom:0.25rem;}
.validation-invalid-label:before {font-size:0.75rem;padding-left:0.25rem;}

/* inputbox, textarea placeholder 나타나고, 클릭시 사라지게하는 css*/
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

/*plupload upload start button 삭제 */
.plupload_button.plupload_start{ display:none;}

/* plupload 아이콘 font size 조정 default 2.25rem*/
.plupload_filelist li.plupload_droptext:before, .plupload_filelist:empty:before {
    font-size: 2.0rem;
}
/* plupload 아이콘과 text사이 높이 default 1.75rem */
.plupload_filelist li.plupload_droptext:after, .plupload_filelist:empty:after {
    margin-top: 1.3rem;
}
/*datatable min-height 변경*/
.dataTables_wrapper .datatable-scroll-wrap {
    min-height: 140px;
}
/* fullcalendar 날짜에 걸린 링크 무효화 */
.fc-content-skeleton .fc-day-number{
    pointer-events: none;
    cursor: default;
}
/* fullcalendar 이전, 다음 버튼 margin 조정 */
.fullcalendar > .fc-header-toolbar > .fc-center > .fc-prev-button{
    margin-right: 1rem;
} 
.fullcalendar > .fc-header-toolbar > .fc-center > .fc-next-button{
    margin-left: 1rem;
} 
a.fc-more {
    margin : 0 0.5rem 0.5rem 0.5rem !important;
}
/* selectbox2 optgroup 색상 변경*/
.select2-container .select2-results__group{
    color: #2196F3;
}
/* 사내일정 개월에 대한 반복규칙 text */
.schedule-week-text , .schedule-week-no , .schedule-month-day{
    padding-left: 5px;
    color: #ef5350;
}
/* tab bottom margin 제거 */
.nav-tabs {
    margin-bottom : 0px;
}
/* 일괄적용 관련 text color */
.icon-notification2, .batch-text-color{
    color: pink ;
}
/* 첨부문서 관련 color */
.icon-file-pdf { color: red; }
.icon-file-excel { color: green; }
.icon-file-word { color: lightblue; }
.icon-file-zip { color: yellow; }
.icon-file-picture { color: palevioletred; }
.icon-file-text2 { color:orange; }
/* datatable row가 0일 경우 height 높이 지정 */
.dataTables_empty{
    height: 15rem;
}
.dataTables_wrapper .datatable-scroll-wrap{
    min-height: 15rem;
}
/* 전자결재 comment cursor pointer 해제 */
.dropdown-item, .document-comment{
    cursor: default;
}
/* top menu out-link icon 조정 */
.icon-new-tab, .top-menu{
    font-size: 0.7rem;
    font-weight: normal;
    margin-bottom: 0.7rem;
    color: #ff7043;
}
/* select2 placeholder 영역 보이게 함 */
.select2-search__field{
    width:100% !important;
}
/*daterangepicker select box width 조정 */
.daterangepicker select.yearselect, .daterangepicker select.monthselect {
    width: 50%;
}
/* daum zip aip button */
.daum-zip-address{
    cursor: pointer;
}
/* bootstrap fileupload browse button */
.btn-file{
    cursor: pointer;
}
/* avatar, signiture image size 고정 */
.avatarImg > img, .signitureImg > img{
    max-width: 10rem;
    max-height: 7rem;
}
.document-signitureImg > img{
    max-width: 7rem;
    max-height: 4rem;
}
/* drop down cursor */
.dropdown-item{
    cursor: pointer;
}
/* top avatar default icon */
.avatar-icon-top{
    font-size:2rem;
    padding-right:0.7rem;
    color:wheat;
}
.avatar-icon-left{
    font-size:3rem;
    color:wheat;
    text-justify: inherit;
}
/* mobile mode 오른쪽 상단 아이콘 없애기 */
.icon-more{
    display:none;
}
/* 전자결재 메인 관련 */
.document-main-year{
    display:inline-block;
    margin-left:1rem;
    font-size:0.9rem;
}
/* page print sytle */
.page {
    width: 210mm;
    height: 297mm;
    padding: 5cm 3cm;
    margin: 0 auto;
    background:#eee;
}
/* 구성원별 휴가 사용 현황 부서 select box */
.user-vacation-selectbox{
    margin-left:1rem;
}
.user-vacation-selectbox-department > .select2 {
    margin-left:0.5rem;
    min-width:250px;
}
/* 자산관리 추가/삭제/수정버튼 padding 조정 */
.assets-btn-p {
    padding: 0.3rem 0.5rem !important;
}
/* 당직일정 월선택 datepicker css */
.ui-datepicker:not(.ui-datepicker-inline){
    background-color:white;
}
.mtz-monthpicker-month{
    cursor: pointer !important;
}
/* multi seilect search button hide */
.input-group-append{
    display: none !important;
}
/* 휴가사유 영역 height 고정 */
.document-main-myvaction-use-height-fix{
    /*
    position: absolute;
    width: 100%;
    height: 35px;
    
    margin-top: -11px;
    */
    text-transform:capitalize;
    line-height:140%;
    max-height: 20px;
    overflow: hidden;
}

.mb-3px{
    margin-bottom: 3px;
}

.mr-5px{
    margin-right: 5px;
}

.header-logo-text{
    font-size: 1rem;
    padding: 0px;
    top: 10px;
    position: relative;
    padding-left: 5px;
    font-family: auto;
}

@page {
    size: A4;
    margin: 0;
}
    
@media print {
    html, body {
        height: 297mm;
        background:#fff;   
        height: 257mm;
    }
    
    .page {
        margin: 0;
        border: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}

@media (max-width: 767.98px){
    /* fullcalnder mobile mode < > 버튼 수정 */
    .fc-toolbar .fc-left, .fc-toolbar .fc-left .fc-button-group, .fc-toolbar .fc-left>.fc-button, .fc-toolbar .fc-right, .fc-toolbar .fc-right .fc-button-group, .fc-toolbar .fc-right>.fc-button {
        float: left !important;
    }

    .fc-toolbar .fc-right .fc-button-group {
        display: none;
    }

    .inside-switch-button{
        display: none !important;
    }

    /* data table 검색 및 목록갯수 display : none*/
    .datatable-header, .datatable-header-accent{
        display: none !important;
    }

    .desktop-mode{
        display: none !important;
    }

    .document-main-myvaction-table{
        width: 1200px !important; 
    }

    .document-main-myvaction-use-table{
        width: 750px !important; 
    }
}