/*********** NewDesigh Global Changes Starts Here ************/

* {
	outline: none;
}

body {
	font-family: "Lato" !important;
	color: #2d303f;
	font-size: 13px;
}

label {
	color: #696969;
}
button:focus {outline:0 !important;}
button:active {
	outline: none !important;
	}

/* Global Root Level  CSS  Starts Here */

:root {
	--global-form-inputRadius: 2px;
	--label-taskid-color: #2d303f;
	--label-radius: 3px 7px;
	--label-padding: 10px;
	--label-Igif-padding: 1px;
	--listPanel-headingfontSize: 15px;
	--listPanel-padding: 10px 12px;
	--listPanel-bgColor: #d0d0d0;
	--listPanel-fontWeight: 600;
	--listPanel-height: 45px;
	--listPanel-iconSize: 14px;
	--listPanel-fontSize: 16px;
}

select {
	-webkit-appearance: menulist-button;
  }

/* Global Root Level  CSS  Ends Here */

/* Left Nav Menu Side  Select inputs Css  Starts Here */
.dashboard-middle-listView .select-all-checkbox .well,
.left-menu-bar>.col-md-6>.col-md-7 .select-all-checkbox .well {
	border: 2px solid #e1e1e1 !important;
	font-size: var(--listPanel-iconSize);
	height: 30px !important;
	min-width: 30px !important;
	background-color: #fff;
	display: flex;
	justify-content: center;
}
.dashboard-middle-listView .select-all-checkbox  .multi_delete_button i:hover,
.left-menu-bar>.col-md-6>.col-md-7 .select-all-checkbox .multi_delete_button i:hover {
	color: #fff !important;
}

.dashboard-middle-listView .select-all-checkbox .well .dropdown,
.left-menu-bar>.col-md-6>.col-md-7 .select-all-checkbox .well .dropdown{
	text-align: center;
	width: 100%;
}
.dashboard-middle-listView  .select-all-checkbox .nav>li>a:hover,
.dashboard-middle-listView .select-all-checkbox .nav>li>a:focus,
.left-menu-bar>.col-md-6>.col-md-7 .select-all-checkbox .nav>li>a:focus,
.left-menu-bar>.col-md-6>.col-md-7 .select-all-checkbox .nav>li>a:hover {
	border-radius: 3px;
	background-color: #fff;
	height: 26px;
}
.dashboard-middle-listView .select-all-checkbox .multi_delete_button i,
.left-menu-bar>.col-md-6>.col-md-7 .select-all-checkbox .multi_delete_button i {
	padding: 0 !important;
}
.dashboard-middle-listView  .select-all-checkbox .multi_delete_button,
.left-menu-bar>.col-md-6>.col-md-7 .select-all-checkbox .multi_delete_button {
    padding: 3px 2px !important;
	text-align: center;
}

/* Left Nav Menu Side  Select inputs Css  Ends Here */

#infoView .select2-container--default .select2-selection--single .select2-selection__rendered,
.select-all-checkbox select,
input[type="text"],
input[type="number"],
input[type="email"],
select,
textarea {
	border-radius: var(--global-form-inputRadius) !important;
	border: 1px solid #c7c7c7 !important;
}

div:not(#editChooseTabModel).label .labelName,
.label-duedate {
	border-radius: 10px !important;
	padding: 5px 7px !important;
}

.btn-primary:not(.2dbutton):not(.3dbutton) {
	color: #fff !important;
	background-color: #409fff !important;
	border-color: #409fff !important;
	border-radius: 8px;
}

.btn-primary:hover:not(.2dbutton):not(.3dbutton) {
	background: #578cff !important;
	border-color: #578cff !important;
}

.btn-default:not(.2dbutton):not(.3dbutton) {
	border-radius: 8px;
	color: #000 !important;
	background: #e1e1e1 !important;
	border-color: #e1e1e1 !important;
}

.btn-default:hover:not(.2dbutton):not(.3dbutton) {
	background: #d3d1d1 !important;
	border-color: #d3d1d1 !important;
}

/************  New  DashBoard Nav Bar    Css Starts  Here     ************/

/* #ng-menu .navbar-nav li.dropdown.open .dropdown-menu {
	z-index: 999 !important;
} */
#ng-menu .navbar-nav:not(.settings-large-menu) li.dropdown .dropdown-menu {
	/*min-width is not working properly in Mac Safari so need to check for other solution	*/
/*		min-width: 130px !important;*/
	padding: 5px  10px !important;
	z-index: 1052 !important;
}

/*following code is for mac safari only */
@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) {
    #ng-menu .navbar-nav:not(.settings-large-menu) li.dropdown .dropdown-menu {
      	/*min-width is not working properly in Mac Safari so need to check for other solution	*/
      	/*		min-width: 130px !important;*/
      padding: 10px !important;
    }
  }
}
/**************/

#ng-menu {
	margin: 17px 20px !important;
}

#main {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

/* ************  Menu DropDown Css starts Here *************/

#ng-menu .navbar-nav .dropdown-menu {
	top: 38px;
}

/* #ng-menu .navbar-nav li.dropdown.open:before {
	content: "";
	border-bottom: 12px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    left: unset;
    margin-left: 20px;
    margin-top: 29px;
    z-index: 9999 !important;
} */

#ng-menu .navbar-nav .dropdown-menu-large {
	top: 48px;
}

/* #ng-menu .navbar-nav .dropdown-large.settings-large-menu.open::before {
	content: "";
	border-bottom: 12px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    left: unset;
    margin-left: unset;
    margin-right: 15px;
    margin-top: 29px;
	z-index: 9999 !important; 
} */

#ng-menu .navbar-nav li.dropdown .li_label_name {
	background-color: #fff !important;
	font-weight: 600 !important;
}

#ng-menu .navbar-nav li.dropdown .dropdown-menu a {
	position: relative;
	color: #808191 !important;
}

#ng-menu .navbar-nav li.dropdown .dropdown-menu a:hover {
	color: #409fff !important;
	background-color: transparent !important;
	/* border-left: 2px solid #409FFF !important; */
	;
}

/* #ng-menu .navbar-nav li.dropdown .dropdown-menu a:hover::after {
    /* content: "|"; */
/* display: inline-block!important; */
/* top: -3px; *
	position: absolute;
    content: "";
    background-color: #409FFF;
    width: 2px;
    height: 70%;
    right: 0;
    left: 5px;
    top: 0;
} */
/* #ng-menu .navbar-nav li.dropdown .dropdown-menu .active a::before{
	position: absolute;
    content: "";
    background-color: #409FFF;
    width: 2px;
    height: 95%;
    right: 0;
    left: 5px;
    top: 0;

} */

#ng-menu .navbar-nav li.dropdown .dropdown-menu .active a {
	background: transparent !important;
	color: #409fff !important;
}

/* #ng-menu .navbar-nav li.dropdown .dropdown-menu .active a:hover:after , */
#ng-menu .navbar-nav li.dropdown .dropdown-menu a:hover:before {
	content: "|";
	display: inline-block !important;
	top: -3px;
}

