@charset "utf-8";
body{padding-top:70px !Important; background:#e0ebff;}
.logo span img {
	margin-top:0px;
}
.headerbar{height:70px !important; background:#393a3b !important; border-bottom: 1px solid #393a3b !important;}
.header-right ul li a, .grayLink {
    color: #FFFFFF;
}
.header-right ul li ul li a {
    color: #253061;
}
.header-right {
  margin-top: 16px !important;
}
.table_top table.table-big td, .tdHead {
	background-color: #5E91CB !important;
}
.btn {
	border:1px solid #5E91CB !important;
}
.btn.btn-primary {
	background-color: #5E91CB !important;
	color: #FFFFFF !important;
}
.btn.outline-primary {
	color:#262f6e!important;
	border:1px solid #5E91CB!important;
	background-color:#fff !important;
}
.btn.btn-primary.btn-simple:hover {
	background-color: transparent !important;
	color: #000 !important;
}
.progress > li.is-active {
	color: #5E91CB  !important;
}
.progress > li.is-active:before {
	color: #FFF !important;
	background: #5E91CB !important;
}
.progress > li.is-visited:before {
    color: #ababab;
    background: #dfe3e4 !important;
}
.custome_accordionBox .ui-accordion .ui-accordion-header {
	background: #dcebff  none repeat scroll 0 0 !important;
	color:#253061 !important;
}
.custome_accordionBox .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #253061 !important;
}
.custome_accordionBox .ui-accordion .ui-accordion-header-active {
	border-bottom: 1px solid #253061 !important;
}
.custom-tabs ul li.active {
	border-bottom: 2px solid #253061  !important;
	color: #000 !important;
}
.custom-tabs ul li.active a {
	color: #253061  !important;
}
.ui-jqgrid .ui-state-default {
	border: 0px solid #bde3fb !important;
}
.table_scroll {
  border: 0 none !important;
}

table.table tr.bg-info {
    background: #dbe9fc !important;
    background-color: #dbe9fc !important;
}
table.table td .sectionExtra {
   background: #9fc2f2;
}
table.table td .sectionDescription {
    border-bottom: 1px solid #9fc2f2;
}

.productFootertop {
	background:#f5f5f5 !important;
	border-top:2px solid #888 !important;
	border-bottom:1px solid #888 !important;
}
.blackBtn {
	background:#000 !important;
	color:#fff !important;
	border-color:#5E91CB !important;
}
.btn.btn-info {
  border-color:#03a9f4 !important;
}
.mb-content {
  margin-right: -27px !important;
}
.menutoggle {
  height: 70px !important;
  line-height: 70px !important;
}

.leftpanel {
  background: #5E91CB none repeat scroll 0 0 !important;
  top:70px !important;
  
}
.sidebar-menu {
  background-color: #5E91CB !important;
}

.sidebar-menu > li {
	/*border-bottom: 1px solid #000 !important;*/
}
.sidebar-menu > li > a {
  color: #fff !important;
  border-radius:0px !important;
}
.sidebar-menu > li:nth-last-child(1) {
border:0 none !important;
}
.sidebar-menu > li:nth-last-child(2) {
border:0 none !important;
}
.sidebar-menu > li:nth-last-child(3) {
border:0 none !important;
}
.sidebar-menu > li:nth-last-child(4) {
border:0 none !important;
}
.sidebar-menu > li:nth-last-child(5) {
border:0 none !important;
}
.sidebar-menu > li:nth-last-child(6) {
border:0 none !important;
}
.sidebar-menu > li:hover > a {
	color: #fff !important;
	background: #253061 !important;
	/*border-left-color: #b21e28 !important;*/
}
.sidebar-menu > li.active > a {
	color: #fff !important;
	background: #253061 !important;
	/*border-left-color: #b21e28 !important;*/
}
.sidebar-menu .sidebar-submenu{background-color: #5E91CB !important;}
.sidebar-menu .sidebar-submenu > li a {
	color:#fff !important;
	border-radius:0px !important;
}
.sidebar-menu .sidebar-submenu > li.active > a {
	color: #fff !important;
	background: #5e8ac7 !important;
	/*border-left-color: #b21e28 !important;*/
}
.sidebar-menu .sidebar-submenu > li > a:hover {
	color: #fff !important;
	background: #253061 !important;
	/*border-left-color: #b21e28 !important;*/
	border-radius:0px !important
}
.insureBg {
	border: 1px solid #eef5fb;
	border-top: 1px solid #ebebeb  !important;
	border-bottom: 1px solid #ebebeb  !important;
	background: #f6fafd !important;
}
.insure-oddBg {
	border:1px solid #d7e3ee !important;
	background:#ffffff !important;
}
.insure-evenBg {
	border:1px solid #d7e3ee !important;
	background:#f3f3f4 !important;
}
.modalWrapper .commonHeader {
	margin-top:10px;
}
.tabMenu ul {
	background:#fff !important;
	border-bottom:5px solid #253061 !important;
}
.tabMenu ul li {
	color:#131313 !important;
}
.tabMenu ul li a {
	color:#131313 !important;
}
.tabMenu .active, .tabMenu li.active a, .tabMenu ul li:hover {
	background:#253061 !important;
	color:#fff !important;
}
.tabMenu ul li:hover a {
	color:#5E91CB  !important;
}

.tabMenu ul li.more ul li a {background: #fff ; color:#000000 !important;}
.tabMenu ul li.more ul li.active a, .tabMenu ul li.more ul li a:hover{background: #253061 !important; color:#fff !important;}

 .premiumDetails table.table tr:nth-child(2n) {
background:#ffff !important;
}
.premiumDetailsfooter {
	background:#333 !important;
	color:#fff !important;
}
.info-label {
	background:#5E91CB !important;
	color:#fff !important;
}
.warning-label {
	background:#FF3333 !important;
	color:#fff !important;
}
/* Login Module */

.login-module {
	background: #ffffff !important;
	border-top: 5px solid #5E91CB !important;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
}
.login-module h2 {
	color: #323232 !important;
}
.login-module input {
	border: 1px solid #d9d9d9 !important;
}
.login-module input:focus {
	border: 1px solid #ccc !important;
	color: #333333 !important;
}
/* .login-module button {
	background: #253061 !important;
	color: #ffffff !important;
} */
.login-module button:hover {
	background: #5E91CB !important;
}
.login-module .cta {
	background: #f2f2f2 !important;
	color: #666666 !important;
}
.login-module .cta a {
	color: #253061 !important;
}
.parentEntityInfo {
	background:#ededed !important;
}
.parentEntityInfo a {
	color:#000 !important;
}


/*28-05-18*/
.mailSection table tr:nth-child(2n) {
 background-color: #fff !important;
}
.tableActionBtn {
	border: 1px solid #ccc !important;
}
.currentBtn {
	background: #42a830 !important;
	border-color: #42a830 !important;
	color: #fff !important;
}
.useBtn {
	background: #2196f3 !important;
	border-color: #2196f3 !important;
	color: #fff !important;
	font-weight: bold;
}
/*For Search*/
.quicksearch li button.submit {
    background: #253061 !important;
}

/*For Alert CSS*/
.sweet-alert button {
	border: 1px solid #253061  !important;
	border-radius: 20px;
}
.sweet-alert button.cancel {
	background-color: #253061  !important;
	border-radius: 20px;
}
.sweet-alert button.confirm {
	background-color: #253061  !important;
	border-radius: 20px;
}
/*Grid Table*/

.ui-jqgrid-labels th {
	background: #5E91CB none repeat scroll 0 0 !important;
}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
}
.ui-jqgrid tr.ui-row-ltr td {
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
}
.custome_accordionBox .ui-jqgrid-labels th {
	background: #253061 none repeat scroll 0 0 !important;
}

/*Date Picker*/

.ui-datepicker-calendar .ui-state-highlight {
  background: #253061 none repeat scroll 0 0 !important;
  border: 1px solid #253061 !important;
  color:#fff !important;
}

.tabsWrapper .ui-widget-header {
    background: #fff !important;
    border-bottom: 5px solid #253061 !important;
}
.tabsWrapper .ui-tabs .ui-tabs-nav li {
    background: #fff !important;
}

.tabsWrapper .ui-widget-header .ui-state-active a {
    background-color: #253061 !important;
}
.tabsWrapper .ui-tabs .ui-tabs-nav li:hover {
    background: #253061  !important;
    border-bottom: 1px solid #253061 !important;}

/* For Footer*/
.footer {
  border-left: 1px solid #5E91CB !important;	
  background-color: #333 !important;
  color: #fff !important;
}

 @media screen and (max-width: 960px) {
.mobile-user {
  color: #fff !important;
} 
	 
	 
 }

/*Notification popup Section*/
.customNotificationPopupBg.ui-widget-content {
    background: #ffffff !important;
}

.customNotificationPopupBg .ui-dialog-titlebar {
	background: #5E91CB !important;
    border-radius: 10px;
}


.button-switch.style {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: -40px;
  width: 40px;
  height: 40px;
  line-height: 150px;
  text-align: center;
  background-color: #5E91CB !important;
  color: #fff;
}

.button-switch3.style2 {
  background-color: #5E91CB  !important;
  color: #fff;
}
.button-switch4.style3 {
  
  background-color: #5E91CB !important;
  color: #fff;
}
.button-switch5.style4 {

  background-color: #5E91CB !important;
  color: #fff;
}
.button-switch6.style5{

  background-color: #5E91CB !important;
  color: #fff;
}
.grayTDHead{background-color:#7F7F7F !important;color:#FFFFFF !important;}

/* As suggested by govind kumar*/
.customNotificationPopupBg .ui-dialog-titlebar {
  background: #5E91CB !important;
}







/* this css added 13.10.2025 */
/* this css for revampstyle.css adding */
.left_part {
	padding: 56px 88px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	height: 100vh;
	z-index: 9;
}

.right_part {
	background-color: #fafafa;
}

.loginMain {
	width: auto;
	height: auto;
	margin: 0 auto;
	margin-top: 0;
	padding: 55px 40px;
	/* background-color: #fff; */
}

.login_flexalign {
	display: flex;
	flex-direction: row;
	width: 60%
}

.right_part {
	position: absolute;
	top: 50%;
	right: 87px;
	transform: translate(0, -50%);
	width: 540px;
	border-radius: 19px;
}

.login_wrapper {
	background-origin: content-box;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh;
	margin-top: -70px;
	background-position: center;
}

.login-module .loginForm {
	display: block;
	padding: 0;
	background-color: #fafafa;
}



/* login slider info css */
.info_wrapper h2 {
	font-size: 40px;
	line-height: 46px;
	font-weight: 700;
	color: #fff;
	padding-bottom: 15px;
	margin-bottom: 0;
}

.info_wrapper p {
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	color: #fff;
	padding-bottom: 50px;
	margin-bottom: 0;
}

.info_wrapper {
	width: 600px !important;
}

.loginewslider .carousel-indicators {
	position: absolute;
	right: auto;
	left: 0;
	z-index: 2;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	list-style: none;
	align-items: center;
}

.loginewslider .carousel-indicators .active {
	width: 48px !important;
	height: 8px;
}

.loginewslider .carousel-indicators button {
	width: 38px !important;
}

/* login slider info css */


/* this css for login page wave  */
.wave-bg {
	position: relative;
	width: 100%;
	height: 100vh;
    background: linear-gradient(135deg, #062447, #062447, #136683, #303d46);
	overflow: hidden;
}

.wave {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.wave.second {
	bottom: 0;
}

.wave.line {
	bottom: 500px;
	/* adjust so the curve floats in the middle */
}

/* this css for login page wave */



/* this css for revampstyle.css adding */




/* this css added for login box css 09.08.2025 */

.login-module {
	border-top: none !important;
	box-shadow: none !important;
	padding: 0;
	max-width: inherit;
}

.loginForm h6 {
	font-size: 16px;
	line-height: 27px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 13px;
}

.login-module h2 {
	padding-bottom: 55px;
	font-size: 30px;
	line-height: 51px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 0;
	text-transform: capitalize;
}

.underwriting538 {
	margin-bottom: 12px !important;
}

.login-module button {
	background: #5E91CB;
	color: #fff !important;
	font-size: 19px;
	line-height: 29px;
	border-radius: 50px;
}

.login-module button:hover {
	background: #5E91CB !important;
	color: #fff !important;
	font-size: 19px;
	line-height: 29px;
	border-radius: 50px;
}

/* checkbox css */
/* Wrapper label */
.custom_checkbox {
	display: inline-flex;
	align-items: center;
	font-size: 15px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
	cursor: pointer;
	user-select: none;
}

.Forgot_info {
	font-size: 15px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
	text-decoration: none;
}

.Forgot_info:hover {
	color: #5E91CB;
	text-decoration: none;
}

/* Hide default checkbox */
.custom_checkbox input {
	display: none;
}

/* Custom box */
.custom_checkbox .checkmark {
	width: 25px;
	height: 25px;
	border: 1px solid #9e9e9e;
	border-radius: 3px;
	margin-right: 8px;
	display: inline-block;
	position: relative;
	transition: all 0.2s ease;
}

/* Checked state */
.custom_checkbox input:checked+.checkmark {
	background-color: #E0E0E0;
	border-color: #9e9e9e;
}

/* Checkmark tick */
.custom_checkbox .checkmark::after {
	content: "";
	position: absolute;
	display: none;
	left: 9px;
	top: 2px;
	width: 7px;
	height: 15px;
	border: solid #9E9E9E;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Show tick when checked */
.custom_checkbox input:checked+.checkmark::after {
	display: block;
}

.forgotpass_wrapper {
	padding: 18px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* checkbox css */

/* floting input fild css */
/* Wrapper */
.form_field {
	position: relative;
	margin: 0;
}

/* Input styles */
.form_field input {
	width: 100%;
	padding: 20px 15px 18px;
	border: 1.5px solid #D9D9D9 !important;
	border-radius: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	outline: none;
	background: #fff;
	transition: border-color 0.2s ease;
	border-radius: 10px;
}

/* Focus border */
.form_field input:focus {
	border-color: #47433C;
}

/* Label */
.form_field label {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	background: white;
	padding: 0 6px;
	color: #777;
	font-size: 15px;
	pointer-events: none;
	transition: 0.2s ease all;
}

/* Floating effect — stays up if focused OR has value */
.form_field input:focus+label,
.form_field input:not(:placeholder-shown)+label {
	top: 2px;
	font-size: 13px;
	padding: 0 6px;
	color: #47433C;
}


/* Remove autofill background for Chrome, Safari, Edge */
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
	box-shadow: 0 0 0px 1000px #fff inset !important;
	-webkit-text-fill-color: #000 !important;
}

/* Reset for Firefox */
input:autofill {
	box-shadow: 0 0 0px 1000px #fff inset !important;
	-moz-text-fill-color: #000 !important;
}

/* Normal input background (no blue) */
.form_field input {
	background: #fff !important;
	margin-bottom: 0;
}

/* floting input fild css */
.frm_flexwrapper {
	display: flex;
	flex-direction: column;
	gap: 23px;
}



/* slick dots css */
/* Slick dots customization */
.loginempoweringalider .slick-dots {
	position: absolute;
	bottom: 20px;
	/* adjust depending on your design */
	left: 50%;
	transform: translateX(-50%);
	display: flex !important;
	gap: 32px;
	/* space between lines */
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

/* Each dot (line style) */
.loginempoweringalider .slick-dots li button {
	width: 50px;
	/* line length */
	height: 1px;
	/* line thickness */
	background: #9E9E9E;
	/* inactive gray */
	border: none;
	border-radius: 0px;
	text-indent: -9999px;
	/* hide default dot text */
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 2px;
}

/* Active line */
.loginempoweringalider .slick-dots li.slick-active button {
	background: #ffffff;
	/* active white */
	width: 50px;
	/* keep same width */
	height: 2px;
	padding: 4px;
}

.loginempoweringalider .slick-dots li {
	height: auto;
}

/* slick dots css */
/* this css added for login box css 09.08.2025 */








/* this css fotr left bar */

/* left panel toggle css */

.toggle_bar img {
	margin-right: 10px;
	cursor: pointer;
}

.toggle_bar:focus,
.toggle_bar:hover {
	outline: none;
}


/* left panel toggle css */
/* left panel css */
.leftpanel {
	width: 340px;
	top: 0 !important;
}

.sidebar-menu {
	max-width: 312px;
}

/* left panel css */
.sidebar-menu li>.sidebar-submenu {
	padding-left: 0;
}

.sidebar-menu li.active>.sidebar-submenu {
	padding-left: 0;
}

.sidebar-menu>li.active>a {
	background: #d5d636 !important;
	color: #000000 !important;
	border-radius: 47px !important;
	border-bottom: 3px solid #ffffff;
	border-left: 0;
	font-size: 16px;
	font-weight: 400;
	padding: 14px 20px;
}

.sidebar-menu>li>a {
	border-radius: 47px !important;
	padding: 14px 20px;
}

.mainpanel {
	margin-left: 340px;
	min-height: 571px;
}

.headerbar {
	margin-left: 340px;
}

.sidebar-menu {
	background: #5E91CB !important;
}

.leftpanel {
	background: #5E91CB !important;
	border-radius: 0 20px 20px 0;
}

.headerbar {
	background: #fff;
}

.sidebar-menu>li:hover>a {
	background: #d5d636 !important;
	color: #000000 !important;
	border-radius: 47px !important;
	border-left: 0;
}

.sidebar-menu {
	font-size: 16px;
	line-height: 24px;
}

.sidebar-menu .sidebar-submenu {
	background: transparent !important;
	color: #fff !important;
}

.sidebar-menu .sidebar-submenu>li>a {
	margin: 2px 0;
}

.sidebar-menu .sidebar-submenu>li>a:hover {
	color: #ffffff !important;
	background: #d5d63680 !important;
	border-radius: 40px !important;
}

.sidebar-menu .sidebar-submenu>li.active>a {
	color: #ffffff !important;
	background: #00000063 !important;
	border-radius: 40px !important;
}

.logosidepanel {
	margin-left: 0;
	position: sticky;
	top: 0;
	background: #5E91CB;
	z-index: 999;
	padding-left: 24px;
}

.header-right ul {
	text-align: left;
	align-items: center;
}

#myInput {
	background: url('../Images/searchiconthin.svg') no-repeat right 16px center;
	background-color: #efefef;
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	padding: 10px 46px 10px 16px;
	border: 1px solid #5E91CB;
	margin-bottom: 0;
	height: 44px;
	border-radius: 50px;
	margin-top: 0;
	width: 330px;
}

/* .mode_status {
	font-size: 16px;
	background: rgb(37 92 50) !important;
	backdrop-filter: blur(1px);
	padding: 10px 20px;
	border: none;
	box-shadow: none;
	color: #fff;
	border-radius: 0 0 25px 25px;
	top: 0;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0px);
	margin-left: 0;
	font-weight: 700;
	border: 1px solid #ebebeb;
	border-top: 0;
	box-shadow: rgb(201 201 201 / 20%) 1px 6px 29px 0px;
} */
.pardasmode_status {
    font-size: 16px;
    background: #5E91CB !important;
    backdrop-filter: blur(1px);
    padding: 10px 20px;
    border: none;
    box-shadow: none;
    color: #fff;
    margin-left: auto;
    border-radius: 0 0 20px 20px;
    top: 0px;
    position: absolute;
    left: calc(100% - 40%);
    font-weight: 700;
    border: 1px solid #ebebeb;
    border-top: 0;
    box-shadow: rgb(201 201 201 / 20%) 1px 6px 29px 0px;
}
.header-right {
	color: #000 !important;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	margin-top: 0 !important;
	margin-right: 340px;
}

.headerbar {
	background: #fff !important;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: none !important;
}

.header-right ul li {
	padding: 0;
}

.header-right ul li a {
	color: #255c32 !important;
}

.header-right ul li .svg-inline--fa {
	color: #255c32;
}

.TopMessagesection {
	padding: 0;
}

/* this css for left bar */

/* footer css */
.footer {
	border-left: 1px solid #ffffff !important;
	background-color: #ffffff !important;
	color: #000000 !important;
	margin-left: 80px;
}
.sidebar-open .footer {
    margin-left: 340px;
}

/* footer css */



/* this css for body part */
.bg-primary {
	background: #ffffff !important;
	border: 1px solid #ebebeb;
	border-radius: 20px;
	/* overflow: clip; */
}

.btn.outline-primary {
	color:#5E91CB!important;
	border:1px solid #5E91CB!important;
	background-color: #fff !important;
	border-radius: 50px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
}

.mainpanel {
	border-left: none;
}

/* .section .ui-jqgrid-hbox {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
} */

/* input {
	border-radius: 8px;
} */

select {
	border-radius: 8px;
}

textarea {
	border-radius: 8px;
}

.btn {
	border-radius: 20px;
}

/* .ui-jqgrid input {
	padding: 10px !important;
}

.ui-jqgrid select {
	padding: 10px !important;
}

.ui-jqgrid textarea {
	padding: 10px !important;
} */

.listing li .label_right input {
	border-radius: 8px;
}

/* .listing li .label_right select {
    padding: 18px 10px !important;
} */

.listing li .label_right .btn.btn-sm {
	line-height: 11px;
}

.listing li label.medium {
	font-size: 14px;
}

.select2-container--default .select2-selection--single {
	border-radius: 8px;
}

.custome_accordionBox .ui-accordion .ui-accordion-header-active {
	border: 1px solid #5E91CB !important;
}

.custome_accordionBox .ui-accordion .ui-accordion-header {
	background: #fffff2 none repeat scroll 0 0 !important;
	color: #000 !important;
	box-shadow: -1px 1px 12px 0px #69696961;
}

.custome_accordionBox .ui-state-default {
	border: 1px solid #e2ffe9 !important;
}

input[type="radio"] {
	border: 1px solid #5E91CB !important;
}

input[type="radio"]:checked:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #255c32;
	border: 1px solid #5E91CB !important;
	box-shadow: inset 0px 0px 10px #5E91CB ;
}

.btn.btn-lg {
	font-size: 14px;
	min-height: 40px;
	min-width: 120px;
	line-height: 24px;
}

/* .ui-widget input[type="button"] {
	padding: 3px 15px !important;
} */

/* .listing li .label_right .input-addon-date {
    margin-top: 15px;
} */
.listing li .label_right input {
	line-height: normal;
}

/* .listing li .label_right .input-addon-date {
    margin-top: 2px;
} */
.btn {
	border-radius: 50px !important;
}

.success-msg {
	border-radius: 20px;
}

input[type="radio"] {
	top: 0;
}

table .input-addon-date {
	margin-top: 0;
}

.paymentDetailsSection {
	border: 2px solid #5E91CB;
	background: #e5f0ff;
	border-radius: 16px;
}

ul {
	padding-left: 0;
}

/* this css for body part */






/* right and left arrow */
.rightLeftArrow {
	float: right;
	cursor: pointer;
	margin: 5px 0 5px 5px;
	padding: 7px;
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px !important;
}

/* .ui-jqgrid-labels th {
	background: #255c32 none repeat scroll 0 0 !important;
} */


/* right and left arrow */


/* this css for erroe sms */
.error {
	color: #ff2400 !important;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* this css for erroe sms */





/* right panel */
/* .theme-options {
    z-index: 999 !important;
    right: 0 !important;
    width: auto !important;
    padding: 9px 9px !important;
    width: 58px !important;
    background: #d4d4d4 !important;
    opacity: 1 !important;
    top: 50% !important;
    transform: translate(0px, -50%) !important;
    border-radius: 51px !important;
    border: 1px solid #255c32;
}
.btn-view {
    position: relative;
    left: -1px !important;
    width: auto !important;
    display: flex !important;
    flex-flow: column !important;
    top: 0 !important;
    height: 100% !important;
    justify-content: center !important;
    z-index: 999999 !important;
}
.btn-view .button-switch3.style2 {
    border-radius: 50px !important;
} */
.btn-view {
	position: static;
	/* top: 18px;
    left: 0; */
	/* width: 60px; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	margin-top: -1px;
	height: auto;
	border-right: 0;
	-webkit-backdrop-filter: blur(8px);
	z-index: 999;
	padding-left: 4px;
}

/* .btn-view {
    position: absolute;
    width: 60px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -60px;
    height: auto;
    margin-top: -1px;
    flex-flow: column;
    border-radius: 30px 0px 0px 30px;
    gap: 4px;
    border-width: 1px 0px 1px 1px;
    border-style: solid solid solid;
    border-color: rgb(37, 92, 50) rgb(37, 92, 50) rgb(37, 92, 50);
    border-image: initial;
    border-right: 0px;
    padding: 17px 0px;
    background: rgba(212, 212, 212, 0.55) !important;
	backdrop-filter: blur(5px) !important;
} */
.wrapper_rightbar .affix {
	border-radius: 20px;
	box-shadow: none;
	border: 1px solid #5E91CB;
	background: rgb(212 212 212 / 55%) !important;
	backdrop-filter: blur(5px);
	border-right: 0;
	/* border-left: 0; */

	display: flex;
}

.wrapper_rightbar .btnrightfloting {
	border-radius: 50px;
}

.viewport {
	border: none;
	/* padding-left: 60px; */
}

/* .wrapper_rightbar .theme-options {
	padding: 30px 10px;
} */

.viewport {
	border: none;
	padding: 0 20px;
	width: 100%;
}

.btnrightfloting svg {
	height: 20px;
	width: 20px;
	object-fit: contain;
}

.theme-options table a {
	text-decoration: none;
	font-size: 14px;
}

.theme-options {
	width: 330px;
}

.theme-options table a:hover {
	text-decoration: none;
}

/* .btn-view .button-switch3.style2 {
    left: -6px;
} */
/* right panel */

/* forgot pass page css start here */
.forgotpass_pagefild {
	margin-bottom: 30px;
}

/* forgot pass page css start here */

/* tab css adding */
.tabMenu ul {
	background: transparent !important;
	color: #fff !important;
	border-bottom: 1px solid #E5E5E5 !important;
}

.tabMenu .active,
.tabMenu li.active a,
.tabMenu ul li:hover {
	background: transparent !important;
	color: #5E91CB !important;
	/* border-bottom: 1px solid #255c32; */
}
.tabMenu li.active {
   border-bottom: 1px solid #5E91CB;
}
.tabMenu ul li:hover {
	border-bottom: 1px solid #5E91CB;
}

.tabMenu .active,
.tabMenu li.active a,
.tabMenu ul li:hover {
	background: transparent;
	color: #5E91CB !important;
}

.tabMenu ul li a {
	color: #000 !important;
	font-size: 14px;
}

/* tab css adding */

/* this css for header part */
.header-right ul li a {
	margin-left: 0;
}

.header-right ul li img {
	margin-left: 0;
}

.header-mid {
	padding-left: 12px;
	width: 80%;
}

.header-right ul {
	gap: 25px;
	display: flex;
}

#myUL {
	position: absolute;
	top: 70px;
	left: auto;
	z-index: 9999;
	background: #5E91CB;
	border-radius: 20px;
	padding: 10px;
}

#myUL li a {
	border: none;
	margin-top: 0;
	background-color: transparent;
	padding: 10px;
	font-size: 14px;
	color: #ffffff;
	display: block;
}

#myUL li.text_link_icon a:hover:not(.header) {
    background-color: #3fb1d7;
    border-left-color: none;
    border-left-width: 0px;
    color: #ffffff;
    border-radius: 8px;
}

#myUL li a span {
	color: #d1d1d1;
}

#myUL li.text_link_icon a:hover span {
	color: #fff;
}

/* #myUL li a{
	width: 100% !important; 
} */
.userdropdownimg {
	filter: brightness(0) invert(1);
	height: 15px;
	width: 15px;
	margin-right: 5px;
}

/* .text_link_icon{
	width: 50%;
} */
/* this css for header part */
.custome_accordionBox .ui-accordion .ui-accordion-header {
	border-radius: 50px;
    background: #EEEEEE none repeat scroll 0 0 !important;
    color: #5E91CB !important;
    border: 1px solid #3FB1D7 !important;
}


/* right profile user icon */
.header-right ul li ul {
	width: 200px !important;
	position: absolute;
	right: 0px !important;
	left: auto !important;
	display: none;
	background: rgb(211 210 210 / 57%) !important;
	backdrop-filter: blur(1px);
	border-radius: 20px;
	padding: 10px;
}

.header-right ul li ul:before {
	display: none;
}

.header-right ul li ul:after {
	display: none;
}

.header-right ul li ul li a {
	border-bottom: none;
	color: #fff !important;
	font-size: 13px;
	align-items: center;
    display: flex;
}

.header-right ul li ul li {
	background: #000;
	border-radius: 50px;
	margin: 5px 0px;
}

.header-right ul li ul li a:hover {
	background: #000;
	border-radius: 50px;
	margin: 5px 0px;
}

.header-right ul li .svg-inline--fa {
	color: #ffffff;
}

/* right profile user icon */


/* V3/Sites/EnsuranceUK/clients/admin_clientPremiumDetails/clientId this page css */
.tabMenu ul {
	height: auto;
}

/* V3/Sites/EnsuranceUK/clients/admin_clientPremiumDetails/clientId this page css */



/* this css for body part table */
table tr:nth-child(even) {
	background-color: #ffffff;
}

.ui-jqgrid tr.ui-row-ltr td {
	border: none !important;
	border-bottom: 1px solid #255c3221 !important;
	/* padding: 17px 10px !important; */
	padding: 12px 10px !important;
}

.ui-th-ltr,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
	border: none !important;
	border-bottom: 1px solid #255c3221 !important;
	padding: 6px 10px !important;
}

.ui-jqgrid table {
	border: 1px solid #255c3221;
	border-bottom: none !important;
}

.ui-jqgrid tr.ui-row-ltr td img {
	height: 15px;
}

.search_afterloading {
	border: none !important;
	margin-top: 0 !important;
	background-color: #5E91CB !important;
	padding: 8px 10px !important;
	text-decoration: none !important;
	color: #ffffff !important;
	display: block !important;
	border-radius: 50px;
	font-size: 14px !important;
	letter-spacing: 1px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	box-shadow: none;
}

.search_afterloading .dots::after {
	content: '...';
	animation: dotsBlink 1.5s infinite steps(4);
	font-size: 28px;
	color: #fff;
	line-height: 8px;
}

@keyframes dotsBlink {
	0% {
		content: '';
	}

	33% {
		content: '.';
	}

	66% {
		content: '..';
	}

	100% {
		content: '...';
	}
}

/* this css for body part table */



/* this css for header search  */
.search_mode {
	position: absolute !important;
	right: 15%;
	width: 120px;
	left: auto !important;
	top: 15px !important;
	overflow: hidden !important;
	background: transparent !important;
	padding: 0 !important;
}
.collapsed .search_mode{
	position: absolute !important;
	right: 5%;
	width: 120px;
	left: auto !important;
	top: 15px !important;
	overflow: hidden !important;
	background: transparent !important;
	padding: 0 !important;
}

.header-mid {
	padding-left: 0;
	width: 80%;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
}

/* this css for header search  */



/* this css for clients/admin section page css */
.table_scroll3 .table {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

input[type="button"],
input[type="submit"] {
	height: auto !important;
}

.dropdown-content {
	right: 0px;
	border-radius: 20px;
	padding: 10px;
}

.dropdown-content a:hover {
	background-color: #5E91CB;
	border-radius: 6px;
	color: #fff;
}

.custom-tabs ul li a {
	font-size: 14px;
	font-weight: 500;
}

.admincol-full.headeingTop .dropdown h1 {
	font-size: 28px;
}

.admincol-full.headeingTop .headingClass {
	font-size: 25px;
}

.custom-tabs ul li.active a {
	color: #5E91CB !important;
}

.custom-tabs ul li.active {
	border-bottom: 2px solid #5E91CB !important;
	color: #000 !important;
}

.progress {
	height: auto;
	padding: 14px;
	display: table;
	border-radius: 20px;
	border: 1px solid #255c32;
	/* width: 60%; */
	overflow: auto !important;
}

.progress>li {
	font-size: 15px;
}

.progress>li.is-active:before {
	color: #FFF !important;
	background: #5E91CB!important;
}

.progress>li.is-visited span {
	font-weight: 600;
	font-size: 15px !important;
	color: #000 !important;
	font-weight: 400 !important;
}

.progress>li.is-active {
	color: #5E91CB !important;
	font-size: 15px;
	color: #5E91CB;
}

.tabMenu ul li:hover {
	border-bottom: 1px solid #5E91CB;
}

.btn {
	height: auto;
}

/* this css for clients/admin section page css */


/* pending policy renewal page css */
.PendingRenewal_Listwrapper {
	display: flex;
	align-items: center;
}

/* .inputsearch{
    height: 50px;
} */
.PendingRenewal_Listwrapper .btn.outline-primary {
	margin-top: 0 !important;
	margin-left: 15px;
	margin-bottom: 0;
}

.admincol-full h1 {
	font-size: 30px;
}

h1 {
	font-size: 30px;
	font-weight: 600;
}

/* pending policy renewal page css */



/* this css for table border radious */
.table_scroll.productTable {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

table.table th {
	background: #5E91CB !important;
	border: none;
}

.btn-group {
	display: inline-flex;
	gap: 10px;
}

.linkText {
	color: #5E91CB !important;
}

table.table td a {
	padding: 6px 10px;
}

table.table td .sectionDescription {
	border-bottom: 1px solid #5E91CB;
}

table.table td .sectionExtra {
	background: #5E91CB;
	color: #ffffff;
	border-radius: 4px;
}

table.table td {
	border-right: none;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}

table {
	padding-bottom: 0;
	margin-bottom: 0 !important;
}

/* table.table tr:nth-child(even) {
	background: #ffffff !important;
} */

.tdHead {
	background: #5E91CB none repeat scroll 0 0 !important;
}

.headerTopNotification2 span {
	background: #d5d636;
	color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dropdown-content .headerTopNotification2 span {
	background: #5E91CB;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

#reasons_idLi .fright.label_right span {
	border-radius: 10px !important;
	padding: 10px !important;
	/* height: 10px; */
	display: inline-block;
}

.tabsWrapper .ui-tabs .ui-tabs-nav li {
	color: #000 !important;
}

.tabsWrapper .ui-widget-header .ui-state-active a {
	background-color: #ffffff !important;
	border-bottom: 2px solid #5E91CB;
}

.tabsWrapper .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	color: #5E91CB;
}

.tabsWrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0;
}

.tabsWrapper .ui-widget-header {
	background: transparent !important;
	border-bottom: 2px solid #e5e5e5 !important;
}

.tabsWrapper .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	color: #000 !important;
}

.tabsWrapper .ui-tabs .ui-tabs-nav li:hover a {
	background: #fff !important;
	color: #000 !important;
	border-bottom: 2px solid #000 !important;
}

.tabsWrapper .ui-tabs .ui-tabs-nav li:hover {
	background: #fff !important;
	color: #000 !important;
	border-bottom: 1px solid #fff !important;
}

.table_scroll {
	border-radius: 20px 20px 0 0;
	border: 1px solid #d4d4d4 !important;
	/* border-radius: 20px 20px 0 0; */
}

.ui-widget.ui-widget-content {
	margin-top: 20px;
	/* width: 800px !important; */
	/* border: 1px solid #d4d4d4; */
	/* border-radius: 20px 20px 0 0; */
}

.tableMobscroll {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

#nav-main ul ul {
	background: #fadb99;
	list-style: none;
	margin: 0;
	padding: 15px 0 0;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 999999 !important;
	height: auto;
	padding: 10px;
	background: #ffffff !important;
	width: 250px;
	color: #fff !important;
	border-radius: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#nav-main ul ul li a:hover {
	background: #5E91CB;
	color: #fff !important;
}

#nav-main ul ul li a:active {
	background: #255c32;
	color: #fff !important;
}

/* .tabMenu .active, .tabMenu li.active a, .tabMenu ul li:hover {
    background: transparent;
    color: #ffffff !important;
    background: #255c32 !important;
} */

#nav-main ul ul li {
	border-bottom: 1px solid #5E91CB;
}

input[type="checkbox"]:checked:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 10px;
}

