/* variable colors */
:root {
	--light-gray: #e9ecef;
	--medium-gray: #c5c5c5;
	--white: #ffffff;
	--abc-green: #66ab28;
	--abc-dark-green: #124f31;
	--abc-button: #238d5a;
	--abc-text: #196b43;
	/* --abc-title: 'Rajdhani'; */
	/* --abc-title: 'Oxanium'; */
	--abc-title: 'Exo';
	--abc-light-blue: #1ca3b6;
}
html,
body {
	background-color: #ececec;
	font-family: 'Lato';
	box-sizing: border-box;

	/* font-family: 'Montserrat', sans-serif; */
}

main {
	/* min-height: 100%; */
	min-height: 100vh;
}
Footer.sys-footer {
	position: sticky !important;
	bottom: 0 !important;
	z-index: 50;
}

.abc-title-header {
	font-family: var(--abc-title);
	font-weight: 400;
}
.font-weight-regular {
	font-weight: 500;
}

.text-abc-green {
	color: #238d5a !important;
}

.btn-abc-green {
	background-color: var(--abc-button);
	/* font-weight: bold; */
}
.btn-abc-outline-green {
	border-color: var(--abc-button);
	border-width: 1.5px;
	color: var(--abc-button);
	/* font-weight: bold; */
}
.btn-abc-outline-green:hover {
	background-color: var(--abc-button);
	border-width: 1.5px;
	color: white;
	/* font-weight: bold; */
}

.btn-abc-green:hover:enabled {
	background-color: #145837 !important;
	color: white;
}

.bg-abc-green {
	background-color: var(--abc-green);
	color: white;
}
.bg-abc-dark-green {
	background-color: var(--abc-dark-green);
	color: white;
}
.btn-abc-ligth-blue {
	background-color: var(--abc-light-blue);
	color: white;
}
.btn-abc-outline-ligth-blue {
	border-color: var(--abc-light-blue);
	border-width: 1.5px;
	color: var(--abc-light-blue);
}
.btn-abc-outline-ligth-blue:hover {
	background-color: var(--abc-light-blue);
	border-width: 1.5px;
	color: white;
}

.admin-module-container {
	padding: 5rem 2rem !important;
}

a {
	color: black;
}
.bg-light-gray {
	background-color: var(--light-gray);
}
.bg-medium-gray {
	background-color: var(--medium-gray);
}

.modal {
	overflow-y: auto;
}

.alert {
	margin-bottom: 1px;
	height: 30px;
	line-height: 30px;
	padding: 0px 15px;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
}

.redbg {
	background-color: #d00149;
	margin: auto;
}

.blackbg {
	background-color: black;
	margin: auto;
}

.darkgraybg {
	background-color: lightgray;
	margin: auto;
}

.bizsol {
	font-size: 0.75rem;
	color: white;
}

.bizsoldark {
	font-size: 0.75rem;
	color: black;
}

.smallcaps {
	font-variant: small-caps;
}

.cardSize {
	height: 10rem;
	width: 18rem;
}

.tbbgcolor {
	background-color: #e9ecef;
}

.footerfont {
	font-size: 0.7rem;
	color: gray;
}

.nameFont {
	font-size: 1rem;
	font-weight: bold;
}

.CIDFont {
	font-size: 0.8rem;
	font-weight: bold;
	color: darkred;
}

.acctNoFont {
	font-size: 0.7rem;
	font-weight: bold;
	color: darkgreen;
}

.balCaptionFont {
	font-size: 0.7rem;
	color: darkred;
	font-weight: bold;
}

.loyaltyCaptionFont {
	font-size: 0.7rem;
	color: darkgreen;
	font-weight: bold;
}

.asOfFont {
	font-size: 0.6rem;
	color: gray;
	font-style: italic;
}

.balanceFont {
	font-size: 1.1rem;
	font-weight: bold;
	color: darkgreen;
}

.loyaltyFont {
	font-size: 0.9rem;
	font-weight: bold;
	color: gray;
}

thead > tr.oddRow {
	background-color: #929292 !important;
}

.trackingOddRow {
	background-color: #bae1ff;
}

.evenRow {
	background-color: #fbece7;
}

.tableHeader {
	font-weight: bold;
	font-size: 0.9em;
}

.tableData {
	font-size: 0.7em;
}
.tableData.even:hover {
	background: none !important;
}

