.breadcrumbs { padding-top: .5rem; } .breadcrumbs a{ color: #00558C; } .user-guide-nav .ug-t1-l:first-child { padding-top: 0; } .navbar { padding:0; } .sidebar { padding: .5rem 1rem; } /*USER GUIDE*/ @media only screen and (min-width: 991px) { .user-guide .side-bar { border-right: 1px solid #ddd; padding: 20px 20px 20px 0px; } .ug-t1-l > ul { display: none; } .navbar { border-right: 1px solid #eee; padding-right: 20px; height: calc(100%); } } @media only screen and (max-width: 992px) { .user-guide .side-bar { padding: 20px 0px 20px 0px; } .user-guide-nav .ug-t2-l::before, .user-guide-nav .ug-t3-l::before { content: "" !important; } .user-guide-nav .ug-t2-l, .user-guide-nav .ug-t3-l { list-style: square; list-style-position: outside; } .sidebar { border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 20px; } } .user-guide-nav li { list-style: none; margin:0 } ul.user-guide-nav, .user-guide-nav ul { list-style: none; /* Remove default bullets */ margin: 0; padding: 0; } .user-guide-nav .ug-t1-a::before { font-weight: 400 !important; content: '\2192'; color: #aaa; display: inline-block; width: 1em; margin-left: -1.5em; font-weight: bold; /* If you want it to be bold */ } .user-guide-nav .current.ug-t1-a::before, .user-guide-nav .parent.ug-t1-a::before { content: '\2192'; color: #00558C; } .user-guide-nav .ug-t1-a, .user-guide-nav .ug-t2-a, .user-guide-nav .ug-t3-a { color: #555; } .user-guide-nav .ug-t1-l { padding: 8px 0; } .user-guide-nav .ug-t1-a.current { font-weight: bold; color: #00558C; } .user-guide-nav .ug-t1-a.parent { font-weight: bold; } .user-guide-nav .ug-t1-l > ul{ padding: 10px 0 10px 20px; } .user-guide-nav .ug-t2-a.current, .user-guide-nav .ug-t3-a.current { font-weight: bold; color: #00558C; } .user-guide-nav .ug-t1-l > ul { padding:0; padding-left: 30px; } .user-guide-nav .ug-t2-l > ul{ padding-left: 30px; } .user-guide-nav .ug-t2-l{ padding-bottom: 8px; } .user-guide-nav .ug-t1-l ul li:first-child{ padding-top: 15px; } .user-guide-nav li.ug-t2-l, .user-guide-nav a.ug-t2-a { font-size: 16px; line-height: 20px; } .user-guide-nav a.ug-t2-a { font-weight: 400; } .user-guide-nav .ug-t2-l::before { content: "\25AA"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #00558C; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .user-guide-nav li.ug-t3-l, a.user-guide-nav .ug-t3-a { font-size: 14px; line-height: 16px; } .user-guide-nav .ug-t3-l{ padding-bottom: 8px; } .user-guide-nav .ug-t3-l::before { content: "\25AA"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #00558C; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .ug-t1-l.parent > ul, .ug-t1-l.current > ul { display: block; } .user-guide mark { background: #ffc107!important; padding: 0; } a { color: #00558C; } img { max-width: 100%; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #00457C; border-color: #00457C; box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%); } .btn-primary { color: #fff; background-color: #00558C; border-color: #00558C; } .btn-primary:hover { color: #fff; background-color: #10659C; border-color: #10659C; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #10659C; border-color: #10659C; } .search-form { flex-flow: row nowrap; margin-left: -25px; } .form-inline .form-control { width: 100%; }