
/* Seitennachricht in Kopfzeile */    
.message {
  margin: 0 .1em 0 1em;
  border: .15em inset;
  padding: .5em;
  overflow:auto;
}
/* Formate für verschiedene Fehlerlevel, es gibt:
 * Trace (nicht verwendet)
 * None, Info (identisch, brauchen nicht formatiert zu werden)
 * Yes, No, Warn, Error, 
 * Fatal (nicht verwendet)
 */


/* Bootstrap anassungen. */

.navbar-fixed-top,
.navbar-fixed-bottom {
    background-color: lightgray;
}

.btn-default {
    background-color: #e6e6e6 !important;
    border-color: #d3d3d3 !important;
}

/*
 * Dienstplan
 */

#Roster table {
  border: 1px solid #808080;
}

#Roster {
  margin:0 5px 0 5px;
 overflow:auto;
}
.DienstKontext 
{
  display:inline-block;
  /*font-size:2em;*/
  margin:0 5px;
}
.DienstKontext * {
  text-align: center;
}
div.DienstKontextText {
  margin:3px 0 3px 0;
}


.Shift {
  width: 100%;
}

table.calendar {
  background: #eee;
  width:100%;
  height:80%;
  border-collapse:collapse!important;
}

table.calendar td {
  width: 14%;
  vertical-align: top;
}

table.calendar th {
  /*font-size: 1em!important;*/
  width: 14%;
}


/* Tabellenzelle in Roster und Flexplan */
table.calendar td a span, 
table.calendar td span span, 
table.calendar td strong span, 
table.calendar div {
  display: block;
  text-align:center;
  margin:0 5px 0 5px;

}



table.calendar a {
  text-decoration:none;
  font-weight: bold;
  color:#000;
  padding-left:1px;
}

.calSelectedDay {
  padding: 5px 0 5px 0;
  padding-left :2px!important;
  /*font-size: 1.2em!important;*/
  text-align:left!important;
  border-top:2px solid #000!important;
  border-left:2px solid #000!important;
  border-right:2px solid #000!important;
  border-bottom:2px solid #000!important;
  color:Blue!important;
}

.calSelectedDay span{
  background-color:Silver!important;
}

.calDay, .calToday, .calWeekEnd, .calOtherMonthDay {
  padding: 5px 0 5px 0;
  /*font-size: 1em;*/
  text-align:left!important;
  border-top:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}

.RosterDisabledDay {
  background-color: #eee!important;  
  padding-left:2px;
}

