/* allescholen.com — site.css
 *
 * VERBATIM extraction of the three legacy inline <style> blocks from
 * c:\wamp64\www\allescholen\www\index.html (Plan 4 Task 6). Nothing retyped:
 *   BLOCK 1 = index.html:61-145   (star clip-path CSS, .dataTables_filter hide,
 *                                  #main-table centering, .mymodal-table, .bigfont, template chrome)
 *   BLOCK 2 = index.html:151-234  (.sidebar / .sidebar-sticky / .navbar-brand chrome)
 *   BLOCK 3 = index.html:459-713  (#nav 3-level sidebar styling + .filters .filterBlok/.een/.twee/.drie/.resultaat)
 */

/* ============================= BLOCK 1 (index.html:61-145) ============================= */
		.clip-star {
		  clip-path:  polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
		  display: inline-block;
		  height: 14px;
		  width: 14px;
		  vertical-align: middle;
		}
		.clip-star.half1 {
		  clip-path: polygon(100% 0%, 100% 70%, 42% 91%, 64% 57%, 4% 35%, 78% 35%);
		  width:7px;
		}
		.clip-star.half2 {
		  clip-path: polygon(0% 0%, 22% 35%, 96% 35%, 36% 57%, 58% 91%, 0% 70%);
		  width:7px;
		}
		.clip-star.gold {
		  background: #FBBC04;
		}
		.clip-star.gray {
		  background: #DADCE0;
		}
     .dataTables_filter{
		display: none;
	  }
	  #main-table>tbody>tr>td,#main-table>thead>tr>th {
          text-align: center !important;
          vertical-align:middle;
      }
	  .mymodal-table th{
		   font-weight: normal;
		   text-align: left;
	  }
      td.bigfont {
       font-size: 175%;
      }
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

/* ============================= BLOCK 2 (index.html:151-234) ============================= */
.bi {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
body {
  font-size: .875rem;
}


/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    /*top: 5rem;*/
  }
}

.sidebar-sticky {
  height: calc(100vh - 48px);
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
}

/* ============================= BLOCK 3 (index.html:459-713) ============================= */
td>ul,td>ol,.yep,.yep2{
	padding-inline-start: 15px;
}
#nav .left {
  /*width:16% !important;*/
}
@media (min-width: 768px) {
   {
    padding-left: 20px;
  }
}

/* First level of nav */
#nav .nav {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* All levels of nav */
#nav .nav > li > a {
  display: block;
  padding: 4px 20px;
  padding-left: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #767676;
}
#nav .nav > li > a:hover,
#nav .nav > li > a:focus {
  padding-left: 6px;
  color: #ED7D31;
  text-decoration: none;
  background-color: white!important;
  border-left: 1px solid #ED7D31;
}
#nav .nav > .active > a,
#nav .nav > .active:hover > a,
#nav .nav > .active:focus > a {
  padding-left: 5px;
  font-weight: bold;
  color: #ED7D31;
  text-decoration: none;
  background-color: white!important;
  border-left: 2px solid #ED7D31;
}

/* Nav: second level (shown on .active) */
#nav .nav .yep {
  padding-bottom: 10px;
}
#nav .nav .yep > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 7px;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}
#nav .nav .yep > li > a:hover,
#nav .nav .yep > li > a:focus {
  color: #ED7D31;
  text-decoration: none;
  background-color: white!important;
  border-left: 1px solid #ED7D31;
}
#nav .nav .yep > .active > a,
#nav .nav .yep > .active:hover > a,
#nav .nav .yep > .active:focus > a {
  color: #ED7D31;
  text-decoration: none;
  background-color: white!important;
  border-left: 2px solid #ED7D31;
  font-weight: 600;
}

/* Nav: third level (shown on .active) */
#nav .nav .yep2 {
  padding-bottom: 10px;
}
#nav .nav .yep2 > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 7px;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
}
#nav .nav .yep2 > li > a:hover,
#nav .nav .yep2 > li > a:focus {
  color: #ED7D31;
  text-decoration: none;
  background-color: white!important;
  border-left: 1px solid #ED7D31;
}
#nav .nav .yep2 > .active > a,
#nav .nav .yep2 > .active:hover > a,
#nav .nav .yep2 > .active:focus > a {
  color: #ED7D31;
  text-decoration: none;
  background-color: white!important;
  border-left: 2px solid #ED7D31;
  font-weight: 600;
}

#nav .nav{
/*  display:none*/
}
@media (min-width: 768px) {
  #nav .nav{
/*	  display:block;*/
  }
}
#nav li{
	color:#455945;
/*	background-color:white;*/
	border:none;
	padding:0px;
}
.list-group-item.active{
	background-color:white !important;
}
.list-group-item{
	background-color:inherit;
}

.filters .filterBlok {
    background-color: #ebeef5;
    display: block;
    float: left;
/*    width: 180px;*/
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px;
    padding: 10px 0 10px 35px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.filters .filterBlok .valuta {
    margin: 0 5px 0 0
}

/*
.filters .filterBlok input {
    width: 116px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    color: #666;
    height: 30px;
    padding: 0 0 0 5px;
    box-sizing: border-box
}

.filters .filterBlok select {
    width: 130px;
    -moz-border-radius: 3px;
    height: 30px;
    border-radius: 3px;
    font-size: 14px;
    color: #666
}
*/
.filters .filterBlok .een {
    width: 33px;
    height: 33px;
    line-height: 33px;
    display: block;
    position: absolute;
    margin: -15px 0 0 -42px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #0098e4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.filters .filterBlok .twee {
    width: 33px;
    height: 33px;
    line-height: 33px;
    display: block;
    position: absolute;
    margin: -15px 0 0 -42px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #0098e4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.filters .filterBlok .drie {
    width: 33px;
    height: 33px;
    line-height: 33px;
    display: block;
    position: absolute;
    margin: -15px 0 0 -42px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #0098e4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.filters .filterBlok label {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    display: block;
    margin-bottom: 6px
}

.filters .filterBlok.vorm,.filters .filterBlok.belangrijk {
    margin-left: 19px
}

.filters .resultaat {
    font-size: 16px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fdb14f;
    background: -moz-linear-gradient(top,#fdb14f 0,#fdb14f 30%,#ff6100 70%,#ff6100 72%,#ffa26c 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fdb14f),color-stop(30%,#fdb14f),color-stop(70%,#ff6100),color-stop(72%,#ff6100),color-stop(100%,#ffa26c));
    background: -webkit-linear-gradient(top,#fdb14f 0,#fdb14f 30%,#ff6100 70%,#ff6100 72%,#ffa26c 100%);
    background: -o-linear-gradient(top,#fdb14f 0,#fdb14f 30%,#ff6100 70%,#ff6100 72%,#ffa26c 100%);
    background: -ms-linear-gradient(top,#fdb14f 0,#fdb14f 30%,#ff6100 70%,#ff6100 72%,#ffa26c 100%);
    background: linear-gradient(to bottom,#fdb14f 0,#fdb14f 30%,#ff6100 70%,#ff6100 72%,#ffa26c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdb14f',endColorstr='#ffa26c',GradientType=0);
    border: solid 1px #fe6507;
    cursor: pointer;
    height: 74px;
    margin-left: 20px;
    padding: 0;
/*    width: 102px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}