text {
	font: 12px sans-serif;
}

svg {
	display: block;
}

html, body, svg {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

span.title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 5px -100px 0 0;
  /*width: 100%;*/
  width: 85%;
}

div.main-container {
	width: 100%;
	height: 100%;
}

#chart-options {
	text-align: center;

}

#download-svg, #share-svg, #view-data {
	cursor: pointer;
	height: 30px;
	padding: 2px;
}

.modal-title {
	color: #FFF;
}

.modal-excel-button {
  cursor: pointer;
  height: 20px;
  margin-left: 15px;
  position: absolute;
  top: 28px;
  right: 10px;
}
.modal-header {
	background: #E8465F;
}
.modal-header .close {
    padding: 1rem !important;
    margin: -1.8rem -1.4rem -1rem auto  !important;
}
.page-item.active .page-link {
	background-color: #A0699C !important;
	border-color: #A0699C !important;
	color: #FFF !important;
}

.page-link {
	color: #6A4467 !important;
}

thead {
	color: #FFF !important;
	background: #6A4467;
}

thead:hover {
	background: #6A4467;
}

.table-hover tbody tr:hover {
	background: #F9D0D7 !important;
}

.close {
	font-size: 18px !important;
	font-weight: bold !important;
	text-shadow: 0 0 0 transparent !important;
	opacity: 1 !important;
	color: #FFF !important;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #FFF !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

/*Checkboxes styles begins*/

input[type="checkbox"] { display: none; }



input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  /*margin-bottom: 20px;*/
  margin-right:5px;
  font: 12px/18px 'Open Sans', Arial, sans-serif;
  /*font: 14px/20px 'Open Sans', Arial, sans-serif;*/
  color: #470e42;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}



input[type="checkbox"] + label:last-child { margin-bottom: 0; }



input[type="checkbox"] + label:before {

  content: '';

  display: block;

  width: 15px;

  height: 15px;

  border: 3px solid #873380;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 1;

  -webkit-transition: all .12s, border-color .08s;

  transition: all .12s, border-color .08s;

}



input[type="checkbox"]:checked + label:before {

  width: 10px;

  top: -3px;

  left: 5px;

  border-radius: 0;

  opacity: 1;

  border-top-color: transparent;

  border-left-color: transparent;

  -webkit-transform: rotate(35deg);

  transform: rotate(35deg);

}

/*Checkboxes styles ends*/