body { width: 100% ;}

input[type='text'] {	font-size: 12px; background:#FFFFDD;}
input[type='textu'] {	font-size: 18px; background:#FFFFDD;}
input[type='password'] { font-size: 20px; background:#FFFFDD;}
input[type='text2'] {font-family: tahoma; font-size: 28px;  color:teal; background:#FFFFFF;}
input[type='text3'] {font-family: tahoma; font-size: 12px;  color:black; background:#EEEEEE;}
input:focus{border-color: #000; background-color: #66CCFF;}
.pointer{cursor:pointer;}
.selectr { font-size: 14px; background:#FFFFDD;}
.head {font-family: tahoma; font-size: 30px;  color:teal; background:#FFFFDD;}

.contacts {
text-align:left;
width:500px;
padding-left:8px;
padding-top:8px;
padding-bottom:8px;		
}

.alternate tr:nth-child(odd){
   background: #FFFFCC;
}

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;
}


.btngreysmall {
	-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:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3366FF; /*text color  006633*/
	width:150px;
	height:30px;
	font-family:Arial;
	font-size:14px;
	padding:7px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #e1e2ed;
}
.btngreysmall: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 {
	-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:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3366FF; /*text color */
	width:50px;
	height:50px;
	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;
}

.btnroundgreen {
	-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,    #ddFFdd 5%, #33FF00 100%);
	background:-webkit-linear-gradient(top, #ddFFdd 5%, #33FF00 100%);
	background:-o-linear-gradient(top,      #ddFFdd 5%, #33FF03 100%);
	background:-ms-linear-gradient(top,     #ddFFdd 5%, #33FF00 100%);
	background:linear-gradient(to bottom,   #ddFFdd 5%, #33FF00 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:#3366FF; /*text color */
	width:88px;
	height:88px;
	font-family:Arial;
	font-size:14px;
	padding:7px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #e1e2ed;
}
.btnroundgreen:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top,    #33FF00 5%, #ddFFdd 100%);
	background:-webkit-linear-gradient(top, #33FF00 5%, #ddFFdd 100%);
	background:-o-linear-gradient(top,      #33FF00 5%, #ddFFdd 100%);
	background:-ms-linear-gradient(top,     #33FF00 5%, #ddFFdd 100%);
	background:linear-gradient(to bottom,   #33FF00 5%, #ddFFdd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.btnroundgreen:active {
	position:relative;
	top:1px;
}

.btnroundred {
	-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:#3366FF; /*text color */
	width:88px;
	height:88px;
	font-family:Arial;
	font-size:14px;
	padding:7px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #e1e2ed;
}
.btnroundred: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;
}
.btnroundred: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;} /* NB.  When printing <p> will force new page, use <br> if stead if new page not required. */
	-webkit-print-color-adjust:exact;
}
.div99{
	height:100%;
	width:100%;
	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 */
}
.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: #DDDDDD;
	border:1px solid blue;
	padding-top: 0.5cm;
	box-shadow: 10px 10px 5px #888888;
}
.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;
	
}

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

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

table.pointer th {
	border-width: 1px;
	padding: 8px;
	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.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.pointerd {
	font-family: verdana,arial,sans-serif;
	font-size:14px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	
}

table.pointerd th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.pointerd td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	text-align:RIGHT;
}
table.pointerd  tr:hover {
  background-color: #66CCFF;
  border: thin solid black;
}



table.pointerb {
	font-family: verdana,arial,sans-serif;
	font-size:18px;
	color:#333333;
	border-width: 1px;
	borderx-color: #666666;
	border-color: #666666;
	border-collapse: collapse;
	
}
table.pointerb th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	color: #0000ff;
}

table.pointerb td {
	border-width: 0px;
	padding: 1px;
	border-style: solid;
	border-color: #666666;
	text-align:RIGHT;
} 

table.badge {
	font-family: verdana,arial,sans-serif;
	font-size:24px;
	color:#333333;
	border-width:1px;
	border-color: #666666;
	border-collapse: collapse;
	
}
table.badge th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}

table.badge td {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	text-align:RIGHT;
}	

table.skills {
	font-family: verdana,arial,sans-serif;
	font-size:6px;
	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.label{
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    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:14px;
    color:#0033FF;
}
label.largeblue{
    font-family: verdana,arial,sans-serif;
    font-size:24px;
    color:#3399FF;
}

label.medblue{
    font-family: verdana,arial,sans-serif;
    font-size:20px;
    color:#3399FF;
}

label.label3{
    font-family: verdana,arial,sans-serif;
    font-size:18px;
    color:#FF0000;
}
label.label4{
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#FF0000;
}
label.labeli{
    font-family: verdana,arial,sans-serif;
    font-size:0.8vw;
	font-weight: bold;	
    color:#0099FF;
	background-color: #efefef;
	padding: 5px;
	width:10vw;  
	display: inline-block;
	/*border-style: solid;
	border-color: #dedede;
	 color:#295659;*/
}

select {
   font-family:tahoma;
    font-size: 14px; background:#FFFFDD;
 }
 


	   
 table.pointer3{
	font-family: verdana,arial,sans-serif;
	font-size:10px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}

table.pointer3 th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.pointer3 td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	text-align:RIGHT;
       }  

	   
.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;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 10px; /* Location of the box */
    left: 90;
    top: 50;
    width: 60%; /* Full width */
    height: 85%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color:#9999ff; /* Fallback color */
    background-color: rgba(9,9,f,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #000;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    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;
}

.button-2 {
  color: #fff;
  border: 3px solid #33FF00;
  background-image: -webkit-linear-gradient(30deg, #c266d3 50%, transparent 50%);
  background-image: linear-gradient(30deg, #009900 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.button-2:hover {
  background-position: 100%;
  color: #c266d3;
}
.btnPrint {
  color: #000;
  border: 1px solid #888888;
  border-radius:10px;
  box-shadow: 3px 4px 0px 0px #899599;
  background-image: -webkit-linear-gradient(30deg, #66CCFF 50%, transparent 50%);
  background-image: linear-gradient(30deg, #66CCFF 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  width:150px;
height:30px;
}
.btnPrint:hover {
  background-position: 100%;
  color: #000000;
}

.button-email {
  color: #000;
  border: 1px solid #888888;
  background-image: -webkit-linear-gradient(30deg, #CCFFFF 50%, transparent 50%);
  background-image: linear-gradient(30deg, #CCFFFF 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;

  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  width:110px;
}
.button-email:hover {
  background-position: 100%;
  color: #c266d3;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button
{ 
  -webkit-appearance: none; 
  margin: 0; 
}