h1, h2, h3, h4, h5, ol, ul, li {
    font-size: inherit;
    font-family: "Raleway",sans-serif !important;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0px;
    vertical-align: baseline;
    text-transform: inherit;
    letter-spacing: inherit;
    margin: 0px;
}

html {
    font-family: "Raleway",sans-serif !important;
}

body {
    margin: 0px;
    font-family: "Raleway",sans-serif !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

a {
    background-color: transparent;
    cursor: pointer;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0px;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

input {
    line-height: normal;
}

#navContent {
    width: 940px;
    margin: 0px auto;
}

body {
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    font-size: 14px !important;
}

#logo {
    display: inline-block;
    margin-left: 12px;
    width: 183px;
    height: 70px;
    background: transparent url("/wf/images/Intuilab-Logo-Final.png") no-repeat scroll center center;
}

nav#navContainer {
    margin: 0px auto;
    width: 100%;
    height: 70px;
    /*min-width: 940px;*/
    background-color: #282f37;
}

.header-menu
{
    background-color: #fff !important;
}
.top-header-menu {
    width:50%;
}
.logo-header
{
    margin-left: 15%;
}

.footermargin 
{
    margin-top:0px !important;
}

#navContainer {
    vertical-align: middle;
}

#logoIntuiface {
    /*width: 155px;*/
    height: 60px;
    background: transparent url("/wf/images/Logo_intuiface_small.png") no-repeat scroll left center;
    background-size: auto 45px;
}

#description h3 {
    font-family: "segoe ui",sans-serif;
    font-size: 14px;
    color: black;
    margin-right: 30px;
}

#description p {
    margin-bottom: 20px;
}

#login {
    display: inline-block;
    float: left;
    /*width: 400px;
    height: 240px;*/
    
    margin-top: 30px;
}

.nav-link.login
{
    padding-left: 20px;
    background: transparent url("/wf/images/login Icon.png") no-repeat scroll left top;
}

#loginBtn
{
    text-align: left;
}

#password {
    margin-top: 5px;
}

#password .col-sm-6, #password .col-sm-12, #loginBtn .col-sm-6
{
    padding: 0;
}

.col-sm-6.textRight
{
    text-align: right;
}

#password a.icon {
    text-indent: inherit;
    
    height: 13px;
    font-size: 13px;
    color: #de2527;
}



#loginDescription {
}

.uderline {
    text-decoration: underline;
}

.clear {
    clear: both;
}

.full-width {
    /*min-width: 1280px;*/
}

.header h1 {
    color: #282f36 !important;
    font-size: 35px !important;
    font-weight: 600 !important;
    line-height: 45px !important;
    text-align: center !important;
    margin: auto !important;
    width: auto;
    padding: 0px;
}

.header {
    padding-left: 20px;
    padding-right: 20px;
    height: 148px;
    /*line-height: 148px;*/
    text-align: center;
    /*min-width: 1280px;*/
}

    .header > div {
        line-height: normal;
        display: inline-block;
        vertical-align: middle;
    }

section.content {
    font-family: "Raleway",sans-serif !important;
    padding: 0px 0px 40px;
}


.ui-dialog, .ui-widget {
    font-family: "Raleway",sans-serif !important;
}

.main {
    margin-bottom: 0px;
    /*min-width: 1280px;*/
    background: #F1F6FF 0% 0% no-repeat;
}

div.main div.row {
    /*min-width: 1280px;
    max-width: 1280px;*/
    margin: 0px auto;
    padding-top: 70px;
    height: 100%;
}

    div.main div.row.background {
    }

input.registerFormInput, select.registerFormInput {
    border-radius: 3px;
    background-color: #FFFFFF;
    width: 100%;
    height: 48px;
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    margin: 15px 0px 0px;
    padding: 3px 0px 0px 5px;
    display: block;
    border-color: rgba(255, 255, 255, 0.5);
}



div#description {
    margin-top: 5px;
}

.registrationForm div.background {
    padding-bottom: 10px !important;
}

.registrationForm p {
    color: #fc7f8b;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 0px;
}



.main.register {
    /*height: 506px;*/
    min-height: 506px !important;
    box-sizing: border-box;
    text-align: center;
}


.main.register {
    padding-top: 0px;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding-left: 20px;
    padding-right: 20px;
    outline: medium none !important;
}







.registrationForm p, label {
    text-align: left;
    color: #333333;
}

.leftFormPart {
    margin-top: 50px;
    /*padding-left:180px;*/
}

.rightFormPart {
    margin-top: 50px;
    /*padding-right:180px;*/
}

label.loginForm {
    font-weight: 400;
}

.passwordBloc {
    margin-top: 20px;
}

div.main div.row {
    padding-top: 0px;
}

#password {
    text-align: left;
    margin-top: 10px;
}

#remember {
    margin-top: 10px;
    color: #333333;
    text-align: left;
}

.header h1.headerTitle {
    margin-top: 20px !important;
}


.required {
    border: 2px solid #fc7f8b !important;
}

#password a.icon {
    color: #333333;
}

.validatorErrorWhite {
    display: inline;
    float: none;
    font-weight: bold;
    line-height: 15px;
    margin: 0;
    padding: 0;
    color: #FC7F8B !important;
    padding: 3px 5px;
    margin-left: 5px;
    font-size: 12px;
    width:100%;
}

.validatorErrorWhiteBottom {
    margin: 5px 0 0 0;
    display: inline-block;
}

.disabled{
    opacity:0.3;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #333333;
}

input:focus {
    outline-color: #4AC2F6;
}

body {
    font-family: Raleway, sans-serif;
}

.rememberCb > input {
    margin-top: -2px;
}

p.clickHere a {
    color: #1A45A1;
    text-decoration: underline;
}

.registrationForm  a{
    color: #1A45A1 !important;
}

.loginWithSSOLink
{
    text-align: left;
    line-height: 70px;
}

.signInBtn {
    border: 0;
    height: 40px;
    width: 110px !important;
    background: transparent linear-gradient(109deg,  #49BBF6 0%,  #3579EF 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    color: #ffffff !important;
    padding-right: 5px;
    font: normal normal 600 13px/15px Raleway;
    text-decoration: none;
}

.signInBtn:hover {
    background: linear-gradient(130deg, #66D1FC, #4AA1FB);
}


.signInBtn.disabled:hover {
    background: transparent linear-gradient(109deg, #49BBF6 0%, #3579EF 100%) 0% 0% no-repeat padding-box;
}

h1.loginTitle {
    /*width: 940px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

h2.login {
    line-height: inherit;
}

.container.w-container {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    background: #F1F6FF 0% 0% no-repeat padding-box;

}

.singInBtnBloc {
    padding-left: 0;
}

.password-bloc-overlay {
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0;
    top: 0;
    position: absolute;
    z-index: 9999;
}

/* Responsive part */

@media screen and (max-width: 767px) {
    #loginDescription {
        display: none;
    }

  

    #logoIntuiface {
        background-position: center;
        height: 65px;
    }

    h2.login, #login {
        margin-top: 0px;
    }

    .singInBtnBloc {
        margin-top: 20px;
    }

    #remember {
        margin-bottom: 10px;
    }

    .footermargin {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 900px) {
    .social-media {
        text-align: center;
        float: none !important;
    }

   
}