html {
    position: relative;
    min-height: 100%;
    font-size: 16px;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;*/
    font-family: AvenirNextLTPro-Regular,sans-serif;
    margin-bottom: 150px;
    background-color: #FFFFFF;
}


@font-face {
    font-family: AvenirNextLTPro-Regular;
    src: url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Regular.eot);
    src: url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Regular.eot) format("embedded-opentype"),url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Regular.woff) format("woff"),url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Regular.ttf) format("truetype"),url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: AvenirNextLTPro-Bold;
    src: url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Bold.eot);
    src: url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Bold.eot) format("embedded-opentype"),url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Bold.woff) format("woff"),url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Bold.ttf) format("truetype"),url(/flexweb/savanna/web/xylem/fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: xylem_icons;
    src: url(/flexweb/savanna/web/xylem/fonts/xylem_icons.eot);
    src: url(/flexweb/savanna/web/xylem/fonts/xylem_icons.eot) format("embedded-opentype"),url(/flexweb/savanna/web/xylem/fonts/xylem_icons.woff) format("woff"),url(/flexweb/savanna/web/xylem/fonts/xylem_icons.ttf) format("truetype"),url(/flexweb/savanna/web/xylem/fonts/xylem_icons.svg#xylem_icons) format("svg");
    font-weight: 400;
    font-style: normal
}


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

h1, h2, h3, h4, h5 {font-family: AvenirNextLTPro-Regular,sans-serif;}
h1 {
    color: #000; 
    display: table; 
    margin: 10px 0; 
    font-size:1.7em; 
    font-weight: bold;
    padding: 15px 0;
}
ul.nav.nav-pills {padding: 15px 0;}
.nav-tabs a:hover, ul.nav.nav-pills a:hover {color:#fff;}

.btn#summary-export-xls {margin: 10px 0}
ol.breadcrumb li, ol.breadcrumb li a {color:#fff;}
h2 {background: #0184AD; 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;}


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    
    
    /* Vertically center the text there */
    background-color: #4AAAB8;
    color: white;
}

.footer a {
    color: white;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 24px;
}

.footer a:first-child, .footer a:last-child
{
    margin-left: 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;
}
.carousel-caption {text-align: left; left:60%;right:5%;vertical-align: top; color:white;}
.carousel-caption.bot-pad-zero {
    padding-bottom: 0;
    bottom: 5px;
    width: 43%;
    font-size: 0.9em;
    left: 49%;
    top: 2%;
}
.carousel-caption .btn {background-color: white; color: black; text-decoration: none }
.carousel-caption a { color:white;text-decoration: underline;}
.carousel-inner {background-color: #000; min-height: 340px;}
.carousel-caption h1 {font-size: 2.5em;font-weight: normal;padding: 10px 0; display: block; margin:0;background: transparent;color: #fff }
.carousel-indicators li {border: 1px solid #fff;}
.carousel-control .glyphicon {color: white;}

.ajg-image-offset {
    left: 10px;
    top: 15px;
    position: relative;
}


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

div.home-box a {text-decoration: none;}
div.home-box div.bottom-text {padding:0 15px;min-height:10em; background-color:#47B2BB;}
div.home-box h1 {background:#47B2BB;color:#fff;font-size: 1.7em;font-weight: normal;padding: 10px 0; display: block; margin:0; }

/*div#home #tiles {background: #ddd}*/

div.home-box.admin img.img-responsive {margin: auto; padding: 10px 0; height: 15em;}

div.home-box.admin div.bottom-text, div.home-box.admin div.bottom-text h1  {background-color: #000; color: #fff;}
div.home-box.admin {padding-bottom: 0}

nav#employee-top-menu {margin-bottom: 0; background-color: #4AAAB8;}
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:#0085AD;color:#fff;}

div#logout-message {margin-top: 22px;}
div#confirm-message {margin-top: 22px;}

.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
}


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: stronger
}

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-default.active,
.btn.btn-default:focus {
	font-size: 1rem;
    line-height: .813rem;
    color: #fff;
    border-radius: 2rem;
    background-color: #0085AD;
    display: inline-block;
    outline: 0;
    padding: .813rem 1.5rem;
}

/*#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;
}
@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: 30px 15px 15px;
}
/*
#home {
    padding-left: -15px;
    padding-righ: -15px;
}
*/
.frosting {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.alert-success {color:#3c763d}



#slider-dfSharesToSell2 .slider-rangeHighlight.taxable {
    background: #1297F3;
}
#slider-dfSharesToSell2 .slider-rangeHighlight.taxfree {
    background: #1297F3;
}

div.slider-selection.tick-slider-selection {
    background: #1297F3;
}
div.slider-tick.round.in-selection {background: #1297F3;}
div.slider-handle {
    background: #1297F3;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-switch-on-color {
  color: #fff;
  background: #000;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-switch-off-color {
  color: #fff;
  background: #000;
}

.bootstrap-switch-container {transition: unset}

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

.jumbotron h1, .jumbotron h2 {display: inherit;}
.jumbotron .btn {background-color: white; color: black; text-decoration: none }
.display-block {display: block}
.no-margin {margin: 0}

a {text-decoration: underline;}
.nav a, a.btn {text-decoration: none}

div#dps-parameters-page {
    background: #fff;
    padding: 20px;
    margin-top: 20px;
}

#main-menu-admin {margin-bottom: 0;}

.btn, table#email-addresses button, html input[type="button"], input[type="reset"], input[type="submit"] {
    font-family: AvenirNextLTPro-Bold,sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: .813rem;
    color: #fff;
    border-radius: 2rem;
    background-color: #0085AD;
    display: inline-block;
    outline: 0;
    padding: .813rem 1.5rem;
    border-color: transparent;
}

.btn.btn-primary:hover, .btn.btn-default:hover, .btn-primary:focus, .btn-primary.focus, .btn.btn-primary:active, .btn.btn-default.active, .btn.btn-default:focus {
    background-color: #1ea0c8;
    text-decoration: none;
    color: #fff;
    border-color: transparent;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #0184AD;
    border-color: #0184AD;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #0184AD;
    border-color: #0184AD;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #000;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

nav.navbar.navbar-default.hidden-xs.main-menu {
    background-color: #4AAAB8;
    color: #fff;
}

.navbar-text a {
    color: #fff;
}

.navbar-text a:hover, .navbar-text a:focus {
    text-decoration: underline;
    color: #fff;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-text {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

.breadcrumb {
    background-color: #0184AD;
}

/* .nav>li>a {
    color: #000;
} */

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #0085AD;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: #0085AD;
}

.bottom-text p {
    color: #fff;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: #0085AD;
    text-decoration: underline;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #0184AD;
}

span.navbar-text.pull-right.text-muted {
    color: #fff;
}

.footer li a:hover {
    background-color: #4AAAB8;
}

.breadcrumb>.active {
    color: #ffffff;
}

.carousel-indicators .active {
    background-color: #003595; /* #F37721;*/
}

.carousel-inner {
    background-color: #47B2BB;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
}

.carousel-caption .btn {
    background-color: #0085AD;
    color: #fff;
}

.carousel-caption .btn:hover {
background-color: #1ea0c8;
}

#main-content {
    margin-top: 20px;
}

@media only screen and (max-width:767px) {
    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
         color: #000;
    }
}

@media only screen and (max-width:995px) {
    .footer {
         bottom: auto;
    }
}

.jumbotron {
    background-color: #4AAAB8;
}

.form-signin button {
    border-radius: 2rem;
}

div#slider-div {
    background-color: #0184AD;
}

#passwordchangerequest h1 {
    color: #000;
    background-color: #fff;
}

button#continue.disabled {
    background-color: #0085AD;
}

#slider-dfSharesToSell2 .slider-rangeHighlight.taxable {
    background: #ec971f;
}

#slider-dfSharesToSell2 .slider-rangeHighlight.taxfree {
    background: #449d44;
}


