:root {
  --report-bg-gray: #dee2e6;
  --report-bg-gray-light: #F2F2F2;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”;
  /* default is 1rem or 16px */
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}



.error { color: #F00; background-color: #FFF;}

input.form-control, select.form-control, textarea.form-control { font-size: 13px;}
.x_content table { font-size: 13px; }
form .lead {border-bottom: solid 1px #e5e5e5;}
fieldset {border: solid 1px #e5e5e5; padding: 7px 10px 7px 10px; margin-bottom: 15px;}

.login_content h1:before, .login_content h1:after { width: 15%; }

/* pNotify modification */
.someClass .ui-pnotify-text { font-size: 1.15em }
.someClass .ui-pnotify-title { font-size: 1.15em }

.report-control { display: inline; width: 200px; margin: 0px 7px 0px 15px; padding: 1px 4px 0px 4px; line-height: 18px; height: 27px; }

.dataTables_filter .form-control {margin: 0px 7px 0px 15px; padding: 1px 4px 0px 4px; line-height: 18px; height: 27px; }
.table-striped tr.odd {
  background-color: #f9f9f9 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: none !important; }

.list-nav-search {margin-right: 1.5rem;}
.list-nav-search .btn { padding: .505rem .75rem; }
 
.dropdown-menu {left: -200px;} 

.bs-example-modal-sm .modal-content {width: 400px;}
 
ul.quick-list {width: 100%;}

.ta-center {text-align: center;}

li a.list-filter-filled { color: blue; }

.top_search .btn { height: 34px; line-height: 18px}

/* Increase all font sizes on mobile */
@media (max-width: 767px) { 
 
  body {
  /* default is 1rem or 16px */
  font-size: 13px;
  }
 
}

.kvazi-control { font-size: inherit; background-color: #e9ecef; display: block; height: auto; }
.kvazi-control .icon {margin-left: 8px;}

option:disabled {color: silver; font-style: italic; }
input:disabled {font-size: inherit; background-color: #e9ecef; display: block; height: auto;}

.active a .fa-regular, .active a span.fa-solid { text-align: right !important; margin-right: 4px; }
.main_menu .fa-regular, .main_menu span.fa-solid { float: right; text-align: center; margin-top: 3px; min-width: inherit; color: #C4CFDA; font-size: 11px;}
.main_menu .fa-regular, .main_menu .fa-solid { width: 26px; opacity: .99; display: inline-block; 
           font-style: normal; font-weight: bold; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.mark-red {color: #A00000;}
.mark-green {color: green; font-weight: bold;}
.mark-orange {color: #fd7e14; font-weight: bold;}
.mark-yellow {color: yellow; font-weight: bold;}
.mark-brown {color: #c09853; font-weight: bold;}
.mark-gray {color: #6c757d; font-weight: bold;}
.mark-blue {color: #003eff;}

td.icons a span { margin-left: 4px; margin-right: 4px; display: inline; }

.btn-group {vertical-align: top;}

.bootstrap-autocomplete {border-radius: 3px; background-color: #F7F7F7; min-width: 600px;}
.bootstrap-autocomplete .dropdown-item { border-bottom: solid 1px #F0F0F0; padding-left: 5px;}
.bootstrap-autocomplete .dropdown-item span {display: inline-block; margin-right: 3px;}
.bootstrap-autocomplete .dropdown-item span i {color: #D0D0D0;}
.bootstrap-autocomplete .dropdown-item span.fullname { width: 150px; font-weight: bold; }
.bootstrap-autocomplete .dropdown-item span.email { width: 250px;}
.bootstrap-autocomplete .dropdown-item span.phone { width: 100px;}
.bootstrap-autocomplete .dropdown-item span.address { min-width: 200px;}

.ui-autocomplete {
    max-height: 80%;
    min-width: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    background-color: #FAFAFA;
    border-radius: .2rem;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100%;
}
.ui-autocomplete, .bootstrap-autocomplete { min-height: 200px; max-height: 300px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden;}
.ui-menu.ui-autocomplete.ui-front {z-index: 1100;}

li.ui-menu-item {padding: 3px; border-bottom: solid 1px #F0F0F0;}

  
.myAltRowClassEven { background-color: #E6ECEE;}

/* correct display google map address search in MODAL window */
.pac-container { z-index: 1060 !important; }


  .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05);
  }

  tr.month-bg td {
    background-color: rgba(23,162,184, 0.15);
    padding: 0.2rem 3px 0.5rem 3px;
  }
  tr.month-bg:hover td {
    background-color: rgba(23,162,184, 0.55);
  }

  tr.monthNone td {
    background-color: rgba(255, 255, 255, 0.15);
    padding: 0.2rem 3px 0.5rem 3px;
  }
  tr.monthNone:hover td {
    background-color: rgba(23,162,184, 0.55);
  }

  td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
  }

  tr:hover td.details-control, tr.monthNone:hover td.details-control, tr.month-bg:hover td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
  }


  tr.details td.details-control {
    background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
  }


  tr.details:hover td.details-control{
    background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
  }


  .detail-content-title {
    font-weight: bold;
  }
  .detail-content-content {
    padding: 7px;
    font-style: italic;
    margin-top: 7px;
    line-height: 21px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }

  .students-list {
    margin-top: 0px;
    width: 100%;
    border: solid 1px silver;
    font-size: 11px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .students-list th {
    border: none;
  }
  .students-list td {
    font-style: italic;
    border: none;
  }
  .students-list td.student-present, .students-list td.student-confirm {
    text-align: center;
    width: 50px;
  }
  
  td.process-icons a { margin: 0px 3px 0px 3px;}
  td i.fa-solid, td i.fa-regular { margin-right: 7px; }
  
  .progress {line-height: 1rem;}

/* styling upload files */
.filelist li { }
.filelist li:hover {background-color: #DEE8E6;}
.hidden {display: none;}
.ta-right {text-align: right;}


/* preloader */
.loader {
  width: 48px;
  height: 48px;
  border: 3px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  background: #FF3D00;
  width: 16px;
  height: 16px;
  transform: translate(-50%, 50%);
  border-radius: 50%;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 


.fa-square-check {color: #32764C;}
.fa-square-xmark {color: #bf2222;}

/* hodina zrusena lektorem */
tr.cancelled-by-lector td { color: red; }
tr.cancelled-by-student td { color: #003eff;}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Styly pro report Dochazka na kurzu
*/
#report-attendance .course-block { margin-bottom: 7px; }
#report-attendance .coursetitle { background: var(--report-bg-gray); margin-bottom: -3px; padding: 5px; font-weight: bold;}
#report-attendance .student-name { justify-content: center; border: solid 1px var(--report-bg-gray);float: left; display:inline-block; border-radius: 5px; border-right: none; padding: 4px; width: 150px;}
#report-attendance .grid-container{ display: grid; grid-template-columns: repeat(auto-fit, minmax(40px, 40px)); gap: 0px; justify-content: left; }

#report-attendance .block-lesson { padding: 0em; border: solid 1px var(--report-bg-gray); border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; font-size: 11px; line-height: 17px; margin-bottom: 5px; page-break-inside:avoid;}
#report-attendance .block-lesson:not(:first-child){ border-right: none; }
#report-attendance .block-lesson:last-child {border-right: solid 1px var(--report-bg-gray);}

#report-attendance .lesson-idx { background-color: var(--report-bg-gray); }
#report-attendance .lesson-date { border-bottom: solid 1px var(--report-bg-gray); display: block; font-weight: bold; }
#report-attendance .lesson-present { background-color: var(--report-bg-gray-light); display: block; clear: both; }
#report-attendance .lesson-duration { display: block; font-style: italic; float: right; margin: 0px 5px 0px 0px; font-size: 10px; }
#report-attendance .student-present { color: blue; font-weight: bold; margin: 0px 0px 0px 5px; float: left;}
/*
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/