/**
Theme Name: NIRF-InsightHub Solution
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nirf-insighthub-solution
Template: astra
*/

/* Header area */
body{
    font-family: "IBM Plex Sans", Sans-serif!important;
}
ul, li{
    padding: 0;
    margin: 0;
}
.nirf-user-text, .wppb-user-forms{
    margin: -85px auto 55px auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px 40px;
    border-radius: 0 0 25px 0;
    box-shadow: 2px 2px 17px 11px rgba(204, 204, 204, 0.75);
    -webkit-box-shadow: 2px 2px 17px 11px rgba(204, 204, 204, 0.75);
    -moz-box-shadow: 2px 2px 17px 11px rgba(204, 204, 204, 0.75);
    background-color: #fff;
    position: relative;
    gap: 40px;
}
.nirf-user-text{
    padding: 0;
    border-radius: 0;
    gap: 10px;
    box-shadow: none; 
    margin-bottom: 10px;
    align-items: center;
    border-radius: 0;
    margin: 0px;
    justify-content: flex-start;
}
.nirf-user-text .name{
    font-size: 15px;
    font-weight: 500;
    font-family: "IBM Plex Sans", Sans-serif;
    line-height: 1.2;
    text-align: left;
}
.nirf-user-text .logo{
    width: 50px;
    height: 50px;
}
.nirf-user-text .logo img{
    border-radius: 15px;
    height: 100%;
}
.cus-btn{
    background-color: #046bd2;
    padding: 8px 14px;
    border-radius: 0;
    color: #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    font-size: 14px;
}

.logout{
    margin-top: 5px;
}
.logout .cus-btn {
    background-color: #046bd2;
    padding: 8px 51px;
    border-radius: 18px;
    font-weight: 500;
    width: 200px;
}
.cus-btn:hover, .logout .cus-btn:hover{
    color: #fff;
    background-color: #045cb4;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.nirf-user-des{
    width: 80%;
    text-align: left;
}
.desc{
    font-size: 14px;
    font-family: "IBM Plex Sans", Sans-serif!important;
}
.nirf-banner-picture{
    position: relative;
    height: 200px;
    overflow: hidden;
}
.nirf-banner-picture:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #050505;
    left: 0;
    top: 0;
    opacity: 0.65;
}
/* Header area end*/

/* Tab area*/


