/**
 * fuxSchool Applikation CSS
 *
 * Main Styles
 *
 * @author		Ernst Wilhelm Holl
 * @link		5gradsued.de
 * @since		Version 1.0
 * @requires	Bootstrap getbootstrap.com
 */

/** font definition */

#content {
width: 100%;
max-width: 98%;
margin-top: 78px;
display: inline-block;
}

#maincontent > #content {
    max-width: 100%;
	display: inline-block;
}

.striked > :not(.date-label) {
	text-decoration: line-through;
}

/** defaults */
button[data-action], div[data-action], i[data-action], tr[data-action] {
	cursor: pointer;
}

hr.sm {
    margin-top: 5px;
    margin-bottom: 5px;
}

/** navigation */
.fixiert-1 .navbar-brand {
	padding-top: 2px;
    /** display:none !important; **/
}


.fixiert-1 .container-fluid {

    padding-left: 0;

}

.navbar {
    height: 54px;
}
.navbar-brand {
    height: 52px;
}

.navbar-default .navbar-nav > li {
	margin-top: 0;
}

#sub-navigation {
padding-top: 15px;
border-bottom: 1px solid #003366;
height:30px;
position: fixed;
top: 54px;
width: 100%;
z-index: 999;
background-color: rgba(239, 239, 239, 0.42);
color: #003366;
}

.module-calendar #sub-navigation{
    padding-top: 0;
    /*border-bottom: 1px red;*/
    border: none;
}

.module-calendar #maincontent{
    margin-top: 30px!important;
}

#print_filter_values{
    background-color: #cad122!important;
    margin: 0 auto;
    border: 1px #003366;
}
#print_filter_values .glyphicon-print{
    padding: 0;
}

#print_filter_values:hover{
    background-color: #d4dfec!important;
    margin: 0 auto;
    color: #003366;
    border: 1px #d4dfec;
}

#sub-navigation .btn-default {
color: #003366;
}

#sub-navigation .info-label {
font-size: 16pt;
}

#sub-navigation .btn {
margin-right: 7px;
}

#sub-navigation.container-fluid.fux-sticky-sub{
    max-height: auto;
}


.sub-navigation-hidden #sub-navigation {
	display:none;
}
.sub-navigation-visible   #content {
margin-top: 105px;

}

.module-dashboard  #content {
margin-left: 15px;
margin-right: 15px;
padding-left: 0;
padding-right: 0;
}

.module-dashboard  .fc-view-container {
max-height:72vh;
overflow-y: auto;
}


#alert-info {
	top:53px;
}

/** tab navigation */
ul.nav-tabs.gray-style li a {
	background-color: #efefef;
	color: #003366;
	padding: 5px 15px;

}

ul.nav-tabs.gray-style li.active a {
	background-color: #cfcfcf;

}
/** gray style */
.table.gray-style > thead > tr > th, .table-default.gray-style > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    background-color: #efefef !important;
    border-bottom: 0;
    vertical-align: middle;
    color: #003366; !important;
    text-align: center;
}

/** panels */
.settings-panel > .settings-panel-heading {
    background-color: #003366;
    /*background-color: #4d7194;*/
    /*background-color: #b9c1c4;*/
    color: white;
    /*min-height: 65px;*/
    max-height: 50px;
    /*min-height: 46px;*/
    padding: 10px 15px;
    margin-right: 40px;
    font-size: 14pt;
}




.settings-panel > .settings-panel-heading.dark-blue {
     color: #FFF;

}

.settings-panel > .settings-panel-heading a, .settings-panel > .settings-panel-heading a:hover, .settings-panel > .settings-panel-heading a:focus {
    height: 30px;
    padding: 3px 10px;
	color: #036;
text-decoration:none;
}



#class_absence > .row >.col-12.col-xs-12.col-md-6{
    width: 100%;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-primary.btn-xs.toggle-on{
    background-color: #19b819;
    color: white;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default.btn-xs.active.toggle-off{
    background-color: #761c19;
    color: white;
}

.select2-container--default .select2-selection--multiple{
    /*margin: 5px;*/
    width: auto;
}

label{
    margin-left: 5px;
    margin-right: 5px;
}

/** lesson-entry styles */
.module-lesson-entry #sub-navigation .btn {
margin-right: 0;
}
.module-lesson-entry a, .module-lesson-entry a:hover, .module-lesson-entry a:focus {
text-decoration: none;
color: #036;
}