.filterOptions {
	font-weight: bold;
	font-size: 0.85rem;
	color: darkgray;
	border: none;
	font-variant: small-caps;
	background-color: #e9ecef;
}

.dtpFont {
	font-size: 0.7rem;
	font-weight: bold;
	border: none;
	background-color: #e9ecef;
}

.uldBorder {
	border-top: solid 1px lightgray;
	border-left: solid 1px lightgray;
	border-bottom: solid 1px lightgray;
}

.urdBorder {
	border-top: solid 1px lightgray;
	border-right: solid 1px lightgray;
	border-bottom: solid 1px lightgray;
}

select {
	border-width: 1px;
	border-color: lightgray;
}

.generalText {
	font-size: 0.75rem;
	color: black;
}

.faqHeader {
	font-size: 0.85rem;
	color: black;
}

.faqText {
	font-size: 0.7rem;
	/* color: black; */
}

.wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
}

.side-left {
	background-color: white;
}

#sidebar-left {
	position: sticky;
	left: 0;
	top: 50px;
	background-color: white;
}

#sidebar-right {
	position: initial;
	min-height: 100vh;
	background-color: white;
}

#sidebar.active {
	margin-left: -250px;
}

.sidebarButtons {
	color: inherit;
}

.grayText {
	color: #707070;
}

.sidebarHeader {
	background-color: #ececec;
}

.segmentHeader {
	font-size: 1rem;
	color: black;
	font-weight: bold;
}

.segmentBackground {
	background-color: white;
}

.errorMsg {
	color: red;
	font-size: 0.7rem;
	font-weight: bold;
}

.linkText {
	font-size: 0.6rem;
	color: black;
}

.controlEnabled {
	color: green;
}

.controlDisabled {
	color: red;
}

.controlGray {
	color: gray;
}

.pageHeader {
	font-size: 1.5rem;
	font-weight: bold;
	color: maroon;
}

.hidden {
	display: none;
}

.shown {
	display: block;
}

tr.skuHeader {
	cursor: pointer;
}

.noHeight {
	height: 0;
}

.btnlinkFont {
	color: maroon;
	font-size: 0.55rem;
}

.dashNumbers {
	font-size: 1.1rem;
	font-weight: bold;
}

.dashBranchName {
	font-size: 0.9rem;
	font-weight: bold;
}
.pointer {
	cursor: pointer;
}

.forecastItem {
	cursor: pointer;
}

.activeitem {
	background-color: gainsboro;
}

.table-responsive {
	max-height: 400px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type='number'] {
	-moz-appearance: textfield; /* Firefox */
}

.mask {
	display: inline-block;
}

.dataloading {
	display: block;
	width: 100%;
	height: 100%;
	position: relative; /*required for z-index*/
	z-index: 1000; /*puts on top of everything*/
	background-image: url('../images/loadingdata.gif');
}

.hiddenitem {
	color: #bababa;
}

fieldset.group-border {
	border: 1px groove !important;
	padding: 3px 3px 3px 3px !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}

legend.group-border {
	color: var(--abc-text);
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
	width: auto;
	padding: 0 10px;
	border-bottom: none;
}

.modal {
	overflow-y: auto;
}

.input-peso-sign {
	background-color: transparent;
	/* height: auto; */
	/* font-size: 8px; */
}

.input-peso-sign-disabled {
	background-color: #e9ecef;
	opacity: 1;
}

.break-all {
	word-break: break-all;
}

.currencyValue {
	text-align: right;
}

/* switch toogle  */
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #3fd358;
	background-color: #3fd358;
}
/* switch toogle end */

.dashDocType:hover {
	font-weight: bold;
	color: #0645ad;
}

.row-disabled {
	color: #aaa !important;
	background-color: #ddd !important;
	border-bottom: 0.5px solid #fcfcfc;
}

.vendorListDatalist + .tooltip.top > .tooltip-arrow {
	color: #000;
	background-color: #bababa;
}

.breadcrumb li {
	font-size: 0.75rem;
}

.breadcrumb .active {
	color: #037aff;
	font-weight: 600;
}

.passwordShowHide {
	font-size: 1rem;
	padding: 5px;
}

.userNext i,
.userBack i {
	font-size: 1.55rem;
}
.userNext span,
.userBack span {
	font-size: 1rem;
}

.userNext,
.userBack {
	color: #037aff;
	background-color: transparent;
	border: 0;
}

