.ui-tabs .ui-tabs-nav{
	display: flex;
	flex-direction: column;
}

.sidebar_column{
	background-image: linear-gradient(to bottom right, #1f3d71, #2a4d8b);
}

.ul-widget-content{
	border: none;
	background-color: unset;
}


.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	font-size: 15px !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
	color: white;
}

.logo-nav{
	padding: 3rem 0 !important;
}

.user-section{
	display: flex;
}

.fModuleContent{
	display: flex;
	flex-direction: column;
}

.fModuleContent a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #23437b;
	font-size: 15px;
	text-decoration: none;
	background-color: white;
	margin: 5px 0;
	border-radius: 5px;
	padding: 0 15px;
}

.left-menue-fixed{
	height: 90vh;
	position: relative;
}
@media (max-width:767px) {
	.left-menue-fixed{
	height: auto;
	
}
.body-cont ul.dashmenu-group > li {
	    width: 50%;
}
}
.user-section{
	position: absolute;
	bottom: 0;
}



/*------menue top tabs css------*/

.nav-pills .nav-link.active,  .nav-pills .show>.nav-link{
	color: #1f3d71 !important;
	background-color: transparent !important;
	border-bottom: 3px solid #1f3d71;
	border-radius: unset;
}

.nav-pills .nav-link{
	color: grey;
	border-bottom: 3px solid white;
	font-size: 15px;

}

.nav-pills .nav-link span{
	color: grey;
	margin: 0 5px;
	padding: 2px 6px;
	font-size: 12px;

}

.nav-pills .nav-link.active span{
	color: white;
	margin: 0 5px;
	padding: 2px 6px;
	border-radius: 5px;
	background-color: #1f3d71;
	font-size: 12px;
}


.dashmenu{
	padding-left: 0;
}


.folders_nav_heading{
	display: none !important;
}

.folders_search input{
	padding:7px 10px !important;
	background-color: #f8fafb;
	border: none;
	border-radius:5px;
	margin-left: 1.5rem;
	width:40% !important;
	font-size: 15px !important;
}

.folders_numbers_head h2:nth-child(2){
	color: lightgrey;
}


.recent_section a{
	color: white;
	background-color: #1f3d71;
	padding:5px 15px;
	font-size: 13px;
	text-decoration:none;
	border-radius: 30px;
	border:1px solid #1f3d71;
}

.recent_section a:hover{
	color: white;
}



.recent_text h6{
	font-size: 18px;
}

.recent_text a,.recent_time h2{
	font-size: 15px;
	text-decoration: none;
}
.features_add_btn{
	height: 55px !important;
	width: 55px !important;
	border-radius: 50% !important;
	background-color: #1f3d71 !important;
	color: white !important;
	font-size: 30px !important;
	padding: 0 !important;
	position: fixed !important;
	right: 2%;
	bottom: 2%;
}

#welcome{
	overflow-y: auto;
	max-height: 100vh;
}

.folders_numbers_head{
	padding: 4rem 6rem 2rem 2rem !important;
}

.body-cont ul.dashmenu-group{
	padding-right: 3rem !important; 
}

.notification-bell i{
	font-size: 18px;
	border:2px solid lightgrey;
	padding: 3px 5px;
	color: lightgrey;
	border-radius: 3px;
}

.notification-bell{
	position: absolute;
	right: 1%;
	top: 12%;
}

.nav-link:focus, .nav-link:hover{
	color: #203e72 !important;
}


.bell_anchor{
	position: relative;
}

.bell_anchor div{
	height: 1.5rem;
	width: 1.5rem;
	background-color: red;
	border-radius: 4rem;
	top: -20%;
	right: -20%;
	position: absolute;
}

.right_side_section{
	padding:0 2rem 0 5rem !important;
	border-left: 1px solid lightgrey;
}


#f-loader .f-loader-track{
	display: none;
}

.menu_folder_img{
	width: 25%;
}


/*----bill wise css------*/

.total_tab{
	padding: 1.5rem;
	font-size: 20px;
	margin-bottom: 1rem;
	color: white;
}

.total_tab h5{
	font-size: 20px;
}

.three_colours_tabs div {
    border-radius: 10px;
}

.three_colours_tabs div:nth-child(1) {
    background-color: #f8df66;
}

.three_colours_tabs div:nth-child(2) {
    background-color: #9dd1c9;
}

.three_colours_tabs div:nth-child(3) {
    background-color: #ed9279;
}

.wise_search_section .search input{
	background-color: #E7EEF3;
	border-radius: 5px;
	padding: 1rem;
	border:none;
	width: 20%;
}

.filter-form{
	border:unset;
	margin-bottom: unset;
	overflow: unset;
	background-color: unset;
	padding: unset;
}

