body, html {
	/*font-size : 90% !important;*/
	zoom:90%;
}

@-moz-document url-prefix() {
  #dropdownMenuButton, #desk_messages_icon{
  	/*display: inline !important;*/
  	display: ruby-base-container !important;
  }
}

@-moz-document{
  #dropdownMenuButton, #desk_messages_icon{
  	/*display: inline !important;*/
  	display: ruby-base-container !important;
  }
}

@media screen and (-moz-images-in-menus:0) {
	#dropdownMenuButton, #desk_messages_icon{
	  	display: ruby-base-container !important;
	  }
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

#document_management_note, #desk_message_message_textarea, #notificaiton_description_textarea, #circular_description_textarea, #todo_description_textarea, #link_note_textarea{
	padding: 10px;
}

.content-page.content-page-custom{
	min-height: 100vh !important;
}

.modal-semi-md {
	width: 450px !important;
}

.font-25 {
	font-size: 25px;
}

.w-15 {
	width: 15% !important;
}

.flex {
	display: flex !important;
}

.card-icon {
	height: 50px !important;
	width: 50px !important;
}

.card-box-custom {
	padding : 1.5rem 1.5rem 0 1.5rem !important;
	margin-bottom: 0 !important;
}

.bs-popover-top {
	top : 35px !important;
	left : 130px !important;
	border : 1px solid #000 !important;
}

.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before {
	border-top-color : #000 !important;
}

.bs-popover-top .popover-body {
	color : #000 !important;
	font-size: inherit !important;
}

.warn_wording {
	font-size: 12px;
	font-style: italic;
}

.dropdown-item:hover {
	background-color: inherit !important;
}

.dropdown-toggle:focus, .dropdown-toggle:active {
	box-shadow: none !important;
}

#add_todo_modal .modal-semi-top {
	margin : 30px auto !important;
}

#add_todo_modal {
	overflow-y: hidden !important;
}

#add_todo_modal .modal-body {
	height: 600px !important;
	overflow-y: auto !important;
}

#bubble-editor {
	height: 150px !important;
}

.color-red {
	color : red !important;
}

.ql-tooltip {
	z-index: 9999;
}

.ql-container.ql-bubble:not(.ql-disabled) a::before, .ql-container.ql-bubble:not(.ql-disabled) a::after {
	display: none !important;
}

.page-title_page {
	margin-right: 50px;
	padding: 5px;
}

.flatpickr[readonly]:hover {
	cursor : pointer !important;
}

.flatpickr[readonly] {
	background-color: #FFFFFF !important;
}

.file_types_upload {
    background: #e0e2e2;
    padding: 0 10px;
    color: #54657a;
    border-radius: 4px;
}

.dropzone .dz-preview .dz-image {
	width: 270px;
}

.dropzone .dz-preview .dz-image img {
	width: inherit;
	height: inherit;
}

.modal-md {
	max-width: 650px;
}

#pendings {
	color : red;
}

.modal-semi-top {
	margin: 70px auto;
}

.modal_header {
	color : #FFFFFF;
}

.min_width_60 {
	min-width: 60px !important;
}

.btn-img {
	width: 25px !important;
	padding: 0 !important;
	border : none !important;
	outline: none !important;
	box-shadow: none !important;
}

.btn-img img {
	width: inherit !important;
}

.jr_monthly_td_day .select2, .jr_monthly_td_ord_num .select2, 
.jr_quarterly_td_day .select2, .jr_quarterly_td_ord_num .select2 {
	width : 25% !important;
}

.btn-img:active, .btn-img:focus {
	border : none !important;
	outline: none !important;
	box-shadow: none !important;
}

.job_sheet_department_td .select2 {
	width : 200px !important;
}

.job_sheet_frequency .select2 {
	width : 80% !important;
}

.job_sheet_user_td .select2 {
	width : 220px !important;
}


button[disabled]:hover, a[disabled]:hover, input[disabled], .btn_js_save[disabled]:hover, 
select[disabled]:hover, textarea[disabled]:hover, span[disabled]:hover, .select2[disabled]:hover,
button[readonly]:hover, a[readonly]:hover, input[readonly], .btn_js_save[readonly]:hover, 
select[readonly]:hover, textarea[readonly]:hover, span[readonly]:hover,
.select2-container--disabled, .select2-selection--single[aria-disabled='true']
{
	cursor: not-allowed !important;
}

.select2-selection__choice {
	background-color: #6658dd !important;
	border: none !important;
}

.jq-toast-wrap.top-right {
	width: 20rem;
}

.card-body {
	padding : 2.5rem !important;
}

.staff-buttons {
	gap: 10px;
	display: block;
	text-align: center;
}

.form-inline label {
	display: block !important;
}

.content-custom {
	zoom:90% !important;
}