.required {
	color: red;
}

#editExpected:hover {
	color: #037aff;
}
#saveExpected:hover {
	color: #42ba96;
}
.sm-icon {
	font-size: 0.8rem;
}

.text-link:hover {
	color: #037aff;
	font-weight: 700;
}

.pfrs-table-total {
	font-size: 0.7rem;
	font-weight: 800;
}

.col-21-9 {
	-ms-flex: 0 0 21.666667%;
	flex: 0 0 21.999997%;
	max-width: 21.999997%;
}

/* Page Load Spinner */

.spinnerDiv {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.65);
	min-width: 100%;
	min-height: 100vh;
	display: hidden;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	z-index: 3000;
	top: 0;
	left: auto;
	float: left;
	overflow-y: hidden;
}
.spinnerDiv-sm {
	position: realtive;
	background-color: rgba(0, 0, 0, 0.65);
	width: 100%;
	height: 100%;
	display: hidden;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	z-index: 3000;
	top: 0;
	left: auto;
	float: left;
	overflow-y: hidden;
}

.spinner-body {
	position: absolute;
	z-index: 4000;
}
.spinner-grow {
	width: 1.75rem;
	height: 1.75rem;
}
.spinner-grow-sm {
	width: 0.75rem;
	height: 0.75rem;
}

.spinner-grow:nth-child(4) {
	animation: spinner-grow 1s ease-out infinite;
	color: #3c6255;
	/* animation-delay: 1s; */
}
.spinner-grow:nth-child(3) {
	animation: spinner-grow 1s ease-out infinite;
	color: #61876e;
	/* animation-delay: 1.65s; */
}
.spinner-grow:nth-child(2) {
	animation: spinner-grow 1s ease-out infinite;
	color: #a6bb8d;
	/* animation-delay: 1.35s; */
}
.spinner-grow:nth-child(1) {
	animation: spinner-grow 1s ease-out infinite;
	color: #eae7b1;
	/* animation-delay: 1.15s; */
}
/* Page Load Spinner End */

/* page progress-bar */

