/* @font-face {
    font-family: 'Glyphter';
    src: url('../webfonts/Glyphter.eot');
    src: url('../webfonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Glyphter.woff') format('woff'),
         url('../webfonts/Glyphter.ttf') format('truetype'),
         url('../webfonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon.icon-add-folder:before{content:'\0041';}
.icon.icon-hide-folder:before{content:'\0042';} */
body {
    background-color: #fff;
    font-size: 0.75rem;
}
.m-b-30 {
    margin-bottom: 30px!important;
}
/* .form-control { font-weight: 500;}  */
.form-control { padding: 0.45rem 0.75rem !important; } 
.navbar-brand {
    display: inline-block;
}
.errorContainer {
    margin-top: -80px;
    background: #dee2e6;
}
::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5rem;
}
body::-webkit-scrollbar-track, 
.dataTables_scrollBody::-webkit-scrollbar-track {
  background-color: transparent;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-track, 
.dataTables_scrollBody::-webkit-scrollbar-track {
  background-color: transparent;
}
 
::-webkit-scrollbar-thumb, 
.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background-color: #aab5bf;
  border-radius: 4px;      
}
.app-sidebar .menu .menu-item .menu-link {
    padding: 8px 12px;
}
.dmsSecondaryTabSec .secondaryNavPills span img {
    max-width: 13px;
    max-height: 12px;
    margin-top: -3px;
}
.app-sidebar .menu .menu-item .menu-submenu {
    padding: 5px 0 10px 32px !important;
}
.app-sidebar .menu .menu-item .menu-submenu .menu-submenu {
    padding: 5px 0 10px 15px !important;
}
.app-header { padding-top:4px; padding-bottom: 8px;}
.app-header .navbar-brand {
    padding: 0 0 0 10px;
    height: 70px;
}
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-18 { font-size: 18px; }
.dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
option.text-red {
    color: #d61d1d !important;
}
/* .form-group {
    margin-bottom: 0.5rem;
} */
/* .btn { padding: 0.4rem 0.75rem; line-height: 1.25;} */
label {
    display: inline-block;
    margin-bottom: .5rem;
}
a {
    text-decoration: none;
}
button#btnLogin {
    font-size: 12px;
} 
/* Worked for the issue id : 0054528 By Mohanraj R on 21Apr2025 */
.nav.nav-tabs .nav-item .nav-link {
   border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
     border-bottom: 1px solid #FFD900; 
     margin-right: 2px; 
    background: #CED4DA;
    border: none;
}
.nav.nav-pills .nav-item .nav-link.active, .nav.nav-tabs .nav-item .nav-link.active {
    border-bottom: #000000;
    color: #fff;
}
/* Work on issue no. 0041558 by Aarthy on 12Sep2023 */
a:focus{
    text-decoration: none !important;
}
/* .nav.nav-tabs.navBox .nav-item .nav-link.active::before {
    content: "";
    border-bottom: 2px solid #FFFAE2;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -2px;
} */
.btnThemeLight {
    background-color: #f38866 !important;
    border-color: #f38866 !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 3px !important;
}
.nav.nav-tabs.navBox .nav-item .nav-link.active {
    background-color: #FFFAE2 !important;
}
.nav.nav-tabs.navTabsIcons .nav-item .nav-link i {
    color: #d1d6d9;
    /* color: #CED4DA; */
}
.nav.nav-tabs.navTabsIcons .nav-item .nav-link.active i {
    color: #EAC700;
}
.nav.nav-tabs.navBox .nav-item:last-child a {
    margin-right: 0 !important;
}
.navbar-nav .dashboardIc span {
	color: #00acac;
}
.navbar-nav .summaryIc span {
	color: #35a4e0;
}
.navbar-nav .documentsIc span {
	color: #ffd300;
} 	
.navbar-nav .auditsIc span {
	color: #8753de;
}
.navbar-nav .complaintsIc span {
	color: #ff5b57;
}
.navbar-nav .trainingIc span {
	color: #90ca4b;
}
.navbar-nav .riskIc span {
	color: #f59c1a;
}
.navbar-nav .reportsIc span {
	color: #00acac;
}
.navbar-nav .reviewIc span {
	color: #49b6d6;
}
.navbar-nav .ncIc span {
	color: #727cb6;
}

.navbar-nav.navbarLeft a span i {
	font-size: 24px !important;
}
.navbar-nav.navbarLeft a {
	padding: 10px 12px !important;
}
.navbarLeft.the me-panel {
	display: flex; 
	position:relative; 
	top:0;
	right:0;
   	width: auto;
}
.navbarLeft.the me-panel a span {
    margin-bottom: 2px;
}
.header .navbar-brand {
    padding: 0 0 0 10px !important;
    max-height: 70px;
    line-height: 24px;
    height: 70px !important;
}
.header .navbar-nav>li>a {
    line-height: 21px;
    padding: 10px;
}
.app-header {
    z-index: 1052;
}
.app-header-fixed {
	padding-top: 80px !important;
}
.content.withoutSidebar {
    margin-left: 0px;
    padding: 30px 10px 6px 10px;
}
.pace .pace-progress {
    top: 68px;
}
.app-header-fixed .header {
    position: fixed;
    min-height: 68px;
    padding-top: 4px;
    padding-bottom: 8px;
}
/* .header.sticky {
    position: fixed;
    top:0; 
    left:0;
    width: 100%; 
} */
.app-sidebar-minified .app-sidebar .nav>li>.editIc {
    display: none;
}
h4.pageTitle {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px
}
li.nav-item.disable a {
    filter: grayscale(1);
    opacity: 0.5;
}
ul.navbar-nav.navbar-right li a {
    position: relative;
    font-weight: 600;
}
/* ul.navbar-nav.navbar-right li:not(:first-child) a::before {
	content: "";
	border-left: 1px solid #ccc;
	left: 0px;
	position: absolute;
	top: 10px;
	height: 20px;
} */
/* .footer {
	margin-left: 0;
	text-align: center;
	position: relative;
	bottom: 0;
	padding: 2px 20px;
	font-size: 10px;
} */
.sidebarBackdrop {
    background-color: rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1009;
  	display: none;
}
.sidebarBackdrop.show {
    opacity: 1;
    visibility: visible;
}
.headerBackdrop {
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1019;
    opacity: 0;
    visibility: hidden;
}
.headerBackdrop.show {
    opacity: 1;
    visibility: visible;
}

button.btn.btn-md {
    min-width: 100px;
}
/* .isoViewTbl td a {
    font-weight: 600;
    height: 16px;
    width: 16px;
    display: inline-block;
    line-height: 16px;
} */
.topTitleBar {
    background: #3d4a54;
    padding: 2px 20px 2px;
    position: absolute;
    width: 100%;
    z-index: 1051 !important;
    transition: top 0.3s;
    min-height: 20px;
}
.topTitleBar .breadcrumb .breadcrumb-item {
    line-height: 14px;
}
/* .documentsBg {
    background: #ffd300;
	background: -moz-linear-gradient(top,  #ffeb9b 0%, #ffd300 100%);
	background: -webkit-linear-gradient(top,  #ffeb9b 0%,#ffd300 100%);
	background: linear-gradient(to bottom,  #ffeb9b 0%,#ffd300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb9b', endColorstr='#ffd300',GradientType=0 );
}
.dashboardBg {
    background: #ffd300;
	background: -moz-linear-gradient(top,  #ffeb9b 0%, #ffd300 100%);
	background: -webkit-linear-gradient(top,  #ffeb9b 0%,#ffd300 100%);
	background: linear-gradient(to bottom,  #ffeb9b 0%,#ffd300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb9b', endColorstr='#ffd300',GradientType=0 );
}
.summaryBg {
    background: #ffd300;
	background: -moz-linear-gradient(top,  #ffeb9b 0%, #ffd300 100%);
	background: -webkit-linear-gradient(top,  #ffeb9b 0%,#ffd300 100%);
	background: linear-gradient(to bottom,  #ffeb9b 0%,#ffd300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb9b', endColorstr='#ffd300',GradientType=0 );
}
.auditsBg {
    background: #555bb2;
	background: -moz-linear-gradient(top,  #555bb2 0%, #333cb2 100%);
	background: -webkit-linear-gradient(top,  #555bb2 0%,#333cb2 100%);
	background: linear-gradient(to bottom,  #555bb2 0%,#333cb2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555bb2', endColorstr='#333cb2',GradientType=0 );
}
.adminBg {
    background: #49b6d6;
	background: -moz-linear-gradient(top,  #49b6d6 0%, #2e9ab9 100%);
	background: -webkit-linear-gradient(top,  #49b6d6 0%,#2e9ab9 100%);
	background: linear-gradient(to bottom,  #49b6d6 0%,#2e9ab9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49b6d6', endColorstr='#2e9ab9',GradientType=0 );
} 
.auditsBg h4.pageTitle, .auditsBg span, 
.adminBg h4.pageTitle, .adminBg span  {
 	color: #fff !important;
 }*/
.primeLink {
	color: #348fe2;
}
.bg-red{
    background-color:#FF0000 !important;
}
.primeLink:hover {
	color: #348fe2;
}
.dropzone {
    min-height: unset !important;
}
.dropzone .dz-message .dz-note {
    display: none !important;
}
.dropzone .dz-message {
    font-size: 16px!important;
    margin: 0px 0!important;
}


.adminWrapper .app-sidebar {
    padding-top: 70px;
}
/* .adminWrapper.app-sidebar-minified .app-sidebar .nav-pills a span {
    display: none;
} */

span.arrowIc {
    float: right;
    margin-top: 6px;
}
.isoViewTbl  th.actionTd, .isoViewTbl  td.actionTd  { text-align: center; min-width: 80px; }
.isoViewTbl  th.statusTd, .isoViewTbl  td.statusTd  { text-align: center; min-width: 80px; }
th.actionTd {
    width: 80px !important;
    min-width: 80px !important
}
th.actionTdMax {
    width:100px !important;
    min-width: 100px !important
}
th.statusTd {
    width: 64px !important;
    min-width: 64px !important
}
.menuIc {
    background-color: transparent;
    float: none;
    padding: 6px 8px;
    border-radius: 4px;
    height: 28px;
    color: #fff;
}
.app-sidebar .nav>li .editIc, .app-sidebar .nav>li .saveIc {
    position: absolute;
    right: 52px;
    z-index: 99;
    top: 8px;
    width: 14px;
    padding: 0 !important;
    height: 16px;
    cursor: pointer;
}
.app-sidebar .nav>li .editIcInner, .app-sidebar .nav>li .saveIcInner {
    right: 52px;
    z-index: 99;
    top: 8px;
    width: 14px;
    padding: 0 !important;
    height: 16px;
    cursor: pointer;
}
.app-sidebar .nav>li .saveIcInner {
    right: 24px;
}
.app-sidebar .nav>li .editIcInner {
    top:4px;
    right: 24px;
}
.app-sidebar .nav>li .editIc i,
.app-sidebar .nav>li .editIcInner i {
	font-size: 12px !important;
    line-height: 16px;
}
.app-sidebar .nav>li>.saveIc,
.app-sidebar .nav>li>.saveIcInner {
     display: none;
}
.subeditIc{
    top:4px !important;
}
input.formEdit {
    position: absolute;
    left: 34px;
    width: 104px;
    font-weight: 600;
    top: 5px;
    display:none;
    z-index: 99;
}
input.formEditInner {
    width: 120px;
    font-weight: 600;
    display:none;
    z-index: 99;
}

/* Added for Fields page by PrethiMeena - 20Apr2021 */

input.fixedFieldTextbox {
    position: relative;
    font-weight: 600;
    display:none;
    max-width: 160px;
    height: 28px;
    padding-left: 8px;
}
.fixedFieldsSec ul li {
    margin: 4px 0 !important;
}
.saveIcon{
	position: relative;
    z-index: 1;
    width: 14px;
    height: 16px;
    
	
}
.topTitleBar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.app-sidebar-minify-btn i:before {
    content: '\f100';
}
.menuIc.menuIcMb i::before {
    content: '\f101';
}
.panelCard {
	margin-bottom: 20px;
}
.panelBtn .text { color: #000 !important; }
.panelBody { display:none; }

.sampleNavbar .navbar-nav.navbarLeft li {
    background-color: #f5f5f5;
}
.sampleNavbar .navbar-nav.navbarLeft a {
    /* padding: 4px 20px !important; */
    padding: 10px 20px !important;
}
.sampleNavbar li.nav-item.dashboardIc.active a {
    font-weight: bold;
    background-color: #49b6d6 !important;
    color: #fff !important;
}
.pace-progress, .pace-activity {
    display: none !important;
}
.signatureCount { max-width: 80px;}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #b6c2c9;
    border-color: #b6c2c9;
}
.toggleTitle { margin-bottom: 20px; }
.panelCollapse { display: none; }
.panelCollapse.show {
    display: block !important;
    transition:all 1s;
}


