/*

	Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com
	missing in a maze

*/

/* This controls the width of the fluid width layouts */

div.fluid
{
width: 100% !important;
}

/* This controls the width of the fixed width layouts */

div.fixed
{
width: 950px !important;
}

/* Basic Stuff */

*
{
margin: 0em;
padding: 0em;
}

body
{
background-color: #fff;
color: #585858;
font-size: 10pt;
font-family: "trebuchet ms", helvetica, sans-serif, emoji, Symbola;
}

pre {
  background-color: #f4f4f4;
}

pre.no_monospace {
  font-family: "trebuchet ms", helvetica, sans-serif, emoji, Symbola;
}

h1,h2,h3,h4,h5,h6
{
font-weight: normal;
letter-spacing: -1px;
text-transform: none;
}

h2
{
color: #4b5457;
}

h3,h4,h5,h6
{
color: #4B5457;
}

h1 span
{
font-weight: bold;
}

h3 span
{
font-weight: bold;
}

h4 span
{
font-weight: bold;
}

br.clear
{
clear: both;
}

img
{
padding: 3px;
/* border: solid 1px #e1e1e1; */
}

img.floatTL
{
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-top: 0.5em;
}

a
{
text-decoration: none;
color: #2a8d63;
}

a:hover
{
text-decoration: none;
}

ul.links
{
list-style: none;
}

ul.links li
{
line-height: 2em;
}

ul.links li.first
{
}

p
{
line-height: 1.8em;
}

/* Header */

#header
{
height:122px;
background: #222222;
}

#header_inner
{
position: relative;
width: 950px;
height:122px;
margin: 0 auto;
}

/* Logo */

#logo
{
position: absolute;
bottom: 0.6em;
width: 95px;
height:115px;
margin: 0 auto;
}


#logo h1
{
display: inline;
color: #fff;
font-size: 2.6em;
}

#logo h2
{
display: inline;
padding-left: 0.5em;
color: #D2DCE5;
font-size: 1.0em;
}

/* Menu */

#menu
{
position: absolute;
left: 110px;
bottom: 0px;
width: 94%;
}

#menu ul
{
list-style: none;
}

#menu li
{
float: left;
}

#menu li.right-menu-tabs
{
float: right;
}

#menu li.right-menu-tabs p
{
	margin: 0px;
	padding:20px 22px;
	line-height: normal;
	font-weight: normal;
	font-size: 16px;
	color: #ffffff;
}

#menu li a
{
display: block;
margin-right: 1px;
padding: 20px 22px 20px 22px;
background: #2a8d63;
border: none;
color: #ffffff;
font-weight: normal;
font-size: 16px;
text-decoration: none;
}

#menu a:active
{
background: #ffffff;
color: #4b5457;
border: none;
}

#menu a:hover
{
background: #00c270;
color: #fffff;
border: none;
}
/* Main */

#main
{
background: #fff url('/img/images_blue//n2.gif') 0px 1px repeat-x;
}

#main_inner p
{
text-align: justify;
margin-bottom: 2.0em;
}

#main_inner ul
{
margin-bottom: 2.0em;
}

#main_inner
{
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 3.5em;
}

#main_inner h3,h4
{
border-bottom: dotted 1px #E1E1E1;
position: relative;
}

#main_inner h3
{
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
}

#main_inner h4
{
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
}

#main_inner .post
{
position: relative;
}

#main_inner .post h3
{
position: relative;
font-size: 1.7em;
padding-bottom: 1.2em;
}

#main_inner .post ul.post_info
{
list-style: none;
position: absolute;
top: 3em;
font-size: 0.8em;
}

#main_inner .post ul.post_info li
{
background-position: 0em 0.2em;
background-repeat: no-repeat;
display: inline;
padding-left: 18px;
}

#main_inner .post ul.post_info li.date
{
background-image: url('/img/images_blue/n5.gif');
}

#main_inner .post ul.post_info li.comments
{
background-image: url('/img/images_blue/n6.gif');
margin-left: 1.1em;
}

/* Footer */

#footer
{
width: 950px;
margin: 0 auto;
text-align: center;
clear: both;
border-top: dotted 1px #E1E1E1;
margin-top: 1.0em;
margin-bottom: 1.0em;
padding-top: 1.0em;
text-transform: none;
}

/* Search */

input.button
{
background: #FF790B url('/img/images_blue/n3.gif') repeat-x;
color: #fff;
border: solid 1px #DB7623;
font-weight: bold;
text-transform: none
font-size: 0.8em;
height: 2.0em;
}

