body {
	margin-top: 0px;
}
legend, h2, h3, h4, h5 {
    color: rgb(103, 30, 117);
}
#site-announcements h2 { color: rgb(103, 30, 117); }

.container {
	background-color: white;
}

a, .ui-widget-content a, .nav-link { color: rgb(103, 30, 117); }
a:hover, a:active, .ui-widget-content a:hover, .ui-widget-content a:active { color: rgb(103, 30, 117); }
a:focus { color: rgb(103, 30, 117); }

a:not([href]):not([class]), a:not([href]):not([class]):hover, a:not([href]):not([class]):focus {
	color: rgb(103, 30, 117);
}

.ui-widget-content a.btn-primary, .ui-widget-content button.btn-primary, .ui-widget-content input.btn-primary { color: rgb(103, 30, 117); }

#header { margin-bottom: 0px; }
#header-banner { height: 130px; background-color: white;}
#header-logo { padding: 0 10px; }
#header-logo > a > img { width: 240px;}     /*height: 70px;*/

.appInfoHeader {
    padding-top: 12px;
}
.edge-logo { text-align: right; padding-bottom: 4px; }
.edge-logo img { width: auto; height: 45px; }

.header-login { border-bottom: 0; text-align: right; margin-top: 6px; }
.btn.btn-sukoonLink { color: white; background-color: #FF5E00; border-color: #FF5E00; margin-left: 6px; background-image: none; text-shadow: none; }

.header-login .btn-link { text-transform: none; font-size: 12px; color: rgb(255, 94, 0); text-shadow: none; font-weight: bold; padding: 2px 10px 0 3px; }
.header-login .btn-link.active, 
.header-login .btn-link:hover { color: rgb(255, 94, 0); background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } 


.icon-login-nav {
	vertical-align: middle;
}

#header-box {
	margin-top: 10px;
}
.namebanner { 
	color: #888;
	text-shadow: none; 
	background-image: none;
	text-align: left;
	padding-left: 2px;
	line-height: 1.2em;
}
.pwdAlert {
    width: 100%;
    font-size: 11px;
    padding: 2px 10px;
    text-align: left;
    margin: 0;
    margin-top: 6px;
}
.pwdAlert a {
    font-weight: bold;
}
.pwdAlert .faIcon-md {
    vertical-align: middle;
    font-size: 14px;
}
.pwdAlertLink {
    margin-left: 8px;
}

#main_menu { margin: 0 -5px; }

.nav-pills > li.active > a {
	background-color: #EFEFEF;
	color: rgb(103, 30, 117);
}
.nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #EFEFEF;
	color: rgb(103, 30, 117);
}

#main_menu .nav-pills {
	background-color: rgb(207, 189, 214);
	background-image: none;
	filter: none;
	padding: 0;
	border-bottom: 3px solid rgb(103, 30, 117);
}

#main_menu .nav-pills > li > a { padding: 10px 25px; color: rgb(103, 30, 117); text-shadow: 0 0 0 rgba(0, 0, 0, 0); text-transform: none; font-size: 1.1em; }

#main_menu .nav-pills > li.active > a, 
#main_menu .nav-pills > li.active > a:hover, 
#main_menu .nav-pills li > a:hover {
	background-color: rgb(103, 30, 117);
	color: white;
	background-image: none;
	filter: none;
}
#main_menu li.search {
	height: 34px;
}
#main_menu .nav-pills > li.search > a {
    padding: 10px 2px;
    margin-right: 9px;
}
#main_menu .nav-pills li.search a {
    color: rgb(103, 30, 117);
}
#main_menu .nav-pills li.search #globalSearchForm a {
    color: #333;
}


#tabs .nav-pills > li > a {
	background-color: rgb(207, 189, 214);
	color: rgb(103, 30, 117); 
}
#tabs .nav-pills > li.active > a,
#tabs .nav-pills > li.active > a:hover,
#tabs .nav-pills > li > a:hover, 
#tabs .nav-pills > li > a:focus {
	background-color: rgb(103, 30, 117);
	color: white;
}