.nirf-submenu ul{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.nirf-submenu ul li{
    list-style-type: none;
    font-weight: 500;
    position: relative;
    font-size: 17px;
    /* padding: 0 15px; */
    font-family: "IBM Plex Sans", Sans-serif;
    display: flex;
    align-items: center;
    gap: 10px;
}
.nirf-logout img{
    width: 42px;
}
.nirf-logout::before{
    display: none;
}
.nirf-submenu ul li:before, .nirf-submenu ul li.active:before{
    position: absolute;
    content: "";
    bottom: -16px;
    left: 6px;
    width: 0;
    height: 3px;
    background-color: #f98d33;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.nirf-submenu ul li:nth-child(2):before{
    bottom: -6px;
}
.nirf-submenu ul li:hover:before{
    background-color: #acacac;
}
.nirf-submenu ul li:hover:before, .nirf-submenu ul li.active:before{
    width: 100%;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.nirf-submenu ul li a{
    color: var(--ast-global-color-3);
    white-space: nowrap;
}

/* Tab area end*/

/* Analytics page */
.nirf-analytics, .analytics-right-part form, .nirf-analytics-top-wrapper, .section-1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.nirf-analytics-top-wrapper{
    gap: 15px;
}
.nirf-analytics-bottom-wrapper p{
    text-align: center;
    padding: 3px;
    background-color: #e7e7e7;
    color: #828282;
    margin-top: 20px;
}
.section-1{
    box-shadow: -3px -1px 19px 6px rgba(237,237,237,0.72);
    -webkit-box-shadow: -3px -1px 19px 6px rgba(237,237,237,0.72);
    -moz-box-shadow: -3px -1px 19px 6px rgba(237,237,237,0.72);
    border-radius: 20px;
    width: 49%;
    padding: 20px;
    display: flex;
    gap: 20px;
    align-items: center;
}
.nirf-analytics{
    max-width: 100%;
    margin: 0 auto;
}
.nirf-analytics-top-wrapper .analytics-left-part, .nirf-analytics-top-wrapper .analytics-right-part{
    width: 40%;
}
.nirf-analytics-top-wrapper .analytics-left-part select, ._score_exist, .nirf-analytics-top-wrapper .analytics-right-part .searching, 
#nirf_dbd_dropdown_area select, .nirf_dbd_dt_ins_dropdown select
{
    width: 100%;
    background: #f1f1f1;
    height: 54px;
    line-height: 54px;
    padding: 0 30px 0 10px;
    border-radius: 0 0 0 15px;
    border: 1px solid #e3e3e3;
}
._score_exist{
    background-color: var(--ast-global-color-0);
    width: auto;
    float: right;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    margin-top: 30px;
}
._score_exist span{
    font-size: 20px;
    font-weight: 600;
}
.nirf-analytics-top-wrapper .analytics-left-part label,  .nirf-analytics-top-wrapper .analytics-right-part label{
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}
.nirf-analytics-top-wrapper .analytics-right-part .searching{
    padding: 5px;
    height: auto;
    border-radius: 0 0 15px 0;
    line-height: 40px;
}
.nirf-analytics-top-wrapper .analytics-right-part input[type="submit"], #start-new button{
    border-radius: 0 0 15px 0;
    text-transform: uppercase;
}

.analytics-left-part select, #nirf_dbd_dropdown_area select, .nirf_dbd_dt_ins_dropdown select{
    width: 100%;
    box-shadow: none; 
    appearance: none;
    -webkit-appearance: none;
    background-image: url(images/icons/arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: 96% 56% !important;
}

.analytics-right-part form input[type="number"]{
    width: 73%;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: #000;
} 

.analytics-right-part form{
    gap: 5px;
}
.tlr_score_exist, .go_score_exist{
    text-align: right;
    font-size: 18px;
    
}
.tlr_score_exist span, .go_score_exist span{
    font-weight: 600;
}
.nirf-analytics-top-wrapper, .nirf-analytics-bottom-wrapper{
    width: 100%;
}
.section-1 .analytics-left-part{
    width: 56%;
}
.section-1 .analytics-left-part h5{
    margin-bottom: 5px;
}
.section-1 .analytics-right-part {
    width: 40%;
    text-align: right;
}
.data-text span{
    font-weight: 600;
}
.bigtxt{
    font-size: 25px;
}

/* Login form area */
.wppb-user-forms{
    margin: 55px auto!important;
    display: block;
    max-width: 400px;
}
.wppb-user-forms .login-username label, .wppb-user-forms .login-password label, .wppb-user-forms  .wppb-username-email label{
    display: block;
    width: 100%!important;
    margin-bottom: 10px;
    float: none!important;
}
.wppb-user-forms .login-username input, .wppb-user-forms .login-password input, .wppb-user-forms .wppb-username-email input{
    width: 100%!important;
    padding-left:15px !important;
    padding-right:15px !important;
}
.wppb-user-forms .login-remember label{
    width: auto!important;
}
.wppb-user-forms .login-submit input, .wppb-user-forms .form-submit input{
    width: 100%;
}

/* Communications start */

.nirf-comm-left ul li{
    list-style-type: none;
}
.nirf-comm-left ul li:nth-child(2){
    margin: 10px 0;
}
.nirf-comm-wrapper{
    /* max-width: 1000px; */
    margin: 0 auto;
    padding: 0 20px;
}
.nirf-comm-top{
    border-bottom: 1px solid #80808040;  
    padding-bottom: 20px;
    position: relative;
}
.nirf-comm-top ul, .nirf-comm-wrapperin{
   display: flex;
    align-items: center;
    justify-content: space-between; 
    gap: 15px;
}
.nirf-comm-wrapperin{
    gap: 30px; 
}
#search{
    width: 100%;
    border: none;
    border-radius: 0 0 20px 0;
    position: relative;
    background: #f1f1f1;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 15px;
}
#search:before{
    position: absolute;
    content: "";
    background: url(images/search.png) 0 0 no-repeat;
    width: 45px;
    height: 37px;
    background-size: contain;
    top: 6px;
    left: auto;
    right: 7px;
}
#search input{
    border: none;
    width: 100%;
    border-radius: 0 0 20px 0;
    padding: 0 15px;
    box-shadow: none;
    background: none;
}
.nirf-comm-wrapperin{
    min-height: 500px;
}
.nirf-comm-left{
    width: 35%;
    padding: 30px;
    background-color: #fafafa;
    border-radius: 0 0 24px 0;
}
.nirf-comm-left ul{
    background: #fff;
    padding: 15px;
    height: 830px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0 0 24px 0;
}
.nirf-comm-left li, .nirf-search-result li{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #80808040;
    cursor: pointer;
    position: relative;
}
.nirf-comm-left li.active:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #045cb4;
    right: 0;
    bottom: 0;
}
.nirf-comm-left li span, .nirf-search-result li span{
    display: block;
}
.nirf-comm-wrapperin{
    align-items: flex-start;
    margin-top: 0px;
    position: relative;
}
.nirf-comm-right{
    width: 65%;
}
.nirf-comm-new{
    position: fixed;
    width: 500px;
    bottom: 0;
    padding: 20px;
    right: 5%;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 2px 2px 17px 0px rgba(204, 204, 204, 0.75);
    -webkit-box-shadow: 2px 2px 17px 0px rgba(204, 204, 204, 0.75);
    -moz-box-shadow: 2px 2px 17px 0px rgba(204, 204, 204, 0.75);
    z-index: 999;
    overflow-y: auto;
    height: 80%;
}
.nirf-comm-new li, .comm-details-reply-wrapper{
    margin-bottom: 15px;
}
.nirf-comm-new li{
    list-style-type: none;
}
.nirf-comm-new li input[type="submit"], .nirf-comm-reply, #nirf-new-comm-cancel, #comm_save_reply li input[type="submit"], .nirf-cancel-button{
    border-radius: 0 0 15px 0;
    text-transform: uppercase;
}
.nirf-comm-wrapper ul li input{
    border-radius: 0 0 15px 0;
}
.nirf-comm-reply{
    border: 1px solid #046bd2;
    color: #046bd2;
    background-color: transparent;
    border-radius: 0 0 15px 0;
    text-transform: uppercase;
}
#nirf-new-comm-cancel, .nirf-cancel-button{
    border-radius: 0 0 15px 0;
    text-transform: uppercase;
    background-color: #ccc;
    color: #000;
    margin-left: 5px;
    padding-top: 12px;
    padding-right: 22px;
    padding-bottom: 12px;
    padding-left: 22px;
    cursor: pointer;
    font-weight: 500;
}
#nirf-new-comm-cancel:hover, .nirf-cancel-button:hover{
    color: #000000;
    background: #a5a3a3;
}