/* #ng-menu .navbar-nav li.dropdown .dropdown-menu .active a:after, */
#ng-menu .navbar-nav li.dropdown .dropdown-menu a:before {
	inset: 0;
	margin-left: 2px;
	line-height: 28px;
	position: absolute;
	box-sizing: border-box;
	pointer-events: none;
	display: var(--mat-focus-indicator-display, none);
	border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
	border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

#ng-menu .navbar-nav li.dropdown .dropdown-menu .active a::before {
	margin-left: 2px;
	line-height: 23px;
	content: "|";
	display: inline-block !important;
	top: -3px;
	inset: 0;
	position: absolute;
	box-sizing: border-box;
	pointer-events: none;
	display: var(--mat-focus-indicator-display, none);
	border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
	border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

/* 
.new-design-Mainmenu .navbar-nav {
    display: flex !important;
    justify-content: space-between !important;
    width: calc(100% - 60px) !important;
} */

/* ************ Menu DropDown Css  Css Ends  Here   *************/

/************  New  DashBoard Nav Bar    Css Ends  Here     ************/

/************  New  DashBoard  Global Modal Css starts  Here     ************/
.modal-dialog .modal-body .panel-body #btnLeft,
.modal-dialog .modal-body .panel-body #btnRight {
	margin: 3px;
	border: 1px solid #c7c7c7;
}

.modal-dialog .modal-content .modal-header {
	border-top-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	height: 50px;
	background-color: #e4e7e9 !important;
	color: #000;
	font-weight: 600;
	border-bottom: 1px solid #c7c7c7;
}

.modal-dialog .modal-content .modal-header .close span {
	font-size: 25px;
}

.modal-dialog .modal-body .nav-tabs {
	background: transparent !important;
}

.modal-dialog .modal-content .modal-header .close span:hover {
	color: #000 !important;
}

.modal-dialog .modal-content .modal-body .panel-body {
	padding: 0px 15px 15px 15px !important;
}

.modal-dialog .modal-content .modal-body {
	padding: 15px !important;
}

.modal-dialog .modal-content .modal-body .nav-tabs>li>a,
.modal-dialog .modal-body .task-add .nav-tabs>li>a {
	border: none !important;
	background-color: #fff !important;
	background: #fff !important;
}

.modal-dialog .modal-body .task-add .nav.taskTabsList.nav-tabs>li>a {
	font-size: 13px;
	font-weight: 600;
}

.modal-dialog .modal-body .nav-tabs>li>a:hover,
.modal-dialog .modal-body .task-add .nav.taskTabsList.nav-tabs>li>a:hover,
.modal-dialog .modal-body .task-add .nav.taskTabsList.nav-tabs>li.active>a {
	background-color: #fff !important;
	/* border-bottom: 2px solid #3E9BF9 !important; */
	color: #000 !important;
}

/* .modal-dialog .modal-body .panel-body input[type=button],
.modal-dialog .modal-body  .panel-body input[type=submit],
.modal-dialog .modal-body  .panel-body input[type=reset] {
	border-radius: 4px !important;
} */

/* Commented out this code because the horizontal line is not displaying in all add popups under tabs */
/* .modal-dialog .modal-content .modal-body .nav-tabs {
	border-bottom: none !important;
} */

#chooseEditFormDiv .ui-tabs .ui-tabs-nav li.ui-tabs-active::before,
.modal-dialog .modal-content .modal-body .nav-tabs>li.active::before {
	content: "";
	position: absolute;
	display: block;
	width: 98%;
	height: 2px;
	background: #409fff;
	bottom: 0;
	left: 0;
	z-index: 9;
}

.modal-dialog .modal-content .modal-body .nav-tabs>li>a {
	display: inline-block;
	font-weight: 600;
}

#chooseEditFormDiv .ui-tabs .ui-tabs-nav li:hover:after,
.modal-dialog .modal-content .modal-body .nav-tabs>li:hover:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #409fff;
	bottom: 0;
	left: 0;
	z-index: 9;
}

#chooseEditFormDiv .ui-widget-header .ui-state-default,
#chooseEditFormDiv .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	font-weight: 600;
	background-color: #e9e9e9 !important;
	color: #2d303f !important;
	border-bottom: 0px solid transparent !important;
	border-left: 0px solid transparent !important;
	border-right: 0px solid transparent !important;
	border-top: 0px solid transparent !important;
}

/************  New  DashBoard  Global Modal Css Ends  Here     ************/
/************ NewDesigh Global Changes Ends Here ************/

/************ NewDesigh List View  ScrollBar Css Starts  Here ************/

.acc-listing::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #e4e0e0;
}

.acc-listing::-webkit-scrollbar {
	border-radius: 10px;
	width: 8px;
	background-color: #cfcfcf;
}

.acc-listing::-webkit-scrollbar-thumb {
	background-color: #88898a;
	border-radius: 10px;
}

/************ NewDesigh ScrollBar List View Css Ends  Here ************/

/************ NewDesigh listView Changes Starts Here ************/

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left  
input.select2-search__field.newborder {
    border: 1px solid #c7c7c7 !important;
    width: 100%!important;
	margin: 3px !important;
}

.center-content {
	text-align: center;
}

.left-menu-bar>.col-md-6 .col-md-7 .panel {
	background-color: white !important;
	border-radius: 10px !important;
	border: none !important;
}

.left-menu-bar>.col-md-6>.col-md-7>.panel.panel-default,
#infoView>.panel.panel-default {
	background-color: white;
	border-radius: 10px !important;
	border: none !important;
}
.dashboard-middle-listView  .panel.panel-default .panel-heading,
/* #infoView>.panel.panel-default .panel-heading, */
#infoView>.panel.panel-default>.panel-heading,
#infoView>.panel.panel-default.row>.panel-heading,
.left-menu-bar .panel.panel-default .panel-heading,
.left-menu-bar .panel.panel-default .panel-heading,
.middle-listView .panel .panel-heading .left-menu-bar>.col-md-6>.col-md-7>.panel.panel-default.row>.panel-heading {
	background-color: var(--listPanel-bgColor) !important;
	border-top-right-radius: 10px !important;
	border-top-left-radius: 10px !important;
	padding: var(--listPanel-padding);
	height: var(--listPanel-height) !important;
	border-bottom: 1px solid #c7c7c7;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
	color: #000;
	font-weight: 600 !important;
	/* background-color:  magenta !important; */
}
.dashboard-middle-listView  .panel.panel-default .panel-heading .scroll_counter,
.left-menu-bar .panel-default .panel-heading .scroll_counter,
.left-menu-bar>.col-md-6>.col-md-7>.panel.panel-default .panel-heading .scroll_counter {
	font-weight: 500 !important;
	font-size: 13px !important;
	line-height: 24px;
}
/* #infoView>.panel.panel-default .panel-heading,
 #infoView>.panel.panel-default>.panel-heading{
	height: auto !important;
} */
.dashboard-middle-listView  .panel.panel-default .panel-heading  .panel-title,
#usersSearchForm .nav.nav-tabs.tabs-left.left-menu .panel.panel-default .panel-heading .panel-title,
.middle-listView .panel .panel-heading .panel-title,
#infoView>.panel.panel-default .panel-heading .panel-title,
#infoView>.panel.panel-default.row .panel-heading .panel-title,
.left-menu-bar>.col-md-6>.col-md-7>.panel.panel-default .panel-heading>.panel-title,
.left-menu-bar>.col-md-6>.col-md-7>.panel.panel-default.row .panel-heading>.panel-title {
	color: #000 !important;
	font-weight: 500 !important;
	line-height: 23px;
	font-size: var(--listPanel-headingfontSize);
}

