/*
	+-----------------------------------------------------------+
	| co|manager - Content Management System - $Release$		|
	+-----------------------------------------------------------+
	| Copyright (c) 2004-2005 clarksdale datendesign			|
	| http://www.comanager.de | http://www.clarksdale.de		|
	| Please read the file LICENCE for more information.		|
	+-----------------------------------------------------------+
	| Authors: Matthias Lienau <ml@clarksdale.de>				|
	| 		   Christian Günther <cg@clarksdale.de>				|
	+-----------------------------------------------------------+

	@svnid:		$Id: $
	@svnurl:	$URL: $
	@since:		2004/03/08
	@purpose:	CSS definitions

*/

/* definition of main properties of page */
 body {
     background-color: #ffffff;
     text-align: left;
    /* background-image: url('../images/servicebund/bg.gif');
     */
     background-repeat: repeat-y;
     margin-top: 0px;
     margin-left: 0px;
}
 .printbody {
     background-color: #ffffff;
     background-image: url('');
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
}
/*font-face for icons*/
 @font-face {
     font-family: 'fontello';
     src: url('../font/fontello.eot?22602205');
     src: url('../font/fontello.eot?22602205#iefix') format('embedded-opentype'), url('../font/fontello.woff2?22602205') format('woff2'), url('../font/fontello.woff?22602205') format('woff'), url('../font/fontello.ttf?22602205') format('truetype'), url('../font/fontello.svg?22602205#fontello') format('svg');
     font-weight: normal;
     font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
     @font-face {
         font-family: 'fontello';
         src: url('../font/fontello.svg?22602205#fontello') format('svg');
    }
}
 */
 [class^="icon-"]:before, [class*=" icon-"]:before {
     font-family: "fontello";
     font-style: normal;
     font-weight: normal;
     speak: none;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     margin-right: .2em;
     text-align: center;
    /* opacity: .8;
     */
    /* For safety - reset parent styles, that can break glyph codes*/
     font-variant: normal;
     text-transform: none;
    /* fix buttons height, for twitter bootstrap */
     line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
     margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%;
     */
    /* Font smoothing. That was taken from TWBS */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
     */
}
 .icon-camera:before {
     content: '\e800';
}
 .icon-servicebund-adler:before {
     content: '\e801';
}
 .icon-right-open:before {
     content: '\e802';
}
 .icon-left-open:before {
     content: '\e803';
}
 .icon-down-open:before {
     content: '\e804';
}
 .icon-up-open:before {
     content: '\e805';
}
 .icon-camera-alt:before {
     content: '\e806';
}
 .icon-plus-circled:before {
     content: '\e807';
}
 .icon-logout:before {
     content: '\e808';
}
 .icon-cog-alt:before {
     content: '\e809';
}
 .icon-cog:before {
     content: '\e80a';
}
 .icon-users:before {
     content: '\e80b';
}
 .icon-library:before {
     content: '\e823';
}
 .icon-doc-text:before {
     content: '\f0f6';
}
 .icon-angle-double-left:before {
     content: '\f100';
}
 .icon-angle-double-right:before {
     content: '\f101';
}
 .icon-angle-left:before {
     content: '\f104';
}
 .icon-angle-right:before {
     content: '\f105';
}
 .icon-angle-up:before {
     content: '\f106';
}
 .icon-angle-down:before {
     content: '\f107';
}
 .icon-leanpub:before {
     content: '\f212';
}
 .icon-user-circle-o:before {
     content: '\f2be';
}