.container-progress {
	position: fixed;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: 3000;
	overflow-y: hidden;
	background-color: rgba(0, 0, 0, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.progress {
	min-width: 40% !important;
	min-height: 32px !important;
}

/* 
#progressFilename{
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	height: 100%;
	z-index: 5000;
	font-size: 1.25rem;
	color: white;
	text-align: center;
}
*/
/* page progress-bar end */

/* Freeze Header and Column */
.freeze-table-samp {
	border-spacing: 0;
	font-size: 14px;
	padding: 0;
}
.PFRSTbl thead,
.TblFixedHeader thead {
	position: sticky !important;
	top: 0;
	z-index: 20;
	/* border-top: 1.5px solid #dee2e6; */
	/* border-top: 1.5px solid #dee2e6; */
	/* border-bottom: 1px solid #dee2e6; */
}
.PFRSTbl table th,
.PFRSTbl table td .TblFixedHeader table th,
.TblFixedHeader table td {
	padding: 0.5rem auto;
	outline-offset: -1px;
	padding-left: 5px;
	/* border: 0; */
}
.TblFixedHeader table tbody td {
	border-bottom: 1px solid #d6dee1;
}

.PFRSTbl table tr,
.TblFixedHeader table tr {
	min-height: auto;
	height: auto;
}
.col-asset-code,
/* .col-docid, */
.col-chkapprove {
	left: 0 !important;
	position: sticky !important;
}
.col-docid-pending {
	left: 60px !important;
	position: sticky !important;
}
.col-doc-id {
	left: 90px;
	position: sticky;
}
.fixed-header {
	z-index: 50;
}
/* .PFRSTbl tr:nth-child(odd) td[scope=row], 
.dataTables_scrollBody tr:nth-child(odd) td[scope=row] {
    background-color: #f1f1f1;
} */
.PFRSTbl table tr:nth-child(even) td {
	background-color: white;
}
.TblFixedHeader tr td[scope='row'] {
	background-color: white;
}
.PFRSTbl table tr:nth-child(odd) td {
	background-color: #f1f1f1;
}
.pfrsRow2 > td.alert-success {
	background-color: #d4edda !important;
}
/* .PFRSTbl tr:nth-child(odd) td[scope=row],
#pendingApprovalsTbl tr:nth-child(odd) td[scope=row]{
	background-color: rgba(0 0 0 0.5);
	box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%) !important;
} */

.PFRSTbl table tr:hover td[scope='col'],
.PFRSTbl table tr:hover td[scope='row'],
.dataTables_scrollBody tr:hover td[scope='col'],
.dataTables_scrollBody tr:hover td[scope='row'] {
	background-color: #e1e1e1 !important;
}

.PFRSTbl table tr.bg-warning:hover td[scope='col'],
.PFRSTbl table tr.bg-warning:hover td[scope='row'] {
	background-color: #ffc107 !important;
}

/* Freeze Header and Column  end */

.dash-trx-container {
	height: 85%;
	width: 100%;
	padding: 1rem;
	overflow: scroll;
	/* border-radius: 0 0 5px 5px; */
	overflow-x: hidden;
}

/* custom scrollbar */
div::-webkit-scrollbar {
	width: 17px;
	/* border: 1px solid red; */
	/* background-color: #000; */
}

div::-webkit-scrollbar-track {
	background-color: transparent;
	position: relative;
}

div::-webkit-scrollbar-thumb {
	background-color: #d6dee1;
	border-radius: 17px;
	border: 6px solid transparent;
	background-clip: content-box;
}

div::-webkit-scrollbar-thumb:hover {
	background-color: #d1d1d1;
}
/* custom scrollbar end */

.contract-icon i {
	font-size: 2rem;
}

i.image,
i.pdf {
	font-size: 1.75rem;
}

.contract-icon i.recent-contracts,
i.image {
	color: #2daa91;
	border: none;
}
.contract-icon i.expiring-contracts {
	color: #b2de27;
	border: none;
}
.contract-icon i.expired-contracts,
i.pdf {
	color: #83c5cd;
	border: none;
}

.contractitem:hover,
.contractitem:hover .card {
	background-color: var(--light-gray);
}

.overviewCollapseBody .mainContract.active {
	background-color: #ffc107;
}

#transactions .card-main-contrainer {
	/* border: .5px solid var(--medium-gray);  */
	border-radius: 5px;
	max-height: 500px;
}

.thead {
	border-top: 1px solid #dee2e6;
	border-bottom: 2px solid #dee2e6;
}
.thead,
.td {
	padding: 4.8px;
}

#userAccessTbl tfoot,
#userAccessTbl tfoot td {
	position: -webkit-sticky;
	position: sticky;
	background-color: #fff;
	bottom: 0;
	z-index: 4;
}

#expectedCount {
	color: #383d41;
}

.repoExpMainContract:hover {
	color: #0056b3;
	font-weight: 700;
}

/* icon */
span > i.fa-trash:hover {
	color: rgb(140, 1, 1) !important;
	z-index: 5000;
}

.width-23 {
	width: 23%;
	padding: 0 0.25rem;
}
.width-10 {
	width: 10%;
	padding: 0 0.25rem;
}

.detailsButton > i {
	color: #0275d8;
}
.detailsButton > i:hover {
	color: #00437d !important;
}
.detailsButton > i,
.removeUserRow i {
	font-size: 1rem;
}

/* dataTables */

#userTable_filter input[type='search'] {
	min-width: 18rem;
	font-size: 0.85rem;
}
#userTable_wrapper label,
#userTable_info,
#userTable_paginate,
.dataTables_info,
.dataTables_paginate,
.dataTables_length {
	font-size: 0.85rem !important;
}

.dataTables_paginate,
.dataTables_info {
	padding-top: 15px !important;
	font-size: 0.75rem !important;
}

.text-hover-underline:hover {
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
	color: rgb(201, 6, 6);
}

.custom-select {
	font-size: 0.75rem;
}

td i {
	font-size: 0.95rem !important;
}

.buDetails {
	display: none;
	padding: 0;
	margin: 0;
}
.sorting {
	padding-right: 4.8px !important ;
}

/* custom modal size */

.modal-md {
	max-width: 600px;
}

.form-group {
	margin-bottom: 2px;
}
#pendingApprovalsTbl,
#pendingApprovalsTbls {
	z-index: 99;
}
.fa-edit {
	background: none;
}

#entitiesTable,
#docSubTypeTable {
	width: 100% !important;
}
.table-hover tbody tr:hover {
	background: none !important;
}