.content-page-custom {
	/*padding: 10px !important;*/
	padding: 0px 7px 9px 9px !important;

}

.dt-buttons {
    float: right!important;
    font-size : 20px !important;
    top:-10px;
    height: 20px;
}
.dt-button {
    background-color: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
}

.btn-5_px {
	padding: 5px !important;
}

.btn-transparent {
    background-color: transparent !important;
    border-color: transparent !important;
    cursor: pointer !important;
}

.btn-secondary {
	background-color: transparent !important;
	color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.btn-secondary:active {
	background-color: transparent !important;
	color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.btn-secondary:hover {
	background-color: transparent !important;
	color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.modal-overflow-y {
	height: 650px !important;
	overflow-y: auto !important;
}

.profile-modal {
    height: 600px;
    overflow-y: auto;
}

.form-control[readonly], .form-control[disabled] {
	background-color: #e9ecef;
    opacity: 1;
} 

.page-title {
	/*margin : 45px 0 !important;*/
	line-height: 50px !important;
}

.page-title-right {
	/*margin: 45px 0 !important;*/
}

.datatable-scroll {
    overflow-x: auto;
    overflow-y: auto;
}

.custom_bg {
    background-color: #ECE5B6 !important;
}

.modal-custom-lg-width {
	width: 83%;
    max-width: none;
}

.page-title-box {
	/*background-color: #ffffff;*/
    margin: -20px 0 10px 0;
    padding: 5px 20px 0 20px;
    /*box-shadow: 0 0 24px 0 rgb(0 0 0 / 6%), 0 1px 0 0 rgb(0 0 0 / 2%);*/
}

.close {
	padding: 0 !important;
	margin: 0 !important;
}

.login-header {
	color : #8862e0;
}

.image-login {
	width: 400px;
}

.image-login img {
	width: inherit;
}

#loading-modal {
    background-color: rgba( 255, 255, 255, .8 );
}

#loading-modal .modal-content {
    background-color : inherit;
}

.shilpi-card {
	margin-right: -15px;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    box-shadow: 2px 0 8px rgb(0 0 0 / 15%);
    z-index: 700;
}

.user_type {
	/*margin : 22px;*/
	color : #FFFFFF !important;
}

.user_company {
	margin : 0px !important;
	background-color: #38414a !important;
	box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
	text-align: center;
	color: #FFFFFF;
	font-size: 18px !important;
}

.input_logo {
	height: 20px;
	display: block;
}

.input_logo .inner_input_logo {
	display:flex;
	margin-top: 15px;
}

.input_logo .inner_input_logo .input_px {
	margin:auto 0 auto 7px
}

.file_types_upload {
    background: #e0e2e2;
    padding: 0 10px;
    color: #54657a;
    border-radius: 4px;
    font-size: 11px !important;
}

.upload_label {
	font-size : 12px;
}

/*#notifications_dropdown, #notifications_dropdown1{
	width: 380px;
	margin-top: -5px;
	left : 60px !important;
}*/

#desk_messages_dropdown, #notifications_dropdown,  #notifications_dropdown1{
	width: 380px;
	margin-top: -5px;
	left : 101% !important;
}

#desk_messages_dropdown, #user_desk_messages, #notifications_dropdown1, #notifications_dropdown{
	animation: none!important;

	font-size: .875rem;
    color: #6c757d;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9f0f4;
    border-radius: 0.25rem;


    padding: 0.3rem;
    box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
    animation-name: DropDownSlide;
    animation-duration: .3s;
    animation-fill-mode: both;
    margin: 0;
    position: absolute;
    z-index: 1000;


    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.25rem 0;
    margin: 0.125rem 0 0;
    color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9f0f4;
    border-radius: 0.25rem;

	transform: translate3d(-381px, 0px, 0px) !important;
	will-change: transform;
}

#desk_messages_dropdown.show, #notifications_dropdown1.show, #notifications_dropdown.show{
	top: 100% !important;

}

#notifications_dropdown1.show, #notifications_dropdown.show{
	display: block;
}

#user_desk_messages{
	width: 380px;
    margin-top: -5px;
    left: 101% !important;
}


#desk_messages_dropdown[x-placement^=left], 
#desk_messages_dropdown[x-placement^=right], 
#desk_messages_dropdown[x-placement^=top] {
    top: auto!important;
    animation: none!important;
}

#desk_messages_dropdown .notify-details, #user_desk_messages_back{
	cursor: pointer;
}

.notify-details {
	padding: 10px 0;
	border-bottom: 1px solid #e0e3eb;
}

.notify-details .notif-head {
	margin-left:15px;
	margin-bottom:0px;
	font-weight: bolder;
}

.notify-details .notifs {
	display:inline-flex;
	margin-left:15px;
}

.notify-details .notifs .notif_text {
	white-space:break-spaces;
	width:350px;
	overflow-wrap:break-word;
	margin-right:10px;
}

