/* colours

!
! Text:
!
!
!blue (main): #003a5d
!blue light: #65859a
!
!Red (main): #d40f14
!
!Grey: #414141
!Grey lines and borders: #989999
!

! URL     https://www.momentummetropolitan.co.za/en/investor-relations/live-feeds

*/

@font-face {
  font-family: "Helvetica Neue";
  src: url("fonts/HelveticaNeue-Regular.eot");
  src: url("fonts/HelveticaNeue-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/HelveticaNeue-Regular.woff") format("woff"),
    url("fonts/HelveticaNeue-Regular.woff2") format("woff2"),
    url("fonts/HelveticaNeue-Regular.svg#HelveticaNeue-Regular") format("svg"),
    url("fonts/HelveticaNeue-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("fonts/HelveticaNeue-Bold.eot");
  src: url("fonts/HelveticaNeue-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/HelveticaNeue-Bold.woff") format("woff"),
    url("fonts/HelveticaNeue-Bold.woff2") format("woff2"),
    url("fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold") format("svg"),
    url("fonts/HelveticaNeue-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

.mob_view, .sharemob
{
	display:none;
}

.BodyMob
{
	display:none;
}
.tdFilter {width:837;}

.div_period_wrap {
	width:550;
	overflow:hidden;
	float:left;
		
}
.div_date_from {
	width:260;
	overflow:hidden;
	float:left;
	
}
.div_date_to {
	width:252;
	overflow:hidden;
	float:left;
	margin-left:8px;
	
	
}
.div_search_button {
	width:118;
	overflow:hidden;
	float:left;
	margin-top:0px;
	margin-left:420;
}
 
#month1,#month2
{
	margin-right:7px;
}
.div_table1
{
	margin-top:5px !important;
}


.wrapper {
  width: 100%;
  position: absolute;
  background-color: -yellow;
  width: 100%;
  margin: 0 auto;
}

.feed_code {
  font-size: 18px;
  color: red;
  font-weight: bold;
}

body {
  margin: 0px;
}

td,
th,
p {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 22px;
  color: #003a5d;
  font-weight: normal;
  text-align: left;
}

table {
  border-collapse: collapse;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.table_left {
  padding: 4px 0px 4px 8px;
}

.table_center {
  text-align: center;
}

.table_right {
  text-align: right;
  padding: 4px 8px 4px 0px;
}

.table_left_no_bottom {
  padding: 6px 0px 0px 8px;
}

.table_left_no_top {
  padding: 0px 0px 6px 8px;
}

.column_head_left {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 5px 0px 2px 8px;
}

.column_head_right {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  padding: 5px 8px 2px 0px;
}

/* T03 start */

#t03 .center {
  color: -orange;
  font-size: 22px;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 6px;
}

#t03 .center_sml {
  color: -red;
  font-size: 16px;
  text-align: center;
  padding-bottom: 8px;
}

#t03 .price {
  color: -green;
  height: 0px;
  font-size: 24px;
  font-weight: bold;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 12px;
  text-align: center;
}

#t03 img {
  width: auto;
  height: 30px;
  margin-left: 10px;
  margin-bottom: -2px;
}

/* T03 ends */

/* T04 start */

#t04_pc .price,
#t04_mob .price {
  color: -green;
  height: 0px;
  font-size: 34px;
  font-weight: bold;
  padding-left: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
}

#t04_pc img,
#t04_mob img {
  width: auto;
  height: 30px;
  margin-left: 10px;
  margin-bottom: -2px;
}

/* T04 ends */

/* E01 start */

#e01_pc .price,
#e01_mob .price {
  color: -green;
  height: 0px;
  font-size: 34px;
  font-weight: bold;
  padding-left: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
}

#e01_pc img,
#e01_mob img {
  width: auto;
  height: 30px;
  margin-left: 10px;
  margin-bottom: -2px;
}

/* E01 ends */

/* N02_ir start */

