body {
	margin: 0;
	padding: 0;
	background: #e2e2e2;
	color: #292929;
	font-size: 15px;
}
h2 {
	font-size: 230%;
	font-weight: bold;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
h3 {
	font-size: 134%;
	font-weight: norm;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
span.sysname {
  margin-left: 1.5em;
  color: #ddd;
}
td.play {
	background: url(img/playpause.png) no-repeat center center;
	min-height: 13px;
	min-width: 23px;
}
td.yui-dt0-col-remote div, td.yui-dt0-col-local div, td.yui-dt0-col-connected div, td.yui-dt0-col-linenr div {
	text-align: right;
}
.yui-dt .yui-dt-hidden
{
  display:none;
}
input[type='text'], input[type='password'] {
	height: 25px;
	line-height: 25px;
	border-radius: 2px;
	border: 1px solid #ccc;
}
div.IO-in {
	background: url(img/incoming.png) no-repeat center center;
	min-height: 20px;
	min-width: 20px;
}
div.IO-out {
	background: url(img/outgoing.png) no-repeat center center;
	min-height: 20px;
	min-width: 20px;
}
span.pageheadersub {
	font-size: 70%;
}
div.pageheader {
	background-color: #292928;
	color: #ffffff;
	font-size: 140%;
	font-weight: bold;
	padding: 0.3em;
	text-align: center;
	padding: 0.5em;
}
div.altpagecontent {
	font-size: 90%;
}
div.pagecontent, div.pagecontent_dialog {
	margin: 1.5em 1.5em 0.5em 1.5em;
	font-size: 90%;
	background-color: transparent;
	min-height: 20em;
}
html {
	background-color: #e2e2e2;
}
html.login {
	background-color: #e2e2e2;
}
div#buttons {
	padding: 0.2em 0.2em 0.2em 0.8em;
	margin: 0em;
	background-color: #eeeeee;
	color: #000000;
}
div#buttons2 {
	padding: 0em 0.2em 0em 0.8em;
	margin: 0em;
	background-color: #292928;
	color: #969696;
	min-height: 70px;
	line-height: 70px;
	border-bottom: 0px;
	font-size: 16px;
}
div#buttons2 table tr td:nth-child(2) {

}
div.genfoot {
	padding: 1em;
	color: #888;
}
td {
	padding: 0.3em;
}
table.sm td {
	padding: 0em;
}
table.stat {
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 2px solid black;
	border-collapse: collapse;
}
table.calllist {
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: 100%;
	border: 2px solid black;
	border-collapse: collapse;
}
table.stat td {
	border-bottom: 1px solid gray;
	border-right: 1px solid #ddd;
}
td.calllisthdr, td.stathdr {
	background-color: #eeeeee;
	color: black;
	text-align: left;
}
a.navcur {
	background-color: #5577dd;
	color: white;
}
a.navnum {
	color: #444488;
}
a.navcur, a.navnum {
	text-decoration: none;
}
div.navgray {
	color: #888888;
}
a.navnum, a.navcur {
	padding: 10px 14px;
	margin: 0 -1px 0 0;
}
@media screen and (max-width:800px) 
{
  a.navnum, a.navcur {
    padding: 10px 10px;
  }
}
a.nav, div.navgray {
	padding: 11px 14px;
	margin: 0 -1px 0 0;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	float: left;
	height: 16px;
}
a.navnum, a.navcur {
	border: 1px solid #cbcbcb;
	background: #ffffff;
	border-radius: 0px;
	color: #252525;
	font-size: 16px;
	float: left;
	height: 18px;
	line-height: 18px;
}
a.navcur {background-color:#a9b844; color:#fff;}
div.navgray {
}
div.navdots {
	border: 1px solid #cbcbcb;
	background: #ffffff;
	border-radius: 0px;
	color: #252525;
	font-size: 15px;
	margin: 0 -1px 0 0;
	padding: 10px 13px;
	float: left;
}
a.navnum:hover, a.nav:hover {
	background-color: #D0D0D0;
}
div.nav, div.navnum, div.navcur, div.navgray, div.navdots {
	display: inline-block;
}
div.navcontainer {
	margin-right: 1em;
	clear: both;
	display: inline-block;
* display: inline;
}
a.nav img, div.navgray img {
	margin: 3px 0 0 0;
	padding: 0;
	vertical-align: middle;
}
*div.blkhelper {
	padding-top: 1em;
	padding-bottom: 1em;
}
td.searchbtn {
	text-align: center;
}
div.messages {
	clear: both;
	margin: 1em;
}
div.pagecontent div.messages, div.pagecontent_dialog div.messages {
	margin: 0;
}
div.msgerr {
	padding-left: 25px;
	background-image: url("img/error-white.png");
	background-repeat: no-repeat;
	background-position: left 20px center;
	margin-top: 0.3em;
	padding-bottom: 2px;
	background-color: #C84235;
	color: #FFF;
	padding: 20px 20px 20px 69px;
	font-size: 13px;
}
div.msginfo {
	padding-left: 25px;
	background: url(yui/container/assets/info16_1.gif) no-repeat;
	margin-top: 0.3em;
	padding-bottom: 2px;
}
td.dt, td.dur, td.rp, td.lp, td.cp, td.number {
	text-align: right;
}
td.play {
	text-align: center;
}
div.genfoot {
	font-size: 0.7em;
	clear: both;
	padding-top: 1em;
}
div.callcnt {
	font-size: 1.0em;
	clear: both;
	font-size: 15px;
	display: inline;
	color: #252525;
	margin-left: 1em;
}
div#message {
	position: fixed;
	display: block;
	top: 50%;
	left: 10%;
	width: 80%;
	padding-top: 2em;
	padding-bottom: 2em;
	background: white;
	border: black solid 1pt;
	text-align: center;
	font-size: 1.0em;
}
div.emptyrow {
	clear: both;
	margin-bottom: 0.5em;
}
ul, li {
	list-style: circle inside;
}
li {
	margin: 0.2em 0em 0.2em 2em;
}
td.stathead {
	background: #636363;
	color: #fff;
}
td.statspace {
	height: 1em;
}
table.statchoice {
	margin: 0.5em;
}
.yui-skin-sam .mask {
	background-color: #000;
	opacity: .55;
	filter: alpha(opacity=5);
}
a#HelpLink {
	margin-left: 1em;
}
div.clrbox {
	padding: 2em;
	background-color: #fff;
	border: 1px #ccc solid;
}
div.clrhead {
	margin-top: 2em;
	padding-top: 0.5em;
	padding-bottom: 3px;
	font-weight: bold;
}
div.clrhead span {
	color: white;
	background-color: #a9b844;
	padding: 5px 10px;
	border-radius: 2px 2px 0 0;
}
table.main-elements td {
	padding: 0px;
}
div.shadowed {
	box-shadow: 4px 4px 5px 0 #bbb;/*
	-moz-box-shadow
	-webkit-box-shadow
	*/
}

