@font-face {
    font-family: 'Roboto';
    src: url('/Roboto/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('/Roboto/Roboto-Medium.ttf');
}
/*
#14B1E7
#004071
#8BAA3C
#D33F27
#FDB913
#242424
#2424240D
*/
html,body{
   color:#242424;
      font-family: 'Roboto', 'sans-serif';
    font-size: 15px;
    height: 100%;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td, button, input, select, textarea{

      font-family: 'Roboto', 'sans-serif';
}
.container{
    max-width: 1300px;
    width: 1300px;
}
/*font color: #8e9299; or slategrey*/
.portfolio-item {
  margin-bottom: 30px;
}

#logo .logobg,#logo1 .logobg {
  fill: #27a9e1;
}

#logo .finger, #logo1 .finger {
  fill: white;
}
#logo > svg, #logo1 > svg {
    width: 9rem;
    /*max-width: 22vw;
    max-height: 5vh;*/
}
.carousel,
.carousel-inner
{
    height:82vh;
}
.carousel-item
{

    height: 100%;


}
#logoP {
  padding: 0.5em;
  display: inline-block;
}
#logoP > svg {
  width: 9rem;
  max-width: 30vw;
  max-height: 6vh;
}
#logoP .logobg {
  fill: #27a9e1;
}

#logoP .finger {
  fill: white;
}
.bg-dark{
    background-color: slategrey !important;
}
.Selected, a.selectedEx{

    color:#14B1E7 !important;
}

iframe{
    border:none;
    height: 32em; width:100%;
}

.nav-item a, .navbar-dark .navbar-nav .nav-link{
/*    color:white;*/
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    color: #14B1E7;
    border-color:  #fff #fff #dee2e6;
}
.SCtabs{
    color: #242424;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.5;

}
.SCtabs.active, .SCtabs:hover{
    color: #14B1E7 !important;
    text-decoration: none;
}
ul.nav.nav-tabs{
    margin: 0.2em 0;
}
.modal-dialog{
    max-width: 80em;
}

footer .row{
    width: 100%;
}
h4.card-title
{
    color:#27a9e1;
}
h1.mt-4.mb-3{
    color: #5e9dd3;
    text-shadow: 1px 1px white;
}
.mt-80{
    margin-top:80px;
}
.mt-35{
    margin-top:35px;
}

footer a{
    cursor:pointer;
}
.border{
    border: 5px solid #27a9e1 !important;
}
.card-text{
    text-align: center;
}
 .greycast{

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
}
 .card-signin {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.card-signin .card-title {
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 1.5rem;
}

.card-signin .card-body {
  padding: 2rem;
}

.form-signin {
  width: 100%;
}

.form-signin .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  transition: all 0.2s;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group input {
  height: auto;
  border-radius: 2rem;
}

.form-label-group>input,
.form-label-group>label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

.form-label-group>label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown)~label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}

.btn-google {
  color: white;
  background-color: #ea4335;
}

.btn-facebook {
  color: white;
  background-color: #3b5998;
}

.card-signin .card-img-left {
    width: 50%;
    background-image: url(../Images/economy-2553884_1920.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: right;
    background-repeat: no-repeat;
}
.ui-autocomplete{
    list-style: none;
    background-color: white;
    border: 1px solid lightgrey;
    padding-left: 0;
    width: 39% !important;
    margin-top: 1em;
}
#UpdateProgress1 {
    position: absolute;
    top: 25rem;
    right: 0;
    bottom: 0;
    left: 50rem;
}
#UpdateProgress1 div.updateProgress {
  position: absolute;
/*
  height: 25px;
  width: 25em;
*/
  margin: auto;
  top: 0;
  bottom: 0;
  left: -25px;
  right: 50px;
  text-align: center;
}
#UpdateProgress1 div.updateProgress i {
  font-size: 75px;
