@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Julius+Sans+One);
@import url(https://fonts.googleapis.com/css?family=Armata);



.textArmataMini {
  font-size:14px;
  color: #ED0070 ;
  font-family: 'Armata', sans-serif;
  font-weight: normal;
  text-align: left;
  background-color: #FFFFFF; 
  border-radius: 1px;
  border: 1px solid #918e90;
}
.headerButtons {

  background-color: #FFFFFF; 
  border: none;
  color: #00B3ED;
  padding: 6px 11px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 1px;
  border: 1px solid #918e90;
  font-family: 'Armata', sans-serif;
  width: 80px;
  height: 80px;
  word-break: break-all;
}
.sbutton1 {
  color: #00B3ED; 
}

.noticeboard {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-family: 'Armata', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	border: 1px solid #ffffff;
	
}


.field-container {
  position: relative;
  width: 200px;
  margin-top:20px;
  font-family: 'Roboto', sans-serif;
}
.field2 {
  display:block;
  width:100%;
  padding:20px 0px 0;
  border:none;
  font-size:14px;
  color: #CF0072 ;
  font-family: 'Armata', sans-serif;
  border-bottom: #A3A3A6 1px solid; 
}
.field {
  display:block;
  width:100%;
  padding:20px 0px 0;
  border:none;
  font-size:17px;
  color: #CF0072 ;
  font-family: 'Armata', sans-serif;
  border-bottom: #A3A3A6 1px solid; 
  font-weight: bold;

}
.field:focus {
  outline: 0;
}
.floating-label {
  position:absolute;
  pointer-events:none;
  top: 5px;
  left:0px;
  font-size: 10px;
  opacity:0;
  background-color: white;
  padding: 0 0px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.field:valid + .floating-label {
  opacity:1;
  top:-5px;
  color: #9e9e9e;
}
.field:focus + .floating-label {
  color: #03a9f4;
}

.field-underline {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:-5px;
  border:1px solid #9e9e9e;
  z-index: -1;
  padding:0px 0px 0;
}
.field:focus + .floating-label + .field-underline {
  border-color:#03a9f4;
}
.button {
  background-color: #FFFFFF; 
  border: none;
  color: #e3058a;
  padding: 12px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #918e90;
  font-family: 'Armata', sans-serif;
}

.button1 {
  color: #e3058a; 
}

.button1:hover {
  background-color: #e3058a;
  color: white;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;

  background-color: #e3058a;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 15px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: -300%;
  margin-left: -60px;
  font-family: 'Armata', sans-serif;
  text-align: justify;
  text-justify: inter-word;
  font-size:12px;
}

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

.tooltip:hover .tooltiptext {
  visibility: visible;
}

div.wraptext {
  word-wrap: break-word;
}
.bothSideJustified {
  text-align: justify;
  text-justify: inter-word;
}  
.sbutton {
  background-color: #FFFFFF; 
  border: none;
  color: #e3058a;
  padding: 6px 11px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #918e90;
  font-family: 'Armata', sans-serif;
}

.normalTextArmata {
  font-family: 'Armata', sans-serif;
  font-size: 12px;
  color: #e3058a;
}


.sbutton1:hover {
  background-color: #00B3ED;
  color: white;
}

.menuButtonTop {
  border: 1px solid #e3058a;
  padding: 5px;
  border-radius: 3px;
  color: #e3058a;
  background-color: #FFFFFF;
  font-family: 'Armata', sans-serif;
  font-size:11px;
  font-weight:bold;
  width: 150px;
  height:30px;
}

.menuButtonLeft {
  border: 1px solid #FFFFFF;
  padding: 5px;
  border-radius: 1px;
  color: #FFFFFF;
  background-color: #00B2EE;
  font-family: 'Armata', sans-serif;
  font-size:11px;
  font-weight:normal;
  width: 80px;
  margin: 5px;
  width: 150px;
  height:30px;
}


.menuButtonTopSelected {
  border: 1px solid #e3058a;
  padding: 5px;
  border-radius: 3px;
  color: #FFFFFF;
  background-color: #e3058a;
  font-family: 'Armata', sans-serif;
  font-size:11px;
  font-weight:bold;
  width: 150px;
  height:30px;
}

.textArmataQkLink {
  font-size:13px;
  color: #404240 ;
  font-family: 'Armata', sans-serif;
}
.textArmataMCHdg {

  font-size:17px;
  color: #ED0070 ;
  font-family: 'Armata', sans-serif;
  font-weight:bold;
}
.textArmataMCLink {
  font-size:16px;
  color: #36494F ;
  font-family: 'Armata', sans-serif;
}


.textArmata {
  font-size:21px;
  color: #CF0072 ;
  font-family: 'Armata', sans-serif;
  font-weight: bold;
}

.textArmataHdg {
  font-size:21px;
  color: #CF0072 ;
  font-family: 'Armata', sans-serif;
  border-bottom: #E3058A 1px solid; 
  font-weight: bold;
}

.textArmataHdgNoBorder {
  font-size:21px;
  color: #CF0072 ;
  font-family: 'Armata', sans-serif;
  font-weight: bold;
}

.textArmataNormalNotBold {
  font-size:16px;
  color: #727372 ;
  font-family: 'Armata', sans-serif;
}

.textArmataNormal {
  font-size:14px;
  color: #727372 ;
  font-family: 'Armata', sans-serif;
  //border-bottom: #A3A3A6 1px solid; 
  font-weight: bold;
}

.textArmataBoldPink {
  font-size:14px;
  color: #ED0070 ;
  font-family: 'Armata', sans-serif;
  //border-bottom: #A3A3A6 1px solid; 
  font-weight: bold;
}
.textArmataNormalBlueBold {
  font-size:14px;
  color: #00B3ED ;
  font-family: 'Armata', sans-serif;
  //border-bottom: #A3A3A6 1px solid; 
  font-weight: bold;
}

.textArmataBigGrey {
  font-size:19px;
  color: #227094 ;
  font-family: 'Armata', sans-serif;
  font-weight: bold;
}


.textArmataNoticeBoraHdg {
  font-size:14px;
  color: #FFFFFF ;
  font-family: 'Armata', sans-serif;
  font-weight: bold;
}