@charset "UTF-8";

@media screen
{
/**************************************************************************************************/
/* Grundformatierungen                                                                            */
/**************************************************************************************************/
	
    body {
        font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif;
        color: #000; background: #fff;
        padding: 0; margin: 0;
        overflow:auto }   

    #pbxLogo {
        width: 168px;
        height: 60px;
        float:right; 
        margin: 2px 15px 0 0; 
        cursor:pointer }  
       
/**************************************************************************************************/
/* Ueberschriften                                                                                 */
/**************************************************************************************************/

    #about h2, #about p {
        margin: 0 0 5px 5px }

    h3 {
        padding-left: 5px;
        margin: 10px 0;
        overflow: hidden;
        color: #3da6d4 ! important;
        text-transform: uppercase;
        font-size: 16px }        
        
        h3:first-child {
            margin-top: 5px; } 
        h3 > img {
            vertical-align: middle;
            margin-right: 5px }
        h3 select {
            vertical-align: top;
            text-transform: none }
        h3 span {
            color: #000;
            margin-left: 10px }
            
    h4 {
        margin: 10px 0 }
       
/**************************************************************************************************/
/* Seiteninhalte                                                                                 */
/**************************************************************************************************/    
    p {
        margin: 10px 10px 0 10px }
            
	button {
		border-radius: 3px; border: 1px solid #999;
		height: 22px; max-height: 24px
		padding: 1px 5px }
		button img {
			margin: 0 5px }
    
    div {}
        .subcolumns { 
            width: 100%; overflow:hidden;
            line-height: 20px; }
         /* Anpassung bei Verwendung in DhtmlxWindow */
         .dhxwinBody .subcolumns, .dhxwinBody #actionline {
            width: 99.8% }

	.c03l, .c05l, .c10l, .c15l, .c20l, .c25l, .c30l, .c33l, .c35l, .c40l, .c45l, .c50l, .c55l, 
	.c60l, .c65l, .c66l, .c70l, .c75l, .c80l, .c85l, .c90l {
	    float: left;
	    min-height: 24px }
	.c03l, .c05r, .c10r, .c15r, .c20r, .c25r, .c30r, .c33r, .c35r, .c40r, .c45r, .c50r, .c55r, 
	.c60r, .c65r, .c66r, .c70r, .c75r, .c80r, .c85r, .c90r {
	    float: right; 
	    margin-left: -5px;
	    min-height: 24px }

        .c03l, .c03r { width: 3.333% }
        .c05l, .c05r { width: 5% }
	    .c10l, .c10r { width: 10% }
	    .c15l, .c15r { width: 15% }
	    .c20l, .c20r { width: 20% }
	    .c25l, .c25r { width: 25% }
	    .c30l, .c30r { width: 30% }
	    .c33l, .c33r { width: 33.333% }
	    .c35l, .c35r { width: 35% }
	    .c40l, .c40r { width: 40% }
	    .c45l, .c45r { width: 45% }
	    .c50l, .c50r { width: 50% }
	    .c55l, .c55r { width: 55% }
	    .c60l, .c60r { width: 60% }
	    .c65l, .c65r { width: 65% }
	    .c70l, .c70r { width: 70% }    
	    .c75l, .c75r { width: 75% }
	    .c80l, .c80r { width: 80% }
	    .c85l, .c85r { width: 85% }
	    .c90l, .c90r { width: 90% }
	    .c95l, .c95r { width: 95% }
	    
	    
        div.subheader {
            background-image: url("/statics/css/imgs/skin_modern_header.png");
            border-color: #A0A0A0 #A0A0A0 #FBFBFB; border-style: solid; border-width: 1px 0;
            color: #000000;
            font-weight: bold; /*line-height: 28px*/;
            height:25px } 
        
            div.subheader div:first-child {
                margin: 2px -5px 2px 5px } 	    
	    
	    /* DIV / Grid */
        .row1, .row2 {
            border-bottom: 1px dotted #09f }    
        /* Korrektur Farbtrenner bei gleichen Folgezeilen oder vorangegangenen ausgeblendeten Zeilen */
        .row1 + .row1, .row2 + .row2, 
        .subcolumns[style*=none] + .row1, .subcolumns[style*=none] + .row2 {
            margin-top: -1px }                
        /* erster div oder td etwas einruecken*/     
        .subcolumns > div:first-child, div.gridbox table.row20px tr td:first-child  {
            padding-left: 5px }
            .subcolumns .subcolumns > div:first-child  {
            padding-left: 0 }
        /* Rettungsaktion abgeschnittene Buttons */
        .subcolumns button {
            margin-top: 3px; padding-top: 0; padding-bottom: 0 }
        /* Sonderformatierungen Geraeteseite */
           .geraeteHeader {
               border-bottom: 1px solid #666;
               margin: 6px 0 4px 0 }
        /* Sonderformatierungen IP Editor*/
        #online_connect {
        	width:100%; text-align:center; padding-top:40px; 
        	font-size:30px; font-family: Roboto, "Helvetica Neue", sans-serif
        }
            
    /* Farbwerte / Textauszeichnungen */
    .row1, .odd_modern {
        background-color: #ccc }
    .row2, .ev_modern {
        background-color: #ddd }             
    .insertRow {
        background-color:#f5f5f5 } 
    .dragDrop:hover {
            background: #9cf;
    	    cursor: pointer }
	    .dragDrop:hover .dragIcon {
            background: url(/statics/css/images/dragDrop.gif) 100% 50% no-repeat; }   
    .required {     
        color: #f00; 
        margin: 0 5px }
    .center { 
        text-align:center }

    span.helpEntry {
        margin-left: 5px; padding: 0 3px;
        color: #09f;
        font-size: 10px; font-weight:900;
        background-color: #fff;
        border: 1px solid #09f; border-radius: 10px }

     @-webkit-keyframes animate-stripes {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 50px 50px;
        }
    }

    @keyframes animate-stripes {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 50px 50px;
        }
    }

    div.progressbar {
        height: 10px;
        position: relative;
        border: 1px solid #999;
        box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    }

    div.progressbar > span {
        display: block;
        height: 100%;
        width: 0;
        background-color: #3da6d4;
        box-shadow:
                inset 0 2px 9px  rgba(255,255,255,0.3),
                inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
    }

    div.indeterminate_bar {
        height: 10px;
        position: relative;
        border: 1px solid #999;
        box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    }

    div.indeterminate_bar > span {
        display: block;
        height: 100%;
        width: 100%;
        background-color: #3da6d4;
        box-shadow:
                inset 0 2px 9px  rgba(255,255,255,0.3),
                inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
    }

    div.progress_stripes > span:after {
        content: "";
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background-image: linear-gradient(
                -45deg,
                rgba(255, 255, 255, .2) 25%,
                transparent 25%,
                transparent 50%,
                rgba(255, 255, 255, .2) 50%,
                rgba(255, 255, 255, .2) 75%,
                transparent 75%,
                transparent
        );
        z-index: 1;
        background-size: 50px 50px;
        -webkit-animation: animate-stripes 2s linear infinite;
        -moz-animation: animate-stripes 2s linear infinite;
        -ms-animation: animate-stripes 2s linear infinite;
        animation: animate-stripes 2s linear infinite;
        overflow: hidden;
    }

    input[type=file] {
        width: 100%
    }

/**************************************************************************************************/
/* Lightbox                                                                                       */
/**************************************************************************************************/

    #lightbox {
        display:none;
        position: absolute;
        z-index:3001;
        font-size: 24px;
    	border-radius: 5px;
    	box-shadow: 5px 5px 5px #666;}
    #lightbox[id] {
        position:fixed }

    #overlay {
        display:none;
        position:absolute; overflow: hidden; top:0; left:0;
        width:1px; height:1px;
        z-index:3000;
        background-color:#000 }
    #overlay[id] {
        position:fixed }

    #lightbox.error #lbContent,
    #lightbox.warning #lbContent,
    #lightbox.information #lbContent,
    #lightbox.dataLoading #lbContent {
        max-height: 320px }
    #lightbox.error #lbContent > div,
    #lightbox.warning #lbContent > div,
    #lightbox.information #lbContent > div,
    #lightbox.dataLoading #lbContent > div {
        max-height: 240px;
        overflow-y: auto }
    #lbContent h1 {
        font-size: 24px;
        line-height: 24px;
        vertical-align: middle }
    #lbContent h1 img {
        margin-right: 10px }
    #lbContent p {
        margin: 0 0 5px 0; padding: 0 }
    #lbContent > p {
        margin-top: 10px }
    #lbContent p.separator {
        margin: 10px 0;
        text-align: right;
        border-top: 1px solid #666 }
    #lbContent a {
        text-decoration: none; }
    #lbContent a + a {
        margin-left: 5px }
    #lbContent button.selected {
        background-color: #3da6d4; color: #fff }
    	#lbContent button.selected[disabled] {
    		color: #ddd }

    #lightbox.error, #lightbox.warning, #lightbox.information, #lightbox.dataLoading {
        top:200px; left:50%;
        width:350px; min-height:60px;
        padding: 10px 10px 10px 80px;
        margin-left: -125px;
        color: #222;
        font-size: 14px }
    #lightbox.error {
        background: #fff url(/statics/images/attention.gif) 10px 10px no-repeat;
        border-left: 15px solid #c00 }
    #lightbox.warning {
        background: #fff url(/statics/images/tipp.gif) 10px 10px no-repeat;
        border-left: 15px solid #ff3; }
    #lightbox.information {
        background: #fff url(/statics/images/heel_green.png) 10px 10px no-repeat;
        border-left: 15px solid #54e554 }
    #lightbox.dataLoading {
        background: #ddd url(/statics/images/wait.gif) 10px 10px no-repeat }
    #lightbox.info {
        top:100px; left:50%;
        width:740px; min-height:60px; max-height:450px;
        margin-left: -305px;
        padding: 10px;
        background: #fff;
        border-top: 10px solid #0099CC;
        color: #333 }
    #lightbox.info .pageData tr.separator {
        border-top: 1px solid #888;
        vertical-align: top }
    #lightbox.transfer {
        background: url(/statics/css/images/ajax-loader.gif) 50% 50% no-repeat }
    #lightbox.assist {
        top:200px; left:50%;
        width:800px; min-height:60px;
        padding: 10px;
        margin-left: -400px;
        color: #222;
        font-size: 14px;
        background: #fff }
    #lightbox.assist p {
        margin: 0 0 10px 5px ! important }
    #lightbox.assist div.subcolumns {
        margin-bottom: 5px }
    #lightbox.assist .notAvailable {
        color: #f30; background-color: #ddd }