.commissin-breakup-div-content table.table {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	outline: auto;
	outline-color: #ededed;
}

.commissin-breakup-div-content table.table th {
	color: #fff;
}

#discountLoadingTable_0 {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	border: 1px solid #ededed;
	outline: auto;
	outline-color: #ededed;
}

#flexiCommissionTable_0 {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	border: 1px solid #ededed;
	outline: auto;
	outline-color: #ededed;
}

.custome_accordionBox .ui-jqgrid-labels th {
	background: #5E91CB none repeat scroll 0 0 !important;
}

.custom-tabs ul li a {
	color: #000000;
}

.form-inner-col-left .listing li .label-right input {
	padding: 15px !important;
}

.policydetails_flexing {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}



.policyrecordrightbtnicon {
	height: 15px;
	width: 15px;
	filter: invert(26%) sepia(56%) saturate(417%) hue-rotate(87deg) brightness(94%) contrast(94%);
}

.colorblackto_white {
	filter: invert(100%) brightness(100%);
	height: 18px;
	width: 18px;
}

.quoterecord_tablewrapper table thead tr th {
	background: #5E91CB;
}

.quoterecord_tablewrapper table tr th:first-child {
	border-top-left-radius: 20px;
	overflow: hidden;
}

.quoterecord_tablewrapper table tr th:last-child {
	border-top-right-radius: 20px;
	overflow: hidden;
}

