@charset "UTF-8";

.bg1 {
    background-color: #002269;
}

.top-line {
    border-top: 1px solid #C0C0C0;
}

#title-container h1 {
    color: #7F7F7F;
}

#header-container {
    background-color: #002269;
}

.navbar-default {
    background-color: transparent;
}

.link-right-logout {
    color: #FFFFFF;
    text-decoration: none;
}

.link-right-logout:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.div-right-logout {
    text-align: right;
    padding-top: 10px;
    padding-right: 15px;
}

dl#footer dd a {
    color: #FFFFFF;
}

.nolabel {
    padding-top: 3px;
    padding-bottom: 3px;
}

#page-content-container h2, .table-container caption {
    color: #000000;
}

th {
    color: #000000;
}

.ui-widget-header {
    border: 1px solid #005EB8 !important;
    background: #002269 !important;
    color: #ffffff;
    font-weight: bold;
}

/*.form-control:focus {
    border-color: #66C266;
    box-shadow: 0px 1px 1px #66C266 inset, 0px 0px 8px #66C266;
}*/

h1 {
    color: #c0c0c0;
}

.beneficiaryContainer > label.standardLabel {
    background-color: #002269;
    color: #FFFFFF;
}

h2.faqCategory::before, h3.faqQ::before {
    color: #002269;
    cursor: pointer;
}

#CurrentInvestmentsTableContainer table.InvestmentsTable tr td div table tbody tr:nth-child(2n+1) {
    background-color: #e5ffe5!important;
}


@media (min-width: 641px) {
    #ChartContainer #tabs {
        background-color: #FFFFFF!important;
    }

    #ChartInputs {
        border:none!important;
    }

    #ChartInputs #tabs{
        height: 30px!important;

    }
    #ChartContainer .tabselected {
        background-color: #002269!important;
        color: #FFFFFF;
        border: none!important;
    }

    #ChartContainer #Info {
        border-top:  1px solid #c0c0c0!important;
        border-bottom: 1px solid #c0c0c0!important;
        border-left: 1px solid #c0c0c0!important;
        border-right:  1px solid #c0c0c0!important;
    }
    #ChartContainer #YourDetails {
        border-top:  1px solid #c0c0c0!important;
        border-right:  1px solid #c0c0c0!important;
        border-bottom: 1px solid #c0c0c0!important;
    }
    #ChartContainer #Contributions {
        border-top:  1px solid #c0c0c0!important;
        border-right:  1px solid #c0c0c0!important;
        border-bottom: 1px solid #c0c0c0!important;
    }
    #ChartContainer #ChartLegend {
        border-top:  1px solid #c0c0c0!important;
        border-right:  1px solid #c0c0c0!important;
        border-bottom: 1px solid #c0c0c0!important;
    }
}

@media (min-width: 768px){
    .navbar-default .navbar-nav > li > a {
        color: #FFFFFF;
    }

    .footer-links {
        background-color: #002269;
        margin-left: -10px!important;
    }

    #footer-wrapper {
        background-color: #002269;
        color: #FFFFFF;
    }



    #LandingPageWelcomeLine {
        background-color: #002269;
        background: linear-gradient(to right, #002269, #FFFFFF);
        height: 2px;
        margin-left: -2px;
        margin-bottom: 30px;
        margin-top: -15px;
    }

    #ChartContainer .tabselected {
        background-color: #002269!important;
        color: #FFFFFF;
        border: none!important;
    }

    #ChartInputs #tabs {
        height: 27px!important;
    }

    #ChartInputs .formtab:hover {
        background-color: #FFFFFF;
        color: #002269!important;
    }

    #ChartInputs .tabselected, #ChartInputs .tabselected:hover {
        height: 26px;
        color: #FFFFFF!important;
        background-color: #002269!important;
        border: none!important;
    }

    #ChartContainer #Info {
        border-bottom: none!important;
    }
    #ChartContainer #YourDetails {
        border-bottom: none!important;
    }
    #ChartContainer #Contributions {
        border-bottom: none!important;
    }
    #ChartContainer #ChartLegend {
        border-bottom: none!important;
    }
    
    #ChartContainer {
        margin-left: 25px!important;
        padding-right: 60px!important;
    }

    #ChartContainer .tabdivcontainer {
       background-color: #FFFFE9!important;
    }

    .Layout_Form .frmData #divButtons {
        padding-left: 15px!important;
    
    }
}

