.title-02{
font-size: 24px;
line-height: 1.2;
margin-bottom: 4px;
}

.title-03{
font-size: 22px;
line-height: 1.2;
margin-bottom: 4px;
}

.title-04{
font-size: 18px;
line-height: 1.3;
margin-bottom: 4px;
}

.sec-title{
font-size: 28px;
line-height: 1.3;
font-weight: 700;
color: #162648;
}

.cursor-pointer{
cursor: pointer;
}

.text-black{
color: #000 !important;
}

.current {
border-bottom: 2px solid #162648 !important;
}

/*--video page css start here---------------------------------------*/
.video-img img{
opacity: 1;
-webkit-transition: .4s ease;
transition: .4s ease;
width: 100%;
height: 220px;
margin-bottom: 15px;
object-fit: cover;
}

.video-title{
font-size: 20px;
line-height: 1.4;
color: #162648;
margin-bottom: 10px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.video-text{
font-size: 16px;
line-height: 1.6;
color: #5d646d;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/*--video page css end here-----------------------------------------*/


/*--video details page css start here-----------------------------------------*/
.details-title{
font-size: 28px;
line-height: 1.3;
color: #000;
font-weight: 700;
margin-bottom: 10px;
}

.details-text{
font-size: 16px;
line-height: 1.7;
color: #000;
font-weight: 400;
margin-bottom: 15px;
}

.follow-box img{
height: 60px;
max-width: 100%;
}

.follow-title{
font-size: 22px;
line-height: 1.3;
color: #162648;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
padding-left: 15px;
}

.follow-text{
font-size: 14px;
line-height: 1.5;
color: #000;
font-weight: 400;
/* overflow: hidden;
 * text-overflow: ellipsis;
 * display: -webkit-box;
 * -webkit-line-clamp: 2;
 * -webkit-box-orient: vertical; */
}

.table-bordered th{
color: #000;
}

.portfolio-box .table td, .table th{
padding: 2px;
font-size: 12.5px;
}

.article-box .table td, .table th{
padding: 2px;
font-size: 12.5px;
}


.cs-icon i{
font-size: 16px;
background-color: #162648;
color: #fff;
padding: 6px 9px;
border-radius: 4px;
margin-right: 10px;
}

.cs-icon .dropdown-item {
font-size: 14px;
color: #212529;
padding: 3px 12px;
}

.symbols-box .form-control{
font-size: 16px;
}

.symbols-box .form-control:focus{
border: 1px solid #ced4da;
border-right: 0;
}

.ht-270{
height: 270px;
}

.ht-302{
height: 302px;
}

.symbol-search-box{
/*height: 270px;*/
overflow: auto;
}

.symbol-search-box li a{
font-size: 14px;
line-height: 2.2;
color: #555;
display: flex;
justify-content: space-between;
}

.remove-box h3{
font-size: 18px;
color: #000;
font-weight: 600;
text-transform: uppercase;
}

.remove-box p{
font-size: 13px;
color: #555;
font-weight: 400;
}

.remove-btn i{
font-size: 28px;
color: #555;
font-weight: 500;
}

.remove-portfolio-box{
height: 220px;
overflow-x: hidden;
overflow-y: scroll;
}

.resize-none{
resize: none;
}

.review-user-img{
height: 60px;
width: 60px;
object-fit: contain;
}

.comment-user-icon{
height: 40px;
width: 40px;
object-fit: contain;
}
/*--video details page css end here-----------------------------------------*/

/*--education page css start here------------------------------------*/
.education-sec{
padding: 15px;
width: 100%;
height: auto;
display: block;
position: relative;
overflow: hidden;
clear: both;
margin-bottom: 25px;
}

.edt-image img{
height: 110px;
width: 100%;
object-fit: cover;
}

.edt-title{
font-size: 18px;
line-height: 1.4;
color: #162648;
font-weight: 700;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.edt-text{
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #6c757d;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/*--education page css end here------------------------------------*/

/*--education details page css start here---------------------------*/
.browse-box .card .card-header .card-link::before {
content: "\f106";
font-family: 'FontAwesome';
font-weight: 900;
float: right;
font-size: 17px;
}

.browse-box .card .card-header .card-link.collapsed::before {
content: "\f107";
}

#accordionhelp .card .card-header{
cursor: pointer;
}

#accordionhelp .card .card-header::before {
content: "\f106";
font-family: 'FontAwesome';
font-weight: 900;
float: left;
margin-right: 8px;
font-size: 17px;
}

#accordionhelp .card .card-header.collapsed::before {
content: "\f107";
}

#accordionhelp .card-link{
line-height: 1.9;
}

