/* Coconut specific CSS */

body {
	font-family: "Roboto", helvetica, san-serif;
	font-size: 13px;
}

.hide {
	display: none;
}

/* View regions */
#main-region{
   background: #ffffff;
   padding: 0 15px 0 10px;
}

main.mdl-layout__content {
  margin-bottom: 30px;
}

#login-backgrd {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #cccccc;
  background-image: url("../images/bglogo_lg.png");
  z-index: 1000;
  display: none;
}

#cslogo_sm {
	width: 70px;
	height: 56px;
	margin-right: 10px;
}

#cslogo_ex-sm {
   width: 45px;
   height: 35px;
   margin-right: 10px;
   float: left;
 }

#logo-title {
  font-size: 30px;
}

#cslogo_xsm {
	width: 50px;
	height: 40px;
	margin-right: 10px;
}

li.login{
	display: none;
}

#appIcon {
  cursor: pointer;
}
/* Tablesorter styling */
table.tablesorter {
	font-family: "Roboto", arial, san-serif;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	font-size: 9pt;
	white-space: normal;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	/*
	border: 1px solid #FFF;
	font-size: 8pt;
	line-height: 24pt;
	*/
	background-color: #EEEEEE;
	font-size: 10pt;
	color:rgba(0,0,0,0.54);
}

table.tablesorter thead tr {
	border-bottom: 1px solid #000000;
}

table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: 1% 90%;
	cursor: pointer;
	font-weight:bold;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 6px;
	background-color: #FFF;
	vertical-align: top;
}

table.tablesorter tbody tr {
    border-bottom: 1px solid #ccc;
}

table.tablesorter tbody tr {
	vertical-align: middle;
	line-height: 20pt;
}
.tablesorter-header-inner {
  padding-left: 15px;
}

/*
table.tablesorter tbody tr td {
	background-color:#FCE4EC;
}
table.tablesorter tbody tr.odd td {
	background-color:#E8EAF6;
}
*/

table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}

table.tablesorter tbody td.high-risk-shehia{
  color:#3F51B5;
  font-weight:bold;
}

table.tablesorter {
    font-family: arial;
    background-color: #CDCDCD;
    margin: 10px 0 15px;
    font-size: 10pt;
    width: 100%;
    text-align: left;
}

/*
table.tablesorter tbody tr.even.followed-up-false td {
	background-color: #FFFF00;
}

table.tablesorter tbody tr.odd.followed-up-false td {
	background-color: #00FF00;
}
*/

table#alertsTable td.data{
	display: none;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: 0% 80%;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 10px;
}

.mdl-data-table {
    /*table-layout:fixed; */
    width:99%;
}

.mdl-data-table thead tr {
    background-color: #eeeeee;
}

/* Reports Case Followup Buttons */

i.malaria-default{
	background-color: #f0f0;
}

i.malaria-positive {
  /* background-color: #ff5722; */
  color: rgb(255,64,129);
  width: 28px;
  height: 25px;
}

i.no-travel-malaria-positive {
    width: 28px;
    height: 25px;
}

i.travel-history-false {
	color: rgb(255,64,129);
  width: 28px;
  height: 25px;
	padding: 0px;
}
i.travel-history-true {
  color: rgb(255,64,129);
}
i.incomplete {
	/*color: rgb(255,64,129); */
}
i.not-complete-facility-after-24-hours-true {
	color: rgb(255,64,129);
}
button.not-complete-facility-after-24-hours-true {
	background-color: #de5842;
    width: 28px;
    height: 25px;
}

button.not-followed-up-after-48-hours-true {
   /* background: #9c27b0 */
   color: rgb(33,150,243);
   font-size: 9pt;
}

button.not-followed-up-after-48-hours-false {
	font-size: 9pt;
}

.more-vert {
	width: 48px;
	height: 12px;
	margin: 30px 30px 0 0;

}

/* Case Followup Report */
#filters-section, #alerts-drop-section, #cases-drop-section, #legend-drop-section {
	padding-bottom: 20px;
  border-bottom: 1px solid;
	display: none;
}

#filters-section {
	padding: 0px 30px;
}

#alerts-drop, #cases-drop, #legend-drop {
	width: 100px;
}

/* Layout styling */
.page-content {
  margin:  0px 20px;
}

