/*----------------------------------------------------------*/
/*-------------- Common ------------------------------------*/
/*----------------------------------------------------------*/
.fontSize10{font-size:10px !important;}.fontSize12{font-size:12px !important;}.fontSize13{font-size:13px !important;}.fontSize14{font-size:14px !important;}.fontSize16{font-size:16px !important;}.fontSize18{font-size:18px !important;}.fontSize20{font-size:20px !important;}
.fontSize100pr{font-size: 100% !important;}.fontSize95pr{font-size: 95% !important;}.fontSize90pr{font-size: 90% !important;}.fontSize85pr{font-size: 85% !important;}.fontSize80pr{font-size: 80% !important;}.fontSize75pr{font-size: 75% !important;}.fontSize70pr{font-size: 70% !important;}
.fontWeightBold{font-weight: bold;}.fontWeightStyle{font-style: italic;}
.fontFamilyTimes{font-family: Georgia, 'Times New Roman', Times, serif;}.fontFamilyArial{font-family: Arial, Helvetica, Verdana, sans-serif;}


.widthAuto{width:auto !important;}.width3{width:3% !important;}.width4{width:4% !important;}.width5{width:5% !important;}.width6{width:6% !important;}.width7{width:7% !important;}.width8{width:8% !important;}.width9{width:9% !important;}.width10{width:10% !important;}.width11{width:11% !important;}.width12{width:12% !important;}.width13{width:13% !important;}.width14{width:14% !important;}.width15{width:15% !important;}.width16{width:16% !important;}.width17{width:17% !important;}.width18{width:18% !important;}.width19{width:19% !important;}.width20{width:20% !important;}.width25{width:25% !important;}.width30{width:30% !important;}.width33{width:33.33% !important;}.width35{width:35% !important;}.width40{width:40% !important;}.width45{width:45% !important;}.width50{width:50% !important;}.width55{width:55% !important;}.width60{width:60% !important;}.width65{width:65% !important;}.width70{width:70% !important;}.width75{width:75% !important;}.width80{width:80% !important;}.width85{width:85% !important;}.width90{width:90% !important;}.width95{width:95% !important;}.width100{width:100% !important;}
.width10px{width:10px !important;}.width10px{width:10px !important;}.width11px{width:11px !important;}.width12px{width:12px !important;}.width13px{width:13px !important;}.width14px{width:14px !important;}.width15px{width:15px !important;}.width16px{width:16px !important;}.width17px{width:17px !important;}.width18px{width:18px !important;}.width19px{width:19px !important;}.width20px{width:20px !important;}.width25px{width:25px !important;}.width30px{width:30px !important;}.width32px{width:32px !important;}.width35px{width:35px !important;}.width40px{width:40px !important;}.width45px{width:45px !important;}.width50px{width:50px !important;}.width60px{width: 60px !important;}.width70px{width: 70px !important;}.width75px{width: 75px !important;}.width80px{width: 80px !important;}.width85px{width: 85px !important;}.width90px{width: 95px !important;}.width90px{width: 95px !important;}.width100px{width: 100px !important;}.width110px{width: 120px !important;}.width120px{width: 120px !important;}.width130px{width: 130px !important;}.width140px{width: 140px !important;}.width150px{width: 150px !important;}.width160px{width: 160px !important;}.width170px{width: 170px !important;}.width180px{width: 180px !important;}.width190px{width: 190px !important;}.width200px{width: 200px !important;}.width220px{width: 220px !important;}.width250px{width: 250px !important;}.width300px{width: 300px !important;}.width350px{width: 350px !important;}.width400px{width: 400px !important;}.width450px{width: 450px !important;}.width500px{width: 500px !important;}.width550px{width: 550px !important;}.width600px{width: 600px !important;}.width650px{width: 650px !important;}.width700px{width: 700px !important;}.width750px{width: 750px !important;}.width800px{width: 800px !important;}.width850px{width: 850px !important;}.width900px{width: 900px !important;}.width950px{width: 950px !important;}.width1000px{width: 1000px !important;}
.minwidth40px{min-width:40px !important;}.minwidth50px{min-width:50px !important;}.minwidth60px{min-width:60px !important;}.minwidth100px{min-width:100px !important;}.minwidth110px{min-width:110px !important;}.minwidth130px{min-width:130px !important;}.minwidth140px{min-width:140px !important;}.minwidth160px{min-width:160px !important;}.minwidth170px{min-width:170px !important;}.minwidth180px{min-width:180px !important;}.minwidth190px{min-width:190px !important;}.minwidth200px{min-width:200px !important;}.minwidth220px{min-width:220px !important;}.minwidth250px{min-width:250px !important;}.minwidth300px{min-width:300px !important;}
.maxwidth10{max-width:10% !important;}.maxwidth15{max-width:15% !important;}.maxwidth20{max-width:20% !important;}.maxwidth30{max-width:30% !important;}.maxwidth40{max-width:40% !important;}.maxwidth50{max-width:50% !important;}.maxwidth60{max-width:60% !important;}.maxwidth70{max-width:70% !important;}.maxwidth80{max-width:80% !important;}.maxwidth90{max-width:90% !important;}.maxwidth100{max-width:100% !important;}
.maxwidth130px{max-width:130px !important;}.maxwidth135px{max-width:135px !important;}.maxwidth160px{max-width:160px !important;}.maxwidth180px{max-width:180px !important;}.maxwidth200px{max-width:200px !important;}.maxwidth300px{max-width:300px !important;}.maxwidth400px{max-width:400px !important;}.maxwidth500px{max-width:500px !important;}.maxwidth550px{max-width:550px !important;}.maxwidth600px{max-width:600px !important;}.maxwidth700px{max-width:700px !important;}.maxwidth800px{max-width:800px !important;}.maxwidth900px{max-width:900px !important;}.maxwidth1000px{max-width:1000px !important;}.maxwidth1100px{max-width:1100px !important;}.maxwidth1200px{max-width:1200px !important;}
.height10{height:10% !important;}.height20{height:20% !important;}.height25{height:25% !important;}.height30{height:30% !important;}.height40{height:40% !important;}.height50{height:50% !important;}.height60{height:60% !important;}.height70{height:70% !important;}.height80{height:80% !important;}.height90{height:90% !important;}.height100{height:100% !important;}
.height25px{height:25px !important;}.height30px{height:30px !important;}.height38px{height:38px !important;}.height40px{height:40px !important;}.height50px{height:50px !important;}.height60px{height:60px !important;}.height70px{height:70px !important;}.height80px{height:80px !important;}.height100px{height:100px !important;}.height150px{height:150px !important;}.height200px{height: 200px !important;}.height250px{height: 250px !important;}.height300px{height: 300px !important;}.height350px{height: 350px !important;}.height400px{height: 400px !important;}.height450px{height: 450px !important;}.height500px{height: 500px !important;}.height550px{height: 550px !important;}.height600px{height: 600px !important;}.height650px{height: 650px !important;}.height700px{height: 700px !important;}.height750px{height: 750px !important;}
.maxheight80{max-height:80% !important;}
.maxheight400px{max-height:400px !important;}
.minheight15px{min-height:15px !important;}.minheight20px{min-height:20px !important;}

