@font-face {
    font-family: kelson;
    src: url(../fonts/kelson/KelsonSansLight.otf);
}

@font-face {
    font-family: kelsonbold;
    src: url(../fonts/kelson/KelsonSansBold.otf);
}

html {
  font-family: kelson, Calibri, Trebuchet, sans-serif;
  font-weight: bold;
}

.card-title {
  font-family: kelsonbold;
}

.bold {
  font-family: kelsonbold;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: #b3b7db; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #b3b7db 0%, #5055a8 78%, #2e3192 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #b3b7db 0%,#5055a8 78%,#2e3192 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #b3b7db 0%,#5055a8 78%,#2e3192 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b7db', endColorstr='#2e3192',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

main {
  flex: 1 0 auto;
}

a {
  cursor: pointer;
}

hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	padding: 0;
}

hr.centered{
  	margin: 2em 4em;
}

hr.dashed{
	border-top: 1px dashed rgba(0, 0, 0, 0.2);
}

.borderDashed{
  border-style: dashed;
  border-width: 2px;
  border-color: rgba(0,0,0,0.15);
  margin-bottom: .3em;
}

.borderDashed.entry {
  border-color: rgba(0,0,0,0.08);
  margin-bottom: .2em;
}

.borderDashed.activated{
  border-color: #64dd17 !important;
}

.esn-orange{
  background-color: #fff !important;
  font-color: #333;
}

.esn-orange .btn-flat:hover{
  background-color: #00aeef !important;
  font-color: #333;
}

.esn-blue{
  background-color: #2e3192 !important;
  font-color: #333;
}

.esn-blue .btn-flat:hover{
  background-color: #00aeef !important;
  font-color: #333;
}

.esn-blue-text{
  color: #2e3192 !important;
  font-color: #2e3192;
}

.esn-white {
  background-color: #fff !important;
  font-color: #333;
	position: relative;
}

.esn-white::before {
	position: absolute;
	top: 0;
  left: 0;
	margin-bottom: -1px;
	height: 8px;
	width: 100%;
   content: "";
	background: linear-gradient(to right, #00aeef 25%, #ec008c 25%, #ec008c 50%, #7ac143 50%, #7ac143 75%, #f47b20 75%);
}

.esn-white .btn-flat:hover{
  background-color: #eee !important;
  font-color: #333;
}

.picker__date-display{
    background-color: #2e3192;
}

.picker__day.picker__day--today{
  color: #2e3192;
}

.picker__day.picker__day--selected{
  background-color: #2e3192;
}

.dropdown-content li>span {
    color: #2e3192;
}

@media only screen and (max-width: 600px) {
  .containerOnSmall{
    width: 94%;
  }
}

@media only screen and (max-width: 700px) {
  .modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 112px;
    width: 100%;
    text-align: right;
  }
  .lastRow{
    margin-bottom: 56px;
  }
}

.manager {
  min-width: 1280px;
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 80%;
  border-radius: 0;
  will-change: bottom, opacity;
}

[type="radio"]:checked + label:before {
border-radius: 50%;
border: 2px solid #2e3192;
}

[type="radio"]:checked + label:after {
border-radius: 50%;
border: 2px solid #2e3192;
background-color: #2e3192;
z-index: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.material-tooltip {
  white-space: pre;
}

.cell {
  padding: 0!important;
}

.sortLabel {
  padding-left: 25px!important;
}