.report-content, .report-header, .setting-content, .activity-content, .admin-content {
  margin:  0px 10px;
  background: white;
}

.report-header {
	margin:  10px 10px;
	border: 1px solid;
}

#content-header {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 7px;
}

.report-subtitle {
	font-size: 20px;
	line-height: 32px;
	-moz-osx-font-smoothing: grayscale;
	margin: 24px 0 16px;
}

#cases-section {
	padding-bottom: 20px;
}

#spinner, #p3 {
	float: left;
}

#dateSelector {
   margin-bottom: 20px;
}

.select-by-date, .select-by-week {
	margin-top: 20px;
}

/* added because no border on mobile devices */
select {
	border: 1px solid;
}

button#csv {
  float: right;
}

input.datepicker {
  font-size: 0.8em;
/*  margin-top: 3px; */
  line-height: 10px;
}

#errMsg {
	color: red;
}

#noDataFound {
  font-size: 17px;
	color: red;
  padding-top: 15px;
  display: none;
}

#noRecordFound {
  margin-top: 5%;
  text-align: center;
  font-size: 1.3em;
}

/* Material Design styling */

.mdl-grid.mdl-grid-p-15 {
	padding: 15px;
}

.mdl-card {
	width: 450px;
}

.mdl-grid.mdl-grid-p-15 {
	margin-left: 30px;
}

.mdl-layout__drawer{
	width: 240px;
}
.mdl-layout__drawer .mdl-navigation {
	margin: 10px 0 0 25px;
}

.mdl-layout__drawer .mdl-navigation .report__link, .mdl-layout__drawer .mdl-navigation .setting__link,
.mdl-layout__drawer .mdl-navigation .activity__link, .mdl-layout__drawer .mdl-navigation .admin__link,
.mdl-layout__drawer .mdl-navigation .drawer__link, .mdl-layout__drawer .mdl-navigation .graph__link {
	padding: 5px 10px 5px 10px;
	min-width: 160px;
	font-size: 14px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: inline-flex;
    vertical-align: middle;
	padding: 5px 10px;
}

.mdl-layout__drawer>.mdl-layout-subtitle {
    line-height: 20px;
	margin-top: 20px;
    padding-left: 40px;
	font-size: 1.2em;
}
.mdl-button--file input {
    cursor: pointer;
    height:100%
    right:0;
    opacity:0;
    position: absolute;
    top:0;
    width: 300px;
    z-index: 4;
}
.mdl-textfield--file .mdl-textfield__input {
    box-sizing: border-box;
    width: calc(100% - 32px);
}
.mdl-textfield--file .mdl-button--file {
    right: 0;
}
.mdl-button--icon .household {
	background-color: #fcd059;
	color: #000;
}
.mdl-button--icon .household-travel {
	background-color: #eeeeee;
}
.mdl-button--icon .c_black {
	color: #000;
}
.mdl-button--icon .c_orange {
	color: #fcd059;
}
.mdl-button--icon .household-incomplete {
	background-color: #eeeeee;
	color: #fff;
}

.mdl-switch__label.facilities_editable {
  color: rgba(33, 150, 243, 1);
  font-size: 12px;
}

/* Top right menu */
li.mdl-menu__item a {
   text-decoration: none;
}

i.mdi{
	vertical-align: middle;
}

/* Drawer styling */

#drawer-title{
	font-size: 20px;
  margin-top: 5px;
}

.mdl-navigation__link.drawer__subtitle, .mdl-navigation__link.drawer__link {
   font-size: 1.3em;
}

.mdl-navigation__link.drawer__subtitle:hover, .mdl-navigation__link.drawer__link:hover,
a#maps.mdl-navigation__link.drawer__link:hover, a#export.mdl-navigation__link.drawer__link:hover{
   font-size: 1.4em;
}

.mdl-navigation__link.drawer__subtitle i {
   padding-right: 5px;
}

a#dashboard.mdl-navigation__link.drawer__subtitle, a#maps.mdl-navigation__link.drawer__link, a#export.mdl-navigation__link.drawer__link {
   text-decoration: none;
}

a#maps.mdl-navigation__link.drawer__link, a#export.mdl-navigation__link.drawer__link {
   font-size: 1.3em;
}

.drawer__subtitle i.material-icons{
	font-size: 30px;
}