.padding0{padding:0px !important;}.padding5{padding:5px !important;}.padding10{padding:10px !important;}
.paddingTop0{padding-top:0px !important;}.paddingTop10{padding-top:10px !important;}.paddingTop100{padding-top:100px !important;}
.paddingBottom0{padding-bottom:0px !important;}.paddingBottom10{padding-bottom:10px !important;}.paddingBottom100{padding-bottom:100px !important;}
.paddingRight5{padding-right:5px !important;}.paddingRight10{padding-right:10px !important;}.paddingRight15{padding-right:15px !important;}.paddingRight20{padding-right:20px !important;}.paddingRight25{padding-right:25px !important;}.paddingRight30{padding-right:30px !important;}
.paddingLeft5{padding-left:5px !important;}.paddingLeft10{padding-left:10px !important;}.paddingLeft20{padding-left:20px !important;}.paddingLeft30{padding-left:30px !important;}.paddingLeft40{padding-left:40px !important;}.paddingLeft50{padding-left:50px !important;}.paddingLeft60{padding-left:60px !important;}
.margin-11{margin: -11px !important;}.margin0{margin: 0px !important;}.margin5{margin: 5px !important;}.margin10{margin: 10px !important;}.margin15{margin: 15px !important;}.margin20{margin: 20px !important;}
.marginTop-30{margin-top: -30px !important;}.marginTop-20{margin-top: -20px !important;}.marginTop-10{margin-top: -10px !important;}.marginTop0{margin-top: 0px !important;}.marginTop5{margin-top: 5px !important;}.marginTop10{margin-top: 10px !important;}.marginTop15{margin-top: 15px !important;}.marginTop20{margin-top: 20px !important;}.marginTop25{margin-top: 25px !important;}
.marginBottom0{margin-bottom: 0px !important;}.marginBottom5{margin-bottom: 5px !important;}.marginBottom10{margin-bottom: 10px !important;}.marginBottom15{margin-bottom: 15px !important;}.marginBottom20{margin-bottom: 20px !important;}
.marginRight0{margin-right: 0px !important;}.marginRight5{margin-right: 5px !important;}.marginRight10{margin-right: 10px !important;}.marginRight15{margin-right: 15px !important;}.marginRight20{margin-right: 20px !important;}.marginRight25{margin-right: 25px !important;}.marginRight30{margin-right: 30px !important;}.marginRight35{margin-right: 35px !important;}.marginRight40{margin-right: 40px !important;}.marginRight45{margin-right: 45px !important;}.marginRight50{margin-right: 50px !important;}
.marginLeft0{margin-left: 0px !important;}.marginLeft5{margin-left: 5px !important;}.marginLeft10{margin-left: 10px !important;}.marginLeft15{margin-left: 15px !important;}.marginLeft20{margin-left: 20px !important;}.marginLeft25{margin-left: 25px !important;}.marginLeft30{margin-left: 30px !important;}.marginLeft35{margin-left: 35px !important;}.marginLeft40{margin-left: 40px !important;}.marginLeft45{margin-left: 45px !important;}.marginLeft50{margin-left: 50px !important;}.marginLeft60{margin-left: 60px !important;}

