body .content-main {

    display: block;
    position: relative;
    width: 100%;
    padding: 0 27px;
    padding-top: 80px;
    max-width: 1140px;
    margin: 0 auto;
}
.text-gradient.text-info {
    /*background-image: linear-gradient(310deg, #d9fdd3, #128C7E);*/
    color: #128C7E;
}
.card.card-plain.mt-8 {
    width: 35%;
    display: inline-block;
}
.card.card-plain.mt-8 form{
    display: block;
}

.card.card-plain.mt-8 form  label {
    margin-top: 15px;
    margin-bottom: 5px;
    width: 100%;
}

.card.card-plain.mt-8 form input.form-control {
    width: 100%;
    padding: 7px;
    padding-left: 10px;
    border: 1px solid #128C7E;
    border-radius: 10px;
}

.card.card-plain.mt-8 form input#rememberMe {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    border: 1px solid #128C7E;
}

.card.card-plain.mt-8 form label.form-check-label {
    width: auto;
    margin-top:5px;
    vertical-align: middle;
}

.card.card-plain.mt-8 form button#send {
    margin-top:15px;
    background-color: #128C7E;
    border: 1px solid #128C7E;
    color: white;
    font-weight: 700;
}
img.attachment-full {
    display: inline-block;
    width: 60%;
}
p.mb-0.error {
    color: red;
    border: 1px dashed;
    padding: 5px;
    text-align: center;
    overflow: auto;
}
p.mb-0.error span.close {
    float: right;
    border: 1px solid;
    padding: 0 7px 0 7px;
    border-radius: 29px;
    background: red;
    color: wheat;
    opacity: 0.5;
    margin-top: -1px;
    cursor: pointer;
}
div#login-google {
    margin-top: 5%;
   .abcRioButton{border-radius:1px;box-shadow:0 2px 4px 0 rgba(0,0,0,.25);-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;-webkit-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;color:#262626;cursor:pointer;outline:none;overflow:hidden;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}.abcRioButton:hover{box-shadow:0 0 3px 3px rgba(66,133,244,.3)}.abcRioButtonBlue{background-color:#4285f4;border:none;color:#fff}.abcRioButtonBlue:hover{background-color:#4285f4}.abcRioButtonBlue:active{background-color:#3367d6}.abcRioButtonLightBlue{background-color:#fff;color:#757575}.abcRioButtonLightBlue:active{background-color:#eee;color:#6d6d6d}.abcRioButtonIcon{float:left}.abcRioButtonBlue .abcRioButtonIcon{background-color:#fff;border-radius:1px}.abcRioButtonSvg{display:block}.abcRioButtonContents{font-family:Roboto,arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.21px;margin-left:6px;margin-right:6px;vertical-align:top}.abcRioButtonContentWrapper{height:100%;width:100%}.abcRioButtonBlue .abcRioButtonContentWrapper{border:1px solid transparent}.abcRioButtonErrorWrapper,.abcRioButtonWorkingWrapper{display:none;height:100%;width:100%}.abcRioButtonErrorIcon,.abcRioButtonWorkingIcon{margin-left:auto;margin-right:auto}.abcRioButtonErrorState,.abcRioButtonWorkingState{border:1px solid #d5d5d5;border:1px solid rgba(0,0,0,.17);box-shadow:0 1px 0 rgba(0,0,0,.05);color:#262626}.abcRioButtonErrorState:hover,.abcRioButtonWorkingState:hover{border:1px solid #aaa;border:1px solid rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.1)}.abcRioButtonErrorState:active,.abcRioButtonWorkingState:active{border:1px solid #aaa;border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 1px 0 #ddd;color:#262626}.abcRioButtonWorkingState,.abcRioButtonWorkingState:hover{background-color:#f5f5f5}.abcRioButtonWorkingState:active{background-color:#e5e5e5}.abcRioButtonErrorState,.abcRioButtonErrorState:hover{background-color:#fff}.abcRioButtonErrorState:active{background-color:#e5e5e5}.abcRioButtonErrorState .abcRioButtonErrorWrapper,.abcRioButtonWorkingState .abcRioButtonWorkingWrapper{display:block}.abcRioButtonErrorState .abcRioButtonContentWrapper,.abcRioButtonErrorState .abcRioButtonWorkingWrapper,.abcRioButtonWorkingState .abcRioButtonContentWrapper{display:none} .-webkit-keyframes abcRioButtonWorkingIconPathSpinKeyframes {0% {-webkit-transform: rotate(0deg)}}
}
@media only screen and (max-width: 620px) {
    body .content-main .card.card-plain.mt-8 {
        width: 87%;
        margin: 0 auto;
        display: block;
    }

    body .content-main .card.card-plain.mt-8 form button#send {
        width: 100%;
        border-radius: 5px;
    }
    body main.content-main img.attachment-full {
        display: none;
    }
    body main.content-main {
        /*margin-top: 0px;
        padding-top: 120px;*/
        display: inline-block;
    }
    div#login-google {
        .abcRioButton {
            width: 100% !important;
        }
    }
}

/**********popup**********/
@media (max-width: 720px) {
    body[type="iframe"]{
        .top-bar {
            display: none;
        }
        main.content-main {
            padding-top: 0px;
            padding: 0 5px;
        }
        div#login-google {
            margin-bottom: 15px;
        }
        /*h3.text-gradient.text-info,*/
        br {
            display: none;
        }
    }
}