.version.index

/* version checker */
	{
	color: #0000FF;
	background-color: #8AB8E8;
}

.html {
	background: #F2F2F2 url("./../images/header-metropolitan-bureau-of-collections-background-overlay.png") repeat center top scroll;
}

#page {
	z-index: 1;
	width: 993px;
	min-height: 500px;
	background-image: none;
	border-style: none;
	border-color: #000000;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
}

#page_position_content {
	margin-top: -36px;
	margin-bottom: -31px;
	width: 0.01px;
}

#pu103 {
	width: 0.01px;
}

#u103 {
	z-index: 2;
	width: 993px;
	margin-right: -10000px;
}

#menuu161 {
	z-index: 6;
	width: 446px;
	margin-right: -10000px;
	margin-top: 15px;
	left: 186px;
}

#u162 {
	width: 87px;
	min-height: 21px;
	margin-right: -10000px;
}

#u165 {
	width: 87px;
	padding-bottom: 4px;
}

#u165:hover {
	width: 87px;
	min-height: 0px;
	margin: 0px;
}

#u165:active {
	width: 87px;
	min-height: 0px;
	margin: 0px;
}

#u166-4 {
	width: 87px;
	min-height: 17px;
	margin-right: -10000px;
	top: 2px;
}

#u165:hover #u166-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 87px;
	margin: 0px -10000px 0px 0px;
}

#u165:active #u166-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 87px;
	margin: 0px -10000px 0px 0px;
}

#u169 {
	width: 87px;
	min-height: 21px;
	margin-right: -10000px;
	left: 89px;
}

#u170 {
	width: 87px;
	padding-bottom: 4px;
}

#u165.MuseMenuActive,
#u170:hover {
	width: 87px;
	min-height: 0px;
	margin: 0px;
}

#u170:active {
	width: 87px;
	min-height: 0px;
	margin: 0px;
}

#u170.MuseMenuActive {
	width: 87px;
	min-height: 0px;
	margin: 0px;
}

#u173-4 {
	width: 87px;
	min-height: 17px;
	margin-right: -10000px;
	top: 2px;
}

#u165.MuseMenuActive #u166-4,
#u170:hover #u173-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 87px;
	margin: 0px -10000px 0px 0px;
}

#u170:active #u173-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 87px;
	margin: 0px -10000px 0px 0px;
}

#u170.MuseMenuActive #u173-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 87px;
	margin: 0px -10000px 0px 0px;
}

#u177 {
	width: 88px;
	min-height: 21px;
	margin-right: -10000px;
	left: 178px;
}

#u180 {
	width: 88px;
	padding-bottom: 4px;
}

#u180:hover {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u180:active {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u183-4 {
	width: 88px;
	min-height: 17px;
	margin-right: -10000px;
	top: 2px;
}

#u180:hover #u183-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u180:active #u183-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u184 {
	width: 88px;
	min-height: 21px;
	margin-right: -10000px;
	left: 268px;
}

#u185 {
	width: 88px;
	padding-bottom: 4px;
}

#u180.MuseMenuActive,
#u185:hover {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u185:active {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u187-4 {
	width: 88px;
	min-height: 17px;
	margin-right: -10000px;
	top: 2px;
}

#u194-4 {
	width: 88px;
	min-height: 17px;
	margin-right: -10000px;
	top: 2px;
}

#u204-4 {
	width: 88px;
	min-height: 17px;
	margin-right: -10000px;
	top: 2px;
}

#u180.MuseMenuActive #u183-4,
#u185:hover #u187-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u185:active #u187-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u191 {
	width: 88px;
	min-height: 21px;
	margin-right: -10000px;
	left: 537px;
}

#u201 {
	width: 88px;
	min-height: 21px;
	margin-right: -10000px;
	left: 357px;
}

#u211 {
	width: 88px;
	min-height: 21px;
	margin-right: -10000px;
	left: 447px;
}

#u192 {
	width: 88px;
	padding-bottom: 4px;
}

#u202 {
	width: 88px;
	padding-bottom: 4px;
}

#u185.MuseMenuActive,
#u202:hover {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u202.MuseMenuActive,
#u192:hover {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u192:active {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u202:active {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u192.MuseMenuActive {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u202.MuseMenuActive {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u194-4 {
	width: 88px;
	min-height: 17px;
	margin-right: -10000px;
	top: 2px;
}