.fac-tabs.left-menu-bar .fac-tabs {
	padding: 0px 10px 0px;
}

.left-menu-bar>.col-md-6>.col-md-7>.panel.panel-default .panel-heading .listing-actions {
	margin: -21px 0;
	padding: 0 10px;
}

#infoView>.panel-body .label,
#infoView>.panel-body .labelName,
.left-menu-bar>.col-md-6>.col-md-7>.acc-listing .media .labelName {
	padding: var(--label-padding);
	border-radius: var(--label-radius);
	font-size: 10px !important;
}
.dashboard-middle-listView .panel-default .panel-body .acc-listing .media .label-taskid ,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media .label-taskid {
	background-color: var(--label-taskid-color) !important;
	padding: 4px 10px !important;
	border-radius: 11px;
	font-size: 9px !important;
}

/* OLD kept for check ::::::::

.left-menu-bar>.col-md-6 .col-md-7> .panel-default .panel-heading span.pull-right a i,
.left-menu-bar>.col-md-6>.col-md-7 .panel-default .panel-heading a i,
.left-menu-bar>.col-md-6>.col-md-7>.panel-default>.panel-heading .pull-right a i,
#infoView .panel-default>.panel-heading a i,
#infoView:not(.floors-all-checkbox a) .panel-default>.panel-heading a i {
	margin-top: -2px !important;
	font-size: var(--listPanel-iconSize);
	border-radius: 50%;
	background-color: white;
	padding: 6px;
	color: #000 !important;
	box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
	width: 26px;
	height: 26px;
	display: inline-flex;
	justify-content: center;
	align-items: baseline;
}
*/
.dashboard-middle-listView  .panel-default .panel-heading span.pull-right a i,
.global-action-icons,
#CalendarFullDiv   .panel-default>.panel-heading a i,
.left-menu-bar>.col-md-6 .col-md-7>.panel-default .panel-heading span.pull-right a i,
.left-menu-bar>.col-md-6>.col-md-7 .panel-default .panel-heading a i,
.left-menu-bar>.col-md-6>.col-md-7>.panel-default>.panel-heading .pull-right a i,
#infoView .panel-default>.panel-heading a i,
#infoView:not(.floors-all-checkbox a) .panel-default>.panel-heading a i {
	margin-top: -3px !important;
	font-size: var(--listPanel-iconSize);
	border: 2px solid #e1e1e1 !important;
	border-radius: 6px;
	background-color: white;
	padding: 5px;
	color: #000 !important;
	/*	box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;*/
	width: 30px;
	height: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

#infoView:not(.floors-all-checkbox a) .panel-default>.panel-heading [role="button"] {
	padding: 0px;
	background-color: navy;
	color: white;
	cursor: default;
}

/* #infoView #floors #accordion .floors-listing.panel-default {
	border-radius: 5px !important;
	border: 1px solid #cccc !important;
}

#infoView #floors #accordion .floors-listing .panel-heading {
	background-color: #D6EAF8 !important;
	border-radius: 5px !important;
} */
.dashboard-middle-listView .select-all-checkbox .multi_delete_button:hover,
.global-action-icons:hover,
#CalendarFullDiv .panel-default>.panel-heading a i:hover,
.left-menu-bar>.col-md-6>.col-md-7 .select-all-checkbox .multi_delete_button:hover,
.left-menu-bar>.col-md-6>.col-md-7 .select-all-checkbox .multi_delete_button i:hover ,
/* .left-menu-bar>.col-md-6>.col-md-7>.panel-default>.panel-heading .pull-right a>img:hover, */
#infoView:not(.floors-all-checkbox a) .panel-default>.panel-heading a i:hover,
.fac-tabs.left-menu-bar .panel-default>.panel-heading a i:hover {
	background-color: #f15a22 !important;
	color: #fff !important;
}

.fac-tabs.left-menu-bar .panel-default>.panel-heading a>i {
	color: #000 !important;
}
.left-menu-bar>.col-md-6>.col-md-7 .panel-default .panel-heading a img:hover,
#infoView .panel-default .panel-heading .pull-right a img:hover,
.left-menu-bar>.col-md-6>.col-md-7.panel-default.panel-heading a img:hover,
.left-menu-bar>.col-md-6>.col-md-7>.panel-default>.panel-heading .pull-right a>img:hover{
		background-color: #0e9fca !important;
		color: #fff !important;
		-webkit-filter: invert(100%); /* Safari/Chrome */
		filter: invert(100%);
		border: 2px solid #211e1e !important;
}
#infoView .panel-default .panel-heading .pull-right a img:hover,
.left-menu-bar>.col-md-6>.col-md-7.panel-default.panel-heading a img:hover,
.left-menu-bar>.col-md-6>.col-md-7>.panel-default>.panel-heading .pull-right a>img:hover{
	color: #fff;
	background-color: #0e9fca !important;
	-webkit-filter: invert(100%); /* Safari/Chrome */
		filter: invert(100%);
		border: 2px solid #211e1e !important;
}
.left-menu-bar>.col-md-6>.col-md-7>.panel-default>.panel-heading .pull-right a i:hover,
.fac-tabs.left-menu-bar .panel-default>.panel-heading a:hover>i {
	background-color: #f15a22 !important;
	color: #fff !important;
}

.fancybox-skin {
	background: #fff !important;
}
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media.active-list,
.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskList .active-list {
	background: #ecf6ff !important;
}

.left-menu-bar>.col-md-6>.col-md-7 .taskImgSec .media .facility_title_text .adhoc_task_due_date {
	background-color: #4ea6ff !important;
}

.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskList .acc-listing .thumbnail {
	margin-top: 10px !important;
}

.left-menu-bar>.col-md-6>.col-md-7 .checkbox-listing .multtple-del .acc-listing .media {
	padding: 10px !important;
	font-size: 13px;
}

.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media-body .date-dueListView,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media-body .adhoc_task_due_date {
	color: #3e9bf9;
	font-size: 11px;
	font-weight: 500;
	border-radius: 8px;
}

.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media,
.left-menu-bar>.col-md-6>.col-md-7 .multtple-del {
	margin-bottom: 10px !important;
}
.left-DashboardInputs .nav.nav-tabs.tabs-left li a:hover,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media:hover,
.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskInfo .adhocTask:hover {
	background-color: #ecf6ff !important;
	opacity: 1 !important;
}

.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskInfo .acc-listing .thumbnail {
	margin-top: 5px !important;
}

