/* html,body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif} */


:root {
  --body-font-size: 13px; 
  --tmenu-font-size: 0.95em;
  --smenu-font-size: 15px; 
  --cmenu-font-size: 15px; 
  --label-font-size: 0.83em; 
  --input-font-size: 0.85em;
  --table-header-size: 1.1em;
  --table-content-size: 0.85em;   
}


html,body,h1,h2,h3,h4,h5 {font-family: "Open Sans", sans-serif;} 
html,body,table {font-size:var(--body-font-size);line-height: 1.4;}

.w3-bar{font-size:var(--smenu-font-size);} 
.w3-sidebar{font-size:var(--smenu-font-size);} 
.w3-contentmenu{font-size:var(--cmenu-font-size);}

/* .active {color:#4CAF50!important;font-weight:700;text-decoration:underline;} */
.w3-bar .w3-bar-item2{padding:2px 8px;float:left;width:auto;border:none;margin:-2px;}
.w3-sticky {position: -webkit-sticky;position: sticky;top: 0;}
.w3-padding-right-16{padding-right:16px!important;}

.w3-margin-left-8{margin-left:8px!important;}
.w3-margin-left-16{margin-left:16px!important;}
.w3-margin-left-24{margin-left:24px!important;}
.w3-margin-left-32{margin-left:32px!important;}
.w3-margin-left-sub2menu{margin-left:26px!important;}

.w3-ul li {border-bottom: none;}

/* style.css*/

html{overflow: scroll;-webkit-overflow-scrolling: touch;}  

/*
.scroll-wrapper { position: relative; right: 0; bottom: 0; left: 0; top: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; }
.scroll-wrapper iframe { height: 100%; width: 100%; }
*/