/* page-header and page-footer, including user-info-box */
 .adminhead {
     height: 85px;
    /* habe ich hochgesetzt von 162 auf 182, weil sonst content-bereiche zu weit oben, alles komisch im Firefox.... */
     border-top: 8px solid #fff;
    /*border-top: 0px solid #D7D9D6;
    */
     border-right: 0px solid #D7D9D6;
     border-bottom: 0px solid #D7D9D6;
     padding: 0px;
     padding-left: 0px;
     padding-top: 0px;
     margin-bottom: 0px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 14px;
     font-weight: bold;
     color: #ffffff;
}
 .adminfoot {
     height: 14px;
     background: #ffffff;
     border-top: 0px solid #EE2E24;
     padding: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 175px;
     margin-right: 10px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 10px;
     font-weight: bold;
     color: #000000;
     text-align: right;
     clear: both;
}
 #userinfo {
     height: 20px;
     width: 450px;
     border-left: 0px solid #D7D9D6;
     padding: 0px;
     padding-left: 5px;
     margin-top: 10px;
     margin-left: 0px;
     margin-bottom: 0px;
     margin-right: 40px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 12px;
     font-weight: normal;
     line-height: 17px;
     color: #000000;
     float: right;
}
 #userinfo a {
     width: 800px;
     text-decoration: none;
     padding: 10px;
     border-radius: 0px 0px 15px 0px;
     -moz-border-radius: 0px 0px 15px 0px;
     -webkit-border-radius: 0px 0px 15px 0px;
     background-image: none;
     background-color: #76b828;
     color: #ffffff;
     font: 10px verdana;
     font-weight: bold;
     text-align: center;
     margin-bottom: 15px;
}
 #userinfo a:before{
     font-family: "fontello";
     margin-right:5px;
     font-size: 15px;
     content: "\e809";
}
/* menu-styles, top level, active button */
 #adminnavi {
     width: 220px;
     height: 2560px;
     padding: 0px;
     padding-top: 10px;
     padding-bottom: 450px;
     margin-left: 0px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 14px;
     font-weight: normal;
     background-color: #6d6e70;
     border-left: 0px solid #F5E7C4;
     border-right: 0px solid #F5E7C4;
     border-bottom: 0px solid #F5E7C4;
     color: #ffffff;
     position: absolute;
     z-index: 100;
}
 #adminnavi ul {
     list-style: none;
     margin: 0px;
     padding: 0px;
     border: none;
}
 #adminnavi li {
     border-top: 0px solid #E3B6AA;
     margin: 0px;
}
 #adminnavi li a {
     display: block;
     padding: 15px 0px 15px 15px;
     border-left: none;
     background-color: #6d6e70;
     color: #ffffff;
     text-decoration: none;
     font-weight: normal;
     border-bottom: 1px solid #FFFFFF;
}
 #adminnavi li a:hover {
     padding: 15px 0px 15px 15px;
     border-left: 0px solid #EE2E24;
     border-right: 0px solid #37A829;
     background-color: #ababab;
}
 li#menu-1:before, li#menu-2:before, li#menu-3:before, li#menu-4:before, li#menu-5:before, li#menu-start:before, li#menu-logout:before {
     font-family: "fontello";
     display: inline-block;
     margin: 0px 20px 0px 10px;
     width: 10px;
     float: left;
     padding-top: 15px;
     font-size: 17px;
}
 li#menu-start:before {
     content: "\e801";
}
 li#menu-logout:before {
     content: "\e808";
}
 li#menu-1:before {
     content: "\e823";
}
 li#menu-2:before {
     content: "\e800";
}
 li#menu-3:before {
     content: "\f0f6";
}
 li#menu-4:before {
     content: "\e807";
}
 li#menu-5:before {
     content: "\e809";
}
 .icon {
     display: inline-block;
     width: 20px;
     height: 20px;
     float: left;
     margin-right: 30px;
     stroke-width: 0;
     stroke: currentColor;
     fill: currentColor;
}
 .icon-servicebund-adler {
     width: 30px;
     color: #FFF;
     float: left;
}
/* menu-styles, top level, inactive button */
 #adminnavioff {
     width: 160px;
     border-right: 0px solid #66765B;
     padding: 0px;
     padding-top: 15px;
     margin: 0px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 18px;
     background-color: #A5B79A;
     color: #000000;
}
 #adminnavioff ul {
     list-style: none;
     margin: 0px;
     padding: 0px;
     border: none;
}
 #adminnavioff li {
     border-bottom: 1px solid #B5CFA6;
     margin: 0px;
     display: block;
     padding: 5px 5px 5px 10px;
     border-left: 10px solid #7B8C6F;
     border-right: 0px solid #7B8C6F;
     background-color: #A5B79A;
     color: #ffffff;
     text-decoration: none;
}
/* menu-styles, second level, active button */
 #adminsubnavi {
     border-top: 0px solid #37A829;
     border-right: 0px solid #37A829;
     border-bottom: 0px solid #EE2E24;
     padding: 0px;
     margin-bottom: 1px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 13px;
     background-color: #ffffff;
     color: #EE2E24;
}
 #adminsubnavi li {
     margin: 0;
}
 #adminsubnavi li a {
     display: block;
     border-left: 0px solid #EE2E24;
     border-right: 0px solid #485340;
     background-color: #ababab;
     color: #ffffff;
     text-decoration: none;
     font-weight: normal;
}
 #adminsubnavi li a:hover {
     border-left: 0px solid #F44D20;
     border-right: 0px solid #485340;
     background-color: #ffffff;
     color: #ababab;
}
 #adminsubnaviactive li {
     margin: 0;
     font-size: 14px;
}
 #adminsubnaviactive li:before {
     content: "\f105";
     font-family: fontello;
     display: inline-block;
     margin: 0px 20px 0px 10px;
     width: 10px;
     float: left;
     padding-top: 15px;
     font-size: 17px;
}
 #adminsubnaviactive li a {
     display: block;
     padding: 15px 0px 15px 15px;
     background-color: #e4110f;
     color: #FFF;
     text-decoration: none;
     font-weight: normal;
     background-image: none;
}
 #adminsubnaviactive li a:hover {
     padding: 15px 0px 15px 15px;
     background-color: #e4110f;
     color: #FFF;
     font-weight: normal;
}
/* menu-styles, second level, inactive button */
 #adminsubnavioff {
     border-top: 1px solid #B5CFA6;
     border-right: 0px solid #B5CFA6;
     border-bottom: 5px solid #B5CFA6;
     padding: 0px;
     margin-bottom: 1px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 10px;
     background-color: #EE2E24;
     color: #000000;
}
 #adminsubnavioff ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 #adminsubnavioff li {
     border-left: 10px solid #EE2E24;
     border-bottom: 0px solid #ffffff;
     margin: 0;
     display: block;
     padding: 3px 5px 3px 8px;
     border-right: 0px solid #485340;
     background-color: #ee7E74;
     color: #faa;
     text-decoration: none;
     font-weight: normal;
     width: 134px;
}
 #naviheader {
     width: 180px;
     background: #EEF0EB;
     border-top: 1px solid #888888;
     padding: 2px;
     margin: 0px;
     color: #888888;
     font: 10px verdana;
     font-weight: normal;
}
/* tasknavi styles */
 #tasknaviboxshadow {
     width: 90%;
     margin-left: 10px;
     margin-top: 15px;
     color: #000000;
     z-index: 100;
}
 #iNavi #tasknaviboxshadow {
     width: 270px;
}
 #tasknaviheadline {
     font-family: Verdana, Lucida, Arial, sans-serif;
     color: #FFF;
     font-size: 14px;
     border-bottom: 0px solid #489E3D;
     display: block;
     padding-bottom: 0px;
}
 #tasknavibox {
     padding-top: 5px;
     padding-bottom: 5px;
}
 #iNavi #tasknavibox {
     padding-top: 2px;
     padding-bottom: 2px;
}
 #tasknavi {
     list-style: none;
     width: 105px;
     border-top: 1px solid #ffffff;
     border-right: 0px solid #00A540;
     border-bottom: 5px solid #00A540;
     padding: 0px;
     margin-bottom: 1px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 11px;
     color: #000000;
}
 #iNavi #tasknavi {
     width: 270px;
     border: 0px dotted #ffaaaa;
}
 #tasknavi ul {
     list-style-image: url('../images/standard/btn_task.gif');
     margin: 0;
     padding: 0;
}
 #tasknavi li {
     padding-bottom: 4px;
     border-bottom: 0px solid #E5E5E5;
     margin: 0;
}
 #tasknavi li a {
     display: block;
     padding: 10px;
     border-radius: 0px 0px 20px 0px;
     -moz-border-radius: 0px 0px 20px 0px;
     -webkit-border-radius: 0px 0px 20px 0px;
     border: 2px solid #FFF;
     background-image: none;
     background-color: #76b828;
     color: #ffffff;
     text-decoration: none;
     width: 165px;
     font-size: 14px;
     margin-bottom: 10px;
}
 #iNavi #tasknavi li a {
     width: 250px;
}
 #tasknavi li a:hover {
     display: block;
     padding: 10px;
     border-radius: 0px 0px 20px 0px;
     -moz-border-radius: 0px 0px 20px 0px;
     -webkit-border-radius: 0px 0px 20px 0px;
     border: 2px solid #FFF;
     background-image: none;
     background-color: #76ab21;
     color: #ffffff;
     text-decoration: none;
     width: 165px;
     font-size: 14px;
}
/* standard link styles */
 a, a:LINK, a:VISITED, a:ACTIVE {
     color: #000;
     text-decoration: none;
     font-weight: normal;
}
 a:HOVER, A:ACTIVE {
     color: #ff0000;
     text-decoration: underline;
     font-weight: normal;
}
/* style definitions for the content area */
/* main content box definition */
 #contentcontainer {
     padding-left: 220px;
}
 #content {
    /*border-bottom: 1px solid #EE2E24;
    */
     border-bottom: 1px solid #baa;
     padding: 0px;
     margin: 10px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 10px;
     color: #000000;
}
 .content {
    
     padding: 0px;
     margin: 10px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 10px;
     background: #ffffff;
     color: #000000;
     line-height: 1.8em;
}
 .contentloose {
     border-bottom: 0px solid #EE2E24;
     padding: 0px;
     margin: 10px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 10px;
     background: #ffffff;
     color: #000000;
}
 #interactive {
     border-bottom: 1px solid #baa;
     padding: 0px;
     margin: 10px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 10px;
     background: #ffffff;
     color: #000000;
}
/* main content box definition for simple (window) templates - follows "i-concept" :) */
 #iNavi {
     width: 300px;
     height: 100%;
     padding: 0px 10px;
     background-color: #fafafa;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 10px;
     position: absolute;
     z-index: 100;
     overflow: hidden;
}
 #iContent {
     padding-left: 315px;
}
/* box style for clipboard content */
 .clipboard_content {
     border-bottom: 1px solid #baa;
     border-left: 1px solid #baa;
     border-right: 1px solid #baa;
     padding: 0px;
     margin: 0px 15px 15px 15px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 10px;
     background: #fff;
     color: #000000;
}
/* box style for the right column */
 #contentright {
     width: 240px;
     border: 0px solid #7FA06B;
     padding: 0px;
     margin-top: 10px;
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 10px;
     background: #EEF0EB;
     color: #000000;
     float: left;
}
/* large headline for content box */
 .contenthead {
     background-color: #ffffff;
     border-top: 1px solid #EE2E24;
     border-left: 1px solid #EE2E24;
     border-bottom: 1px solid #EE2E24;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 0px;
     padding-top: 0px;
     margin: 0px;
     margin-right: -5px;
}
 .contenthead_set {
     background-color: #fff2f2!important;
     border: 1px solid#EE2E24;
     padding:15px;
     margin: 0px;
     margin-right: -5px;
     font: 12px verdana;
}
 .contenthead_set.selected {
     background-color: #f9fff5;
}
 .contentheadtext {
     border-bottom: 1px solid #cdcccb;
     color: #3b3b3a;
     font: 16px verdana;
     font-weight: bold;
     padding-left: 5px;
     margin-bottom: 15px;
     line-height: 28px;
     height: 26px;
}
/* style for second level headlines, primarily used for list headers */
 .contentheadsmall {
     background-color: #acabab;
     padding: 10px;
     margin: 0px;
     color: #FFF;
     font: 13px verdana;
     font-weight: normal;
}
 @media (max-width: 1640px) {
     .contentheadsmall {
         padding: 3px;
         font: 11px verdana;
    }
}
 .contentheadsmall a{
     color:#FFF;
}
 div.dynarch-horiz-menu {
     padding:15px!important;
}
/* style for list fields */
 .contentlist {
     height: 12px;
     padding: 10px;
     margin: 0px;
     color: #000000;
     font: 12px verdana;
     font-weight: normal;
     vertical-align: middle;
}
 @media (max-width: 1640px) {
     .contentlist {
         padding: 3px;
         font: 11px verdana;
    }
}
 .contentlist_job {
     background: #DDFFC8;
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000000;
     font: 11px verdana;
     font-weight: normal;
     vertical-align: top;
}
 .contentlist_clipboard {
     background: #eeffe8;
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000000;
     font: 11px verdana;
     font-weight: normal;
     vertical-align: top;
     border-bottom: 1px dotted #ccc;
}
 .contentlist2 {
     background: #bbdda8;
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000000;
     font: 11px verdana;
     font-weight: normal;
     vertical-align: top;
}
 .contentlist3 {
     background: lightgrey;
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000000;
     font: 11px verdana;
     font-weight: normal;
     vertical-align: center;
     text-align: center;
}
 .contentlist4 {
     background: #eee;
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000000;
     font: 11px verdana;
     font-weight: normal;
     vertical-align: top;
}
 .contentlist5 {
     background: #dbdbdb;
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000000;
     font: 11px verdana;
     font-weight: normal;
     vertical-align: top;
}
 .contentlist6 {
     background: #f9fff5;
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000000;
     font: 11px verdana;
     font-weight: normal;
     vertical-align: top;
}
 .contentlisthighlight {
     background: #00AC4E;
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000000;
     font: 11px verdana;
     font-weight: normal;
     vertical-align: top;
}
 .printlist {
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000;
     font: 11px verdana;
     vertical-align: top;
     line-height: 14px;
     background: #ffffff;
}
 .printlistlight {
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #bbb;
     font: 11px verdana;
     font-weight: bold;
     vertical-align: top;
     line-height: 14px;
}
 .printlistgrey {
     background: #dddddd;
     height: 12px;
     padding: 2px;
     margin: 0px;
     color: #000000;
     font: 11px verdana;
     vertical-align: top;
     line-height: 14px;
     border-top: 1px solid #aaaaaa;
}
/* special style which defines the "new entry" button */
 #newentry {
     background: #00AC4E;
     height: 12px;
     padding: 3px;
     margin: 3px;
     color: #ffffff;
     font: 10px verdana;
     font-weight: normal;
     vertical-align: middle;
     border-top: 1px solid #ffffff;
     border-left: 1px solid #ffffff;
     border-right: 1px solid #333333;
     border-bottom: 1px solid #333333;
     width: 200px;
}
 #newentry a {
     color: #ffffff;
     font-weight: bold;
     display: block;
     text-decoration: none;
     width: 200px;
}
 #newentry a:hover {
     color: #ffffff;
     font-weight: bold;
     display: block;
     text-decoration: none;
     width: 200px;
}
/* style of the usual buttons used in the content area */
 #contentbutton {
     padding: 10px;
     border-radius: 0px 0px 20px 0px;
     -moz-border-radius: 0px 0px 20px 0px;
     -webkit-border-radius: 0px 0px 20px 0px;
     background-image: none;
     background-color: #76b828;
     color: #ffffff;
     font: 10px verdana;
     font-weight: bold;
     width: 260px;
     text-align: center;
     margin-bottom:15px;
}
 #contentbutton a {
     color: #ffffff;
     text-decoration: none;
     font-weight: bold;
     padding: 5px;
}
 #contentbutton a:hover {
     border: 0px solid #EE2E24;
     color: #ffffff;
     text-decoration: none;
}
 #contentbuttonoff {
     background-color: #dddddd;
     border-right: 0px solid #dddddd;
     border-left: 0px solid #dddddd;
     border-top: 0px solid #dddddd;
     border-bottom: 0px solid #dddddd;
     height: 12px;
     padding: 2px 5px 2px 5px;
     margin: 0px;
     color: #ffffff;
     font: 10px verdana;
     font-weight: bold;
}
 .standardbutton {
     color: #ffffff;
     font-size: 10px;
     font-family: verdana;
     font-weight: bold;
     line-height: 20px;
     padding: 1px;
     align: center;
     cursor: pointer;
}
 .standardbutton a {
     color: #000000;
     text-decoration: none;
     height: 22px;
     display: block;
     width: 100%;
     cursor: pointer;
}
 .standardbutton a:hover {
     color: #ffffff;
     text-decoration: none;
     height: 22px;
     display: block;
     width: 100%;
     cursor: pointer;
}
 .standardbuttonoff {
     background-color: #dddddd;
     border-top: 1px solid #dddddd;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     color: #ffffff;
     font-size: 10px;
     font-family: verdana;
     font-weight: bold;
     line-height: 20px;
     padding: 1px;
     align: center;
}
 .btn-delete{
     background-color: #e4110f;
}
/* some additional facetted (by matze) */
 .semi {
     /*border: 1px solid #daa;
     background-color: #ebb;*/
}
 .semi a:hover {
     background-color: #fcc;
}
 .border-grey-solid {
     border: 1px solid #aaa;
}
 .border-grey-dotted {
     border: 1px dotted #777;
}
/* style of the explanatory text appearing left of many forms */
 .contentexplain {
     width: 10px;
     border-right: 1px solid #EE2E24;
     padding-right: 5px;
     padding-bottom: 0px;
     margin: 0px;
     color: #EE2E24;
     font: 10px verdana;
     font-weight: normal;
     text-align: right;
     vertical-align: bottom;
}
 .contentexplain_newentry {
     width: 10px;
     border-right: 0px solid #EE2E24;
     padding-right: 5px;
     padding-bottom: 0px;
     margin: 0px;
     color: #EE2E24;
     font: 10px verdana;
     font-weight: normal;
     text-align: right;
     vertical-align: bottom;
}
 .contentexplain_edit {
     width: 10px;
     border-right: 0px solid #EE2E24;
     padding-right: 5px;
     padding-bottom: 0px;
     margin: 0px;
     color: #EE2E24;
     font: 10px verdana;
     font-weight: normal;
     text-align: right;
     vertical-align: bottom;
}
/* variant of the "contentexplain"-style, for the media-info-popup */
 .contentdetailsleft {
     border-right: 1px solid #EF4E1C;
     padding-right: 5px;
     padding-bottom: 0px;
     margin: 0px;
     color: #EE2E24;
     font: 11px verdana;
     font-weight: normal;
     text-align: right;
     vertical-align: bottom;
}
/* standard table design in content area */
 .contenttable {
     padding: 3px;
     margin: 8px;
     font: 10px verdana;
     font-weight: bold;
     border: 0px solid;
     color: #000000;
     vertical-align: top;
}
/* form styles */
/* button for use in forms, e g used in the user address form */
 #formselect a {
     background: #00AC4E;
     border: 1px solid #ffffff;
     margin: 3px;
     margin-left: 0px;
     font: 10px verdana;
     font-weight: bold;
     width: 135px;
     display: block;
     color: #ffffff;
     text-decoration: none;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 3px;
     padding-bottom: 3px;
}
 #formselect a:hover {
     background: #A4D669;
     border: 1px solid #ffffff;
     margin: 3px;
     margin-left: 0px;
     font: 10px verdana;
     font-weight: bold;
     width: 135px;
     color: #000000;
     text-decoration: none;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 3px;
     padding-bottom: 3px;
}
/* standard design for search forms (added by matze) */
 .searchform {
     font: 11px verdana;
     font-weight: normal;
     color: #000000;
     vertical-align: top;
}
 .searchform table {
}
 .searchform input {
     font-family: 'Arial';
     display: inline-block;
     width: 250px;
     cursor: pointer;
     padding: 5px 10px;
     outline: 0;
     border: 0px solid #000000;
     border-radius: 1px;
     border-bottom: 1px solid #7b7b7b;
     background: #ffffff;
     color: #7b7b7b;
}