/** nav-tabs **/
.nav-tabs {
    border-bottom: 2px solid rgb(255, 94, 0);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
    color: rgb(255, 94, 0);
    border: 2px solid rgb(255, 94, 0) !important;
    border-bottom-color: transparent !important;
}
/** end of nav-tabs **/

ul.wizard > li.active {
	color: rgb(103, 30, 117);
}
.breadcrumb > li {
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
div.hsection {
	color: rgb(103, 30, 117);
}
div.hsection.inactive { color: rgb(204, 182, 212); }

.btn-primary {
	background-color: rgb(207, 189, 214);
	color: rgb(103, 30, 117);
	border: 1px solid rgb(103, 30, 117);
}

.btn-primary .whiteIcon,
.btn-primary .text-white {
	color: rgb(103, 30, 117) !important;
}

.btn-primary:is(:hover, :active, :focus ) .whiteIcon,
.btn-primary:is(:hover, :active, :focus ) .text-white {
	color: white !important;
}

.btn-primary:focus {
	color: white;
	background-color: rgb(103, 30, 117);
	border: 1px solid rgb(103, 30, 117);
}
.btn-primary:hover, .btn-primary:active {
	background-color: rgb(103, 30, 117);
}
.btn-link, .btn-link:focus {
    color: rgb(103, 30, 117);
}
.btn-link:hover, .btn-link:active {
    color: rgb(103, 30, 117);
}

.ui-dialog {
	border: 2px solid #757477;
}
div.ui-widget-header {
	background: 0;
	background: rgb(103, 30, 117);
}
DIV.t-data-grid-pager SPAN.current {
	background-color: rgb(103, 30, 117);
	color: white;
}

/* Tables */
div.t-data-grid { font-family: "Helvetica Neue", Helvetica, Arial; }

div.t-data-grid table thead th {
	background-image: -moz-linear-gradient(top, #997fa3,rgb(103, 30, 117));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#997fa3),to(rgb(103, 30, 117)));
	background-image: -webkit-linear-gradient(top,#997fa3,rgb(103, 30, 117));
	background-image: -o-linear-gradient(top,#997fa3,rgb(103, 30, 117));
	background-image: linear-gradient(to bottom,#997fa3,rgb(103, 30, 117));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#997fa3',endColorstr='rgb(103, 30, 117)',GradientType=0);
} 

div.t-data-grid table.lightheader thead th {
    background-color: rgb(207, 189, 214);
    background-image: inherit;
    color: rgb(103, 30, 117);
}

table.widget thead th {
    background-color: rgb(207, 189, 214);
    background-image: inherit;
    color: rgb(103, 30, 117);
}
table.widget thead td { /* same data-grid th */
	background-image: -moz-linear-gradient(top, #997fa3,rgb(103, 30, 117));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#997fa3),to(rgb(103, 30, 117)));
	background-image: -webkit-linear-gradient(top,#997fa3,rgb(103, 30, 117));
	background-image: -o-linear-gradient(top,#997fa3,rgb(103, 30, 117));
	background-image: linear-gradient(to bottom,#997fa3,rgb(103, 30, 117));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#997fa3',endColorstr='rgb(103, 30, 117)',GradientType=0);
}
table.widget tr.total td {
	background-color: #EFEFEF;
}

div.t-data-grid table thead th, .table tr[data-inplace-grid-links] th, .table.sortable th, .table.table-striped.table-bordered th, .table .common-grid-header th, .table.table-striped th {
	color: white;
	background-image: -moz-linear-gradient(top, #997fa3,rgb(103, 30, 117));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#997fa3),to(rgb(103, 30, 117)));
	background-image: -webkit-linear-gradient(top,#997fa3,rgb(103, 30, 117));
	background-image: -o-linear-gradient(top,#997fa3,rgb(103, 30, 117));
	background-image: linear-gradient(to bottom,#997fa3,rgb(103, 30, 117));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#997fa3',endColorstr='rgb(103, 30, 117)',GradientType=0);
}

.acctTransSubTab th {
     background-image: none !important;
}

#payrolls th,
.search-employee-results th {
    color: white;
    background-image: linear-gradient(to bottom,#997fa3,rgb(103, 30, 117)) !important;
}

#payrolls th table {
    background-color: transparent;
}

#payrolls th th {
    background-color: transparent;
    background-image: none !important;
}

footer, div.footersection {
	font-size: 11px;
	background-image: none;
	filter: none;
	background-color: #FFFFFF;
	border-top: 1px solid rgb(103, 30, 117);
}
.copyrights { width: 99%; float:left; color:#000000; }
.footerlinks .disclaimerlink { display: none; }
.footerlinks .privacylink { display: none; }
.footerlinks .disclaimerlink.afterlogin { display: block; }
.footerlinks a { text-decoration: none; }
.alt-lang-fields, .alt-lang-fields-cb { display: none; }

.pieAssetClass { display: none; }
.chartPieChart { display: none; }

.pdf-page {
    margin-bottom: 30px;
}

.illusMain {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin: 25px 0 10px 0;
}
.illusTitle {
    background-color: rgb(103, 30, 117);
    text-align: center;
    color: white;
    padding: 2px;
    margin-bottom: 10px;
    font-weight: bold;
}
.illusBox {
	border: 1px solid #CCC;
}
.illusBoxTitle {
	border-bottom: 1px solid #CCC;
	color: rgb(103, 30, 117);
	background-color: #EFEFEF;
	font-weight: bold;
	text-align: center;
}
.illusBoxContent {
	padding: 5px 10px;
}
.illusBoxTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
}
.illusBoxTab td {
	padding: 1px;
}
.illusBoxTab td:nth-child(even) {
	font-weight: bold;
	text-align: right;
}
.illus .infoSection {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.illusDetailsTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-bottom: 1px solid black;
}
.illusDetailsTab th {
	padding: 1px;
	vertical-align: top;
	font-size: 0.75em;
	line-height: 1.2em;
	border-bottom: 1px solid black;
	text-align: right;
}
.illusDetailsTab td {
	padding: 1px 2px;
	font-size: 0.85em;
	text-align: right;
}
.illusDetailsTab tr:nth-child(even) {
	background-color: rgb(207, 189, 214);
}
.illusFooterTab {
	font-size: 0.75em;
	font-style: italic;
}
.illusMatTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-bottom: 1px solid black;
}
.illusMatTab td {
	padding: 2px 2px;
	text-align: center;
	font-weight: bold;
}
.noMargin {
	margin: 0;
}
.illusP {
	margin-bottom: 7px;
}
.clearfix-PDF {
	margin-bottom: 15px;
	height: 1%;
	font-size: 1px;
}
.illus .reqTitle {
	margin-top: 5px;
	border-bottom: 1px solid rgb(103, 30, 117);
	color: rgb(103, 30, 117);
	font-weight: bold;
	padding: 1px 0;
	margin-bottom: 5px;
}
.illus .reqTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
}
.illus .reqTab td {
	padding: 1px 1px;
}
.illus .reqTab td.even {
	font-weight: bold;
	text-align: right;
}
.illus .policyTab, .illus .policyTabAr {
	width: 99%;
	table-layout: fixed;
	border-top: 1px solid #CCC;
}
.illus .policyTab td, .illus .policyTabAr td {
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
}
.illus .policyTab td:nth-child(odd), .illus .policyTabAr td:nth-child(even) {
	font-weight: bold;
}
.med-grid-badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;
  color: #fff;
  background-color: #0d6efd;
}

/** Styles for Receipt Voucher **/
.voucherOption {
	padding-bottom: 15px;
}
.voucherButton {
	width: 130px;
}

.paymentOptionTitle {
	font-weight: bold;
	font-size: 1.1em;
}

/*** Styles for Payment Voucher***/
.receiptTitle {
	font-weight: bold;
	font-size: 1.1em;
}
.offSection {
	padding: 25px 0;
}
.signSection {
	width: 300px;
}
.signHead {
	margin-bottom: 10px;
}
.signImg {
	width: 250px;
	height: auto;
	padding: 5px;
}
.signField {
	border-top: 1px solid black;
	text-align: center;
	padding: 3px 0;
}
.voucherButtons {
	margin-top: 15px;
}
.bordered {
	border-bottom: 1px solid #EFEFEF;
	padding: 2px 0;
	margin-bottom: 2px;
}
.bold {
	font-weight: bold;
}
@media print {
	.doNotPrint, .header-login, #header-box, #main_menu, #tabs, .footertext, .footerlinks { display: none; }
	.col-6 {
	    width: 49%;
	    float: left;
		min-height: 1px;
		margin-left: 2%;
	}
	.col-6:first-child {
    	margin-left: 0px;
	}
}
/*** End of Styles for Payment Voucher***/



.cmsMarketingMenu {
    border-right: 1px solid rgb(103, 30, 117);
}
.cmsMarketingMenu .filterEmptyClass a, .cmsMarketingMenu .cmsMarketingMenuActive a {
    border: 1px solid rgb(103, 30, 117);
    border-right: 1px solid white;
}



/* Upload reports */

.currentReportUploads .uploadArea {
     border-radius: 5px;
}

.currentReportUploads .uploadArea b {
    color: rgb(103, 30, 117);
}

.currentReportUploads a.qq-upload-button::before {
    color: rgb(103, 30, 117);
}
/* End of Upload reports */


/* Pager */

.t-data-grid .t-data-grid-pager a,
.t-data-grid .t-data-grid-pager .current {
    color: rgb(103, 30, 117);
    border-color: rgb(207, 189, 214);
    border-radius: 3px;
}

.t-data-grid .t-data-grid-pager .current {
    color: rgb(207, 189, 214);
    border-color: rgb(103, 30, 117);
}

.t-data-grid .t-data-grid-pager a:hover {
     border-color: rgb(103, 30, 117);
 }

.t-data-grid table {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}


/*** ***/
.appStepBox {
	padding: 15px;
}
.appStepBoxLast {
	padding: 0 15px 15px 15px;
	position: absolute;
	bottom: 0;
}
.appStepBoxLast .btn {
    margin: 0 3px 3px 0;
    font-size: 0.9em;
}
.appStepBoxTitle {
    color: rgb(103, 30, 117);
}
.appStepBoxElement {
	margin-top: 5px;
}
.contrElement {
	height: 100px;
}
.appStepBoxElement > .element1 {
	font-size: 0.9em;
	color: #7a7a7a;
}
.appStepBoxElement > .element2 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 3px;
}
.appStepBoxFooter {
	margin-top: 20px;
}

/* entire container */
.app-container {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
	box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
	background-color: white;
	height: 100%;
}
.app-container, .front {
	position: relative;
}
.appStepsFront {
	height: 340px;
	background-color: white;
}
.appInfoFront {
	height: 100%;
	background-color: white;
}
.appPaymentFront {
	height: 260px;
	background-color: white;
}

.appStepFF_true {
    font-size: 4em;
    color: rgb(103, 30, 117);
    padding-top: 110px;
}
.appStepFF_false {
    font-size: 4em;
    color: #CCC;
    padding-top: 110px;
}
.appIconStatusDiv {
    float: left;
}
.appIconStatus {
    font-size: 1.1em;
    font-weight: normal;
    vertical-align: top;
    padding-top: 0px;
    color: #4BB543;
}
.appIconStatusOff {
    font-size: 0.9em;
    font-weight: normal;
    vertical-align: top;
    padding-top: 3px;
    color: #575656;
}
.appStatusDiv {
    margin-left: 16px;
    line-height: 1.3em;
}

.appIconPending {
    font-size: 1.1em;
    font-weight: normal;
    vertical-align: top;
    padding-top: 0px;
    color: #FFCC00;
}
.pendingAlert {
    font-size: 0.9em;
    font-style: italic;
}
.tagPendingAlert {
    font-size: 0.9em;
    font-style: italic;
    margin-left: 5px;
}

.txtDisabled {
    color: #888 !important;
    font-weight: normal;
}

.appProcessContainer, .appPaymentContainer {
    min-width: 815px;
}


[class^="imsicon-"],
[class*=" imsicon-"] {
  background-image: url("/ims/assets/ctx/8a92f244/images_oic/imsicons.png");
}
.remove-icon,.reorder-icon,.download-icon,.upload-icon,.play-icon,.refresh-icon,.virus-icon,.download-wait-icon, .splitter-icon {
	background: url("/ims/assets/ctx/8a92f244/images_oic/imsicons.png") no-repeat;
}





/** Dark and Light Branding colors **/
.darkBrandingColor {
    color: rgb(103, 30, 117) !important; /** purple **/
}

.lightBrandingColor {
    color: rgb(204, 182, 212) !important; /** light purple **/
}

.darkBrandingBGColor {
    background-color: rgb(103, 30, 117) !important; /** purple **/
}

.lightBrandingBGColor {
    background-color: rgb(204, 182, 212) !important; /** light purple **/
}

.darkBrandingBColor {
    border-color: rgb(103, 30, 117) !important; /** purple **/
}

.lightBrandingBColor {
    border-color: rgb(204, 182, 212) !important; /** light purple **/
}

/* follow workflow switch on search - branding colors (dark) */
.followWorkflowSw .react-toggle--checked .react-toggle-track {
  background-color: #757477 !important;
}
.followWorkflowSw .react-toggle--checked .react-toggle-thumb {
  border-color: #757477 !important;
}
.followWorkflowSw .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #757477 !important;
}

/** KDF **/

.kfdHeaderTitle {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
}
.kfdHeaderSubTitle {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding-top: 4px;
	color: rgb(103, 30, 117);
}
.kfdSectionTitle {
	font-size: 13pt;
	font-weight: bold;
	text-align: left;
	color: rgb(103, 30, 117);
	margin-bottom: 10px;
	page-break-after: avoid;
}
.kfdSectionTitleRTL {
	font-size: 13pt;
	font-weight: bold;
	color: rgb(103, 30, 117);
	margin-bottom: 10px;
	page-break-after: avoid;
	direction: rtl;
    font-family: "DroidNaskh";
    text-align: right;
}
.kfdSectionSubTitle {
	font-size: 11pt;
	color: rgb(103, 30, 117);
	page-break-after: avoid;
	margin-bottom: 6px;
	margin-top: 10px;
}
.ascanaKfdSectionSubTitle {
	font-size: 11pt;
	color: rgb(255, 94, 0);
	page-break-after: avoid;
	margin-bottom: 6px;
	margin-top: 10px;
}
.ascanaKfdSectionSubTitleRTL {
	font-size: 11pt;
	color: rgb(255, 94, 0);
	page-break-after: avoid;
	margin-bottom: 6px;
	margin-top: 10px;
	direction: rtl;
}
.ascanaKfdSectionSubTitleHighlighted {
    font-size: 13pt;
    font-weight: bold;
    text-align: left;
    color: rgb(103, 30, 117);
    margin-bottom: 10px;
    page-break-after: avoid;
    color: red;
}
.ascanaKfdSectionSubTitleHighlightedRTL {
   font-size: 13pt;
   font-weight: bold;
   text-align: left;
   color: rgb(103, 30, 117);
   margin-bottom: 10px;
   page-break-after: avoid;
   color: red;
   direction: rtl;
   text-align: right;
}
.kfdTableTxt {
    font-size: 11pt;
    page-break-after: avoid;
    margin-bottom: 6px;
    line-height: 1.2em;
    color: #333;
}
.kfdTableTxtRTL {
    font-size: 11pt;
    page-break-after: avoid;
    margin-bottom: 6px;
    line-height: 1.2em;
    color: #333;
    direction: rtl;
}
.kfdRedAlert {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 10pt;
}
.kfdIntroTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-top: 1px solid rgb(103, 30, 117);
	border-left: 1px solid rgb(103, 30, 117);
}
.kfdIntroTab tr {
    page-break-inside: avoid;
}
.kfdIntroTab td {
	padding: 5px;
	font-size: 10pt;
	vertical-align: top;
	border-bottom: 1px solid rgb(103, 30, 117);
    border-right: 1px solid rgb(103, 30, 117);
    color: #333;
}
.kfdIntroTab td:first-child {
	background-color: rgb(103, 30, 117);
	color: white;
	border-bottom: 1px solid white;
}
.kfdIntroTab tr:last-child td:first-child {
	border-bottom: 1px solid rgb(103, 30, 117);
}
.kfdIntroTabRTL {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-top: 1px solid rgb(103, 30, 117);
	border-left: 1px solid rgb(103, 30, 117);
}
.kfdIntroTabRTL tr {
    page-break-inside: avoid;
}
.kfdIntroTabRTL td {
	padding: 5px;
	font-size: 10pt;
	vertical-align: top;
	border-bottom: 1px solid rgb(103, 30, 117);
    border-right: 1px solid rgb(103, 30, 117);
    color: #333;
    direction: rtl;
    font-family: "DroidNaskh";
}
.kfdIntroTabRTL td:last-child {
	background-color: rgb(103, 30, 117);
	color: white;
	border-bottom: 1px solid white;
}
.kfdIntroTabRTL td ul {
	padding-right: 20px;
}
.kfdIntroTabRTL tr:last-child td:first-child {
	border-bottom: 1px solid rgb(103, 30, 117);
}
.kfdTabNote {
    font-size: 9pt;
    margin-top: 8px;
    font-style: italic;
    color: #333;
}
.kfdTabNoteRTL {
    direction: rtl;
    text-align: right;
}
.kfdDataTab, .kfdDataTabRTL {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-top: 1px solid rgb(103, 30, 117);
	border-left: 1px solid rgb(103, 30, 117);
	-fs-table-paginate: paginate;
}
.kfdDataTab tr,.kfdDataTab tr {
    page-break-inside: avoid;
}
.kfdDataTab th, .kfdDataTabRTL th {
	padding: 5px;
	font-size: 10pt;
	vertical-align: top;
	background-color: rgb(103, 30, 117);
    color: white;
	border-bottom: 1px solid rgb(103, 30, 117);
    border-right: 1px solid rgb(103, 30, 117);
}
.kfdDataTab td, .kfdDataTabRTL td {
	padding: 5px;
	font-size: 10pt;
	vertical-align: top;
	border-bottom: 1px solid rgb(103, 30, 117);
    border-right: 1px solid rgb(103, 30, 117);
    text-align: center;
    color: #333;
}
.kfdDataTabRTL th, .kfdDataTabRTL td {
    font-family: "DroidNaskh";
    direction: rtl;
}
.kfdEmptySign {
    height: 60px;
}
.kfdList {
    margin-top: 4px;
    margin-bottom: 6px;
}
.kfdList li {
    margin-bottom: 3px;
}

.tplg .docTitleBlock {
	margin-bottom: 0.3in;
	padding: 0.5in 0.5in 0.3in;
	background-color: #692379;
}

.tplg .docTitleBlock .docTitle {
	margin-bottom: 0.08in;
	padding: 0.01in 0.05in;
	display: inline-block;
	color: #692379;
	font-size: 55pt;
	font-weight: normal;
	background-color: #fd5f04;
}

.tplg .docTitleBlock .docSubHeading {
	margin-bottom: 0.08in;
	padding: 0.01in 0.05in;
	display: inline-block;
	color: #692379;
	font-size: 35pt;
	font-weight: normal;
	background-color: #fd5f04;
}

.tplg .docTitleBlock .docSubTitle {
	margin-top: 0.15in;
	color: white;
	font-size: 25pt;
	font-weight: normal;
}

.arabicFirst.tplg .docTitleBlock {
	direction: rtl;
	font-family: "DroidNaskh";
}

/* pagination */
.pagination .active a {
    background-color: #956ea3 !important;
    border-color: #956ea3 !important;
}

/* Employer portal */
.border-left-primary {
    border-left: 0.25rem solid rgb(103, 30, 117) !important;
}

.infoCard .endContent [type="submit"] + i,
.btn-portalSave::before {
    color: rgb(103, 30, 117);
}

.infoCard .endContent [type="submit"]:hover + i,
.btn-portalSave:hover::before {
    color: white;
}

/* Switch to area */
.switchToButtons {
    padding: 4px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    background-color: #f3f3f3;
    border-radius: 4px;
    white-space: nowrap;
}

.switchToButtons div {
    padding: 3px 5px;
    display: inline-block;
    color: #999;
}

.switchToButtons .viewingMarker {
    margin-right: 4px;
    color: #666;
    font-weight: bold;
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 0 4px rgb(0, 0, 0, .1);
}

.switchToButtons .btn.btn-link {
    padding: 0;
    font-size: 1em;
    line-height: normal;
    vertical-align: baseline;
}

/* Arabic */
.arabicText {
	direction: rtl;
}

/* Responsive */
@media (max-width: 767px) {
    #header-banner {
        height: auto;
    }
    .header-login {
        margin-top: 15px;
    }
}


/* Takaful Savings and Life Protect */

.takafulKFD {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
}

.takafulKFD .arabicText a {
	font-family: Helvetica, Arial, sans-serif;
	line-height: normal;
}

.takafulHeader {
	margin-bottom: 3mm;
	padding: 2.5pt 5.5pt;
	display: inline-block;
	color: white;
	font-size: 17pt;
	line-height: 1;
	text-transform: uppercase;
	background-color: #fd5f04;
}

.arabicText .takafulHeader {
	padding: 0 5.5pt;
	font-size: 17pt;
	line-height: normal;
}

.takafulTitle {
	margin-bottom: 5mm;
	color: #692379;
	font-size: 15pt;
	text-transform: uppercase;
}

.takafulSectionTitle {
	color: #692379;
	font-size: 13pt;
}

.takafulSubtitle {
	color: #fd5f04;
	font-size: 12pt;
}

.arabicText ul.takafulTxt,
.arabicText ol.takafulTxt {
	text-align: right;
}

.arabicText ul.takafulTxt li,
.arabicText ol.takafulTxt li {

	text-align: right;
}

.kfdDataTab th,
.kfdDataTabRTL th {
	font-weight: normal;
	background-color: #692379;
	border-bottom: #692379;
	border-right: #692379;
	text-align: center;
}

.colorRed {
	color: red;
}

.declarationFieldLine {
	display: inline-block;
	border-bottom: 0.5px solid black;
}

.takafulKFD .moreInfoText .takafulSectionTitle {
	font-size: 16.5pt;
	font-weight: bold;
}

.takafulKFD .moreInfoText .takafulTxt {
	color: #616161;
	font-size: 11pt;
}

.takafulKFD .moreInfoText .arabicText .takafulTxt {
	font-size: 9.5pt;
	text-align: right;
}

.kdfIllnessTab th,
.kdfIllnessTab td {
	text-align: left;
}

.kfdDataTabRTL.kdfIllnessTab th,
.kfdDataTabRTL.kdfIllnessTab td {
	text-align: right;
}


/* PMP */
.pmpContentTable {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	-fs-table-paginate: paginate;
}
.pmpContentTable tr {
    page-break-inside: avoid;
}
.pmpContentTable td {
	padding: 8px 5px;
	font-size: 11px;
	vertical-align: top;
}
.pmpContentTable td.arabicCell {
    direction: rtl;
    font-family: "DroidNaskh";
    text-align: right;
}
.pmpContentTable td.arabicCell div {
    text-align: right;
}

.pmpHeaderSubTitle {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding-top: 4px;
	color: #915EA3;
	page-break-after: avoid;
	margin-bottom: 6px;
}
.pmpSectionTitle {
	font-size: 13pt;
	font-weight: bold;
	text-align: left;
	color: #915EA3;
	page-break-after: avoid;
	margin-bottom: 12px;
}
ul.pmpList {
    padding-left: 18px;
    padding-right: 18px;
}
ul.pmpList li {
    margin-bottom: 4px;
    line-height: 13px;
}

/** Responsive **/
@media (max-width: 768px) {
    #header-logo {
        margin-bottom: 20px;
    }

    #main_menu .nav-pills {
        text-align: center;
    }

    .nav-tabs>li, .nav-pills>li a {
        display: inline-block;
    }
    #wrapMenu {
        background-color: #cfbdd6;
    }
    #wrapMenu #main_menu{
        background-color: #cfbdd6;
    }
    #wrapMenu label i {
        color: #682a76;
    }
}