.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media,
.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskInfo .acc-listing .media {
	background-color: #fff;
	padding: 8px !important;
	font-size: 12px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
		rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskInfo .select-all-checkbox .well {
	background-color: #fff !important;
}

.left-menu-bar>.col-md-6>.col-md-7 .well .open .dropdown-toggle:hover,
.left-menu-bar>.col-md-6>.col-md-7 .well .dropdown-toggle:hover {
	background-color: #fff !important;
}
.dashboard-middle-listView  .acc-listing .media.active-list:not(.owner-completed):not(.owner-verified),
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media.active-list,
.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskInfo .adhocTask.active-list:not(.owner-completed):not(.owner-verified){
	border: 1px solid #3c95ef;
}

.left-menu-bar>.col-md-6>.col-md-7 .adhocTask.well .facility_title_text .facility-icon {
	padding: 1px 14px 0px 0px !important;
}
.dashboard-middle-listView .panel-default .panel-body .acc-listing .media .label,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media .label,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media-body .pull-right .labelName,
.left-menu-bar>.col-md-6>.col-md-7 .checkbox-listing .acc-listing .media-body .pull-right .labelName,
#infoView>.tab-content .show-grid span.labelName,
#infoView .panel-body .tab-content .labelName,
#infoView .panel-body .tab-content .label,
.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskInfo .acc-listing .adhocTask .pull-right .labelName {
	padding: 3px 7px !important;
	border-radius: 10px !important;
}

#infoView>.tab-content .show-grid span.labelName,
.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskInfo .acc-listing .adhocTask .pull-right .labelName span {
	padding-left: 3px;
}

.left-menu-bar>.col-md-6>.left-search-bar .nav.nav-pills.nav-stacked>li>a,
.left-menu-bar>.col-md-6>.content.left-search-bar .nav-stacked li {
	background: #fff ;
	border-radius: 5px !important;
	border: 1px solid #e5e1e1 !important;
}

.left-menu-bar .content.left-search-bar .nav>li>a:focus,
.left-menu-bar .content.left-search-bar .nav>li>a:hover,
.left-menu-bar>.col-md-6>.content.left-search-bar .nav>li>a:focus,
.left-menu-bar>.col-md-6>.content.left-search-bar .nav>li>a:hover {
	background: #ecf6ff !important;
}
/* .left-menu-bar>.col-md-6>.left-search-bar .nav.nav-pills.nav-stacked>li>a, */
.left-menu-bar>.col-md-6>.left-search-bar .nav.nav-pills.nav-stacked>li.active,
.left-menu-bar>.col-md-6>.left-search-bar .nav-stacked>li.active {
	border: 1px solid #3c95ef !important;
	background: #ecf6ff !important;
}
/* .left-menu-bar .content.left-search-bar .nav-stacked>li.active a, */
.left-menu-bar>.col-md-6>.content.left-search-bar .nav-stacked>li.active {
	background: #ecf6ff !important;
	border: 1px solid #3c95ef;
	color: #000;
}
.left-DashboardInputs .nav.nav-tabs.tabs-left li{
	margin-bottom: 5px;
}
.left-menu-bar .content.left-search-bar .nav-stacked li {
	background: #fff !important;
	border-radius: 5px !important;
	border: 1px solid #e5e1e1 !important;
}

.left-menu-bar .content.left-search-bar .nav-stacked >li.active>a,
.left-menu-bar .content.left-search-bar .nav-stacked>li.active>a:hover{
	background: #ecf6ff !important;
	border: 1px solid #3c95ef !important;
	color: #000 !important;	
}

.left-menu-bar .content.left-search-bar .nav-stacked>li.active>a:focus,
.left-menu-bar .content.left-search-bar .nav-stacked>li.active>a:hover {
	background: #ecf6ff !important;
	border: 1px solid #3c95ef;
	color: #000;
}

.left-menu-bar select#message_sort_date {
	margin-top: 5px;
}

/************ NewDesigh listView Changes Ends Here ************/

/************ NewDesigh listView Details Changes Start Here ************/
/* List View And List View Details Icons  action buttons  DropDown css  Starts  Here */
.left-menu-bar>.col-md-6>.col-md-7 .panel .panel-heading .dropdown .dropdown-content a,
#infoView .panel .panel-heading .dropdown .dropdown-content a {
    font-weight: 500;
}
.left-menu-bar>.col-md-6>.col-md-7 .panel .panel-heading .dropdown .dropdown-content,
#infoView .panel .panel-heading .dropdown .dropdown-content {
	top: 28px !important;
}

/* List View And List View Details Icons  action buttons  DropDown css  Ends  Here */
.select2-container--open .select2-dropdown--below {
	border-radius: 2px !important;
}



#infoView .panel-body .title-link {
	border-bottom: 1px dotted #337ab7 !important;
	line-height: 25px;
}

#infoView>.btn-group>.btn,
#infoView>.select2-container--default {
	border-radius: 0px;
	border: 1px solid #c7c7c7;
}

#infoView .select2-container--default .select2-selection--single {
	background-color: #fff;
	border: none;
	border-radius: 0px;
}

#infoView select{
	overflow: auto;
}
#infoView select,
#infoView input[type="text"] {
	height: 30px;

}

/*Rohit : amit want to keep the old button theme same */
/* #infoView input[type="submit"] {
	/*color: #fff !important;
	background-color: #409fff !important;
	border-color: #409fff !important;
	border-radius: 8px;*/
	/* padding: 2px 12px !important; 
	
} */

#infoView .nav-tabs>li.active::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #409fff;
	bottom: 0;
	left: 0;
}

#infoView .nav-tabs>li:hover a:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #409fff;
	bottom: 0;
	left: 0;
}

#infoView .nav-tabs>li {
	margin: 1px 2px;
}

/* #infoView ul.nav-tabs {
    background: #f6f6f6 ;

} */
#infoView .nav-tabs>li>a {
	border: none;
	background: transparent !important;
	font-weight: 500;
	border-radius: 0px;
	/* font-size: 14px; */
	/* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; */
	;
}

#infoView .nav-tabs>li>a:hover {
	color: #000 !important;
}

#infoView .nav-tabs>li>a:nth-child {
	border-right: none;
}

#infoView .nav-tabs>li.active a {
	color: #409fff !important;
}

#infoView .tab-content .taskDesc {
	padding: 0 0 5px;
}

#infoView .tab-content h4 {
	margin: 0;
	padding-bottom: 5px;
}

#infoView .tab-content .colHead {
	margin: 0;
	padding-bottom: 10px;
}

/* #infoView .tab-content .section-fixed-full {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px !important;
	border: none !important;
	border-radius: 2px;
} */
/* #infoView .tab-content .summaryItem .img-circle {
	height: 90px;
	object-fit: fill;
	margin-left: 13px;
} 
 #infoView .tab-content .summaryItem .img-circle {
    height: 95px;
    width: 95px;
    object-fit: fill;
    padding: 0;
	margin-left: 13px;

} */

#infoView .tab-content .summaryItem .label-assign {
	background-color: #777;
	color: #fff;
	font-size: 11px;
	border-radius: 4px;
	padding: 3px 1px;
	font-weight: 600;
	width: calc(100% - 16%);
	margin: 0 auto;
}

