﻿body {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.main-container {font-family: 'Segoe UI';}
.input-validation-error {border-color: red !important;}
.login-glyphicon{position: absolute;top: 9px;left: 7px;}
.login-glyphicon-domain{background-image: url('/content/images/world_sign.png');background-repeat: no-repeat;background-position: 6px 9px;background-size: 16px;height: 25px;width: 25px;position: absolute;}
.login-glyphicon-email {background-image: url('/content/images/email.png');background-repeat: no-repeat;background-position: 7px 13px;background-size: 17px;height: 25px;width: 25px;position: absolute;}

#iLoginWithCompCredsIcon {
    border: solid #337ab7;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

#iLoginWithCompCredsIcon.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#iLoginWithCompCredsIcon.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#iLoginWithCompCredsIcon, #spnLoginWithCompCredsText {
    color: #337ab7;
    font-size: 14px;
    cursor: pointer;
}

.regular-radio {
    display: none;
}

.regular-radio + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #9c9c9c;
    box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.05);
    padding: 6px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    margin-top: 3px;
}

.regular-radio:checked + label:after {
    content: ' ';
    width: 6px;
    height: 6px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #99a1a7;
    box-shadow: inset 0 0 10px rgba(0,0,0,.3);
    text-shadow: 0;
    left: 3px;
    font-size: 32px;
}

#dvINCLogin-RightBanner {height: 100%; background: url('../../Content/images/InsightLoginBanner.png') no-repeat scroll; text-align: center; background-size: 100% 100%; }

.div-banner-notes{
    display:flex;
    align-items:center;
    flex-direction:column;
}

.title-size-lg {font-size: 33px!important}

.text-TACE{
    text-align:center;
    color:#fff;
    width: 370px;
    height: 80px;
    font-family: 'Montserrat', Segoe UI, sans-serif;
    font-weight: bold;
}

.text-inc-banner-note{
    color:#FFFFFF;
    width: 550px;
    height: 46px;
    font-family: 'Open Sans', Segoe UI;
    font-weight: 100;
}

.img-login-insight{
    width: 297px;
    height: 88px;
    margin-bottom: 30px;
}

.login-parent {
    padding: 55px 45px;
    width: 535px;
    border: 1px solid #EBEBEB !important;
}

#ddlLocalization {
    font-size: 14px !important;
}

.div-btn-next {
    width: 112px; 
    margin-left: 12px;
}

.btn-loginInsight-next{
    max-width: 112px;
    min-width: 112px;
    height: 34px;
    color: #fff;
    background-color: #056D7A;
    font-size: 13px;
    margin-left: 12px;
}

.btn-loginInsight-next:hover{
    color: #fff;
    background-color: #056D7A;
}

.login-input{
    width:100%;
    height: 34px;
    font-size: 14px;
}

.text-green{
    color: #056D7A !important;
}

.signing-note-text{
    font-size:14px;
}

.font-size-14{
    font-size:14px;
}

.font-size-12{
    font-size:12px!important
}

.dvLoginContent {
    display:flex;
}

.btn-start-free-trial{
    padding: 4px;
    background-color:#E85C24;
    width: 186px;
    height: 34px;
}

.btn-start-free-trial:hover{
    padding: 4px;
    background-color:#E85C24;
    width: 186px;
    height: 34px;
}

.text-StartYourFreeTrial:hover{
    color: #fff;
}

.div-sign-up{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top:30px;
}

.dv-SiteFooterContainer a {
    color: rgb(51, 122, 183);
    text-decoration: none;
}

.imgFooterLogo {
    height: 45px;
}

.form-control:focus, .form-select:focus {
    border-color: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.insight-login-form .login-glyphicon {
    top: 10px;
}

.more-otions-item {
    font-size:14px;
    margin-bottom:0;
    margin-top: 5px;
}

.input-icon-lock {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    color: #969696;
    font-size: 16px;
    pointer-events: none;
}

.text-red {
    color: red;
}

.validation-summary-errors ul {
    list-style-type: none;
    padding-left: 0;
}

.btn-loginInsight-next:focus-visible, .btn-loginInsight-next:active {
    color: #fff !important;
    background-color: #056D7A !important;
    border-color: black !important;
}

.btn-start-free-trial:focus-visible, .btn-start-free-trial:active {
    color: #fff !important;
    background-color: #E85C24 !important;
    border-color: black !important;
} 

@media only screen and (min-width: 767px) and (max-width: 991) {
    #dvLoginParent .login-parent{padding: 25px 12px;width: 370px;}
    .text-inc-banner-note {
        width: 100%;
        white-space: normal;
        word-wrap: break-word; 
    }
}

@media only screen and (max-width: 576px) {
    #dvLoginParent .login-parent{padding: 35px 35px; width: 100%;}
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
    #dvLoginParent .login-parent{padding: 35px 30px;width: 370px;}
    .text-inc-banner-note {
        width: 100%;
        white-space: normal;
        word-wrap: break-word; 
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #dvLoginParent .login-parent{padding: 30px 15px;width: 450px;}
    .text-inc-banner-note {
        width: 100%;
        white-space: normal;
        word-wrap: break-word; 
    }
}

@media only screen and (min-width: 1400px) {
    #dvLoginParent .login-parent { padding: 60px 75px; width: 650px; }
    .font-size-12 { font-size: 14px; }
    .font-size-14 { font-size: 16px; }
    #spnLoginWithCompCredsText { font-size: 16px; }
    .more-otions-item { font-size:16px; margin-top: 8px; }
}