.filter-form .row .filter, .filter-form .form-item input, .filter-form .form-item select, .filter-form .form-item textarea, .filter-form .f-button, .ui-toolbar .filter .filter-form .form-item .ui-multiselect{
	border:none;
	display: block;
	max-width: 100%;
	padding: 0.9rem;
	width: 100%;
	background-color: #E7EEF3;
	border-radius: 10px;
	font-size: 13px;
	color: #000;
}

.filter-form .row .ui-multiselect, .filter-form .form-item .ui-multiselect, .ui-toolbar .ui-toolbar .ui-multiselect{
	border:none;
	display: block;
	max-width: 100%;
	padding: 0.9rem;
	width: 100%;
	background-color: #e7eef3;
	border-radius: 10px;
	font-size: 13px;
	color: 13px;
}

.ui-multiselect-menu{
	background-color: #e7eef3 !important;
}

.ui-multiselect-menu .ui-widget .ui-widget-content .ui-corner-all{
	background-color: lightgrey;
}

.f-button{
background-color: #1f3d71 !important;
border:none;
color: white !important;
cursor: pointer;
display: inline-block;
padding: 0.8em 1em !important;
text-align: center;
text-decoration: none;
font-size: 12px !important;
border-radius: 20px !important;
}

.f-button:hover{
background-color: #1f3d71;
border:none;
color: white;
cursor: pointer;
}


::placeholder{
color: #000;
}



.graph_container canvas{
	height: 27rem !important;
	
}

.f-toolbar, .ui-toolbar{
	padding: 0 !important;
	margin:0 !important;
}

.ui-multiselect-header a{
	color: black !important;
}

.f-buttonset a{
	margin-top: 2.5rem;
    margin-right: 1rem;
}


.filter-form .form-item label{
	font-size: 12px;
}

.f-table th, .f-table td.th{
	margin: 1rem 0;
	padding: 1rem 0;
}

.f-table td{
	font-size: 12px;
	padding: 10px;
	font-weight: 600;
}


.filter_table_data table tbody::before{
	content:"@";
	display: block;
	line-height: 20px;
	text-indent: -9999px;
}

.f-table th, .f-table td.th{
	padding: 1rem !important;
	font-size: 13px;
	/* border:none; */
}

.f-table-border-all{
	border:none;
}

.f-table th{
	background-color: #E7EEF3 !important;
}

.search h2{
	text-align: right;
}


#user-login-form {
    margin-top: 0 !important;
}

.wise_search_section .search input{
	padding: 0.8rem 2rem !important;
	font-size: 17px !important;
}

.add_record_button, .add_dsr_button,.add_pjp_btn{
	padding: 0.5rem;
	color: white;
	background-color: #1f3d72;
	font-size: 12px !important;
	border-radius: 30px;
}

.add_record_button:hover, .add_dsr_button:hover, .add_pjp_btn:hover{
	padding: 0.5rem !important;
	color: white;
	background-color: #1f3d72;
	font-size: 12px !important;
	border-radius: 30px;
}

.form_filter_button{
	background: #1f3d71 !important;
    color: white !important;
    font-size: 16px !important;
    padding: 5px !important;
    border-radius: 30px !important;
}

.recent_section_img{
	margin-right: 2rem;
}

.ui-tabs-panel{
	max-height: 100vh;
	overflow-y: auto;
}	

.sis_po_report .fForm fieldset .form-item input,.fForm fieldset select{
    border: none;
    display: block;
    padding: 0.9rem;
    width: 100%;
    background-color: #E7EEF3;
    border-radius: 10px;
    font-size: 13px;
    color: #000;
}


.sales_checking_input{
    border: none;
    display: block;
    padding: 0.9rem;
    background-color: #e7eef3;
    border-radius: 10px;
    font-size: 13px;
    }

.fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody {
    overflow-x: auto !important;
}



@media (max-width: 768px){

.user-section{
	position: unset !important;
	justify-content: center;
}

.notification-bell{
	position: unset;
	right: unset;
	order: 1;
}

.menu-top-bar{
	order: 2;
}

#welcome{
	overflow-y: unset;
	max-height: unset;
}

.folders_search input{
	width: 100% !important;
	margin: auto;
}

.right_side_section{
	padding: 0rem 5rem  2rem 0rem;
}

.wise_search_section .search input{
	width: unset;
}

}

/* Initially hide the div */
.hidden-div {
    display: none;
}

/* When the checkbox is checked, display the div */
.form-check-input:checked + label + #returnId {
    display: block;
}

.mb {
	margin-bottom: 0.375rem;
}
.h-25 {
height: 120px !important;
}
.roboto-thin {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-style: normal;
}

.roboto-light {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
}

.roboto-regular {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
}

.roboto-medium {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
}

.roboto-bold {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-style: normal;
}

.roboto-black {
font-family: "Roboto", sans-serif;
font-weight: 900;
font-style: normal;
}
.font-20 {
font-size: 20px;
}
.font-18 {
font-size: 18px;
}
.font-26 {
font-size: 26px;
}
.roboto-regular-italic {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: italic;
}
.text-underline { 
text-decoration: underline;
}