a.myLinks:hover {
    text-decoration: underline!important;
}

ul.myList {
    list-style: none;
}

table.myTable {
	border: none;
}

tr.myTableRow {
	text-align: left; 
	color: black;
	font-size: 12px;
}

th.myTableHeader {
	text-align: left!important; 
	color: black!important;
}


select.mySelect	{
  border: 0px solid #fff;
  background-color: transparent;
  padding-bottom: 14px;

   font-size: 14px;
   color: #ffffff;
   height: 100%;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
	appearance: none!important;

  background-image:
     linear-gradient(to top right,
           rgba(255,255,255,0) 0%,
           rgba(255,255,255,0) calc(50% - 1px),
           rgba(255,255,255,1) 50%,
           rgba(255,255,255,0) calc(50% + 1px),
           rgba(255,255,255,0) 100%),
	linear-gradient(to top left,
           rgba(255,255,255,0) 0%,
           rgba(255,255,255,0) calc(50% - 1px),
           rgba(255,255,255,1) 50%,
           rgba(255,255,255,0) calc(50% + 1px),
           rgba(255,255,255,0) 100%)
       ;
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 11px) calc(1em + 2px),
    calc(100% - .5em) .5em;
  background-size:
    10px 10px,
    10px 10px,
    1.5em 1.5em;
  background-repeat: no-repeat;
	}
	
select.mySelect::-ms-expand {
    display: none;
}

select.mySelect:focus {
	color: #5d5d5d;
    border: 0px solid #fff;
	border-color: transparent;
	box-shadow: none;
	background-color:transparent!important;
}