/* PFRS Table Modification */
.pfrsHeaderDarkGray {
	background-color: #2a2a2a !important;
	border-top: none !important;
	border-right: 2px solid #dee2e6 !important;
	border-bottom: none !important;
	border-left: none !important;
	color: white !important;
}
.pfrsHeaderLightGray {
	background-color: #929292 !important;
	color: white !important;
}
.pfrsHeaderGray {
	background-color: #cacaca !important;
	color: white !important;
}
.pfrsHeaderRed {
	background-color: #ec4444 !important;
	color: white !important;
}
#pfrsOverview {
	height: 500px !important;
	overflow-y: scroll !important;
}

table tr td,
table tr th {
	height: 2rem;
}

/* Forgot Password */
.btnForgotPass {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
}
.btnForgotPass:hover {
	text-decoration: none;
}
.chkRemember {
	padding-top: 0 !important;
}
.sgmntForgotPass {
	display: block;
	margin: 45px;
	height: 100%;
}
.mdlDiv {
	max-height: 345px;
	border-radius: 20px;
}
.txtFYP {
	font-size: large !important;
}
.txtEmailToSent {
	font-size: 0.8em;
}
.sentLinkToEmail {
	font-size: 1em !important;
}
#sendLinkToEmail,
#btnSubmitEmail,
#btnCancel,
#btnSubmitPass {
	border-radius: 20px;
}
#btnSubmitEmail,
#btnCancel,
#btnSubmitPass {
	max-height: 52px;
	flex-flow: column-reverse;
}
#sendLinkToEmail {
	height: 35px;
}

/* Magnify and Zoom File */
.hvrPreview:hover {
	z-index: 9;
	position: relative !important;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.3);
}
.contFileViewer {
	text-align: center;
	background: #f7f7f7;
	min-height: 500px;
	max-height: 500px;
	overflow-y: auto;
}
.iconMagnify {
	color: #ffffff;
	font-size: 12px;
	position: absolute;
	top: calc(50% - 10px);
}
.noprevAvailable {
	color: #000000;
	font-size: 10px;
	display: inline-block;
	margin: 35% 0 0 0;
	padding: 5px 10px;
}

/* Modal for File Viewer */
.modalcontentMagZo {
	position: relative;
	border-radius: 0 !important;
	height: 100%;
	max-width: 100vh;
}
.mdlbodyMagZo {
	overflow: auto;
}
.mdldlgViewer {
	max-width: 850px !important;
	height: 97% !important;
	margin: 0.75rem auto !important;
}
#pdfFileView {
	width: 100% !important;
	height: 92vh !important;
}
#jpgFileView {
	margin: auto;
	height: 100%;
	width: 100%;
}
button.close:focus {
	outline: none;
}
.rotateImage {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-moz-transform: rotate(90deg); /* Firefox */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-o-transform: rotate(90deg); /* Opera */
}
.jpgFileViewMenu {
	margin: auto;
	position: sticky;
	text-align: center;
	bottom: 0;
	padding-top: 2% !important;
	min-height: 8%;
	background: rgb(50, 54, 57);
}
.icnJPGMenu {
	cursor: pointer;
	border-radius: 0;
	background: rgb(50, 54, 57);
	font-size: larger;
}
#modalMagZo {
	overflow-y: hidden !important;
}
.headerMagZo {
	border: none !important;
	border-bottom: 0px solid #dee2e6 !important;
}
#imageContainer,
#pdfContainer,
.fileView {
	min-height: 420px;
	max-height: 500px;
}
#imageContainer {
	height: 100px;
}
#downloadFileImage {
	position: absolute;
	right: 0;
	font-size: inherit;
	margin-right: 10px;
}

.chkApprove,
#pendingChkAll {
	width: 15.5px;
	height: 15.5px;
}

.chkApprove:hover {
	border: 10px solid gray;
}

/* #pendingApprovalsTbl.dataTable thead th.sorting-none.sorting:after,
#pendingApprovalsTbl.dataTable thead th.sorting-none.sorting_asc:after,
#pendingApprovalsTbl.dataTable thead th.sorting-none.sorting_desc:after {
    background: none !important;
} */

