/*================= Resets ======================*/
body {
	--shs-clr-1: #ECF4FA;
	--shs-clr-2: #C6DFF0;
	--shs-clr-3: #A0C8E6;
	--shs-clr-4: #7CB3DC;
	--shs-clr-5: #5A9DD2;
	--shs-clr-5-clr: #000000;
	--shs-clr-6: #4384B8;
	--shs-clr-6-clr: #000000;
	--shs-clr-7: #34678F;
	--shs-clr-7-clr: #ffffff;
	--shs-clr-8: #254A67;
	--shs-clr-8-clr: #ffffff;
	--shs-clr-9: #152C3E;
	--shs-clr-10: #060E14;
	--shs-nav-bg: #f7f7f7;
	--shs-nav-clr: #000000;
	--shs-nav-bc: #d6d6d6;
	--shs-nav-icon-clr: var(--shs-clr-8);
	--shs-nav-parent-top-bg: #efefef;
	--shs-nav-parent-top-clr: var(--shs-clr-8);
	--shs-nav-filter-active: var(--shs-clr-8);
	--shs-nav-parent-top-hover-bg: #d6d6d6;
	--shs-nav-parent-top-hover-clr: var(--shs-clr-8);
	--shs-nav-sub-item-container-bg: #f7f7f7;
	--shs-nav-sub-item-container-clr: #000000;
	--shs-nav-item-container-hover-bg: #efefef;
	--shs-nav-item-container-hover-clr: #000000;
	--shs-nav-smart-link-icon-clr: var(--shs-clr-8);
	--shs-nav-smart-link-hover-bg: var(--shs-clr-8);
	--shs-nav-smart-link-hover-clr: var(--shs-clr-8-clr);
	--shs-header-db-clr: #ffffff;
	--shs-application-db-txt-clr: #000000;
	--grey-1: #f7f7f7;
	--grey-2: #efefef;
	--grey-3: #d6d6d6;
	--grey-4: #434343;
	--grey-5: #6c6c6c;
	--grey-6: #a5a3a3;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

    body.theme-default-normal-dark {
        --shs-clr-1: #D9EAF5;
        --shs-clr-2: #C6DFF0;
        --shs-clr-3: #A0C8E6;
        --shs-clr-4: #7CB3DC;
        --shs-clr-5: #5A9DD2;
        --shs-clr-5-clr: #000000;
        --shs-clr-6: #4384B8;
        --shs-clr-6-clr: #000000;
        --shs-clr-7: #34678F;
        --shs-clr-7-clr: #ffffff;
        --shs-clr-8: #254A67;
        --shs-clr-8-clr: #ffffff;
        --shs-clr-9: #152C3E;
        --shs-clr-10: #060E14;
    }

    body.theme-default-dark {
        --shs-clr-1: #C6DFF0;
        --shs-clr-2: #A0C8E6;
        --shs-clr-3: #ACC9DD;
        --shs-clr-4: #7CB3DC;
        --shs-clr-5: #5A9DD2;
        --shs-clr-5-clr: #000000;
        --shs-clr-6: #4384B8;
        --shs-clr-6-clr: #000000;
        --shs-clr-7: #34678F;
        --shs-clr-7-clr: #ffffff;
        --shs-clr-8: #254A67;
        --shs-clr-8-clr: #ffffff;
        --shs-clr-9: #152C3E;
        --shs-clr-10: #060E14;
        --shs-nav-bg: #EEEEEE;
        --shs-nav-clr: #000000;
        --shs-nav-bc: #d6d6d6;
        --shs-nav-icon-clr: var(--shs-clr-8);
        --shs-nav-parent-top-bg: #E0E0E0;
        --shs-nav-parent-top-clr: var(--shs-clr-8);
        --shs-nav-filter-active: var(--shs-clr-8);
        --shs-nav-parent-top-hover-bg: #d6d6d6;
        --shs-nav-parent-top-hover-clr: var(--shs-clr-8);
        --shs-nav-sub-item-container-bg: #EEEEEE;
        --shs-nav-sub-item-container-clr: #000000;
        --shs-nav-item-container-hover-bg: #E0E0E0;
        --shs-nav-item-container-hover-clr: #000000;
        --shs-nav-smart-link-icon-clr: var(--shs-clr-8);
        --shs-nav-smart-link-hover-bg: var(--shs-clr-8);
        --shs-nav-smart-link-hover-clr: var(--shs-clr-8-clr);
    }

    body.purple {
        --shs-clr-1: #EBE6FC;
        --shs-clr-2: #C3B6F8;
        --shs-clr-3: #9C86F4;
        --shs-clr-4: #7658F2;
        --shs-clr-5: #4D31F0;
        --shs-clr-5-clr: #ffffff;
        --shs-clr-6: #3520D7;
        --shs-clr-6-clr: #ffffff;
        --shs-clr-7: #2917A8;
        --shs-clr-7-clr: #ffffff;
        --shs-clr-8: #1C0F78;
        --shs-clr-9: #120748;
        --shs-clr-10: #060118;
    }
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input
{
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 11px;
	
}
body
{
	margin: 0;
	padding: 0;
	outline: 0;
	color: #fff;
	
	font-size: 11px;
}
input, textarea
{
	font-size: 11px;
}
ol, ul
{
	list-style: none;
}
caption, th, td
{
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
hr
{
	display: none;
}
.clearfix
{
	display: block;
}
* html .clearfix
{
	height: 1%;
}

/* ============ Link Styles ============= */
a:link, a:visited
{
	/*color: #528036; set the color from linkButton CSS of SmartCareStyles.css */
	color: #051C3B;
	text-decoration: none;
	outline: none;
}
a:hover
{
	color: #000;
	text-decoration: none;
	outline: none;
}
a:active
{
	/* color: #528036;set the color from linkButton CSS of SmartCareStyles.css */
	color: #051C3B;
	text-decoration: none;
	outline: none;
}
a:focus
{
	outline: none;
}
a img
{
	border: 0px;
	outline: none;
}
input[type="button"], input[type="submit"]
{
	outline: none;
}

/* ============ Headings ============= */
h1, h2, h3, h4, h5, h6
{
	color: #2f332a;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.heightUX
{
	height: 3px;
}
.heightUI
{
	height: 20px;
}
.height1
{
	height: 2px;
}
.height2
{
	height: 5px;
}
.height3
{
	height: 8px;
}
.height4
{
	height: 10px;
}
.height5
{
	height: 12px;
}
.height6
{
	height: 15px;
}
.height7
{
	height: 18px;
}
.height8
{
	height: 20px;
}
.height9
{
	height: 32px;
}
.height16
{
	height: 16px;
}
/*================== Basic CSS =======================*/
.hide
{
	display: none;
}
.round
{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}
.round-top
{
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-khtml-border-top-left-radius: 15px;
	-khtml-border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.round-bottom
{
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-khtml-border-bottom-left-radius: 15px;
	-khtml-border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.clear
{
	clear: both;
}
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: block;
}

/*================== Header Styles =======================*/
.topheader_bg
{
	/*background: #2c689e;*/
    box-shadow:inset 0px -2px 0px 0px var(--shs-header-db-clr);
    background: var(--shs-clr-7-clr);
    color: var(--shs-application-db-txt-clr);
	height: 48px;
	font-size: 14px;
    border-bottom:1px solid var(--shs-nav-bc);
    box-sizing: border-box;
}
.pipe {
	font-size: 14px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #FFF;
}
.right_links
{
	font-size: 11px;
	color: #FFF;
}

/*=========== Tabs Styles ============*/
.tabs_bg
{
	background: url(../Includes/Images/tabs_bg.gif) repeat-x left top;
	height: 28px;
}

#tabs
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#tabs li
{
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
.test
{
	position: absolute;
	right: 4px;
	top: 6px;
}

#tabs a
{
	color: #000;
	background: url(../Includes/Images/tab_start.gif) left bottom no-repeat;
	text-decoration: none;
	padding-left: 10px;
	font-size: 12px;
	padding-top: 0px;
}
#tabs a span
{
	background: url(../Includes/Images/tab_end.gif) right bottom no-repeat;
	padding: 5px 12px 5px 0px;
}
#tabs a, #tabs a span
{
	display: block;
	float: left;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#tabs a, #tabs a span
{
	float: none;
}
/* End IE5-Mac hack */

#tabs a:hover
{
	color: #265a99;
	background: url(../Includes/Images/tab_start_hover_new.gif) left bottom no-repeat;
	text-decoration: none;
	padding-left: 10px;
}
#tabs a:hover span
{
	background: url(../Includes/Images/tab_mid_hover_new.gif) right bottom no-repeat;
	padding-right: 12px;
}

#tabs .selected a
{
	color: #fff;
	background: url(../Includes/Images/tab_start_hover.gif) left bottom no-repeat;
	text-decoration: none;
	padding-left: 10px;
	font-size: 12px;
	padding-top: 0px;
}
#tabs .selected a span
{
	background: url(../Includes/Images/tab_end_hover.gif) right bottom no-repeat;
	padding: 5px 12px 5px 0px;
}

.tabs_title_text
{
	font-size: 18px;
	color: #000;
}

/*================== Contanier Styles =======================*/
.contanier_style
{
	background: url(../Includes/Images/content_bg.gif) repeat-x left top;
}
.newcontanier_style
{
	/*background: #ffffff url(../Includes/Images/newcontent_bg.gif) repeat-x left top;*/
    background:#ecf4fa;
}

/*================== Contanier Left Menu ======================================*/
.left_menu_bg
{
	background: url(../Includes/Images/left_menu_bg.png) repeat-y left top;
}
.left_menu_bg ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid #cfdae3;
}
.left_menu_bg li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #cfdae3;
	text-align: left;
}
.left_menu_bg li a
{
	font-size: 12px;
	color: #14426b;
	padding: 3px 0px 0px 10px;
	display: block;
	text-decoration: none;
	height: 19px;
}
.left_menu_bg li a:hover
{
	font-size: 12px;
	color: #14426b;
	display: block;
	text-decoration: none;
}

.left_menu_bg li.even a
{
	font-size: 12px;
	background: url(../Includes/Images/menu_list_bg.gif) repeat-x left top;
	color: #14426b;
	padding: 3px 0px 0px 10px;
	display: block;
	text-decoration: none;
	height: 19px;
}
.left_menu_bg li.even a:hover
{
	font-size: 12px;
	background: url(../Includes/Images/menu_list_bg.gif) repeat-x left top;
	color: #14426b;
	display: block;
	text-decoration: none;
}

.form_btn
{
	background: url(../Includes/Images/form_btn_left.gif) no-repeat left top;
	height: 24px;
	padding: 0px 0px 0px 9px;
	margin: 0px;
	width: 89%;
	float: left;
}
.form_btn_left {
	border: 0px;
	font-size: 11px;
	color: #4e4e4e;
	width: 40px;
	height: 20px;
	background-color: transparent;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #FFF;
	padding: 4px 0px 7px 0px;
}
.form_btn_right
{
	background: url(../Includes/Images/form_btn_right.gif) no-repeat right top;
	width: 9px;
	height: 24px;
	float: left;
}

.bottom_option_bg
{
	background: #FFF;
}

.unsaved_link
{
	background: url(../Includes/Images/unsaved_bg.gif) repeat-x left top;
	height: 20px;
	padding: 0px 0px 0px 10px;
	text-align: left;
}
.unsaved_link span
{
	font-size: 12px;
	color: #1d5b94;
}
.unsaved_link span:hover
{
	font-size: 12px;
	color: #1d5b94;
}

.streamline_logo img
{
	/*margin: 160px 0px 15px 0px;*/ /*margin: 100px 0px 15px 0px;*/
	margin: 5px 0px 0px 0px;
}

/*================== Contanier Right Menu ======================================*/
.right_white_bg
{
	background-color: #FFF;
	height: 6px;
	font-size: 0px;
	line-height: 0px;
}
.contanier_white_bg
{
	background: #FFF;
	color: #000;
	padding: 0px 0px 0px 0px;
}

.bottom_contanier_white_bg
{
	background: #FFF;
	color: #000; /*overflow: auto;*/
}

.list_contanier_white_bg
{
	background: #FFF;
	color: #000;
	min-height: 530px;
	height: 530px;
	overflow: auto;
}

.list_contanier_white_bg_forPopup
{
	background: #FFF;
	color: #000;
	overflow: auto;
}

.detail_contanier_white_bg
{
	background: #FFF;
	color: #000;
	min-height: 448px;
	height: 448px;
	overflow: auto;
}

.contanier_white_bg1
{
	background: #FFF;
}

.page_title
{
	color: #000;
	font-size: 18px;
}

.page_title_Master {
	color: #000000;
	font-size: 18px;
	line-height: 25px;
	display: inline-block;
	padding: 4px;
}

.top_options_bg
{
	width: 100%;
}
.top_options_bg img
{
	margin: 0px 6px 0px 6px;
}
.top_options_bg1 img
{
	margin: 0px 6px 0px 6px;
}

.sep_vertical
{
	/*width: 1px;
	background-color: #bdbdbd;*/
    border:none!important;
}
.sep_horizontal
{
	height: 1px;
	background-color: #cfdae3;
}

.document_options_right {
    display: -webkit-box;
    display: -moz-box;
    padding-left: 8px;
    padding-right: 6px;
}
.document_options_left
{
	float: left;
}

.document_options_bg
{
	background: url(../Includes/Images/doc_options_bg.gif) repeat-x left top;
}
.document_border_right
{
	border-right: 1px solid #aebfc9;
}

.blue_arrow_left
{
	border: 0px;
	background: url(../Includes/Images/blue_left_arrow.gif) no-repeat left top;
	width: 20px;
	height: 22px;
}

.blue_arrow_right
{
	border: 0px;
	background: url(../Includes/Images/blue_right_arrow.gif) no-repeat left top;
	width: 20px;
	height: 22px;
}

.paddtop
{
	padding: 4px 0px 0px 0px;
}
.txtbox_left {
	background: #ffffff;
	border-left: 1px solid var(--grey-3);
	border-top: 1px solid var(--grey-3);
	border-bottom: 1px solid var(--grey-3);
	color: #000000;
	height: 22px; /* Set the height 22 bcz button heith is 22*/
	font-size: 11px;
}

	.txtbox_left span {
		font-size: 11px;
		color: #000000;
		text-align: right;
	}
.txtbox_left input
{
	border: 0px;
	font-size: 11px;
	color: #4e4e4e;
	width: 100%;
}
.txtbox_right {
	background: #ffffff;
	border-right: 1px solid var(--grey-3);
	border-top: 1px solid var(--grey-3);
	border-bottom: 1px solid var(--grey-3);
	color: #000000;
	height: 22px;
	float: left;
	width: 7px;
	margin: 0px 0px 0px 0px;
	padding: 0px; /*vertical-align: top;*/
}

.tosign_btn {
	background: url(../Includes/Images/tosign_check.gif) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	padding: 0px 0px 0px 15px;
	outline: none;
}


.drop_lable_bg {
	background: var(--grey-3);
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #000000;
	width: 50px;
	height: 22px;
	padding: 0px 0px 0px 0px;
}
	.drop_lable_bg span {
		font-family: 'IBM-Plex-Sans-Bold', sans-serif;
		font-weight: normal;
		color: #000000;
	}
.drop_lable_bg4 {
	background: url(../Includes/Images/drop_lable_bg.gif) repeat-x left top;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #526c7b;
	width: 50px;
	height: 22px;
	padding: 0px 0px 0px 0px;
}
.drop_label_bg1 {
	background: #ffffff;
	font-size: 11px;
	border: 1px solid var(--grey-3);
	border-left: 0 !important;
	color: #000000;
	padding: 0px 0px 0px 0px;
	/*width: 70px; // Modified by jagdeep to make browse generics. */
	width: 75px;
	height: 22px;
}
	.drop_label_bg1 .form_dropdown {
		border: 0 !important;
	}
.drop_label_bg2
{
	background: url(../Includes/Images/drop_label_bg1.gif) repeat-x left top;
	font-size: 11px;
	color: #4e4e4e;
	padding: 0px 0px 0px 0px;
	width: 70px;
	height: 21px;
}

/*.less_detail_btn
{    
	background: url(../Includes/Images/more_detail_btn.gif) no-repeat left top;
	width: 83px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-size: 11px;	
	outline: none;
}*/

.less_detail_btn {
	background: #254a67;
	height: 20px;
	width: 83px;
	border-style: none;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Medium', sans-serif;
	border-collapse: collapse;
	outline: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}


/*.less_detail_btn:focus
{    
	background: url(../Includes/Images/more_detail_btn_glow.gif) no-repeat left top;
	width: 83px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-size: 11px;	
	outline: none;
}*/

.less_detail_btn:focus
{
	/*background: url(../Includes/Images/less_detail_btn.gif) no-repeat left top;*/ /*background: url(../Includes/Images/more_detail_btn_glow.gif) no-repeat left top;*/
	background: #254a67;
	height: 20px;
	width: 83px;
	border-style: none;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Medium', sans-serif;
	border-collapse: collapse;
	outline: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
    cursor: pointer;
}

/*.less_detail_btn:hover
{    
	background: url(../Includes/Images/more_detail_btn_glow.gif) no-repeat left top;	
	width: 83px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	
	outline: none;
}*/

	.less_detail_btn:hover {
		/*background: url(../Includes/Images/less_detail_btn.gif) no-repeat left top;*/ /*background: url(../Includes/Images/more_detail_btn_glow.gif) no-repeat left top;*/
		background: #254a67;
		height: 20px;
		width: 83px;
		border-style: none;
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Medium', sans-serif;
		border-collapse: collapse;
		outline: none;
		margin: 0px;
		padding: 0px;
		text-indent: 0px;
		cursor: pointer;
	}
    #buttonStartStopWebCam:hover{
    padding:0px 5px!important;
    }
/*.less_detail_btn_new
{
	background: url(../Includes/Images/more_detail_btn.gif) no-repeat left top;
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	outline: none;
}*/

.less_detail_btn_new {
	background: #254a67;
	height: 20px;
	width: 83px;
	border-style: none;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Medium', sans-serif;
	border-collapse: collapse;
	outline: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

/*.less_detail_btn_new:hover
{
	background: url(../Includes/Images/more_detail_btn_glow.gif) no-repeat left top;
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	outline: none;
}*/

	.less_detail_btn_new:hover {
		background: #254a67;
		height: 20px;
		width: 83px;
		border-style: none;
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Medium', sans-serif;
		border-collapse: collapse;
		outline: none;
		margin: 0px;
		padding: 0px;
		text-indent: 0px;
		cursor: pointer;
	}

/*.less_detail_btn_new:focus
{    
	background: url(../Includes/Images/more_detail_btn_glow.gif) no-repeat left top;
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	outline: none;
}*/

	.less_detail_btn_new:focus {
		background: #254a67;
		height: 20px;
		width: 83px;
		border-style: none;
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Medium', sans-serif;
		border-collapse: collapse;
		outline: none;
		margin: 0px;
		padding: 0px;
		text-indent: 0px;
		cursor: pointer;
	}


/*.more_detail_btn
{	
	background: url(../Includes/Images/parentchildbutton83.png) no-repeat left top;
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;	
	outline: none;
}*/

.more_detail_btn {
	background: #254a67;
	height: 20px;
	width: 83px;
	border-style: none;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Medium', sans-serif;
	border-collapse: collapse;
	outline: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

/*.more_detail_btn:hover
{
	background: url(../Includes/Images/more_detail_btn_glow.gif) no-repeat left top;
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	
	outline: none;
}*/

	.more_detail_btn:hover {
		background: #254a67;
		height: 20px;
		width: 83px;
		border-style: none;
		color: #fff;
		font-family: 'IBM-Plex-Sans-Medium', sans-serif;
		border-collapse: collapse;
		outline: none;
		margin: 0;
		padding: 0;
		text-indent: 0;
		cursor: pointer;
	}

/*.more_detail_btn:focus
{
	background: url(../Includes/Images/more_detail_btn_glow.gif) no-repeat left top;
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;	
	outline: none;
}*/


	.more_detail_btn:focus {
		background: #254a67;
		height: 20px;
		width: 83px;
		border-style: none;
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Medium', sans-serif;
		border-collapse: collapse;
		outline: none;
		margin: 0px;
		padding: 0px;
		text-indent: 0px;
		cursor: pointer;
	}

/***************************/
/*.more_detail_btn_120
{
	background: url(../Includes/Images/more_detail_btn_120.png) no-repeat left top;
	width: 120px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	outline: none;
}*/

.more_detail_btn_120 {
	background: #254a67;
	height: 20px;
	width: 120px;
	border-style: none;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Medium', sans-serif;
	border-collapse: collapse;
	outline: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}


/*.more_detail_btn_120:hover
{
	background: url(../Includes/Images/more_detail_btn_glow_120.png) no-repeat left top;
	width: 120px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	outline: none;
}*/

	.more_detail_btn_120:hover {
		background: #254a67;
		height: 20px;
		width: 120px;
		border-style: none;
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Medium', sans-serif;
		border-collapse: collapse;
		outline: none;
		margin: 0px;
		padding: 0px;
		text-indent: 0px;
		cursor: pointer;
	}


/*.more_detail_btn_120:focus
{
	background: url(../Includes/Images/more_detail_btn_glow_120.png) no-repeat left top;
	width: 120px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	outline: none;
}*/

	.more_detail_btn_120:focus {
		background: #254a67;
		height: 20px;
		width: 120px;
		border-style: none;
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Medium', sans-serif;
		border-collapse: collapse;
		outline: none;
		margin: 0px;
		padding: 0px;
		text-indent: 0px;
		cursor: pointer;
	}


/***************************/
.right_bottom_cont_top_bg1
{
	background: url(../Includes/Images/right_bottom_cont_top_bg.gif) repeat-x left bottom;
}
.right_bottom_cont_top_bg
{
	background: url(../Includes/Images/right_bottom_cont_top_bg.gif) repeat-x left top;
}
.right_bottom_cont_bottom_bg {
	background: #ffffff;
	border-bottom: 1px solid var(--grey-3);
	padding: 10px;
}

.right_bottom_cont_top_bg_trans
{
	background: url(../Includes/Images/right_bottom_cont_top_bg_trans.png) repeat-x left top;
}
.right_bottom_cont_bottom_bg_trans
{
	background: url(../Includes/Images/right_bottom_cont_bottom_bg_trans.png) repeat-x left top;
}


.btn_left
{
	border: 0px;
	width: 3px;
	background: url(../Includes/Images/btn_small_left.png);
	height: 22px;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.btn_right
{
	border: 0px;
	width: 3px;
	background: url(../Includes/Images/btn_small_right.png);
	background-repeat: no-repeat;
	height: 22px;
	padding: 0px;
	margin: 0px;
}
/*.btn_center
{
	border: solid 1px black;
	border-style: none;
	background: url(../Includes/Images/btn_small_center.png);
	background-repeat: repeat-x;
	height: 18px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}*/

.btn_center
{
	border: solid 1px black;
	border-style: none;
	background: url(../Includes/Images/parentchildbuttoncenter.gif);
	background-repeat: repeat-x;
	height: 22px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

/*.btn_center input
{
	background: transparent none;
	border: 0px;
	font-size: 9px;
	font-weight: bold;
	text-indent: 0;
	color: #FFF;
	padding: 0px 4px 0px 4px;
	margin: 0;
	height: 16px;
}*/
/*
.btn_small_left
{
	border: 0px;
	width: 3px;
	background: url(../Includes/Images/btn_small_left.png);
	height: 19px;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.btn_small_right
{
	border: 0px;
	width: 3px;
	background: url(../Includes/Images/btn_small_right.png);
	background-repeat: no-repeat;
	height: 19px;
	padding: 0px;
	margin: 0px;
}
.btn_small_center
{
	border: 0px;
	background: url(../Includes/Images/btn_small_center.png);
	background-repeat: repeat-x;
	height: 19px;
	padding: 0 2 0 2;
	margin: 0px;
}
.btn_small_center input
{
	background: transparent;
	border: 0px;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-style: none;
}

*/

.expandable_btn_left {
	background: #254a67;
	border-style: none;
	font-size: 11px;
	color: #ffffff;
	width: 100%;
	border-collapse: collapse;
	outline: none;
	padding: 0px 4px 0px 5px;
	height: 20px;
}

.expandable_btn_left input:hover
{
	background: transparent;
	border-style: none;
	color: #ffffff;
	border-collapse: collapse;
	outline: none;
	height: 20px;
}

.form_btn_left1 {
	background: #254a67;
	font-size: 11px;
	background: none;
	border: 0;
	color: #ffffff;
	height: 20px;
}

	.form_btn_left1:hover {
		background: #254a67;
	}

/*Added by sudhir singh for MHA DFA pages*/
.expandable_btn_left_DFA {
	background: #254a67;
	border-style: none;
	font-size: 11px;
	color: #ffffff;
	border-collapse: collapse;
	outline: none;
	padding: 0px 0px 0px 5px;
	height: 20px;
}


.expandable_btn_center_DFA {
	background: #254a67;
	border-style: none;
	font-size: 11px;
	color: #ffffff;
	border-collapse: collapse;
	outline: none;
	padding: 0px 4px 0px 5px;
	height: 20px;
	cursor:pointer;
}

/*.expandable_btn_left
{
	background: url(../Includes/Images/parentchildbutton_left.png); 	
	background-position:top center;
	height:20px;
	width:100%;
	border-style:none;
	background-color:Transparent;
	color: #fff;
	font:11px/01px Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	outline: none;
	margin:0px;
	padding:0px;
	text-indent:0px;
}*/

/*.expandable_btn_left_small
{
	border: 0px;
	color: #4e4e4e;
	max-width: 125px;
	background: url(../Includes/Images/rsz_form_btn_left.gif);
	padding: 0px 0px 0px 6px;
	height: 18px;
}

.expandable_btn_left_small input
{
	background: transparent;
	border: 0px;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
}

.expandable_btn_right_small
{
	background: url(../Includes/Images/rsz_form_btn_right.gif) repeat-x right top;
	width: 9px;
	height: 18px;
}



.expandable_btn_left input
{
	background: transparent;
	border: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}

*/
.expandable_btn_right {
	background: #254a67;
	width: 9px;
	height: 20px;
}
/*
.expandable_btn_right
{
	background: url(../Includes/Images/form_btn_right.gif) repeat-x right top;
	width: 9px;
	height: 20px;
}*/

.fieldset {
	border: 1px solid var(--grey-3);
	background: #ffffff;
	padding: 0px 4px 4px 4px;
}
.formlegend {
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #000;
}

.fieldset label
{
	font-size: 11px;
	color: #000;
}

.form_dropdown
{
	/* background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top; */
	background: #fff;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3;
	color: Black;
	font-size: 11px;
	width: 100%;
	padding: 0px 0px 0px 0px; /* left padding removed by Ravindra Nath Bhagat */
}

.form_dropdowns {
	background: #ffffff;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3; /*color: #637a87;*/
	color: Black;
	font-size: 11px;
}
/* Added by Deej used on addClassInAllElementsOfDocument function in ApplicationCommonFunctions.js*/
.form_dropdown_wo_width {
	height: 20px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	color: Black;
	font-size: 10px;
	border: 1px solid var(--grey-3);
	box-sizing: border-box;
}
/* Added by mahesh S on 14,Aug,2010 used on compose message screen*/
.form_ListBox
{
	/* background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top; */
	background: #fff;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3;
	border-right: 1px solid #a8bac3;
	color: Black;
	font-size: 11px;
	width: 100%;
	padding: 0px 0px 0px 0px; /* left padding removed by Ravindra Nath Bhagat */
}
.form_dropdownReadOnly
{
	/* background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top; */
	background: #f5f5f5;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3;
	color: Black;
	font-size: 11px;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.form_dropdown_Without_Width
{
	/* background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top; */
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3;
	color: Black;
	font-size: 12px;
	padding: 0px 0px 0px 5px;
}

.form_dropdownTD
{
	/*background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top;*/ /*border-top: 1px solid #a8bac3; 	border-bottom: 1px solid #a8bac3; 	border-left: 1px solid #a8bac3;*/ /*color: #637a87;*/
	font-size: 11px;
}
.form_dropdownWithoutWidth
{
	background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3; /*color: #637a87;*/
	color: Black;
	font-size: 11px;
	width: 130px;
}

.form_dropdownWithoutWidth200
{
	background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3; /*color: #637a87;*/
	color: Black;
	font-size: 11px;
	width: 170px;
}

.form_dropdownWithoutWidth400
{
	background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3; /*color: #637a87;*/
	color: Black;
	font-size: 11px;
	width: 400px;
}


.form_dropdownWithoutWidth300
{
	background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3; /*color: #637a87;*/
	color: Black;
	font-size: 11px;
	width: 300px;
}

.form_dropdownWidth200
{
	background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3; /*color: #637a87;*/
	color: Black;
	font-size: 11px;
	width: 170px;
}


.form_dropdownWithoutWidth1
{
	background: #fff url(../Includes/Images/filedset_bg.gif) repeat-x left top;
	border-top: 1px solid #a8bac3;
	border-bottom: 1px solid #a8bac3;
	border-left: 1px solid #a8bac3;
	color: #637a87;
	font-size: 11px;
	width: 140px;
}
.right_contanier_bg {
	background: #f7f7f7;
	padding: 0px 0px 0px 8px; /* changed overflow: auto; to hidden B'cz it give vertical horizental scroll bar in left side after sign*/
	overflow: hidden;
	vertical-align: top;
}

.right_contanier_bgVersionSigningPopUp
{
	border-left: 1px solid #7e99a9;
	border-right: 1px solid #7e99a9;
	padding: 0px 0px 0px 0px; /* changed overflow: auto; to hidden B'cz it give vertical horizental scroll bar in left side after sign*/
	overflow: hidden;
	vertical-align: top;
}

.content_tab_top {
	background: #ffffff;
	border-top: 1px solid var(--grey-3);
}

.content_tab_top_Align {
	background: #ffffff;
	border-top: 1px solid var(--grey-3);
	border-right: 1px solid var(--grey-3);
	vertical-align: top;
}

.content_tab_top1
{
	background: url(../Includes/Images/content_tab_top1.gif) repeat-x left bottom;
	vertical-align: bottom;
}
.content_tab_top2
{
	background: url(../Includes/Images/content_tab_top1.gif) repeat-x left bottom;
	vertical-align: top;
}
.content_tab_left {
	background: #ffffff;
	font-size: 14px;
	color: #000;
	padding: 4px 7px 4px 7px;
	font-family: 'IBM-Plex-Sans-Medium', sans-serif;
	line-height: 18px;
	border-left: 1px solid var(--grey-3);
	border-top: 1px solid var(--grey-3);
}
	.content_tab_left span {
		font-family: 'IBM-Plex-Sans-Medium', sans-serif;
		font-weight: normal !important;
		font-size: 14px;
		line-height: 18px;
	}
/*Added By mahesh for set the accurate left alignment as per heading
.content_section_td 
{
	padding: 0px 5px 0px 10px;
}*/
.content_tab_left_dual {
	background: url(../Includes/Images/content_tab_left_dual.gif) repeat-x left top;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #000;
	padding: 0px 5px 0px 10px;
}
.content_tab_bg {
	background: #ffffff;
	background: linear-gradient(90deg, #ffffff 8px, #254A67 8px, #254A67 calc(100% - 8px), #ffffff calc(100% - 8px)), linear-gradient(45deg, #ffffff, #ffffff);
	background-size: 100% 1px,100%;
	background-position: top;
	background-repeat: no-repeat;
	border-left: 1px solid var(--grey-3);
	border-right: 1px solid var(--grey-3);
	padding-top: 10px;
}

.content_left_Right_border
{
	border-left: 1px solid #7e99a9;
	border-right: 1px solid #7e99a9;
}


/* Author: mahesh Created On: 29 June,2010,purpose : for set same alignment of section heading and label*/
.content_tab_bg_padding {
	background: #ffffff;
	background: linear-gradient(90deg, #ffffff 8px, #254A67 8px, #254A67 calc(100% - 8px), #ffffff calc(100% - 8px)), linear-gradient(45deg, #ffffff, #ffffff);
	padding: 10px 5px 0px 10px;
	background-size: 100% 1px,100%;
	background-position: top;
	background-repeat: no-repeat;
}


.content_tab_bg123
{
	background: url(../Includes/Images/content_tab_bg.gif) repeat-x left top;
	border-left: 1px solid #7e99a9;
	border-right: 2px solid #7e99a9;
}
.content_tab_bg1
{
	background: url(../Includes/Images/content_tab_bg1.gif) repeat-x left top;
	border-left: 1px solid #7e99a9;
	border-right: 1px solid #7e99a9;
}

.form_title {
	font-size: 11px;
	text-transform: uppercase;
	color: #494949;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

.form_title1 {
	font-size: 11px;
	color: #494949;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

.list_option_bg
{
	background: url(../Includes/Images/list_option_bg.gif) repeat-x left top;
}
.list_option_bg_new {
	background: #ffffff;
}
.list_table
{
	border: 1px solid #d6d6d6; /*border-top: 1px solid #91a3ae; 	border-left: 1px solid #91a3ae; 	border-right: 1px solid #91a3ae;*/
}
.list_table th
{
	background: #f7f7f7;
	height: 24px;
	border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
	text-align: left;
	padding: 0px 0px 0px 5px;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
}
    .list_table th span {
    font-family: 'IBM-Plex-Sans-Medium' !important;
    font-weight: normal !important;
    color: #000000 !important;
    }
.preventPopupDragOnScroll table {
border:0;
}
.list_table td
{
	padding: 0px 0px 0px 5px;
	vertical-align: middle;
    border:none;
}
.even_row1
{
	background-color: #fff;
	border-bottom: 1px solid #c1cdd4;
	height: 22px;
	padding: 0px 0px 0px 0px;
}
.even_row
{
	background-color: #fff;
	border-bottom: 1px solid #d6d6d6;
	height: 22px;
	padding: 0px 0px 0px 9px;
}
.even_row span
{
	background-color: #fff;
	height: 22px; /* Commented by Nisha  	No need to convert into UpperCase */ /*text-transform: uppercase;*/
}

/*Added by Loveena in ref to Task#467 7.2 - Discharge: Items in Lookup Pop Up Are In All Caps */
.even_rowpopus
{
	background-color: #fff;
	border-bottom: 1px solid #c1cdd4;
	height: 22px;
	padding: 0px 0px 0px 0px;
}

.even_rowpopus span
{
	background-color: #fff;
	height: 22px;
}

.odd_row1
{
	background-color: #f0f6f9;
	border-bottom: 1px solid #c1cdd4;
	height: 22px;
	padding: 0px 0px 0px 0px;
}
.odd_row
{
	background-color: #f7f7f7;
	border-bottom: 1px solid #d6d6d6;
	height: 22px;
	padding: 0px 0px 0px 9px;
}
#tblTemplateAndCriteria tr.odd_row {
background-color: #fff;
}
/* This class is used to add paddign on girid items used on ViewAxis popups*/
.gridItemStyle
{
	padding-left: 5px;
	line-height: 20px;
}
.odd_rowpopups span
{
	background-color: #f0f6f9;
	height: 22px;
}
/*Added by Loveena in ref to Task#467 7.2 - Discharge: Items in Lookup Pop Up Are In All Caps */
.odd_rowpopups
{
	background-color: #f0f6f9;
	border-bottom: 1px solid #c1cdd4;
	height: 22px;
	padding: 0px 0px 0px 0px;
}
.detail_grey_bg {
	background: #c8d6dd;
	padding: 3px;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #494949;
}

/*========================= FORM Styles ===================================*/
.form_textbox {
	background: #fff;
	height: 15px;
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: #333;
	padding: 2px;
	font-family: 'IBM-Plex-Sans-Regular';
}
.form_textbox11
{
	/*background: url(../Includes/Images/content_tab_bg.gif) repeat-x left top; */
	background: #fff;
	height: 11px;
	width: 40px;
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: #333;
	padding: 2px;
}
.form_textbox_readonly
{
	background: #f5f5f5;
	height: 15px;
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: #333;
	padding: 2px;
	disabled: disabled;
}
.form_textboxNew
{
	height: 15px;
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: #333;
}
.form_textbox_disabled {
	background-color: Silver;
	height: 15px;
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: Black;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	padding: 2px;
}

.UnsavedListing, .UnsavedListing:visited, .UnsavedListing:hover, .UnsavedListing.active
{
	color: Black;
	font-size: 12px;
}

.UnsavedListing a
{
	color: Black;
	font-size: 12px;
	
}

.UnsavedListing a:hover
{
	color: Black;
	font-size: 12px;
	
}


.UnsavedConcurrencyListing, .UnsavedConcurrencyListing:visited, .UnsavedConcurrencyListing:hover, .UnsavedConcurrencyListing.active
{
	color: Red;
	font-size: 11px;
}

.UnsavedConcurrencyListing a
{
	color: Red;
	font-size: 11px;
}

.UnsavedConcurrencyListing a:hover
{
	color: Red;
	font-size: 11px;
	text-decoration: underline;
}

.form_label_text
{
	color: Black;
	font-size: 11px;
}

.form_label_text_Heading
{
	color: #000;
	font-size: 15px;
}
.form_label
{
	/*color:#6d6d6d; */
	color: Black;
	font-size: 11px;
	padding: 0 0 0 3px;
}
.form_label_service
{
	/*color:#6d6d6d; */
	color: Black;
	font-size: 11px;
	padding: 0 0 0 0px;
}
.form_label_new
{
	/*color:#6d6d6d; */
	color: Black;
	font-size: 11px;
	padding: 0 0 0 3px;
	width: 20px;
}

/*Comented following css as height is specified */
/*---.form_textarea{background:url(../Includes/Images/content_tab_bg.gif) repeat-x left top; border:1px solid #a8bac3; font-size:11px; color:#333; padding:2px; width:99%; height:135px;}*/
.form_textarea
{
	/*background: url(../Includes/Images/content_tab_bg.gif) repeat-x left top; */
	border: 1px solid var(--grey-3);
	font-size: 11px;
	color: black;
	padding: 2px;
	width: 99%;
	background-color: #fff;
}
.form_textareaWithoutWidth {
	/*background: url(../Includes/Images/content_tab_bg.gif) repeat-x left top; */
	border: 1px solid var(--grey-3);
	font-size: 11px;
	color: black;
	padding: 2px;
	background-color: #fff;
}
.form_textarea_readonly
{
	background: #f5f5f5;
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: #333;
	padding: 2px;
	width: 99%;
	disabled: disabled;
}

.form_textarea_disabled
{
	/*background: url(../Includes/Images/content_tab_bg.gif) repeat-x left top;*/
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: black;
	padding: 2px;
	width: 99%;
	background-color: Silver;
}
/* Description:used for error input field */
/* Author:Priya */
/* CreatedOn:Nov 07,2009 */
.error_msg
{
	font-size: 11px;
	color: Red;
}
/* Description:used to highlight error field */
/* Author:Wasif Butt */
/* CreatedOn:Sep 12, 2011 */
.error_required_border
{
	/*border: 1px solid Red;*/
     box-shadow: 0 0 0 1px Red;
}
/* Description:used for date input field */
/* Author:Priya */
/* CreatedOn:Oct 27,2009 */
.date_text {
	/* background: url(../Includes/Images/content_tab_bg.gif) repeat-x left top; */
	border: 1px solid #a8bac3;
	font-size: 11px;
	padding: 2px;
	width: 65px;
	height: 15px;
	font-family: 'IBM-Plex-Sans-Regular';
}

.ssn_text
{
	/* background: url(../Includes/Images/content_tab_bg.gif) repeat-x left top; */
	border: 1px solid #a8bac3;
	font-size: 11px;
	padding: 2px;
	width: 75px;
	height: 15px;
}

.date_text_white
{
	border: 1px solid #a8bac3;
	font-size: 11px;
	padding: 2px;
	width: 65px;
}
.padding_label
{
	padding-left: 2%;
}
.padding_label1
{
	padding-left: 1%;
}
.padding_label4
{
	padding-left: 4%;
}
.padding_label3
{
	padding-left: 3%;
}
.table_bg
{
	background-color: #DFE7EB;
}
/* Description:used to format check box text and to show hand on mouse over */
/* Author:Pradeep */
/* CreatedOn:Sept 8,2009 */
.form_checkbox
{
	color: #6d6d6d;
	cursor: default;
}
/* Description:used to format check box text and to show hand on mouse over */
/* Author:Pradeep */
/* CreatedOn:Sept 8,2009 */
.padding_left_label
{
	padding: 0px 5px 0px 0px;
}
/* Description:used to show hand on mouse over */
/* Author:Pradeep */
/* CreatedOn:Sept 9,2009 */
.cursor_default
{
	/* cursor: default;*/ /* Updated By: Vikas Kashyap Date: 17 Dec 2012 Discription- What:Cahnges cursor setting hand when Mouse over Delete Icon in Grid Recoreds Why: Deafult Set pointer Cursor, w.e.f. Task#646 Threshold 3.5x Merged Issues*/
	/*cursor: hand;*/
	/*Added by Rahul Aneja on 13Mar2013 to make browser specific*/
	cursor: pointer;
}

.cursor_Maindefault /*Added by atul pandey w.r.f task #2 of project Newaygo Customizations */
{
	
	cursor: default;
}

/*Description:To have  background-color on mouseover on cliient name in clients drop-down*/
/*Author:Loveena*/
.item
{
	cursor: default;
	text-align: center;
	color: Black;
}

.itemHover
{
	cursor: default;
	background-color: red;
	color: White;
	text-align: center;
}


/*New css added for Share,Next Previous-Start,ToSign buttons */
.sharechecked_btn {
	background: url(../Includes/Images/tosign_check_shared.gif) repeat-x right top; /*width: px; Modified the width because all buttons need to have same width*/
	width: 68px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	padding: 0px 0px 0px 15px;
	outline: none;
}
.shareunchecked_btn
{
	background: url(../Includes/Images/tosign_uncheck_shared.gif) repeat-x right top; /*width: 68px;  Modified the width because all buttons need to have same width*/
	width: 68px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	outline: none;
}

.shareunchecked_btn:hover
{
	background: url(../Includes/Images/tosign_uncheck_shared_glow.gif) repeat-x right top; /*width: 68px;  Modified the width because all buttons need to have same width*/
	width: 68px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	outline: none;
}
.previousbuttonenable, 
.previousbuttonenable:hover {
	background-color: #254a67;
	background-image: url(../Includes/Images/streamline-left.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border:0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.nextbuttonenable,
.nextbuttonenable:hover {
	background-color: #254a67;
	background-image: url(../Includes/Images/streamline-right.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.previousbuttondisable,
.previousbuttondisable:hover {
	background-color: var(--grey-3);
	background-image: url(../Includes/Images/streamline-left.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	width: 20px;
	height: 20px;
	opacity: 0.5;
	pointer-events: none;
}
.nextbuttondisable,
.nextbuttondisable:hover {
	background-color: var(--grey-3);
	background-image: url(../Includes/Images/streamline-right.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	width: 20px;
	height: 20px;
	opacity: 0.5;
	pointer-events: none;
}

.shs-document-ribbon-next-prev-btn .previousbuttonenable, .shs-document-ribbon-next-prev-btn .previousbuttonenable:hover, .shs-document-ribbon-next-prev-btn .nextbuttondisable, .shs-document-ribbon-next-prev-btn .nextbuttondisable:hover {
	background-color: transparent;
	background-image: none;
	color: var(--shs-clr-8);
	font-size: 18px;
}

	.shs-document-ribbon-next-prev-btn .nextbuttonenable, .shs-document-ribbon-next-prev-btn .previousbuttondisable, .shs-document-ribbon-next-prev-btn .previousbuttondisable:hover, .shs-document-ribbon-next-prev-btn .nextbuttondisable, .shs-document-ribbon-next-prev-btn .nextbuttondisable:hover {
		background-color: transparent;
		background-image: none;
		color: var(--shs-clr-8);
		font-size: 18px;
	}


.tosignchecked_btn
{
	background: url(../Includes/Images/tosign_check.gif) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	outline: none;
}

.tosignchecked_btn:hover
{
	background: url(../Includes/Images/tosign_check_hover.gif) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	outline: none;
}

.tosignunchecked_btn
{
	background: url(../Includes/Images/tosign_uncheck.gif) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	outline: none;
}

.tosignunchecked_btn:hover
{
	background: url(../Includes/Images/tosign_uncheck_glow.gif) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
	width: 83px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	outline: none;
}

.disablechecked_btn
{
	background: url(../Includes/Images/disable_checked.gif) repeat-x right top;
	width: 65px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	outline: none;
}
.disableunchecked_btn
{
	background: url(../Includes/Images/disable_unchecked.gif) repeat-x right top;
	width: 65px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	outline: none;
}
.disableunchecked_btn:hover
{
	background: url(../Includes/Images/disable_unchecked.gif) repeat-x right top;
	width: 65px;
	height: 22px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	outline: none;
}

/*New css added for Share and Next Previous-end*/

/*New css added for spinner-Start */


.modalPopupHeader
{
	color: Black;
	font-size: larger;
}
.modalPopupSubHeader
{
	color: Black;
	font-size: medium;
}

.logo
{
	padding: 5px 0px 5px 25px;
}
/*New css added for spinner-End */

/*New css added for document containerin document master page  */
.LargeSize
{
	height: 250px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.SmallSize
{
	height: 200px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.ViewModeLargeSize
{
	height: 250px;
	width: 100%;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
}

.ViewModeSmallSize
{
	height: 200px;
	width: 100%;
	overflow: :hidden;
	overflow-y: hidden;
	overflow-x: hidden;
}
/*Written by Pradeep for testing purpose and needs to be replaced after discussion with leads*/
/*Apply in DocumentList.aspx*/
.list_contanier_white_bg_test
{
	background: #FFF; /*color: #000;*/
	overflow: auto;
	border-top: 1px solid #91a3ae;
	border-left: 1px solid #91a3ae;
	border-right: 1px solid #91a3ae;
	border-bottom: 1px solid #91a3ae;
}

/*New css added for document containerin document master page  */


/*Author:Pradeep    */
/*Purpose:Used as aeperator line*/
.sep_tab
{
	background: #990100;
}

/*Author:Vikas Monga    */
/*Banner Menu CSS */
.StaticMenuItemStyleCss {
	font-size: 11.3px;
	border-top: 1px solid #CFDAE3;
	border-bottom: 1px solid #CFDAE3;
	height: 20px;
	width: 80px;
	background-color: #fff;
	text-align: left;
	padding-left: 5px;
}

.DynamicMenuItemStyleCss
{
	font-size: 11.3px;
	width: 100px;
	height: 20px;
	width: 120px;
	background-color: #fff;
	border: 1px solid #CFDAE3;
	text-align: left;
	padding-left: 5px;
}

.StaticMenuItemStyleHoverCss {
	font-size: 12px;
	height: 20px;
	width: 80px;
	background-color: #1d5b94;
	text-align: left;
	padding-left: 5px;
}

.DynamicMenuItemStyleHoverCss {
	font-size: 12px;
	height: 20px;
	background-color: #1d5b94;
	border: 1px solid #CFDAE3;
	text-align: left;
	padding-left: 5px;
}



.ClientDropdown
{
	width: 174px;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background: #ffffff;
	padding-left: 5px;
	color: #000000;
}
.ClientDropdown li:hover
{
	margin: 0;
	padding: 0;
	cursor: pointer;
	color: #ffffff;
	background: #1b5b94;
}
.ClientDropdown li a
{
	font-size: 11px;
	display: block;
	padding: 2px;
	border-bottom: 1px solid #CFDAE3;
	cursor: pointer;
	color: #000000;
}

.ClientDropdown li a:hover
{
	color: #ffffff;
	background: #1b5b94;
}


.ClientDropDownLabel
{
	font-size: 11px;
	/*display: block; 	padding: 3px;*/
	height: 13px;
	border-top: 1px groove #000000;
	border-left: 1px groove #000000;
	border-bottom: 1px groove #000000; /*padding-left: 12px;*/
}

/*Description:Used heding type text */
/*Author:Written by Pradeep */
/*Used In:Cafas.ascx */
.heading1 {
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #000;
}
/*Description:Banner Menu Item */
/*Author:Vikas Monga */
/*Used In: Left Bannres */
.even-new
{
	padding-left: 10px;
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 12px;
	background: url(../Includes/Images/menu_list_bg.gif);
	height: 24px;
	text-align: left;
	background-repeat: repeat-x;
}
/********************Classes For Padding***********************/
/*Description:This css class is used for padding               */
/*Author:Priya                                                       */
/*CreatedOn:Oct 27,2009													*/
/*Used In:Master pages													 */
.TPadd2
{
	padding-top: 2px;
}
.TPadd5
{
	padding-top: 5px;
}
.BPadd5
{
	padding-bottom: 5px;
}
.LPadd2
{
	padding-left: 2px;
}
.LPadd5
{
	padding-left: 5px;
}
.LPadd8
{
	padding-left: 8px;
}
.RPadd2
{
	padding-right: 2px;
}
.RPadd5
{
	padding-right: 5px;
}
.TPadd2
{
	padding-top: 2px;
}
.TPadd5
{
	padding-top: 5px;
}
.TPadd8
{
	padding-top: 8px;
}
.BPadd8
{
	padding-bottom: 8px;
}
/*********************End Of Padding Classes**********************/

.pageView
{
	/* background-color:#F4F4F4;	*/
}

/* Class Added by Ankesh for TitleBar Text*/
.TitleBarText
{
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

.PopUpTitleBar
{
	background-color: #1C5B94;
}

.Button
{
	font-size: 8.25pt;
}

.Textbox {
	background-color: White;
	font-size: 8.50pt;
	border-style: solid;
	border-left: 1px solid var(--shs-nav-bc);
	border-right: 1px solid var(--shs-nav-bc);
	border-top: 1px solid var(--shs-nav-bc);
	border-bottom: 1px solid var(--shs-nav-bc);
	color: Black;
	vertical-align: middle;
	padding-top: 1px;
	height: 20px;
	width: 90%;
}

.footertextbold
{
	font-size: 10px;
	color: Black;
	text-decoration: none;
	font-weight: normal;
}

.GridViewHeaderText
{
	color: Black;
	background-color: #dce5ea;
	font-weight: normal;
	font-size: 8.25pt;
	text-align: center;
	vertical-align: middle;
	height: 20px;
}

.GridViewPagerText {
	color: Black;
	background-color: #dce5ea;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	font-size: 8.25pt;
	text-align: left;
	vertical-align: middle;
	height: 5px;
	position: fixed;
}

.GridViewRowStyle
{
	color: black;
	background-color: #ffffff;
	font-weight: Normal;
	font-size: 8.25pt;
	vertical-align: top;
	height: 5px;
}

.GridViewAlternatingRowStyle
{
	color: Black;
	background-color: White;
	border-style: none;
	font-weight: Normal;
	font-size: 8.25pt;
	vertical-align: top;
	height: 5px;
}

.HeaderStyle {
	text-decoration: underline;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}
.Comment_textbox
{
	background: url(../Includes/Images/content_tab_bg.gif) repeat-x left top;
	height: 35px;
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: #333;
	padding: 2px;
}

/*For Discharge Event */
.container_with_border
{
	border-top: 1px solid #7e99a9;
	border-bottom: 1px solid #7e99a9;
	border-left: 1px solid #7e99a9;
	border-right: 1px solid #7e99a9;
}
/* For Disclosure */
.toplt_curve {
	background: #f7f7f7;
	border-top: 1px solid var(--grey-3);
	border-left: 1px solid var(--grey-3);
	width: 6px;
	padding: 6px 0 0 6px;
}
.top_brd {
	background: #f7f7f7;
	width: 99%;
	height: 6px;
	border-top: 1px solid var(--grey-3);
}
.toprt_curve {
	background: #f7f7f7;
	width: 6px;
	padding: 0 6px 6px 0;
	border-top: 1px solid var(--grey-3);
	border-right: 1px solid var(--grey-3);
}

.botlt_curve {
	background: #f7f7f7;
	height: 6px;
	width: 6px;
	border-bottom: 1px solid var(--grey-3);
	border-left: 1px solid var(--grey-3);
}
.bot_brd {
	background: #f7f7f7;
	height: 6px;
	width: 99%;
	border-bottom: 1px solid var(--grey-3);
}
.botrt_curve {
	background: #f7f7f7;
	height: 6px;
	width: 6px;
	border-bottom: 1px solid var(--grey-3);
	border-right: 1px solid var(--grey-3);
}

.ltrt_brd {
	background: #f7f7f7;
	border-left: #f7f7f7;
	border-right: #f7f7f7;
	padding-bottom: 5px;
	padding-top: 5px;
}

.mid_bg {
	background: #f7f7f7;
	width: auto;
	border-left: 1px solid var(--grey-3);
	border-right: 1px solid var(--grey-3);
}
.rt_brd
{
	background: #dee6eb url(../Includes/Images/mid_bg.gif) right top repeat-x;
}
.required
{
	color: Red;
}
.mid_bg_L
{
	background: #dee6eb url(../Includes/Images/mid_bg.gif) left top repeat-x;
	border-left: 1px solid #869fae;
	width: 6px;
}
.mid_bg_R
{
	background: #dee6eb url(../Includes/Images/mid_bg.gif) left top repeat-x;
	border-right: 1px solid #869fae;
	width: 6px;
}
.mid_bg_C
{
	background: #dee6eb url(../Includes/Images/mid_bg.gif) left top repeat-x;
	width: auto;
}


/* Start code written by Pradeep on 17 Feb 2010 */
/*Css Class Added by Pradeep for Radio and check box Text*/

.RadioText
{
	font-size: 11px;
	text-decoration: none;
	color: Black;
	font-weight: normal;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	margin: 0px;
	cursor: default;
}

.RadioText input
{
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	cursor: default;
	cursor: default;
}

.RadioText span
{
	vertical-align: middle;
	padding-top: 3px;
	margin: 0px;
	padding-left: 3px; /* font-weight: normal; */
}
/*
.RadioText input:hover,.RadioText input:focus
{
	border :solid 1px #7d98a8;
}
.RadioText input[disabled]:hover,.RadioText input[disabled]:focus
{
		border :solid 1px #f0f3f5;

}*/
/* Start code written by Devinder on 18 Feb 2010 */
/*Css date_Container Added by Devinder for date container table and img*/
.date_Container tr
{
	vertical-align: middle;
}

.date_Container input {
	border: 1px solid #a8bac3;
	font-size: 11px;
	padding: 2px;
	width: 67px;
	height: 15px;
	font-family: 'IBM-Plex-Sans-Regular';
}
.date_Container input[disabled]
{
	border: 1px solid #b1b1b1;
	font-size: 11px;
	background-color: #f5f5f5;
	padding: 2px;
	width: 67px;
	height: 15px;
}

.date_Container img
{
	cursor: pointer;
    /*display:block!important;*/
}
.electronicfilepaymentDate {
    display: inline-block!important;
}
.bigErrorMessage {
	font-size: 14px;
	text-decoration: none;
	color: red;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}
.form_textbox100
{
	background: #fff;
	height: 15px;
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: #333;
	padding: 2px;
	width: 100px;
}
.form_textbox100_disabled {
	background-color: Silver;
	height: 15px;
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: Black;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	padding: 2px;
	width: 100px;
}

textarea[readonly], textarea[disabled]
{
	background-color: #f5f5f5;
	border: solid 1px #b1b1b1;
}
.checkbox_container
{
	font-size: 11px;
	text-decoration: none;
	color: Black;
	font-weight: normal;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	margin: 0px;
	cursor: default;
}
.checkbox_container span
{
	vertical-align: middle;
	padding-top: 3px;
	margin: 0px;
	padding-left: 3px;
}
.checkbox_container input[type=checkbox], .checkbox_container input[type=radio]
{
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	cursor: default;
	padding-right: 3px;
}
.checkbox_container label
{
	vertical-align: middle;
	padding-top: 3px;
	margin: 0px; /*padding-left: 3px;*/
}

.dateTextBoxWidth
{
	width: 67px;
}
/*
.checkbox_container input[type=checkbox]:focus,.checkbox_container input[type=checkbox]:hover

{
	border :solid 1px #7d98a8;
	color: #6d6d6d;
	padding:0px;
	margin:0px;
}
.checkbox_container input[type=checkbox][disabled]:hover
{
	border :solid 1px transparent;
	color: #6d6d6d;
	padding:0px;
	margin:0px;
}
*/
/* Author:Pradeep*/
/* CreatedOn:25 Feb 2010*/
/* Purpose:Show text under line with default Cursor*/
.span_textunderline_cursor {
	cursor: pointer;
	text-decoration: underline;
	font-size: 11px;
	color: #254a67;
}
.width1
{
	width: 15px;
}
.width2
{
	width: 20px;
}
#tblGrid input[type=checkbox], #tblGrid input[type=select]
{
	height: 14px;
	width: 14px;
}
.modalBackground
{
	background-color: White;
	filter: alpha(opacity=10); /* IE6  -IE7    */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE8    */
	opacity: 0.1; /* Mozilla,Opera,and others    */
	z-index: 999996;
}
.ModalBackFrame
{
	color: White;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8    */
	filter: alpha(opacity=00);
	opacity: 0;
	position: absolute;
	z-index: 98;
}

.modalPopup {
	background-color: #fff;
	border-left: 1px solid var(--grey-3);
	border-right: 1px solid var(--grey-3);
	border-bottom: 1px solid var(--grey-3);
	padding: 0px;
	z-index: 999998;
}
.DialogHeader {
	/*height: 24px;*/
	width: 100%;
	background: #254a67;
	border-top: 1px solid var(--grey-3);
	border-bottom: 1px solid var(--grey-3);
	cursor: move;
	color: #fff;
	padding: 2px 5px 5px 0px;
}
.DialogHeader img
{
	padding-top: 2px;
	/*padding-right: 3px;*/
    /*padding-left: 282px;*/
	vertical-align: middle;
	float: right;
	cursor: pointer;
    font-size:14px;
}
	.DialogHeader span {
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Bold', sans-serif;
		margin-left: 10px;
	}


.DisableAttr
{
	color: Gray;
}

.CopyRightText
{
	color: #000;
	font-size: 7pt; /*font-family: Arial,Helvetica,sans-serif;*/
}
.blue_bg
{
	background-color: #c7dcf1;
}
.table_border
{
	border: 1px solid #000000;
}
.black_txt {
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #000;
}

.grid_header_txt {
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #000;
	text-align: left;
}

.desp_txt
{
	font-size: 11px;
	color: #000;
}
.title_txt {
	font-size: 12px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #2b3d55;
	padding: 3px;
}
.white_bg
{
	background-color: transparent!important;
	border: 0px solid #000!important;
	padding: 0px;
	font-size: 11px;
	color: #000;
}
.height
{
	height: 4px;
}



.GridViewHeaderText
{
	color: Black;
	background-color: #C7DCF1;
	font-weight: normal;
	font-size: 8.25pt;
	text-align: center;
	vertical-align: middle;
	height: 20px;
}


.LabelText
{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	margin-left: 3px;
	margin-right: 0px;
}


.LabelLinkWithinGrid {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
	vertical-align: top;
}
.blue_bg
{
	background-color: #c7dcf1;
}
.table_border
{
	border: 1px solid #000000;
}
.black_txt {
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #000;
}
.desp_txt
{
	font-size: 11px;
	color: #000;
}
.title_txt {
	font-size: 12px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	color: #2b3d55;
	padding: 3px;
}
.white_bg
{
	background-color: transparent!important;
	border: 0px solid #000!important;
	padding: 0px;
	font-size: 11px;
	color: #000;
}
.height
{
	height: 4px;
}



.GridViewHeaderText
{
	color: Black;
	background-color: #C7DCF1;
	font-weight: normal;
	font-size: 8.25pt;
	text-align: center;
	vertical-align: middle;
	height: 20px;
}

.GridViewItemText
{
	padding-left: 40px;
}


.LabelText
{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	margin-left: 3px;
	margin-right: 0px;
}


.LabelLinkWithinGrid {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
	vertical-align: top;
}

/*  DFA CSS  */
.form_label_dfa
{
	/*color:#6d6d6d; */
	color: Black;
	font-size: 11px;
	padding: 0 0 0 0px;
}

/*  DFA CSS  */
.form_span_dfa
{
	/*color:#6d6d6d; */
	color: Black;
	font-size: 11px; /*padding-top: 3px;*/ /*Changed by sudhir singh On date 21/03/2012- Task#603 in Kalamzoo bugs - As this maked it shown some down to radio button*/
	padding-top: 0px;	
	float:left;
}
.form_itemspan_dfa
{
	color: Black;
	font-size: 11px;
	padding-top: 2px;
}

/* Office -> Widgets */
.WidgetsBorder
{
	/*border: thin solid #C0C0C0;*/
}

.WidgetsBackGround
{
	background-color: #ffffff;
}

/******* BOX *******/
.boxl
{
	background: url(../Includes/Images/box-left.gif) no-repeat left top;
	width: 7px;
	height: 21px;
	border: 0px;
	outline: none;
}
.boxc {
	background: url(../Includes/Images/box-mid.gif) repeat-x left top;
	height: 21px;
	border: 0px;
	outline: none;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

.boxr
{
	background: url(../Includes/Images/box-right.gif) no-repeat left top;
	width: 7px;
	height: 21px;
	border: 0px;
	outline: none;
}
.widgitsBorder
{
	border: 1px solid #000000;
	background-color: #c7dcf1;
}

.serviceTabStyle
{
	overflow: hidden;
}

/*.glow_lt{background:url(../Includes/Images/glow_btn_left.gif) left top no-repeat; width:4px; height:20px; float:left;}
.glow_rt{background:url(../Includes/Images/glow_btn_right.gif) center top no-repeat; width:4px; height:20px; float:left;}
.glow_mid input{background:url(../Includes/Images/glow_btn_mid.gif) center 0% no-repeat;border:none;float:left; color:#FFF; height:20px; font: 11px/20px Arial, Helvetica, sans-serif;}

.glow_mid input:hover{background-position: 50% -20px;}
*/



input[type="button"], input[type="submit"]
{
	outline: none;
}
.glow_lt {
	background: var(--shs-clr-8);
	display: none;
	width: 4px;
	height: 20px;
}
.glow_mid {
	background: var(--shs-clr-8);
}
	.glow_mid input {
		display: block;
		background: var(--shs-clr-8);
		border: none;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Medium', sans-serif;
		height: 20px;
		color: var(--shs-clr-8-clr);
		margin: 0;
		padding: 0 5px;
	}
		.glow_mid input:hover {
			background: var(--shs-clr-8);
			cursor: pointer;
		}

.glow_rt {
	display: none;
	background: #254a67;
	width: 4px;
	height: 20px;
}





/*.glow_lt_small{background:url(../Includes/Images/glow_btn_left.gif) left top no-repeat; width:4px; height:19px; float:left;}
.glow_rt_small{background:url(../Includes/Images/glow_btn_right.gif) center top no-repeat; width:4px; height:19px; float:left;}
.glow_mid_small input{background:url(../Includes/Images/glow_btn_mid.gif) center 0% no-repeat;border:none;float:left; color:#FFF; height:19px; font: 11px/20px Arial, Helvetica, sans-serif;}
.glow_mid_small input:hover{background:url(../Includes/Images/glow_btn_mid.gif) center 100% no-repeat;border:none;float:left; color:#FFF; height:19px; font: 11px/20px Arial, Helvetica, sans-serif;}
*/

.glow_lt_small
{
	background: url(../Includes/Images/glow_btn_left_small.gif) left top no-repeat;
	width: 4px;
	height: 17px;
	float: left;
}
.glow_rt_small
{
	background: url(../Includes/Images/glow_btn_right_small.gif) center top no-repeat;
	width: 4px;
	height: 17px;
	float: left;
}
.glow_mid_small input
{
	background: url(../Includes/Images/glow_btn_mid_small.gif) left 0% no-repeat;
	border: none;
	float: left;
	color: #FFF;
	height: 17px;
	font-size: 11px;
}
.glow_mid_small input:hover
{
	background: url(../Includes/Images/glow_btn_mid_small.gif) left 100% no-repeat;
	border: none;
	float: left;
	color: #FFF;
	font-size: 11px;
	outline: none;
}



.subSectionPadding
{
	padding-left: 20px;
}


/* Printing*/
#printable
{
	display: none;
}

.toolbarbutton img
{
	cursor: pointer;
	filter: alpha(opacity=100); /* IE6  -IE7    */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8    */
	/*opacity: 1;  Mozilla,Opera,and others    CrossBrower*/
}
.toolbarbutton img[disabled]
{
	cursor: url(../Includes/aero_unavail.cur);
	filter: alpha(opacity=20); /* IE6  -IE7    */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8    */
	/*opacity: 0.2;  Mozilla,Opera,and others    CrossBrower*/
}
.toolbarbutton div[disabled]
{
	cursor: url(../Includes/aero_unavail.cur) !important;
}
.blockmargin
{
	width: 13px;
}
/*Added by Mamta Gupta - Ref task 509 - 3.x Issues
What : Css class added.
Why : To apply css on Refresh Shared Table button in Admin tab  */
.refreshSharedtable_btn {
	background: url(../Includes/Images/EmergencyAccess.png) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
	width: 148px;
	height: 24px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	padding: 0px 0px 0px 0px;
	outline: none;
}


.clientViewunchecked_btn {
	background: url(../Includes/Images/clientview_uncheck.gif) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
	width: 148px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	padding: 0px 0px 0px 15px;
	outline: none;
}

	.clientViewunchecked_btn:hover {
		background: url(../Includes/Images/clientview_uncheck_glow.gif) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
		width: 148px;
		height: 20px;
		border: 0px;
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Bold', sans-serif;
		padding: 0px 0px 0px 15px;
		outline: none;
	}

.clientViewchecked_btn {
	background: url(../Includes/Images/clientview_check.gif) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
	width: 148px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	padding: 0px 0px 0px 15px;
	outline: none;
}

	.clientViewchecked_btn:hover {
		background: url(../Includes/Images/clientview_check_glow.gif) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
		width: 148px;
		height: 20px;
		border: 0px;
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Bold', sans-serif;
		padding: 0px 0px 0px 15px;
		outline: none;
	}
.tdheight25
{
	height: 25px;
}
.DocumentScreen 
{
	width: 845px;
	margin-left: 1px;
}
.SNDocumentScreen
{
	width: 817px;
}
.HRMDocumentScreen
{
	width: 823px;
}
.form_textareaNarrative
{
	/*background: url(../Includes/Images/content_tab_bg.gif) repeat-x left top; */
	border: 1px solid #a8bac3;
	font-size: 11px;
	color: black;
	padding: 2px;
	background-color: #fff;
}


/*aDDED CLASSES FROM HISTROY ID 47710*/
/*Added by Sumanta , for history link in address control*/
.historylink
{
	text-decoration: underline;
	cursor: pointer;
	color: Black;
}
.historylink:hover
{
	text-decoration: none;
	color: Black;
}




.glow_midGrid input
{
	background: url(../Includes/Images/glow_btn_mid.gif) center 0% no-repeat;
	border: none;
	float: left;
	color: #FFF;
	height: 20px;
	width: 73px;
	font-size: 11px;
}

.glow_midGrid input:hover
{
	background-position: 50% -20px;
}
/*Class Added by mahesh for set hte position of red line under page title*/
.pagetitleline
{
	font-size: 0px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#blanket
{
	background-color: #111;
	opacity: 0.08;
	filter: alpha(opacity=5);
	position: absolute;
	z-index: 9001;
	top: 0px;
	left: 0px;
	width: 100%;
}
#popUpDiv
{
	position: absolute;
	background-color: #eeeeee;
	width: 300px;
	height: 155px;
	z-index: 9002;
}
.ListPageMiddleTable
{
	padding-left: 7px;
	padding-right: 7px;
}

.clientEmergencyAccess_btn:hover {
	width: 148px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	padding: 0px 0px 0px 15px;
	outline: none;
}

.clientEmergencyAccess_btn {
	background: url(../Includes/Images/EmergencyAccess.png) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
	width: 148px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	padding: 0px 0px 0px 15px;
	outline: none;
}

	.clientEmergencyAccess_btn:hover {
		background: url(../Includes/Images/EmergencyAccesshover.png) repeat-x right top; /*width: 68px; Modified the width because all buttons need to have same width*/
		width: 148px;
		height: 20px;
		border: 0px;
		color: #fff;
		font-size: 11px;
		font-family: 'IBM-Plex-Sans-Bold', sans-serif;
		padding: 0px 0px 0px 15px;
		outline: none;
	}


.padding_2px
{
	padding-left: 2px;
}

.padding_4px
{
	padding-left: 4px;
}

.substanceUsemyclass td
{
	border-left: solid 1px #91a3ae;
	border-top: solid 1px #91a3ae;
}
.substanceUsenoneborder td
{
	border: none;
}
.substanceUselastrow td
{
	border-bottom: solid 1px #91a3ae;
}
.substanceUselastrow td table td
{
	border: none;
}
.substanceUselasttd
{
	border-right: solid 1px #91a3ae;
}
.ellipsis
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.divMarginTop
{
	margin-top: -10px;
}

/* Classes for the List Page Controls */
.SortUp
{
	width: 100%;
	background-image: url('../Includes/Images/ListPageUp.png' );
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: underline;
	cursor: pointer;
}
.SortDown
{
	width: 100%;
	background-image: url('../Includes/Images/ListPageDown.png' );
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: underline;
	cursor: pointer;
}
.ListPageHeader
{
	text-align: left;
	overflow: hidden;
}
.ListPageHeader table
{
	table-layout: fixed;
}
.ListPageHeader td
{
	background-image: url('../Includes/Images/list_grid_header_bg.gif' );
	background-position: left;
	background-repeat: repeat-x;
	padding: 4px 3px 5px 6px;
	border-right: solid 1px #9f9f9f;
	border-bottom: solid 1px #9f9f9f;
}
.SortLabel
{
	text-decoration: underline;
	cursor: pointer;
}
.ListPageContent
{
	overflow: auto;
	position: relative;
    /*height:calc(100vh - 202px)!important;*/
}
.ListPageContent table
{
	background-color: #fff;
	border-style: none;
	color: #000;
	cursor: default;
	table-layout: fixed;
}
.ListPageContent td
{
	border: none;
	color: #000;
	cursor: default;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	padding: 3px 1px 4px 6px;
}
.ListPageContent div.ellipsis
{
	width: 90%;
	overflow: hidden;
}
.ListPageContainer
{
	border: solid 1px #9f9f9f;
	background-color: #f2f2f2;
}
.ListPageContentNumber
{
	text-align: right;
}
.ListPageAltRow
{
	background-color: #f0f6f9;
}
.ListPageEmptyDataRow
{
	font-size: medium;
}
.ListPageHLRow:hover
{
	background-color: #d3dffb;
}
.ListPageYellowRow
{
	background-color: yellow;
}
.ListPageRedRow
{
	background-color: red;
}

.info_msg
{
	font-size: 11px;
	color: black;
}
.warning_msg
{
	font-size: 11px;
	color: #e0af1b;
}

.success_msg
{
	font-size: 11px;
	color: Green;
}

/*Added by sudhir singh remove pointer cursor from grid header in MeaningfulUseMeasure(ARRA)*/
.removePointer th
{
	cursor: default;
}

.highlighttext:hover
{
	background-color: #BA901B;
	text-decoration: none;
	color: #EAD9BB;
}
/* Classes for the Custom Popup Control */
.CustomPopup
{
	background-color: White;
    border:1px solid #d6d6d6;
    border-top:0;
	position: fixed;
	z-index: 9999;
	display: none;
    /*top:0px!important;*/
    /*left:100px!important;*/
}
.CustomPopupHeader {
	height: 24px;
	width: 100%;
	background: var(--shs-clr-8);
	cursor: move;
}
.CustomPopupImage
{
	width: 21px;
	height: 20px;
	float: right;
	margin-top: 3px;
	vertical-align: middle;
	float: right;
	cursor: pointer;
	background:transparent;
	border: none;
	background-repeat: no-repeat;
}
 .CustomPopupImage:before {
        position: absolute;
        font-family: 'Font Awesome 5 Free';
        top: 3px;
        font-size:14px;
        content: "\f410";
        color: var(--shs-clr-7-clr);
        font-weight:bold;
    }
.CustomPopupHelpImage
{
	width: 21px;
	height: 20px;
	float: right;
	margin-top: 3px;
	vertical-align: middle;
	float: right;
	cursor: pointer;
	background: transparent;
	border: none;
	background-repeat: no-repeat;
}
 .CustomPopupHelpImage:before {
        position: absolute;
        font-family: 'Font Awesome 5 Free';
        top: 3px;
        font-size:14px;
        content: "\f059";
        color: var(--shs-clr-7-clr);
        font-weight:bold;
    }
.CustomPopupTitle {
	color: #fefefe;
	font-size: 11px;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	float: left;
	margin: 5px auto auto 5px;
}
.CustomPopupContent
{
	clear: both;
}
.CustomPopupModal
{
	position: absolute;
	z-index: 9995;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f0f5f7;
	opacity: .50;
	filter: alpha(opacity = 50);
}

.NestedPagerUL li
{
	float: left;
	margin-right: 5px;
}
.tableBorderBlack
{
	border: solid 1px black;
}
.tableBorderBlackTRB
{
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}
.tableBorderBlackLRB
{
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}
.tableBorderBlackRB
{
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}
.RepeaterTable th
{
	font-size: 11px;
}

/*Added By Mamta Gupta - Ref Task No. 18 - Primary Care - Summit Pointe - For ClientActionPlan*/
.tdBorderBlack
{
	border: solid 1px Gray;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
}
.XrayHeading {
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
	font-size: 13px;
	text-align: center;
}

/*Health Maintenance*/
.tdBorderLeft
{
	border-left: solid 1px Gray;
}
.tdBorderRight
{
	border-right: solid 1px Gray;
}
.tdBorderTop
{
	border-top: solid 1px Gray;
}
.tdBorderBottom
{
	border-bottom: solid 1px Gray;
}
/*Changes end here*/

/*Changes end here*/

/***********   Added BY Rakesh-II w r t  pulling of Pcare/CLS Form 3.x thread   ***********/
.PCSDetailheader{font-weight:700;padding:0 0 5px 5px}
/*Added by Rachna Singh*/
.PCSDetailsubheader{border-right:solid 1px #000;border-left:solid 1px #000;border-top:solid 1px #000}
/*till here*/
/*.PCSDetailmain{border:solid 1px #000}*/
.PCSDetailmain{border-right:solid 1px #000;border-left:solid 1px #000;border-bottom:solid 1px #000}
.PCSDetailBodyAct{border-right:solid 1px #000;border-bottom:solid 1px #000;width:95px;padding-left:5px;text-align:left}
.PCSDetailBody div{float:left;width:17px;border-right:solid 1px #000;border-bottom:solid 1px #000;text-align:center;height:21px;overflow:hidden}
.PCSDetailBody div:first-child{float:left;width:26px;border-right:solid 1px #000;border-bottom:solid 1px #000;text-align:center;height:21px;overflow:hidden}
.PCSDetailBodyButton{width:125px;text-align:center;border-bottom:solid 1px #000}
/*Added by Rachna Singh*/
.PCSDetailBodyHeaderButton{width:142px;text-align:center;border-bottom:solid 1px #000}
/**********     Rakesh-II  code ends  here     **********/


div[toolbaritem].DisabledButtonCrossBrowser {
	pointer-events: none !important;
}
a.DisabledDocument.DisabledButtonCrossBrowser {
	pointer-events: none !important;
}
.toolbarbutton .DisabledButtonCrossBrowser {
	/*color: rgb(214, 207, 207)!important;*/ /*#888*/
	/*text-shadow: 1px 1px 0px #fff; */
	color: #7e99a9 !important;
	opacity: 0.6;
	pointer-events: none !important;
}
.toolbarbutton .DisabledButtonCrossBrowser:hover {
	background-color: unset !important;
}
.DisabledButtonCrossBrowser .CrossBrowserMaskElement
{
	display: block;
}
div[toolbaritem].DisabledButtonCrossBrowser .CrossBrowserMaskElement {
    display: none !important;
}
.DisabledImageCrossBrowser
{
 opacity: 0.2;
}
.toolbarbutton img.DisabledImageCrossBrowser
{
 opacity: 0.2;
}


input::-ms-clear { display: none; }
textarea { overflow: auto; }


.DisabledButtonCrossBrowserText {
	color: #4f4f4f !important;
}

	.DisabledButtonCrossBrowserText.fas {
		color: gray !important;
	}

/* Added 4/28/2015 by Jason Steczynski, Key Point - Customizations Task #321*/
.disable-input-text {
    background-color: rgb(231, 231, 231)
}
.ClientInformationTooltip {
    border: 1px solid #cfdae3;
    width: 300px;
    height: 80px;
}
.Widgettable {
	border-width: 1px;
	border-color: #9F9F9F;
	border-collapse: collapse;
}
.Widgettable th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #9F9F9F;
	background-color: #DBE5EB;
}
.Widgettable td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #9F9F9F;
	background-color: #ffffff;
}

/*Manikandan for Multible Dropdown Provider Pop Up*/
.web_dialog_overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101111;
    display: none;
}
.web_dialog
{
    display: none;
    position: fixed;
    width: 600px;
    height: 250px;
    top: 214px;
    left: 369px;
    background-color: #ffffff;
    border: 2px solid White;
    padding: 0px;
    z-index: 101211;
    font-size: 10pt;
}

.web_dialog_title {
	border-bottom: solid 2px White;
	background-color: White;
	padding: 4px;
	color: Black;
	font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

.justme .modal-example-header {
    border: none;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    margin-right:10px;
   
}
.modal-example-content {
    width: 600px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: 0 none;
}
.justme .modal-example-content {
    box-shadow: none;
    border: none;
}
.justme .modal-example-header {
    border: none;
}

.justme .modal-example-fotter {
    border: none;
}

.modal-example-fotter {
   
}
.modal-header {
    min-height: 8.428571429px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
    margin-top: 10px
}

.modal-example-body p {
        height: 220px;
        overflow: hidden;
    }
}
.modal-example-fotter {
    border-top: 1px solid #e5e5e5;
    padding: 5px;
    margin-bottom:20px;
}
.modal-example-body p,
.modal-example-fotter p {
    margin: 0;
    padding-left:10px;
    padding-right:10px;
    font-size:14px;
    font-weight: 500;
    line-height: 1.1;
    padding-left: 10px;
    float:left;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-example-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
}
.modal-example-body p,
.modal-example-header h4 {
    margin: 0;
    font-size:14px;
    font-weight: 500;
    line-height: 1.1;
}
.modal-example-body {
    padding: 10px;
}
.shs-clientnoteListPageContent {
width:100%!important;
}

.shs-divAuthorizationContainerMain {
width:998px;
}
.grid-stack-item-content ,.grid-stack-item{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.shs-notificationheight {
max-height: 500px;
    overflow: auto;
}
.shs-recurringRadio p {
margin:4px 0px;
}
.shs-recurringRadio p span {
position: relative;
    top: -2px;
}
#CloseButtonPopup, #RoboHelpButtonPopup {
    float: right;
}
.shs-doceffectivedate-width {
width:0px;
}
.shs-recurrencemargin {
margin-left:8px;
}
.shs-env-text {
	font-weight: 800;
	position: absolute;
	left: 117px;
	top: -2.1px;
	font-size: 10px;
	padding: 1px 5px;
	margin: 2px 0;
	border-radius: 2px;
	background: var(--shs-header-db-clr);
	color: var(--shs-application-db-txt-clr);
}
.scanning-stepper .ui-stepper {
    border-color: var(--shs-nav-bc) !important;
    box-sizing: border-box !important;
    height: 20px !important;
}
.scanning-stepper .ui-stepper-plus, .scanning-stepper .ui-stepper-minus {
    font-size: 10px !important;
}
.scanning-dialog-header {
    margin-top: 4px;
}
    .scanning-dialog-header .header-pull-right {
        float: right;
    }
.scanning-MessageBoxIcon i#MessageBoxIcon {
    width: 30px;
    font-size: 20px;
}
.shs-clientreminder-width {
width:100%!important;
}
.shs-helpicon-ctr {
    display: inline-block!important;
    font-size: 14px;
    color: var(--shs-clr-8);
}
.shs-groupservice-borderbottom {
    border-bottom: 1px solid #d6d6d6;
}
.shs-changepassword-ctr {
    width: 325px;
}
.shs-changepasswordscreenwidth {
    width: 100%;
}
.shs-confirmpasswordsuccess-icon {
    color: #1ED926;
    font-size: 14px;
    margin-left: 3px;
}
.shs-confirmpasswordalert-icon {
    color: #EE3425;
    font-size: 14px;
    margin-left: 3px;
}
.shs-roledefinition-filter {
    float: right;
    border: 1px solid var(--shs-bc);
    background: #f7f7f7;
    cursor: pointer;
    color: var(--shs-clr-8);
    padding: 5px;
    margin: 0 5px 8px 5px;
    width:10px; 
}
.shs-DivGroupServiceClientNotesContainer {
    height: calc(100vh - 255px)!important;
    overflow: auto!important;
    width: 845px;
}
.shs-DivGroupServiceClientNotesContainer div[id$="IndividualServiceNoteTabPageInstance_C0"],.shs-DivGroupServiceClientNotesContainer div[id$="IndividualServiceNoteTabPageInstance_C1"],.shs-DivGroupServiceClientNotesContainer div[id$="IndividualServiceNoteTabPageInstance_C2"] {
    width: unset!important;
    height: unset!important;
    overflow: unset!important;
}
div[id$="IndividualServiceNoteTabPageInstance_C0"],div[id$="IndividualServiceNoteTabPageInstance_C1"],div[id$="IndividualServiceNoteTabPageInstance_C2"] {
    height: calc(100vh - 252px)!important;
    overflow: auto!important;
}
.glow_mid_MAR input {
    background: var(--shs-clr-8);
    border: none;
    height: 20px;
    color: #fff;
    margin: 0;
    padding: 0 5px;
    cursor:pointer;
}
#mfTableWidget th {
    background: var(--grey-2);
    padding: 4px 3px 5px 3px;
    border: solid 1px var(--grey-3);
    text-align: left;
}
#mfTableWidget td {
    color: #000;
    cursor: default;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 3px 1px 4px 3px;
    border: solid 1px var(--grey-3);
}
.shs-attachdocwindow-ctr {
    display: block!important;
    height: 450px !important;
    overflow: auto;
}
.shs-border-none {
    border: none!important;
}
.shs-defineview-container {
height: 210px;
overflow: auto;
width:405px;
}
.shs-defineviewmargin {
margin:0px 2px;
}
.shs-programviewpadding {
padding-left:3px!important;
}
.autoExpansionFocussed:focus-visible {
left:0px!important;
}
div[id$="lvTrackingProtocols_DXHorzScrollDiv"] {
  width:100%!important;
}
.shs-signaturepage-LoadingImg img {
width:10%;
}

/* DFA Mobile Preview */
.smartphone {
	position: relative;
	width: 368px;
	height: 640px;
	margin: auto;
	border: 16px black solid;
	border-top-width: 60px;
	border-bottom-width: 60px;
	border-radius: 36px;
	margin-left: 80%;
	padding: 2% 0 2% 2%;
}

	/* The horizontal line on the top of the device */
	.smartphone:before {
		content: '';
		display: block;
		width: 60px;
		height: 5px;
		position: absolute;
		top: -30px;
		left: 50%;
		transform: translate(-50%, -50%);
		background: #333;
		border-radius: 10px;
	}

	/* The circle on the bottom of the device */
	.smartphone:after {
		content: '';
		display: block;
		width: 35px;
		height: 35px;
		position: absolute;
		left: 50%;
		bottom: -65px;
		transform: translate(-50%, -50%);
		background: #333;
		border-radius: 50%;
	}

	/* The screen (or content) of the device */
	.smartphone .smartphonecontent {
		width: 360px;
		height: 640px;
		background: white;
		overflow: scroll;
		padding: 0 2% 0 0;
	}
	
	.smartphone .smartphonecontent .container {
			border: none;
		}
	/*Setting Dynamic Height for IndividualService Note Single Tab*/
    div[id$="ServiceNoteTabPage_C1"], div[id$="ServiceNoteTabPage_C0"]{
    height: calc(100vh - 215px)!important;
}
.shs-GoToDocumentNewList-toolbarposition {
    position: absolute;
    right: 15%;
}
div[id$="CPRCNoteRadStrip"] .rtsLevel1 .rtsSelected {
	height: auto;
	box-shadow: none;
	background: none;
}
div[id$="CPRCNoteRadStrip"] .rtsLI {
	border-bottom: none;
}
div[id$="EventNoteTabPage_C1"] {
	overflow: hidden !important;
}
.shs-clientflagdiff-table {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

	.shs-clientflagdiff-table td, .shs-clientflagdiff-table th {
		border: 1px solid #ddd;
		padding: 8px;
	}

	.shs-clientflagdiff-table th {
		padding-top: 12px;
		padding-bottom: 12px;
		text-align: left;
		background-color: #f7f7f7;
		border: 1px solid #d6d6d6;
		font-weight: bold;
	}

.shs-clientflagselector-disabled {
	background: #f9f9f9;
	pointer-events: none;
}

div[id*="color_"] {
	width: 20px;
	height: 20px;
	border-radius: 3px;
	margin: 0 auto;
}

#Valueselection {
	display: flex;
	border: 1px solid #d6d6d6;
	padding: 5px 0px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

	#Valueselection label {
		padding: 2px 5px;
	}

.shs-flag-vertical-pipe {
	width: 2px;
	height: 20px;
	background: #d6d6d6;
	margin: 0 0 0 10px;
}

.shs-new-badge {
	width: 7px;
	background: #0b57d0;
	height: 7px;
	border-radius: 15px;
	color: #fff;
	font-size: 7px;
	position: relative;
	top: -20px;
	left: 40px;
}

	.shs-new-badge:hover {
		width: 20px;
		transition: width 0.3s;
		content: "New";
		padding: 2px 4px 4px 4px;
	}

		.shs-new-badge:hover:before {
			content: "New";
		}

.shs-new-badge-height {
	height: 20px;
}
/*SecurityPage Styles*/

.shs-env-text-affiliate {
	font-weight: 800;
	position: sticky;
	left: 10000px;
	font-size: 10px;
	padding: 1px 5px;
	margin: 2px 0px;
	border-radius: 2px;
	color: var(--shs-application-db-txt-clr);
}

.shs-noborder {
	border: 0 !important;
}

/* Pop-up styles for DFA Forms*/

.forms_popup_dfa {
	display: none; /* Hidden by default */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	border: 1px solid #ccc;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	width: 300px;
	text-align: center;
}

.forms_popup_dfa_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
}

.forms_popup_dfa_close_btn {
	background-color: #f44336;
	color: white;
	padding: 5px 10px;
	border: none;
	cursor: pointer;
	margin-top: 10px;
}

.forms_popup_dfa_close_btn:hover {
	background-color: #d32f2f;
}

.forms_popup_td {
	border-right: 1px solid var(--grey-3);
	border-bottom: 1px solid var(--grey-3);
}

.forms_popup_td1 {
	font-size: 14px;
	color: #000;
	padding: 4px 7px 4px 7px;
	font-family: 'IBM-Plex-Sans-Medium', sans-serif;
	line-height: 18px;
}

.forms_popup_td2 {
	background: #ffffff;
	border-top: 1.5px solid #254A67;
	border-left: 0px;
	border-right: 0px;
	background-size: 100% 1px, 100% 0px;
	background-repeat: no-repeat;
}

.forms_popup_table {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