.notify-details .notifs .notif_text span {
	float:right;color:#000;
	margin-top:5px;
}

.notify-details .notifs .notif_text a {
	margin-left: 10px;
}

.noti-icon-badge {
    display: inline-block;
   /* top: 20px !important;
    right: 14px !important;*/

    position: relative !important;
    top: -14px !important;
    right: 14px !important;
}

.hide {
	display: none !important;
}

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

#notifications_dropdown, #notifications_dropdown1 {
    scrollbar-width: thin;
    scrollbar-color: rgba(217, 237, 247, 1) !important;
}

/* Works on Chrome, Edge, and Safari */
#notifications_dropdown::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

#notifications_dropdown::-webkit-scrollbar-track {
    background: #f2f2f2  !important;
}

#notifications_dropdown::-webkit-scrollbar-thumb {
    background-color: rgba(43, 61, 81, 1) !important;
    border-radius: 4px;
    border: 3px solid rgba(43, 61, 81, 1) !important;
}

#notifications_dropdown{
	height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}

#notifications_dropdown1{
	
	overflow-y: auto;
	overflow-x: hidden;
}

/*
	Mobile View
*/
@media screen and (max-width: 500px) {

	/*#notifications_dropdown, #notifications_dropdown1 {
		margin-top: -30px;
		width: 380px;
		left: -5px!important;
	}*/

	.image-login {
		width: 300px;
	}

	.image-login img {
		width: inherit;
	}

	.shilpi-card {
		display: none;
	}

	.staff-buttons button {
		margin-top : 3px !important;
	}

	.modal {
		padding-left: 0 !important;
	}

	.w-15 {
		width: 50% !important;
	}
}

.in_table.list-group-item{
	padding: 0.2rem 1rem !important;
}
#department-tbl .in_table.list-group-item{
	padding: 0.2rem 0rem !important;
}

@media screen and (max-width: 765px) {
	#reload_todo{
		margin-left: auto;
	}
	#circulars_categories_select2_holder, #circulars_public_select2_holder, #notification_categories_filter_wrapper{
		padding-left: 0px !important;
	}
	#all_circulars, #all_notifications{
		margin-left: 0px !important;
	}
	.expense_card{
		width: 100% !important;
		margin-right: 2.25rem !important;
		margin-bottom: 10px;
	}
	.expense_card_last{
		margin-left: -12px !important;
	}
	body, html {
		/*font-size : 90% !important;*/
		zoom:90%;
	}
	#default_permissions_form input{
		width: 10% !important;
	}

	.card-body{
		padding: 29px 20px 28px 20px !important;
	}
}
@media screen and (min-width: 765px) {
	#reload_todo{
		margin-left: auto;
		left: 42px;
	}
}

.jobsheet_notified{
	width: 16px;
	height: 16px;
}

.js_job_desc:focus-visible{
	outline-color: rgba(0,0,0,1.00);
	outline-width: 0px;
}

.folder_wrapper{
    font-size: 18px;
}

#sidebar-menu{
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
}
#sidebar-menu:hover{

	overflow-y: auto;

}

#sidebar-menu::-webkit-scrollbar {
    width: 8px;
}
#sidebar-menu::-webkit-scrollbar-track {
    background-color: transparent;
}
#sidebar-menu::-webkit-scrollbar-thumb {
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
	/*background-color: #a2adb7;*/
	background-color: #ced2d6;
	border-radius: 10px;
}
#sidebar-menu{
    scrollbar-width: thin;
}

@media screen and (max-width: 765px) {
	#folder_wrapper{
		height: 30vh;
		max-height: 30vh;
		overflow-y: auto;
	}
}
@media screen and (min-width: 765px) {
	#folder_wrapper{
		height: 90vh;
		max-height: 90vh;
		overflow-y: hidden;
	}
}

#folder_wrapper{

	overflow-x: hidden;
}
#folder_wrapper:hover{

	overflow-y: auto;

}

#folder_wrapper::-webkit-scrollbar {
    width: 8px;
}
#folder_wrapper::-webkit-scrollbar-track {
    background-color: transparent;
}
#folder_wrapper::-webkit-scrollbar-thumb {
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
	/*background-color: #a2adb7;*/
	background-color: #ced2d6;
	border-radius: 10px;
}
#folder_wrapper{
    scrollbar-width: thin;
}