/* Add styles by rajeshkumar */
.has-scroll .header {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel {
    margin-bottom: 16px;
}
.panel .panel-heading {
    padding: 0;
}
/* .isoModal button.close { position: absolute; right: 20px; top: 20px; } */
.isoModal button.close { position: absolute; right: 16px; top: 12px; z-index: 1; background: no-repeat; border: none; font-size: 16px;}
.bootstrap-duallistbox-container.row .box1, .bootstrap-duallistbox-container.row .box2 {
    padding-left: 10px;
    padding-right: 10px;
}

a:focus {
    text-decoration: underline;
}
a.btn:focus, .btn.btn-secondary:focus {
    text-decoration: none;
}
.btn.focus {
    outline: 0;
}
/*a:focus { text-decoration: none; outline: none !important; box-shadow: none; }
 :focus {  outline: #999 !important; outline-style: dotted !important; } */

.bootstrap-duallistbox-container .btn-group.buttons button {     
	background-color: #f5f5f5;
    color: #2d353c;
    border-color: #ddd;
}
a:focus, a.btn:focus, .btn.btn-secondary:focus,.btn.focus, .bootstrap-duallistbox-container .btn-group.buttons button:focus, .bootstrap-duallistbox-container select:focus, button.dropdown-toggle:focus, span:focus-within, .tagit.ui-widget:focus-within {
	box-shadow: 0 0 0 0.2rem rgb(52 143 226 / 25%) !important;
	outline: none;
}
.bootstrap-duallistbox-container .btn-group.buttons button span { font-size: 16px; }
.bootstrap-duallistbox-container select { padding: 0;height: 114px !important; border-radius: 4px; border: 1px solid #d5dbe0;}
.isoSiteSelect {max-width: 110px; margin-top: 4px; margin-right:10px; height: 26px;line-height: 1; border: 1px solid #9e0d3e; /*color: #9e0d3e;*/padding-left: 6px; font-weight: 600; padding-top: 4px !important; padding-bottom: 4px !important; }
/* 
.isoHeader .navbar-nav>li.active>a, .isoHeader .navbar-nav>li>a:hover {
	background: #ffe87c;
    background: -moz-linear-gradient(top, #fff9e1 0%, #ffe87c 100%);
    background: -webkit-linear-gradient(top, #fff9e1 0%,#ffe87c 100%);
    background: linear-gradient(to bottom, #fff9e1 0%,#ffe87c 100%);
} */
.isoHeader .nav-item .nav-link {
    padding: 6px 16px;
    color: #fff;
    font-weight: 600;
    position: relative;
}
/* .isoHeader .nav-item:not(:last-child) .nav-link::before {
    content: "";
    border-left: 1px solid rgba(0,0,0,0.2);
    right: 0px;
    position: absolute;
    top: 6px;
    height: 18px;
} */
.isoSiteSelected {
	border: 1px solid #9e0d3e; 
	padding: 2px 10px; 
	border-radius: 4px; 
	margin-right: 10px;
	display: block;
    /* height: 24px; */
}
.isoSiteSelected span {
	font-weight: 600;
	color: #9e0d3e; 
	/* max-width: 150px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
}
.topTitleBar {
    padding: 0 10px;
    position: fixed;
    width: 100%;
    z-index: 1021;
    transition: top 0.3s;
}
/* .dmsModuleSection .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.active a, 
.dmsModuleSection .dataTables_wrapper.dt-bootstrap5 .dataTables_paginate .pagination .paginate_button.active a {
    border-color: #ffd900 !important;
    background: #ffd900 !important;
    color: #2d353c !important;
} */
select option { font-size: 12px; padding: 2px 4px;}
.select-xs {
    word-wrap: break-word;
    height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.pt-6 {
    padding-top: 6px;
}
a:hover {text-decoration: none; }
.cursorPointer { cursor: pointer; }


/* .adminModuleSection .table thead tr th {
    background-color: #abe2f2;
}
.adminModuleSection .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.adminModuleSection .table-striped tbody tr:nth-of-type(even) {
    background-color: #ecf9fd;
} */

.checkboxWidth { width: 16px; display: inline-block;}
.btnWid { min-width: 80px; }

.siteLinksCheck .custom-control-label {
    word-break: break-all;
}
.form-group label.col-form-label, 
.form-group .formLbl { 
    position: relative; 

}
.form-group label.col-form-label::after {
    content: ":";
    position: absolute;
    right: 6px;
    top: 8px;
}
.form-group label.AddionalLbl.col-form-label::after {
    content: ":";
    position: absolute;
    right: 6px;
    top: 1px !important;
}
.form-group .formLbl::after {
    content: ":";
    position: absolute;
    right: -4px;
}
.form-group label.col-form-label.formLblDualListbox::after{
    top:24px;
    right:6px
}
.mandIc {
    position: absolute;
    margin-left: 2px;
    top: 0;
    right: -12px;
}
.mandIcTopPos {
    margin-top: 16px;
}
.form-group label.col-form-label .mandIc {
    position: absolute;
    margin-left: 2px;
    top: 7px;
    right: -2px;
}
.dualboxMandIc {
    top: 24px !important;
}
/* table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 8px !important;
} */

span.loggedUserName {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    font-weight: 600;
}

.table-bordered td, .table-bordered th {
    border-right: none;
    border-left: none;
    /* border-top: 1px solid #e4e7ea; */
}
.tooltip > .tooltip-inner ol {	
	padding: 2px 6px 0px 16px;
	text-align : left;
	margin-bottom: 6px;
}

.addApprTypeDiv button.btn.moveall, .addApprTypeDiv button.btn.removeall { display: none !important; }

table.dataTable>tbody>tr.child span.dtr-data {
    position: relative;
    padding-left: 0;
}
table.dataTable>tbody>tr.child span.dtr-title {
    position: relative;
    padding-right: 4px;
    min-width: auto !important;
}
table.dataTable>tbody>tr.child span.dtr-title::before {
    content: ":";
    position: absolute;
    right: 0;
}
.leftSdbrTop a {
    font-size: 16px;
}
.leftSdbrTop a:hover, .leftSdbrTop a:focus {
    color: #fff;
    text-decoration: none;
}
table.dataTable {
    border-right-width: 1px !important;
    margin: 0 0 14px!important;
}
table.table.permissionsTbl thead tr:nth-child(2) th {
    vertical-align: top;
    text-align: center;
}
table.table.permissionsTbl thead tr:nth-child(2) th div {
    padding: 0 ;
    text-align: center;
}
/* Worked for issue no: 0048913 by Ramachandran on 21-Aug-2024.  */
/* Worked for issue no: 0053108 by Kalanithi K on 09-Jan-2025 */
table td p {
    margin-bottom: 0;
    word-wrap: break-word;
    /* white-space: break-spaces; */
    word-break: break-all;
}



/* DMS properties page styles */
/* .borderBox { border-radius:4px; font-weight: 600;}
.yellowBgLight { background-color: #fff7cb; border: 1px solid #dece79; }
.greenBgLight { background-color: #e2ffe0; border: 1px solid #84e693; }
.purpleBgLight { background-color: #ceceff; }
.blueBgLight { background-color: #c1e0ff; }
.pinkBgLight { background-color: #f7d9f3; }
.btnDms {
    background-color: #ffd300 !important;
    border-color: #ffd300 !important;
    min-width: 80px;
}
 */



/* .adminModuleSection .table-bordered {
    border: 1px solid #777a7c;
}
.adminModuleSection .table-bordered td, .adminModuleSection .table-bordered th {
    border: 1px solid #777a7c;
}
.adminModuleSection .table thead tr th {
    border-bottom: 1px solid #777a7c;
} */
body table.dataTable thead tr th.sorting:after, body table.dataTable thead tr th.sorting_asc:after, body table.dataTable thead tr th.sorting_desc:after {
	color: #d2d2d2;
    font-size: 0.75rem;
}
body table.dataTable thead tr th.sorting_asc:after, body table.dataTable thead tr th.sorting_desc:after {
	color: #929292;
}

.posRel {
    position: relative;
    text-align: justify;
}



td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
    
}
tr.shown td.details-control {
    background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
}




/*New theme styles */
.breadcrumb .breadcrumb-item {
    line-height: 24px;
    padding: 0;
    font-weight: 600;
}
.table {
    background: #e8e8e8 !important;
}
.table thead tr th {
    background: #e8e8e8 !important;
    border: none !important;
    font-weight: 700;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: #f8f8f8;
}
.table-striped tbody tr.odd {
    background-color: #fff;
}
.table-striped tbody tr.even {
    background-color: #f8f8f8;
}
/* Worked for issue no: 51558 by KrishnaKumar on 02-Dec-2024 */
.colFormLabel {
    /* margin-right: 8px; */
   	line-height: 1.25 !important;
   	font-weight:600;
    word-break:break-all;
}
.colViewLabel {
   	line-height: 1.25 !important;
   	font-weight:600;
}
.colFormValue {
    line-height: 1.25 !important;
}
/*.dmsFlowContentSec label {
	/* margin-bottom: 2px; */
    /* font-weight: 600; 
}*/
.custom-control.custom-checkbox label {
    padding-left: 4px;
}

.mx-10{
 margin:10px ;
}


.formToggle,.frmToggle, .createNewUserForm, .createNewApprovalForm, .formToggleExtUser, 
.formAddTemplate, .formAddExtDoc, .formDocListing, .formChangeReqField, .formAddEmployee, .formAddProducts , .frmToggle , .frmLinkToggle {
	display: none;
}
/* .btn:focus { outline: none; box-shadow: none;} */
.topSpaceNeg-8  { margin-top: -8px; }
.toolTip {
    width: 16px;
    height: 16px;
}
.toolTip > span {
    top: 3px;
    position: relative;
}
.toolTip > span::before {
    content: "";
    background-color: #000;
    position: absolute;
    z-index: 0;
    width: 10px;
    height: 10px;
    left: 2px;
    border-radius: 5px;
}
button.btn.buttons-excel.buttons-html5.btn-sm::before {
    content: "\f1c3";
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    padding: 4px 8px 4px 0px;
}
button.btn.buttons-csv.buttons-html5.btn-sm::before {
    content: "\f6dd";
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    padding: 4px 8px 4px 0px;
}
button.btn.buttons-print.btn-sm::before {
    content: "\f02f";
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    padding: 4px 8px 4px 0px;
}
button.btn.btn-secondary.btn-sm.deleteBtn::before {
	content: "\f1f8";
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    padding: 4px 8px 4px 0px;
}

.dmsModuleSection button.btn.buttons-excel {
    background-color: #ffd900 !important;
    border-color: #ffd900 !important;
    color: #000 !important;
    padding: 6px 12px !important;
    height: 34px;
}
.btn.btn-icon.btn-xs {
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    padding: 0px 2px;
    /* margin-top: -2px; */
}
.saveIcon .btn.btn-icon.btn-xs {
    font-size: 10px;
    color: #fff;
}
.clearIcon .btn.btn-icon.btn-xs {
    font-size: 5px;
    line-height: 18px;
    text-align: center;
    width: 15px;
    height: 15px;
}
/* Worked for issue no: 49838 by KrishnaKumar on 07-Oct-2024 */
.clearIcon .btn.btn-icon.btn-xs i {
    font-size: 10px;
}
.selectDateMonth {
    min-width: 64px !important;
    width: 64px;
}
/* .form-control:focus { box-shadow: none !important;} */

.dmsModuleSection .custom-control-input:checked~.custom-control-label span {
    content: "";
    background: #000;
    position: absolute;
    width: 7px;
    height: 7px;
    left: -19px;
    top: 5px;
    z-index: 1;
    border-radius: 6px;
}
.dmsModuleSection .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ffd900;
    background-color: #ffd900;
}
.dmsModuleSection .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #000;
    transform: translateX(.75rem);
}
.dmsModuleSection .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.active a, 
.dmsModuleSection .dataTables_wrapper.dt-bootstrap5 .dataTables_paginate .pagination .paginate_button.active a {
    border-color: #ffd900;
    background: #ffd900;
    color: #000;
}
.fa-stack {
    font-size: 1rem;
    height: 1rem;
    line-height: 1rem;
    width: 1rem;
}
.fa-stack-16 {
    font-size: 1rem;
}
.fa-stack i.fa-check {
    font-size: 10px;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-left: 4px;
    padding-right: 4px;
}
.app-sidebar .nav>li>a, .app-sidebar .nav .menu-submenu>li>a {
    color: rgba(255, 255, 255, 1);
    /* word-break: break-all; */
}
.app-sidebar .nav .menu-submenu>li>a {
    max-width: 186px;
}
.sitesTabs .activeTab {
    background-color: #fff;
    border-left: 2px solid #00acac;
} 
.sitesTabs a {
    color: #333;
}
/* .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #00acac;
    background-color: #00acac;
} */
.titleSwitch label::before {
    border-radius: 2px !important;
}
.titleSwitch label::after {
    border-radius: 1px !important;
}

.tooltipIc {
    cursor: pointer;
    display: inline-grid;
    /* position: absolute;
    height: 16px;
    width: 16px; */
}
/* span.tooltipIc i {
    width: 16px;
    position: relative;
} */


/* worked on the issue :0038854 by hariharan on 11may,2023 */
.icWidth { width: 16px; display: inline-block; }
.switcheryCheck .switchery {
    height: 16px;
    width: 28px;
    background-color: #f0f0f0 !important;
}
.switcheryCheck span small {
    left: 12px;
    height: 16px;
    width: 16px;
}
.tblFilterOptions {
    position: absolute;
    left: 177px;
    z-index: 1;
}
.dmsTblFilterOptions {
    position: absolute;
    left: 164px;
    z-index: 1;
}
.titleSwitch {
    font-weight: 700;
    font-size: 13px;
}
.dataTables_paginate, .dataTables_info {
    padding-bottom: 16px;
    justify-content: end !important;
    display: flex;
}
.bussinessHours label {
    white-space: nowrap;
}
.bussinessHours .form-control {
    height: 28px;
    width: 80px;
    padding: .125rem 0.25rem;
}
.bussinessHours .custom-control {
   min-width: 100px;
}
.contentMinHgt {
    min-height: 400px;
}
/* input[type=checkbox]:focus, input[type=radio]:focus { box-shadow: none !important; } */
/* Worked for Issue Id: 0048265 by Jei Sundaran S on 06-08-2024*/
.height-lg {
	min-height: 586px!important;
	height: auto !important;
}
.custom-control-label {
    cursor: pointer;
}
body table.dataTable.collapsed tbody tr td .dtr-details>li {
    border-bottom: none !important;
    padding-top: 0 !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before {
    margin-top: -1px;
    cursor: pointer;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    position: relative;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
    width: 16px;
}
.col-form-label {
    line-height: 1.25 !important;
    word-break: break-all;
}

select.form-control { padding-left: 8px !important;}

/* *:focus {
outline: none;
} */
.textLink {
    cursor: pointer;
}
.textLink, .textLink:hover, .textLink:focus, .textLinkstatus, .textLinkstatus:hover, .textLinkstatus:focus {
    /* color: #348fe2; */
    color: #046fd1;
}
/* .table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(even) {
    background-color: #fff;
} */
.table-striped tbody tr.even {
	background-color: #f8f8f8;
}

.bootstrap-duallistbox-container .btn-group>.btn-group:not(:first-child), .bootstrap-duallistbox-container .btn-group>.btn:not(:first-child) {
    margin-left: 0 !important;
}
ul.nav.nav-pills li {
    background-color: #f1f1f1;
    border-radius: 4px;
    /* margin-right:8px; */
    /* width: calc(32%) !important; */
}
ul.nav.nav-pills .navTab {
    background-color: #f1f1f1;
    border-radius: 4px 4px 0 0;
    /* margin-right:8px; */
    width: calc(33.33%) !important;
}
ul.secondaryNavPills li.nav-item {
    background-color: #fff !important;
    border-radius: 4px;
}

.dataTables_wrapper.dt-bootstrap .dt-buttons .btn, .dataTables_wrapper.dt-bootstrap5 .dt-buttons .btn {
    height: 34px;
    margin-right: 4px;
    border-radius: 4px !important;
}
table.dataTable th.control, 
table.dataTable td.control  {
	width: 12px;
}
table.dataTable th.control:before, 
table.dataTable td.control:before  {
	left: 8px !important;
	top: 8px !important; 
	margin-left:0 !important;
	margin-top: 0 !important;
}
.labelValueFields, .labelValueFields .media-body {
	line-height: 1.25;
}
.dualListTooltip {
    padding-top: 30px !important;
}
.nav-tabs .nav-link {
    margin-bottom: -1px !important;
    border: 1px solid transparent;
    position: relative;
}
.nav-tabs.navBox .nav-link {
    margin-bottom: -1px !important;
    height: 100%;
    align-items: center;
}
.nav-tabs {
    border-bottom: none !important;
    border-bottom: 1px solid #CED4DA !important;
}
.nav.nav-tabs+.tab-content {
    /* border-top: 1px solid #dee2e6 !important; */
    border-radius: 0 0 4px 4px;
    margin-bottom: 10px;
    /* padding: 10px; */
}
.text-brown{
    color:#9E0D3E;
}
.bg-brown{
    background-color:#9E0D3E;
}
ul.nav.nav-tabs.navBox {
    border-bottom: none !important;
}
.documentPopSec.navTabsIcons.nav-justified .nav-item{
    margin-right: 8px !important;
}
.documentPopSec.navTabsIcons.nav-justified .nav-item .nav-link{
    background: #F9F9F9 !important;
}
/* ul.nav.nav-tabs li a.active {
    background-color: #ffd900 !important;
    color: #333 !important;
} */
.secondaryNavPills li a {
    padding: 4px 8px !important;
}
.jstree .jstree-container-ul .jstree-node .jstree-clicked, .jstree .jstree-container-ul .jstree-node .jstree-wholerow-clicked {
    background: rgb(17 17 17) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.jstree .jstree-container-ul .jstree-node .jstree-anchor:hover ,
.jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked {
    color: #ffd900 !important;
}
.jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked .jstree-icon {
    color: #ffd900;
}
.jstree .jstree-container-ul .jstree-node .jstree-anchor {
    color: #fff !important;
    font-weight: 400;
}
.jstree .jstree-container-ul .jstree-node .jstree-anchor {
    white-space: nowrap;
    display: inline-flex;
    line-height: 24px;
    /* padding: 2px; */
    font-weight: 600;
    padding-right: 12px;
    margin-top: 2px;
}
.jstree-default .jstree-anchor {
    line-height: 24px;
    height: auto;
}
.jstree-anchor i {
    margin: 0px 4px 0 4px !important;
}
.jstree-default .jstree-icon {
    color: #9ba8b4;
    font-size: 16px;
}
.jstree .jstree-container-ul .jstree-node.jstree-open .jstree-anchor.jstree-clicked>.fa-folder:before {
    color: #ffd900;
}
.footer.footerFullWidth {
    margin: 0 10px !important;
    padding-bottom: 8px;
    text-align: center !important;
}
.innerNavPills li a {
    padding: 6px 12px !important;
}
table#tblModulesOrderChange tr:nth-child(2n+0) {
    background-color: #f6fdfd;
    border-left: 4px solid #e0ffff;
}
table#tblModulesOrderChange tr:nth-child(2n+1) {
    background-color: #e5f7f9;
    border-left: 4px solid #bfeded;
}
table#tblModulesOrderChange tr td {
    border: none;
    padding: 12px;
}
table#tblModulesOrderChange td {
    font-weight: 600;
}
table#tblModulesOrderChange td span {
    font-size: 16px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
}
/* commented for issue id : 0050086 by Jothiprakash S on 25-Sep-2024. */
/* .custom-control {
    padding-left: 1.125rem;
} */
.custom-control-label::before {
    left: -1.125rem;
}
.custom-control-label::after {
    left: -1.125rem;
}
.borRad4 {
	border-radius: 4px !important;
}
span.label { font-size: 11px !important; }
.panelTitleLink, .panelTitleLink:hover, .panelTitleLink:focus {
    color: #333!important;
}
#DmsActivityFolders .jstree-container-ul .jstree-node:last-child:before {
    opacity: 0;
}
.bussinessHours .dropdown.bootstrap-select {
    background: no-repeat;
    padding: 0;
    width: auto !important;
    margin: 0 8px;
}
.bussinessHours button.btn.dropdown-toggle.btn-light {
    background: #fff;
    border: none;
    color: #2d353c !important;
    font-weight: 400;
    height: 28px;
    width: 80px;
    padding: 4px 8px;
    margin: 0;
}
.bootstrap-select .dropdown-menu {
    z-index: 1020;
}
.dmsBdr { border: 1px solid #FFD900; }
.greenBdr { border: 1px solid #d7f1b8; }
.dmsSecondaryTabSec, .capaSecondaryTabSec {
    position: fixed;
    width: 100%;
    z-index: 1031;
    background: #dee2e6;
}
.CapaFlowContentSec{
    padding-top: 40px;
}
.dmsFlowContentSec {padding-top: 42px;}
.custom-switch {
    padding-left: 2.25rem !important;
}

.infoBox {
	border-left: 2px solid #49b6d6;
}
.swal-overlay .swal-modal {
    padding: 2rem .9375rem;
    border-radius: 6px;
    -webkit-box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
}
.swal-overlay .swal-modal .swal-footer {
    padding: 0 .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.swal-overlay .swal-modal .swal-icon {
    margin-top: 0 !important;
    margin-bottom: 1.40625rem;
}
.swal-text {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin: 0 !important;
}
.swal-overlay .btn {
    min-width: 100px;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.swal-overlay .btn-warning:hover {
    background-color: #d08516;
    border-color: #d08516;
}
.liHolder {
    display: flex !important;
    align-items: center;
    height: 30px;
}
/* .liHolder span.labelText {
    margin-left: 4px;
} */
.custom-control.custom-switch label {
    user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;	
}
.bdrTBL {
  border:1px solid gray;
  border-radius: 3px;
}
.bdrGrey {
    border: 1px solid #dee2e6 !important;
}
.adminModuleSection .infoMessage {
    border-left: 2px solid #49b6d6;
    background-color: #f1ffff;
    color: #195a6d;
    padding: 10px 15px;
}
.dmsModuleSection .infoMessage {
    border-left: 2px solid #dabc0e;
    background-color: rgba(255,217,0,.1);
    padding: 10px 15px;
}
.radioRowTooltip {
    position: relative;
    margin-top: -23px;
}
.table td, .table th {
    padding: 6px 8px ;
}
.table th.sorting, .table th.sorting_asc, .table th.sorting_desc {
    padding-right: 24px !important;
}
.table thead tr th:focus::after {
    opacity: 0.4 !important;
}
body table.dataTable.collapsed tbody tr td.dtr-control:focus::before {
    opacity: 0.4 !important;
}
.footer {
    margin: 0 10px 0 230px !important;
    padding-bottom: 8px;
    text-align: center;
    border: none;
}
@media (min-width:768px) {
	/* body table.dataTable.collapsed tbody tr td:first-child:before {
    	top: 14px!important;	
	} */
}


/* For Datatable expand icon*/
body table.dataTable.collapsed tbody tr td.dtr-control:before {
	background: #d5dbe0!important;
    position: relative;
    color: #4e5c68!important;
    border: none!important;
    top: 8px!important;
    left: 6px!important;
    line-height: 18px!important;
    font-weight: 700!important;
    height: 16px!important;
    width: 16px!important;
    text-align: center!important;
    text-indent: 0!important;
    font-size: 11px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
}
.dt-buttons button.btn.btn-secondary {
    margin: 0 1px;
    border-radius: 4px !important;
}
.bootstrap-datetimepicker-widget {
    z-index: 1100 !important;
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    z-index: 1060 !important;
}
table .checkDiv {
    width: 24px;
    display: inline-block;
}
.wordBreakAll {
    word-break: break-all;
}
.closeIc {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 16px;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    font-size: 12px;
    padding: .25em .25em;
    color: #000;
    border: 0;
    border-radius: 4px;
    opacity: .5;
    background: transparent url(../img/close.svg) center/1em auto no-repeat;
    
}
.modal-header .btn-close {
    padding: .46875rem .46875rem;
    margin: -.46875rem -.46875rem -.46875rem auto;
}
.alert.alert-danger {
    color: #662423;
    background-color: #ffd6d5;
    border-color: #ff5b57;
}
.modal-body {
    padding-top: 44px;
}
button.close.btn-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1;
}
.adminModuleSection a.btn:focus, .btn.btn-secondary:focus {
    text-decoration: none;
    /* color: #fff; */
}
/* .ContentSubHeading {
    font-size: 14px;
    font-weight: 600;
} */
.radio.radio-css label {
    cursor: pointer;
}
/* .historyViewSec .lblRight {
    font-weight: 600;
}  */
.historyViewSec label {
    padding-bottom: 3px;
    padding-top: 3px;
}
.alert {
    margin-bottom: 1rem;
}
.moduleCardSec .moduleCard {
    padding: 20px;
    background-color: #ccc;
    margin-bottom: 20px;
    border-radius: 12px;
    min-height: 140px;
    margin: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.moduleCardSec .moduleCard h4 a {
    color: #fff;
    visibility: hidden;
    transition: all 0.2 ease;
}
.moduleCardSec .moduleCard h4:hover a {
    visibility: visible;
}
.moduleCardSec .moduleCard h4 a span {  
    font-size: 14px;
}

.moduleCardSec .moduleCard > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.moduleCardSec .moduleIcon i {
    font-size: 60px;
}
.moduleCardSec .moduleIcon {
    opacity: 0.2;
}
.moduleCardSec .moduleCard > div .orderNumber {
    border: 1px solid #fff;
}
.moduleCardSec .moduleCard > div .orderNumber {
    border: 1px solid #fff;
    padding: 4px 0;
    border-radius: 20px;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    opacity: 0.25;
}
.moduleCardSec .dmsCard .orderNumber {
    /* filter: invert(1); */
    opacity: 0.5 !important;
}
.moduleCardSec .dmsCard .moduleIcon {
    opacity: 0.5;
}
.moduleCardSec .adminCard {
    background-color: #00ACAC;
}
.moduleCardSec .dashboardCard {
    background-color: #689cde;
}
.moduleCardSec .summaryCard {
    background-color: #32A1DE;
}
.moduleCardSec .dmsCard {
    background-color: #FFD900;
}
.moduleCardSec .auditCard {
    background-color: #9CA2E8;
}
.moduleCardSec .capaCard {
    background-color: #DB6D4B;
}
.moduleCardSec .ccmCard {
    background-color: #B83C3C;
}
.moduleCardSec .capaCard {
    
    background-color: #DB6D4B;
}
.moduleCardSec .tmCard {
    background-color: #83B925;
}
.moduleCardSec .ncCard {
    background-color: #329EA7;
}
.moduleCardSec .riskCard {
    background-color: #FF920D;
}
.moduleCardSec .reportCard {
    background-color: #A55647;
}
.moduleCardSec .reviewCard {
    background-color: #5F8AC0;
}
.moduleCard .editField {
    display: none;
}
.moduleCard .editField a {
    color: #fff;
    font-size: 16px;
}
.editField input {
    border: none;
    height: 30px;
    font-size: 18px;
    font-weight: 600;
    width: 72%;
    background: rgba(255,255,255,0.25);
    border-radius: 4px;
    padding: 4px 8px;
    color: #fff;
}
select#selModule option {
    /* font-size: 14px !important; */
    padding: 8px;
}
.login-content .infoMessage {
    border-left: 2px solid #49b6d6;
    background-color: #f1ffff;
    color: #195a6d;
    padding: 10px 15px;
}
.dropdownItemSite {
    padding: 8px 15px;
    font-weight: 600;
    color: #4e5c68;
    text-decoration: none;
    margin-bottom: 0;
    background-color: #e6e6e6;
    width: 100%;
}
.selSiteAndModule .btn {
    background-color: #fff;
    border: 1px solid #d5dbe0;
    font-size: 14px;
    font-weight: 400;
}
.selSiteAndModule .btn span.arrowDown {
    border-left: 1px solid #757575;
    border-bottom: 1px solid #757575;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 12px;
    top: 12px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.selSiteAndModule .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
     select.form-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    select.form-select:focus {
        box-shadow: 0 0 0 0.2rem rgb(52 143 226 / 25%) !important;
	    outline: none;
    }
    body table.dataTable.collapsed tbody tr td.dtr-control:before {
        line-height: 17px!important;
    }
}}

.cke {
    border: 1px solid #d1d1d1 !important; 
}
.cke_editable {
    margin: 10px !important;
}
.cke_chrome, .django-ckeditor-widget {
    width: 100% !important;
}
.macroListBox {
    border: 1px solid #d5dbe0;
    border-radius: 4px;
    padding: 0;
    /* min-height: 304px;
    /* max-height: 172px;  */
     overflow: auto;
    /* height: 100% !important;
    background-color: white; */
}
.macroListBox.EmailTxtEditor{
    min-height: 203px !important;
}
.macroListBox li {
    border-bottom: 1px solid #d5dbe0;
    padding: 10px;
}
.macroListBox li a{
    color:#000;
}
.emailTxtAreaWidth, .ckEditorHgt {
    width: 100%;
}

.ck-blurred.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
    height: 265px;
}



td.details-control {
    background: url('https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_close.png') no-repeat center center;
}

/* HTML Tooltip message styles starts here */
.tooltip-div {
    height: 144px;
    margin: 0 auto;
    padding: 0;
    width: 280px;
    text-align: center;
} 
.tooltip.show {
    /* z-index: 1010 !important; */
    z-index: 9999 !important;
    opacity: 1 !important;
}   
.c-tool {
    position:relative;
}
/*
.toltip-top {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    float: left;
    min-height: 140px;
    padding: 0;
    width: 260px;
    box-shadow: 4px 4px 8px rgba(70, 33, 33, 0.05) !important;
}
.toltip-area {
    float: left;
    height: 110px;
    margin: 0 auto;
    padding: 15px;
    width: 260px;
}
  .toptip-close {
    float: right;
    height: 13px;
    margin: 9px 8px 0 0;
    width: 13px;
} */
.c-tool .ui-tooltip{
    background: #fff;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.05);
    min-width: 80px;
}
/* .c-tool .arrow {
    bottom: -12px;
    height: 10px;
    position: absolute;
    left: 50%;
    width: 15px;
}
.c-tool .arrow:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 10px solid transparent;
    border-top: 12px solid #fff;
    border-right: 10px solid transparent;
    bottom: 0px;
    content:" ";
    position: absolute;
    left: 50%;
    margin: 0 auto;
}
.c-tool .arrow:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 10px solid transparent;
    border-top: 12px solid #f0f0f0;
    border-right: 10px solid transparent;
    bottom: -2px;
    content:" ";
    position: absolute;
    left: 50%;
    margin: 0 auto;
}
.c-tool .arrow.top:after {
    bottom: 0px;
    top: auto;
}
.c-tool .arrow.top:before {
    bottom: -2px;
} */
/* Worked for this issue no: 0044933 by Yogapriya C on 18Mar2024
/* 
.tooltip.tooltipTblSec {
    max-width: 400px !important;
} */
.tooltipTblSec .arrow::before {
    border-top-color: #FFF !important;
}
.tooltipTblSec .tooltip-inner {
    background: #fff;
    color: #000;
    box-shadow: 2px 2px 12px rgb(0 0 0 / 30%);
    max-width: unset !important;
    padding: 4px;
}
.tooltipduallSec .tooltip-inner {
    background: #fff;
    color: #000;
    box-shadow: 2px 2px 12px rgb(0 0 0 / 30%);
    min-width: 120px !important;
    padding: 4px;
}
.tooltipduallSec ul li{
    margin-left: 8px !important;
}
.tooltipduallSec .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before{
    border-right-color:#000000 !important;
}
.tooltipTblSec .arrow::after {
    content: "";
    border-top: 6px solid rgba(0,0,0,0.4);
    border-left: 8px solid transparent;
    position: absolute;
    border-right: 8px solid transparent;
    z-index: -1;
    filter: blur(4px);
    left: -1px;
}
.tooltipTblSec .tooltip-inner table {
    width: 100%;
}
.tooltipTblSec .tooltip-inner table th, .tooltipTblSec .tooltip-inner table td {
    text-align: left;
    padding: 4px;
}
.tooltipTblSec .tooltip-inner table th {
    background: #f5f5f5;
}
.tooltipTblSec .tooltip-inner table th, .tooltipTblSec .tooltip-inner table td {
    border-right: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
}
.tooltipTblSec .tblYellowBg {
    background-color: rgba(255,217,0,.1)!important;
}






.alphabetSortingUl {
    display: flex;
}
.alphabetSortingUl li {
    margin-bottom: 8px;
}
.alphabetSortingUl li {
    margin-right: 8px !important;
}
.alphabetSortingUl li a {
    border: 1px solid #D5DBE0;
    border-radius: 2px;
    color: #9BA8B4;
    min-width: 32px;
    min-height: 32px;
    line-height: 20px;
}
.alphabetSortingUl li a.active {
    border: none;
    color: #fff;
}


.fgtPwdWrapper, .SetStartPageWrapper {
    display: none;
}
/* .loginWrapper {

} */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999;
}
.w-120{
    width: 120px !important;
}
.w-140{
    width: 140px !important;
}
.w-160{
    width: 160px !important;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 1px !important;
}