.comm_sender{
    font-weight: 700;
}
.comm_sub_line, .comm_date{
    font-size: 12px;
}
.comm_sub_line{
    font-size: 15px;
    font-weight: 500;
}
.comm_date{
    text-align: right;
    color: #464646;
    font-size: 14px;
    width: 54%;
    float: right;
}
.comm-details-sub{
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #80808040;
    padding: 5px 0;
    color: #025fc7;
    justify-content: space-between;
}
.comm-details-sender.left{
    float: left;
    width: 60%;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}
.comm-details-time.right{
    float: right;
    width: 40%;
    text-align: right;
    font-size: 15px;
    color: #b1b1b1;
    cursor: pointer;
}
.comm-details-body{
    overflow: hidden;
    width: 100%;
}
.comm-details-body ul{
    margin-left: 30px;
}

/* .comm-details-body li{
    list-style-type: disc;
} */
.nirf-comm-details-files{
/*    border-top: 1px solid #80808040;*/
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    flex-direction: column;
}
.nirf-comm-details-files a{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #959595;
}
.nirf-comm-details-files a:hover{
    opacity: 0.7;
}
.success, .error{
    border: 1px solid #d3d3d370;
    font-size: 18px;
    padding: 5px 12px;
    border-radius: 10px;
    margin-bottom: 30px;
    border-left: 10px solid #24dc32;
}
.error{
    border-left: 10px solid red;
}
.nirf-search-result{
    width: 100%;
    position: absolute;
    right: 0;
    box-shadow: 6px 16px 14px -14px #111;
    background-color: #fff;
    z-index: 1;
    border: none;
    border-radius: 0 0 10px 10px;
    padding: 10px;
    top: 54px;
}
.nirf-comm-wrapper .nirf-search-result ul li:nth-child(2){
    margin: 0;
}
.nirf-search-result ul, .nirf-search-result ul li{
    width: 100%;
}
.nirf-search-result ul{
    flex-wrap: wrap;
    gap: 0;
}
#start-new{
    text-align: right;
}