span.CallButtonRow {
	display: inline-block;
}

.CallButtonRow {
	padding: 0px;
	background-color: #363636;
	margin: 0;
	border-top: 1px solid #4a4a4a;
	padding-left: 10px;
	color: #fff;
}
.CallButtonRow .yui-button {
	display: inline-block;
	margin: 0;
}
.CallButtonRow .yui-button:hover {
	background-color: #a9b844;
}
.CallButtonRow .yui-push-button-disabled:hover {
	background-color: #363636;
}
@media screen and (max-width:800px) 
{
  .CallButtonRow .yui-button button {
    padding-left: 23px;
    padding-right: 23px;
  }
  .CallButtonRow .yui-button#SearchBtn button {
    padding-right: 38px;
  }
}
@media screen and (min-width:801px) 
{
  .CallButtonRow .yui-button button {
    padding-left: 24px;
    padding-right: 38px;
  }
}
.CallButtonRow .yui-button button {
	padding-top: 0;
	display: block;
	padding-bottom: 0;
	border-right: 1px solid #4a4a4a;
	border-radius: 0px;
	background-color: #363636
}
.CallButtonRow .yui-button #SearchBtn-button {
	background-image: url('img/split-button-arrow-white.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding-left: 10px;
	background-color: transparent;
	border-radius: 0px;
}
table#choicetab #SearchBtn #SearchBtn-button {
	background-image: url('img/edit-find.png') , url('img/split-button-arrow-white.png');
	background-position: 10px 50% , right 5px center;
	padding-right: 35px;
}
div#maintable {
	overflow: auto;
	margin-bottom: 0.5em;
}
div#maintable table {
	width: 100%;
}
div.listingblk {
	margin: 1.5em 1.5em 0.5em 1.5em;
}
div.listem {
	background-color: transparent;
	color: #fff;
	margin: 30px 0;
}
/* top menu, buttons same color as background */
div#buttons2 {
  height: 70px;
  overflow: hidden;
}
div#buttons2 .yui-button {
	background: default;
	border-color: default;
	line-height: 70px;
	height: 70px;
	float: left;
}
.yui-button#ConfGridBtn button {
  background-image: url('img/header-tools.png');
  background-repeat: no-repeat;
  background-position: 10px 10px;
  padding : 20px;
}
div#buttons2 button {
	color: #969696;
	font-size: 18px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-right: 20px;
	background-color: transparent;
	height: 70px;
	line-height: 70px;
}
div#buttons2 span.first-child {
	border-color: default;
}
/* Add background images to top menu buttons */
/*
div#buttons2 button#HomeBtn-button {
    background-image: url(img/header-home.png);
}

div#buttons2 button#ToolsBtn-button {
    background-image: url(img/header-tools.png);
}

div#buttons2 button#ConfigBtn-button {
    background-image: url(img/header-options.png);
}

div#buttons2 button#LogoutBtn-button {
    background-image: url(img/header-logoff.png);
}
*/

