/* Css GSK EMPRESAS - CMS
 */
body {
    overflow-x: hidden;
}

div.navbar {
    position: absolute;
    top: 0;
    width: 100%;
}

img.logo-gskEmpresas {
    width: auto;
    height: 60px;
}

.body {
    background-size: cover;
    background-image: url(../img/bg-00.png);
    background: rgba(110,48,137,1);
    background: -moz-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,48,137,1)), color-stop(100%, rgba(181,51,64,1)));
    background: -webkit-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -o-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -ms-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: linear-gradient(to right, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e3089', endColorstr='#b53340', GradientType=1 );
}

.card.form-signin {
    background-color: rgba(255,255,255, 0.8) !important;
    border-radius: 0.5rem !important;
}

.featured-imgCard {
    position: absolute;
    max-width: 175px;
    margin-top: -192.5px;
    margin-left: -88px;
}

.alert.alert-danger {
    margin-bottom: -25px;
    margin-top: 48px;
}

button.btn.btn-lg {
    margin-bottom: -12px;
}

input {
    border-radius: 2.25rem !important;
}

.input-group-text {
    border-radius: 2.25rem;
    max-height: 46px;
}

span#basic-addon2 {
    position: absolute;
    right: 0;
    border: 0px;
    border-radius: 0px;
    border-left: 1px solid #c1c1c1;
    background-color: transparent;
    color: #808080;
    margin: 8px 4px;
    z-index: 1000;
}

.lost-pass {
    color: #6F3089 !important;
}

.btn-gradient {
    border-radius: 2.25rem;
    background: rgba(110,48,137,1);
    background: -moz-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,48,137,1)), color-stop(100%, rgba(181,51,64,1)));
    background: -webkit-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -o-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -ms-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: linear-gradient(to right, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e3089', endColorstr='#b53340', GradientType=1 );
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    min-height: 44px;
    transition: transform .3s;
}

.btn-gradientsimpliflu {
    border-radius: 2.25rem;
    background: #00b6c9 !important;
    /*background: rgba(110,48,137,1);
    background: -moz-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,48,137,1)), color-stop(100%, rgba(181,51,64,1)));
    background: -webkit-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -o-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -ms-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: linear-gradient(to right, rgb(179, 190, 237) 0%, rgb(21, 78, 196) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e3089', endColorstr='#b53340', GradientType=1 );
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    min-height: 44px;
    transition: transform .3s;
}

.btn-gradient:hover {
    background-color: #039cad;
    /*background: rgba(85,35,107,1) !important;
    background: -moz-linear-gradient(left, rgba(85,35,107,1) 0%, rgba(153,44,55,1) 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,35,107,1)), color-stop(100%, rgba(153,44,55,1))) !important;
    background: -webkit-linear-gradient(left, rgba(85,35,107,1) 0%, rgba(153,44,55,1) 100%) !important;
    background: -o-linear-gradient(left, rgba(85,35,107,1) 0%, rgba(153,44,55,1) 100%) !important;
    background: -ms-linear-gradient(left, rgba(85,35,107,1) 0%, rgba(153,44,55,1) 100%) !important;
    background: linear-gradient(to right, rgba(85,35,107,1) 0%, rgba(153,44,55,1) 100%) !important;*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55236b', endColorstr='#992c37', GradientType=1 ) !important;
    transform: scale(1.02);
    transition: transform .3s;
}

.bg-login, .bg-mask {
    width: 100%;
    height: 100%;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.bg-login {
    background-size: cover;
    background-image: url(../img/bg-00.png);
}

.bg-loginsimpliflu, .bg-mask {
    width: 100%;
    height: 100%;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.bg-loginvacinasgsk, .bg-mask {
    width: 100%;
    height: 100%;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.bg-loginsimpliflu {
    background-size: cover;
    background-image: url(../img/bg-01.png);
    background-position: calc(100% - 0px) calc(100% - 70%);
}
.bg-loginvacinasgsk {
    background-size: cover;
    background-image: url(../vacinasgsk/img/bg-01.png);
    background-position: calc(100% - 0px) calc(100% - 70%);
}

.bg-loginsimpliflu .bg-mask {
        /*background: rgba(110,48,137,0.7);
        background: -moz-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,48,137,0.7)), color-stop(100%, rgba(181,51,64,1)));
        background: -webkit-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
        background: -o-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
        background: -ms-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
        background: linear-gradient(to right, rgba(31, 130, 229, 0.7) 0%, rgba(240, 231, 231, 0.3) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e3089', endColorstr='#b53340', GradientType=1 );*/
        background: transparent !important;
    }
.bg-loginvacinasgsk .bg-mask {
    /*background: rgba(110,48,137,0.7);
        background: -moz-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,48,137,0.7)), color-stop(100%, rgba(181,51,64,1)));
        background: -webkit-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
        background: -o-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
        background: -ms-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
        background: linear-gradient(to right, rgba(31, 130, 229, 0.7) 0%, rgba(240, 231, 231, 0.3) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e3089', endColorstr='#b53340', GradientType=1 );*/
    background: transparent !important;
}