#infoView .tab-content .taskUser,
#infoView .tab-content .group_name_task {
	color: #797979;
	font-weight: 600;
	display: inline-block;
	text-align: center;
}

#CalendarFullDiv .panel-default {
	border-radius: 10px !important;
	border: 1px solid #ccc !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#accordionGroupOpen .panel .panel-heading {
	border-radius: 0px !important;
	padding: var(--listPanel-padding);
	height: var(--listPanel-height);
	border-bottom: 1px solid #f3f0f0;
	box-shadow: none !important;
	background-color: #f6f6f6 !important;
}

#accordionGroupOpen .panel .collapseHtml:after,
#accordionGroupOpen .panel .collapseHtml.collapsed:after {
	color: #000 !important;
	transform: scale(1.8) !important;
}

#accordionGroupOpen .panel-default {
	border-color: #d0d0d0 !important;
}

/* #infoView  .section-fixed {
	border-radius: 3px !important;
} */
/**********  NewDesigh listView Details Changes Ends Here  **********/

/***********   New  DashBoard  Left  Nav Tabs  inputs Css Starts Here ********** */

/* .left-menu-bar>.col-md-6>.col-md-5 .complaintSystemSettings {
    margin-top: 10px !important;
} */

/* .left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu  label:not(.checkbox label,
.complaintSystemSettings label, #bimTasks + label) {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
} */
/* .left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu li.complaintSystemSettings:first-child{
    margin-top: 10px !important; 
} */
.left-menu-bar>.col-md-6>.col-md-5 ul.nav.nav-tabs.tabs-left.left-menu li .select2-container .select2-search--inline {
    width: 100%;
}
.left-menu-bar>.col-md-6>.col-md-5 ul.nav.nav-tabs.tabs-left.left-menu li {
	margin-bottom: 5px !important;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu label {
	margin-bottom: 5px !important;
}

/* .left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu
 label:not(.checkbox label):not( .left-menu-bar > .col-md-6 > .col-md-5 .complaintSystemSettings  label)
 :not( #bimTasks + label)
 :not( #msgToTask)
  {
	margin-bottom: 5px !important;
	margin-top: 5px !important;
} */

.left-menu-bar>.col-md-6>.col-md-5 .select2-container--open {
	border: none !important;
}

.left-menu-bar>.col-md-6>.col-md-5 .select2-container--open .select2-dropdown {
	left: -1px;
	width: 100%;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu .input.checkbox {
	margin-bottom: 0px !important;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu .select2-selection__choice {
    /* margin: 3px !important; */
    padding: 0px 2px !important;
    font-size: 10px;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    /* width: 180px; */
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu .select2-container--default .left-menu-bar>.col-md-6>.col-md-5 .select2-selection--multiple .select2-selection__rendered {
	padding: 5px;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu li input#task_comments_date_to {
	margin-bottom: 10px;
	margin-top: 5px;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu li input[type="checkbox"] {
	margin-top: 0 !important;
	margin-right: 0;
	top: 2px;
	margin-right: 5px;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu input.searchforfield {
	margin-bottom: 5px;
	/* padding-bottom: 3px; */
	border: 1px solid #dbdedf;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu select#ViTaskViGroupId,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu .checkbox label,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu .radio label {
	margin-bottom: 5px !important;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu label {
	margin-bottom: 5px;
	/* padding-top: 5px; */
	;
}

/* .left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu .complaintSystemSettings {
	margin-top: 10px !important;
} */

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu li .input {
	padding-top: 0px !important;
}

.left-menu-bar>.col-md-6>.col-md-5 .checkbox-listing .panel-body .multtple-del .checkbox-listing .active-list {
	background-color: #ecf6ff !important;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left li label,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu li label {
	font-weight: 400 !important;
	font-size: 13px !important;
}

.left-navTabs-block {
	padding: 10px;
	background-color: white;
	border-radius: 10px;
}

.left-navInputs-Bookingsetion{
	padding: 10px !important ;
	background-color: white;
	border-radius: 10px;

}
.leftSide-navInputs-Section,
.vertMenu.quality-left-tab,
#usersSearchForm .nav.nav-tabs.tabs-left.left-menu,
.left-menu-bar>.col-md-6>.col-md-5 .fac-tabs ul.tabs-left,
.left-menu-bar>.col-md-6>.col-md-5 .content.left-search-bar .nav.nav-pills.nav-stacked,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left.left-menu {
	padding: 10px !important;
	background-color: white !important;
	border-radius: 10px;
	z-index: 0  !important;
}

.left-menu-bar>.col-md-6>.col-md-5 .tabs-left {
	border: none !important;
}

.select2-selection,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .select2-selection {
	border-color: #c7c7c7;
	border-radius: var(--global-form-inputRadius) !important;
}



.left-menu.leftSide-navInputs-Section .select2.select2-container,
.left-menu-bar>.col-md-6>.col-md-5 .select-all-checkbox select,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .searchforfield,
/* .left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .input.select.required .select2-container--default, */
/* .left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left select .select2-container--default, */
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .btn-group button,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .btn-group .multiselect,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .btn-group .btn.btn-default,
/* .left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .select2-container--default, */
/* .left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .select2-container--default, */
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .input.select select,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .input.text input

/* .left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .select2-selection */
	{
	width: 100% !important;
	min-width: 100% !important;
	border-radius: var(--global-form-inputRadius) !important;
	border-color: #dbdedf;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 8px !important;
}

/* #bimTaskTabId2 .dashboardDropdown .select2-container--open .select2-dropdown,
#bimTaskTabId2 .dashboardDropdown .select2-container {
	width: 235px !important;
} */

#bimTaskTabId2 .dashboardDropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 10px;
}

#bimTaskTabId2 .dashboardDropdown {
	background-color: white;
	padding: 10px;
	border-radius: 10px;
}

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .multiselect-container.dropdown-menu li {
	margin: 0 !important;
}

.row fac-tabs,
.left-menu-bar {
	margin: 0 !important;
}

.left-menu-bar .panel.panel-default .panel-heading, 
.left-menu-bar .panel.panel-default .panel-heading,
.dashboard-middle-listView .panel.panel-default .panel-heading {
    height: auto !important;
	min-height:var(--listPanel-height);
}
.dashboard-middle-listView .panel.panel-default .panel-heading .list-panel-tltile-mainElement,
.left-menu-bar .panel.panel-default .panel-heading .list-panel-tltile-mainElement{
	display: flex;
    width: 100% !important;
    margin: 0 !important;
    justify-content: space-between;
}
.dashboard-middle-listView .panel.panel-default .panel-heading .left-list-panel-tltile,
.left-menu-bar .panel.panel-default .panel-heading .left-list-panel-tltile{
    min-width: 55%;
	word-break: break-word  !important;
}
.dashboard-middle-listView .panel.panel-default .panel-heading .right-list-panel-count,
.left-menu-bar .panel.panel-default .panel-heading .right-list-panel-count{
    min-width: 25%;
	max-width: 45%;
}

/************  New  DashBoard  Left  Nav Tabs  inputs Css Starts Here ************/

/************  New  DashBoard  right  Column Padding   Css Starts Here     ************/

#infoView {
	padding: 0 !important;
}

/************  New  DashBoard  right  Column Padding   Css Ends  Here     ************/
#bookingCategorySearchForm .multiselect,
#bookingCategorySearchForm .dropdown-toggle {
	width: 100% !important;
}

form#ViGroupIndexForm .nav.nav-tabs.tabs-left.left-menu input[type="text"],
form#ViGroupIndexForm .nav.nav-tabs.tabs-left.left-menu input[type="email"],
form#ViGroupIndexForm .nav.nav-tabs.tabs-left.left-menu select,
form#ViGroupIndexForm .nav.nav-tabs.tabs-left.left-menu textarea {
	width: 100%;
	max-width: 100%;
}

/* #bimTaskTabId2 .dashboardDropdown .select2-container--default .select2-selection--single {
	border-radius: 5px !important;
	width: 90% !important;
} */

form .nav.nav-tabs.tabs-left.left-menu textarea,
form .nav.nav-tabs.tabs-left.left-menu select,
form .nav.nav-tabs.tabs-left.left-menu input[type="email"],
form .nav.nav-tabs.tabs-left.left-menu input[type="text"] {
	width: 100%;
}

/* .nav.nav-tabs.tabs-left.left-menu label:not(.checkbox label,
 .complaintSystemSettings label, #bimTasks + label) {
	margin-bottom: 5px !important;
	margin-top: 10px !important;
} */

.nav.nav-tabs.tabs-left li .input.text input {
	border: 1px solid #ccc !important;
	height: 27px;
}

#accordion .floors-listing .panel-headings {
	background-color: #ecf6ff !important;
}

.facilityview .summaryItem {
	height: 80px;
}

.facilityview .summaryItem img {
	height: 100%;
	object-fit: fill;
	border-radius: 50%;
}

#infoView .panel-default .panel-heading .pull-right a img,
.left-menu-bar>.col-md-6>.col-md-7 .panel-default .panel-heading a img {
	margin-top: -3px !important;
	font-size: var(--listPanel-iconSize);
	border: 2px solid #e1e1e1 !important;
	border-radius: 6px;
	background-color: white;
	padding: 2px;
	color: #000 !important;
	/*	box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;*/
	width: 30px;
	height: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: baseline;
	object-fit: scale-down;
	/* filter: gray; 
	-webkit-filter: grayscale(1);  */
}

#infoView .select2-container--default .select2-selection--single .select2-selection__rendered {
	border: 1px solid #c7c7c7;
}

