body {
    font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #212529;
    font-size: 18px;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.header {
    background-color: #f8f9fa;
    padding: 20px 0;
}
/* .form-check { */
	/* display: none !important; */
/* } */
/* hr { */
	/* display: none !important; */
/* } */

.googleplay {
	width: 135px;
	margin-top:10px;
}

.applestore {
	width: 123px;
	margin-top:10px;
}

.col-md-1 {
    -ms-flex: 0 0 0%!important;
    flex: 0 0 0% !important;
    max-width: 0% !important;
}

.col-md-2 {
    -ms-flex: 0 0 23.666667% !important;
    flex: 0 0 23.666667% !important;
    max-width: 23.666667% !important;
}

.col-md-auto {
    width: 100% !important;
	padding-left: 0px !important;
	margin-left: 41px;
    margin-top: -2px;
}

.form-check-label {
    margin-left: 0px !important;
}

.text-center {
    margin-top: 3px !important;
}

/* #btnsubmit { */
	/* display: none !important; */
/* } */

.header-logo {
    width: 152px;
    height: auto;
}
.content {
    padding: 20px 0;
}
.why-icon,
.warning-icon {
    float: left;
    padding-top: 40px;
}
.why-icon img,
.warning-icon img {
    width: 84px;
    height: auto;
}
.paperless-logo {
    float: right;
}
.paperless-logo img {
    width: 56px;
    height: auto;
}
.paperless-title {
    float: right;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    padding-top: 90px;
    margin-right: 20px;
}
.black-box {
    color: #fff;
    background-color: #3d3d3d;
    margin-top: 30px;
    padding: 20px;
    border-radius: 10px;
}
.section {
    margin-top: 36px;
}
.ce-icon {
    padding-bottom: 30px;
}
.ce-icon img {
    width: 84px;
    height: auto;
}
.gray-box {
    background-color: #f5f6f7;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.gray-box-title {
    font-weight: 700;
    padding: 20px 0 30px 0;
}
.gray-box-links {
    padding-bottom: 20px;
}
.gray-box-links a {
    color: #212529;
}
.gray-box-badges a {
    display: inline-block;
    margin-right: 12px;
}
.cum-icon {
    padding-bottom: 30px;
}
.cum-icon img {
    width: 84px;
    height: auto;
}
.text-red {
    color: #ff0000;
}
.paperless-logos img {
    width: 80px;
    height: auto;
    display: inline-block;
    margin-right: 20px;
	margin-top: 20px;
}
.confirmation-title {
    font-weight: 700;
    padding-bottom: 20px;
}
.btn-primary {
    background-image: url(../images/arrow-icon.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    background-color: #00aa13 !important;
    color: #fff;
    font-weight: 700;
    padding: 14px 60px;
    margin-left: 13px;
}

.confirmation-btn {
    background-image: url(../images/arrow-icon.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    background-color: #00aa13;
    color: #fff;
    font-weight: 700;
    padding: 14px 60px;
}
.box-inline {
    display: inline-block;
}
.qr-code {
    padding: 10px 0;
}
.save-btn {
    background-image: url(../images/arrow-down-icon.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    background-color: #0078d7;
    color: #fff;
    font-weight: 700;
    padding: 14px 60px;
}
.warning-simple-icon {
    padding: 20px 0;
}
.warning-simple-icon img {
    width: 39px;
    height: auto;
}

.text-padding {
    padding: 7px;
}

#AuthorizationCode {
    max-width: 200px;
    margin: 0 auto;
}
#Code {
    max-width: 200px;
    margin: 0 auto;
}

#resendTokenButton {
    max-width: 200px;
    margin: 0 auto;
}

.code-box {
    color: #fff;
    background-color: #656565;
    margin-top: 10px;
    padding: 20px 80px;
    border-radius: 10px;
    font-weight: 700;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.send-btn {
    background-image: url(../images/arrow-up-icon.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    background-color: #00aa13;
    color: #fff;
    font-weight: 700;
    padding: 14px 60px;
				   
}

@media screen and (min-width: 992px){
    .code-box {
        display: inline-block;
    }
}

@media screen and (max-width: 991px) {
    .why-icon,
    .warning-icon {
        float: none;
    }
    .paperless-title {
        font-size: 18px;
    }
    .paperless-logo,
    .paperless-title {
        margin-bottom: 30px;
    }
    #resendTokenButton{
        margin-top: 10px;
    }
}