@font-face {
		font-family: "MarkProHeavy";
		src: url(./MyAccountFonts/markpro-heavy.ttf) format("truetype");
	}
	@font-face {
		font-family: "MarkPro";
		src: url(./MyAccountFonts/markpro.ttf) format("truetype");
	}
	@font-face {
		font-family: "MarkProBold";
		src: url(./MyAccountFonts/markpro-heavy.ttf) format("truetype");
	}
	@font-face {
		font-family: "MarkProMedium";
		src: url(./MyAccountFonts/markpro-medium.ttf) format("truetype");
	}
	body {
	    background-color: #191919;
	    color: white;
	}
	img {
	    height: 100px;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	div {
		font-family: MarkPro;
	}
	h2 {
		font-family: MarkProHeavy;
		font-size: 48px;
		line-height: 48px;
		margin: 0 0 24px;
		text-align: center;
	}
	.logo-header {
	    display: flex;
        justify-content: center;
	}
	.login-container {
	    margin: 0 auto;
	    max-width: 80%
	}
	@media only screen and (min-width: 700px) {
        .login-container {
            max-width: 45%;
        }
    }
	.row .row:after, .row .row:before {
		content: " ";
		display: table;
	}
	.v-small-bottom {
		margin-bottom: 12px!important;
		div.small-screen-msg {
			line-height: rem-calc(24px) !important;
		}
	}
	.v-normal-bottom .v-normal-top {
		margin-bottom: 24px!important;
	}
	.mandatory {
		color: #fc3700;
		padding-left: 2px;
	}
	.column, .columns {
		position: relative;
		padding-left: .9375rem;
		padding-right: .9375rem;
	}
	.ux-anchor {
		font-size: 1rem;
	}
	a {
		font-size: 1rem;
		line-height: 24px;
		color: #00A3AD;
		font-family: MarkProBold;
		text-decoration-line: none;
		text-decoration-style: initial;
		text-decoration-color: initial;
	}
	.input-box-container {
		margin-top: 12px;
	}
	.ux-input-box{
		position: relative;
		width: 100%;
	}
	.ux-input-box input {
		font-size: 16px;
		height: 24px;
		color: #FFFFFF;
		line-height: normal;
		width: 100%;
		padding: 8px 10px;
		transition: none;
		background: black;
        border: none;
		box-shadow: none;
		margin-bottom: 0;
		-webkit-box-shadow: none;
	}
	.ux-input-box .validity-wrapper {
		min-height: 1.5rem;
	}
	.ux-input-box label {
		cursor: default;
		font-size: .875rem;
		line-height: 18px;
		font-family: MarkPro;
		font-size: .875rem;
		line-height: 18px;
		margin-bottom: 12px;
	}
	.ux-button-sd .primary {
		background: #fdcc08;
		color: #191919!important;
	}

	.ux-button-sd button {
		min-height: 40px;
		min-width: 16.25rem;
		width: auto;
		border: none;
		outline: 0;
		color: #191919;
		padding: 10px 0;
		font-size: .875rem;
		font-family: MarkProBold;
		margin-bottom: 0;
		text-transform: uppercase;
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0;
		font-weight: 400;
		line-height: normal;
		margin: 0 0 1.25rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition: background-color .3s ease-out;
	}
	.text-center {
		text-align: center!important;
	}
	.table, th, td {
        background-color: #191919
    }
    .account-locked-container {
        width: 50%;
    }
    @media only screen and (min-width: 700px) {
        .account-locked-container {
            max-width: 95%;
        }
    }
    .warning p {
                line-height: 40px;
                margin: 0 0 16px;
                background: #FCB5A1;
                /*background: #3a3b3c;*/
                border-bottom: 1px solid #da3a00;
                font-color: black;
                padding-left: .9375rem;
                padding-right: .9375rem;
    }
    svg {  
	width: 136px;
	height: 165px;
	}
    path {
	fill: #da3a00;
	}
     .icon{
	text-align: center;
}
}