@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-black-webfont");
  src: url('../fonts/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black-webfont.woff') format('woff'), url('../fonts/lato/lato-black-webfont.ttf') format('truetype'), url('../fonts/lato/lato-black-webfont.svg#latoblack') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-bold-webfont");
  src: url('../fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold-webfont.woff') format('woff'), url('../fonts/lato/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato/lato-bold-webfont.svg#latoblack') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-bolditalic-webfont");
  src: url('../fonts/lato/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic-webfont.woff') format('woff'), url('../fonts/lato/lato-bolditalic-webfont.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic-webfont.svg#latoblack') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-italic-webfont");
  src: url('../fonts/lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic-webfont.woff') format('woff'), url('../fonts/lato/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato/lato-italic-webfont.svg#latoblack') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-light-webfont");
  src: url('../fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light-webfont.woff') format('woff'), url('../fonts/lato/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato/lato-light-webfont.svg#latoblack') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-regular-webfont");
  src: url('../fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular-webfont.woff') format('woff'), url('../fonts/lato/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato/lato-regular-webfont.svg#latoblack') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
	While col-XX ensures that the styles are applied when the screen size is XX or bigger, col-XXi ensures the inverse, the styles are applied when the screen size is strictly smaller than XX. This is an important point because col-mdi affects screen sizes xs, sm but not md and lg.

	This is not available for lg because the maximum size lg is infinite which means that the col wil simple always be applied.

	Reason for having these classes is allowing you to float elements when the screen is large enough and place them precisely when the screen gets smaller. A list of tags for example look nicer when floated on a big screen:

	|[tag1] [longtagname2] [tag3] [tag4] [tag5andsomemore]                              |

	But on a small screen it looks kind of messy:

	|-----------------|
	|[tag1]           |
	|-----------------|
	|[longtagname2]   |
	|-----------------|
	|[tag3] [tag4]    |
	|-----------------|
	|[tag5andsomemore]|
	|-----------------|

	With the above styles we can make it look like:

	|-----------------|
	|[ tag1  ][longt-]|
	|[       ][agname]|
	|-----------------|
	|[ tag3  ][ tag4 ]|
	|-----------------|
	|[tag5an-]        |
	|[somemo-]        |
	|[  re   ]        |
	|-----------------|

	Well it still looks crappy in ASCII but I hope you get the point.
