/*** Works on common browsers ***/
  ::selection {
       background-color: #352e7e;
       color: #BFFFFF;
   }
    
  /*** Mozilla based browsers ***/
   ::-moz-selection {
      background-color: #352e7e;
      color: #BFFFFF;
  }
   
  /***For Other Browsers ***/
  ::-o-selection {
      background-color: #352e7e;
      color: #BFFFFF;
  }
   
  ::-ms-selection {
      background-color: #352e7e;
      color: #BFFFFF;
  }
   
  /*** For Webkit ***/
  ::-webkit-selection {
      background-color: #352e7e;
      color: #BFFFFF;
 }
 
 .titelkader {
     border-bottom: lightgrey 1px solid;
     border-right: lightgrey 1px solid;
     }
 
 .globalbox {
     background-color: white;
     border: 1px lightgray solid;
     width: 100%;
     
 } 


 .saved-box {
    background-color: #92C160;
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #fff;
    padding: 15px 15px 15px 30px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 7px center;
    opacity: 0.7;
    filter: alpha(opacity=70);
    vertical-align: middle;
    box-shadow: 4px 4px 4px #000;
    -webkit-box-shadow: 4px 4px 4px #000;
    -moz-box-shadow: 4px 4px 4px #000;
    z-index: 99;    
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
}

.saved-box2 {
    background-color: red;
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #fff;
    padding: 15px 15px 15px 30px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 7px center;
    opacity: 0.7;
    filter: alpha(opacity=70);
    vertical-align: middle;
    box-shadow: 4px 4px 4px #000;
    -webkit-box-shadow: 4px 4px 4px #000;
    -moz-box-shadow: 4px 4px 4px #000;
    z-index: 99;
}
 
.saved-box3 {
    background-color: grey;
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #fff;
    padding: 15px 15px 15px 30px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 7px center;
    opacity: 0.7;
    filter: alpha(opacity=70);
    vertical-align: middle;
    box-shadow: 4px 4px 4px #000;
    -webkit-box-shadow: 4px 4px 4px #000;
    -moz-box-shadow: 4px 4px 4px #000;
    z-index: 99;
}
 
 .hidden {
        display: none;
      }

 .ui-dialog { z-index: 9999 !important ;}     
.error {
    border: solid 2px red; 
}



.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}


.art-headright
{
  display: inline-block;
  position: absolute;
  width: 500px;
  top: 15px;
  left:  55%;
  text-align: right;
  margin-left: -30px !important;
  line-height: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 101;
  
font-size: 18px;
font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
font-weight: normal;
text-decoration: none;


  padding: 0;
  margin: 0;
  color: grey !important;
  white-space: nowrap;
}

.art-headright2
{
  display: inline-block;
  position: absolute;
  width: 500px;
  top: 40px;
  left: 55%;
  text-align: right;
  margin-left: -30px !important;
  line-height: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 101;
  
font-size: 18px;
font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
font-weight: normal;
text-decoration: none;


  padding: 0;
  margin: 0;
  color: #068DF4 !important;
  white-space: nowrap;
}

.art-headright3
{
  display: inline-block;
  position: absolute;
  width: 500px;
  top: 70px;
  left: 55%;
  text-align: right;
  margin-left: -30px !important;
  line-height: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 101;
  
font-size: 11px;
font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
font-weight: normal;
text-decoration: none;


  padding: 0;
  margin: 0;
  color: grey !important;
  white-space: nowrap;
}

.art-headright4
{
  display: inline-block;
  position: absolute;
  width: 500px;
  top: 82px;
  left: 55%;
  text-align: right;
  margin-left: -30px !important;
  line-height: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 101;
  
font-size: 11px;
font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
font-weight: normal;
text-decoration: none;


  padding: 0;
  margin: 0;
  color: grey !important;
  white-space: nowrap;
}







.table_controles1 {
    font-size: 10px;
    border: 2px solid black;
    
}


.tdborder {
    border: 1px dotted grey;
    
}

.tdborder2 {
        border-left: 1px dotted grey;
}

.tdborder3 {
    border-top: 1px dotted grey;
    border-left: 1px dotted grey;
    border-right: 1px dotted grey;
    border-bottom: 2px solid grey;
}


.linaz_popupheader {
    width:  98%;
    height: 25px;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #4396C7;
    padding-left: 10px;
    padding-top: 3px;
    
}

.linaz_popupheader_red {
    width:  98%;
    height: 25px;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: red;
    padding-left: 10px;
    padding-top: 3px;
    
}