.quoterecord_tablewrapper table.tableSimple td {
	border: none;
	border-bottom: 1px solid #e9e9e9;
}

.quoterecord_tablewrapper table.dataTable.display tbody td {
	border: none;
	border-bottom: 1px solid #e9e9e9;
}

.quoterecord_tablewrapper table.tableSimple th {
	border: none;
}

.quoterecord_tablewrapper table {
	width: 100%;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	border-radius: 20px;
	overflow: hidden;
}

.quoterecord_tablewrapper table.dataTable.display tbody tr.odd>.sorting_1 {
	background: #fff;
}

.quoterecord_tablewrapper .currentBtn {
	background: #5E91CB !important;
	border-color: #5E91CB !important;
	color: #fff !important;
	text-decoration: none;
	line-height: 18px;
	white-space: nowrap;
	font-size: 14px;
}

.quoterecord_tablewrapper .useBtn {
	background: #2196f3 !important;
	border-color: #2196f3 !important;
	color: #fff !important;
	text-decoration: none;
	line-height: 18px;
	white-space: nowrap;
	font-size: 14px;
}

.client_edittable {
	border: 1px solid #dddddd;
	border-radius: 20px;

}


/* insurerProduct page */
.headsection {
	background: #efefef !important;
	border-radius: 6px;
}

