#employeePic {
	float: left;
	padding-right: 10px;
	padding-bottom: 16px;
}

#employeeDetails p {
	margin-top: 0px;
	margin-bottom: 8px;
}

#actionList {
	clear: both;
}



.ui-bar-a {
    border: 0;
    background: #58cc02;
    color: #fff;
    font-weight: normal;
    /*text-shadow: unset;*/
    text-shadow: 0 -0.5px 0.5px #000;
    background-image: linear-gradient(top, #58cc02, #111);
}

.ui-btn-up-a {
	text-shadow: 0 -0.5px 0.5px #000;
}


@font-face {
    font-family: 'din-copy-new';
    src: url('KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'din-copy-bold';
    src: url('dcf3e686284c5e7eeca4f8e200392c01.woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'din-copy-light';
    src: url('8df26391f330be315074ddd7b74b66b8.woff2');
    font-weight: 500;
}



html *{font-weight: 500;font-family: "din-copy-light";text-shadow: unset !important;-webkit-font-smoothing: antialiased;}

.ui-btn-inner {
    border: 0;
}

.ui-btn-up-a {
    border: 1px solid #fff;
    background: #58cc02;
    font-weight: normal;
    color: #fff;
    /*text-shadow: unset;*/
    background-image: none;
}


.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
    min-height: unset; 
}

.ui-li-thumb, .ui-li-icon {
    position: absolute;
    left: 1px;
    top: 0;
    max-height: 100%;
    max-width: unset;
}

.titles{display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}

.titles h4,  .titles h2{font-size: 22pt;font-family: 'din-copy-bold';font-weight: 700}
.titles h4{color: #58cc02}
.ui-li-heading {
    font-size: 20px;
}

.ui-content {
    
    padding: 20px;
}


#vocabDetails p {margin-top: 0;font-size: 16pt}

.nextprev {display: flex;justify-content: space-between;}

.nextprev a {width:50%}

p,.hometext {letter-spacing: 0.1em;font-size:13pt;font-style: normal;text-shadow: unset;font-weight: normal;}
.hometext {font-size:16pt;}
.ui-content img{}

.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn, .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn {
     border-top-width: 1px;
}
.ui-footer {text-shadow: 0 -0.5px 0.5px #000;}
 
.ui-body-c {background:white;}

.ui-btn-up-c {background: none;}

.ui-bar-b {
    border: 1px solid rgb(28, 176, 246);background: rgb(28, 176, 246);
    }

.ui-btn-active,.ui-btn-down-a  {background: rgb(28, 176, 246);}

#learnmode li{color: white;background: rgb(28, 176, 246);}
 .but-learn-on {background: #1CB0F6 !important;}

.shown{background: lightgrey;}

#backbut {padding: 0 10px;background: white;border: 0;margin-top: 2px;color: #58cc02 }