.browse-box h5{
font-size: 16px;
color: #000;
font-weight: 600;
}

.browse-box ul li a{
font-size: 15px;
color: #555 !important;
font-weight: 400;
}

.browse-box ul li a:hover{
text-decoration: underline;
}

.browse-box .card-header{
padding: 5px 0px;
}

/*--education details page css enf here--------------------------------*/

/*--etf page css start here-------------------------------------------*/
.thumb-img{
height: 60px;
max-width: 100%;
object-fit: contain;
display: block;
margin-left: auto;
margin-right: auto;
}

.portfolio-thumb-img{
height: 80px;
max-width: 100%;
object-fit: contain;
display: block;
margin-left: auto;
margin-right: auto;
}

.thumb-icon-img{
height: 80px;
max-width: 100%;
object-fit: contain;
display: block;
margin-left: auto;
margin-right: auto;
}

.thumb-img-sec-filling{
height: 60px;
max-width: 100%;
object-fit: contain;
display: block;
}
.etf-box .flex-column{
flex-basis: 90%;
}

.thumb-img-fix-hw{
height: 120px;
object-fit: cover;
width: 140px;
}

.thumb-img-fix-hw img{
height: 120px;
object-fit: cover;
width: 140px;
}

.etf-box h2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 700;
}

.etf-box ul li{
margin-right: 8px;
font-size: 15px;
line-height: 1.5;
}

.etf-box ul li a{
font-size: 13px;
}

.etf-box ul li span{
font-size: 13px;
}

.etf-box ul li a:hover{
text-decoration: underline;
}

/*--etf page css end here----------------------------------------------*/

/*--lets talk page css start here----------------------------------------*/
.custom-sec .nav-tabs .nav-link{
color: #162648
}

.custom-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
color: #fff !important;
background-color: #162648;
}

.custom-sec .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
color: #fff !important;
background-color: #162648;
}

.filter-box a{
margin: 0px 8px 12px 2px;
}

.follower-img{
height: auto;
width: 120px;
object-fit: contain;
}

