.seven-cols , .images5 img{
    box-shadow: none !important;
    background: none !important;
}
.seven-cols div {
    color: black !important;
    /*font-weight: 900 !important;*/
    /*text-shadow: 0px 0px #000000;*/
}
    
  	@font-face {
    font-family: Untitled Sans;
    src: url(font/UntitledSans-Light.otf);
}
div,p,span,body,th,td,a{
    font-family: Untitled Sans !important;
}
  body {
    margin: 0px;
}

.images5 img{
    width:45px;
}
.images5 a {
    color: white;
    font-size: 10px;
    text-align: center;
}
.images5 div {
    padding: 0px;
    text-align: center;
}

.images5 a:hover {
    color: white;
    text-decoration:none;
    
}

.perent_icon div span{
        width: 124px;
    display: none;
    position: relative;
    background: #00000078;
    padding: 2px 6px;
    color: white;
    border-radius: 3px;
    left: -32px;
    top: -43px;
    border: 1px solid #00000038;
}

.perent_icon div span::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -22px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.perent_icon div:hover span
{
    display:block !important;
}
.perent_icon div:hover
{
    /*box-shadow: 0px 0px 41px 7px #f0c759;*/
    /*background: #f0c75c4a;*/
}
.perent_icon div{
width: 43px;
    height: 38px;
    border-radius: 50%;
    padding: 9px;
    position: absolute;
}
.right_list li {list-style: none;}
.right_list th,.right_list td {color: white;}

.right_list td {
    min-width: 40px !important;
}

table {
    font-family: BAHNSCHRIFT;
}

.right_list tr {
    border-bottom: 0.6px solid #ffffff63;
    font-size: 13px;
}

.images5 div {
    padding: 0px;
    text-align: center;
}

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 12.1%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 12.1%;
  }
}

.right_list td,.right_list th {
    padding: 7px;
}

.right_list{
	height: 335px;
    overflow: auto;
     scrollbar-width: thin;
     scrollbar-color: black white;
}

/* width */
::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: black; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: black; 
}
.right_list tr:hover{
    background: #FECC8A;
}