html,body{font-family: 'Lato', sans-serif; font-weight: 400; min-height:100%}
body{ background: #3f7aa8}
.main-sec{height:100vh}
.main-sec .slds-container--x-large{ margin: 0 auto}
.slds-container_x-large,
.slds-container--x-large { max-width: 77rem;padding:0 1rem }
.margin-auto{ margin: 0 auto}
/* global css start */
.main-sec .slds-button_neutral , .main-sec .slds-button--neutral{ text-transform: uppercase; border-radius:8px;background-color:#f48e42; border:1px solid #f48e42; color:#fff; font-size: 13px; line-height: 17px;padding:0.4rem 0.7rem;transition: all 100ms ease-in-out;}
.main-sec .slds-button_neutral.yellow-lt-btn , .main-sec .slds-button--neutral.yellow-lt-btn{ background-color: #f0b37d; border:1px solid #f0b37d;} 

.main-sec .slds-button_destructive , .main-sec .slds-button--destructive{text-transform: uppercase; border-radius:8px;color:#fff; font-size: 13px; line-height: 17px;padding:0.4rem 1rem;transition: all 100ms ease-in-out;}

.main-sec .slds-button_neutral:hover , .main-sec .slds-button--neutral:hover ,.main-sec .slds-button_neutral:focus , .main-sec .slds-button--neutral:focus , .main-sec .slds-button_neutral:active , .main-sec .slds-button--neutral:active{background-color:#f8ad76;color:#fff}
.main-sec .slds-button_neutral.yellow-lt-btn:hover , .main-sec .slds-button--neutral.yellow-lt-btn:hover , .main-sec .slds-button_neutral.yellow-lt-btn:focus , .main-sec .slds-button--neutral.yellow-lt-btn:focus, .main-sec .slds-button_neutral.yellow-lt-btn:active , .main-sec .slds-button--neutral.yellow-lt-btn:active{-webkit-box-shadow: inset 2px 1px 8px 1px rgba(166,90,22,.3);box-shadow: inset 2px 1px 8px 1px rgba(166,90,22,.3); background-color: #ff8a22;}

.main-sec .slds-button_brand , .main-sec .slds-button--brand{ text-transform: uppercase; border-radius:8px; background-color:#3b87d0; border:1px solid #3b87d0; color:#fff;  font-size: 13px; line-height: 17px;padding:0.4rem 0.7rem;transition: all 100ms ease-in-out;}
.main-sec .slds-button_brand:hover , .main-sec .slds-button--brand:hover ,.main-sec .slds-button_brand:focus , .main-sec .slds-button--brand:focus , .main-sec .slds-button_brand:active , .main-sec .slds-button--brand:active{background-color:#469bf0;color:#fff}

.main-sec .slds-button_success , .main-sec .slds-button--success{ text-transform: uppercase;  border-radius:8px;background-color:#00b050; border:1px solid #00b050; color:#fff; font-size: 13px; line-height: 17px;padding:0.4rem 0.7rem;transition: all 100ms ease-in-out;}
.main-sec .slds-button_success:hover , .main-sec .slds-button--success:hover ,.main-sec .slds-button_success:focus , .main-sec .slds-button--success:focus , .main-sec .slds-button_success:active , .main-sec .slds-button--success:active{background-color:#02d863;color:#fff}

.bold-custom-font{ font-weight: 700}
.normal-custom-font{ font-weight: 400}
.custom-gray-border{border-bottom: 1px solid rgba(0,0,0,0.2);}

.custom-check-row{position:relative;display:inline-block;vertical-align:top;margin-right:15px} 
.custom-check-row label {display: inline-block; vertical-align: top;cursor: pointer;position: relative;padding:2px 0 0 2.2rem; width: 100%;  font-size: 1.2rem}
.custom-check-row input[type=checkbox]{display: none}
.custom-check-row label:before {border-radius:4px; content: "";display: inline-block; vertical-align: top; width: 25px;height: 25px;margin-right: 10px;position: absolute;left: 0;top: 4px; border:2px solid #aeb0b0; background: #ffffff}
.custom-check-row input[type=checkbox]:checked + label:before ,.custom-check-row input[type=checkbox]:checked + label:before{color: #333333;;border:2px solid #d7d7d7;    font-family: 'FontAwesome';
    content: "\f00c";line-height:25px; text-align: center; font-size: 18px}

/* header-sec start */
.header-top{ background: #4387ba; padding:10px 0}
.header-sec .logo{margin:10px 0 }
.header-sec .logo img{ max-width: 200px}
.header-top .slds-button{ font-weight: 900;padding:0.3rem 1rem; border-radius: 30px}
.header-top .slds-button .fa{padding-right:8px}
.header-sec.slds-page-header{ background: #ebf4ec; border-radius: 0; box-shadow: none;padding:0; border:none; border-bottom: 2px solid #d8dfd8}
.slds-page-header.login-header{border-bottom: 1px solid #fff}

 .header-sec nav ul li{ float: left; font-size: 0.9rem; font-weight: 700; text-transform:uppercase; position: relative;}
 .header-sec nav ul li a{ display: block; padding:1.5rem 0.8125rem; text-decoration: none;color:#5c656b; position: relative; width: 100%}
 .header-sec nav ul li a:hover ,  .header-sec nav>ul>li:hover>a{background: #f7faf8;color: #6ccf78;}
 .header-sec nav ul li a:after{ position: absolute; left:0; top: 0; width: 100%; height: 5px; background: #aff1b7;content:""; display:none}
 .header-sec nav>ul>li.active>a:after{ display: block}
 .header-sec nav ul .custom-dropdown .fa{ padding-left: 5px}
 .header-sec nav ul li.active a{background-color: #fff;  }
 .header-sec nav .sub-menu{ position: absolute; right: 0;top:100%;box-shadow: 0 1px 1px rgba(0,0,0,0.2);background: #f7faf8; z-index: 99; width: 180px;opacity:0;-webkit-transform-origin: top;transform-origin: top; -webkit-transform: scale(1, 0); transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
 .header-sec nav .sub-menu li{width: 100%; font-weight: 400; text-transform: none}
 .header-sec nav .sub-menu li a{padding: 0.5rem 1.5rem}
 .header-sec nav .sub-menu li a:hover{ background: #fff}
 .header-sec nav ul li:hover .sub-menu{ -webkit-transform: scale(1, 1);transform: scale(1, 1);  opacity:1;}	


/* header-sec end */

.login-container{ background: url('../images/login-banner.jpg') repeat center top; width:100%; background-size: cover; min-height: calc(100% - 65px); min-height: -webkit-calc(100% - 65px); position: relative;}
.slds-form-sec{width:500px;  background: rgba(0,0,0,0.5); margin:3em 0 13rem  0 }
.slds-form-details{padding:2rem 2rem 0.5rem}
.slds-form-sec h1{ background: #3b77a3;  text-align: center; padding:0.6rem 1rem;color:#fff; font-weight: 700}
.slds-form-sec .slds-form-element__control{ position: relative}
.slds-form-sec .slds-form-element__control .fa{ position: absolute ; left:10px; top:50%; transform: translate(0,-50%); font-size:1.5rem}
.slds-form-sec .slds-form-element__control .slds-input{padding-left:2.5rem; background: rgba(256,256,256,0.7);line-height: 2.4rem; min-height: calc(2.4rem + (1px * 2)); font-size:1rem}
.slds-form-sec :-ms-input-placeholder {font-size:1rem}
.slds-form-sec ::placeholder {font-size:1rem}
.slds-form-sec .link{ color:#fff;font-size:1rem}
.slds-form-sec .info{color:#99c1da; font-size: 1rem;background: rgba(0,0,0,0.5); }
.slds-form-sec .info a{ color:#0085cd}
.slds-form-sec .slds-button{width:100%; padding:0.63rem 1rem; font-size: 1rem}
.slds-form-sec .custom-check-row label{color:#fff}

.service-info-sec{ background: #fff; width: 100%; position: absolute; bottom: 0; left: 0;}
.service-info-sec ul li{ display:inline-block; vertical-align: top; font-weight: 700; font-size: 1rem; line-height: 1.4rem; text-align: center; padding:0 1rem; margin:-70px 0 0.8rem 0; }
.service-info-sec ul li figure{ border-radius: 100px; background: #e4e4e4; width: 80px; height: 80px; display: inline-block; vertical-align: top; position: relative}
.service-info-sec ul li span{ color: #06a0f3}
.service-info-sec ul li  span{ display: block}
.service-info-sec .details{padding-top:0.5rem}
.service-info-sec .fa{color:#002451; line-height: 80px; font-size: 2.4rem}
.service-info-sec .fa-usd{ font-size: 1.8rem; position: absolute; right: 5px; bottom: -22px;color:#31ac4b;    transform: rotate(-21deg);}


.body-container{ background: url('../images/banner-bg.jpg') repeat center top; background-size: cover;  }
.account-sec{background: url('../images/account-banner-bg.jpg') repeat center top; background-size: cover;}

.custom-nav-list li{width: 100%; padding-bottom: 0.7rem; }
.main-sec .custom-nav-list li a{ display: block;text-align: left; font-weight: 700; font-size: 1.05rem; display: flex;align-items: center;  padding:0; }
.custom-nav-list li a .fa{ background: rgba(0,0,0,0.2);border-radius: 7px 0 0 7px;font-size: 1.5rem;padding: 0.8rem 1rem; margin-right:1rem}
.home-left-btn-sec h3{color:#17375e;font-weight: 400; display: block}
.home-left-btn-sec h3 span{ display: block; }

.home-right-sec .top-banner h3{ font-weight: 400;color:#17375e;}

.feature-slider-sec h2{background:#3b87d0;color:#fff; font-weight: 400}
.feature-slider-sec .btn-box{ text-align: center;}
.feature-slider-sec figure{ position: relative;}
.feature-slider-sec figure h3{ font-size: 1.2rem; line-height: 1.5rem; position: absolute;  left:0;  bottom: 0; width: 100%; color:#fff; background: rgba(0,0,0,0.3); padding:0.3rem; text-align: center}
.feature-slider-sec figure h3 span{ display: block}
.feature-slider-sec .slick-next:before, .feature-slider-sec .slick-prev:before{color:#3b87d0; opacity: 1;  font-size: 30px}

.feature-slider-sec .slick-next, .feature-slider-sec .slick-prev{ width:30px; height: 30px; z-index: 9;}
.feature-slider-sec .slick-prev{left:0}
.feature-slider-sec .slick-next{right:0}

@media (min-width:1280px){
.feature-slider-sec .slick-prev{left:-30px}
.feature-slider-sec .slick-next{right:-30px}

    
    }
.feature-slider-sec .slider-col{ width:48%}
.feature-slider-sec{padding: right 2rem;}
.feature-slider-sec.upcoming-feature-slider-sec{padding:0}
.upcoming-feature-slider-sec figure h3{font-size: 1rem; line-height: 1.3rem;}

.account-sec h1{ font-weight: 700}
.common-sec{ border:1px solid rgba(0,0,0,0.2); background: rgba(256,256,256,0.89);}

.account-left-table .slds-table , .right-account-sec .slds-table{ background: none}
.account-left-table .slds-table thead th{ background: #3b87d0; color:#fff; font-size: 1rem; line-height:1.25rem}
.account-left-table .slds-table td a{ font-size: 0.7rem; font-weight: 400; margin-left: 0.7rem}
.account-left-table .slds-table td{ font-weight: 700}
.account-left-table .slds-table tr td, .account-left-table  .slds-table tr th{ white-space:  normal; padding:0.5rem 0.5rem;}
/*.account-left-table .slds-table tr td .details{ justify-content: space-between;flex-wrap: wrap; display: flex} */
.account-left-table .slds-table tr.highlight td{background: #aff1b7!important}


.account-link-details li{ display: inline-block; vertical-align: top; border-right:1px solid #fff; padding:0 6px 0 5px}
.account-link-details li:last-child{ border: none}
.common-heading{background: #3b87d0;color: #fff;font-weight: 400; color:#fff;padding:0.5rem 1rem;}
.common-blue-heading{background: #17375e;color: #fff;font-weight: 700; color:#fff;padding:0.3rem 0.5rem; font-size: 1.05rem; align-items: center}
.common-blue-heading .links a{ color:#fff; margin-left: 0.8rem; font-size: 0.85rem; font-weight: 400}
.common-blue-heading .links a:first-child{margin:0}
.common-blue-heading .links a .fa{ padding-left : 0.45rem}
.common-blue-heading h3{padding-right:0.3rem}
.right-account-sec{ width: 53%}
.account-top-table .slds-table{ font-size: 0.9rem}
.common-table {    border: 1px solid #c8c8ca;}
.common-table .slds-table  th{ background: #3b87d0; color:#fff;}
.account-top-table .slds-table tr td .red{color:#ff0000}
.account-top-table .slds-table tr td .green{color:#02d863}
.account-top-table .slds-table tr td{ font-weight: 700}
.common-table .slds-table th, .common-table  .slds-table td{ white-space: normal;padding:0.5rem}
.account-top-table .btn-group-details{ text-align: center;}
.account-top-table .btn-group-details .slds-button{ margin-bottom: 0.5rem}

.account-filter-table .slds-table tr td, .account-filter-table .slds-table tr th{ text-align: center; }
.account-filter-table .slds-table tr td:first-child , .account-filter-table .slds-table tr th:first-child{ text-align: left}
.account-filter-table .slds-table tr th span{ cursor: pointer;}
.account-filter-table .slds-table tr th .fa{padding-left: 0.3rem}

.table-reponsive-details{ border:1px solid #dddbda;}
.table-reponsive-details .slds-table_bordered{ border:none}
.account-details-list{padding:0 0.5rem 0 0}
.account-details-list + .account-details-list{padding:0 0 0 0.5rem}
.account-details-list li strong{color:#1f497d; font-weight: 700;padding-right: 0.2rem}
.account-details-list li .slds-checkbox .slds-form-element__label{ font-weight: 700; color:#1f497d;     font-size: inherit;}
.account-details-list li{ font-size: 0.86rem;  margin-bottom: 0.5rem;   display: flex;flex-wrap: wrap }
.account-details-list li span{    flex: 1;padding-left:0.2rem}
.table-reponsive-details .slds-table tr td, .table-reponsive-details.slds-table tr th{ white-space:  normal; padding: 0.5rem}
.table-reponsive-details .slds-table  thead tr th{ background: #3b87d0; color:#fff;; font-weight: 700}
.table-reponsive-details,.account-left-table , .common-table{-webkit-overflow-scrolling: touch;overflow: auto;}
.custom-sub-title{ font-weight: 400; font-size: 1rem}

.tracker-sec{ background: #0d396a; border-radius:0.7rem;color:#fff; }
.custom-slds-progressbar{ background:#36698e;padding:2rem 1rem; border-radius: 0.25rem}
.margin-0-auto{ margin:0 auto}
.custom-slds-progressbar .slds-progress-bar{height:1.5rem; border-radius: 1rem; overflow: hidden;}
.custom-slds-progressbar .slds-progress-bar__value{ background: rgba(104,173,0,1);
    background: -moz-linear-gradient(left, rgba(104,173,0,1) 0%, rgba(136,209,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(104,173,0,1)), color-stop(100%, rgba(136,209,0,1)));
    background: -webkit-linear-gradient(left, rgba(104,173,0,1) 0%, rgba(136,209,0,1) 100%);
    background: -o-linear-gradient(left, rgba(104,173,0,1) 0%, rgba(136,209,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(104,173,0,1) 0%, rgba(136,209,0,1) 100%);
    background: linear-gradient(to right, rgba(104,173,0,1) 0%, rgba(136,209,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ad00', endColorstr='#88d100', GradientType=1 );}
.tracker-sec .top-row p{ font-size:1rem; line-height: 1.3rem; text-transform: uppercase}
.tracker-sec .top-row .slds-text-heading_large{ font-size: 1.6rem }
.tracker-sec .bottom-row span{padding-right:0.5rem}
.custom-slds-progressbar .slds-assistive-text-details{ position: absolute;right:5px; top: 3px; font-weight: 700 }
.custom-slds-progressbar .slds-progress-bar__value{ position: relative;}

.progress-check-sec h3 , .pending-investments-sec .comment-sec h3{color:#1f497d}
.progress-check-sec .custom-check-row input[type=checkbox]:checked + label:before ,.progress-check-sec .custom-check-row input[type=checkbox]:checked + label:before{ border-color:#3b87d0; font-size:32px; line-height: 14px;color:#6aae01; font-weight: 300}
.progress-check-sec .custom-check-row label:before { border-color:#3b87d0}
.custom-check-row label{ padding-left: 2.7rem; font-size: 1.1rem}
.progress-check-list li{padding-bottom: 0.7rem}
.pending-investments-sec .comment-sec p{ font-size: 1rem}

.custom-breadcrumb li:last-child{padding-left: 0.5rem}
.invest-view-top-row p{ font-size: 1rem}
.invest-view-top-row p b{ font-weight: 700; font-size: 1.2rem}

.submit-new-investments-details .box{ background: #eeece1}
.submit-new-investments-details .title-content{ font-size: 1.05rem}

.asset-info-sec .slds-form-element__label{ font-weight: 700; font-size: 0.9rem;color:#333}
.asset-info-sec .slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element{padding:0 0 0 1.5rem}
.cmn-sort{ cursor: pointer;}
.cmn-sort .fa{padding-left: 0.3rem;}
.personal-investment-right .slds-table th:last-child , .personal-investment-right .slds-table td:last-child{ text-align: center}
.personal-investment-right .slds-table td .fa{ font-size: 1rem}
.personal-investment-right .table-reponsive-details .slds-table_bordered{ border:none; border-bottom: 1px solid #dddbda;}

.submission-avail-account--info .slds-button_success{ white-space: nowrap; margin-left: 1rem}
.submission-avail-account--info .slds-select_container{width: 100%}
.radio-box-details .slds-form-element__control .slds-radio{ display:inline-block; font-weight: 700}
.slds-form_compound  .splash-form-field .slds-form-element__row{   align-items: inherit}
.slds-splash-modal .slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element{padding-left:1.5rem}
.custom-tooltip{margin-left:0.5rem}
.custom-tooltip .help-icon{width: 36px}
.custom-tooltip .fa{ font-size: 2rem}
.spalsh-inner-sec .slds-text-heading_small{ font-size: 0.9rem; font-weight: 700; display: block; text-transform: uppercase}
.splash-content-value .slds-form-element__label{ font-weight: 700; font-size: 0.8rem;color:#000}

.slds-splash-modal .slds-modal__header .slds-button{ font-size: 2rem}
.slds-splash-modal .slds-modal__header{ background: #17375e ;color:#fff}

.pay-expense-invoice-info .slds-form_compound .slds-form-element__row{ align-items: inherit}
.slds-file-selector .fa{ margin-right: 0.3rem}
.asset-info-sec .slds-checkbox .slds-form-element__label , .pay-expense-invoice-info .slds-form-element__control .slds-radio .slds-form-element__label{ font-weight: 400; cursor: pointer;}
.pay-expense-invoice-info .slds-form_compound .slds-form-element__row>.slds-form-element:first-child{padding:0 1.5rem 0 0}
.investments-view-inner-details .table-reponsive-details .slds-table thead tr th:first-child{width: 22%}
.investments-view-inner-details .table-reponsive-details .slds-table  tr td:nth-child(2) a{ text-decoration: underline}
.investments-view-inner-details .table-reponsive-details .slds-table  tr td:nth-child(2) a:hover{ text-decoration: none}
.investments-view-inner-details .table-reponsive-details .slds-table  tr td:nth-child(2) a+ a{ margin-left: 1.5rem}
/* setting-sec css start */
.setting-sec{ width:100%}
.setting-sidebar{background:#0f243e;}

.setting-right-sec{min-height: 200px;    -ms-flex: 1;flex: 1;padding:1rem 1.5rem}
.setting-sec .slds-vertical-tabs{ background: #fff; }
.setting-sidebar .slds-vertical-tabs__nav{ border-right:1px solid rgba(0,0,0,0.3); background: none;width: 18em}
.setting-sidebar .slds-vertical-tabs__link{color:#fff;background:#0f243e!important; font-size: 1rem; text-decoration: none}
.setting-sidebar .slds-vertical-tabs__nav-item.slds-is-active a{color:#00b050; position: relative;}
.setting-sidebar .slds-vertical-tabs__nav-item.slds-is-active a:after{ position: absolute; left:0; bottom: -2px; width: 100%; height: 2px; background: #00b050;content:""; }
.setting-sidebar .slds-vertical-tabs__nav-item{ overflow:visible;}
.setting-sidebar .slds-vertical-tabs__nav-item.slds-is-active .slds-vertical-tabs__link:hover{color:#00b050}
.setting-right-sec .slds-vertical-tabs__content{ display: none}
.setting-right-sec .slds-vertical-tabs__content{padding:0}
.setting-right-sec h2{color:#00b050}

.setting-cmn-card {padding:0 1rem 0 0}
.setting-cmn-card +.setting-cmn-card {padding: 0 0 0 1rem}
.setting-cmn-card .slds-avatar-details{ text-align: center; background:#fff;overflow: hidden;display: inline-block;vertical-align:  middle;width: 3rem;height: 3rem;font-size: 2.3rem;font-weight: 300;line-height:3rem; border-radius:0.25rem; border:1px solid rgba(0,0,0,0.2)}
.setting-cmn-card .slds-media.slds-page-header{ background: #f1f2f5; border-radius: 0.5rem; width: 100%}
.setting-cmn-card .slds-media h3 a{color:#080707; text-decoration: underline} 
.setting-cmn-card .slds-media h3 a:hover{text-decoration: none} 
.setting-cmn-card .slds-media p{ font-size: 0.9rem;}

.message-select-box label{ font-weight: 700; font-size: 0.9rem}
.message-select-box .slds-button{ margin-left:0.5rem}
.recent-message-content p{ border:1px solid rgba(0,0,0,0.2); padding:0.5rem 1rem}
.recent-message-content{background: #f1f2f5; }

.setting-change-password .slds-form{background: #f1f2f5; border-radius: 0.5rem; padding: 1rem; border: 1px solid #dddbda;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
.setting-change-password .slds-form .slds-form-element__label{ font-weight: 700}
.setting-contact-form{background: #f1f2f5; border-radius: 0.5rem; border: 1px solid #dddbda;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); margin:0 auto;padding:1rem 0}
.setting-contact-box{ padding:0 2rem 1rem; margin-bottom: 1.2rem}
.setting-contact-form .slds-form-element__label{font-size: 0.785rem; font-weight: 700}
.contact-security-ques .slds-form-element__label{ font-size: 1rem; }
.contact-security-ques .sub-label{ font-size: 0.75rem; font-style: italic;color:#828282}
.contact-security-ques .slds-input{width:150px}
.setting-contact-form .slds-form_compound .slds-form-element__row{margin-bottom: 0.5rem}

.slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element{padding:0 0 0 1.5rem}
.custom-alert-box .slds-icon_container .fa{ font-size: 1.5rem}
.custom-alert-box {margin:0 0 0.5rem 0;padding:0.5rem 1rem}
.custom-alert-box .slds-notify__content a:hover{ text-decoration: none}
.find-btn-details .slds-button{ margin-left:1rem;height:34px}
.find-btn-details p .fa{font-size: 1.3rem;padding-right: 0.2rem;}
.disabled-overview-content .slds-table * { pointer-events: none; opacity: 0.9;}
.disabled-overview-content .slds-table td{ background: #f3f2f2}

.common-modal-sec .slds-modal__header .slds-button{ font-size: 2rem}
.common-modal-sec .slds-modal__header{ background: #17375e ;color:#fff}
.common-modal-sec .slds-modal__header .slds-button{  font-size: 2rem;}
.security-info-content .slds-form .slds-form-element__row label{display: block}
.security-info-content .pin-passowrd{width: 200px}

.security-confirm-modal .slds-modal__container{width: auto;max-width: 0;min-width: 19rem;}
.security-confirm-modal .details{box-shadow: 0 0 8px 5px rgba(0,0,0,0.25); border-radius: .25rem}

.locationsetting-modal-content .slds-form_compound .slds-form-element__label{ font-weight: 700;    font-size: 0.85rem;}
.locationsetting-modal-content .slds-form_compound .slds-form-element__row{  align-items: center}
.securitysetting-modal-content .slds-form label{display: block}
.direction-due-list ul li{ padding-bottom: 0.3rem}
.term-condition-modal p{ margin-bottom: 1rem}
.term-condition-modal .slds-form-element__label{ font-size: 0.8rem}
.chatter-feed h3 .fa{ padding-right: 0.5rem}

.slds-form-element__row.align-item-top{align-items:flex-start;}
.custom-radio-wrap .slds-radio{margin-right:0.5rem;margin-bottom: 0.3rem;}
.custom-radio-wrap-2 .slds-radio{margin-right:0.5rem;margin-bottom: 0.3rem;}
.fair-market-value .value-details{ position: relative;}
.fair-market-value .value-details .slds-input{padding-left:1rem}
.fair-market-value .value-details .dollar{line-height: 1.875rem; position: absolute;left:0.5rem}
.fair-market-value .slds-textarea{height:50px}
.setting-contact-security .or{min-width: 80px; text-align: center;padding: 2.2rem 0.5rem 0; font-weight: 700}
.slds-form_compound .slds-contact-security-toprow{ align-items: flex-start}

/* slds-theme--warning css start*/
.slds-theme_warning, .slds-theme--warning {
  background-color: #3b87d0;
  color: #fff; }

.slds-theme_warning .slds-icon,
.slds-theme_warning .slds-button__icon, .slds-theme--warning .slds-icon,
.slds-theme--warning .slds-button__icon {
  fill: #fff; }
 .slds-theme--warning  .toastContent.slds-notify__content , .slds-theme--warning  .toastContent.slds-notify__content{color:#fff;}
 .slds-theme--warning  .toastContent.slds-notify__content span a , .slds-theme--warning  .toastContent.slds-notify__content span a{ text-decoration: none;color: #fff; }

  /* slds-theme--warning css end*/

/* footer start */
footer{ background: #3f7aa8;padding:1rem 0}
.footer-nav li{ display: inline-block; vertical-align: top; border-right:2px solid #1dd360; padding-right:15px; margin-right: 13px; font-weight: 700; }
.footer-nav li a{ text-decoration: underline; color: #00d460}
.footer-nav li:last-child{margin:0;padding: 0; border:none}
.footer-nav li a:hover{ text-decoration: none}
.footer-content p{color:#fff}
.footer-content b{ font-weight: 900}
.social-bar-sec h3{width: 100%; font-weight: 900;  color:#fff}
.social-bar-sec p{color:#cbd8e4; font-style: italic; font-size: 12px}
.social-bar-sec p a{ color:#49ec63}
.social-link li{ display: inline-block; vertical-align:  top; margin-right:1.25rem; font-size: 2.6em}
.social-link li a{ text-decoration: none;color: #f0b9b8}
.social-link li a:hover{color:#f83e2c}
.social-link .facebook-link a{color:#c7cfe2}
.social-link .twitter-link a{color:#b5e6f9}
.social-link .facebook-link a:hover{color:#445f9f}
.social-link .twitter-link a:hover{color:#00aaeb}
/*footer end */

/* responsive css start */
@media(min-width:768px){

.body-container{ min-height: calc(100% - 310px); min-height: -webkit-calc(100% - 310px);  }
.main-sec .setting-main-sec .slds-container--x-large{min-height: calc(100vh - 310px); min-height: -webkit-calc(100vh - 310px); }
.slds-form_horizontal .slds-form-element__control {padding-left: 0; width:100%; clear: none;}
.setting-change-password .slds-form .slds-form-element{ display:  flex }
.slds-form_horizontal .slds-form-element__label:first-child {float: left;max-width: none;-ms-flex-preferred-size: inherit; position: relative; z-index: 1; min-width: 130px; text-align: right; float: none;flex-basis:none}
.home-right-sec{ border-left:1px solid rgba(0,0,0,0.2)}

}


@media (min-width: 1024px) and (max-width: 1279px) {

.header-sec nav ul li{font-size: 0.8125rem;}
.header-sec nav ul li a{ padding: 1.35rem 0.65rem;}
.header-sec .logo img{ max-width: 150px;}
.right-account-sec{width:56%}
.upcoming-feature-slider-sec .slds-var-p-horizontal_x-large{padding:0}
.navbar-details{ display: flex;width: 100%;padding-left:2rem}
.navbar-details>ul{ display: flex;width: 100%}
.header-sec nav>ul>li{ flex:1}
.header-sec nav>ul>li:first-child , .header-sec nav>ul>li:last-child{flex:none}
.header-bottom .slds-wrap{ flex-wrap:nowrap}
.header-sec nav>ul>li>a{ white-space: nowrap; text-align: center}

    
    }  
 
@media(max-width:1023px){

    .setting-contact-box{padding: 0 1rem 1rem;}
    .setting-cmn-card{padding:0 0.5rem 0 0}
    .setting-cmn-card +.setting-cmn-card{padding:0 0 0 0.5rem}
    .setting-right-sec{padding:1rem}
    .main-sec .custom-nav-list li a{ font-size: 0.8rem}
    .feature-slider-sec figure h3{ padding:0.3rem 1.5rem; font-size: 0.9rem; line-height:1.1rem }
    .right-account-sec{width:100%; margin:1.5rem 0 0 0}
    
    .account-left-table .slds-table thead th,.common-heading.slds-text-heading_small{ font-size: 0.8rem}
    .upcoming-feature-slider-sec .slds-var-p-horizontal_x-large{padding:0}
    .account-detail-container .account-details-sec .slds-var-p-right_medium{padding: 0}
    .account-detail-container .account-details-sec .slds-var-p-left_medium{padding: 0}
    .account-detail-container .account-details-sec .slds-var-p-left_medium{margin-top:1.5rem}
    .common-table .slds-table td a{ white-space: nowrap;}
    .main-sec .slds-button_success, .main-sec .slds-button--success , .main-sec .slds-button_neutral, .main-sec .slds-button--neutral,.main-sec .slds-button_destructive , .main-sec .slds-button--destructive{ font-size: 12px}
    .overview-submission-sec .personal-investment-left.slds-var-p-right_medium{padding-right: 0}
    .overview-submission-sec .personal-investment-right.slds-var-p-left_medium{padding-left: 0; margin-top: 1rem}
    .slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element.custom-grid-space-2{padding-left:0rem;}
  
 

}    
 
@media (min-width: 768px) and (max-width: 1023px) {
    .header-sec nav ul li{font-size: 0.6575rem;}
    .header-sec nav ul li a{ padding: 1.35rem 0.3rem; }
    .header-sec nav ul li li a{font-size: 0.85rem;}
    .header-sec .logo img{ max-width: 120px;}
    .header-sec nav>ul>li:first-child>a{min-width: 35px; text-align: center; font-size: 16px; line-height: 18px}
    .setting-sidebar .slds-vertical-tabs__nav{ width: 14em}
    .setting-sidebar .slds-vertical-tabs__link{ font-size: 0.89rem}
    .common-left-sec.slds-p-right_x-large{padding-right: 1rem}
    .common-right-sec.slds-p-left_x-large{padding-left: 1rem}


    .navbar-details{ display: flex;width: 100%;padding-left:1rem}
    .navbar-details>ul{ display: flex;width: 100%}
    .header-sec nav>ul>li{ flex:1}
    .header-sec nav>ul>li:first-child , .header-sec nav>ul>li:last-child{flex:none}
    .header-bottom .slds-wrap{ flex-wrap:nowrap}
    .header-sec nav>ul>li>a{ white-space: nowrap; text-align: center}
    .setting-contact-security .or{ min-width: 65px;}
} 
@media(min-width:480px){

    .transactions-select-form .slds-form-element__control{padding-right:0.5rem}
    .transactions-select-form.slds-wrap{ flex-wrap: nowrap}
    .right-padding{ padding-right: 1rem}
    .left-padding{ padding-left: 1rem}
    .locationsetting-modal-content .slds-form_compound .slds-form-element__label{ min-width: 150px; text-align: right;}
    
    }
    @media(max-width:768px){
  .slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element.custom-grid-space-2{padding-left:0rem;}
  .for-ckeck-wrapper{padding-left:0rem;}
  


    }
@media(max-width:767px){

.toggle_menu{ z-index:9;transition: all 0.3s; -webkit-transition: all 0.3s; height:23px; top:19px; font-size:18px; line-height:22px; color:#259b45; text-decoration:none; text-transform:uppercase; font-weight:400; text-align:right; padding:10px 38px 0 0; position:absolute; right:15px; display:block; }
.toggle_menu span { width: 38px; height: 5px; display: block; position: absolute; right: 0px; top: 10px; background: #259b45; transition: all 0.3s; -webkit-transition: all 0.3s; z-index:9999 }
.toggle_menu span:after { width: 38px; height: 5px; position: absolute; left: 0px; top: -9px; content:''; background: #259b45; transition: all 0.3s; -webkit-transition: all 0.3s; } 
.toggle_menu span:before { width: 38px; height: 5px; position: absolute; left: 0px; bottom: -9px; content:''; background: #259b45; transition: all 0.3s; -webkit-transition: all 0.3s;}
.toggle_menu.cross span{ background: transparent; }
.toggle_menu.cross span:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0; } 
.toggle_menu.cross span:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px; } 

.header-sec .navbar-details{ background: #d9f4dc; position: absolute; left: 0; top: 100%; z-index: 99; box-shadow: rgba(0,0,0,0.3); display: none; max-height: 500px; overflow-y: auto}
.header-sec .navbar-details li{width: 100%; border-bottom: 1px solid rgba(0,0,0,0.2)}
.header-sec nav ul li a{padding:0.5rem 1rem}
.header-sec nav ul li a .fa-home{font-size: 1.5rem}
.header-sec nav .sub-menu{ position: relative; float: left; width: 100%; display: none;padding: 0}
.header-sec nav .sub-menu li:first-child{ border-top: 1px solid rgba(0,0,0,0.2)}
.header-sec nav .sub-menu li:last-child{border:none}
.header-sec nav ul li:hover .sub-menu{ display: block}
.header-bottom{ position: relative}
.header-sec .custom-dropdown .fa{  content: "";position: absolute; right: 15px; top:10px; z-index: 99; }

.service-info-sec ul li{ font-size: 1rem;margin:-0.8rem 0 1.5rem;}
.service-info-sec{ position: static}
.slds-form-sec{ margin:3rem 0}
.login-container{ min-height: inherit}
.main-sec .body-container .slds-container--x-large{padding:0.2rem}
.slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element{ padding-left:0.5rem}
.slds-form_compound .slds-form-element__row.contact-info-form-row2 .slds-form-element + .slds-form-element{ padding-left:0}
.slds-form_compound .slds-form-element__row.contact-info-form-row2 .slds-form-element + .slds-form-element + .slds-form-element{ padding-left:0.5rem}
.slds-form_compound .slds-form-element__row.contact-info-form-row2>.slds-form-element{margin-bottom: 0.5rem}
.setting-sec .slds-vertical-tabs{display: block}
.setting-sidebar .slds-vertical-tabs__nav-item{ display: inline-block; vertical-align: top;border-bottom: 1px solid #fff; margin-right: 0}
.setting-sidebar .slds-vertical-tabs__nav{ width: 100%}
.setting-sidebar .slds-vertical-tabs__nav-item .slds-vertical-tabs__link{padding:0.5rem 0.4rem;font-size: 0.8rem}
.setting-sidebar .slds-vertical-tabs__nav-item.slds-is-active a:after{ bottom: -2px; height: 3px;}
.setting-cmn-card{padding:0!important}
.setting-sidebar .slds-vertical-tabs__nav-item.slds-is-active{margin-right: 0}
.common-left-sec.slds-p-right_x-large{padding-right: 0}
.common-right-sec.slds-p-left_x-large{padding-left: 0}
.home-inner-details{ display: block;}
.custom-nav-list li a .fa{ font-size: 1.2rem;padding: 0.5rem 1rem; width: 55px}
.home-page-sec{padding:0 0.8rem}
.home-page-sec .slider-col .slds-button { margin-bottom: 0.5rem}

.feature-slider .slick-dots li button:before,.feature-slider .slick-dots li button:after{ font-size: 20px;}
.feature-slider .slick-dots li.slick-active button:before, .feature-slider .slick-dots li button:focus:before, .feature-slider .slick-dots li button:hover:before{color:#3b87d0}
.footer-nav li{ margin:0 5px 8px 0;padding-right: 5px}
.inves-btn-details .slds-button{margin-bottom: 0.5rem}
.common-blue-heading h3{font-size: 0.9rem}
.common-blue-heading .links a{margin-left: 0.7rem;  font-size: 0.78rem;} 
.slds-splash-modal .slds-modal__container{margin:0 1rem}  
.investment-submission-sec .account-details-sec .slds-var-p-right_medium{padding: 0}
.investment-submission-sec .account-details-sec .slds-var-p-left_medium{padding: 0; margin-top:1.5rem}
.tracker-sec .top-row .slds-text-heading_large{ font-size: 1.4rem; margin-bottom: 0.5rem}

.asset-info-sec .slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element.pay-expense-checkdetails{padding:1.3rem 0 0 0  }
.progress-check-sec,.progress-check-sec .slds-p-left_large,.comment-sec{padding:1rem 0 0 0}
.custom-check-row label{padding-left: 2.5; font-size: 1rem}
.progress-check-sec h3, .pending-investments-sec .comment-sec h3{ font-size: 1rem}
.tracker-sec .bottom-row span{padding-right:0.5rem}
.setting-right-sec h1.slds-text-heading_large{ font-size: 1.4rem} 
.account-details-list + .account-details-list{padding:0}
.setting-contact-security .or{ min-width: 45px;}

}

@media(max-width:479px){


.slds-form_compound .slds-form-element__row.contact-phone-info .slds-form-element + .slds-form-element{padding:0.5rem 0 0 0}
.feature-slider-sec .slider-col{ width:100%; margin-bottom: 1rem}
.feature-slider .slick-next, .feature-slider .slick-prev{transform: none;top:20px}
.inves-btn-details{ text-align: center}
.social-link li{ margin-right: 1.1rem}
.custom-check-row{ margin-bottom: 0.5rem}
.service-info-sec ul li{padding:0 0.7rem}
.other-submission-account-info .slds-form_compound .slds-form-element__row{display: block}
.other-submission-account-info .asset-info-sec .slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element{padding-left: 0;padding-top:0.3rem}   
.asset-info-sec .slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element{padding:0.5rem 0 0 0}
.custom-breadcrumb .slds-breadcrumb__item{ font-size: 0.67rem} 
.submission-avail-account--info .slds-button_success{ margin-left: 0.5rem}
.pay-expense-invoice-info .slds-form_compound .slds-form-element__row>.slds-form-element:first-child{padding: 0}
.slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element.custom-grid-space{padding-left:0rem;}
.custom-radio-wrap .slds-radio{ min-width: 130px;}
.custom-radio-wrap-2 .slds-radio{min-width: 150px;}
.delivery-inst-wrapper .slds-checkbox {margin-bottom:0.5rem;}
.setting-contact-security .or{width: 100%;padding: 0.3rem;    background: #c23934;color:#fff;margin:0.5rem 0 0.2rem}

}