input.text
{
border: solid 1px #F1F1F1;
font-size: 1.0em;
padding: 0.25em 0.25em 0.25em 0.25em;
}

#search
{
position: relative;
width: 100%;
margin-bottom: 2.0em;
}

#search input.text
{
position: absolute;
top: 0em;
left: 0em;
width: 9.5em;
}

#search input.button
{
position: absolute;
top: 0em;
right: 0em;
min-width: 2.0em;
max-width: 2.5em;
}

/* LAYOUT - 3 COLUMNS */

	/* Primary content */
	
	#primaryContent_3columns
	{
	position: relative;
	margin-right: 34em;
	}
	
	#columnA_3columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -34em;
	padding-right: 2em;
	}
	
	/* Secondary Content */
	
	#secondaryContent_3columns
	{
	float: right;
	}
	
	#columnB_3columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 2em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}
	
	#columnC_3columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 0em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}
	
/* LAYOUT - 2 COLUMNS */

	/* Primary content */
	
	#primaryContent_2columns
	{
	position: relative;
	margin-right: 17em;
	}
	
	#columnA_2columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -17em;
	padding-right: 2em;
	}
	
	/* Secondary Content */
	
	#secondaryContent_2columns
	{
	float: right;
	}
	
	#columnC_2columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 0em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}

/* LAYOUT - COLUMNLESS */

	/* Primary content */
	
	#primaryContent_columnless
	{
	position: relative;
	}
	
	#columnA_columnless
	{
	position: relative;
	width: 100%;
	}
	
	
/* Cake Overrides */
	
#header h1{
	background: none !important;
	padding: 0 !important;
	
}

#logo h2 {
	background: none !important;
}

#header {
	padding: 0px 40px 0px 40px;
	background: #222222;
}

ul, li {
	margin: 0px;
}

div#footer-home{
	position: relative;
	bottom: 0px;
	text-align: center;
}

div#logout {
	bottom: 2px;
	right: 0;
	position: absolute;
}

form#UserLoginForm{
	margin: 130px auto 0;
	width: 200px;
}

.actions a.sera_view_button,
.actions a.sera_edit_button,
.actions a.sera_delete_button,
.actions a.sera_download_button,
.actions a.sera_dismiss_button,
.actions a.sera_assign_button
{
	width: 24px;
	height: 24px;
	background-color: inherit;
	background-repeat: no-repeat;
	background-position: center;
	border:none;
	box-shadow: none;
	padding: 6px 12px;
	vertical-align: middle;	
}

.actions a.sera_view_button {
	background-image: url('../img/view.png');
}

.actions a.sera_edit_button {
	background-image: url('../img/edit.png');
}

.actions a.sera_delete_button {
	background-image: url('../img/delete.png');
}

.actions a.sera_download_button {
	background-image: url('../img/download.png');
}

.actions a.sera_dismiss_button {
	background-image: url('../img/dismiss.png');
}

.actions a.sera_assign_button {
	background-image: url('../img/add.png');
}




th.actions {
	text-align: center;
}

/* Messages */
#msg_container {
	width: 100%;
}

#msg_container_left {
	margin-top: 20px;
	float: left;
	width:80%;
	border: 1px solid #2a8d63;
	background: #ededed;
	-webkit-border-radius: 40px 10px 10px 10px;
       -moz-border-radius: 40px 10px 10px 10px;
          	border-radius: 40px 10px 10px 10px;
}

.msg_white_space {
white-space: pre-wrap;

}

#msg_container_right {
	margin-top: 20px;
	float: right;
	width: 80%;
	border: 1px solid #2a8d63;
	background: #ededed;
	-webkit-border-radius: 10px 40px 10px 10px;
       -moz-border-radius: 10px 40px 10px 10px;
          	border-radius: 10px 40px 10px 10px;
}

#smiley_1 {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}

#smiley_2 {
	float: right;
	width: 80px;
	height: 80px;
	margin-left: 20px;
	margin-right: 6px;
}

#msgtxt_left {
	margin-left: 100px;
	margin-right: 50px;
}

#msgtxt_right {
	margin-left: 50px;
	margin-right: 100px;
}

#mobile_user_left {
	text-align: left;
}

#contact_person_right {
	text-align: right;
}
h8 {
	background:#fff;
	color: #4b5457;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 190%;
	background: #ededed;
}

.related h3 {
	border-bottom:1px solid #ccc;
}