#n02_ir_pc .date,
#n02_ir_mob .date {
  color: -green;
  height: 0px;
  font-size: 24px;
  font-weight: bold;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 24px;
  text-align: center;
}

#n02_ir_pc .center,
#n02_ir_mob .center {
  color: #414141;
  font-size: 18px;
  text-align: center;
  padding: 0px 25px;
}

#n02_ir_pc a:link,
#n02_ir_mob a:link,
#n02_ir_pc a:visited,
#n02_ir_mob a:visited {
  color: #414141;
  text-decoration: none;
}
#n02_ir_pc a:hover,
#n02_ir_mob a:hover,
#n02_ir_pc a:active,
#n02_ir_mob a:active {
  color: #003a5d;
  text-decoration: none;
}

.n02_ir {
  width: 33%;
  text-align: center;
  padding: 0px 30px;
}

/* N02_ir ends */

/* N02_sc start */
#n02_sc td {
  font-size: 24px;
  text-align: center;
}

#n02_sc a:link,
#n02_sc a:visited {
  color: #003a5d;
  text-decoration: none;
}
#n02_sc a:hover,
#n02_sc_pc a:active {
  color: #414141;
  text-decoration: none;
}

/* N02_sc ends */

.poweredby {
  font-size: 8px;
  color: #999999;
  text-align: right;
  padding-right: 8px;
  padding-top: 5px;
  letter-spacing: 2px;
  height: 0px;
}

a.powered:link,
a.powered:visited {
  color: #666666;
  font-size: 8px;
  text-decoration: none;
  font-weight: bold;
}

a.powered:hover,
a.powered:active {
  color: #999999;
  font-size: 8px;
  text-decoration: none;
  font-weight: bold;
}

.rule {
  height: 10px;
  font-size: 1px;
}

.last_rule {
  height: 10px;
  padding-top: 12px;
  font-size: 1px;
}

hr {
  color: #989999;
  background-color: #989999;
  height: 1px;
  border: 0px;
  width: 100%;
  margin: 0px;
}

a:link,
a:visited {
  color: #003a5d;
  text-decoration: underline;
}
a:hover,
a:active {
  color: #003a5d;
  text-decoration: none;
}

.spacer_xs {
  height: 4px;
  font-size: 1px;
}

.spacer_s {
  height: 8px;
  font-size: 1px;
}

.spacer {
  height: 14px;
  font-size: 1px;
}

.spacer_l {
  height: 18px;
  font-size: 1px;
}

.spacer_xl {
  height: 25px;
  font-size: 1px;
}

.spacer_sxl {
  height: 36px;
  font-size: 1px;
}

.notes {
  font-size: 10px;
  padding-left: 8px;
}

/*---- SENS pop-up styles starts here ------*/

body.sens {
  margin-top: 20px;
}

.sens_head {
  font-size: 20px;
  color: #003a5d;
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  height: 24px;
  padding-left: 20px;
}

.sens_date {
  height: 28px;
  color: #d40f14;
  padding-left: 20px;
  padding-bottom: 10px;
  border-bottom: solid #989999 1px;
}

.sens_body {
  text-align: justify;
  line-height: 24px;
  padding-left: 20px;
  padding-right: 20px;
}

.sens_left {
  padding-left: 20px;
}

.mono_type {
  padding-left: 20px;
  padding-right: 20px;
}

/*---- SENS pop-up styles starts here ------*/

/*---- drop-down and checkbox selectors styles starts here ------*/

select {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #003a5d;
  font-weight: normal;
  text-align: left;
  height: 38px;
  outline: none;
  border: 1px solid #989999;
  border-radius: 7px;
  cursor: hand;
  padding-left: 10px;
  padding-right: 0px;
  background: url(images/select_down_arrow.png) no-repeat right #fff;
  background-position-x: calc(100% - 15px);
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
}

select[id="selectmenu"] {
  width: 170px;
}

select[name="month"],
[name="month"] {
  width: 110px;
}
select[name="month1"],
[name="month2"] {
  width: 110px;
}

select[name="year"],
[name="year"] {
  width: 85px;
}

