.b20px {
    margin-bottom: 20px;
}

.ytitle {
    font-size: 64px;
}

.yheader {
    font-size: 22pt;
}

.ym-b-md {
    margin-bottom: 30px;
}

.ywelcome > p,
.ywelcome > ul >li {
    font-size: 16px;
}

p.ydescr {
    font-size: 0.8rem;
}

td.details-control {
    background: url('../images/ddown.svg') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('../images/uup.svg') no-repeat center center;
}

.table-hover > tbody > tr.no-hover:hover,
.table-hover > tbody > tr.no-hover:hover > td > table > tbody > tr {
    background-color: inherit;
}

label.error {
    margin-top: 0.25rem;
    font-size: 80%;
    font-weight: bolder;
    color: #e3342f;
}

.table-details {
    font-size: 90% !important;
}

@media screen and (max-width: 767px) {

    .ytitle {
        font-size: 32px;
    }
    
}

nav[data-toggle="toc"] {
    top: 42px;
}
  
/* small screens */
@media (max-width: 768px) {
/* override stickyness so that the navigation does not follow scrolling */
    nav[data-toggle="toc"] {
        margin-bottom: 42px;
        position: static;
    }
  
    /* PICK ONE */
    /* don't expand nested items, which pushes down the rest of the page when navigating */
    nav[data-toggle="toc"] .nav .active .nav {
        display: none;
    }
    /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */
    /*
    nav[data-toggle='toc'] .nav .nav {
      display: block;
    }
    */
}

.carousel-indicators {
    bottom: -24px;
}

.carousel-indicators>li{
    background-color: #aaa;
}
.carousel-indicators>li.active{
    background-color: #666;  
}

.datetimeControl p {
    margin: 0;
    font-size: 16px;
}