/**************************************************************************************************/
/* DHTMLX Window                                                                                  */
/**************************************************************************************************/

	.dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_btns {
	    position: absolute;
	    right: 5px;
	    top: 6px;
	    font-size: 1px;
	}
	.dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_btns div.dhtmlx_wins_btns_button {
	    float: left;
	    width: 16px;
	    height: 16px;
	    background-image: url("/statics/css/imgs/dhxwins_dhx_skyblue/buttons.gif");
	}
    .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_close_default {
        background-position: -96px 0px;
    }
    .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_close_over_default {
        background-position: -96px -16px;
    }
    .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_close_over_pressed {
        background-position: -96px -32px;
    }

/**************************************************************************************************/
/* DHTMLX Tabbar                                                                                  */
/**************************************************************************************************/
  
    .dhx_tabbar_zone_top {
        position:relative;
        margin-top: 5px;
        width: 100% }
        div + .dhx_tabbar_zone_top  {
            margin-top: 10px }
	.dhx_tabbar_row, .dhx_tab_element {
	    position:absolute; width:100%; height:100%;
	    overflow:hidden }
	.dhx_tab_element span {
	    white-space: nowrap }
	.dhx_tab_element{
	    cursor:pointer;
	    text-align:center;
	    font-size:8pt;
	    padding-top: 4px }
	.dhx_tab_element div {
	    height:40px; width:40px;
	    position:absolute;
	    overflow:hidden }
	.dhx_tab_element span {
	    position:relative;
	    z-index:10 }
	.dhx_tab_element_active {
        font-weight:bold }
	div.dhxcont_main_content {
	    position: relative; left: 0px; top: 0px;
	    overflow: hidden }
	div.dhxcont_content_blocker {
	    position: absolute; left: 0px; top: 0px;
	    width: 101%; height: 101%;
	    opacity: 0;
	    background: #FFFFFF;
	    z-index: 1;
	    -moz-user-select: none }
       