/* drop down menu in the same colors */
.yui-skin-sam .yuimenu .bd {
	background: default;
	color: default;
}
.yui-skin-sam .yuimenu .yuimenuitemlabel {
	color: default;
}
.yuimenu .yuimenuitem .yuimenuitemlabel-selected {
	color: #000;
	background-color: #f0f0f0;
	cursor: pointer;
}
/* remove blue color from odd rows of table */
.yui-dt-data tr.yui-dt-odd {
	background-color: default;
}
table.logon td {
	background-color: #e6f4ff;
	color: #000000;
}
table.logon td.title {
	background-color: #88ccff;
	color: #000000;
}
/*remove default focus effect from tbody*/
.yui-dt-data:focus {
	outline: none;
}
*:focus {
	outline: none;
}
/*amend main menu dropdown appearance*/
#buttons2 .yui-menu-button button {
	background-image: url('img/menu-button-arrow-grey.png');
	background-position: right center;
}
.yui-skin-sam #buttons2 .yuimenu {
	background-image: url('img/menu-dropdown-bg.png');
	padding-top: 0px;
	background-repeat: no-repeat;
	background-position: 40px 0px;
	box-shadow: 0px 0px 6px #232323;
	top: 61px !Important;
}
.yui-skin-sam #buttons2 .yui-button-hover button, .yui-skin-sam #buttons2 .yui-menu-button-active button {
	color: #fff;
}
.yui-skin-sam #buttons2 .yui-menu-button-active button, .yui-skin-sam #buttons2 .yui-menu-button.yui-button-hover button {
	background-image: url('img/menu-button-arrow-white.png');
}
/*Amend Calls Screen Secondary Buttons */
.CallButtonRow .yui-button#DeleteBtn button {
	background-image: url('img/delete-white.png');
}
.CallButtonRow .yui-button-disabled#DeleteBtn button {
	background-image: url('img/delete-dis.png');
}
/* Amend Yui Button */
.yui-button button {
	border-radius: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.yui-button button:hover {
	background-color: #5d5d5d;
}
/* Amend display on all Buttons */
.yui-button#RestartBtn #RestartBtn-button, .yui-button#OkBtn #OkBtn-button, .yui-button#CancelBtn #CancelBtn-button, .yui-button#ExportConfigureBtn #ExportConfigureBtn-button, .yui-button#DelBtn #DelBtn-button, .yui-button#EditBtn #EditBtn-button, .yui-button#AddBtn #AddBtn-button, .yui-button#ExportConfigureBtn #ExportConfigureBtn-button, .yui-button#ExpBtn #ExpBtn-button, .yui-button#ImpBtn #ImpBtn-button, .yui-button#PmViewBtn #PmViewBtn-button, .yui-button#AnswerTypeBtn #AnswerTypeBtn-button, .yui-button#AddToPrj #AddToPrj-button, .yui-button#RemoveFromPrj #RemoveFromPrj-button, .yui-button#AddMemBtn #AddMemBtn-button, .yui-button#DelMemBtn #DelMemBtn-button, .yui-button#OKBtn #OKBtn-button, .yui-button#SearchBtn2 #SearchBtn2-button {
	background-position: left 10px center;
	padding-left: 35px;
	padding-right: 15px;
	background-repeat: no-repeat;
	min-width: 100px;
}
/* Amend Add, Edit Delete Buttons */
.yui-button#AddBtn #AddBtn-button, .yui-button#AddToPrj #AddToPrj-button, .yui-button#AddMemBtn #AddMemBtn-button {
	background-color: #39b54a;
	color: #fff;
	background-position: left 15px center;
}
.yui-button#EditBtn #EditBtn-button {
	background-color: #363636;
	color: #fff;
	background-position: left 15px center;
}
.yui-button#DelBtn #DelBtn-button, .yui-button#RemoveFromPrj #RemoveFromPrj-button, .yui-button#DelMemBtn #DelMemBtn-button {
	background-color: #c84235;
	color: #fff;
	background-position: left 15px center;
}
/*Amend Restart Button on VoIP */