@media screen and (max-width:1660px){
	.searchform input {
     width: 180px;
}
}

 #submitbutton {
     padding: 10px 15px 10px 10px;
     border-radius: 0px 0px 20px 0px;
     -moz-border-radius: 0px 0px 20px 0px;
     -webkit-border-radius: 0px 0px 20px 0px;
     background-image: none;
     background-color: #76b828;
     color: #ffffff;
     font: 10px verdana;
     font-weight: bold;
     text-align: center;
     margin-bottom:15px;
     border-bottom:none;
}

#submitbutton[disabled=disabled] {
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    color: #888;
    font-weight: normal;
    cursor: default;
}

.searchform {
     position: relative;
     display: inline-block;
     margin-bottom: 15px;
}

 .searchform select {
     font-family: 'Arial';
     display: inline-block;
     width: 250px;
     cursor: pointer;
     padding: 5px 10px;
     outline: 0;
     border: 0px solid #000000;
     border-radius: 1px;
     border-bottom: 1px solid #7b7b7b;
     background: #ffffff;
     color: #7b7b7b;
}

@media screen and (max-width:1660px){
	.searchform select {
     	width: 180px;
	}
}


 .searchform select::-ms-expand {
     display: none;
}
 .searchform select:hover, .searchform select:focus {
     color: #000000;
     background: #cccccc;
}
 .searchform select:disabled {
     opacity: 0.5;
     pointer-events: none;
}
 .sb-btn-m {
    padding-top:20px
}
 .select_arrow {
     position: absolute;
     top: 16px;
     right: 15px;
     pointer-events: none;
     border-style: solid;
     border-width: 8px 5px 0px 5px;
     border-color: #7b7b7b transparent transparent transparent;
}
 .searchform select:hover ~ .select_arrow, .searchform select:focus ~ .select_arrow {
     border-top-color: #000000;
}
 .searchform select:disabled ~ .select_arrow {
     border-top-color: #cccccc;
}
 .searchform option {
     border: 0px solid #888888;
     font: 11px verdana;
     font-weight: normal;
     color: #111;
     background-color: #ffffff;
     padding: 1px;
     margin: 2px;
}
/* standard design for input forms (added by matze) */
 .inputform {
     padding: 2px;
     margin: 2px;
     font: 11px verdana;
     font-weight: normal;
     border: 0px dotted #888;
    /*background-color: #f5f5f5;
    */
     color: #000000;
}
 .inputform table {
}
 .inputform input {
     font-family: 'Arial';
     display: inline-block;
     cursor: pointer;
     padding: 9px 15px;
     outline: 0;
     border:1px solid #7b7b7b;
     color: #000;
}
 .inputform input.disabled {
     border: 1px solid #ccc;
     color: #444;
     background-color: #f5f5f5;
}
 .inputform input.pinned, .inputform select.pinned, .inputform textarea.pinned {
     border: 1px solid #999;
     border-right: 2px dotted #888;
     background-color: #fffff5;
     background-image: url("../images/standard/icon_pin.gif");
     background-repeat: no-repeat;
     background-position: right top;
}
 .inputform input.formsubmit {
     padding: 10px;
     border-radius: 0px 0px 20px 0px;
     -moz-border-radius: 0px 0px 20px 0px;
     -webkit-border-radius: 0px 0px 20px 0px;
     background-image: none;
     background-color: #76b828;
     color: #ffffff;
     font: 10px verdana;
     font-weight: bold;
     text-align: center;
     margin-bottom: 15px;
	 width:200px;
}
 .inputform input.formsubmit[disabled=disabled] {
     border: 1px solid #ccc;
     background-color: #f5f5f5;
     color: #888;
     font-weight: normal;
     cursor: default;
}
 .inputform select {
     border: 1px solid #999;
     font: 11px verdana;
     font-weight: normal;
     color: #111;
     background-color: #fff;
     padding: 2px;
     margin: 2px;
    /*margin-top: 5px;
    */
}
 .inputform select.disabled {
     border: 1px solid #ccc;
     color: #444;
     background-color: #f5f5f5;
}
 .inputform textarea {
     border: 1px solid #999;
     font: 11px verdana;
     font-weight: normal;
     color: #111;
     background-color: #fff;
     padding: 2px;
     margin: 2px;
    /*margin-top: 5px;
    */
}
 .inputform textarea.disabled {
     border: 1px solid #ccc;
     color: #444;
     background-color: #f5f5f5;
}
 .inputform option {
     border: 0px solid #999;
     font: 11px verdana;
     font-weight: normal;
     color: #111;
     background-color: #fff;
     padding: 1px;
     margin: 2px;
}
/* standard design for ajax inplace editor forms */
 form.inplaceeditor-form {
     padding: 2px;
     margin: 2px;
     font: 11px verdana;
     font-weight: normal;
     border: 0px dotted #888;
    /*background-color: #f5f5f5;
    */
     color: #000000;
}
 form.inplaceeditor-form input {
     border: 1px solid #999;
     font: 11px verdana;
     font-weight: normal;
     color: #111;
     background-color: #fff;
     padding: 2px;
     margin: 2px;
}
 form.inplaceeditor-form input.disabled {
     border: 1px solid #ccc;
     color: #444;
     background-color: #f5f5f5;
}
 form.inplaceeditor-form input[type=submit] {
     border: 1px solid #00AC4E;
     margin: 2px;
     border-left: 1px solid #00AC4E;
     background-color: #00AC4E;
     color: #fff;
     font-weight: normal;
     cursor: pointer;
}
 form.inplaceeditor-form input.formsubmit {
     margin: 2px;
     border-left: 1px solid #00AC4E;
     background-color: #00AC4E;
     color: #fff;
     font-weight: normal;
     cursor: pointer;
}
 form.inplaceeditor-form select {
     border: 1px solid #999;
     font: 11px verdana;
     font-weight: normal;
     color: #111;
     background-color: #fff;
     padding: 2px;
     margin: 2px;
    /*margin-top: 5px;
    */
}
 form.inplaceeditor-form select.disabled {
     border: 1px solid #ccc;
     color: #444;
     background-color: #f5f5f5;
}
 form.inplaceeditor-form textarea {
     border: 1px solid #999;
     font: 11px verdana;
     font-weight: normal;
     color: #111;
     background-color: #fff;
     padding: 2px;
     margin: 2px;
    /*margin-top: 5px;
    */
}
 form.inplaceeditor-form textarea.disabled {
     border: 1px solid #ccc;
     color: #444;
     background-color: #f5f5f5;
}
 form.inplaceeditor-form option {
     border: 0px solid #999;
     font: 11px verdana;
     font-weight: normal;
     color: #111;
     background-color: #fff;
     padding: 1px;
     margin: 2px;
}
 .inplaceeditor-empty {
     color: #666;
     background-color: #ffe;
     border: 0px solid #888;
     padding: 2px 5px 2px 5px;
     cursor: pointer;
}
/* .inplaceeditor-saving {
     background: url(../images/standard/icon_wait.gif) bottom right no-repeat;
}
 */