/*  color: #5e6f7f;*/
}
#UpdateProgress1 div.updateProgress span {
  font-size: 15px;
  line-height: 1.7;
}
#UpdateProgress1 p {
  text-align: left;
  color: black;
  /*font-size: 0.8rem;*/
  /*width: 14em;*/
  background-color: #5e6f7f;
  padding: 0.5em 0.5em 0.5em 1em;
  margin: 1em auto 0;
  /*font-size:30px;*/
}
/*
.progress-bar-info {
  background-color: #27a9e1;
}
*/
/*
UpdateProgressMessage{
    color: white;
}
*/
#reportFrame{
      border:none;
    height: 89%; width:100%;
}
#HistoricalUndervaluedBTPGridView_wrapper > div:nth-child(2) > div > div > div.dataTables_scrollHead > div > table > thead > tr > th,
#CurrentUndervaluedBTPGridView_wrapper > div:nth-child(2) > div > div > div.dataTables_scrollHead > div > table > thead > tr > th{
    min-width: 92px !important;
}
#TopPicksWrapper table > tbody{
        max-height: 256px;
}
.parallax {
  background: radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.75) 40%, rgba(0, 0, 0, 0.75)), url(../Images/landing_background_small.jpg);
  min-height: 650px;
  background-attachment: fixed;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
a .dropdown-item{
    cursor:pointer;

}
iframe{
    border:none !important;
}
#ui-id-1{
    width: 23em !important;
}
.progress-bar {
    background-color: #c77721 !important;
}
@media only screen and (min-width: 1400px) {
    .carousel, .carousel-inner {
    height: 91vh;
}
    #TopPicksWrapper table > tbody{
       max-height: 400px;
}
    iframe{
        height:51em;
    }
}

input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
/*Adjusted book value*/
        .abvValuesa {
            background-color: transparent;
            border: none;
            text-align: right;
        }

        .fmvValues {
            border: none;
            text-align: right;
        }

        .fmvValuesa {
            background-color: transparent;
            border: none;
            text-align: right;
        }

        .perValues {
            border: none;
            text-align: right;
        }

        .perValuesa {
            background-color: transparent;
            border: none;
            text-align: right;
        }
/*
#navbarResponsive .dropdown-menu{
    background-color: slategray;
}
*/
#waccpe,#waccke,#waccpd,#wacckd,#waccpp,#wacckp{
    max-width: 75px;
}
/*----Home----*/
#PortfolioTable th,
#PortfolioTable td{
    padding: .25rem;
    font-size:small;
}
#PortfolioTable > tbody{
    max-height: 280px !important;
}
#nPortfolioChart {
    max-height: 165px;
}
#SelectFindInvestmentOpportunities, #portDDPortName{
    -webkit-appearance: none;
}
.card-text {
    font-size: initial;
}
@media (min-width:1399px) {

     #PortfolioTable th,
#PortfolioTable td{

    font-size:medium;
}
}
.jumbotron {
    padding: 1rem 1rem !important;
background-color: #edf1f5 !important;
}
/*
.btn-secondary{
    background-color: #8da1b5;
    border-color: #8da1b5;
}
*/
/*-----Research-----*/


        /* Optional: Style the caret down icon */
        .fa-caret-down {
            float: right;
            padding-right: 8px;
        }
/*-----ETF------*/

        #ETFTbl_wrapper > div.dt-buttons {
            float: right;
            margin-right: 1em;
        }

        h5 {
            margin-top: 0.3em;
            color: #6c757d;
        }

        #ETFTbl > thead > tr {
            height: 0px;
        }

        body > div:nth-child(2) > div > p {
            margin-bottom: 0px;
        }

        #ETFTbl_wrapper > div.dt-buttons > button.btn.btn-secondary {
            padding: .1rem .3rem;
        }

        #ETFTbl_wrapper {
            font-size: 0.8rem;
        }