.yui-button#RestartBtn #RestartBtn-button {
	background-color: #c84235;
	color: #fff;
	padding-left: 45px;
	background-image: url('img/restart.png');
}
/*Amend OK and Cancel Buttons */

.yui-button#OkBtn #OkBtn-button, .yui-button#OKBtn #OKBtn-button {
	background-color: #39b54a;
	color: #fff;
	padding-left: 45px;
	background-image: url('img/check-white.png');
}
.yui-button#CancelBtn #CancelBtn-button {
	background-color: #c84235;
	color: #fff;
	background-image: url('img/delete.png');
}
/* Amend Button Styles */

.yui-button#AddToPrj #AddToPrj-button {
	background-image: url('img/add.png');
}
.yui-button#RemoveFromPrj #RemoveFromPrj-button {
	background-image: url('img/delete.png');
}
.yui-button#ExportConfigureBtn #ExportConfigureBtn-button {
	background-image: url('img/configure.png');
}
.yui-button#ExpBtn #ExpBtn-button {
	background-image: url('img/export.png');
}
.yui-button#ImpBtn #ImpBtn-button {
	background-image: url('img/import.png');
}
.yui-button#PmViewBtn #PmViewBtn-button {
	background-image: url('img/permissions.png');
}
.yui-button#AnswerTypeBtn #AnswerTypeBtn-button {
	background-image: url('img/question-mark.png');
}
.yui-button#AnswerTypeBtn #AnswerTypeBtn-button {
	background-image: url('img/question-mark.png');
}
.yui-button#SearchBtn2 #SearchBtn2-button {
	background-image: url('img/edit-find.png');
	min-width: 160px;
}
/* Amend Button Hover Styles */


.yui-button#SearchBtn2 #SearchBtn2-button:hover {
	background-color: #919f34;
}
.yui-button #ResetSearchBtn-button:hover, .yui-button button:hover, #choicetab #SearchBtn #SearchBtn-button:hover {
	background-color: #828282
}
.yui-button #SaveQueryBtn-button:hover {
	background-color: #151515
}
/* Amend Agent Evaluation Radio Button Group */

#cepart .yui-radio-button-checked button {
	background-color: #363636
}
.CallButtonRow .yui-button.yui-button-disabled button {
	background-color: transparent;
	color: #737373
}
.blkhelper {
	margin-top: 2em;
	margin-bottom: 2em
}
/* Amend First, Previous Pagination */

