html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;*/
    font-family: "MaisonNeue-Book", Helvetica, Arial, sans-serif
}


@font-face{
    font-family:'MaisonNeue-Book';
    src:url("/flexweb/basf/assets/fonts/MaisonNeue-Book.woff") format("woff"),url("/flexweb/basf/assets/fonts/MaisonNeue-Book.woff2") format("woff2")}

@font-face{
    font-family:'MaisonNeue-BookItalic';
    font-style: 'italic';
    src:url("/flexweb/basf/assets/fonts/MaisonNeue-BookItalic.woff") format("woff"),url("/flexweb/basf/assets/fonts/MaisonNeue-BookItalic.woff2") format("woff2")}

@font-face{
    font-family:'MaisonNeueExtended-Bold';
    font-weight: 'bold';
    src:url("/flexweb/basf/assets/fonts/MaisonNeueExtended-Bold.woff") format("woff"),url("/flexweb/basf/assets/fonts/MaisonNeueExtended-Bold.woff2") format("woff2")}

@font-face{
    font-family:'MaisonNeueMono-Regular';
    src:url("/flexweb/basf/assets/fonts/MaisonNeueMono-Regular.woff") format("woff"),url("/flexweb/basf/assets/fonts/MaisonNeueMono-Regular.woff2") format("woff2")}

@font-face{
    font-family:'MaisonNeue-Bold';
    src:url("/flexweb/basf/assets/fonts/MaisonNeue-Bold.woff") format("woff"),url("/flexweb/basf/assets/fonts/MaisonNeue-Bold.woff2") format("woff2")}


#main-content {padding-left:-15px; padding-right:-15px;margin-bottom:30px;}

h1, h2, h3, h4, h5 {font-family: "MaisonNeueExtended-Bold", Helvetica, Arial, sans-serif;}
/*h1 {background: #000; color: white; padding: 15px; display: table; margin:10px  0; font-size:1.7em; }*/
h1 {padding: 15px 0;  margin:10px  0; font-size:1.7em; }
ul.nav.nav-pills {padding: 15px 0;}

/*
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #000;
}
*/

/*
.nav-pills > li.active > a, .nav-pills > li.active > a:focus{
    color: #fff;
    background-color: #000;
}
*/

.nav-pills > li.active > a:hover  {

    color: #fff;
    background-color: #c60023;
}

.nav > li > a:hover {
	color: #fff;
    background-color: #c60023;
}


.jumbotron h1 {background: #fff; color:#000;}
.btn#summary-export-xls {margin: 10px 0}
/*ol.breadcrumb li, ol.breadcrumb li a {color:#fff;}*/
/*
h2 {background: #000; margin: 10px 0 0; padding:10px;color:#fff;display: table;}
*/

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {background-color: #21AAF3;}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {background-color:#EE21A3;}
.panel {margin-top: 15px;}
.panel, .well {border: none;}

.panel-primary>.panel-heading{background-color: #E7E7E7; color: #000;}




.footer {
    width: 100%;
    /*height: 60px;
    line-height: 60px;*/
}

.footer a {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 14px;
}

.footer a:first-child,
{
    margin-left: 0;
}

.footer a:last-child {
    margin-right: 0;
}



nav#brand {
    padding: .5em;
    
    margin-bottom: 0;
}

.navbar-brand {
    font-size: inherit
}

.navbar {
    min-height: inherit;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}




div.home-box {margin-top:60px;background:#E7E7E7; color:#000;margin-bottom:15px;}


div.home-box a:hover {text-decoration: none;}
div.home-box div.bottom-text {padding:0 15px;min-height:8em;}
div.home-box h1 {background:transparent;color:#000;font-size: 1.6em;        font-weight: normal;padding: 10px 0; display: block; margin:0; }
.carousel-item{max-height: 400px; }
.carousel-caption {Text-align: left; left:10%;right:52%; top: 6%; color: #FFF;background-color: rgba(0, 0, 0,.6);text-shadow: 0 1px 2px rgba(0,0,0,0.6); padding-top: 10px;  padding-right: 5px;  padding-bottom: 5px;  padding-left: 10px; bottom: auto;}
.carousel-caption h1 {font-size: 2.em;font-weight: normal;padding: 10px 0; display: block; margin:0;background: transparent;}
.carousel-caption p{font-size: 1em;}

/*nav#employee-top-menu ul li a {margin-left: 20px;}*/
/*
nav#employee-top-menu ul li a:hover,
nav#employee-top-menu ul li a:active,
nav#employee-top-menu ul li a:focus {background:#fff;color:#000;}
*/

.img-header {
    width: 100%
}

.btn-forward,
.btn-back {
    position: relative;
}

.btn-forward {
    padding-right: 25px
}

.btn-back span.glyphicon {
    position: absolute;
    left: 0;
    padding: 8px;
    color: #fff
}

.btn-forward span.glyphicon {
    position: absolute;
    right: 0;
    padding: 8px;
    color: #fff
}


.btn-default:hover, .btn-default:focus,.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #C60023;
}

.btn-primary{
	border: 1px solid;
}


div#top-bar {
    padding: 1em;
    border-bottom: 1px solid #D5D5D5
}

div#brand {
    padding: 1em;
}

a#logout-link {
    color: #333
}

ol.breadcrumb li.active {
    font-weight: bold
}

div#vestingbarchart {
    text-align: center;
    margin-bottom: 2em
}

