/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@font-face {
    font-family: 'Montserrat';  
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),   
        url('../fonts/Montserrat-Regular.woff') format('woff'), 
        url('../fonts/Montserrat-Regular.ttf')  format('truetype'),
        url('../fonts/Montserrat-Regular.svg#svgFontName') format('svg');
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*-webkit-text-stroke: 0.45px;*/
    text-rendering: optimizeLegibility;
}
body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #5a5a5a;
    background-color: #f9f9f9;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
header {
    border-bottom: 1px solid #f9f9f9;
    /*-webkit-box-shadow: 0 0 1px rgba(68,68,68,.1);*/
    /*box-shadow: 0 0 1px rgba(68,68,68,.1);*/
}

body, html {
    height: 100%;
    margin: 0;
}
.p-0{
    padding: 0;
}
.p-0{
margin: 0;
}
.pr-0{
    padding-right: 0;
}
.p-5{
    padding: 5px;
}
.p-10{
    padding: 10px;
}
.pt-5{
    padding-top: 5px;
}
.pt-10{
    padding-top: 10px;
}
.no-padding{
    padding: 0;
}
.mt-20{
    margin-top: 20px;
}
.mt-50{
    margin-top: 50px;
}
.wrapper{
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}
.plr-0{
    padding-left: 0 !important;;
    padding-right: 0 !important;
}

body{
    height: 100%;
}
.min-100 {
    min-height: 100%;
}
#header {
    min-height: 80px;
}
#header .title-txt{
    font-size: 32px;
    letter-spacing: 9px;
    line-height: 32px;
    color: #0a1c24;
    font-family: "Bebas Neue";
    font-weight: 700;
}
.signin {
    width: 100%;
    max-width: 900px;    
    margin: auto;
    background-color: #fff;
    color: #4f607e;
    font-family: "Helvetica";
}
.signin .form-signin{
padding: 30px;
}
.forgot-pswd a{
    font-size: 12px;
    color: #4f607e;;
    text-decoration: underline;
}
.btn-login {
    height: 38px;
    background-color: #4f607e;
    border-color: #4f607e;;
}
.navbar-brand img{
    width: 250px;
}
.main-container{
    margin-top: 76px;
}

body{
    display:flex;
    flex-direction:column;
}

footer{
    margin-top: auto;
    min-height: 80px;
    background-color: #4f607e;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.tab-container{
    /*margin: 60px;*/
}

.tabs{
    /*padding: 30px 60px;*/
}

.tab-container .tabs .tab a:hover, .tab-container .tabs .tab a.active{
    background-color: #4f607e;
    cursor: pointer;
    color: #fff;
    border: 1px solid #4f607e;
}
.topbar{
    background-image: linear-gradient(0deg, #a8b5c8 0%, #0f274d 100%);
}
.logo-txt{
    letter-spacing: 3px;
line-height: 44px;
color: #ffffff;
font-weight: 700;
font-family: "Bebas Neue";
font-size: 20px;
}
#navbarCollapse a.nav-link{
    color: #fff;
}
.lhs .tab{
    margin-bottom: 30px;
}

.lhs .tab a{
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 600;
    font-family: "Poppins";
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #4f607e;
    padding: 12px;
    display: block;
    text-decoration: none;
}
.lhs .tab a:hover,.lhs .tab a.active{
    background-color: #4f607e;
    color: #fff;
}
.lhs{
    padding: 60px 15px;
}

.rhs h2{
    font-size: 22px;
    font-family: "Poppins";
    font-weight: 600;
}
.panel-group .panel-heading{
    background-color: #4f607e;
    border: 1px solid #ffffff;
    padding: 10px 10px 10px 20px;
}
.panel-group .panel-heading a {
    font-size: 16px;
    display: block;
    color: #ffffff;
    font-weight: 400;
    font-family: "Poppins";
    text-decoration: none;
}
.panel-group .panel-heading h4 {
    margin: 0;
}

