@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: Roboto-Medium;
    src: url(../fonts/Roboto/Roboto-Medium.ttf);
}
.font-medium{
    font-family: Roboto-Medium;    
}
html,body{
    height: 100%;
}
body{
    font-family: Roboto !important;
    font-size: 14px;
    color: #000;
    background-color: #f5f5f5;
}
a:hover{
    text-decoration: none;  
}
button,button:focus{
    outline: none;
}
*::-moz-selection {
    background:#1A81C1;
    color:#fff;
}
*::-webkit-selection {
    background:#1A81C1;
    color:#fff;
}
*::selection {
    background:#1A81C1;
    color:#fff;
}
header{
    padding: 10px 0px;
    box-shadow: 0px 3px 15px #dfdfdf;
    
    z-index: 901;
    color: #FFFFFF;
    position: fixed;
    width:100%;
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.page-banner {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
   /* position: relative;*
}
.page-banner__dimmer {
   /* position: absolute;
    z-index: 1;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}
.page-banner__container {
   /* position: absolute;*/
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.page-banner__overlay-text {
    text-shadow: 0 0 10px rgba(0,0,0,0.2);
    /*-moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;*/
    top: 50%;
    left: inherit;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 3rem;
    font-family: "Alegreya",Georgia,serif;
    font-style: italic;
    padding: 0 20px;
}
.fixed-header{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}
button, a{
    cursor: pointer;
}
button a{
    color:#fff !important;
}
h2{
    font-size: 24px;
}
.form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #000;
    padding-left: 0;
    height: 28px;
    font-size: 14px;
    background-color: transparent;
    padding-right: 0;
    
}
.form-control:focus {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #BBBBBB;
    background-color: transparent;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B7B7B7;
    opacity: 1; /* Firefox */
    font-size: 12px;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B7B7B7;
    font-size: 12px;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #B7B7B7;
    font-size: 12px;
}
.form-control.login-form::placeholder {
    color:#000;
}
.form-control.login-form:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}
.form-control.login-form::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
}
/* Toggle Styles */
#wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
    /*height: 100%;*/
    display: flex;
    align-items: stretch;

}
#sidebar-wrapper {
    text-align: center;
    /*z-index: 1040;*/
    position: fixed;
    left: 0px;
    top: 66px;
    bottom: 0px;
    /*min-height: 100%;*/
    overflow-y: auto;
    background-color: #FFFFFF;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;    
}
.top-0{
    top: 0px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;    
}
.sidebar-nav li.height_collapse{
    height:auto;
    padding:0;
    min-height :70px;
}
.sidebar-nav li.height_collapse .arrow_icon{
    position: absolute;
    right: 20px;
    top: 5px;
}

#sidebar-wrapper ul li.height_collapse .sub_menu_wrap{
    background-color: #dddddd;
}
#sidebar-wrapper ul li.height_collapse .collapse a.sub_child{
    padding:13px 0;
}
#sidebar-wrapper ul li.height_collapse a.collapsable{
    padding:0;
}

.sidebar-nav li{
    position: relative;
    display: flex;
    height: 70px;
    padding: 0 15px;
    justify-content: center;
}
.sidebar-nav li a {
    padding: 14px 0 0;
    color: #555A6B;
    font-size: 12px;    
    align-self: center;    
}
.sidebar-nav li.active{
    border-left: 5px solid #0E80C3;
}
.sidebar-nav li.active a{
     color: #0E80C3;   
}
.active-show{
    display: none;
}
.sidebar-nav li.active .active-hide{
    display: none;
}
.sidebar-nav li.active .active-show{
    display: inline;
}
.custom-tab .nav-link .active{

}
.profile-image{
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
#page-content-wrapper {
    width: 100%;    
    min-height: 650px;
    height: 100%;
    flex-grow: 1;
    padding-bottom: 4rem !important;
}
#page-content-wrapper .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}
.cursor-pointer {
    cursor: pointer;
}
#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0px;
}

