﻿/*STRONA LOGOWANIA
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html,
body.LoginPage {
    height: 100%;
    min-height: 100%;
    position: relative;
    background: none;
    margin: 0;
}

html {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    height: 100%;
    background: url(../../Images/Layout/MBS/MBS_background_image.png) no-repeat 94% 84% transparent !important;
    background-attachment: fixed !important;
}

form > .main {
    width: 100% !important;
    margin: 0 auto;
    padding: 0 2%;
    box-sizing: border-box;
}

.main {
    position: relative;
    z-index: 2;
}

.main {
    position: relative;
    z-index: 2;
}

.main #content.content,
#footer {
   background: url("../../Images/Layout/MBS/Colonnade_logotyp.png") no-repeat center 50px transparent;
   width: 100%;
}

.main #content.content .login_content .loginbox {
    width: 400px;
    margin: 0 auto;
    padding: 90px 55px 30px 65px;
    box-sizing: border-box;
    float: none;
}

.main #content.content .login_content .loginbox table {
   width: 100%;
}

.loginbox,
#footer_left_logo,
#footer_right_logo {
    padding-left: 40px;
}

    .loginbox h1,
    .loginbox p span,
    .userLabel,
    .passwordLabel {
        color: #003273;
    }

.loginbox h1 {
  text-align: left !important;
   display: none;
}

#footer {
    display: inline-block;
    width: 100%;
    padding: 10px 0 0 0;
    position: static;
    background: transparent;
    height: auto;
    display: none;
}

#footer_left_logo,
#footer_right_logo {
    margin: 0px !important;
    color: #fff;
    float: left;
    width: auto;
    clear: both;
    padding-left: 53.7% !important;
    padding-left: calc(50% + 40px) !important;
}

#footer_right_logo {
    padding-top: 15px;
}

 #footer_right_logo > * {
  float: none !important;
  display: inline-block;
   margin-right: 5px;
}

#main.main .topMenuMain {
    display: none;
}

.loginbox a {
    margin-bottom: 10px;
    color: white;
    width: 270px;
    font-weight:600 !important;
}

.loginbox a.ButtonNormal {
   float: left;
}

.loginbox a:hover {
   color: #fff;
}

.loginbox a em {
   font-style: normal;
}

.loginbox input {
    width: 270px !important;
    box-sizing: border-box;
}

.ReminderPopUpPanel label {
    display: inline-block;
    width: 100px;
}

.ReminderPopUpPanel .phoneNumberContent {
}

.important {
    color: #f00;
    background: transparent;
    width: 270px;
    padding: 0;
    margin-bottom: 10px;
}

.loginbox a.ButtonNormal,
.loginbox .RemainderDiv a {
    background: #00a4ca;
    color: #fff;
    width: 270px;
    line-height: 28px;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.loginbox a.ButtonNormal:hover,
.loginbox .RemainderDiv a:hover {
   background: #003e7b;
}

.loginbox a.ButtonNormal * {
   color: #fff;
}


input[type="text"],
input[type="password"],
textarea,
.styledSelect,
.styled-select,
html div.gridbox_dhx_terrace td.filter input,
html div.gridbox_dhx_terrace td.filter select,
html .dhx_combo_box {
    height: 28px !important;
    line-height: 28px !important;
    border: 1px solid #ccc !important;
    background: transparent !important;
    color: #000 !important;
    border-radius: 0 !important;
    text-indent: 4px !important;
    transition: all 0.25s ease-in-out 0s !important;
}

    input[type=text]:focus,
    input[type=email]:focus,
    input[type=date]:focus,
    input[type=tel]:focus,
    input[type=password]:focus,
    textarea:focus {
        border-color: #00838f !important;
        outline: none;
    }

.tblInner .logininput {
    border-color: #003273 !important;
}


    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        background-color: #fff !important;
    }

.main > .navigationPanel > .leftblock,
.main > .navigationPanel {
    display: none;
}

.phoneNumberContent,
.emailContent {
    width: 292px;
    float: left;
    /* margin-top: 50px; */
    box-sizing: border-box;
}

.phoneNumberContent {
    padding-right: 1px;
    padding-left: 20px;
}

.emailContent {
    padding-right: 20px;
    padding-left: 1px;
}

    .phoneNumberContent input,
    .emailContent input {
        width: 100%;
    }

    .phoneNumberContent label,
    .emailContent label {
        width: 100%;
        margin: 0;
    }

#orgName {
    display: none;
}

html .main > .content {
    padding: 100px 0 160px;
}

html body.LoginPage .content .content {
    background: none;
    width: 100%;
    margin: 0;
}

body.LoginPage .loginbox input {
    background-image: none !important;
    float: left;
    /* height: 24px; */
    display: block;
    text-indent: 4px !important;
    padding: 0px;
}

body.LoginPage .ReminderPopUpPanel input[type="submit"] {
    width: 250px !important;
    float: none;
    display: inline-block;
}

.userInput,
.passwordInput {
    height: 36px;
}

table.standardtable td, table.standardtable th {
    padding: 0;
}

body.Logout .loginbox h1 {
    display: none;
}

body.Logout .loginbox {
    float: none;
}

html body.Logout .loginbox p {
    float: none;
    padding: 0;
    text-align: center;
}

html body.Logout .loginbox span {
    text-align: center;
}

html body.Logout .main #content.content {
    padding-top: 200px;
}

html body.Logout .loginbox p a:hover {
    color: #00a4ca;
}

.QuestionPanel, .ReminderPopUpPanel, .QuestionPanel div#MC_PasswordReminderControl1_InfoDiv {
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
}

.QuestionPanel .ModalButtonsDiv .standardbutton {
   float: none;
   display: inline-block;
}

    .QuestionPanel .ModalLabel, .ReminderPopUpPanel .ModalLabel {
        display: block;
        color: #fff;
        font-size: 16px !important;
        background: #003273;
        padding: 4px 10px;
        width: 100%;
        box-sizing: border-box;
        text-align: center !important;
        margin-bottom: 20px;
        font-weight: 300;
    }

.ModalButtonsDiv {
    padding: 20px 20px 10px 20px;
    text-align: center;
    clear: both;
    float: none;
}

.loginbox .ModalButtonsDiv input {
    width: 50% !important;
}

/* INPUT */

input[type="submit"],
input[type="button"],
.button,
.loginbox a.ButtonNormal,
.loginbox .RemainderDiv a,
.annexesList a.uploadedfilesbutton,
.ScannerButton {
    display: inline-block;
    background: #00838f !important;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    padding: 0px 10px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    border: none !important;
    transition: all 0.15s ease-in-out 0s;
    height: 30px;
    box-sizing: border-box;
}

    input[type="submit"]:hover,
    input[type="button"]:hover,
    .button:hover,
    .loginbox a.ButtonNormal:hover,
    .loginbox .RemainderDiv a:hover,
    .annexesList a.uploadedfilesbutton:hover,
    .ScannerButton:hover {
        background: #0097a7 !important;
    }

.LoginPage {
    overflow-y: auto;
}