tr.alphabet-group {
    display: none;
}

tr.alphabet-group {
    display: none;
}
div.alphabet li {
    margin-right: 4px;
    margin-bottom: 8px;
}
div.alphabet a.empty  {
    border: 1px solid #D5DBE0;
    border-radius: 2px;
    color: #9BA8B4;
    min-width: 32px;
    min-height: 32px;
    line-height: 30px;
    padding: 0;
}
div.alphabet a.empty  span {
    color: #9BA8B4;
}
div.alphabet a  {
    border: 1px solid #D5DBE0;
    border-radius: 2px;
    font-weight: 600;
    min-width: 32px;
    min-height: 32px;
    line-height: 30px;
    padding: 0;
}
div.alphabet a span {
    color: #00acac;
}
div.alphabet a.active, div.alphabet a.active.empty, div.alphabet a:hover {
    background: #00acac;
    border-color: #00acac;
}
div.alphabet a.active span, div.alphabet a.active.empty span, div.alphabet a:hover span {
    color: #fff !important;
}
.tblTdMinWidth th {
    min-width: 120px;
}
 .tblNoWrap td {
    white-space: nowrap;
}
tr.details td.details {
    padding: 0 !important;
}
/* .ArchievedDocTbl th, .ArchievedDocTbl td,
.refDocTbl th, .refDocTbl td {
   white-space: nowrap;
} */

.tblExpandRow tr.details td.details table tr td {
    background: #fffcea;
}
.approversTdWidth {
    min-width: 120px;
}
.siteModuleDisplay {
    padding: 10px;
    border-radius: 4px;
    color: #00acac;
    font-weight: 700;
}



.isotrackerIconsTbl td i {
    font-size: 18px;
    margin-right: 10px;
}
.isotrackerIconsTbl .propIc i {
    font-size: 10px;
    margin-right: 0px;
    color: #fff;
}
.isotrackerIconsTbl .propIc  {
    background-color: #333;
    margin-right: 10px;
    text-align: center;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    display: inline-block;
}
.isotrackerIconsTbl th {
    background-color: rgba(52,143,226,.2);
}
.isotrackerIconsTbl td {
    background-color: #fff;
}
/* .loginOuter {
    max-width: 450px;
    min-width: 450px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 40px 20px;
    top: 50%;
    border-radius: 4px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
} */
.loginOuter {
    max-width: 450px;
    min-width: 450px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 40px 20px;
    top: 20%;
    border-radius: 4px;
    position: absolute;
    transform: translate(-50%, -10%);
    left: 50%;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
}
.loginOuter1 {
    max-width: 600px;
    min-width: 600px;
    margin: 0 auto;
    background-color: #fff;
    top: 50%;
    border-radius: 4px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
}
/* .loginOuter1 .login-header {
    border-bottom: 1px solid #ddd;
} */
.loginOuter .form-control, .loginOuter .btn,
.loginOuter1 .form-control, .loginOuter1 .btn {
    height: 40px;
}
.rightAuto {
    right: auto !important;
}
/* .tooltip {
    max-width: 200px !important;
} */
.app-sidebar .nav>li.disabled>a, .app-sidebar .nav .menu-submenu>li.disabled>a {
    color: #959595 !important;
    pointer-events: none;
}
.table-formal th {
    padding: 6px 8px 5.5px !important;
}
.table-formal td {
    padding: 6px 8px !important;
}
table.table-formal {
    width: calc(100% - 4px);
    border-width: 2px !important;
}
.table-bordered {
    border: 1px solid #e4e7ea !important;
}
tr.rejectedRow td {
    border-top: 2px solid red;
    border-bottom: 2px solid red;
}
tr.rejectedRow td:first-child {
    border-left: 2px solid red;
}
tr.rejectedRow td:last-child {
    border-right: 2px solid red;
}
span.ic14 {
    float: left;
    margin-top: 4px;
    /* margin-right: 8px; */
    display: flex !important;
}
span.ic14 img {
    filter: brightness(1) invert(1);
    width: 16px;
}
.switcheryCheck input {
    opacity: 0;
    display: block !important;
    position: absolute;
}
.switcheryCheck input:focus ~ .switchery {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control {
    word-break: break-all;
}
.dataTables_wrapper.dt-bootstrap .dataTable, .dataTables_wrapper.dt-bootstrap5 .dataTable {
    margin: 8px 0 8px!important;
}
.dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control, .dataTables_wrapper.dt-bootstrap5 .dataTables_filter label .form-control {
    width: 200px;
    line-height: 1.4;
}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 15px;
}
th.no-sort.dtr-control::after, th.no-sort::after {
    display: none !important;
}
.docPropHead h5 {
    font-size: 14px;
}
th.no-sort.dtr-control {
    width: 0 !important;
}

/* Dropzone styles */
.dz-error-message { display: none !important;}
.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 1000;
}
.dz-remove a {
    background: rgba(255,255,255,0.8);
    padding: 10px;
    border-radius: 55px;
    height: 40px;
    width: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 2px 2px 8px rgb(0 0 0 / 10%);
    cursor: pointer !important;
}
.dz-remove a i {
    color: #ff5b57;
    cursor: pointer !important;
}
.dz-filename {
    max-width: 110px;
}
.dz-filename span {
    word-break: break-all;
}


