/* CSS Document */
body{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; background:#fff;}
.container{ background:#fff;}
#wrapper{ min-height:400px;}
h1,.h1{ font-size:26px; margin-bottom:30px;}
h2,.h2{ font-size:22px; margin-bottom:10px;}
#header{ padding:10px 0; background:#0f5092; color:#d2d6de;}
#header .col-sm-6{ font-size:20px; line-height:60px; padding-left:50px;white-space: nowrap;}
#topnav{ font-size:12px; padding:5px 0 10px;}
.clear{ clear:both;}
#header .logo{ width:100%; max-width:160px;}
#footer{ background:#0f5092; color:#fff; padding:2px 0 0; font-weight:normal;}
#footer a{ color:#fff;}
#footer h3{ font-size:18px; margin-top:0px;}
#footer p{ font-size:12px;margin-bottom:5px; text-align:right;}
#copyright{ font-size:12px; padding:5px 0px; font-weight:normal;}
#footer .col-sm-3#credits p{ font-size:12px;}
#copyright .rti-link{ padding-left:20px; background:url(../images/rti-icon.png) left no-repeat;}
#copyright .sitemap-link{ padding-left:20px; background:url(../images/sitemap.png) left no-repeat;}
.nav-pills{ background:#d2d6de; padding:2px; height:40px;}
.nav-pills>li{ height:40px;}
.nav-pills>li>a{ padding:5px 12px;}
.nav-pills>li>a:hover{ background:#b5b6b6; padding:4px 12px 0px; margin-top:-1px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background:#b5b6b6;}
#sidebar .tab-pane h5{ font-size:15px; font-weight:bold;float:right; position:absolute; margin:-50px 0 0 300px; color:#c2c2c2;}
#leftcolumn{ background:url(../images/prespectivebg.png) no-repeat right bottom; height:280px;}
#leftcolumn .col-sm-9{ font-size:12px;}
#leftcolumn #findprogramme{ background:url(../images/findcourse-bg.png) no-repeat right bottom;}

#loginform{ margin:5% 15%; border:1px solid #d2d6de; padding:50px 100px;}
.form-control{ font-size:18px; border-radius:0px; padding:12px 15px; margin-bottom:20px; height:auto;}

.timerwrap{ font-size:18px; padding:10px 75px 10px 10px; text-align:center; background:url(../images/flag.png) #fff400 no-repeat 180px center;}
.timerwrap p, .timerwrap h3{ margin:0px; padding:0px;}
.quespalettewrap{ padding:0px;}
.quespallete{padding:0px; padding:0px;}
.quespallete li{ float:left; width:24px; height:25px; padding:0px; list-style-position:inside; list-style:none; margin-right:2px; background:#eaeaea; margin-bottom:3px; font-size:16px; overflow:hidden;}
.quespallete li:hover{ /*list-style:decimal inside;*/}
.quespallete li a{ width:24px; position:absolute; color:#9b2929; border:1px solid #9b9b9b; height:25px; font-size:11px; line-height:20px; text-align:center}

.divLegend button{ width:24px; color:#fff; border:1px solid #9b9b9b; height:25px; font-size:11px; line-height:20px; text-align:center}


.quespallete li a.mark, .quespallete li a.mark{ background:url(../images/mark.png) no-repeat -1px -1px;}
.quespallete li a.done{ background-color:#d8ffa1;}
.quespallete li a.visited{ background-color:#fff;}

.divLegend{ clear:both;}

.quespallete a.ButtonAnswered, .divLegend .ButtonAnswered{background-color:#4da716;}
.quespallete a.ButtonNotAnswered, .divLegend .ButtonNotAnswered{background-color:#c53406;}
.quespallete a.ButtonNotAnsweredMarked, .divLegend .ButtonNotAnsweredMarked{background:#8e66c0;}
.quespallete a.ButtonAnsweredMarked, .divLegend .ButtonAnsweredMarked{background:#8e66c0;}
.quespallete a.ButtonAnsweredMarked::after, .divLegend .ButtonAnsweredMarked::after{ position:absolute; text-shadow:0px 0px 4px #000; color:#fff; font-size:16px; margin-left:0px; margin-top:-5px;}
.quespallete a.ButtonNotVisited, .divLegend .ButtonNotVisited{background-color:#fff;}


#sidebar{ background:#eaeaea;}

.nav ul{ list-style:none; margin:0px; padding:0px;}
.nav li{ list-style:none; margin:0px; padding:0px;}
.nav li a{ padding:12px 20px; display:block; text-decoration:none;}
.nav li a:hover{ text-decoration:none;}

.noliststyle{ list-style:none;}
.noliststyle li{ list-style:none;}


/* Base styles for the menu container */
.horizontal-menu {
    /* background-color: #333;*/
    padding: 0;
    margin: 0;
}

    /* Top-level menu items */
    .horizontal-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
    }

        .horizontal-menu ul li {
            position: relative;
        }

            .horizontal-menu ul li a {
                display: block;
                padding: 14px 20px;
                text-decoration: none;
                color: black;
                transition: background-color 0.3s;
            }

                .horizontal-menu ul li a:hover {
                    background-color: #007bff;
                }

            /* Submenu styles */
            .horizontal-menu ul li ul {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                background-color: #444;
                list-style: none;
                padding: 0;
                margin: 0;
                min-width: 180px;
                z-index: 1000;
            }

                .horizontal-menu ul li ul li {
                    display: block;
                }

                    .horizontal-menu ul li ul li a {
                        padding: 10px 15px;
                        color: white;
                    }

                        .horizontal-menu ul li ul li a:hover {
                            background-color: #555;
                        }