/* =====================================================
   Generalles, Fixes
   changes by sunni hu, reik
   ===================================================== */

/* Textarea in Contact-Form: max-scale-size: 550px; */

img,
svg {
  vertical-align: middle;
  max-width: 100%;
}

.media-image img {
    max-width: 100%;
    max-height: 100%;
}

* .select2-choices {
    border: none;
}

#field-content {
    max-width: 100%;
    min-width: 100%;
}

/* Assistent */
.stages li.active .highlight {
	color: #ffffff;
	background: rgb(0,80,155);
}

.stages li.complete .highlight {
  color: #ffffff;
  background: rgb(153,185,216);
}

.stages li.active::before {
	color: rgb(153,185,216);
	background: #ffffff;
}
.stages li.complete::after {
	border-color: rgba(197, 226, 196, 0);
	border-top-color: rgb(153,185,216);
	border-bottom-color: rgb(153,185,216);
}

.stages li.active::after {
	border-color: rgba(140, 198, 138, 0);
	border-top-color: rgb(0,80,155);
	border-bottom-color: rgb(0,80,155);
}

.pill {
    background-color: rgb(0,80,155);
}

a, a:hover, a:focus {
	     color: rgb(0, 80, 155);
	    }
.header-image.pull-left {
    padding-top: 5px;
    padding-bottom: 5px;
}

.homepage .module-search {
	padding: 5px;
	margin: 0 0 0 0;
	color: #ffffff;
	background: #ffffff;
}

.account-masthead {
    background: rgb(0, 80, 155);
}

.main {
    padding: 20px 0;
    background: #eee;
}

/* background for hero class
   mittler bereich auf der Seite, der Inhalte enthält */
.main.hero {
    background: none;
    background-color: rgb(0,80,155);
}

/* Farbe für Alert-Box */
.alert-success {
    background-color: rgb(153,185,216);
    border-color: rgb(0, 80, 155);
    color: rgb(255,255,255);
}

.masthead .main-navbar ul li a {
    padding: 0.6rem 0.9rem;
    text-decoration: none;
    color: rgb(0, 80, 155);
}