/* several form standards */
 input, textarea, select {
     border-top: 1px solid #ddd;
     border-left: 1px solid #ddd;
     border-right: 1px solid #666;
     border-bottom: 1px solid #666;
     font: 12px verdana;
     font-weight: normal;
     color: #333333;
     padding: 2px;
     margin: 2px;
    /*margin-top: 5px;
    */
}

 option {
     border: 0px solid #888888;
     font: 12px verdana;
     font-weight: normal;
     color: #333333;
    /*background-color: #ffffff;
    */
     background-color: #ffffff;
     padding: 1px;
     margin: 2px;
}
 .formsubmit {
     border: 1px solid #00AC4E;
     margin: 3px;
    /*margin-top: 10px;
    */
     border-left: 1px solid #00AC4E;
     background-color: #00AC4E;
     color: #ffffff;
     font-weight: normal;
}

.formsubmit.warn {
    border:				1px solid #ffb086  !important;;
    background-color:   #efa47a !important;
}

/*.formsubmit.warn:HOVER {*/
/*    background-color: #ffbe9b !important;*/
/*}*/

/* design of the label texts for form fields */
 .iformid {
     width: 145px;
     padding: 8px;
     margin: 1px;
     font: 11px verdana;
     font-weight: normal;
     border: 0px solid;
     color: #000000;
     vertical-align: top;
}
 .formid {
     width: 150px;
     float: left;
     clear: left;
     padding: 4px;
     margin: 2px;
    /*margin-left: 1px;
     margin-top: 5px;
    */
     font: 11px verdana;
     font-weight: normal;
     border: 0px solid;
     color: #000000;
     vertical-align: top;
}
/* form submit buttons */
 #formbutton {
     background: #EE2E24;
     border-right: 0px solid #485340;
     border-left: 0px solid #ffffff;
     border-top: 0px solid #ffffff;
     border-bottom: 0px solid #485340;
     padding: 10px 12px;
     margin: 5px;
     color: #ffffff;
     font: 10px verdana;
     font-weight: bold;
     border-radius: 0px 0px 20px 0px;
     -moz-border-radius: 0px 0px 20px 0px;
     -webkit-border-radius: 0px 0px 20px 0px;
     margin-bottom:20px;
}
 #formbutton a {
     color: #000000;
     text-decoration: none;
     display: block;
     text-decoration: none;
     width: 100%;
}
 #formbutton a:hover {
     color: #37A829;
     text-decoration: none;
     display: block;
     text-decoration: none;
     width: 100%;
}
/* tab navigation at the top of the content area */
 .register_head {
     background-color: #ffffff;
     padding-bottom: 0px;
     margin: 0px 0px 10px;
     border-top: 4px solid #ffffff;
     border-left: 0px solid #ffffff;
     border-right: 0px solid #ffffff;
}
 .register_card_on {
     background: #e4110f;
     border-right: 1px solid #ffffff;
     border-left: 1px solid #ffffff;
     padding: 10px 5px;
     margin: 3px;
     color: #ffffff;
     font: 13px verdana;
     font-weight: bold;
     text-align: center;
     width: 20%;
}
 .register_card_on a {
     color: #FFF;
     text-decoration: none;
     display: block;
     font-weight: bold;
}
 .register_card_on a:hover {
     text-decoration: none;
     display: block;
}
 .register_card_off {
     background: #ababab;
     border-right: 1px solid #ffffff;
     border-left: 1px solid #ffffff;
     padding: 10px 5px;
     margin: 3px;
     color: #ffffff;
     font: 13px verdana;
     font-weight: bold;
     text-align: center;
	      width: 20%;

}
 .register_card_off a {
     color: #ffffff;
     text-decoration: none;
     display: block;
}
 .register_card_off a:hover{
     color: #FFF;
     text-decoration: none;
    /*font-weight: bold;
    */
     display: block;
}
 .register_card_inactive {
     background: #ffffff;
     border-right: 1px solid #dddddd;
     border-left: 1px solid #dddddd;
     border-top: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     height: 12px;
     padding: 4px 4px 4px 4px;
     margin: 3px;
     color: #bbbbbb;
     font: 10px verdana;
     font-weight: normal;
     width: 150px;
}
 .register_modecard_off {
     background: #e4110f;
     border-right: 1px solid #ffffff;
     border-left: 1px solid #ffffff;
     padding: 10px 5px;
     margin: 3px;
     color: #ffffff;
     font: 13px verdana;
     font-weight: bold;
     text-align: center;
     width: 20%;
}
 .register_modecard_off a {
     color: #ffffff;
     text-decoration: none;
     display: block;
     width: 100%;
}
 .register_modecard_off a:hover {
     color: #ffffff;
     text-decoration: none;
     display: block;
     width: 100%;
}
 .register_modecard_inactive {
     background: #FCC675;
     border-right: 1px solid #333333;
     border-left: 0px solid #ffffff;
     border-top: 1px solid #ffffff;
     border-bottom: 1px solid #333333;
     height: 12px;
     padding: 2px 5px 2px 5px;
     margin: 3px;
     color: #eeeeee;
     font: 10px verdana;
     font-weight: bold;
     width: 100px;
}
/* messages green - info yellow - warning red - error */
 .info {
     font: 13px, verdana;
     color: #000000;
     background: #76b828;
     width: 99%;
     clear: both;
     padding: 3px;
}
 .warning {
     font: 13px, verdana;
     color: #000000;
     background: #FFFF00;
     width: 99%;
     clear: both;
     padding: 3px;
}
 .error {
     font: 13px, verdana;
     color: #ffffff;
     background: #ff0000;
     width: 99%;
     clear: both;
     padding: 3px;
}
/* the grey frames for media files */
 .galleryhead {
     border-bottom: 1px solid #c0c0c0;
     background-color: #DFDFDF;
}
 .galleryhead.left {
     text-align: left;
     width: 30px;
}
 .galleryhead.center {
     text-align: left;
     padding-left: 10px;
     color: #000;
}
 .galleryhead.right {
     text-align: right;
}
 .galleryheadlink {
     border-bottom: 1px solid #c0c0c0;
     background-color: #DFDFDF;
     cursor: pointer;
}
 .gallerybg {
     background-color: #ffffff;
     border-top: 1px solid #BCBCBC;
     border-left: 1px solid #BCBCBC;
     border-right: 1px solid #C0C0C0;
     border-bottom: 1px solid #C0C0C0;
     height: 100%;
     padding-bottom: 10px;
}
 .thumbbg {
     background-color: #E3E3E3;
     border-top: 1px solid #BCBCBC;
     border-left: 1px solid #BCBCBC;
     border-right: 1px solid #C0C0C0;
     border-bottom: 1px solid #C0C0C0;
     margin-right: 2px;
     margin-bottom: 2px;
}
 .thumbdisplay {
     width: 85px;
     height: 85px;
     padding-left: 12px;
     padding-right: 12px;
     text-align: center;
     vertical-alignment: middle;
     background-color: #F0F0F0;
     border-top: 1px solid #A5A5A5;
     border-left: 1px solid #A5A5A5;
     border-right: 1px solid #A5A5A5;
     border-bottom: 0px solid #A5A5A5;
}
 .thumbdisplay.empty {
     height: 104px;
     border: 1px solid #A5A5A5;
}
 .leftfloater {
     float: left;
     margin-right: 2px;
     margin-left: 2px;
}
/* g�nni: _hl und _tiny habe ich nur zum testen gebaut. mussu noch ran... */
 .thumbdisplay_hl {
     width: 100px;
     height: 85px;
     padding: 1px;
     text-align: center;
     vertical-alignment: middle;
    /*background-color: #F0F0F0;
    */
     border-top: 1px solid #A5A5A5;
     border-left: 1px solid #A5A5A5;
     border-right: 1px solid #A5A5A5;
     border-bottom: 0px solid #A5A5A5;
}
 .thumbdisplay_tiny {
     width: 90px;
     height: 90px;
     padding: 1px;
     padding-left: 8px;
     padding-right: 8px;
     text-align: center;
     vertical-alignment: middle;
    /*background-color: #F0F0F0;
    */
     border-top: 0px solid #A5A5A5;
     border-left: 0px solid #A5A5A5;
     border-right: 0px solid #A5A5A5;
     border-bottom: 0px solid #A5A5A5;
}
 .thumbdisplay_micro {
     width: 90px;
     height: 90px;
     padding: 1px;
     padding-left: 4px;
     padding-right: 4px;
     text-align: center;
     vertical-alignment: middle;
    /*background-color: #F0F0F0;
    */
     border-top: 0px solid #A5A5A5;
     border-left: 0px solid #A5A5A5;
     border-right: 0px solid #A5A5A5;
     border-bottom: 0px solid #A5A5A5;
}
 .thumbdisplay_micro2 {
     width: 30px;
     height: 25px;
     padding: 1px;
     text-align: center;
     vertical-alignment: middle;
    /*background-color: #F0F0F0;
    */
     border-top: 0px solid #A5A5A5;
     border-left: 0px solid #A5A5A5;
     border-right: 0px solid #A5A5A5;
     border-bottom: 0px solid #A5A5A5;
}
 .thumbdisplay_micro img {
     max-width: 80px;
     max-height: 80px;
}
 .bold {
     font-weight: bold;
}
 .locked {
     border: 1px solid #fe9999;
}
 .prereleased {
     border: 1px solid #f5d588;
}
/* FIMXE: hacks von matze: */
/* highlight style for search mode */
 .highlight {
     color: #111;
     background-color: #ffff66;
     border-top: 1px dotted #aaa;
     border-bottom: 1px dotted #aaa;
     border-left: 1px dotted #aaa;
     border-right: 1px dotted #aaa;
     padding: 0px;
}
 .highlight_smooth {
     color: #222222;
     background-color: #ffffaa;
}
 .sortablelist ul {
     list-style: none;
     margin: 2px;
     padding: 2px;
     float: left;
}
 .sortablelist li {
     list-style: none;
     margin: 5px;
     padding: 0px;
}
 .sortablelist li span.handle {
     background-color: #ff9900;
     font-size: 12px;
     color: #ffffff;
     cursor: move;
}
 .sortablelist li span.entry {
     font-size: 12px;
     color: #000000;
     padding-left: 10px;
}
 .sortablemediagall ul {
     list-style: none;
     margin: 0px;
     padding: 0px;
}
 .sortablemediagall li {
     float: left;
     list-style: none;
     margin: 0px;
     padding: 0px;
}
 .sortablemediagall li span.handle {
     background-color: #ff9900;
     font-size: 12px;
     color: #ffffff;
     cursor: move;
}
 .sortablemediagall li span.entry {
     font-size: 12px;
     color: #000000;
     padding-left: 10px;
}
/* some very instructive stuff for formatting autocomplete lists and divs: first 4 definitions define default values for lists within divs having class "auto_complete". following "ac_" styles define values for lists explicitely defined with these class names */
 div.auto_complete {
     position: absolute;
     width: 250px;
     background-color: #ffffff;
     border: 1px solid #888;
     margin: 0px;
     padding: 0px;
     z-index: 200;
}
 div.auto_complete ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}
 div.auto_complete ul li {
     font: 12px Verdana;
     font-weight: normal;
     line-height: 1.2em;
     list-style-type: none;
     display: block;
     color: #333;
     margin: 2px;
     padding: 1px;
     //height:20px;
}
 div.auto_complete ul li.selected {
     background-color: #ffb;
}
 ul.ac_standardlist {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}
 ul.ac_standardlist li.selected {
     background-color: #ffb;
}
 li.ac_standardelement {
     list-style-type: none;
     display: block;
     color: #333;
     margin: 2px;
     padding: 1px;
     //height:20px;
}
 li.ac_standardelement div.entryname {
     font: 12px Verdana;
     font-weight: normal;
     line-height: 1.2em;
}
/* end instructive autocomplete formatting */
 ul.ac_medialist {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}
 ul.ac_medialist li.selected {
     background-color: #ffb;
}
 li.ac_mediaelement {
     list-style-type: none;
     display: block;
     margin: 0;
     padding: 4px;
     height: 32px;
}
 li.ac_mediaelement div.image {
     float: left;
     width: 32px;
     height: 32px;
     margin-right: 8px;
     border: 1px solid grey;
}
 li.ac_mediaelement div.entryname {
     font-weight: bold;
     font-size: 12px;
     line-height: 1.2em;
}
 li.ac_mediaelement div.entrydesc {
     font-size: 10px;
     color: #888;
}
 ul.ac_bigmedialist {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}
 ul.ac_bigmedialist li.selected {
     background-color: #ffb;
}
 li.ac_bigmediaelement {
     list-style-type: none;
     display: block;
     margin: 0;
     padding: 4px;
     height: 60px;
}
 li.ac_bigmediaelement div.image {
     float: left;
     margin-right: 8px;
     width: 50px;
     height: 60px;
     padding: 1px;
     padding-left: 8px;
     padding-right: 8px;
     text-align: center;
     vertical-alignment: middle;
     background-color: #F0F0F0;
     border-top: 1px solid #A5A5A5;
     border-left: 1px solid #A5A5A5;
     border-right: 1px solid #A5A5A5;
     border-bottom: 1px solid #A5A5A5;
}
 li.ac_bigmediaelement div.entryname {
     color: #404040;
     font-weight: bold;
     font-size: 12px;
     line-height: 1.2em;
}
 li.ac_bigmediaelement div.entrydesc {
     font-size: 10px;
     color: #888;
}
/* END FIMXE: hacks von matze */
/* START: new stuff by matze */
 .form_blockheader {
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 9px;
     font-weight: normal;
     text-decoration: none;
     text-align: center;
     background-color: #fafafa;
     color: #888;
     cursor: pointer;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-top: 1px solid #aaa;
     border-left: 1px solid #aaa;
     border-right: 1px solid #aaa;
     border-bottom: 0px dotted #aaa;
}
 .form_blockcontent {
     font-family: Verdana, Lucida, Arial, sans-serif;
     font-size: 11px;
     font-weight: normal;
     background-color: #fafafa;
     color: #555;
     padding-top: 0px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-top: 0px solid #aaa;
     border-left: 1px solid #aaa;
     border-right: 1px solid #aaa;
     border-bottom: 1px solid #aaa;
}
/* END: new stuff by matze */

