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

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


@font-face {
    font-family: Roboto Condensed;
    src: url(/flexweb/savanna/web/xerox/fonts/RobotoCondensed-Regular.ttf);;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Roboto Condensed;
    src: url(/flexweb/savanna/web/xerox/fonts/RobotoCondensed-Bold.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: xerox_icons;
    src: url(/flexweb/savanna/web/xerox/fonts/xerox_icons.eot);
    src: url(/flexweb/savanna/web/xerox/fonts/xerox_icons.eot) format("embedded-opentype"),url(/flexweb/savanna/web/xerox/fonts/xerox_icons.woff) format("woff"),url(/flexweb/savanna/web/xerox/fonts/xerox_icons.ttf) format("truetype"),url(/flexweb/savanna/web/xerox/fonts/xerox_icons.svg#xerox_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: Roboto Condensed, 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:#000; text-decoration: underline;}

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

.footer a {
    color: #333;
    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: center; left:60%;right:5%;vertical-align: top; color:000000;}
.carousel-caption.bot-pad-zero {
    padding-bottom: 0;
    bottom: 5px;
    width: 38%;
    font-size: 0.9em;
    left: 50%;
    top: 20%
}

.carousel-caption .btn {background-color: white; color: black; text-decoration: none }
.carousel-caption a { color:#000000;text-decoration: underline;}
.carousel-inner {background-color: #000; min-height: 428px; }
.carousel-inner>.item {min-height: 428px}
.carousel-caption h1 {font-size: 2.5em;font-weight: normal;padding: 10px 0; display: block; margin:0;background: transparent;color: #000000 }
.carousel-indicators li {border: 1px solid #fff;}
.carousel-control .glyphicon {color: #000000;}

.ajg-image-offset {
    left: 10px;
    top: 17%;
    position: absolute;
}

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:#fff; border: 1px solid transparent];}
div.home-box h1 {background:#fff;color:#000;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: 8em;}

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

nav#employee-top-menu {margin-bottom: 0; background-color: transparent; /*border-bottom: 1px solid #e5e5e5;*/}
nav#employee-top-menu ul li a {margin-left: 20px;}

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;
    padding: .813rem 1.5rem;*/
    color: #fff;
    background-color: #7e000b;
    display: inline-block;
    outline: 0;
}

/*#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: #D92231;
    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;
}

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 24px;
}
/*
#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 {
    border-radius: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    margin-bottom: 0;
    z-index: 1;
}

.btn, table#email-addresses button, html input[type="button"], input[type="reset"], input[type="submit"] {
    font-family: Roboto Condensed,sans-serif!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 3em;
    color: #fff;
    background-color: #D92231;
    display: inline-block;
    outline: 0;
    padding: 0 30px;
    border-color: transparent;
    border: 1px solid #D92231;
    text-transform: uppercase;
    white-space: nowrap;
}

.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,
table#email-addresses button:hover {
    background-color: #7e000b;
    text-decoration: none;
    color: #fff;
    border-color: transparent;
}

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

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: transparent;
    text-decoration: underline;
    font-weight: bold;
}

.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: #fff;
    color: #000 ;
}

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

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

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

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

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

.breadcrumb {
    background-color: #D92231;
}

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

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: transparent;;
    text-decoration: underline;
    font-weight: bold;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;  
    text-decoration: underline;
    font-weight: bold;
}

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

.nav>li>a:hover, .nav>li>a:focus {
    color: #D92231;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
}

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

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

.footer li a:hover {
    background-color: transparent;
}

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

.carousel-indicators .active {
    background-color: #ebebeb; 
}

.carousel-inner {
    background-color: #ebebeb;
}

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

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

.carousel-caption .btn:hover {
background-color: #7e000b;
color: #fff;
}

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

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

div#slider-div {
    background-color: #D92231;
}

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

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

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

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


input[type="submit"][value="Home"] {
    background-color: #D92231;
    color: #fff;
    border-radius: 2rem;
    display: inline-block;
    outline: 0;
    padding: .813rem 1.5rem;
    border-color: transparent;
    font-family: Roboto Condensed,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: 13px;
    }

    .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.table-info tbody tr + tr td {
    border-top: 1px solid #EBECE9;
}

table#email-addresses {
    background-color: white!important;
}

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

a.btn.btn-large.btn-primary.pull-right.hidden-xs.hidden-print.download-button {
    margin-top: 10px;
}

/*To make both childbottomtext change colour too when bottom-text is hovered upon*/
div.home-box div.bottom-text:hover {
        background: #B2B2B2;
}

div.home-box div.bottom-text:hover .childbottomtext {
    background: #B2B2B2;
}
/*END-To make both childbottomtext change colour too when bottom-text is hovered upon*/

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, 
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #000;
}

input#continue.disabled_vote {
    background-color: #D92231;
}

table#email-addresses button:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/*.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    padding-top: 23px;
}*/

nav#employee-top-menu ul li a:hover,
nav#employee-top-menu ul li a:active,
nav#employee-top-menu ul li a:focus {color:#000;}

.bgimg {
    background-image: url(/flexweb/xerox/assets/images/house.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.home-box.admin div.bottom-text:hover, div.home-box.admin div.bottom-text h1:hover  {background-color: #EBEBEB;}

@media screen and (min-width: 768px) {
.carousel-caption {
    vertical-align: middle;
    margin-bottom: 20px;
}
}

div.home-box.admin {
    border: 1px solid #000;
}

.home-box.admin:hover, .home-box.admin:hover .bottom-text, .home-box.admin:hover .bottom-text h1 {
    background-color: #EBEBEB;
}