@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@import url('https://fonts.googleapis.com/css?family=Roboto');

@import url('https://fonts.googleapis.com/css?family=Abel');

@import
	url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap')
	;

@import url("client_admin_colors.css");

html {
	font-family: Source Sans Pro !important;
}

body {
	font-family: Source Sans Pro !important;
}

@media ( max-width : 920px) {
	.column-heading {
		max-width: max-content !important;
		/*width: max-content !important;*/
		margin-left: 63% !important;
	}
}


.backgroundPhoto {
	background: url(images/image-background-animated.svg);
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 100vh;
	position: relative !important;
}

/** modal **/
.modal {
	text-align: center !important;
	background-color: transparent !important;
	max-height: 100% !important;
	width: 100% !important;
}

.modal:before {
	display: inline-block !important;
	vertical-align: middle !important;
	content: " " !important;
	height: 100% !important;
}

.modal-dialog {
	display: inline-block !important;
	text-align: left !important;
	vertical-align: middle !important;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 600px !important;
		width: 600px !important;
	}
}

.modal-content {
	border-radius: 3px !important;
	width: 110%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 20px #00000029;
	border-radius: 9px !important;
	opacity: 1;
}

.modal .modal-content {
    padding: 24px;
    transform: translate(10%, -10%);
}

.modal-body img {
	height: 50px;
	margin-bottom: 30px;
}

.modal-body {
	width: 100%;
}


.modal-header {
	min-height: 0 !important;
	padding: 0 !important;
	border: none !important;
	justify-content: center;
}

.modal-title {
	padding-bottom: 36px;
}

.modal-footer {
	padding: 10px 15px 20px 15px !important;
	border: none !important;
	background-color: white !important;
	height: fit-content !important;
}

.footer {
	padding: 10px 15px 20px 15px !important;
	border: none !important;
	background-color: white !important;
	height: fit-content !important;
	display: flex;
}

.footer-end {
	justify-content: flex-end;
}

.footer-space-between {
	justify-content: space-between;
}

.modal-footer>a {
	padding: 8px;
}

.modal.fade:not (.in ) .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0) !important;
	transform: translate3d(-25%, 0, 0) !important;
}

.vertically-centered-elem {
	display: flex;
	float: left;
	justify-content: center;
	flex-direction: column;
	margin-top:30px;
	margin-left:29px;
	filter: invert(1);
	mix-blend-mode: exclusion;
	transform: translateY(40%);
}

.vertically-centered-elem-filter {
	filter: invert(0); !important;
}

.text-style-heading {
	text-align: right;
	font: normal normal 600 16px/22px Source Sans Pro;
	letter-spacing: 0px;
	color: #212121;
	opacity: 1;
	filter: invert(1);
	mix-blend-mode: exclusion;
}

.text-style-21_27 {
	text-align: center;
	font: normal normal bold 21px/27px Source Sans Pro;
	letter-spacing: 0px;
	color: #0D0D0D;
	opacity: 1;
}

.text-style-18_26 {
	text-align: center;
	font: normal normal 600 18px/26px Source Sans Pro;
	letter-spacing: 0px;
	color: #0D0D0D;
	opacity: 1;
}

.text-style16_20 {
	text-align: left !important;
	font: normal normal 600 16px/22px Source Sans Pro !important;
	letter-spacing: 0.25px !important;
	color: #212121 !important;
	opacity: 1;
}

.text-style14_20 {
	text-align: left !important;
	font: normal normal 600 14px/20px Source Sans Pro !important;
	letter-spacing: 0px !important;
	color: #212121 !important;
	opacity: 1;
}


.text-style13_18 {
	text-align: left !important;
	font: normal normal 600 13px/18px Source Sans Pro !important;
	letter-spacing: 0px !important;
	color: #212121 !important;
	opacity: 1;
	text-align: center !important;
}

.text-style14_20-notification {
	text-align: left !important;
	font: normal normal 700 14px/20px Source Sans Pro !important;
	letter-spacing: 0px !important;
	color: #088B3F !important;
	opacity: 1;
}

.max-width-column {
	max-width: max-content;
	width: max-content !important;
}

.box-authn {
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 380px;
	height: 420px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: white 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
}

.qr-image-authn {
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	width: 234px;
	height: 234px;
}

.cardDesign {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 25px #00000027 !important;
	border-radius: 6px !important;
	opacity: 1;
	width: 414px;
	height: auto !important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute !important;
	align-content: center;
}

.img-heading-style {
	background: url("/images/menu-icon-logout.svg") no-repeat;
	background-position: 100px/*95px*/;
}

.img-heading-style:focus {
	background: url("/images/menu-icon-logout.svg") no-repeat !important;
	background-position: 100px/*95px*/ !important;
}

.img-heading-style-other {
	background-color:white;
}

.img-heading-style-other:focus {
	background-color:white;
}

.border-outline {
	border: 1px solid #000000 !important;
	border-radius: 200px !important;
	padding: 3px 8px !important;
	float: none !important;
    width: 138px !important;
    margin-right: 44px !important;
    height:24px !important;
}

.border-outline-other {
	border: 1px solid #000000 !important;
	border-radius: 200px !important;
	padding: 3px 8px !important;
	float: none !important;
    width: 138px !important;
    margin-right: 44px !important;
    height:24px !important;
    margin-top: 5px !important;
}



.logout-heading {
	margin-left: 37%;
}

.search-heading-style {
	text-align: center;
	font: normal normal bold 56px/70px Source Sans Pro !important;
	letter-spacing: 0px;
	color: #212121 !important;
	opacity: 1;
	background-color: white !important;
}