.saveIc, .saveIcInner {
    position: absolute;
    color: #fff;
    right: 60px;
    top: 8px;
}
.editIc, .editIcInner {
    position: absolute;
    color: #fff;
    right: 34px;
    top: 8px;
}
.saveIc, .saveIcInner {
    display: none;
}
.actionSelWid {
    min-width: 200px;
    height: 34px;
}
.actDrpSel .dataTables_length {
    flex-wrap: wrap;
}
/* .content .row>[class^=col-] {
    padding-left: 6px;
    padding-right: 6px;
}
.content .row {
    margin-left: -6px;
    margin-right: -6px;
} */
label.textBreak {
    word-break: break-all;
}

.navTabsIcons.nav-justified .nav-item, .nav-justified>.nav-link {
    text-align: left;
}
.navTabsIcons li a .navTabsTitle i {
    font-size: 48px;
    /* margin-bottom: 8px; */
    line-height: normal;
}
.viewIcLbl {
    position: absolute;
    right: 16px;
    top: 8px;
}
.viewIcLbl i {
    font-size: 16px;
}
.navTabsIcons li a span {
    display: block;
}
/* span.docCountBadge {
    position: absolute;
    top: 8px;
    right: 16px;
    color: #B19701;
} */
 .docCountBadge label{
    color: #B19701 !important;
 }
span.docCountBadge i {
    font-size: 22px !important;
    vertical-align: sub;
    color: #B19701 !important;
}
/* worked on this issue 0040711 by Rajan on 22Aug2023 */
/* .noteLftLblWid {
    width: 80px;
} */
/* .keywordMultiSelect .select2.select2-container .selection .select2-selection.select2-selection--multiple {
    min-height: 100px;
    align-items: start;
    width:100%;
} */
.keywordMultiSelect .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered {
    padding: 6px 6px 1px;
}
.dualTooltipBox {
    position: absolute;
    top: 0;
    left: 52%;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 4px;
    min-width: 160px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}
.dualTooltipBox ul {
    margin-bottom: 0;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 120px;
    z-index: 99999 !important;
}
.popover .popover-body {
   padding-top: 0 !important;
}
.popover .popover-header{
    padding: 4px 8px;
    border-bottom: none !important;
    background-color: #fff !important;
    border-radius: 4px !important;
}
.popover .popover-header li {
    font-weight: 500;
    margin-bottom: 2px;
}
.selMinWid { min-width: 80px;}
.text-red-dark {
    color: #d61d1d !important;
    font-weight: 700 !important;
}

.bootstrap-duallistbox-container select option:nth-child(even) {
    background-color: #f5f5f5 !important; 
}
tr.selectedTr {
    border: 2px solid #f46a0d !important;
}






.isoTooltip {
    position: relative;
    display: inline-block;
}
.isoTooltip .isoTooltipText {
    visibility: hidden;
    max-width: 220px;
    min-width: 220px;
    background-color: #000;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px 10px 8px;
    position: absolute;
    z-index: 1055;
    bottom: -10px;
}
.isoTooltip .isoTooltipText ul { 
    margin-bottom: 0;
    max-height: 180px;
    overflow-y: auto;
}
.isoTooltip .isoTooltipText ul li a:hover { 
    text-decoration: underline;
}
.isoTooltip .isoTooltipText.center {
    transform: translate(-50%, -36px);
    margin-left: -10px;
}

.isoTooltip .isoTooltipText::before {
    content: "";
    border-top: 8px solid #000;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: -8px;
}
.isoTooltip .isoTooltipText.right {
    right: -12px;
    bottom: 24px;
}
.isoTooltip .isoTooltipText.right::before {
    bottom: -8px;
    right: 12px;
}
.isoTooltip .isoTooltipText a {
    color: #fff;
}
.isoTooltip:hover .isoTooltipText {
    visibility: visible;
}
input.moduleNameFocus:focus-visible {
    outline: none !important;
}
.app-sidebar-content .menu {
    padding-bottom: 100px;
}

.content.contentWithoutSidebar {
    margin-left: 0;
}
label.col-form-label {
    word-break: break-all;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0;
    white-space: nowrap;
    /* justify-content: flex-start; */
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}
.pagination .page-item+.page-item {
    margin-left: 5px;
    /* margin-top: 4px; */
}
.dmsSupportDoc{
    border-radius: 4px ;
    border:1px solid #046FD1;
    padding:4px;
}
.dmsSupportDoc span.textLink {
    word-break: break-all;
    white-space: break-spaces;
    width: calc(100% - 24px);
}
.dmsSupportDoc .btn {
    margin-top: 1px !important;
}
.Hisbtn{
    border:1px solid #FFD900;
}
.doc-nav-tabs{
    border:1px solid #FFD900;
}
.doc-li{
    border:1px solid #ffd900;
}


.navTabGroup .nav-item {
    margin-right: 0 !important;
}

.navTabGroup {
    border: 1px solid #E9C810;
    display: inline-flex;
    border-radius: 4px;
}
.navTabGroup .nav-item a {
    background-color: #FFF5C1;
    color: #000 !important;
}
.navTabGroup .nav-item:first-child a {
    border-radius: 4px 0 0 4px;
}
.navTabGroup .nav-item:last-child a {
    border-radius: 0 4px 4px 0;
}
.navTabGroup .nav-item a {
    border-right: 1px solid #E9C810;
    border-radius: 0;
}
.navTabGroup .nav-item:last-child a {
    border-right: none;
}
.navTabGroup .nav-item a {
    padding-left: 24px !important;
    padding-right: 24px !important;
}


.bgCommentGreyDark {
    background: #ECECEC;
    border: 1px solid #D5DBE0;
}
.bgCommentGreyLight {
    background: #F8F9F9;
    border: 1px solid #D5DBE0;
}
#cheRestorePrior{
    display:none;
}
.retainDate{
    z-index: 9999;
}
.app-sidebar-fixed .app-sidebar {
    /* position: fixed; */
    padding-top: 124px;
    height: 100%;
    /* overflow-x: auto; */
}
.adminSidebar .slimScrollDiv {
    height: calc(100% - 46px) !important;
}
.app-sidebar-minified .collapseExpandBtn {
    display: none;
}
.collapseExpandBtn {
    padding: 8px 4px;
}
.collapseExpandBtn .btn {
    padding: 4px 8px;
}
li.has-sub object a {
    color: #fff !important;
}
li.has-sub.active object a {
    color: #00acac !important;
}

.the me-module li a.active {
    background-color: #708290;
}
.nav.nav-tabs.navTabsIcons .nav-item .nav-link.active {
    color: #000;
}
.select2.select2-container {
    display: block;
    width: 100%;
    width: 100% !important;
}
.dmsDualText{
    border:1px solid #9ba8b4 !important;
    background-color: #fff !important;
}
.dataTables_scrollBody thead {
    visibility: hidden;
}
.dataTables_scrollBody thead th {
    padding: 0 !important;
}




th.topLeftBdrAfterNone, 
th.topRightBdrAfterNone {
    position: relative;
}
th.topLeftBdrAfterNone::after {
    border-top: 1px solid #fff;
    content: "";
    position: absolute;
    top: -1px;
    width: 100%;
    left: 0;
}
th.topLeftBdrAfterNone::before {
    border-left: 1px solid #fff;
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
}
th.topRightBdrAfterNone::after {
    border-top: 1px solid #fff;
    content: "";
    position: absolute;
    top: -1px;
    width: 100%;
    right: 0;
}
th.topRightBdrAfterNone::before {
    border-left: 1px solid #fff;
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    height: 100%;
}
table.dataTable>tbody>tr.child span.dtr-title {
    font-weight: 600 !important;
}
.inputbackground {
    background-color: #fff !important;

}

li.has-sub.active.menuOpened .menu-submenu {
    display: block !important;
}

/* Activity folder right click option show */
.vakata-context { z-index:10052 !important; }
.FlowContentSec {
    padding-top: 42px;
}
.app-sidebar .menu-submenu {
    padding: 5px 0 10px 32px;
}

.app-sidebar .menu-submenu>li>a {
    padding: 3px 10px 3px 15px;
}
.PropertiesIc {
    background-color: #ffd900;
    border-color: #ffd900;
    color: #fff;
    color: #000;
}
.ncModuleSection .infoMessage {
    border-left: 2px solid#5062CC;
    background-color: #edf0ff;
    /* color: #7a1f1d; */
    color:#5062CC;
    padding: 10px 15px;
}

/* .table-striped tbody tr.even {
    border: 2px solid #f46a0d !important;
} */



.frmKeywordLinkToggle, .frmFieldsLinkToggle {
    display: none;
}
.objTitle{
    font-size: 14px ;
}
.ml-12{
    margin-left: 12px;
}
.pl-12{
    padding-left: 12px;
}
.p-12{
    padding:12px !important;
}
.p-10{
    padding:10px !important;
}
/* .capaModuleSection {
    padding-top: 30px;
} */
.ccmModuleSection {
    padding-top: 30px;
}
.ccmWrkflowContent {
    padding-top: 42px;
}
.p-8 {
    padding: 8px;
}
.actionColumn { width: 100px;}
.row.no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#bsDualListNonselectedList_DocApproversList option, #bsDualListSelectedList_DocApproversList option {
    width: 100% !important;
    white-space: pre-wrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #bsDualListNonselectedList_DocApproversList option, 
    #bsDualListSelectedList_DocApproversList option {
        width: 100% !important;
        white-space: pre-wrap;
        /* color: rgb(50, 82, 210); */
    }
}
table.expandCollapseTbl tr {
    background: transparent !important;
}
table.expandCollapseTbl tr td {
    border: none;
    padding: 10px 8px;
}
.siblingTr > td {
    padding: 0 !important;
}

.objectTab {
    background-color: #e3e4e5;
    border-radius: 4px;
    padding: 12px 10px;
}
.objectTabOpened {
    border-radius: 4px 4px 0 0;
}
.objectContent {
    border-radius: 4px;
    padding: 10px;
    display: none;
}
.objectAddFormContent {
    border-radius: 4px;
    padding: 10px;
    display: none;
}
.objectAddFormToggleContent {
    display: none;
}
.objectAddFormEscalateContent {
    display: none;
}
.rcAddFormToggleContent {
    display: none;
}
.objectSecBg {
    background-color: #F2F2F2;
    border-radius: 4px;
}
.modalSecBg {
    background-color: #F2F2F2;
    border-radius: 4px;
}

.addFormToggleContent {
    display: none;
}
.sibling > td {
    padding: 0 !important;
    width: 80px;
}
.sibling > td:nth-child(5) {
    padding: 0 !important;
    width: 160px;
}
tr.siblingTr td {
    background: #f5f5f5;
}
.objectSecBg.addFrmObjSecOpened .objectTab, .objectSecBg.ViewObjSecOpened .objectTab {
    border-radius: 4px 4px 0 0;
}
.width-120 {
    width: 120px !important;
}
.ckEditorHgt .cke_path {
    height: 16px !important;
}
.dateColumn {
    min-width: 120px;
}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    padding-right: 24px !important;
}
table.dataTable>thead>tr>th.no-sort, table.dataTable>thead>tr>td.no-sort {
    padding-right: 8px !important;
}
ul.nav.nav-tabs.greyTabSection li a {
    background: #d1d6d8 !important;
}
.nav.nav-tabs.greyTabSection .nav-item .nav-link.active {
    border-bottom: rgba(182,194,201,.2)!important;
    background-color: rgba(182,194,201,.2)!important;
    color: #fff;
}
ul.nav.nav-tabs.greyTabSection li:last-child a {
    margin-right: 0 !important;
}
.nav.nav-tabs+.tab-content.greyTabContent {
    background: rgba(182,194,201,.2)!important;
}
.bdrRad4 {
    border-radius: 4px;
}
.nav-tabs.greyTabSection{
    border:0px !important;
}
.greyTabSection.nav-tabs .nav-link{
    margin-bottom: 0px !important;
}


@keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
.fa-beat {
      text-decoration: fa-beat;
     animation-name: blinker;
     animation-duration: 0.6s;
     animation-iteration-count:infinite;
     animation-timing-function:ease-in-out;
     animation-direction: alternate;
      -webkit-animation-name: blinker;
      -webkit-animation-duration: 0.6s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:ease-in-out;
      -webkit-animation-direction: alternate;
  }
  .userListdrop{
    padding: 10px;
  }
  .header .navbar-nav>li.userListdrop i {
    top: 1px;
    position: relative;
    font-size: 16px;
}
span.loggedUserName {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.header .navbar-nav>li.userListdrop {
    line-height: 21px;
    padding: 10px;
}

tr.superAdminRow {
    background-color: #fff3b5 !important;
}

.riskMatrixWrapper .table td .table th {
    border: none;
    padding: 4px;
    padding-bottom: 0px;
}
.riskMatrixWrapper .overAllTitle, th.leftColTitle {
    background-color: #CED4DA !important;
    padding: 5px !important;
    text-align: center !important;
    font-size: 13px;
    text-transform: uppercase;
}
.riskMatrixWrapper .matrixSecTitle, .leftColSubTitle {
    background-color: #DEE2E6;
    /* padding: 5px; */
    text-align: center;
}
th.leftColSubTitle{
    background-color: #DEE2E6 !important;
    text-align: center;
}
th.alltitlethsec{
    background-color: #DEE2E6 !important;
    font-size: 13px;
}
.alltitlethsec.first{
    padding-left: 0px !important;
}
.alltitlethsec.last{
    padding-right: 0px !important;
}
.alltitlethsec.first .matrixSecTitle{
    padding-left: 0px !important;
}
.alltitlethsec.last .matrixSecTitle{
    padding-right: 0px !important;
}
/* .riskMatrixWrapper .row>[class^=col] {
    padding-left: 4px;
    padding-right: 4px;
} */
.riskMatrixWrapper select {
    appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 2px;
    min-height: 100px;
    text-align: center;
    color: #000;
    opacity: 1;
    border: 1px solid #ddd;
}
.riskMatrixWrapper select:disabled {
    opacity: 0.8;
}
.leftColTitle, .leftColSubTitle {
    width: 28px;
    max-width: 28px;
}
.isoNavTabGroup li a{
    margin-right: 0px !important;
}
.tab-content.isoTabContent {
    border: 1px solid #d5dbe0;
    padding: 0.75rem;
    background: transparent !important;
}
/* Added By Hariharan for Issue no :0037544 on 24feb,2023 */
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
    box-shadow: none;
    border: 1px solid #d5dbe0 !important;
}
/* Added By Ilango Risk setting - Status - Monitoring, Monitoring grey-out on 24-Mar-23 */
tr.disabledRiskStatusRow td {opacity: 0.5 !important;
}tr.disabledRiskStatusRow td i {
    color: #000 !important;
    opacity: 0.5 !important;
    cursor: default !important;
 }
/* tr.expandRow td {
   background: #f5f5f5;
} */
/* table#tblAllCapa tr.parentRow:nth-child(2n+1) {
    background-color: #FFE7DF;
  } */
table#tblAllCapa tr.parentOddRow td {
    background-color: #fff;
}
.capaTbl tbody tr.expandRow.even {
    background-color: #FFE7DF !important;
}
table#tblAllCapa tr.parentEvenRow td {
    background-color: #f8f8f8;
}
/*tr.expandRow td {
    border-top: 2px solid red;
    border-bottom: 2px solid red !important;
}
tr.expandRow td:nth-child(2) {
    border-left: 2px solid red !important;
}
tr.expandRow td:last-child {
    border-right: 2px solid red !important;
} */
.tab-content.isoTabContent {
    border: 1px solid #d5dbe0;
    padding: 0.75rem;
}
.nav.nav-tabs.isoNavTabGroup {
    border-bottom: none !important;
}
.nav.nav-tabs.isoNavTabGroup .nav-item .nav-link {
    background: #f0f3f4;
    border: 1px solid #d5dbe0;
}
.nav.nav-tabs.isoNavTabGroup .nav-item .nav-link.active {
    background-color: #fff !important;
    border: 1px solid #d5dbe0 !important;
    border-bottom: 1px solid #fff !important;
}
.bootstrap-duallistbox-container select.active {
    padding: 0;
    /* height: 114px !important; */
    border-radius: 4px;
    border: 1px solid transparent !important;
}
.bootstrap-duallistbox-container select:focus-visible {
    border: none !important;
}
.bootstrap-duallistbox-container select:focus, button.dropdown-toggle:focus {
	border: 1px solid #d5dbe0 !important;
	outline: none;
}
.TitleAssoMaxWidth {
    min-width: 220px ;
}
.select2-hidden-accessible {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        -webkit-clip-path: inset(50%) !important;
        clip-path: inset(50%) !important;
        height: 1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        white-space: nowrap !important;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block !important;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
}
.select2-container--default .select2-search--inline .select2-search__field {
    width: auto !important;
    min-height: 22px;
    line-height: 22px;
}
.selectWithTab .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0 !important;
    margin: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4 !important;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px !important;
    padding: 0 !important;
    padding-left: 26px !important;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1.25em !important;
    font-weight: bold;
    padding: 4px 6px 5px 2px !important;
    position: absolute;
    left: 0;
    top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
    line-height: 22px;
}
.select2-search.select2-search--inline:focus-within {
    box-shadow: none !important;
    outline: none;
}
/* Added for issue id : 0038048 by Angeline - 27Apr2023  */
body .datepicker .datepicker-centuries table tbody tr td.day.disabled, body .datepicker .datepicker-days table tbody tr td.day.disabled, body .datepicker .datepicker-decades table tbody tr td.day.disabled, body .datepicker .datepicker-months table tbody tr td.day.disabled, body .datepicker .datepicker-years table tbody tr td.day.disabled {
 color: #c6ced5 !important;
}