#folder_wrapper a{
	position: relative;
}
.folder_collapse_span{
	/*position: relative;
    right: -50%;*/
	position: absolute;
    left: 90%;
    top: 24%;
	z-index: 999;
}
/*
#folder_wrapper a[data-toggle="collapse"]:after {
	font-family: 'Glyphicons Halflings';
	content: "\e072"; /* "play" icon * /
	position: absolute;
	color: #b0c5d8;
	font-size: 18px;
	line-height: 22px;
	right: 20px;
	top: calc(50% - 10px);

	/* rotate "play" icon from > (right arrow) to down arrow * /
	-webkit-transform: rotate(-90deg);
	-moz-transform:    rotate(-90deg);
	-ms-transform:     rotate(-90deg);
	-o-transform:      rotate(-90deg);
	transform:         rotate(-90deg);
}
#folder_wrapper a[data-toggle="collapse"].collapsed:after {
	/* rotate "play" icon from > (right arrow) to ^ (up arrow) * /
	-webkit-transform: rotate(90deg);
	-moz-transform:    rotate(90deg);
	-ms-transform:     rotate(90deg);
	-o-transform:      rotate(90deg);
	transform:         rotate(90deg);
}*/

.folder_count_span{
	font-size: 14px;
}

#folder_wrapper{
	zoom: 0.9;
}


#category_wrapper{

	overflow-x: hidden;
}
#category_wrapper:hover{

	overflow-y: auto;

}

#category_wrapper::-webkit-scrollbar {
    width: 8px;
}
#category_wrapper::-webkit-scrollbar-track {
    background-color: transparent;
}
#category_wrapper::-webkit-scrollbar-thumb {
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
	/*background-color: #a2adb7;*/
	background-color: #ced2d6;
	border-radius: 10px;
}
#category_wrapper{
    scrollbar-width: thin;
}

#category_wrapper a{
	position: relative;
}
.category_collapse_span{
	/*position: relative;
    right: -50%;*/
	position: absolute;
    left: 90%;
    top: 24%;
	z-index: 999;
}

.category_count_span{
	font-size: 14px;
}

#category_wrapper{
	zoom: 0.9;
	font-size: 18px;
}

.menu_notification_circle{
	background-color: red;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    /*float: right;
	top: 7px;
	position: relative;*/
	/*display: inline-block !important;*/
}

.person_icon{
	/*display: block !important;*/
	z-index: 3000;
}

.folder_item{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	z-index: 19;
}

.person_icon_svg, .person_icon_svg>path{
	z-index: 20;
	pointer-events: none;
}

#category_dropdown_move_parent{

	text-align: left !important;

}

.select2_child_folder{
	padding-left: 30px !important;
}

.move_link{
	font-size: 18px;
}

body{
	font-family: 'Nunito', sans-serif;
}

.todo_badge_span{
	color: white;
	font-size: 14px;
	display: inline-block;
	margin: 0px;
	cursor: pointer;
}
.todo_badge_span_active{
	outline-width: 2px;
    outline-offset: 4px;
    outline-color: #4a81d4;
    outline-style: solid;
}

.todo_badge_span_sample{
	color: white;
	box-shadow: none;
	margin-left: 20px;
}

.todo_badge_table{
	float: right;
	margin-right: 10px;
	font-size: 14px;
}

.select2-container {
	min-width:160px;
}

#currency_id + .select2-container {
	min-width:131px;
}

#filter_type + .select2-container {
	min-width:200px;
}

#meeting_info_ul li{
	padding: 4px;
}

#staff_permissions_form ul li input, #default_permissions_form ul li input, #role_permissions_form ul li input {
	float: right;
}

.folder_span,.folder_count_span{
	pointer-events: none;
}

@media screen and (min-width: 676px) {
	#organisations_modal > .modal-dialog {
      max-width: 1000px;
    }
}

#address_details_wrapper .address_info{
	color: black;
}


#add_staff-tbl [data-wenk]:after{
	font-family: cursive;
}

#staff_permissions_form label.col-form-label.col-sm-12{
	padding-left: 0px !important;
}

#total_expenses_month_wrapper{
	cursor:  pointer;
}

#desk_message_admin{
	cursor: not-allowed !important;
	pointer-events: none;
}

#transparent_overlay{

	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(165 165 165 / 0%);
	z-index: 1001;

}

.wave-effect{
	display: contents !important;
}


a[type='button'] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

 }

 .btn{
	font-size: 14px !important;
}
.select2-selection__placeholder, .select2-results__option, .select2-selection__rendered{
	font-size: 16px !important;
}

input, textarea {
	font-size: 15px !important;
}

textarea:disabled{
	background-color: rgba(245, 248, 250, 1) !important;
}

#popover_yea{
	display: none;
}


table td {
	font-size: 0.93rem !important;
}

#inventory_item_holders-tbl_wrapper{
	max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}

#inventory_items_form #purchase_date + input{
	min-width: 24vw !important;
}

.left-side-menu{
	top: 28px !important;
}

#menu_icon{
	height: 50px;
    line-height: 41px;
}
#logo_box .user_type{
	line-height: 50px !important;
}

body > div.content-page.content-page-custom > div.content.content-custom{
	padding-bottom: 30px !important;
}