div#summary-charts div {
    text-align: center
}

div#share-disposal div#share-disposals-options .row {
    padding: 1em 0;
    border-top: 1px solid #ddd
}

div#plan-management div#plan-management-options .row {
    padding: 1em 0;
    border-top: 1px solid #ddd
}

div#plan-documents p {
    border-top: 1px solid #DDD
}


.hidden {
    display: none
}

.row-detail td:last-child {
    text-align: right;
}

#tax-voucher-table td:last-child {
    text-align: right
}

.no-screen {
    display: none
}


.btn.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-default:hover,
.btn.btn-default:focus {
    background: #C60023;
    
}
#welcome-user {
    /*line-height: 2em*/
}

#hamburger {
    color: black;
    background: transparent;
    border: 0;
    padding: 0 10px;
    margin-right: 0;
}

#hamburger>span {
    font-size: large;
    
}
/*
.icon-count {
    font-size: xx-small;
    position: relative;
    bottom: 12px;
    left: -5px;
    background-color: #E4128A;
    border-radius: 5px;
    color: white;
    padding: 1px 4px;
    margin-left: -10px;
}
*/
.glyphicon-menu-margin {
    margin-right: 6px;
}


/*.icon-envelope-with-count  a {padding-right: 4px !important}*/

div#fund-allocation-history td.completed {
    background-color: #7cb82f;
    color: #fff;
    border-color: #fff
}


/* Conifer green */

div#fund-allocation-history td.rejected {
    background-color: #fece09;
    border-color: #fff;
}


/* GOLDEN YELLOW */

div#fund-allocation-history td.in-progress {
    background-color: #12749a;
    color: #fff;
    border-color: #fff
}


/* cerulian blue */

div#fund-allocation-history td.waiting {
    background-color: #eb7600;
    border-color: #fff;
    color: #fff;
}


/* Tangerine */

div#fund-allocation-history td.closed {
    background-color: #778892;
    border-color: #fff;
    color: white;
}


/* slate grey */

div#fund-allocation-history td.allocation-fund {
    background-color: #951a26;
    border-color: #fff;
    color: white
}


/* MERLOT */

div#fund-allocation-history td.allocation-amount {
    background-color: #951a26;
    border-color: #fff;
    color: white
}


/* MERLOT */

#share-disposal .table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    vertical-align: middle
}

label.required:after {
    content: " *";
    color: red;
}

.form-control.btn.btn-primary {
    height: inherit;
}
/*
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #FF8700;
    background-color: #fff;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    color: #0047BA;
    white-space: nowrap;
}
*/