#drawer-reports, #drawer-settings, #drawer-activities, #drawer-admin, #drawer-graphs {
	display: none;
}

#drawer-reports a.active, #drawer-settings a.active, #drawer-activities a.active, #drawer-admin a.active, #drawer-graphs a.active {
   color: #2096f3;
   font-weight: bold;
   font-size: 1.1em;
}

/* Reports styling */

#menu-title{
	font-size: 1.1em;
	position: absolute;
	top: 15%;
	left: 40%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

span.link-title {
   margin-left: 5px;
}

#admin-main {
  display: none;
}

.snippet-demo {
	padding: 0 0 10px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 0;
}

#report-inputs {
	width: 300px;
	height: 150px;
	padding: 10px;
}
.drop-pointer:hover {
	cursor: pointer;
}

#unhide-icons {
	float: left;
  margin-bottom: 10px;
}

td.CaseID a{
   text-decoration: none;
}

td.CaseID a:hover{
   color: rgb(255,64,129);
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

/* Cases views */

#caseDialog {
  width: 90%;
  top: 15%;
  padding-top: 0
}

.caseTable { width: 99%}

.width65pct { width: 65%;}

#closeDialog {
  margin-top: -50px;
  margin-right: -20px
}

/* login form */
#login_wrapper {
	    position:fixed;
	    top: 50%;
	    left: 50%;
	    width:23em;
	    height:18em;
	    margin-top: -9em; /*set to a negative number 1/2 of your height*/
	    margin-left: -15em; /*set to a negative number 1/2 of your width*/
		padding: 10px 30px;
	    border: 1px solid #ccc;
	    background-color: #f3f3f3;
}

button#resetPwd, button#toLogin {
  display: none;
}

.coconut-mdl-card {
    padding: 10px;
	min-height: 250px;
}

.coconut-mdl-card__title{
	color: red;
}

div.analysis-report {
	display: none;
}

div.DTTT_container {
    position: relative;
    float: right;
    margin-bottom: 1em;
}

a.DTTT_button, button.DTTT_button, div.DTTT_button {
    position: relative;
    display: inline-block;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    font-size: .88em;
    color: #000!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    background: #fff;
    background: -webkit-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    background: -moz-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    background: -ms-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    background: -o-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    background: linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 );
}

#dashboard-summary {
  display: inline-block;
  width: 100%;
  padding: 5px 7px;
 /* background: #e0e0e0; */
}

.summary {
  margin: 0 5px;
  height: 70px;
  padding-top: 20px;
  text-align: left;
}
a.chip {
  border-radius: 3px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
  display: inline-block;
  height: 70px;
  margin: 5px 0 0;
  overflow: hidden;
  /*min-width: 138px;*/
}
.summary_icon {
	  padding: 5px 0 5px 5px;
		-ms-box-orient: horizontal;
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -moz-flex;
		display: -webkit-flex; /* Safari */
    display: flex;
}
.summary_icon div {
	-webkit-flex: 1; /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */
  flex: 1;
}

.summary:hover {
		cursor: pointer;
}

.summary1, .summary2, .summary3, .summary4, .summary5, .summary6, .summary7, .summary8  {
	background-repeat: no-repeat;
  background-position:right center;
}
.summary1  {
  background-color: #ff4081;
}
.summary2  {
  background-color: #ffc107;
}
.summary3  {
  background-color: #1976d2;
}
.summary4  {
  background-color: #ff9800;
}
.summary5  {
  background-color: #bdbdbd;
}
.summary6  {
  background-color: #2196f3;
}
.summary7  {
  background-color: #4caf50;
}
.summary8  {
  background-color: #757575;
}

#notfollowStat {
	-webkit-flex: 1; /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */
  flex: 1;
}
.stats_pct {
	font-size: 1em;
	color: #fff;
  text-align: center;
  margin-top: -10px;
}
.stats {
	color: #fff;
	font-size: 16px;
	text-align: left;
}
.stats-title {
   font-size: 0.8em;
   color:#fff;
   text-align: center;
}

.stat_summary {
  display: inline-block;
	width: 13%;
}

.dashboard-content {
	background: #ffffff;
}

.wrapper {
  box-sizing: border-box;
  position: absolute;
  right: 20px;
  top: 0px;
}

#logged-in{
    position: absolute;
    right: 80px;
    top: 12px;
}

