body {background-color: #f7f7f7;}
#wrapper {background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 30px; border-radius: 10px; margin:30px; min-height: 95%;}
#header {margin-bottom:30px;}

/*Navigation: top nav bar*/
#top-nav-tabs ul.nav {border:0 !important;}
#top-nav-tabs .nav-link {
    border-top:0 !important; 
    border-left:0 !important; 
    border-right:0 !important; 
    border-bottom:0 !important;
    margin:0 5px !important;
    color: #666666;
}
#top-nav-tabs .nav-link.active {font-size:18pt !important;}
#top-nav-tabs .nav-link.goodall:hover {color:#d1841d !important;}
#top-nav-tabs .nav-link.legacy:hover {color:#82b63e !important;}
#top-nav-tabs .nav-link.goodall.active {
    border-bottom: 7px solid #d1841d !important;
}
#top-nav-tabs .nav-link.legacy.active {
    border-bottom: 7px solid #82b63e !important;
}
#top-nav-tabs .nav-link .tab-step {font-weight: bold; font-size: 20pt;}

/*Navigation: section vertical nav*/
#section-nav-tabs .nav-link {
    border-top:0 !important; 
    border-left:0 !important; 
    border-right:0 !important; 
    border-bottom:0 !important;
    margin:0 5px !important;
    color: #666666;
}
#section-nav-tabs .nav-link:hover {
    color: black;
}
#section-nav-tabs .nav-link.goodall.active {
    border-bottom: 3px solid #386574 !important;
    color: black;
}
#section-nav-tabs .nav-link.legacy.active {
    border-bottom: 3px solid #000000 !important;
    color: black;
}
.section-butons {
    margin-top:30px;
}
.section-nav-links.goodall, .section-nav-links.goodall:hover, .section-nav-links.goodall:visited {
    color: #123644;
    text-decoration: none;;
}
.section-nav-links.legacy, .section-nav-links.legacy:hover, .section-nav-links.legacy:visited {
    color: rgb(93, 149, 26);
    text-decoration: none;
}
.btn-primary.goodall {background-color: #d1841d !important; border:0 !important;}
.btn-success.goodall {background-color:#82b63e !important; border:0 !important}
.btn-primary.legacy {background-color: #82b63e !important; border:0 !important;}
.btn-success.legacy {background-color: rgb(93, 149, 26) !important; border: 0 !important;}
#nextPrevBtn {margin:30px 0; padding-bottom:30px; border-bottom: 1px solid #CCCCCC;}

/*content*/
.tab-pane {padding: 0 30px;}
.tab-pane p {padding-top:10px; line-height: 20pt;}
.section-tab-pane img {max-width:250px; border:1px solid #CCC; padding:3px;}
.section-tab-pane li {padding-bottom: 20px;}

/*Index.htm: selection*/
div.device-select img {
    max-width:250px;
}
div.device-select {
    max-width: 320px;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 20px;
    margin: 40px auto;
    cursor: pointer;
}
div.device-select h6 {
    font-size: 25px;
    font-weight: normal;
}