body table.dataTable thead tr th.sorting_asc:after {
    color: #7b7b7b;
}
/* setup top Go back and action required css */
.setupTopBarSec {
    position: fixed;
    width: 100%;
    background: #dee2e6;
    z-index: 1001;
}
/* .setupContentTraining {
    padding-top: 12px;
} */
/* Added  by Suriya Kumar S For Fishbone - 04May2023  */
.materialchildaddsub{
    padding-top: 14px;
    display: block;
    cursor: pointer;
    text-align: right;
}
.materialchildaddsub::before {
    content: '\f062';
	position: absolute;
	font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome !important;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	bottom: 15px;
	right: 42px;
	margin-left: 2px;
}
.materialchildsub::before {
    content: '\f062';
	position: absolute;
	font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome !important;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	bottom: 15px;
	right: 42px;
	margin-left: 2px;
}
.materialchildsub{
    padding-top: 14px;
    display: block;
    cursor: pointer;
    text-align: right;
}
.addsubinput{
    padding-top: 14px;
    display: block;
    cursor: pointer;
    text-align: right;
}
.machineaddsubinput{
    padding-top: 14px;
    display: block;
    cursor: pointer;
}
.machineaddsubinput::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 28px;
    right: 42px;
    margin-left: 2px;
    transform: rotate(180deg);
    bottom: auto;
}
.peoplechildsub{
    padding-top: 18px;
    display: block;
    cursor: pointer;
}
.peoplechildsub::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    bottom: 64px;
    right: 66px;
    margin-left: 2px;
}
.machineaddanothercassubup{
    margin-left:0px;
    padding-bottom: 18px;
    padding-right: 21px;
    position: relative;
}
.machineaddanothercassubup::before {
    content: '\f063';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 28px;
    right: 42px;
    margin-left: 2px;
}
.peopleaddanothercassubup{
    margin-left:0px;
    padding-bottom: 18px;
    padding-right: 22px;
    position: relative;
}
.peopleaddanothercassubup::before {
    content: '\f063';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 28px;
    right: 42px;
    margin-left: 2px;
}
.addpeopleMainSubCause {
    position: relative;
}
.addpeopleMainSubCause .addMainSubCauseRemIc {
    position: absolute;
    right: 15px;
    top: 8px;
    color: #eb0404;
    font-size: 12px;
}
.addpopleCauseSec {
    position: relative;
}
.addpopleCauseSec::after {
    content: '';
    position: absolute;
    border-top: 2px solid #000;
    width: 20px;
    top: 13px;
    right: -9px;
}
.addpopleCauseSec .close {
    float: right;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #eb0b0b;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}
.close.removecon {
    position: absolute;
    right: 0px;
    bottom: 10px;
    font-size: 12px;
}
.peopleaddsubinput{
    padding-top: 14px;
    display: block;
    cursor: pointer;
}
.peopleaddsubinput::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 28px;
    right: 42px;
    margin-left: 2px;
    transform: rotate(180deg);
    bottom: auto;
}
.addmeasurementchildsubinput{
    padding-top: 14px;
    display: block;
    cursor: pointer;
    text-align: right;
}
.addmeasurementchildsubinput::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    bottom: 14px;
    right:64px;
    margin-left: 2px;
}
.addEnvironmentanothercassubup{
    margin-left:0px;
    padding-bottom: 18px;
    padding-right: 22px;
    position: relative;
}
.addEnvironmentanothercassubup::before {
    content: '\f063';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 28px;
    right: 64px;
    margin-left: 2px;
}
.environmentaddsubinput{
    padding-top: 14px;
    display: block;
    cursor: pointer;
}
.environmentaddsubinput::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 28px;
    right: 42px;
    margin-left: 2px;
    transform: rotate(180deg);
}
.customerchildsub{
    padding-top: 18px;
    display: block;
    cursor: pointer;
    text-align: right;
}
.customerchildsub::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    bottom: 15px;
    right: 64px;
    margin-left: 2px;
}
.addShipmentanothercassubup{
    margin-left:0px;
    padding-bottom: 18px;
    padding-right: 22px;
    position: relative;
}
.addShipmentanothercassubup::before {
    content: '\f063';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top:28px;
    right: 42px;
    margin-left: 2px;
}
.shipmentaddsubinput{
    padding-top: 14px;
    display: block;
    cursor: pointer;
}
.shipmentaddsubinput::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 28px;
    right:42px;
    margin-left: 2px;
    transform: rotate(180deg);
}
.validatemessage{
    width: 470px;
}
.addCauseSec .close {
    float: right;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #eb0b0b;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}
.close.methodcauseremove ,.close.materialcauseremove ,.close.methodcauseremoveclick{
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .methodchildsubcausedelete {
    position: absolute;
    right: 0;
    top: 28px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;

}
.addMainSubCause .methodchildsubcausedeleteclick {
    position: absolute;
    right: 0;
    top: 28px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;

}
.addMainSubCause .MachinesubCauseRemIc,.addMainSubCause .MachinesubCauseRemoveIcon {
    position: absolute;
    right: 0;
    top: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addCauseSec .machinecauseremove {
    position: absolute;
    right: 0;
    bottom: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
    top: auto;
}
.addMainSubCause .machinechildsubcausedelete {
    position: absolute;
    right: 0;
    top: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.downSubCauseClose{
    color: #eb0404;
    margin-left:6px;
}
/* .addMainSubCause .materialSubCauseRemIc {
    position: absolute;
    right: 15px;
    top: 8px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
} */
.addCauseSec.downPos::after {
    top: auto;
    bottom: 17px;
}
.addMainSubCause .materialchildsubcausedelete,.addMainSubCause .materialchildsubcausedeleteclick {
    position: absolute;
    /*right: 15px;
     top: 8px; */
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .peopleSubCauseRemIc,.addMainSubCause .peopleSubCauseRemoveIcon  {
    position: absolute;
    right: 0;
    top: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addCauseSec .peoplecauseremove ,.addCauseSec .peoplecauseremoveicon {
    position: absolute;
    right: 0;
    bottom: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
    top: auto;
}
.addMainSubCause .peoplechildsubcausedelete,.addMainSubCause .peoplechildsubcausedeleteclick {
    position: absolute;
    right: 0;
    top: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .measurementSubCauseRemIc ,.addMainSubCause .measurementSubCauseRemoveIcon{
    position: absolute;
    right: 0px;
    /* top: 8px; */
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addCauseSec .measurementcauseremove,.addCauseSec .measurementcauseremoveicon {
    position: absolute;
    right: 0px;
    top: 8px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .measurementhildsubcausedelete,.addMainSubCause .measurementhildsubcausedeleteclick {
    position: absolute;
    right: 0;
    top: 28px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .enviromentSubCauseRemIc,.addMainSubCause .enviromentSubCauseRemIcon {
    position: absolute;
    right: 0;
    top: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addCauseSec .enviromentcauseremove,.addCauseSec .enviromentcauseremoveicon {
    position: absolute;
    right: 0;
    bottom: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
    top: auto;
}
.addMainSubCause .enviromentchildsubcause {
    position: absolute;
    right: 0;
    top: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .customerSubCauseRemIc,.addMainSubCause .customerSubCauseRemoveIcon {
    position: absolute;
    right: 0px;
    /* top: 8px; */
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addCauseSec .customercauseremove,.addCauseSec .customercauseremoveicon {
    position: absolute;
    right: 0px;
    top: 8px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .customerchildsubcauseremove,.addMainSubCause .customerchildsubcauseremoveicon {
    position: absolute;
    right: 0;
    top: 28px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .shipmentSubCauseRemIc,.addMainSubCause .shipmentSubCauseRemoveIcon {
    position: absolute;
    right: 0;
    top: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addCauseSec .shipmentcauseremove,.addCauseSec .shipmentcauseremoveicon {
    position: absolute;
    right: 0;
    bottom: 12px;
    top: auto;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .shipmentchildsubcauseremove,.addMainSubCause .shipmentchildsubcauseremoveicon {
    position: absolute;
    right: 0;
    top: 12px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;

}
/* .machinechildsubcausediv, .peoplechildsubcausediv, .materialchildsubcausediv, .removeEnviromentChildSubCause, .removeMeasurementChildSubCause, .removeShipmentChildSubCause    {
    position: relative;
    top:18px;
} */
/* .machinesubcausediv, .peoplesubcausediv, .removeEnviromentSubCause, .removeCustomerSubCause    {
    position: relative;
    bottom:15px;
} */
.addAnotherCauseInput {
	width: 180px;
	margin-right: 20px;
}
.methoadchildaddsubinput{
    padding-top: 14px;
    display: block;
    cursor: pointer;
    text-align: right;
}
.methoadchildaddsubinput::before {
    content: '\f062';
	position: absolute;
	font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome !important;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	bottom: 15px;
	right: 42px;
	margin-left: 2px;
}
.bootstrap-duallistbox-container .info {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
  }
  /* Added By karuppu correction object design css on 12-4-23 */

.actionTakenFillSec {
    border-left: 1px solid #BABABA;
    border-right: 1px solid #BABABA;
    border-bottom: 1px solid #BABABA;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.tab-round{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.borderTopRadius{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.EscalateFrmDocumentPA, .SendDocumentTogglePA, .EscalateFrmDocumentPAPost, .SendDocumentTogglePAPost, .SendFollowPropTogglePA, .ReplySendDocumentTogglePA  {
    display:none;
}
.EscalateFrmDocumentPATwo, .SendDocumentTogglePATwo, .EscalateFrmDocumentPAPostTwo, .SendDocumentTogglePAPostTwo, .SendFollowPropTogglePATwo, .ReplySendDocumentTogglePATwo  {
    display:none;
}
.FontSizeObjTitle{
    font-size: 13px;
}
.viewTblSec{
    height: 600px;
    overflow-y: auto;
}
.descImplementSec{
    margin-bottom: 18px;
}
.followupReplyToggleTwo{
    display:none;
}
.CapaFlowContentSec{
    padding-top: 42px;
}
.ActionEffectCorrect, .actionTakenCorrect, .ActionRqudCorrect, .AdditionalFieldsSecOne, .AdditionalFieldsSecTwo {
    border-left: 1px solid #BABABA;
    border-right: 1px solid #BABABA;
    border-bottom: 1px solid #BABABA;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ActionRqdCorrect, .ActionTakFieldCorrect, .ActionEffectCorrect {
    height: calc(100% - 40px);
    border-top: 0px;
}
.bdr-lrb {
    border-left: 1px solid #BABABA !important;
    border-right: 1px solid #BABABA !important;
    border-bottom: 1px solid #BABABA !important;
} 
.bdr-rt {
    border-right: 1px solid #BABABA !important;
    border-top: 1px solid #BABABA !important;
} 
.bdr-lb {
    border-left: 1px solid #BABABA !important;
    border-bottom: 1px solid #BABABA !important;
} 
.bdr-rb {
    border-right: 1px solid #BABABA !important;
    border-bottom: 1px solid #BABABA !important;
} 
.bdr-l {
    border-left: 1px solid #BABABA !important;
} 
.at-bg {
    background-color: #e4e3e3;
}
.tabMinHgt {
    min-height: 40px;
}
.lblMinHgt {
    min-height: 34px;
}
@-moz-document url-prefix() {
    .assignedToColour1{
            color : #d61d1d;
        }
    }  
/* Modified by Krishna Kumar on 19Apr2023  */
.propObjContainer label .hideLbl {
    visibility: collapse;
}
.propObjContainer label {
    margin-bottom: 0;
    word-wrap: anywhere;
}
.tabEff, .tabAR, .tabAddTwo {
    background-color: #eeeeee;
    /* border-radius: 4px; */
}
.tabAT, .tabAddOne {
    background-color: #e4e3e3;
}
ul.nav.nav-tabs.navBox.CAPANavTabsIcons li:first-child, ul.nav.nav-tabs.navBox.CAPANavTabsIcons li:last-child {
    width: auto !important;
    min-width: auto;
}
.inputCon{
    flex-wrap: wrap;
}
.downSec {
    /* transform: rotate(180deg); */
    margin-top: -15px;
}
.addsubinputmethod{
    padding-top: 14px;
    display: block;
    cursor: pointer;
}
.addsubinputmethod::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    bottom: 15px;
    right:42px;
    margin-left: 2px;
}

.circle{
    color:green;
  }
  /* .nextadd12{
    transform: rotate(180deg);
  } */
  .upSideArrow {
    position: absolute;
    /* background-color: black; */
    border-top: 0.105vw solid #000;
    margin-top: 8px;
    width: 30px;
    right: -34px;
}
.downSideArrow {
    position: absolute;
    border-top: 0.105vw solid #000;
    margin-top: 8px;
    width: 30px;
    right: -34px;
    /* height: 1px; */
}
  .MainCauseArrow {
    position: absolute;
    background-color: black;
    right: -23px;
    width: 32px;
    height: 1px;
    bottom: 15px;
    /* bottom: 0px; */
}

  /* .upSideArrow {
      position: absolute;
      background-color: black;
      margin-top: 12px;
      width: 35px;
      right: -14px;
      height: 2px;
  } */
  .height{
    height:100%;
    position: relative;
  }
  .addAnotherDownCause{
      text-align: right;
      cursor: pointer;
  }
  .downSlideArrow {
      position: absolute;
      top: 26px;
      background-color: black;
      width: 2px;
      /* height: 135px; */
      height: 100% !important;
      left:0px;
      /* transform: rotate(10deg); */
  
      display: none;
  }
  .downSlideArrow:before{
    position: absolute;
    top:0px;
    right:0px;
    background-color: black;
  }
  /* .arrowup1{
    left:0px;
    position:absolute;
    width:50px;
    height: 5px;
    background-color: black;
  } */
  
  .defaultDownHei{
    position: relative;
    /* min-height:140px;  */
    transform: rotate(180deg);
  }
  /* .defaultDownHei:before{
    position: absolute;
    bottom:0px;
    right:0px;
    width:50px;
    height:5px;
    background-color: black;
  } */
  .addsubdownArrow{
      transform: rotate(180deg);
     margin-top:30px;
  }
  /* .downinput1{
    margin-left:44px;
  } */
  /* .addsub1{
      margin-left:-43px;
  } */
  /* .addsubfis1{
      margin-left:-10px;
  } */
  .addSubCon{
      position: relative;
      /* margin-left: -20px; */
  }
  /* .addSubCon{
    position: absolute;
    comtent:"";
    top:0px;
    right:0px;
   width:40px;
   height:10px;
   background-color: black;
  } */
  /* .addSubCause {
      margin-top: 13px;
      margin-right: -21px;
      cursor: pointer;
  } */
  .addsubinput {
    padding-top: 10px;
    display: block;
    cursor: pointer;
    text-align: center;
    /* padding-left: 15px; */
}
  /* .topaddsubinput::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    bottom: 15px !important;
    right: 42px;
    margin-left: 2px;
} */
.addTopSubCause{
    margin-bottom: 5px !important;
}

.topSubCause{
    margin-bottom: 8px !important;
}
.close.topCloseSubCause {
    position: absolute;
    right: 0px;
    top: -7px;
    font-size: 12px;
}
  .addsubinput1{
      /* margin-left:-8px; */
      display: block;
  }
  .addsubinput2{
      margin-left:-8px;
      display: block;
  }
  .addsubinput3{
      margin-left:-8px;
      display: block;
  }
  .addSubCon:after{
      position: absolute;
      content:"";
      top:10px;
      right:-10px;
      background-color: black;
      width:20px;
      height: 3px;
  }
  /* .downinput2{
    margin-left:44px;
  }
  .downinput3{
    margin-left:44px;
  } */
  
  /* .downSec {
      transform: rotate(180deg);
  } */
  .centerlabel{
    font-size: 12px;
  }
  /* .btn{
    background-color:#DB6D4B;
    
  } */
  .textareaHei{
    height:100px !important;
  }
 
  .InputWidth.InputWidthLg {
      width: 200px;
  }
  .addanothercassub{
      position: relative;
      /* padding-top: 10px; */
  }
  .addanothercassub:after{
      position: absolute;
      right:0px;
      width:100px;
      height:5px;
      background-color: black;
  }
  .addanothercassubup{
      margin-left:0px;
      /* padding-bottom: 14px; */
      position: relative;
      /* margin-bottom: 12px; */
  }
  .defaultwidthtext{
    min-height: 64px !important;
  }
  
  .downDefHei {
      position: relative;
  }
  
  input::placeholder {
    font-size:13px;
  }
  
  /* fishbone end here*/

  /* .addanothercassub::before {
      content: '\f062';
      position: absolute;
      font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
      font-weight: 900;
      font-style: normal;
      font-variant: normal;
      top: 4px;
      left: 46%;
      margin-left: 2px;
  } */
  
  .addCausedownSec {
      position: relative;
  }
  .addCausedownSec .machinecauseremove {
      position: absolute;
      right: 15px;
      /* top: 8px; */
      color: #eb0404;
      font-size: 12px;
      cursor: pointer;
  }
  .addCauseSec::after {
      content: '';
      position: absolute;
      border-top: 1px solid #000;
      width: 20px;
      top: 15px;
      right: -24px;
  }
  .addCausedownSec::after {
      content: '';
      position: absolute;
      border-top: 2px solid #000;
      width: 20px;
      bottom: -27px;
      right: -24px;
  }
  .addMainSubCause {
      position: relative;
      /* margin-bottom: 20px; */
  }
  .addMainFirstSubCause {
    position: relative;
}
  .addMainSubCause .form-control {
      max-width: 250px;
      /* margin-right: 20px; */
  }
  .iconWidth{
      min-width: 70px;
  }
  .iconMaxWidth{
      max-width:70px;
  }
  /* fishbone start here*/
.arrowcode {
    position: absolute;
    bottom: -3px;
    right: 0px;
    background-color: black;
    width: 2px;
    /* transform: rotate(-10deg); */
    height: 100% !important;

    display: none;
}

.defaultHeight {
    position: relative;
    min-height: 100px;
    padding-right: 25px;
}
.defaultHeight::after
.col.defaultHeight::before {
    content: "";
    background-color: #000;
    height: 1px;
    width: calc(100% + 18px);
    position: absolute;
    bottom: 4px;
    right: -14px;
}
.btmRowSec .defaultDownHei:first-child:before {
    opacity: 0;
}
.textareabox{
  margin:auto;
}
/* .textareabox input{
 
    margin-top: 119px;
    margin-left: 23px;

} */
/* .input1::after{
  content: "";
  position: absolute;
  top:10px;
  left:0px;
  background-color: black;
} */

/* .title{
  margin-left: 178px;
} */
.starightline {
    position: relative;
    width: calc(100% - 22%);
    left: calc(25% - 6px);
    top: auto;
    height: 2px;
    background-color: black;
}
.starightline::before {
    content: '\f054';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: -8px;
    margin-left: 2px;
    left: 99%;
}
.commoncode{
  display: flex;

}
/* .titleinput{
  margin-top: 278px;
} */
/* .title1{
  margin-left:44px;
} */
.nextadd{
  margin-top:10px;
  right: 0px;
  position: relative;
}
.addcode{
  position: relative;
  width: 20px;
  height:5px;
  background-color: black;
  right:0px;
  bottom: 0px;
}
.circle{
  color:green;
}
/* .nextadd12{
  transform: rotate(180deg);
} */

.height{
  height:100%;
  position: relative;
}
.addAnotherDownCause{
    cursor: pointer;
}
.addPeopleAnotherDownCause{
    margin-left:50px;
    cursor: pointer;
}
.downSlideArrow {
    position: absolute;
    top: 26px;
    background-color: black;
    width: 2px;
    /* height: 135px; */
    height: 100% !important;
    left:0px;
    /* transform: rotate(10deg); */

    display: none;
}
/* .downSlideArrow:before{
  position: absolute;
  top:0px;
  right:0px;
  background-color: black;
} */
/* .arrowup1{
  left:0px;
  position:absolute;
  width:50px;
  height: 5px;
  background-color: black;
} */

.defaultDownHei{
  position: relative;
  padding-top: 15px;
  /* min-height:140px; 
  transform: rotate(180deg);*/
}
/* .defaultDownHei:before{
  position: absolute;
  bottom:0px;
  right:0px;
  width:50px;
  height:5px;
  background-color: black;
} */
.addsubdownArrow{
    transform: rotate(180deg);
   margin-top:30px;
}
/* .downinput1{
  margin-left:44px;
} */
/* .addsub1{
    margin-left:-43px;
} */
/* .addsubfis1{
    margin-left:-10px;
} */
.subsidearrowCon {
    margin-left: 106px;
    font-size: 12px;
    transform: rotate(180deg);
    color:rgb(61, 58, 58);
}
.subsidearrow {
    margin-left: calc(50% - 5px);
    font-size: 12px;
    color: rgb(61,58,58);
    /* transform: rotate(180deg); */
}
.downPosArrow {
    margin-left: calc(50% - 5px);
    font-size: 12px;
    color: rgb(61,58,58);
    transform: rotate(0deg) !important;
}
.addSubCon{
    position: relative;
    /* margin-left: -20px; */
}
/* .addSubCon{
  position: absolute;
  comtent:"";
  top:0px;
  right:0px;
 width:40px;
 height:10px;
 background-color: black;
} */
.addsubinput{
    padding-top: 4px;
    display: block;
    cursor: pointer;
}
/* .addDownsubinput::before {
    content: '\f062';
    position: relative;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top:15px;
    right:-29px;
    margin-left: 2px;
    transform: rotate(180deg);
} */
.addsubinput1{
    /* margin-left:-8px; */
    display: block;
}
.addsubinput2{
    margin-left:-8px;
    display: block;
}
.addsubinput3{
    margin-left:-8px;
    display: block;
}
.addSubCon:after{
    position: absolute;
    content:"";
    top:10px;
    right:-10px;
    background-color: black;
    width:20px;
    height: 3px;
}
/* .downinput2{
  margin-left:44px;
}
.downinput3{
  margin-left:44px;
} 

.downSec {
    transform: rotate(180deg);
}*/
.centerlabel{
  font-size: 12px;
}
/* .btn{
  background-color:#DB6D4B;
  
} */
.textareaHei{
  height:50px !important;
}
.textareaHeiFishbone{
    height: 100px !important;
}
.InputWidth{
  width:250px;
}
.causeArrow {
    position: absolute;
    /* background-image: url(/static/img/isoCapa/Line.png); */
    border-bottom: 0.105vw solid #000;
    right: -24px;
    width: 32px;
    /* height: 0.72px; */
    /* left: -12px; */
    /* top: 82px; */
    bottom: 38px;
}
.addanothercassub {
	position: relative;
	/* padding-top: 10px; */
	/* padding-right: 21px; */
}
.addanothercassub:after{
    position: absolute;
    right:0px;
    width:100px;
    height:5px;
    background-color: black;
}
.addanothercassubup{
    margin-left:0px;
    /* padding-bottom: 14px; */
}
/* .downcon{
  margin-left:40px;
} */
.defaultwidthtext{
  min-height: 64px !important;
}

.downDefHei {
    position: relative;
}
/* .defaultDownHei::after {
    content: '';
    border-right: 2px solid #000;
    height: calc(100% - 40px);
    position: absolute;
    top: -8px;
    right: 0;
    transform: rotate(180deg);
} */
/* .defaultDownHei::after {
    content: '';
    border-right: 1px solid #000;
    height: calc(100% - 30px);
    position: absolute;
    top: 38px;
    left: 0;
    transform: rotate(180deg);
} */
/* .upaddsub{
    margin-left:-20px;
} */
input::placeholder {
  font-size:13px;
}

/* fishbone end here*/
/* .addanothercassub::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 4px;
    left: 46%;
    margin-left: 2px;
} */

.addCauseSec {
    position: relative;
}


.addMainSubCause .addMainSubCauseRemIc,.addMainSubCause .materialSubCauseRemIc  {
    position: absolute;
    right: 20px;
    top: 28px;
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.addMainSubCause .addMachineSubCauseRemIc{
    position: absolute;
    right: 0;
    /* top: 28px; */
    color: #eb0404;
    font-size: 12px;
    cursor: pointer;
}
.downSeclisting {
    transform: rotate(180deg);
    margin-right: 53px;
    margin-top: -15px;
}
.downListingSec {
    transform: rotate(180deg);
    margin-right: 59px;
    margin-top: -15px;
}
.InputWidth.InputWidthMd {
    width: 177px;
}
.riskMatrixlist table tr td{
    padding:8px !important;
}
.app-sidebar .menu .menu-item .menu-icon img {
    max-width: unset;
    max-height: unset;
}
div.secondaryNavPills div.nav-item {
    background-color: #fff !important;
    border-radius: 4px;
}
.secondaryNavBtn {
    background-color: #fff !important;
    border-radius: 4px;
    color: #6f8293;
}
/* common css added for bs5*/
.form-group{
    margin-bottom: 16px;
}
.bg-grey-transparent-2 {
    background-color: rgba(182,194,201,.2)!important;
}
.nav.nav-pills .nav-item .nav-link {
    padding: 10px 15px;
    font-weight: 600;
    color: #6f8293;
}
.isoViewTbl tbody, .table>:not(:first-child) {
    border-top: none !important;
}
.isoViewTbl thead tr{
    border-bottom: none !important;
}

/*Worked for this issue no:0039695 by Yogapriya C on 30Oct2023*/
/* .table-bordered>:not(caption)>* {
    border-width: 0 !important;
} */
.dataTables_wrapper.dt-bootstrap5 .dt-buttons .btn, .dataTables_wrapper.dt-bootstrap5 .dt-buttons .btn {
    /* height: 30px; */
    margin-right: 4px;
}
body table.dataTable {
    margin: .75rem 0!important;
}
div.dataTables_wrapper div.dataTables_length label{
    font-weight: 600;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: .5em;
    font-weight: 600;
}
 .dataTables_wrapper.dt-bootstrap5 .dataTables_length label .form-select {
    margin: 0 8px;
}
.bussinessHours button.btn.dropdown-toggle.btn-default {
    background: #fff;
    border: none;
    color: #2d353c !important;
    font-weight: 400;
    height: 28px;
    width: 80px;
    padding: 4px 8px;
    margin: 0;
}
.bussinessHours .form-check {
    min-width: 100px;
}
.bg-grey-transparent-1 {
    background-color: rgba(182,194,201,.1)!important;
}
.form-check-label{
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.form-check {
    display: block;
    min-height: 0rem;
    padding-left: 2em;
    margin-bottom: 0rem;
}
.f-s-13{
    font-size: 13px;
}
.app-sidebar .menu .menu-item .menu-icon img {
    max-width: unset;
    max-height: unset;
}
div.secondaryNavPills div.nav-item {
    background-color: #fff !important;
    border-radius: 4px;
}
.secondaryNavBtn {
    background-color: #fff !important;
    border-radius: 4px;
    color: #6f8293;
}
.secondaryTabBg {
    background: rgba(182,194,201,.2)!important;
}
/* common css added for bs5*/
.form-group{
    margin-bottom: 16px;
}
.bg-grey-transparent-2 {
    background-color: rgba(182,194,201,.2)!important;
}
.nav.nav-pills .nav-item .nav-link {
    padding: 10px 15px;
    font-weight: 600;
    color: #6f8293;
}
.isoViewTbl tbody, .table>:not(:first-child) {
    border-top: none !important;
}
.isoViewTbl thead tr{
    border-bottom: none !important;
}
.dataTables_wrapper.dt-bootstrap5 .dt-buttons .btn, .dataTables_wrapper.dt-bootstrap5 .dt-buttons .btn {
    height: 30px;
    line-height: 1;
    margin-right: 4px;
}
 .dataTables_wrapper.dt-bootstrap5 .dataTables_length label .form-select {
    margin: 0 8px;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}
div.dataTables_wrapper div.dataTables_filter label{
    margin-bottom: 0px;
}
div.dataTables_wrapper div.dataTables_filter input {
    padding: 0.35rem 0.75rem !important;
}
.bussinessHours button.btn.dropdown-toggle.btn-default {
    background: #fff;
    border: none;
    color: #2d353c !important;
    font-weight: 400;
    height: 28px;
    width: 80px;
    padding: 4px 8px;
    margin: 0;
}
.bussinessHours .form-check {
    min-width: 100px;
}
.bg-grey-transparent-1 {
    background-color: rgba(182,194,201,.1)!important;
}
.form-check-label{
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.form-check {
    display: block;
    min-height: 0rem;
    padding-left: 2em;
    margin-bottom: 0rem;
}
.form-check.form-switch {
    padding-left: 2.8em;
    cursor: pointer;
}
.f-s-13{
    font-size: 13px;
}
.bootstrap-duallistbox-container button.btn:hover {
    color: #000 !important;
}
table.dataTable.table-striped tbody tr {
    border-top: none;
}
.cke_editor_template_desc {
    width: 100% !important;
}
/* .cke_contents {
    height: 160px !important;
} */
.app-sidebar-minified .content {
    margin-left: 60px;
}
/* .bootstrap-select .dropdown-menu.open {
    display: block;
} */
.app-sidebar .menu .menu-item .menu-link .menu-text {
    flex: none;
}
.cancelIc {
    right: 38px;
    position: absolute;
    color: red;
    top: 9px;
}
.cancelIc::before {content: "";background: #fff;width: 12px;height: 12px;position: absolute;border-radius: 50%;z-index: -1;top: 3px;margin-left: 1px;}
.cancelIc i { font-size: 14px; }
.app-sidebar-mobile-backdrop {
    z-index: 1009;
}
.width-full { width: 100% !important;}

/* .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered{
    flex:unset !important;
} */
.width-full { width: 100% !important;}
.colFromLabel { font-weight: 600;}
.multiFileBox .btn-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    filter: alpha(opacity=0);
    /* opacity: 0; */
    cursor: inherit;
    display: block;
    height: 100%;
}
.multiFileBox .uploadButton span { position: relative;}
.form-control{
    font-weight: 500;
}
.form-select{
    font-weight: 500;
    padding: .45rem 2.25rem .45rem .75rem;
    
}
.font-select>span { height: 34px; border: none;}
.form-check .form-check-label:focus, span:focus-within, span.form-check:focus-within .form-check-label, .form-check .form-check-label:focus-within { box-shadow: none !important;}
.multiFileBox .uploadButton span { position: relative;}
.multiFileBox .uploadButton span { position: relative;}
/* Timezone styles starts here */
.select2-container--default .select2-results__option--disabled {
    display: none;
}
.select2-container .select2-dropdown .select2-search--dropdown input {
    height: calc(1.125em + .75rem + 2px);
    padding: .125rem .75rem;
}
/*Added for folder search by karuppasamy on 10122024*/
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option--selected {
    position: relative;
    width: calc(100% + 13px);
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option--selected::before {
    width: 12px;
    height: 12px;
    position: absolute;
    content: "\f00c";
    top: 6px;
    font-family: "Font Awesome 6 Free";
    right: 2px;
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
    padding: .25rem .75rem;
}
/* Timezone styles starts here */

.select2.select2-container .selection .select2-selection.select2-selection--multiple{
    text-align: start !important;
}
 
.text-wrap {
    white-space: normal !important;
    word-break: break-all;
}
.menu-item.disabled a {
    color: #ababab !important;
}
.bg-yellow-transparent-1 {
    background-color: rgba(255,217,0,.1)!important;
}
.parsley-success{
    background-color: #fff !important;
}
/* worked on the issue 42463 by Shaikh Syed Ashiq on 13Oct2023 */
.form-check.parsley-success{
    background-color: unset !important;
}
.fieldUnset{
    visibility: collapse !important;
}
/* .fa-question {
    position: absolute;
}
.fa-question:before {
    content: "";
    background: url("/static/img/icons/help-ic.svg");
    position: absolute;
    width: 6px;
    height: 10px;
    top: 4px;
    left: -3px;
} */
.parsley-error{
    background-color: #fff !important;
}
.text-green{
    color:#32a932 !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    content: "";
}
btn:hover{
    color:unset !important;
}
.bg-green{
    background-color:#32a932 !important;
}
.btn-green{
    color: #fff;
    background-color: #32a932 !important;
    border-color: #32a932 !important;
}
/* fishbone css added  */
/* .col.defaultDownHei::before {
    content: "";
    background-color: #000;
    height: 1px;
    width: calc(100% + 18px);
    position: absolute;
    bottom: -4px;
    right: -1px;
} */
.defaultDownHei {
    min-width: 240px;
    max-width: 240px;
    padding-left: 24px;
}
.defaultHeight{
    min-width: 240px;
    max-width: 240px;
    padding-right: 24px;
}
.topRowSec .arrowTop {
    position: absolute;
    bottom: 45px;
    right: 5px;
    /* transform: rotate(45deg); */
}
.btmRowSec .arrowbtm {
    position: absolute;
    bottom: -13px;
    left: -8px;
    transform: rotate(50deg);
}
/* .btmRowSec .col:last-child .arrowbtm:before {
    content: "";
    border-bottom: 1px solid #000;
    width: 12px;
    position: absolute;
    top: 0;
    right: 0;
} */
.NewFishboneOrderOne .inputCon{
    margin-top: 10px !important;
} 
.clsFishboneListing .topSubCause label{
    width:170px;
    word-break:break-word;
}
/* .topRowSec .col:last-child .arrowTop:before {
    content: "";
    border-bottom: 1px solid #000;
    width: 12px;
    position: absolute;
    top: 0;
    right: 0;
} */
.prblemStaSec{
    padding-left: 15px;
    padding-right: 15px;
}

/* common design changes */
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.media-body {
    flex: 1;
}

.form-group label.col-form-label, 
.form-group .formLblUser { 
    position: relative; 

}
/* Worked by hariharan for issue:39713 on June4,2023  */
.form-group .formLblUser::after {
    content: ":";
    position: absolute;
    right: -10px;
}
/* Worked by hariharan for issue:39722 on June4,2023  */
.bulkfolder{
	pointer-events:none;
}
.select2.select2-container .selection .select2-selection.select2-selection--multiple, .select2.select2-container .selection .select2-selection.select2-selection--single {
    display: block;
}
.keywordMultiSelect .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered {
    padding: 6px 6px 1px;
    display: inline;
    flex: unset;
}
.dataTables_paginate, .dataTables_info {
    padding-bottom: 8px;
}
/* .macroListHgt {
    background-color: #fff;
    height: calc(100% - 23px);
    border-radius: 4px;
    overflow-y: scroll;
} */
/* .macroListBox {
    min-height: 100% !important;
} */
.dataTables_scroll {
    margin-bottom: 16px;
}
.dataTables_scrollBody .table {
    margin-bottom: 0 !important;
}
tr.disabledCapaStatusRow td {
    opacity: 0.5 !important;
}
tr.disabledCapaStatusRow td i {
    color: #000 !important;
    opacity: 0.5 !important;
    cursor: default !important;
 }
 .btn-check:focus+.btn-default, .btn-default:focus{
    /* background-color: unset !important; */
    border-color: unset !important;
 }
 .app-sidebar-float-submenu .menu-item .menu-link{
    color:#fff !important;
}
 .app-sidebar-float-submenu .menu-item .menu-link.disabled{
    color:#888888 !important;
}
.ContentSubHeading {
    font-weight: 600;
}
.f-w-600, .fw-600 {
    font-weight: 600;
}
.f-w-700, .f-w-700 {
    font-weight: 700;
}
.f-s-14, .fs-14 {
    font-size: 14px;
}
.f-s-15{
    font-size: 15px;
}
/* .ContentSubHeading { font-size: 14px; } */
/* worked on this issue : 0040598,0040938 by Rajan on 13Jul2023 */
/* .form-check-input:disabled {
    background: #c1c1c1;
}  */
/* select 2 focus css */
.selectTwoMutiple:focus-within, .selectTwoMutiple.fieldFocus {
    box-shadow: 0 0 0 0.2rem rgba(52,143,226,.25);
}
.selectTwoMutiple, .select2 {
    border-radius: 4px;
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    font-size: 100%;
    /* margin-top: 5px; */
    /* margin-left: 5px; */
    padding: 4px !important;
    max-width: 100%;
    width: 320px !important;
    resize: none;
    border-radius: 4px;
    height: 34px !important;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    margin: 0px !important;
    word-break: keep-all;
    /* border:1px solid #ddd !important; */
}
span.select2-selection.select2-selection--multiple {
    padding: 0;
}
/* .select2.select2-container .selection .select2-selection.select2-selection--multiple{
    border:unset !important;
} */
.select2-container--focus.select2-container--open .select2-search__field {
    border: none !important;
}
  /* Added By karuppasamy folder search design css on 10-12-24 */
.select2-container--focus.select2-container--open {
    border:none !important;
}
span.select2.select2-container.select2-container--default.select2-container--below .select2-search__field {
    border: none;
}
/* select 2 focus css */


@media print {
    .noPrint {
       visibility: hidden;
    }
 }
.printPropertiesCls .noPrint {
    visibility:hidden;
    height:0;
    overflow: hidden;
}
.printPropertiesCls .propObjContainer label {
    background-color: #fff;
    width: 100%;
    padding: 0;
    border-radius: 0;
    min-height: unset;
}
.printPropertiesCls .bg-headerObj {
    background-color: #fff;
}
.userFilter .actionDropDown, .userFilter .actionDropDown.btn-default:focus, .userFilter .actionDropDown.btn-default:hover, .userFilter .actionDropDown.btn-default:focus, .userFilter .actionDropDown.btn-default:hover, .userFilter .btn-default, .userFilter .btn-default:focus, .userFilter .btn-default:hover {
    background: #fff !important;
    border-color: #ced4da !important;
    color: #000;
    font-weight: 500;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}
.userFilter b.fa.fa-chevron-down.dropdown-toggle {
    color: #6c757d;
}
.userFilter b.fa.fa-chevron-down.dropdown-toggle {
    color: #6c757d;
}
.userFilter a.btn.btn-default.arrowSelect.actionDropDown.dropdown-toggle {
    font-weight: 500;
}
 /* worked on this issue 0040650 by Rajan 18July2023 */
.width-350{
    width:350px;
}
.app-sidebar .menu .menu-item .menu-link .menu-text{
    max-width: 132px;
    word-wrap: break-word;
}
input::placeholder{
    font-size: 12px;
    font-weight: 400;
}
.form-select:disabled {
    background-color: #e9ecef !important;
    border-color: #cecece !important;
}
.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}
.tooltipIc .table-bordered td th{
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}
/* fishbone css  by karuppu 01Aug2023 */
.col.defaultHeight .inputCon .form-control {
    width: 190px;
}
.addMainSubCause .addSubCon, .addMainSubCause .InputWidth {
    width: 170px !important;
}
.addanothercassub:first-child::before{
    opacity: 0;
}
.addCauseSec .InputWidth {
    width: 190px;
}
/* .addsubinput::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 32px;
    left: 46%;
    margin-left: 4px;
} */
.col.defaultDownHei .downSec .form-control {
    width: 190px;
}
.downSec .subsidearrowCon {
    font-size: 12px;
    margin-left: 0;
    margin-right: 0;
}
.addanothercassubup:last-child::before{
    opacity: 0;
}
/* .addanothercassubup::before {
    content: '\f063';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 27px;
    left: 46%;
    margin-left: 4px;
} */
.downSec .addDownsubinput  {
    padding-top: 0;
}
.addDownsubinput  {
    padding-top: 14px;
    /* margin-left: 88px; */
    display: block;
    cursor: pointer;
    /* padding-left: 20px; */
    text-align: center;
}
.downSec .addDownsubinput::before {
    transform: rotate(180deg);
    top: 15px;
}
/* .addDownsubinput::before {
    content: '\f062';
    position: absolute;
    font-family: Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome!important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    top: 32px;
    right: 46%;
    margin-left: 4px;
} */
.addDownSubCause{
    position: relative;
}
.addDownSubCause::after {
    content: '';
    position: absolute;
    border-top: 1px solid #000;
    width: 20px;
    bottom: 15px !important;
    right: -24px;
}
.addDownSubCause .close {
    float: right;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #eb0b0b;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}
.removechilddownsbucause {
    margin-left: 6px;
}
/* .topRowSec .col:last-child .arrowTop:before {
    content: "";
    border-bottom: 2px solid #000;
    width: 12px;
    position: absolute;
    top: 0;
    right: 0;
} */
/* end css Fishbone */
/* Worked for Approval,Changes Tooltip border color by Gayathri on 27July2023 */
.tooltipMessage.table-bordered td, .tooltipMessage.table-bordered th{
    border-left: 1px solid #c7c7c7 !important;
    border-right: 1px solid #c7c7c7 !important;
    border-top: 1px solid #c7c7c7 !important;
    border-bottom: 1px solid #c7c7c7 !important;
}
.tooltipMessage.table thead tr th,  .tooltipMessage.table-bordered td.tooltipTbltdBg{
    background-color: #dbdbdb;
}
.capaPriortyScroll{
    max-width: 200px !important;
    overflow-x: auto;
}

/* Print PDF styles */
#printPropertiesCls {
    width: 21cm;
}
#printPropertiesCls .fa, #printPropertiesCls .fas, #printPropertiesCls .btn-icon, #printPropertiesCls .btn, #printPropertiesCls .form-control, #printPropertiesCls button, #printPropertiesCls .tab-overflow.overflow-right, #printPropertiesCls #spnErrorMsg, #printPropertiesCls .viewAllBtn, #printPropertiesCls .icWidth, #printPropertiesCls .NoteEditor,#printPropertiesCls .noPrintPdf, #printPropertiesCls .dataTables_length, #printPropertiesCls .dataTables_filter, #printPropertiesCls .dataTables_info, #printPropertiesCls .paging_full_numbers {
   opacity: 0;
   display: none !important;
}
/* #printPropertiesCls div {
   background: #fff !important;
} */
#printPropertiesCls .propObjContainer label {
   padding: 0 !important;
   min-height: unset;
   background: transparent;
   font-weight: 400 !important;
}
#printPropertiesCls a{
  word-break: break-all;
   }
#printPropertiesCls a, #printPropertiesCls .tab-content, #printPropertiesCls .ms-2{
   margin: 0 !important;
   padding: 0 !important;
}
#printPropertiesCls img{
 display: none;
}
#printPropertiesCls p{
 margin-bottom: 0px;
}
#printPropertiesCls .px-2, #printPropertiesCls .p-10 { 
    padding: 0 !important;
}
#printPropertiesCls .objTabContent {
    border: 1px solid #000 !important;
}
#printPropertiesCls .PdftabFillSec{
    display: block !important;
    padding:10px;
}
/* #printPropertiesCls .row>* {
    padding-left:0 !important;
} */
#printPropertiesCls .bg-headerObj, #printPropertiesCls .riskAssessementBoxBg, #printPropertiesCls .textBackColor    {
    background-color: white;
    padding: 10px !important;
}
 #printPropertiesCls .ArAtEContent{
 background-color: white !important;
 /* border:1px solid #000; */
}
#printPropertiesCls .pdf-px-10{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#printPropertiesCls .capaBg, #printPropertiesCls .riskBg , #printPropertiesCls .topBorderBox, #printPropertiesCls .bgGrayHead, #printPropertiesCls .objectTab,#printPropertiesCls .tabARView, #printPropertiesCls .tabATView, #printPropertiesCls .tabEffView, #printPropertiesCls .ncrRecordLinked, #printPropertiesCls .rcRecordLinked{
    background-color: white !important;
}
#printPropertiesCls .riskCommonBoxBg, #printPropertiesCls .riskAssessementLatestBoxBg {
    background-color: white !important;
    padding: unset !important;
}
#printPropertiesCls .media, #printPropertiesCls .PdfP-10{
    padding:10px !important;
}
#printPropertiesCls .nomb-2{
    margin-bottom:0px !important;
}
#printPropertiesCls{
    font-family: Helvetica, Sans-Serif;
    letter-spacing: 0.25px !important;
}
#printPropertiesCls .colFormLabel {
    font-weight: 700 !important;
}
#printPropertiesCls .NoPrintImg, #printPropertiesCls .NoPrintTab{
 display: none;
}
#printPropertiesCls .leftMarginSpace{
 margin-left: 8px !important;
}
#printPropertiesCls .Pdf-mb-2{
 margin-bottom: 8px !important;
}
#printPropertiesCls .Pdf-mt-2{
 margin-top: 8px !important;
}
#printPropertiesCls .Pdf-ml-2, #printPropertiesCls .Pdf-ms-2{
 margin-left: 8px !important;
}
#printPropertiesCls .Pdf-mr-2, #printPropertiesCls .Pdf-me-2{
 margin-right: 8px !important;
}
#printPropertiesCls .Pdf-pb-2{
 padding-bottom: 8px !important;
}
#printPropertiesCls .Pdf-pt-2{
 padding-top: 8px !important;
}
#printPropertiesCls .Pdf-pl-2, #printPropertiesCls .Pdf-ps-2{
 padding-left: 8px !important;
}
#printPropertiesCls .Pdf-pr-2, #printPropertiesCls .Pdf-pe-2{
 padding-right: 8px !important;
}
#printPropertiesCls .pdf-ml-10, #printPropertiesCls .pdf-ms-10{
    margin-left: 10px !important;
}
#printPropertiesCls .bg-objectContent, #printPropertiesCls .objectSecBg, #printPropertiesCls .bg-object-transparent, #printPropertiesCls .ccmBg , #printPropertiesCls .bgFillSection, #printPropertiesCls .at-bg, #printPropertiesCls .additionalCorSec{
   background-color: #fff !important;
}
#printPropertiesCls .PdfRiskPostSec{
    background-color: #fff !important;
    border:1px solid #000;
    border-radius: 4px;
}
#printPropertiesCls .PdfRiskPostSec .postSpaceSec{
    padding:10px !important;
}
#printPropertiesCls .PdfRiskPostSec hr{
    margin:unset !important;
}
#printPropertiesCls .bgFillSection{
    background-color: #fff !important;
    padding-bottom: 0px !important;
 }
