@charset "utf-8";
/* CSS Document */
page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}

body{padding-top: 50px;padding-bottom: 40px; margin-left:0px;}
.etlk-container{width: 85%;margin: 0 auto; /* Center the DIV horizontally */}
.etlk-fixed-header, .etlk-fixed-footer{width: 100%;position: fixed;background: #333;padding: 10px 0;color: #fff;}
.etlk-fixed-header{top: 0;}
.etlk-fixed-footer{bottom: 0;}    

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.nodisplay{display:none;visibility:hidden;position: absolute;!important;}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a{text-decoration:none; color: inherit;}
@font-face {font-family:"etlk bld";src: url("karbon-semibold-webfont.ttf") format("truetype");}
@font-face {font-family:"etlk mdm";src: url("karbon-medium.ttf") format("truetype");}
@font-face {font-family:"etlk nml";src: url("karbon-regular-webfont.ttf") format("truetype");}
@font-face {font-family:"etlk ico";src: url("fontello.ttf") format("truetype");}

.disabledlink {pointer-events: none;}

.div1 {position: absolute;  top:0; left:0; right:0; width:100%;  height:35px;  background-color:#;}
.div2 {  position: absolute;  top: 35px;  left: 0;  bottom: 50px;  width: 100%;  right: 0;  background-color:#; overflow:auto;}
.div3 { position: absolute;  bottom:0; left:0; right:0; width:100%;  height:60px;  background-color:#;}

.link{ cursor:pointer;}
.labelh1{font-family:"etlk mdm";	font-style:normal;	color:#000; font-size:18px;}
.labelh2{font-family:"etlk mdm";	font-style:normal;	color:#000;}
.labelh3{font-family:"etlk mdm";	font-style:normal;	color:#000;  font-size:15px;}
.label1{font-family:"etlk mdm";	font-style:normal;	color:#000; font-size:15px;}
.label2{font-family:"etlk mdm";	font-style:normal;	color:#000; font-size:15px;}

.shadow{box-shadow: 0px 0px 8px rgba(0, 0, 0, .5);}
.shadow1{box-shadow: 1px 2px 10px rgba(0, 0, 0, .5);}
.shadow2{box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.shadow3{box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;}

.divBR{height:7px;  display:block;}
.divHR{height:1px;  display:block; border-bottom-style:solid; border-bottom-color:#CCC; border-bottom-width:1px; padding-top:3px; }

.roundDiv{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px;	border:solid; border-width:2px;  border-color:#09C; margin-right:5px;}
.padDiv{padding-left:10px; padding-right:10px;padding-top:10px; padding-bottom:10px;}

.roundBorderSmallS{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px;	border:solid; border-width:2px; height:28px; border-color:#09C; padding-top:10px; padding-right:10px; padding-left:5px; margin-right:5px;}
.roundBorderSmallS:focus{outline: none !important;border-color:#09C; background-color:#D7E3EA;}

.textField{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px; width:90%; border:solid; border-width:1px; height:25px; border-color:#CCC; padding-top:5px; padding-right:5px; padding-left:10px; margin-right:0px; padding-bottom:5px;}
.textField:focus{outline: none !important;border-color:#09C; background-color:#D7E3EA;}

.textFieldFull{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px; border:solid; border-width:1px; height:25px; border-color:#CCC; padding-top:5px; padding-right:5px; padding-left:10px;  padding-bottom:5px;}
.textFieldFull:focus{outline: none !important;border-color:#09C; background-color:#D7E3EA;}

.over1:hover{background-color:#d4dde1;}

.timedisplay1{border-top-style:solid; border-left-style:solid; border-width:1px; border-color:#CCC; background-color:#C9DFE0;}
.timedisplay2{border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-width:1px; border-color:#CCC; background-color:#C9DFE0;}
.timedisplay3{border-style:solid; border-width:1px; border-color:#CCC; background-color:#EED9B0;}
.timedisplay4{ background-color:#CBDAC9;}
.timedisplay5{ background-color:#EEEFBA;}

.activityhome1{border-color:#999; border-bottom-style:dotted; border-width:1px;padding-top:7px; padding-bottom:7px;}

.roundTable{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px; border:solid; border-width:1px; height:25px; border-color:#CCC; padding-top:5px; padding-right:5px; padding-left:10px; margin-right:10px; padding-bottom:5px;padding-left:5px;}
.tableRow{border-color:#999; border-top-style:dotted; border-width:1px;padding-top:7px; padding-bottom:7px;}
.tableRowF{border-color:#999; border-width:1px;padding-top:7px; padding-bottom:7px;}
.tableRowL{border-color:#999;  border-bottom-style:dotted; border-width:1px;padding-top:7px; padding-bottom:7px;}
.tableRowThick{border-color:#666; border-top-style:solid; border-width:1px;padding-top:7px; padding-bottom:7px;}
.tableRowThickL{border-color:#666; border-bottom-style:solid; border-width:1px;padding-top:7px; padding-bottom:7px;}

.button{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px; width:100%; border:solid; border-width:1px; height:35px; border-color:#CCC; padding-top:5px; padding-bottom:5px; padding-right:10px; padding-left:10px; margin-right:5px; margin-left:5px;}
.button:hover{outline: none !important;border-color:#09C; background-color:#D1E0E9;}
.button:focus{background-color:#D1E0E9;}

.buttonX{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px; width:100%; border:solid; border-width:1px; height:35px; border-color:#CCC; padding-top:5px; padding-bottom:5px; padding-right:10px; padding-left:10px; margin-right:5px; margin-left:0px; cursor:pointer;}
.buttonX:hover{outline: none !important;border-color:#09C; background-color:#D1E0E9;}
.buttonX:focus{background-color:#D1E0E9;}

.button1{font-family:"etlk mdm";	font-style:normal;background-color:#e9f0f4; border-radius:4px; width:100%; border:solid; border-width:1px; height:35px; border-color:#CCC; padding-top:5px; padding-bottom:5px; padding-right:10px; padding-left:10px; margin-right:5px; margin-left:5px;}
.button1:hover{outline: none !important;border-color:#09C; background-color:#D1E0E9;}


.button2{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px; width:100%; border:solid; border-width:1px; height:35px; border-color:#CCC; padding-top:5px; padding-bottom:5px; padding-right:10px; padding-left:10px; margin-right:5px; margin-left:5px;}
.button2:hover{outline: none !important;border-color:#09C; background-color:#D1E0E9;}
.button2:active{background-color:#D1E0E9;}
.button2:focus{background-color:#D1E0E9;}

.centerFloat{display:inline-block; cursor:pointer; width:80px; padding-bottom:5px; padding-top:5px; height:auto; margin-top:5px; margin-bottom:5px;}

.virtualkeyboard{position:fixed; bottom:0px; height:250px; background-color:#666; left:0px; right:0px; text-align:center; display:none;}

.roundButton{font-family:"etlk mdm"; font-style:normal; border:solid; border-width:1px; border-radius:4px; border-color:#CCC; background-color:#C9DFE0; color:#666; font-size:15px; padding-top:5px; padding-bottom:5px; height:40px; padding-left:10px; padding-right:10px;}

.roundDiv{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px; border:solid; border-width:1px; border-color:#CCC; }
.roundDiv1{font-family:"etlk mdm";	font-style:normal;background-color:#F9F9F9; border-radius:4px; border:solid; border-width:0px; border-color:#CCC; }

.roundDivPad{padding-left:10px; padding-right:10px;}
.roundDivPad1{padding-top:10px; padding-bottom:10px;}
.sticky{position:sticky; top:0px; background-color:#F8F8F8;}
.sticky1{position:sticky; top:100px; background-color:#F8F8F8;}
.padLR1{padding-left:5px; padding-right:5px;}
.padLR2{padding-left:10px; padding-right:10px;}

.sideDiv{display:inline-table; margin-bottom:10px; margin-right:10px;}
.sideDiv1{display:inline-table; margin-bottom:5px;}

.summaryTotal{border-bottom-style:double; border-top-style:solid; border-top-width:1px;}

.highlight:hover{box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.select2-selection__rendered {line-height: 35px !important;}
.select2-container .select2-selection--single {height: 37px !important; }
.select2-selection--single:focus{outline: none !important;border-color:#09C; background-color:#D7E3EA;}
.select2-selection__arrow {height: 34px !important;}

ul.select2-results__options li{
  font-family:"etlk nml"; font-size:15px; color:#666;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #444;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   //font-family:"etlk mdm"; color: #666;
}

.padding10{padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
.paddingLR10{padding-left:10px; padding-right:10px;}
.paddingTB5{padding-top:5px; padding-bottom:5px;}
.marginR1{margin-right:10px;}
.floatL{float:left;}

.sticky {position: fixed;top: 0;width: 90%; align-items: center;}


/*For Mobile Device*/
@media (max-width: 500px) {#divbody{text-align:left;}#menudiv1{float:left;}}
@media (max-width: 800px) {
	#menuicon{height:30px;}
	#menudiv{width:60px;}
	#menufont{font-size:15px;}
	#titlefont{font-size:20px;}
	#labelfont{font-size:15px;}
	#labelfont1{font-size:13px;}
	#backimage{width:30px;}
	#menudivsub{width:200px;}
}

/*For Desktop*/
@media (min-width: 501px) {#divbody{text-align:left;}}
@media (min-width: 801px) {
	#menuicon{height:50px;}
	#menudiv{width:100px;}
	#menufont{font-size:20px;}
	#titlefont{font-size:25px;}
	#labelfont{font-size:15px;}
	#labelfont1{font-size:17px;}
	#backimage{width:30px;}
	#menudivsub{width:250px;}
}