body
{
   margin-top  : 0;
   font-family : 'Open Sans', sans-serif;
   font-size   : 12pt;
   color       : #555555;
}

*
{
   font-family : 'Open Sans', sans-serif;
}

.fade
{
   opacity : 1 !important;
}

.mymodal
{
   position   : fixed;
   border     : 1px solid gray;
   box-shadow : 6px 6px 16px 0 rgba(0, 0, 0, 0.75);
}

.mymodal.panel .footer > button
{
   margin : 0 10px;
}

/*.mymodal > .caption*/
/*{*/
/*border-bottom    : 1px solid #bbbbbb;*/
/*font-size        : 14px;*/
/*background-color : #ebebeb;*/
/*padding          : 4px;*/
/*text-align       : center;*/
/*}*/

/*.mymodal > .footer*/
/*{*/
/*position         : absolute;*/
/*bottom           : 0px;*/
/*height           : 30px;*/
/*left             : 0px;*/
/*right            : 0px;*/
/*border-top       : 1px solid #bbbbbb;*/
/*font-size        : 150%;*/
/*text-align       : right;*/
/*padding-right    : 10px;*/
/*padding-top      : 5px;*/
/*background-color : #ebebeb;*/
/*}*/

.lookup_table
{
   width           : 100%;
   border-collapse : collapse;
}

.lookup_table thead td
{
   font-size     : larger;
   border-bottom : 1px solid #cccccc;
}

.lookup_table tbody td
{
   padding : 4px 2px;
}

.lookup_table tbody tr:nth-child(even)
{
}

.lookup_table tbody tr:nth-child(odd)
{
   background-color : #eef9ff;
}

.lookup_table tbody tr:hover
{
   background-color : #faffd1;
}

/* Nur für Auto-Nummerierung */
.lookup_table tbody
{
   counter-reset : rowNumber;
}

.lookup_table tbody tr
{
   counter-increment : rowNumber;
}

.lookup_table tbody tr td.rownumber::before
{
   content : counter(rowNumber);
}

table.nowrap td
{
   white-space : nowrap;
}

.filter_table
{
   width           : 100%;
   border-collapse : collapse;

}

.filter_table td
{
   padding        : 2px 6px;
   vertical-align : middle;
   line-height    : 18px;
}

.filter_table td label
{
   margin-bottom : 0;

   position      : relative;
   bottom        : -2px;

}

.filter_table tr:nth-child(odd) td
{
   vertical-align : bottom;
   padding        : 0 6px;
}

.ausstattung_table
{
   width           : 100%;
   border-collapse : collapse;
   table-layout    : fixed;
}

.nowrap
{
   white-space : nowrap;
}

.wheel
{
   background    : url('/img/icon_scroll.svg') no-repeat 105% 50%/auto 80%;
   padding-right : 0;
}

.smallwheel
{
   background    : url('/img/icon_scroll.svg') no-repeat 100% 50%/auto 60%;
   padding-right : 0;
}

.bootbox.modal > .modal-dialog
{
   z-index : 999999 !important;
}

.mytable
{
   width           : 100%;
   border-collapse : collapse;
}

.mytable th
{
   background-color : #eaedf7;
   padding          : 2px 10px;
   text-align       : left;
   white-space      : nowrap;
}

.mytable td
{
   padding     : 4px 10px;
   line-height : 12pt;
   height      : 20px;
}

.mytable tr:nth-child(even)
{
   background-color : #f7f7f7;
}

.mytable tr:nth-child(odd)
{

}

.mytable td.right
{
   text-align    : right;
   padding-right : 30px;
}

.mytable tr.deleted
{
   background-color : #ffbcbb !important;
}

.mytable tr:hover td
{
   background-color : #e6e6e6;
   /*border-top       : 1px solid #b4ffc3;*/
}

.mytable tr.deleted:hover td
{
   background-color : #ff9fa7 !important;
}

.mytable tr:not(:first-child).p1 td
{
   border-top : 1px solid #a1b2ce;
}

.gridfooter
{
   display : flex;
}

.gridfooter > *
{
   margin-left : 5px;
}

.gridfooter #divErgebnisse
{
   margin-right : auto;
   padding-top  : 4px;
}

.gridfooter #divSeite
{
   width          : 200px;
   text-align     : center;
   vertical-align : middle;
   padding-top    : 4px;
}

.link
{
   cursor : pointer;
}

.link.blue
{
   color : #0027ff !important;
}

.filter_div
{
   display : flex;
}