/* Tool Editor group Css  Starts Here */
.cke_chrome .cke_combo_button {
	margin: 0px 6px 5px 3px !important;
	padding-left: 5px !important;
	border: 1px solid #c7c7c7 !important;
}

.cke_chrome .cke_toolgroup {
	margin: 0 0px 5px 0px !important;
}

.cke_reset_all,
.cke_toolbar,
.cke_top.cke_reset_all {
	padding: 1px !important;
}

/* Tool  Editor  group Css  End Here */

/* handover Tab Css Starts Here  */

.handover-key-input i {
	font-size: 16px;
	margin: 0px 3px;
}

/* handover Tab Css Ends Here  */

.paddingZero {
	padding: 0 !important;
}
.paddingTopOnly15{
	padding-top: 15px !important;
}
.marginLeftOnly15{
	margin-left: 15px !important;
}
.paddingTopOnly10 {
	padding-top: 10px !important;
}
.paddingTopOnly5{
	padding-top: 5px !important;
}

.marginTopOnly10 {
	margin-top: 10px !important;
}

.marginBottomOnly5 {
	margin-bottom: 5px !important;
}
.marginBottomOnly10 {
	margin-bottom: 10px !important;
}

.paddingBottomOnly15 {
	padding-bottom: 15px !important;
}

.marginTopOnly15 {
	margin-top: 15px !important;
}

.margin-topBottom15 {
	margin: 15px 0px !important;
}
.margin-topBottom10 {
	margin: 10px 0px !important;
}
.marginLeftOnly10{
	margin-left: 10px !important;
}
.marginLeftOnly5{
	margin-left: 5px !important;
}
.paddingLeftOnly10{
	padding-left: 10px !important ;
}
.paddingLeftOnly5{
	padding-left: 5px !important;
}
.paddingLeftZero{
	padding-left: 0px !important;

}

.marginRightOnly10{
	margin-right: 10px !important;
}
.marginRightOnly5{
	margin-right: 5px !important;
}

.paddingRightOnly10{
	padding-right: 10px !important ;
}
.paddingRightOnly5{
	padding-right: 5px !important;
}
.paddingRightZero{
	padding-right: 0px !important;
}
.display-flex-well-reverse{
	display: flex !important;
	flex-direction: row-reverse;
}
.display-flex{
	display: flex !important;
	align-items: center;
}
.flex-direction-column{
	flex-direction: column;
}
.qrcodeDiv .qrcode-action-icons, .qrcodeRuhDiv .qrcode-action-icons{
	margin: 2px;
    font-size: 20px;        
}
.display-flex-baseline {
    display: flex !important;
    align-items: baseline;
}

#infoView .delete-icon-spacing {
	margin-right: 15px !important;
}


.no-left-right-borders,
.panel-heading.utilities-titels.no-left-right-borders {
	border-radius: 0px !important;
}

#accordion .panel-default {
	border-color: #d0d0d0 !important;
}

#accordion .panel-heading {
	background-color: #f6f6f6 !important;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	box-shadow: none;
	border-bottom: none !important;
}

#accordion .panel-heading a i {
	box-shadow: none !important;
	background-color: transparent !important;
}

#accordionGroupOpen .collapseHtml.collapsed:after,
#accordionGroupOpen .collapseHtml:after {
	margin-top: -33px !important;
}

/* .fac-tabs .panel-heading */
.panel-sub-headingColor .tab-pane .panel-default {
	border-radius: 0px;
	border-top-right-radius: 12px !important;
	border-top-left-radius: 12px !important;
	background-color: #f6f6f6 !important;
}

/* New Design Table Css Starts Here */
.modal-body .newDesignTable.table,
#infoView .table-fixed .newDesignTable.table,
#infoView .section-fixed-full .newDesignTable.table,
#infoView .section-fixed .newDesignTable.table {
	border-collapse: separate !important;
	border-spacing: 0 !important;
	
}
.modal-body .newDesignTable.table  tr td,
#infoView .table tr td {
	border-top-width: 0px;
	border-left-width: 0px;
}
.modal-body .newDesignTable.table tr th,
#infoView .table tr th {
	border-left-width: 0px;
}
.left-menu-bar .content.left-search-bar .nav-stacked li.left_menu_utilitis optgroup{
	background: #f6f6f6 !important;
	/* border: 1px solid #d0d0d0 !important; */
	color: #000 !important;
	border-radius: 5px;
}
.innerTripHeadingColor,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left .searchforfield.innerTripHeadingColor{
	background-color: #d0d0d0 !important;
	border: 1px solid #f6f6f6 !important;
}
.modal-body .newDesignTable.table tr th,
.modal-body .newDesignTable.table tr td,