#start-new-comm img{
    margin-right: 5px;
}
.defualt-comm-details h3{ 
    color: #ababab;
    font-weight: 300;
    padding-top: 20px;
    font-size: 20px;
}
#comm_attach{
    width: 100%;
    margin-bottom: 15px;
}
.comm-details-main,.comm-details-reply{
    border-bottom: 1px solid #80808040;
    padding: 15px;
}
.comm-det-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background-color: #8080800f;
    padding: 8px 15px;
    margin-bottom: 15px;
    border-radius: 8px;
}
.add_new_reply{
    margin-top: 20px;
    background: #fafafa;
    border-radius: 10px;
    padding: 30px;
}
.add_new_reply li{
    list-style-type: none;
}
.add_new_reply form{
    background: #fff;
    padding: 15px;
    border-radius: 7px;
}
#comm_save_reply li{
    margin-bottom: 15px;
    list-style-type: none;
}
.exp_col_span, .expanded{
    display: block;
    font-size: 20px;
    position: absolute;
    right: 0;
    width: 15px;
    height: 15px;
    text-indent: -3000px;
    background: url(images/noexpand.png) 0 0 no-repeat;
    background-size: contain;
    cursor: pointer;
}
.expanded{
    background: url(images/expan.png) 0 0 no-repeat; 
    background-size: contain;
}
.comm-details-main{
    padding: 15px 0;
    margin-bottom: 10px;
}
.comm-details-reply-attach{
    margin-top: 10px;
}
.have_attachment{
    position: relative;
    padding-right: 25px;
}
.nirf-search-close, .have_attachment:after{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(images/close.png) 0 0 no-repeat;
    background-size: contain;
}
.nirf_preload_files a {
    background: url(images/close.png) 0 0 no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
    text-indent: -3000px;
    display: inline-block;
    position: relative;
    top: 8px;
    right: -6px;
    opacity: 1;
    cursor: pointer;
}
/*.nirf_preload_files:hover a{
    opacity: 1;
}*/
.view_list{
    margin-bottom: 10px;
}
.nirf-search-close{
    z-index: 999;
}
.have_attachment:after{
    content: "";
    background: url(images/attach.png) 0 0 no-repeat;
    top: 6px;
    right: 0;
    height: 16px;
    background-size: contain;
}
.loading:after{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    right: 55px;
    top: 15px;
    background: url(images/load.svg) 0 0 no-repeat;
    background-size: contain;
}
.dashicons-bell{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
}
.nirf-search-result li span .dashicons-bell{
    top: 4px;
    right: 28px;
}
.mce-last{
    display: none;
}
.nirf_upload_files{
    background: url(images/upload.png) 0 0 no-repeat;
    background-size: cover;
    background-color: transparent !important;
    border: none;
    text-indent: -3000px;
    width: 120px;
    height: 36px;
    border-radius: 100px;
    margin-bottom: 14px;
}
.loading-state {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 73%);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 25px;
}
.loading-state .loading {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid #ddd;
    border-top-color: #ff202000;
    animation: loading 1s linear infinite;
    margin-left: 10px;
}
.loading-state .loading:after{
    display: none;
}
@keyframes loading {
  to {
    transform: rotate(360deg);
  }
}

.nirf_dbd_5_yrs table, .nirf_dbd_5_yrs th, .nirf_dbd_5_yrs td {
    border: 1px solid black;
    border-collapse: collapse;
  }

/* Communications end */


/* Dashboard start */
.nirf-dbd-tabs {
  display: flex;
  flex-direction: column;
}
 