input[type="submit"][value="Home"] {
    background-color: #0085AD;
    color: #fff;
    border-radius: 2rem;
    display: inline-block;
    outline: 0;
    padding: .813rem 1.5rem;
    border-color: transparent;
    font-family: AvenirNextLTPro-Bold,sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: .813rem;
  }

@media only screen  and (min-width:767px) and (max-width:1199px) {
    img.image-expand {
        max-width: 50% !important;
    }
 }

@media only screen  and (min-width:993px) and (max-width:1199px) {
    .carousel-caption {
        font-size: 11px;
    }

    .carousel-caption a.btn.btn-primary {
        font-size: 1rem;
        padding: .513rem 0.6rem;
        bottom: 0px;
    }
}

@media only screen  and (min-width:767px) and (max-width:994px) {
    .carousel-caption {
        font-size: 10px;
        line-height: 1;
    }

    .carousel-caption a.btn.btn-primary {
        font-size: 0.6rem;
        padding: .4rem 0.5rem;
        bottom: 0px;
    }

    .carousel-caption h1 {
        font-size: 1.5em;
    }
}

table#email-addresses label {
    font-weight: 400;
}

#space_between_button {
    padding:2px;
}

table#email-addresses button, html input[type="button"], input[type="reset"], input[type="submit"] {
    margin-top:2px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
}

.table-info .row {
    padding: 5px 0;
}

table#email-addresses {background-color: white;}
table#email-addresses tr:first-child > td {border:  none}
table#email-addresses tr td:last-child {padding-right: 0;}
table#email-addresses tr td:first-child {padding-left: 0;}
table#email-addresses tr td:first-child {font-weight: normal;}