/* margins setting */

.f-left {
	float: left;
}

.f-right {
	float: right;
}

.m-l-30 {
	margin-left: 30px;
}

.m-l-20 {
	margin-left: 20px;
}

.m-l-10 {
	margin-left: 10px;
}

.m-r-20 {
	margin-left: 10px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-t-5 {
	margin-top: 5px;
}

.m-b-40 {
	margin-bottom: 40px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.p-5 {
	padding: 5px;
}

.p-l-5 {
	padding-left: 5px;
}

.a-m {
	vertical-align: middle;
}

.a-r {
	text-align: right;
}

.clear { clear: both}

.center {
  text-align: center;
}

.menu-subtitle {
	font-size: 0.8em;
}

/* login form */
.alert-error {
	color: red;
	border: 1px solid;
	padding: 0 5px;
	margin-bottom: 5px;
}
#login_form {
	margin-top: 20px;
}

.mdl-card__actions.login {
	margin-top: -15px;
	padding: 8px 8px 8px 0;
}

.login-group        {
  position:relative;
  margin-bottom:25px;
}
.login-group input#username, .login-group input#password {
  font-size:14px;
  padding:10px 10px 10px 5px;
  display:block;
  width:300px;
  border:none;
  border-bottom:1px solid #757575;
}
.login-group input#username:focus, .login-group input#password:focus     { outline:none; }

div.login-group label          {
  color:#999;
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all;
}

/* active state */
input#username:focus ~ label, input#username:valid ~ label , input#password:focus ~ label, input#password:valid ~ label    {
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

.login-bar  { position:relative; display:block; width:630px; }
.login-bar:before, .bar:after   {
  content:'';
  height:2px;
  width:0;
  bottom:1px;
  position:absolute;
  background:#5264AE;
  transition:0.2s ease all;
}
.login-bar:before {
  left:0%;
}
.login-bar:after {
  right:70%;
}

/* active state */
input#username:focus ~ .login-bar:before, input#username:focus ~ .login-bar:after, input#password:focus ~ .login-bar:before, input#password:focus ~ .login-bar:after  {
  width:50%;
}

.login-highlight {
  position:absolute;
  height:60%;
  width:100px;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
div.login-group input:focus ~ .login-highlight {
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@keyframes inputHighlighter {
  from  { background:#5264AE; }
  to    { width:0; background:transparent; }
}

/* DateSelectorView */
.select_by_date {
	display: none;
}

#dateRange {
  background: #fff;
  cursor: pointer;
  padding: 5px 10px;
  margin-right: 25px;
  border: 1px solid #08c;
  border-radius: 4px;
  width: 250px
  }

.width30 {
	width: 30px;
}

/* UserView */
.form-inputs, .form-confirm {
	margin: 10px 0;
	min-height: 170px;
	border: 1px solid;
	padding: 10px;
	display: none;
}
div.form-inputs td {
	padding: 0 10px;
}

div.form-inputs input {
	padding: 5px;
	color: blue;
	font-size: 13px;
}

div#form-title, div#dialog-title {
	width: 100%;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 10px;
	letter-spacing: 3px;
}

dialog#loginDialog div#dialog-title {
  font-size: 1.3em;
  line-height: 200%;
  letter-spacing: 1px;
}

dialog#aboutDialog {
  width: 500px;
}

#analysis-spinner, .graph-spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
  z-index: 1000;
}

.graph-spinner {
   display: block;
}

#alerts-drop-section, #cases-drop-section, #legend-drop-section {
	display: none;
}

#summary-dropdown, #dropdown-container {
  margin-bottom: 20px;
}

#IssueForm {
	margin-top: 10px;
	padding: 10px 30px 10px 50px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: none
}

.icon-28 {font-size: 28px}
.icon-24 {font-size: 24px}

th.action {
	width: 100px;
}


/*map slider classes*/
/*
body {
  background-color: #393939;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
}

p {
  color: white;
  margin: 50px;
}

a {
  color: #4FDEF2;
}
*/

#layerControlForm {
  background-color: aliceblue;
}

