@import url(root.css);
@import url(colors.css);


body{padding:0;margin:0;font-weight:var(--fw-400);color: var(--gray-900);font-family:var(--body-font);font-size:var(--fs-base);text-rendering: optimizeSpeed;}
body.page{ background:var(--gray-100);}
header.main-header{background: var(--white);border-top: solid 1px var(--gray-300);padding: 8px 0 !important;}
.openLayout body, .openLayout html, .openLayout /*header.main-header*/{ background:var(--gray-100)}
iframe body.p-gecko{ background:none}
.Mandatory{color: var(--rose-600);top: 0;font-size: 14px;}
.hide{ display: none !important;}
/***/

/*.container-fluid{ min-width:1200px;}*/
.container-fluid.mw-sm{ min-width:576px}
.container-fluid.mw-md{ min-width:768px}
.container-fluid.mw-lg{ min-width:992px}
.container-fluid.mw-xl{ min-width:1200px}


.rounded-1{border-radius:var(--radius-sm) !important}
.rounded-2{border-radius:var(--radius-md) !important}
.rounded-3{border-radius:var(--radius-lg) !important}
.rounded-4{border-radius:var(--radius-xl) !important}

/***************/
.mxh-200{ max-height: 200px; overflow-y: auto;}

/*p{ line-height:normal}*/
a{color: var(--primary-500);}
a:hover{ color:var(--primary-700)}
.asterisk{ color:var(--rose-600)}
.text-amount{ text-align:right !important}
td.text-amount{ text-align:right !important; padding-right:24px !important;}
.sourceLink{ color:var(--primary-800); text-decoration:none; border-bottom:dotted 2px var(--gray-500); font-weight:var(--fw-500)}
.text-striked{ text-decoration:line-through; color:var(--gray-400)}
.text-muted{ color:var(--gray-500) !important}
b, strong{font-weight: 600;}
hr{background:var(--gray-200); opacity:1; border: 0; height: 1px;}

/****Customized--Global Font Weights****/
.fw-100{font-weight:var(--fw-100) !important}
.fw-200{font-weight:var(--fw-200) !important}
.fw-300{font-weight:var(--fw-300) !important}
.fw-400{font-weight:var(--fw-400) !important}
.fw-500{font-weight:var(--fw-500) !important}
.fw-600{font-weight:var(--fw-600) !important}
.fw-700{font-weight:var(--fw-700) !important}
.fw-800{font-weight:var(--fw-800) !important}
.fw-900{font-weight:var(--fw-900) !important}
td.text-semi-bold {font-weight: var(--fw-500);}
.text-bold{font-weight:var(--fw-700) !important}
/********/
/****Customized--Global Font sizes****/
.fs-6{ font-size:11px !important}

.nowrap{ white-space:nowrap}

/**********/
.shadow-xs{box-shadow:var(--shadow-xs)}
.shadow-sm{box-shadow:var(--shadow-sm)}
.shadow-md{box-shadow:var(--shadow-md)}
.shadow-lg{box-shadow:var(--shadow-lg)}
.shadow-0{box-shadow: none !important;}
/*****min-width****/
.mw-xs{ min-width:110px}
.mw-sm{ min-width:150px}
.mw-md{ min-width:200px}
.mw-lg{ min-width:300px}
.mw-xl{ min-width:400px}
/*****width****/
.w-sm{ width:100px !important}
.w-md{ width:200px !important}
.w-lg{ width:300px !important}

/*****max-height****/
.max-height-sm{max-height:160px; overflow-y:auto;     overflow-x: clip;}
.max-height-md{max-height:240px; overflow-y:auto;     overflow-x: clip;}
.max-height-lg{max-height:480px; overflow-y:auto;     overflow-x: clip;}

/*****min-height****/
.no-min-height{ min-height:inherit !important}
.min-hight-sm{ min-height:100px !important}
.min-hight-md{     min-height:200px !important}
.no-margin-bottom { margin-bottom: 0px !important;   }
.no-padding-left {    padding-left: 0px;   }
.no-padding-right {    padding-right: 0px;   }
.padding-left-5 {    padding-left: 5px;   }
.padding-right-5 {    padding-right: 5px;   }
.min-height-10 {    margin-bottom: 10px !important;   }
.no-margin{  margin: 0px;  }
.margin-top {margin-top: 15px;}

/*******/
.mt-50 { margin-top: 50px;}

/*Customized to match old classess******/
.no-padding-bottom {padding-bottom: 0px !important; }
.paddingTop {padding-top: 10px;}

/****Customized--scrollbar****/

 ::-webkit-scrollbar{width:6px;height:6px; }
 ::-webkit-scrollbar-track{background:var(--gray-50);  box-shadow:var(--shadow-sm) inset rgba(var(--gray-rgb),20%)}
 ::-webkit-scrollbar-thumb{background:var(--gray-300); cursor:pointer; height: 4px; border-radius: var(--radius-sm);  box-shadow:var(--shadow-sm) inset rgba(var(--gray-rgb),20%)}
 ::-webkit-scrollbar-thumb:hover{background:var(--gray-500); cursor:pointer}
 /********/

 @-moz-document url-prefix() {
	* {	  scrollbar-width: thin; /* Equivalent to 6px width */	  scrollbar-color: var(--gray-300) var(--gray-50); /* thumb color track color */	}
  }
  


/********/

/*************
Customized--Form Elements
*************/
/* .form-group{ margin-bottom:8px} */
.form-label{margin-bottom:1px;font-weight: var(--fw-500);display:block;color:var(--gray-800);font-size: var(--fs-base);}
.form-label.mandatoryLabel{ padding-left:8px;}
.form-label.mandatoryLabel:before{content: "*";color: var(--rose-600);font-size: var(--fs-base);position: absolute; left: 0;}
.select2{
	width: 100% !important;
} 
.form-control,.form-select,input,optgroup,select,textarea, .fc-source-fields, .fc-destination-fields, .select2-container--default .select2-selection--single, .select2-container .select2-selection--single{border: solid 1px var(--gray-300);background-color: var(--white);font-weight: var(--fw-600);font-size: var(--fs-base);border-radius:var(--radius-xs);padding: 2px 4px 2px 4px;color: var(--gray-800) !important;line-height: 1.4;}
select[multiple], textarea{min-height: 120px !important;margin-bottom: 8px;width: 100%;max-height: 170px;}
select[multiple] option{font-weight: var(--fw-600);border-bottom: solid 1px var(--gray-100);color: var(--gray-800);padding: 4px;}
.form-control:focus{ border-color: var(--primary-500);}

.table td .form-control,
.table td .form-select,
.table td .select2{ margin:1px 0 0px 0;}
.table td .input-group .form-control{ margin: 0;}
.table tr.attachment-img a{ margin:4px 0 !important;}



.form-label small{ font-weight:300}
.form-select{padding-right:30px}

.form-control-lg{ font-weight:var(--fw-600)}
/*****************/
 .select2-container{display: inline-table;
} 