.yui-skin-sam .yui-pg-first {
	background-image: url('img/nav-first.png');
}
.yui-skin-sam .yui-pg-previous {
	background-image: url('img/nav-previous.png');
}
.yui-skin-sam .yui-pg-last {
	background-image: url('img/nav-last.png');
}
/*Amend Login Screen */
body.login {
	height:auto;
	min-height:100%;
}
body.login a {
	color: white;
}
.login {
	background-color: #363636;
	color: #fff;
	height: 100%;
}
#login-form {
	margin: 0 auto;
	background-color: #2a2a2a;
	max-width: 250px;
	padding: 40px;
	border-radius: 5px;
}
#login-form table.logon {
	padding: 0;
	margin: 0;
	width:100%;
}
#login-form table.logon .title {
	font-size: 18px;
	font-weight: normal;
}
#login-form table.logon td {
	background-color: transparent;
	border: 0;
	color: #fff;
	width: 100%;
	max-width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
#login-form table.logon td input {
	width: 100%;
}
.yui-skin-sam .yui-button .first-child {
	border: 0;
}
#login-form table.logon #LoginBtn {
	border: 0;
	background: none;
	width: 100%;
}
#login-form table.logon #LoginBtn-button {
	background-color: #a9b844;
	color: #fff;
	background-image: none;
	border-radius: 5px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#login-form table.logon #LoginBtn-button:hover {background-color:#8a9731}
#login-form table.logon div.messages {
	margin: 0;
}
/* Amend Contact List Screen */

div.contact-search-container {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 30px;
}
div.contact-search-container input {
	margin-left: 10px;
}
#cidtab {
	margin-top: 30px;
}
#edit_tab, #treediv, #maintab {
	border: 1px solid #ccc;
	background-color: #fff;
}
#treediv {
	padding: 20px;
}
#treediv table.ygtvtable {
	width: 100%;
}
/* Amend Filter Button on Stats Screen */
	
#choicetab #SearchBtn #SearchBtn-button {
	background: url('img/edit-find.png') 10px 50% no-repeat;
	padding-left: 40px;
	background-color: #9b9b9b;
}
#PrjSelect, .CallButtonRow .project-label {
	position: relative;
	top: -12px;
}
div.marker_match1 div.markeritem_auto {
  background-image: url('img/marker_auto_bg_match1.png');
}
div.marker_match2 div.markeritem_auto {
  background-image: url('img/marker_auto_bg_match2.png');
}
div.marker_match3 div.markeritem_auto {
  background-image: url('img/marker_auto_bg_match3.png');
}
div.marker_nomatch div.markeritem_auto {
  background-image: url('img/marker_auto_bg_nomatch.png');
}
div.markeritem_auto {
	background-image: url('img/marker_auto_bg.png');
}
div.markeritem_auto:hover {
	background-image: url('img/marker_auto_bg_hover.png');
}
div.marker_match1 div.markeritem {
  background-image: url('img/marker_bg_match1.png');
}
div.marker_match2 div.markeritem {
  background-image: url('img/marker_bg_match2.png');
}
div.marker_match3 div.markeritem {
  background-image: url('img/marker_bg_match3.png');
}
div.marker_nomatch div.markeritem {
  background-image: url('img/marker_bg_nomatch.png');
}
div.markeritem {
	background-image: url('img/marker_bg.png');
}
div.markeritem:hover {
	background-image: url('img/marker_bg_hover.png');
}

table td.CallButtonRow h3 {
	padding-left: 20px;
}
table td.CallButtonRow .yui-button {
	border-top: 1px solid #4a4a4a
}
.yui-button#FdCalBtn button, .yui-button#LdCalBtn button {
	background-image: url('img/calendar.png');
	background-color: transparent;
	width: 24px;
	height: 24px;
	padding: 0;
	line-height: 24px;
	min-height: 0;
	border-radius: 0;
}
.yui-overlay.yuimenu {
	background-image: url('img/menu-dropdown-bg.png');
	padding-top: 9px;
	background-repeat: no-repeat;
	background-position: 40px 0px;
	box-shadow: 0px 0px 6px #232323;
	background-color:#fff;
}
.yui-skin-sam .yuimenu .topscrollbar, .yui-skin-sam .yuimenu .bottomscrollbar {
	border: 0;
}