.search-result-style {
	background-color: white !important;
}

.style-select-list {
	text-align: left;
	font: normal normal 600 16px/22px Source Sans Pro !important;
	letter-spacing: 0px;
	color: #262626 !important;
	opacity: 1;
	border: 1px solid #707070 !important;
	border-radius: 9px !important;
	height: 58px !important;
	padding: 12px 24px !important;
	background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.text-box-mail-style {
	text-align: left;
	font: normal normal 600 16px/22px Source Sans Pro !important;
	letter-spacing: 0px;
	color: #212121;
	border: 1px solid #050404 !important;
	border-radius: 9px !important;
	opacity: 1;
	padding: 4px 12px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	height: 48px !important;
	padding-left:16px !important;
	padding-right: 16px !important;
	margin-left:-8px !important;
}

.button-style {
	background: #293DC7 0% 0% no-repeat padding-box !important;
	border-radius: 200px !important;
	height: 58px !important;
	text-transform: none !important;
	width: 150px;
	margin-left: 15px !important;
	text-align: center !important;
	font: normal normal 600 16px/22px Source Sans Pro !important;
	letter-spacing: 0px !important;
	color: #FFFFFF !important;
	opacity: 1 !important;
	padding: 12px 24px !important;
}

.button-style-info {
	background: #293DC7 0% 0% no-repeat padding-box !important;
	border-radius: 200px !important;
	text-transform: none !important;
	width: 150px;
	height: 48px !important;
	margin-left: 15px !important;
	text-align: center !important;
	font: normal normal 600 16px/20px Source Sans Pro !important;
	letter-spacing: 0px !important;
	color: #FFFFFF !important;
	opacity: 1 !important;
	margin-top: -10px !important;
}

.button-style-grant-access {
	background: #293DC7 0% 0% no-repeat padding-box !important;
	border-radius: 200px !important;
	text-transform: none !important;
	width: 150px;
	height: 48px !important;
	margin-left: 15px !important;
	text-align: center !important;
	font: normal normal 600 14px/20px Source Sans Pro !important;
	letter-spacing: 0px !important;
	color: #FFFFFF !important;
	opacity: 1 !important;
	margin-top: -10px !important;
}

.cursor-pointer {
	cursor: pointer;
}

.column-offset {
	margin-left: 6% !important;
}

.column-table-offset {
	margin-left: 14.3% !important;
}

.button-table {
	background: #293DC7 0% 0% no-repeat padding-box;
	border-radius: 200px;
	opacity: 1;
	text-align: center;
	font: normal normal 600 13px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	height: 24px !important;
	width: 118px !important;
	padding-bottom:3px;
	padding-left: 8px;
	padding-right: 8px;
}

.button-table:focus {
	background: #293DC7 0% 0% no-repeat padding-box !important;
}

button:focus {
	background: #293DC7 0% 0% no-repeat padding-box;
}

.button-borders-none {
	border: none !important;
}

.text-red {
	color: red !important;
	letter-spacing: 1.25px;
	opacity: 1;
}

.text-black {
	color: black !important;
	letter-spacing: 1.25px;
	opacity: 1;
	transform: translateX(-15px) !important;
	font: normal normal medium 14px/16px Roboto !important;
}

.text-weight-dialogue {
	font-weight: 400 !important;
}

.background-white {
	background-color: white;
}
.background-white:focus {
	background-color: white !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background: #EFEFEF 0% 0% no-repeat padding-box !important;
	opacity: 1 !important;
}

th {
	text-align: left !important;
	font: normal normal 600 16px/22px Source Sans Pro;
	letter-spacing: 0px;
	color: #212121;
	opacity: 1;
	padding-bottom: 17.9px !important;
}

td {
	text-align: left;
	font: normal normal normal 16px/20px Source Sans Pro;
	letter-spacing: 0px;
	color: #212121;
	opacity: 1;
	padding-top:18px !important;
	padding-bottom: 18px !important;
}
.translate-x {
	transform: translateX(-10px);
}
.translate-y-center {
	transform: translateY(50%) !important;
}

.translate-y-info {
	transform: translateY(75%) !important;
}

.border-bottom-info {
	border-bottom: 1px solid grey;
}

.width-scroll-panel {
	width: 100% !important;
	margin-top: 50px;
	overflow-y:scroll !important;
	overflow-x:hidden !important;
}

.even {
    background-color: #f2f2f2;
}

.translate-label {
	transform: translateX(-20px);
}

.select-result {
	height: 48px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
}

.input-result {
	height: 32px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	padding-left:16px !important;
	padding-right: 17px !important;
	margin-left: -15px !important;
}
.button-result {
	height: 42px !important;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	padding-left:8px !important;
	padding-right: 8px !important;
	background: #293DC7 0% 0% no-repeat padding-box !important;
	border-radius: 200px !important;
	text-transform: none !important;
	text-align: center !important;
	color: #FFFFFF !important;
	width: 120px;
	margin-left:5px !important;
}

.text-gray {
	color: #00000099
}

.notification-style {
	background: #B6EECE 0% 0% no-repeat padding-box;
	border-radius: 4px;
	opacity: 1;
	height: 48px !important;
	padding: 14px;
}

.position-bottom-right {
  position: fixed; 
  right: 0; 
  bottom: 0;
  margin: 0;
}


.close {
    float: right;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1;
    color: black !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    width: 31px !important;
    height: 22px !important;
}

*:focus {
	outline: 0 !important;
}

.max-size-style {
     width: max-content !important;
 }

 .padding-dialogue {
    text-align:center;
    padding: 0 !important;
 }

 .margin-left-grant {
    margin-left: -44px !important;
 }