.gorizontCenterContent{justify-content: center !important; display: flex !important; align-items: center !important;}.gorizontRightContent{justify-content: end !important; display: flex !important; align-items: center !important;}.gorizontLeftContent{justify-content: left !important; display: flex !important; align-items: center !important;}
.gorizontLeft{text-align:left !important;}.gorizontRight{text-align:right !important;}.gorizontCenter{text-align:center !important;}
.verticalCenter{vertical-align: middle !important;}.verticalTop{vertical-align: top !important;}
.overflowNone{overflow: hidden !important;}.overflowAuto{overflow: auto !important;}.overflowBlock{overflow: auto !important; scrollbar-gutter: stable !important;}

.tableBorder{border:4px double;}.tableBorderTop{border-top:4px double;}.tableBorderBottom{border-bottom:4px double;}.tableBorderLeft{border-left:4px double;}.tableBorderRight{border-right:4px double;}
.borderNo{border: 0px !important;}.border{border: 1px solid #ccc !important;}.borderHead{border: 1px solid #a3abf5 !important;}
.borderLeftHead{border-left: 1px solid #a3abf5 !important;}.borderRightHead{border-right: 1px solid #a3abf5 !important;}.borderTopHead{border-top: 1px solid #a3abf5 !important;}.borderBottomHead{border-bottom: 1px solid #a3abf5 !important;}
.borderLeft{border-left: 1px solid #ccc !important;}.borderRight{border-right: 1px solid #ccc !important;}.borderTop{border-top: 1px solid #ccc !important;}.borderBottom{border-bottom: 1px solid #ccc !important;}

.visibilityNone {visibility: hidden !important}
.disable{pointer-events: none !important;}.disableDiv{pointer-events: none !important; opacity: 0.6 !important;}
.opacity0{opacity: 0;}.opacity1{opacity: 1;}
.displayNone{display: none !important;}.displayFlex {display: flex}.displayInline-table {display: inline-table !important;}.displayBlock {display: block !important;}.displayInline-Block {display: inline-block !important;}
.flexAuto {flex: auto !important;}.flexDirCol{flex-direction: column;}
.pointer {cursor: pointer !important;}
.floatLeft{float:left;}.floatRight{float:right;}
.zindexup{z-index: 8000 !important;}
.posRel{position: relative;}
.nowrap{white-space: nowrap;}
/*----------------------------------------------------------*/
/*-------------- Color -------------------------------------*/
/*----------------------------------------------------------*/
.white{color: white !important;}
.grey{color: grey !important;}
.red{color: red !important;}
.blue{color: blue !important;}
.purple{color: #ff00ff !important;}
.purple2{color: purple !important;}
.green{color: #00b600 !important;}
.green2{color: green !important;}
.brown{color: brown !important;}
.black{color: black !important;}
.yellow{color: yellow !important;}
.dark_yellow{color: #8B8000 !important;}
.pink{color: pink !important;}


.background_black{background: black !important;}
.background_white{background: white !important;}
.background_grey{background: grey !important;}
.background_lightyellow{background: #ffff0050 !important;}
.background_orange{background: #ffdb99 !important;}
.background_red{background: red !important;}
.background_green{background: green !important;}
.background_darkGrey{background: DarkGrey !important;}
.background_lightGrey{background: LightGrey !important;}
.background_grey_cell{background: #eee !important;}
.background_main_div{background: #e9f0f9 !important;}
.background_tableDivHeader{background: #c8cdf7 !important;}
.background_tableDivCell{background: #e5f8ff !important;}

.bordercolorLeft{border-left-color: #0008ff3d !important;}

.valid_color{color: #198754 !important;}
.valid_border_color{border-color: #198754;}
.invalid_color{color: #dc3545 !important;}
.invalid_border_color{border-color: #dc3545;}