.mainwrapper {
	border-radius: 6px;
}

.ui-jqgrid .ui-jqgrid-htable {
	/* table-layout: auto; */
	margin: 0em;
	/* border-radius: 20px 20px 0 0;
	overflow: hidden; */
}

.ui-jqgrid-hbox {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

/* .ui-jqgrid .ui-jqgrid-btable {
	table-layout: auto;
} */

.document_searchwrapper .ui-jqgrid-htable {
	border-radius: 20px;
	overflow: hidden;
}

.breadcrumb li a {
	color: #255c32 !important;
}

.table_scroll4 {
    border-radius: 20px 20px 0 0;
    border: 1px solid #d4d4d4;
    overflow: auto;
    max-height: auto !important
}

.pen_imagesize {
	height: 20px;
	width: 20px;
}

.headeingTop img {
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}

.arrowleftright {
	height: 18px;
	width: 18px;
	filter: invert(1);
}

.PendingRenewal_Listwrapper .medium {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

input:checked+.slider {
	background-color: #5E91CB;
}

/* .sidebar-menu>li>a {
    padding: 14px 0 14px 20px !important;
} */
table.dataTable.no-footer {
	border: 1px solid #ededed;
}

#custom-handle {
	background: #255c32 !important;
	height: 25px;
	width: 25px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -1.0em;
}

#slider.ui-widget.ui-widget-content {
	border: 1px solid #ededed !important;
	border-radius: 20px;
}