/*
        .table td, .table th {
            padding: .5rem;
        }

            .table td:nth-child(3), .table th:nth-child(3) {
                min-width: 80px !important;
            }
*/
/*-----Industry-----*/
        #industryReportTbl_wrapper > div.dt-buttons {
            float: right;
            margin-right: 1em;
        }

        #industryReportTbl > thead > tr {
            height: 0px;
        }

        body > div:nth-child(2) > div > p {
            margin-bottom: 0px;
        }

        #industryReportTbl_wrapper > div.dt-buttons > button.btn.btn-secondary {
            padding: .1rem .3rem;
        }

        #industryReportTbl_wrapper {
            font-size: 0.8rem;
        }
/*-----Portfolio----*/
/*
ul.nav.nav-tabs {
    background-color: #5e9dd3;
}
*/
/*
.nav-tabs .nav-link {
    border: 1px solid white;
}
*/
/*
.nav-tabs .nav-link.active{
background-color: #6e8295;
}
*/
#portfolioValuationMoreInfo > div:nth-child(2) {
    padding: 10px;
    border: rgba(94, 157, 211, 0.5) 8px solid;
}
#portfolioTableDT_wrapper > div.dt-buttons.btn-group{
    float: right;
    position: absolute;
    right: 1%;
    top: 0%;
}
#VAPortfolioTable_wrapper > div.dt-buttons.btn-group {
    float: right;
    position: absolute;
    right: 1%;
    top: -7%;
}
    #portfolioTableDT_wrapper > div.dt-buttons.btn-group button, #VAPortfolioTable_wrapper > div.dt-buttons.btn-group button{
        font-size: 12px;
    }
 portfolioTableDT_wrapper table {
    font-size: 11px;
}
#Portfolio > div.jumbotron{
    padding: 1em;
}
#portfolioImportMoreInfo > div:nth-child(2), #portfolioValuationMoreInfo > div:nth-child(2) {
    padding: 10px;
    border: rgba(94, 157, 211, 0.5) 8px solid;
}
iframe {
    width: 100%;
    height: 50em;
    border: none !important;
}
.btn-warning {
    background-color: #f89612;
}
/*-----Snapshot-----*/
        .left {
            position: static;
            left: 0px;
            width: 700px;
            padding: 10px;
        }

        .right {
            position: relative;
            left: 10px;
            width: 200px;
            padding: 10px;
        }

        td.infocolheader {
            font: 12px verdana,arial;
            font-weight: 500;
        }

        td.infoTitle {
            left: 0px;
            font: 14px verdana,arial;
            font-weight: 600;
        }

        #ShortReportContent {
            height: 38em;
        }

        #SSclosePrice {
            max-height: 591px;
        }

        #ui-id-1 {
            z-index: 1111;
        }
#incomeStatement_wrapper .dt-buttons{
    float: right !important;
}
/*-------Sector----------*/

#sectorTable_wrapper > div.dt-buttons.btn-group {
    float: right;
    margin-right: 1em;
}

h5 {
    margin-top: 0.3em;
    color: #6c757d;
}

#sectorTable > thead > tr {
    height: 0px;
}



#sectorTablel_wrapper > div.dt-buttons.btn-group > button.btn.btn-secondary {
    padding: .1rem .3rem;
}

#sectorTable_wrapper {
    font-size: 0.8rem;
}

.table td, .table th {
    padding: .5rem;
}

.hide {
    display: none;
}

    div.window > i {
        cursor: pointer;
        position: absolute;
        top: -15px;
        right: -15px;
        display: block;
        font-size: 19px;
        line-height: 20px;
        height: 24px;
        width: 24px;
        background-color: #333;
        color: white;
        border: 2px solid white;
        border-radius: 12px;
        text-align: center;
        padding-left: 2px;
    }

        div.window > i:hover {
            background-color: brown;
        }

    div.window > svg > circle {
        stroke: white;
        fill: black;
    }

    div.window > svg > path {
        stroke: white;
    }

    div.window > svg:hover > circle {
        fill: brown;
    }

    div.window > iframe {
        display: block;
    }

