﻿/*font size custom use*/
.lowerst-font{font-size:12px;}
.lower-font{font-size:14px;}
.middle-font{font-size:16px;}
.big-font{font-size:18px;}
.header-font{font-size:24px;}
.header-big-font{font-size:42px;}

.bold{font-weight:600 !important;}

table{border-collapse:collapse;margin:0;padding:0;box-sizing:border-box;}
table tr th{padding:12px 3px;}
table tr td{padding:12px 3px;word-break:break-all;}

.table-th-default{font-size:14px;font-weight:400;}
.table-th-right{font-size:14px;font-weight:400;text-align:right;}
.table-th-left{font-size:14px;font-weight:400;text-align:left;}
.table-td-default{font-size:12px;text-align:center;font-weight:400;}
.table-td-right{font-size:12px;text-align:right;font-weight:400;}
.table-td-left{font-size:12px;text-align:left;font-weight:400;}

.type-parent{position:relative;}
.type-child-center{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);}
.type-inner{min-width:1200px;}

.lowerbtn{border:1px solid #4374D9;text-align:center;cursor:pointer;padding:15px 0;float:left;color:#4374D9;}
.clears:after{content:"";display:table;clear:both;overflow:hidden;}
.lowerblackbtn{border:1px solid #999999;cursor:pointer;height:100%;padding:0 8px;margin-right:3px;float:left;}
.comblackbtn{border:1px solid #212121;color:white;background-color:#212121;padding:0 15px;margin-right:3px;float:left;height:100%;cursor:pointer;}
.combtn{border:1px solid #4374D9;background-color:#4374D9;text-align:center;cursor:pointer;padding:15px 0;float:left;color:white;}
.address-btn{border:1px solid #999999;cursor:pointer;width:70px;height:100%;float:left;margin-top:1.5px;}

.LabelWithcheckbox{display:inline-block;width:20px;height:20px;border:1px solid #808080;cursor:pointer;background-color:white;position:absolute;top:50%;transform:translate(0,-50%);}
.checkboxWithLabel:checked + .LabelWithcheckbox{background-color:#808080;}
.checkboxWithLabel{display:none;}

.search-div{width:calc(100% - 30px);padding:6px 15px;border-top:1px solid #BDBDBD;border-bottom:1px solid #BDBDBD;background-color:#eaeaea;box-sizing:content-box;}
.box-height-40{height:40px;line-height:40px;}
.dateinput{outline:none;height:100%;width:130px;margin-right:3px;box-sizing:border-box;padding:0 5px;border:1px solid #808080;display:inline-block;}
.insertinput{outline:none;height:100%;width:130px;margin-right:3px;box-sizing:border-box;padding:0 5px;border:1px solid #808080;display:inline-block;}
.search-btn-field{height:100%;float:left;}
.selectbox-for-label{height:100%;border:1px solid #808080;float:left;background-color:white;margin:0;padding:0;margin-right:3px;box-sizing:border-box;list-style:none;}
.forlabel{box-sizing:border-box;text-align:center;padding:0 5px;float:left;}
.forselectbox{box-sizing:border-box;height:100%;outline:none;border:none;padding-right:8px;}
.bgWhite{background-color:white;}
.bgGreen{background-color:#356300;border-color:#356300;}
.bgGray{background-color:#eaeaea;}
.bgGrayR{background-color:#f5f5f5;}
#table-field{padding:6px 15px; width:100%;}


.timeImage {background:url(/common/js/jquery/ui/btn_calendar.png) 97% 58%  no-repeat;background-color:white;cursor: pointer;}
.timeImage2 {background:url(/common/js/jquery/ui/btn_calendar.png) 97% 58%  no-repeat;background-color:white;}
.timeImage3 {background:url(/common/js/jquery/ui/btn_calendar.png) 97% 58%  no-repeat;background-color:white;cursor: pointer;}
/*List Css*/

.innerlist{width:100%;}
.list-title{color:#353535;height:40px;line-height:40px;border-bottom:1px solid #eaeaea;padding:0 15px;}
.view-list-title{display:flex;width: 70%;justify-content: space-between;color:#353535;height:40px;line-height:40px;border-bottom:1px solid #eaeaea;padding:0 15px;}
.list-content{padding:10px 15px;width:100%;}

.search-field{width:100%;border-top:1px solid #818181;border-bottom:1px solid #818181;}
.search-table{width:100%;border-collapse:collapse;box-sizing:border-box;padding:0;margin:0;border-top:1px solid #818181;border-bottom:1px solid #818181;}
.search-table tr th{background-color:#f5f5f5;height:40px;border-bottom:1px solid #eaeaea;box-sizing:border-box;padding:5px 0 5px 15px;text-align:left;}
.search-table tr td{padding:5px 0 5px 10px;height:40px;border-bottom:1px solid #eaeaea;box-sizing:border-box;}

.inputwidthC70{width:calc(100% - 70px);}
.inputwidth50{width:50%;}
.inputwidth70{width:70%;}
.inputwidth30{width:30%;}
.inputwidth100{width:100%;}
.inputwidthsmall{width:150px;}
.inoutwidthmiddle{width:200px;}
.search-input{border:1px solid #eaeaea;outline:none;height:100%;box-sizing:border-box;padding:0 10px;vertical-align:middle;}
.closer-input{width:calc(100% - 20px);float:left;outline:none;border:none;text-decoration:underline;text-overflow:ellipsis;padding:0;display:block;height:20px;box-sizing:border-box;padding-left:5px;border:1px solid #eaeaea;}
.cicles-btn{width:20px;height:20px;float:left;background-color:#000;position:relative;cursor:pointer;}
.closer-inner-btn{position:absolute;width:70%;top:50%;left:50%;transform:translate(-50%,-50%);}
.search-select{border:1px solid #818181;outline:none;height:calc(100% - 5px);box-sizing:border-box;padding:0 10px;margin-right:15px;vertical-align:middle;}
.search-span{vertical-align:middle;display:inline-block;min-width:15px;text-align:center;}
.search-btn{background-color:#192033;color:white;text-align:center;height:100%;width:100px;cursor:pointer;display:inline-block;margin:0 5px;}
.search-clickbtn{padding:10px 0 20px 0;width:100%;height:35px;line-height:35px;box-sizing:content-box;vertical-align:middle;}
.clickBtnSet{border:1px solid #818181;background-color:white;cursor:pointer;text-align:center;height:100%;min-width:130px;margin-right:8px;float:left;}
.bglightBlue{background-color:#0b83e6 !important;color:white;}

.list-div-table{width:100%;padding-top:10px;}
.divinner-header{width:100%;height:30px;line-height:30px;}
.list-table{width:100%;border-collapse:collapse;box-sizing:border-box;padding:0;margin:0;}
.list-table tr th{background-color:#f5f5f5;padding:12px 0;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.list-table tr th:last-child{border-right:none;}
.list-table tr td{text-align:center;box-sizing:border-box;padding:8px 5px;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}

.list-table tr td:last-child{border-right:none;}

.comm-list-table{width:100%;border-collapse:collapse;box-sizing:border-box;padding:0;margin:0;}
.comm-list-table tr th{background-color:#f5f5f5;padding:12px 0;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.comm-list-table tr th:last-child{border-right:none;}
.comm-list-table tr td{text-align:center;box-sizing:border-box;padding:8px 5px;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}

.comm-list-table tr td:last-child{border-right:none;}



.numberTd{text-align:right !important;}
.underline-btn{text-decoration:underline;cursor:pointer;}
.title-underline-btn{font-size:14px;text-decoration:underline;cursor:pointer;}
.list-wrap-div{width:100%;min-height:50vh;max-height:60vh;overflow-y:auto;border-top:2px solid #818181;border-bottom:2px solid #818181;}

.paging{text-align:center;width:100%;padding:20px 0;margin-top:10px;}
.numberFormat{text-align:right !important;}
.timepicker{cursor:pointer;}
.timepicker2{cursor:pointer;}


/*POPUP*/
.innerPop{position:fixed;top:0;left:0;width:100%;z-index:1;height:100%;display:none;}
.Popinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background-color:white;width:50%;height:50%;box-shadow:2px 2px 5px 0px #808080;}
.PopTitle{width:100%;height:50px;line-height:50px;padding:0 20px;position:relative;background-color:#000;color:white;}
.Xbtn{position:absolute;top:50%;right:15px;width:30px;height:30px;transform:translate(0,-50%);text-align:center;font-size:20px;cursor:pointer;line-height:30px;}
.Xbtn > img{max-width:95%;max-height:95%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.PopContent{width:100%;height:calc(100% - 50px);padding:10px 20px;overflow-y:auto;}
.popcontent-title{height:30px;line-height:30px;margin-bottom:15px;}
.popSearch{display:block;width:calc(100% - 60px);height:100%;}
.popSearchBtn{position:absolute;right:0;text-align:center;height:100%;width:50px;border:1px solid #808080;cursor:pointer;background-color:white;top:0;}
.popSubtitle{height:30px;line-height:30px;padding:0 0 0 10px;}
.popCenterBtn{float:right;}
.overEclipes{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.underLines{text-decoration:underline;text-align:left !important;}
.hide{display:none;}

/* CURSOR Point */
.cur_point { cursor: pointer; }

.header-block{height:100%;min-width:130px;margin-right:8px;float:left;}
.box-inners{height:100%;box-sizing:border-box;vertical-align:inherit;}