/* Farbprofil: 1 */

h3 {
   font-size: 18px;
   font-family: helvetica, serif;
   text-decoration: none;
}

iframe {
   border: solid 1px grey;
}

div#div_eckbild
{
position: absolute;
right: 5;
top: 5;
display: block;
/*width: 50px;
height: 30px;*/
width: 0px;
height: 0px;
background: url("images/icon_firma.png");
}

/*//fuer animation flowing banner - wie weit das banner nach links faehrt 0% = endet beim anstoßen des ersten buchstaben auf der linken seite*/
/*@keyframes banner_flowing {
  100% {
    transform: translateX(-30%);
  }
}*/

label.label_blau input[type="file"] {
   position:absolute;
   top: -1000px;
}

.label_blau {
   border: 1px solid #000000;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 2.4px 0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 1px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #fff;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
}
.label_blau:hover {
   border: 1px solid #000000;
   text-shadow: #000000 0 1px 0;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #000000;
   }
.label_blau:active {
   text-shadow: #000000 0 1px 0;
   border: 1px solid #000000;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #000000;
   }
   


.sprechblase_pfeil_links {
	position: relative;
}
.sprechblase_pfeil_links:after, .sprechblase_pfeil_links:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.sprechblase_pfeil_links:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: white;     /*innen farbe*/
	border-width: 6px;
	margin-top: -6px;
}
.sprechblase_pfeil_links:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: grey;      /*border farbe*/
	border-width: 8px;
	margin-top: -8px;
}
   
.sprechblase_pfeil_rechts {
	position: relative;
}
.sprechblase_pfeil_rechts:after, .sprechblase_pfeil_rechts:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.sprechblase_pfeil_rechts:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #73d0fd;     /*innen farbe*/
	border-width: 6px;
	margin-top: -6px;
}
.sprechblase_pfeil_rechts:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: grey;      /*border farbe*/
	border-width: 8px;
	margin-top: -8px;
}
   

.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #3498db; /* Blue */
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.loader_tiny {
    width: 22;
    height: 22;
    border: 3px solid #3498db;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: spin 2s linear infinite;
}

/*#tooltip {
	position:absolute;
        background:blue;
	color:#ffffff;
	padding:2px;
        border: 1px solid black;
    overflow: auto;  
    white-space: nowrap;
    float: left; 
        
        
}*/

body {
   margin: 0px;
}

.body_agent_screen {
   background-color: #EEE;
}