.nirf-dbd-tabs .nirf-dbd-tab-labels {
  display: flex;
  gap:3px;
  justify-content: space-around;
  background-color: #e7e7e7;
  color: #828282;
  margin-bottom: 15px;
  position: relative;
}
.nirf-dbd-tabs .nirf-dbd-tab-labels label{
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
}
.nirf-dbd-tabs .nirf-dbd-tab-labels label.active{
    color: #fff;
    font-weight: 700;
    background: #919191;
}
 
.nirf-dbd-tabs input[type="radio"] {
 display: none;
}
 
.nirf-dbd-tabs > label {
  cursor: pointer;
    text-align: center;
}
 
.nirf-dbd-tab-content {
  display: none;
}
 .nirf-dbd-tabs-data-upload{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin: 15px 0;
    overflow: hidden;
 }
 .nirf-dbd-tabs-data-upload input[type="submit"], .nirf_dbd_dt_ins_sec_3colum input[type="submit"], .nirf_dbd_dt_ins_sec_2colum .nirf_dbd_dt_ins_wrpr_left form input[type="submit"]{
    float: right;
    border-radius: 0 0 15px 0;
    text-transform: uppercase;
 }
 .nirf_dbd_dt_ins_table_area button{
    border-radius: 0 0 15px 0;
    text-transform: uppercase;
 }
 .blackbtn{
    background-color: #000;
 }
 
/* Show tab content when corresponding radio button is checked */
#nirf-dbd-tab1:checked ~ #content1,
#nirf-dbd-tab2:checked ~ #content2,
#nirf-dbd-tab3:checked ~ #content3 {
  display: block;
}

.nirf_dbd_5_yrs_heading {
    background: #f4b084;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    border: 1px solid black;
}