div.video {
    display: none;
    position: fixed;
    top: 8rem;
    right: 7rem;
    overflow: visible;
    background-color: white;
    border: 15px solid white;
    box-shadow: 0px 0px 10px grey;
}

    div.video > iframe {
        display: block;
        cursor: pointer;
    }

    div.video > div {
        /*background-color: rgba(50, 50, 50, 0.5);*/
        text-align: center;
        line-height: 1.5em;
    }

    div.video > svg {
        cursor: pointer;
        position: absolute;
        top: -15px;
        top: -28px;
        right: -15px;
        right: -28px;
        height: 24px;
        width: 24px;
        box-shadow: 1px -1px 7px grey;
        border-radius: 12px;
    }




.invisBtn {
    /*color: transparent;*/
    cursor: pointer;
}

.odd.child{
    background-color: white;
}

.even.child {
    background-color: rgba(215, 236, 254, 1) !important;
}

/*
.dataTables_scrollBody {
    max-height: 40vh !important;
}
*/

.fa-plus-circle {
    font-size: 1.5em;
    color: #27a9e1;
}

.fa-minus-circle {
    font-size: 1.5em;
    color: red;
}

.btn:focus,
.btn:hover,
.selectedButton {
    background-color: #8e9299;
    box-shadow: none;
}
/*--------Comparables-----*/

        .compLegend-0 {
            margin: 0;
            display: inline-block;
            width: 8%;
            border-top: 11px solid #5E9DD3;
        }

        .compLegend-1 {
            margin: 0;
            display: inline-block;
            width: 8%;
            border-top: 11px solid #CFCB5C;
            margin-left: 1em;
        }

        .compLegend-2 {
            margin: 0;
            display: inline-block;
            width: 8%;
            border-top: 11px solid #5ED3AF;
        }

        .compLegend-3 {
            margin: 0;
            display: inline-block;
            width: 8%;
            margin-left: 1.7em;
            border-top: 11px solid #D36F5E;
        }

        .compLegend-4 {
            margin: 0;
            display: inline-block;
            width: 8%;
            border-top: 11px solid #61777D;
        }

        .btn-warning {
            background-color: #f89612;
        }
div.dt-buttons {
    float: right !important;
}

/*---Ticker----*/
			@keyframes ticker {
				0% { transform: translate3d(-10%, 0, 0); }

                100% { transform: translate3d(-210%, 0, 0); }
			}
			.tcontainer{
				width: 100%;
				overflow: hidden;
			}
			.ticker-wrap {
				width: 100%;
				padding-left: 100%;
				background-color: #eee;
			}
			.ticker-move {
				display: inline-block;
				white-space: nowrap;
				padding-right: 100%;
				animation-iteration-count: infinite;
				animation-timing-function: linear;
				animation-name: ticker;
				animation-duration: 30s;
			}
			.ticker-move:hover{
				animation-play-state: paused;
			}
			.ticker-item{
				display: inline-block;
				padding: 0 2rem;
			}
#liquTblMain > tbody > tr > td > input, #liquidSummary > tbody > tr > td > input{
    text-align: right;
}
input:read-only {
    background-color: transparent;
    border: none;
}

#GrowthForecast td > input{
    width: 90%;
}

.card{
    border: 1px solid #aaa !important;
}
/*
h5 {
  color: var(--blue);
}
*/
.table-striped tbody tr:nth-of-type(odd){
   background-color: #2424240D;
}
.table tbody tr:hover{
    background-color: #D3E4F0;
}
.table thead tr{
    background-color: #f8f9fa;
    color: #5C5C5C;
}
.table tbody tr td, .table thead tr th{
    text-align: right;
    padding: 8px 18px;
}

.table tbody tr td:nth-child(1),
.table tbody tr td:nth-child(2),
.table tbody tr td:nth-child(3),
.table thead tr th:nth-child(1),
.table thead tr th:nth-child(2),
.table thead tr th:nth-child(3){
    text-align: left;
}

