body, html {
    height: auto !important;
    font-family: 'larsseit' !important;
}
h1 {
	font-size: 2rem;
}

a{
	color:#015BA5;
	text-decoration: none;
}

a:hover{
	color:#015BA5;
	text-decoration: none;
}

.container {
    max-width: 100% !important;
    padding-left: 0 !important;
}

.apploader {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(31,49,72,.9);
    z-index: 99999;
    height: 100%;
    overflow-x: scroll;
}

.apploader img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: rgba(31,49,72,.9);
}

.bg-responsum {
    min-height: 100vh !important;
    height: 100% !important;
    background-color: #DEE6F0;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.responsum-logo {
    width: 100%;
}

.responsum-create-account {
    font-size: 30px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.responsum-registration {
    font-size: 20px;
    margin-top: 18px;
    margin-bottom: 24px;
}

.responsum-signin {
    background-color: #1861F2;
    min-height: 40px;
    width: 270px;
    margin: auto;
    border-radius: 5px;
    max-width: 100%;
    cursor: pointer;
}

.responsum-signin svg {
    height: 30px;
    width: 15px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.responsum-signin-icon {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.text-social {
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

.responsum-enter-text {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.responsum-enter-value input{
    width: 100%;
    height: 40px;
    padding-left: 16px;
}

.responsum-enter-value input:focus {
    outline: none;
}

.responsum-enter-value .error-message, 
.responsum-enter-value .place-holder-displayname{
    font-size: 13px;
    line-height: 13px;
    min-height: 13px;
    margin-bottom: 0px;
    padding-top: 1px
}

.color-red {
    color: #F00;
}

.color-black {
    color: #000000;
}

.responsum-signin-button {
    padding-top: 50px;
}

.responsum-signin-button button,
.responsum-signin-button button:focus {
    width: auto;
    height: 39px;
    padding: 3px 35px;
    font-size: 18px;
    line-height: 17.46px;
    color: #BFC3CE;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
}

.responsum-signin-button button.active, 
.responsum-signin-button button:focus.active{
    background-color: #0B4896;
    border: 1px solid #0B4896;
    color: #FFFFFF;
    cursor: pointer;
    outline: none;
}

.responsum-login-text {
    margin: auto;
    text-align: center;
    height: 35px;
    line-height: 46px;
    font-weight: 700;
    font-size: 15px;
}

.responsum-login-action {
    text-decoration: underline;
    color: #0B4896;
    font-size: 15px;
}

.responsum-mobile-app-image {
    height: 250px;
}

.responsum-mobile-app-image img {
    width: initial;
    height: inherit;
}

.d-flex-none-important {
    display: -ms-flexbox;
    display: flex;
}

.responsum-app-link {
    height: 80%;
}

.responsum-need-help a, 
.responsum-need-help a:hover, 
.responsum-need-help a:active, 
.responsum-need-help a:focus {
    text-decoration: none;
    color: #0B4896;
    font-weight: bold;
}

.responsum-back-to-link {
    margin-left: 6px;
    border: 1px solid #EFEFEF;
    padding: 3px 0 !important;
    border-radius: 13px;
    text-align: center;
    color: #716f6f;
    background-color: #EFEFEF;
}
.responsum-back-to-link i{
    padding-top: 4px;
}
.responsum-back-to-link a, 
.responsum-back-to-link a:hover, 
.responsum-back-to-link a:focus, 
.responsum-back-to-link a:active {
    color: #716f6f;
    text-decoration: none;
    padding-left: 5px;
}

.responsum-download-bt-group {
    padding: 5px 0px;
    background-color: #C4C4C4;
    font-size: 14px;
}

.responsum-download-bt-group a,
.responsum-download-bt-group a:hover,
.responsum-download-bt-group a:active,
.responsum-download-bt-group a:focus {
    text-decoration: none;
    color: #000000;
}

.icon-eye,
.icon-check {
    position: absolute;
    top: 11px;
    right: 20px;
}

.icon-eye {
    color: #000000;
}

.icon-check {
    color: #34A853;
}

.form-group {
    margin: 15px auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.checkbox-wrapper [type=checkbox]:not(:checked)+label:before {
    content: "";
}

.checkbox-wrapper [type=checkbox]+label:before {
    left: 14px;
    top: 18px;
    background-color: #FFF;
    border: 1px solid #015BA5;
    position: absolute;
    width: 17px;
    height: 17px;
    color: #fff;
}

.checkbox-wrapper [type=checkbox]:checked+label:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='14'%3E%3Cdefs%3E%3Cpath id='a' d='M6.434 10.925l9.445-9.155a.971.971 0 011.343 0 .9.9 0 010 1.301L7.105 12.877a.97.97 0 01-1.343 0L1.778 9.016a.9.9 0 010-1.302.971.971 0 011.343 0l3.313 3.21z'/%3E%3C/defs%3E%3Cg fill='%23015BA5' fill-rule='evenodd' transform='translate(-1)'%3E%3Cmask id='b'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse transform='rotate(-7 9.5 7.323)' xlink:href='%23a'/%3E%3Cg mask='url(%23b)'%3E%3Cpath d='M-1.667-2.444h21v21h-21z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 50%;
}

input.ng-invalid.ng-touched {
    border:1px solid #F00 !important;
}

.appnotifier{
	border-radius: 4px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 2px 6px 0 rgba(62,78,98,0.6);
	box-shadow: 0 2px 6px 0 rgba(62,78,98,0.6);
	position: fixed;
	color: #3E4E62;
	font-size: 12px;
	line-height: 20px;
	padding: 20px;
	z-index: 9999;
	margin-left: 10px;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
}

.appnotifier .appnotifier-icon{
	border-radius:50%;
	background-color:#015ba5;
	width:45px;
	min-width: 45px;
	height: 45px;
	margin-right:10px;
	float:left;
	display:block;
	background-image: url('/img/icons/icon-newsfeed-white.svg');
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}

.appnotifier .appnotifier-message{
	vertical-align: middle;
}

.cursor-pointer {
    cursor: pointer;
}

.position-relative {
    position: relative;
}

.checkbox-wrapper.remember-me-group [type=checkbox]+label:before {
    left: 0px;
    top: 2px;
}

.remember-me-group {
    font-size: 15px;
}

.form-group input.form-control {
    border-radius: 10px;
}

.playcard-header h5 {
    font-size: 14px;
    color: #3e4e62;
    display: inline-block;
    font-weight: bolder;
}

.playcard-resetpassword .btn {
    background-color: #e0557d;
    color: #fff;
}

#resetpassword-playcard .playcard-header .close {
    font-size: 14px;
    font-weight: lighter;
    color: #015ba5!important;
    opacity: 1;
    cursor: pointer;
    width: auto;
    line-height: 50px;
}

.font-size-27 {
    font-size: 27px;
}

#agreeSignUp {
    position: absolute;
    margin-top: 3px;
}

.registerV2 .bg-responsum{
    background-image: url('/img/background/background-v2.webp');
    background-size: 45%;
}

.loginV2 .bg-responsum-text{
    display:none;
}

.loginV2 .bg-responsum{
    background: none;
    background-color: #DEE6F0;
}

.registerV2 .bg-responsum-image{
   display:none;
}
.loginV2 .bg-responsum-image{
    width:100%;
}
.responsum-signin-facebook {
    background-color: #005BA7;
}
.responsum-signin-google {
    background-color: #fff;
    border: 1px solid;
    
}
.responsum-signin-button button, .responsum-signin-button button:focus{
    background:#DEE6F0;
}
.responsum-signin-google .text-social{
    color: #000;
}
.responsum-signin-apple .responsum-signin{
    background-color: #000;
}

.responsum-signin-button {
     padding-top: 10px; 
}

/** End Login **/

.responsum-policy {
    margin-bottom: 30px;
    line-height: inherit;
}

.spinner_load {
    font-size: 27px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 1em;
    height: 1em;
}

.spinner_load.center {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.spinner_load .spinner-blade {
	position: absolute;
	left: 0.4629em;
	bottom: 0;
	width: 0.074em;
	height: 0.2777em;
	border-radius: 0.0555em;
	background-color: transparent;
	-webkit-transform-origin: center -0.2222em;
	-ms-transform-origin: center -0.2222em;
	transform-origin: center -0.2222em;
	-webkit-animation: spinner-fade 1s infinite linear;
	animation: spinner-fade 1s infinite linear;
}
.spinner_load .spinner-blade:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.spinner_load .spinner-blade:nth-child(2) {
	-webkit-animation-delay: 0.083s;
	animation-delay: 0.083s;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.spinner_load .spinner-blade:nth-child(3) {
	-webkit-animation-delay: 0.166s;
	animation-delay: 0.166s;
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.spinner_load .spinner-blade:nth-child(4) {
	-webkit-animation-delay: 0.249s;
	animation-delay: 0.249s;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.spinner_load .spinner-blade:nth-child(5) {
	-webkit-animation-delay: 0.332s;
	animation-delay: 0.332s;
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.spinner_load .spinner-blade:nth-child(6) {
	-webkit-animation-delay: 0.415s;
	animation-delay: 0.415s;
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.spinner_load .spinner-blade:nth-child(7) {
	-webkit-animation-delay: 0.498s;
	animation-delay: 0.498s;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.spinner_load .spinner-blade:nth-child(8) {
	-webkit-animation-delay: 0.581s;
	animation-delay: 0.581s;
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.spinner_load .spinner-blade:nth-child(9) {
	-webkit-animation-delay: 0.664s;
	animation-delay: 0.664s;
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.spinner_load .spinner-blade:nth-child(10) {
	-webkit-animation-delay: 0.747s;
	animation-delay: 0.747s;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.spinner_load .spinner-blade:nth-child(11) {
	-webkit-animation-delay: 0.83s;
	animation-delay: 0.83s;
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.spinner_load .spinner-blade:nth-child(12) {
	-webkit-animation-delay: 0.913s;
	animation-delay: 0.913s;
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.left-loading {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
}

.none-action-link {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.pointer-events-none {
    pointer-events: none;
};

@-webkit-keyframes spinner-fade {
	0% {
		background-color: #69717d;
	}
	100% {
		background-color: transparent;
	}
}

@keyframes spinner-fade {
	0% {
		background-color: #69717d;
	}
	100% {
		background-color: transparent;
	}
}

/** Group to custom CSS on mobile version **/
@media (max-width: 1279px) {
    .bg-responsum-slogan .bg-responsum-slogan-l {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .responsum-signin-group {
        display: block;
    }

    .responsum-signin-p.col-md-4 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
        margin: auto;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .responsum-signin svg {
        height: 34px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .responsum-mobile-app-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .responsum-app-link .responsum-app-link-p{
        display: inline-block;
        vertical-align: bottom;
        position: absolute;
        top: 30%;
        left: 21%;
    }

    .responsum-need-help.text-right {
        text-align: center !important;
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
    .responsum-signin-p.col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .responsum-left-logo {
        display: none;
    }

    .responsum-right-content {
        width: 100%;
        margin: auto;
    }

    .responsum-back-to, 
    .responsum-logo-mobile,
    .responsum-download-bt-group {
        display: block !important;
    }

    .responsum-create-account {
        margin-top: 0;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .responsum-logo-mobile .responsum-logo {
        width: 60%;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .responsum-enter-group {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .responsum-signin-group {
        display: block;
    }

    .responsum-app-group {
        display: none;
    }

    .responsum-signin {
        min-height: 30px;
        width: 80%;
    }
    .text-social {
        height: inherit;
        line-height: 30px;
    }
    .responsum-registration {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 15px;
    }
    
    .responsum-download-bt-group {
        position: fixed !important;
        bottom: 0px;
    }

    .loginV2.responsum-signin-button {
        padding-top: 0px;
    }

    .responsum-login-action {
        font-size: 13px;
    }

    .responsum-login-text {
        margin-bottom: 0px;
        height: 25px;
        line-height: 25px;
        font-size: 13px;
    }

    .register {
        padding-bottom: 50px;
    }

    .responsum-enter-text { 
        line-height: 15px;
    }

    .remember-me-group {
        font-size: 13px;
        line-height: 20px;
    }
    
    .responsum-enter-value input {
        height: 35px;
    }

    .checkbox-wrapper.remember-me-group [type=checkbox]+label:before {
        top: 0px;
    }

    .responsum-signin-button button {
        font-size: 15px;
        padding: 2px 28px;
        line-height: 15px;
        height: 35px;
    }

    .responsum-policy {
        margin-bottom: 50px;
        line-height: 15px;
        padding: 0 5px;
    }
}

@media (min-width: 654px) and (max-width: 767px) {
    .responsum-back-to-link {
        max-width: 38%;
    }
}

@media (min-width: 529px) and (max-width: 653px) {
    .responsum-back-to-link {
        max-width: 47%;
    }
}

@media (min-width: 371px) and (max-width: 528px) {
    .responsum-back-to-link {
        max-width: 66%;
    }
}

@media (min-width: 310px) and (max-width: 370px) {
    .responsum-back-to-link {
        max-width: 80%;
    }
}

/** Group custom css for Iphone X **/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .responsum-logo-mobile .responsum-logo {
        width: 65% !important;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .responsum-signin-p.mb-1 {
        margin-bottom: 0.5rem !important;
    }

    .loginV2.responsum-signin-button {
        padding-top: 15px;
    }

    .responsum-registration {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
/** End Group custom css for Iphone X **/

/* iPhone 6 Plus portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 3){
    .responsum-back-to-link a {
        font-size: 13px;
    }
}
/* End iPhone 6 Plus portrait */