/* Hamburger Menü: Color-Fix */
.masthead .btn-navbar, .masthead .btn-navbar:hover, .masthead .btn-navbar:focus, .masthead .btn-navbar:active, .masthead .btn-navbar.active, .masthead .btn-navbar.disabled, .masthead .btn-navbar[disabled] {
    background-color: rgb(0,80,155);
    background-image: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    margin-top: 15px;
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #00509b;
    background-image: -moz-linear-gradient(top, #00509b, #085871);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00509b), to(#085871));
    background-image: -webkit-linear-gradient(top, #00509b, #085871);
    background-image: -o-linear-gradient(top, #00509b, #085871);
    background-image: linear-gradient(to bottom, #00509b, #085871);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00509b', endColorstr='#ff085871', GradientType=0);
    border-color: #00509b #00509b #00509b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #085871;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* =====================================================
   The "account masthead" bar across the top of the site
   ===================================================== */

.account-masthead {
    background-color: rgb(0, 80, 155);
}
/* The "bubble" containing the number of new notifications. */
.account-masthead .account .notifications a span {
    background-color: black;
}
/* The text and icons in the user account info. */
.account-masthead .account ul li a {
    color: rgba(255, 255, 255, 0.8);
}
/* The user account info text and icons, when the user's pointer is hovering
   over them. */
.account-masthead .account ul li a:hover {
    color: rgba(255, 255, 255, 0.9);
    background-color: black;
}


/* ========================================================================
   The main masthead bar that contains the site logo, nav links, and search
   ======================================================================== */

.masthead {
    background: rgb(153,185,216);
}
/* The "navigation pills" in the masthead (the links to Datasets,
   Organizations, etc) when the user's pointer hovers over them. */
.masthead .navigation .nav-pills li a:hover {
    background-color: rgb(0, 80, 155);
    color: rgb(153,185,216);
}
/* The "active" navigation pill (for example, when you're on the /dataset page
   the "Datasets" link is active). */
.masthead .navigation .nav-pills li.active a {
    color: rgb(255,255,255);
    background-color: rgb(0, 80, 155);
}
/* The "box shadow" effect that appears around the search box when it
   has the keyboard cursor's focus. */
.masthead input[type="text"]:focus {
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
}

.masthead .nav > li > a, .masthead .nav > li > a:focus, .masthead .nav > li > a:hover, .masthead .nav > .active > a, .masthead .nav > .active > a:hover, .masthead .nav > .active > a:focus {
																			     color: rgb(0,80,155);
}

.masthead .logo img {
    width: 200px;
    height: auto;
}

/* ===========================================
   The content in the middle of the front page
   =========================================== */

/* Remove the "box shadow" effect around various boxes on the page. */
.box {
    box-shadow: 1px solid #ccccc;
}
/* Remove the borders around the "Welcome to CKAN" and "Search Your Data"
   boxes. */
.hero .box {
    border: 1px solid #ccccc;
}
/* Change the colors of the "Search Your Data" box. */
.homepage .module-search .module-content {
    color: rgb(68, 68, 68);
    background-color: rgb(153,185,216);
}
/* Change the background color of the "Popular Tags" box. */
.homepage .module-search .tags {
    background-color: rgb(0, 80, 155);
}

.module-content {
    padding: 25px;
}

.main.module-feeds {
    background: rgb(153, 185, 216);
}

homepage .module-feeds {
    padding: 0px;
}

.homepage .module-search {
    padding: 2px;
}
/* Add a border line between the top and bottom halves of the front page. */
.homepage {
    background: rgb(153,185,216);
}

.homepage .module-stats .card {
    padding: 1.5rem 1.75rem;
}

.homepage .module-stats .card ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
    padding: 0;
}

.box.fdmfeed {
    padding: 1.5rem 1.75rem;
    margin-top: 10px;
}


[role="main"] {
    min-height: 200px;
}


/* ====================================
   The footer at the bottom of the site
   ==================================== */

.site-footer, body {
    // background-color: rgb(0,80,155);
    background: rgb(0,80,155);

}
/* The text in the footer. */
.site-footer,
.site-footer label,
.site-footer small {
    color: rgba(255, 255, 255, 0.6);
}
/* The link texts in the footer. */
.site-footer a {
    color: rgba(255, 255, 255, 0.6);
}

/* ==================================
   Social Media Buttons
   ================================== */

.shariff {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.fa-medium::before {
    content: '\f0c1';

}

.form-horizontal .info-block a {
    color: #9C1A1C;
}

.form-horizontal .info-block {
    font-size: 9pt;
    color: #9C1A1C;
}

.highlight-box  h3 {
    padding-bottom: 0em;
}

.highlight-box p {
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
}

/*[role="main"] {*/
	/*min-height: 150px;*/
/*}*/

/* Legal Checkboxes in Dataset assistent form */
.legal-check {
    border: solid 1px #aaa;
    align: left;
}

input[type="radio"], .checkbox input[type="checkbox"] {
    top: 4px;
}

.legal-controls, .license-controls {
    margin-left: 90px;
    margin-bottom: 15px;
}

.luh-legal {
    background-color: #f6f6f6;
    border-bottom: none;
    border-radius: 10px;
    padding: 1em 1em 1em 1em;
    margin-bottom: 10px;
}

.error-block {
    width: 100%;
}


legend {
    margin-top: 10px;
    margin-bottom: 25px;
    border: none;
    color: darkred;
}

/* Fix the header word-break bug */
.context-info h1.heading {
        word-break: normal;
}

.media-heading {
	word-break: normal;
}

.panel {
    border-radius: 5px;
    padding: 1em 1em 1em 1em;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
}

.flash-link {
    text-decoration: underline;
    font-style: oblique;
}

/* CSS definitions for printing */

@media print {
    @page {
        size: A4 landscape;
        margin-left: 2cm;
        margin-right: 2cm;
    }

    .aside {
        visibility: hidden;
    }
}

/* CSS Fix in Dataset List */
.dataset-list {
    list-style: none;
    padding: 0;
}

.label {
	display: inline;
	padding: .3em .3em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .35em;
}

.dataset-resources {
	margin-top: 10px;
	padding: 0;
}

/* scheming fix */
#s2id_field-tag_string {
  border: none;
  padding: 0;
}

#s2id_field-format {
    border: none;
    padding: 0;
}