body {
	overflow-x:hidden;
	overflow-y:scroll;
}

#contenteditortoolbar {
	margin-top:60px;

}

header#header {
	position:fixed;
	top:0px;
	width:100%;
	z-index:1000;
	background-color: rgba(0, 55, 100, 0.9);
}

body .top-bar, body .navbar {
	/*background-color: #003764;*/
    background-color: #fff;
}

body.dev .top-bar, body.dev .navbar {
	/*background-color: #642020;*/
    background-color: #fff;
}

body.dev header#header {
    background-color: rgba(7, 73, 127, 0.9);
}

body.idstaging .top-bar, body.idstaging .navbar {
    background-color: #fff;
}

body.idstaging header#header {
	background-color: rgba(66, 66, 2, 0.8);
}

body.idstaging header#header>.top-bar:before {
	content:'STAGING STAGING STAGING';
	font-size:3.5em;
	color:#bb8;
	position:absolute;
	top:8px;
}

#navbarNav .navbar-nav {
    min-width:100%;
}

#navbarNav.navbarMob {
    border-bottom-left-radius:0.3rem;
    border-bottom-right-radius:0.3rem;
}

.navbar-brand img {
    min-width:5em;
    width:6em;
    background-color:#FFF;
    max-width:none;
}

.collapsing {
  transition: none !important;
}

#header .container .navbar .navbar-nav .nav-link, .fa-shopping-cart {
    color:rgba(0,0,0,0.7);
}

#header .container .navbar .navbar-nav .nav-link:hover, .fa-shopping-cart:hover, #header .container .navbar .navbar-nav .nav-item .active {
    color:#1eaeef;
}

.nav-sub a {
    max-width:100px;
    line-height: 1.2em;
    padding-left:5px;
    padding-right:5px;
    padding-top: 2px;
    padding-bottom: 3px;
    border-color: rgba(255, 255, 255, 0.5);
}

.nav-sub-mb {
    top:10px;
    right:140px;
}

.shopping-basket-icon {
    top:20px;
    right:84px;
}

.top-bar {
    height:60px;
    box-shadow:0 0 3px #ccc;
	-moz-box-shadow:0 0 3px #ccc;
	-webkit-box-shadow:0 0 3px #ccc;
}

.col1 {
    z-index:300;
    padding-top:1px;
    padding-left:30px;
}

.col2 {
    z-index:200;
}

.col3 {
    z-index:100;
}

.col a.btn {
    text-align:left;
}

.no-bg {
    background-image: none;
    -webkit-appearance: none!important;
}

.grey-text {
    color:#6b7073;
}

.btn-group-vertical-mod {
    width:183px;
}

#products_menu .btn-group-vertical-mod, #technologies_menu .btn-group-vertical-mod {
    margin-left:4%;
}

#about_menu .btn-group-vertical-mod {
    margin-right:55%;
}

#research_menu .btn-group-vertical-mod, #resources_menu .btn-group-vertical-mod {
    margin-right:62%;
}

#language_menu .btn-group-vertical-mod {
    margin-right:1%;
}

#user_menu .btn-group-vertical-mod, #login_menu .btn-group-vertical-mod, .user_menu {
    margin-right:15%;
}

.btn-group-mod {
    border-bottom:2px solid rgba(0,0,0,0);
}

.btn-primary-separator-mod {
    border-top:1px solid rgba(0,0,0,.3);
}

.btn-separator-mod {
    border-top:1px solid rgba(0,0,0,.1);
}

.btn-wrap {
    white-space:normal;
}

.dropdown-toggle-split-mod {
    width:32px;
    max-width:32px;
    min-width:32px;
}

.dropdown-toggle-mod[aria-expanded="true"]:after {
    transform: rotate(180deg);
}

.dropdown-toggle-mod:after {
    transition:0.5s;
}

.card-columns-mod {
    column-gap:.25rem;
    transition:none;
}

.card-img-bottom-full {
    height:inherit;
}

.card-mod:hover, .card-sub:hover {
    border-color:#007bff;
}        

.card-mod {
    margin-left:2px!important;
    margin-right:1px!important;
    overflow:hidden;
    background-color:transparent;
    height:100px;
    cursor:pointer;
}

.card-deck-mod {
    margin: 0px 3px 3px 211px;
    overflow:hidden;
}

.card-title-mod {
    background-color:black;
    margin-bottom:0rem;
    padding-left:7px;
    padding-top:2px;
    padding-bottom:4px;
    color:white;
}

.card-body-mod {
    padding:0rem;
    flex:unset;
}

h6 {
    font-size:0.9rem;
}

.fs-smaller {
    font-size:smaller;
}

.list-group-mod, .list-group-mod-top-right, .card-group-mod {
    padding-bottom:10px;
    margin-right:0px;
}

.list-group-item-mod, .list-group-item-mod-top-left, .list-group-item-mod-top-right, .list-group-item-mod-bottom-left, .list-group-item-mod-bottom-right {
    padding:2px 5px;
    border-radius:0rem;
    line-height:1.2rem!important;
    border-width:0px!important;
}

.list-group-item-mod-top-left:first-child {
    border-top-right-radius:0rem;
}
.list-group-item-mod-top-right:first-child {
    border-top-left-radius:0rem;
}