.select2-container .select2-selection--single{height: 24px !important;border-color: var(--gray-300) !important;padding-top: 1px;}
.select2-selection__rendered{line-height: 18px !important;padding-left: 2px !important;color: var(--gray-800) !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 22px !important;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{ border-color: var(--primary-400) !important;}


.select2-container--default.select2-container--disabled .select2-selection--single{background-color: var(--gray-200);}
/***************/

.form-check .form-check-label{color: var(--gray-800);font-weight:var(--fw-600);font-size: var(--fs-base);position: relative;top: -1px;}
/*Checkbox styling*****/
.form-check-input{padding: 0;height: 16px;width: 16px;margin: 0;border-color: var(--gray-400);cursor: pointer;}
.form-check-input:checked{background: var(--primary-500);border-width:1px;position: relative !important;display: block;border-color: var(--primary-700);}
.form-check-input:checked[type=checkbox]:before{content:"\F633";font-family: var(--icon-bs);color: var(--primary-50);line-height: 0;top: 7px !important;position: absolute;}

.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label{opacity: .8;}
.form-check-input:disabled{ background: var(--gray-300);}
.form-check-input:checked:disabled {    background: var(--gray-500);    border-color: var(--gray-500);}


td .form-check-input{margin-top: 1px;}
/*radio styling*****/
.form-check-input:checked[type=radio]:before{content:"";width: 8px;height: 8px;background: var(--primary-50);display: block;position: relative;border-radius: var(--radius-lg);left: 3px;top: 3px;}
.form-check{min-height: inherit;margin-right: 12px;}

/*********/
.form-group.error .form-check{ color: var(--gray-700);}
.form-group.error .form-check .form-check-input{ border-color: var(--rose-500);}


/*switch******/
.form-check.form-switch{ line-height: 0; position: relative; margin-top:4px !important;}
.form-check.form-switch .form-check-input{ width:32px; }
.form-check.form-switch .form-check-input:before{content:"\F287"; font-family: var(--icon-bs); position: absolute; left:15px; top: 0; color: var(--gray-400); font-size: 12px;}
.form-check.form-switch .form-check-input:checked{ background: var(--primary-500) !important; }
.form-check.form-switch .form-check-input:checked:before{  right: 2px;  top: 0; left: auto; color: var(--primary-50);}


/****/
.form-control:disabled, .form-control[readonly], select:disabled, select[readonly]{background-color: var(--gray-200) !important;/* color: var(--gray-500) !important; */opacity: 0.7;}
.form-control:disabled,  select:disabled { cursor: not-allowed;}
.form-control[readonly]{ background: var(--primary-50) !important;}

/* .form-group{margin-bottom: 0;min-height: 60px;position: relative;} */
.form-group{margin-bottom: 11px;position: relative;}
.form-group.error label.error{color: var(--rose-600);font-size: var(--fs-sm);position: absolute;bottom: -16px;font-weight: var(--fw-500);display: block !important;}
.form-group.error label.error:before{content:"\F33A";font-family: var(--icon-bs);margin-right: 2px; position: relative; top: 1px;}
.form-group.error .form-control{border-color: var(--rose-600);}
/* .form-group.error .select-control+.error {
    bottom: -18px !important;
} */



.input-group-text{font-size: var(--fs-base) !important;line-height: 3px; color: var(--gray-900); padding-left: 4px; padding-right: 4px;}
.input-group-text .form-check .form-check-label{ top: 6px;}
.input-group-text .form-check{ margin: 0;} 
.input-group-text:has(.form-check){ padding-top: 0px; padding-bottom: 0;}



.form-group.no-min-height {margin-bottom: 8px;}
.question-row .form-group.no-min-height {margin-bottom: 0px;}
.form-group.error .date span.input-group-text {
    border-color:  var(--rose-600);
    color:  var(--rose-600);
}



.form-group.error .select2-container--default .select2-selection--single {
    border-color:  var(--rose-600) !important;
}
/* .form-group .date.input-group+.error {
    bottom: -4px;
} */
/***********/


/******Custom Select text Colors********/
select.selectStatus option[value=Cancelled], .Cancelled{ color: var(--rose-600)  }
select.selectStatus option[value=Required], .Required{   color: var(--orange-600)    }
select.selectStatus option[value=Waived], .Waived,
select.selectStatus option[value=Ordered], .Ordered{     color: var(--emerald-600)    }
select.selectStatus option[value=Received], .Received{   color: var(--emerald-600)    }
select.selectStatus option[value=OrderFail], .OrderFail{ color: var(--rose-600)  }
select.selectStatus option[value=Reviewed], .Reviewed{   color: var(--blue-600) }
.NotRecvd span.select2-selection.select2-selection--single {
    
    background:#ffc88fe3 !important
}
.NotRecvd span.select2-selection__rendered  {	 color: #ea520c !important;     border-color: #ea520c !important;}
span.reqTableNotRecvd{color: #ea520c !important  }
/************************************************************
Customized--button styles
/************************************************************/
.btn{font-weight: var(--fw-600);white-space:nowrap;/* box-shadow: var(--shadow-xs) rgba(var(--gray-rgb), 20%); */position:relative;font-size: var(--fs-base);padding: 1px 8px 1px 8px;border-radius:var(--radius-xs);min-height: 24px;}
.btn-badge{ position:relative; padding-right:30px;}
.btn-badge .badge{     position: absolute;    top: 3px;    right:4px; box-shadow:var(--shadow-xs) rgba(var(--gray-rgb), 60%);    border-radius: var(--radius-lg); border:solid 1px var(--white);    padding:4px 5px 3px 5px !important;    min-width: 16px;    display: inline-block;    text-align: center;}

.btn-link {box-shadow:none;padding:0;color: var(--primary-500);text-decoration:none;}
.btn-link:hover {text-decoration: underline;  color:var(--primary-500);}
/****/
.btn-rounded{ border-radius:var(--radius-lg) !important}
.btn.btn-rounded{border-radius:var(--radius-lg)}
/****/
.btn-group-xs>.btn, .btn-xs{ padding:0.2rem 0.3rem 0.1rem 0.3rem; font-size: .875rem; border-radius: 0.2rem; margin-bottom:2px; }
.btn-group-xs>.btn i, .btn-xs i{ font-size: inherit !important; vertical-align:inherit; line-height: normal; top:0px !important}

/****/
/*.btn-group .btn{ box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1) inset}*/
/****/
.btn i{line-height:0;position:relative;vertical-align: middle;font-size: 16px;top: -1px;font-weight: var(--fw-900);}
.btn-sm i{ font-size:14px; line-height:0; position:relative; top:1px}
.btn-lg i{font-size:20px; position:relative; vertical-align:top; line-height:0 }
/****/
.btn-sm{line-height: normal;padding-top: 3px;padding-bottom: 3px;font-size: var(--fs-s);}
.btn-lg{padding: 9px 16px 9px 16px;font-weight:var(--fw-600);font-size: var(--fs-base) !important;min-height: 40px;}
/********/

/*bootbox*******************/
.bootbox .bootbox-close-button{position: absolute;right: 5px;top: 8px;font-size: 20px;background:none;border: 0;width: 32px;line-height: 0;height: 32px;padding-top: 3px;z-index: 1;}
.bootbox .bootbox-close-button:hover{background: var(--gray-200);}
.bootbox .modal-footer{justify-content: right !important;flex-direction: row-reverse;}
.bootbox-body {width: auto;  line-height: 23px; font-size: 13px;/*word-break: break-all;*/}
.bootbox .modal-body{padding-right: 35px;}
/******/
.btn-help{display: inline-block;width: 16px;height: 16px;border: solid 1px var(--gray-500);border-radius: var(--radius-lg);text-align: center;line-height: 14px;text-decoration: none;font-weight: var(--fw-800);margin-left: 4px;vertical-align: text-bottom;font-size: 12px;color: var(--gray-800);/* padding-left: 1px; */}
.btn-help:hover{background: var(--primary-500);color: var(--primary-50);border-color: var(--primary-600);}
/***********/
.btn-block {width: 100%;}



/************************************************************
Solid Buttons 
/************************************************************/
/**.btn-primary**/
	.btn-primary{background: var(--primary-500) !important;border-color: var(--primary-500) !important;color:var(--primary-50) !important;}
	.btn-primary:active,
	.btn-primary:hover,
	.btn-check:active+.btn-primary,
	.btn-check:checked+.btn-primary,
	.btn-primary.active,
	.btn-primary.dropdown-toggle.show,
	.btn-primary:active{
		background: var(--primary-600) !important;
		border-color: var(--primary-600) !important;
		color: var(--white) !important;
		}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{}


/**.btn-light**/
	.btn-light, .btn-default{background: var(--white);border-color: var(--primary-300);color: var(--primary-500) !important;}
	.btn-light:active, .btn-default:active,
	.btn-light:hover, .btn-default:hover,
	.btn-light.active, .btn-default.active,
	.btn-light.dropdown-toggle.show, .btn-default.dropdown-toggle.show,
	.btn-light:active, .btn-default:active,
	.btn-light:focus, .btn-default:focus,
	.btn-light.active:focus, .btn-default.active:focus, 
	.btn-light.dropdown-toggle.show:focus, .btn-default.dropdown-toggle.show:focus,
	.btn-light:active:focus, .btn-default:active:focus{
		background: var(--primary-50) !important;
		border-color: var(--primary-600) !important;
		color: var(--primary-600) !important;
		}


/****/	
.btn.disabled, .btn:disabled, button[disabled]{  opacity: 0.5; pointer-events: auto; cursor:not-allowed !important; border-color: inherit;   background: inherit; }



/****Card global customization****/
.card{margin-bottom: 9px;border-radius:var(--radius-sm)}
.card .card-header, .card .card-header{padding-bottom:var(--p-2);}
.card .card-header h3.card-title, .card .card-header h3.card-title{ font-size:var(--fs-md)}
.card>.card-header .card-options .nav-tabs, .card>.card-header .card-options .nav-tabs{border:0; position:relative;  margin-bottom:-6px}
.card>.card-header .card-options .nav-tabs .nav-link, .card>.card-header .card-options .nav-tabs .nav-link{ padding:0px 15px 10px 15px}
/*.card>.card-header .form-group{ margin:0}*/
.card>.card-header>.card-options, .card>.card-header>.card-options{ margin-top:0px}


.card .card-header, .card .card-footer{background:none;border-color: var(--gray-200);}
.card>.card-header>.card-title{font-weight:var(--fw-700);margin-right:20px;margin-bottom:0;position:relative;}
.card>.card-header>.card-title small{font-weight:var(--fw-400);}
.card>.card-header>h1.card-title{ font-size:var(--font-size-xlg); color:var(--gray-800)}
.card>.card-header>.card-title a{text-decoration:none;color: var(--gray-700) !important;}
.card>.card-header>.card-title i{ vertical-align: baseline; /*bottom:-2px;*/ position:relative}
.card>.card-body{ padding:var(--p-3)}
.card.card-primary.card-footer{border-top: solid 1px var(--gray-200);padding-top: 8px !important;padding-right: 10px !important;}

.card-footer:empty{ display: none;}

.card-header h1.card-title{ font-size:var(--font-size-lg)}
.card-header h6.card-title i{vertical-align:unset; }

/*********card-transparent*********/
.card.card-transparent{background:none;box-shadow:none;border:0;padding:0;margin: 0;}
.card.card-transparent> .card-body{ padding:0; }
.card.card-transparent .card-header{ padding: 8px 0; border: 0;}
.card.card-transparent .card-header h3.card-title{font-size: 20px;font-weight: var(--fw-600);color: var(--gray-800);padding: 0;margin: 0 10px 0 0;}
.card.card-transparent  .card-footer{border: 0 !important; /* padding-top: 0; */padding-right: 0;}

/****card-primary****/
.card.card-primary.card-hover{ transition:var(--transition)}
.card.card-primary{background:var(--white);border:0;border-radius: var(--radius-sm);padding:16px;border-color: var(--gray-200);box-shadow: var(--shadow-xs) rgba(var(--gray-rgb), 40%);}
.card.card-primary.card-hover:hover{ box-shadow:var(--shadow-xs) rgba(var(--primary-rgb), 20%),  var(--shadow-md) rgba(var(--primary-rgb), 40%) !important; transform:translateY(-2px); position:relative; z-index:1}
.card.card-primary> .card-header{background:0 0;border-bottom: solid 1px var(--gray-200) !important;padding:0;padding-bottom: 4px !important;/* min-height: 30px; */position: relative;padding-top: 4px;margin-bottom: 8px;}
.card.card-primary .card-header h3.card-title{font-weight: var(--fw-700);font-size: 14px;margin: 0 !important;color: var(--gray-900);}

.card.card-primary>.card-header>.card-options .nav-tabs{ position:relative; bottom:-5px}
.card.card-primary>.card-body{padding:0px }

.card.card-transparent .card.card-primary>.card-footer{padding:var(--p-2) 0 0 0;background:0 0;border-top: solid 1px var(--gray-200);}





/*card-section********/

.card.card-section,
.card.card-primary .card-body .card-primary{padding: 0 !important;box-shadow:none!important;border: 0;}

/*************/
.dropdown-menu.filterDropdown{padding: 10px;}


.dropdown-menu .card-primary{/*padding: 0 !important;*/box-shadow: none;}
/******************/
.card.filterCard, 
.card.card-search{position: relative;box-shadow:none !important;border-radius: 0;border-top: solid 2px var(--primary-300)!important;/* border: solid 1px var(--primary-200); */padding: 0 !important;box-shadow: var(--shadow-xs) rgba(var(--gray-rgb), 40%) !important;border: 0;border-radius: var(--radius-sm);padding: 8px 16px !important;}

.card.card-search{/* padding-left: 126px  !important; */}

.card.card-search .card-header,
.card.filterCard .card-header{/* background: var(--primary-50); *//* padding: 14px; */border-bottom: solid 1px #e5e5e5 !important;color: var(--primary-500);/* text-align: center !important; *//* width: 92px; */display: block !important;margin: 0 !important;padding: 0px 0px 4px 0px !important;font-size: 14px !important;}
.card.card-search .card-header{/* width: 110px; */}

.card.filterCard .card-header i,
.card.card-search .card-header i{ font-size: 18px;margin-left: 2px;margin-top: -3px; display: none;} 

.card.filterCard .card-header h3.card-title,
.card.card-search .card-header h3.card-title{
    font-size: 14px;
    font-weight: var(--fw-700);
    color: var(--gray-700);
}

.card.filterCard .card-header h3.card-title:before, .card.card-search .card-header h3.card-title:before{content:"\F3E1";font-family: var(--icon-bs);vertical-align: bottom;color: var(--primary-500);font-size: 16px;margin-right: 1px;}
.card.card-search .card-header h3.card-title:before{content:"\F52A"}
.summaryDashboardCard.card .card-header h3.card-title:before{content:"\F28C"}

.card.filterCard .card-footer,
.card.card-search .card-footer{text-align:right !important; border-top: solid 1px var(--gray-200) !important;padding: 8px 0px  0px 0px !important;}

.card.filterCard .card-body, .card.card-search .card-body {padding: 8px 0 8px 0!important;}
.card.filterCard .form-group{min-height: auto;margin: 0;}
.dropdown-menu.filterDropdown .btn-close, .dropdown-menu.viewSummaryDropdown .btn-close{right: 0;top: -8px;}

/******************/
.pop-up{background: var(--white); }
.pop-up .caseInfoHeader{border: 0;/* padding:var(--p-1) 0; */border-bottom:solid 1px var(--gray-200);margin-bottom:var(--m-3);margin: -12px -16px 10px -16px;}
.card.card-transparent.popup-panel{ padding: 0;}
.card.card-transparent.popup-panel>.card-header{background: var(--primary-500);border-radius: 0px;border-bottom: solid 1px var(--primary-600) !important;}
.card.card-transparent.popup-panel>.card-header>h3.card-title{font-size: 18px; color: var(--white);margin-bottom: 0;}
.card.card-transparent.popup-panel> .card-body, .card.card-transparent.popup-panel> .card-header, .card.card-transparent.popup-panel> .card-footer{padding: var(--p-2) var(--p-3);}
.card.card-transparent.popup-panel .card-footer{text-align: center;border-top: solid 1px var(--gray-200) !important;}


.card.card-transparent.popup-panel> .card-body.popup-body .card-primary, .modal-body .card-primary{padding: 0;box-shadow:none !important;border: 0;}
.card.card-transparent.popup-panel> .card-body .card-primary{box-shadow:none !important;padding: 0;border: 0;}



/****table customisation****/
.table-responsive{margin-bottom: var(--m-2);border: solid 1px var(--gray-200);}
.table{margin-bottom: 0;}
.table td .form-check, .table th .form-check{margin:-3px 0 0;vertical-align:middle}
.table>:not(caption)>*>*{ box-shadow:none}

.table tr.newCase { font-weight:var(--fw-600)}
.table td {/* border-color: var(--gray-200) !important; */border-top: 0;color:inherit !important;background:none;}
.table td, .table th {padding:2px 8px 3px 8px;font-size: var(--fs-base) !important;}
tbody, td, tfoot, th, thead, tr{border-color:rgba(var(--gray-rgb),10%);}
/* .table td{vertical-align: middle;} */
/*table head*/
.table th{border-top: solid 0px !important;border-color: var(--gray-200) !important;background: var(--gray-100);font-weight: var(--fw-500);font-size: var(--fs-base);position: relative;padding-top: 6px;padding-bottom:6px;color: var(--gray-900);}
.table.th-no-wrap{ white-space:nowrap}
.table.td-wrap tbody td{ white-space: wrap  !important}
/*.table.th-no-wrap thead th, .table.td-no-wrap tbody td{ white-space:nowrap}*/
.table-header table{margin-bottom: 0px;}
/*table-sorting*/

th.sorting, th.sorting_asc, th.sorting_desc{ cursor:pointer}
th.sorting:after,
th.sorting_asc:after,
th.sorting_desc:after{content:"";background: url(../images/sort_both.png)no-repeat center;width: 8px;height: 14px;display: inline-block;position: relative;top: 2px; right: -4px;}
th.sorting_asc:after{background-image: url(../images/sort_asc.png)!important;background-repeat: no-repeat !important;background-position: right center !important;}
th.sorting_desc:after{background-image: url(../images/sort_desc.png)!important;background-repeat: no-repeat !important;background-position: right center !important;}
.popup-panel th.sorting:after,th.sorting_asc:after {left: 4px;}
/********/
.sort, .sort-down, .sort-up{  width: 20px;    height: 20px;    display: inline-block;    position: absolute;    right: auto;}
.sort{       background: url(../images/sort_both.png)no-repeat center;}
.sort-down{  background: url(../images/sort_desc.png)no-repeat center;}
.sort-up{    background: url(../images/sort_asc.png)no-repeat center;}

/**/
/*table striped*/
.table-striped>tbody>tr:nth-of-type(even){  background: var(--gray-50)!important;color: inherit;}
.table-striped>tbody>tr:nth-of-type(odd){   background:rgba(var(--gray-rgb), 0%)!important; color: inherit;}
.table>:not(:last-child)>:last-child>*{     border-color: inherit ;}
/******/
div#dashboardData{ margin-top: 4px;}


/*******/
.page-toobar-table-con{ padding: 4px;} 
.page-toobar-table-con .btn{padding: 2px 8px 1px 8px !important;margin: 2px;}
.page-number-text{ padding: 0 10px; font-size: var(--fs-base) !important;} 

/*table hover*/

.table-hover>tbody>tr:hover{box-shadow:none !important;background: var(--gray-100) !important;color:var(--gray-900);}
/*.table-hover>tbody>tr:hover .form-select, .table-hover>tbody>tr:hover .form-control{background-color:var(--gray-50) !important;}*/
table.dataTable.table-striped>tbody>tr.odd>*, table.dataTable.table-hover>tbody>tr:hover>*{box-shadow:none !important;}

/*table priority rows*/
.table-striped>tbody>tr.priorityHigh, tr.priorityHigh{ 			          background: var(--rose-100) !important;}
.table-striped>tbody>tr.priorityHigh:hover, tr.priorityHigh:hover td{     background: var(--rose-200) !important;}

.table-striped>tbody>tr.priorityLow, tr.priorityLow{		              background: var(--green-100) !important;}
.table-striped>tbody>tr.priorityLow:hover, tr.priorityLow:hover td{       background: var(--green-200) !important;}

.table-striped>tbody>tr.priorityMedium, tr.priorityMedium{                background: var(--orange-100) !important;}
.table-striped>tbody>tr.priorityMedium:hover, tr.priorityMedium:hover td{ background: var(--orange-200) !important;}

.table tr.muted{                                                          background: var(--gray-100) !important} 

/*table priority columns*/
td.priorityLowTd:before,
td.priorityMediumTd:before,
td.priorityHighTd:before{content:""; width:8px; height:8px; display:inline-block; background:var(--emerald-500) !important; margin-right:4px; border-radius:100px;}

td.priorityLowTd:before{background:var(--green-600) !important; }
td.priorityLowTd{ color:var(--green-600) !important; font-weight:var(--fw-600)}

td.priorityMediumTd:before{background: var(--orange-500) !important;}
td.priorityMediumTd{color: var(--orange-600) !important;font-weight:var(--fw-600)}

td.priorityHighTd:before{background: var(--rose-600) !important;}
td.priorityHighTd{color: var(--rose-600) !important;font-weight:var(--fw-600)}



/****************/
.list-group.list-tabs a.list-group-item{border:0;border-bottom:solid 1px var(--gray-300);padding:var(--p-3);position:relative;border-radius:100px;margin-bottom:10px}

.list-group{ transition:var(--transition)}
.list-group a.list-group-item{ border-radius:0; border:0; border-bottom:solid 1px var(--gray-200); font-weight:var(--fw-500); color:var(--gray-600); background:none; }
.list-group a.list-group-item:nth-last-child(1){ border:0}
.list-group a.list-group-item:hover{ background:var(--primary-50); color:var(--primary-500)}


/******/
/*****Customized list********/
.styledList{margin: 0;padding: 0;}
.styledList li{list-style-type:none;display:block;position:relative;padding-left:16px; margin-bottom:8px;}
.styledList li:empty{ display: none;}
.styledList li:nth-last-child(1){ margin:0}
.styledList li a{padding:var(--p-2) 0}
.styledList li ul { padding:0; margin-bottom:8px;}
.styledList li ul li{ margin-bottom:4px;}

.styledList li:after{position:absolute;content:"\F135";left:0px;top: 3px;font-family:var(--icon-bs);color: var(--gray-500);}
.styledList.linkArrow li:after{position:absolute;content:"\F143";left:0px; top:0px; }



.list-inline li{list-style-type:none;display:inline-block;margin-right:10px; vertical-align:middle; position:relative;}
.list-inline.links li{ padding-left:18px; }
.list-inline.links li:before{content:"\F143"; font-family:var(--icon-bs); position:absolute; left:0; top:0px; color:var(--gray-300)}

ol li{ margin-bottom:10px;}
ol li> ol li{ margin-bottom:10px;}

/*************
Login styles
****************/
body.login{background: linear-gradient(114deg, var(--white) 0%, var(--primary-100) 50%, var(--white) 100%);	 background-attachment: fixed;	}
.login-container{ width:480px; margin-top:60px;}
.login-container .card-primary{padding:40px 40px 32px 40px;box-shadow: var(--shadow-md) rgba(var(--gray-rgb), 10%), var(--shadow-xs) rgba(var(--gray-rgb), 20%);border-radius: var(--radius-md);}
.login-container .card-primary .card-header {  min-height: 40px;    border-bottom-color: var(--gray-100) !important;}
.login-container .card-primary .card-body{padding:var(--p-1) 0 var(--p-3) 0;}
.login-container .card .card-footer{  padding: 0;}
.copyright{font-size:var(--fs-xs);color:var(--gray-500);margin: var(--m-2) 0;}
.copyright img{/* vertical-align: bottom; */height: 24px;/*filter: grayscale(1);*/}
.loginIcon{color:var(--green-500);font-size:32px;vertical-align: bottom;margin-top: -8px;}

/*************/
.navbar-brand img{height: 30px;width:auto}
header .userinfo{padding: 2px 16px 3px 52px;position:relative;display:inline-block;/* border-radius:var(--radius-lg); */color: var(--gray-800);position:relative;margin-left: 16px;/* border-left: solid 1px var(--gray-200); */}
header .user-img{width:32px;height:32px;border-radius:var(--radius-lg);position:absolute;left: 16px;top: 0px;}
header .user-img{border: solid 1px var(--gray-400);}
header .role-name{display:block;font-size:var(--fs-xs);line-height: 10px;}
.userInfoDiv{ line-height: 16px;}
header .user-name{font-weight:var(--fw-600);}
.logout {/* margin-right: -6px; */}
.logout a{padding: 12px 17px;display: block;position:relative;color: var(--gray-500);border-left: solid 1px var(--gray-200);margin: -9px -12px -9px 0 !important;}
.logout a i{font-size: var(--fs-md);}
.logout a:hover {background: var(--rose-100);color: var(--rose-500);border-color: var(--rose-200);}

.selectLanguage .form-group{margin-bottom:0;min-height: unset;position: relative;padding-left: 20px;border: solid 1px var(--gray-300);border-radius: var(--radius-xs);}
.selectLanguage .form-group:before{content:"\F3EF";font-family: var(--icon-bs);position: absolute;left: 3px;font-size: 16px;top: -1px;color: var(--gray-500);}
.selectLanguage .form-label{font-size:var(--fs-xs)!important;font-weight:var(--fw-400);margin-bottom:0; display: none; }

.selectLanguage .select2-container .select2-selection--single{height: 23px !important;/* font-size: 11px; */border: 0;padding-left: 0;padding-top: 2px;}
.selectLanguage .select2-container--default .select2-selection--single .select2-selection__rendered{border-radius: var(--radius-xs);border-color: var(--gray-300);font-weight: var(--fw-400);color: var(--gray-800)!important;}

.selectLanguage .select2-container--default .select2-selection--single .select2-selection__arrow{height:16px;/* right: 20px; */top: 0px;}


/**********/
.leftNav{width: 220px;position: fixed;background: var(--white);top: 0;bottom: 0;/* box-shadow: var(--shadow-xs) rgba(var(--gray-rgb), 15%); */padding-top: 46px;z-index:3;left: 0;border-radius: var(--radius-xs);padding: 55px 8px 10px 8px;border-right: solid 1px var(--gray-200);}
.rightContent{margin-left: 185px;transition:var(--transition);min-height: 84vh;margin-right: 8px;}
.summaryLayout .rightContent{width: 100%;display: inline-block;margin: 0;/* padding-left: 7px; */}
/*.summaryLayout .content-wrapper{ display: flex; padding-left: 10px;}*/

.content-wrapper.collapsed .leftNav{width: 64px;}
.content-wrapper.collapsed .rightContent{margin-left: 96px;transition:var(--transition);min-height: 80vh;}
/********/
/*.content-wrapper{margin-top: 7px;}*/
.content-wrapper .toggleMenuBtn{position: absolute;top:45%;background: var(--white);right: -18px;padding: 24px 2px;border-radius: 0 var(--radius-sm) var(--radius-sm) 0;/* box-shadow: var(--shadow-xs) rgba(var(--gray-rgb), 15%); */z-index: -2;color:var(--gray-500);border: solid 1px var(--gray-200);border-left: 0;}
.content-wrapper .toggleMenuBtn i{transition:var(--transition);}
.content-wrapper.collapsed .toggleMenuBtn i{transform: rotate(180deg);display: inline-block}
/***************/

/*****Layouts******/
.leftTopLayout,.topLeftLayout{padding-top: 49px;background: var(--gray-100);}
.leftTopLayout .leftNav{width: 160px;}
.headerCollapsed, .headerCollapsed .leftNav{ padding-top: 10px !important; }

.leftTopLayout .container-header,
.leftTopLayout .navbar-expand-sm{ margin: 0;}
.leftTopLayout .container-header{ background: none; /*border-bottom: solid 1px var(--gray-300);*/}
.leftTopLayout .container-header #Top_Tabs{margin-left: -10px;border-bottom: solid 1px var(--gray-200);width: 100%;}
.leftTopLayout .container-header #Top_Tabs .nav-link{color: var(--gray-600);border-top:0;border-bottom: solid 2px var(--gray-100);cursor: pointer;font-weight: var(--fw-700);}
.leftTopLayout .container-header #Top_Tabs .nav-link.active{background: none;border-color: var(--primary-500);color: var(--primary-600);}



/*************************/
.summaryLayout {padding-top: 90px;background: var(--gray-100);padding-right: 40px !important; /*padding-left: 290px;*/}
.summaryLayout .container-fluid .userinfo{ border: 0;}
.summaryLayout .container-fluid .leftNav{padding-top: 8px;transition:var(--transition);/* position: relative; */display: inline-block;width: 220px;top: 89px;vertical-align: top;/* border: solid 1px var(--gray-200); */background: var(--white);box-shadow: none;border-radius: 0;overflow-y: auto;}
.summaryLayout .container-fluid .leftNav .nav-pills .nav-link{padding: 8px 25px 9px 12px;min-height: 21px;border-bottom: 1px solid var(--gray-200);/* border-radius: var(--radius-md); */margin: 0;position: relative;line-height: 15px !important;border-radius: var(--radius-xs);}
.summaryLayout .container-fluid .leftNav .nav-pills .badge {background: var(--emerald-500);position: absolute;right: 6px;border-radius: var(--radius-md);/* border: solid 2px var(--white); */font-size: var(--fs-sm);top: 6px;text-align: center;padding: 1px 2px 1px 1px;border: solid 2px var(--white);}
.summaryLayout .container-fluid .leftNav .nav-pills .nav-link:hover{border-left-color: var(--gray-500);background: var(--gray-200);}
.summaryLayout .container-fluid .leftNav .nav-pills .nav-link.active{background: var(--primary-500);color: var(--primary-50);border-left-color: var(--primary-500);}

.summaryLayout .container-fluid .leftNav .nav-pills .nav-link:before{content:none ;width: 4px;top: -1px;bottom: -1px;position: absolute;background: var(--white);left:-15px;transition: var(--transition);opacity: 0;}
.summaryLayout .container-fluid .leftNav .nav-pills .nav-link.active:before,
.summaryLayout .container-fluid .leftNav .nav-pills .nav-link:hover:before{left: 0px;background: var(--primary-500);  opacity: 1;}

.headerCollapsed.summaryLayout .container-fluid .leftNav{ top: 0;}

.summaryLayout .container-fluid .leftNav .nav-pills .badge.error {background: var(--rose-500);font-size: var(--fs-xs);padding: 3px 5px;color: var(--white);}
.summaryLayout:has(.leftNav){padding-left: 230px;}


.content-wrapper.collapsed .leftNav .nav-pills .nav-link .link-text{position:absolute;left:-200px;white-space:nowrap;top: 8px;z-index:100;padding:6px 10px;border-radius: var(--radius-xs);opacity:0;color:var(--gray-50);color:var(--gray-700)}
.content-wrapper.collapsed .leftNav .nav-pills .nav-link .link-text:before{content:"\F22D";position:absolute;left:-8px;font-family:var(--icon-bs);color: var(--gray-700);}
.content-wrapper.collapsed .leftNav .nav-pills .nav-link:hover .link-text{left:50px;background: var(--gray-700);box-shadow:var(--shadow-xs) rgba(var(--primary-rgb), 20%);opacity:1;color: var(--white);}
.content-wrapper.collapsed .leftNav .nav-pills .nav-link{width: 40px;padding: 8px;height: 40px;}


.leftNav .nav-pills .nav-link{border-radius:0px;border-bottom: 0;color: var(--gray-700);position:relative;padding: 12px 2px 10px 40px;/* min-height: 40px; */cursor:pointer;font-weight: var(--fw-500);border-radius: var(--radius-sm);margin-bottom: 4px;}
.leftNav .nav-pills .nav-link:hover, .leftNav .nav-pills .nav-link:hover{background: var(--gray-200);color: var(--gray-900);/* border-radius: var(--radius-sm) !important; */}
.leftNav .nav-pills .nav-link.active, .leftNav .nav-pills .nav-link.active:hover{color:var(--gray-50);background: var(--primary-500);/* border-radius: 0; */}

.leftNav .nav-pills .nav-link:before{content:"\F42D";position:absolute;font-family:var(--icon-bs);left: 11px;font-size: 18px;top: 8px;font-weight: 1;}

.content-wrapper.collapsed .leftNav .nav-pills .nav-link:before{left: 11px;top: 6px;}

.leftNav .nav-pills .inbox                  .nav-link:before{content:"\F42D";}
.leftNav .nav-pills .caselog                .nav-link:before{content:"\F447";}
.leftNav .nav-pills .reports                .nav-link:before{content:"\F373";}
.leftNav .nav-pills .reassignment           .nav-link:before{content:"\F116";}
.leftNav .nav-pills .manuals                .nav-link:before{content:"\F194";}
.leftNav .nav-pills .outofoffice            .nav-link:before{content:"\F87B";}
.leftNav .nav-pills .pendingwork            .nav-link:before{content:"\F292";}
.leftNav .nav-pills .unmatchedresponses     .nav-link:before{content:"\F2CD";}
.leftNav .nav-pills .adhocreports           .nav-link:before{content:"\F360";}
/***************/

.dropdown-menu{background:var(--white);box-shadow: var(--shadow-md) rgba(var(--gray-rgb), 50%) !important;border: 0;/* border-top:solid 2px var(--primary-500); */padding: 16px;max-height: 380px;overflow-y: auto;}
.dropdown-toggle::after{ font-size: var(--fs-md); vertical-align: middle;}
.dropdown-menu .card{ margin:0}
.dropdown-menu .btn-close{position:absolute;right: 0;top: -15px;width: 32px;height: 26px;padding-top: 6px;z-index: 1;opacity: 1;color: var(--gray-500);}
.filterDropdown{ min-width:800px}
.viewSummaryDropdown { min-width:800px}

.btn-close{width: 18px;height: 18px;padding:0;position:relative;text-align:center;font-size: 15px;background: no-repeat;color: var(--gray-800);} 
.btn-close:hover{/* background: var(--rose-100); */color: var(--rose-500);}
.btn-close:after{content:"\F659";font-family:var(--icon-bs);position:relative;top: -2px;transition:var(--transition);font-size: 16px;font-weight: bold;}
/*.btn-close:hover{     transform: rotate(90deg); transition:var(--transition)}*/


.dropdown-menu .dropdown-item{border-bottom: solid 1px var(--gray-200);font-size: var(--fs-base);font-weight: var(--fw-500);color: #171717;padding: 6px 8px 7px 8px; border-radius: var(--radius-xs);}
.dropdown-menu .dropdown-item:hover{background: var(--primary-500);color: var(--white);}
/************/



/*******************/
.headerWrapper{position: fixed;left: 0;right: 0;z-index:5;top: 0;/* box-shadow: var(--shadow-sm) rgba(var(--primary-rgb), 5%); */border-bottom: solid 1px var(--gray-200);}
.headerCollapsable{position: relative;/* box-shadow: var(--shadow-xs) rgba(var(--gray-rgb), 15%); */}

.caseInfoHeader{background: var(--white);padding: 0px 15px 0px 15px;border-top: solid 1px var(--gray-200);white-space: nowrap;}
.caseInfoHeader ul{padding: 0;margin: 0;width: 100%;}
/*.caseInfoHeader ul:hover{overflow-x: auto;}*/
.caseInfoHeader ul li{list-style: none;display: inline-block;padding: 4px 8px;border-right:solid 1px var(--gray-200);vertical-align: top;margin: 0;min-height: 40px;}
.caseInfoHeader ul li:nth-last-child(1) {  border: 0;}
.caseInfoHeader ul li:nth-child(1){ padding-left:0 ;}
.caseInfoHeader ul li p{ margin-bottom: 0; font-size: var(--fs-sm);    line-height: 14px; height: 16px;}
.caseInfoHeader ul li p .caselinfoLabel{color: var(--gray-600);vertical-align: top;}
.caseInfoHeader ul li p .caselinfoText{    font-weight: var(--fw-500);    color: var(--gray-800);    overflow: hidden;    max-width: 110px;    text-overflow: ellipsis;    position: relative;    white-space: nowrap;    display: inline-block;    }

.caseInfoDiv .flex-fill{overflow-x: auto;overflow-y: clip;margin-right: 12px;}

a.caselinfoLabel.dropdown-toggle::after { display: none;}
.headerCollapsableBtn{background: var(--white);/* box-shadow: var(--shadow-xs) rgba(var(--gray-rgb), 15%); */position: absolute;left: 48%;bottom: -20px;width: 80px;text-align: center;border-radius: 0 0 var(--radius-sm) var(--radius-sm);z-index: 200;border: solid 1px var(--gray-200);border-top: 0;}
.headerCollapsableBtn i{display: block;transform: rotate(180deg); color: var(--gray-800); }
.headerCollapsableBtn.collapsed i{transform: rotate(0deg); }

/**Gneric classes from bs3 (may have to clean after build) ***/
.error.alert.alert-info:empty, .hide, span.dateFormatt {    display: none;}

/****Added for fixing empty alerts padding ***/
.alert.alert-danger:empty {    display: none;}
/*Tpp alert*******/
.error {color: var(--rose-600);font-weight: var(--fw-600);}
/*.error:before{content:"\F333";font-family: var(--icon-bs);position: absolute;left: 7px;font-size: var(--fs-md);top: -1px;}
.error:empty{ display: none;}*/
/*******
**Start of right sticky menu
********/
.rightStickyMenu .tooltip {	white-space: nowrap;}
.rightStickyMenu .dropstart .dropdown-toggle::before{ display: none;}
.rightStickyMenu {left: auto;right:0px;height: 230px;width: 40px;top: 220px;border-radius: 20px 0px 0px 20px;position: fixed;bottom: 0px;z-index: 3;}
.rightStickyMenu img {	height: auto;	-webkit-filter: contrast(180%);	/* Safari 6.0 - 9.0 */  filter: contrast(180%); position: relative;	z-index: -1; 	width: 22px;}
.rightStickyMenu > ul {padding: 0px;margin: 0px;margin-top: 0px;}
.rightStickyMenu > ul li {	list-style-type: none;	position: relative;}
.rightStickyMenu > ul li.list-item:nth-child(1) a.menu-item{border-radius: var(--radius-md) 0 0;}
.rightStickyMenu > ul li.list-item:nth-last-child(1) a.menu-item{border-radius:0 0 0 var(--radius-md);}

.rightStickyMenu > ul li .dropdown-menu.show .icon-bar-sliderContent {transition: ease 0.8s;	z-index: 0;}
.rightStickyMenu > ul li a.menu-item {display: block;text-align: center;border: 0px;background: var(--primary-500);border-bottom: solid 1px var(--primary-600);padding: 10px;position: relative;z-index: 1;text-decoration: none;width: 40px;color: var(--gray-50);font-size: 20px;/* border-top: solid 1px var(--primary-800); */}
.rightStickyMenu > ul li a.menu-item:hover{color: var(--white);/* border-right: solid 2px var(--primary-800); */background: var(--primary-600);}
.rightStickyMenu > ul li a.menu-item .active {	position: relative;}

.rightStickyMenu .icon-bar-slider {/* position: fixed; */position: absolute;top: 0px;bottom: 0px;width: 0;opacity: 1;left: 59px;overflow: hidden;background: #ffffff;transition: ease 0.3s;z-index: -100;max-height: 480px; padding: 8px; border-radius: var(--radius-sm); }
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent h3 {	font-size:var(--fs-md);	color: var(--gray-900);	border-bottom: solid 1px #a3a3a3;	padding-bottom: 5px;	margin: 0px;	margin-top: 5px;	font-weight: var(--fw-700);
	}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu {	padding: 0px;	margin-bottom:20px;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li:hover {	background: none;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li a { border-bottom: solid 1px var(--gray-300); display: block;padding: 6px 24px 6px 8px;color: #33383e;font-size: var(--fs-base);text-decoration: none;font-weight: var(--fw-500);line-height: 19px;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li a:hover {background: var(--gray-100)!important;color: var(--gray-900);text-decoration: none;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li a:focus {	text-decoration: none;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li [data-toggle="collapse"] {	position: relative;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li [data-toggle="collapse"]:hover, .rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li [data-toggle="collapse"]:focus {	background: #e1ebfa !important;	text-decoration: none;	color: #115bc2;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li [data-toggle="collapse"]:after {	position: absolute;	content: "\f2fc";	font-family: Material-Design-Iconic-Font, arial;	right: 10px;	top: 6px;	font-size: 18px;	transition: ease 0.3s;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li [data-toggle="collapse"].collapsed {	background: none;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li [data-toggle="collapse"].collapsed:after {	transform: rotate(180deg);}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li .slider-submenu {margin-bottom: 0px;padding-left: 0px;border-bottom: solid 1px var(--gray-300);border-top: solid 1px var(--gray-300);background: var(--gray-50);/*margin-bottom: 10px;*/}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li .slider-submenu li a {/* border: 0px; */padding: 5px 5px 5px 19px;position: relative;/* font-size: 13px; */font-weight: var(--fw-500);}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li .slider-submenu li a:hover, .rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li .slider-submenu li a:focus {background: var(--gray-200) !important;text-decoration: none !important;}
.rightStickyMenu .icon-bar-slider .icon-bar-sliderContent .slider-menu li .slider-submenu li a:before {content: "-";position: absolute;left: 7px;top: 3px;font-size: 22px;font-weight: 100;}
.icon-bar-slider {left: auto;top: -60px;right: -250px;border-left: solid 0px #b5cff2;height: 456px;width: 288px !important;opacity: 0;box-shadow: 0px 0 50px rgba(0, 0, 0, 0.3);}
.icon-bar-slider .icon-bar-sliderContent {overflow-x: hidden;overflow-y: auto;height: 435px;padding-right: 2px;padding: 10px;}
.rightStickyMenu ul li:nth-child(1) ul li { border-top-left-radius: 0px; border-top-right-radius: 0px;}
.rightStickyMenu ul li:last-child {	border-bottom-left-radius: 20px;	border-bottom-right-radius: 0px;}
.rightStickyMenu ul li:last-child a.menu-item {/* padding-bottom: 25px; */}
.rightStickyMenu ul li:last-child ul li {	border-bottom-left-radius: 0px;	border-bottom-right-radius: 0px;}
.rightStickyMenu ul li.active img {	filter: invert(0%);}
.rightStickyMenu ul li.active .icon-bar-slider {	left: auto;	right: 40px;	opacity: 1;	background: #ffffff !important;	box-shadow: 8px 0px 25px rgba(0, 0, 0, 0.2);	z-index: 0;}

.rightStickyMenu .list-item .menu-item .badge{position: absolute;background: var(--rose-500);left: -8px;top: 7px;box-shadow: var(--shadow-xs) rgba(var(--primary-rgb), 20%);border-radius: var(--radius-lg);font-size: var(--fs-xs);border: solid 1px var(--white);}

/***********/
.slider-menu li a[data-bs-toggle]{position: relative;background: var(--gray-100);}
.slider-menu li a.collapsed[data-bs-toggle]{ position: relative; background: var(--white);}
.slider-menu li a[data-bs-toggle]:before{content:"\F286";font-family: var(--icon-bs);position: absolute;right: 10px;top:5px;transition: var(--transition);}
.slider-menu li a.collapsed[data-bs-toggle]:before{ transform: rotate(180deg); }

/**
**End of right sticky menu
********/

/*******************/
.navbar-expand-sm{border-bottom: solid 1px var(--gray-200);padding-bottom: 0; margin-bottom: 4px;}

/*#Top_Tabs{ border-bottom:solid 1px var(-gray-200) ;}
.nav-link{  font-weight: var(--fw-600);  cursor: pointer;}
/*#Top_Tabs .nav-link.active {border-bottom:solid 2px var(--primary-500); color: var(--primary-500);}*/
/***********/


/*************/
ul#caseSummaryView li {list-style-type:none;display: inline-block;padding: 10px 10px 0px 0px;width:180px;min-height:40px;}
ul#caseSummaryView li:nth-child(3n) { border-right: 0px;   }  
.summaryCasesContol {font-size:24px;color: #646b74;font-weight: var(--fw-700);padding-left: 0px !important;padding-right: 5px !important;}
.summaryCaseLabel {   padding-right: 20px !important; padding-left: 0!important; font-size: 12px; margin-top: -6px; display: block; }
ul#caseSummaryView {	padding: 0px;	}
ul#caseSummaryView li:empty { display: none;   }
#caselistItem_1 .summaryCasesContol{ color:var(--emerald-500)}
#caselistItem_2 .summaryCasesContol{ color:var(--blue-500)}
#caselistItem_3 .summaryCasesContol{ color:var(--purple-500)}
#caselistItem_4 .summaryCasesContol{ color:var(--orange-500)}
#caselistItem_5 .summaryCasesContol{ color:var(--sky-500)}
#caselistItem_6 .summaryCasesContol{ color:var(--yellow-500)}

/*******/
.top-buttonbar{ margin-bottom: 10px;}

/********/
/*footer.footer{ margin-left: 180px; border-top:solid 1px var(--gray-200);/* padding: 8px 0; *//* margin-right: -40px; }*/

/***********/
.filter-bar{}

/** Risk case 360 cards****/
/* Summary card changes : start */
.summaryGrid .panel > .panel-heading > .panel-title {
	color: #115bc2;
	font-size: 13px;
	display: inline;
}

.card.card-transparent.summaryCards.risk360Card.card-alpha {margin:0 -7px;}


.three-column-grid .grid-sizer {
	width:  33.3% !important;
}
.three-column-grid .grid-item-width1 {
	width:  100% !important;
}
.three-column-grid .grid-item-width2 {
	width:  66.6% !important;
}
.three-column-grid .grid-item-width3 {
	width:  33.3% !important;
}
.two-column-grid .grid-sizer {
	width:  49.5% !important;
}
.two-column-grid .grid-item-width1 {
	width:  100% !important;
}
.two-column-grid .grid-item-width2 {
	width:  49.5% !important;
}
.summaryCards.panel.panel-primary.heroPanel {
	padding-left: 0px;
	padding-right: 0px;
}
.summaryCards.panel.panel-primary.heroPanel>.panel-heading {
	padding-left: 0px;
	padding-right: 15px;
}
.summaryCards.panel.panel-primary.heroPanel>.panel-body {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
}
.summaryCards.panel.panel-primary.heroPanel>.panel-heading>h3.panel-title {
	color: #454B54;
	font-size: 24px;
  
	display: inline;
}
.summaryGrid {/* padding-left: 5px; *//* padding-right: 5px; */
	margin-top:0px;
	margin-bottom: 0px;/* margin-right:-5px; *//* margin-left: -5px; */
}
.summaryGrid .panel.panel-primary {
	border-color: #e2e4e5;
	border-radius: 0;
	border: 1px solid #dbdbdb;
	border-top: solid 2px #b5cff2;
	margin-bottom: 10px;
	box-shadow:0 1px 2px rgba(0, 0, 0, .15);
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	padding-bottom: 10px;
	margin-bottom: 0px !important;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	top: 7px !important;
}
/*.table-responsive {	border:solid 1px var(--gray-200)}*/
#mainPanelForCards .panel.panel-primary {
	margin-bottom: 0px;
	margin:0 6px 10px 5px; border-radius:6px; 
}
#RiskDetails .panel-body.no-padding.max-height-table {
    height: 253px !important;
}

.select-control{
	width:100%
}

/*****************************/
.topLeftLayout {  background: var(--gray-600);}
.topLeftLayout .container .leftNav .toggleMenuBtn{ display: none;}
.topLeftLayout .navbar-expand-sm{ margin: 0;}
.topLeftLayout .container{position: relative; background: var(--white);}
.topLeftLayout .container .leftNav{position: absolute;top: 85px;padding-top: 8px;background: var(--white);}
.topLeftLayout .container .rightContent{margin-left: 0;float: left;/* background: red; */width: 80%;/* margin-right: 0; */margin-left: 8px;margin-top: 10px;min-height: auto;}
.topLeftLayout .container .leftNav .nav-pills .nav-link{color: #404040;border-color: rgba(var(--white-rgb),10%) !important;padding: 6px 16px;/* min-height: 24px; */border-bottom: solid 1px var(--gray-200) !important;/* border-radius: 0; */transition: none;margin: 0;border-radius: var(--radius-xs);}
.topLeftLayout .container .leftNav .nav-pills .nav-link:hover{/* background: var(--gray-200); *//* color: var(--gray-900); */}
.topLeftLayout .container .leftNav .nav-pills .nav-link.active{background: var(--primary-500);/* border-left:solid 3px var(--orange-500) !important; *//* border: 0 !important; */color: var(--white);border-radius: var(--radius-xs) !important;}
.topLeftLayout .container .leftNav .nav-pills .nav-link span.badge{background: var(--rose-600);display: inline-block;position: absolute;right: 10px;padding: 3px 3px 3px 3px;font-size: var(--fs-sm);border-radius:var(--radius-md);/* border: solid 1px var(--white); */top: 5px;/* box-shadow: var(--shadow-xs) rgba(var(--gray-rgb),30%); */}
.topLeftLayout .container .leftNav .nav-pills .nav-link span.badge.error{padding: 4px 6px; color: var(--white);}
.topLeftLayout .container .leftNav .nav-pills .nav-link span.badge.success{background: var(--emerald-500);/* padding: 3px; */}
.topLeftLayout .container .leftNav .nav-pills .nav-link:before{ display: none;}

.container-header{background: var(--primary-500);padding: 0 10px;margin: 0 -12px;}
#Top_Tabs .nav-link{padding: 7px 16px 10px 16px;border: 0;/* border-top: solid 3px  rgba(0, 0, 0, 0); */color: var(--gray-50);font-weight: var(--fw-600);cursor: pointer;border-radius: var(--radius-xs) var(--radius-xs) 0 0;}
#Top_Tabs .nav-link.active{background: var(--white);color: var(--gray-900);/* border-top-color: var(--primary-700); */}
.navbar-expand-sm{padding: 0;position: relative;border: 0;padding-top: 4px;}
#Top_Tabs .Close{ position: absolute; right: -10px; }
#Top_Tabs .Close a{padding: 2px 7px 2px 7px;font-size: 20px;/* background: red; */border: 0;border-left: solid 1px var(--primary-300);margin-top: -2px;}

/********************/


/**cutoms height for risk 360 cards*****/
#DecisionSummary_container .table-body{height:50px !important}
.summCol.risk-RequirementDisplayName, .summCol.risk-RequirementName_fr {width: 190px;min-width: 190px;}
.summCol.risk-Status, .summCol.risk-Status_fr {width: 100px;min-width: 100px;}
.summCol.req-image, .summCol.risk-Image_fr {width: 90px;min-width: 90px;}


.select2-container--disabled .select2-selection{opacity: 0.7;cursor: not-allowed !important;}
td.summCol.risk-Status span, td.summCol.case-Status span {font-weight: var(--fw-600); border: solid 0px var(--gray-600); background: none !important;}

/*************Summary Layout Requirement card***********/
.reqTableReviewed,
.Reviewed span.select2-selection,
.Reviewed span.select2-selection__rendered {	 color: var(--green-600) !important; 	 background-color: var(--green-100) !important;    border-color: var(--green-300) !important;}

.reqTableWaived,
.Waived span.select2-selection,
.Waived span.select2-selection__rendered {  	 color: var(--cyan-600) !important; 	 background-color: var(--cyan-100) !important;     border-color: var(--cyan-300) !important;}

.reqTableOrdeFail,
.OrdeFail span.select2-selection, 
.OrdeFail span.select2-selection__rendered { 	 color: var(--amber-600) !important;	 background-color: var(--amber-100) !important;     border-color: var(--amber-300) !important;}

.reqTablePendMiss,
.PendMiss span.select2-selection,
.PendMiss span.select2-selection__rendered {	 color: var(--violet-600) !important; 	 background-color: var(--rose-100) !important;     border-color: var(--rose-300) !important;}

.reqTableOrdered, 
.Ordered span.select2-selection,
.Ordered span.select2-selection__rendered { 	 color: var(--lime-700) !important;      background-color: var(--lime-100) !important;      border-color: var(--lime-300) !important;}

.reqTableCancelled,
.reqTableCancel,
.Cancelled span.select2-selection,
.Cancel span.select2-selection,
.Cancelled span.select2-selection__rendered,
.Cancel span.select2-selection__rendered{        color: var(--rose-600) !important;    background-color: var(--rose-100) !important;      border-color: var(--rose-300) !important;}

.reqTableReceived,
.Received span.select2-selection,
.Received span.select2-selection__rendered  {	 color: var(--blue-600) !important;   background-color: var(--blue-100) !important;      border-color: var(--blue-300) !important;}

.reqTableNotGoodO,
.NotGoodO span.select2-selection,
.NotGoodO span.select2-selection__rendered {	 color: var(--orange-600) !important; background-color: var(--orange-100) !important;    border-color: var(--orange-300) !important;}

.reqTableRequired,
.Required span.select2-selection,
.Required span.select2-selection__rendered {	 color: var(--fuchsia-600) !important;  background-color: var(--fuchsia-100) !important;   border-color: var(--fuchsia-300) !important;}


/********************/
span.reqSpan {	width: 90px;	text-overflow: ellipsis;	overflow: hidden;	white-space: nowrap;	display: inline-block;}
a.reqMoreLink {	position: relative;	top: -5px !important;	cursor: pointer;}
.control-width-50{width: 50%;}
.buttonbar, .top-toolbar {	padding-bottom: 10px;	padding-top: 0px;}

/* beneficiary input width class*/
.w145{  width: 145px;}
.w200{  width: 200px;}
.w300{  width: 300px;}
.w100{  width: 100px;}
.w120{  width: 120px;}
.w250{  width: 250px;}
.w150{  width: 150px !important;}
.w180{  width: 180px;}
.w121{  width: 150px !important;}
.w375{  width: 375px;}
.w42{   width: 42px;}
.w40{   width: 40px;}
.w0{    width: 0px;}
.w20{   width:20px;}
.w70{   width: 70px;}
.w32{   width: 32px;}
.w60{	width: 60px;}
.w50{	width: 50px;}
.w75{	width: 75px;}
.w120{	width: 120px;}
.wAuto{	width: auto;}
.w100{	width: 100px;}
.w100percent{width: 100%;}
.w-100Percent{	width: 100% !important;}
.ht0{	height: 0px;}
.h20{	height: 20px}
.h18{	height: 18px;}
.h30{	height: 30px;}
.h35{	height: 35px;}
.h50{	height: 50px;}
.h80{	height: 80px;}
.h85{	height: 85px;}
.h94{	height: 94px;}
.h90{	height: 90px;}
.h108{	height: 108px;	}
.ht22{	height: 22px}
.handpoint{	cursor: hand;}
.visibilityVsbl{   visibility: visible; }
 .visibilityHdn,.vHidden{   visibility: hidden; }
body.MandatoryVal, body.pop-up.workflow {	   overflow-x: hidden;	 }
.form-control.riskmgmtTbleFld,.select-control.riskmgmtTbleFld {		width: 100px;	}
.flatExtraInputs .form-control.riskmgmtTbleFld {		width: 54px;	}
.flatExtraInputs .form-control.riskmgmtTbleFld.flatYrsInput {		width: 35px;	}
.form-control.riskmgmtTbleFld.reason {		width: 200px;	}
.form-control.riskmgmtTbleFld.risk-text {		width: 200px;	}
table.viewTableTd tr td {		border: 0px !important;	}
/*accordion*******************/
.accordion .accordion-button{padding:4px 8px;border-radius: 0 !important;font-weight: var(--fw-700);font-size: 14px;position: relative;color: var(--gray-700);text-decoration: none;border-bottom: solid 1px var(--primary-100);}
.accordion .accordion-button.collapsed{ background: var(--gray-50); border: 0;}
.accordion .accordion-button:not(.collapsed){background: var(--primary-50);text-decoration: none;/* border-bottom: solid 1px var(--primary-200); */box-shadow: none;}
.accordion .accordion-button:after,
.accordion .accordion-button:not(.collapsed):after{content:"\F64D";position: absolute;right: 0;font-family: var(--icon-bs);top:0;bottom: 0;text-align: center;padding-top: 4px; right: 4px; transition: none; top: 0px; }
.accordion .accordion-button:not(.collapsed):after{content:"\F63B";}

.accordion .accordion-item{margin-top: var(--m-2);border:solid 1px var(--gray-200);border-radius: 0 !important;}
.accordion .accordion-header{border-radius: 0 !important;/* border-bottom: solid 1px var(--primary-500); */}
.accordion-body{padding: var(--p-2);}
.question-panel .card-header .card-title{font-weight: 700 !important;}

.accordion-item:has(.accordion-button){border-color: var(--primary-100);}
.accordion-item:has(.accordion-button.collapsed){border-color:var(--gray-200)}

/**************/
.datepicker table{ font-size: var(--fs-base) !important;}
.datepicker{ border-radius: var(--radius-sm) !important;    background: var(--white);   box-shadow:var(--shadow-xs) rgba(var(--gray-rgb), 20%); padding: 16px !important; overflow-y: visible;} 
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{background: var(--primary-grdnt) !important;color: var(--white) !important;}
.date.input-group,
.date.input-group-append{ height: 24px; }
.date span.input-group-text {font-size: 14px;height: 23px;border-radius: 0;padding: 11px 4px 11px 4px;border-color: var(--gray-300);}

.datepicker table tr td.active.day, .month.focused, .year.focused{background: var(--primary-50) !important;box-shadow: inset 0px 0px 0px 1px var(--primary-600);color: var(--primary-600) !important;text-shadow: none; font-weight: var(--fw-600);}

.datepicker table tr td.new, .datepicker table tr td.old{color: var(--gray-400) !important;}
.datepicker td.day, .datepicker th.dow{color: var(--ros-800);font-weight: var(--fw-600);}

.datepicker table tr td.today, 
.datepicker table tr td span.active, 
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.month.focused.active,
.datepicker table tr td.today:hover:hover
{ background: var(--primary-500) !important; color: var(--white) !important; border-color: var(--primary-500) !important }

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
 .datepicker table tr td span:hover{box-shadow: inset 0px 0px 0px 1px var(--gray-500)!important; color: var(--gray-800)!important; font-weight: var(--fw-600)!important; background: var(--gray-100) !important;}
.datepicker td{ margin: 2px;}
.datepicker td.day, .datepicker th.dow{ height: 32px !important; width:32px !important; border-radius: 3px !important}

.datepicker .datepicker-switch{ margin: 0 4px; font-size: 16px;}
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th{border: solid 0px var(--gray-300);color: var(--gray-800);background: none;}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover{color: var(--primary-500);}

.datepicker .next, .datepicker .prev{ font-size: 0; padding: 0; width:32px !important; height: 40px !important;}
.datepicker .next:before, .datepicker .prev:before{ content: "\F27F"; font-family: var(--icon-bs); font-size: 16px; }
.datepicker .next:before{ content: "\F280"; }

.datepicker-switch{ width:160px !important;}
.datepicker th.dow {    color: var(--gray-800); font-weight: var(--fw-700);}
/***********/





/**dashboard customizations**/
table#id_listTable tr td.wrapTD{
	white-space: normal !important;
	max-width: 340px !important;
	width: 340px !important;
	word-wrap: break-word; /* QP#99066 */
 }
 table#id_listTable tr	th.wrapTh {
	   min-width: 340px !important;
	   white-space: normal !important;
	   width: 340px !important;
	   word-wrap: break-word; /*QP#99066 */
 }

 /**Select2 inside modals***/
 span.select2-container.select2-container--open {
    z-index: 100000;
}


/***********/
.modal-header, .modal-footer{border-color: var(--gray-200);padding: 7px 16px;}
.modal-header{background: var(--gray-50);color: var(--gray-900);border-radius: 0;}
.modal-header .btn-close:after{color: var(--gray-800);}
.modal-title{font-weight: var(--fw-600);font-size: 20px;}
.modal-footer{justify-content: center !important;}
.modal-footer.justify-content-end{justify-content: end !important;}
.modal-backdrop.fade {--bs-backdrop-bg: none;}
/***********/
.mce-panel{background-color: var(--gray-50); border-color: var(--gray-200); }
.mce-panel button{background-color: var(--gray-100);}


.Amount span, .ApprovedAmount span, .AmountApproved span, .LifeAmount span{
    text-align: right !important;
}
.summCol {
    width: 150px;
    min-width: 150px;
}


/****/
.admintableField { width: 200px !important;}

/***/
.summaryGrid .card.card-primary{margin: 0 8px 10px 8px;padding: 0;border-top: solid 2px #7daae8;border-radius: 0;}
.summaryGrid .card.card-primary .card-header{/* border: 0 !important; */padding: 8px !important;margin-bottom: 0px !important;}
.summaryGrid .card-body, .Requirements-panel .card-body{ 
/*max-width: 100% !important; overflow-x: auto !important;*/
}

.summaryGrid .table-body,
.Financial .card-body,
.InsuredDetailsCard  .card-body,
.Requirements-panel .card-body
{
	/*height:100px; overflow-y: auto;*/
	}

.summaryGrid .card.RiskAssessment .card-body.no-padding.max-height-table,
.summaryGrid .card.RiskDetails .card-body.no-padding.max-height-table,
.summaryGrid .card.Requirements .card-body.no-padding.max-height-table,
.summaryGrid .card.InsuredDetailsCard .card-body.no-padding.max-height-table,
.summaryGrid .card.Financial .card-body.no-padding.max-height-table
 {
   /* height: 260px;*/
}





/*******/
.shiftbuttons .btn{margin-bottom: var(--m-2);}
.shiftbuttons.bCount-1{padding-top: 86px;}
.shiftbuttons.bCount-2{padding-top: 71px;}
.shiftbuttons.bCount-3{ padding-top: 30px;}
.shiftbuttons.bCount-4{padding-top: 40px;}

/**************/
/* .TPPADMIN.topLeftLayout .container .rightContent {  min-height: 1330px;} */
.TPPADMIN.topLeftLayout, .TPPRUNTIME.topLeftLayout{ padding: 0;}
.TPPADMIN.topLeftLayout .card.card-transparent .card-footer{ border-top:solid 1px var(--gray-200); margin-bottom: 24px;}

.TPPADMIN.topLeftLayout .leftNav,
.TPPRUNTIME.topLeftLayout .leftNav{top:0px;bottom: 0;overflow-y: auto;border-radius:0;position: relative;left: -12px;float: left;width: 20%;padding-bottom: 20px;}
.TPPRUNTIME.topLeftLayout .leftNav{ top: 0px;}
.TPPADMIN.topLeftLayout .card-primary, .TPPRUNTIME.topLeftLayout .card-primary {background:none;box-shadow: none;padding: 0;border: 0;}
.TPPADMIN.topLeftLayout .reAssignBtns { margin-bottom: 10px;}
.TPPADMIN .headerWrapper,
.TPPRUNTIME .headerWrapper{position: relative !important;box-shadow: none;border: 0;}
.TPPADMIN .headerWrapper .container-fluid,
.TPPRUNTIME .headerWrapper .container-fluid{ padding: 0;}

.TPPADMIN .headerWrapper .headerCollapsable,
.TPPRUNTIME .headerWrapper .headerCollapsable{box-shadow:none}



.TPPADMIN.topLeftLayout header.main-header,
.TPPRUNTIME.topLeftLayout header.main-header{ border: 0;}
.TPPRUNTIME .caseInfoHeader{ padding: 4px 0;} 

.topLeftLayout .body-con{display: flex;}
.topLeftLayout .body-con:after {content:""; clear: both; display: block;}
.topLeftLayout .navbar-expand-sm{ margin-bottom: 0;}
.topLeftLayout.rightContent{ min-height: auto;}
.topLeftLayout .fullWidth{width:100% /*1320px*/;}

/*Alerts*************/
.alert{padding: 8px 8px 8px 28px;border-radius:var(--radius-xs);font-weight: var(--fw-500);display: block;font-size: var(--fs-base);margin-bottom: 4px;line-height: 16px;}
.alert.alert-primary{ border-color:var(--primary-600); background:var(--primary-50);  color:var(--primary-600); }
.alert.alert-info{    border-color:var(--primary-600); background:var(--primary-50);  color:var(--primary-600); }
.alert.alert-success{ border-color:var(--emerald-600); background:var(--emerald-50);  color:var(--emerald-600); }
.alert.alert-danger{  border-color:var(--rose-600);    background:var(--rose-50);     color:var(--rose-600); }
.alert.alert-warning{ border-color:var(--orange-600);  background:var(--orange-50);   color:var(--orange-600); }



.alert:before{position:absolute;content:"\F430";left: 8px;font-family:var(--icon-bs);font-size:16px;top: 8px;transition:var(--transition);font-weight: var(--fw-500);}
.alert.alert-danger:before, 
.alert.alert-warning:before{content:"\F332"}
.alert.alert-success:before{ content:"\F26A"}

/************/
.alert.alert-icon{ padding-left:32px; }
.alert.alert-icon:before{ position:absolute; content:"\F189"; left:8px; font-family:var(--icon-bs); font-size:16px; top:5px; transition:var(--transition);  }
.alert.alert-icon.alert-primary:before{ content:"\F189"; color:var(--primary-500)}
.alert.alert-icon.alert-info:before{    content:"\F430"; color:var(--primary-500) }
.alert.alert-icon.alert-warning:before{ content:"\F332"; color:var(--orange-500) }
.alert.alert-icon.alert-danger:before{  content:"\F332"; color:var(--rose-600) }
.alert.alert-icon.alert-success:before{ content:"\F26A"; color:var(--emerald-500) }

/************/
.alert.alert-lined{padding-left:32px;border: 0;border-left: solid 2px var(--gray-500);border-radius: 0;padding:4px 8px;color: var(--gray-800);font-size: 13px;line-height: normal;font-weight: var(--fw-400);}
.alert.alert-lined:before{ display: none;}
.alert.alert-lined h6{ font-size: 13px; font-weight: var(--fw-700) !important; margin-top: 4px;}

.alert.alert-danger.alert-lined{   border-color: var(--rose-500);}
.alert.alert-info.alert-lined{     border-color: var(--primary-500);margin-bottom: 8px;}
.alert.alert-warning.alert-lined{  border-color: var(--orange-500);}
.alert.alert-success.alert-lined{  border-color: var(--emerald-500);}

/***********/
.summCol.Coverage\/Rider
.flatExtraDropDownList {      width: 345px;    position: absolute;      border-top: solid 2px #0095da;    background: #fff;    z-index:151;margin-top:1.5px;}
.flatExtraDropDownListVal{min-width:170px}
.flatExtraDropDownList .input-group .form-control, .flatExtraDropDownList .input-group-addon, .flatExtraDropDownList .input-group-btn {    display: inherit;    float: left;    width: 46px;    height: 25px;}
.flatExtraDropDownList .input-group {padding: 10px;width: auto !important;}
.flatExtraDropDownListVal{text-overflow: ellipsis;overflow: hidden;}
.flatExtraDropDownList .input-group .form-control{width: 65px;}
.flatExtraDropDownList .input-group .input-group-text{ font-size: var(--fs-base); line-height: 0;}
.flatExtraDropDownList .input-group .form-control.flatYrsInput{width: 30px;}
.flatExtraDropDownList .input-group-addon.br0{border-left: 0;border-right: 0;}
.input-group.flatExtraInputs+.input-group.flatExtraInputs {padding-top: 0;}
td.planDecisions_planCoverageDecisionCd .select2 {   width: 170px !important;}
.flatExtraDropDownList {position: absolute;z-index: 100;background: var(--white);border-top:solid 2px var(--primary-500);width: 298px;box-shadow: 0px 7px 24px rgba(var(--gray-rgb), 20%) !important;border-radius:var(--radius-xs);padding-top: 8px;}

.flatExtraDropDownList .error{position: absolute;top: -8px; font-weight: var(--fw-500);  font-size: var(--fs-sm);}
.flatExtraDropDownList .btn{    margin-left:2px !important;   padding: 0 5px; border-radius: 0;}

.reasonList {position: absolute;z-index: 20;background: var(--white);padding: 10px;border-top:solid 2px var(--primary-500);box-shadow: 0px 7px 24px rgba(var(--gray-rgb), 20%) !important;display: none;min-width: 200px;}
.reasonList .checkbox{ margin-bottom: 5px;}
.reasonList .checkbox input{ vertical-align: middle;}
.flatExtraDropDownList .input-group .flatExtraInput {
    max-width: 65px;
}

.flatExtraDropDownList .input-group .flatYrsInput {
    max-width: 40px;
}

/**************/
.select2-dropdown{background: var(--white);border:0 !important;padding: var(--p-1);box-shadow: 0px 7px 24px rgba(var(--gray-rgb), 20%) !important;border-top:solid 2px var(--primary-500);}
.select2-results__option{border-bottom: solid 1px var(--gray-200);}
.select2-container--default .select2-results__option[aria-selected=true]{ background: var(--gray-100);}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background: var(--primary-500) !important;}
.select2-search{ padding: 0;}
.select2-results__option{padding: 2px 4px !important}

button.multiselect.dropdown-toggle.disable.btn.btn-primary, button.multiselect.dropdown-toggle.disable.btn.btn-primary:hover {background: var(--white) !important;text-overflow: ellipsis;border-color: var(--gray-300) !important;overflow: hidden;color: var(--gray-800) !important;position: relative;width: 125px;}
button.multiselect.dropdown-toggle.disable.btn.btn-primary:hover{border-color:var(--primary-500);}
.multiselect-native-select div {
    margin-top: 0px;
}

/*********/
.container.main-container {
    background: var(--white);
}
.page{background: var(--gray-700) !important;}
.page .container.main-container{ background: var(--white);}
/*For docgallery screens*/
body#top .container.main-container {
    padding-bottom: 15px;
}

ul.multiselect-container {
    top: 0 !important;
}
.multiselect-container>li>a>label {
    padding: 6px 10px 0px 16px !important
}
table#displaybenifits tr {
    display: grid !important;
}

.min-height .form-group, .form-group.min-height {
	min-height: 40px;
	margin-bottom: 30px;
}

.modal-content {
	border-color: #fff;
	border-radius: 0px;
	border-top: solid 2px var(--primary-500)!important;
	box-shadow: var( --shadow-md) rgba(var(--gray-rgb),50%);
	border: 0;
}

/*******************/

.question-row{ border-bottom:solid 1px var(--gray-100) !important; padding: 8px 0;}
.question-row:hover{background: var(--gray-50);}
/*.question-row .form-group.valid{ margin-bottom: 0; position: relative;}*/
/*.question-row-L2 .form-group.valid:before{content:"1211+"; position: absolute; left: 0; top: 0;}*/

.question-row .form-check-inline{ margin-right:8px !important; min-height: auto; }
.question-row.form-group{min-height: auto !important;padding: 4px; border: 0 !important;}
.question-row.form-group .form-check{min-height: auto !important; margin: 0; }

#questionnaireComponent .question-row.form-group{min-height: auto !important;border-bottom: solid 1px var(--gray-200) !important;padding: 4px;margin-bottom: 0px;}
#questionnaireComponent .question-row.form-group.error label.error{   position: relative !important; bottom: 2px !important; left: 3px;}




.question-row-L2{padding-left: 24px;border-left: dashed 1px #ccc;margin-left: 3px;}
.question-row-L2 > .form-group:nth-child(1)::before{content:"*"; position: absolute; left:-10px; top: 0;}

.question-row.form-group .question-row-L2{ margin-left: 13px;}
.question-row.form-group .question-row-L2 .question-row-L2{margin-left: 7px;}
.question-row .question-row-L2 .form-group{ min-height: auto;}

.questionnaireSummaryDiv .question-row.form-group .question-row-L2{ margin-left: 4px;}

.question-row-L2 .question-row-L2{ margin-left:6px ;}
div.question-row .question-row-L2 > .form-group:nth-child(1)::before{content: "\F309";
    font-family: var(--icon-bs);position: absolute; left: -44px; top: 3px;color: var(--gray-400);font-size: 38px;line-height: 0px;}


.ques-panel {    border: solid 1px var(--gray-200);    margin-bottom: 10px; }
.ques-panel .ques-heading {padding: var(--p-2);border-bottom: solid 1px var(--gray-200);}
.ques-panel .ques-heading h3{    font-size: var(--fs-md);    font-weight: var(--fw-600);  color:var(--gray-700); margin-bottom: 0px;}
.ques-panel .ques-body .question-row-L2{ margin-top: 10px; margin-left: 13px;}

.ques-panel .ques-body .ques-panel{ margin-right: 10px;}
.ques-panel .ques-body .ques-panel .ques-heading h3{font-size: var(--fs-base);  color:var(--primary-500);}

/*** Uw financil screen styling************/
#uwfinancialformId label.form-label,#uwfinancialformId legend.form-label{
    text-align: right;
    white-space: nowrap;
    padding-right: 0px;
    margin-top: 3px;
}
#uwfinancialformId .form-group{min-height:inherit; margin-bottom:10px}
div#paginationdiv { margin-bottom: 10px;}

/**************/
.popover-body{ padding: var(--p-2);}
.popover-body .menuBar{ padding: 0; margin: 0;}
.popover-body .menuBar li{ padding:4px 0; margin: 0; list-style-type: none;}

/********/
/*.quesSummaryMainParent { margin-bottom: 10px;}*/

.form-control.admintableField1, .select-control.admintableField1  {
	width: 125px;
}

.card.card-transparent .card.card-primary .card-header h3.card-title {color: var(--gray-700);}

.card.card-transparent .card.card-primary .card-header {
    border-bottom: solid 1px var(--gray-200) !important; margin-bottom: 8px;
}
table.btnsTd td {
    padding: 5px 2px;
}
.width100{width: 100%;}
div#remindersPopup .card {
    padding: 10px;
}

div#remindersPopup .card button.btn-close {
    width: 24px;
    height: 24px;
    top: -6px;padding-top:2px
}

div#remindersPopup {min-width: 320px; padding: 0; overflow: visible;}
div#remindersPopup .card-footer{ text-align: center;}


/*div#InsuredDetails{ height: 320px;}*/

.inlineGoBtn{ margin-top: 22px !important;}

.flatWidth{

	min-width: 250px !important;
}
div#addDoctorPanel{ margin-top: 24px;}


#summaryInsuredId_select2 .select2-selection--single{ background: var(--primary-500); border-color:var(--primary-500) !important ; }
#summaryInsuredId_select2 .select2-selection--single .select2-selection__rendered{ color: var(--white) !important;}

#summaryInsuredId_select2 .select2-selection--single .select2-selection__arrow b{border-color:var(--white) transparent transparent transparent}
#summaryInsuredId_select2.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent var(--white) transparent} 
#summaryInsuredId_select2 .select2-results__option{ padding: 2px 3px ; background: var(--primary-700);}

.prefCcomments textarea{ min-height: 60px !important;}
a.openSubSt{ margin-left: 15px;}
.req_link{ display: inline-block; margin-bottom: 10px; margin-right: 5px;}
.req_link a{text-decoration: none;}

.case360Card .summaryGrid{ padding: 0;}
.case360Card .summaryGrid.grid-item-width2 .card.card-primary{ margin-left: 0; margin-right: 10px;}
.case360Card .summaryGrid.grid-item-width3 .card.card-primary{ margin-left: 0; margin-right: 0px; }

/**************/
.secondLevelTabs {background: var(--gray-100);margin: 0px -12px 0px -12px;padding:8px 15px;border-bottom: solid 1px var(--gray-300);}
.secondLevelTabs.nav-pills .nav-link{border-radius: var(--radius-lg);padding: var(--p-1) var(--p-3);color: var(--gray-800); cursor: pointer;}
.secondLevelTabs.nav-pills .nav-link.active{background: var(--primary-500);color: var(--white);}

.body-con:has(.secondLevelTabs){display:block;}

/******/
.docActionsTd{ position: relative;}
.docActions {position: absolute;z-index:10;box-shadow: var(--shadow-md) rgba(var(--gray-rgb), 50%);background:var(--white);top: -10%;right: 50px;width: 200px;border-right: solid 2px var(--primary-500);padding: 4px;border-radius: var(--radius-xs);}
.docActions:after{content: "\F231";font-family: var(--icon-bs);position: absolute;top: 10%;right: -10px;color: var(--primary-500);}
.docActions ul.menuBar {padding:0;margin:0;}
.docActions ul.menuBar li{ list-style-type:none;}
.docActions ul.menuBar li a{ display:block; padding:var(--p-2); border-bottom:solid 1px var(--gray-200); text-decoration:none; text-align:left}
.docActions ul.menuBar li:nth-last-child(1) a{ border:0 ;}

.reIndexPop{ width: 28px; height: 28px; padding: 0; border-radius: var(--radius-lg);  transition: var(--transition);}
.reIndexPop:hover{transform: rotate(90deg);}
.mar { margin-left:20px;}


.file-p{ margin-bottom: 8px;}
.file-p a{display: inline-block;border: solid 1px var(--primary-500);padding: 1px 8px 1px 8px;border-radius: var(--radius-xs);text-decoration: none;font-size: var(--fs-sm);margin-bottom: 4px;color: var(--primary-500);font-weight: var(--fw-600);background: var(--white);}
.file-p a i{float: left;}
.file-p a:hover{    background: var(--primary-50);    border-color: var(--primary-600); color: var(--primary-600)}
.appCaseSummary .text-bold{ font-weight: 600 !important;}




/* Risk360 Risk Assessment second table header style start */
/* to fix the QP#104613 */
.risk360-ra-second-thead td{
	background: #F4F7FA;
	 color: #454B54;
	 vertical-align: middle;
	 line-height: 1.42857143;
	 font-size:var(--fs-base);
	 font-family:var(--body-font);
	 font-weight: var(--fw-500);
	 /* font-family: open_sanssemibold !important; */
	 cursor: pointer !important
 }
 /* Risk360 Risk Assessment second table header style end  */


 #appSummaryList .table.table-bordered tr td:first-child{
	/* text-align: right; */
	width: 50%;
	}
 #summaryValid.table.table-bordered tr td:first-child{
		text-align: left;width:inherit;
	}
 #appSummaryList .table.table-bordered tr td:last-child,
 .quesSummaryValue,#appSummaryList .selectedParent .valueText{
	font-weight: var(--fw-600);
	}
 .questionnaireSummaryDiv .question-row-L2 .form-group {
    min-height: inherit;
    margin-bottom: 5px;
}
#appSummaryList .accordion-item .card>.card-body>.question-row.form-group .question-row-L2 .form-group:before {
    content: "";    left: -24px;    top: 11px;    position: absolute;    display: block;    width: 17px;    border-bottom: dashed 1px #ccc;    z-index: 1;}

  /*  Calculators  */


#appSummaryList .card-primary{ margin-bottom: 16px !important;}
#appSummaryList .card-primary .card-header .card-title{color: var(--gray-800);font-weight: var(--fw-600) !important;font-size: 14px;}



 #appSummaryVO #questionnaireComponent .question-row.form-group .form-group {
    min-height: auto !important;
    margin: 0;
}

.quesSummaryLabel b{ font-weight: var(--fw-400);}


#requirements_dashboard .form-control, #unnecessary_dashboard .form-control {
    /* width: 100px !important; */
    height: 25px;
}
#Financial #Yes{color:var(--emerald-700)}
#Financial #No{color:var(--red-700)}
.mce-tinymce {
    width: auto !important;
}
.multiselect-container label {
    font-size:var(--fs-base) !important
}

.dateWidTd {
    min-width: 145px;
}
ul#toolbar-menu.dropdown-menu.caseMenuList {
    z-index: 4;
}
#displaybenifits .row.margin-top{margin-top: 8px;}
#displaybenifits .row .form-group.no-min-height{margin-bottom: 0px;}
#displaybenifits .row.margin-top+.col-md-2{padding-left: 20px;}
.showbox {visibility: hidden;}
.main-header ul li.selectLanguage{min-width: 120px;}