/* für Urlaubsquoten */
.Urlaubsquote0{
	background-image:url(../images/uquote_0p.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.Urlaubsquote30{
	background-image:url(../images/uquote_30p.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.Urlaubsquote50{
	background-image:url(../images/uquote_50p.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.Urlaubsquote70{
	background-image:url(../images/uquote_70p.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.Urlaubsquote100{
	background-image:url(../images/uquote_100p.gif);
	background-repeat:no-repeat;
	background-position:right;
}

/* Jahresmatrix */
#JahresUrlaubsMatrix {
    height:100%;
   overflow:auto;
    clear:left;
   padding:0 15px 0 15px;

}
table.JahresUrlaubsMatrix {
    border-collapse:collapse;
    /*font-size:.7em;*/
    width:100%;
}                           

table.JahresUrlaubsMatrix,
table.JahresUrlaubsMatrix tr,
table.JahresUrlaubsMatrix th {
  color: black;
  border:2px solid #eee;
  font-weight:normal!important;
}
/* erste Zelle der Zeile = Monatsname */
table.JahresUrlaubsMatrix th:first-child {
  text-align: right;
}
/* Standardformat, die Formate einzelner Zellen werden vom Perdis geliefert 
   und dann serverseitig ins style="" geschrieben */
table.JahresUrlaubsMatrix td {
  text-align: center;
  border:2px solid #eee;
}

#JahresUrlaubsMatrix table {
    height:100%;
}

/* Abwesenheiten */
#HolidayMatrix {
    overflow:auto;
}

table.HolidayMatrix {
    border-collapse:collapse;
}                           

table.HolidayMatrix,
table.HolidayMatrix tr,
table.HolidayMatrix th {
  color: black;
  border:2px solid #eee;
  font-weight:normal!important;
}
/* erste Zelle der Zeile = Monatsname */
table.HolidayMatrix th:first-child {
  text-align: right;
}
/* Standardformat, die Formate einzelner Zellen werden vom Perdis geliefert 
   und dann serverseitig ins style="" geschrieben */
table.HolidayMatrix td {
  text-align: center;
  border:2px solid #eee;
}

#HolidayMatrix table {
    height:100%;
    width:100%;
}

tr.containsFromToDates {
  /*height: 30px;*/
}

/* kleiner DP auf  Seite MA Anträge Abwesenheiten
*/
.smallcalendar table
{
    border: 1px solid #000!important;
}
.smallcalendar th
{
  border: 1px solid #000!important;
}
.smallcalendar td
{
  border: 1px solid #000!important;
}
.smallcalDay {
  padding: 4px 0 4px 0;
  text-align:left!important;
  border-top:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}
table.smallcalendar
{
    border-collapse:collapse;
}


.LoginFreiText
{
    font-size:smaller;    
}

a:visited { text-decoration:none; color: inherit !important; }
a:hover { text-decoration:none; color: inherit !important; }
a:active { text-decoration:none; color: inherit !important; }
a:focus { text-decoration:none; color: inherit !important; }
a:link { text-decoration:none; color: inherit !important; }

.select 
{
    background-color:#00FFFF;
}
.selectLinksOben
{
    border-top: 2px solid white;
    border-left: 2px solid white;
}
.selectLinks 
{
    border-left: 2px solid white;
}
.selectLinksUnten
{
    border-bottom: 2px solid white;
    border-left: 2px solid white;
}
.selectOben 
{
    border-top: 2px solid white;
}
.selectUnten
{
    border-bottom: 2px solid white;
}
.selectRechtsOben
{
    border-top: 2px solid white;
    border-right: 2px solid white;
}
.selectRechts
{
    border-right: 2px solid white;
}
.selectRechtsUnten
{
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}
.selectSingleCell
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.selectTopOneColumn
{
    border-top: 2px solid white;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.selectBottomOneColumn
{
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.selectOneColumn
{
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.selectOneRowLeft
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
}
.selectOneRow
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}
.selectOneRowRight
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}


.eigen 
{
    background-color:#00FF99;
}
.eigenLinksOben
{
    border-top: 2px solid white;
    border-left: 2px solid white;
}
.eigenLinks 
{
    border-left: 2px solid white;
}
.eigenLinksUnten
{
    border-bottom: 2px solid white;
    border-left: 2px solid white;
}
.eigenOben 
{
    border-top: 2px solid white;
}
.eigenUnten
{
    border-bottom: 2px solid white;
}
.eigenRechtsOben
{
    border-top: 2px solid white;
    border-right: 2px solid white;
}
.eigenRechts
{
    border-right: 2px solid white;
}
.eigenRechtsUnten
{
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}
.eigenSingleCell
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.eigenTopOneColumn
{
    border-top: 2px solid white;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.eigenBottomOneColumn
{
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.eigenOneColumn
{
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.eigenOneRowLeft
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
}
.eigenOneRow
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}
.eigenOneRowRight
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}



.fremd 
{
    background-color:#FF6699;
}
.fremdLinksOben
{
    border-top: 2px solid white;
    border-left: 2px solid white;
}
.fremdLinks 
{
    border-left: 2px solid white;
}
.fremdLinksUnten
{
    border-bottom: 2px solid white;
    border-left: 2px solid white;
}
.fremdOben 
{
    border-top: 2px solid white;
}
.fremdUnten
{
    border-bottom: 2px solid white;
}
.fremdRechtsOben
{
    border-top: 2px solid white;
    border-right: 2px solid white;
}
.fremdRechts
{
    border-right: 2px solid white;
}
.fremdRechtsUnten
{
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}
.fremdSingleCell
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.fremdTopOneColumn
{
    border-top: 2px solid white;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.fremdBottomOneColumn
{
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.fremdOneColumn
{
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.fremdOneRowLeft
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
}
.fremdOneRow
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}
.fremdOneRowRight
{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}
.BlockTable{
    border: 1px solid grey;
    margin-left: 20px;
}
.BlockTable tr{
    border: 2px dotted grey;
}


/*#webcommheader{ background-color: lightgray}
#webcommfooter{ background-color: lightgray}
#seite {background-color: white}*/

.container.body-content{
  padding-top:50px;
  padding-bottom:50px;
}  

.container-fluid.body-content{
  padding-top:60px;
  padding-bottom:60px;
}  



/*.container {
	width: 960px !important;
}

@media (min-width: 1px) {
  .container {
    max-width: 940px;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
}*/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?7rjgny');
  src:  url('../fonts/icomoon.eot?7rjgny#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?7rjgny') format('truetype'),
    url('../fonts/icomoon.woff?7rjgny') format('woff'),
    url('../fonts/icomoon.svg?7rjgny#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tage-nachweis-black:before {
  content: "\e900";
}
.icon-ablehnen-black:before {
  content: "\e901";
}
.icon-abwesenheit-black:before {
  content: "\e902";
}
.icon-abziehen-alt-black:before {
  content: "\e903";
}
.icon-abziehen-black:before {
  content: "\e904";
}
.icon-alle-zuteilungen-alt-black:before {
  content: "\e905";
}
.icon-alle-zuteilungen-black:before {
  content: "\e906";
}
.icon-annehmen-black:before {
  content: "\e907";
}
.icon-antrag-abwesenheit-black:before {
  content: "\e908";
}
.icon-antrag-sonderzulage-black:before {
  content: "\e909";
}
.icon-antrag-zeiterfassung-black:before {
  content: "\e90a";
}
.icon-anwenden-alt-black:before {
  content: "\e90b";
}
.icon-anwenden-black:before {
  content: "\e90c";
}
.icon-beenden-alt-black:before {
  content: "\e90d";
}
.icon-beenden-black:before {
  content: "\e90e";
}
.icon-bidding-alt-black:before {
  content: "\e90f";
}
.icon-bidding-black:before {
  content: "\e910";
}
.icon-check-alt-black:before {
  content: "\e911";
}
.icon-check-black:before {
  content: "\e912";
}
.icon-dienstantritt-black:before {
  content: "\e913";
}
.icon-dienstplan-alt-black:before {
  content: "\e914";
}
.icon-dienstplan-black:before {
  content: "\e915";
}
.icon-diensttausch-alt-black:before {
  content: "\e916";
}
.icon-diensttausch-black:before {
  content: "\e917";
}
.icon-diensttauschpool-alt-black:before {
  content: "\e918";
}
.icon-diensttauschpool-black:before {
  content: "\e919";
}
.icon-dienstversteigerung-black:before {
  content: "\e91a";
}
.icon-dienstversteigerung-freizeit-black:before {
  content: "\e91b";
}
.icon-dienstversteigerung-geld-black:before {
  content: "\e91c";
}
.icon-dokumente-black:before {
  content: "\e91d";
}
.icon-druck-AZK-black:before {
  content: "\e91e";
}
.icon-druck-DPU-black:before {
  content: "\e91f";
}
.icon-drucken-black:before {
  content: "\e920";
}
.icon-externer-link-black:before {
  content: "\e921";
}
.icon-fleetlog-black:before {
  content: "\e922";
}
.icon-hinzufugen-alt-black:before {
  content: "\e923";
}
.icon-hinzufugen-black:before {
  content: "\e924";
}
.icon-information-alt-black:before {
  content: "\e925";
}
.icon-information-black:before {
  content: "\e926";
}
.icon-kennwort-andern-black:before {
  content: "\e927";
}
.icon-kontenvergleich-alt-black:before {
  content: "\e928";
}
.icon-kontenvergleich-black:before {
  content: "\e929";
}
.icon-lang-alt-black:before {
  content: "\e92a";
}
.icon-lang-black:before {
  content: "\e92b";
}
.icon-loschen-alt-black:before {
  content: "\e92c";
}
.icon-loschen-black:before {
  content: "\e92d";
}
.icon-nachrichten-alt-black:before {
  content: "\e92e";
}
.icon-nachrichten-black:before {
  content: "\e92f";
}
.icon-nachricht-schreiben-black:before {
  content: "\e930";
}
.icon-planwerte-black:before {
  content: "\e931";
}
.icon-ruckwarts-alt-black:before {
  content: "\e932";
}
.icon-ruckwarts-black:before {
  content: "\e933";
}
.icon-ruckwarts-schnell-alt-black:before {
  content: "\e934";
}
.icon-ruckwarts-schnell-black:before {
  content: "\e935";
}
.icon-speichern-black:before {
  content: "\e936";
}
.icon-summe-black:before {
  content: "\e937";
}
.icon-tageswerte-black:before {
  content: "\e938";
}
.icon-tageswunschmatrix-black:before {
  content: "\e939";
}
.icon-tastatur-alt-black:before {
  content: "\e93a";
}
.icon-tastatur-black:before {
  content: "\e93b";
}
.icon-urlaubswunsch-alt-black:before {
  content: "\e93c";
}
.icon-urlaubswunsch-black:before {
  content: "\e93d";
}
.icon-vorwarts-alt-black:before {
  content: "\e93e";
}
.icon-vorwarts-black:before {
  content: "\e93f";
}
.icon-vorwarts-schnell-alt-black:before {
  content: "\e940";
}
.icon-vorwarts-schnell-black:before {
  content: "\e941";
}
.icon-zuruck-alt-black:before {
  content: "\e942";
}
.icon-zuruck-black:before {
  content: "\e943";
}

/* verhindert dass auf dem Handy alle Icons untereinander angezeigt werden */
.nav li {
    display:table-cell !important;
}

/*.menuitem {
    padding: 0.1rem 0.1rem !important;
 }*/
   
.dropdown-menu {         
    max-height: 600px;
    overflow-y: scroll;
}
/*.badge {
    padding: 1px 9px 2px;
    font-size: 12.025px;
    font-weight: bold;
    white-space: nowrap;
    color: #ffffff;
    background-color: #999999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.badge-error {
    background-color: #b94a48;
}
.badge-error:hover {
    background-color: #953b39;
}
.badge-warning {
    background-color: #f89406;
}
.badge-warning:hover {
    background-color: #c67605;
}
.badge-success {
    background-color: #468847;
}
.badge-success:hover {
    background-color: #356635;
}
.badge-info {
    background-color: #3a87ad;
}
.badge-info:hover {
    background-color: #2d6987;
}
.badge-inverse {
    background-color: #333333;
}
.badge-inverse:hover {
    background-color: #1a1a1a;
}*/

/*.btn-sq-lg {
    width: 150px !important;
    height: 150px !important;
}

.btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 10px;
}

.btn-sq-sm {
    width: 50px !important;
    height: 50px !important;
    font-size: 10px;
}

.btn-sq-xs {
    width: 25px !important;
    height: 25px !important;
    padding:2px;
}*/


/*@media (min-width: 900px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}*/
