.Mondelez_container {
    margin-top: 20px;

    padding:20px;

    margin: 0px;
    font-size: 0px;
    background-color: #fff;
    font-family: Segoe UI;
    text-align: center;
}

.Mondelez {
    margin-top:30px;
    background-image: url('/App/Images/MondelezBackground.png');
    width:1024px;
    height:768px;
    padding-top:200px;
    display:inline-block;
}

.Mondelez ::-webkit-input-placeholder {
    color: #dbe1e8; font-family:Segoe UI
}

.Mondelez :-moz-placeholder { /* Firefox 18- */
    color: #dbe1e8; font-family:Segoe UI
}

.Mondelez ::-moz-placeholder {  /* Firefox 19+ */
    color: #dbe1e8;font-family:Segoe UI
}

.Mondelez ::-ms-input-placeholder {
    color: #dbe1e8;  font-family:Segoe UI
}

.Mondelez input:-ms-input-placeholder{
        color:#dbe1e8; font-family:Segoe UI
    }

.Mondelez .form_login {
    font-size: 12px;
}

.Mondelez .form_title {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 7px;
    font-size: 18px;
    color:#FFFFFF;
    font-weight:bold;
    width: 100%;
}

    .Mondelez .form_contents {
    width:100%;
    padding:2px 12px;
    margin-left:150px;
    margin-top:45px;
}

.Mondelez .form_label {
    width: 60px;
    margin-right: 35px;
    margin-top: 3px;
    font-size: 16px;
    color:#999;
    font-weight:bold;
    margin-top:30px;
}

    .Mondelez .form_username
    {
    font-size: 18px;
    height: 53px;
    width: 281px;
    background-image:url('/App/Images/Mondelez_btn_UserName.png');
    font-family:Segoe UI;
    font-weight:bold;
    color:gray;
    padding-left: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border:none;
    outline:none;
    margin-bottom:1px;
    margin-left:6px;
    }

.Mondelez .form_password {
    font-size: 18px;
    height: 53px;
    width: 281px;
    background-image:url('/App/Images/Mondelez_btn_Password.png');
    font-family:Segoe UI;
    font-weight:bold;
    color:gray;
    padding-left: 60px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border:none;
    outline:none;
    margin-left:6px;
}

    .Mondelez .form_notes
    {
        margin-top:10px;
        text-align: left;
        color: white;
        font-size: 14px;
    }

.Mondelez .form_button {
    color: #fff;
    border: 1px solid #6E7772;
    font-size: 14px;
    padding: 4px 20px;
    margin-bottom: 10px;
}

.Mondelez .form_errors {
    margin-top:10px;
        text-align: left;
        color: #f00;
        width: 50%;
        font-size: 14px;
}

.Mondelez .form_errors ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.Mondelez .footer {
    position: relative;
    top:10px;
    color: #fff;
    font-size: 12px;
    font-family:Segoe UI;
    width:80%;
    bottom:-30px;
    height:60px;
    text-align:left
}

.Mondelez .form_link {
        display: inline;
        color:red;
        font-weight:bold;
}

.Mondelez .form_link:visited {
        color:red;
}

.Mondelez .form_link:active {
        color:red;
}

.Mondelez .form_link:link {
        color:red;
}

.Mondelez .form_link:link {
        color:red;
}