#printPropertiesCls .bgFillSection{
    background-color: #fff !important;
    border-radius: 4px;
 }
 #printPropertiesCls .ArAtEContent .hide{
    display: block !important;
 }
 #printPropertiesCls .textLink{
    word-break: break-all !important;
 }
#printPropertiesCls .printPdfColWrap .col-lg-3,#printPropertiesCls .printPdfColWrap .col-lg-2, #printPropertiesCls .propObjContainer .col-lg-2, #printPropertiesCls .propObjContainer .col-lg-3, #printPropertiesCls .propObjContainer .col-lg-4{
    width:50% !important;
}
#printPropertiesCls .text-nowrap {
  white-space: wrap !important;
}
#printPropertiesCls .form-control:disabled, .form-control[readonly],#printPropertiesCls .form-select:disabled{
    background-color: #fff !important;
    width: 100%;
    padding: 8px 12px;
    border-radius: 4px;
    display: block;
}
.isoEmailbodydisabled {
    display: none !important;
  }
#printPropertiesCls .rcNcrBg, #printPropertiesCls .viewFillSection  {
    margin: 10px !important;
}
#printPropertiesCls .docObjWidth {
    padding: 12px 10px !important;
}
#printPropertiesCls .form-select:disabled{
    background-color: #fff !important;
    width: 100%;
    padding: 8px 12px;
    border-radius: 4px;
    display: block !important;
    background-image: unset !important;
    border:unset !important;
}
#printPropertiesCls .tab-content{
    display: block !important;
}
#printPropertiesCls .PdftabFillSec{
    border:1px solid #000;
    margin-bottom:8px;
}
#printPropertiesCls table{
    font-size: 12px;
}
.NcRcPaNum {
    border-top: 1px solid #BABABA;
    border-left: 1px solid #BABABA;
    border-right: 1px solid #BABABA;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: -2px;
}