/* ********************* */
/* Forgot Password Modal */
/* ********************* */
#mdlForgotPass {
	overflow-y: hidden !important;
}
.icnError {
	font-size: 10px;
}
.txtMSG {
	font-size: 25px !important;
}
.cntrError {
	font-size: medium !important;
}
.btnOK {
	font-size: 0.8em !important;
	border-radius: 20px !important;
	width: 14rem;
	background-color: var(--abc-button) !important;
}
.divErrorMsg {
	width: 20em !important;
}
strong.FP {
	color: #0d6efd !important;
}
.sccssForgotPass {
	width: 400px !important;
}
.icnSFP {
	font-size: small !important;
}
.btnDoneLink {
	width: 300px;
	height: 40px;
	border-radius: 25px !important;
}
.alrtText::-webkit-input-placeholder {
	color: #a51d1d;
}
.bckText {
	color: black !important;
}
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='number']:focus,
[type='text'].form-control:focus,
[type='password'].form-control:focus,
[type='email'].form-control:focus,
[type='tel'].form-control:focus,
[contenteditable].form-control:focus {
	box-shadow: inset 0 0px 0 #ddd;
}

/* ********************* */
/* Change Password Modal */
/* ********************* */
.hdrChangePass {
	border-bottom: none !important;
	align-self: center;
}
.mdlChangePass {
	border-radius: 20px !important;
	max-height: 443px;
	min-height: fit-content !important;
	padding-bottom: 10px;
}
#modChangePW {
	overflow-y: hidden !important;
}
.mdldlgChangePass {
	width: 350px !important;
}

#btnChangePW,
#btnCancelChangePass,
#btnResPass,
#lnkbtnResPass {
	border-radius: 20px !important;
}
#btnChangePW,
#btnCancelChangePass,
#btnResPass,
#lnkbtnResPass {
	height: 35px !important;
	font-size: 1rem;
}
.txtValidation {
	position: relative;
}
.eyeShowHideNewPass,
.eyeShowHideCurrentPass,
.eyeShowHideRePass,
.lnkeyeShowHideNewPass,
.lnkeyeShowHideCurrentPass,
.lnkeyeShowHideRePass {
	background: #e9ecef;
	border-left: none;
	border-bottom-right-radius: 20px !important;
	border-top-right-radius: 20px !important;
}
.eyePass,
.lnkeyePass {
	background: #fff;
	border-bottom-right-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
	border-left: none;
}
.eyeRePass,
.lnkeyeRePass {
	background-color: #e9ecef;
	border-bottom-right-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
	border-left: none;
}
#password,
#retypePassword {
	border-right: none;
}
.eyeShowHideTempPass,
.lnkeyeShowHideTempPass {
	background: none;
	border-left: none !important;
	border-bottom-right-radius: 20px !important;
	border-top-right-radius: 20px !important;
}
.inptPass,
#tempPassword,
#currentPassword {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-right: none;
}
.tempPass {
	border-radius: 20px;
}
.eyeShowHideNewPass input,
.eyeShowHideCurrentPass input,
.eyeShowHideRePass input,
.lnkeyeShowHideNewPass input,
.lnkeyeShowHideCurrentPass input,
.lnkeyeShowHideRePass input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 100%;
}
input[type='password'] {
	-webkit-text-security: disc !important;
}
.checked,
.checkedC,
.checkedR {
	color: #a10b0b;
}
.form-control:focus {
	border-color: rgb(224, 224, 224);
}
.fa-eye {
	color: black !important;
}
.uncheked {
	color: #000 !important;
}
#showErrorMessage {
	text-align: center;
	border-radius: 20px;
	display: block;
}
#showErrorMessage {
	animation: blinker 3s linear;
}

.form-control {
	margin: 0;
}

.dropdown-menu li {
	position: relative;
}
.dropdown-menu li .dropdown-item:hover {
	background-color: #3682f3;
	color: white;
	font-weight: 200;
}
.dropdown-menu .dropdown-submenu {
	display: none;
	position: absolute;
	left: 100%;
	top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
	right: 100%;
	left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
	display: block !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	transition: background-color 5000s ease-in-out 0s;
}

figcaption {
	color: var(--abc-text) !important;
}

.notifLink {
	font-size: 0.62rem;
}
#userName,
.sys-datetime {
	font-size: 0.7rem;
}

#overviewContent {
	height: 630px;
	overflow-y: auto;
}

#notifSections {
	max-height: 50rem;
	overflow-y: auto;
	padding-right: 2px;
}

.tab-content {
	padding-top: 2rem;
}

.modal-header .close {
	margin: 0;
}

.modal-title {
	font-size: 1rem !important;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}