.shadowbox1 {
    width: 500px;
    height: 225px;
    float: left;
    background-color: #FCFDFD;
    margin-top: 40px;   
    margin-left: 220px;
    
    padding:25px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox2 {
    width: 600px;
    height: 250px;
    background-color: #FCFDFD;
    float: left;
    margin-top: 40px;   
    margin-left: 100px;
    margin-bottom: 40px;
    padding:25px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_rap {
    width: 50%;
    height: 250px;
    background-color: #FCFDFD;
    float: left;
    margin-top: 40px;   
    margin-left: 10px;
    margin-bottom: 40px;
    padding:25px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox2save {
    width: 600px;
    height: 150px;
    background-color: #FCFDFD;
    text-align:  center;
    margin-top: 50px;
    margin-right: auto;   
    margin-left: auto;
    padding:25px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_login {
    width: 70%;
    height: 200px;
    float: left;
    background-color: #FCFDFD;
    margin-top: 100px;   
    margin-left: 300px;
    margin-bottom: 100px;
    padding:25px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_loginmobile {
    width: 70%px;
    float: left;
    background-color: #FCFDFD;
    padding:25px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox3 {
    width: 600px;
    float: left;
    margin-top: 40px;   
    margin-left: 160px;
    background-color: #FCFDFD;
    padding:25px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox4 {
    width: 90%;
    height: 550px;
    background-color: #FCFDFD;
    
    margin-top: 15px;   
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding:25px;
    border:solid 1px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}
.shadowbox_wide {
    
    float: left ;
    width: 99%;
    margin-top: 10px;   
    margin-left:0px;
    margin-bottom: 20px;
    padding:10px;
    background-color: #FCFDFD;
    border:solid 1px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_wide22 {
    
    float: left ;
    width: 95%;
    margin-top: 10px;   
    margin-left:0px;
    margin-bottom: 20px;
    padding:10px;
    background-color: #FCFDFD;
    border:solid 1px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_wide_red {
    
    float: left ;
    width: 95%;
    margin-top: 10px;   
    margin-left:0px;
    margin-bottom: 20px;
    padding:10px;
    border:solid red 1px ;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_wide_verantwoordelijke {
    
    float: left ;
    width: 95%;
    color: white;
    margin-top: 10px;   
    margin-left:0px;
    margin-bottom: 20px;
    padding:10px;
    border:solid blue 1px ;
    background-color: blue;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}


.shadowbox_wide_green {
    
    float: left ;
    width: 95%;
    margin-top: 10px;   
    margin-left:0px;
    margin-bottom: 20px;
    padding:10px;
    border:solid green 1px ;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_wide_blue {
    
    float: left ;
    width: 95%;
    margin-top: 10px;   
    margin-left:0px;
    margin-bottom: 20px;
    padding:10px;
    border:solid blue 1px ;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}


.shadowbox_wide_thin {
    
    float: left ;
    width: 95%;
    margin-top: 10px;   
    margin-left:10px;
    margin-bottom: 20px;
    padding:15px;
    border:solid 1px #CCCCCC;
    background-color: #FCFDFD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}


.shadowbox_wide_notify {
    
    background-color: green;
    color: white;
    font-size: 18px;
    text-align: center;
    float: left ;
    width: 95%;
    margin-top: 10px;   
    margin-left:10px;
    margin-bottom: 20px;
    padding:15px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_wide_incomplete {
    
    background-color: red;
    color: white;
    font-size: 18px;
    text-align: center;
    float: left ;
    width: 100%;
    margin-top: 10px;   
    margin-left:-10px;
    margin-bottom: 20px;
    padding:15px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_wide_error {
    
    float: left ;
    width: 98%;
    margin-top: -40px;
    margin-bottom: 40px;   
    margin-left:25px;
    padding:15px;
    color: black;
    text-align: center;
    font-size: medium;
    background-color: lightgrey;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}


.shadowbox_wide2 {
    
    float: left ;
    width: 93%;
    margin-top: 0px;   
    margin-left:0px;
    padding:25px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_search {
    
    float: right ;
    width: 69%;
    margin-top: -65px;   
    margin-left:0px;
    margin-right:  15px;
    padding:5px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}

.shadowbox_tel {
    
    float: left ;
    width: 90%;
    margin-top: 0px;   
    margin-left:0px;
    margin-right:  15px;
    padding:5px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:10px 10px 5px #cccccc;
    -webkit-box-shadow:10px 10px 5px #cccccc;
    box-shadow:10px 10px 5px #cccccc;
}


.nonshadowbox_left {
    
    float: left ;
    width: 25%;
    margin-top: 15px;   
    margin-left:0px;
    margin-right: 0px;
    padding:5px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
} 

.nonshadowbox_left3 {
    
    float: left ;
    width: 20%;
    margin-top: 15px;   
    margin-left:0px;
    margin-right: 0px;
    padding:5px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
} 

.nonshadowbox_leftwide {
    
    float: left ;
    width: 76%;
    margin-top: 15px;   
    margin-left:10px;
    margin-right: 0px;
    padding:5px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}   

.nonshadowbox_left2 {
    
    float: left ;
    width: 33%;
    margin-top: 15px;   
    margin-left:17px;
    margin-right: 0px;
    padding:5px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}   

.nonshadowbox_half {
    
    float: left ;
    width: 46%;
    margin-top: 15px;   
    margin-left:17px;
    margin-right: 0px;
    padding:5px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}   

.nonshadowbox_full {
    
    float: left ;
    width: 95%;
    margin-top: 15px;   
    margin-left:17px;
    margin-right: 0px;
    padding:5px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}   

.nonshadowbox_main {
    
    float: right ;
    width: 70%;
    margin-top: 15px;   
    margin-left:0px;
    margin-right:  5px;
    padding:5px;
    border:solid 2px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
}

/* Javascript css UI */

 .ui-tooltip, .arrow:after {
    background: white;
    border: 1px solid black;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: black;
    border-radius: 10px;
    font: bold 24px Sans-Serif;
    font-size: 24px;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  

/* Autocomplete */

.input_container {
	height: 30px;
	float: left;
    margin-top:  15px;
    margin-left: -22px;
}

.input_container input {
	height: 20px;
	width: 375px;
	padding: 3px;
	border: 1px solid #000;
	border-radius: 0;
}

.input_container ul {
	width: 375px;
    max-height: 225px;
    overflow: scroll;
	border: 1px solid red;
	position: absolute;
	z-index: 9;
	background: #f3f3f3;
	list-style: none;
}

.input_container ul li {
	padding: 2px;
}
.input_container ul li:hover {
	background: #eaeaea;
}
#country_list_id {
	display: none;
}

.container-wrap {
    
	height: 450px;
	overflow: auto;
}

.container-wrap2 {
    
	height: 250px;
	overflow: auto;
}

.container-wrap3 {
    
	height: 365px;
	overflow: auto;
}

/*** notes ***/


.note{
	height:150px;
	padding:10px;
	width:150px;
	position:absolute;
	overflow:hidden;
	cursor:move;
	
	font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
	font-size:22px;
	
	/* Adding a CSS3 shadow below the note, in the browsers which support it: */
	-moz-box-shadow:2px 2px 0 #DDDDDD;
	-webkit-box-shadow:2px 2px 0 #DDDDDD;
	box-shadow:2px 2px 0 #DDDDDD;
}

#fancy_ajax .note{	cursor:default; }

/* Three styles for the notes: */

.yellow{
	background-color:#FDFB8C;
	border:1px solid #DEDC65;	
}

.blue{
	background-color:#A6E3FC;
	border:1px solid #75C5E7;	
}

.green{
	background-color:#A5F88B;
	border:1px solid #98E775;	
}

.red{
	background-color:#FF7373;
	border:1px solid #FF2626;	
}

/* Each note has a data span, which holds its ID */
span.data{	display:none; }

/* The "Add a note" button: */
#addButton{
	position:absolute;
	top:-50px;
	left:0;
}

/* Green button class: */
a.green-button,a.green-button:visited{
	color:black;
	display:block;
	font-size:10px;
	font-weight:bold;
	height:15px;
	padding:6px 5px 4px;
	text-align:center;
	width:60px;
	
	text-shadow:1px 1px 1px #DDDDDD;
	background:url(../../images/sticky/button_green.png) no-repeat left top;
}

a.green-button:hover{
	text-decoration:none;
	background-position:left bottom;
}

.author{
	/* The author name on the note: */
	bottom:10px;
	color:#666666;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	position:absolute;
	right:10px;
}

#main{
	/* Contains all the notes and limits their movement: */
	margin:0 auto;
	position:relative;
	width:980px;
	height:500px;
	z-index:10;
	background:url(imgages/sticky/add_a_note_help.gif) no-repeat left top;
}

h3.popupTitle{
	border-bottom:1px solid #DDDDDD;
	color:#666666;
	font-size:24px;
	font-weight:normal;
	padding:0 0 5px;
}

#noteData{
	/* The input form in the pop-up: */
	height:200px;
	margin:30px 0 0 200px;
	width:350px;
}

.note-form label{
	display:block;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-bottom:3px;
}

.note-form textarea, .note-form input[type=text]{
	background-color:#FCFCFC;
	border:1px solid #AAAAAA;
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	height:60px;
	padding:5px;
	width:300px;
	margin-bottom:10px;
}

.note-form input[type=text]{	height:auto; }

.color{
	/* The color swatches in the form: */
	height:10px;
	margin:0 5px 0 0;
	background-color: red;
        text-align: center;
}


#note-submit{	margin:20px auto; }

.footer-hk {
    position: fixed;
    background-color: lightgreen ;
    color: white;
    font-size: 18px;
    font-family: sans-serif;
    text-align: center;
    z-index: 100; 
    bottom: 0; 
    left: 0;
    width: 100%;

}

.blinky {
  width: 50px;
  height: 50px;
 -webkit-animation: NAME-YOUR-ANIMATION 1s infinite; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION 1s infinite; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION 1s infinite; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
0%, 49% {
    background-color: red;
    
}
50%, 100% {
    background-color: #FF7373;
    
}
}