select[name="year1"],
[name="year2"] {
  width: 85px;
}

input {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #003a5d;
  font-weight: normal;
  text-align: center;
  height: 38px;
  outline: none;
  border: 1px solid #989999;
  border-radius: 7px;
  cursor: hand;
  padding-left: 0px;
  padding-right: 0px;
}

input[name="number"] {
  width: 120px;
  text-align: left;
}

#s02_mob input[name="number"] {
  width: 170px;
  text-align: left;
}

input[name="calculate"] {
  width: 120px;
  background-color: #d40f14;
  color: #ffffff;
  border: 1px solid #d40f14;
}

#s02_mob input[name="calculate"] {
  width: 170px;
  background-color: #d40f14;
  color: #ffffff;
  border: 1px solid #d40f14;
}

input[name="calculate"]:hover,
#s02_mob input[name="calculate"]:hover {
  background-color: #ffffff;
  color: #d40f14;
  border: 1px solid #d40f14;
}

input[name="submit"] {
  width: 83px;
  background-color: #d40f14;
  color: #ffffff;
  border: 1px solid #d40f14;
}

input[name="submit"]:hover {
  background-color: #ffffff;
  color: #d40f14;
  border: 1px solid #d40f14;
}

#n03 input[name="submit"] {
  width: 85px;
  background-color: #d40f14;
  color: #ffffff;
  border: 1px solid #d40f14;
}

#n03 input[name="submit"]:hover {
  background-color: #ffffff;
  color: #d40f14;
  border: 1px solid #d40f14;
}

#fromA,
#toA {
  width: 200px;
}

/*---- drop-down and checkbox selectors styles ends here ------*/

#s02_pc .price,
#s02_mob .price {
  color: -green;
  height: 0px;
  font-size: 20px;
  font-weight: bold;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 12px;
  text-align: right;
}

/*----------	PC size    ---------*/

#n02_ir_mob {
  display: none;
}

#t04_mob {
  display: none;
}

#e01_mob {
  display: none;
}

#s02_mob {
  display: none;
}

#s05_input_mob {
  display: none;
}

#n03_input_mob {
  display: none;
}

#n03_sens_mob {
  display: none;
}

@media only screen and (max-width: 700px) {
	

.pc_view, .sharepc
{
display:none;
}
.mob_view, .sharemob
{
display:inline;
}

.BodyPc
	{
		display:none;
	}
	.BodyMob
	{
		display:inline;
	}
.div_period_wrap {
width:542;
overflow:hidden;

}
.div_date_from {
	width:277;
	overflow:hidden;
	float:none;
}

.div_date_to {
	width:277;
	overflow:hidden;
	float:none;
	margin-left:0px;
}
.labelTo
{
	padding-right:28px;
}
.labelFrom
{
	padding-right:18px;
}
.div_search_button {
	margin-left:172px;
	
}
#month1,#month2
{
	margin-right:0px;
}

	
}

/*----------	Tablet size L   ---------*/

@media only screen and (max-width: 950px) {
  #n02_ir_pc {
    display: none;
  }

  #n02_ir_mob {
    display: block;
  }

  .n02_ir {
    width: 100%;
    text-align: center;
    padding: 0px;
  }
}

/*----------	Tablet P size    ---------*/

@media only screen and (max-width: 625px) {
  #s02_pc {
    display: none;
  }

  #s02_mob {
    display: block;
  }
}

/*----------	MOB size    ---------*/
@media only screen and (max-width: 500px) {
  #t04_pc {
    display: none;
  }

  #t04_mob {
    display: block;
  }

  #e01_pc {
    display: none;
  }

  #e01_mob {
    display: block;
  }

  #s05_input_pc {
    display: none;
  }

  #s05_input_mob {
    display: block;
  }

  #n03_input_pc {
    display: none;
  }

  #n03_input_mob {
    display: block;
  }

  #n03_sens_pc {
    display: none;
  }

  #n03_sens_mob {
    display: block;
  }
}