body .AutoView {
    margin: 0px;
    font-size: 0px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.AutoView *{
    font-family:Arial;
    display:inline-block;
}

.AutoView .page_background {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.AutoView .page_background_image {
    width: 100%;
    height: 100%;
}

.AutoView .page_title {
    color: #fff;
    font-size: 20px;
    margin-top: 160px;
    margin-bottom: 50px;
}

.AutoView .page_intro {
    color: #fff;
    font-size: 19px;
    margin-bottom: 60px;
    width: 575px;
}

.AutoView .form_login {
    padding: 5px;
    height: 128px;
    width: 370px;
    color: #98D2E6;
    background-image: url('/App/Images/AutoviewLoginBackground.jpg');
    font-size: 12px;
}

.AutoView .form_header {
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

.AutoView .form_label {
    width: 80px;
    margin-right: 10px;
    font-weight: bold;
    text-align: right;
}

.AutoView .form_textbox {
    font-size: 9px;
    height: 14px;
    width: 170px;
    padding: 2px;
    margin: 2px;
}

.AutoView .form_checkbox {
    margin-top: 5px;
    width: 100%;
    text-align: left;
    margin-bottom: 4px;
}

.AutoView .form_checkbox_label {
    position: relative;
    top: 5px;
    left: -2px;
}

.AutoView .form_errors {
    color: #f00;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    height: 60px;
    text-align: left;
}

    .AutoView .form_errors ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

.AutoView .footer {
    color: #fff;
    font-size: 12px;
    width: 700px;
}

body .ipsos {
    margin: 0px;
    font-size: 0px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.ipsos *{
    font-family:Arial;
    display:inline-block;
}

.ipsos .ipsos_container {
    margin-top: 100px;
    background-image: url('/App/Images/Ipsos.jpg');
    height: 600px;
    width: 800px;
    padding-top: 430px;
    padding-left: 45px;
}

.ipsos .form_login {
    font-size: 12px;
    text-align: left;
}

.ipsos .form_title {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 7px;
    font-size: 12px;
    width: 100%;
}

.ipsos .form_label {
    width: 60px;
    margin-right: 25px;
    margin-top: 3px;
    font-size: 12px;
}

.ipsos .form_textbox {
    font-size: 12px;
    height: 18px;
    width: 150px;
    color: #333;
    border: 1px solid #999;
    margin: 3px 0px;
    padding: 3px;
}

.ipsos .form_link {
    display: inline;
    color: #777;
}

    .ipsos .form_link:visited {
        color: #777;
    }

    .ipsos .form_link:active {
        color: #777;
    }

    .ipsos .form_link:link {
        color: #777;
    }

.ipsos .form_checkbox {
    margin-top: 5px;
    width: 150px;
    text-align: left;
    margin-bottom: 4px;
}

.ipsos .form_button {
    color: #fff;
    border: 1px solid #6E7772;
    background-color: #6DB841;
    box-shadow: #333 1px 1px 1px;
    font-size: 14px;
    padding: 4px 20px;
    margin-bottom: 10px;
}

.ipsos .form_checkbox_label {
    position: relative;
    top: 5px;
    left: -2px;
}

.ipsos .form_errors {
    color: #f00;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

    .ipsos .form_errors ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

.ipsos .footer {
    color: #000;
    font-size: 10px;
}

.ipsos .termsandconditions {
    position: fixed;
    left: 200px;
    right: 200px;
    top: 200px;
    bottom: 200px;
    opacity: 0;
    visibility: collapse;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    transition: all 0.5s;
    padding: 100px;
}

.ipsos .termsandconditions_open {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 1;
    visibility: visible;
}

.ipsos .termsandconditions_content {
    border: 3px solid #000;
    background-color: #fff;
    width: 600px;
    height: 100%;
    overflow: scroll;
    font-size: 14px;
    padding: 20px;
}

.ipsos ol {
    margin: 0 0 1.5em;
    padding: 0;
    counter-reset: item;
    text-align: left;
}

    .ipsos ol > li {
        margin: 0;
        padding: 0 0 0 2em;
        list-style-type: none;
        counter-increment: item;
        margin-bottom: 10px;
    }

        .ipsos ol > li:before {
            display: inline-block;
            width: 1em;
            padding-right: 0.5em;
            font-weight: bold;
            text-align: right;
            content: counter(item) ".";
        }

body .kraft {
    margin: 0px;
    font-size: 0px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.kraft *{
    font-family:Arial;
    display:inline-block;
}

.kraft .kraft_container {
    margin-top: 20px;
    border: 1px solid #000;
    padding: 20px;
}

.kraft .kraft_form {
    margin-top: 30px;
    background-image: url('/App/Images/kraftbackground.jpg');
    width: 923px;
    height: 509px;
    padding-top: 200px;
}

.kraft .form_login {
    font-size: 12px;
}

.kraft .form_title {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 7px;
    font-size: 28px;
    color: #777;
    font-weight: bold;
    width: 100%;
}

.kraft .form_label {
    width: 60px;
    margin-right: 35px;
    margin-top: 3px;
    font-size: 16px;
    color: #999;
    font-weight: bold;
    margin-top: 30px;
}

.kraft .form_textbox {
    font-size: 14px;
    height: 24px;
    width: 150px;
    color: #333;
    border: 2px solid #ccc;
    margin: 3px 0px;
    padding: 3px;
    margin-top: 30px;
    background-color: none;
}

.kraft .form_button {
    color: #fff;
    border: 1px solid #6E7772;
    font-size: 14px;
    padding: 4px 20px;
    margin-bottom: 10px;
}

.kraft .form_errors {
    color: #f00;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.kraft .form_errors .label {
    color: #f00;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

    .kraft .form_errors ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

.kraft .footer {
    color: #000;
    font-size: 10px;
}

body .lrw {
    margin: 0px;
    font-size: 0px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.lrw *{
    font-family:Arial;
    display:inline-block;
}

.lrw .header_image {
    width: 450px;
    margin-top: 60px;
    margin-bottom: 80px;
}

.lrw .form_login {
    padding: 5px;
    background-color: #6DB841;
    font-size: 12px;
    margin-bottom: 40px;
}

.lrw .form_header {
    margin-top: 5px;
    margin-bottom: 10px;
    padding-right: 20px;
    color: #fff;
    font-size: 24px;
    text-align: right;
    width: 100%;
}

.lrw .form_contents {
    background-color: #fff;
    width: 100%;
    padding: 2px 12px;
}

.lrw .form_label {
    width: 80px;
    font-weight: bold;
    text-align: right;
    margin: 16px 0px;
    margin-right: 5px;
    font-size: 14px;
    color: #555;
}

.lrw .form_textbox {
    font-size: 14px;
    height: 26px;
    width: 150px;
    color: #333;
    border-collapse: collapse;
    margin: 5px 0px;
    padding: 3px;
    border:1px solid rgb(122, 122, 122);
}

.lrw .form_link {
    display: inline;
    color: #6DB841;
}

    .lrw .form_link:visited {
        color: #6DB841;
    }

    .lrw .form_link:active {
        color: #6DB841;
    }

    .lrw .form_link:link {
        color: #6DB841;
    }

    .lrw .form_link:link {
        color: #6DB841;
    }

.lrw .form_checkbox {
    margin-top: 5px;
    width: 150px;
    text-align: left;
    margin-bottom: 4px;
}

.lrw .form_button {
    color: #fff;
    border: 1px solid #6E7772;
    background-color: #6DB841;
    box-shadow: #333 1px 1px 1px;
    font-size: 14px;
    padding: 4px 20px;
    margin-bottom: 10px;
}

.lrw .form_checkbox_label {
    position: relative;
    top: 5px;
    left: -2px;
}

.lrw .form_errors {
    color: #f00;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

    .lrw .form_errors ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

.lrw .footer {
    color: #000;
    font-size: 10px;
}

.lrw .termsandconditions {
    position: fixed;
    left: 200px;
    right: 200px;
    top: 200px;
    bottom: 200px;
    opacity: 0;
    visibility: collapse;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    transition: all 0.5s;
    padding: 100px;
}

.lrw .termsandconditions_open {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 1;
    visibility: visible;
}

.lrw .termsandconditions_content {
    border: 3px solid #000;
    background-color: #fff;
    width: 600px;
    overflow: scroll;
    font-size: 14px;
    padding: 20px;
    height: 100%;
}

.lrw ol {
    margin: 0 0 1.5em;
    padding: 0;
    counter-reset: item;
    text-align: left;
}

    .lrw ol > li {
        margin: 0;
        padding: 0 0 0 2em;
        list-style-type: none;
        counter-increment: item;
        margin-bottom: 10px;
    }

        .lrw ol > li:before {
            display: inline-block;
            width: 1em;
            padding-right: 0.5em;
            font-weight: bold;
            text-align: right;
            content: counter(item) ".";
        }

body .mmv {
    margin: 0px;
    font-size: 0px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.mmv *{
    font-family:Arial;
    display:inline-block;
}

.mmv .mmv_container {
    margin-top: 100px;
    background-image: url('/App/Images/MMVBackground.jpg');
    height: 600px;
    width: 800px;
    padding-top: 430px;
    padding-left: 45px;
}

.mmv .form_login {
    font-size: 12px;
    text-align: left;
    margin-left: 40px;
}

.mmv .form_title {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 7px;
    font-size: 12px;
    width: 100%;
}

.mmv .form_label {
    width: 60px;
    margin-right: 15px;
    margin-top: 3px;
    font-size: 12px;
}

.mmv .form_textbox {
    font-size: 12px;
    height: 18px;
    width: 150px;
    color: #333;
    border: 1px solid #999;
    margin: 3px 0px;
    padding: 3px;
}

.mmv .form_button {
    color: #fff;
    border: 1px solid #6E7772;
    background-color: #6DB841;
    box-shadow: #333 1px 1px 1px;
    font-size: 14px;
    padding: 4px 20px;
    margin-bottom: 10px;
}

.mmv .form_errors {
    color: #f00;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

    .mmv .form_errors ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

.mmv .footer {
    color: #000;
    font-size: 12px;
}

/*Prodege Theme*/
.user_prodege {
    background-color: rgb(234, 233, 237);
}

.prodege_bg_blue, .user_prodege .prodege_bg_blue {
    background: #00bac6;
}

.prodege_bg_grey, .user_prodege .prodege_bg_grey {
    background: #f0f0f0;
}

.prodege_navbar, .user_prodege .prodege_navbar {
    background: #00bac6;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 50px;
}


.prodege_navbar_console {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}

.prodege_page_fill_contents {
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
}

.prodege_bg_side_left {
    position: fixed;
    display: inline-block;
    left: 0px;
    top: 0px;
    bottom: 0px;
    text-align: left;
    overflow: hidden;
    z-index: 0;
    height: 67%
}

.prodege_bg_side_right {
    position: fixed;
    display: inline-block;
    right: 0px;
    left: 0px;
    bottom: 0px;
    text-align: right;
    overflow: hidden;
    z-index: 0;
    height: 60%
}

.prodege_login {
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 10%;
    padding: 35px 80px 30px 80px;
    width: 580px;
}

.prodege_login .prodege_text_submit {
    text-decoration: none;
}

.prodege_login_title {
    color: #00bac6;
    font-family: 'Montserrat', sans-serif !important;
}

.prodege_button {
    background-color: #06395d;
    font-size: 16px !important;
    text-transform: none;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
}

.prodege_button:hover {
    background-color: #06395d;
}

.prodege_textbox {
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    height: 3.5em;
    background: white;
}

input.prodege_textbox {
    padding: 0px 1em;
    font-family: 'Montserrat', sans-serif !important;
}

input.prodege_textbox::-webkit-input-placeholder {
    color: #8f8f8f;
    font-size: 90%;
    font-weight: 500;
}

.prodege_text_submit {
    font-size: 16px;
    color: #444444;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    top: 7px;
}

.prodege_register {
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 50px;
    padding: 35px 80px 30px 80px;
    width: 80%;
}

.prodege_log {
    height: 60px;
}

.prodege_reg_sub_title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px;
    font-weight: 600;
}

.prodege_text_font {
    font-family: 'Montserrat', sans-serif !important;
}

.prodege_text_reset {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
}

.prodege_hint_title {
    font-size: 12px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif !important;
}

.prodege_hint_text {
    font-size: 12px;
    line-height: 1.6em;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif !important;
}

.prodege_text_grey {
    color: #8f8f8f;
}

.prodege_reset {
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 35px 80px 30px 80px;
    width: 580px;
    min-height: 300px;
}

.prodege_red {
    color: #f05239;
}

.prodege_blue {
    color: #00bac6;
}

.prodege_bg_black {
    background-color: #444444;
}

.prodege_menu_company_bold {
    color: #444444;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
    display: inline-block;
    width: auto;
    margin-top: 7px;
    margin-left: 21px;
}

.prodege_menu_company {
    color: #444444;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
    display: inline-block;
    width: auto;
    margin-top: 7px;
    margin-left: 21px;
}

.prodege_box_shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.prodege_console_box {
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: white;
    height: 150px;
    width: 230px;
    padding: 20px 15px;
    -webkit-transition: 0.1s;
}

.prodege_console_box:hover {
    background-color: #00bac6;
}

.prodege_console_box:hover div {
    color: white;
}

.prodege_console {
    background-color: white;
}

.prodege_console_text {
    color: #444444;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif !important;
}

.prodege_burger_bun {
    height: 4px;
    width: 24px;
    margin-bottom: 6px;
}

.prodege_text_underline {
    text-decoration: underline;
}

.prodege_line_height {
    line-height: 1.6;
}

.prodege_text_14 {
    font-size: 14px;
}

.prodege_submit_padding {
    height: 46px;
}

.prodege_text_uppercase {
    text-transform: uppercase;
}

.prodege_no_outline {
    outline: 0 !important;
}

.prodege_consoles_settings {
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    background: white;
    margin-right: 5px;
}

.prodege_font_weight_600 {
    font-weight: 600;
}

.prodege_register_checkbox {
    margin: 0 10px 0 0;
    line-height: 1px;
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    background: white;
}

.prodege_min_height_20 {
    min-height: 20px;
}

.prodege_min_height_40 {
    min-height: 40px;
}

.prodege_min_height_100 {
    min-height: 100px;
}

.prodege_width_200 {
    width: 200px;
}

.prodege_width_40 {
    width: 40px;
}

.prodege_inline_block {
    display: inline-block;
}

.prodege_overflow_auto {
    overflow: auto;
}

.prodege_height_full {
    height: 100%;
}

/*Infotools Theme 2020*/
.itl_login {
    width: 360px;
    padding: 36px 0;
}

.itl_register {
    min-width: 200px;
    max-width: 1040px;
    padding: 50px 30px 30px 30px;
}

.itl_login_title_gap {
    padding-bottom: 32px;
}

.itl_textbox {
    color: rgb(77,77,77);
    display: block;
    border: 0;
    border-bottom: 1.6px solid rgba(190,190,190,0.5);
    height: 2.7em;
    font-size: 13.3333px !important;
    font-family: Montserrat, sans-serif !important;
}

.itl_textbox:-webkit-autofill::first-line {
    font-family: Montserrat, sans-serif !important;
}

.itl_register_harmoni_logo_div {
    float: right;
}

.itl_login_background {
    background: rgb(0,204,112);
    background-image: url("/App/Images/itl/login_bg.svg");
    background-size: cover;
}

.itl_login_title {
    font-family: Montserrat, sans-serif !important;
    font-size: 24px;
    font-weight: 500;
}

.itl_login_harmoni_logo {
    background-image: url("/App/Images/itl/harmoni_logo.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 200px;
    height: 40px;
    margin: auto;
    padding: 40px 0;
}

.itl_user_harmoni_logo {
    background-image: url("/App/Images/itl/harmoni_logo.svg");
    background-repeat: no-repeat;
    width: 176px;
    height: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.itl_register_harmoni_logo {
    background-image: url("/App/Images/itl/harmoni_logo.svg");
    background-position: top;
    background-repeat: no-repeat;
    width: 200px;
    height: 45px;
    padding: 50px 0;
    float: right;
}

.itl_text_font {
    font-family: Montserrat, sans-serif !important;
}

.itl_button {
    height: 2em;
    border-radius: 25px;
    color: white;
    font-size: 20px;
    font-family: Montserrat, sans-serif !important;
    min-width: 160px;
    cursor: pointer;
    transition: all .1s;
}

.itl_button_sso {
    text-decoration: none;
    display: inline-block;
    padding-top: 6px;
}

.itl_button_login {
    min-width: 280px;
    font-size: 18px !important;
}

.itl_button:hover {
    background-color: rgb(0,168,112);
    transition: all .1s;
}

.itl_registered_btn {
    padding-right: 18px;
    padding-left: 18px;
}

.itl_login_bg_green {
    background-color: rgb(0,204,112);
}

.itl_login_textbox {
    margin-top: 16px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.itl_login_input_area {
    padding: 0 40px;
}

.itl_register_textbox {
    width: 90%;
}

.itl_textbox::placeholder {
    color: rgb(77,77,77);
}

.itl_textarea {
    border: none;
}

.itl_textarea::placeholder {
    color: rgba(77,77,77,0.5);
}

.itl_login_submit_text {
    font-size: 13.3333px;
    font-weight: 500;
    font-family: Montserrat, sans-serif !important;
    color: rgba(190,190,190,1);
    transition: all .1s;
}

.itl_login_submit_text:hover {
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(190,190,190,0.8);
    transition: all .1s;
}

.itl_error_dialog_link {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(255,255,255,0.5);
    transition: .1s;
    display: unset;
}

.itl_error_dialog_link:hover {
    border-bottom: 2px solid rgba(255,255,255,1);
    transition: .1s;
}

.itl_login input[type="checkbox"] {
    margin-right: 6px;
    margin-top: 1px;
    width: 16px;
    height: 16px;
}

.itl_register input[type="checkbox"] {
    margin-right: 6px;
    margin-top: 0;
    width: 18px;
    height: 18px;
}

.itl_register_sub_title {
    font-family: Montserrat, sans-serif !important;
    font-size: 13.3333px;
    font-weight: 900;
    color: rgb(0,204,112);
    padding-bottom: 5px;
}

.itl_text {
    color: rgb(143,143,143);
    font-size: 13.3333px;
    font-weight: 500;
    font-family: Montserrat, sans-serif !important;
}

.itl_hint {
    color: rgba(190,190,190,1);
}

.itl_warning {
    color: rgb(245,134,92);
}

.itl_success {
    color: rgb(0,204,112);
}

.itl_loading_animation {
    animation: itl_loading_fadein .5s;
}

.itl_reset_password_hint {
    padding: 0 60px;
}

@keyframes itl_loading_fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.itl_checkbox {
    margin: 0 10px 0 0;
    line-height: 1px;
    border: 1px solid rgb(143,143,143);
    background: white;
}

.itl_terms_and_conditions {
    color: rgb(0,204,112);
}

.itl_terms_and_conditions:hover {
    padding-bottom: 5px;
    border-bottom: 2px solid rgb(0,204,112);
    transition: all .1s;
}

.itl_error_area {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 10px;
}

.itl_register_btn {
    margin-top: 20px;
}

.itl_successful_message {
    font-size: 23px;
    font-family: Montserrat, sans-serif !important;
    color: rgb(0,204,112);
}

.itl_menu_username {
    font-size: 16px;
    font-weight: 500;
    color: rgb(0,204,112);
    margin-bottom: 14px;
}

.itl_menu_button {
    font-size: 13.3333px;
    font-weight: 500;
    border-bottom: 1.6px solid rgba(77,77,77, 0.5);
    display: inline-block;
    padding-bottom: 3px;
    transition: .1s;
}

.itl_menu_button:hover {
    border-bottom: 1.6px solid rgba(77,77,77, 1);
    transition: .1s;
}

.itl_menu {
    padding: 44px 100px;
    border-bottom: 1.5px solid rgb(0,204,112);
}

.itl_consoles {
    padding: 45px 100px;
}

.itl_menu_burger {
    display: inline-block;
    width: 50px;
    top: -7px;
    left: -6px;
    padding: 8px 0 0 6px;
}

.itl_bg_black {
    background-color: rgb(77,77,77);
}

.itl_black {
    color: rgb(77,77,77);
}

.itl_menu_company_selected {
    font-weight: 800;
}

.itl_console_box {
    background-color: white;
    border: 1px solid rgb(0,204,112);
    height: 168px;
    width: 269px;
    padding: 16px 24px;
    transition: .1s;
    margin-right: 32px;
}

.itl_console_box:hover {
    background-color: rgb(0,204,112);
}

.itl_console_box:hover div {
    color: white;
}

.itl_console_text {
    color: rgb(77,77,77);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6em;
    overflow-wrap: break-word;
}

.itl_dialog_bg {
    background-color: rgb(0,204,112);
    max-width: 440px;
    padding-top: 40px;
    padding-bottom: 50px;
    margin: 60px 30px;
}

.itl_dialog_center {
    display: flex;
    justify-content: center;
}

.itl_select_button {
    min-height: 90px;
    width: 180px;
    margin: 15px 20px;
    text-align: left;
    padding: 15px 20px;
    background-color: rgb(0,204,112);
    display: inline-block;
    color: white;
    font-family: Montserrat, sans-serif !important;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    transition: all .1s;
}

.itl_select_button:hover {
    background-color: rgb(0,168,112);
    transition: all .1s;
}

.itl_text_white {
    color: white;
}

.itl_new_terms_and_conditions {
    line-height: 1.5;
}

.pmi_button_sso {
    height: 2.5em;
    min-width: 326px;
    font-size: 22px !important;
    text-decoration: none;
    display: inline-block;
    padding-top: 13px;
}

.button.pmi_retro_button_sso {
    font-size: 22px;
    line-height: 42px;
}

/*Responsive for tablet and iPad*/
@media only screen and (max-width: 1100px) {
    .itl_register {
        max-width: 900px;
    }

    .itl_console_box {
        width: 240px;
        height: 150px;
    }
}

/*Responsive for iPhone 6P, 7P, 8P, XR, XS Max, 11, 11 Pro Max*/
@media only screen and (max-width: 500px) {
    .itl_login {
        width: 340px;
    }

    .itl_login_input_area {
        padding: 0 20px;
    }

    .itl_button {
        min-width: 250px;
        font-size: 20px;
    }

    .itl_console_box {
        width: 240px;
        height: 150px;
    }

    .itl_login_harmoni_logo {
        width: 230px;
        height: 30px;
        padding: 40px 0;
    }

    .itl_login_title {
        font-size: 25px;
    }

    .itl_login_title_gap {
        padding-bottom: 30px;
    }

    .itl_login_background {
        background-image: url("/App/Images/itl/login_bg_small.svg") !important;
    }

    .itl_reset_password_hint {
        padding: 0 30px;
    }

    .itl_register_harmoni_logo_div {
        float: unset;
        margin: auto;
    }

    .itl_register_harmoni_logo {
        float: unset;
        margin: auto;
        padding: 0 0 60px 0;
    }
}

/*Responsive for iPhone 6, 7, 8, X, XS, 11 Pro*/
@media only screen and (max-width: 400px) {
    .itl_login {
        width: 290px;
        padding: 30px 0 50px 0;
    }

    .itl_login_input_area {
        padding: 0 5px;
    }

    .itl_button {
        min-width: 200px;
        font-size: 20px;
    }

    .itl_menu {
        padding: 56px 40px;
    }

    .itl_consoles {
        padding: 56px 40px;
    }

    .itl_console_box {
        width: 250px;
        height: 150px;
        margin: auto;
    }

    .itl_login_harmoni_logo {
        width: 180px;
        height: 30px;
        padding: 40px 0;
    }

    .itl_login_title {
        font-size: 23px;
    }

    .itl_login_title_gap {
        padding-bottom: 30px;
    }

    .itl_login_background {
        background-image: url("/App/Images/itl/login_bg_small.svg") !important;
    }

    .itl_button_login {
        min-width: 280px;
    }

    .itl_reset_password_hint {
        padding: 0 20px;
    }

    .itl_user_harmoni_logo {
        margin-right: auto;
        margin-left: auto;
    }

    .itl_login_recaptcha {
        margin-left: -6px;
    }
}

/*Responsive for iPhone 5s, SE*/
@media only screen and (max-width: 330px) {
    .itl_login {
        width: 100%;
        padding: 0px 0 20px 0;
    }

    .itl_login_input_area {
        padding: 0 5px;
    }

    .itl_button {
        min-width: 200px;
        font-size: 20px;
    }

    .itl_menu {
        padding: 56px 40px;
    }

    .itl_consoles {
        padding: 56px 40px;
    }

    .itl_console_box {
        width: 250px;
        height: 150px;
        margin: auto;
    }

    .itl_login_harmoni_logo {
        width: 180px;
        height: 30px;
        padding: 40px 0;
    }

    .itl_login_title {
        font-size: 21px;
    }

    .itl_login_title_gap {
        padding-bottom: 20px;
    }

    .itl_login_background {
        background-image: url("/App/Images/itl/login_bg_small.svg") !important;
    }

    .itl_button_login {
        min-width: 270px;
    }

    .itl_successful_message {
        font-size: 21px;
    }

    .itl_textbox {
        font-size: 13px !important;
    }
}

/* Autoconnect Theme */
.autoconnect_page_fill_contents {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.autoconnect_block {
    display: block;
}

.autoconnect_login {
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 35px 80px 30px 80px;
    width: 580px;
}

.autoconnect_login_bg {
    background-image: url("/App/Images/autoconnect-login-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.autoconnect_bg {
    background-image: url("/App/Images/autoconnect-bg.svg");
    background-size: cover;
    height: 100%;
}

.autoconnect_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.autoconnect_bg_grey {
    background-color: #66728b;
}

.autoconnect_bg_white {
    background-color: white;
}

.autoconnect_header {
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
}

.autoconnect_topMenu {
    display: grid;
    grid-auto-flow: column;
    justify-items: end;
}

.autoconnect_impersonation_info {
    width: 100%;
}

.autoconnect_container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.autoconnect_login_title {
    color: #2F469C;
    font-family: 'Montserrat', sans-serif !important;
}

.autoconnect_textbox {
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    height: 3.5em;
    background: white;
}

input.autoconnect_textbox {
    padding: 0px 1em;
    font-family: 'Montserrat', sans-serif !important;
}

input.autoconnect_textbox::-webkit-input-placeholder {
    color: #8f8f8f;
    font-size: 90%;
    font-weight: 500;
}

.autoconnect_text_submit {
    font-size: 16px;
    color: #444444;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    top: 7px;
}

.autoconnect_text_14 {
    font-size: 14px;
}

.autoconnect_text_font {
    font-family: 'Montserrat', sans-serif !important;
}

.autoconnect_login .autoconnect_text_submit {
    text-decoration: none;
}

.autoconnect_red {
    color: #f05239;
}

.autoconnect_reg_sub_title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px;
    font-weight: 600;
}

.autoconnect_tc_button {
    display: inline-block;
    width: 100%;
    border: 0px solid;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 34px;
    min-height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}

.autoconnect_button {
    background-color: #2F469C;
    font-size: 16px !important;
    text-transform: none;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    border-radius: 2px;
}

.autoconnect_button:hover {
    background-color: #2F469C;
}

.autoconnect_register {
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 50px;
    padding: 35px 80px 30px 80px;
    width: 80%;
}

.autoconnect_logo {
    height: 60px;
}

.autoconnect_register_checkbox {
    margin: 0 10px 0 0;
    line-height: 1px;
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    background: white;
}

.autoconnect_hint_title {
    font-size: 12px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif !important;
}

.autoconnect_hint_text {
    font-size: 12px;
    line-height: 1.6em;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif !important;
}

.autoconnect_text_grey {
    color: #8f8f8f;
}

.autoconnect_font_weight_600 {
    font-weight: 600;
}

.autoconnect_text_underline {
    text-decoration: underline;
}

.autoconnect_min_height_100 {
    min-height: 100px;
}

.autoconnect_width_200 {
    width: 200px;
}

.autoconnect_width_full {
    width: 100%;
}

.autoconnect_min_height_40 {
    min-height: 40px;
}

.autoconnect_margin_b_120 {
    margin-bottom: 120px;
}

.autoconnect_margin_b_300 {
    margin-bottom: 300px;
}

.autoconnect_reset {
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 240px;
    padding: 35px 80px 30px 80px;
    width: 580px;
    min-height: 300px;
}

.autoconnect_register {
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 50px;
    padding: 35px 80px 30px 80px;
    width: 80%;
}

.autoconnect_overflow_hidden{
    overflow: hidden;
}

.autoconnect_width_40 {
    width: 40px;
}

.autoconnect_height_full {
    height: 100%;
}

.autoconnect_no_outline {
    outline: 0;
}

.autoconnect_burger_bun {
    height: 4px;
    width: 24px;
    margin-bottom: 6px;
}

.autoconnect_inline_block {
    display: inline-block;
}

.autoconnect_menu_company_bold {
    color: white;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
    display: inline-block;
    width: auto;
    margin-top: 7px;
    margin-left: 21px;
}

.autoconnect_menu_company {
    color: white;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
    display: inline-block;
    width: auto;
    margin-top: 7px;
    margin-left: 21px;
}

.autoconnect_console_box {
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: white;
    height: 150px;
    width: 230px;
    padding: 20px 15px;
    margin-right: 32px;
    -webkit-transition: 0.1s;
}

.autoconnect_console_box:hover {
    background-color: #009D9C;
}

.autoconnect_console_box:hover div {
    color: white;
}

.autoconnect_console_text {
    color: #444444;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif !important;
    overflow-wrap: break-word;
}

.autoconnect_consoles_settings {
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    background: white;
    margin-right: 5px;
}

.autoconnect_z_index_-1 {
    z-index: -1;
}

.autoconnect_successful_message {
    font-size: 23px;
    font-family: Montserrat, sans-serif !important;
    color: #2F469C;
}

.autoconnect_text {
    color: rgb(143,143,143);
    font-size: 13.3333px;
    font-weight: 500;
    font-family: Montserrat, sans-serif !important;
}

.autoconnect_terms_and_conditions {
    color: #2F469C;
}

.autoconnect_terms_and_conditions:hover {
    padding-bottom: 5px;
    border-bottom: 2px solid #2F469C;
    transition: all .1s;
}

.autoconnect_hint {
    color: rgba(190,190,190,1);
}

.autoconnect_login input[type="checkbox"] {
    margin-right: 6px;
    margin-top: 1px;
    width: 16px;
    height: 16px;
}