/*Toggles print and online*/

input#prod_hastarget_print[type="checkbox"], input#prod_hastarget_online[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
input#prod_hastarget_print[type="checkbox"]:focus, input#prod_hastarget_online[type="checkbox"]:focus {
  outline: 0;
}
input#prod_hastarget_print[type="checkbox"]:disabled, input#prod_hastarget_online[type="checkbox"]:disabled {
  background: linear-gradient(180deg, #cccccc 0%, #cccccc 100%);
  cursor: default;
}

#prod_hastarget_print, #prod_hastarget_online {
  height: 24px;
  width: 42px!important;
  border-radius: 16px;
  display: inline-block;
  position: relative;
  margin: 0;
  background: linear-gradient(180deg, #e4110f 0%, #e4110f 100%);
  transition: all 0.2s ease;
  margin-bottom:5px;
}
#prod_hastarget_print:after, #prod_hastarget_online:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 1px 2px rgba(44, 44, 44, 0.2);
  transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35);
}
#prod_hastarget_print:checked, #prod_hastarget_online:checked {
  background: linear-gradient(180deg, #76b828 0%, #76b828 100%);
}
#prod_hastarget_print:checked:after, #prod_hastarget_online:checked:after {
  transform: translatex(18px);
}

span.tag{
	border: 1px solid #cdd5e3;
    display: inline-block;
    margin: 5px;
    position: relative;
    vertical-align: middle;
	padding: 5px ;
    background-color: #eff2f7;
}

label{
	width: 95px;
    background: #ECEDE8;
    padding: 5px;
	margin:0px 0px 15px 0px;
}

.sort label{
	width:110px;
}

.sf td {
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

@media screen and (max-width:1440px){
	.sf td {
  		padding: 5px;
	}
}

@media screen and (max-width:1024px){
	.sf td {
  		display: block;
	}
}

input[type="checkbox"] {
    width: auto!important;
	vertical-align: middle;
}

.ibhead{
	background-color: #FFF;
	color:#000;
}

.tokens-container{width:250px;}

.copyright input{
    position: relative;
    list-style: none;
    border: 1px solid #999;
    padding: 0 0 5px 5px;
    height: auto;
    min-height: 34px;
    cursor: text;
	width:350px;
}

.ibtag{
	vertical-align: bottom;
}

.pag{
	padding: 10px 0px;
}