.filter_div > .left
{
   flex-grow     : 1;
   display       : flex;
   flex-wrap     : wrap;
   padding-right : 6px;
}

.filter_div > .left > *
{
   align-self : flex-start;
}

.filter_div > .left > button
{
   margin-right : 4px;
   margin-top   : 4px;
}

.filter_div > .right
{
   border-left     : 1px solid #d9d9d9;
   width           : 200px;
   flex-grow       : 0;
   flex-shrink     : 0;
   flex-basis      : 200px;
   flex-wrap       : wrap;
   display         : flex;
   justify-content : space-between;
   padding-left    : 10px;
}

.filter_div > .right > *
{
   box-sizing : border-box;
}

.filter_div > .right select
{
   width : 100%;
}

.myinputblock
{
   padding : 2px;
   width   : 200px;
   margin  : 2px;

}

.myinputblock > label
{
   width : 100px;
}

.myinputblock > *
{
   width      : 100% !important;
   box-sizing : border-box;
}

.checkbox
{
   width      : 20px;
   height     : 20px;
   /*border     : 1px solid red;*/
   margin-top : 5px !important;
}

.navbar
{
   display          : flex;
   width            : 100%;
   flex-wrap        : wrap;
   background-color : #f5f5f5;

   border-bottom    : 1px solid #d4d4d4;
   border-left      : 1px solid #d4d4d4;
   border-right     : 1px solid #d4d4d4;
   margin-bottom    : 20px;
   align-items      : center;
   position         : fixed;
   z-index          : 1000;
}

.navbar > *
{
   display         : block;
   padding         : 5px 10px;
   color           : #777777;
   text-decoration : none;
}

.navbar *
{
   text-decoration : none;
   white-space     : nowrap;

}

.navbar a, .link
{
   color           : #777777 !important;
   text-decoration : none;
   white-space     : nowrap;
	line-height    : 20px;

}

.navbar a:hover, .link:hover
{
   text-decoration : underline;
}

.navbar > *.active
{
   /*color            : #555555;*/
   /*background-color : #e7e7e7;*/
   /*border-bottom: 2px solid #333333;*/

   background : rgb(231, 231, 231);
   background : -moz-linear-gradient(top, rgba(231, 231, 231, 1) 0%, rgba(231, 231, 231, 1) 96%, rgba(117, 117, 117, 1) 100%);
   background : -webkit-linear-gradient(top, rgba(231, 231, 231, 1) 0%, rgba(231, 231, 231, 1) 96%, rgba(117, 117, 117, 1) 100%);
   background : linear-gradient(to bottom, rgba(231, 231, 231, 1) 0%, rgba(231, 231, 231, 1) 96%, rgba(117, 117, 117, 1) 100%);
   filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#757575', GradientType=0);

}

.navbar .int::after
{
   content : "INTERN";
   color   : green;
}

.navbar .ext::after
{
   content : "EXTERN";
   color   : red;
}

.hint
{
   font-size : 85%;
   color     : #1a802c;
}

.panel
{
   border          : 1px solid #c9c9c9;
   border-radius   : 6px;
   display         : flex;
   flex-direction  : column;
   width           : auto;

   background-clip : padding-box;


}

.panel > .header
{
   padding          : 8px;
   background-color : #eaeaea;
   border-bottom    : 1px solid #c9c9c9;
   font-size        : 14pt;
   flex-grow        : 0;
}

.panel > .body
{
   padding          : 10px;
   background-color : #ffffff;
   flex-grow        : 1;

}

.panel > .footer
{
   padding          : 8pt;
   background-color : #eaeaea;
   text-shadow      : 1px 1px 1px rgba(0, 0, 0, 0.1);
   border-top       : 1px solid #c9c9c9;
   display          : flex;
   color            : #777777 !important;
   flex-grow        : 0;
   align-items      : center;
}

.fixed-footer
{
   position         : fixed;
   bottom           : 0;
   left             : 0;
   width            : 100%;
   padding          : 8pt;
   background-color : #eaeaea;
   text-shadow      : 1px 1px 1px rgba(0, 0, 0, 0.1);
   border-top       : 1px solid #c9c9c9;
   color            : #777777 !important;
   display          : flex;
   align-items      : center;
}

.fixed-header
{
	background-color : white;
	position         : fixed;
	z-index          : 2000;
	padding-top: 10px;
}

.panel > .footer > span, .panel > .footer > a
{
   color : #777777;
}

.red_caption
{
   font-size   : 20pt;

   color       : #6b6b6b;
   font-weight : 300;
}