.text-limit-01{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.text-limit-02{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.text-limit-03{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/*--Lets talk page css end here-----------------------------------------*/

/*--table css start here--------------------------------*/
.data_currencies_table{font-size:14px;}
.data_currencies_table tr td a:before {content: "(";}
.data_currencies_table tr td a:after {content: ")";}
.data_currencies_table .up{color:#309e19;font-weight:normal; text-align:center;width:65px;}
.data_currencies_table .down{color:#CC0000;font-weight:normal; text-align:center;width:65px;}

.data-list li{margin-bottom: 3px;}
.data-list li a:hover{text-decoration: underline;}
/*--table css end here-----------------------------------*/


/*--who to follow css start here-------------------------*/
.value-box{
border-bottom: 1px solid #dee2e6;
margin-bottom: 15px;
padding-bottom: 10px;
}

.value-box:last-child{
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}

.admin-box .nav-link{
line-height: 1.5;
border-radius: 0px;
border: 1px solid #fff !important;
}

.admin-box .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
color: #272660;
background-color: #fff !important;
border: 1px solid #272660 !important;
}
/*--who to follow css end here---------------------------*/


.table-box th{
font-size: 14px;
font-weight: 500;
}

.table-box td{
font-size: 13px;
font-weight: 400;
}

.broker-box{
height: 310px;
overflow-x: hidden;
overflow-y: scroll;
}

.pl-14{
padding-left: 14px !important;
}

.screener-table .table th{
font-size: 14px;
font-weight: 600;
}

.screener-table .table td, .table th{
vertical-align: middle !important;
}

.screen-table .table th{
font-size: 11px !important;
text-align: center;
color: #000;
padding: 5px 5px;

}

.screen-table .table td{
font-size: 13px !important;
text-align: center;
}

.screen-table .table td a{
line-height: 1.3;
font-size: 14px;
}

.screener-tabs .nav-tabs .nav-link{
font-size: 13px !important;
padding: 3px 12px !important;
font-weight: 500 !important;
}


.category-box{
height: 340px;
overflow-x: hidden;
}

#selected-filters{
height: 340px;
overflow-x: hidden;
}


/*--symbol page css start here-------------------------------------*/
.symbol-nav .nav-link{
padding: 2px 8px;
font-size: 14px;
color: #000;
font-weight: 600;
}

.symbol-nav .active .nav-link{
color: #fff !important;
background-color: #162648;
border-radius: 0px;
}

.symbol-nav .nav-link:hover{
color: #fff;
background-color: #162648;
border-radius: 0px;
}

.symbol-nav .nav-link:focus{
color: #fff;
background-color: #162648;
border-radius: 0px;
}

.symbol-table-box .table td, .table th{
padding: 5px 2px;
font-size: 14px;
vertical-align: middle;
}

.symbol-table-box .table td a, .table th a{
font-size: 14px;
font-weight: 400;
line-height: 1.4;
}

.symbol-table-box .table thead th{
border-top: none!important;
border-bottom: none !important;
}

.symbol-tab-sec .nav-tabs .nav-link{
color: #162648;
font-size: 12px;
padding: 2px 8px;
font-weight: 600;
}

.symbol-tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
color: #fff !important;
background-color: #162648;
border-radius: 0px;
border-color: #162648;
}

.symbol-tab-sec .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
color: #fff !important;
background-color: #162648;
border-radius: 0px;
border-color: #162648;
}

.cs-bottom-border{
border-bottom: 1px solid #dee2e6;
padding-bottom: 16px;
margin-bottom: 16px;
}

.cs-bottom-border:last-child{
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}
/*--symbol page css end here---------------------------------------*/

.logo{
max-height: 45px;
}

/*@media (min-width: 1200px){
 * .container, .container-xl {
 * max-width: 1320px;
 * }
 * }*/

.thank-you{
width: 100%;
text-align:center;
margin: 150px auto;
border-radius: 11px;
padding: 40px 30px;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

.badge-light-new{
background-color: #dbdbdb;
font-size: 12px;
padding: 3px 9px;
border-radius: 4px;
color: #757575;
font-weight: 500;
width: 30px;
}

.badge-dark-green{
background-color: #3d5f12;
font-size: 12px;
padding: 3px 9px;
border-radius: 4px;
color: #fff;
font-weight: 500;
}

.badge-medium-green{
background-color: #5d921c;
font-size: 12px;
padding: 3px 9px;
border-radius: 4px;
color: #fff;
font-weight: 500;
}

.badge-light-green{
background-color: #70c30e;
font-size: 12px;
padding: 3px 9px;
border-radius: 4px;
color: #fff;
font-weight: 500;
}

.badge-red{
background-color: #ff1a00;
font-size: 12px;
padding: 3px 9px;
border-radius: 4px;
color: #fff;
font-weight: 500;
}

.badge-orange{
background-color: #ff7200;
font-size: 12px;
padding: 3px 9px;
border-radius: 4px;
color: #fff;
font-weight: 500;
}

.badge-yellow{
background-color: #fcc131;
font-size: 12px;
padding: 3px 9px;
border-radius: 4px;
color: #fff;
font-weight: 500;
}


.badge-dark-yellow{
background-color: #efa818;
font-size: 12px;
padding: 3px 9px;
border-radius: 4px;
color: #fff !important;
font-weight: 500;
}

.news-img{
height: 170px;
width: 100%;
object-fit: cover;
margin-bottom: 10px;
}

#accordion .card-link {
font-size: 16px;
color: #000;
font-weight: 400;
}

.user-text{
width: 111px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


.user-profile-img{
height: 80px;
object-fit: contain;
}

.custom-control-label{
line-height: 1.8;
font-size: 14px;
}

.custom-control.custom-checkbox {
    margin-right: 20px;
}

.pl-20{
padding-left: 20px;
}

.view-more-content{
display: none;
}

.more-news-content{
display: none;
}

.custom-border tr{
border-top: none;
}

.custom-border td{
border-top: none;
}

.custom-border tr:nth-child(even){border-top: 1px solid #dee2e6;}
.custom-border tr:nth-child(odd){border-top: none;}

.bg-light-green{
background-color: #e3f6d8;
}

.bg-light-red{
background-color: #fee2e7;
}

.custom-row::after {
content: "\f106";
font-family: 'FontAwesome';
font-weight: 900;
float: right;
padding-right: 10px;
font-size: 20px;
margin-top: 10px;
}

 .custom-row.collapsed::after{
content: "\f107";
} 

.watchlist-icon .dropdown-menu{
min-width: 6.5rem
}

.board-list li{
border-bottom: 1px solid #e3e3e3;
}


.board-list li:last-child {
border-bottom: none;
}

.table-bordered{
border: 1px solid #dee2e6 !important;
}

.boards-table th{
cursor: pointer;
}

.author-profile-img{
height: 30px;
}

.buttonsearch i{
font-size: 16px;
}

.nav-search{
    position: fixed !important;
    /*background-color: rgb(255, 255, 255);*/
    z-index: 9999;
    display: none;
    top: 61px;
    width: 100%;
}

.nav-search.add-top{top:61px}
.form-check-label{
/*padding-left: 20px;
 * text-indent: -20px;*/
cursor: pointer;
}

.notifications-box{
border-bottom: 1px solid #dee2e6;
margin-bottom: 15px;
padding-bottom: 15px;
}

.notifications-box:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}

.alert-activity-form-control{
width: 25%;
}

.unsubscribe-btn{
background-color: #ffffff;
border: 1px solid #dee2e6;
}

.unsubscribe-btn:hover{
border: 1px solid #162648;
}

.current-new{border: 1px solid #162648;}

.form-check-input{
margin-top: 0;
cursor: pointer;
margin-left: -1.15rem;
}

.reports-feature-img{
min-height: 80px;
    width: 120px;
    object-fit: cover;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.free-trial-text{
font-size: 14px;
line-height: 1.2;
font-weight: 500;
}

/*--some chart css start here---------------------------------------*/
@import "https://code.highcharts.com/css/highcharts.css";

#patterns-enabled {
width: 17px;
height: 17px;
vertical-align: middle;
margin-top: 0;
cursor: pointer;
}

#patterns-enabled-label {
cursor: pointer;
}

#container {
height: 420px;
}

#chart-wrap {
min-width: 350px;
max-width: 700px;
margin: 1em auto;
font-family: 'Comfortaa', cursive;
}