#infoView .table-fixed .newDesignTable.table tr th,
#infoView .table-fixed .newDesignTable.table tr td,
#infoView .section-fixed-full .newDesignTable.table tr th,
#infoView .section-fixed-full .newDesignTable.table tr td,
#infoView .section-fixed .newDesignTable.table tr th,
#infoView .section-fixed .newDesignTable.table tr td {
	border-right: 1px solid #d0d0d0 !important;
	border-bottom: 1px solid #d0d0d0 !important;
}

.modal-body .newDesignTable.table tr th:first-child,
.modal-body .newDesignTable.table tr td:first-child,

#infoView .table-fixed .newDesignTable.table tr th:first-child,
#infoView .table-fixed .newDesignTable.table tr td:first-child,
#infoView .section-fixed-full .newDesignTable.table tr th:first-child,
#infoView .section-fixed-full .newDesignTable.table tr td:first-child,
#infoView .section-fixed .newDesignTable.table tr th:first-child,
#infoView .section-fixed .newDesignTable.table tr td:first-child {
	border-left: 1px solid #d0d0d0 !important;
}

.modal-body .newDesignTable.table tr th,
#infoView .table-fixed .newDesignTable.table tr th,
#infoView .section-fixed-full .newDesignTable.table tr th,
#infoView .section-fixed .newDesignTable.table tr th {
	background-color: #f6f6f6 !important;
	border-top: 1px solid #d0d0d0 !important;
	text-align: left !important;
}

/* top-left border-radius */
.modal-body .newDesignTable.table  tr:first-child th:first-child,
#infoView .table-fixed .newDesignTable.table tr:first-child th:first-child,
#infoView .section-fixed-full .newDesignTable.table tr:first-child th:first-child,
#infoView .section-fixed .newDesignTable.table tr:first-child th:first-child {
	border-top-left-radius: 6px !important;
}

/* top-right border-radius */
.modal-body .newDesignTable.table tr:first-child th:last-child,
#infoView .table-fixed .newDesignTable.table tr:first-child th:last-child,
#infoView .section-fixed-full .newDesignTable.table tr:first-child th:last-child,
#infoView .section-fixed .newDesignTable.table tr:first-child th:last-child {
	border-top-right-radius: 6px !important;
}

/* bottom-left border-radius */

.modal-body .newDesignTable.table tr:last-child td:first-child,
#infoView .table-fixed .newDesignTable.table tr:last-child td:first-child,
#infoView .section-fixed-full .newDesignTable.table tr:last-child td:first-child,
#infoView .section-fixed .newDesignTable.table tr:last-child td:first-child {
	border-bottom-left-radius: 6px !important;
}

/* bottom-right border-radius */
.modal-body .newDesignTable.table tr:last-child td:last-child,
#infoView .table-fixed .newDesignTable.table tr:last-child td:last-child,
#infoView .section-fixed-full .newDesignTable.table tr:last-child td:last-child,
#infoView .section-fixed .newDesignTable.table tr:last-child td:last-child {
	border-bottom-right-radius: 6px !important;
}
.modal-body .table.table-bordered,
#infoView .section-fixed-full,
#infoView .section-fixed,
#infoView .table-responsive,
#infoView .table-bordered,
#infoView .table-fixed {
	border: 0px !important;
	font-size: 11px !important;
	min-width: fit-content !important; 
}

.modal-body .table.table-bordered thead>tr>th,
#infoView .section-fixed-full thead>tr>th,
#infoView .section-fixed thead>tr>th,
#infoView .table-responsive thead>tr>th,
#infoView .table-bordered thead>tr>th,
#infoView .table-fixed thead>tr>th{
	padding: 7px 6px !important;
}

#infoView .section-fixed {
	max-height: 500px !important;
}


#infoView .table.newDesignTableSticky {
	position: relative;
}

#infoView .table.newDesignTableSticky thead {
	position: sticky;
	top: 0;
	z-index: 9;
	/* height: 40px; */
}
#infoView .floatThead-container {
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
}


#infoView .table.newDesignTableSticky thead tr th:first-child::before,
#infoView .table.newDesignTableSticky thead tr th:last-child::after {
	width: 1px;
	height: 5px;
	background: white;
	content: "";
	display: block;
	position: absolute;
	top: 0px;
}

#infoView .table.newDesignTableSticky thead tr th:first-child::before {
	left: -1px;
}

#infoView .table.newDesignTableSticky thead tr th:last-child::after {
	right: -1px;
}

/* New Design Table Css End  Here */


/* New Design Table Css End  Here */


/* accordian  action  buttons css  starts  Here */

#infoView .panel-default>.panel-heading   .panel-title .floor_actions{
    width: 25px !important;
    height: 25px !important;
    font-size: 12px !important;
}

/* accordian  action buttons  css  Ends  Here */


/* facility-utilitie  Page   css  starts  Here */

.facility-utilities-right-container .panel.panel-default{
    border-top-left-radius:10px;
    border-top-right-radius:10px
}
	/* facility-utilitie  Page   css  Ends  Here */

		/* Accordian Acrions Icons Delete And Edit  Page   css  Starts  Here */

		#infoView .panel-default>.panel-heading .panel-title .floor_actions  {
		width: 65px !important;
		bottom: 15px !important;
	}

		/* Accordian Acrions Icons Delete And Edit  Page   css  Ends  Here */

	/*  select-all-dropdown Middle List Check all   css  Starts  Here */ 

		.select-all-dropdown select{
		height: 29px !important;
		}

/*  select-all-dropdown Middle List Check all   css  Ends  Here */ 


/* Global Display Content Property   css  Starts  Here   */

.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left li label.textWarping{
	display: contents;
} 
/* Global Display Content Property   css  Ends  Here  */

/* Global nav-tabs dropdown-menu multiselect   css  Starts  Here  */
/* .nav.nav-tabs.tabs-left  .dropdown-menu.multiselect-container,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left 
.dropdown-menu.multiselect-container{
margin: 0 !important;
} */

.nav.nav-tabs.tabs-left .dropdown-menu.multiselect-container li label.checkbox,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left 
.dropdown-menu.multiselect-container li label.checkbox{
	margin: 0 !important;
	padding-left: 20px !important;
	display: inline;
}

.nav.nav-tabs.tabs-left .dropdown-menu.multiselect-container,
.left-menu-bar>.col-md-6>.col-md-5 .nav.nav-tabs.tabs-left 
.dropdown-menu.multiselect-container{
	padding: 5px 0px !important;
}

/* Global nav-tabs dropdown-menu multiselect   css  Ends  Here  */

#infoView table.newDesignTable.fix-header th {
	background-color:  #f6f6f6 ;
}

#infoView table.newDesignTable.fix-header th:first-child{
	border-top-left-radius: 6px;
	border-left: 1px solid  #d0d0d0;
}
#infoView table.newDesignTable.fix-header th:last-child{
	border-top-right-radius: 6px;
	border-right: 1px solid  #d0d0d0;
}

