* {margin: 0; padding: 0; box-sizing: border-box;}
html {overflow-x:hidden;}
body {overflow-x:hidden; min-height: 100vh; width: 100%; font-family:'Noto Sans KR'; background:#b1cac8; position:relative;}
ul, ol {list-style: none;}
a:active,
a:visited,
a:link,
a{text-decoration: none;}
select{outline:none;}

body.layer_on{overflow:hidden;}
/* 로그인 */
.content{height:calc(100vh - 40px); width:100%; display:table; position:relative;}
.login_visual{width:100%; display:table-cell; vertical-align:middle; padding:100px 0;}
.login-cont{width:100%; margin:0 auto; display:flex; flex-direction:column; justify-content:center; background:#0c4743; position:relative;}
.login_bg{position:absolute;top:50%;right:0;transform: translate(100%, -50%);filter: drop-shadow(0px 45px 30px rgb(0, 0, 0, 0.5));width: 270px;}
.login-title{font-family:'Romic'; line-height:45px; padding-left:20px; padding-bottom:25px; position:relative; display:inline-block;}
.title-top{font-size:50px; font-weight:bold; color:#1e5451; }
.title-bottom{font-size:24px; color:#537573;}
.login_tit{padding:10px 0;}
.login_tit > p{text-align:left; font-size:40px; font-family:'Romic'; color:#fff;}
.login_box{ padding:20px;}
.login-left{background: linear-gradient(to right, #413fb3, #6db9e4);}
.login-left,
.login-right{display:flex; align-items:center;}
.login_tit strong{padding-right:5px;}
.login-input_box{display:flex; flex-direction:column;}
.login-int{display:flex; height:40px; width:100%; border:1px solid #588582; border-radius:5px;}
.login-int input::placeholder{color:#fff;}
.login-int:not(:last-child){margin-bottom:5px;}
.login-int:last-child{border-radius:5px;}
.login-int input{border: none; padding-left:5px; outline:none; background:unset; color:#fff;}
.login-int input{width:100%;}
.login_sort{border-radius:5px 0 0 5px;}
.login_sort.select{background:unset;}
.login_sort.select + input{height:40px; outline:none; width:188px;}
.login_sort.select + input::placeholder{color:#fff;}
.label {display: inline-block; position: relative;}
.warn{font-size:14px; color:#fec64f; display:none;}
.alignBox {display: inline-flex; align-items: center; cursor:pointer; color:#fff;}
.inputTxt {display: inline-block; margin: 0 10px;}
.checkbox {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 0; height: 0;}
.checkboximg {width: 19px; height: 19px; background: url('/Images/uncheck_radio.png') no-repeat center /19px;}
.checkbox:checked +.checkboximg {background: url('/Images/check_radio.png') no-repeat center /19px;}
.checkbox:disabled +.checkboximg {background: url('/Images/uncheck_radio.png') no-repeat center /19px;}
.chk{display:flex; justify-content:space-between; align-items:center; position:relative; padding:10px 0; box-sizing:border-box; vertical-align:middle;}
.chk input{position:absolute; top:50%; left:1px; width:1px; height:1px; outline:0; z-index:-1;}
.chk label{display:block; position:relative; width:100%; padding-left:22px; color:#fff; font-size:14px; font-weight:400; line-height:17px; cursor:pointer; box-sizing:border-box;}
:root .chk label:before{display:block; content:''; position:absolute; top:50%; left:1px; width:17px; height:19px; margin-top:-7.5px; background:url(/Images/sp_check.png) no-repeat 0 0; background-size:17px auto;}
:root .chk input:checked+label:before{content:''; background-position:0 -17px; margin-top:-9px;}
.login-int:first-child button{height:40px; background:#489b95; border:none; color:#fff; font-size:13px; border-radius:0 2px 4px 0; max-width:100px; width:100%; cursor:pointer;}
.login_sort span{width:130px; line-height:40px; display:inline-block; font-size:13px; color:#fff; padding-left:5px;}
.login_sort select{width:130px; font-size:13px; height:40px; outline:none; border:none; background:unset; color:#fff;}
.login_type{padding-top:5px; padding-bottom:15px;}
.login_type label{font-size:14px; font-weight:500; vertical-align:2px; margin-right:5px;}
.login-btn{width:100%; height:40px; display:flex; align-items:center; justify-content:center; background: #67bab4; color:#fff; font-weight:bold; border-radius:5px; color:#fff; cursor:pointer;}
.copy{padding-top:20px;}
.copy > p{font-size:13px; color:#6c6c6c; text-align:center;}
.footer{text-align:center; font-size:14px; color:#394140; font-weight:500; padding:0 24px; position:absolute; height:60px; left:50%; transform:translateX(-50%); white-space:nowrap; bottom:70px;}
/* 로그인 */

/* MainLayout */
.header_cont{height:50px; display:flex; align-items:center; position:relative; justify-content:space-between; padding:0 12px;}
.header_cont img{width:40px; cursor:pointer;}
.hamburger{height:100%; display:none; align-items:center; cursor:pointer; padding-left:10px; position:relative;}
.hamburger > img{width:18px;}
#wrap{height:auto; min-height:100%; /*padding-bottom:160px;*/}
#wrap.on .lnb{position:absolute; background:red; width:80%; height:100%; z-index:9; margin-top:50px;}
.header_title{left:10px; color:#0c4743; font-family:'Romic'; font-size:22px;}
/* MainLayout */

/* ocean - order */
.search-box__cont.order > div:not(:last-child){padding-bottom:14px;+}
.search-box__cont.order .search-box__input.search,
.search-box__cont.order input{width:100%;}
/*.search-box__cont.order{display:unset; text-align:center;}*/
.search_date{display:flex; align-items:center; gap:10px;}
.search_date input{background:#fff url('/Images/icn_calendar.png') no-repeat; background-position:calc(100% - 10px) 50%;}
.search-box__tit > p{font-size:16px; color:#67bab4; font-weight:700; text-align:left;}
.search-box__result{display:flex; align-items:center; width:100%;}
.bl_no{width:70%; position:relative;}


/*addclass show*/
.bl_no.show:before{position:absolute; content:''; right:0; top:50%; transform:translate(-50%, -50%); width:2px; height:20px; background:#efefef;}
/*addclass show*/


.box_info{width:30%; display:flex; justify-content:center; gap:30px; font-size:16px!important;}
.search-box__result > p{font-size:20px; color:#fff;}
.result{padding-top:0px;padding:20px 20px;}
.result-list {border-top: 1px solid #cddddd; border-bottom: 1px solid #cddddd;}
.list__plural, .list__single {display: flex; align-items: center; width: 100%; /*white-space:nowrap;*/}
.result-list > div:not(:last-child){border-bottom:2px solid #cddddd;}
.result-list p{padding-left:5px;/*line-height:36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/}
.info__red{color:#d76970;}
.list__single {background:#fff;}
.list-cont {display: flex;align-items: center;max-width: 50%;width: 100%;/* height: 50px; */}
.list-title {/* max-width: 35%; */width: 80px;color: #588582;font-size: 12px;font-weight: 500;background: #e7eded;border-right: 1px solid #d4e2e2;border-left: 1px solid #d4e2e2;height: 35px;display: flex;align-items: center;}
.list-info {/* max-width: 65%; *//* width: 100%; */width: calc(100% - 80px);color: #666;font-size: 12px;font-weight: 500;background: #fff;height: 35px;display: flex;align-items: center;/* padding: 5px 0; */}
.list__single .list-cont{max-width:100%;}
.list__single .list-title{/* max-width: 17.5%; */width: 80px;/* min-width: 17.5%; */}
.list__single .list-info{/* max-width:87.5%; */overflow: hidden;text-overflow: ellipsis;}
.list-info > p{padding-right:10px;word-break: break-all;}
/* ocean - order */

/* ocean - orderlist */
.search-box {padding: 10px 12px; background: #0c4743; position:relative;}
.search-box__cont {display: flex; align-items: center; gap:20px;}
.search-box__cont:first-child .search-box__input,
.search-box__cont:nth-child(2) .search-box__input{width:calc(100% - 51.53px);}
.search-box__cont:first-child .search-box__input input,
.search-box__cont:nth-child(2) .search-box__input input{width:100%;}
.search-box__cont:nth-child(3) .search-box__select{width:calc(100% - 77.53px);}
.search-box__cont:nth-child(3) .search-box__select select{width:100%;}
.search-box__input.search input{background:#fff url('/Images/icn_search.png') no-repeat; padding-right:50px; background-position:calc(100% - 10px) 50%;}
.search-box__cont .date_input{width:100%;}
.search-box__cont .search_date span{color:#fff; font-size:14px; font-weight:700;}
.search-box__cont:not(:last-child){padding-bottom:10px;}
.search-box__title > p {color: #fff; font-size: 14px; font-weight: 700;}
.search-box__cont input,
.search-box__cont select{height:30px; border-radius:3px; outline:none; border:1px solid #67bab4; padding-left:10px; font-size:14px; font-weight:500; color:#666;}
.search-box__title{white-space:nowrap;}
.check{display:flex;}
input[type="checkbox"]{display: none;}
.search-box__cont input[type="checkbox"] + label{display: inline-block; width: 26px; height: 26px; border:2px solid #67bab4; position: relative; background:#fff; border-radius:3px;}
input[id="Chk"]:checked + label::after {background:url('/Images/chk.png') no-repeat; content: ''; width: 17px; height: 17px; text-align: center; position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%);}
/* ocean - orderlist */

/* alert */
.layer_zone{display:none;position:fixed;top:0;left:0;right: 0;bottom: 0;width:100%;height:100%;background:rgba(0,0,0,.7); z-index:10000;overflow-y: auto;-webkit-overflow-scrolling: touch; }
.layer_zone::-webkit-scrollbar{display:none}
.layer_wrap{display: table; width: 92%; height: 100%; position: absolute; top: 0; left: 50%; box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -sand-transform: translateX(-50%);
    transform: translateX(-50%);
}
.layer_inwrap {display:table-cell;vertical-align:middle;}
.layer_cont{box-sizing:border-box;position:relative;background-color:#fff;max-width:400px;margin:0 auto; border-radius:10px; 
	-webkit-box-shadow: 10px 17px 30px 15px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 10px 17px 30px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 17px 30px 15px rgba(0, 0, 0, 0.1);
}
.inner{padding-left:20px; padding-right:20px; padding-top:10px;}
.inner p{font-size:14px; line-height:25px;}
/*.inner p:before{position:absolute; content:''; width:5px; height:5px; top:50%; left:-5px; transform:translate(-50%, -50%); background:#6db9e4; border:none;}*/
.layer_tit{height:50px; background: #8aa9a7; border-radius:5px 5px 0 0; position:relative; display:flex; align-items:center;}
.tit{font-size:14px; line-height:30px; color:#fff; background:#0c4743; height:30px; padding:0 10px; margin-left:20px; border-radius:5px;}
.close_btn{text-align:center; padding:16px 0;}
.close{width:240px; height:40px; color:#fff; background:#67bab4; border:none; border-radius:5px; font-weight:600; cursor:pointer;}
/* alert */

/* Grid */
.slick-row {line-height: 16px;}
.loading-indicator {display: inline-block; padding: 12px; background: white; -opacity: 0.5; color: black; font-weight: bold; z-index: 9999; border: 1px solid red; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0px 0px 5px red; -text-shadow: 1px 1px 1px white;}
.loading-indicator label {padding-left: 20px;}
.green {background-color: #d1e7dd;}
.red {background-color: #f8d7da;}
.orange {background-color: #fff3cd;}
.slick-header-column {align-items: center; font-weight: bold; background: #b7c6c68c; color: #0c4743;}
.loading-indicator {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#myGrid > img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100px;}
/* Grid */


/* sihong - tracking-grid */
.tracking-grid{display:flex; justify-content:center; gap:20px;padding:0 20px 20px;}
.tracking-grid__tbl{width:100%; padding-top:20px; color:#181d1f;}
.tracking-tbl__title{position:relative; padding-left:5px; padding-bottom:10px;}
.tracking-tbl__title p{position:relative; color:#0c4743; font-size:14px; font-weight:500;}
.tracking-tbl__title .tracking-btn__cntr{position:absolute; top:50%; right:0; font-size: 14px; font-weight:700; line-height: 30px; color: #fff; background: #0c4743; height: 30px; padding: 0 10px; border-radius: 5px; transform:translateY(-50%);}
.tracking-tbl__title p:before,
.tracking-tbl__title p:after{position:absolute; content:''; left:-5px; top:50%; width:3px; height:4px; background-color:#0c4743;}
.tracking-tbl__title p:after{top:auto; bottom:50%; background-color:#21938b;}
.tracking-tbl__title p.sort{width:8px; height:8px;}
.tracking-tbl__desc{background:#fff; border:1px solid #dae1e7; overflow:auto;}
.tracking-desc__subtit,
.tracking-desc__cell{min-width:200px; width:100%}
.tracking-desc__subtit.status_goods,
.tracking-desc__cell.status_goods{min-width:250px;}
.tracking-desc__subtit:first-child,
.tracking-desc__cell:first-child{min-width:50px; max-width:50px;}
.tracking-desc__title{display:flex; position:sticky; top:0; color:#0c4743; font-weight:600;}
.tracking-desc__subtit{position:relative; display:flex; justify-content:center; align-items:center; background-color:#e7eded; border-bottom:1px solid #dae1e7; cursor:pointer;}
.tracking-desc__subtit:not(:last-child):before{position:absolute; content:''; top:50%; right:0; width:1px; height:15px; background:#cddddd; transform:translateY(-50%);}
.tracking-desc__subtit:hover{background-color:#e7e7e7;}
.tracking-desc__title .tracking-cell{font-size:13px; line-height:35px;}
.sort{width:8px; height:8px; margin-left:3px; background:url('/Images/sort_asc.png') no-repeat 50% 50%;}
.sort.desc{background:url('/Images/sort_desc.png') no-repeat 50% 50%;}
.tracking-desc__list{display:flex; align-items:center; height:25px;}
.tracking-desc__list:nth-child(even) .tracking-desc__cell{background-color:#ededed;}
.tracking-desc__list:hover,
.tracking-desc__list:nth-child(even):hover{background-color:#e8f4fe;}
.tracking-desc__list:hover .tracking-cell,
.tracking-desc__list:nth-child(even):hover .tracking-cell{background-color:#e8f4fe;}
.tracking-cell{display:block;}
.tracking-desc__content{height:180px;}
.tracking-desc__cell .tracking-cell{padding:0 10px; font-size:13px; line-height:25px; white-space:nowrap; overflow:hidden; box-sizing:border-box;}
.tracking-desc__cell .tracking-cell.number{text-align:center;}
/* //tracking-grid*/

.progress_title{font-size:20px!important; padding-bottom:10px; font-weight:500; color:#666;}
.progress_per{padding:0 5px; color:#0c4743;}
.dash-progress{background:#e7eded ; width:100%; height:20px; border-radius:20px;}
.dash-progress__bar {background: repeating-linear-gradient( 100deg, #0c4743, #0c4743 2px, #1f5552 2px, #1f5552 4px ); height: 20px; border-radius:20px 0 0 20px;}
.dash-progress__bar.per0{width:0;}
.dash-progress__bar.per1{width:1%;}
.dash-progress__bar.per2{width:2%;}
.dash-progress__bar.per3{width:3%;}
.dash-progress__bar.per4{width:4%;}
.dash-progress__bar.per5{width:5%;}
.dash-progress__bar.per6{width:6%;}
.dash-progress__bar.per7{width:7%;}
.dash-progress__bar.per8{width:8%;}
.dash-progress__bar.per9{width:9%;}
.dash-progress__bar.per10{width:10%;}
.dash-progress__bar.per11{width:11%;}
.dash-progress__bar.per12{width:12%;}
.dash-progress__bar.per13{width:13%;}
.dash-progress__bar.per14{width:14%;}
.dash-progress__bar.per15{width:15%;}
.dash-progress__bar.per16{width:16%;}
.dash-progress__bar.per17{width:17%;}
.dash-progress__bar.per18{width:18%;}
.dash-progress__bar.per19{width:19%;}
.dash-progress__bar.per20{width:20%;}
.dash-progress__bar.per21{width:21%;}
.dash-progress__bar.per22{width:22%;}
.dash-progress__bar.per23{width:23%;}
.dash-progress__bar.per24{width:24%;}
.dash-progress__bar.per25{width:25%;}
.dash-progress__bar.per26{width:26%;}
.dash-progress__bar.per27{width:27%;}
.dash-progress__bar.per28{width:28%;}
.dash-progress__bar.per29{width:29%;}
.dash-progress__bar.per30{width:30%;}
.dash-progress__bar.per31{width:31%;}
.dash-progress__bar.per32{width:32%;}
.dash-progress__bar.per33{width:33%;}
.dash-progress__bar.per34{width:34%;}
.dash-progress__bar.per35{width:35%;}
.dash-progress__bar.per36{width:36%;}
.dash-progress__bar.per37{width:37%;}
.dash-progress__bar.per38{width:38%;}
.dash-progress__bar.per39{width:39%;}
.dash-progress__bar.per40{width:40%;}
.dash-progress__bar.per41{width:41%;}
.dash-progress__bar.per42{width:42%;}
.dash-progress__bar.per43{width:43%;}
.dash-progress__bar.per44{width:44%;}
.dash-progress__bar.per45{width:45%;}
.dash-progress__bar.per46{width:46%;}
.dash-progress__bar.per47{width:47%;}
.dash-progress__bar.per48{width:48%;}
.dash-progress__bar.per49{width:49%;}
.dash-progress__bar.per50{width:50%;}
.dash-progress__bar.per51{width:51%;}
.dash-progress__bar.per52{width:52%;}
.dash-progress__bar.per53{width:53%;}
.dash-progress__bar.per54{width:54%;}
.dash-progress__bar.per55{width:55%;}
.dash-progress__bar.per56{width:56%;}
.dash-progress__bar.per57{width:57%;}
.dash-progress__bar.per58{width:58%;}
.dash-progress__bar.per59{width:59%;}
.dash-progress__bar.per60{width:60%;}
.dash-progress__bar.per61{width:61%;}
.dash-progress__bar.per62{width:62%;}
.dash-progress__bar.per63{width:63%;}
.dash-progress__bar.per64{width:64%;}
.dash-progress__bar.per65{width:65%;}
.dash-progress__bar.per66{width:66%;}
.dash-progress__bar.per67{width:67%;}
.dash-progress__bar.per68{width:68%;}
.dash-progress__bar.per69{width:69%;}
.dash-progress__bar.per70{width:70%;}
.dash-progress__bar.per71{width:71%;}
.dash-progress__bar.per72{width:72%;}
.dash-progress__bar.per73{width:73%;}
.dash-progress__bar.per74{width:74%;}
.dash-progress__bar.per75{width:75%;}
.dash-progress__bar.per76{width:76%;}
.dash-progress__bar.per77{width:77%;}
.dash-progress__bar.per78{width:78%;}
.dash-progress__bar.per79{width:79%;}
.dash-progress__bar.per80{width:80%;}
.dash-progress__bar.per81{width:81%;}
.dash-progress__bar.per82{width:82%;}
.dash-progress__bar.per83{width:83%;}
.dash-progress__bar.per84{width:84%;}
.dash-progress__bar.per85{width:85%;}
.dash-progress__bar.per86{width:86%;}
.dash-progress__bar.per87{width:87%;}
.dash-progress__bar.per88{width:88%;}
.dash-progress__bar.per89{width:89%;}
.dash-progress__bar.per90{width:90%;}
.dash-progress__bar.per91{width:91%;}
.dash-progress__bar.per92{width:92%;}
.dash-progress__bar.per93{width:93%;}
.dash-progress__bar.per94{width:94%;}
.dash-progress__bar.per95{width:95%;}
.dash-progress__bar.per96{width:96%;}
.dash-progress__bar.per97{width:97%;}
.dash-progress__bar.per98{width:98%;}
.dash-progress__bar.per99{width:99%;}
.dash-progress__bar.per100{width:100%;}

.progress_area{padding-bottom:20px;}
.progresss_step{background:#e7eded; padding:20px; min-height:167px; max-height:167px; overflow-y:auto;}
.progresss_step::-webkit-scrollbar {width: 9px;}
.progresss_step::-webkit-scrollbar-thumb {background: #6a7a79; border-radius: 10px;}
.progresss_step::-webkit-scrollbar-track {background: #fff;}
.pro_stat{display:flex; align-items:center; gap:10px;}
.pro_stat:not(:last-child){padding-bottom:20px;}
.pro_stat_img{width:29px; height:29px; display:flex; align-items:center; justify-content:center; border-radius:50%; position:relative;}
.pro_stat.complete .pro_stat_img{background:#67bab4;}
.pro_stat.error .pro_stat_img{background:#d76970;}
.pro_stat.yet .pro_stat_img{background:#bec5c4;}
.pro_stat-text{color:#666; font-size:14px; font-weight:500;}
.pro_stat_img:before{position:absolute; content:''; height:18px; width:2px; left:50%; bottom:-19px;}
.pro_stat:last-child .pro_stat_img:before{display:none;}
.pro_stat.complete .pro_stat_img:before{background:#67bab4;}
.pro_stat.error .pro_stat_img:before{background:#d76970;}
.pro_stat.yet .pro_stat_img:before{background:#bec5c4; border-left:2px dotted #787979; width:unset;}

@keyframes ing {
  0% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}
.ing {animation:ing 1s linear infinite;}


.tit{font-size:14px; line-height:30px; color:#fff; background:#0c4743; height:30px; padding:0 10px; /*margin-left:20px;*/ border-radius:5px;}
.close_btn{text-align:center; padding:16px 0;}
.close_btn.alert_btn{display:flex; justify-content:space-between; padding:20px 25px;}
.close_btn.alert_btn button{width:120px; height:45px; border:none; border-radius:5px; color:#fff; font-size:14px; font-weight:500; cursor:pointer;}
.close_btn.alert_btn button.cancel{background:#929f9e;}
.close_btn.alert_btn button.confirm{background:#67bab4;}
.close_btn.alert_btn button.confirm2{width:100%; background:#67bab4;}
.close_btn.alert_btn button.confirm2.off{position:relative; cursor:auto;}
.close_btn.alert_btn button.confirm2.off:before{position:absolute; content:''; width:100%; height:100%; background:#ddd; opacity:0.6; left:0; top:0; border-radius:5px;}
.close_btn button.off{position:relative; cursor:auto;}
.close_btn button.off:before{position:absolute; content:''; width:100%; height:100%; background:#ddd; opacity:0.6; left:0; top:0; border-radius:5px;}
.close{width:240px; height:40px; color:#fff; background:#67bab4; border:none; border-radius:5px; font-weight:600; cursor:pointer;}
.inner_cont{text-align:center; padding-top:20px;}
.inner_cont p{font-size:14px; color:#666; padding-top:15px; font-weight:500;}


#_Upload .close{width:20px; height:30px; border:none; background:unset; cursor:pointer; top:25px; right:0; transform:translate(-50%, -50%); position:absolute;}
#_Upload .layer_tit .close:before{position:absolute; content:''; width:2px; height:25px; transform:rotate(45deg); top:3px; background:#fff;}
#_Upload .layer_tit .close:after{position:absolute; content:''; width:2px; height:25px; transform:rotate(-45deg); top:3px; background:#fff;}
#_Upload .save_btn{padding:20px;}
#_Upload .save_btn > button{background:#67bab4;border:none;display:flex;justify-content:center;align-items:center;width: 200px;gap:5px;color:#fff;font-weight:600;height: 35px;border-radius:5px;cursor:pointer;margin: 0 auto;}
#_Upload .file_cus label {/* display: block; */width: 500px;margin: 50px auto 0;font-size: 0;cursor: pointer;}
#_Upload input[type="file"] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: initial;clip: rect(0 0 0 0);}
#_Upload .file_name {overflow: hidden;display: inline-block;vertical-align: middle;width: calc(100% - 108px);height: 40px;padding:0 12px;border: 1px solid #ccc;border-radius: 5px 0 0 5px;border-right: none;font-size: 14px;line-height: 38px;color: #111;white-space: nowrap;text-overflow: ellipsis;}
#_Upload .file_btn {display: inline-block;vertical-align: middle;width: 108px;height: 40px;/* margin-left: 8px; */background: #67bab4;border-radius: 0 5px 5px 0;font-size: 14px;font-weight: 600;line-height: 40px;color: #fff;text-align: center;}

/* calender */
.ui-datepicker-prev > span{background:url(/Images/cal_prev.png) no-repeat !important;}
.ui-datepicker-next > span{background:url(/Images/cal_next.png) no-repeat !important;}
.ui-datepicker td a:hover{background:#489b95; color:#fff;}

@media all and (max-width:500px) {
    .login_bg{display:none;}
}