/*
Copyright 2017 tommaso.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
/* 
    Created on : May 25, 2017, 5:12:05 PM
    Author     : tommaso
*/
body { background-image: none; background-color: #fff; }
a { color: #2b65a5; word-wrap: break-word; }
h1,h2,h3,h4,h5,h6 { font-family: sans-serif; }
h3 { line-height: 1em; font-size: 1.2em; padding: 0.4em; margin: 0 0 0.4em 0;  border-bottom: 4px solid #ecf31f; background-color: #ffffef; }

.to_clear { clear: both; }
.text_right { text-align: right; }

.contentnote { text-align: right; font-size: 0.85em; color: #333; }

.pagination .pagination_browser { font-size: 1.3em; margin-left: 0px; }
.pagination .pagination_browser > li:first-child { margin-left: 0px; }
.pagination .pagination_browser li { list-style: none; float: left; }
.pagination .pagination_desc { float: right; padding: 0.4em; }
.pagination input.pagination_pager_page {
    width: 32px;
    text-align: right;
}
.pagination .pagination_cur_page {
    color: brown;
}

/* TOPNAV */
#topnav { background-color: #c00; }
#topnav .page { font-size: 1.5em; color: #f00; }
#topnav span.navlinks { text-align: right; }

/* NAV */
#nav { background-color: #ff0; border-bottom: 1px solid #ee0; border-top: 3px #800 solid; padding: 0; }
#nav .hlist ul li { text-align: center; border: none; width: 16.6%; }
#nav .hlist ul li a { border: none; font-size: larger; }
#nav .hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active { background-color: #ffe; color: #800; text-decoration: underline; }

/* HEADER */
#header { background-color: transparent; background-image: none; border: 0 none; }
#header .page { padding: 0.15em 0.15em 0.15em 0.15em; }
#header .page h1 a, #header .page h1 a:hover { color: inherit; text-decoration: inherit; }
#header .page h1 span.device { font-size: 0.75em; margin-left: 0.15em; }
#header .signin.button { margin: 4px 0; font-size: 1.6em; }
#header .signin.button:hover { -moz-box-shadow: 0px 0px 16px #fff; -webkit-box-shadow: 0px 0px 16px #fff; }

/* MAIN */
#main .page { font-size: 133% !important; }

/* FOOTER */
#footer { border-top: 3px #f00 dashed; font-size: 1em; color: #faa; background-color: #a00; }
#footer .page p { text-align: center; }

/* COMPONENTS */
/* Flash messages */

p.imurales.flash { padding: 0.5em 0.5em 0.5em 32px; }
p.imurales.error {
    border-top: 1px solid #fcc;
    border-bottom: 1px solid #fcc;
    background-color: #fee;
    background-image: url(../images/icons/error16.png);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    border-radius: 5px;
}

p.imurales.success {
    border-top: 1px solid #fcc;
    border-bottom: 1px solid #fcc;
    background-color: lightgreen;
    border-radius: 5px;
}

/* Horizontal banners */

div.banners.horizontal { text-align: center; border-top: 1px #ddd dashed; padding: 16px 0; }
div.banners.horizontal li {
    display: inline-block;
    margin: 16px 8px 0 8px;
    height: 120px;
    width: 120px;
    padding: 4px;
    overflow: hidden;
}

h4 { text-transform: uppercase; }


#header { height: 50px; }
#header .page_margins { background-image: url(../images/header/default.png); background-color: transparent; background-position: bottom; background-repeat: repeat-x; height: 50px; }

/* .channel_module #header .page_margins { background-image: url(../images/header/channels.png); }
.account_module #header .page_margins { background-image: url(../images/header/account.png); }
.message_module #header .page_margins { background-image: url(../images/header/messages.png); }
.news_module #header .page_margins { background-image: url(../images/header/news.png); }
.page_module #header .page_margins { background-image: url(../images/header/pages.png); }
.audit_module #header .page_margins { background-image: url(../images/header/audit.png); }
.advertisement_module #header .page_margins { background-image: url(../images/header/advertisement.png); } */

body.page_module.front_action #header { height: 300px; background-color: transparent; }
body.page_module.front_action #header .page_margins { background-image: url(../images/header/homepage.png); height: 300px; }
body.page_module.front_action #header .page { padding-top: 200px }
body.page_module.front_action #main { border-top: none; }


/* Image preview */

img.preview {
    margin: 0 0.5em 0 0;
    border: 1px solid #ddd;
    padding: 0.5em;
    background-color: #fff;
}

/* Link buttons */

a.button {
    display: block;
    border: 2px #800 solid;
    padding: 0.3em 1em 0.3em 1em;
    background: #ff0;
    box-shadow: 0px 0px 16px #444;
    -moz-box-shadow: 0px 0px 16px #444;
    -webkit-box-shadow: 0px 0px 16px #444;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #800;
    text-align: center;
}
a.button:hover { -moz-box-shadow: 0px 0px 16px #fff; -webkit-box-shadow: 0px 0px 16px #fff; }

a.button.centered {
    width: 300px;
    margin: auto;
}

/* FORMS */
form.imuralescom { border: none; background-color: transparent; }
form.imuralescom button, form.imuralescom input, form.imuralescom select, form.imuralescom textarea { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
form.imuralescom select { background-color: #fff; }
/*form.imuralescom img.preview { float: left; }*/
form.imuralescom .type-update { padding: 0.5em 0.5em 0 0.5em; }
form.imuralescom ul.error_list, form.imuralescom ul.error_list li { list-style: none; margin-left: 0; color: red; }
form.imuralescom .input_error { background-color: #fdd !important; }

/* FRONT PAGE */
#imuralescom_front_page #channel_sidebar { padding: 0 0.4em 0.4em 0; }
#imuralescom_front_page #channel_sidebar h3 { line-height: 1em; font-size: 1em; padding: 0.4em 0.2em 0.4em 0.2em; margin: 0 0 0.4em 0;  border-bottom: 4px solid #ecf31f; background-color: #ffffef; }
#account_front_page h3 { font-size: 1.2em; margin: 0.7em 0 0.3em; padding: 0.5em; border-bottom: 4px solid #ecf31f; background-color: #ffffef; }

table.invisible, table.invisible tr, table.invisible th, table.invisible td {
    margin: 0.2em;
    padding: 0.2em;
    background-color: transparent;
    border: none;
}

.tooltip {
	background-color:#eee;
	border:1px solid #ccc;
	padding:10px 15px;
	width:360px;
	display:none;
	color:#000;
	text-align:left;
	font-size: 1.4em;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #ddd;
	-webkit-box-shadow:0 0 10px  #ddd;
}

.language-selection a {
    opacity: 0.5;
}

/* added */

.yform .type-button button[type="submit"] { color:#330; background:#5e5607 url(yaml/screen/images/button_yellow.png) top left repeat-x; }

.yform .type-button button {
    cursor: pointer;
    overflow: visible;
    width: auto;
}

.yform .type-button button {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
    background: #454545 url(yaml/screen/images/button_gray.png) top left repeat-x;
    padding: 5px 1em;
}

/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
.yform div.type-button button:focus,
.yform div.type-button button:hover,
.yform div.type-button button:active {
    border-top:1px #444 solid;
    border-left:1px #444 solid;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
    color:#fff;
    background:#555; 
}

.yform div.type-button button.submit:focus,
.yform div.type-button button.submit:hover,
.yform div.type-button button.submit:active {
    background:#880; color:#fff;
}

ul.form-error li {
    color: red;
}

#content_front_page {
    display: inline;
}

#content_front_page input[type=radio] {
    margin-left: 10px;
}

img.preview.page_header {
    width: 95%;
}

#channel_page_header_delete, #channel_logo_delete, #device_logo_delete, #device_page_header_delete {
    float: left;
    width: auto;
    margin-left: 10px;
    margin-top: 2px;
}

label[for=channel_page_header_delete], label[for=channel_logo_delete], label[for=device_logo_delete], label[for=device_page_header_delete] {
    width: auto;
    float: left;
}

img.full.banner {
    width: 100%;
}

img.full.banner.empty {
    width: auto;
}

div.sidebar, fieldset {
    border-radius: 12px;
}

a.cc-link {
    background: #000000;
}
/*
div.banners > ul {
    list-style-type: none;
    margin-left: 0px;
}

div.banners > ul > li {
    margin-bottom: 20px;
    margin-left: 0px;
    text-align: center;
}

div.banners span.banner a.image img {
    width: 150px;
}
*/

#google_translate_element {
    float: right;
    clear: both;
    height: 25px;
}

#google_translate_element .goog-te-gadget-simple {
    background: transparent;
    display: inline-flex;
}

#google_translate_element span {
    display: initial;
    color: #000000;
}

#google_translate_element a {
    font-size: small !important;
}

body.page {
    margin: 0px;
}