form div.searchlist_button {
	clear: none;
	padding:0 0.5em 0 0;
	margin-top: 25px;
	float: left;
}

form div.searchlist_exportButton {
	clear: none;
	padding:0px;
	margin-top: 33px;
	float: right;
}

form div.searchlist_button >input[type="submit"]{
	padding: 6px 10px 5px 10px;
}

div.media select,
div.mobileUsers select {
	padding-top:4px;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;
}

input[type="checkbox"].mass_action {
	margin-left:6px;
	margin-bottom:0px;
}

div.mass_action_container {
	float: left; 
	margin-left: 20px; 
	margin-top: 1em;
}


button.assign_all  {
	padding: 5px 10px;
	margin-right: 5px;
}
button.remove_all{
	padding: 5px 10px;
	margin-right: 5px;
}

button.inactive {
	opacity: 0.2;
}

#dialog_assign_media,
#dialog_remove_media,
#dialog_assign_single,
#dialog_user_list {
	display: none;
}

.actions span.sera_assign_button
{
	width: 24px;
	height: 24px;
	background-color: inherit;
	background-repeat: no-repeat;
	background-position: center;
	border:none;
	box-shadow: none;
	padding: 6px 12px;
	vertical-align: middle;	
	background-image: url('../img/add.png');
	cursor:pointer;
}

div.sera_dialog {
	border-radius: 0px;
	font-weight: normal !important;
	
}

div.sera_dialog.ui-dialog-title {

}

button.ui-dialog-titlebar-close{
	display: none;
}

.ui-dialog-buttonset button {
	padding: 0px !important;
	margin: 0px !important;
	border-radius: 0px !important;
	background: none !important;
	background-color: #2A8D63 !important;
	color: #FFFFFF !important;
}

div.sera_dialog div.ui-dialog-buttonset {
	float: left !important;
	padding-left: 10px;
}

.sera_dialog div.ui-widget-header {
	background: none;
	border: 1px solid lightgray;
	border-radius: 0px;
	
}

.sera_dialog div.ui-widget-content {
	background: none;
}

.sera_qr_code {
	margin-left:20px;
}

.mobileUsers dl {
	float: left;
}

form.full_width {
	width: 100%;
}

.sera_actionlink_button {
	background: none repeat scroll 0 0 #2A8D63;
    border: 0 none;
    color: #FFFFFF;
    display: inline;
    font-size: 110%;
    font-weight: normal;
    min-width: 0;
    padding: 8px 10px;
    width: auto;
}

.sera_button_cursor {
	cursor: pointer;
}


.sera_media_img_size{
	height: 120px;
	width: 160px;
}

.sera_btn_upload {
	background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #2a8d63;
    color: #2a8d63;
    cursor: pointer;
    display: inline-block;
    font-size: 110%;
    font-weight: normal;
    min-width: 0;
    padding: 8px 10px;
    width: auto;
	margin-right: 15px;
}

hr.space {
	margin-bottom: 20px;
}

fieldset.csv_upload {
	padding-top: 0px;
	padding-left: 0px;
}

fieldset.csv_upload form div {
	padding: 0px 0px 15px 0px;
}


.badge {
	background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.s2-filter{
	display:inline;
	margin-top: -7px;
}

.category-filter{
	min-width: 161px !important;
}
.product-filter {
	min-width: 191px !important;
}
.teaser-filter{
	min-width: 90px !important;
}
.indication-filter {
	min-width: 252px !important;
}
.assigned-filter {
	min-width: 132px !important;
}
.MediaMobileUserContactPerson-filter {
	min-width: 315px !important;
}

.MediaMobileUserMobileUserActivity-filter {
	min-width: 218px !important;
}
.MediaMobileUserMobileUserType-filter {
	min-width: 240px !important;
}
.MediaMobileUserAreasOfExpertise-filter {
	min-width: 240px !important;
}

.MediaMobileUserMobileUserAreasOfExpertise-filter {
	min-width: 240px !important;
    height: 200px;
}
.MediaMobileUserAssigned-filter {
	min-width: 175px !important;
}
.MediaMobileUserEntriesPerPage-filter {
	min-width: 30px !important;
}

.MediaMobileUserContactPerson-filter span.select2 ,
.MediaMobileUserMobileUserActivity-filter span.select2,
.MediaMobileUserMobileUserType-filter span.select2 ,
.MediaMobileUserAreasOfExpertise-filter span.select2 ,
.MediaMobileUserMobileUserAreasOfExpertise-filter span.select2 ,
.MediaMobileUserAssigned-filter span.select2 ,
.MediaMobileUserEntriesPerPage-filter span.select2 {
	width: 100% !important;
}
#MediaReleaseDateDay{
	min-width: 50px !important;
}
#MediaReleaseDateMonth{
	min-width: 100px !important;
}
#MediaReleaseDateYear {
	min-width: 70px !important;
}

