@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700&subset=latin,latin-ext);

body {
  margin: 20px;
  padding: 0px;
  color: #000;
  min-width: 320px;
  font-weight: 300; }

h1.ui.header, h2.ui.header, h3.ui.header {
  font-weight: 300; }

h1.ui.header {
  font-size: 56px; }

tr td {
  font-weight: 300; }

.ui.items .item > .content > .description {
  color: #555; }

div#map {
  min-height: 500px;
  height: 70%; }

div#divisions-map {
  height: 720px; }

#divisions {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 676px;
  width: 320px;
  margin-top: 8px; }

.card.division {
  cursor: pointer; }

.card.division:hover {
  background-color: #ebf0ff; }

.ui.vertical.menu .item > .icon:not(.input) {
  float: left;
  width: 1.22em;
  margin: 0 0.5em 0 0.1em; }

#footer {
  text-align: center;
  clear: both;
  position: relative;
  z-index: 10;
  height: 3em;
  margin-top: 3em; }

/* dragula */

.gu-mirror{
  opacity: .7;
  transform: rotate(4deg);
}

.ui.table, .ui.menu .item, .ui.table thead th{
  color: #000 !important;
}

.field :disabled {
  opacity: .95 !important;
  font-weight: 400 !important;
}

.ui.disabled.dropdown,
.ui.disabled.search,
.ui.dropdown .menu>.disabled.item {
  opacity: .95 !important;
  font-weight: 400 !important;
}

.ui.checkbox input[disabled]~.box:after,
.ui.checkbox input[disabled]~label,
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label {
  opacity: .95 !important;
  font-weight: 400 !important;
}

.ui.disabled.dropdown,
.ui.disabled.search,
.ui.dropdown .menu>.disabled.item {
  opacity: .95 !important;
  font-weight: 400 !important;
}

permission-manager {
  display: none !important;
}

.ui.inverted.menu {
  background: #002244 !important;
}


/*-------------------
       Primary
--------------------*/

/*--- Standard ---*/

.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #00CEF7 !important;
}

.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
  background-color: #00B1DC !important;
}

.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  background-color: #00B1DC !important;
}

.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #00B1DC !important;
}

.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active,
.ui.primary.active.button,
.ui.primary.button .active.button:active {
  background-color: #00B1DC !important;
}

/*--- Green -> Yellow---*/

.ui.green.buttons .button,
.ui.green.button {
  background-color: #FFF500 !important;
  color: #002244 !important;
}

.ui.green.buttons .button:hover,
.ui.green.button:hover {
  background-color: #E5da00 !important;
  color: #002244 !important;
}

.ui.green.buttons .button:focus,
.ui.green.button:focus {
  background-color: #FFF500 !important;
  color: #002244 !important;
}

.ui.green.buttons .button:active,
.ui.green.button:active {
  background-color: #FFF500 !important;
  color: #002244 !important;
}

.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active,
.ui.green.active.button,
.ui.green.button .active.button:active {
  background-color: #FFF500 !important;
  color: #002244 !important;
}


/*--- Blue ---*/

.ui.blue.buttons .button,
.ui.blue.button {
  background-color: #002244 !important;
}


.ui.blue.buttons .button:hover,
.ui.blue.button:hover {
  background-color: #002244 !important;
}

.ui.blue.buttons .button:focus,
.ui.blue.button:focus {
  background-color: #002244 !important;
}

.ui.blue.buttons .button:active,
.ui.blue.button:active {
  background-color: #002244 !important;
}

.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active,
.ui.blue.active.button,
.ui.blue.button .active.button:active {
  background-color: #002244 !important;
}