/* All the fonts are according to the brand guidelines of Finexa */

@import url("../allStyleSection/ButtonStyle.css?v=01");

:root{
    --finlabsfont100:11px !important;
    --finlabsfont200:12px !important;
    --finlabsfont300:14px !important;  
    --finlabsfont400:16px !important; 
    --finlabsfont500:18px !important;
    --finlabsfont600:20px !important;
    --finlabsfont700:24px !important;    
    --finlabsfont800:28px !important;
    --finlabsfont900:32px !important;
    --finlabsfont1000:36px !important;
}

body {
    font-family:'Open Sans' !important;
}
.familymembertbl{
    font-size: var(--finlabsfont200);
}

input{
    border: none !important;
    border-bottom: 1px solid var(--finlabs_blue400) !important;
    border-radius: 0 !important;
    outline: none !important;
    font-weight: 500 !important;
    font-size: var(--finlabsfont100) !important;
}

input[type="file"] {
    border: none !important;
    outline: none !important; /* Remove outline on focus for some browsers */
}

*:not([class*="fa-"]):not(.ag-icon),
html:not([class*="fa-"]):not(.ag-icon) {
    /* color: red !important; */
    font-family: 'Open Sans', sans-serif !important;
    scroll-behavior: smooth;
   
}

/* a,h1,h2,h3,h4,h5,h6,p,span,label,b,li,select option,button,td,th,div,tspan{
    font-family:'Open Sans', sans-serif !important;
    /* color:red !important; 
} */

/* AG-GRID icons */
.ag-icon .ag-icon-first{
    font-family: none !important;
}

.form-control:focus {
    border: none !important;
}

select{
    border: none !important;
    border-bottom: 1px solid var(--finlabs_blue400) !important;
    border-radius: 0 !important;
    outline: none !important;
    font-weight: 500 !important;
    
}

.form-row select{
    font-size: var(--finlabsfont100);
}

.select2-container {
    border: none !important;
    /* border-bottom: 1px solid var(--finlabs_blue400) !important; */
    border-radius: 0 !important;
    outline: none !important;
    font-weight: 500 !important;
    font-size: var(--finlabsfont100);
}

.select2-container-active {
    border: none !important;
    border-bottom: 1px solid var(--finlabs_blue400) !important;
    border-radius: 0 !important;
    outline: none !important;
    font-weight: 500 !important;
    font-size: var(--finlabsfont100);
}

.select2-container--default .select2-selection--single{
    border: none !important;
    border-bottom: 1px solid var(--finlabs_blue400) !important;
    border-radius: 0 !important;
    outline: none !important;
    font-weight: 500 !important;
    font-size: var(--finlabsfont100);
}

.table th, .table td{
    font-size: var(--finlabsfont100);
}
th{
    vertical-align: middle !important;
}
.dataTables_wrapper label{
    font-size: var(--finlabsfont200);
}
.dataTables_info{
    font-size: var(--finlabsfont200);
}
.paginate_button{
    font-size: var(--finlabsfont100);
}
#infoBox{
    font-size: var(--finlabsfont200);
}
.highcharts-container text{
    font-size: var(--finlabsfont200);
}
#idTable_info{
    font-size: var(--finlabsfont200);
}
/* .paginate_button {
    font-size: var(--finlabsfont200);
} */
.Address{
    font-size: var(--finlabsfont100);
}
.btn{
    font-size: var(--finlabsfont200) !important;
}
.parsley-required{
    font-size: var(--finlabsfont100);
}
.parsley-length{
    font-size: var(--finlabsfont100);
}
.parsley-pattern{
    font-size: var(--finlabsfont100);
}
.parsley-type{
    font-size: var(--finlabsfont100);
}
.parsley-max{
    font-size: var(--finlabsfont100);
}
.parsley-errors-list{
    font-size: var(--finlabsfont100);
}
.control-label,label{
    font-size: var(--finlabsfont100);
}
.form-control{
    font-size: var(--finlabsfont100);
}
.sidebar-dropdown i{
    min-width: 15px !important;
    margin-top: 3px !important;
}
.sidebar-dropdown a{
    display: flex !important;
}
.sidebar-dropdown span{
    margin-left: 3px !important;
}
.parsley-range{
    font-size: var(--finlabsfont100);
}
.select2-selection__placeholder{
    font-size: var(--finlabsfont100);
}

.familyMemberTileText{
    font-size: var(--finlabsfont100);
}

h1{
    font-size: var(--finlabsfont700) !important;
}
h2{
    font-size: var(--finlabsfont600) !important;
}
h3{
    font-size: var(--finlabsfont500) !important;
}
h4{
    font-size: var(--finlabsfont400) !important;
}
h5{
    font-size: var(--finlabsfont200) !important;
}

h6{
    font-size: var(--finlabsfont100) !important;
    margin: 0px !important;
}

.parsley-errors-list {
    color: var(--finlabs_red);
}

/* css for select2 dropdown focus */
.select2-container--focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}


.ag-pivot-off .ag-header-cell-label {
    font-size: var(--finlabsfont200) !important;
}
.ag-pivot-off .ag-header-group-cell-label{
    font-size: var(--finlabsfont200) !important;
}
.ag-cell{
    font-size: var(--finlabsfont200) !important;
}
@media screen  and (max-width:575px){
    .Sign_bg{
        margin: auto !important;
    }
    .dashboardheading{
        font-size: var(--finlabsfont200) !important;
    }
    .section_one{
        margin: 5px 10px !important;
        padding: 0px 10px !important;

    }
    .section_two{
        margin: 5px 5px !important;
        padding: 0px !important;

    } .section_three,.section_four{
        margin: 5px 5px !important;
        padding: 0px !important;

    }
    #idUserHeader{
        font-size: var(--finlabsfont200) !important;
    }
    .table th, .table td{
        font-size: var(--finlabsfont200) !important;
    }
    .btn{
        font-size: var(--finlabsfont200) !important;
    }
    .Address{
        font-size: var(--finlabsfont400);
    }
    .mandatory{
        font-size: var(--finlabsfont200) !important;
    }
}
@media screen  and (min-width:576px) and (max-width:1024px){
    .control-label,label{
        font-size: var(--finlabsfont200) !important;
    }
    input{
        font-size: var(--finlabsfont200) !important;
    }
    .section_one {
        margin: 5px 10px !important;
        padding: 0px 10px !important;
    }
    .table th, .table td{
        font-size: var(--finlabsfont200) !important;
    }
}
/* 
.text{
    font-size: 14px !important;  
}
.subheading{
    font-size: 19px !important;
}
.heading{
    
    font-size: 25px !important;
}
h1{
    font-size: 2.5rem !important;
}
h2{
    font-size: 2.0rem !important;
}
h3{
    font-size: 1.75rem !important;
}
h4{
    font-size: 1.5rem !important;
}
h5{
    font-size: 1.25rem !important;
}
h6{
    font-size: 1.0rem !important;
} */
/* scroll for family image */
.familymembertbl td::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  .familymembertbl td::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 2px;
  }
   
  /* Handle */
  .familymembertbl td::-webkit-scrollbar-thumb {
    background: grey; 
    border-radius: 10px;
  }