.panel-group .panel-body{
    padding: 10px;
}
.panel-group.joined > .panel > .panel-heading h4 a:before {
    position: relative;
    content: "\f078";
    display: inline-block;
    font-family: "FontAwesome";
    color: #fff;
    padding: 10px 15px;
    padding: 0;
    float: right;
    font-size: 17px;
    margin-left: 13px;
    top: 0px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.panel-group.joined > .panel > .panel-heading h4 a.collapsed:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.table{
    font-size: 13px;
    font-family: "Poppins";
    line-height: 18px;
}
.table.portfolio{
    color: #3b3b3b;
}
.table.no-border tr td{
    border: none;
}
.table .logo img{
    width: 100%;
}
.table .row div.logo, .table .row div.company,.table .row div.country{
    text-align: center;
    display: flex;
    justify-content: center;
    align-self: center;
    /*word-break: break-all;*/
}
.table .files .pdf i, .updates .files .pdf i{
    font-size: 20px;
    margin: 5px;
    cursor: pointer;
}
.table .files .pdf.selected::after, .updates .files .pdf.selected::after{
    /*content: "\f00c";*/
    /*display: inline-block;*/
    /*font-family: "FontAwesome";*/
    /*position: absolute;*/
    /*top:-6px;*/
    /*right: -6px;*/
    /*color: green;*/
}
.table .files .pdf-download, .updates .files .pdf-download{
    margin: 5px 5px 5px 5px;
    color: #545454;
    font-size: 20px;
}
.table .files .pdf-open, .updates .files .pdf-open{
    /*margin: 5px 5px 5px 5px;*/
    font-size: 12px;
    /*padding: 3px 15px 3px 15px;*/
    color: #4f607e;
    border: 1px solid #4f607e;
    text-decoration: none;
    -webkit-appearance: none;
}
a.pdf-open{
    -webkit-appearance: none;
    padding: 5px 5px !important;
    border: none !important;
    background-color: transparent;
    display: inline-block;
    line-height: 1;
}
.table .files .pdf-open:hover, .updates .files .pdf-open:hover{
    color: #fff;
    background-color: #4f607e;
}
.table .files .pdf, .updates .files .pdf{
    display: inline-block;
    border: 1px solid #fff;
    margin: 0 5px;
}
.table .files .pdf.selected, .updates .files .pdf.selected{
    /*border-color: green;*/
    /*position: relative;*/
}
.table .files, .updates .files{
    display: flex;
    align-items: center;
    /*float: right;*/
}
.table .description{
    /*font-size: 12px;*/
    /*color: #848484;*/
    /*word-break: break-all;*/
}
.table tr:not(:last-child){
    border-bottom: 1px solid gainsboro;
}
.panel-body .alert-warning {
    color: #4f5f7e;
    background-color: #d0d9ea;
    border-color: #d0d9ea;
}
.table a{
    text-decoration: none;
}
.rhs .investment .inv-item, .rhs .updates .inv-item{
    margin: 6px 0;
    padding: 10px;
    background-color: #f4f4f4;
    /*display: flex;*/
    align-items: center;
}
.rhs .investment .inv-item a{
    text-decoration: none;
    background-color: #fff;
    padding: 5px 15px;
    font-size: 10px;
    border: 1px solid #4f607e;
    color: #4f607e;
border-radius:3px;

}
.rhs .investment .date, .rhs .updates .date{
    color: #484848;
    font-weight: 600;
    font-family: "Poppins";
    font-size: 14px;
    line-height: 24px;
}
.rhs .investment .inv-item a:hover{
    background-color: #4f607e;
    color: #fff;
}

.rhs .investment .inv-item-detail{
    color: #484848;
    font-weight: 400;
    font-family: "Poppins";
    font-size: 14px;
}
.rhs .investment .inv-item-detail > div:first-child{
    font-weight: bold;
}
.inv-item-detail .pdf{
    font-size: 20px;
}
.inv-item-detail .pdf-download {
    border: none !important;
    background-color: transparent !important;
    font-size: 20px !important;
}
.inv-item-detail .pdf-download:hover{
    color:#4f607e !important;
}

.rhs .inv-item-detail .date {
line-height: 24px;
}
.rhs .inv-item-detail a{
    margin-left: 15px;
}
.inv-item-detail input[type="checkbox"]{
    margin-right: 10px;
}
.updates .items .item a{
    display: block;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    margin: 15px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
.updates .items .item a:hover{
    background-color: #4f607e;
    color: #fff;
    cursor: pointer;
}

.pipeline .items .item{
    display: block;


    text-decoration: none;
    color: #000;
    font-weight: 500;
    padding: 15px;

}

.pipeline .items .item .inner{
    height: 100%;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: flex;
    justify-content: center;
    align-self: center;
    word-break: break-all;

}
.pipeline .items .item a.inner{
    color:#000;
}
.pipeline .items .item a.inner:hover{
    text-decoration: none;
    color: #fff;
}
.pipeline .items .item a.inner:hover{
    background-color: #4f607e;
    color: #fff;
    cursor: pointer;
}
.footer-links a{
    color: #fff;
    text-decoration: none;
}
.header a{
    text-decoration: none;
}
.user-profile h4{
    font-size: 20px;
}
#spinner{
    display: none;
    position: absolute;
    background-image: url("../images/img/spinner-lg.gif");
    background-repeat : no-repeat;
    background-position : center;
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 999;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}
#forgot-msg{
    display: none;
}
#msg-container{
    display: none;
}
.vertical-center{
    min-height: 75%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 75vh; /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
}
.navbar-toggler-icon:focus,.navbar-toggler:focus{
    outline: none;
}

