@font-face {
	font-family: Gilroy-ExtraBold;
	src: url(../fonts/Gilroy-ExtraBold.otf);
}
 /* @font-face {
		font-family: GilroyLight;
		src:  url(../fonts/GilroyLight.eot);
	} */
@font-face {
	font-family: Gilroy-Light;
	src: url(../fonts/Gilroy-Light.otf);
}

body {
	font-family: "Gilroy-Light";
	background-color: #d7d7dd;
}

h2 {
	font-weight: bold;
	margin: 0;
	font-size: x-large;
}

h1 {
	margin-bottom: 0;
	font-weight: bold;
	/* font-size: 500%; */
}

h3 {
	margin: 0;
	font-size: large;
}

h1, h2, h3 {
	font-family: "Gilroy-Light";
	color: #222d5d;
}

div span {
		color: #272b5c;
}

.pay-select-child  span {
	color: #757575;
}
.pay-select-child-om  span {
	color: #757575;
}

md-select span {
	color: #757575;
}

.toolbar-wrapper {
	height: 22%;
	/* background-color: #d7d7dd; */
}

/* design v2 of the card   */

md-card.md-customTheme-theme{
	color: rgba(0,0,0,0.87);
    /* background-color: rgb(255,255,255); */
    border-radius: 8px;
    border: 1px solid #E3E3E3;
    box-shadow: 3px 3px 10px 3px #00000021;
    /* border: 1px solid; */
    /* border: 1px solid #E3E3E3; */
    background: linear-gradient(
180deg
, #FFFFFF 36.46%, rgba(245, 251, 252, 0) 75.52%), #F1F9FA;
}

/* end design v2 of the card  */

/* start design v2 of the toolbar  */
md-toolbar.md-customTheme-theme:not(.md-menu-toolbar){
	background-color:#272b5c ;
	color :white;
}

.typography-coloration{
	 color :white ;
}
/* end design of the toolbar  */

/* start design of input lang on toolbar  */
.lang-container-v2{
	background-color:white;
    /* border-radius: 8px; */
    /* padding: 2px 20px 2px 10px; */
    border: solid 2px #272c5c;
    border-radius: 6px;
}

md-select.md-customTheme-theme .md-select-value {
    border: none;
}
/* end design of input lang on toolbar  */


.toolbar-wrapper md-toolbar {
	height: 100%;
}

.ordercode-wrapper {
	text-align:right;
	font-weight: bold; 
	width: max-content;
}

.page-container {
	height: 67%;
	/* margin: 25px 25px 0px 25px; */
	overflow-y: hidden;
}

md-content.md-customTheme-theme {
	/* background-color: #d7d7dd; */

	/* design v2  */
	background-color: #f2f2f2;

}

.page {
	height: 89%;
	min-height: 89%;
	margin: 30px;
	overflow-y: overlay;
}

.page-component.ng-scope {
	/*  height: inherit; */
	height: 100%;
}

h2.md-toolbar-tools {
	display: inline-grid;
	padding: 0;
}
.infos-pay .md-toolbar-tools {
	min-height: 70px !important;
}
.md-accent-bg {
	/* background-image: url("../img/bg/banniere.png");
	background-repeat: no-repeat;
	background-size: auto; */

	/* update for design v2  */
	background-color: white ;
	color : #565F82 ; 
	box-shadow: 2px 2px 5px 5px #0000002d;
	/* update for design v2  */

}

.img-circle {
	width: fit-content;
	height: 120px;
	background-color:#272c5c;
	/* margin-left: 10%; */
	border-radius: 0px ; 
}
	/* v2 design   */

	.img-touchpoint{
		width: 90% ; 
		height:90%; 	
	}
	/* v2 design   */

.img-moyen-pay{
	max-width: 136px!important;
}
.infos-pay{
	min-height: -webkit-fill-available;
}

md-divider.vertical-divider.md-customTheme-theme {
	border-right-width: 1px;
	border-right-style: solid;
	height: 90px;
}

main {
	/*    height: inherit;
   min-height: calc(100vh - 272px); */
	
}
md-card.card.card-logo._md.md-customTheme-theme {
	border-radius: 50%;
}
md-radio-button .md-label{
    display: -webkit-box;	
}
.pay-libelle{
	padding-top: 5%;
}
img.logo-partner {
	max-height: 100px;
	max-width: 100px;
	border-radius: 50%;
}

.pay-subtitle {
	display: inline-flex;
	height: 16%;
	width: 100%;
}

.pay-subtitle-child {
	width: 100%;
	padding: 0% 9%;
}

.column.div-welcom {
	padding: 0px 0px 0px 0px
}

img.sbwl-logo {
	/* width: 15%;
    height: 15%;
   margin-top: 30px;
    margin-left: 20px */
	
}

md-divider.subheader-divider.md-customTheme-theme {
	/* comment for v2 */
	/* border-top-width: 5px; */

}

.payment-wrapper {
	/* overflow: scroll; */

	/* v2  */
	overflow-y: scroll;
	overflow-x: hidden;
	/* v2 */
    height: 32rem;

    height: 32rem;
}
.payment-wrapper-accueil{
	height: 63%;
    overflow: hidden;
}

.pay-select {
	/*   	height: 82%; */
	padding: 0% 0 0 4%;
	
}
.pay-select-accueil{
	/* padding-top: 6rem; */
}
.pay-select-2 {
	width: 65%
}

.pay-select-child {
	padding: 1% 0%;
	/*color: #757575;*/
	font-size: smaller;
}
.pay-select-child-om {
	padding: 1% 0%;
	/*color: #757575;*/
	font-size: smaller;
}

.pay-select-item {
	max-width: 200%;
	height: 70px;
	/* v2 design  */
	min-width: 264px;
	background: linear-gradient( 
	180deg
	, #FFFFFF 36.46%, rgba(245, 251, 252, 0) 75.52%), #F1F9FA;
		border: 1px solid #E3E3E3;
    box-shadow: 0px 15px 24px rgb(179 210 233 / 25%);
    border-radius: 15px;
    margin-top: 10px;
	/* v2 design  */

}

.map-img-div {
	width: 35%;
}

/* .div-field-1 {
    padding: 0% 8%;
} */
md-input-container.md-block.md-icon-left.md-icon-float.md-customTheme-theme
	{
	margin-bottom: 0;
}

md-input-container.md-input-invalid svg {
	fill: #dd2c00;
}

md-input-container:not(.md-input-invalid ) svg {
	color: green;
}

.bravo-logo {
	height: 80px;
}

md-divider.footer-divider.md-customTheme-theme {
	border-top-width: 40px;
	border-top-color: rgb(215, 215, 221);
}

md-radio-group {
	height: inherit;
}

span {
	color: #757575;
}

.span-size-1 {
	font-size: large;
	font-weight: bold;
	color: #757575;
}

.span-size-2 {
	font-size: medium;
	font-weight: bold;
	color: #757575;
}

.span-size-3 {
	font-size: medium;
	color: #757575;
}

.touchcode-div {
	/* padding: 0.1% 14.2%; */
	
}

.zone-div {
	padding: 0% 7.3%;
	display: none;
}

.map-img-wrapper {
	height: 100px;
	width: 350px;
}

.map-wrapper-valid {
	widows: inherit;
}

.pay-logo {
	width: 160px;
}

.ng-binding.layout-align-start-center.layout-row {
	/* width: 70%; */
	color: #757575;
	/* font-size: xx-large; */
}

.ng-binding.layout-align-center-center.layout-row {
	/*  width: 400px; */
	
}

button.md-primary.md-button.md-customTheme-theme.md-ink-ripple {
	color: rgba(255, 255, 255, 0.87);
	background-color: #222D5D;
	/* v2 design  */
	border-radius : 8px ; 
	/* v2 design */
	
}

button.md-button.md-customTheme-theme.md-ink-ripple {
	color: #222d5d;
	width: 215px;
	height: 45px;
	/* v2 design  */
	border-radius : 8px ; 
	/* v2 design */
	
}

.md-button.md-customTheme-theme.md-primary.md-raised:not([disabled] ):hover
	{
	background-color: #51C3CD;
	/* v2 design  */ 	
	border-radius : 8px ; 
	
	/* v2 design */
	
}

/* v2 design for md-raised button  */

.md-button.md-customTheme-theme.md-raised, .md-button.md-raised {
    color: rgb(33,33,33);
    background-color: rgb(250,250,250);
	border-radius:8px ; 
}
/* v2 design for md-raised button  */

button.md-customTheme-theme:not([disabled] ):hover {
	background-color: rgba(255, 255, 255, .15);
	/* v2 design  */
	border-radius : 8px ; 
	/* v2 design */
	
}

.buttons-div.layout-align-center-center.layout-row.flex {
	height: 23%;
}

.btn-retour {
	min-width: 250px;
}

.md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab,
	.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised
	{
	background-color: rgb(34, 45, 93) !important;
	/* v2 design  */
	border-radius: 8px;
	/* v2 design  */
	
}

md-input-container.md-block.md-icon-left.md-input-has-placeholder.md-customTheme-theme
	{
	margin: 0;
}

svg {
	fill: #51C3CD;
}

md-input-container.md-icon-float:not(.md-input-invalid ) >md-icon.field
	{
	color: green;
}

.footer-wrapper {
	/*background-color: white;
     margin-left: 3%;
    margin-right: 3%; */
	margin: 0px 30px;
}

.sbwl-footer {
	width: 64px;
}
.byintouch-logo{
	width: 48px;
}

.loader {
	position: fixed;
	z-index: 9999;
	background-color: #000000 !important;
	background: url("../img/touchpay2.png") 50% 50% no-repeat;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	cursor: wait;
}
.loader md-progress-circular.md-customTheme-theme path {
	stroke: rgb(81, 204, 205);
	stroke-width: 10;
}
.loader-tp {
	/* position: fixed; */
	z-index: 9999;
	/* background-color: #000000 !important; */
	background: url("../img/touchpay2.png") 50% 50% no-repeat;
	top: 0px;
	left: 0px;
	height: 100% !important;
	width: 100%;
	cursor: wait;
}

.loader-tp md-progress-circular.md-customTheme-theme path {
	stroke: rgb(81, 204, 205);
	stroke-width: 10;
}

md-dialog md-dialog-content .md-dialog-content-body {
	padding-top: 5% !important;
}

md-toast.md-default-theme .md-toast-content, md-toast .md-toast-content
	{
	background-color: #ac2925 !important;
}

.error-popup-text {
	color: #757575;
    font-size: initial;
}

.error-popup {
	display: none;
}
.payment-encours{
	 display: grid;
	 }
.frame-cb{
	width: -webkit-fill-available !important;
    height: inherit !important;
        border: none !important;
}
md-input-container.md-customTheme-theme .md-input {
    box-shadow: none !important;
}
.md-input-container .md-input:focus {
    box-shadow: none !important;
}