input[type='text']	{ font-size: 0.9vw; background:#FFFFDD;-webkit-appearance:none;}
input[type='text1'] { font-size: 1vw; background:#FFFFDD;-webkit-appearance:none;}
input[type='text2'] { font-family: tahoma; font-size:20px;  color:teal; background:#FFFFFF;-webkit-appearance:none;}
input[type='textR'] { font-family: tahoma; height:2rem;font-size:20;-webkit-appearance:none;}

input[type='text4'] { font-size: 0.9vw; background:#FFFFDD;-webkit-appearance:none;}
input[type='text4H'] { font-size: 0.9vw; background:#FF6666;-webkit-appearance:none;}
input[type='text4L'] { font-size: 0.9vw; background:#33CCFF;-webkit-appearance:none;}

input[type='email'] { font-size: 0.9vw; background:#FFFFDD;-webkit-appearance:none;}
input[type='password']{ font-size: 20px; background:#FFFFFF;-webkit-appearance:none;}

input:focus{border-color: #000; background-color: #66CCFF;}

.odd td:nth-child(odd) {
    background: #FFFFEE;
}
.even td:nth-child(even) {
    background: #EEEEDD;
}

td.inactive{
width:50%;
text-align:left;
font-size:20;
padding:10px;
color:silver;background-image: linear-gradient(to left,#FFccFF ,#FFFFEF)
		
}
td.active{
width:50%;
text-align:left;
font-size:20;
padding:10px;
background-image: linear-gradient(to left,#ccffcc ,#FFFFEF)	
}
td[name='jxcomment']:hover {
    width: 200px; /* Change width on hover */
	height: 100px; /* Change width on hover */
	background-color:white;
	text-align:top;
  }

td.small{
width:1%;
text-align:right;
font-size:20;
padding:10px;
background:#FFFFEF;	
}
.hover td:hover {
  background-color: #66CCFF;
  border: thin solid black;
}
.hoverr tr:hover {
  background-color: #66CCFF;
  border: thin solid black;
}

.hover2 td:hover {
  //border: medium dotted blue;
  color:red;
 
  text-decoration: underline;
  text-decoration-color: black;
  text-decoration-style: double;
}

.pointer          { overflow-y: auto; height: 100px; }
.pointer thead th { position: sticky; top: 0; }
.pointer{cursor:pointer;}
.pointerb{cursor:pointer;}
.pointerS2{cursor:pointer;}

.xpointer tr td:hover {
  background-color: #66CCFF;
  border: thin solid black;
}

.pointerb tr {
    transition: background 0.2s ease-in;
}

.pointerb tr:nth-child(odd) {
    background: #BBFFEE;
}
.xpointer tr:nth-child(odd) {
    background: #BBFFEE;
}

.pointerb tr:hover {
    background: #EEBBFF;
    cursor: pointer;
}
/*.selectr { font-size: 24px; background:#FFFFDD;}*/
.head {font-family: tahoma; font-size: 30px;  color:teal; background:#FFFFDD;}

body {
background-image: url(cfs2low3.bmp);
/*font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
-webkit-print-color-adjust: exact;*/
}

h4 { color: white; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px lightblue;} 
h5 { color: white; text-shadow: 1px 1px 2px black, 0 0 18px blue, 0 0 5px lightblue;} 
/*  
.btn {
  background: #008800;
  background-image: -webkit-linear-gradient(top, #008800, #7fe3b1);
  background-image: -moz-linear-gradient(   top, #008800, #7fe3b1);
  background-image: -ms-linear-gradient(    top, #008800, #7fe3b1);
  background-image: -o-linear-gradient(     top, #008800, #7fe3b1);
  background-image: linear-gradient(to bottom,   #008800, #7fe3b1);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 3px 3px 3px        #666666;
  -webkit-box-shadow: 6px 3px 7px #666666;
  -moz-box-shadow: 6px 3px 7px    #666666;
  box-shadow: 6px 3px 7px         #666666;
  font-family: Arial;
  color:                          #00FFFF ;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
   width:190px;
   height:45px;
}

.btn:hover {
  background: #2372a3;
  background-image: -webkit-linear-gradient(top, #2372a3, #4da7de);
  background-image: -moz-linear-gradient(top,    #2372a3, #4da7de);
  background-image: -ms-linear-gradient(top,     #2372a3, #4da7de);
  background-image: -o-linear-gradient(top,      #2372a3, #4da7de);
  background-image: linear-gradient(to bottom,   #2372a3, #4da7de);
  text-decoration: none;
}

.btnd {
  background: #008800;
  background-image: -webkit-linear-gradient(top, #333333, #7fe3b1);
  background-image: -moz-linear-gradient(   top, #333333, #7fe3b1);
  background-image: -ms-linear-gradient(    top, #333333, #7fe3b1);
  background-image: -o-linear-gradient(     top, #333333, #7fe3b1);
  background-image: linear-gradient(to bottom,   #333333, #7fe3b1);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 3px 3px 3px        #666666;
  -webkit-box-shadow: 6px 3px 7px #666666;
  -moz-box-shadow: 6px 3px 7px    #666666;
  box-shadow: 6px 3px 7px         #666666;
  font-family: Arial;
  color:                          #00FFFF ;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
   width:190px;
   height:45px;
}

.btnd:hover {
  background: #2372a3;
  background-image: -webkit-linear-gradient(top, #333333, #4da7de);
  background-image: -moz-linear-gradient(top,    #333333, #4da7de);
  background-image: -ms-linear-gradient(top,     #333333, #4da7de);
  background-image: -o-linear-gradient(top,      #333333, #4da7de);
  background-image: linear-gradient(to bottom,   #333333, #4da7de);
  text-decoration: none;
}
*/
.btngreyround {
	//-moz-box-shadow: 3px 4px 0px 0px #899599; /* shadow colour */
	//-webkit-box-shadow: 3px 4px 0px 0px #899599;
	//box-shadow: 3px 4px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top,    #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top,      #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top,     #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom,   #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:35px;
	-webkit-border-radius 35px;
	border-radius:35px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3366FF; /*text color */
	width:70px;
	height:70px;
	font-family:Arial;
	font-size:14px;
	padding:7px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #e1e2ed;
}
.btngreyround:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top,    #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top,      #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top,     #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom,   #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.btngreyround:active {
	position:relative;
	top:1px;
}

.btnovalred {
	-moz-box-shadow: 3px 4px 0px 0px #899599; /* shadow colour */
	-webkit-box-shadow: 3px 4px 0px 0px #899599;
	box-shadow: 3px 4px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top,    #FFEEEE 5%, #FF3300 100%);
	background:-webkit-linear-gradient(top, #FFEEEE 5%, #FF3300 100%);
	background:-o-linear-gradient(top,      #FFEEEE 5%, #FF3300 100%);
	background:-ms-linear-gradient(top,     #FFEEEE 5%, #FF3300 100%);
	background:linear-gradient(to bottom,   #FFEEEE 5%, #FF3300 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:44px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#993333; /*text color */
	width:216px;
	height:35px;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:7px 0px;
	text-decoration:none;
	/*text-shadow:1px 1px 0px #e1e2ed;*/
}
.btnovalred:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top,    #FF3300 5%, #FFEEEE 100%);
	background:-webkit-linear-gradient(top, #FF3300 5%, #FFEEEE 100%);
	background:-o-linear-gradient(top,      #FF3300 5%, #FFEEEE 100%);
	background:-ms-linear-gradient(top,     #FF3300 5%, #FFEEEE 100%);
	background:linear-gradient(to bottom,   #FF3300 5%, #FFEEEE 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.btnovalred:active {
	position:relative;
	top:1px;
}

@media all {
	.page-break	{ display: none; }
}

@media screen
{    
    .noPrint{}
    div.noScreen{display:none;}
}

@media print
{    
    div.do-not-print {display: none; height:0;}
	.page-break	{ display: block; page-break-before: always; }	
	P { page-break-after: always !important;} /* NB.  When printing <p> will force new page, use <br> if stead if new page not required. */
	-webkit-print-color-adjust:exact;
}

.div99{
	/*height:845px;*/
	padding-top: 0.0cm;
    background-color: white;
    background-image: linear-gradient(#0066ff  ,white);
    display: flex;
		justify-content: center; /* align horizontal */
		align-items: center; /* align vertical */
}

.divLogin{
	/*height:845px;*/
	height:100vh;
	padding-top: 0.0cm;
    background-color: white;
    background-image: linear-gradient(#CC9999  ,white);
    display: flex;
		justify-content: center; /* align horizontal */
		align-items: center; /* align vertical */
}
.divMM {
    background-color: #DDDDDD;
	width:600px;
	height:350px;
	border:1px solid blue;
	box-shadow: 10px 10px 5px #888888;
	background-image: linear-gradient(#DDFFFF,white);
	padding-top: 0.5cm;	
}

.div7 {
    background-color: #eeeeee;
	border:1px solid blue;
	padding-top: 0.5cm;
	box-shadow: 10px 10px 5px #888888;
}

.divStaff {
    background-color: #eeeeee;
	width:900px;
	height:100px;
	border:1px solid blue;
	padding-top: 0.0cm;
	padding-left: 0.0cm;
	box-shadow: 10px 10px 5px #888888;
	display: flex;
		justify-content: center; /* align horizontal */
		align-items: center; /* align vertical */
}
/*
.div_text {
    background-color: #DDDDDD;
	/*padding-right: 0.5cm;
	box-shadow: 10px 10px 5px #888888;
}
*/
table.pointer {
	font-family: verdana,arial,sans-serif;
	font-size:10px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	
	
}
table.pointer th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	
}
table.pointer td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	text-align:RIGHT;
}

table.pointerleft {
	font-family: verdana,arial,sans-serif;
	font-size:10px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	
	
}
table.pointerleft th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	
}
table.pointerleft td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	text-align:left;
}

table.pointerS {
	font-family: arial narrow,arial,verdana,sans-serif;
	font-size:9px;
	color:#333333;
	border-width: 0px;
	border-color: #666666;
	border-collapse: collapse;
	
}
table.pointerS th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.pointerS td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #ffffff;
	text-align:left;
}

table.pointerS2 {
	font-family: arial,arial,verdana,sans-serif;
	font-size:16px;
	color:#666666;
	border-width: 0px;
	border-color: #666666;
	border-collapse: collapse;
	
}
table.pointerS2 th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.pointerS2 td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #000000;
	text-align:center;
}
/*
table.pointerJ {
	font-family: arial narrow,arial,verdana,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#333333;
	border-width: 0px;
	border-color: #666666;
	border-collapse: collapse;
	
}
table.pointerJ th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.pointerJ td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #ffffff;
	text-align:left;
}
*/
table.pointerb {
	font-family: verdana,arial,sans-serif;
	font-size:1.3vh;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	
}
table.pointerb th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.pointerb td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	text-align:RIGHT;
} 

table.pointert {
	font-family: verdana,arial,sans-serif;
	font-size: 8px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	
}
table.pointert th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #eeeeee;
}
table.pointert td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffdd;
	text-align:Right;
}

table.pointerc {
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width:100%;
	
}
table.pointerc th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
	background-color: #eeeeee;
	text-align:Right;
	width:20%;
}
table.pointerc td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffdd;
	text-align:Left;
}
/*
table.skills {
	font-family: verdana,arial,sans-serif;
	font-size:8px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	
}
table.skills th {
	border-width: 0px;
	padding: 0px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}

table.skills td {
	border-width: 1px;
	padding:3;
	border-style: solid;
	border-color: #dddddd;
	text-align:RIGHT;
}

.button{
   width:110px;
   height:40px;
}

.button1{
   width:130px;
   height:25px;
}
label.labelwarn{
font-size:0.8vw;
color:red;
background-color:#ffffff;
border: 2px solid red;
border-radius: 0.9vw;
line-height:20px;
		
}
*/

label.label{
    font-family: verdana,arial,sans-serif;
    font-size:14px;
	font-weight:bold;
    color:#295659;
	
}

label.label20{
    font-family: verdana,arial,sans-serif;
    font-size:20px;
    color:#295659;
}
/*
label.labelsm{
    font-family: verdana,arial,sans-serif;
    font-size:10px;
	font-weight: bold;
    color:#295659;
}
*/

label.blue{
    font-family: verdana,arial,sans-serif;
    font-size:12px;
    color:#0033FF;
}

label.label3{
    font-family: verdana,arial,sans-serif;
    font-size:20px;
    color:#FF0000;
}
label.label4{
    font-family: verdana,arial,sans-serif;
    font-size:8px;
    color:#FF0000;
}
label.labelx{
    font-family: verdana,arial,sans-serif;
    font-size:25px;
    color:#FF0000;
}

select {
   font-family:tahoma;
    font-size: 14px; background:#FFFFDD;
 }
/* 	   
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: #008800;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity:0.9;
}
*/
.btn2 {
	-moz-box-shadow: 3px 4px 0px 0px #899599;
	-webkit-box-shadow: 3px 4px 0px 0px #899599;
	box-shadow: 3px 4px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#006633;
	width:150px;
	height:30px;
	font-family:Arial;
	font-size:14px;
	padding:7px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #e1e2ed;
}
.btn2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.btn2:active {
	position:relative;
	top:1px;
}

/*-----------------------*/
/*
select.sizeable-opt
{
 line-height:50%;
}
*/

body {font-family: Arial, Helvetica, sans-serif;}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 0; /* 1 = Sit on top */
  left:50%; /*15vw*/
  top:50%; /* 10% */
  width: 1200px; /* Full width */
  height: 52%; /* Full height */
  /*overflow: auto; /* Enable scroll if needed */
  background-color: rgb(200,200,200,0.5); /* Fallback color */
  //background-color: rgba(,0,0,0.3); /* Black w/ opacity */
  transform: translate(-50%, -50%);
}
/* Modal Content/Box */
.modal-content {
  background-color: #fff;
  margin: 2% auto; /* 15% from the top and centered */
  padding: 5px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/*----------------------*/
#currentTime {
  font-size: 1em;
  text-align: center;
  font-family: 'Arial';
  font-weight: 400;
  color: #009900;
  border: 1px solid #fff;
  width: 250px;
  margin: 200px auto;
}

#currentTimeBig {
  font-size: 6em;
  text-align: center;
  font-family: 'Verdana';
  font-weight: 400;
  color: #3366FF;
  background-color: #dddddd;
  border: 1px solid #000;
  width: 550px;
  margin: 200px auto;
}

.btngreysmall:disabled {
    background: #F5F5F5;
    color : #C3C3C3;
}

input[type=checkbox] {
    padding-left:5px;
    padding-right:5px;
    border-radius:2px;

    -webkit-appearance:button;

    border: double 1px #444444;

    background-color:#ffe;
    color:#FFF;
    white-space: nowrap;
    overflow:hidden;

    width:10px;
    height:10px;
}

input[type=checkbox]:checked {
    background-color:#33FF00;
    border-left-color:#06F;
    border-right-color:#06F;
}

input[type=checkbox]:hover {
    box-shadow:0px 0px 10px #1300ff;
}

label.labellrg{
    font-family: verdana,arial,sans-serif;
    font-size:20px;	
    color:#CC3300;
	background-color: #efefef;
	padding: 5px;
	border-style: solid;
	border-color: #aa7777; 
}
label.labelmed{
    font-family: verdana,arial,sans-serif;
    font-size:14px;	
	font-weight:bold;
    color:#663333;
	background-color: #efefef;
	padding: 5px;
	border-style: solid;
	border-color: #aa7777;
}

label.labelmed2{
    font-family: verdana,arial,sans-serif;
    font-size:12px;	
	font-weight:bold;
    color:#663333;
	background-color: #efefef;
	padding: 5px;
	border-style: solid;
	border-color: #aa7777;
	width:110px;
	text-transform: uppercase;
    display:inline-block
}
label.labelred{
    font-family: verdana,arial,sans-serif;
    font-size:20px;	
    color:#009900;
	background-color: #efefef;
	padding: 5px;
	border-style: solid;
	border-color: #aa7777;
}


.button-m {
 border: 2px solid #663333;
  background-color: #885555;
  border-radius: 20px;
  color: #fff;
  transition: .3s;
  width: 115px;
  height:35px;
  padding:1.5;
  font-family: verdana,arial,sans-serif;
    font-size:0.85vw;
}
.button-m:hover {
  box-shadow: 8px 8px #AA7777;
  transition: .3s;
}
.button-m:disabled {
    opacity: 0.3;
}
th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

.btnimg {
border:solid 1px green;
height:25px;
width:25px;
align:middle;	
}

.btnimg2 {
border:solid 1px green;
height:20px;
width:55px;
align:middle;
background-color:#99FF99;	
}

.btn_client {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
 /* padding: 16px 32px;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  width:120px;
}

.btn_client {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
  height:35px;
  width:130px;
}

.btn_client:hover {
  background-color: #4CAF50;
  color: white;
}
.timeinc{
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  font-weight:bold;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
  height:25px;
  width:34px;
}

.timeinc:hover {
  background-color: #4CAF50;
  color: white;
}