/* 사용자등록 : 이미지 업로드 버튼 */
.addBtn label { position:absolute; bottom:5px; width:94%; margin-left:3%; height:30px; text-align:center; border-radius:5px; background:#999; color:#fff;}
.addBtn input#imgUpload {display: none;}

.upBtn label.totalUp { padding: 5px 140px;  text-align:center; border-radius:5px; background:#FF2221; color:#FFF;cursor: pointer;}
.upBtn input#totalUpload {display: none;}

.upBtn label.soloUp {padding: 5px 50px;  text-align:center; border-radius:5px; background:#A0C4E5; color:#FFF;cursor: pointer;}
.upBtn label.proUp {padding: 5px 36.2px;  text-align:center; border-radius:5px; background:#A0C4E5; color:#FFF;cursor: pointer;}
.upBtn input#solo2DUpload {display: none;}
.upBtn input#pro2DUpload {display: none;}
.upBtn input#solo3DUpload {display: none;}
.upBtn input#pro3DUpload {display: none;}


.addButtn_this { margin:10px 0 10px 0; background:#ee502c url(../img/people_ico.png) center no-repeat; display:block; height:40px; width:40px; height:40px; border-radius:100%; line-height:38px; color:#555; font-size:11pt; box-sizing:border-box; text-align:center; background-size:25px 23px;}
.addButtn_this:after { content:'항목 추가'; position:absolute; left:37px; top:12px; font-size:17px; color:#ee502c; width:100px; font-weight:500; padding:0 0 0 0; /*background:#CCC; */box-sizing:border-box;}
.addButtn_this span {visibility:hidden; width:1px; height:1px; overflow:hidden; position:absolute; top:-9999px;}


/* layer write */
.layer-write {display: none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.76);}
.write-content {background-color: #fff; margin: 10% auto; padding:0; border: 1px solid #5a65e8; width: 756px; box-sizing:border-box; position:relative;border-radius: 10px;}
.write-content .inner {width:100%; height:auto; margin:32px auto 32px; text-align:center;}
.write-content .inner ul {width:100%; height:auto; margin-bottom:32px;font-size:initial;}
.write-content .inner ul li {margin:7px 0; overflow:hidden; text-align:left;}
.write-content .inner ul li label {float:left; width:20%; padding:12px; box-sizing:border-box; text-align:center;}
.write-content .inner ul li input[type="text"],
.write-content .inner ul li input[type="password"] {float:left; border:1px solid #ddd; width:75%; padding:8px; box-sizing:border-box;}
.write-content .inner ul li select {float:left; border:1px solid #ddd; width:auto; padding:8px; box-sizing:border-box;}
.write-content .inner button[type="submit"] {background:#303030; color:#fff; width:200px; height:60px;}
.write-content .inner button[type="button"] {background:#303030; color:#fff; width:200px; height:60px;}
.write-content .pop_bt
{display:block; width:48px; height:48px; background:url("/public/img/pop_close.png") center no-repeat; font-size:0; position:absolute; top:5px; right:5px;}


/* 0827 추가 */
.custom_btnWrap { width: 244px; padding: 0; }
.custom_btnWrap .plm_btn_m_initial { margin-top: 18px; float: left; }
.custom_btnWrap .addButtn_this { margin-right: 90px; float: right; }
.custom_btnWrap .addButtn_this:after { left: auto; right: 0; }

.swal2-container{
    z-index: 999999999 !important;
}

.text_right {
    text-align: right;
}
.text_left {
    text-align: left;
}
.text_center {
    text-align: center;
}

input.only_number {
    /* text-align: right; */
}

/*계측기 관리 이미지 관련 추가*/
.picture-box { width:100%; height:250px; border:1px solid #ced4da; padding:2px; display:inline-block; margin-bottom:-5px; }
.picture-box .picture { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:contain; cursor:pointer; display:block; }
.picture-box .picture.no_picture { background-color:#eee; text-align:center; display:table; }
.picture-box .picture.no_picture:before { font-family:"themify"; font-size:60px; vertical-align:middle; opacity:0.4; display:table-cell; }

/*DATEPICKER 관련 추가*/
select.ui-datepicker-month, select.ui-datepicker-year { box-sizing:border-box; border-radius:15px; line-height:38px;border:solid 1px #c8cccf !important; color:#454545; background:#fff url(../img/icon_arr3.png) 95% 49% no-repeat;
border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/
}
select.mtz-monthpicker-year { width:75px; box-sizing:border-box; border-radius:15px; line-height:38px;border:solid 1px #c8cccf !important; color:#454545; background:#fff url(../img/icon_arr3.png) 95% 49% no-repeat;
border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/
}

/*그래프 툴팁창 z-index 조절*/
.canvasjs-chart-tooltip{z-index: 0 !important;}

/* data관리 a hover  font-weight:bold 제거*/
.data_link:hover {
    font-weight: normal !important;
}

.dataTables_processing {
	z-index: 10 !important;
	background-color : none !important;
	background : none !important;
}
.dataTables_wrapper .dataTables_processing{
	top : 35%
}

.dataTables_scrollBody{
	min-height: 600px !important;
}

.dataTables_scrollBody.dataTables_scrollBody_empty{
	height: 796px !important;
}

.border-red{
	border : 1px solid red;
}

.bom_memo {
	height: 100px !important;
}

.bom_tree {
	height: 550.5px !important;
	overflow-y: auto;
}

.report_color{
    background-color: #F5BCA9;
}
ul.etc_menu {
    position: absolute;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #ffc107;
    z-index: 5;
	width: 120px;
}

ul.etc_menu[data-fm-floated="bottom"]:before {
    content: "";
    position: absolute;
    width: 0; 
    height: 0; 
    top: -9px;
    left: 50%;
    margin-left: -9px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ffc107;
    /* background-color: #ffffff; */
}

.h_300p{
    height: 300px !important;
}

.white_space_pre{
    white-space:pre;
}

.report_ceo_modal {
    max-height: 560px !important;
	overflow-y: auto;
}

.report_text_area {
    height: 330px !important;
}

.h_100p{
    height: 100px !important;
}

table.plm_receiving_modal01_border_top { 
    border-top: 1px solid#9cbced; 
}

table.plm_receiving_modal01_border_thead th { 
    border-top: 1px solid#9cbced !important; 
    border-bottom: 1px solid#9cbced !important; 
    padding: 5px !important;
}

.h_600p{
    height: 600px !important;
}

.btn_side_bar {
    margin-right: 17px;
}

.dataTables_scrollBody table th {
    padding: 0 !important;
    border-top: 0 !important;
}
.dt-edit-item {
    cursor: pointer;
}

.btn-gray {
    background-color: #918f8d;
    color: white;
}

.btn-gray:hover {
    color: #fff;
    background-color: #5e5c5c;
    border-color: #5e5c5c ;
  }
  
  .btn-gray:focus, .btn-gray.focus {
    color: #fff;
    background-color: #918f8d;
    border-color: #5e5c5c ;
    box-shadow: 0 0 0 0.2rem rgba(231, 166, 68, 0.5);
  }
  
  .btn-gray.disabled, .btn-gray:disabled {
    color: #fff;
    background-color: #999794;
    border-color: #999794;
  }
  
  .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
  .show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #5e5c5c;
    border-color: #918f8d;
  }
  
  .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
  .show > .btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(231, 166, 68, 0.5);
  }

  .btn-purple {
    background-color: #9F81F7;
    color: white;
}

.btn-purple:hover {
    color: #fff;
    background-color: #8181F7;
    border-color: #8181F7 ;
}

.btn-pink {
    background-color: #F781F3;
    color: white;
}

.btn-pink:hover {
    color: #fff;
    background-color: #FE2EF7;
    border-color: #FE2EF7 ;
  }

.btn-brown {
    background-color: #D2691E;
    color: white;
}

.btn-brown:hover {
    color: #fff;
    background-color: #D2691E;
    border-color: #D2691E ;
  }

.btn-orange {
    background-color: #F57C02;
    color: white;
}

.btn-orange:hover {
    color: #fff;
    background-color: #ff7043;
    border-color: #ff7043 ;
  }
  
  .btn-orange:focus, .btn-orange.focus {
    color: #fff;
    background-color: #F57C02;
    border-color: #ff7043 ;
    box-shadow: 0 0 0 0.2rem rgba(231, 166, 68, 0.5);
  }
  
  .btn-orange.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: #e67300;
    border-color: #e67300;
  }
  
  .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
  .show > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #ff7043;
    border-color: #F57C02;
  }
  
  .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
  .show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(231, 166, 68, 0.5);
  }

.text-orange {
    color: #F57C02;
}

.measure_font, #span_formula{
    font-family: MathJax_Main; 
}
@font-face {
    font-family: MathJax_Main; 
    src:
        url('/public/font/MathJax_Main-Regular.otf') format('opentype')
     /* url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Main-Regular.woff?V=2.7.1') format('woff'), */
     /* url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Main-Regular.otf?V=2.7.1') format('opentype') */
}
.form-control{
	border-radius: 0;
}