#PortfolioTable tbody tr td:nth-child(2),
#PortfolioTable tbody tr td:nth-child(3),
#PortfolioTable thead tr th:nth-child(2),
#PortfolioTable thead tr th:nth-child(3){
    text-align: right;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    margin-left: .5rem;
    margin-right: .5rem;
}
#indexTbl td, #CommoTbl td{
    border: none;
    text-align: left !important;
}
#indexTbl tr, #CommoTbl tr{
    border-bottom: 2px solid #2424240D;
}
.table-bordered th, .table-bordered td {
    border: none;
}
.table thead tr, #forecast-dcf > table > tbody > tr:nth-child(1),
#ComparablesCCTblResearched> table > tbody > tr:nth-child(1),
#ComparablesCCtblComps> table > tbody > tr:nth-child(1),
#ComparablesCCTblRatiosReport> table > tbody > tr:nth-child(1),
#ComparablesCCTblResearchedSmall> table > tbody > tr:nth-child(1),
#ComparablesCCtblCompsSmall> table > tbody > tr:nth-child(1),
#ComparablesCCTblRatiosReportSmall> table > tbody > tr:nth-child(1),
#GrowthForecast > tbody > tr:nth-child(3) {
    color: #ffffff;
    background-color: #14B1E7;
}
#indexTbl thead tr, #CommoTbl thead tr{
    color: #242424;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}
.dataTables_wrapper{
    border: 1px solid #dee2e6;
}
table.dataTable.no-footer {
     border-bottom: none;
}
/* footer styles */
.blueText{
    color: #14B1E7;

}
.blackText{
     color:#242424;
}
.text-300{
    font-weight:300;
}
.list-inline-item {
    margin-right: 0rem;
    margin-left: 3rem;
}
.list-inline-item a{
    font-weight: 500;
}
.card:not(.card-plain):hover {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
}
/*
.modal-dialog{
    max-width: 700px;
}
*/
/*-----Media Queries-----*/
@media only screen and (min-width: 1400px) {
        #sectorTable_wrapper > div.dataTables_scroll > div.dataTables_scrollBody {
        max-height: 66vh !important;
    }

/*
    .dataTables_scrollBody {
        max-height: 70vh !important;
    }
*/

    iframe {
        height: 58em;
    }
                #ETFTbl_wrapper > div.dataTables_scroll > div.dataTables_scrollBody {
                max-height: 66vh !important;
            }
                #industryReportTbl_wrapper > div.dataTables_scroll > div.dataTables_scrollBody {
                max-height: 66vh !important;
            }
}

/*
.font-weight-bold{
    font-weight:900 !important;
}
*/
@media only screen and (max-width: 1400px) {
    #portfolioTableDT_wrapper > div.dataTables_scroll > div.dataTables_scrollHead > div,#Portfolio > div.row > div {
        font-size: small;
    }
     #ShortReportContent {
                height: 38em;
            }
    div.video {
    width: 58em;
    display: none;
    position: fixed;
    top: 5rem;
    right: 4rem;
    overflow: visible;
    background-color: white;
    border: 15px solid white;
    box-shadow: 0px 0px 10px grey;
}
    #TopPicksWrapper div.dataTables_scroll > div.dataTables_scrollBody{
        max-height: 35vh !important;
    }
    #sectorTable_wrapper div.dataTables_scroll > div.dataTables_scrollBody{
        max-height: 53vh !important;
    }
}

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {


}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .card2, .card1, .card3 {
        padding: 1em;
    }

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .card2, .card1, .card3 {
        padding: 1em;
    }

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .home-options {
        background-color: #5e9dd3;
        height:inherit;
        color: white;
        border-radius: 3px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        font-size: 1.1em;
        max-height: -webkit-fill-available;

    }
    .card2, .card1, .card3 {
        padding: 1em;
    }
    h3 {
        font-size: 1.65rem;
    }
}
        /* Some media queries for responsiveness */
        @media screen and (max-height: 450px) {
            .sidenav {
                padding-top: 15px;
            }

                .sidenav a {
                    font-size: 18px;
                }
        }

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {


}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {


}