.bg-loginsimpliflu .content-card {
        margin: 0px 15% 0px auto;        
        background: transparent;
    }
.bg-loginvacinasgsk .content-card {
    margin: 0px 15% 0px auto;
    background: transparent;
}

.bg-mask {
    background: rgba(110,48,137,0.7);
    background: -moz-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,48,137,0.7)), color-stop(100%, rgba(181,51,64,1)));
    background: -webkit-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
    background: -o-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
    background: -ms-linear-gradient(left, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
    background: linear-gradient(to right, rgba(110,48,137,0.7) 0%, rgba(181,51,64,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e3089', endColorstr='#b53340', GradientType=1 );
}

.content-card {
    margin: 0 auto;
    margin-top: 100px;
    min-width: 300px;
}

.gradient-bottom {
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -1px;
    background: rgba(110,48,137,1);
    background: -moz-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,48,137,1)), color-stop(100%, rgba(181,51,64,1)));
    background: -webkit-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -o-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -ms-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: linear-gradient(to right, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e3089', endColorstr='#b53340', GradientType=1 );
}

.gradient-bottomsimpliflu {
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -1px;
    background: rgba(0, 182, 201);
    /*background: -moz-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,48,137,1)), color-stop(100%, rgba(181,51,64,1)));
    background: -webkit-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -o-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: -ms-linear-gradient(left, rgba(110,48,137,1) 0%, rgba(181,51,64,1) 100%);
    background: linear-gradient(to right, rgb(216, 216, 235) 0%, rgb(27, 59, 221) 100%);*/
    background: linear-gradient(to right, rgb(3, 156, 173) 0%, rgb(0, 182, 201) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e3089', endColorstr='#b53340', GradientType=1 );
}

.modal-content {
    max-width: 353px;
    border-radius: 0.5rem !important;
    margin: 0 auto;
}

    .modal-content button.close {
        position: absolute;
        right: 0;
        top: 0;
        background: #ffffff;
        opacity: 100;
        border-radius: 31px;
        border: 1px solid #c1c1c1;
        transition: transform .3s;
    }

        .modal-content button.close:hover {
            transform: scale(1.2);
            transition: transform .3s;
            background: #ffffff !important;
            opacity: 100 !important;
        }

        .modal-content button.close span {
            position: absolute;
            margin-top: -14px;
            margin-left: -8px;
            font-weight: bold;
        }

.form-signin .form-control {
    padding: 10px 15px !important;
}

.simpliflu a.logo-gsk img {
    max-width: 60px;
    width: 100%;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    img.logo-gskEmpresas {
        max-height: 35px;
    }
}

@media (max-width: 575.98px) and (orientation: landscape) {
    img.logo-gskEmpresas {
        max-height: 40px;
    }

    .content-card {
        margin-top: 360px;
    }

    .bg-login {
        height: 700px;
    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
}

@media (max-width: 767.98px) and (orientation: landscape) {
    img.logo-gskEmpresas {
        max-height: 40px;
    }

    img.logo-gskSimpliFlu {
        width: auto;
        height: 27px;
    }

    img.logo-gskVacinasgsk {
        width: auto;
        height: 27px;
    }
    .content-card {
        margin-top: 340px;
    }

    .bg-login {
        height: 700px;
    }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .navbar a {
        width: 100%;
    }

    img.logo-gskEmpresas {
        max-height: 45px;
    }
}

@media (max-width: 991.98px) and (orientation: landscape) {
    img.logo-gskEmpresas {
        max-height: 50px;
        margin: 0 auto;
    }

    .content-card {
        margin-top: 340px;
    }

    .bg-login {
        height: 700px;
    }
    .simpliflu a.logo-gsk img {
        max-width: 60px;
    }
}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
}

/* Extra large devices (large desktops)*/
/* No media query since the extra-large breakpoint has no upper bound on its width*/

@media (max-width: 1024px) and (orientation: landscape) {
    .simpliflu a.logo-gsk img {
        max-width: 60px;
    }
}
@media (max-width: 1023px) and (orientation: portrait) {
    /*Simpliflu login*/
    html, body {
        height: 100% !important;
        min-height: 100% !important;
    }
    .navbar a img.logo-gskSimpliFlu {
        width: 65%;
        min-width: 280px;
        padding: 20px 0;
    }
    .navbar a img.logo-gskVacinasgsk {
        width: 65%;
        min-width: 280px;
        padding: 20px 0;
    }

    nav.navbar.fixed-bottom, .gradient-bottomsimpliflu {
        display: none;
    }
    .bg-white {
        background-color: #f5f5f5 !important;
        border-bottom: 0px solid transparent;
        -webkit-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.35) !important;
        -moz-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.35) !important;
        box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.35) !important;
    }
    .bg-loginsimpliflu {
        background-size: cover;
        background-image: url(../simpliflu/img/simpliflu-mobile.png);
        background-position: calc(100% - 0px) calc(100% - 70%);
    }
    .bg-loginvacinasgsk {
        background-size: cover;
        background-image: url(../vacinasgsk/img/vacinasgsk/image-mobile.png);
        background-position: calc(100% - 0px) calc(100% - 70%);
    }
    .bg-loginsimpliflu .content-card {
        margin: 85% auto 10%;
        min-width: 280px;
        width: 100%;
    }
    .bg-loginvacinasgsk .content-card {
        margin: 85% auto 10%;
        min-width: 280px;
        width: 100%;
    }

    .bg-loginsimpliflu .card.form-signin {
        background-color: #f5f5f5 !important;
        max-width: 80%;
        border-radius: 2.8em !important;
        -webkit-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.35);
        -moz-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.35);
        box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.35);
    }
    .bg-loginvacinasgsk .card.form-signin {
        background-color: #f5f5f5 !important;
        max-width: 80%;
        border-radius: 2.8em !important;
        -webkit-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.35);
        -moz-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.35);
        box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.35);
    }

    .bg-loginsimpliflu .card.form-signin .card-body{
        padding: 3rem;
    }
    .bg-loginvacinasgsk .card.form-signin .card-body {
        padding: 3rem;
    }


    .bg-loginsimpliflu .card.form-signin form{
        padding: 1.5rem 0;
    }
    .bg-loginvacinasgsk .card.form-signin form {
        padding: 1.5rem 0;
    }


    .bg-loginsimpliflu form .input-group {
        margin-top: 0px !important;
        margin-bottom: 3rem !important;
    }
    .bg-loginvacinasgsk form .input-group {
        margin-top: 0px !important;
        margin-bottom: 3rem !important;
    }

    .bg-loginsimpliflu .btn-gradientsimpliflu {
        background-color: #ec6608 !important;
        border: 5px solid #cccccc;
        font-size: 2.8em;
        letter-spacing: 5px;
        border-radius: 6em;
        padding: 15px;
    }
    .bg-loginvacinasgsk .btn-gradientsimpliflu {
        background-color: #ec6608 !important;
        border: 5px solid #cccccc;
        font-size: 2.8em;
        letter-spacing: 5px;
        border-radius: 6em;
        padding: 15px;
    }

    .bg-loginsimpliflu .form-signin .form-control {
        padding: 24px 30px !important;
        font-size: 38px;
        border-radius: 3em !important;
    }
    .bg-loginvacinasgsk .form-signin .form-control {
        padding: 24px 30px !important;
        font-size: 38px;
        border-radius: 3em !important;
    }


    .bg-loginsimpliflu .form-signin .form-control::placeholder,        
    .bg-loginsimpliflu .form-signin .form-control::-ms-placeholder,        
    .bg-loginsimpliflu .form-signin .form-control::-moz-placeholder,        
    .bg-loginsimpliflu .form-signin .form-control::-webkit-input-placeholder {
            font-size: 38px;
        }

    .bg-loginvacinasgsk .form-signin .form-control::placeholder,
    .bg-loginvacinasgsk .form-signin .form-control::-ms-placeholder,
    .bg-loginvacinasgsk .form-signin .form-control::-moz-placeholder,
    .bg-loginvacinasgsk .form-signin .form-control::-webkit-input-placeholder {
        font-size: 38px;
    }


    .bg-loginsimpliflu span#basic-addon2 {
        font-size: 33px;
        margin: 33px 10px;
        padding: 0 20px;
    }
    .bg-loginvacinasgsk span#basic-addon2 {
        font-size: 33px;
        margin: 33px 10px;
        padding: 0 20px;
    }

    .bg-loginsimpliflu .alert.alert-danger {
        margin-bottom: 50px;
        margin-top: 0px;
        margin-bottom: 40px;
        font-size: 30px;
        padding: 25px;
        font-weight: bold;
    }
    .bg-loginvacinasgsk .alert.alert-danger {
        margin-bottom: 50px;
        margin-top: 0px;
        margin-bottom: 40px;
        font-size: 30px;
        padding: 25px;
        font-weight: bold;
    }

    .simpliflu a.logo-gsk img {
        width: 110px;
    }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 375px) 
and (min-device-height : 812px) 
and (max-device-height : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) {
    .bg-loginsimpliflu {
        background-size: cover;
        background-image: url(../simpliflu/img/simpliflu-mobile.png);
        background-position: calc(100% - -120px) calc(100% - 70%);
    }
    .bg-loginvacinasgsk {
        background-size: cover;
        background-image: url(../vacinasgsk/img/vacinasgsk-mobile.png);
        background-position: calc(100% - -120px) calc(100% - 70%);
    }
}