#u185.MuseMenuActive #u187-4,
#u202:hover #u204-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u202.MuseMenuActive #u204-4,
#u192:hover #u194-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u192:active #u194-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u202:active #u204-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u192.MuseMenuActive #u194-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u202.MuseMenuActive #u204-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

/* admin */

#u212 {
	width: 88px;
	padding-bottom: 4px;
}

#u192.MuseMenuActive,
#u212:hover {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u212:active {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u212.MuseMenuActive {
	width: 88px;
	min-height: 0px;
	margin: 0px;
}

#u214-4 {
	width: 88px;
	min-height: 17px;
	margin-right: -10000px;
	top: 2px;
}

#u192.MuseMenuActive #u194-4,
#u212:hover #u214-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}


#u212:active #u214-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u212.MuseMenuActive #u214-4 {
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 17px;
	width: 88px;
	margin: 0px -10000px 0px 0px;
}

#u249-4 {
	z-index: 58;
	width: 460px;
	margin-right: -10000px;
	margin-top: 112px;
	left: 267px;
}

#pu250-3 {
	width: 0.01px;
	margin-top: -1px;
}

#u250-3 {
	z-index: 62;
	width: 68px;
	min-height: 5px;
	margin-right: -10000px;
	margin-top: 277px;
	left: 537px;
}

#u210 {
	z-index: 65;
	width: 993px;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
}

#u252-7 {
	z-index: 67;
	width: 573px;
	min-height: 263px;
	background-color: transparent;
	color: #7F7F7F;
	text-align: justify;
	font-size: 15px;
	line-height: 23px;
	position: relative;
	margin-right: -10000px;
	margin-top: 358px;
	left: 48px;
}

#u253 {
	z-index: 74;
	width: 304px;
	-pie-box-shadow: 6px 6px 8px #7F7F7F;
	box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5);
	background-color: #7F7F7F;
	border-radius: 10px 0px 10px 0px;
	position: relative;
	margin-right: -10000px;
	margin-top: 358px;
	left: 649px;
}

#u260-4 {
	z-index: 77;
	width: 284px;
	min-height: 37px;
	background-color: transparent;
	color: #FFFFFF;
	text-align: center;
	font-size: 21px;
	line-height: 25px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-style: italic;
	margin-bottom: -6px;
	position: relative;
	margin-right: -10000px;
	margin-top: 10px;
	left: 10px;
}

#u254 {
	z-index: 75;
	width: 300px;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
	margin-top: 415px;
	left: 653px;
}

#u261-4 {
	z-index: 81;
	width: 235px;
	min-height: 17px;
	background-color: transparent;
	color: #4172B1;
	font-size: 10px;
	line-height: 12px;
	position: relative;
	margin-right: -10000px;
	margin-top: 561px;
	left: 682px;
}

#pu155 {
	width: 0.01px;
	margin-top: 1px;
}

#u155 {
	z-index: 4;
	width: 993px;
	margin-right: -10000px;
}

#u240-9 {
	z-index: 37;
	width: 429px;
	min-height: 48px;
	margin-right: -10000px;
	margin-top: 33px;
	left: 21px;
}

#u241-8 {
	z-index: 46;
	width: 440px;
	min-height: 59px;
	margin-right: -10000px;
	margin-top: 33px;
	left: 533px;
}

#u242-4 {
	z-index: 54;
	width: 418px;
	min-height: 26px;
	margin-right: -10000px;
	margin-top: 59px;
	left: 288px;
}

body {
	position: relative;
	min-width: 993px;
	padding-top: 36px;
	padding-bottom: 36px;
}

#page .verticalspacer {
	clear: both;
}


/* upload html css code statr */
.reg-wrapper {
	position: relative;
	width: 100%;
	min-height: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.wrapper {
	position: relative;
	width: 100%;
	height: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#form-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius: 8px;
}

#form-wrapper2 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius: 8px;
}

#form-wrapper3 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius: 8px;
}

#form-wrapper4 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius: 8px;
}

#form-wrapper6 {
	/* position: absolute;
	top: 0;
	left: 0; */
	display: block;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius: 8px;
}

h2 {
	font-size: 30px;
	color: #555;
	text-align: center;
}

.input-group2 {
	position: relative;
	width: 320px;
	margin: 30px 0;
}