.highcharts-figure,
.highcharts-data-table table {
margin: 1em auto;
}

.highcharts-data-table table {
font-family: 'Comfortaa', cursive;
border-collapse: collapse;
border: 1px solid #ebebeb;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}

.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}

.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}

.highcharts-data-table tr:hover {
background: #f1f7ff;
}


#container1 {
height: 115px;
}

#container2,
#container3,
#container4 {
height: 85px;
}

.hc-cat-title {
font-size: 13px;
font-weight: bold;
}

.highcharts-figure,
.highcharts-data-table table {
min-width: 320px;
max-width: 800px;
margin: 1em auto;
}

.highcharts-data-table table {
font-family: 'Comfortaa', cursive;
border-collapse: collapse;
border: 1px solid #ebebeb;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}

.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}

.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}

.highcharts-data-table tr:hover {
background: #f1f7ff;
}

.highcharts-description{
font-size: 13px;
line-height: 1.5;
}

/*--some chart css end here---------------------------------------*/

.article-nav li{
line-height: 20px !important;
}

.article-nav .nav-link:focus, .article-nav .nav-link:hover {
border-color: #162648 #162648 #162648;
color: #fff !important;
background-color: #162648;
border-radius: 0px;
}

.form-check{
line-height: 1.0;
}

table.dataTable thead th, table.dataTable thead td{
font-size: 14px;
padding: 8px 10px !important;
}

th.text-center.sorting {
    width: 144.4219px;
}

.recommendations_table .data_currencies_table tr td a:before{
content: none;
}

.recommendations_table .data_currencies_table tr td a:after {
content: none;
}

.recommendations_table .table td, .table th{
vertical-align: middle;
}

.calculation-list li{
line-height: 24px;
}

.payment-method-box .form-check-input {
margin-top: -4.5px;
}

header .dropdown-menu{
background-color: #162648;
border: 1px solid rgb(22 38 72);
padding: 0px 19px;
margin: 0;
}

header .dropdown-item{
color: #fff;
font-size: 13px;
}

header .dropdown-item:focus, .dropdown-item:hover{
color: #ffffff;
background-color: #162648;
}

header .dropdown-item.active, .dropdown-item:active{
color: #ffffff;
text-decoration: none;
background-color: #162648;
}

.sm-menu{
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.all-portfolio-dropdown .dropdown-menu{
max-height: 226px;
overflow-y: auto;
width: 100%;
}

.press-box ul li{
margin-right: 8px;
font-size: 13px;
}

.press-box ul li a {
font-size: 13px;
}

.transcript-modal .modal-body{
height: 450px;
overflow-y: auto;
} 

span{
font-size: 17px;
line-height: 1.6;
font-weight: 500;
}

.article-details p{
font-size: 17px;
line-height: 1.6;
font-weight: 500;
}

.article-details p span{
font-size: 17px;
line-height: 1.6;
font-weight: 500;
}