.min-page-height{
    min-height: 600px;
}
/* Sidebar Styles */
.sidebar-nav {
    color: #fff;
    font-size: 16px;    
    /*position: absolute;*/
    /*top: 0;*/
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.toggled-2 .sidebar-nav {
    width: 100%;
    transition: none;
}
.toggled-2 .panel-content{
    display: none;
}

.nav_user li {
    display: inline-block;
    vertical-align: middle;
}
.nav_user li p {
    line-height: normal;
    font-size: 12px;
    font-weight: 500;
    color: #154A68;
}
.nav_user li small {
    color: #154A68;
    font-size: 14px;
}
.notification-count{
    position: relative;
}
.notification-count span{
    position: absolute;
    top: 4px;
    left: 10px;
    min-width: 5px;
    min-height: 5px;
    border-radius: 50%;
    padding: 5px;
    background-color: #FF6B6B;
}
.nav_user li:last-child i {
    font-size: 12px;
}
.custom-tab{
    border-bottom: 1px solid #CCCCCC;    
}
.custom-tab .nav-item{
    color: #7B7B7B;   
    margin-right: 2px;
    font-size: 20px;
    padding: 5px 15px;    
}
.custom-tab.nav-tabs .nav-link{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;    
}
.custom-tab .nav-item:hover{
    border-color: transparent;
}
.custom-tab.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border: none;
    border-bottom: 5px solid #1A81C1;
    color:#1A81C1;   
    background-color: transparent; 
}
.f-12{
    font-size: 12px !important;
}
.filter-btn{
    background-color: transparent;
    border-radius: 10px;
    border:1px solid #0E80C3; 
    color: #0E80C3;
    padding: 2px 10px;    
}
.fund-label label{
    color: #555A6B;
    margin-bottom: 0px;
}
select, .select-form{
 /*background-image: url(../../images/drop-down-1.png);  */ 
 background-repeat: no-repeat;
}
header select,select ,.select-form{
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;       /* remove default arrow */
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-size: 10px;
    background-position-y: 11px;   
}
header select, select.form-control.select-btn{
    background-image: url(../../images/drop-down.png);
    background-position-x: 90%;
}
select, select.form-control.select-btn-fund{
    background-image: url(../../images/drop-down.png);
    background-position-x: 97%;
}
select.form-control, .select-form{
    background-color: transparent;
    padding: 0px;
    color: #000000;
    height: 28px;
    border-bottom: 1px solid #000;
}
.ui-widget-content{
    
    /*overflow-y: scroll;*/ /* From slickgrid in holdings Summary */
    overflow-x: hidden;    
}
.w-200{
    width: 200px;
}
header select.form-control{
    background-color: #003466;
    padding: 0px;
    color: #fff;
    height: 28px;
    width: 200px;
    border-bottom: 1px solid #fff;
}
header select.form-control:focus{
    color: #fff;
    background-color: #003466;    
}
label{
    color: #555A6B;
}
.form-control.select-btn{
    border: none;
    background-color: #0E80C3;
    border-radius: 12px;
    padding: 0px 7px;
    width: 58px;
    color: #fff;
}
.datepicker.dropdown-menu{
    padding: .5rem 0;
    box-shadow: none;
    background-color: #fff;    
}
.date_picker{
    position: relative;
}
.calendar-icon{
    position: absolute;
    top: 4px;
    right: 5px;    
}
.datepicker td span {
    width: 41px;
    height: 41px;
    line-height: 41px;
}
.card{
    padding: 15px;
    box-shadow: 0px 4px 16px #ccc;
    border:none;
    min-height: 400px;    
     
}
.cardheight
{
     max-height: 400px; 
}
.card-count{
    font-size: 51px;
}
.header-select-list label{
   font-size: 12px; 
   color:#154A68;
}
.f-16{
    font-size: 16px;
}
.subscription-card{
    /*max-height: 155px;*/
    max-height:300px;
    overflow-y: scroll;    
}
/*Breadcrumb style*/
.custom-breadcrumb .breadcrumb-item.active {
    color:#000;
}
.custom-breadcrumb .breadcrumb li.breadcrumb-item a {
    color:#6c757d;
}
.custom-breadcrumb .breadcrumb {
    font-size: 16px;
    background: none;
    margin-bottom: 0;
    padding: 0px;    
}
.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "/";
    /*margin: 0px 5px;*/
}
.card>hr{
    border-top: 1px solid #ccc;
}
.mini-card{
    min-height: 192px;
    position: relative;
    padding-top: 25px;    
}
.mini-card2{
    min-height: 192px;
    position: relative;
    padding-top: 25px; 
    background:white;   
}
.mini-card p{
    position: absolute;
    bottom: 20px;
}
.card-title{
    font-size: 20px;
}
.total-info{
    font-size: 18px;
    font-weight: 600;
}
/*Chart styles*/
.highcharts-credits{
    display: none;
}
.highcharts-legend-box{
    color:red !important;
    text-shadow: none;
}
.fliter-btn-active{
    background-color: #0E80C3;
    color: #fff;
}
.recent-info small{
    color: #555A6B;
}
.activity-container{
    height: 332px;
    overflow-y: scroll;    
}
.carousel-indicators li{
    width: 15px;
    height: 15px;
    border-radius: 25px;
    background-color: #00C3B5;            
}
.carousel-indicators .active {
    background-color: #00C3B5;
    border: 3px solid #fff;
}
.carousel-item{
        background-color: #000;
    text-align: center;
    width: 100%;
}
.carousel-item img{
     /*  opacity: 0.5;*/
    vertical-align: middle;
    height: 100%; 
    /*width: 100%;  */
}
.carousel-control-prev-icon{
    background-image: url(../../images/prev.png);
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 22px;
    height: 40px;    
}
.carousel-control-next-icon{
    background-image: url(../../images/next.png);
}
.nicescroll-cursors{
    background-color: #0E80C3 !important;
}
.btn-radio {
    border: 1px solid #1A81C1;
    height: 30px;
    font-size: 14px;
    color: #1A81C1;
    line-height: normal;
}
.btn-radio.active {
    background-color: #1A81C1;
    color: #fff;
}
.btn-radio.focus{
    outline: none;box-shadow: none;
}
.download-icon{
    padding:3px 5px;
    border:1px solid #1A81C1;
    border-radius: 3px; 
}
.contribution{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #00C3B5;
}
.distribution{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #267D2F;
}
footer p{
    font-size:12px;
    color: #8A8A8A;
}
.dataTables_wrapper{
     box-shadow: 0px 4px 16px #ccc;
    border: none;   
}
.dataTables_wrapper .dataTables_filter, .dataTables_info{
    display: none;
}
table.dataTable.no-footer{
    border-bottom: 1px solid #E2E2E2;    
}
.dataTables_length label{
    margin-bottom: 0px;
}
/*.paginate_button.previous,.paginate_button.next{
    font-size:0px !important; 
}
.paginate_button.previous{
    background-image: url('../images/left-arrow.png') !important;
    background-repeat: no-repeat;
}
.paginate_button.next{
    background-repeat: no-repeat;
    background-image: url('../images/right-arrow.png') !important;
}*/
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,.dataTables_wrapper .dataTables_paginate .paginate_button.next{
    color: #0E80C3 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: transparent;
    color: #9A9A9B !important;  
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #9A9A9B !important;    
    font-size: 12px; 
    border-radius: 0px;
    border: 1px solid #E4E4E4;
    padding: 1px 8px;
    margin-left: 0;    
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
     border: 1px solid #E4E4E4;
}
.dataTables_wrapper .dataTables_paginate .ellipsis{
    padding: 1px 14px;
    border: 1px solid #E4E4E4;    
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: #0E80C3 !important;    
    font-size: 12px;
    background: none;
     border: 1px solid #E4E4E4;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 12px 10px;
}
table.dataTable thead .sorting_desc{
    background-image: url(../../images/sort-up.png);
    background-size: 10px;
    background-position: 90%;
}
table.dataTable thead .sorting{
    background-image: url(../../images/sort-arrows.png);
    background-size: 10px;
    background-position: 90%;
}
table.dataTable thead .sorting_asc{
    background-image: url(../../images/sort-down.png);
    background-size: 10px;
    background-position: 90%;
}
table.dataTable thead{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
table.dataTable thead th, table.dataTable thead td{
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #0E80C3;
    border: none;
}
table.dataTable tbody tr.odd{
    background-color: #FFFFFF;
}
table.dataTable tbody tr.even{
    background-color: #F6F6F6;
}
.dataTables_length{
    position: absolute;
    bottom: 15px;
    right: 430px;    
}
.dataTables_length select{
    width: 35px;
    border: none;
    border-bottom: 1px solid;
    background-color: transparent;
    background-position-x: 100%;
    background-position-y: 8px;        
}
.dataTables_paginate{
    margin: 15px;    
}
tspan{
    fill: #000;
    font-weight: normal;
}
.gj-icon.chevron-left,.gj-icon.chevron-right{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.gj-icon.chevron-left:before {
    content: "\f053";
}
.gj-icon.chevron-right:before {
    content: "\f054";
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: none;
}
.gj-datepicker-bootstrap .btn-outline-secondary {
    border: none !important;
    /*border-bottom: 1px solid #000 !important;*/
    border-bottom: none !important;
    border-radius: 0 !important;    
}
.gj-datepicker .btn-outline-secondary .gj-icon{
    font-size: 0 !important;    
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle{
    color: #000 !important;
    background-color: transparent !important;    
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle{
    box-shadow: none !important;
    border-bottom: 1px solid #BBBBBB !important;
}
.form-control:focus + .input-group-append .btn-outline-secondary{
    border-bottom: 1px solid #BBBBBB !important;
}
/*Chart styles*/
.theme-btn{
    background-color: #0E80C3;
    color: #fff; 
    border-radius: 6px;       
}
.checkbox {
    position: relative;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 5px;
    left: 32px;
}
.checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 22px;
}
.checkbox input[type="checkbox"]:checked + label::before {
    background-color: transparent;
    border: 1px solid #2A7C33;
}
.header-checkbox.checkbox input[type="checkbox"]:checked + label::before {
    background-color: transparent;
    border: 1px solid #fff;
}
.checkbox label::before {
    height: 16px;
    width: 16px;
    left: 30px;
    top: -3px;
    border: 1px solid #2A7C33;
    border-radius: 0px;
}
.header-checkbox.checkbox label::before{
    border: 1px solid #fff;
}
.checkbox label::before, .checkbox label::after {
    position: absolute;
    content: "";
    display: inline-block;
}
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    border-left: none;
    border-bottom: none;
}
.checkbox input[type="checkbox"] + label::after {
    color: #2A7C33;
}
.header-checkbox.checkbox input[type="checkbox"] + label::after {
    color: #fff;
}
.checkbox label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid #2A7C33;
    border-bottom: 2px solid #2A7C33;
    transform: rotate(-45deg);
    left: 34px;
    top: 2px;    
}
.header-checkbox.checkbox label::after {
   border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;  
}
.no-sorting.sorting_asc, .no-sorting.sorting_desc, .no-sorting.sorting{
    background-image: none !important;
}
.w-5{
    width: 5% !important;
}
.pl-10{
    padding-left: 10px !important;    
}
.btn.focus, .btn:focus{
    box-shadow: none;
}
h2{
    font-size: 30px;
}
h5{
    font-size: 20px;
}
.greyed-color{
    color: #555A6B;
}
.my-profile{
    border-radius: 50%;
    width: 125px;
    height: 125px;    
}
.white-container, .profile-card{
    background-color: #fff;
}
.profile-card{
    box-shadow: 0px 0px 5px 0px #ccc;
    min-height: 260px;
    /*padding: 20px; */
    padding:20px 5px 20px 5px;
}
.profile-table tr td{
    padding: 5px 0px;
}
.modal-form .input-group-text{
    border-radius: 0;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #000;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    
}
.modal-form input:focus + .input-group-append .input-group-text{
    border-bottom: 1px solid #BBBBBB;
}
.modal-form .btn{
    height: 35px;
    line-height: normal;
    min-width: 100px;
}
.modal-form .btn-primary{
    background-color: #0E80C3;
    color: #fff;
}
.modal-form{
    max-width: 400px;
}
.btn-blank{
    border:1px solid #1A81C1;
    color: #1A81C1;
    background-color: #fff;
}
.file-break{
    word-break: break-all;
    white-space: normal;
}
.all-link a{
    color: #1A81C1 !important;
    border-bottom: 1px solid;
    padding-bottom: 1px;
}
.bfd-dropfield-inner{
    height: 210px !important;
    padding-top: 27px !important; 
}
.drop-text{
    font-size: 18px;
}
.bfd-dropfield-inner:hover, .bfd-dropfield-inner.bfd-dragover {
    border-color: #555A6B;
    color: #555A6B;
}
.file-upload-modal .modal-header{
    padding: 2px 12px;    
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.bfd-progress .progress{
    margin-top: 3px;    
}
.up-btn {
    cursor: pointer;
    border: none;
  color: gray;
  background-color: #0E80C3;
  padding: 8px 20px;
  border-radius: 3px;
  color: #fff;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
} 
.bootstrap-select .dropdown-toggle{
    border: none;
    height: 28px;
    padding: 0;
    border-radius: 0px;
    border-bottom: 1px solid #000;
}
.dropdown-toggle::after{
    border: none !important;
    width: 12px;
    height: 26px;
    content: "";
    /*background-image: url(../../images/drop-down-1.png);*/
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-size: 10px;
    background-position-y: 9px;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:hover, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
    background-color: transparent;
    border:none;
    border-bottom: 1px solid #000;
    outline: none;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner:focus{
    outline: none;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
    outline: none !important;
}
.bootstrap-select .dropdown-menu .inner{
    max-height: 150px;
}
.bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
}
.disabled-form:disabled{
    background-color: transparent;
}
.theme-btn:hover{
    background-color: #0E80C3;
    
}
.place-text
{
    background-color: Yellow;
    font-weight:bold;
    border-radius: 5px;
    
}
.place-text img
{
    height:100px;
    width:100px;
}
.Grid {
    width: 100% !important;
    height: 730px !important;
    box-shadow: 0px 4px 16px #ccc;
    border: none;
}
.2CardGrid
{
    height: 765px !important;
}
.slick-viewport
{
    outline: 0px !important;
}
@media (min-width: 320px) and (max-width: 1024px) {
    table.dataTable tbody th, table.dataTable tbody td {
        white-space: nowrap;
    }
    nav{
        overflow-y: scroll;
    }
    .custom-tab{
        display: inline-block;    
        white-space: nowrap;
    }
    .custom-tab .nav-item{
        display: inline-block !important;    
    }
    .header-height
{
    min-height:60px;
    max-height:90px;
}
.icon-margin
{
    margin-top:5px;
}
    .btn-style-Admin {
        min-width: 30% !important;
        margin-top: 5%
    }
}
@media (min-width: 768px) 
{
    /*.btn-style-Admin {
        min-width: 30% !important;
        margin-top: 5%
    }*/
    .carousel-item{
        background-color: #000;
    text-align: center;
    width: 100%;
    height: 375px;
    }
    .FundExportToExcel
    {
      margin-left: -17px;
     }
    .side-menu-slider{
        margin-left: 105px;
        transition: margin-left .5s;
        
    }
    #sidebar-wrapper{
        display: none;
    }
    .side-menu-slider #sidebar-wrapper{
        display:block;
    }

    #wrapper {
       /* padding-left: 75px;*/
    }
    #sidebar-wrapper {
        padding-top: 20px;        
        width: 105px;
        top:152px;
        overflow-x: hidden;
        box-shadow: 0px 0px 5px 0px #ccc;        
    }
    #sidebar-wrapper ul li a{
        padding: 0px 15px;
    }
    #page-content-wrapper {
        margin-left: 23px;
        padding-top: 50px; 
        background-color: #F5F6FA;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        top:120px;
    }
    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 0px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        /*width: auto;*/
    }
    
    .modal-dialog
{
    top:130px;
}
.icon-margin
{
    margin-top:5px;
}
.rowMarginRight
{
    
    margin-right:15px !important;
}
	.security-bg-Height
	{
		min-height : 200px;
		max-height : 463px;}
	.security-bg-Height2
	{
		min-height : 241px;
		max-height : 642px;}
	.mrg-lft-5
	{
		margin : 0 !important;}    
		
	.padding-zero
	{
		padding : 0;}
	.mrg-btm
	{
		margin-bottom: 0.5rem;}
    .increaseTopPadding {
        padding-top: 100px !important;
    }
    .settingsPageContentFromTop {
        padding-top: 50px !important;
    }
}
@media (min-width: 768px) and (max-width: 901px) {
    .decreaseTopPadding {
        padding-top: 50px !important;
    }
}