#infoView .table.newDesignTable.fix-header>thead>tr>th {
    vertical-align: middle;
    border-bottom-width: 0px;
	border-top: 1px solid  #d0d0d0;
	border-bottom: 1px solid  #d0d0d0;
}

/* modal swappind  forward  and Back  Arrows Css  starts Here */

td.modal-swapping-arrows {
	width:50px;
	text-align:center;
	vertical-align:middle;
	padding-right: 20px !important;
}

/* modal swappind  forward  and Back  Arrows Css  Ends  Here */


/*  3D  Building Icon Start Css    Here */
.dashboard-middle-listView .acc-listing .media  .col-md-10 .task-3d-img img,
.dashboard-middle-listView .acc-listing .media .label.task-3d-img img,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media .task-3d-img img,
.left-menu-bar>.col-md-6>.col-md-7 #adhocTaskInfo .acc-listing .media .task-3d-img img {
    width: 12px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}


/*  3D  Building Icon  Css  End   Here */

.nav.nav-tabs.tabs-left .dropdown-menu.multiselect-container,
 .left-menu-bar>.col-md-6>.col-md-5
 .nav.nav-tabs.tabs-left .dropdown-menu.multiselect-container {
	width: 100% !important;
 }

 
 /* Dashboard quality-system  header strip    Css  starts  Here */
 .header-menu .navbar-nav ,
#ng-menu.new-design-Mainmenu .nav.navbar-nav  .dropdown>a,
#dashboard-quality-system-strip.quality-system .sub-menu >.sub-item  .sub  >a{
	font-family: Roboto, "Helvetica Neue", sans-serif !important;
}

 /*Dashboard quality-system  header strip  Css  Ends  Here */

 /*Dashboard setting Icon  Css  Starts  Here */

 #ng-menu.new-design-Mainmenu .nav.navbar-nav .nav.navbar-nav {
    position: relative;
    width: 100%;
}

#ng-menu.new-design-Mainmenu .nav.navbar-nav .dropdown.dropdown-large.settings-large-menu,
#ng-menu.new-design-Mainmenu .nav.navbar-nav .dropdown.settings-type-class {
    position: absolute;
    right: 0;
}



#ng-menu.new-design-Mainmenu .nav.navbar-nav 
.dropdown.dropdown-large.settings-large-menu .glyphicon.vs-setting-icon,
#ng-menu.new-design-Mainmenu .nav.navbar-nav 
.dropdown.dropdown-large.settings-type-class .glyphicon.vs-setting-icon,
#ng-menu.new-design-Mainmenu .nav.navbar-nav .dropdown.settings-type-class .vs-setting-icon
 {
	font-size: 20px;
	top: 5px !important;
}
 /*Dashboard setting Icon  Css  Ends  Here */

#ng-menu.new-design-Mainmenu .nav.navbar-nav .dropdown.settings-type-class .dropdown-menu {
    left: -110px;
}


 /*Header Logo    Css  Starts  Here */

header {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

#ng-menu.navbar.navbar-default.new-design-Mainmenu{
	font-weight: 500 !important;
	margin: 20px 20px !important;
}
header   .header-menu li.dropdown .dropdown-toggle span.caret ,
header .header-menu li.dropdown .dropdown-toggle img {
    bottom: 1px !important;
}

 #dashboard-quality-system-strip{
	margin-top: 0 !important;
}

#dashboard-quality-system-strip.quality-system .sub-menu .sub-item .qa-icon {
    width: 17px !important;
    height: 17px !important;
    margin-left: 9px !important;
	opacity: 0.7;
}


.dashboard-middle-listView .panel-default .panel-body .acc-listing .media .label-primary,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media .label-primary,
.dashboard-middle-listView .panel-default .panel-body .acc-listing .media .label-danger,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media .label-danger,
.dashboard-middle-listView .panel-default .panel-body .acc-listing .media .label-success,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media .label-success,
.dashboard-middle-listView .panel-default .panel-body .acc-listing .media .label-warning,
.left-menu-bar>.col-md-6>.col-md-7 .acc-listing .media .label-warning{
    font-size:10px !important;
}


/* German Language Setting Icon Menu Css  Strts  Here */

#ng-menu.new-design-Mainmenu .nl-menu  .nav.navbar-nav .dropdown.settings-type-class .dropdown-menu ,
#ng-menu.new-design-Mainmenu .de-menu  .nav.navbar-nav .dropdown.settings-type-class .dropdown-menu {
    left: -85px !important;
}

#ng-menu.new-design-Mainmenu .da-menu  .nav.navbar-nav .dropdown.settings-type-class .dropdown-menu {
    left: -95px !important;
}
#ng-menu.new-design-Mainmenu .nb-menu .nav.navbar-nav .dropdown.settings-type-class .dropdown-menu {
    left: -70px !important;
}

#ng-menu.new-design-Mainmenu .sv-menu .nav.navbar-nav .dropdown.settings-type-class .dropdown-menu {
    left: -100px !important;
}


/* German Language Setting Icon Menu Css  Strts  Here */
 /*Header Logo    Css  Ends  Here */

 /* Setting Icon Css  Starts Here */

 #ng-menu.new-design-Mainmenu  .vs-setting-main .vs-settingb-icon {
    filter: invert(100%);
	-webkit-filter: invert(100%);
    height: 24px;
    width: 24px;
	padding-bottom: 1px;
}

#ng-menu.new-design-Mainmenu .nav.navbar-nav .dropdown.dropdown-large.settings-large-menu a ,
 #ng-menu.new-design-Mainmenu .nav.navbar-nav .dropdown.settings-type-class a {
    padding-bottom: 6px !important;
}

/* when customer name is more than 30 character then create tooltip based on following style  */
.user-name-tooltip {
	display: none;
	color: #fff;
	border-radius: 4px;
	margin: 14px;
	margin-top: 8px;
	margin-left: calc(-14vw + 55% );    
	max-width: 250px;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
	text-overflow: ellipsis;    
	font-size: 11px;
	font-family: Lato;
	padding-top: 6px;
	padding-bottom: 6px;
	background: rgba(97,97,97,.9);
	position: absolute;
	z-index: 1; 
	word-break: break-all;      
}
/* Unset margin-bottom because the horizontal line is not displaying in all add popups under tabs. 
   Originally, margin-bottom was set to -1, so it is overridden with unset */
.nav-tabs>li {    
    margin-bottom: unset;	
}

/* RUH task deadline form validation styling */
.ruh-task-deadline-form .form-group.has-error > label,
.ruh-task-deadline-form .form-group.has-error .control-label {
    color: inherit;
}
.ruh-task-deadline-form .help-block {
    color: #a94442;
}
.ruh-task-deadline-radio {    
	padding-top: 4px;
}

 /* Avoid sticky black/default focus ring after mouse click on Update (AJAX keeps focus on submit). Keyboard users still get :focus-visible. */
 .ruh-task-deadline-form input[type="submit"].btn-primary:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}
.ruh-task-deadline-form input[type="submit"].btn-primary:focus-visible {
	outline: 2px solid #286090;
	outline-offset: 2px;
	box-shadow: none;
}