body, html{
				margin:0;
				padding:0;
				height:100%;
				font-size:14px;

			}


			body{
				color:black;
				background-color:#EFF1F4;
				font-family: 'Montserrat', sans-serif;
				font-size:14px;
				margin:0 auto;
			}	
			
			.ellipsis {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				display: table-cell;
			}			
						
			.leftMenuTitle{
				color:#588595; margin-top:10px;
				padding:5px;
				font-weight:bold;
				font-size:16px;
			}
			
			.leftMenuItem{
				font-family:Muli;
				margin:2px 0;
				padding:6px 0px 6px 8px;
				font-size:16px;
				letter-spacing:1px;
				cursor:pointer;
				color:#6a6a6a;
				transition: all .2s ease;
				display:block;
				text-decoration:none;
			}
			
			.leftMenuItem.active{
				background-color:#588595;
				border-radius:4px;
				color:white;
			}
			

			
			.leftMenuItem:hover{
				color:white;
				padding:6px 0px 6px 18px;
				background-color:#588595;
				border-radius:4px;
			}
			
			.AdminMenu{
				box-shadow:0px 2px 5px rgba(0,0,0,0.2);
			}
			
			.userButton:hover .AdminMenu{
				display:block !important;
				color:red;
			}
			
			.element-box{
				padding:1.5rem;
				background-color:white;
				display:block;
				margin:1rem;
				border-radius:5px;
				text-decoration:none;
				color:black;
				transition: all .2s ease;
				box-shadow:0px 5px 5px rgba(0,0,0,0.02);
				cursor: default;
			}
			
			.element-box.animated:hover{
				box-shadow:0px 5px 5px rgba(0,0,0,0.12);
				transform: scale(1.02) translate(0, -2px);
				cursor: pointer;
			}
			
			.element-box .title{
				color:white;
				border-radius:5px 5px 0 0;
				background-color:gray;
				margin:-20px -20px 20px -20px;
				padding:5px 10px;
			}
			
			.element-box div.label{
				color:gray;
				text-transform: uppercase;
				letter-spacing:1px;
				font-size:0.8rem;
			}
			
			.element-box div.value{
				font-size:1.5rem;
				font-weight:500;
				letter-spacing:1px;
				display:inline-block;
				vertical-align:middle;
			}
			
			.element-box div.trending{
				display:inline-block;
				vertical-align:middle;
				margin-left:10px;
				font-size:0.9rem;
				color:green;
			}
			
			.light-table{
				border-collapse:collapse;
			}
			
			.align-right{
				text-align:right !important;
			}
			
			.align-center{
				text-align:center !important;
			}			
			
			.light-table thead th{
				text-align:left;
				border-bottom:1px solid gray;
				text-transform: uppercase;
				font-size:1rem;
				padding:0.5rem 0;
				color:rgba(0,0,0,0.8);
			}
			
			.light-table tbody td{
				padding:0.5rem 5px;
				font-size:1rem;
				border-bottom:1px solid rgba(0,0,0,0.1);
			}
			
			.light-table tbody tr:hover{
				background-color:Rgba(0,0,0,0.025);
				color:black;
			}
			
			.field, .select2-container{
				border:1px solid silver!important;
				padding:5px 15px !important;
				font-size:16px!important;
				font-family:Muli!important;
				border-radius:25px!important;
				background-color:white;
				transition: all .2s ease;
			}
			
			.field:focus{
				border:1px solid silver!important;
				box-shadow:inset 1px 1px 4px rgba(0,0,0,.4);
			}	
			
			.disabledDiv {
				pointer-events: none;
				opacity: 0.4;
			}
						
			select.field{
				padding:4px 15px !important;
				border-radius:25px 25px 25px 25px !important;
			   -webkit-appearance: none;
			   -moz-appearance: none;				
			}
			
			select.field {
			  background-image:
				linear-gradient(45deg, transparent 50%, gray 50%),
				linear-gradient(135deg, gray 50%, transparent 50%),
				linear-gradient(to right, #ccc, #ccc);
			  background-position:
				calc(100% - 20px) calc(.6em + 2px),
				calc(100% - 15px) calc(.6em + 2px),
				calc(100% - 2.5em) .2em;
			  background-size:
				5px 5px,
				5px 5px,
				1px 1.5em;
			  background-repeat: no-repeat;
			}

			select.field:focus {
			  background-image:
				linear-gradient(45deg, green 50%, transparent 50%),
				linear-gradient(135deg, transparent 50%, green 50%),
				linear-gradient(to right, #ccc, #ccc);
			  background-position:
				calc(100% - 15px) calc(.6em + 2px),
				calc(100% - 20px) calc(.6em + 2px),
				calc(100% - 2.5em) .2em;
			  background-size:
				5px 5px,
				5px 5px,
				1px 1.5em;
			  background-repeat: no-repeat;
			  border-color: green;
			  outline: 0;
			}			
			
			.select2-container--default .select2-selection--single{
				border:0px solid white !important;
			}

			.select2-dropdown{
				border:1px solid silver !important;
				border-radius:10px !important;
				padding:5px !important;
			}
			
			.select2-search__field{
				border-radius:10px !important; padding:10px !important;
				background-color:yellow;
			}
			
			.tinyButton{
				transition: all .2s ease;
				cursor:pointer;
				padding:2px 5px;
			}
			
			.tinyButton:hover{
				background-color:#FFFFE0;
				border-radius:5px;
			}
			
			.button{
				border:0px solid white;
				background-color:#588595;
				padding:5px 15px;
				font-size:16px;
				font-family:Muli;
				border-radius:8px;
				color:white;
				display:block-inline;
				text-decoration:none;
				transition: all .2s ease;
				//box-shadow:0px 2px 2px rgba(0,0,0,0.3);
			}
			
			.button:hover{
				background-color:#476B77;
			}
			
			.form-group{
				padding:5px;
				margin-bottom:0px;
			}
			
			.form-group label{
				display:block;
				padding:2px 0;
				font-size:0.9rem;
			}
			
			.form-group .field{
				border-radius:5px;
				width:100%;
			}
			
			
			input:required:invalid, input:focus:invalid {
			  border:1px solid red;
			}			
			
			hr { 
			  border: 0;
			  border-top: 1px solid #8c8c8c;
			  border-bottom: 1px solid #fff;
			}
			
			.outer-therm {margin: 0px 0 !important;}		
			
	.styled-checkbox{
	  position: absolute;
	  left: -9999px;
	}

label.styled  {
  padding: 5px 30px 5px 30px;
  border-radius: 10px;
  color: #fff;
  display:block;
  background-color: translarent;
  opacity:0.8;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .2s, box-shadow .2s;
  margin:5px;
}

label.styled::before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  width: 18px;
  border: 3px solid #fff;
  border-radius: 100px;
  transition: background-color .2s;
}

label.styled:first-of-type {
  //transform: translateX(-40px);
}

label.styled :last-of-type {
  //transform: translateX(40px);
}

label.styled:hover, input.styled-checkbox:focus + label {
  box-shadow: 0 0 10px rgba(0, 0, 0, .6);
}

input.styled-checkbox:checked + label.styled {
  background-color: #198c19 ;
  opacity:1;
}

input.styled-checkbox:checked + label.styled::before {
  background-color: #fff;
}