@media (min-width: 768px) and (max-width: 901px) {
    .settingsPageContentWrapper {
        padding-top: 50px !important;
    }
}
@media (min-width: 770px) {

    #sidebar-wrapper {

        top:110px;
             
    }
.increaseTopPadding {
        padding-top: 95px !important;
    }
    #page-content-wrapper {
        
        top:110px;
        padding-top: 30px; 
    }
    
    .modal-dialog
{
    top:130px;
}
.icon-margin
{
    margin-top:5px;
}
	.mrg-lft-5
	{
		margin-left : 7% !important;} 
	.mrg-lft-16
	{
		margin-left : 0%;} 
    .paddL1
	{
    margin-left:15% !important;}
    .mrg-lft-6
	{
    margin-left:6%;}
    
    .mrg-lft-8
	{
    margin-left:8%;}
    .security-bg-Height2
	{
		min-height:auto;
	}
}

@media (min-width: 320px) and (max-width: 767px) {
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width: 100%;
    }
    .SummaryPeriodTo{
        margin-top:1rem !important;
    }
    .as-heading {
        font-size: 25px !important;
    }
    .as-sub-heading {
         font-size: 12px !important;
    }
    body  {
	font-size: 10px;
}
    .my-profile{
        width: 90px;
        height: 90px;
        margin-bottom: 25px; 
    }
    .theme-btn{
    font-size: 12px;
    padding: 1px 6px;        
    }
    .gj-datepicker-bootstrap .btn-outline-secondary{
        border-bottom: none !important;
    }
    .carousel-item img{
    }
    table.dataTable thead .sorting,table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{
    background-position: 100%;        
    }
    .dialogcontainer {
        width: 100% !important;
        top:10% !important;
    }
        .dialogcontainer tr {
            display: flex;
    }
    table.dataTable thead th, table.dataTable thead td{
            white-space: nowrap;
    }
    .chart-table, .dataTable{
        display: block;
        width: 100%;
        overflow-x: auto;
    }
 .carousel-control-next-icon, .carousel-control-prev-icon {
    width: 11px;
    height: 22px;
}
    .select-form.form-control, .date_picker .form-control{
        width: 80%;
    }
    header select.form-control{
        width: 120px;
    }
   .mrg-align-lft-5
	{
		margin-left : 5%;} 
	.mrg-btm
	{
		margin-bottom: 0.5rem;}
	.security-bg-Height
	{
		min-height : 222px;
		max-height : 463px;}
	.security-bg-Height2
	{
		min-height : 454px;
		max-height : 642px;}
	.btn-style
	{    min-width: 30% !important;
	     padding : 0;
	     margin-top : 5%
		}
    .btn-style-Admin {
        min-width: 30% !important;
	     margin-top : 5%
		}
    #page-content-wrapper{
        padding-top: 250px;        
    }
    .SignUpTopPadding{
        padding-top : 80px !important;
    }
    .settingsPageContentWrapper {
        padding-top: 150px !important;
    }
    .settingsPageContentFromTop {
        padding-top: 170px !important;
    }
    #sidebar-wrapper {
        transition: none;
        top: 0px;
    }
    #page-content-wrapper .container-fluid{
        padding-left: 15PX;
        padding-right: 15PX; 
    }
    #sidebar-wrapper {
        
        top: 230px;
    }