/* HealthPiQture & LabPiQture related styles start * ********************************************************************************/

.leftNav .nav-pills .applicant .nav-link:before {
	content: "\F4D7";
}

.leftNav .nav-pills .scriptCheck .nav-link:before {
	content: "\F227";
}

.leftNav .nav-pills .labPicture .nav-link:before {
	content: "\F730";
}

.leftNav .nav-pills .claimDetails .nav-link:before {
	content: "\F8C9";
}

.leftNav .nav-pills .medClaims .nav-link:before {
	content: "\F774";
}

.score-card{ width: 200px; border: double 4px #0284C7; padding: 8px 16px 8px 50px; display: inline-block; margin: 0px 2px 0px 0px;  color: #333; background: #E0F2FE; position: relative; }
.score-card:before{content:""; position: absolute; left:8px; top:4px; background: url(../images/red.png)no-repeat center; background-size:40px 40px; width: 40px; height:40px; display: block;}
.score-card h3{ font-size:24px; font-weight:var(--fw-600)}
.score-card h3, .score-card h5{ margin:2px;}
.score-card h5{ font-size:12px; font-weight:var(--fw-800)}
/*.score-card.total{ margin-right: 80px;}*/

.scoreLegend{ padding-top: 20px; }

.score-card.high, .score-card.HealthPiQture{background:#FFF1F2;color: #E41515;border-color: #FDA4AF;}
.score-card.high:before, .score-card.HealthPiQture:before{background:url(../images/red.png)no-repeat center;}

.score-card.mod, .score-card.ScriptCheck{background:#FFF6E7;color: #D97706;border-color: #FDBA74;}
.score-card.mod:before, .score-card.ScriptCheck:before{background:url(../images/yellow.png)no-repeat center;}

.score-card.low, .score-card.QuestCheck{background:#E9F5F0;color: #1B925B;border-color: #6EE7B7;}
.score-card.low:before, .score-card.QuestCheck:before{background:url(../images/green.png)no-repeat center;}
.Scoreimage{width:16px; height:auto; margin:0 2px;     vertical-align: sub;}

body#healthPiQtureLayout .leftNav, body#healthPiQtureLayout,
body#labPiQtureLayout .leftNav, body#labPiQtureLayout
	{
	padding-top:0px;
}

.card.card-primary .CardSubSection {
	border-radius: 0px;
	border: solid 1px var(--primary-500) !important;
    background: #ffffff;
}

.card.card-primary .CardSubSection > .card-header {
	background:var(--primary-500);
    border-radius: 0px;
    border-color: var(--primary-500);
		padding: 2px 5px;
		margin-bottom: 0px;
}
.card.card-primary .CardSubSection > .card-header > h3.card-title {
	font-weight: var(--fw-700);
    font-size: 14px;
    margin: 0 !important;
    color: var(--white) !important;
}

.card.card-primary.hpSectionCard{
	border-top: solid 2px var(--primary-500);
}

/* Your CSS styles for score-zero = 0 */
.score-zero::after{content:""; background: url('../images/green.png')no-repeat center; background-size: 16px auto; width: 16px;height: 16px; display: inline-block;position: relative;top: 2px; right: -4px;}
	/* Your CSS styles for score-five = 5 */	
.score-five::after{content:""; background: url('../images/yellow.png')no-repeat center; background-size: 16px auto; width: 16px;height: 16px;display: inline-block;position: relative;top: 2px; right: -4px;}
/* Your CSS styles for score-ten = 10 */
.score-ten::after{content:""; background: url('../images/red.png')no-repeat center; background-size: 16px auto; width: 16px;height: 16px;display: inline-block;position: relative;top: 2px; right: -4px;}

/* HealthPiQture  & LabPiQture related styles end * ********************************************************************************/
/**Calculators chnages**/
.card.card-primary .card-body .card-primary.cal-panel{padding: 10px 16px 16px 16px !important;background: var(--gray-50);border-top: solid 3px var(--primary-500);box-shadow: var(--shadow-xs) rgba(var(--gray-rgb), 40%) !important;border-radius: 0;}

.card.card-section, .card.card-primary .card-body .card-primary.cal-panel .card-title{ font-size: 16px;}
.input-group span.input-group-text{ border-radius:var(--radius-xs) ; background: var(--gray-100); border-color: var(--gray-300);}

.calResult p {border-bottom: solid 1px var(--gray-200); margin: 0;  padding: 8px 0;}

.calSubTypeCode .nav-pills .nav-link{padding: 2px 12px;background: var(--gray-100);margin-right: 6px;border-radius: var(--radius-lg);border: solid 1px var(--gray-300);color: var(--gray-600);font-weight: var(--fw-600);}
.calSubTypeCode .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background: var(--primary-600); border-color: var(--primary-600); color: var(--white);}
.calSubTypeCode .nav-pills{ border: 0 !important;}
.financalSection .form-group.error {margin-bottom: 16px;}
.card.card-primary.appSummaryCardPrimary .card-header{  margin-top: 10px;margin-bottom: 10px;}
.card.card-primary.appSummaryCardPrimary .card-header .card-title{
	font-size: 20px;
    font-weight: var(--fw-700);
    color: var(--gray-900);
    padding: 0;
    margin: 0 10px 0 0;
}


.progress-bar{ background-color: var(--primary-500);}
.column .panel-primary{border-top: solid 3px var(--primary-500)}

.w-50{ width: 50px;}
.w-200{width: 200px;}
.w-300{width: 300px;}
.w-400{width: 400px;}

.prefferedTable tbody td{ padding:4px!important;}

table.btnsTd td {
    border: solid 1px var(--gray-200);
}


/**********/
.btnsTd{width: 565px;background: var(--gray-50);}
.btnsTd .tdSpace{text-align: center;width: 80px;}
.btnsTd tr:hover{}
.attachment-img{ width: 40px;}
.attachment-img  a{background: var(--primary-100);padding:6px 7px 8px 7px;border: solid 1px var(--primary-200);margin: -3px 0;display: inline-block;border-radius: var(--radius-xs);}
.attachment-img  a:hover{background: var(--primary-100);border-color: var(--primary-300);}
.attachment-img  a img{height: 16px;width: auto;vertical-align: baseline;}
.radio-table{}

/*********/
.noRecordFound{position: relative;text-align: center;color: var(--gray-500);}
.noRecordFound::before{content: "";width: 53px;height: 50px;background: url(../images/no-data.svg) no-repeat;display: block;background-size: auto 100%;text-align: center;margin: 10px auto;}
/*****UI review chnages*****/
.inboxUserSummaryDashboard{width: 100% !important;}
#pieChart img{max-width: 100%;}
.reportsFilterIframe body{background-color: transparent;}


.reInsTable .form-control, .reInsTable .select2-container{ min-width: 120px;}





.sessionCard{text-align: center;margin-top: 80px !important;}
.sessionCard.card .card-header{ text-align: center; display: block !important; }
.sessionCard.card .card-header h3.card-title{font-size: 40px; color: var(--gray-400); font-weight: var(--fw-700); }
.sessionCard .card.card-primary{ box-shadow:none}
.sessionCardMessage{font-size:24px !important; font-weight: var(--fw-600);}

.sessionCardMessage::after{content: "";width:100%;height:300px;background: url(../images/duplicateSession.svg) no-repeat center;display: block;background-size: auto 100%;text-align: center;margin:40px auto 0px auto; }
.sessionCardMessage.sessionDuplicate::after{background:url(../images/duplicateSession.svg) no-repeat center/ auto 100%; }
.sessionCardMessage.sessionTimeout::after{  background:url(../images/sessionTimeout.svg) no-repeat center/ auto 100%; }

#riskMgtModalForm .form-check .form-check-label{font-weight: var(--fw-500);}



/*******/


div.lob{background: var(--primary-50);padding: 11px 10px 7px 39px !important;margin: 0px 0 0px -14px;position: relative;/* color: var(--gray-800); */font-weight: var(--fw-500);border-right: solid 1px var(--primary-100) !important;border-left: 0 !important;display: inline-block;/* position: absolute; */margin-right: 16px;}
div.lob:before, div.lob:after{content:"\F5FD";position: absolute;font-family: var(--icon-bs);left: 14px;font-size: 20px;top: 5px;color: var(--primary-500);}
div.lob:after{content:"\f231";left: auto;right: -10px;font-size: 14px;top: 9px;color: var(--primary-100);}
div.lob.life:before{content:"\F77B"; }
div.lob.disability:before{content:"\F8FB";}

.acelerate{font-weight: var(--fw-500);/* color: #ea580c; */padding-top: 0;margin: 0;font-size: var(--fs-sm);position: relative;padding: 8px 4px 0 24px;}
.acelerate:before{content: "\F845";font-family: var(--icon-bs);color: var(--orange-500);font-size: 18px;position: relative;top: 3px;margin-right: 0;position: absolute;left: 0;}

.acelerateHolder {border-left: solid 1px #ffedd5;margin-top: 0px;background: #fff7ed;margin-right: -15px;padding: 3px 12px;/* color: var(--orange-500) !important; *//* margin-bottom: 1px; */}

.topLeftLayout div.lob{ margin-left: -12px;}
.topLeftLayout .caseInfoHeader{margin: 0 -12px;padding: 0px 12px 0px 12px;}
.topLeftLayout .acelerateHolder{ display: none;}
.topLeftLayout .caseInfoHeader{}


/**********/
.caseReminder{margin-top: 8px; border-radius: var(--radius-xs)!important;}
.caseReminder:after{ display: none;}


/*********added disp none for left layout toggle menu is not needed***************/
#left .toggleMenuBtn{display: none; }
label[id="agentVO.sharePercentage-error"] {white-space: nowrap;}
a.text-link {font-size: var(--fs-base);}
.ParticipantInformation .summCol.E-mail {
    width: 170px;
    max-width: 170px;
}
.summCol.FlatExtra {
    width: 130px;
    max-width: 130px;
}
table#ColumnWidthTableId tr td:nth-child(2) {
	padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
}

ul#toolbar-menu {
    inset: 0px 0px auto auto !important;
}

#questionnaireComponent .question-row.form-group .col-lg-9+.col-lg-3 .form-control+.error {
    position: inherit;
}
/*Aded to fix QP#107171*/
.RCNotesDB div#dashboardData .btn-primary{margin-bottom:10px}
/*End Qp#107171*/
/*QP#107138*/
.form-group.appMandatoryRadioField.valid label.error {
    display: none;
}
/*End of #107138*/
.summaryGrid .dataCard .yesFin{color:var(--emerald-600)}
.summaryGrid .dataCard .noFin{color:var(--rose-600)}
a.greyImg {
    filter: grayscale(1);
    cursor: not-allowed;
}
.summCol.finDesCptn {
    min-width: 220px;
}
.summCol.finCount,.summCol.finAmt {
    min-width: 100px;
    width: 100px;
}
@media screen and (max-width: 992px) {
 .container, .container-fluid{ min-width: 992px;}

}
@media screen and (max-width: 1400px) {
	.TPPADMIN.topLeftLayout .leftNav,
	.TPPRUNTIME.topLeftLayout .leftNav{      width: 25%;}
	.TPPADMIN.topLeftLayout .rightContent,
	.TPPRUNTIME.topLeftLayout .rightContent{ width: 75%;}
}
/***Heart beat minitoring changes***/
.newLayout.heartbeatRuntime .panel.panel-default.section-panel{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%) !important;}
.heartbeatRuntime.newLayout .customPanelHeading{padding-top:30px !important}
.heartbeatRuntime.newLayout .alert{display: inline-block;margin-bottom: 0px !important;}
.heartbeatRuntime.newLayout .alert-success::after {content: '\f269' !important;}
.heartbeatRuntime.newLayout .alert-danger::after {content: '\f135' !important;}
.heartbeatRuntime.newLayout span.alert.alert-success+span.alert {margin-left: 16px;}
.heartbeatRuntime.newLayout .panel.panel-primary.heroPanel{min-height: inherit !important;}
.newLayout.heartbeatRuntime table td{vertical-align: middle;}

