@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Anek Latin';
    font-style: normal;
    font-weight: 400;
    src: url('/css/fonts/anek/anek-latin-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/css/fonts/anek/anek-latin-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/css/fonts/anek/anek-latin-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/css/fonts/anek/anek-latin-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/css/fonts/anek/anek-latin-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/css/fonts/anek/anek-latin-v4-latin-regular.svg#AnekLatin') format('svg'); /* Legacy iOS */
  }
  

table {font-family:Arial,sans-serif;}
#LstTbl a {cursor:pointer;}

th {font-size: 15px;padding: 5px;border-right: 1px solid #DEDEDE;border-bottom: 1px solid #DEDEDE;color:#666;text-align:left;background:#f0f0f0;}
th a {color:#666;text-decoration:none;}
th a:hover {text-decoration:underline;}
th input {background-color:#F6F6F6;border:solid #DEDEDE 1px;width:97%;padding:3px;font-family:Arial,sans-serif;font-size: 15px;}

form table th {min-width:170px;}
#LstTbl th {min-width:auto;width:auto;position:relative;}

td {min-width:16px;font-size: 15px;padding: 3px;border-right: 1px solid #DEDEDE;border-bottom: 1px solid #DEDEDE;color:#666;text-align:left;}
table.small tr td {font-size: 12px;padding: 2px;}


.tdbtn {text-align:right;border-width:0px;} 
.listbtn {float:left;width:100%;margin-top:10px;}

.readonly label,
.ScrollingArea {display:block;min-width:287px;border:solid #dfdfdf 1px;padding:5px 6px;font-family:Arial,sans-serif;font-size: 15px;}
.readonly .area_readonly_tbl {cursor:default;display:block;min-width:300px;border:solid #dfdfdf 1px;padding:4px 6px;font-family:Arial,sans-serif;font-size: 15px;width:97%; height:60px;overflow-y: auto;}

.readonly .contacttype {min-width:0px;width:40px;float:right;}

.textpair-left.readonly label ,
.textpair-right.readonly label {min-width:10px;} /*-> Es greift nun ein Prozentwert, der exakt passt.*/

.ScrollingArea {max-height:400px;overflow-y:auto;}


.fld {border:solid#dfdfdf 2px;box-shadow: none;background-color:#f8f8f8;width:300px;padding:4px;font-family:Arial,sans-serif;font-size: 15px;}
.fld_medium ,
.fld_medium label {min-width:150px !important;width:150px !important;}
.fld_pair {width:170px !important;}
.fld_dtb {width:105px;height:21px;margin-right:1px;margin-bottom:1px;}

.area {border:solid#dfdfdf 2px;box-shadow: none;background-color:#f8f8f8;width:300px;height:60px;padding:3px;font-family:Arial,sans-serif;font-size: 15px;}
.area_xl {border:solid#dfdfdf 2px;box-shadow: none;background-color:#f8f8f8;width:600px;height:90px;padding:3px;font-family:Arial,sans-serif;font-size: 15px;}
.area_tbl {width:98%;}

.btn_row_bd {float:right;margin-top:3px;height:35px;padding:0px;}
.btn_row_bd .fld_dtb {height:30px !important; padding:0px !important; margin:0 !important; float:right;}
.btn_row_bd button {height:100%;margin:0 0 0 8px !important;float:right;}

.fld:focus,
.area:focus,
.area_xl:focus {border-color:#6ab546;box-shadow: none;outline: none;}

.fld_colorpicker {margin:0px;padding:0px;width:90px;height:30px;}


select {min-width: 213px;
	padding: 5px;
	font-family:Arial,sans-serif;
	border:solid#dfdfdf 2px;
	background-color: #F6F6F6;
    box-shadow: none;
    background-color:#f8f8f8;
    font-family:Arial,sans-serif;font-size: 14px;
}
.sel_mini {min-width: 60px !important;}
.sel_auto {min-width: auto !important;width: auto !important;}



button .fa,
.btn .fa,
.btn-sec .fa 
    {
    margin-right:8px;
    }    
button ,
.btn    
    {background: #6ab546;}
button:hover ,    
.btn:hover
    {background: #A2E582;}
    
.btn-sec
    {background: #a5a5a5;}
.btn-sec:hover   
    {background: #b3b3b3;}    
.btn-sec:disabled
    {background: #e2e2e2;color:#fff;}    
.btn-mini
    {font: 12px 'Open Sans', Helvetica, Arial, sans-serif;}


.btn_inner_delete {background:#fff;border:solid #fff 1px;color:#666;padding:1px 4px;margin:0 3px 0 5px;}
.btn_inner {background:#fff;border:solid #fff 1px;color:#666;padding:1px 4px;margin:0 6px 0 3px;}
.btn_inner_delete:hover ,
.btn_inner:hover {background:#fff;border:solid #666 1px;}
.btn_inner_delete .fa,
.btn_inner .fa {margin-right:0px;margin:4px;}

.btnFlip {margin-right:-5px;}
.btnDet {margin-left:-5px;}

h1 
    {font: 300 20px/24px 'Open Sans', Helvetica, Arial, sans-serif;margin-top:0px;}
h2
    {font: 200 17px/20px 'Open Sans', Helvetica, Arial, sans-serif;}
h3
    {font: 200 15px/17px 'Open Sans', Helvetica, Arial, sans-serif;margin:0px;}

span {font-size:13px;font-family:Arial,sans-serif;float:left;margin-right:5px;}

.PgTabLne {height:16px;border-bottom:solid #DEDEDE 1px;padding-top:15px;}
.PgTabLne h2 {color:#666;float:left;border:solid 1px #DEDEDE;background:#DEDEDE;margin:-11px 15px 0 15px;padding:3px 18px;cursor:pointer;font-weight:normal;}
.PgTabLne h2 .active {float:left;border-top:solid 1px #DEDEDE;border-left:solid 1px #DEDEDE;border-right:solid 1px #DEDEDE;background:#fff;margin:-10px 15px 0 15px;padding:3px 18px;cursor:pointer;}
.PgTabLne h2:first-child {float:left;border:solid 1px #DEDEDE;background:#DEDEDE;margin:-11px 15px 0 0;padding:3px 18px;cursor:pointer;}
.PgTabLne h2:hover {background:#fff;}
    
.PgTabCnt {float:left; width:98%;}
.Scroller {float:left;overflow-x: hidden;overflow-y: auto;width:99%;}
.TabV2Cnt {float:left;overflow-x: hidden;overflow-y: auto;width:99%;}    


#form_container {float:left;margin-top:0px;padding-top:0px;}
.form_column {float:left;}
.form_column_buttonrow {float:right;margin-top:10px;}
.form_column_buttonrow button {margin-right:8px;}
.tdbtn button:last-child,
.form_column_buttonrow button:last-child  {margin-right:0px;}

.form_container_one_column {float:left;background:red;}

#form_PageTitle_row {float:left;width:100%;margin:0 0 7px 0;padding:0px;}
#form_PageTitle_row div h1 {margin:0px;padding:0px;}
#form_PageTitle_row div button {margin-right:8px;}
#form_PageTitle_row div button:last-child {margin-right:0px;}



.noborder {border-color:#fff !important;}
.rgtborder {border-right-width:1px !important;border-right-color: #333 !important;}


.textpair-head-left {font-weight:bold; text-align:right;border-bottom-color:#fff;}
.textpair-head-right {font-weight:bold;border-color:#fff;}

.textpair-left {border-top:solid #DEDEDE 1px !important; text-align:right;border-bottom: solid #fff 1px;}
.textpair-right {border-top:solid #DEDEDE 1px !important; border-bottom: solid #fff 1px;border-right: solid #fff 1px;}



.Lbl {float:left;padding:4px;margin:5px 5px 5px 0;border:solid #DEDEDE 2px;background:#F6F6F6;width:435px;font-size: 15px;color:#666;font-family:Arial,sans-serif;}
.Lbl li {margin-left:15px;font-size:12px;font-family:Arial,sans-serif;}
.ErrCnt {position:absolute;width:2px;height:2px;font-family:Arial,sans-serif;}
.ErrLbl {position:relative;padding:4px 18px 4px 4px;border:solid #FF4141 4px;cursor:pointer;width:435px;background:#fff;font-family:Arial,sans-serif;}


.InfoSheet , 
.Filter,
.GlobalSearch {padding:3px 10px 10px 10px;margin:0 0 15px 0;}
.InfoSheet h2 {margin:5px 0 0 0;padding:0px;}
.InfoSheet legend , 
.Filter legend,
.protokoll_headfilter legend,
.GlobalSearch legend,
.legend {font: 200 17px/20px 'Open Sans', Helvetica, Arial, sans-serif;}

#protokoll_headfilter_row {width:1400px;}

.InfoSheet button {margin-top:10px;margin-right:10px;}
.InfoSheet h3:first-of-type {margin-top:9px;}

.Filter ,
.GlobalSearch {max-width:1100px;}
.filter-left {font: 200 15px/28px 'Open Sans', Helvetica, Arial, sans-serif;float:left;min-width:90px;min-height:28px;margin-left:12px;text-align:right;padding-right:10px;}
.filter-right {float:left;min-height:28px;}
.Filter .filter-left:first-of-type {margin-left:0px;}

.GlobalSearch {max-height:500px;overflow-y: auto;overflow-x: hidden;}
.GlobalSearch table {max-width:100%;}

.fld_bigsearch {padding:2px 5px;font: 200 15px/28px 'Open Sans', Helvetica, Arial, sans-serif;width:500px;}

.radio {list-style-type: none;margin:0px;padding:0px;}
.radio li {float:left;margin-right:8px;}
.radio label {cursor:pointer;}
.radio .column {width:140px;}

input[type="radio"]:disabled {    
    -webkit-appearance: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0px;
    background-clip: content-box;
    border: 2px solid #666;
    background-color: white;
    border-radius: 50%;}

input[type="radio"]:checked {
        background-color: rgb(143, 133, 133);
    }    

    
.OverlayInfo {width:16px;height:16px;font-weight:normal;font-size:19px;margin-top:5px;}
.OverlayInfo div {position:absolute;border:solid #DEDEDE 2px;display:none;background:#fff;color:#666;font-size:13px;border-radius:3px;padding:5px;margin-top:-8px;margin-left:4px;}
.OverlayInfo:hover div {display:block;}

.StrongBorderBottom {border-bottom-color:#888 !important;}

#protokoll_container {float:left;width:1210px;min-height:200px;border:solid #DEDEDE 1px;overflow-y:auto;overflow-x:hidden;}
#protokoll_formblock {float:left;width:1210px;height:290px;margin-top:5px;}
#protokoll_formblock_close {float:left;width:1210px;height:23px;margin-top:5px;}

#protokoll_formblock #protokoll_subject_head {width:1200px;}
#protokoll_formblock #Subject {font-size:15px;margin-bottom:3px;width:100%;}
.protokoll_Icon {float:right;font-size:22px;cursor:pointer;}

.protokoll_container_save {float:right;height:90px;padding-top:5px;}
.protokoll_container_select {height:90px;float:right;}


.protokoll_container_mail {height:90px;float:right;border:solid #a5a5a5 1px;margin-right:8px;padding-right:8px;border-width:0 1px 0 0;}
.protokoll_container_mail label {font-size:16px;font-family:Arial,sans-serif;cursor:pointer;float:right;margin-left:10px;}

.protokoll_container_mail #MailReceiverForm span {font-size:16px;font-family:Arial,sans-serif;float:left;margin-right:5px;}


#MailReceiverList {border:solid #a5a5a5 1px;float:right;width:350px;height:61px;font-size:15px;font-family:Arial,sans-serif;margin-top:3px;padding:1px;overflow-y: auto;}
#MailReceiverList .Maillist {padding:0 2px 0 0;margin:1px 2px;float:right;border-radius:3px;border:solid #DEDEDE 1px;}
#MailReceiverList .Maillist .fa  {padding:1px;}
#MailReceiverList .Maillist .fa:hover  {background:#DEDEDE; height:100%;}
#MailReceiverList .Maillist select {font-size:12px;font-family:Arial,sans-serif;width:55px !important;min-width:55px !important;height:22px;margin-left:0px;}


.SelectPair {float:right;height:32px;margin:0px;padding:3px;min-width:300px;margin-right:8px;}
.SelectPair input {margin-top:1px;}
.SelectPair legend {float:left;font-size:16px;font-family:Arial,sans-serif;margin-top:6px;margin-right:4px;}

#protokoll_nav {width:100%;float:left;margin-top:8px;}
#protokoll_nav select {height:32px;margin-right:5px;}
#protokoll_nav {margin-left:-5px;}


.protokoll_entry {margin:0px;padding:0 5px;width:100%;float:left;border:solid #DEDEDE 1px;border-width:0 0 1px 0;}
.protokoll_entry .protokoll_entry_header {float:left;width:1015px;height:36px;overflow:hidden;}

.protokoll_entry .protokoll_entry_header div {float:left;display:block;margin:3px 0 6px 0;font: 200 15px/28px 'Open Sans', Helvetica, Arial, sans-serif;border:solid rgb(231, 231, 231) 1px;border-width:0 0 1px 0;}
.protokoll_entry .protokoll_entry_header div .fa {padding-right:5px;}

.protokoll_entry .protokoll_content {margin:0 0 8px 0;font: 200 15px/28px 'Open Sans', Helvetica, Arial, sans-serif;background:#f8f8f8;padding:2px 20px;width:1100px;float:left;font-weight:normal;}
.protokoll_entry .protokoll_content p {margin: 4px 0;font-weight:normal;}


#ExistingBinarys {float:left;margin-left:5px;}
.protokoll_entry .protokoll_binarys {width:100%;float:left;margin:8px 0;}
.protokoll_entry .protokoll_binarys .protokoll_binary, 
.protokoll_entry .protokoll_binarys .protokoll_mail,
.form_binary_container .form_binary,
#ExistingBinarys .Selected_binary,
#TemplateBinarys .protokoll_binary  {width:70px;height:70px;float:left;border:solid #a5a5a5 2px;margin-right:5px;position:relative;}
.protokoll_entry .protokoll_binarys .protokoll_binary img,
.protokoll_entry .protokoll_binarys .protokoll_mail img,
#ExistingBinarys .Selected_binary img,
.form_binary_container .form_binary img,
#TemplateBinarys .protokoll_binary img {position:absolute;}
.protokoll_entry .protokoll_binarys .protokoll_binary .bin_overlay,
.protokoll_entry .protokoll_binarys .protokoll_mail .bin_overlay,
.form_binary_container .form_binary .bin_overlay,
#ExistingBinarys .Selected_binary .bin_overlay,
#TemplateBinarys .protokoll_binary .bin_overlay {display:none;white-space: nowrap;}
.protokoll_entry .protokoll_binarys .protokoll_binary:hover .bin_overlay,
.protokoll_entry .protokoll_binarys .protokoll_mail:hover .bin_overlay,
.form_binary_container .form_binary:hover .bin_overlay,
#ExistingBinarys .Selected_binary:hover .bin_overlay,
#TemplateBinarys .protokoll_binary:hover .bin_overlay {font-size:13px;line-height:16px;display:block;background:#d8d8d8;border:solid #b6b6b6 2px;position:absolute;margin:45px 25px;z-index:100;padding:4px 6px;}

#TemplateBinarys {margin-left:5px;margin-top:5px;float:left;}

.protokoll_entry .protokoll_binarys a,
.form_binary_container .form_binary a {cursor:pointer;}



.form_binary_container .form_binary:hover .bin_overlay span,
#ExistingBinarys .Selected_binary:hover .bin_overlay span,
#TemplateBinarys .protokoll_binary:hover .bin_overlay span {padding:9px;}
.form_binary_container .form_binary:hover .bin_overlay span:hover,
#TemplateBinarys .protokoll_binary:hover .bin_overlay span:hover,
#ExistingBinarys .Selected_binary:hover  .bin_overlay span:hover {padding:8px;background:#f3ca9a;border-radius:4px;border:solid #ff5252 1px;}

.protokoll_entry .color,
.protokoll_entry .color_expand {width:25px;float:left;margin-right:10px;height:100%;text-align:center;}

.protokoll_entry .color_expand .fa,
.protokoll_entry .color .fa {margin-top:9px;}
.protokoll_entry_container {float:left;width:1135px;}
.protokoll_entry .btnTicket {float:right;margin-top:5px; padding: 3px 7px; font: 13px 'Open Sans', Helvetica, Arial, sans-serif;}
.protokoll_entry .btnTicket .fa {margin-right:2px;}

.protokoll_headfilter {float:left;margin:0 0 10px 0;padding:0 8px 8px 8px;margin-right:14px;border:solid 1px #a5a5a5;}
.protokoll_headfilter legend {font-size:15px;padding:0px;margin:0px;}
.protokoll_headfilter select {margin:0px;}

.TicketTitle a {text-decoration:none;cursor:pointer;}
.TicketTitle a:hover {text-decoration:underline;}

.FormScrollArea {max-height:250px !important;overflow-y:auto;overflow-x:hidden;}


.form_binary_container {float:left;margin:5px;}

.tbl-rgt th ,
.tbl-rgt td {text-align:right;white-space: nowrap;}

#PPR_SelectBox {float:right;min-width:10px;}


.BtnStatusContainer 
    {
    position:absolute;        
    border:solid #a5a5a5 2px;
    text-align: right;    
    background-image:url(/img/Transparent.75.png);
    padding:5px;
    margin-left:-58px;
    }

    /*Für Datum von Vertragsverlängerung*/
.BtnStatusContainer .Lbl
    {
    border-width:2px;
    width:90px;
    text-align:center;
    height:22px;
    margin-top:1px;
    }
#ConfSave    
    {
    float:right;
    width:0px;height:10px;
    }
#ConfSave div
    {
    background:#7aeb34;
    padding:7px;
    border-radius:14px;
    font-family:Arial,sans-serif;
    border: #208a33 solid 3px;
    color:#fff;
    width:20px;
    position:relative;
    left:-25px;
    top:-10px;    
    text-align: center;
    }


/* DD-Upload */
#upzone {
    width: 60px; 
    height: 60px; 
    background: #fafafa;
    padding: 10px;
    float:left;
    border:solid #DEDEDE 1px;
    background-image:url(/img/icon.32.attachment.png);
    background-repeat:no-repeat;
    background-position: center;
  }

  #appendfile {
    width: 60px; 
    height: 60px; 
    background: #fafafa;
    padding: 10px;
    float:left;
    border:solid #DEDEDE 1px;
    background-image:url(/img/icon.32.search.png);
    background-repeat:no-repeat;
    background-position: center;
    cursor:pointer;
  }


  #upzone.highlight {
    background: #ff0;
    background-image:url(/img/icon.32.upload.png);
    background-repeat:no-repeat;
    background-position: center;

  }
  
  /* (B) UPLOAD FORM */
  #upform {
    display: none;
  }
  .upstat_file {

        background: #fafafa;
        padding: 10px;
        
        border:solid #DEDEDE 1px;
        width:60px;height:60px;float:left;overflow:hidden;background: #fafafa;
        background-repeat:no-repeat;
        background-position: center;
        margin-left:5px;
        margin-bottom:5px;        
    }

#form_content {float:left;}
.form_content_scrollable
    {
    overflow-y: auto;
    }

.Container_Userimage .fa {display:none;position:absolute;margin-left:-25px;margin-top:10px;font-size:18px;}
.Container_Userimage:hover .fa {display:block;}

.lbl_finish {border:solid #888 1px;float:left;margin:10px 0;padding:10px;color:#666;font-size:14px;font-family: 'Anek Latin';}