.increaseTopPadding {
        padding-top: 205px !important;
    }
    .decreaseTopPadding {
        padding-top: 145px !important;
    }
    .sidebar-nav li {
        padding: 0px !important;
    }
    #wrapper {
        padding-left: 0px;
    }
    #wrapper.toggled-2 #sidebar-wrapper {
        width: 105px;
        position: fixed;
        top: 230px;
        overflow: hidden;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        /*margin-left: 250px;*/
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
    }
    img.menu-toggle{
        display: none
    }
     .side-menu-slider{
        margin-left: 33%;
        transition: margin-left .5s;       
        
    }
    #sidebar-wrapper{
        display: none;
    }
    .side-menu-slider #sidebar-wrapper{
        display:block;
        
    }
    .modal-dialog
{
    top:240px;
}
.header-height {
    min-height: 60px;
     max-height: 220px; 
}
.icon-margin
{
    margin-top:5px;
}
     
    .selectDateOverview{
        justify-content:unset !important;
    }
}
.value-list-wrapper {
    padding-left: 0;
    margin-bottom: 0px;
    margin-top: 15px;
}
.value-list-item {
    position: relative;
    display: block;
    padding: 2px;
    margin-bottom: 5px;
    background-color: #fff;
}
.images-box
{
    height:200px;
    width: 350px;
    border: none;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

@media (min-width: 767px) and (max-width: 769px) {
    .mb-4, .my-4 {
        margin-bottom: 2.5rem !important;
    }
}

/*
@media only screen and (max-width: 360px) {
  .images-box
  {
      width: 250px;
  }
}
@media only screen and (max-width: 600px) {
  .images-box
  {
      width: 400px;
  }
}
@media only screen and (max-width: 720px) {
  .images-box
  {
      width: 350px;
  }
}
@media only screen and (max-width: 1080px) {
  .images-box
  {
      width: 400px;
  }
}*/
.images-box img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.doughnut-list .box {
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-right: 5px;
}
.doughnut-list
{
    list-style:none;
    margin-top: 20px;
}
.as-sub-strong
{
    font-weight:bold;
}
.value-dated
{
    float:right;
}
#list-group-item
{
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #ddd !important;
    background-color: transparent;
}
.news-group
{
    margin-left: 5px;
    margin-right: 5px;
    max-height: 400px;
    overflow:scroll;
}
.list-group-item
{
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #ddd !important;
    background-color: transparent;
}
#list-group p
{
    margin-bottom: 0px !important;
}
.doctext
{
    color: Red;
}
.btn-light
{
    background-color: transparent !important;
}
.darkDropdown
{
    background-image: url(../../images/drop-down-1.png);
    background-position-x: 90%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 10px;
}
.darkDropdown-signup
{
    background-image: url(../../images/drop-down-1.png);
    background-position-x: 90%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 10px;
    width:100% !important;
}
@media(min-width: 768px) and (max-width: 1023px) {
     .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width: 158px;
    }
    .FundInvestNow
    {
      margin-left: 39px;
     }
    .FundSubType
    {
      margin-top: 11px;  
     }
     .FundExportToExcel
    {
      margin-left: -396px;
     }
    .carousel-item{
        background-color: #000;
    text-align: center;
    width: 100%;
    height: 375px;
}
    .carousel-item img{
            height: 275px;
    }
    .chart-table{
        display: block;
        width: 100%;
        overflow-x: auto;
    }
   header select.form-control{
        width: 105px;
   }
   .select-form.form-control{
        /*width: 124px;*/
   }
   .date_picker .form-control {
    width: auto;
}
.icon-margin
{
    margin-top:5px;
}
    .SignUpTopPadding{
        padding-top:0 !important;
}    
}    
@media(min-width: 1024px) and (max-width: 1248px) {
    header select.form-control{
        width: 135px;        
    }
    .chart-align
    {
    max-height: 150px !important;
    max-width: 200px !important;
    min-height: 150px !important;
    min-width: 75px !important;
    }
    .carousel-item{
        background-color: #000;
    text-align: center;
    width: 100%;
    height: 375px;
}
}

