OpenXE/www/themes/new/css/style.css

1194 lines
27 KiB
CSS
Raw Normal View History

2021-05-21 08:49:41 +02:00
/***********************************************/
/* WaWision css */
/* designed by *105 GmbH & Co. KG */
/* http://www.stern105.de */
/***********************************************/
/***********************************************/
/* HTML tag styles */
/*********************************************+*/
html, body { height:100%; }
body{
background:[TPLSYSTEMBASE];
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#000;
margin: 0px;
padding: 0px;
line-height:1.4;
height: 100vh;
SCROLLBAR-FACE-COLOR: #fff;
SCROLLBAR-HIGHLIGHT-COLOR: #fff;
SCROLLBAR-SHADOW-COLOR: #fff;
SCROLLBAR-ARROW-COLOR: #d4d4d4;
SCROLLBAR-BASE-COLOR: #d4d4d4;
SCROLLBAR-DARKSHADOW-COLOR: #d4d4d4;
SCROLLBAR-TRACK-COLOR: #fff;
}
fieldset {
background-color:#ececec;
border: 0px solid #ececec;
border-top: 25px solid #ececec;
position:relative;
margin:0px;
margin-top:5px;
border-bottom: 5px solid #fff;
padding:5px;
border-width: 24px 5px 0px;
}
legend {
margin-top:5px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 10pt;
color: #656565;
text-transform: uppercase;
}
a.startpage:hover {color:#000; text-decoration:underline; }
a.startpage {color:#000; text-decoration:none;font-weight:normal; }
.iconininput {
position:relative;
top:5px;
left:-27px;
}
/***********************************************/
/* COMMON STYLES */
/***********************************************/
.size-3 {
width:36px;
}
.size-5 {
width:50px;
}
.size-40 {
width:295px;
}
.size-30 {
width:225px;
}
.size-20 {
width:155px;
}
.size-10 {
width:85px;
}
@media screen and (max-width: 480px) and (min-width: 321px){
input {
max-width:450px;
}
.cke{
max-width:450px;
}
}
@media screen and (max-width: 767px) and (min-width: 481px){
input {
max-width:720px;
}
}
@media screen and (max-width: 767px) and (min-width: 321px){
.cke{
max-width:720px;
}
.size-40 {
max-width:250px;
}
.size-30 {
max-width:195px;
}
.size-40.relative {
max-width:190px;
}
.size-30.relative {
max-width:160px;
}
.size-20.relative {
max-width:140px;
}
.size-10.relative {
max-width:70px;
}
.ui-autocomplete-input.size-40{
max-width:210px;
}
.ui-autocomplete-input.size-30{
max-width:165px;
}
.ui-autocomplete-input.size-20{
max-width:125px;
}
.ui-autocomplete-input.size-10{
max-width:60px;
}
.ui-autocomplete-input.size-40.relative{
max-width:160px;
}
.ui-autocomplete-input.size-30.relative{
max-width:130px;
}
.ui-autocomplete-input.size-20.relative{
max-width:110px;
}
.ui-autocomplete-input.size-10.relative{
max-width:60px;
}
}
@media screen and (max-width: 320px){
input {
max-width:300px;
}
.cke{
max-width:300px;
}
.size-40 {
max-width:160px;
}
.size-30 {
max-width:120px;
}
.size-40.relative {
max-width:100px;
}
.size-30.relative {
max-width:90px;
}
.size-20 {
max-width:80px;
}
.size-10 {
max-width:70px;
}
.ui-autocomplete-input.size-40{
max-width:140px;
}
.ui-autocomplete-input.size-30{
max-width:100px;
}
.ui-autocomplete-input.size-40.relative{
max-width:70px;
}
.ui-autocomplete-input.size-30.relative{
max-width:60px;
}
.ui-autocomplete-input.size-20{
max-width:60px;
}
.ui-autocomplete-input.size-10{
max-width:60px;
}
}
a {color:[TPLFIRMENFARBEDUNKEL]; text-decoration:none; font-weight:bold;}
.ui-tabs-anchor {text-decoration:none; font-weight:normal;}
a:hover {color:#000; text-decoration:none; }
hr {margin-top: 8px; margin-bottom: 8px; border:0;}
p {margin:8px 3px 8px 0; padding:0; }
* HTML #hack {width: 955px; w\idth: 906px;}
/* with n height HACK (neccessary for margin n padding */
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
H1 {padding:13px 8px 6px 8px; font-weight:bold; font-size:1.8em; color:[TPLFIRMENFARBEGANZDUNKEL];}
H1.first {font-size:1em; margin-bottom: 20px; margin-top:0px;}
H2 {padding:13px 8px 6px 8px; font-weight:bold; font-size:1.4em;}
H3 {padding:13px 8px 6px 8px; color:#027d8d; font-size:1.2em;}
/*
UL {margin:0; padding:0; list-style:square inside;}
LI {margin:0; padding:0;}
UL {margin:2px 0 10px 13px;}
*/
.bgJournal {background-color:#f2b005; color:#fff;}
.bgCompany {background-color:#43bbd1;}
.bgShop {background-color:#b1c800;}
.bgStudents {background-color:#934c94;}
.borderGrey {border:1px solid #d4d4d4;}
.borderJournal {border:1px solid #f2b005;}
img {border:0px;}
img{border:1px solid #;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding-top:2px;
}
.imgCenter {text-align:center;}
.uc{text-transform:uppercase;}
.iconbar_icon {
padding-left:5px;
}
.iconbar {
font-size:6pt;
color:[TPLNAVIGATIONFARBESCHRIFT];
font-weight:normal;
padding-left:8px;
}
/***********************************************/
/* Layout Divs */
/***********************************************/
DIV#header {height:100px; background-image: -moz-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -webkit-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -ms-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
margin-bottom:0px;}
.bgstyle { background-image: -moz-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -webkit-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -ms-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);}
DIV#header2 {border:1px solid rgb(2, 125, 141);; background-color:yellow; height:20px; width:100%; }
.toolbarleft {
left:-5px;
}
SPAN#headertoolbar {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12pt;
color: white;
margin: 5px;
margin-left: 12px;
text-transform: uppercase;
padding: 0px;
}
SPAN#headertoolbar a{
color: white;
}
SPAN#headertoolbar1 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 11pt;
color: [TPLFIRMENFARBEHELL];
margin-right: 5px;
text-transform: uppercase;
padding: 0px;
}
div.nachrichtenbox {
background-color:[TPLNACHRICHTBOX];width:62px;height:15px; padding:3px;text-align:center;padding-top:8px;
font-weight:bold;
}
div.nachrichtenboxzahl_red {
width:26px;height:13px;background-color:#fd5653;
color:white;
font-size:8pt;
text-align:center;
padding:3px; padding-top:1px;font-weight:bold; cursor: pointer;
margin:-3px 15px;
}
div.nachrichtenboxzahl {
width:26px;height:13px;background-color:#57c8e5;
color:white;
font-size:8pt;
text-align:center;
padding:3px; padding-top:1px;font-weight:bold; cursor: pointer;
margin:-3px 15px;
}
SPAN#headertoolbar2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
color: white;
}
DIV#footer {
height:32px; margin-top:-6px;
background-image: -moz-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -webkit-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
background-image: -ms-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
text-align:center; color: [TPLNAVIGATIONFARBESCHRIFT];}
/***********************************************/
/* Component Divs */
/***********************************************/
/************* #teaser styles ************************/
DIV#teaser {}
DIV#teaser.bgJournal {background-color:#FCE7C1;}
DIV#teaser H1 {padding:4px 8px 3px 8px;}
DIV#teaserContent {padding:13px 0;
text-align:center; font-size:0.9em; color:#000;}
DIV#teaserContent HR {border-top:1px solid #f2b005;}
DIV#teaser a {color:#000; }
DIV#teaser a:hover {color:[TPLFIRMENFARBEDUNKEL];}
/************* #search styles ************************/
DIV#simpleForm {padding: 5px 4px 7px 5px; margin-bottom:6px;
background-color:#d5ecf2; border:1px solid #63c3d3;
font-size:0.9em;}
DIV.tabsbutton A {color:#fff; font-weight:bold; text-decoration:none;}
DIV#simpleForm H2 {padding:0; margin:0; font-size:1.4em;}
DIV#simpleForm HR {border-top:1px solid #017e92;}
DIV#simpleForm input[type=text], DIV#simpleForm input[type=password] {width:120px;}
DIV#simpleForm input[type=image] {margin-bottom:1px;}
/************* #topNav styles ************************/
DIV#topNav {height:33px; margin-bottom:34px; background-color:#000; color:#fff;}
DIV#topNav ul {margin:0; padding:8px 0 0 13px; font-size:1.2em;}
DIV#topNav ul li {display:inline; padding:0 8px 0 23px; background:url(./themes/new/images/topNav_arrow.gif) top left no-repeat;}
DIV#topNav A {color:#fff; font-weight:bold; text-decoration:none;}
DIV#topNav A:HOVER {color:#acdd4a; font-weight:bold; text-decoration:none;}
/************* #bottomNav styles ************************/
DIV#footer ul {margin:8px 0 0 0; padding:0;}
DIV#footer ul li {display:inline; padding-right:8px; list-style:none; font-size:0.9em;}
DIV#footer A {color: [TPLNAVIGATIONFARBESCHRIFT]; text-decoration:none;}
DIV#footer A:hover {color: [TPLNAVIGATIONFARBESCHRIFT]; text-decoration:underline;}
/***********************************************/
/* CONTENT Divs */
/***********************************************/
/************* #box styles ************************/
.box {height:190px; overflow:hidden;}
.box ul, .container ul {padding:5px 0 20px 0; list-style:none outside; line-height:1.1;}
.box li, .container li {margin:4px 0; padding:0 0 0 22px; background:url(./themes/new/images/menue_arrow.png) center left no-repeat;}
.box A, .container A {color:#fff; font-weight:bold; text-decoration:none;}
.box A:HOVER, .container A:HOVER {color:#fff; font-weight:bold; text-decoration:underline;}
/************* #claim styles ************************/
DIV#claim {font-size:1.3em; font-weight:bold; padding-left:10px; width: 180px;}
* HTML #claim {width: 190px; w\idth: 180px;}
/************* #bodyText styles ************************/
DIV#bodyText H1 {padding:20px 0 10px 0; color:[TPLFIRMENFARBEDUNKEL]; font-size:1.3em;}
DIV#bodyText H2 {padding:17px 0 6px 0; color:[TPLFIRMENFARBEDUNKEL]; font-size:1.1em;}
DIV#bodyText .shortText {margin:13px 0 20px 0; color:[TPLFIRMENFARBEDUNKEL]; font-weight:bold;}
DIV#bodyText .shortText a {color:#000; text-decoration:underline;}
DIV#bodyText .shortText a:hover {color:[TPLFIRMENFARBEDUNKEL]; text-decoration:underline;}
/***********************************************/
/* Table Styles */
/***********************************************/
DIV#bodyText TABLE.tableJournal {border:1px solid #f2b005; margin:5px 0px 10px 0px; font-size:1em;}
DIV#bodyText TABLE.tableJournal-1 {margin:5px 0px 10px 0px; font-size:1em;}
DIV#bodyText TABLE TR TD {vertical-align:top;}
/* erste Spalte, erste Zeile */
DIV#bodyText TABLE TR.tr-0 TD, TABLE.contenttable TR TD.td-0 {padding:6px 8px; color:#fff; font-weight:bold; background-color:#f2b005; text-align:left;}
DIV#bodyText TABLE TD {padding:2px 8px; margin:0px;}
DIV#bodyText TABLE TR.tr-odd {background-color:#FCE7C1;}
DIV#bodyText TABLE TR.tr-even {background-color:#fff4de;}
/***********************************************/
/* Form Divs */
/***********************************************/
form {display: inline; margin:0; padding:0;}
input[type=text], input[type=password], textarea, select {font-size:11px; color:#000; padding:3px 5px;}
input[type=text].error, input[type=password].error {border:1px solid #63c3d3;}
input[type=text].long, input[type=password].long {width:220px;}
input[type=text].small {width:40px;}
input[type=text].medium {width:162px;}
.error {font-weight:bold; color:#63c3d3;}
.inputField {border:1px solid #c7cdcd;}
.btnSubmit {background-color:#63c3d3; color:#fff; font-weight:bold; padding:3px 12px; border:1px solid #63c3d3; cursor:pointer;}
.btnGreen { background-color: #abc908 !important; cursor:pointer; }
ul#Navigation {
width: 170px;
margin: 0;
padding: 0.2em 0.2em 0.2em;
}
ul#Navigation li {
list-style: none;
margin: 0.1em; padding: 0;
}
ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
display:block;
font-weight:bold;
text-decoration: none;
margin: 0.1em; padding: 0.3em;
border-left-color: white; border-top-color: white;
color: black; background-color: #eee;
}
ul#Navigation a:hover, ul#Navigation span {
border-color: white;
font-weight:bold;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
ul#Navigation h2 {
font-size: 1em;
margin: 0.1em; padding: 0.3em;
border:1px solid #ccc;
color: black; background-color: #bde5f8;
}
ul#Navigation h2.allgemein {
color: black; background-color: #e5efa6;
}
ul#Navigation h2.hauptmenu {
color: black; background-color: red;
}
#jsddm
{ margin: 0;
padding: 0; z-index: [JSDMMZINDEX];
position:absolute;
top:70px;
}
.secnav {
border-top: 1px solid #888a89;
border-bottom: 1px solid #888a89;
}
#jsddm li
{ float: left;
list-style: none;
font-weight:bold;
letter-spacing: 0.03em;
font: 13px Tahoma, Arial}
#jsddm li a
{ display: block;
font-weight:bold;
padding: 12px 12px 12px;
text-decoration: none;
background:[TPLNAVIGATIONFARBE];
color:[TPLNAVIGATIONFARBESCHRIFT];
white-space: nowrap;
padding-top:7px;
}
#jsddm li a:hover
{ background: [TPLNAVIGATIONFARBE2]; color:[TPLNAVIGATIONFARBESCHRIFT2];/*color: [TPLNAVIGATIONFARBE];*/
}
#jsddm li ul
{ margin: 0;
padding: 0;
z-index: [JSDMMZINDEX];
position: absolute;
visibility: hidden;
height:0px;
}
#jsddm li ul li
{ float: none;
display: inline;}
#jsddm li ul li a
{
z-index: [JSDMMZINDEX];
padding:4px 10px 4px 10px;
background: [TPLNAVIGATIONFARBE];
color:[TPLNAVIGATIONFARBESCHRIFT2];
font-weight:normal;
border-left: 1px solid #888a89;
border-top: 0px;
font: 12px Arial;
}
#jsddm li ul li a:hover
{ background: [TPLNAVIGATIONFARBESCHRIFT]; color:[TPLNAVIGATIONFARBESCHRIFT2]; /*color: [TPLNAVIGATIONFARBE];*/}
li.hamburger{
display:none;
}
@media screen and (max-width: 767px){
#textvorlageicon{display:none;}
img#tpllogofirma {
max-width:200px;
max-height:40px;
}
#jsddm li{width:100% !important; display:none;position:relative !important;}
#jsddm > li:first-child{display:none !important;}
#jsddm li:first-child + li{display:block;}
#jsddm li li {position:relative;z-index:201;width:100% !important;}
#jsddm li ul{width:100% !important;position:relative;}
li.hamburger{
display:inline-block;height:50px;width:100% !important;color:[TPLNAVIGATIONFARBESCHRIFT]; font: 14px Arial !important;font-weight:bold !important;
}
li.hamburger span.hamburgerschrift {
padding-left:12px;
line-height:25px;
}
li.hamburger span.hamburgerimg {
float:right;display:inline-block;width:30px;
}
#jsddm li.aktiv{
display:inline-block;visibility:visible !important;
}
#jsddm li.aktiv2 li,#jsddm li.aktiv2 ul {
display:inline-block;visibility:visible !important;
margin-top:0;
margin-bottom:0;
}
#jsddm li a{
border:0 !important;
text-align:left;
margin-left:20px;
}
#jsddm li ul li a
{
border:0 !important;
text-align:left;
padding-left:40px;
padding-top:8px;
margin-top:0;
margin-bottom:0;
}
.secnav {
border-top:0;
border-bottom:0;
}
}
input[type=text],input[type=password], select, textarea { font-size:11px; font-family:Verdana,sans-serif; border:1px solid [TPLFIRMENFARBEDUNKEL]; background-color:#F8F8FF;}
input[type=text].pflicht, textarea.pflicht {
background-color: #FFDFDF;
}
input[type=text],input[type=password], select, textarea { font-size:11px; font-family:Verdana,sans-serif; border:1px solid [TPLFIRMENFARBEDUNKEL]; background-color:#F8F8FF; padding:5px;
}
input[type=submit],input[type=reset],input[type=button] {
font-size:11px;
font-family:Verdana,sans-serif;
background-color:[TPLFIRMENFARBEDUNKEL];
color:white; border:1px solid [TPLFIRMENFARBEDUNKEL];
padding:4px;
margin:3px;
color:white;
background-color:[TPLFIRMENFARBEDUNKEL];
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 0px;
}
div.info > input[type=button], div.warning > input[type=button], div.error > input[type=button],
div.info > input[type=submit], div.warning > input[type=submit], div.error > input[type=submit]
{
float:right;
margin-top:-2px;
}
.info, .success, .warning, .error, .validation, .error2, .important {
/*border: 1px solid;*/
/*margin: 00px 0px;*/
margin-bottom:5px;
padding:15px 10px 15px 50px;
margin-left:2px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius:3px;
}
.info {
color: #219CB0;
background-color: #D5ECF2;
background-image: url('./themes/new/images/info.png');
}
.warning {
color: #6DA033;
background-color: #E5F5D2;
background-image: url('./themes/new/images/warning.png');
}
.error {
color: #FF7F2A;
background-color: #FFE6D5;
background-image: url('./themes/new/images/error.png');
}
.important {
color: #FF7F2A;
background-color: #FFE6D5;
background-image: url('./themes/new/images/lagerstop.png');
}
.error2 {
color: #219CB0;
background-color: #D5ECF2;
background-image: url('./themes/new/images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('./themes/new/images/success.png');
}
input[readonly] {
border: 1px solid #999;
background-color: #ececec;
}
input[disabled] {
border: 1px solid #999;
background-color: #ececec;
}
select[disabled] {
border: 1px solid #999;
background-color: #ececec;
}
textarea.cols3 { height: 200px; width: 98%;}
.mybox {margin-bottom:10px; padding: 3px 3px; width:99%; display: inline-block;}
.mybox a {
display: inline-block;
color: #027D8D;
border: 1px solid #A6C9E2;
background: #D5ECF2;
padding: 3px 5px;
margin: 2px 2px;
}
.mybox a:hover { color: #000; }
.mybox a.active { color: #71BFC9; }
.rules {
color: #FFF;
font-weight: 700;
background-color: #6EB6D5;
border: 1px solid #4297D7;
text-align: left;
padding: 3px 0px 3px 10px;
font-size: 14px;
margin-top: 15px;
}
tr.tablefooter td {padding: 3px 2px; background-color: #6EB6D5; text-align: center;}
table.linkedit {text-align: left;}
table.linkedit td{ padding: 2px 5px;}
h2.fieldheader {
float:left;
}
span.found {
background-color: #F78181;
border: 1px solid red;
}
span.replaced {
background-color: #64FE2E;
border: 1px solid green;
}
ul.home_termine {
margin: 0px;
padding: 0px;
}
ul.home_termine li {
list-style-type: none;
margin: 3px;
padding: 2px 5px;
background-color: #3A87AD;
color: #FFFFFF;
border: 1px solid #3A87AD;
border-radius: 5px;
cursor: pointer;
}
ul.home_termine li span.description {
display:inline-block;
width:160px;
}
a#wiki_startseite_edit {
display: inline-block;
border: 1px solid #aaaaaa;
float:right;
padding: 2px 5px;
color: #0645AD;
font-style: normal;
font-weight: 400;
}
a#wiki_startseite_edit:hover, a#wiki_startseite_edit:focus {
text-decoration: underline;
}
div.noteit {
font-family:Helvetica,Helv; font-size:100%; padding: 5px; margin:5px; width:95%;
border: 1px solid #ccc;
-moz-box-shadow: -1px -1px 1px #888;
-webkit-box-shadow: -1px -1px 1px #888;
box-shadow: -1px -1px 1px #888;
}
div.noteit_prio {
background-color:#E5F5D2;
font-family:Helvetica,Helv; font-size:100%; padding: 5px; margin:5px; width:95%;
border: 1px solid #ccc;
-moz-box-shadow: -1px -1px 1px #888;
-webkit-box-shadow: -1px -1px 1px #888;
box-shadow: -1px -1px 1px #888;
}
div.noteit_highprio {
background-color:#FFE6D5;
font-family:Helvetica,Helv; font-size:100%; padding: 5px; margin:5px; width:95%;
border: 1px solid #ccc;
-moz-box-shadow: -1px -1px 1px #888;
-webkit-box-shadow: -1px -1px 1px #888;
box-shadow: -1px -1px 1px #888;
}
.ui-button-text {
color:white;
background-color:[TPLFIRMENFARBEDUNKEL];
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 0px;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
.greyh2 {
background-color:#999; color:white; padding:2px; font-size:9pt;padding-left:5px;
}
#wikinav {
/*height:35px;*/
padding: 1px;
}
#wikinav ul {
/*float:left;*/
list-style-type:none;
}
#wikinav ul li {
background-color:[TPLFIRMENFARBEHELL];
display:block;
padding-top:4px;
padding-left:5px;
width:180px;
}
#wikinav ul li ul li{
background-color:[TPLUNTERNAVIGATIONFARBE];
display:block;
position:relative;
left:-18px;
width:180px;
}
#wikinav ul li a{
color:[TPLNAVIGATIONFARBESCHRIFT];
}
#wikinav ul li ul li a{
color:[TPLUNTERNAVIGATIONFARBESCHRIFT];
}
.loader_app {
position: absolute;
right: 10px;
top: 28px;
}
@media screen and (min-width: 320px){
.mkTableFormular tr td:first-child {
padding-top:8px;
width:200px;
}
.mkTableFormular tr td:nth-child(4) {
width:200px;
}
}
.mkTableFormular tr td {
vertical-align:top;
}
@media screen and (max-width: 768px){
.hide768 {
display:none;
}
}
@media screen and (max-width: 320px){
.hide320 {
display:none;
}
}
.mkTableFormular {
float:left;
}
.mkTable {
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
width:100%;
}
.mkTable tr td,
.mkTable tr th {
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding: 3px;
}
.mkTable tr th {
font-weight: bold;
text-align: left;
background: #e0e0e0;
}
.mkTable tr:nth-child(odd) td {
background: #e0e0e0;
}
.mkTable tr:nth-child(even) td {
background: #FFF;
}
@media print {
#header {
display: none;
}
#scroller2 {
display: none;
}
.ui-tabs-nav {
display: none;
}
.bgstyle > table > tr:first-child > td:first-child {
display: none;
}
.mce-btn-group {
display: none !important;
}
.toolbarleft {
display: none;
}
}
.rTabs {
position: relative;
margin: 0 0 10px 0;
}
.rTabs ul,
.rTabs ul li {
padding: 0;
margin: 0;
list-style: none;
}
.rTabs ul {
border-bottom: 5px solid #d7d7d7;
overflow: auto;
}
.rTabs ul li {
float: left;
padding: 5px 0 0 0;
}
.rTabs ul li a {
display: block;
padding: 5px 10px;
border: 1px solid #d7d7d7;
border-bottom: 0;
}
.rTabs ul li.aktiv {
}
.rTabs ul li.aktiv a {
background: #d7d7d7;
}
.rTabSelect {
position: absolute;
right: 2px;
top: 1px;
}
i.chat_own {
color:#999;
font-size:8pt;
}
i.chat_other {
color:#6DA033;
font-size:8pt;
}
.chat_circle {
width: 12px;
height: 12px;
background: [TPLFIRMENFARBEDUNKEL];
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color:#fff;
font-size:6pt;
font-weight:bold;
text-align:center;
vertical-align:middle;
line-height:12px;
display:inline-block;
cursor: pointer;
}
.dashbox {
padding:5px;
margin:3px;
float:left;
display: table;
}
.dashbox_light {
background-color:#35b1c7;
}
.dashbox_grey {
background-color:#dadbdd;
}
.dashbox_dark {
background-color:#03758a;
}
.dashbox_header {
color:white;
margin-bottom:5px;
padding:0px;
text-transform:uppercase;
font-weight:bold;
height:20px;
display: table-row;
}
.dashbox_content {
background-color:white;
padding:0px;
display: table-row;
}
.tabsbutton a span {
background-color:#A2D624 !important;
}
.tabsbutton > span > a.ui-button, .tabsbutton > a.ui-button {
background-color:transparent;
}
fieldset.filter {
background-color:#ececec;
border: 0px solid #ececec;
position:relative;
margin:0px;
margin-top:5px;
margin-bottom:0px;
padding:5px;
}
fieldset.filter > img {
float:right;
}
fieldset.filter > div {
float:left;
background:#ddd;
padding:4px;
padding-left:5px;
padding-right:5px;
margin:3px;
border-radius: 5px;
}
fieldset.filter > div:first-child {
width:100px;
background:transparent;
}
.bigarrowdown {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 100px 0 100px;
border-color: #cfcfd1 transparent transparent transparent;
margin:10px;
margin-left:auto;
margin-right:auto;
}
.waage {
font-size:20pt;
font-weight:bold;
width:100%;
height:40px;
background-color:#ccc;
padding:10px;
text-align:center;
}
.button_waage {
width:100%;
height:150px;
color:red;
}
input[name="speichern"],input[value="Speichern"],input.buttonsave {
background-color:#A2D624;
font-size:110% !important;
font-weight:bold;
}
/*
.dark > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) > a:nth-child(3) > img:nth-child(1)
{
width:30px;
top: 11px;
position: relative;
}
*/
.schaetzung {
background:#ffffcc !important;
}
.validator_message {
z-index:1000;
position: absolute;
background-color:#cd2e26;
color: white;
padding: 5px 12px;
padding:3px;
border-radius: 5px;
margin-left: 30px;
margin-top: 3px;
white-space: nowrap;
}
.dataTables_wrapper .dataTables_processing {
background : url(./themes/new/images/loading.gif) no-repeat ;
background-position: 50% 0px;
background-size: 150px;
padding-top: 90px;
}
a.ui-tabs-anchor:hover{color:#000 !important;}
.greybox { background-color:lightgrey;color:white;padding:10px;font-size:1.8em;text-align:right; }
.textfeld_icon { top:6px;position:relative;cursor:pointer; }