.listingblk .callcnt {position:relative; top:0px;}


/*Statistics Page Table Overrides */

.statchoice {border:0px;}

.statchoice td {background-color:#fff; border:1px solid #ccc;}

.statchoice td.stathead {background-color: #636363;
    color: #fff;}

.statchoice td.statspace {background-color:transparent; border:0px;}

table.logon {
	border-collapse: separate;
	border-spacing: none;
	max-width: 100%;
}
table.logon td {
	padding: 0.5em 1.5em 0.5em 1.5em;
	border: 1px solid #ccc;
	border-style: none;
	xxx-background-color: #e6f4ff;
}
table.logon td.title {
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	xxx-background-color: #88ccff;
}
table.logon tr.first td {
	border-top-style: solid;
}
table.logon tr.last td {
	border-bottom-style: solid;
}
table.logon tr td.first {
	border-left-style: solid;
}
table.logon tr td.last {
	border-right-style: solid;
}
div#cepart {
    background-color: #fff;
    padding: 1em;
    border: solid 1px #ccc;
    border-radius: 0px;
    -moz-border-radius: 0px;
}

div.ceselect-actblk
{
}
table.ceselect-actblk
{
}
div.ceselect-div
{
	padding-left:0; padding-top:0; margin-bottom:2em; margin-top:2em;
}
div.ceselect-div div.CallButtonRow {
	color:#fff; padding-left:0px; padding-right:1px;
}
div.ceselect-div td.SideTd {
	background-color:#fff; border:1px solid #ccc;
}

/* from list_searchblk.htm */

div#search
{
	margin: 0.5em;
    border-bottom:1px solid #ccc;
    padding: 0px;
    margin: 0px;
    background-color: #f6f6f6;
}

table.search
{
	border-collapse: separate;
	border-spacing: none;
	margin: 0;
	padding: 0;
	border-radius: 5px;
}

table.search td {
    background-color: transparent;
    border: none;
    border-style: none;
    padding: 0.3em;
}
/* Outer 4 corners */
table.search tr.first td.first { border-top-left-radius: 5px; }
table.search tr.first td.last { border-top-right-radius: 5px; }
table.search tr.last td:first-child { border-bottom-left-radius: 5px; }
table.search tr.last td:last-child { border-bottom-right-radius: 5px; }

table.search tr.first td { border:none}
table.search tr.last td { border:none}
table.search tr td.first { border:none }
table.search tr td.last { border:none }

td.search-part td
{
	text-align:left;
}
td.search-part td.right
{
	text-align:right;
}

table.search table.inner-search td
{
	border-left-style: none;
	border-right-style: none;
}

table.search td.search-part
{
	padding-left: 2em;
	padding-right: 2em;
}

div#search tr.up td
{
	border-top: 1px solid #cccccc;
}
div#search span.title {
    font-weight: normal;
    font-size: 15px;
    color: #606060;
}
div#searchButtonsRow span.yui-button
{
  padding:5px;
}
div#search div.maintitle {
    font-weight: bold;
    font-size: 25px;
    color: #333;
    border: 0;
    background-color: transparent;
    padding: 0.4em;
    text-align: center;
}
div#search td.footer {
    background-color: transparent;
    border: none;
    line-height: 200%;
}
div.search-part
{
  margin:1em;
}
div#search select.sz
{
	width : 12em;
}
div#search input.sz
{
	width : 12em;
}
div#search div.rc
{
	width : 15.5em;
}
@media screen and (max-width:800px) 
{
  span.header-username
  {
    display:none;
  }
  .header-menu-text
  {
    display:none;
  }
  .onlyWhenRoom
  {
    display:none;
  }
}
@media screen and (min-width:801px) 
{
  .header-menu-icon
  {
    padding-right: 10px;
    position: relative;
    top: 3px;
  }
}