.body_mit_hintergrund_welt
{ 
    font-family: Verdana;
    font-size: 12px;
    color: black;
    width: 97%;
    height: 97%;
    align-items: center;
    justify-content: center;
    background-color: #23A0FF;  /*fallback color if gradients are not supported*/ 
    background-image: url("/gabcall/images/hintergrund_welt.png"), linear-gradient(180deg, #1859B0 0%, #23A0FF 100%);
    /*background-image: url("/gabcall/images/hintergrund_welt.png"),-webkit-linear-gradient(top, #1859B0, #bada55);  For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 
    background-image: url("/gabcall/images/hintergrund_welt.png"),   -moz-linear-gradient(top, #1859B0, 70%), #bada55);  For Firefox (3.6 to 15) 
    background-image: url("/gabcall/images/hintergrund_welt.png"),     -o-linear-gradient(top, #1859B0, #bada55);  For old Opera (11.1 to 12.0)  
    background-image: url("/gabcall/images/hintergrund_welt.png"),        linear-gradient(180deg, #1859B0 0%, #F56B0B 100%);  Standard syntax; must be last */
    background-repeat: no-repeat;
    background-position: center 30%;

}

.body_mit_hintergrund
{ 
    font-family: Verdana;
    font-size: 12px;
    color: black;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    margin: 0px;
    justify-content: center;  
    background-color: #FFFFFF;
    //background-image: url("/gabcall/images/test1.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.body_mit_hintergrund_alt
{ 
    font-family: Verdana;
    font-size: 12px;
    color: black;
    background-color: #FFFFFF;
    background-image: url("/gabcall/images/hintergrund_default.jpg");
    background-size: 100%;
}

.body_ohne_hintergrund
{ 
    font-family: Verdana;
    font-size: 12px;
    color: black;
    background-size: 100%;
    background-color: #FFFFFF;
}


.ueberschrift1
{
   font-size: 20px;
}

.schrift_gross
{
    font-size:20px;
    font-weight:bold;
}
.schrift_klein
{
    font-size:10px;
}



.button_weiss {
   border: 1px solid #ffffff;
   background: #c7c7c7;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c7c7c7));
   background: -webkit-linear-gradient(top, #ffffff, #c7c7c7);
   background: -moz-linear-gradient(top, #ffffff, #c7c7c7);
   background: -ms-linear-gradient(top, #ffffff, #c7c7c7);
   background: -o-linear-gradient(top, #ffffff, #c7c7c7);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #c7c7c7 100%);
   padding: 1.5px 0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 1px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #737373 0 1px 0;
   color: #a6a6a6;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button_weiss:hover {
   border: 1px solid #ffffff;
   text-shadow: #737373 0 1px 0;
   background: #c7c7c7;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c7c7c7));
   background: -webkit-linear-gradient(top, #ffffff, #c7c7c7);
   background: -moz-linear-gradient(top, #ffffff, #c7c7c7);
   background: -ms-linear-gradient(top, #ffffff, #c7c7c7);
   background: -o-linear-gradient(top, #ffffff, #c7c7c7);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #c7c7c7 100%);
   color: #a6a6a6;
   }
.button_weiss:active {
   text-shadow: #737373 0 1px 0;
   border: 1px solid #ffffff;
   background: #c7c7c7;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c7c7c7));
   background: -webkit-linear-gradient(top, #ffffff, #c7c7c7);
   background: -moz-linear-gradient(top, #ffffff, #c7c7c7);
   background: -ms-linear-gradient(top, #ffffff, #c7c7c7);
   background: -o-linear-gradient(top, #ffffff, #c7c7c7);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #c7c7c7 100%);
   color: #a6a6a6;
   }

.button_grau {
   border: 1px solid #000000;
   background: #666666;
   background: -webkit-gradient(linear, left top, left bottom, from(#a3a3a3), to(#666666));
   background: -webkit-linear-gradient(top, #a3a3a3, #666666);
   background: -moz-linear-gradient(top, #a3a3a3, #666666);
   background: -ms-linear-gradient(top, #a3a3a3, #666666);
   background: -o-linear-gradient(top, #a3a3a3, #666666);
   background-image: -ms-linear-gradient(top, #a3a3a3 0%, #666666 100%);
   padding: 1.5px 0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 1px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #fff;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   fill: rgb(218, 218, 218);
   }
.button_grau:hover {
   border: 1px solid #000000;
   text-shadow: #000000 0 1px 0;
   background: #a3a3a3;
   background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#a3a3a3));
   background: -webkit-linear-gradient(top, #666666, #a3a3a3);
   background: -moz-linear-gradient(top, #666666, #a3a3a3);
   background: -ms-linear-gradient(top, #666666, #a3a3a3);
   background: -o-linear-gradient(top, #666666, #a3a3a3);
   background-image: -ms-linear-gradient(top, #666666 0%, #a3a3a3 100%);
   color: #000000;
   fill: rgb(248, 246, 246);
   }
.button_grau:active {
   text-shadow: #000000 0 1px 0;
   border: 1px solid #000000;
   background: #a3a3a3;
   background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#a3a3a3));
   background: -webkit-linear-gradient(top, #666666, #a3a3a3);
   background: -moz-linear-gradient(top, #666666, #a3a3a3);
   background: -ms-linear-gradient(top, #666666, #a3a3a3);
   background: -o-linear-gradient(top, #666666, #a3a3a3);
   background-image: -ms-linear-gradient(top, #666666 0%, #a3a3a3 100%);
   color: #000000;
   }

.button_gruen {
   border: 1px solid #000000;
   background: #085c15;
   background: -webkit-gradient(linear, left top, left bottom, from(#138f1b), to(#085c15));
   background: -webkit-linear-gradient(top, #138f1b, #085c15);
   background: -moz-linear-gradient(top, #138f1b, #085c15);
   background: -ms-linear-gradient(top, #138f1b, #085c15);
   background: -o-linear-gradient(top, #138f1b, #085c15);
   background-image: -ms-linear-gradient(top, #138f1b 0%, #085c15 100%);
   padding: 1.5px 0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 1px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #fff;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button_gruen:hover {
   border: 1px solid #000000;
   text-shadow: #000000 0 1px 0;
   background: #138f1b;
   background: -webkit-gradient(linear, left top, left bottom, from(#085c15), to(#138f1b));
   background: -webkit-linear-gradient(top, #085c15, #138f1b);
   background: -moz-linear-gradient(top, #085c15, #138f1b);
   background: -ms-linear-gradient(top, #085c15, #138f1b);
   background: -o-linear-gradient(top, #085c15, #138f1b);
   background-image: -ms-linear-gradient(top, #085c15 0%, #138f1b 100%);
   color: #000000;
   }
.button_gruen:active {
   text-shadow: #000000 0 1px 0;
   border: 1px solid #000000;
   background: #138f1b;
   background: -webkit-gradient(linear, left top, left bottom, from(#085c15), to(#138f1b));
   background: -webkit-linear-gradient(top, #085c15, #138f1b);
   background: -moz-linear-gradient(top, #085c15, #138f1b);
   background: -ms-linear-gradient(top, #085c15, #138f1b);
   background: -o-linear-gradient(top, #085c15, #138f1b);
   background-image: -ms-linear-gradient(top, #085c15 0%, #138f1b 100%);
   color: #000000;
   }


   .button_blau {
      border: 1px solid #000000;
      background: #3e779d;
      background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
      background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
      background: -moz-linear-gradient(top, #65a9d7, #3e779d);
      background: -ms-linear-gradient(top, #65a9d7, #3e779d);
      background: -o-linear-gradient(top, #65a9d7, #3e779d);
      background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
      padding: 1.5px 0px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 1px;
      -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
      -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
      box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
      text-shadow: #000000 0 1px 0;
      color: #fff;
      font-size: 13px;
      font-family: helvetica, serif;
      text-decoration: none;
      vertical-align: middle;
      }
   .button_blau:hover {
      border: 1px solid #000000;
      text-shadow: #000000 0 1px 0;
      background: #65a9d7;
      background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
      background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
      background: -moz-linear-gradient(top, #3e779d, #65a9d7);
      background: -ms-linear-gradient(top, #3e779d, #65a9d7);
      background: -o-linear-gradient(top, #3e779d, #65a9d7);
      background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
      color: #000000;
      }
   .button_blau:active {
      text-shadow: #000000 0 1px 0;
      border: 1px solid #000000;
      background: #65a9d7;
      background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
      background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
      background: -moz-linear-gradient(top, #3e779d, #65a9d7);
      background: -ms-linear-gradient(top, #3e779d, #65a9d7);
      background: -o-linear-gradient(top, #3e779d, #65a9d7);
      background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
      color: #000000;
      }
   
   
 .button_gelb {
   border: 1px solid #000000;
   background: #D7DF01;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#D7DF01));
   background: -webkit-linear-gradient(top, #FFFF00, #D7DF01);
   background: -moz-linear-gradient(top, #FFFF00, #D7DF01);
   background: -ms-linear-gradient(top, #FFFF00, #D7DF01);
   background: -o-linear-gradient(top, #FFFF00, #D7DF01);
   background-image: -ms-linear-gradient(top, #FFFF00 0%, #D7DF01 100%);
   padding: 1.5px 0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 1px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #000000;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button_gelb:hover {
   border: 1px solid #000000;
   text-shadow: #000000 0 1px 0;
   background: #FFFF00;
   background: -webkit-gradient(linear, left top, left bottom, from(#D7DF01), to(#FFFF00));
   background: -webkit-linear-gradient(top, #D7DF01, #FFFF00);
   background: -moz-linear-gradient(top, #D7DF01, #FFFF00);
   background: -ms-linear-gradient(top, #D7DF01, #FFFF00);
   background: -o-linear-gradient(top, #D7DF01, #FFFF00);
   background-image: -ms-linear-gradient(top, #D7DF01 0%, #FFFF00 100%);
   color: #BDBDBD;
   fill: #000;
   }
.button_gelb:active {
   text-shadow: #000000 0 1px 0;
   border: 1px solid #000000;
   background: #FFFF00;
   background: -webkit-gradient(linear, left top, left bottom, from(#D7DF01), to(#FFFF00));
   background: -webkit-linear-gradient(top, #D7DF01, #FFFF00);
   background: -moz-linear-gradient(top, #D7DF01, #FFFF00);
   background: -ms-linear-gradient(top, #D7DF01, #FFFF00);
   background: -o-linear-gradient(top, #D7DF01, #FFFF00);
   background-image: -ms-linear-gradient(top, #D7DF01 0%, #FFFF00 100%);
   color: #BDBDBD;
   fill: rgb(0, 0, 0);
   }
   
.button_rot {
   border: 1px solid #000000;
   background: #c40000;
   background: -webkit-gradient(linear, left top, left bottom, from(#ff4040), to(#c40000));
   background: -webkit-linear-gradient(top, #ff4040, #c40000);
   background: -moz-linear-gradient(top, #ff4040, #c40000);
   background: -ms-linear-gradient(top, #ff4040, #c40000);
   background: -o-linear-gradient(top, #ff4040, #c40000);
   background-image: -ms-linear-gradient(top, #ff4040 0%, #c40000 100%);
   padding: 1.5px 0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 1px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #fff;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button_rot:hover {
   border: 1px solid #000000;
   text-shadow: #000000 0 1px 0;
   background: #ff4040;
   background: -webkit-gradient(linear, left top, left bottom, from(#c40000), to(#ff4040));
   background: -webkit-linear-gradient(top, #c40000, #ff4040);
   background: -moz-linear-gradient(top, #c40000, #ff4040);
   background: -ms-linear-gradient(top, #c40000, #ff4040);
   background: -o-linear-gradient(top, #c40000, #ff4040);
   background-image: -ms-linear-gradient(top, #c40000 0%, #ff4040 100%);
   color: #000000;
   }
.button_rot:active {
   text-shadow: #000000 0 1px 0;
   border: 1px solid #000000;
   background: #ff4040;
   background: -webkit-gradient(linear, left top, left bottom, from(#c40000), to(#ff4040));
   background: -webkit-linear-gradient(top, #c40000, #ff4040);
   background: -moz-linear-gradient(top, #c40000, #ff4040);
   background: -ms-linear-gradient(top, #c40000, #ff4040);
   background: -o-linear-gradient(top, #c40000, #ff4040);
   background-image: -ms-linear-gradient(top, #c40000 0%, #ff4040 100%);
   color: #000000;
   }

   
   

.noborder {
   border-top: none !important;
   border-bottom: none !important;
   border-left: none !important;
   border-right: none !important;
}

table.tabelle tr:hover td {
/*background-color: #ddd;*/
/*background-image: url(/gabcall/images/hintergrund_tabelle.jpg);*/ 
/*border: 1px solid #AAAAAA;*/
}
table.tabelle {
   font-family: Verdana, Geneva, sans-serif;
   border: none;/*1px solid #AAAAAA;
text-align: left;
/*box-shadow: 0px 0px 10px 0px black;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
/*background: rgb(206,220,231);  Old browsers */
/*background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%);  FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);  Chrome10-25,Safari5.1-6 */
/*background-image: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
   //background-image: linear-gradient(#EEEEEE 0%, #CCCCCC 100%);
   //background-image: linear-gradient(#d8f6ff 0%, #aaefff 100%);
   background-color: #EEEEEE;
   
   width: 100%;
   padding-top: 5px;
   padding-bottom: 5px;
   border-top: solid 1px gray;
   border-bottom: solid 1px gray;
}
table.tabelle_ALT {
font-family: Verdana, Geneva, sans-serif;
border: 1px solid #AAAAAA;
text-align: left;
box-shadow: 0px 0px 10px 0px black;
background-image: url(/gabcall/images/hintergrund_tabelle.jpg); 
background-size: 150%;
}
table.tabelle td, table.tabelle th {
padding: 0px 4px; 
}
table.tabelle tbody td {
font-size: 12px;
}
table.tabelle thead {
text-shadow: none;
font-size: 25px;
}
table.tabelle thead th {
font-size: 13px;
font-weight: bold;
border-left: 2px solid #D0E4F5;
}
table.tabelle thead th:first-child {
border-left: none;
}


table.tabelle_echtzeit tr:hover {
background-color: #DEDEDE;
}
table.tabelle_echtzeit {
font-family: Verdana, Geneva, sans-serif;
border: 1px solid #DEDEDE;
border-collapse: collapse;
text-align: left;
/*box-shadow: 0px 0px 10px 0px black;
background-image: url(/gabcall/images/hintergrund_tabelle.jpg); 
background-size: 150%;*/
background-color: #F0F0F0;
border: 1px solid #DEDEDE;
}

table.tabelle_echtzeit td, table.tabelle_echtzeit th {
padding: 0px 4px; 
border: 1px solid #DEDEDE;
}
table.tabelle_echtzeit tbody td {
border: 1px solid #DEDEDE;
}
table.tabelle_echtzeit thead {
text-shadow: none
border: 1px solid #AAAAAA;
}
table.tabelle_echtzeit thead th {
font-weight: bold;
color: #FFFFFF;
border-left: 2px solid #D0E4F5;
border: 1px solid #DEDEDE;
}
table.tabelle_echtzeit thead th:first-child {
border-left: none;
border: 1px solid #DEDEDE;
}


div.tabelle {
   background-color: #EEEEEE;
}



td.focus-blau:hover {
    background-color: white;
}





table.tabelle_trennlinien tr:hover {
   background-color: #DEDEDE;
}

table.tabelle_trennlinien {
   font-family: Verdana, Geneva, sans-serif;
   border-collapse: collapse;
   text-align: left;
   background-color: #FFFFFF;
   border: 1px solid #AAAAAA;
}
table.tabelle_trennlinien td, table.tabelle_trennlinien th {
padding: 0px 4px; 
border: 1px solid #AAAAAA;
}
table.tabelle_trennlinien tbody td {
font-size: 12px;
border: 1px solid #AAAAAA;
}
table.tabelle_trennlinien thead {
   font-size: 13px;
   border: 1px solid #AAAAAA;
}

table.tabelle_trennlinien thead th {
font-size: 13px;
font-weight: bold;


border: 1px solid #AAAAAA;
border-left: 2px solid #D0E4F5;
}
table.tabelle_trennlinien thead th:first-child {
border-left: none;
border: 1px solid #AAAAAA;
}


table.tabelle_trennlinien_bericht tr:hover {
/*background-image: url(/gabcall/images/hintergrund_tabelle.jpg);*/ 
background-image: linear-gradient(180deg, #DEDEDE 0%, #999999 100%);
}
table.tabelle_trennlinien_bericht {
font-family: Verdana, Geneva, sans-serif;
border: 1px solid #AAAAAA;
border-collapse: collapse;
text-align: left;
border: 1px solid #AAAAAA;
}
table.tabelle_trennlinien_bericht td, table.tabelle_trennlinien_bericht th {
padding: 0px 4px; 
border: 1px solid #AAAAAA;
}
table.tabelle_trennlinien_bericht tbody td {
font-size: 12px;
border: 1px solid #AAAAAA;
}
table.tabelle_trennlinien_bericht thead {
font-size: 25px;
border: 1px solid #AAAAAA;
}
table.tabelle_trennlinien_bericht thead th {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
border-left: 2px solid #D0E4F5;
border: 1px solid #AAAAAA;
}
table.tabelle_trennlinien_bericht thead th:first-child {
border-left: none;
border: 1px solid #AAAAAA;
}


table.tabelle_klein tr:hover {
/*background-image: url(/gabcall/images/hintergrund_tabelle.jpg);*/ 
background-image: linear-gradient(180deg, #DEDEDE 0%, #999999 100%);
}
table.tabelle_klein {
font-family: Verdana, Geneva, sans-serif;
border: 1px solid #AAAAAA;
border-collapse: collapse;
text-align: left;
box-shadow: 0px 0px 10px 0px black;
/*background-image: url(/gabcall/images/hintergrund_tabelle.jpg); 
background-size: 150%;*/
background-image: linear-gradient(180deg, #DEDEDE 0%, #999999 100%);
border: 1px solid #AAAAAA;
}
table.tabelle_klein td, table.tabelle_klein th {
padding: 0px 4px; 
border: 1px solid #AAAAAA;
}
table.tabelle_klein tbody td {
font-size: 9px;
border: 1px solid #AAAAAA;
}
table.tabelle_klein thead {
text-shadow: none
font-size: 10px;
border: 1px solid #AAAAAA;
}
table.tabelle_klein thead th {
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
border-left: 2px solid #D0E4F5;
border: 1px solid #AAAAAA;
}
table.tabelle_klein thead th:first-child {
border-left: none;
border: 1px solid #AAAAAA;
}


table.tabelle_einfach tr:hover {
   background-color: #DEDEDE;
   }
table.tabelle_einfach {
   font-family: Verdana, Geneva, sans-serif;
   border: 1px solid #AAA;
   border-collapse: collapse;
   text-align: left;
   background-color: white;
   margin-top: 2px;
   margin-bottom: 2px;
}
   table.tabelle_einfach td, table.tabelle_einfach th {
   padding: 0px 4px; 
   border: 1px solid #AAA;
   }
   table.tabelle_einfach tbody td {
   border: 1px solid #AAA;
   }
   table.tabelle_einfach thead {
   text-shadow: none
   font-weight: bold;
   border: 1px solid #AAA;
   }
   table.tabelle_einfach thead th {
   font-weight: bold;
   border-left: 2px solid #D0E4F5;
   border: 1px solid #AAA;
   }
   table.tabelle_einfach thead th:first-child {
   border-left: none;
   border: 1px solid #AAA;
   }

table.tabelle_einfach {
   font-family: Verdana, Geneva, sans-serif;
   border: none;
   border-collapse: collapse;
   text-align: left;
   background-color: white;
}

table.sperrbild {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 13px;
   border: none;
   background-color: #EFEFEF;
   width: 100%;
   border-top: solid 2px orange;
   border-bottom: solid 2px orange;
}

.tabelle_noborders {
   background-color: #E6E6E6;
}

.select_field {
   background: white;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 2px;
   border: solid #AAAAAA 1px;
   color: #000000;
   
   padding:2px; 
}

textarea, input {
   border: solid #AAAAAA 1px;
}

textarea:focus, input:focus{
   outline: none;
   border: solid #000 1px;
}

select:focus{
   outline: none;
   border: solid #000 1px;
}

select {
   border: solid #AAA 1px;
}

ul.ms-list {
   border: solid #AAAAAA 1px !important;
}

*:focus {
   outline: none;
}


.form-field 
{

background: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 2px;
border: solid #AAAAAA 1px;
color: #000000;

padding:2px;
}

.form-field:focus 
{
background: #E5E5E5;
color: #000000;
}

.table_default {
   font-size: 12px;
   font-family: helvetica, serif;
}

option { 
   background-color: white;
   appearance: none;
}

option:hover {
   background-color: lightgray;
}

option:checked {
   background-color:#0095fc;
   color: white;
}

#div_agent_info_leiste {
   position: absolute;
   display: block;
   top: -2px;
   right: 7px;
   font-size: 7px;
   line-height: 8px;
   height: 8px;
   font-family: helvetica, serif;
   color: gray;
   text-align: right;
   margin-top: 2px;
}

.menu_right {
   display: block;
   position: absolute;
   right: 0px;
   top: 0px;
   padding-top: 4px;
   float: right;
   padding-right: 5px;
   min-height: 30px;
   background-color: #FFFFFF;
}

.status_right {
   display: flex;
   justify-content: flex-end;
   position: absolute;
   right: 5px;
   top: 0px;
   padding-top: 0px;
   float: right;
   padding-right: 0px;
   padding-top: 7px;
}

.float_right {
   float: right;
}

.menu_logo {
   position: absolute;
   bottom: 0px;
   right: 0px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 4px;
   height: 20px;
}

div.main_menu_container {
   position: relative;
   top: 0px;
   left: 0px;
   box-shadow: none;
   background-color: #FFFFFE;
   border-bottom: solid 1px #D3D3D3;
   width: 100%;
}

div.main_menu {
   position: relative;
   top: 0px;
   left: 0px;
   border: none;
   width: calc(100% - 130px);
}

div.main_menu_right {
   display: block;
   position: absolute;
   right: 0px;
   top: 0px;
   float: right;
   padding-right: 5px;
   padding-top: 5px;
   height: 52px;
}

div.secondary_menu {
   position: relative;
   top: 0px;
   left: 0px;
   border: none;
   box-shadow: none;
   background-color: #FFFFFF;
   width: 100%;
   padding-top: 5px;
   padding-bottom: 2px;
   padding-left: 5px;
   border-bottom: 2px solid #D3D3D3;
}

div.tertiary_menu {
   position: relative;
   top: 0px;
   left: 0px;
   border: none;
   box-shadow: none;
   background-color: #FFFFFF;
   width: 100%;
   padding-top: 5px;
   padding-bottom: 2px;
   padding-left: 5px;
   border-bottom: 2px solid #FFFFFF;
}

div.agent_menu {
   position: relative;
   top: 0px;
   left: 0px;
   border: none;
   width: calc(100% - 150px);
   min-height: 31px;
   padding-top: 3px;
   background-color: #FFFFFF;
}

#div_menu_leiste {
   min-height: 20px;
}

.button_menu_default {
   padding: 1.5px 0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 1px;
   color: #f9faff;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #2E77BC;
   fill: #2E77BC;
}

.button_menu_agent_default {
   padding: 1.5px 0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 1px;
   color: #f9faff;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #000;
   fill: #2E77BC;
}

.button_menu_default.button_active {
   background-color: #FFFFFF;
   background: linear-gradient(rgba(255, 255, 255,0.3) 0%, rgba(255, 165, 0,0.4) 100%);
   border-bottom: 2px solid #FFA500;
   visibility: visible;
}

.button_menu_agent_default.button_active {
   background-color: #FFFFFF;
   background: linear-gradient(rgba(255, 255, 255,0.3) 0%, rgba(255, 165, 0,0.4) 100%);
   border-bottom: 2px solid #FFA500;
   visibility: visible;
}

.button_menu_small {
   padding: 1.5px 0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 1px;
   color: #f9faff;
   font-size: 10px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   padding-top: 1px;
   padding-bottom: 1px;
   color: #2E77BC;
   fill: #2E77BC;
   width: 25px;
   height: 25px;
}
   
.button_disabled {
   opacity: 0.2;
   cursor: not-allowed;
   pointer-events: none;
}

.button_hidden {
   display: none;
   visibility: hidden;
}

.input_disabled {
   opacity: 0.5;
}

a.button_menu {
   font-size: 11px;
   padding-top: 5px;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-right: 4px;
   margin-bottom: 0px;
   min-height: 30px;
   border: none;
}

i.button_menu {
   display: inline-block;
   width: 25px;
   height: 25px;
   margin: 0 6px 0 0;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 2px;
}

a.button_menu_secondary {
   font-size: 13px;
   padding-top: 5px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   margin-bottom: 0px;
   min-height: 18px;
   border: none;
   margin: 0px;
   border-right: solid 1px lightgray;
   border-bottom: solid 1px lightgray;
}

.panel_default {
   background-color: #EEEEEE;
   width: 100%;
   padding-top: 5px;
   padding-bottom: 5px;
   border-top: solid 2px orange;
   border-bottom: solid 2px orange;
}

.gc_svg {
   width: 100%;
   height: 100%;
}

i.button_icon {
   display: inline-block;
   box-sizing: border-box;
   width: 16px;
   height: 16px;
   position: relative;
   top: 3px;
   margin-right: 3px;
}

i.button_icon_small {
   display: inline-block;
   width: 10px;
   height: 10px;
   position: relative;
   top: 1px;
   margin-right: 3px;
}

i.button_icon_tiny {
   display: inline-block;
   width: 6px;
   height: 6px;
   position: relative;
   top: 1px;
   margin-right: 2px;
}

i.button_icon_large {
   display: inline-block;
   width: 20px;
   height: 20px;
   position: relative;
   top: 4px;
   margin-right: 5px;
}

i.menu_icon {
   display: block;
   width: 35px;
   height: 35px;
   margin: 0 6px 0 0;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 2px;
}

i.menu_icon_small {
   display: block;
   width: 20px;
   height: 20px;
   margin: 0 2px 0 0;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 2px;
}

.icon_menu {
   fill: #3B4552;
   color: #3B4552;
}

.icon_primary {
   fill: #2E77BC;
   color: #2E77BC;
}

.icon_success {
   fill: #28a745;
   color: #28a745;
}

.icon_warning {
   fill: #ffc107;
   color: #ffc107;
}

.icon_danger {
   fill: #dc3545;
   color: #dc3545;
}


.icon_default {
   fill: #555;
   color: #555;
}

path.st0, polygon.st0, circle.st0, rect.st0 {
   fill: #3B4552;
}

path.st1, polygon.st1, circle.st1, rect.st1 {
   fill: #2E77BC;
}

path.st2, polygon.st2, circle.st2, rect.st2 {
   fill: #dc3545;
}

.attention {
   animation-name: color_change;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

@keyframes color_change {
	from { fill: #2E77BC; color: black;}
	to { fill: #dc3545; color: red; }
}

label.label_primary input[type="file"] {
   position:absolute;
   top: -1000px;
}

.label_primary {
   display: inline-block;
   color: #000;
   background-color: #DDE2FF;
   border: #2E77BC solid 1px;
   border-radius: 2px;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   line-height: 22px;
}

center.button_center {
   padding-right: min(5px);
   padding-left: min(5px);
}

.button_primary {
   position: relative;
   border: #2E77BC solid 1px;
   color: #000;
   background-color: #DDE2FF;
   border-radius: 2px;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   line-height: 22px;
   min-height: 24px;
}

.button_success {
   position: relative;
   border: #28A745 solid 1px;
   color: #000;
   background-color: #D9FFD9;
   border-radius: 2px;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   line-height: 22px;
   min-height: 24px;
}

.button_warning {
   position: relative;
   border: #FFC107 solid 1px;
   color: #000;
   background-color: #FFFED9;
   border-radius: 2px;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   line-height: 22px;
   min-height: 24px;
}

.button_danger {
   position: relative;
   border: #DC3545 solid 1px;
   color: #000;
   background-color: #FFDEDF;
   border-radius: 2px;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   line-height: 22px;
   min-height: 24px;
}

.button_default {
   position: relative;
   border: #808080 solid 1px;
   color: #000;
   background-color: #F5F5F5;
   border-radius: 2px;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   line-height: 22px;
   min-height: 24px;
}

.login_form {
   display: block;
   position: absolute;
   top: calc(30% - 100px);
   left: calc(50% - 150px);
   background-color: #FFFFFF;
   width: 300px;
   text-align: left;
   padding: 20px;
   border-top: solid #FFA500 2px;
   border-bottom: solid #FFA500 2px;
}

img.login_logo {

}

div.input_login {
   display: inline-block;
   width: calc(100% - 5px);
   border-bottom: rgb(218, 218, 218) solid 1px;
   padding-top: 25px;
   padding-bottom: 10px;
   padding-left: 5px;
}


div.checkbox_login_group {
   margin-top: 20px;
   display: block;
}

div.checkbox_login {
   display: inline-block;
   width: 100%;
   padding-top: 3px;
   padding-bottom: 10px;
   padding-left: 3px;
}

label.checkbox_login {
   font-size: 13px;
   font-family: helvetica, serif;
   color: #767676;
}

a.button_login {
   display: block;
   width: 100%;
   margin-top: 10px;
   height: 30px;
   line-height: 30px;
   font-size: 18px;
   font-family: helvetica, serif;
   vertical-align: middle;
}

input.input_login {
   width: calc(100% - 50px);
   border: none;
   
}
input.input_login:focus {
   outline: none;
}

span.icon_show_password {
   display: inline-block;
   height: 15px;
   width: 15px;
   background-size: 15px;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye' viewBox='0 0 16 16'>  <path d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/>  <path d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/></svg>");
   background-repeat: no-repeat;
}

span.icon_hide_password {
   display: inline-block;
   height: 15px;
   width: 15px;
   background-size: 15px;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye-slash' viewBox='0 0 16 16'>  <path d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/>  <path d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/>  <path d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z'/></svg>");
   background-repeat: no-repeat;
}

span.icon_date {
   position: absolute;
   left: 7px;
   top: 3px;
   display: inline;
   font-size: 9px;
   font-family: helvetica, serif;
}

.tabelle > tbody > tr > td > * {
   margin-bottom: 1px;
}

.button_small {
   min-height: 14px;
   padding: 0px;
   padding-top: 1px;
   line-height: 14px;
   font-size: 11px;
   font-family: helvetica, serif;
}

#span_fehler_sperrbild {
   z-index:99991001;
}

#span_fehler_sperrbild_text {
   display: block;
   box-sizing: border-box;
   font-size: 16px;
   font-family: helvetica, serif;
   padding: 25px;
}

#span_keinfehler_sperrbild_text {
   display: block;
   box-sizing: border-box;
   font-size: 15px;
   line-height: 16px;
   font-family: helvetica, serif;
   padding: 25px;
}

#div_private_nachricht {
   width: 98%;
}

.field_success {
   background-color: #D9FFD9;
   border-bottom: #28A745 solid 1px;
 }
 
.field_warning {
   background-color: #FFFED9;
   border-bottom: #FFC107 solid 1px;
}

.field_danger {
   background-color: #FFDEDF;
   border-bottom: #DC3545 solid 1px;
}

.field_primary {
   background-color: #DDE2FF;
   border-bottom: #2E77BC solid 1px;
}

.field_default {
   background-color: #F0F0F0;
   border-bottom: #D3D3D3 solid 1px;
}

.red_border {
   border: red solid 1px;
}

#div_fehler_telefonverbindung {
   display: inline-block;
   background-color: lime;
}

#span_statusanzeige {
   font-size: 13px;
   font-family: helvetica, serif;
   line-height: 20px;
   padding-top: 3px;
   padding-left: 3px;
   padding-right: 3px;
   margin-left: 2px;
   margin-right: 2px;
}

#span_statusanzeige_wartend {
   font-size: 13px;
   font-family: helvetica, serif;
   line-height: 20px;
   padding-top: 3px;
   padding-left: 3px;
   padding-right: 3px;
   margin-left: 2px;
   margin-right: 2px;
}

#span_leiste2_info {
   font-size: 13px;
   font-family: helvetica, serif;
   line-height: 20px;
   padding-top: 3px;
   padding-left: 3px;
   padding-right: 3px;
   margin-left: 2px;
   margin-right: 2px;
}

#span_aufnahme {
   font-size: 13px;
   font-family: helvetica, serif;
   line-height: 20px;
   padding-top: 3px;
   padding-left: 3px;
   padding-right: 3px;
   margin-left: 2px;
   margin-right: 2px;
}

.agent_screen_logo {
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 100%;
}

.agent_screen_logo_container {
   background-color: #FFFFFF;
   height:60%;
   box-sizing: border-box;
   border-top: none;
   border-left: solid 1px gray;
   border-right: solid 1px gray;
   margin-right: 2px;
   margin-left: 2px;
   padding-top: 2px;
   padding-left: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   width: calc(100% - 4px);
}

#bt_anrufbeantworter {
   position: relative;
   top: 13px;
   left: -5px;
}

table.apcalendar {
   background-color: #EEEEEE;
   border: 1px solid black;
   border-collapse: separate;
   width: 800px;
   word-break:break-all;
   word-wrap:break-word; 
}

.apcalendar_head {
   box-sizing: border-box;
   width: 100%;
   font-size: 16px;
   font-family: helvetica, serif;
   font-weight:bold;
   line-height: 28px;
   height: 27px;
   padding-top: 1px;
   padding-left: 5px;
   padding-right: 1px;
   overflow: hidden;
   text-align: center;
   margin: 0px;
}


.apcalendar_week_no {
   background-color: #808080;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
   min-width: 30px;
   color: white;
}

.apcalendar_today {
   background-color: #DDE2FF;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
}

.apcalendar_day {
   background-color: #FFFFFF;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
}

.apcalendar_holiday {
   background-color: #CCCCCC !important;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
}

.apcalendar_month_before {
   background-color: #CCCCCC;
   border: 1px solid grey;
   vertical-align: middle;
   text-align: center;
}

.apcalendar_month_after {
   background-color: #CCCCCC;
   border: 1px solid grey;
   vertical-align: middle;
   text-align: center;
}

.apcalendar_day_column {
   background-color: #808080;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
   width: 14%;
   color: white;
}

.apcalendar_appointments_overview {
   background-color: #F08080;
}

.apcalendar_appointments_day {
   background-color: #FFFFE0;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 10px;
   border-collapse: collapse;
   text-align:center;
   border: none;
   border-radius: 0px;
   padding: 0px 4px;
}

table.calendar {
   background-color: #EEEEEE;
   border: 1px solid black;
   border-collapse: separate;
   word-break:break-all;
   word-wrap:break-word; 
}

.calendar_head {
   box-sizing: border-box;
   width: 100%;
   font-size: 16px;
   font-family: helvetica, serif;
   font-weight:normal;
   line-height: 28px;
   height: 27px;
   padding-top: 1px;
   padding-left: 5px;
   padding-right: 1px;
   overflow: hidden;
   text-align: center;
   margin: 0px;
}

.calendar_week_no {
   background-color: #808080;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
   min-width: 30px;
   color: white;
}

.calendar_day_column {
   background-color: #808080;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
   width: 14%;
   color: white;
}

.calendar_today {
   background-color: #DDE2FF;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
   vertical-align: top;
}

.calendar_day {
   background-color: #FFFFFF;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
   vertical-align: top;
}

.calendar_month_before {
   background-color: #CCCCCC;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
   vertical-align: top;
}

.calendar_month_after {
   background-color: #CCCCCC;
   border: 1px solid black;
   vertical-align: middle;
   text-align: center;
   vertical-align: top;
}


.calendar_appointments {
   width: 100%;
   text-align: left;
}

.calendar_appointment {
   text-align: left;
   font-size: 10px;
}

.calendar_sondertag {
   text-align: left;
   font-size: 10px;
}

.calendar_list {
   text-align: left;
   font-size: 13px;
}

.modal_dialog_background {
   position:fixed;
   display: block;
   z-index:999;
   visibility:hidden;
   left:0px;
   top:0px;
   width:100%;
   height:100%;
   background: transparent 0 0 repeat scroll url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
   background-color:rgba(211, 211, 211,0.5);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#ffffffff');
   overflow: scroll;
}

.modal_dialog {
   position:absolute;
   left:50%;
   top:80px;
   transform: translate(-50%, 0%);
   background-color: #FFFFFF;
   border-top: solid 1px black;
   border-bottom: solid 1px black;
   border-left: solid 1px black;
   border-right: solid 1px black;
}

.modal_dialog_topleft {
   position:absolute;
   left:10px;
   top:50px;
   background-color: #FFFFFF;
   border-top: solid 1px black;
   border-bottom: solid 1px black;
   border-left: solid 1px black;
   border-right: solid 1px black;
}


.modal_dialog_head {
   box-sizing: border-box;
   width: 100%;
   font-size: 16px;
   font-family: helvetica, serif;
   font-weight:bold;
   line-height: 28px;
   height: 29px;
   padding-top: 1px;
   padding-left: 5px;
   padding-right: 1px;
   overflow: hidden;
   text-align: center;
}

.modal_dialog_right {
   float: right;
}

.modal_dialog_body {
   box-sizing: border-box;
   width: 100%;
   font-size: 13px;
   font-family: helvetica, serif;
   line-height: 13px;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   overflow-x: hidden;
}

.modal_dialog_body_nopad {
   box-sizing: border-box;
   width: 100%;
   max-height: 100%;
   font-size: 13px;
   font-family: helvetica, serif;
   line-height: 13px;

   padding-top: 0px;
   overflow: auto;
}

.modal_dialog_text_default {
   display: block;
   box-sizing: border-box;
   font-size: 16px;
   font-family: helvetica, serif;
   line-height: 25px;
   padding: 25px;
}

.modal_dialog_progress {
   position: absolute;
   top: 0px;
   left: 0px;
   box-sizing: border-box;
   width: 100%;
   height: 1px;
   background-color: #000000;
   animation: dialog_progress_animate 60s linear 1 normal;
   transform-origin: left;
}

@keyframes dialog_progress_animate {
   0% {
      transform: scaleX(0);
   }
   100% {
      transform: scaleX(1);
   }
}

.form_default {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 13px;
}

.input_error {
   border-color: red !important;
}

#table_menu {
   box-sizing: border-box;
   border-top: none;
   border-left: solid 1px gray;
   border-right: solid 1px gray;
   margin-right: 2px;
   margin-left: 2px;
   width: calc(100% - 4px);
   background-color: #F5F5F5;
}

#agent_menu_container {
   border-top: solid 1px gray;
   border-left: solid 1px gray;
   border-right: solid 1px gray;
   box-sizing: border-box;
   margin-right: 2px;
   margin-left: 2px;
   margin-top: 2px;
   width: calc(100% - 4px);
}

#agent_secondary_menu {
   border-bottom: solid 1px gray;
   border-left: solid 1px gray;
   border-right: solid 1px gray;
   box-sizing: border-box;
   margin-right: 2px;
   margin-left: 2px;
   width: calc(100% - 4px);
}

#iframe_anruf {
   visibility:hidden;
   z-index:3;
   position:absolute;
   width: calc(100% - 10px);
   height: 2000px;

   box-sizing: border-box;
   width: calc(100% - 4px);
   margin-top: 2px;
   margin-right: 4px;
   margin-left: 2px;
   border-left: solid 1px gray;
   border-right: solid 1px gray;
   border-top: none;
   padding-left: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   background-color: #FFFFFF;
}

.iframe_messaging {
   visibility: hidden;
   z-index:3;
   position:absolute;
   height: 2000px;
   box-sizing: border-box;
   width: calc(100% - 4px);
   margin-top: 2px;
   margin-right: 4px;
   margin-left: 2px;
   border-left: solid 1px gray;
   border-right: solid 1px gray;
   border-top: none;
   padding-left: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   background-color: #FFFFFF;
   border: solid 2px red;
}

#iframe_datensatzsuche {
   position:absolute;
   z-index:1;
   visibility:hidden;
   width: calc(100% - 4px);
   height: 2000px;
   background-color: #FFFFFF;
}

#iframe_datensatzsuche_agentscreen {
   visibility:hidden;
   z-index:2;
   position:absolute;
   width: calc(100% - 4px);
   height: 2000px;
   background-color: #FFFFFF;
}

#logo_container {
   box-sizing: border-box;
   border-top: none;
   border-left: solid 1px gray;
   border-right: solid 1px gray;
   margin-right: 2px;
   margin-left: 2px;
   padding-top: 2px;
   padding-left: 12px;
   padding-right: 12px;
   padding-bottom: 2px;
   width: calc(100% - 4px);
}

#span_info {
   padding-left: 5px;
   padding-right: 5px;
   background-color: #DDE2FF;
   border-bottom: #2E77BC solid 1px;
}

#span_daten_werden_geladen {
   padding-left: 5px;
   padding-right: 5px;
   background-color: #DDE2FF;
   border-bottom: #2E77BC solid 1px;
}

#div_keinfehler_sperrbild_ohne_logo {
   z-index: 1002;
}

input.color_selection_text {
   width: 100%;
   border: none;
}

input.color_selection_color {
   position: relative;
   top: 0px;
   box-sizing: border-box;
   height: 22px;
   width: 80px;
   font-family: monospace;
}

td.color_selection_color {
   /*height: 23px;*/
   padding: 0px;
   width: 103px;
}

input.color_selection_picker {
   box-sizing: border-box;
   width: 23px;
   height: 22px;
   border: none;
}

.agent_status_paused {
   background-color: #f0f0f0;
   color: #0000FF;
}

.agent_status_incall {
   background-color: #f0f0f0;
   color: #FF0000;
}

.agent_status_ready {
   background-color: #f0f0f0;
   color: #00FF00;
}

.agent_status_dispo {
   background-color: #f0f0f0;
   color: #FFA348;
}

.agent_status_queue {
   background-color: #f0f0f0;
   color: #000000;
}

.value_threshold_green {
   background-color: #D9FFD9;
}

.value_threshold_yellow {
   background-color: #FFFED9;
}

.value_threshold_red {
   background-color: #FFDEDF;
}