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;
	  }
}

.ql-editor {
	resize: vertical;
	overflow-y: scroll;
}

@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;*/
	min-height: 90vh !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 {
    color: #969FAE !important;
    display: block !important;
    padding: 4px 0 5px !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: normal !important;
}

.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, .ql-editor {
	min-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-top: 30px auto;
	margin-left: 30px auto;
	margin-right: 30px auto;
	margin-bottom: 30px 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;
}

#todo-tbl .btn-img {
	width: 20px !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: 30rem;
}

.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;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.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; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.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: 80vh;
		max-height: 80vh;
		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: 13px;
}

.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;
    }
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 700px;
		/* padding: 1.25rem; */
	}
	#confirm_modal .modal-dialog {
		width: 400px;
		min-width: fit-content !important;
	}
}

#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;
}

.user-avatar{
	border:1px solid black;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

#user_avatar_text{
	cursor: pointer;
	padding-left: 7px;
}

.ql-container {
    font-size: 20px !important;
}

#todo_description.ql-container {
    font-size: 14px !important;
}

.ql-container ul li{
	font-size: 20px;
}

.todo_select{
	position: relative;
	left: 9px;
}

.payment_notes{
	white-space: break-spaces;
    word-break: break-all;
}

#todo-tbl>tbody>tr{
	border-collapse: unset;
}

.dott {
  height: 7px;
  width: 7px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top:-1px;
}

.dott.green{
	background-color: #30d230;
}

.dott.red{
	background-color: #ff0000;
}

.update_todo_status, .update_todo_type{
	cursor: pointer;
	color: #2a8cff;
}

.remove_custom_field{
	cursor: pointer;
}

tags.tagify{
	height: auto !important;
}

h5.collapsable-title{
	font-size: 1.3rem;
	font-weight: 700;
}

#referred_by_modal{
	padding-right: 0px;
}
#custom_fields_modal{
	padding-right: 0px;
}
#referred_by_modal > .modal-dialog{
	 box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
#custom_fields_modal > .modal-dialog{
	 box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
#select_products_modal > .modal-dialog{
	 box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
#referred_contact_modal > .modal-dialog{
	 box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
#company_name_modal > .modal-dialog{
	 box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

#contact_lead_description, #notes, #description, #product_description{

	width: 100%;
    height: 50vh;
    padding: 10px;
    font-size: 14px;
    color: #6c757d;

}

#contact_lead_description:focus-visible, #notes:focus-visible, #description:focus-visible{

	outline: none;
}

.tagify__tag-text{
	box-shadow: none !important;
}

tag > div:before{
	box-shadow: none !important;
}

.tagify__tag{
	border: 1px solid #f3e0e0;
}

#company_name_wrapper .tagify__tag, #referred_account_id_wrapper .tagify__tag{
	margin: 2px 5px 0px 5px !important;
}

#products_of_interest-tbl_wrapper{
	width: 100% !important;
	overflow-x: auto !important;
}

.remove_product_of_interest{
	cursor: pointer;
}

#content{
	padding: .75rem !important;
	/* padding-top: 0px !important;
	padding-bottom: 0px !important; */
}

#dynamic_menu_wrapper{
	width: 100%;
	background-color: white;
}

#breadcrumb-item{
	margin-left: auto;
}

.nav-item-static{
	display: block;
	padding: 10px 10px;
}

.loadingoverlay{
	z-index: 1052 !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: center;
    padding-right: 220px !important;
    padding-top: 2px !important;
}

.error-in-csv{
	color:red;
}

.success-in-csv{
	color:green;
}

.modal-dialog.modal-xxl {
  max-width: 90%;  /* or any custom size you want */
}

#csv_to_staff-tbl_filter{
	margin-top: 0px;
}

.hide_role_options *{
	display: none;
}

#add_staff-tbl_info{
	padding-top: 2px !important;
	white-space: nowrap;
}

.border-bottom-0{
	border-bottom: 0px !important;
}

.border-top-0{
	border-top: 0px !important;
}

.permission-checkbox{
	vertical-align: top;
}

#permissions-tbl tr{
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.contact_count{
	color: blue;
	cursor: pointer;
}

.tagify__tag {
	float: left;
}

#person_icon_modal{
	padding-right: 0px !important;
}

#account_id_modal > .modal-dialog{
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

#contact_id_modal > .modal-dialog{
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

#account_id_modal[data-class="projects"]{
/*	padding-right: 18px !important;*/
}

#contact_id_modal{
/*	padding-right: 19px;*/
}

#contact_id-tbl_filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#contact_id_filter_wrapper {
    margin-right: 1%;
    margin-bottom: 6px;
}

/* Larger screens */
@media (min-width: 768px) {
    #contact_id_filter_wrapper {
        margin-right: 2%;
    }
}

/* Even larger screens */
@media (min-width: 1024px) {
    #contact_id_filter_wrapper {
        margin-right: 3%;
    }
}

.created_activity{
	margin-bottom: 4px;
}

table.dataTable.table thead > tr > th.job-sheet-report-header-row{
	color: white !important;
	background: #cac5c5 !important;
	background-color: #cac5c5 !important;
	border-right: 1px solid #dad4d4;
}

button[data-btn_idx]:not([js_id]) {
    /* Empty js_id */
    
}

button[data-btn_idx][js_id]:not(:empty) {
    color: white !important;
}

.task-completed{
	color: #47bf47;
}

.task-incomplete{
	color: orange;
}

.task-overdue{
	color: #E43958;
}

.flatpickr-minute.disabled {
    pointer-events: none;
    background-color: #f0f0f0;
    color: #ccc;
}
/*26 MAR 2024*/
.content-page.content-page-custom {
    background-color: #F0F3FA !important;
}
span.page-title_page {
    font-weight: 600 !important;
    color: #494F59 !important;
    font-family: "Inter", sans-serif !important;
    word-spacing: 1px;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.content-page {
    margin-top: 40px !important;
}
.page-title-box .page-title {
    margin-bottom: -8px !important;
}
button#remove_completed_jobs{
color:#da752c !important;
background-color: #fcebdb !important;
}

button.btn.btn-sm.btn-success.save_new_btn.job_design_button[type="submit"] {
    background-color: #F7F9FD !important;
    color: #1F2226 !important;
    font-size: 1.75rem !important;
    padding: 0px 0px 0px 30px !important;
    border: 1px solid #E2E6EE !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #F7F9FD !important;
}
.mandatory-dot::after {
  content: " \25CF";  /* Unicode for an orange circle */
  color: orange;
  position: relative;
  top: -5px; /* Adjust vertical positioning as needed */
  margin-left: 2px; /* Add a little space after the label text */
  width: 0.5rem;
  height: 0.5rem;
}


table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 8px;
    right: -0.15em;
}

table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after {
  right: -0.15em; 
}
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 14px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    content: "▲" / "";
    font-size: 7px !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    content: "▼" / "";
    font-size: 7px !important;
}

/* General Rule (Large Screens) */
/*.datatable-scroll {
  overflow-x: hidden;
  overflow-y: auto;
}*/

/* Tablets */
/*@media (max-width: 1024px) {
  .datatable-scroll {
    overflow-x: auto;
  }
}*/

/* Smartphones */
/*@media (max-width: 768px) {
  .datatable-scroll {
    overflow-x: auto;
  }
}*/



label.form-check-label {
    font-size: 12px !important;
}

.clear_js_times{
	cursor: pointer;
	width: 50px;
	height: 28px;
	justify-content: center;
	font-size: 12px;
}