.center
{
   text-align : center;
}

input[type="checkbox"]
{
   height  : 18px;
   width   : 18px;
   border  : 1px solid #d1d1d1;
   line-height: 30px;
   vertical-align: middle;
}

input[type="text"], input[type="password"], textarea, input[type="date"], input[type="number"]
{
   padding   : 4px;
   font-size : 12pt;
   border    : 1px solid #d1d1d1;
}

input[type="text"][readonly], input[type="text"][disabled]
{
   background-color : #e8e8e8;
   color            : #808080;
}

select
{
   padding   : 4px;
   font-size : 12pt;
   border    : 1px solid #d1d1d1;
}

select[disabled]
{
   background-color : #e8e8e8;
   color            : #808080;
}

input[type="button"], button
{
   padding          : 6px 12px;
   font-size        : 12pt;
   border           : none;
   color            : #505050;
   transition       : all 0.3s ease;
   background-color : #c9c9c9;
}

input[type="button"].small, button.small
{
   font-size : 10pt;
   padding   : 4px 8px;
}

input[type="button"].blue, button.blue
{
   background-color : #5c98ff;
   color            : white;
}

input[type="button"].yellow, button.yellow
{
   background-color : #e2c43d;
   color            : white;
}

input[type="button"].red, button.red
{
   background-color : #ff5b5b;
   color            : white;
}

input[type="button"].hotred, button.hotred
{
   background-color : #e91e63;
   color            : white;
}

input[type="button"].green, button.green
{
   background-color : #27a724;
   color            : white;
}

input[type="button"]:hover, button:hover
{
   opacity    : 0.8;
   transition : all 0.1s ease;
}

input[type="button"][disabled], button[disabled]
{
   opacity : 0.5 !important;
   cursor  : not-allowed;
}

#infobox
{
   z-index       : 9999;
   text-align    : center;
   box-shadow    : rgba(0, 0, 0, 0.2) 3px 3px 3px 0;
   bottom        : 20px;
   position      : fixed;
   padding       : 4px;
   border-radius : 2px;
   left          : 30%;
   right         : 30%;
   font-weight   : 300;
   min-height    : 30px;
   line-height   : 2;
   font-size     : 16pt;
   display       : block;
   cursor        : pointer;
   animation     : fadeout 1200ms ease-in-out both;
}

@keyframes fadein
{
   from
   {
      opacity    : 0;
      visibility : hidden;
   }
   to
   {
      opacity    : 1;
      visibility : visible;
   }
}

@keyframes fadeout
{
   from
   {
      opacity    : 1;
      visibility : visible;
   }
   to
   {
      opacity    : 0;
      visibility : hidden;
   }
}

#infobox.visible
{
   animation : fadein 200ms ease-in-out both;
}

#infobox.good
{
   color            : #ffffff;
   background-color : #4ba04b;
   border           : 1px solid #86a57b;
}

#infobox.bad
{
   background-color : #d64949;
   border           : 1px solid #daa6a6;
   color            : #ffffff;
}

.detail_table
{
   border-collapse : collapse;
   width           : 100%;
}

.detail_table td
{
   padding : 4px;
}

.detail_table > tbody > tr > td:first-child
{
   min-width : 200px;
}

.detail_table input[type="text"], .detail_table input[type="password"], .detail_table input[type="number"], .detail_table select, .detail_table textarea, .detail_table input[type="date"]
{
   width      : 300px;
   box-sizing : border-box;
}

.detail_table textarea
{
   height : 70px;
}

.detail_table input[type="checkbox"]
{
   width      : 16px;
   height     : 16px;
   box-sizing : border-box;
}

table.nowrap td, table.nowrap th
{
   white-space : nowrap;
}

.ajax_loader
{
   background-image : url('/img/ajax_loader.svg');
   width            : 24px;
   height           : 24px;
   background-size  : contain;
}

#div_search
{
   margin-bottom : 20px;
}

.blinking
{
   animation : blink 2s linear 0s infinite normal;
}

@keyframes blink
{
   0%
   {
      opacity : 1;
   }
   25%
   {
      opacity : 0;
   }
   50%
   {
      opacity : 1;
   }
   75%
   {
      opacity : 0;
   }
   100%
   {
      opacity : 1;
   }
}

.grid_table
{
   width           : 100%;
   border          : 1px solid #d4d4d4;
   border-collapse : collapse;
}

.grid_table th
{
   white-space      : nowrap;
   border-bottom    : 1px solid #dedede;
   background-color : #e6e6e6;
   font-weight      : 300;
   text-align       : left;
   padding          : 2px 4px;
}