hr{border:1px solid #bbb;padding:0.01em 16px}

/* Overwrite */
.w3-btn, .w3-button {padding: 4px 8px;}
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {padding: 4px 6px;}
.w3-bar-block .w3-bar-item {padding: 4px 8px;}
.w3-row-padding{padding: 2px 8px!important}
.w3-hover-light-grey:hover{color:#000!important;background-color:#d1d1d1!important}
.w3-padding-zero{padding: 0px 8px!important}
.w3-bold{font-weight:700!important}
.w3-italic {font-style: italic;}

.w3-table2{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.w3-table2 td,.w3-table2 th{padding:2px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table2 th:first-child,.w3-table2 td:first-child{padding-left:16px}

.w3-check-16,.w3-radio-16{width:16px;height:16px;position:relative;top:3px}
.w3-check-20,.w3-radio-20{width:20px;height:20px;position:relative;top:5px}
.w3-check-td,.w3-radio-td{width: 24px;height:18px;position:relative;top:6px;}
.w3-label{font-weight:400;color:#222}
.w3-input{padding:2px 8px 2px 8px}
.w3-input-td{padding:2px 8px 2px 8px;display:inline;border:1px solid #ccc}
.w3-input-icon{padding:2px 8px 2px 8px;display:inline;border:1px solid #ccc;width:100%}
.w3-line{margin:auto;margin-bottom:14px;height:16px;width:99%;border-bottom: 1px solid #999}

.w3-responsive-fieldset{min-width: 100%}
.w3-responsive-scrollbar{margin-top:5px;width:100%;border:0px solid #aaa;background-color:white;overflow:scroll;overflow-x:scroll;overflow-y:hidden;}
.w3-responsive-container{width:5000px;height:100px}
.w3-responsive-item{vertical-align:text-top}

div.scrolldiv {
    /* background-color: #333; */
    overflow: auto;
    white-space: nowrap;
}

div.scrolldiv a {
    display: inline-block;
    /* color: white; */	
    text-align: center;
    /* padding: 14px; */
    text-decoration: none;
}

div.scrolldiv a:hover {
    opacity: 0.5;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: green;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 10000;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* .w3-responsive {
    display: block;
	overflow: 'scroll';
	'-webkit-overflow-scrolling': 'touch';
    overflow-x: auto;
} */

.draggable {
	cursor: move;
	user-select: none;
}

.w3-text-ellipsis-50 {
    white-space: nowrap; 
    width: 50px; 
    overflow: hidden;
    text-overflow: ellipsis;    
}

.w3-select{padding:4px 4px;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-select-td{padding:4px 4px;border:none;border-bottom:1px solid #ccc}
.select2-container{}

/*.w3-select-td select:focus{color:#000;border:1px solid #009688}
.w3-select-td option[disabled]{color:#009688}
.w3-select-td:invalid { color: gray; }
*/

.w3-table-all{}
.w3-table-all th{font-weight:600}
.w3-textarea{padding: 2px 8px;display:block;width: 100%}
.w3-textarea-td{padding: 2px 8px;display:block;width: 90%}
.w3-select-40{padding:9px 4px;width:40%;border:none;border-bottom:1px solid #ccc}
.w3-select-10{padding:4px 4px;width:15%;border:none;border-bottom:1px solid #ccc}

.w3-margin-left-16{padding-left:16px!important}

.w3-padding-8{padding:2px 8px!important}
.w3-padding-top-bottom-2{padding:2px 0!important}
.w3-padding-left-right-2{padding:0 2px!important}
.w3-padding-top-bottom-5{padding:5px 0!important}
.w3-padding-left-right-5{padding:0 5px!important}
.w3-padding-top-bottom-10{padding:10px 0!important}
.w3-padding-left-right-10{padding:0 10px!important}
.w3-padding-top-bottom-16{padding:16px 0!important}
.w3-padding-top-bottom-24{padding:24px 0!important}

.w3-padding-top-4{padding-top:4px}
.w3-padding-top-16{padding-top:16px}
.w3-padding-top-32{padding-top:32px}
.w3-padding-bottom-4{padding-bottom:4px}

.w3-padding-left-5{padding-left:5px}
.w3-padding-left-10{padding-left:10px}
.w3-padding-left-20{padding-left:20px}
.w3-padding-left-30{padding-left:30px}
.w3-padding-left-25{padding-left:25px}
.w3-padding-left-35{padding-left:35px}
.w3-padding-left-50{padding-left:50px}
.w3-padding-left-60{padding-left:60px}
.w3-padding-right-5{padding-right:5px}
.w3-padding-right-20{padding-right:20px}
.w3-padding-right-30{padding-right:30px}
.w3-padding-bottom-10{padding-bottom:10px!important}
.w3-padding-bottom-15{padding-bottom:15px!important}
.w3-padding-bottom-20{padding-bottom:20px!important}
.w3-padding-bottom-30{padding-bottom:30px!important}
.w3-sticky-top0{z-index:5;position:fixed;top:0}
.w3-sticky-top40{z-index:5;position:fixed;top:40px}
.w3-sticky-top80{z-index:10;position:fixed;top:78px}
.w3-sticky-m10{z-index:5;position:fixed;margin-top:10px}
.w3-sticky-z5{z-index:5;position:fixed}
.w3-sticky-z10{z-index:10;position:fixed}

.w3-zindex-100{z-index:100}
.w3-zindex-200{z-index:200}
.w3-zindex-300{z-index:300}
.w3-zindex-400{z-index:400}
.w3-zindex-450{z-index:450}
.w3-zindex-500{z-index:500}
.w3-zindex-600{z-index:1000}
.w3-zindex-700{z-index:2000}
.w3-zindex-800{z-index:800}
.w3-zindex-900{z-index:900}
.w3-zindex-1000{z-index:1000}
.w3-zindex-1100{z-index:1100}
.w3-zindex-1200{z-index:1200}

.w3-modal-title{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;color:inherit;background-color:in  herit;text-align:center;white-space:nowrap}
.w3-drag{cursor:all-scroll}
.w3-left-line{border-left:6px solid #bbb!important}
.w3-right-line{border-right:6px solid #bbb!important}
.w3-top-line{border-top:6px solid #555!important}
.w3-bottom-line{border-bottom:6px solid #555!important}
.w3-top-line3{border-top:3px solid #555!important}
.w3-bottom-line3{border-bottom:3px solid #555!important}
.w3-top-line1{border-top:1px solid #555!important}
.w3-top-line2{border-top:2px solid #bbb!important}
.w3-bottom-line2{border-bottom:2px solid #555!important}
/*.w3-pointer:hover{padding:5px; border:1px solid; border-radius:2px;color:green}*/

.w3-pointer{cursor:pointer}
.w3-pointer-red{cursor:pointer}
.w3-pointer-teal{cursor:pointer}
.w3-pointer:hover{color:#ff5722!important}
.w3-pointer-red:hover{color:#f44336!important}
.w3-pointer-teal:hover{color:#009688!important}

/* .w3-info-right{font-weight:bold;padding-right:10px;float: right!important;} */
.w3-info-right{font-weight:bold;!important;}

.w3-border{border:1px solid #9e9e9e!important}

.w3-margin-32{margin:32px!important}
.w3-margin-48{margin:48px!important}
.w3-margin-64{margin:64px!important}

.w3-margin-top-5{margin-top:5px!important}
.w3-margin-top-8{margin-top:8px!important}
.w3-margin-top-16{margin-top:16px!important}
.w3-margin-top-24{margin-top:24px!important}
.w3-margin-top-32{margin-top:32px!important}
.w3-margin-top-40{margin-top:40px!important}
.w3-margin-top-80{margin-top:80px!important}
.w3-margin-left-5{margin-left:5px!important}
.w3-margin-left-8{margin-left:8px!important}
.w3-margin-left-16{margin-left:16px!important}
.w3-margin-left-24{margin-left:24px!important}
.w3-margin-left-32{margin-left:32px!important}
.w3-margin-bottom-5{margin-bottom:5px!important}
.w3-margin-bottom-10{margin-bottom:10px!important}
.w3-margin-bottom-16{margin-bottom:16px!important}
.w3-margin-bottom-24{margin-bottom:24px!important}
.w3-margin-bottom-32{margin-bottom:32px!important}
.w3-margin-right-5{margin-right:5px!important}
.w3-margin-right-8{margin-right:8px!important}
.w3-margin-right-16{margin-right:16px!important}
.w3-margin-right-24{margin-right:24px!important}
.w3-margin-right-32{margin-right:32px!important}
.w3-modal-full{z-index:30;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-subfull{z-index:40;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content-full{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:100%;height:100%}
.w3-dropdown-content{min-width:250px;max-height:400px;overflow:auto}
.w3-th-topline{border-top:1px solid #555!important;font-size:14px}
.w3-th-toplinebold{border-top:2px solid #555!important;font-size:14px}
.w3-th-underline{border-bottom:1px solid #555!important;font-size:14px}
.w3-opacity-on{opacity:0}
.w3-display-topright-50{position:absolute;right:50px;top:10px}

.w3-fontsize-16{font-size:16px!important}
.w3-fontsize-15{font-size:15px!important}

.w3-tab-style-border{border: 1px solid #9e9e9e; border-bottom-color: #fff;!important;}

/*
.w3-button:focus{background-color: #ccc!important;}
.tablink.w3-button:focus{background-color: #fff!important;}
*/

.w3-select option {   
	background: #e9e9e9;   	
} 

.w3-dropbtn {
    background-color: #ffffff;
    color: black;
    padding: 8px 16px;
    border: 1px solid #9e9e9e!important   
}

.w3-dropup {
    position: relative;
    display: inline-block;
}

.w3-dropup-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    bottom: 40px;
    z-index: 1;
}

.w3-dropup-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.w3-dropup-content a:hover {background-color: #ccc}

.w3-dropup:hover .w3-dropup-content {
    display: block;
}

.w3-dropup:hover .w3-dropbtn {
    background-color: #2980B9;
}

.w3-link-button {
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-decoration: none;
	text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: buttonface;
    box-sizing: border-box;
    margin: 0em;
    //font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

a.disabled {
  //opacity: .4;
  color: grey;
  pointer-events: none;
  cursor: default;
}

input:disabled, select:disabled, textarea:disabled{background-color:#e9e9e9;color:#222}

/* for abel font 
.w3-label{font-size:18px} */

select.form option {
  color: black;
}

select.date option {
  color: black;
}

iframe {
    border:none;
    position: fixed;
    width:100%;
    height:100%;	
    overflow: auto;
}

fieldset{border:1px solid #9e9e9e}

.w3-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  /*z-index: 100;*/
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #e0e0e0; // #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #555;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.w3-input-group {position: relative;display: table;border-collapse: separate;}
.w3-input-addon {padding: 6px 12px;font-size: 14px;font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #000;
    width: 1%;  
    vertical-align: middle;
    display: table-cell;
}

.w3-input-addon {
	/*
	border: 1px solid #9e9e9e;	
	border-right: 0;
	*/
}

.w3-link{text-decoration:none;}

.w3-text-code{
	color: #9c27b0 !important; /*757575*/
}

input.passcode {
  -webkit-text-security: disc; /* circle, square */
}

.link {padding: 2px 8px;background: transparent;border:#bccfd8 1px solid;border-left:0px;cursor:pointer;color:#607d8b}
.disabled {cursor:not-allowed;color: #bccfd8;}
.current {background: #bccfd8;}
.first{border-left:#bccfd8 1px solid;}
.question {font-weight:bold;}
.answer{padding-top: 10px;}
.pagination{margin-top: 10px; margin-bottom: 10px;}
.dot {padding: 10px 15px;background: transparent;border-right: #bccfd8 1px solid;}
//#overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}
.page-content {padding: 20px;margin: 0 auto;}
.pagination-setting {padding:10px; margin:5px 0px 10px;border:#bccfd8  1px solid;color:#607d8b;}

/* 
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 36px;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 38px;
    user-select: none;
    -webkit-user-select: none;
}

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

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
} */

/* .w3-modal-full{ 
    overflow: scroll; 
    -webkit-overflow-scrolling: touch;
	background-color: green;
} */