.input-group {
	position: relative;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.input-group label {
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	font-size: 16px;
	color: #333;
	padding: 0 5px;
	pointer-events: none;
	transition: .5s;
}

.input-group input {
	width: 94%;
	height: 40px;
	font-size: 16px;
	color: #333;
	padding: 0 10px;
	background: transparent;
	border: 1px solid #333;
	outline: none;
	border-radius: 5px;
}

.input-group select {
	width: 100%;
	height: 40px;
	font-size: 16px;
	color: #333;
	padding: 0 10px;
	background: transparent;
	border: 1px solid #333;
	outline: none;
	border-radius: 5px;
}

.input-group textarea {
	width: 94%;
	height: 40px;
	font-size: 16px;
	color: #333;
	padding: 0 10px;
	background: transparent;
	border: 1px solid #333;
	outline: none;
	border-radius: 5px;
	padding-top: 5px;
}

.input-group input:focus~label,
.input-group input:valid~label {
	top: 0;
	font-size: 12px;
	background: #fff;
}

.input-group textarea:focus~label,
.input-group textarea:valid~label {
	top: 0;
	font-size: 12px;
	background: #fff;
}

.input-group select:focus~label,
.input-group select:valid~label {
	top: 0;
	font-size: 12px;
	background: #fff;
}
.users-dropdown label {
	position: absolute;
	top: 50%;
	left: 110px;
	transform: translateY(-50%);
	font-size: 16px;
	color: #333;
	padding: 0 5px;
	pointer-events: none;
	transition: .5s;
}
.users-dropdown{
	position: relative;
	/* width: 320px; */
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
    text-align: end;
}
.users-dropdown select {
	width: 100%;
    height: 30px;
    font-size: 13px;
    color: #333;
    padding: 0 10px;
    background: transparent;
    border: 1px solid #333;
    outline: none;
    border-radius: 5px;
    max-width: 274px;
    margin-right: 5px;
}
.users-dropdown select:focus~label,
.users-dropdown select:valid~label {
	top: 0;
	font-size: 12px;
	background: #fff;
}

.btn {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/* max-width: 360px; */
	height: 40px;
	/* background: linear-gradient(to right, #2196f3, #e91e63); */
	background: linear-gradient(to right, #214263, #cba14e);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
	border-radius: 5px;
	border: none;
	outline: none;
}

.login-upload-div {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.form-center {
	width: 100%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 2px 2px 7px #bbb;
	border-radius: 8px;
	padding: 20px;
}

.add-btn {
	border: none;
	background-color: rgb(103, 7, 222);
	color: #FFFFFF;
	border-radius: 5px;
	padding: 10px;
}

.upload-title2 {
	/* flex: auto;
    font-size: 30px;
    display: flex;
    place-items: center; */
	flex: auto;
	font-size: 30px;
	font-weight: 600;
	/* display: flex; */
	/* place-items: center; */
	padding-bottom: 20px;
}

.upload-title {
	flex: auto;
	font-size: 30px;
	display: flex;
	place-items: center;
}

.input-div {
	padding: 10px;
	border: 1px solid #bbb;
	border-radius: 8px;
	cursor: pointer;
}

.input-div2 {
	padding: 10px;
	/* border: 1px solid #bbb; */
	border-radius: 8px;
	cursor: pointer;
}

.file-input {
	padding: 5px;
	border: 1px solid #bbb;
	margin: 5px;
	cursor: pointer;
	display: none;
}

.login-form-div {
	box-shadow: 2px 2px 7px #bbb;
	padding: 20px;
	border-radius: 8px;
}

.custom-file-input {
	border: 1px solid #bbb;
	border-radius: 8px;
	padding: 10px;
}

.file-names {
	margin-left: 10px;
}

/* admin Registration */
.regi-title {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 5px 0px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-style: italic;
	color: darkslategray;
	flex: auto;
	padding-left: 70px;
	z-index: 999;
}

.reg-form-div {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.container-div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.icon {
	margin-right: 10px;
	z-index: 99;
}

.logout-btn {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: linear-gradient(to right, #2196f3, #e91e63);
	/* background: linear-gradient(to right, #214263, #cba14e); */
	box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
	border-radius: 5px;
	border: none;
	outline: none;
	padding: 0px 10px;
}

.logout-btn:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}


/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
.dot-flashing {
	visibility: hidden;
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #9880ff;
	color: #9880ff;
	animation: dot-flashing 1s infinite linear alternate;
	animation-delay: 0.5s;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.dot-flashing::before,
.dot-flashing::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-flashing::before {
	left: -15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #9880ff;
	color: #9880ff;
	animation: dot-flashing 1s infinite alternate;
	animation-delay: 0s;
}

.dot-flashing::after {
	left: 15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #9880ff;
	color: #9880ff;
	animation: dot-flashing 1s infinite alternate;
	animation-delay: 1s;
}

@keyframes dot-flashing {
	0% {
		background-color: #9880ff;
	}

	50%,
	100% {
		background-color: rgba(152, 128, 255, 0.2);
	}
}

.custom-loader {
	visibility: hidden;
	width: 60px;
	height: 10px;
	-webkit-mask: linear-gradient(90deg, #766DF4 70%, #0000 0) left/20% 100%;
	background:
		linear-gradient(#766DF4 0 0) left -25% top 0 /20% 100% no-repeat #E4E4ED;
	animation: ct7 1s infinite steps(6);
	margin: 10px auto;
}

@keyframes ct7 {
	100% {
		background-position: right -25% top 0
	}
}

/* Free Demo Div Styling End */

.user-data-center {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 2px 2px 7px #bbb;
	border-radius: 8px;
	padding: 20px;
}

.date-filed {
	position: relative;
	width: 140px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.date-filed input[type='date'] {
    width: 100%;
    height: 30px;
    font-size: 13px;
    color: #333;
    padding: 0 10px;
    background: transparent;
    border: 1px solid #333;
    outline: none;
    border-radius: 5px;
}

.date-filed input[type="date"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
}

.date-filed input[type="date"]::-moz-calendar-picker-indicator {
	cursor: pointer;
}

.date-filed label {
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	font-size: 16px;
	color: #333;
	padding: 0 5px;
	pointer-events: none;
	transition: .5s;
}

.date-filed input:focus~label,
.date-filed input:valid~label {
	top: 0;
	font-size: 12px;
	background: #fff;
}

.reg-add-btn {
	border: none;
	z-index: 99;
	cursor: pointer;
	padding-left: 10px;
	/* background: linear-gradient(to right, #21f379, #e97e1e); */
	color: white;
	padding: 5px 10px;
	font-size: 16px;
	font-style: normal;
	border-radius: 8px;
	background-image: linear-gradient(180deg, #0a7705, #32f856);
}

/* user List Table Styling code start */
.user-table {
	table-layout: fixed;
	width: 100%;
}

.user-table thead {
	background-color: #074f7c;
	color: white;
	position: sticky;
	top: 0;
	z-index: 99;
}

.user-table thead tr th {
	padding: 5px 10px;
}

.user-table tbody tr:nth-child(even) {
	background-color: #e9e9e9;
}

.user-table tbody tr td {
	padding: 5px 10px;
}

/* user List Table Styling code End */
.table-div {
	width: 100%;
	height: 280px;
	overflow-y: scroll;
}

.down-btn {
	color: #01a14e;
	cursor: pointer;
}

.del-btn {
	padding-left: 10px;
	color: red;
	cursor: pointer;
}

/* Hide the radio buttons */
input[type="radio"] {
	display: none;
}

/* Style the labels to look like buttons */
.radio-label {
	padding: 6px 20px;
	background-image: linear-gradient(#5780a3, #91d3f9);
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
}

/* Style the labels when they are selected */
input[type="radio"]:checked+.radio-label {
	background-image: linear-gradient(#243242, #366ba7);
	box-shadow: 0px 0px 0px 2px #bbb;
}

.statusActive {
	color: green;
}

.statusInactive {
	color: red;
}


.forgot-div {
	padding: 5px;
	text-align: center;
}

#change-pwd {
	display: none;
}

#reset-pwd {
	display: none;
}

#save-button {
	display: none;
}

#reset-pwd-button {
	display: none;
}

.forgotbtn {
	border: none;
	background: transparent;
	cursor: pointer;

}

.forgotbtn:hover {
	text-decoration: underline;
}

#form-wrapper5 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius: 8px;
}

.timer-style{
	padding: 5px;
	text-align: center;
}
.resend-btn{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: linear-gradient(#214263, #1b2a3b);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
	border-radius: 5px;
	border: none;
	outline: none;
}
.metroHeadsDiv{
	display: flex;
	margin-bottom: 15px;
}
.metroHeadsNames{
	flex: auto;
    background: #202f3f;
    text-align: center;
    color: #ffffff;
    margin: 5px;
    padding: 10px;
    cursor: pointer;
	border-radius: 5px;
}
.metroHeadsNamesActive{
	background: #0000FF;
}