@charset "UTF-8";
@font-face { font-family: stagbook; src: url('../Fonts/Stag-book.otf'); }

.bg1 {
    background-color: #00736e;
}

#sidebar a {
    color: #00736e;
}

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

#logo-container {
    background-color: #FFFFFF;
}

#title-container h1 {
    color: #68737A;
}

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

th {
    color: #000000;
}

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


h1 {
    color: #c0c0c0;
}

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

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

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

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #F6F6F6;
    opacity: 1;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00736e!important;
    border-color: #00736e!important;
}

.panel-primary {
    border-color: #00736e!important;
}

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

    #ChartInputs {
        border:none!important;
    }

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

    }
    #ChartContainer .tabselected {
        background-color: #00736e!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){
    
    #divNavBarNotLoggedIn {
        background-color: #68737a;
    }

    #header-container {
        padding-top: 10px;
        background-color: #FFFFFF;
    }

    .navbar-default .navbar-nav > .open > a {
        background-color: #68737A!important;
    }
    
    .navbar-default .navbar-nav > li > a {
        color: #FFFFFF;
    }

    .footer-links {
        background-color: transparent;
        margin-top: -2px;
    }

    .footer-links a {
        color: #666!important;
    }

    .footer-text-content p {
        color: #666!important;
        margin-top: -4px;
        margin-bottom: -5px;
    }

    #footer-wrapper {
        border-top: 10px solid #00736e;
        background-color: #FFFFFF;
        color: #FFFFFF;
    }

    #divCarouselRow .carousel-text-container > h2 {
        color: #00736e;
    }

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

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

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

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

    #ChartInputs .tabselected, #ChartInputs .tabselected:hover {
        height: 26px;
        color: #FFFFFF!important;
        background-color: #00736e!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;
    }

    h1, h2, h3, h4, h5 {
        color: #454c50!important;
        font-family: stagbook!important;
    }

    .header-logo {
        margin-left: 5px!important;
    }

    #HomePageCarousel .carousel-inner {
        height: 370px!important;
        padding-bottom: 30px;
    }

    #HomePageWecomeText {
        padding-top: 360px;
    }

    #HomePageCarousel {
        height: 370px!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: #00736e;
    }

    .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: #00736e!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 #454c50!important;
        border-top: none;
        background-color: #FFFFFF;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a,   .navbar-default .navbar-nav>li>a {
         color: #454c50; 
    }

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



    .navbar-nav .dropdown-toggle {
        background-color: #e8eaeb!important;     
        color: #454c50!important;
        font-weight: normal!important;
    }

    .navbar-default .navbar-nav > .open > a {
        background-color: #d2d5d7!important;     
        color: #454c50!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: #00736e!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;
    }

    #welcomebox article > footer > ul > li, #welcomebox #lnkLogin, #welcomebox #lnkRegister {
        background-color: transparent!important;
    }
    #welcomebox article > footer > ul > li {
        background-color: #00736e!important;
    }
    #welcomebox article > footer > ul > li:hover {
        background-color: #9F0000!important;
    }

    #welcomebox article > footer > ul > li a:hover {
        color: #FFFFFF!important;
        text-decoration:none;
        width: 100%!important;
    }

    article.elementStyle2 header div {
        background-color: #68737A;
    }

    #maincontent_ControlLogin1_divErrorMessage {
        color: #FFFFFF!important;
    }

    h1 {
        color: #FFFFFF!important;
        font-family: stagbook!important;
    }

    .header-logo {
        margin-left: 15px!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: #00736e!important;
}

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

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

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


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

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

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

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

/* MAYBE */

.panel-default {
    border-color: #00736e;
}

.form-control:focus {
    border-color: #00736e;
    box-shadow: 0px 0px 0px #00736e inset, 0px 0px 5px #00736e;
}

.input-form .btn,
.panel .btn,
.btn,
.btn-primary,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.ui-button,
.ui-dialog .ui-dialog-buttonpane button,
table.navigation button,
#PasswordTest button,
table.datafilter td input[type="button"] {
    background-color: #00736e!important;
    border-color: #00736e!important;
}

.input-form .btn:hover,
.panel .btn:hover,
.btn:hover,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary,
.input-form .btn:hover,
.ui-dialog .ui-dialog-buttonpane button:hover,
.open>.dropdown-toggle.btn-default,
#PasswordTest button:hover,
table.navigation button:hover {
    background-color: #9F0000!important;
    border-color:#9F0000!important;
    color: #FFFFFF!important;
}

#LandingPageWelcomeLine {
    display:none!important;
}

#sidebar {
    border-left: none;
}

.beneficiaryContainer .addButton span{
    color: #FFFFFF!important;
}

article {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #00736e;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

#maincontent_TableInvestments tr[id^="maincontent_tableTransactionRow_"]>td>div>table{ 
    border-bottom: solid 1px #ddd!important;
}

.glossarytitle {
    color: #00736e!important;
}

label[for] {
    font-family: "Open Sans",Arial,Helvetica,sans-serif!important;
    color: #454c50!important;
    padding-top: 10px!important;
}

label {
    font-family: "Open Sans",Arial,Helvetica,sans-serif!important;
    color: #454c50!important;
}

a.list-group-item {
    font-family: "Open Sans",Arial,Helvetica,sans-serif!important;
    color: #454c50!important;
}

.beneficiaryContainer .link_text {
    background-color: #00736e!important;
    color:#FFFFFF!important;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.beneficiaryContainer .link_text:hover {
    background-color: #9F0000!important;
    color:#FFFFFF!important;
    text-decoration: none!important;
    border-radius: 5px;
}

#divBeneficiaryAdd button span {
    color: #FFFFFF!important;
}

#divBeneficiaryAdd .addButton {
    background-color: #00736e!important;
}

#divBeneficiaryAdd .addButton:hover {
    background-color: #9F0000!important;
    border-color: #9F0000!important;
}

#faqblock .faqQ {
    font-family: Calibri!important;
        font-size: 1.7rem;
}


.TabbedInformationList .nav-pills > li.active> a,  .TabbedInformationList .nav-pills > li> a {
    padding: 3px 10px 3px 10px;
    color:  #666666!important;
}

.TabbedInformationList .nav-pills > li.active> a {
    background-color: #666666!important;
    color:  #FFFFFF!important;
}

.TabbedInformationList .nav-pills > li> a:focus, .TabbedInformationList .nav-pills > li.active> a:focus {
  outline: 0 none;
}

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

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

.panel-heading {
    background-color: #00736e!important;
    color: #FFFFFF!important;
    font-weight: bold!important;
}