.nirf_dbd_title{
    color: #046bd2;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.nirf_dbd_imp_notes{
    background: #f7d4d4;
    color: #cf4444;
    padding: 15px;
    margin: 15px 0;
}
.nirf_dbd_imp_notes ul{
    margin: 0!important;
    margin-left: 20px!important;
    font-size: 14px!important;
    color: #cf4444!important;
}
.nirf_dbd_imp_notes ul li{
    list-style-type: disc!important;
}
.nirf_dbd_box{
    background: #f5f5f5;
    padding: 15px;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
}
.nirf_dbd_box label{
    display: flex;
    background: #e3e3e3;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #757575;
    align-items: center;
}
.nirf_dbd_box label div{
    color: #cf4444;
    margin-left: 10px;
}
.nirf_dbd_box input[type=checkbox]{
    margin-left: 10px;
}
.nirf_dbd_box ul{
    margin: 18px 7px;
    color: #cf4444;
}
.nirf_dbd_box ul li{
    list-style-type: none;
}
.totalform{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.formitem{
    flex: 1;
}
.formitem span{
    line-height: normal;
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}
.btnarea, .btnarea button{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btnarea{
    margin-bottom: 15px;
}
.btnarea button{
    border-radius: 0 0 15px 0;
    text-transform: uppercase;
    padding-right: 15px;
    padding-left: 15px;
    gap: 5px;
}
.nirf_dbd_home button{
    background-color: #999999;
}
.nirf_dbd_home button:hover{
    background-color: #707070;
}
.downbtn{
    background-color: #ec5e0c;
}
.downbtn:hover{
    background-color: #b34608;
}
.uploadarea{
    max-width: 610px;
    margin: 0 auto!important;
}
.uploadarea li{
    display: flex;  
    align-items: center;
    justify-content: flex-start;
    background: #e3e3e3;
    margin-bottom: 10px;
}
.uploadarea li label{
    margin-bottom: 0;
}
.divider-area{
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 15px 0;
}
.tlarea{
    width: 100%;
}
.atfrom .formitem input{
    display: block;
    margin-top: 5px;
    margin-left: 5px;
}
.atfrom .formitem{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.nirf_dbd_dcs_data_wrapper section{
    display: none;
}

/* Dashboard end */

/* New header area */

.nirf-banner-wrapper{
    display: flex;
    max-width: 1240px;
    margin: 0 auto;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}
.nirf-wrapper{
    border-bottom: 1px solid #80808040;
}
.nirf-wrapper .left-section{
    padding: 6px 0;
    padding-right: 50px;
    border-right: 1px solid #80808040;
}

/* New header area */
.nirf-analytics-data-graph{
/*    display: flex!important;*/
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

#wppb-loginform .wppb-password-field-container{
    width: 100%!important;
}
.comm-details-attach{
    border-top: 1px solid #80808040;
    margin-top: 10px;
}
.nirf_dbd_5_yrs_download a, .download{
    display: flex!important;
    align-items: center;
    gap: 5px;
    justify-content: center;
}
.upbtn, .nirf_dbd_save_next input{
    color: #ffffff;
    background-color: #000;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    border-radius: 0 0 10px 0;
    display: inline-block;
    cursor: pointer;
}
.down{
    background-color: #919191;
    padding-top: 10px;
    padding-bottom: 10px;
}
.down:hover{
    background-color: #646464;
}
.nirf_dbd_dcs_same_height{
    min-height: 60px;
}

.down a, .upbtn a, .download{
    color: #fff!important;
}
.download, .nirf_dbd_save_next input{
    background-color: #ec5e0c;
}
.download:hover, .nirf_dbd_save_next input:hover{
    background-color: #b34608;
}
.nirf_dbd_5_yrs_download{
    display: flex;
    justify-content: center;
}
.fileright{
    float: right;
}
.fileright input[type="file"]{
    width: 227px;
    padding-top: 10px;
}
.rightTitle{
    justify-content: space-between;
}

/* Data Dashboard area */
.nirf_dbd_dt_ins_sec_2colum{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.nirf_dbd_dt_ins_sec_2colum .nirf_dbd_dt_ins_sec{
    flex: 1;
    overflow-y: auto;
}
.nirf_dbd_dt_ins_sec_2colum .nirf_dbd_dt_ins_wrpr_left, #nirf_dbd_upld_grph_area .nirf_dbd_dt_ins_wrpr_left{
    background: #f5f5f5;
    padding: 9px 20px;
}
.nirf_dbd_dt_ins_sec_2colum .nirf_dbd_dt_ins_wrpr_left form, #nirf_dbd_upld_grph_area .nirf_dbd_dt_ins_wrpr_left form{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.file_download_area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.file_download_area .nirf_dbd_title{
    border: none;
    padding-bottom: 0;
}


.nirf_dbd_dt_ins_sec_3colum{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 30px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
}
#nirf_dbd_dropdown_area{
    width: 20%;
}
#nirf_dbd_circle_area{
    width: 30%;
}
#nirf_dbd_upld_grph_area{
    flex: 1;
}
#nirf_dbd_circle_area li{
    width: 150px;
    height: 150px;
    background-color: #046bd2;
    color: #fff;
    border-radius: 100px;
    align-items: center;
    text-align: center;
    padding-top: 12%;
    margin: 8px auto;
}
#nirf_dbd_circle_area li:first-child{
    background-color: #ec5e0c;
}

#nirf_dbd_circle_area li span{
    width: 100%;
    display: block;
    font-size: 25px;
    font-weight: 500;
}
.nirf_dbd_dt_ins_dropdown{
    max-width: 200px;
    margin-bottom: 20px;
}
/* Data Dashboard area end */

@media only screen and (min-width:922px) {
    .nirf-user-text, .nirf-submenu{
        max-width:735px;
    }
    .nirf-user-text{
        max-width:460px;
        width: 100%;
    }
}