.grid_table td
{
   white-space   : nowrap;
   padding       : 4px;
   border-bottom : 1px solid #dedede;
}

.grid_table td input[type='text']
{
   width      : 100%;
   box-sizing : border-box;
   padding    : 1px 4px;
}


.salden_table
{
   min-width       : 100%;
   border          : 1px solid #d4d4d4;
   border-collapse : collapse;
}

.salden_table th
{
   white-space       : nowrap;
   border-bottom     : 1px solid #dedede;
   xbackground-color : #e6e6e6;
   xfont-weight      : 300;
   text-align        : left;
   padding           : 10px 4px;
}

.salden_table td
{
   white-space   : nowrap;
   padding       : 0 4px;
   border-bottom : 1px solid #dedede;
}

.salden_table td.small
{
   font-size : 80%;
}

.salden_table td.money
{
   text-align : right;
}

.salden_table .right
{
   text-align : right;
}


.salden_table tr.xxl > td
{
   border-top       : 1px solid grey;
   font-size        : 100%;
   font-weight      : 800;
   background-color : white;
   padding          : 5px 5px 90px;
}

.salden_table tr.even
{
   background-color : #fafafa !important;
}

.salden_table *.current
{
   background-color : #e0f7fa !important;
}

.salden_table td.invalid
{
   text-decoration : line-through
}

.salden_table td.manuell
{
   font-style : italic;
}


.salden_table td.age1000
{
   color : rgba(85, 85, 85, 0.2);
}

.salden_table td.age100
{
   color : rgba(85, 85, 85, 0.3);
}

.salden_table td.age28
{
   color : rgba(85, 85, 85, 0.4);
}

.salden_table td.age14
{
   color : rgba(85, 85, 85, 0.5);
}


.salden_table td.negative
{
   color : rgba(255, 0, 0, 0.7);
}

.salden_table td.negative.age1000
{
   color : rgba(255, 0, 0, 0.2);
}

.salden_table td.negative.age100
{
   color : rgba(255, 0, 0, 0.3);
}

.salden_table td.negative.age28
{
   color : rgba(255, 0, 0, 0.4);
}

.salden_table td.negative.age14
{
   color : rgba(255, 0, 0, 0.5);
}

.salden_table .tticon
{
   cursor    : pointer;
   xposition : relative;
   overflow  : visible;


}

.salden_table .tttext
{
   color            : #353535;
   display          : none;
   position         : absolute;
   border           : 1px solid #dadc77;
   width            : auto;
   min-width        : 200px;
   min-height       : 20px;
   white-space      : pre-wrap;
   word-wrap        : break-word;
   background-color : #f7f5c4;
   box-shadow       : 3px 3px 6px #d2d2d2;
   padding          : 5px;
   font-size        : 9pt;
   text-align       : center;
   font-weight      : normal;
   clip-depth       : 0;
   clip-path        : unset;

}

.salden_table .tticon:hover .tttext
{
   display : block;
   z-index : 20;
}


.bem_icon
{
   cursor   : pointer;
   position : relative;
}

.bem_text
{
   display          : none;
   position         : absolute;
   border           : 1px solid #dadc77;
   width            : 200px;
   min-height       : 100px;
   white-space      : pre-wrap;
   word-wrap        : break-word;
   background-color : #f7f5c4;
   box-shadow       : 3px 3px 6px #d2d2d2;
   padding          : 5px;
   font-size        : 9pt;
   z-index          : 10;
}

.bem_icon:hover .bem_text
{
   display : block;
   z-index : 10;
}


.block_erfassung
{
   position         : relative;
   max-width        : 700px;
   border           : 1px solid #d4d4d4;
   background-color : #f5f5f5;
   min-height       : 200px;
   box-sizing       : border-box;
   margin           : auto auto 20px;
}

.block_erfassung > .footer
{
   margin-top       : 10px;
   border-top       : 1px solid #d4d4d4;
   background-color : #ebebf0;
   display          : flex;
   padding          : 10px;
}


.jahr
{
   position    : absolute;
   font-size   : 40px;
   left        : -120px;

   font-weight : 800;
   color       : #bababa;
   padding     : 0;
   line-height : 40px;
}

.td-top
{
   vertical-align : top;
}

.submenu .active
{
   background-color:#484747;
   color:#dddddd ;
}

.file-row:hover {
   background-color: #f0f4f8;
}

.file-row .link:hover {
   color: #0056b3 !important;
}