textarea.form-control {
    height: calc(1.5em + 0.875rem + 2px);
    overflow: hidden;
    resize: none;
}
.inputCon{
    position: relative;
}
.inputCon:first-child:after {
    content: '';
    position: absolute;
    border-top: 1px solid #000;
    width: 20px;
    top: 15px!important;
    right: -24px;
}
.versionDateWidth{
    width:100px !important;
}
.clsFishboneListing .addsubdownArrow{
   display: none !important;
}
.clsFishboneListing .addanothercassub::before{
    display: none !important;
}
.topSubCause:last-child{
    margin-bottom: 6px !important;
}
.table-header-rotated.permissionsTbl th.rotate.TitleRotated.reportTh {
    padding: 4px 0px !important;
    min-width: 96px !important;
}
.table-header-rotated.permissionsTbl th.rotate.TitleRotated.databaseTh{
    padding:4px 0px !important;
    min-width: 96px !important;
}
.inputCon.propObjContainer label{
    width:190px !important;
}
.clsFishboneListing .inputCon label{
    position: relative;
}
.clsFishboneListing .inputCon label.topCauseFill::before {
    content: '';
    position: absolute;
    border-top: 1px solid #000;
    width: 32px;
    top: 50%;
    margin: auto;
    bottom: auto!important;
    right: -40px;
}
.clsFishboneListing .inputCon label.downCauseFill::before {
    content: '';
    position: absolute;
    border-top: 1px solid #000;
    width: 32px;
    top: 50%;
    margin: auto;
    bottom: auto!important;
    right: -40px;
}
.clsFishboneListing .inputCon::after{
    display: none;
}
/* .clsFishboneListing .MainCauseArrow{
    display: none;
} */
/* .clsFishboneListing .causeArrow{
    display: none;
} */
.fishboneListing .fishboneListTopSec .arrowTop {
    position: absolute;
    bottom: 45px;
    right: 3px;
    /* transform: rotate(1deg); */
}
/* .clsFishboneListing .col:last-child .arrowTop:before {
    content: "";
    border-bottom: 2px solid #000;
    width: 12px;
    position: absolute;
    top: 0;
    right: 0;
} */
/* worked on this issue 0041086 by Rajan on 21Aug2023 */
/* .navTabGroup .nav-item:first-child a:focus{
    margin-right: 4px !important;
} */
.navTabGroup .nav-item a:focus{
    box-shadow: none !important;
}
.macroListHgt {
    height: calc(100% - 27px);
    border-radius: 4px;
    background: white;
    overflow: auto;
}
.btn-group-sm>.btn, .btn-sm{
    line-height: 1.4 !important;
}
.noteLblField{
    white-space: nowrap;
}
.isoIconDisabled{
    filter: grayscale() !important;
}
/* NewCapa-Containment */
.colContainmentFormLabel {
    margin-right: 8px;
   	line-height: 1.25 !important;
   	font-weight:600;
}

.jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px;
    border: 1px solid transparent;
}
.jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-hovered {
    border: 1px solid #ffd900 !important;
}
.disableClassOption {
    color: #000 !important;
    opacity: 0.5 !important;
    cursor: default !important;
 }
 /* worked on this issue 42354 by Suriya KUmar on 09 Oct 2023 */
 .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2{
    font-size: 12px !important;
    font-weight: 600;
 }
  /* worked on this issue 42385 by Kalanithi on 10 Oct 2023 */
 .bootstrap-duallistbox-container .info .badge-warning{
    background-color: #f59c1a !important;
    border-radius: 12px !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #67abe9 !important;
    box-shadow: 0 0 0 0.25rem rgba(52,143,226,.25) !important;
}
/* td.child .dtr-title{
    margin-bottom: 4px !important;
} */
.isoCloseObject{
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

 /* added by Ramachandran on 10 Oct 2023 */
.table-100{
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
select.form-select option:disabled {
	color: #c2c2c2 !important;
}
.propObjContainer label {
    background-color: #fff;
    width: 100%;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 4px;
}
.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);
}
.input-group-text {
    background-color: #d5dbe0;
}
.input-group-text i {
    font-size: 14px;
}
.django-ckeditor-widget textarea {
    width: 100% !important;
    border: 1px solid #ced4da;
}
/* Worked For This Issues - 42259 Added By Suriya Kumar S On 03 Oct 2023.*/
th.actionTdMaxWidth {
    width: 100px !important;
    min-width: 100px !important;
}

th.actionTdMaxWidthNc {
	width: 150px !important;
	min-width: 100px !important;
}

/* Worked on this issue id 0048852 by Rajan on 22Aug2024 */
th.actionTdMaxWidthScale {
    width: 150px !important;
    min-width: 150px !important;
}


.btn-aqua {
    color: #2d353c;
    background-color: #49b6d6;
    border-color: #49b6d6;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #fff;
}

th.archiveDateWidth, th.archiveTypeWidth  {
    width: 110px!important;
    min-width: 104px!important;
}

th.archiveVersionWidth, th.archivePublishedWidth, th.archiveRestoreWidth {
    width: 70px!important;
    min-width: 70px!important;
}
.nav-item.disable a {
    filter: grayscale(1) !important;
    opacity: 0.5;
}
/* Worked For This Issues - 44214 Added By Suriya Kumar S On 06Feb,2024.*/
.datetimepickerSec{
    cursor: pointer;
}
/* Worked For This Issues - 44148 Added By Suriya Kumar S On 06Feb,2024.*/
@media print {
    .historyPrint {
       display: none;
    }
 }

 /* Worked for issue no: 0046481 by Ramachandran on 24-May-2024 */
.isodisabled {
    color: #ced4da !important;
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}
.isodisabledReport,.isodisabledReport i{
    pointer-events: none !important;
    cursor: default !important;
}
.isodisabledReport i, .isodisabledReport div,.isodisabledReport span{
    opacity: 0.2;
    pointer-events: none !important;
    cursor: default !important;
}

/*Added for horizontal scroll bar by Yogapriya C on 12Mar2024*/
.dataTables_scrollHead .table tr th, .dataTables_scrollBody .table tr td {
    /* border-right: 1px solid #000 !important; */
    min-width: 204px;
    width: 204px;
    /* Worked for issue 48139 by kkaruppasamy on 30Aug2024 */
    /* word-break: break-all; */
    /* white-space: wrap !important;  */
    /* Worked for issue 50371,50374 by Prasanna Kumar A on 27Sep2024*/
    text-wrap:balance;
}
#loader {
    background: rgba(0,0,0,0) !important;
}
.okIc{
    font-size: 8px !important;
    color: #fff;
}


/*Worked for this issue no:0044626 by Yogapriya C on 26Mar2024 */
.selection .select2-selection.select2-selection--multiple .select2-selection__choice{
    margin-bottom: 8px !important;
}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner .dataTable>:not(caption)>*{
    border-bottom: none !important;
}
/*Worked for this issue no:45440 by Suriya Kumar S on 04April,2024. */
.isoArchiveDocumentName{
    word-break: break-all;
}
@font-face{
    font-family: text-security-disc;
    src: url("https://raw.githubusercontent.com/noppa/text-security/master/dist/text-security-disc.woff");
  }
input.isoPasswordField
{
    -webkit-text-security: disc;
    /* text-security: disc; */
    font-family:text-security-disc;
}
.dataTables_scrollHead .table tr th.dataScrollMinWidth, .dataTables_scrollBody .table tr td.dataScrollMinWidth{
    min-width: 110px;
    width: 110px;
    text-wrap: wrap !important;
}

.dataTables_scrollHead .table tr th.dataScrollMaxWidth, .dataTables_scrollBody .table tr td.dataScrollMaxWidth{
    min-width: 120px;
    width: 120px;
    text-wrap: wrap !important;
}
.app-header .topLoginDrpDown .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--app-header-color);
    border-radius: 4px;
}
.app-header .topLoginDrpDown .icon-bar+.icon-bar {
    margin-top: 4px;
}
.app-header .topLoginDrpDown {
    position: relative;
    padding: 10px;
    background-color: transparent;
    background-image: none;
    border: none;
    outline: 0;
    color: var(--app-component-color);
    border-radius: 4px;
}

.add-read-more .read-more,
.add-read-more .read-less, 
.addchildMoreLess .read-moreChild,
.addchildMoreLess .read-lessChild,
.ReadUserRecordSec .read-moreChild,
.ReadUserRecordSec .read-lessChild{
   font-weight: bold;
   /* margin-left: 2px; */
   text-decoration: underline;
   color: blue;
   cursor: pointer;
}
.text-content .second-section{
    margin-left: -3px !important;
}
/* Worked for Help Document by Prasanna Kumar A on 05Jul2024 */
.theme-panel .theme-panel-content {
    padding: unset;
}

.theme-panel .theme-collapse-btn {
    top: 3%;
}
/* .theme-panel .theme-resize-btn{
    top:50%;
} */
.theme-panel .theme-newtab-btn {
    position: absolute;
    left: -30px;
    top: 30%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: var(--app-component-color);
    background: var(--app-component-bg);
    text-align: center;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
}

.helpExpandSpace{
    margin-right: 350px !important;
}

.theme-panel .theme-newtab-btn{
    top: 7%;
}


/*Worked for Login Page Password Eye Icon by Prasanna Kumar A on 20Jun2024*/
.password-container {
    position: relative;
}
  
.eye-container{
    position: absolute;
    right: 9px;
    top: 9px;
    font-size: 14px;
}

::-ms-reveal {
    display: none;
}

body.macos .height-lg {
    min-height: 740px !important;
    bottom: 0px !important;
    /* Add more macOS-specific styles here */
  }
  /* fishbone design css added by karuppu */

.addAnotherDownCause::after {
    content: '\f0da';
    position: absolute;
    font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-size: 25px;
    font-variant: normal;
    top: -10px;
    right: -37px;
    margin-left: 4px;
}
.defaultHeight::after {
    content: '';
    border-right: 0.105vw solid #000;
    height: calc(100% - 35px);
    position: absolute;
    top: 38px;
    right: 0;
}
.col.defaultHeight::before {
    content: "";
    /* background-image: url(/static/img/isoCapa/Line.png); */
    /* border: 0.67px solid #000; */
    /* border: 0.639px solid #000; */
    border: 0.06vw solid #000;
    /* height: 0.98px; */
    width: calc(100% + 16px);
    position: absolute;
    bottom: -3px;
    right: -16px;
}
.topRowSec .defaultHeight:first-child::before {
    opacity: 0;
}
.addAnotherDownCause {
    text-align: right;
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: 16px;
}
.addAnotherDownCause {
    position: relative;
}
.topRowSec .addanothercassub:after {
    content: "";
    position: absolute;
    width: 80px;
    top: 50%;
    left: 4px;
    height: 0.98px;
    /* background-image: url(/static/img/isoCapa/Line.png); */
    border-bottom: 0.105vw solid #000;
}
.causeOverallSec:after {
    position: absolute;
    content: "";
    width: 0.98px;
    top: 8px;
    left: 4px;
    height: calc(100% - 16px);
    border-left: 0.105vw solid #000;
}
.causeOverallSec {
    position: relative;
}
.topRowSec .addanothercassub {
    padding-top: 0px;
    padding-left: 88px;
}
.topRowSec .causeOverallSec {
    padding-top: 4px;
}
.fa-sort-up {
    font-size: 16px;
}
.btmRowSec .btmDownSubCause:after {
    content: "";
    position: absolute;
    width: 80px;
    top: 48%;
    left: -83px;
    /* height: 0.98px; */
    border-bottom: 0.105vw solid #000;
    /* background-image: url(/static/img/isoCapa/Line.png); */
}
.btmDownSubCause {
    position: relative;
}
.btmRowSec .addSubCause {
    margin-left: 76px;
}
.addSubCause {
    margin-right: 0px;
    cursor: pointer;
}
.defaultDownHei .fa-sort-up {
    transform: rotate(180deg);
    font-size: 16px;
}
.addMainSubCause {
    position: relative;
    text-align: center;
    left: 30px;
}
.addMainSubCause:after {
    position: absolute;
    top: 17px;
    content: "";
    left: -25px;
    width: 20px;
    height: 0.80px;
    border-bottom: 0.105vw solid #000;
    /* background-image: url(/static/img/isoCapa/Line.png); */
}
.addMainSubCause .addMainSubCauseRemIc {
    /* position: absolute; */
    color: #eb0404;
    font-size: 12px;
    display: block;
}
.periodDate{
    margin-left: 20px;
}

/* fishbone design css */
.topRowSec .col:last-child .arrowTop:before {
    content: '\f0da';
    position: absolute;
    font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
    font-weight: 900;
    font-size: 35px;
    font-style: normal;
    font-variant: normal;
    top: 21px;
    left: 52%;
    margin-left: 8px;
}
.topRowSec .addMainSubCause a.fbCloseIc {
    top: -14px !important;
    bottom: 11px;
    right: 0px;
}
a.fbCloseIc {
    position: absolute;
    right: 2px;
    top: 22px;
    width: 12px;
    height: 12px;
}
.topRowSec .addanothercassub {
    padding-top: 0px;
    padding-left: 88px;
}
.addanothercassub {
    position: relative;
    padding-top: 10px;
}
.topRowSec .addanothercassub:after {
    content: "";
    position: absolute;
    width: 80px;
    top: 50%;
    left: 4px;
    height: 0.98px;
    /* background-image: url(/static/img/isoCapa/Line.png); */
    border-bottom: 0.105vw solid #000;
}
.addsubinput {
    text-align: left;
}
.topAddAnotherSubCause.causeOverallSec:after {
    position: absolute;
    content: "";
    /* width: 0.98px; */
    top: 6px;
    left: 4px;
    height: calc(100% + 4px);
    border-left: 0.105vw solid #000;
    /* background-image: url(/static/img/isoCapa/Line.png); */
}
.addCauseSec.causeOverallSec:after {
    position: absolute;
    content: "";
    width: 0.98px;
    top: 49px;
    left: 4px;
    height: calc(100% - 57px);
    border-left: 0.105vw solid #000;
}
.addCauseSec {
    position: relative;
}
.addCauseSec::before {
    content: '\f0da';
    position: absolute;
    font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-size: 25px;
    font-variant: normal;
    top: 0px;
    right: -20px;
    margin-left: 4px;
}
.addCauseSec::after {
    content: '';
    position: absolute;
    border-top: 0.105vw solid #000;
    width: 15px;
    top: 18px;
    right: -17px;
}
.defaultDownHei .causeOverallSec:after {
    position: absolute;
    content: "";
    /* width: 0.92px; */
    top: 9px;
    left: 5px;
    height: calc(100% - 16px);
    border-left: 0.105vw solid #000;
    /* background-image: url(/static/img/isoCapa/Line.png); */
}
.btmRowSec .btmDownSubCause:after {
    content: "";
    position: absolute;
    width: 80px;
    top: 48%;
    left: -83px;
    /* height: 0.98px; */
    border-bottom: 0.105vw solid #000;
    /* background-image: url(/static/img/isoCapa/Line.png); */
}
.addMainSubCause .addmainSubcauseRemoveTc {
    /* position: absolute; */
    color: #eb0404;
    font-size: 12px;
    display: block;
    top: 15px !important;
}
.defaultDownHei .causeOverallSec.downAddSubCause:after {
    position: absolute;
    content: "";
    width: 1px;
    top: 10px;
    left: 5px;
    height: calc(100% + 4px);
    border-left: 0.105vw solid #000;
    /* background-color: #000; */
}
.btmRowSec .adddownmainsubcause.btmDownSubCause:after {
    content: "";
    position: absolute;
    width: 80px;
    top: 49%;
    left: -71px;
    /* height: 0.98px; */
    border-bottom: 0.105vw solid #000;
    /* background-image: url(/static/img/isoCapa/Line.png); */
}
.defaultDownHei .downsecsubcause.causeOverallSec:after {
    position: absolute;
    content: "";
    /* width: 0.92px; */
    top: 9px;
    left: 5px;
    height: calc(100% - 50px);
    border-left: 0.105vw solid #000;
    /* background-image: url(/static/img/isoCapa/Line.png); */
}
.serachSelectSec{
    position: relative;
}
.serachSelectSec .searchIc {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #ddd;
    border-radius: 0px 4px 4px 0px !important;
    /* width: 14px; */
    padding: 7px 10px;
}
.footerBtnSec {
    position: sticky;
    bottom: 0px;
    width: 100%;
    /* margin-bottom: 30px; */
}

/* Worked for Help Document by Prasanna Kumar A on 16Aug2024 */
.theme-panel {
    /* position: absolute !important; */
    z-index: 2000 !important;
    left:unset !important;
    min-width: 350px;
    max-width: 550px;
    right: -350px;
}

.theme-panel-content{
    overflow: hidden;
}
/* admin sidebar collapse edit icon none css */
.app-sidebar-fixed.app-sidebar-minified .app-sidebar .editFormSec .editIc{
    display: none !important;
}

.divider {
	height: 2px !important;
	border-color: #d0d0d0;
	width: 100%;
    margin-bottom: 8px !important;
}
.text-red {
    color: red !important;
}

button.btn.btn-secondary.btn-sm.deleteBtn::before {
    content: "\f1f8";
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    padding: 4px 8px 4px 0px;
}

span.btn i.fa-info, span.btn i.fa-exclamation {
    font-size: 11px;
}
.capaInestHighlightBdr {
    background-color: #ffbfbf !important;  
}
.capaMonitorHighlightBdr {
    background-color: #bfffcf !important;
}
.isoListingImgDiv img, .isoListingImgDiv span{
    /* width: 100% !important; */
    max-width: 100% !important;
    word-break: break-word !important;
}
.rcWhysDiver{
    margin: 0.5rem 0rem !important;
}
.paymentdynamicsec{
    overflow-wrap: break-word;
}
.isoCorrOpenClose{
    border-top: 1px solid #BABABA;
    border-left: 1px solid #BABABA;
    border-right: 1px solid #BABABA;
    border-bottom: 1px solid #BABABA;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* Worked for issue no: 53041 by KrishnaKumar on 03-Jan-2025 */
.isoDisablePriorNCR a,
.isoDisablePriorNCR button,
.isoDisablePriorNCR span {
    pointer-events: none;
    opacity: 0.4;
}
.ccmEscalateReportTbl th, .ccmEscalateReportTbl td {
    min-width: 220px !important;
    max-width: 220px !important;
}
.isoToolTipRender{
    vertical-align: middle;
}
hr{
    margin:0 !important;
}
/* Fixed 0053924 this issue for Karthick S on 12Feb2025 */
table.isoSubChildListing:nth-child(odd) {
    background-color: #ECECEC !important;

}
table.isoSubChildListing:nth-child(even) {
    /* background-color: #a5a5a5 !important; */
    background-color: #DFDFDF !important;

}
/* Fixed 0054570 this issue for Karthick S on 13Feb2025 */
body table.dataTable thead tr th.sorting:after, body table.dataTable thead tr th.sorting_asc:after, body table.dataTable thead tr th.sorting_desc:after {
    color: #777a7c;
    font-size: 0.65rem;
}
.table-striped tbody tr.expandRowOdd:nth-of-type(odd){
background-color: unset !important;
}
.table-striped tbody tr.expandRowOdd:nth-of-type(even){
    background-color: unset !important;
}
.dataTables_scrollBody table .added-read-more table{
    width: 100% !important;
}
.cke_notification{
    display: none;
}

p img{
    /* width: 100% !important; */
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}
p:has(img) {
    width: 100% !important;
    min-height: 200px !important;
    max-height: 100% !important;
    max-width: 100% !important;
}
p a:has(img) {
    width: 100% !important;
    min-height: 200px !important;
    max-height: 500px !important;
}
p a img {
    width: unset !important;
    height: unset !important;
}

div img{
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}