/* Dashboard styles*/
@media(min-width: 320px) and (max-width: 359px) {
    html{height: auto;}
}
@media(min-width: 320px) and (max-width: 901px) {
.removeFlex{
display : unset !important;
}
    .ContactModal{
width : 100% !important;
}
.toggleHideSummary{
display:none !important;
}
.docmessage {
max-height: 900px !important;
}
.tblwire {
border-spacing: 0 1em;
border-collapse: separate;
}
}
@media (min-width: 1030px) {

    #sidebar-wrapper {

        top:66px;
             
    }

    #page-content-wrapper {
        
        top:66px;
        padding-top: 30px; 
    }
	.mrg-lft-5
	{
		margin-left : 0;}
	.security-bg-Height
	{
		min-height:auto;
	}
	.security-bg-Height2
	{
		min-height:auto;
		max-height:384px;
	}
	.padding-zero
	{
		padding : 0;}
   .mrg-align-lft-5
	{
		margin-left : 0%;} 
	 .mrg-lft-16
	 {
	 	margin-left:16%;} 

	.max-width-13
	{
		max-width:10%;}
    .paddL1
	{
     margin-left : 4% !important}
    .mrg-lft-6
	{
    margin-left:2%;}
    
    .mrg-lft-8
	{
    margin-left:0%;}
		.mrg-left-4
		{
			margin-left : 4%;}
    .modal-dialog
{
    top:70px;
}

 .header-height
{
    min-height:60px;
    max-height:60px;
}

   
}
.btn-default 
{
        border-radius: 0;
    border: none;
background-color: transparent;
    padding: 0px;
    color: #000;
    height: 28px;
    width: 200px;
    border-bottom: 1px solid #000 !important;
        font-size: 14px;
        background-image: url(../../images/drop-down.png);
    background-position-x: 90%;
      background-repeat: no-repeat;
  background-position: right; 
}
.btn-default:focus,
.btn-default.focus {
  box-shadow: none;
    border: none;
    border-bottom: 1px solid #BBBBBB;
    background-color: transparent;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #FFFFFF;
  background-color: #003466;
  border-color: #003466;
  background-image: url(../../images/drop-down.png);
    background-position-x: 90%;
    background-repeat: no-repeat;
    background-position: right;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}

