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

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;*/
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom: 150px;
    background-color: #FFFFFF;
}

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

h1, h2, h3, h4, h5 {font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,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: #7C0040; 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: #7C0040;
    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: 38%;
    font-size: 0.9em;
    left: 56%;
}
.carousel-inner {
    min-height: 329px;
}
.ajg-image-offset {
    left: 10px;
    top: 15px;
    position: relative;
}
/*ITT*/  .carousel-caption .btn {color: white;} /*color: black; text-decoration: none }*/
.carousel-caption a { color:white;text-decoration: underline;}
.carousel-inner {background-color: #000; }
.carousel-caption h1 {font-size: 2.3em;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;}

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:11em; background-color:#7C0040;}
div.home-box h1 {background:#7C0040;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: #7C0040;}
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: #7C0040;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;
    background-color: #7C0040;
    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;}

/*ITT*/
.btn, table#email-addresses button, html input[type="button"], input[type="reset"], input[type="submit"] {
    font-weight: bold;
    font-size: .8667rem;
    line-height: .813rem;
    color: #5D5D5D;
    background-color: transparent;
    display: inline-block;
    padding: 15px 20px;
    border: 1px solid #e57200;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    clear: both;
    line-height: 18px;
}

/*ITT*/
.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: transparent;
    color: #5D5D5D;
    box-shadow: 0 7px 29px 0 rgba(0,0,0,0.2);
    border-color: #e57200;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #7C0040;
    border-color: #7C0040;
}

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

.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: #7C0040;
    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: #7C0040;
}

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

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

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

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

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

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

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

.footer li a:hover {
    background-color: #7C0040;
}

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

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

.carousel-inner {
    background-color: #7C0040;
}

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

/*ITT
.carousel-caption .btn {
    background-color: #7C0040;
    color: #fff;
}*/

/*ITT*/
.carousel-caption .btn:hover, .carousel-caption .btn:focus, .carousel-caption .btn:active {
color: white;
font-size: .8667rem;
}

#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: #7C0040;
}

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

div#slider-div {
    background-color: #7C0040;
}

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

button#continue.disabled {
    background-color: #7C0040;
}

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

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

/*itt*/
input[type="submit"][value="Home"] {
    display: inline-block;
    padding: 15px 20px;
    color: #5D5D5D;
    background-color: transparent;
    border: 1px solid #e57200;
    font-size: .8667rem;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    margin: 10px auto;
    clear: both;
    line-height: 18px;
  }

@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;
}

@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -18px;
}
}

.move-btn {
    margin-top: 8px;
}

@media screen and (min-width: 768px) {
.carousel-caption {
    padding-bottom: 10px;
}
}

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