/* this css for table border radious */



/* this css for font awesome icon color and bg customized */
.tip {
	margin: 0px 3px;
}

.fa-trash-alt {
	background: red;
	height: 25px;
	width: 25px !important;
	padding: 7px;
	border-radius: 50px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fa-eye {
	background: #0072ff;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fa-edit {
	background: #00c32e;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tip .fa-user {
	background: #0025ff;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fa-list-ul {
	background: #d5d636;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fa-external-link-alt {
	background: #ccc;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	/* color: #fff; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.fa-info-circle {
    background: #005670;
    height: 25px;
    width: 25px !important;
    border-radius: 50px;
    padding: 7px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-history {
    height: 25px;
    width: 25px !important;
    border-radius: 50px;
    padding: 7px;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #a8ffac;
}
.fa-envelope {
    background: #00d508;
    height: 25px;
    width: 25px !important;
    border-radius: 50px;
    padding: 7px;
    color: #fff;
    /* display: flex; */
    justify-content: center;
    align-items: center;
}
.fa-tasks {
    background: #000;
    height: 25px;
    width: 25px !important;
    border-radius: 50px;
    padding: 7px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-undo-alt{
    height: 25px;
    width: 25px !important;
    border-radius: 50px;
    padding: 7px;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #a8ffac;
}
.fa-sliders-h{
	background: #000;
    height: 25px;
    width: 25px !important;
    border-radius: 50px;
    padding: 7px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-file {
    background: #184599;
	height: 25px;
    width: 25px !important;
    border-radius: 50px;
    padding: 7px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ui-icon-refresh {
	background-color: #d7d7d7 !important;
	height: 30px;
	width: 30px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
.fa-list-alt {
    background: #8f8f8f;
    height: 25px;
    width: 25px !important;
    border-radius: 50px;
    padding: 7px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-server{
	background: #09c592;
    height: 25px;
    width: 25px !important;
    border-radius: 50px;
    padding: 7px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-download {
    background: #5E91CB;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tip .fa-print {
	background: #f39d00;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fa-envelope-open {
	background-color: #019120;
    height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tip .fa-retweet {
	background: #d7d7d7;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fa-undo {
    background: #9d9d9e;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fa-cogs {
    background: #ff7f50;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fa-book-open{
	background: #001fb9;
	height: 25px;
	width: 25px !important;
	border-radius: 50px;
	padding: 7px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* table tr th:first-child {
	width: 150px !important;
} */

/* table tr td:first-child{
	width: 150px !important;
} */
a {
	color: #5E91CB;
	text-decoration: none;
}

a:hover {
	color: #5E91CB;
	text-decoration: none;
}

/* this css for font awesome icon color and bg customized */



/* toggle bar css */
/* .leftpanel.active {
  left: 0;              
}
.leftpanel {
  position: fixed;
  top: 0;
  left: -260px;          
  width: 340px;
  transition: left 0.3s ease-in-out;
  z-index: 999;
}
.toggle_bar {
  cursor: pointer;
  position: relative;
  z-index: 1000;          
}
.mainpanel {
    margin-left: 80px;
}
.ensuranceUKheader{
	margin-left: 80px;
}
.ensuranceUKheader,
.mainpanel {
  transition: margin-left 0.3s ease-in-out;
}
.leftpanel.active ~ .ensuranceUKheader {
	margin-left: 340px !important;   
}
.leftpanel.active ~ .mainpanel {
  margin-left: 340px;   
} */
.leftpanel {
	position: fixed;
	top: 0;
	left: -260px;
	width: 340px;
	transition: all 0.3s ease;
	z-index: 999;
}

/* Header and main panel default */
.ensuranceUKheader,
.mainpanel {
	transition: all 0.3s ease;
	margin-left: 80px;
}

/* When sidebar is open */
body.sidebar-open .leftpanel {
	left: 0;
	/* show sidebar */
}

/* body.sidebar-open .ensuranceUKheader {
	margin-left: 340px !important;
}

body.sidebar-open .mainpanel {
	margin-left: 340px !important;
} */

/* Hide text when collapsed */


body.sidebar-open .sidebar-menu>li>a {
	border-radius: 47px !important;
	padding: 14px 24px;
	width: 100%;
	margin-left: 0;
	text-align: left;
	/* margin-right: auto; */
}

body.sidebar-open .sidebar-menu>li>a>span {
	display: inline-block;
}

body.sidebar-open .sidebar-menu li>a>.fa-angle-right {
	display: block;
}

.sidebar-open .logosidepanel {
	margin-left: 0%;
	overflow: hidden;
	/* height: 120px; */
	height: 200px;
	display: flex;
	align-items: center;
	border-radius: 20px;
	padding-left: 0;
	justify-content: center;
}

.sidebar-menu>li>a {
	border-radius: 47px !important;
	padding: 14px 24px;
	width: fit-content;
	margin-left: auto;
	text-align: left;
	/* margin-right: auto; */
}

.sidebar-menu>li>a>span {
	display: none;
}

.sidebar-menu li>a>.fa-angle-right {
	display: none;
}

.sidebar-menu>li.active>a {
	padding: 9px 13px;
}

.sidebar-menu>li>a {
	padding: 9px 13px;
}

.logosidepanel {
	margin-left: 0;
	overflow: hidden;
	height: 120px;
	padding-left: 15px;
	border-radius: 20px;
}

.header-right {
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	margin-top: 0 !important;
	margin-right: 0;
}

.headerbar {
	width: auto;
}

.sidebar-menu {
	padding-top: 12px;
}



/* this css for nav hover */
body.sidebar-open .sidebar-menu>li .sidebar-submenu {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	max-height: auto;
	overflow-y: auto;
	background: transparent !important;
	border: none;
	display: block;
	z-index: 3000 !important;
	box-shadow: none;
}

/* body.sidebar-open .sidebar-menu > li:hover > .sidebar-submenu {
  display: block !important;
} */



.leftpanel {
	overflow: hidden;
	z-index: 1000;
}

.sidebar-menu>li {
	position: relative;
}

.sidebar-menu>li .sidebar-submenu {
	position: absolute;
	top: 0;
	left: 100%;
	width: 220px;
	max-height: 100vh;
	/* overflow-y: auto; */
	background: #fff !important;
	border: 1px solid #ddd;
	display: none;
	z-index: 3000 !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* .sidebar-menu > li:hover > .sidebar-submenu {
  display: block !important;
} */
.leftpanel {
	overflow-y: hidden !important;
}

.sidebar-submenu.show {
	display: block !important;
}

/* Submenu (when moved to body) */
.sidebar-submenu.floating {
	position: absolute;
	min-width: 220px;
	background: #fff !important;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	z-index: 5000;
	/* ensure it's above everything */
	display: none;
}

/* this css for nav hover */
/* toggle bar css */




/* input, select{
	padding: 14px;
	border-radius: 50px !important;
	width: 100%;

} */




/* premium tab part css  */
.referral_detailswrapper {
	border-radius: 20px;
	box-shadow: 0px 0px 17px 0px rgb(0 0 0 / 19%);
	padding: 25px;
	margin-top: 20px;
}

.referral_detailswrapper .referral_detailstable {
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #d4d4d4;
}

.Referral_listingwrapper {
	display: flex !important;
	align-items: center;
}

/* progress css add here */
.page_progress {
	height: auto;
	padding: 0;
	display: table;
	border-radius: 20px;
	border: none;
	background: transparent;
	margin: 0;
}

.referral_detailswrapper .commenHeader-left h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
}

/* progress css add here */
/* three dots toggle part css */
.right_dotsdropdown {
	position: relative;
	display: inline-block;
}

.right_dotsdropdown .dropdown_wrapper {
	position: absolute;
	top: 100%;
	right: 0;
	min-width: auto;
	background: #fff;
	border: 1px solid #C8C8C880;
	border-radius: 14px;
	list-style: none;
	padding: 14px 16px;
	margin: 5px 0 0;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	display: none;
	z-index: 1000;
	text-align: left;
	background: rgb(211 210 210 / 57%) !important;
    backdrop-filter: blur(1px);
	gap: 8px;
}
.dropdown_wrapper .btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    width: -webkit-fill-available;
    padding: 8px 15px;
}
.dropdown_wrapper .btn:hover {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    width: -webkit-fill-available;
    padding: 8px 15px !important;
}

.right_dotsdropdown .dropdown_wrapper li {
	padding-bottom: 24px;
	cursor: pointer;
}

.right_dotsdropdown .dropdown_wrapper li:hover {
	background: transparent;
}

.progress>li:before {
	width: 30px;
	height: 30px;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.progress>li.is-visited span {
	font-weight: 500;
	font-size: 12px;
	line-height: 24px;
	color: #8C8C8C !important;
}

.progress>li.is-visited span {
	font-weight: 500;
	font-size: 12px;
	line-height: 24px;
}

.progress>li:before {
	margin-bottom: 10px;
	;
}

.progress>li:after {
	border-bottom: 2px solid #ddddddcb;
}

.commenHeaderleft_buttonwrapper>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.floodcheck_btn {
	white-space: nowrap;
}

/* three dots toggle part css */
/* premium tab part css  */

.down_gbpresult {
	border: 1px solid #d4d4d4;
	border-bottom: 0 !important;
	border-radius: 0;
	margin-top: 0;
	border-top: 0 !important;
	background: #fff !important;
	padding-bottom: 0;
}

.producttotal_gbp {
	border: 1px solid #d4d4d4;
	border-top: 0;
	border-radius: 0 0 20px 20px;
}

.down_gbpresult table tr {
	border-bottom: 1px solid #e5e5e5;
}

.down_gbpresult table tr td {
	font-size: 12px;
	padding: 16px 21px !important;
}

.producttotal_gbp table tr td {
	font-size: 12px;
	padding: 16px 21px !important;
}

.quotejourney_leftbtn {
	font-size: 14px !important;
	padding: 6px 10px !important;
	line-height: 18px !important;
	min-height: auto !important;
}

.btn-group input {
	font-size: 14px;
	line-height: 18px;
	padding: 6px 10px;
	height: auto !important;
}

.btn-group span {
	font-size: 14px;
	line-height: 18px;
	padding: 6px 10px;
	height: auto !important;
}

.btn-group a {
	font-size: 14px;
	line-height: 18px;
	padding: 6px 10px;
	height: auto !important;
}

.general_detailswrapper {
	border-radius: 20px;
}

.riskitem_listingtable thead tr:nth-child(odd) {
	border-radius: 20px !important;
}

.riskitem_listingtable th:first-child {
	border-radius: 20px 0 0 0 !important;
}

.riskitem_listingtable th:last-child {
	border-radius: 0 20px 0 0 !important;
}

.productTable table tr:nth-child(2n) {
	background-color: #ffffff !important;
}

table.table td .btn {
	margin: 10px 0;
}

table.table td a:hover {
	padding: 6px 10px;
}

.producttotal_gbp table {
	background: #f0fff3;
	border-radius: 0 0 20px 20px;
}


/* quote modal css start */
.emailquote_modalwrapper {
	border: none;
	padding: 0;
	margin-top: 50px;
}

.emailquote_modalwrapper input {
	border-radius: 50px !important;
	padding: 8px 24px;
	line-height: 24px !important;
	font-size: 14px;
}

.emailquote_modalwrapper select {
	border-radius: 20px !important;
	padding: 8px 24px;
	line-height: 24px !important;
	font-size: 14px;
}

.emailquote_modalwrapper .quotemodal_label {
	font-size: 16px !important;
	line-height: 24px !important;
	padding-bottom: 10px;
	font-weight: 700 !important;
}

.flex_alignwrapper .menu-btn-section{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
}

.flex_alignwrapper>div>div {
	/* width: calc(50% - 10px); */
	width: 99%;
}
.cke_chrome {
    width: 100% !important;
}
.flex_alignwrapper input {
	width: 100%;
}
.flex_alignwrapper {
    overflow-y: auto;
    height: 600px;
    overflow-x: hidden;
    width: 100%;
	padding-bottom: 200px;
}
.flex_alignwrapper #cke_mailBody{
	border-radius: 20px;
}
.flex_alignwrapper #cke_64_top{
    border-radius: 20px 20px 0 0;
}
.flex_alignwrapper .cke_inner.cke_reset{
	border-radius: 20px;
}
.flex_alignwrapper #cke_64_bottom{
	border-radius: 0 0 20px 20px;
}

.tab_leftitem {
	width: 100%;
	text-align: left;
	border-radius: 10px;
	overflow: auto;
}

.tab_leftitem button {
	text-align: left;
}

.tab_leftitem .nav-link {
	font-size: 16px;
	line-height: 26px;
	padding: 14px 20px;
	border-radius: 0 !important;
	background: #EEEEEE !important;
	color: #000 !important;
	border-bottom: 1px solid #00000036 !important;
}

.tab_leftitem .nav-link.active {
    background: #262f6e4d !important;
    border-bottom: 1px solid #255c32 !important;
	color: #000;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
}

.tab_leftitem .nav-link:last-child {
	border-bottom: none !important;
}
.modaldown_buttonwrapper {
    position: fixed;
    bottom: 0px;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    padding: 20px 30px 10px;
	background: #fff;
}
.button_green {
    background: #5E91CB  !important;
    padding: 20px !important;
	color: #fff !important;
}
.Internaldoc_select {
    height: auto;
    width: 100%;
}
.unlock_datatable{
    border: 1px solid #5E91CB ;
    padding: 0;
    border-radius: 50px;
    width: auto !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    margin-bottom: 20px;
    float: right;
    margin-left: auto;
}
.unlock_datatable input {
    border: none !important;
    padding: 0 !important;
	background-color: transparent;
	color: #5E91CB;
    font-weight: 600;
}
.unlock_datatable img {
    height: 20px;
	/* filter: brightness(0) saturate(100%) invert(38%) sepia(97%) saturate(421%) hue-rotate(77deg) brightness(95%) contrast(91%); */
	filter: brightness(0) saturate(100%) invert(12%) sepia(24%) saturate(2490%) hue-rotate(208deg) brightness(91%) contrast(96%);

}
/* .unlockbtn {
    position: absolute;
    top: 0;
    right: 30px;
    background: #255c32 !important;
    color: #fff !important;
} */
/* .flex_alignwrapper {
    margin-top: 70px !important;
} */


/* .ui-widget.ui-widget-content {
    margin-top: 40px;
    width: 1200px !important;
    left: 50% !important;
    transform: translate(-50%, -0%) !important;
    top: 0% !important;
} */
.quotemodalclose {
    position: absolute;
    right: 15px;
    top: 6px;
}
.static_docwrapper{
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.static_docwrapper input{
	width: 20px;
	height: 20px;
	border-radius: 2px;
}


/* quote modal css end */
/* tooltip css */

.tooltip_wrapper {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.tooltip_wrapper img {
	height: 15px;
	width: 15px;
	object-fit: contain;
}

.tooltip_text {
	background: #ddffe5;
	color: #000;
	font-size: 10px;
	line-height: 14px;
	display: none;
	position: absolute;
	top: 0px;
	left: 10px;
	width: 220px;
	padding: 6px;
	border-radius: 2px;
	text-align: center;
	margin: 0;
	margin-left: 10px;
}

.tooltip_wrapper:hover .tooltip_text {
	display: block;
}

/* tooltip css */

/* sticky note css */
.stickynote_header {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	height: 50px;
}

.sticky_header {
	background: #5E91CB;
	color: #fff;
	height: 50px !important;

}

.stickynote_header {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	margin-bottom: 0;
	position: relative;
	top: 50%;
	left: 10px;
	transform: translate(0, -50%);
	height: auto;
}

.stickynote_wrapper {
	border-radius: 10px !important;
	background-color: #e7eaff !important;
	border: 1px solid #5E91CB !important;
	z-index: 999;
}

.stickynote_wrapper .stickyList p {
	color: #ffffff;
	background: #5E91CB;
}

.typesticky_note {
	border-radius: 50px;
	background-color: #fff;
	font-size: 14px;
	padding: 8px 14px;
	border: 1px solid #a3ebb4;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	position: relative;
	bottom: 10px;
	left: 0;
}

.stickynote_wrapper .stickyList .stickyclose {
	color: #ffffff;
}

.lable-group input[type="checkbox"] {
	padding: 0 !important;
}

/* sticky note css */

.tabmaintop_wrapper .tab-pane {
	display: none;
}

.tabmaintop_wrapper .tab-pane.active {
	display: block;
}

.tabmaintop_wrapper .nav-link.active {
	background: #d3e3d3;
	font-weight: bold;
}

.tableupper_spcr {
	margin-top: 30px;
	border-radius: 20px;
}

input[type="search"] {
	border-radius: 8px;
}

.dataTables_wrapper .dataTables_length {
	margin-bottom: 20px;
}

table.dataTable.no-footer {
	border-bottom: none !important;
}

/* policy deatils css */
.innner_tablewrapper {
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	margin-bottom: 30px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* .paymentdetails_newdsinwrapper {
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	margin-bottom: 30px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
} */

/* .paymentdetailsdisn_table tr {
	background: #255c32 !important;
} */

.paymentdetailsdisn_table {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.paymenttabl_outerwrapper .table tr:nth-child(even) {
	background: #fff !important;
}

/* .paymentdetailsdisn_table tr:first-child {
	background: #255c32 !important;
} */

.paymenttabl_outerwrapper .table td {
	border-bottom: 1px solid #ededed;
}

/* .paymentdetails_newdsinwrapper .listing {
	display: flex;
	flex-direction: row;
	align-items: center;
} */

.paymentdetails_newdsinwrapper .input-addon {
	padding: 0 !important;
}

.paymentdetails_newdsinwrapper table input {
	border-radius: 4px;
	background: #efefef;
	border: 1px solid #f3f3f3 !important;
}

.paymentdetails_toplisting {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.paymentdetails_riskitem {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.paymentdetails_riskitem h6,
.paymentdetails_riskitem label {
	margin: 0;
	padding: 0;
	margin-top: 0 !important;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #1A1A1A;
}


/* plus minus  */
.paymentdetails_right .number span {
	cursor: pointer;
}

.paymentdetails_right .minus,
.paymentdetails_right .plus {
	display: inline-block;
	vertical-align: middle;
}

.paymentdetails_right .number input {
	height: auto;
	width: 24px;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 0;
	display: inline-block;
	vertical-align: middle;
	color: #1A1A1A;
	font-weight: 500;
	padding: 0;
}

/* plus minus  */
.paymentdetails_right {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.paymentdetails_right h6 {
	margin-bottom: 0;
	margin-right: 10px;
	font-size: 16px;
	line-height: 20px;
	color: #1A1A1A;
}

.paymentdetails_right .number {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* policy details floting wrapper */
.floting_Premium {
	position: fixed;
	bottom: 40px;
	left: 50%;
	background: #ffffff;
	box-shadow: rgb(100 100 111 / 35%) 0px 0px 13px 4px;
	padding: 20px 30px;
	border-radius: 50px;
}

.floting_Premium h6 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #1A1A1A;
}

.floting_Premium .premiumleft_title {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #1A1A1A;
	margin-bottom: 0;
}

.premiumrightquote_btn {
	margin-right: 20px;
}

.floting_Premium .gbp_amount {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #5E91CB;
}

/* policy details floting wrapper */
/* policy deatils css */

.text_link_icon {
	align-items: center;
}

.text_link_icon .fa-external-link-alt {
	color: #000;
}

.attachdocuments_sequencemodal .attachdocuments_sequencetable .outline-primary {
	width: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.attachdocuments_sequencemodal .attachdocuments_sequencetable .outline-primary svg {
	margin-right: 10px;
}

.attachdocuments_sequencemodal .attachdocuments_sequencetable .table {
	border-radius: 20px;
	outline: 2px solid #e1e1e1;
	outline-offset: 1;
	overflow: hidden;
}

.docsection_tablewrapper .ui-jqgrid-hbox {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.ReferralDetails_tablewrapper {
	margin-top: 30px;
	border-radius: 20px;
	padding: 20px;
}

.ReferralDetails_table {
	border-radius: 20px;
	overflow: hidden;
}

.ReferralDetails_tablewrapper .listing {
	margin-bottom: 0;
}

.ui-dialog {
	margin: auto;
	position: absolute !important;
	left: 50% !important;
	top: 1% !important;
	transform: translate(-50%, 0%);
	overflow-y: auto;
}

/* table{
    width: auto !important;
} */

.paymentdetailsdisn_table input {
	border-radius: 4px;
}

.actionriskitem_listingpolicy {
	border: none !important;
	padding: 2px 4px !important;
	margin: 0 !important;
	background: transparent !important;
	min-width: auto !important;
}

.actionriskitem_listingpolicy:focus {
	outline: none;
	border: none;
}



.tabMenu .active:hover {
	color: #5E91CB  !important;
}

.clientlisting_tableicon{
	display: flex;
	flex-direction: row;
}
#sanction_panel_nomatch3 .table {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}




/* this css for submenu showing up */
/* .sidebar-submenu {
	position: fixed !important;
	z-index: 9999 !important;
}

.sidebar-open .sidebar-submenu {
	position: initial !important;
} */
 
.leftpanel {
	overflow-y: inherit !important;
}

/* .leftpanel:hover{
	overflow-y: auto !important;
	overflow-x: hidden !important;
} */
/* .mb-bar {
    background-color: transparent;
} */

/* this css for submenu showing up */





#back-top span {
    border-radius: 50px;
}





/* new css add here */
.sidebar {
	background: #5E91CB;
	color: #fff;
	width: 340px;
	transition: width 0.3s ease;
	position: relative;
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	height: 100vh;
	z-index: 999;
	border-radius: 0 20px 20px 0;
	padding-bottom: 0;
}

.sidebar.collapsed {
	width: 80px;
}

/* Logo */
.sidebar .logo {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* Scrollable menu */
.menu {
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #2a64a7 #5e91cb;
	padding-left: 0;
	margin: 0;
	margin-bottom: 20px;
	margin-top: 0;
}

/* Chrome, Safari, Edge scrollbar */
.menu::-webkit-scrollbar {
	width: 8px;
}

.menu::-webkit-scrollbar-track {
	background: #5E91CB;
}

.menu::-webkit-scrollbar-thumb {
	background-color: #5E91CB;
	border-radius: 4px;
}

/* Hide scrollbar arrows */
.menu::-webkit-scrollbar-button {
	display: none !important;
	width: 0;
	height: 0;
}

.menu li {
	list-style: none;
}

.menu-item {
	position: relative;
}

.menu-item>a {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.3s;
    font-size: 16px;
    line-height: 24px;
    margin: 0 16px;
	border-radius: 50px;
}

.menu-item>a img {
    margin-right: 12px;
}

.menu-item>a:hover {
    background: #46c1e9;
    border-radius: 50px;
	color: #fff;
	/* margin: 0 15px !important; */
	padding: 12px 20px;
}

.menu-item i {
	width: 24px;
	text-align: center;
	margin-right: 12px;
	transition: margin 0.3s;
}

.sidebar.collapsed .menu-item i {
	margin-right: 0;
}

/* .sidebar.collapsed .menu-item span {
      display: none;
    } */

/* Submenu styles */
.submenu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	/* background: #00000017; */
    bottom: 0;
    width: auto;
    /* border-radius: 6px; */
    left: 0;
    /* padding: 20px 0; */
    /* margin: 4px 20px 0; */
}

.submenu li .inner_threesubmenu li {
    background: transparent;
    margin: 0 !important;
    border-radius: 0;
    padding: 0;
}

.submenu .menu-item>a {
	padding-left: 48px;
	font-size: 14px;
}
.submenu li {
    background: #4883c7;
    margin: 10px 15px !important;
    border-radius: 20px;
    padding: 10px 8px;
}
.submenu .submenu {
	background: #5E91CB;
}

.submenu .submenu .menu-item>a {
	padding-left: 64px;
	font-size: 16px;
}

.menu-item.open>.submenu {
	display: block;
}

/* Floating submenu in collapsed mode */
.sidebar.collapsed .menu-item.open>.submenu {
    position: fixed;
    left: 60px;
    min-width: auto;
    z-index: 1000;
    display: block;
    background: #5E91CB;
    height: fit-content;
	padding: 15px;
	/* height: 84px; */
    /* overflow: auto; */
    margin-top: -20px;
    background: rgb(211 210 210 / 57%) !important;
    backdrop-filter: blur(1px);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sidebar.collapsed .menu-item.open:last-child>.submenu {
	bottom: 35px !important;
	top: auto !important;
}
.sidebar.collapsed .menu-item.open:nth-child(24)>.submenu {
	bottom: 35px !important;
	top: auto !important;
}
.sidebar.collapsed .menu-item.open:nth-child(23)>.submenu {
	bottom: 35px !important;
	top: auto !important;
}
.sidebar.collapsed .menu-item.open:nth-child(22)>.submenu {
	bottom: 35px !important;
	top: auto !important;
}

.sidebar.collapsed .menu-item.open:nth-child(20)>.submenu {
	bottom: 35px !important;
	top: auto !important;
}

.sidebar.collapsed .menu-item.open>.submenu>li>ul.submenu {
     border-radius: 6px;
    padding: 0;
    margin: 0;
    position: relative;
    top: 0 !important;
    left: 0;
	gap: 0;
}
.sidebar.collapsed .inner_threesubmenu {
    height: fit-content !important;
}

/* Toggle button */
.toggle-btn {
	position: absolute;
	top: 15px;
	right: -65px;
	background: #fff;
	/* color: #fff; */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: 2px solid #fff;
}

/* Content */
.content {
	flex: 1;
	padding: 20px;
	background: #f0f0f0;
}
.collapsed .main_menu {
	display: none;
    /* position: fixed;
    left: 85px;
    background: #255c32;
    padding: 6px 20px;
    border-radius: 50px; */
}
/* .menuonewrapper:hover .main_menu {
	display: block;
} */

.collapsed .menu-item>a {
	justify-content: center;
}

.menu-item.open a{
    background: #3fb1d7;
    border-radius: 50px;
    padding: 12px 22px;
    margin: 0px 16px;
    border-bottom: 4px solid #4883c7;
    color: #000000;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	word-break: break-all;
	max-width: 100%;
    text-align: left;
    justify-content: flex-start;
	position: relative;
}

.menu-item:has(.submenu) > a::after {
  content: url("../Images/rightarrow.svg"); 
  position: absolute;
  right: 28px;
  font-size: 14px;
  color: #fff;
  transition: transform 0.3s ease;
}
.collapsed .menu-item:has(.submenu) > a::after {
  right: 10px;
}

/* Rotate arrow when open */
.menu-item.open:has(.submenu) > a::after {
  transform: rotate(90deg);
  filter: brightness(0) saturate(100%);
}

.menu-item.open a:hover{
    color: #fff;
}


.inner_threesubmenu{
	padding: 0;
	background: transparent !important;
	margin: 0;
}
.inner_threesubmenu li a{
	/* padding: 6px 20px !important; */
	padding: 6px 6px !important;
}
.collapsed .logosidepanel .notcollapsedlogo{
	display: none;
}
.collapsedlogo{
	display: none;
}
.collapsed .logosidepanel .collapsedlogo{
	padding: 12px 0;
	display: block;
}
.collapsed .menu-item>a img{
     margin-right: 0;
	 height: 16px;
	 width: 16px;
	}

.submenu .menu-item > a {
  background: none !important;  
  border: none !important;    
  box-shadow: none !important;  
  color: #fff;                 
  padding: 8px 20px !important;           
  border-radius: 0;            
  font-size: 16px;
  line-height: 20px;
  margin: 0 !important;
  min-width: 200px;
  word-break: break-word;
}
.collapsed .submenu .menu-item > a {
	padding: 8px 8px !important;
}
.submenu .menu-item > a span{
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}
.submenu .menu-item.open > a span img{
   filter: brightness(0) invert(1);
}

.submenu .menu-item > a:hover {
  background: rgba(0,0,0,0.1); 
  border-radius: 4px;
  color: #34f5c6;
}
.collapsed .menu-item a::after{
	display: none;
}
.collapsed .menu-item .submenu .menu-item a::after{
    display: block;
}
.collapsed .menu-item.open a{
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 12px 12px;
    margin: 4px 14px;
	width: auto;
	/* height: 50px; */
	/* width: 50px; */
}
.inner_threesubmenu .menu-item a{
	display: flex;
    /* justify-content: flex-start !important; */
    align-items: center;
}
ul.submenu .menu-item a:after {
    filter: brightness(0) invert(1) !important;
}	
.collapsed .menu .submenu li {
    list-style: none;
    background: #5E91CB;
    border-radius: 20px;
    padding: 4px 10px;
    text-align: left;
	margin: 0 !important;
	height: auto;
    overflow: auto;
	max-height: 120px;
    /* max-height: 300px; */
}
.sidebar.collapsed .menu-item.open>.submenu>li>ul.submenu li.menu-item {
    border-radius: 0;
	padding: 0;
}
.collapsed .menu-item.open .menu-item a {
    justify-content: flex-start;
}

/* Revamp - SD [Start] */
.emailModal_mainWrapper {
    width: 84% !important;
    height: 100vh !important;
	top: 0% !important;
	/* transform: translate(-50%, -60%); */
	overflow: hidden
}
/* Revamp - SD [End] */

.mydiary_titlewrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.mydiary_titlewrapper span{
	padding-left: 10px;
}

.collapsed .inner_threesubmenu li a {
    padding: 6px 2px !important;
}

.open-sub a {
    color: #000000 !important;
	font-weight: 500 !important;
}
.open-sub a span{
    color: #000000 !important;
	font-weight: 500 !important;
}
.RoleListing_tableicon{
	display: flex;
	flex-direction: row;
}

.icon_flexing {
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 100%;
}


.ReleaseNotification_table .ui-jqgrid .ui-jqgrid-hbox{
    float: none;
}
.ReleaseNotification_table .ui-jqgrid .ui-jqgrid-hbox table{
    width: 100% !important;
}

.pardus{
background:#fff !important;
}
.pardus .collapsedlogo span img {
    background: #fff;
    border-radius: 50px;
    padding: 6px;
    height: 50px;
    width: 50px;
}
.headerTopNotification2:hover {
    background-color: transparent !important;
}
.headerenvelop_wrapper .envelopcount {
    height: 25px !important;
    width: 25px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -10px !important;
    top: -10px !important;
}
/* .pardasmode_status {
    font-size: 16px;
    background: rgb(38 47 110) !important;
    backdrop-filter: blur(1px);
    padding: 10px 20px;
    border: none;
    box-shadow: none;
    color: #fff;
    border-radius: 0 0 25px 25px;
    top: -13px;
    position: absolute;
    left: 50%;
    transform: translate(100%, 0px);
    margin-left: 0;
    font-weight: 700;
    border: 1px solid #ebebeb;
    border-top: 0;
    box-shadow: rgb(201 201 201 / 20%) 1px 6px 29px 0px;
} */


.menu-item.open:has(.submenu) > a::after {
    transform: rotate(90deg);
    filter: brightness(100%) saturate(100%);
}
/* .pardus .sidebar-open .footer {
    margin-left: 80px !important;
}
.pardus .collapsed .footer {
    margin-left: 340px !important;
} */
/* this css added 13.10.2025 */


.ui-dialog .ui-dialog-buttonpane .headeremailcancelbutton {
    border-radius: 50px !important;
    background: #5E91CB !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
	border: none;
	height: auto;
	width: auto;
	padding: 9px 40px;
}
.ui-dialog .ui-dialog-buttonpane .headeremailcancelbutton:focus {
	outline: none;
}

.notcollapsedlogo img {
    border-radius: 10px;
    height: 80px;
    width: auto;
    object-fit: contain;
    background: #fff;
    padding: 6px;
}	
 .menu-item a:hover {
    color: #000 !important;
}
.menu-item a:hover span {
    color: #000 !important;
}
/*.menu-item a span:hover {
    color: #b9b9b9 !important;
} */
/* table thead tr th{
    white-space: nowrap !important;
} */
/* table thead tr th div{
    white-space: nowrap !important;
} */
th.ui-th-column div {
    white-space: nowrap !important;
	padding: 8px;
}

.ui-dialog .ui-dialog-buttonpane .viewhelp_closebtn {
    border-radius: 50px !important;
    background: #5E91CB!important;
	justify-content: center !important;
    align-items: center !important;
    display: flex !important;
	border: none;
	height: auto;
	width: auto;
	padding: 9px 40px;
}
.tabUnread_EmailList ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.tabUnread_EmailList ul li{
	width: auto;
}
.companylogo_signature{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.general_listingflexing li>div{
	display: flex;
}
table.table td .btn {
    margin: 4px 0;
	margin-right: 4px;
}

.specifieditems_table {
    border-radius: 20px;
    overflow: hidden;
}

/* #entityList tbody tr td:first-child {
    width: 150px;
} */

.save_floatingbtn {
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translate(70%, 0%);
    padding: 6px 20px;
    width: 150px;
    min-height: 50px;
}
.customNotificationPopupBg {
    border-radius: 20px !important;
    padding: 12px;
}
.emailquote_title {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    color: #5E91CB;
    padding-bottom: 20px;
}
.tab_leftitem .nav-link:hover {
    background: #5E91CB !important;
    color: #fff !important;
}

/* this css for who login left panel bottom */
.whologin_info h2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
	color: #fff;
}
.whologin_info span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    padding-bottom: 0px;
    margin-bottom: 0;
	color: #b7b7b7;
}
.header-right ul li ul li .logout_hover:hover{
	margin: 0;
}
.whologin_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* background: #000000; */
    padding: 10px 15px;
    border-radius: 0 0 20px;
    border-top: 1px solid #ffffff;
    margin-top: 30px;
}
.whologinimage{
	margin-right: 15px;
}
/* this css for who login left panel bottom */
.whologinimage img{
	height: 35px;
	width: 35px;
	border-radius: 50px;
    object-fit: contain;
    border: 3px solid #ffffff;
}



/* this css for left panel down user name */

.sidebar-open .loginwhen_collaps{
	display: none;
}
.loginnot_collaps{
	display: none;
}
.sidebar-open .loginnot_collaps{
	display: flex;
}
/* .loginwhen_collaps .whologin_info {
    position: absolute;
    left: 0;
} */

.loginwhen_collaps.whologinimage {
    position: relative;
}



.loginwhen_collaps .whologinimage {
  position: relative;
  display: inline-block;
}

.loginwhen_collaps .whologin_info {
    display: none;
    position: absolute;
    bottom: 0;
    left: 135px;
    transform: translateX(-50%);
    background-color: #5E91CB;
    border: 2px solid #fff;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    z-index: 10;
}

/* Show on hover */
.loginwhen_collaps .whologinimage:hover .whologin_info {
  display: block;
}

.loginwhen_collaps .whologinimage {
    margin-right: 0;
}
/* .loginwhen_collaps.whologin_wrapper {
    padding: 10px 0px ;
    display: flex;
    justify-content: center;
    align-items: center;
} */
.whologin_wrapper.loginwhen_collaps{
	margin-top: 10px;
 }

 /* this css for left panel down user name */
 .ratingbrakup_downbtn input {
    border-radius: 50px;
    background: #5E91CB;
    color: #fff;
    border: none;
}
 .ratingbrakup_downbtn {
    padding-top: 1.3rem;
}

.ratingbreakup_tablewrap{
	border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.fa-qrcode{
	height: 15px;
	width: 15px;
}
.login_flexalign .left_part img{
	border-radius: 10px;
}
.ui-search-input input[type="text"].hasDatepicker {
    width: 120px !important;
}
/* .Premises_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 25px;
} */
span.closed{background:#5E91CB!important; color:#fff!important; padding:2px; border-radius:2px;}
.left_part img {
    border-radius: 10px;
}
.PendingRenewal_Listwrapper .medium {
    min-width: 100px !important;
    width: auto !important;
}
.pardus .ui-jqgrid-labels {
    background: #5E91CB !important;
    color: #fff !important;
}
.general_detailswrapper {
    border-radius: 20px;
    padding: 20px;
    margin-top: 20px;
}
.listing li .label_right {
    overflow: hidden;
    padding-right: 0;
}
.ui-jqgrid-bdiv{
	height: auto !important;
}
.label-infoSec {
    display: flex;
    align-items: center;
}
.ui-jqgrid .ui-jqgrid-htable th div {
    overflow: initial;
}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{
	overflow: inherit !important;
}
.login_flexalign .left_part img {
    border-radius: 10px;
    width: auto;
    height: 100px;
    background: transparent;
    padding: 6px;
}
.loginForm img {
    width: auto;
    height: 100px;
    border-radius: 0;
}
.collapsedlogo span img {
    height: 50px;
    width: 49px;
    object-fit: contain;
    border-radius: 50px;
    background: #fff;
    padding: 4px;
}


/* .edit-btn {
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 14px;
}
.edit-btn i { margin-right: 5px; }
.edit-btn:hover { background-color: #0056b3; } */

/* Popup Overlay */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.45);
  z-index: 999;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}

/* Popup Box */
.popup-box {
  background-color: #fff;
  border-radius: 20px;
  width: 850px;
  max-width: 95%;
  max-height: 90vh;          /* ✅ Limits height to viewport */
  overflow-y: auto;          /* ✅ Enables internal scrolling */
  padding: 35px 40px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  position: relative;
  animation: fadeIn 0.3s ease-in-out;
}

/* Optional: hide scrollbar on Chrome/Edge (looks cleaner) */
.popup-box::-webkit-scrollbar {
  width: 0px;
}
.popup-box::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 0px;
}

/* ===== Popup Header ===== */
.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.popup-header h3 {
  margin: 0;
  font-size: 20px;
  color: #333;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #000;
    color: #fff;
    font-size: 20px !important;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.close-btn:hover {
  opacity: 0.8;
}

/* ===== Form Styling ===== */
.popup-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 20px;
}

/* Two-column layout */
.form-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.popup-form label {
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  color: #333;
}


.form-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.popup-form input {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* Save button styling */
.save-btn {
  align-self: center; /* centers button horizontally */
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 25px;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 10px;
}

.save-btn:hover {
  background-color: #0056b3;
}
.dn {
	display: none;
}
span.closed {
    background: #3FB1D7 !important;
}

textarea {
	/* #clientRiskDetailsAdd textarea { */
    width: 75% !important;
    min-height: 200px !important;
}
table.tableSimple th {
    background: #5E91CB !important;
    color: #fff;
    border-color: #ccc !important;
}
.table_scrolCMI {
    max-height: 700px;
    overflow: auto;
}

/* ===== Animation ===== */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}



/* responsive css start here */

@media (max-width: 1200px) {
	.menutoggle {
		display: none !important;
	}
}



 @media (max-width: 768px) {
	.right_part {
		position: absolute;
		top: 0;
		right: 0;
		transform: translate(0, 25%) !important;
		width: 90%;
		border-radius: 19px;
		margin: 50px 20px;
		z-index: 10;
	}

	.left_part {
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		height: 108vh;
		z-index: 9;
	}

	.info_wrapper h2 {
		font-size: 35px;
		line-height: 46px;
		font-weight: 700;
		color: #fff;
		padding-bottom: 15px;
		margin-bottom: 0;
	}

	.info_wrapper p {
		font-size: 18px;
		line-height: 22px;
		font-weight: 300;
		color: #fff;
		padding-bottom: 50px;
		margin-bottom: 0;
		width: 100%;
	}

	.login_flexalign {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.loginMain {
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 0;
		padding: 20px;
	}

	.info_wrapper {
		width: 100%;
	}

	.login_flexalign .left_part img {
		width: 140px !important;
		height: auto !important;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		left: 50%;
		transform: translate(-50%, 30%);
	}

	.info_wrapper {
		width: 100%;
		display: none;
	}

	.form_field input {
		font-size: 14px;
	}

	.login-module h2 {
		font-size: 26px;
		line-height: 12px;
	}
}


/* responsive css end here */