.axis {
  fill: gray;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.axis .halo {
  stroke: gray;
  stroke-width: 4px;
  stroke-linecap: round;
}

.slider .handle path {
  stroke: white;
  stroke-width: 8px;
  stroke-linecap: round;
  pointer-events: none;
}

.slider .handle text {
  fill: white;
  text-align: center;
  font-size: 14px;
}

#resizee text, #resizew text{
    stroke:#98cdcd;
}
#resizee rect{
    stroke: #98cdcd;
    fill: #98cdcd;
    visibility: visible;
}
#resizew rect{
    stroke: #98cdcd;
    fill: #98cdcd;
    visibility: visible;
}
.extent{
    stroke:#98cdcd;
}

.xaxis{
    stroke:#ffeee6;
}
.domain{
    stroke-width: 2;
}
.demo-card-square.mdl-card.mdl-shadow--2dp{
    width: auto;
    height: auto;
}
.leaflet-control-layers-base{
    padding: 5px;
    margin: 0 auto
}
.leaflet-control-layers-base label{
    padding: 2px;
    margin: 0 auto
}
.leaflet-control-layers-overlays{
    padding: 8px;
}
.leaflet-control-layers-queriedLayers{
    padding: 8px;
}
.leaflet-control-layers-overlays label{
    padding: 2px;
    margin: 0 auto;
    display: block;
}
html, body, .mdl-layout__content, #content{
    height: 95%;
}
.layerControlForm{
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    width: 255px !important;
    height: auto !important;
}

dialog {
  top: 12%;
  width: 400px;
  padding: 30px;
  border: none;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
/*  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); */
  z-index: 100000;
}

#dialogActions {
	margin-top: 5px;
	float: right;
}

#dialogActions-left {
	margin-top: 5px;
	float: left;
}

#dialog + .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

#dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

#loginDialog {
  top: 20%;
}

#forgotten {
   padding-top: 20px;
   float: left;
}

form#system_settings {
  width: 100%;
}

.mdl-select.setting_inputs, .mdl-textfield.setting_inputs {
  width: 100%;
}

button.caseBtn {
  font-size: 0.65em;
}

/* Graphs */
.chart_container {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  width: 95%;
  min-height: 350px;
/*  background-color: #f5f5f5;
    border: 1px solid #999;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
*/
}

.y_axis {
  position: absolute;
  top: 36px;
  bottom: 0;
  width: 50px;
}

.x_axis {
  position: relative;
  left: 40px;
  height: 40px;
}

.chart, .chart_lg {
  position: relative;
  left: 40px;
	padding: 10px 0 0 5px;
	background: #fff;
	/* height: 290px; */
	vertical-align: bottom;
	display: table-cell;
}

.chart_lg {
  height: 450px;
  width: 100%;
  left: 0;
}

.legend {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 10px;
  float: right;
}

.chartbox {
  height: 320px;
}

.chart:hover {
		cursor: pointer;
}

.chart-title {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  left: 25px;
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
  width: 90%;
  margin-bottom: 0.5em;
  color: #4c4c4c;
  font-family: AdelleBold,"Helvetica Neue",sans-seri
  }

/* Temporarily disable graphs menu items */
#Todos, #positivity_with_rainfall, #positivity_by_year,
#setting_theme, #setting_general, #setting_language, #setting_misc, #shehias_received_irs, #shehias_high_risk {
  color: rgba(0,0,0,.26) !important;
  cursor: default;
  background-color: transparent;
}

/*
svg {
  padding-top: 5px;
  margin-bottom: 25px;
}
*/
div.footer {
  position: absolute;
  font-size: 11px;
  font-weight: 900;
  bottom: 0;
  width: 100%;
  margin-bottom: 5px;
  right: 10px;
  text-align: right;
}
/* Vertical footer on left
div#footer {
	position: absolute;
	left: 3px;
	bottom: 10px;
	font-size: 11px;
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
  	-moz-transform: rotate(270deg);
  	-webkit-transform: rotate(270deg);
  	-o-transform: rotate(270deg);
  	line-height: 15px;
  	height: 15px;
  	width: 15px;
  	overflow: visible;
  	white-space: nowrap;
    color: black;
    font-family: arial;
}
*/

.white {
  color: white;
}

.loading {
  font-size: 10px;
}

button div.overlay i.incomplete {
  position: absolute;
  z-index: -1;
}

div.overlay {
  border-right: 15px solid #fff;
  position: absolute;
  top: 0px;
  right: 0px;
}

.scroll-div {
  overflow-x: scroll;
}