.module-lesson-entry .settings-panel {
	margin-top:0;

}
.form-input-sm {
    height: 24px;
    padding: 6px;
}
/** timetable styles */
.room-date-grid-wrapper {
    /*max-width: 100px;*/
    /*max-height: 50px;*/
    overflow: visible;
    background-color: #3a87ad;
    color: white;
    border-radius: 3px;
}


.room-date-grid-wrapper:hover .room-date-grid{
    z-index: 1000;
    box-shadow: 0 0 5px white;
}

.room-date-grid {
	padding: 5px 3px;
    position: relative;
    min-width: 150px;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    overflow: hidden;
}

.room-date-grid hr {
	margin-top:7px;
	margin-bottom:7px;
}

.room-date-grid span.badge {
    top: 0;
    position: absolute;
    right: 0;
    z-index: +1;
    background: #f5f5f5;
    color: #003366;
}

#room_plan  tbody td {
	min-width: 175px;
	max-width: 175px;
}

#room_plan  div.table-wrapper {
  max-width: 100%;
  max-height: 60vh;
  overflow: scroll;
  position: relative;
}

#room_plan  table {
  position: relative;
  border-collapse: collapse;
}

#room_plan  td, th {
  padding: 0.25em;
}

#room_plan thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  /*background: #000;*/
  color: white;
z-index: 998;
}

#room_plan thead th:first-child {
  left: 0;
  z-index: 999;
}

#room_plan tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background: #FFF;
   z-index: 998;
  border-right: 1px solid #CCC;
}
.holiday-bg {
    background: #ffffcc;
}

.bordered-panel {
	padding: 10px 10px;
	margin-bottom: 5px;
	margin-right: 5px;
    position: relative;
    width: 100%;
    float: left;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #003366;
}

*[data-border="green"] {
	border-left: 5px solid green !important;

}
*[data-border="red"] {
	border-left: 5px solid red !important;

}
*[data-border="orange"] {
	border-left: 5px solid orange !important;

}

*[data-border="hellblau"] {
    border-left: 5px solid #01b3e0 !important;

}

.navbar-default .navbar-nav.navbar-right > li.version {
    padding: 18px 15px 14px;
    color: white;
    font-size: 1em;
    opacity: 1;
    vertical-align: middle;
}

/** calendar data */
.calendar-select {
    overflow:hidden;
    z-index:1002;
    background-color: #fff;
    border:1px solid #ddd;
    padding:15px;
    position: absolute;
    right: 0;
}
#teacher_time_table {
    width: 30vw;
    margin-top: 35px;

}

/** lesson entry */
    #work_panel #student_list {
        overflow-y: auto;
    }
    .hours_report   table {
        border: 1px solid #000;
        border-collapse: collapse;
        height: 80vh;
    }

    .hours_report table td {
        border: 1px solid #000;
    }

    .hours_report table tr td:not(:first-child):not(:nth-child(1)):hover {
        cursor: pointer;
    }

 .hours_report table tbody tr.current  {
        /*background: rgba(76, 175, 80, 0.3)*/
        /*background: #bdbcbb;*/

    }

@keyframes aktuelle_stunde {
    0%   {background-color: #81c751; left:0px; top:0px;}
    17%  {background-color: #6cab41; left:200px; top:0px;}
    34%  {background-color: #5e9b33; left:200px; top:200px;}
    51%  {background-color: #a5d122; left:0px; top:200px;}
    68% {background-color: #5e9b33; left:0px; top:0px;}
    80%  {background-color: #5e9b33; left:200px; top:0px;}
    90%  {background-color: #6cab41; left:200px; top:0px;}
    100%  {background-color: #81c751; left:200px; top:0px;}
}

.hours_report table tbody tr.current :not(.date-label) {
    animation-name: aktuelle_stunde;
    animation-duration: 12s;
    animation-iteration-count: infinite;
}

.hours_report table tbody tr.teacher_lesson {
        background: rgba(76, 175, 80, 0.1);
    }

/*    DKB Wocheneintragungen -> Signieren*/
.signieren{
    background-color: #003366!important;
    color: white!important;
    /*border-color: white!important;*/
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5);
    transition: .2s;
}

.signieren:hover{
    background-color: #4cae4c!important;
    color: white!important;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5)!important;
    border-color: white!important;
    transition: .2s;
}

.wochen_analytic > tbody > tr > td {
border-top: 1px solid #003366;
    padding: 5px;
    background-color: #d9e1e8;
}
.wochen_analytic > thead > tr > th{
    padding: 5px!important;
}

/** Some rules from the new styles */
.fux-hidden {
    display: none !important;
}

div#driver-popover-item {
    max-width: 600px;
}