/**************************************************************************************************/
/* DHTMLX Grid                                                                                    */
/**************************************************************************************************/
       
  div.gridbox .xhdr {
      background-color:#D4D0C8;
      background-image:url(imgs/skin_modern_header.png) }
  div.gridbox table.obj {
      height:1px }
  div.gridbox table.hdr {
      background-image:url(imgs/skin_modern_header.png) }
  div.gridbox table.hdr .filter {
      padding-left:0px !important;
      text-align:center }
  div.gridbox table.hdr td { 
      empty-cells:show;
      border: 1px solid; border-color: #FDFDFD #B5B5B5 #B5B5B5 #FDFDFD;
      background-color:transparent;
      font-weight:bold;
      color:#222;
      vertical-align:top;
      text-align:center }
     div.gridbox table.hdr td div.hdrcell {
         overflow:hidden;
         width:auto;
         padding-left: 2px }
         div.gridbox table.hdr td div.hdrcell a.header {
             text-decoration:none; 
             color:#055A78 ! important }
         div.gridbox table.hdr td div.hdrcell div {
             padding-right: 2px;
             text-align: center }
             div.gridbox table.hdr td div.hdrcell div input {
              text-align: left }
     div.gridbox table.obj td {
         border: 0; 
         overflow:hidden;
         padding: 0 4px;
         empty-cells:show }  
     div.gridbox table.assist td {
         vertical-align: top; 
         padding-top: 2px; }
         div.gridbox table.assist td.text {
             padding-top: 8px; }
     div.gridbox table.obj th, div.gridbox table.hdr th {
         padding:0px;
         margin:0px }
     div.gridbox table.row20px tr td {
         height:24px;
         white-space: nowrap;   
         border-bottom: 1px dotted #09f }            
     div.gridbox .objbox {
         background-color:white;
         position:relative }
     div.gridbox table.obj td.group_row {
         vertical-align:middle; 
         font-size:10pt; 
         font-weight:bold; 
         height:30px;  
         border:0px;  
         border-bottom: 2px solid #008AC1 }
     div.gridbox table.obj tr.rowselected td,
     div.gridbox table.obj tr.rowpreselected td {
         background-color:#fc9 }              
     div.gridbox table.obj button {
        padding: 0 5px; }     
     div.gridbox .ftr {
        padding: 5px }

     span.shorten, div.shorten {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         width: 100%;
         display: inline-block }
     
     span.ztbSelectedCat {
     	font-weight: bold;
     	display: block;
     	padding-bottom: 5px;
     	border-bottom: 4px solid #3da6d4 }
     	
     .copyCell:hover {
     	opacity: 0.6;
		background-color: #ccc;
		background: url('/statics/images/clipboard.png') 50% 50% no-repeat
     }	
     .copyCellSuccess {
     	background-image: url('/statics/images/clipboard_ok.png') !important;
     	background: 50% 50% no-repeat
     }	
}

/* old */

@media print
{
    p { 
        line-height: 1.5em; 
        margin: 0 0 1em 0; }
        p.pane {
            padding: 0px }

    ul, ol { 
        line-height: 1.5em; 
        margin: 0 0 1em 1em;
        padding: 0 }
    li { 
        margin-left: 1.5em; 
        line-height: 1.5em }

 /* Textauszeichnung ---------------------------------------------------------*/

    strong,b { 
        font-weight: bold }
    em,i { 
        font-style:italic }
    pre, code { 
        font-family: monospace; font-size: 1.1em }

 /* Positionierung und Hervorhebung ------------------------------------------*/

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  #requiredFieldsInfo { margin-top: 10px }

/* Links ---------------------------------------------------------------------*/

    a {
        color: #4D87C7; 
        text-decoration:none }
        a:focus, a:hover, a:active {
            color:#182E7A; 
            text-decoration:underline }
    .error a {
        color: #f00;
        text-decoration: underline }
        .error a:focus, .error a:hover, .error a:active {
            color:#f00 }
	
  thead th { background: #444; color: #fff }
  tbody th { background: #444; color: #fff }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #888 solid }

/* --------------------------------------------------------------------*/
/* Formulargestaltung */

    form {
        margin-top: 0px;
        margin-bottom: 0px;
        overflow: hidden; 
        display: inline }

    fieldset { 
        overflow: hidden;
        border: 1px #ddd solid;
        background: #fafafa;
        margin: 0 0 1em 0;
        padding: 0.5em 1em }
        /* Forms Fieldset/Legend-Bug in IE */
        * html fieldset, *+html fieldset { 
            overflow:visible; 
            height: 1%; 
            margin-top:1.5em; padding-top:1.5em }
	
    legend {
        font-size: 125%; 
        font-weight: normal; 
        color: #000;
        background: transparent; 
        border: 0 }        
        /* Forms Fieldset/Legend-Bug in IE */
        * html legend, *+html legend { 
            position:absolute; top: -.5em; left: .5em }
	
    /* Sonderformatierungen fuer IP-Felder umgebende spans */
    span.formblock {
        border: 1px solid #888;
        background-color: #fff;
        white-space: nowrap; }
        span.formblock:focus, span.formblock:hover, span.formblock:active {
            border-color: #09f ! important }
        span.formblock input, span.formblock input:hover, span.formblock input:focus,
        span.formblock input:active {
            border: 0 ! important; 
            background: transparent; 
            width: 25px }
    span.disabled {
        background-color: #ddd }
        span.disabled input[type=text][disabled] {
            border: 0px ! important;
            background: transparent }
        
    /* Gestaltung von Buttons */
    button, span.button {
	    color: #000;
	    padding: 0px;
	    margin-top: 2px;
	    width: auto;
	    cursor: pointer;
	    white-space: nowrap }   
        span.button {
            padding: 0.1em 0.3em } 
    button[disabled] {
        color: #888; background: transparent; 
        border: 1px solid #999 } 
	
    input {
        vertical-align: middle;
        margin: 3px 5px 0 5px;
        padding: 0 1px;
        font-family:  Arial, Helvetica, sans-serif }
        input.dhx_combo_input {
            margin: 0 }
    input[type = text], input[type = password] {
        border: 1px solid #888
	}

	input[type = text].dhx_combo_input {
        border: none
	}
        /* Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
		input[type=text]:focus, input[type=password]:focus,
		input[type=text]:hover, input[type=password]:hover,
		input[type=text]:active, input[type=password]:active {
            border: 1px #09f solid }
	        input[type=text].dhx_combo_input:focus,
	        input[type=text].dhx_combo_input:hover, 
	        input[type=text].dhx_combo_input:active {
	            border: none }
        /* :hover und :focus aber nicht bei deaktivierten Elementen */
		input[type=text][disabled], input[type=password][disabled],
		input[type=text][disabled]:focus, input[type=password][disabled]:focus,
		input[type=text][disabled]:hover, input[type=password][disabled]:hover,
		input[type=text][disabled]:active, input[type=password][disabled]:active {
            border: 1px #888 solid ! important;
            background: #ddd }           
    input[type=checkbox] { 
       cursor: pointer;
       margin-top: 4px }
	/* Versteckte Felder wirklich verstecken (sonst ggf. haessliche Luecken im Firefox) */
	input[type=hidden] { display: none !important; }
	
	.message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Gestaltung der einzelnen Formularelemente mit annaehernd gleicher Breite */
    textarea {
        font-family:  Arial, Helvetica, sans-serif;
        border: 1px solid #888;
        padding: 0 1px 0 1px;
        margin-left: 5px;
        margin-right: 5px;
        vertical-align: middle }
        /* Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
        textarea:focus, textarea:hover, textarea:active {
            border: 1px #09f solid }
        /* :hover und :focus aber nicht bei deaktivierten Elementen */
        textarea[disabled], textarea[disabled]:focus, textarea[disabled]:hover, textarea[disabled]:active {
            border: 1px #888 solid ! important;
            background: #ddd }                
                      
    /* zu Formularelementen umgebogenen Elementen */
    .formelement:focus, .formelement:hover, .formelement:active {
        border-color: #09f ! important }
  
    select {
        cursor: pointer;   
        border: 1px solid #888;
        vertical-align: middle;
        margin: 2px 5px 0 5px }
		select:focus, select:hover, select:active {
            border: 1px #09f solid }
		select[disabled], select[disabled]:focus, select[disabled]:hover, select[disabled]:active {
		    border: 1px #888 solid ! important;
		    background: #ddd }
        /* in Laypouttabellen die maximale Obergrenze setzen */
        .c50r select {
            max-width: 255px }
        h3 select {
            color: #444;
            font-weight: bold;
            vertical-align: baseline }
        select + label, select + span.label {
            margin: 0px }		    

	optgroup {
        font-style: normal;
        font-weight: bold }
    option { 
        padding-left: 0.4em }  
  
    label {
        cursor: pointer; 
        display: block; 
        line-height: 20px;
        margin: 2px 5px 0 5px }
        label.disabled {
            color: #888;  
            background-color: transparent;
            border-color: transparent }  
        label.inline {
            display: inline }
}

/*------------------------------------------------------------------------------*/

@media screen, projection
{
    html { 
        height: 100% !important }
  
    /* Tabelle */
    
    table {
        color: #000;
        padding: 0; 
        width: auto }
        table.format {
            border-spacing: 0px;
            text-align: center }
            table.format td {
                border-bottom: 0px ! important } 
            .dhx_sub_row td  {
               vertical-align: top;
                border-bottom: 0 !important;
                white-space: pre-wrap }
           
    td {
        color: #000;
        border: 0;
        margin: 2px;
        vertical-align: middle }  
        td.disabled {
            color: #888 }  
        /* Baumzellen ohne paddings */
        .containerTableStyle td {
            padding: 0 }        
	
/* Sammelbecken div */
        div.th {
            font-weight: bold;
            text-align: center;
            vertical-align: middle;
            border-width: 1px;
            border-style: solid;
            padding: 0;
            color: #000;
            background-color: #b2b2b2;
            border-color: #a0a0a0 #a0a0a0 #fbfbfb #fbfbfb }

       div.action {
            background-color: #afafaf;
            border-color: #777777 #777777 #c3c3c3 #c3c3c3;
            color: #000
        }        
                            
        div#actionlinenode, div.actionlinenode {
            font-weight: bold;
            height: 25px;
            border: 1px solid #999;
            border-width: 1px 0 1px 0;
            background-color: #ffc;
            padding: 2px 2px 0 2px;
            vertical-align: middle }    
            div.action button {
                margin-left: 10px }
                
                	  .hidden { display:none; }      
                    
    /* Zustaende */
    .selected {
        background: #fc9 }
    
    /* Cursors und Co */
    .cursor:hover {
        cursor: pointer; }
    .cursor_forbidden:hover {
        cursor: not-allowed ! important }

    input.passwd {
		font-family: Monospace;
		min-width: 50px;
	}
    
    /* die Bubble-Help */           
    input.bub_error { color: #f00 }
    label.bub_error { color: #f00 }
    td.bub_error { color: #f00 }
    .bub_corrected { color: #093 } 
    .bub_normal  { color: #666 } 

    /* GoAhead */
    .copyright {
        width: 100%;
        text-align: center;
        font-size: 8px;
        padding: 3px }    

	iframe {
	   display: none }
	   .dhxcont_global_content_area > div > iframe,
	   .dhtmlx_wins_body_inner > div > iframe {
	       display: block; }
	   iframe.iframevisible {
	       border: 0;
	       display: block;
	       width: 100%; height: 150px;
	       margin-top: 10px }
    
/****************** default ***************************************************/

    .nobr {
        white-space: nowrap }
        
    .nomargin {
        margin: 0 }

    .modus_green {
        color: #54e554 }
    .modus_green1 {
    	color: #158815 }
    .modus_red {
        color: red }

    .audioScenario_green {
        color: #093 }
    .audioScenario_red {
        color: #B40404 }

    .interfaceScenario_green {
        color: #093 }
    
    .interfaceScenario_red {
        color: #B40404 }
    .codecExtern_red {
        color: #B40404 }
        
    .moduskey {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis }

	tt {
	    text-align: left;
	    vertical-align: middle;
	    padding: 2px 6px 2px 6px;
	    margin-left: 10px }
	
	span.blank {
	    padding-left: 5px }
	
	span.hidden {
	    visibility: hidden }
	
	span.navig, span.select {
	    padding: 3px 6px 3px 6px;
	    text-align: center;
	    width: 50px;
	    height: 30px;
	    line-height: 30px;
	    white-space: nowrap;
	    margin: 10px 3px 0px 3px;
	    border-width: 1px;
	    border-style: solid }
	
	button.navig {
	    margin-top: 10px }

    /* Fehler und Hinweise auf den Seiten */
    .errorview, .warningview, .infoview {
        min-height: 70px;
        padding: 0px 10px 0px 70px;
        margin: 10px 5px 0 5px;
        font-weight: bold;
        color: #000 } 
    .errorview h4, .warningview h4, .infoview h4 {
        color: #000;
        margin-bottom: 5px }
    .errorview p, .warningview p, .infoview p {
        line-height: 1em;
        margin-bottom: 10px;
        font-weight: normal }
    .errorview p + p, .warningview p + p, .infoview p + p {
        margin-top: -5px }
    .errorview {
        background: #fff url(/statics/images/attention.gif) 10px 10px no-repeat;
        border: 2px solid #c00 }
    .warningview {                                                      
        background: #fff url(/statics/images/tipp.gif) 10px 10px no-repeat;
        border: 2px solid #ff3 }                                     
    .infoview {                                                      
        background: #fff url(/statics/images/heel_green.png) 10px 10px no-repeat;
        border: 2px solid #54e554 }
    .textview {
        color: #000; background: #eee;
        border: 1px solid #666;
        margin-bottom: 10px;
        padding: 3px }

    .warning {
        color: #FF6600}
    .error, .notAvailable {
        color: #f00 }
    .normal {
        color: #000 }
    .bold {
        font-weight: bold }
    .disabled {
        color: #666 ! important }     
        
    span.navig {
        color: #666;
        background-color: #CCC;
        border-color: #039 }
    
    span.select {
        color: #666;
        background-color: #ff9;
        border-color: #039 }
    
    span.red {
        color: red;
    }
        
    .pwsecurityContainer {
        height:3px;
        width:147px;
        border:0px;
        background: #999 }
    
    .pwsecurity {
        background-image:url('/statics/images/pwsecurity.jpg');
        max-width: 147px;
        height:5px;
        width:0px }
    
    #updateInfo {
        float:right; 
        margin: 7px 5px 0 0; 
        cursor:pointer;
        display: none; }

    /* Update-Info*/
    .updateAvailable h1, .updateAvailable h4, .updateAvailable #pbxLogo {
       opacity: 0.3; }
    .updateAvailable #updateInfo {
        display: block; }
        
    /* ServiceAccess */
    #serviceAccess {
        text-align: center;
        padding-top: 360px;
        background: url('/statics/images/welcome.png') 50% 0 no-repeat }
        #serviceAccess div {
            text-align: center }
        #serviceAccess table {
            border: 0;
            padding-left: 35% }
        #serviceAccess th, #serviceAccess td {
            text-align: left;
            vertical-align: top }
        #serviceAccess object {
            width: 300px; height: 200px;
            overflow: hidden;
            border: 0; }	
}

/* Druckausgabe --------------------------------------------------------------*/

@media print
{
    /* Wechsel der der Schriftgroessen-Masseinheit zu [pt] - Probleme mit Masseinheit [px] in Gecko-basierten Browsern vermeiden */
    body { 
        font-size: 10pt;
        background: #fff ! important }
              
    /* Zuruecksetzen des Scrollbar-Fix for FF aus dem Screenlayout */
    html { 
        height: auto; 
        margin-bottom: 0 }

    .subcolumns { 
        overflow:visible; 
        display: table }

    /* (de) Linearisierung der Subtemplates */
    .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,
    .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
        width: 100%; 
        margin:0; padding: 0; 
        float:none !important; 
        overflow:visible; display:table !important }

    /* .print-Klasse sichtbar schalten */
    .print { 
        position: static; left: 0; }

    /* Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
    .noprint { display:none !important; }

    /* Vermeidung von Seitenumbruechen direkt nach einer Ueberschrift */
    h1,h2,h3,h4 { page-break-after:avoid; }
}

p.ztbDetailView {
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
}

/**************************************************************************************************/
/* Drag&Drop                                                                                      */
/**************************************************************************************************/
.dragDropTableCSV {
    width: 99.7%;
    color: #000;
    padding:1px;
    display: table;
    overflow-y:auto;
    table-layout: fixed;
}

div.dragDropRowHead  {
    display: table-row;
    background-color: #fff;
}

div.dragDropColHead {
	display: table-cell;
	text-align: center;
	color: #3da6d4 !important;
	font-size: 16px;
    border: thin dotted #09f;
}

div.dragDropRow1  {
    display: table-row;
    background-color: #ccc;
    height: 18px;
}

div.dragDropRow2  {
    display: table-row;
    background-color: #ddd;
    height: 18px;
}

div.dragDropCol {
    height: 18px;
    border: thin dotted #09f;
    display: table-cell;
    text-align: left;
    font-size: 12px;
    /* border-spacing: 1px; */
    overflow: hidden;
}

label.dragLabel {
	background-color: #fff;
	font-size: 14px;
	border: thin dotted #000;
}

/* Cropper */
.auer-imageEditor {
	display: flex;
}

.auer-imageArea {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: auto;
	padding: 10px;
	min-height: 500px;
	max-height: 600px;
	width: 85%;
}

.auer-imageContainer {
	flex-grow: 1;
	align-self: stretch;
}

.auer-canvas {
	height: 96px;
	width: 96px;
}

.auer-imageInfoArea {
	border-left: #3da6d4 2px solid;
	align-items: stretch;
	padding: 8px;
	min-width: 140px;
	width: 15%;
}

.auer-preview {
	overflow: hidden;
	width: 96px;
	height: 96px;
	max-width: 96px;
	max-height: 96px;
}

.auer-previewContainer {
	display: flex;
	justify-content: center;
	flex-direction: row;
	overflow: hidden;
	min-width: 96px;
	min-height: 96px;
	width: 100%;
	height: 96px;
	max-width: 100%;
	max-height: 96px;
	padding: 10px 0 10px 0;
}

.auer-resetCropperButton {
	display: flex;
	justify-content: center;
}

.auer-image-error {
	color: #f00;
	border: 1px solid;
	border-radius: 3px;
	margin: 0 0 8px 0;
}

.fadeNotice {
	-webkit-animation: partialFadeIn 0.5s linear 1 forwards;
	-moz-animation: partialFadeIn 0.5s linear 1 forwards;
	animation: partialFadeIn 0.5s linear 1 forwards;
}

@keyframes partialFadeIn {
	0% { opacity: 0; }
	100% { opacity: 0.85; }
}

.moveUp {
	-webkit-animation: moveUp 0.5s linear 1 forwards;
	-moz-animation: moveUp 0.5s linear 1 forwards;
	animation: moveUp 0.5s linear 1 forwards;
}

@keyFrames moveUp {
	0% {
		opacity: 0.85;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

.shake_effect {
	-webkit-animation: shake 1s linear 1 forwards;
	-moz-animation: shake 1s linear 1 forwards;
	animation: shake 1s linear 1 forwards;
}

@keyframes shake {
	0%, 100% {
		opacity: 0.85;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translateX(-10px);
		-moz-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translateX(10px);
		-moz-transform: translateX(10px);
		transform: translateX(10px);
	}
}

@-moz-keyframes shake {
	0%, 100% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-moz-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	20%, 40%, 60%, 80% {
		-moz-transform: translateX(10px);
		transform: translateX(10px);
	}
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%, 40%, 60%, 80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}