.flag.India{
    background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px;
    width: 16px;
    height: 11px;
}
.row-list-item{
    margin-top: 25px;
    font-size: 15px;
}
.investment .meeting h2{
    font-weight: normal !important;
}
.red-checkbox .custom-control-label::before{
background-color: #f00 !important;
    border-radius: 0;
}
.red-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color: #f00;
}
.green-checkbox .custom-control-label::before{
    background-color: #008000 !important;
    border-radius: 0;
}
.green-checkbox.disabled,.green-checkbox.disabled .custom-control-label::after,.green-checkbox.disabled .custom-control-label::before,.green-checkbox.disabled label,
.red-checkbox.disabled,.red-checkbox.disabled .custom-control-label::after,.red-checkbox.disabled .custom-control-label::before, .red-checkbox.disabled label{
    cursor: not-allowed !important;
}
.green-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color: #008000;
}
.custom-checkbox .custom-control-label{
    line-height: 20px;
}
.green-checkbox{
    margin-left: 15px;
}
.rhs .investment .inv-item-detail:nth-of-type(odd) {
    background-color: #fff !important;
    border:1px solid #d2d2d2;

}
.rhs .investment .inv-item:nth-of-type(odd) {
    background-color: #fff !important;
    border:1px solid #d2d2d2;
}
.rhs .updates .inv-item:nth-of-type(odd){
    background-color: #fff !important;
    border:1px solid #d2d2d2;
}
.dropdown-menu.show {
    display: block !important;
}
.login-box.d-none{
    border: none !important;
}

.pagination li:first-child{
    border-radius: 3px 0 0 3px;
}
.my-pagination{
    display: inline-block;
    margin-top: 15px;
}
.my-pagination li {
    float: left;
    border: 1px solid #aaa;
    border-right: none;
    list-style: none;
    cursor: pointer;
}
.my-pagination li>span {
    min-width: 28px;
    height: 28px;
    line-height: 28px;

    display: block;
    background: #fff;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    text-align: center;
}
.my-pagination li:last-child {
    border-right: 1px solid #aaa;
    border-radius: 0 3px 3px 0;
}
.my-pagination li.active>span {
    background-color: #4f607e;
    color: #fff;
}
.enable-pagination .page-1,
.enable-pagination .page-2,
.enable-pagination .page-3,
.enable-pagination .page-4,
.enable-pagination .page-5,
.enable-pagination .page-6,
.enable-pagination .page-7,
.enable-pagination .page-8,
.enable-pagination .page-9,
.enable-pagination .page-10,
.enable-pagination .page-11,
.enable-pagination .page-12,
.enable-pagination .page-13,
.enable-pagination .page-14,
.enable-pagination .page-15,
.enable-pagination .page-16,
.enable-pagination .page-17,
.enable-pagination .page-18,
.enable-pagination .page-19,
.enable-pagination .page-20{
    display: none;
}

.view-more-sm{
    color: white;
    background-color: #4f607e;
    border: none;
    font-size: 12px;
}


/*Small devices (landscape phones, 576px and up)*/
@media (max-width:  420px) {
    .logo-txt {
        line-height: 24px;
        white-space: normal;
        width: 74%;
    }

}
@media (min-width:  300px) {

    .tab-container .tabs .tab a{
        border-radius: 5px;
        background-color: #fff;
        border: 1px solid #b7b7b7;
        color:#3b3b3b;
        font-family: "Poppins";
        text-decoration: none;
        display: block;
        font-weight: bold;
        padding: 15px 10px;
        font-size: 16px;
        margin: 15px;
    }
    .nav-item.login-box{
        border-bottom: 1px solid rgba(189, 189, 189, 0.16)
    }
    .rhs .investment .inv-item a{
        padding: 5px 5px;
    }
    .rhs .page-title{
        margin-top: 15px;
    }

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .tab-container .tabs .tab a{
        padding: 20px 10px;
        font-size: 18px;
        margin:25px;
    }
    .footer-links .email{
        text-align: right;
    }
    .rhs{
        padding: 60px 15px 0 40px;
        color: #000;
    }
    .rhs .investment .inv-item a{
        padding: 5px 25px;
    }
    .updates .files .pdf-download{
        margin: 5px;
    }
    .updates .files .pdf-open{
        margin: 5px;
    }
    .rhs .page-title{
        margin-top: 0px;
    }

}
.full-wdth{
    width: 100%;
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .tab-container .tabs .tab a{
        font-size: 20px;
    }
    .rhs .investment .form-check-inline{
        /*margin-left: 15px;*/
        width: 100%;
    }
    .table .files, .updates .files{
        float: right;
        width: 100%;
    }
    .table .files, .updates .files div{
        text-align: right;
    }
    .updates .files .pdf-download{
        margin: 5px 5px 5px 5px;
    }
    .updates .files .pdf-open{
        margin: 5px 5px 5px 15px;
    }
    .portfolio .files a.pdf-download{
        margin-left: 25px;
    }
    .portfolio .files a.pdf-open{
        margin-left: 25px;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
.red-checkbox{
    margin-left: 15px;
}
}