.mediaGroups .select2-container{
	width: 100% !important;
}


.searchlist_box_and_buttons{
	margin-top: -5px !important;
}

.media-form{
	overflow: hidden;
	width:100%;
}


.box-container button{
	margin: 1px;
}

.modal-index{
	width:95% !important;
	border: none!important;
}

.modal-index h2{
	background: transparent none repeat scroll 0 0;
}

.modal-index label{
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size: 10pt;
}


.text input{
	border: 1px solid #ccc;
	outline: 0 none;
	background-color: white;
	border-radius: 4px;
	cursor: text;
	box-sizing: border-box;
	display: block;
	min-height: 30px;
	line-height: 30px;
	/* height: 30px !important; */
	font-size: 1.1em !important;
}
.search-input{
	height: 30px !important; 
}
.s2-filter{
	padding-top: 0.76em;
}
.modal-index .s2-filter{
	padding-top: 0.55em;
}

.select2-selection--single{
	line-height: 30px;
	height: 30px !important;
	vertical-align: middle;
}

/* smartadmin smallboxes */

#divSmallBoxes {
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 9999;
}

.fast.animated {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: .4s;
    animation-duration: 0.4s;
}

.fadeInRight.animated {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.fast.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: 0.5s;
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.SmallBox {
    position: absolute;
    right: 5px;
    top: 20px;
    width: 420px;
    color: #fff;
    z-index: 9999;
    overflow: hidden;
    border: 1px solid transparent;
}

.SmallBox .textoFull {
    width: 93%;
    float: left;
    padding-left: 20px;
}

.SmallBox span {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    display: block;
    margin: 8px 0 4px 0;
}

.SmallBox p {
    font-size: 13px;
    margin-top: 2px;
}

.miniIcono {
    height: 100%;
    font-size: 20px;
}

.miniPic {
    position: absolute;
    top: 8px;
    right: 9px;
}

/* END smartadmin smallboxes */

form .submit input[type=submit].message_submit_btn {
    background-color: #6a6a6a;
    cursor: default;
}

form fieldset div button.message_submit_btn {
    background-color: #6a6a6a;
    cursor: default;
}

.err_message {
    background-color: red; 
    color: white; 
    padding: 5px 10px;
}
.message_text_counter {
    padding: 5px 10px;
    float: right;
}
fieldset#edit_box_fieldset {
    margin: 0;
    padding: 0;
}
form.edit_message_form{
    margin: 0px;
    width: auto;
}
button.message_edit:hover, button.submit_edit_msg:hover, button.cancel_edit_msg:hover {
    background: #00c270;
}
button.checkbox_not_checked_disable{
    background: #c0c0c0;
    cursor: default;
}
div > button[type="button"] {
    padding: 6px 10px;
}
div.multiple-chbx > input[type="checkbox"] {
    display: inline;
    vertical-align: sub;
}
div.multiple-chbx > label {
    display: inline;
}
div.multiple-chbx  {
    padding-right: 15px;
    display:inline-block;
}
div.FilterField-filter-div{
    padding: 0.5em;
}
div.FilterField-filter-div > button {
    vertical-align: text-top;
}
div.FilterField-filter-div > div.filter-checkbox-div {
    clear: none;
    float: left;
}
div.FilterField-filter-div > div.filter-button-div {
    clear: none;
    float: right;
    padding-right: 0px;
}

@font-face {
	font-family: Symbola;
	src: url('../fonts/Symbola.ttf') format('truetype');
}

@font-face {
	font-family: emoji;

	src: local('Apple Color Emoji'),
	local('Android Emoji'),
	local('Segoe UI'),
	local(EmojiSymbols),
	local(Symbola),
	/*url('font/Symbola-Emoji.eot?#iefix') format('embedded-opentype'),
	url('font/Symbola-Emoji.woff') format('woff'),
	url('font/Symbola-Emoji.ttf') format('truetype');*/
	url('../fonts/Symbola.ttf') format('truetype');

	/* Emoji unicode blocks */
	unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
}