table.healthreport td{
      height:40px;
      font-size: 14px !important;
      vertical-align: middle;
    }
    table.healthreport td i{      
			font-size: 20px !important;
			vertical-align: middle;      
		}
		
		.heartBeatFooter{position: absolute; bottom: 0px; right: 0;}

/***End of Heart beat minitoring changes***/

.searchList:after {
	font-family:var(--icon-bs);
    content: "\F282";
	    position: absolute;
	right:18px;
    top: 6px;
    transition: transform .2s ease-in-out;
    font-size: 16px;
	color: #000;
    font-weight: 800;
}

.searchList:not(.collapsed)::after {
  font-family:var(--icon-bs);
  content: "\F282" ;
  transform: rotate(-180deg);
}

/* ScriptCheck results Accordin Cards  */

.accordinCards{
   border: solid 1px var(--gray-200) !important;
   
}
.accordinCards .card-header{
	padding: 8px !important;
}
.accordinCards .card-body{
	padding: 2px 8px 0px 8px !important;
}
.inboxFilter .filterDropdown
 {
    min-width: 900px;
}

span#headerReasons {
    max-width: 200px;
}
.emailWrap{
	word-break: break-word;
}



.summaryTableContainerDiv thead {
    position: sticky;
    top: 0;
    z-index: 1;
}
.summaryTableContainerDiv {
    width: 100% !important;
    height: 260px;
    overflow-y: auto;
	margin-bottom:0px;
}
.summaryTableContainerDiv#DecisionSummary_body {
    height: 90px !important;
}


/*.th-nowrap.td-nowrap {
    white-space: nowrap;
}*/
div#Financial .summaryTableContainerDiv{
	height: 155px !important;
	}	
	
div#CaseAssignment .summaryTableContainerDiv{
	height: 155px !important;
	}
div#RelatedCases .summaryTableContainerDiv{
	height: 155px !important;
	}
	.summCol {
    width: 154px;
    min-width: 154px;
}
#WorkItemsDetails .summaryTableContainerDiv,
#CaseCoverageInfo .summaryTableContainerDiv,
#AgentDetails .summaryTableContainerDiv,
#ParticipantInfo .summaryTableContainerDiv,
#ReplacementInfo .summaryTableContainerDiv,
#CashManagement .summaryTableContainerDiv
{
	height: 120px;
}

#PolicyInformation .summaryTableContainerDiv,
#PremiumMode .summaryTableContainerDiv
{
	height: 55px;
}
.docgallerySort .sort,.docgallerySort .sort-down,.docgallerySort .sort-up {
	width: 8px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 0px;
    right: -4px;
}