*{box-sizing: border-box;outline:none !important;font-family: Arial Black,'Microsoft JhengHei', sans-serif !important;margin: 0px; padding: 0px;text-decoration:none}

table{font-size:100%;}
body, html {opacity: 1;transition: opacity 0.5s ease 0s;font-size: 10px;zoom:100%;overflow-y:hidden;width:100%;height:100%;}

/**::-webkit-scrollbar {width: 6px;border-radius:50px;}
*::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.0); border-radius:6px;}
*::-webkit-scrollbar-track:hover{background-color: rgba(0,0,0,0.1);}
*::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.1); border-radius:6px;}
div:hover > ::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4)}*/
::-webkit-scrollbar {width: 1rem;height:1rem}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.1); border-radius:6px;}
div:hover > ::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4)}

:focus {outline: 0;}
table{font-size:100%;}


:root{
    
    --color-border-color-1:#ebebeb;
    
    --color--menubar-background-color:#EFEFF1;
    --color--menubar-eachbtn-active-backgroundcolor:#fff;
    --color--menubar-eachbtn-hover-backgroundcolor:rgba(203, 203, 203,1);
    
    --color-for-hover:rgba(224, 243, 255,1);
    --color-back-background:rgba(255,255,255,1);
    --color-base-font-color:rgba(73, 80, 87,1);
    --color-input-warp-background-color:rgba(242, 242, 242,1);
    --color-input-warp-background-color-focus-border-color:rgba(16, 147, 222,1);
    --color-query-btn-disabled-background-color:rgba(249, 249, 249,1);
    --color-query-btn-span-disabled-font-color:rgba(226, 226, 226,1);
    --menucontent-hover-background-color:rgba(224, 243, 255,1);
    --color-gdtable-tr-even-background-color:rgba(238, 238, 238,1);
    --color-gdtable-span-wrap-font-color: rgba(63, 122, 216,1);
    --input-outer-border-color:silver;
    --input-outer-disabled-font-color:rgba(249, 249, 249,1);
    --user-menu-each-hover-background-color:rgba(51, 122, 183,1);

    --color-hover-font-color-1:rgba(255,255,255,1);
    --color-border-colr-1:rgba(235,235,235,1);
    --color-border-color-2:rgba(0,0,0,0.2);

    --color-back-wrap-background-color:rgba(0,0,0,0.2);
    --color-back-wrap-hover-background-color:rgba(137,207,255,0.5);

    --dateview-header-background-color:rgba(241, 245, 249,1);
    --dateview-each-border-color:rgba(202, 221, 237,1);
    
}