.TransGrid
{
    width: 100% !important;
    height: 600px !important;
    
	overflow-y: auto !important;
	
}


.DocumentGrid
{
    width: 100% !important;
    height: 800px !important;
    box-shadow: 0px 4px 16px #ccc;
    border: none;
}
.news-group a
{
    color: Black;
}
.dropdown-item:hover {
    color: white;
    text-decoration: none;
    background-color: #007bff;
}
.Grid-Investment-Trans
{    
width:100% !important;   
    height: 600px !important;   
    margin: 2px 0 0 0;
    overflow-y:auto !important;  
    
}
#divassest {
    overflow-y: scroll;
    height: 320px;
}

.selected {
    color: white !important;
    text-decoration: none;
    background-color: #007bff;
}
.docmessage {
    background-color: White;
    padding: 15px;
    box-shadow: 0px 4px 16px #ccc;
    border: none;
    min-height: 100px;
    max-height: 100px;
    text-align: center;
}



.cardminheight
{
    min-height:250px;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner
{
    width: 90% !important;
}
.consentTable {
    /* border: 1px solid silver; */
    border-collapse: collapse;
    font: 12px/14px 'Open Sans' , sans-serif;
    margin-left: 0;
    width: 100%;
}
.divTitle {
    padding: 3px;
    text-align: left;
    width: 80%;
    /* border-right: 1px solid silver; */
}
.divStatus {
    padding: 2px;
    text-align: center;
    width: 20%;
}
.chart-align
{
    max-height: 150px;
    max-width: 300px;
    min-height: 150px;
    min-width: 300px;
    width: 300px;
    height: 150px;
}

.subType-notactive
{
    color: #555A6B;
}

#validateMsg
{
    color:Red;
}

.pt-20
{
    padding-top:20%;
    text-align: center;
}

.rowmargin
{
    margin-left:5px !important;
    margin-right:5px !important;
        line-height: 19px;
}

.zeroPadding
{
    padding-left:0px !important;
    padding-right:0px !important;
}

.zeromargin
{
    margin-left:0px !important;
    margin-right:0px !important;
}

.docselectpicker
{
    display:inline-block !important
}

.P-5
{
    padding-left:5px !important;
    padding-right:5px !important;    
    padding-bottom: 5px !important;
}

}
.supportingDoc-bg
{
  background-color: aliceblue;
}
.supportingDoc-td
{
  padding: 0px !important;
}.cardmargin
{
    margin-left:15px !important;
    margin-right:15px !important;
}
.divDashOverflow
{
    overflow: hidden;
}

.sold-tag
{
    position: absolute;
    z-index: 10;
    padding: 4px 8px;
    background: #f9ca08;
    border: 2px solid #f9ca08;
    color: #002e5b;
    font-weight: 600;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 150px;
    right: -35px;
    top: 20px;
    text-align: center;
    font-size: 15px;
}
.securitymain
{
    background: #fff;
    padding: 20px 40px 20px 2%;
    border: 1px solid #CFCFCF;
    border-radius: 4px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 200px;
    float: left;
    position: relative;
    width: 70%;
}
.securitymain h1
{
    color: #000;
    font-size: 24px;
    padding-bottom: 10px;
}
.securitymain #option
{
    color: #636363;
    font-size: 13px;
    width: 360px;
    height: 34px;
}