*/
@media (max-width: 1199px) {
  .row-lgi {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-lgi:before,
  .row-lgi:after {
    content: " ";
    display: table;
  }
  .row-lgi:after {
    clear: both;
  }
  .col-lgi-1,
  .col-lgi-2,
  .col-lgi-3,
  .col-lgi-4,
  .col-lgi-5,
  .col-lgi-6,
  .col-lgi-7,
  .col-lgi-8,
  .col-lgi-9,
  .col-lgi-10,
  .col-lgi-11,
  .col-lgi-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lgi-1,
  .col-lgi-2,
  .col-lgi-3,
  .col-lgi-4,
  .col-lgi-5,
  .col-lgi-6,
  .col-lgi-7,
  .col-lgi-8,
  .col-lgi-9,
  .col-lgi-10,
  .col-lgi-11 {
    float: left;
  }
  .col-lgi-1 {
    width: 8.333333333333332%;
  }
  .col-lgi-2 {
    width: 16.666666666666664%;
  }
  .col-lgi-3 {
    width: 25%;
  }
  .col-lgi-4 {
    width: 33.33333333333333%;
  }
  .col-lgi-5 {
    width: 41.66666666666667%;
  }
  .col-lgi-6 {
    width: 50%;
  }
  .col-lgi-7 {
    width: 58.333333333333336%;
  }
  .col-lgi-8 {
    width: 66.66666666666666%;
  }
  .col-lgi-9 {
    width: 75%;
  }
  .col-lgi-10 {
    width: 83.33333333333334%;
  }
  .col-lgi-11 {
    width: 91.66666666666666%;
  }
  .col-lgi-12 {
    width: 100%;
  }
  .col-lgi-push-1 {
    left: 8.333333333333332%;
  }
  .col-lgi-push-2 {
    left: 16.666666666666664%;
  }
  .col-lgi-push-3 {
    left: 25%;
  }
  .col-lgi-push-4 {
    left: 33.33333333333333%;
  }
  .col-lgi-push-5 {
    left: 41.66666666666667%;
  }
  .col-lgi-push-6 {
    left: 50%;
  }
  .col-lgi-push-7 {
    left: 58.333333333333336%;
  }
  .col-lgi-push-8 {
    left: 66.66666666666666%;
  }
  .col-lgi-push-9 {
    left: 75%;
  }
  .col-lgi-push-10 {
    left: 83.33333333333334%;
  }
  .col-lgi-push-11 {
    left: 91.66666666666666%;
  }
  .col-lgi-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lgi-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lgi-pull-3 {
    right: 25%;
  }
  .col-lgi-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lgi-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lgi-pull-6 {
    right: 50%;
  }
  .col-lgi-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lgi-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lgi-pull-9 {
    right: 75%;
  }
  .col-lgi-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lgi-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lgi-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lgi-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lgi-offset-3 {
    margin-left: 25%;
  }
  .col-lgi-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lgi-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lgi-offset-6 {
    margin-left: 50%;
  }
  .col-lgi-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lgi-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lgi-offset-9 {
    margin-left: 75%;
  }
  .col-lgi-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lgi-offset-11 {
    margin-left: 91.66666666666666%;
  }
}
@media (max-width: 991px) {
  .row-mdi {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-mdi:before,
  .row-mdi:after {
    content: " ";
    display: table;
  }
  .row-mdi:after {
    clear: both;
  }
  .col-mdi-1,
  .col-mdi-2,
  .col-mdi-3,
  .col-mdi-4,
  .col-mdi-5,
  .col-mdi-6,
  .col-mdi-7,
  .col-mdi-8,
  .col-mdi-9,
  .col-mdi-10,
  .col-mdi-11,
  .col-mdi-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-mdi-1,
  .col-mdi-2,
  .col-mdi-3,
  .col-mdi-4,
  .col-mdi-5,
  .col-mdi-6,
  .col-mdi-7,
  .col-mdi-8,
  .col-mdi-9,
  .col-mdi-10,
  .col-mdi-11 {
    float: left;
  }
  .col-mdi-1 {
    width: 8.333333333333332%;
  }
  .col-mdi-2 {
    width: 16.666666666666664%;
  }
  .col-mdi-3 {
    width: 25%;
  }
  .col-mdi-4 {
    width: 33.33333333333333%;
  }
  .col-mdi-5 {
    width: 41.66666666666667%;
  }
  .col-mdi-6 {
    width: 50%;
  }
  .col-mdi-7 {
    width: 58.333333333333336%;
  }
  .col-mdi-8 {
    width: 66.66666666666666%;
  }
  .col-mdi-9 {
    width: 75%;
  }
  .col-mdi-10 {
    width: 83.33333333333334%;
  }
  .col-mdi-11 {
    width: 91.66666666666666%;
  }
  .col-mdi-12 {
    width: 100%;
  }
  .col-mdi-push-1 {
    left: 8.333333333333332%;
  }
  .col-mdi-push-2 {
    left: 16.666666666666664%;
  }
  .col-mdi-push-3 {
    left: 25%;
  }
  .col-mdi-push-4 {
    left: 33.33333333333333%;
  }
  .col-mdi-push-5 {
    left: 41.66666666666667%;
  }
  .col-mdi-push-6 {
    left: 50%;
  }
  .col-mdi-push-7 {
    left: 58.333333333333336%;
  }
  .col-mdi-push-8 {
    left: 66.66666666666666%;
  }
  .col-mdi-push-9 {
    left: 75%;
  }
  .col-mdi-push-10 {
    left: 83.33333333333334%;
  }
  .col-mdi-push-11 {
    left: 91.66666666666666%;
  }
  .col-mdi-pull-1 {
    right: 8.333333333333332%;
  }
  .col-mdi-pull-2 {
    right: 16.666666666666664%;
  }
  .col-mdi-pull-3 {
    right: 25%;
  }
  .col-mdi-pull-4 {
    right: 33.33333333333333%;
  }
  .col-mdi-pull-5 {
    right: 41.66666666666667%;
  }
  .col-mdi-pull-6 {
    right: 50%;
  }
  .col-mdi-pull-7 {
    right: 58.333333333333336%;
  }
  .col-mdi-pull-8 {
    right: 66.66666666666666%;
  }
  .col-mdi-pull-9 {
    right: 75%;
  }
  .col-mdi-pull-10 {
    right: 83.33333333333334%;
  }
  .col-mdi-pull-11 {
    right: 91.66666666666666%;
  }
  .col-mdi-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-mdi-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-mdi-offset-3 {
    margin-left: 25%;
  }
  .col-mdi-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-mdi-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-mdi-offset-6 {
    margin-left: 50%;
  }
  .col-mdi-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-mdi-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-mdi-offset-9 {
    margin-left: 75%;
  }
  .col-mdi-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-mdi-offset-11 {
    margin-left: 91.66666666666666%;
  }
}
@media (max-width: 767px) {
  .row-smi {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-smi:before,
  .row-smi:after {
    content: " ";
    display: table;
  }
  .row-smi:after {
    clear: both;
  }
  .col-smi-1,
  .col-smi-2,
  .col-smi-3,
  .col-smi-4,
  .col-smi-5,
  .col-smi-6,
  .col-smi-7,
  .col-smi-8,
  .col-smi-9,
  .col-smi-10,
  .col-smi-11,
  .col-smi-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-smi-1,
  .col-smi-2,
  .col-smi-3,
  .col-smi-4,
  .col-smi-5,
  .col-smi-6,
  .col-smi-7,
  .col-smi-8,
  .col-smi-9,
  .col-smi-10,
  .col-smi-11 {
    float: left;
  }
  .col-smi-1 {
    width: 8.333333333333332%;
  }
  .col-smi-2 {
    width: 16.666666666666664%;
  }
  .col-smi-3 {
    width: 25%;
  }
  .col-smi-4 {
    width: 33.33333333333333%;
  }
  .col-smi-5 {
    width: 41.66666666666667%;
  }
  .col-smi-6 {
    width: 50%;
  }
  .col-smi-7 {
    width: 58.333333333333336%;
  }
  .col-smi-8 {
    width: 66.66666666666666%;
  }
  .col-smi-9 {
    width: 75%;
  }
  .col-smi-10 {
    width: 83.33333333333334%;
  }
  .col-smi-11 {
    width: 91.66666666666666%;
  }
  .col-smi-12 {
    width: 100%;
  }
  .col-smi-push-1 {
    left: 8.333333333333332%;
  }
  .col-smi-push-2 {
    left: 16.666666666666664%;
  }
  .col-smi-push-3 {
    left: 25%;
  }
  .col-smi-push-4 {
    left: 33.33333333333333%;
  }
  .col-smi-push-5 {
    left: 41.66666666666667%;
  }
  .col-smi-push-6 {
    left: 50%;
  }
  .col-smi-push-7 {
    left: 58.333333333333336%;
  }
  .col-smi-push-8 {
    left: 66.66666666666666%;
  }
  .col-smi-push-9 {
    left: 75%;
  }
  .col-smi-push-10 {
    left: 83.33333333333334%;
  }
  .col-smi-push-11 {
    left: 91.66666666666666%;
  }
  .col-smi-pull-1 {
    right: 8.333333333333332%;
  }
  .col-smi-pull-2 {
    right: 16.666666666666664%;
  }
  .col-smi-pull-3 {
    right: 25%;
  }
  .col-smi-pull-4 {
    right: 33.33333333333333%;
  }
  .col-smi-pull-5 {
    right: 41.66666666666667%;
  }
  .col-smi-pull-6 {
    right: 50%;
  }
  .col-smi-pull-7 {
    right: 58.333333333333336%;
  }
  .col-smi-pull-8 {
    right: 66.66666666666666%;
  }
  .col-smi-pull-9 {
    right: 75%;
  }
  .col-smi-pull-10 {
    right: 83.33333333333334%;
  }
  .col-smi-pull-11 {
    right: 91.66666666666666%;
  }
  .col-smi-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-smi-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-smi-offset-3 {
    margin-left: 25%;
  }
  .col-smi-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-smi-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-smi-offset-6 {
    margin-left: 50%;
  }
  .col-smi-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-smi-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-smi-offset-9 {
    margin-left: 75%;
  }
  .col-smi-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-smi-offset-11 {
    margin-left: 91.66666666666666%;
  }
}
.text-justify {
  text-align: justify;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}
/* Inverse of the above
	So text-mdi-right will put text on the right if the screen size is xs or sm in contrast to
	text-md-right which will put text on the right if the screen size is md or lg
	*/
@media (max-width: 480px) {
  .text-smi-left {
    text-align: left;
  }
  .text-smi-right {
    text-align: right;
  }
  .text-smi-center {
    text-align: center;
  }
  .text-smi-justify {
    text-align: justify;
  }
}
@media (max-width: 768px) {
  .text-mdi-left {
    text-align: left;
  }
  .text-mdi-right {
    text-align: right;
  }
  .text-mdi-center {
    text-align: center;
  }
  .text-mdi-justify {
    text-align: justify;
  }
}
@media (max-width: 992px) {
  .text-lgi-left {
    text-align: left;
  }
  .text-lgi-right {
    text-align: right;
  }
  .text-lgi-center {
    text-align: center;
  }
  .text-lgi-justify {
    text-align: justify;
  }
}
.color-muted {
  color: #bdc3c7;
}
.color-primary {
  color: #34495e;
}
.color-warning {
  color: #f1c40f;
}
.color-danger {
  color: #e74c3c;
}
.color-success {
  color: #2ecc71;
}
.color-info {
  color: #3498db;
}
.ddeo-administration-block > .-header {
  background-color: #f5f5f5;
  padding: 0 15px;
  border-radius: 4px;
  cursor: pointer;
}
.ddeo-administration-block > .-header:before,
.ddeo-administration-block > .-header:after {
  content: " ";
  display: table;
}
.ddeo-administration-block > .-header:after {
  clear: both;
}
.ddeo-administration-block > .-header:hover {
  background-color: #bdc3c7;
}
.ddeo-administration-block > .-header > .-icon {
  float: left;
  line-height: 41px;
  color: #e74c3c;
}
.ddeo-administration-block > .-header > .-labels {
  float: right;
  margin-left: 15px;
  margin-right: -6px;
  line-height: 41px;
}
.ddeo-administration-block > .-header > .-labels > .-inactive,
.ddeo-administration-block > .-header > .-labels > .-active,
.ddeo-administration-block > .-header > .-labels > .-new,
.ddeo-administration-block > .-header > .-labels > .-removed {
  padding: 6px;
  font-size: 60%;
}
.ddeo-administration-block > .-header > .-title {
  margin-left: 33px;
  font-size: 21px;
  line-height: 41px;
}
.ddeo-administration-block > .-content {
  background-color: #f5f5f5;
  padding: 0 15px;
  border-radius: 4px;
}
.ddeo-administration-block > .-content > .-wrap {
  margin-left: -15px;
  margin-right: -15px;
}
.ddeo-administration-block > .-content > .-wrap:before,
.ddeo-administration-block > .-content > .-wrap:after {
  content: " ";
  display: table;
}
.ddeo-administration-block > .-content > .-wrap:after {
  clear: both;
}
.ddeo-administration-block > .-content > .-wrap > .-side {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .ddeo-administration-block > .-content > .-wrap > .-side {
    float: left;
    width: 33.33333333333333%;
  }
}
@media (min-width: 992px) {
  .ddeo-administration-block > .-content > .-wrap > .-side {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .ddeo-administration-block > .-content > .-wrap > .-side {
    float: left;
    width: 16.666666666666664%;
  }
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-tab-menu {
  margin: 30px 0;
  padding: 0;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-tab-menu > li {
  list-style-type: none;
  padding: 8px 0;
  border-bottom: 1px solid #34495e;
  cursor: pointer;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-tab-menu > li:hover {
  padding-left: 7px;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-tab-menu > li:last-child {
  border-bottom: none;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-tab-menu > li > .-icon {
  color: #e74c3c;
  float: right;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-tab-menu > li > .-icon > .-correct {
  color: #2ecc71;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-tab-menu > li > .-icon > .-incorrect {
  color: #e74c3c;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-action-menu {
  margin: 30px 0;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-action-menu > .btn {
  margin: 15px 0;
  display: block;
  width: 100%;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-action-menu > .btn:first-child {
  margin-top: 0;
}
.ddeo-administration-block > .-content > .-wrap > .-side > .-action-menu > .btn:last-child {
  margin-bottom: 0;
}
.ddeo-administration-block > .-content > .-wrap > .-tab {
  display: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.ddeo-administration-block > .-content > .-wrap > .-tab.-active {
  display: block;
}
@media (min-width: 768px) {
  .ddeo-administration-block > .-content > .-wrap > .-tab {
    float: left;
    width: 66.66666666666666%;
  }
}
@media (min-width: 992px) {
  .ddeo-administration-block > .-content > .-wrap > .-tab {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .ddeo-administration-block > .-content > .-wrap > .-tab {
    float: left;
    width: 83.33333333333334%;
  }
}
.ddeo-administration-block.-open {
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.ddeo-administration-block.-open > .-header {
  background-color: #bdc3c7;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ddeo-administration-block.-open > .-content {
  display: block;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ddeo-account-block > .-header {
  background-color: #f5f5f5;
  padding: 0 15px;
  border-radius: 4px;
  cursor: pointer;
}
.ddeo-account-block > .-header:before,
.ddeo-account-block > .-header:after {
  content: " ";
  display: table;
}
.ddeo-account-block > .-header:after {
  clear: both;
}
.ddeo-account-block > .-header:hover {
  background-color: #bdc3c7;
}
.ddeo-account-block > .-header > .-icon {
  float: left;
  line-height: 41px;
  color: #e74c3c;
}
.ddeo-account-block > .-header > .-icon > img {
  width: 20px;
  height: 20px;
}
.ddeo-account-block > .-header > .-labels {
  float: right;
  line-height: 41px;
  font-size: 60%;
}
.ddeo-account-block > .-header > .-title {
  margin-left: 33px;
  font-size: 21px;
  line-height: 41px;
}
.ddeo-account-block > .-content {
  background-color: #f5f5f5;
  padding: 15px;
  border-radius: 4px;
}
.ddeo-account-block > .-content > div > .-right > form > h6:first-child {
  margin-top: 0;
}
.ddeo-account-block.-open {
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.ddeo-account-block.-open > .-header {
  background-color: #bdc3c7;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ddeo-account-block.-open > .-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ddeo-button-query-filter {
  background: #f5f5f5;
  border-radius: 6px;
  padding: 15px;
}
.ddeo-button-query-filter > .-inner {
  margin: -7.5px;
  /* counteract the query and button margins */

}
.ddeo-button-query-filter > .-inner > .-query {
  float: right;
  width: 30%;
  margin: 7.5px;
}
.ddeo-button-query-filter > .-inner > .-query > .form-group {
  margin-bottom: 0;
  /* we dont actually need this element but flat-ui and its :focus js solution... */

}
.ddeo-button-query-filter > .-inner > .-buttons > .-button {
  display: inline-block;
  margin: 7.5px;
}
.ddeo-button-query-filter > .-inner > .-buttons > .-button > button {
  background-color: #f39c12;
  color: white;
}
.ddeo-button-query-filter > .-inner > .-buttons > .-button > button:hover {
  background-color: #f5b043;
}
.ddeo-button-query-filter > .-inner > .-buttons > .-button > button.-enabled {
  background-color: #27ae60;
  color: white;
}
.ddeo-button-query-filter > .-inner > .-buttons > .-button > button.-enabled:hover {
  background-color: #36d278;
}
@media (max-width: 991px) {
  .ddeo-button-query-filter > .-inner {
    margin: -7.5px 0;
    /* left and right must be 0 because box-model + 25% contents must fit */
  
    overflow: hidden;
    /* prevent margins from collapsing */
  
  }
  .ddeo-button-query-filter > .-inner > .-query {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .ddeo-button-query-filter > .-inner > .-buttons {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .ddeo-button-query-filter > .-inner > .-buttons:before,
  .ddeo-button-query-filter > .-inner > .-buttons:after {
    content: " ";
    display: table;
  }
  .ddeo-button-query-filter > .-inner > .-buttons:after {
    clear: both;
  }
  .ddeo-button-query-filter > .-inner > .-buttons > .-button {
    float: left;
    width: 25%;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-left: 0;
    margin-right: 0;
  }
  .ddeo-button-query-filter > .-inner > .-buttons > .-button > button {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .ddeo-button-query-filter > .-inner > .-buttons > .-button {
    width: 50%;
  }
}
.ddeo-notificator {
  background-color: #f1c40f;
  color: #262626;
  position: fixed;
  padding: 15px;
  z-index: 2000;
  bottom: 0;
  left: 50%;
  width: 100%;
  margin-left: -50%;
  overflow: auto;
  max-height: 125px;
}
@media (min-width: 768px) {
  .ddeo-notificator {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 562.5px;
    margin-left: -281.25px;
    max-height: 187.5px;
  }
}
@media (min-width: 992px) {
  .ddeo-notificator {
    border-radius: 4px;
    width: 562.5px;
    margin-left: -281.25px;
    max-height: 242.5px;
    bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .ddeo-notificator {
    width: 585px;
    margin-left: -292.5px;
    max-height: 292.5px;
    bottom: 40px;
  }
}
.ddeo-notificator > .-title {
  text-align: center;
  margin: 0 0 7.5px 0;
  padding: 0;
}
.ddeo-notificator > ol {
  margin: 0;
  padding: 0;
}
.ddeo-notificator > ol > li {
  list-style: none;
  padding: 0;
  padding-bottom: 7.5px;
  border-bottom: 1px solid black;
  margin-bottom: 7.5px;
}
.ddeo-notificator > ol > li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.ddeo-notificator > ol > li:before,
.ddeo-notificator > ol > li:after {
  content: " ";
  display: table;
}
.ddeo-notificator > ol > li:after {
  clear: both;
}
.ddeo-notificator > ol > li > .-icon {
  float: left;
}
.ddeo-notificator > ol > li > .-close {
  float: right;
  background: none;
  border: none;
  padding: 0 7px;
  color: #262626;
}
.ddeo-notificator > ol > li > .-close:hover {
  color: #404040;
}
.ddeo-notificator > ol > li > .-text {
  margin-left: 23px;
}
#ddeo-navbar {
  min-height: 70px;
}
#ddeo-navbar .navbar-nav > li > a {
  padding: 24.5px;
}
#ddeo-navbar .navbar-brand {
  line-height: 51px;
  font-style: italic;
  display: inline-block;
  height: 70px;
  line-height: 40px;
}
#ddeo-navbar .navbar-brand > img {
  width: 40px;
  height: 40px;
  vertical-align: middle;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
#ddeo-navbar .navbar-brand > span {
  height: 40px;
  margin-left: 5px;
  vertical-align: middle;
}
#ddeo-navbar.ddeo-navbar-small {
  min-height: 50px;
}
#ddeo-navbar.ddeo-navbar-small .navbar-nav > li > a {
  padding: 14.5px;
}
#ddeo-navbar.ddeo-navbar-small .navbar-brand {
  padding: 5px;
  padding-left: 15px;
  height: 50px;
}
#ddeo-navbar.ddeo-navbar-small .navbar-brand > img {
  padding: 5px;
}
#ddeo-navbar.ddeo-navbar-small .navbar-brand > span {
  display: none;
}
.register-pop {
  background: white;
  border-radius: 4px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px;
}
.register-pop:first-child {
  margin-top: 56px;
}
a.inverse {
  color: #dde4e6;
}
a.inverse:hover {
  color: white;
}
.eo-rating {
  display: inline-block;
  width: 80px;
  height: 16px;
  background: url('/media/star.gif') 0 -48px;
}
.img-responsive {
  width: 100%;
}
.block {
  display: block;
}
.select-pristine {
  color: #bdc3c7;
}
.select-pristine > * {
  color: #34495e;
}
.success-bg {
  background-color: #2ecc71;
}
.warning-bg {
  background-color: #f1c40f;
}
.danger-bg {
  background-color: #e74c3c;
}
.info-bg {
  background-color: #3498db;
}
.info-color {
  color: #3498db;
}
.success-color {
  color: #2ecc71;
}
.warning-color {
  color: #f1c40f;
}
.danger-color {
  color: #e74c3c;
}
.success-bg-soft {
  background-color: #4dd486;
}
.warning-bg-soft {
  background-color: #f3cd33;
}
.danger-bg-soft {
  background-color: #eb6759;
}
.info-bg-soft {
  background-color: #52a7e0;
}
.info-color-soft {
  color: #52a7e0;
}
.success-color-soft {
  color: #4dd486;
}
.warning-color-soft {
  color: #f3cd33;
}
.danger-color-soft {
  color: #eb6759;
}
.text-soft {
  color: #5d6d7e;
}
.space-row {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
}
html {
  overflow-y: scroll;
}
body {
  position: relative;
  left: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
footer {
  min-height: 222px;
}
body {
  padding-top: 80px;
}
main > header {
  margin-top: 40px;
}
main > header form {
  padding-top: 30px;
}
main > header .language-button {
  background: none;
  border: none;
  color: #16a085;
  font-size: 16px;
}
main > header .language-button:hover {
  color: #1abc9c;
}
main > header .language-button.active {
  font-weight: bold;
}
main > header .language-button-inverse {
  background: none;
  border: none;
  color: #34495e;
  font-size: 16px;
}
main > header .language-button-inverse:hover {
  color: #222f3d;
}
main > header .language-button-inverse.active {
  font-weight: bold;
}
main > header h1 {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 40px;
}
.inverse-text {
  color: #34495e;
}
.inverse-text a,
.inverse-text .btn,
.inverse-text .btn-link {
  color: #34495e;
}
.inverse-text a:hover,
.inverse-text .btn:hover,
.inverse-text .btn-link:hover,
.inverse-text a:focus,
.inverse-text .btn:focus,
.inverse-text .btn-link:focus {
  color: #222f3d;
}
.inverse-background {
  background: #1abc9c;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1000;
}
form#language {
  margin-top: 12px;
}
form#language button.current {
  font-weight: 900;
}
.btn-toggle {
  background-color: #95a5a6;
  color: white;
}
.btn-toggle:hover {
  background-color: #b1bdbd;
}
.btn-toggle.btn-toggle-on {
  background-color: #27ae60;
  color: white;
}
.btn-toggle.btn-toggle-on:hover {
  background-color: #36d278;
}
.btn-toggle.btn-toggle-off {
  background-color: #f39c12;
  color: white;
}
.btn-toggle.btn-toggle-off:hover {
  background-color: #f5b043;
}
.flex-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
.flex-fat {
  -webkit-box-flex: 1 0 auto;
  /* OLD - iOS 6-, Safari 3.1-6 */

  -moz-box-flex: 1 0 auto;
  /* OLD - Firefox 19- */

  -webkit-flex: 1 0 auto;
  /* Chrome */

  -ms-flex: 1 0 auto;
  /* IE 10 */

  flex: 1 0 auto;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  min-height: 1px;
  /* prevent collapse */

}
.flex-slim {
  -webkit-box-flex: 0 0 auto;
  /* OLD - iOS 6-, Safari 3.1-6 */

  -moz-box-flex: 0 0 auto;
  /* OLD - Firefox 19- */

  -webkit-flex: 0 0 auto;
  /* Chrome */

  -ms-flex: 0 0 auto;
  /* IE 10 */

  flex: 0 0 auto;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  min-height: 1px;
  /* prevent collapse */

}
.space-horizontal {
  margin-left: 7.5px;
  margin-right: 7.5px;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child).first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child).last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
ol.collection {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ol.collection-horizontal {
  display: inline-block;
  margin-left: -4px;
  margin-right: -4px;
}
ol.collection-horizontal > li {
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
}
ol.collection-vertical {
  display: block;
  margin-top: -4px;
  margin-bottom: -4px;
}
ol.collection-vertical > li {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
}