/**/                                                                                                                                                                                                                 
.row-title{font-weight:bold;font-size:50px;letter-spacing:5px;border-bottom:3px solid #000;margin-bottom:10px;color:#000000;width:100%}

/*limit ctrl*/
.w100per{width:100%;}.h100per{height:100%;}
.lw50{width:50px!important;}.lh40{height:40px;}
.lw100{width:100px!important;}
.lw200{width:200px!important;}
.lw300{width:300px!important;}
.lw400{width:400px!important;}
.lw500{width:500px!important;}
.lw600{width:600px!important;}
.lw700{width:700px!important;}
.lw800{width:800px!important;}
.mW100{min-width:100px;}

/*padding*/
.padding-3px{padding:3px!important;}
.padding-w20-h10{padding:10px 20px}
.padding-w10{padding:0px 10px}
.padding-h5-w10{padding:5px 10px;}

/*display*/
.dispaly-flex{display:flex;}
.dispaly-none{display:none;}

/*transition*/
.transition-all-0-3s{transition:all .3s}

/*animation*/
.animation-show-0-3s{animation:animation-show .3s;}
@keyframes animation-show{0% { opacity: 0;  }  100% { opacity: 1;  }}

/*flex-align-item*/
.flex-align-item-center{align-items:center;}

/*flex-wrap*/
.flex-wrap-wrap{flex-wrap:wrap}

/*font color*/
.history-color{color:var(--color-gdtable-span-wrap-font-color)}
.title-color-1{color:var(--color-base-font-color)}

/*flex*/
.flex25{flex:25%}
.flex33{flex:33%;}
.flex0_0_60{flex:0 0 60%!important}
.flex_grow_1{flex-grow:1}


/*font-size*/
.font-size-0.8rem{font-size:0.8rem!important;}
.font-size-1rem{font-size:1rem;}
.font-size-1-2-rem{font-size:1.2rem;}
.font-size-1-6-rem{font-size:1.6rem;}
/*font-weight*/
.font-weight-bold{font-weight:bold;}

/*overflow*/
.overflow-x-auto{overflow-x:auto!important;}
.overflow-auto{overflow:auto!important;}
.overflow-hidden{overflow:hidden!important;}

/*margin*/
.margin_top_down_3px{margin:3px 0px;}
.margin-3px{margin:3px;}
.margin-right-2px{margin-right:2px}
.margin-right-5px{margin-right:5px}
.margin-right-left-2px{margin:0 2px}
.margin-right-left-5px {margin:0 5px}

/*shadowbox*/
.bShadow{box-shadow: 0px 3px 10px 0px rgba(136,136,136,0.5);}

/*cursor*/
.cursor-pointer{cursor:pointer;}

/*hover*/
.hover1:hover{background-color:#e0f3ff}
.hover2:hover{color:red}
.hover3:hover{font-weight:bold}
.hover4:hover{background-color:var(--color--menubar-eachbtn-hover-backgroundcolor)}

/*border-radius*/
.border-radius-5px{border-radius:5px}

/*boder-style*/
.border-style-solid{border-style:solid}

/*border-width*/
.border-width-top-1px{border-width:1px 0 0 0}
.border-width-top-2px{border-width:2px 0 0 0}

/*border color*/
.border-color{border-color:var(--color-border-colr-1)}


/*flex*/
.just-content-center{justify-content:center;display:flex;}
.flex-direction-start{justify-content:flex-start;}
.flex-direction-end{justify-content:flex-end;}
.flex-align-content-center{align-content:center;align-items:center;display:flex;}

/*text-align*/
.text-align-center{text-align:center!important}
.text-align-left{text-align:left!important}
.text-align-right{text-align:right!important}

/*border style*/
.border-color-red{border-color:red!important;border-width:3px!important;border-style:double!important;transition:all .3s}
.border-top-ebebeb{border-color:#ebebeb!important;border-width:1px 0px 0px 0px!important;border-style:solid!important;padding-top:10px!important;}

/*checkbox size*/
.checkbox-size-16x16{width:16px;height:16px;}
.checkbox-size-20x20{width:20px;height:20px;}

/*wrap show animate*/
[custom-animate]{opacity:0;visibility:hidden}
[custom-animate].animated{opacity:1;visibility:visible;animation-name:fadeInUp_myrule;animation-duration:.4s;animation-color-mode:both}

/*彈出動畫*/
[data-animate]{opacity:0;visibility:hidden}
[data-animate].animated{opacity:1;visibility:visible;animation-name:fadeInUp_myrule;animation-duration:.4s;animation-color-mode:both}
@keyframes fadeInUp_myrule{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}

/*disabled css*/
.custom-disabled{opacity:0.7;cursor:not-allowed!important}


/*function btn*/
.fbtn{color: #fff;background-color: #0090e2;border-color: #0087d5;cursor:pointer;transition: color 0.15s,background-color 0.15s,border-color 0.15s,box-shadow 0.15s;
                                        display: inline-block;border: 1px solid transparent;padding: .375rem 1rem;    line-height: 1.5;border-radius: .25rem;}
.fbtn:hover{box-shadow: 0 0.125rem 0.625rem rgba(22,170,255,0.5), 0 0.0625rem 0.125rem rgba(22,170,255,0.6);}

.fbtn-{color: #fff;background-color: #0090e2;border-color: #0087d5;cursor:pointer;transition: color 0.15s,background-color 0.15s,border-color 0.15s,box-shadow 0.15s;
                                        display: inline-block;border: 1px solid transparent;padding: .375rem 1rem;    line-height: 1.5;border-radius: .25rem;}
.fbtn-:hover{box-shadow: 0 0.125rem 0.625rem rgba(22,170,255,0.5), 0 0.0625rem 0.125rem rgba(22,170,255,0.6);}

.iconbtn{padding:5px;display:flex;align-items:center;position:relative;flex-direction:row;background-color:#337ab7;color:#fff!important;border-radius:5px;cursor:pointer!important;
                                                             transition:background-color .3s,color .3s;}
.iconbtn:hover{color:#337ab7!important;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);background-color:#fff}
.iconbtn>span{width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}
.iconbtn > label{padding:2px 10px;cursor:pointer;white-space:nowrap}




/*fly input*/
.flyinput{width:100%;border-bottom:2px solid #adadad;margin-bottom:30px;position:relative;min-width:250px;}
.flyinput .inputText{font-size:15px;color: var(--login-input-font-color);line-height: 1.2; display: block;width: 100%; height: 45px;padding: 0 5px;border:none;}
.flyinput .focus-inputText{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.flyinput .focus-inputText::after{color: #999;line-height: 1.2;content: attr(data-placeholder);display:block;width:100%;position:absolute;top:16px;left: 0;padding-left: 5px;transition: all .4s;}
.flyinput .inputText:focus + .focus-inputText::after{top: -15px;}
.flyinput .has-val.inputText + .focus-inputText::after{top: -15px;}

/*btn style*/
.btn-style1{border:1px solid rgba(63, 122, 216,1);color:rgba(255,255,255,1);font-weight:bold;background-color:rgba(63, 122, 216,1)
            ;font-family:Microsoft JhengHei;transition: background .2s, color .2s;width:100%;height:50px;cursor:pointer;border-radius:5px;}
.btn-style1:hover{background-color:rgba(255,255,255,1);color:rgba(63, 122, 216,1);font-weight:900;}


/*cursor*/
.cur-pointer{cursor:pointer;}

/*box shadow*/
.shadowbox{background-color:#fff;box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);}



.linear-gradient-title{padding:10px 0px ;border:1px solid #000;border-width: 0 0 1px 0;
                       border-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));border-image-slice: 1;
                       margin-bottom:5px;
}


/*home page base*/
.mainwrap{width:100%;height:100%;position:absolute;overflow:hidden;color:var(--color-base-font-color);min-width:1280px;}
.mainwrap >.header{font-size:1.8rem;position:fixed;width:100%;height:60px;z-index:900;box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);}
.mainwrap >.header.mobile{display:none;}
.mainwrap >.header >.container{margin:auto; position:relative;padding:0px 10px 0 10px;font-weight:bold; display: flex;height: 60px; align-items: center;}
.mainwrap >.header >.container > .each-region{display:flex;height:100%;align-items:center;flex:0 0 33%;position:relative;}
.mainwrap >.header >.container > .each-region.left-container> img.titleimg{height:90%;}
.mainwrap >.header >.container > .each-region.left-container > span{font-size:32px;}
.mainwrap >.header >.container > .each-region.right-container{ position: relative;justify-content:flex-end;}
.mainwrap >.header >.container > .each-region.right-container > .BaseInfo-item{padding:10px 20px;cursor:default;border-radius:10px;cursor:default;} 
.mainwrap >.header >.container > .each-region.right-container > .BaseInfo-item>*{margin:0 5px}

.mainwrap >.header >.container > .each-region>.searchwrap{width:100%;display:flex;justify-content:center;padding:5px 10px;}
.mainwrap >.header >.container > .each-region>.searchwrap>.search_box_wrap{width:100%;display:flex;}
.mainwrap >.header >.container > .each-region>.searchwrap>.search_box_wrap >.input_warp{display:flex;margin-right:2px;width:100%;
                                                                                        padding-left:10px;background-color:var(--color-input-warp-background-color);border-radius:10px 0px 0px 10px;border:2px solid transparent}
.mainwrap >.header >.container > .each-region>.searchwrap>.search_box_wrap >.input_warp.focus{border-color:var(--color-input-warp-background-color-focus-border-color);background-color:rgba(255,255,255,1)}

.mainwrap >.header >.container > .each-region>.searchwrap>.search_box_wrap >.input_warp>input{width:100%;font-size:20px;background-color:transparent;border:1px solid transparent}
.mainwrap >.header >.container > .each-region>.searchwrap>.search_box_wrap >.query_btn{padding:5px;display:flex;align-items:center;justify-content:center;
                                                                                       background-color:var(--color-input-warp-background-color);height:100%;width:50px;font-size:32px;cursor:pointer;
                                                                                       border-radius:0px 10px 10px 0px;}

.mainwrap >.header >.container > .each-region>.searchwrap>.search_box_wrap >.query_btn>span{display:flex;}
.mainwrap >.header >.container > .each-region>.searchwrap>.search_box_wrap >.query_btn:hover{background-color:var(--color-input-warp-background-color);}
.mainwrap >.header >.container > .each-region>.searchwrap>.search_box_wrap >.query_btn.disabled{cursor:not-allowed;background-color:var(--color-query-btn-disabled-background-color)}
.mainwrap >.header >.container > .each-region>.searchwrap>.search_box_wrap >.query_btn.disabled >span{color:var(--color-query-btn-span-disabled-font-color);}
.mainwrap >.header >.container > .each-region>.search_box_back{position:absolute;background-color:rgba(255,255,255,1);z-index:-1;padding-top:60px;width:100%;top:0;}
.mainwrap >.header >.container > .each-region>.search_box_back>.search_histor_wrap{width:100%;padding:5px 10px}
.mainwrap >.header >.container > .each-region>.search_box_back>.search_histor_wrap >.each{display:flex;align-items:center;width:100%;}

.mainwrap >.header >.container > .each-region>.search_box_back .date_radio_group{display:flex;align-items:center;width:100%;}
.mainwrap >.header >.container > .each-region>.search_box_back .date_radio_group>*{margin:0 .3rem}




.mainwrap >.menuwrap{position:absolute;width:100%;top:60px;height:40px;display:flex;background-color:rgba(255,255,255,1);justify-content:center;align-content:center;align-items:center;}
.menuwrap > .dropdownmenu{display:inline-block;font-size: 17px;cursor:default;height:100%;}
.menuwrap >.dropdownmenu:hover .MenuContent{max-height:600px;opacity:1;transform: translateY(0);}
.menuwrap >.dropdownmenu .MenuBtn{transition:0.4s;padding:10px;min-width:120px;text-align:center;    height: 100%;display: flex;justify-content: center;align-items: center;}
.menuwrap >.dropdownmenu .MenuContent{transition: all .5s ease;overflow:hidden;position: fixed;background-color:rgba(255,255,255,1);min-width: 240px;
                                      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 999;cursor:pointer;max-height:0;opacity:0}
.menuwrap >.dropdownmenu .MenuContent a{color: var(--menu-item-font-color);padding: 14px 16px;text-decoration: none;display: block;transition-duration:.3s}
.menuwrap >.dropdownmenu .MenuContent a:hover{font-weight:bold;background-color:var(--menucontent-hover-background-color)}
.MenuBtn:hover{font-weight:bold;background-color:var(--menucontent-hover-background-color);color:rgba(0,0,0,0.7);}
.MenuBtn:hover a{color:rgba(0,0,0,0.7);}
.MenuContent-animate-uptodown{animation:animateuptodwon-main .3s}
@keyframes animateuptodwon-main{0% { opacity: 0; transform: translateY(-20%); }  100% { opacity: 1; transform: translateY(0); }}



.mainwrap > .body{display:flex;height:calc(100%);flex-direction:row;padding-top:60px;}
.mainwrap > .body.lock:before{content:'';position:absolute;background-color:rgba(0,0,0,0.4);z-index:201;height:100%;width:100%;}




.outer-wrap{display:flex;width:100%;height:100%;align-content:center;position:absolute;color:#495057}
.subpage{overflow:hidden;width:100%;padding:10px;font-size:16px !important;height:100%;position:relative;margin:0px auto;}
.subpage > .fixed-apbar{position:absolute;display:flex;}
.subpage > .fixed-apbar.left{left:0px;flex-direction:column;height:100%;padding:100px 10px 0px 10px ;top:0px;}
.subpage > .fixed-apbar.topright{flex-direction:row;justify-content:flex-end;width:100%;top:0px;padding-right:100px;}
.subpage > .fixed-apbar.right{right:0px;flex-direction:column;height:100%;padding:100px 10px 0px 10px ;top:0px;}
.subpage > .fixed-apbar > .eachap{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);margin:5px;color:#337ab7;cursor:pointer;background-color:#fff;z-index:99;transition:all linear .3s;}
.subpage > .fixed-apbar > .eachap.image{border-radius:50%;}
.subpage > .fixed-apbar > .eachap:hover{box-shadow: 0 0 6px rgba(33,33,33,.6); }
.subpage > .fixed-apbar > .eachap.active{background-color:#337ab7;color:#fff}


.subpage .container{position:relative;height:calc(100%);margin:0px auto;padding:10px 40px;}
.subpage .container > .fullbody{display:flex;height:100%;position:relative; flex-direction:column;flex:1}
.subpage .container.fullsieze{height:100%!important;padding:0!important}
.subpage .container.pureframe{height:100%!important;}
.subpage .container > .header{height:60px;display:flex;align-items:center;justify-content:center}
.subpage .container > .header > .apbar{height:100%;display:flex;align-items:center ;flex:1;padding:2px 5px;}
.subpage .container > .header > .apbar.left{justify-content:flex-start}
.subpage .container > .header > .apbar.right{justify-content:flex-end}
.subpage .container > .header > .apbar >.item {margin:0px 5px;display:flex;align-items:center;;position:relative;white-space:nowrap;}
.subpage .container > .body{display:flex;flex-direction:column;align-content:center;height:calc(100% - 60px);width:100%;overflow:hidden;padding:0px 10px;}
.subpage .container > .body.full{height:calc(100% - 120px)}
.subpage .container > .body.block{display:block}
.subpage .container > .body >.each{display:flex;align-items:center;padding:5px 0px;}
.subpage .container > .body >.each.header{height:60px;}
.subpage .container > .body >.each.body{height:calc(100% - 60px);}
.subpage .container > .body >.each >*{margin:0 5px}
.subpage .container > .body >.each > label{min-width:100px;font-weight:bold;padding:5px 10px 5px 0px;font-size:18px;text-align:right;}
.subpage .container > .body >.each >.ckedit{resize: none;width:100%;font-size:16px;height:100%;border:1px dashed #cacaca;padding:5px;min-height:300px}
.subpage .container > .body >.each > .defaultcontent{width:100%;padding:5px 0px;}

.subpage .container > .body>.eachbox{display:flex;width:100%;border-radius:10px;border:1px solid #ebebeb;box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);}
.subpage .container > .body>.eachbox>table{width:100%;padding:20px ;}
.subpage .container > .body>.eachbox>table th{font-weight:bold;font-size:20px;white-space:nowrap;padding:10px 20px;border:1px solid #ebebeb}
.subpage .container > .body>.eachbox>table td{width:100%;border:1px solid #ebebeb}
.subpage .container > .body>.eachbox>table td>.tdcontent{display:flex;align-items:center;}
.subpage .container > .body>.eachbox>table td>.tdcontent>*{margin:0px 5px }


.subpage .container > .footer{height:60px;display:flex;align-items:center;justify-content:center}
.subpage .container > .footer > .each{margin:0px 10px;display:inline-block;}
.subpage .container > .footer > .each.btn{border-radius:5px;width:100px;margin-left:10px;padding:5px;cursor:pointer;background-color:#337ab7;color:#fff;transition-duration:.6s;text-align:center;border:1px solid #337ab7;}
.subpage .container > .footer > .each.btn:hover{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.5);background-color:#237ab7;border-color:#237ab7}

.fixedheader_gdwrap{display:flex;width:100%;height:calc(100% - 60px);flex-direction:column;}
.fixedheader_gdwrap > .header{display:flex;width:100%;align-items:center;border:1px solid #eee;border-width:0px 0 1px 0}
.fixedheader_gdwrap > .header >.each{padding:5px;text-align:center;font-size:16px;font-weight:bold;}
.fixedheader_gdwrap > .header >.each.av{flex:1}
.fixedheader_gdwrap > .body{display:flex;height:calc(100% - 35px);align-content:center;width:100%;flex-direction:column;overflow-y:scroll}

.gdTable{width:100%;border:none;font-size:14px;user-select: none;}
.gdTable.fixed{table-layout:fixed}
.gdTable tr:nth-child(even) {background: var(--color-gdtable-tr-even-background-color);}
.gdTable tr.row:hover{background-color:var(--menucontent-hover-background-color);font-weight:bold}
.gdTable tr.active{background-color:var(--menucontent-hover-background-color)}
.gdTable tr.row td{padding:10px 10px;border:none!important;text-align:center;}
.gdTable tr.row td >.span-wrap{height:100%;position:relative;display:flex;flex-direction:row;align-content:center;color:var(--color-gdtable-span-wrap-font-color);font-size:16px;text-align:center;justify-content:center}
.gdTable tr.row td >.span-wrap >span{cursor:pointer;width:30px;}
.gdTable tr.row td >.span-wrap >span.delete{color:red!important}
.gdTable tr.row td >input[type=checkbox]{cursor:pointer;width:16px;height:16px;}
.gdTable tr.header{border:1px solid #000 ;border-width:1px 0px 1px 0px}
.gdTable tr.header th{padding:10px 10px;border:none!important;font-weight:bold;white-space:nowrap}


/*fixed dateviewer*/
.dateview_wrap{display:flex;height:calc(100% - 60px);width:100%;}

/**/

.input-outer1{position:relative;display:flex;width:250px;border:1px solid silver;padding:5px 5px;align-items: center;border-radius:4px;background-color:rgba(255,255,255,1)}
.input-outer1 input[type=text],.input-outer1 input[type=email],.input-outer1 input[type=password],.input-outer1 input[type=date],.input-outer1 input[type=number]{border:none;width:100%;height:25px;background-color:transparent;font-size:16px;}
.input-outer1 textarea{border:none;width:100%;min-height:100px;min-width:150px;background-color:transparent;font-size:16px;}
.input-outer1 input[type=text]:disabled,.input-outer1 textarea:disabled{color:var(--input-outer-disabled-font-color);background-color:#ccc}
.input-outer1:active,.input-outer1:focus{outline:0;}

.input-outer2{position:relative;display:flex;width:100%;border:1px solid silver;padding:5px;align-items: center;border-radius:4px;background-color:rgba(255,255,255,1)}
.input-outer2 input[type=text],.input-outer2 input[type=email],.input-outer2 input[type=password],.input-outer2 input[type=date],.input-outer2 input[type=time]{border:none;width:100%;height:25px;background-color:transparent;font-size:16px;}
.input-outer2 input[type=number]{border:none;width:100%;height:25px;background-color:transparent;font-size:16px;}
.input-outer2 textarea{border:none;width:100%;min-height:100px;min-width:150px;background-color:transparent;font-size:16px;}
.input-outer2 input[type=text]:disabled,.input-outer2 input[type=date]:disabled,.input-outer2 textarea:disabled{color:#999;background-color:#ccc}
.input-outer2:active,.input-outer2:focus{outline:0;}

.input-outer3{position:relative;display:flex;border:1px solid silver;padding:5px;align-items: center;border-radius:4px;background-color:rgba(255,255,255,1)}
.input-outer3 input[type=text],.input-outer3 input[type=email],.input-outer3 input[type=password],.input-outer3 input[type=date],.input-outer3 input[type=number]{border:none;width:100%;height:25px;background-color:transparent;font-size:16px;}
.input-outer3 textarea{border:none;width:100%;min-height:100px;min-width:150px;background-color:transparent;font-size:16px;}
.input-outer3 input[type=text]:disabled,.input-outer3 textarea:disabled{color:var(--input-outer-disabled-font-color);background-color:transparent}
.input-outer3:active,.input-outer3:focus{outline:0;}

.input-outer5{position:relative;display:flex;width:100%;border:1px solid silver;padding:10px 15px;align-items: center;border-radius:4px;background-color:rgba(255,255,255,1)}
.input-outer5 input[type=text],.input-outer5 input[type=email],.input-outer5 input[type=password],.input-outer5 input[type=date],.input-outer5 input[type=time]{border:none;width:100%;height:25px;background-color:transparent;font-size:16px;}
.input-outer5 input[type=number]{border:none;width:100%;height:25px;background-color:transparent;font-size:16px;}
.input-outer5 textarea{border:none;width:100%;min-height:100px;min-width:150px;background-color:transparent;font-size:16px;}
.input-outer5 input[type=text]:disabled,.input-outer5 textarea:disabled{color:var(--input-outer-disabled-font-color);background-color:transparent}
.input-outer5:active,.input-outer5:focus{outline:auto;}

.input-outer4{position:relative;display:flex;width:250px;border:1px solid silver;padding:5px 5px;align-items: center;border-radius:4px;background-color:rgba(255,255,255,1);height:37px;width:100%;}
.input-outer4 >div{height:100%;display:flex}

input.w200{width:200px;}
input.w300{width:300px;}




.select-style2{display:flex;position:relative;width:150px;border:1px solid silver;padding:5px 5px;align-items: center;border-radius:4px;background-color:#fff}
.select-style2.fullwidth{width:100%;}
.select-style2 div{width:100%} /*update panel*/
.select-style2 select{border:none;width:100%;background-color:transparent;font-size:16px;}
.select-style2 select:disabled{color:var(--input-outer-disabled-font-color);background-color:transparent}
.select-style2:active,.select-style2:focus{outline:0;}

.user-menu{border-radius:10px;position:fixed;top:52px;min-width:300px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 999999;cursor:default;text-align:right;animation:animateuptodwon-main .3s;display:none;background-color:rgba(255,255,255,1)}
.user-menu  .user-menu-title{color: #000;padding: 10px 16px;text-decoration: none;display: block;text-align:center;border-bottom:1px solid #ccc}
.user-menu  .user-menu-item, .user-menu  .user-menu-logout{padding: 10px 16px;text-decoration: none;display: block;transition-duration:.3s;cursor:pointer}
.user-menu  .user-menu-item:hover{background-color:var(--menucontent-hover-background-color)}
 .user-menu  .user-menu-logout:hover{color:red}
@keyframes animateuptodwon-main{0% { opacity: 0; transform: translateY(-20%); }  100% { opacity: 1; transform: translateY(0); }}

.user-burger{position: relative;background: none;transform: translate3d(0, 0, 0);cursor:pointer;display:flex;width:40px;height:40px;}
.user-burger:before{content: "";position: absolute;width: 24px;transition: all .2s;height:2px;background-color:#000;top:14px;margin-left:10px}
.user-burger.active:before{transform:rotate(45deg);top:20px;}
.user-burger:after{content: "";position: absolute;width: 24px;transition: all .2s;height:8px;top:20px;box-shadow: 0 2px 0 0 #000 inset, 0 -2px 0 0 #000 inset;margin-left:10px}
.user-burger.active:after{height:2px;transform:rotate(135deg);top:20px;}




.panel_content_wrap{display:flex;width:100%;height:100%;flex-direction:column}
.panel_content_wrap >.each{display:flex;padding:5px 2px;width:100%;}
.panel_content_wrap >.each.flexgrow{flex-grow:1}
.panel_content_wrap >.each>*{margin:0px 5px;}
.panel_content_wrap >.each>.title{min-width:120px;display:flex;justify-content:center;}
.panel_content_wrap >.each>.-textarea{padding:2px;overflow:hidden;width:100%;display:flex;flex-direction:column}
.panel_content_wrap >.each>.-textarea>.memo{color:red}
.panel_content_wrap >.each>.-textarea>.textarea-wrap{border:1px solid #000;border-radius:5px;padding:2px;overflow:hidden;width:100%;height:100%;}
.panel_content_wrap >.each>.-textarea>.textarea-wrap>textarea{width:100%;height:100%;word-break:break-all;resize : none;border:none;}
.panel_content_wrap >.each>.-textarea>.textarea-wrap>textarea:disabled{color:#999;background-color:transparent}
.panel_content_wrap >.each>.inputarea{border:1px solid #000;border-radius:5px;padding:2px;overflow:hidden;width:100%;}


.ezFiexGd-wrap{display:flex;width:100%;height:100%;flex-direction:column;font-size:12px;}
.ezFiexGd-wrap > .op-bar{display:flex;justify-content:flex-end;min-height:40px;align-items:center;}
.ezFiexGd-wrap > .header{display:flex;width:100%;align-items:center;border:1px solid #cbcbcb;border-width:1px;cursor:default;font-size:1.1em}
.ezFiexGd-wrap > .header >.each{padding:5px 10px;text-align:center;font-weight:bold;display:flex;align-items:center;height:100%;white-space:nowrap;justify-content:center}
.ezFiexGd-wrap > .header >.each.av{flex:1}
.ezFiexGd-wrap > .body{display:flex;height:100%;align-content:center;width:100%;flex-direction:column;overflow-y:scroll;border:2px solid #cbcbcb;border-width:1px}
.ezFiexGd-wrap > .body  .innerTable{width:100%;border:none;}
.ezFiexGd-wrap > .body  .innerTable.fixed{table-layout:fixed}
.ezFiexGd-wrap > .body  .innerTable.selectable{cursor:pointer!important}
.ezFiexGd-wrap > .body  .innerTable.trpointer tr{cursor:pointer;border-bottom:1px solid #cbcbcb}
.ezFiexGd-wrap > .body  .innerTable tr{border-bottom:1px solid #cbcbcb}
.ezFiexGd-wrap > .body  .innerTable.trhover tr.row:hover{background-color:#e0f3ff;color:#495057}
.ezFiexGd-wrap > .body  .innerTable tr.active{background-color:#e0f3ff}
.ezFiexGd-wrap > .body  .innerTable tr.row td{padding:3px 0px;text-align:center;font-size:0.9rem;border:1px solid #cbcbcb;border-width:0 0 0 1px}
.ezFiexGd-wrap > .body  .innerTable tr.row td >.span-wrap{height:100%;position:relative;display:flex;flex-direction:row;align-content:center;color:#3F7AD8;font-size:22px;text-align:center;justify-content:center}
.ezFiexGd-wrap > .body  .innerTable tr.row td >.span-wrap >span{cursor:pointer;width:30px;}
.ezFiexGd-wrap > .body  .innerTable tr.row td >.span-wrap >span.delete{color:red!important}
.ezFiexGd-wrap > .body  .innerTable tr.row td >input[type=checkbox]{cursor:pointer;}
.ezFiexGd-wrap > .body  .innerTable tr.header{border:1px solid #000 ;border-width:1px 0px 1px 0px}
.ezFiexGd-wrap > .body  .innerTable tr.header th{padding:10px 10px;border:none!important;font-weight:bold;font-size:22px}




.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;}
.tooltip .tooltiptext {visibility: hidden;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute; z-index: 201;top: 25px;
                       white-space:nowrap;font-size:12px;}
.tooltip:hover .tooltiptext {visibility: visible;}


@media (max-width: 1024px){
    /*.mainwrap{min-width:inherit}
    .mainwrap >.header.web{display:none}
    .mainwrap >.header.mobile{display:flex;}*/
    

}