.Sub-item
{
    color: #4f484b;
    font-size: 14px;
    margin-bottom: 18px;
}

.errorMsg
{
    color: Red;
    margin-left: 210px;
    margin-top: 5px;
}
.security-bg
{
    width: 100%;
    text-align: left;
    border: 1px solid #d8d8d8;
    float: left;
    border-radius: 4px;
    padding: 23px;
}
.security-bg #ErrorMsg
{
    display: inline-block;
    color: red;
    margin-top: -72px !important;
    margin-left: 400px;
    font-size: 14px;
    position: relative;
    float: left;
    z-index: 20;
    width: 35%;
}
.answer
{
    border-radius: 4px;
    border: solid 1px #000;
    padding: 2px 2px 2px 6px;
    color: #636363;
    -webkit-box-shadow: inset 1px 1px 1px 0px #dedede;
    -moz-box-shadow: inset 1px 1px 1px 0px #dedede;
    box-shadow: inset 1px 1px 1px 0px #dedede;
    height: 26px;
    width: 154px;
}
.save
{  background-color:#007bff;
		margin-right:12px;
		display:inline;
		float:left;
		height:28px;
		width:60px;
		border-radius:3px;
		text-align:center;
		line-height:27px;
		font-weight:bold;
		font-size:14px;
		color:#FFF;
		border:#007bff 1px solid;
		background: #007bff; /* Old browsers */ ); /* IE6-8 */
		 
}
.save:hover{background:#007bff;border-radius:3px;color:#fff;}
.save p{
display:inline;
}
em
{
color:Red;
font-style: inherit;} 
.rowHeight
{
	height:35px;
	}
.Align
{
    float: left;
    color: #676767;
    font-size: 14px;
    display: inline;
    width: 24%;
    margin-top: 6px;
}
.btn-Unlock
{    
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-blank-Unlock
{
    border: 1px solid #1A81C1;
    color: #1A81C1;
    background-color: #fff
}.modal-content table {
    width: 100%;
}
.modal-content td {
    padding-left:10px;
    padding-right:10px;
    width:50%;
}

.security-top
{
	    margin:130px 0px 0px 0px !important;
        position: relative;
        float: left;
        width: 100%;
        padding-bottom: 50px;
}

.security-btn-primary
{
 min-width: 75px;
 background-color: #0E80C3;
 color: #fff
 }
 
 .security-btn-blank
{
 min-width: 75px;
 border: 1px solid #1A81C1;
 background-color: #fff;
 color: #1A81C1;
 }
 
 .field-validation-error
{
    color: Red;
}

.dropdown-transform
{
 transform: translate3d(147px, 40px, 0px) !important;   
}

.loader {
    position: absolute;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 30px;
    height: 30px;
    
    animation: spin 2s linear infinite;
    z-index: 99;
    top: 6%;
    bottom: 0%;
    left: 47%;
    right: 0%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.security-btn-primary:disabled {
    min-width: 75px;
    background-color: #d5d5d5;
    color: #fff;
}
.contactErrorMsg 
{
    padding-left: 5.5%;
    color: red;
    padding-bottom: 1%;
}

@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  {
      .FundExportToExcel
    {
      margin-left: -19px;
     }
     
     .FundInvestNow
    {
      margin-left: 39px;
     }
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}
.divconsent
{
    height: 530px;
    margin-left: 0px;
    overflow-x: hidden;
    width: 100.3%;
}
.consentHeader
{
    background: #0E80C3;
    color: #fff;
}
.reportingGrid
{
    width: 100%;
    height: 730px;
}
.form-control[readonly] {
    background: white;
}
.btn-primary-all {
    background-color: #0E80C3;
    color: #fff
}
.pl2p{padding-left:2% !important;}
.download-icon-admin {
    padding: .190rem .40rem;
    border: 1px solid #1A81C1;
    border-radius: 3px;
}
.label-admin {
    font-weight: bold;
    font-size: medium;
}
.mb-10{margin-bottom:10px !important}
.performanceTable tr {
    border-bottom: 1px solid darkGrey !important;
    text-align:center;
}
.performanceTable td {
    height: 40px !important;
}
.wp-200
{
    width:200%!important;
}

/* custom table css */
table.mobileTbl {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

    table.mobileTbl caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
    }

    table.mobileTbl thead {
        background-color: #002E5B;
        color: white;
        font-size: 13px;
    }

    table.mobileTbl tr {
        height: 50px;
        border: 1px solid #ddd;
        padding: .35em;
    }

    table.mobileTbl th,
    table.mobileTbl td {
        padding: .625em;
        text-align: left;
        font-size: 14px;
    }

    table.mobileTbl th {
        font-size: .85em;
        letter-spacing: .1em;
    }

.summeryTable thead th {
    white-space: nowrap;
    width: 100%;
}

/* CUSTOM HEADER */
/* .desktop-menu{
      display: block !important;
      margin-right: 15px;
  }
  .mobile-menu{
    display: none !important;
  } */
.menu {
    margin-right: 15px;
}

/* --------------- */
@media (max-width:900px) {
    tr:nth-child(even) {
        background-color: #ececec;
    }
    table#tblFilters tr {
        display: flex !important;
    }
    .scrollableCards {
        max-height:400px;
        overflow-y:auto;
    }
}
@media(min-width:902px){
    table#tblFilters tr {
        display: table-row !important;
    }
}

@media screen and (max-width: 976px) {
    .mrg-btm {
        margin-bottom: 1rem;
    }

    tr:nth-child(even) {
        background-color: transparent;
    }

    table.mobileTbl tbody tr td:nth-child(even) {
        background-color: #ececec;
    }
    /*  CUSTOM HEADER */
    /* .desktop-menu{
          display: none !important;
      }
      .mobile-menu{
        display: block !important;
      } */
    .menu {
        order: 2;
        margin-right: 0;
    }

    .logo {
        /* margin: 0 auto; */
    }

    .collapse:not(.show) {
        display: none !important;
    }

    .mobile-welcome {
        margin-top: 10px;
    }
    /* ------------ */
    .investName {
        display: block ruby;
    }

    table.mobileTbl {
        border: 0;
    }

        table.mobileTbl caption {
            font-size: 1.3em;
        }

        table.mobileTbl thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table.mobileTbl tr {
            display: block;
            margin-bottom: .625em;
            height: auto;
            justify-content: space-between;
        }

        table.mobileTbl td {
            /* border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
      border-top: none !important; */
            border-bottom: 1px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: left;
            border-top: none !important;
            display: flex;
            justify-content: space-between;
            white-space: break-spaces;
        }

    .investName div a {
        font-size: 14px;
    }


    table.mobileTbl td::before {
        /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }

    table.mobileTbl td:last-child {
        border-bottom: 0;
    }

    /*  HIDE TEXT ON SIDEBAR */
    /*.sidebar-nav li a span {
        display: none !important;
    }*/
    /* FILTER TOP SPACE ADDED  */
    .NonHoldingctrl {
        margin: 8px 0px;
    }

    .customDivmargin {
        margin-bottom: 0px !important;
    }
    /* .card{
        margin-bottom: 1rem !important;
    } */

    .menu-hide {
        display: none !important;
    }

    .menu-show {
        display: block !important;
    }

}

/*Sortable table columns headers*/
.focus {
    cursor: pointer;
    cursor: pointer;
}

.SummaryGridDiv {
    margin-top: 0 !important;
}
/*Scroll bar*/
.verticalScroll {
    max-height: 600px;
}

/*Make sticky headers command first column sticky*/
/*table thead th {
    padding: 3px;
    position: sticky;
    top: 0;
    z-index: 1;
    width: 25vw;
    background: white;
}*/

/*table thead th:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
    } 

table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 5;
}*/

td > a, .transTdRight td {
    text-align: right !important;
}


.alignSpaces {
    margin-top: 10px !important;
}

.SpaceForAuthType {
    margin-top: 20px !important;
}

.lblBlock {
    display: block;
}

.lblInline {
    display: inline;
}

.centerDiv {
    display: inline-block
}

#getPageNumber {
    width: 30%;
    display: inline-block;
    margin: 7px;
    font-size: 14px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.prev, .next {
    margin: 5px;
}
/*Headers bg color*/
.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {
    background-color: #002E5B !important
}

.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {
    height: 50px !important;
}

.slick-viewport, .slick-viewport-top, .slick-viewport-left {
    height: 541px !important;
}

/*Desktop cursor bg color*/

element.style {
    left: -1000px;
    width: 2053px;
}

.slick-header-columns {
    /* background: url(~/s/1/Content/images/table-bg2.gif) repeat-x center bottom; */
    /* background-color: #0E80C3 !important; */
    border-bottom: 1px solid silver;
}

.slick-header-columns {
    /* background: url(images/header-columns-bg.gif) repeat-x center bottom; */
    border-bottom: 1px solid silver;
}

.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns, .slick-group-header-columns {
    position: relative;
    white-space: nowrap;
    cursor: default;
    overflow: hidden;
}

*, ::after, ::before {
    box-sizing: border-box;
}

user agent stylesheet
div {
    display: block;
}

.slick-header-columns {
    background-color: #002E5B !important;
}

@media (min-width:900px) {
    .increaseTopPadding {
        padding-top: 20px !important;
    }
}

@media (min-width: 900px) {
    .settingsPageContentFromTop {
        padding-top: 20px !important;
    }
 
}

@media (min-width: 320px) and (max-width: 767px) {
    .modal {
        bottom: 150px !important;
    }
       .mobileGridTop {
        margin-top: 20px;
    }
}
@media (min-width: 320px) and (max-width: 700px) {
    #progressbar li {
        margin: 0px;
    }
}
/*@media (min-width:900px) {
    .ui-widget {
        font-size: 11px !important;
    }
}*/

    table#tblFilters td {
        border-bottom: 0 !important;
    }

    @media (min-width: 768px) and (max-width: 900px) {
        .dialogcontainer {
            top: 200px !important;
        }
    }

    .showDealOverview {
        display: block !important;
    }
    /*To make all dropdowns color as black*/
    .bootstrap-select > .dropdown-toggle.bs-placeholder {
        color: black !important;
    }
.termsButtons{
    text-align:center;
}
#divContDistValAsofToday .card {
    min-height: unset !important;
}
@media(min-width:900px){
div.show-menu-arrow.keepopen {
    width: 250px !important;
}
}
.drpSpace{
    padding-top:10px;
}

@media (min-width: 768px) and (max-width: 901px) {
    
    .increaseTopPaddingFundRaising {
        padding-top: 50px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .modal {
        bottom: 150px !important;
    }
       .mobileGridTop {
        margin-top: 20px;
    }
    .increaseTopPaddingFundRaising{
        padding-top : 160px !important;
    }
.UserGrid
{
    width: 100% !important;
    height: 600px !important;
	overflow-y: auto !important;
}