.list-group-item-mod-bottom-left:last-child {
    border-bottom-right-radius:0rem;
}
.list-group-item-mod-bottom-right:last-child {
    border-bottom-left-radius:0rem;
}

.card>.subscription-card {
    width=296;
    height=217;
    float:right
}

.card>.advisory-card {
    width:70px;
    height:70px
}

.card>.client-card {
    width:60px;
    height:60px
}



/********* topic colours **********/


/* generic */
.colour- { 
    background-color: #c5c7c5!important;
}

.colour-webtopic47 {
    background-color:#c94f45!important;
}

.colour-webtopic77 {
    background-color:#00bcb4!important;
}

.colour-webtopic2 {
    background-color:#1B94CC!important;
}

.colour-webtopic8 {
    background-color:#4b848b!important;
}

.colour-webtopic110 {
    background-color:#34495e!important;
}

.colour-webtopic115 {
    background-color:#ba0!important;
}

.colour-webtopic1 {
    background-color:#7f78b7!important;
} 

.colour-webtopic9 {
    background-color:#f9a450!important;
}

.colour-webtopic99 {
    background-color:#0f8d45!important;
}

.colour-webtopic95 {
    background-color:#f55555!important;
}

.colour-webtopic52 {
    background-color:#552060!important;
}

.colour-webtopic112 {
    background-color:#003764!important;
}

.colour-webtopic116 {
    background-color:#0249b7!important;
}

.colour-webtopic118 {
    background-color:#28813c!important;
}

.colour-webtopic119 {
    background-color:#277660!important;
}

.colour-webtopic120 {
    background-color:#69b12e!important;
}

/********* bootstrap 3 to 4 migration **********/

.float-fix {
    overflow:auto;
}

.navlhs {
    display:block;
}

.border {
    border-left-width: 5px!important;
}

.list-group {
    margin-bottom: 20px;
}

.well {
    background-image: none;
    margin-bottom: 20px;
    border-radius:4px;
    padding:19px;
}

.mywell {
    background-color: #f5f5f5;
}

.equal {
    width:50%;
}

.btn-primary {
    background-image:none;
}

blockquote {
    border-left: 5px solid #eee;
    font-size:17.5px;
    margin: 0 0 20px;
    padding: 10px 20px;
}

blockquote>footer {
    font-size:80%;
    line-height:1.42;    
}

cite {
    font-style: normal;
}

blockquote>footer:before {
    content:'\2014 \00A0';
}

.footer-mid h4 {
    font-size:18px!important;
    margin-top:10px!important;
}

.clear-both {
    clear:both;
}

.img-circle {
    border-radius:50%!important;
}

.pull-left {
    margin-right:10px;
}

.bg-stripe {
    background-color:#f4f4f4;
}

/**********reports specific**********/

.section6>.row>.col-xs-6 {
    width:50%;
}

/********* mobile **********/

@media (max-width:767px) {   
    .container-mod {
        max-width: 100%;
    }
    #navbarNav .form-inline .form-control-mod {
        width: 83%;
    }
    .submit-mod {
        margin-top:.5rem!important;
        margin-bottom:.5rem!important;
    }
    .navbar-brand {
        padding-top:7px;
    }
}

/********* Desktop small **********/

@media (min-width:768px){
    .nav-link {
		font-size: 16px;
	}
    .navbar {
        height:60px;
    }
    .nav-item {
        overflow:hidden
    }
    #navbarNav.navbarMob {
        position:fixed;
        top:60px;
        right:0;
        z-index:-1;
        border-bottom-right-radius:0;
        min-width:270px;
    }
    .navbar-nav input {
        max-width:200px;
    }
}

@media (min-width:768px) and (max-width: 991px){
    #about_menu .btn-group-vertical-mod {
        margin-right:43%;
    }
    
    #research_menu .btn-group-vertical-mod, #resources_menu .btn-group-vertical-mod {
        margin-right:53%;
    }
    
    #language_menu .btn-group-vertical-mod {
        margin-right:1%;
    }
    
    #user_menu .btn-group-vertical-mod, #login_menu .btn-group-vertical-mod, .user_menu{
        margin-right:5%;
    }
}

/********* Desktop Medium **********/

@media (min-width:768px) and (max-width: 1199px) {
    .form-mod {
        display: none !important;
    }
    .login>a>span.txt {
        display:none;
    }
}

@media (min-width:992px) {
    .login>a>span.txt {
		font-size:12px;
	}
}

@media (min-width:992px) and (max-width: 1199px) {
    #header .header-container {
        max-width: 992px!important;
    }
    
    #about_menu .btn-group-vertical-mod {
        margin-right:45%;
    }
    
    #research_menu .btn-group-vertical-mod, #resources_menu .btn-group-vertical-mod {
        margin-right:54%;
    }
    
    #language_menu .btn-group-vertical-mod {
        margin-right:1%;
    }
    
    #user_menu .btn-group-vertical-mod, #login_menu .btn-group-vertical-mod, .user_menu {
        margin-right:6%;
    }
    .card-deck-mod {
        margin-left:222px;
    }
}

/********* Desktop large **********/

@media (min-width:1200px) {
    #header .header-container {
        max-width: 1200px!important;
    }    
    .card-deck-mod {
        margin-left:230px;
    }
}