@media (max-width: 767px){

    #infoContainer.tabdivcontainer {
        padding-top: 10px!important;
        background-color: #FFFFFF!important;
    }
    
    #header-title {
        background-color: #666666;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    html, body {
         background-color: #002269;
    }

    .footer-links {
        background-color: transparent!important;
    }

    #title-container h1 {
        color: #FFFFFF;
    }

    #divCarouselRow{
        background-color: #FFFFFF;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background-color: #FFFFFF;
    }

    .top-line {
        border-top: none;
    }

    #sidebar h4, #sidebar h5, #sidebar a {
        color: #FFFFFF;
    }

    .contactus label, .input-form label {
        color: #FFFFFF;
    }

    .input-form, .input-form .form-group, .input-form .btn-group {
        background-color: transparent!important;
        color: #333333;
    }

    .input-form, .input-form .form-group, .input-form .btn-group {
        background-color: transparent!important;
    }

    #messageDiv {
        color: #FFFFFF!important;
    }

    .NewBeneficiary .data_form h2 {
        color: #000000!important;
    }

    #ChartContainer .formtab {
        background-color: #edf2f7!important;
        color: #c0c0c0;
    }

    #ChartContainer .tabselected {
        background-color: #002269!important;
        color: #FFFFFF;
        border: none!important;
    }

    #ChartContainer #Info {
        border-top:  1px solid #c0c0c0!important;
        border-left: 1px solid #c0c0c0!important;
        border-right:  1px solid #c0c0c0!important;
        border-bottom: 1px solid #c0c0c0!important;
    }
    #ChartContainer #YourDetails {
        border-top:  1px solid #c0c0c0!important;
        border-right:  1px solid #c0c0c0!important;
        border-bottom: 1px solid #c0c0c0!important;
    }
    #ChartContainer #Contributions {
        border-left: 1px solid #c0c0c0!important;
        border-right:  1px solid #c0c0c0!important;
    }
    #ChartContainer #ChartLegend {
        border-right:  1px solid #c0c0c0!important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: 2px solid #337ab7!important;
        border-top: none;
        background-color: #FFFFFF;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .navbar-header {
        background-color: #002269!important;
    }
    .navbar-default .navbar-toggle {
        border: 2px solid #FFFFFF!important;
        background-color: #002269!important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFFFFF!important;
    }


    .navbar-nav .dropdown-toggle {
        background-color: #337ab7!important;     
        color: #FFFFFF!important;
    }

    .navbar-default .navbar-nav > .open > a {
        background-color: #337ab7!important;     
        color: #FFFFFF!important;    
    }

    .switchOptionHeader h2, .switchOptionHeader p {
        color: #FFFFFF!important;
    }

    .Layout_Form{
        margin-left: 0px!important;
    }

    .data_form {
        background-color: #FdFdFd!important;
        margin: 0px 0px 15px 0px!important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .frmData {
        background-color: #FdFdFd!important;
        margin: 15px 0px 15px 0px!important;
        padding-left:0px!important;
        padding-right: 0px!important;
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }

    .frmData .data_form {
        background-color: #FdFdFd!important;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .frmData h1, .frmData h2, .frmData p, .frmData span, .frmData label,
    .data_form h1, .data_form h2, .data_form p, .data_form span, .data_form label {
        color: #000000!important;
    }

    .frmData .text {
        width:100%!important;
    }

    .NewBeneficiary .frmData {
        padding-left: 15px!important;
        padding-right: 15px!important;
        padding-top: 0px!important;
    }

    .NewBeneficiary #divButtons {
        margin-left: 0px!important;
        margin-right: 0px!important;
    }

    .NominatedBeneficiaries #divReformattedRow {
        padding-right: 15px!important;
    }

    .beneficiaryContainer > label.standardLabel {
        background-color: #002269!important;
        color: #FFFFFF!important;
    }

    .NewBeneficiary .btn-group {
        margin-left: 15px;
    }

    .link_text {
        border-radius: 5px;
    }
    .link_text:hover {
        text-decoration:none;
    }

    .SwitchOptionsFreestyle #radioOptions {
        margin-left:0px;
    }

    #CurrentInvestmentsTableContainer {
        margin-left: 0px!important;
    }

    .SwitchWizard {
        background-color: #FdFdFd!important;
        padding: 15px!important;
    }

    .switchOptionHeader {
        padding: 15px 15px 0px 15px;
    }
    .switchOptionHeader h2, .switchOptionHeader p {
        color: #000000!important;
      
    }
}

.ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year {
    background-color: transparent!important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    font-weight: bold;
    color: #002269!important;
}

.ui-widget-header {
    border: 1px solid #002269!important;
}

.ui-button-text {
    color: #FFFFFF!important;
}

.ui-datepicker-header {
    color: #FFFFFF!important;
}


.btn.focus, .btn:focus, .btn:hover {
    color: #c0c0c0;
    text-decoration: none;
}    

#maincontent_TableInvestments .TableInvestments th {
    background-color: #002269!important;
    color: #FFFFFF!important;
    border: none!important;
}

#PendingTransactionsTableContainer .TableInvestments th {
    background-color: #002269!important;
    color: #FFFFFF!important;
    border: none!important;
}

.SolidHeader th {
    background-color: #002269!important;
    color: #FFFFFF!important;
    border: none!important;
}

.rangeSlider .ui-slider-handle {
	background-color: #002269!important;
}

.rangeSlider .ui-slider-handle::after {
	border-top-color: #002269!important;
}