@media only screen and (max-width:1250px) {
   
}
@media only screen and (max-width:1199px){
    .nirf-analytics{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    li.nirf-analytics{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .nirf-comm-wrapper{
        margin-top: 20px;
        padding: 0;
    }
    .analytics-right-part form input[type="number"]{
        width: 60%;
    }
}
@media only screen and (max-width:1150px) {
    .nirf-user-text .logo {
        width: 50px;
        height: 50px;
    }
    .nirf-user-des {
        width: 78%;
    }
    .nirf-user-text{
        align-items: flex-start;
    }
    .nirf-user-text .name{
        font-size: 14px;
    }
    
}
@media only screen and (max-width:1024px) {
    .nirf-comm-left{
        width: 40%;
    }
    .nirf-comm-right {
        width: 55%;
    }
}
@media only screen and (max-width:921px) {
    .nirf-user-text, .nirf-submenu{
        max-width:90%;
    }
    .nirf-user-text{
        max-width:37%;
    }
    .nirf-wrapper .left-section{
        padding-right: 20px;
    }
    .nirf-user-des {
        width: 71%;
    }
    .nirf-submenu ul{
        gap: 12px;
    }
    .nirf-submenu ul li{
        font-size: 14px;
    }
    .nirf-submenu ul li:before, .nirf-submenu ul li.active:before {
        bottom: -24px;
    }
    .nirf-analytics-top-wrapper .analytics-left-part, .section-1, .nirf-analytics-top-wrapper .analytics-right-part{
        width: 48%;
    }
    .section-1 .analytics-left-part, .section-1 .analytics-right-part{
        width: 100%;
    }
    .section-1 .analytics-right-part{
        text-align: center;
    }
}
@media only screen and (max-width:767px){
    .nirf-user-text{
        justify-content: center;
        gap: 20px;
    }
    .nirf-user-text .logo {
        width: 100px;
    }
    .nirf-user-text, .nirf-user-text .name{
        justify-content: center;
        text-align: center;
    }
    .nirf-banner-picture{
        height: auto;
    }
    .nirf-user-des {
        width: 100%;
        text-align: center;
    }
    .logout{
        float: none;
        text-align: center;
    }
    .nirf-submenu ul{
        gap: 7px;
    }
    .analytics-left-part, .analytics-right-part, .section-1 .analytics-left-part, .section-1 .analytics-right-part{
        width: 100%;
        margin: 10px 0;
    }
    .analytics-right-part form input[type="number"] {
        width: 70%;
    }
    .section-1 .analytics-left-part, .section-1 .analytics-right-part{
        text-align: center;
    }
    .nirf-banner-wrapper{
        flex-wrap: wrap;
        justify-content: center;
    }
    .nirf-user-text{
        max-width: 100%;
    }
    .nirf-submenu ul li{
        display: block;
        text-align: center;
        padding-bottom: 10px;
    }
    .nirf-submenu ul li:before, .nirf-submenu ul li.active:before{
        bottom: 0;
    }
    .nirf-wrapper .left-section {
        padding-right: 0;
    }
    .nirf-wrapper .left-section{
        border: none;
    }
    .nirf-analytics-top-wrapper .analytics-left-part, .section-1, .nirf-analytics-top-wrapper .analytics-right-part{
        width: 100%;
    }
    .analytics-right-part form input[type="number"] {
        width: 65%;
    }
    .nirf-analytics-bottom-wrapper p{
        margin-top: 20px;
    }
    .nirf_dbd_dt_ins_sec_2colum .nirf_dbd_dt_ins_sec {
        flex: none;
        overflow-y: auto;
        width: 100%;
    }
    .nirf_dbd_dt_ins_sec_2colum .nirf_dbd_dt_ins_wrpr_left form input[type="file"], 
    #nirf_dbd_upld_grph_area .nirf_dbd_dt_ins_wrpr_left form input[type="file"]{
        width: 50%;
    }
    #nirf_dbd_dropdown_area {
    width: 50%;
}
}

@media only screen and (max-width:600px){
    .nirf-comm-top ul, .nirf-comm-wrapperin{
        flex-wrap: wrap;
    }
    .nirf-comm-top ul{
        justify-content: center;
    }
    #search, .nirf-comm-left, .nirf-comm-right{
        width: 100%;
    }
    .nirf-comm-left, .nirf-comm-right{
        border-right: none;
        border-bottom: 1px solid #80808040;
        min-height: 100px;
    }
    .nirf-comm-new{
        width: 300px;
    }
    .nirf-comm-new li input[type="submit"]{
        margin-top: 15px;
    }
   
    .nirf-comm-left li.active:after {
        width: 100%;
        height: 2px;
        right: 0;
        top: auto;
        bottom: 0px;
    }
    .nirf-comm-left li:last-child{
        border: none;
    }
    .comm-details-attach{
        border-bottom: none;
    }
    .nirf-search-result {
        width: 100%;
        right: 0;
        top: auto;
    }
}