/*
.btn-default.active,
.btn-default.active.focus, 
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default:active.focus, 
.btn-default:focus, 
.btn-primary.active, 
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus, 
.open>.dropdown-toggle.btn-default:hover, 
.open>.dropdown-toggle.btn-primary 
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover { 
    color: #fff;
    background-color: #000;
    border-color: #000;
}
*/
/*
h2 {
    color: #005A64;
}

h3 {
    color: #663AB6;
}
*/


section#connect-footer {
    background-color: #000;
    padding-top: 48px;
    color: white;
}

h6 {
    color: white;
    background-color: transparent;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .8px;
}

@media (max-width: 767px) {
    span.navbar-text {
        margin-left: 15px;
        float: left;
        margin: 5px 15px
    }
    section#connect-footer {
        padding-top: 32px;
    }
}

@media (min-width: 768px) {
    span.navbar-text {
        margin-left: 0;
    }
}
#copyright {
   text-align: center;
   font-size: 12px;
   color: white;
   margin: 20px;
}
/*
.btn.btn-info {
    padding: 0 20px;
    border: 2px solid #00b4a0;
    display: block;
    height: 64px;
    line-height: 60px;
    margin-bottom: 16px;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .8px;
    text-transform: uppercase;
}
*/
#connect-footer .btn sub, #connect-footer a.btn sub, .cwf-banner .btn sub, .cwf-banner a.btn sub {
    bottom: 0;
    display: inline-block;
    vertical-align: middle;
}

#connect-footer .btn sub:before, #connect-footer a.btn sub:before, .cwf-banner .btn sub:before, .cwf-banner a.btn sub:before {
    color: #00b4a0;
    font-size: 32px;
}

#connect-footer .btn sub:before {
    padding-right: 10px;
}
#connect-footer .btn.btn-info sub {
    opacity: 1!important;
}

#connect-footer .btn.btn-info:hover {
    background-color: #00b4a0;
}
#connect-footer .btn.btn-info {
    background-color: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border: 2px solid #00b4a0;
    color: #fff;
    font-weight: 300;
}

#connect-footer .btn:hover sub:before, #connect-footer a.btn:hover sub:before, .cwf-banner .btn:hover sub:before, .cwf-banner a.btn:hover sub:before {
    color: #fff;
}

@media (min-width: 1200px) {
    #connect-footer .follow .social-icon {
        padding-left: 4px;
    }
}

#connect-footer .follow .social-icon {
    width: 20%;
    float: left;
}
*, :after, :before {
    box-sizing: border-box;
}

.white-text {
    color: white;
}

#connect-footer .social {
    font-size: 24px;
    text-align: center;
}

hr.no-top-margin {
    margin-top: 0;
}
hr.no-bottom-margin {
    margin-bottom: 0;
}
hr.med-gray {
    border-top: 1px solid #dadddc;
}

.cwf-padding-bottom-32 {
    padding-bottom: 32px;
}

footer.footer * {
    box-sizing: border-box;
    white-space: nowrap;
}

@media (min-width: 992px) {
    footer.footer .container {
        padding: 40px 15px;
    }
}
@media (min-width: 768px) {
    footer.footer .container {
        padding: 20px 15px 25px;
    }
}


footer.footer .container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0px 0px 0px;
}
/*
#home {
    padding-left: -15px;
    padding-righ: -15px;
}
*/
.frosting {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.alert-success {color:#3c763d}


#slider-dfSharesToSell2 .slider-rangeHighlight.taxable {
    background: #EE21A3;
}
#slider-dfSharesToSell2 .slider-rangeHighlight.taxfree {
    background: #FFC027;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-genericprimary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-genericprimary {
  color: #fff;
  background: #00B4A0;
}

.bootstrap-switch-container {transition: unset}

div#proceeds {font-size:4em;}

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1 0 0;
}


.image-expand
{
	width: 100%;
	object-fit: cover;
}

.image-expand-height
{
	width: auto;
	min-height: 100% !important;
	height: 100%;
	/*object-fit: cover;*/
}

li > span.dtr-title > div.hiddenwhencollapsed,
table.collapsed > thead > tr > th > div.hiddenwhencollapsed
{
display: none !important;
}