/*---------------------------------------------------------- // Copyright (C) Microsoft Corporation. All rights reserved. //---------------------------------------------------------- // login.ltr.css */
 @charset "utf-8";
/* @font-face {
     font-family: 'SegoeUI-Light-final';
     src: url("SegoeUI-Light-final.eot");
     src: url("SegoeUI-Light-final.eot?#iefix") format("embedded-opentype"), url("SegoeUI-Light-final.ttf") format("truetype"), url("SegoeUI-Light-final.woff") format("woff"), url("SegoeUI-Light-final.svg#web") format("svg");
     font-style: normal;
     font-weight: normal;
}
 @font-face {
     font-family: 'SegoeUI-Regular-final';
     src: url("SegoeUI-Regular-final.eot");
     src: url("SegoeUI-Regular-final.eot?#iefix") format("embedded-opentype"), url("SegoeUI-Regular-final.ttf") format("truetype"), url("SegoeUI-Regular-final.woff") format("woff"), url("SegoeUI-Regular-final.svg#web") format("svg");
     font-style: normal;
     font-weight: normal;
}
 */
/* This enabled viewport on a snapped IE10 to recognize the smaller width */
 @-ms-viewport {
     width: device-width;
     height: device-height;
}
@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(material-design-icons/MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(material-design-icons/MaterialIcons-Regular.woff2) format('woff2'),url(material-design-icons/MaterialIcons-Regular.woff) format('woff'),url(material-design-icons/MaterialIcons-Regular.ttf) format('truetype')}
@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(material-design-icons/MaterialIcons-Outline.woff2) format('woff2');
}
.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:18px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'; color: #000}
.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
 * {
     margin: 0;
     padding: 0;
}
 html {
     background: #0072C6 no-repeat top left fixed;
     -webkit-background-size: cover;
     -mox-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 body {
     margin: 0px;
     padding: 0px;
     z-index: -999;
     text-align: left;
    /* ltr */
}
 /*html, body{
     height: 100%;
}*/
.font-18{font-size: 18px !important;}
.font-10{font-size: 10px !important;}
.font-11{font-size: 11px !important;}
.font-12{font-size: 12px !important;}
.font-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-26{font-size: 26px !important;}
.div_selectLanguage{position: relative; display: inline-block; width: 180px}
.div_selectLanguage .flag-icon{left: calc(100% - 42px);position: absolute;top: 7px; margin-left:0; }
.flag-icon {
    box-shadow: 0 0 5px #666;
}
#bgr-login{width: 100%; height: 100%; position: fixed; z-index: 1; background: url(../images/bgr-login.jpg) no-repeat center; background-size: cover;}
.opacity-bgr-login{width: 100%; height: 100%; position: fixed; z-index: 1; background: rgba(0,114,198,.8);}
 #auto_low_bandwidth_background_notification {
     visibility: hidden;
     padding-left: 10px;
     padding-top: 5px;
     padding-right: 500px;
     color: #FFFFFF;
}
 #background_company_name_text {
     color: #FFFFFF;
     margin-right: 500px;
     position: relative;
     top: 50%;
    /* vertical centering */
     margin-top: -0.7em;
    /* vertical centering */
     text-align: center;
}
 a {
     text-decoration: none;
     color: #2672EC;
     background-color: transparent;
}
 img {
     border: 0px;
}
 form {
     width: auto;
     height: auto;
}
 h1 {
     font-weight: normal;
}
 .rtl {
     display: none;
}
 .ltr {
     display: inline;
}
 .tinytext {
     font-size: 0.7em;
     font-family: 'Segoe UI', 'Segoe', 'SegoeUI-Regular-final', Tahoma, Helvetica, Arial, sans-serif;
}
 .smalltext {
     font-size: 0.8em;
     font-family: 'Segoe UI', 'Segoe', 'SegoeUI-Regular-final', Tahoma, Helvetica, Arial, sans-serif;
}
 .normaltext {
     font-size: 0.9em;
     font-family: 'Segoe UI', 'Segoe', 'SegoeUI-Regular-final', Tahoma, Helvetica, Arial, sans-serif;
}
 .bigtext {
     color: #373737;
     font-size: 1.2em;
     font-family: 'Segoe UI Light', 'Segoe', 'Segoe UI', 'SegoeUI-Light-final', Tahoma, Helvetica, Arial, sans-serif;
     font-weight: lighter;
}
 .gianttext {
     color: #373737;
     font-size: 1.8em;
     font-family: 'Segoe UI Light', 'Segoe', 'Segoe UI', 'SegoeUI-Light-final', Tahoma, Helvetica, Arial, sans-serif;
     font-weight: lighter;
}
 .background_title_text {
     color: #373737;
     font-size: 5.0em;
     font-family: 'Segoe UI Light', 'Segoe', 'Segoe UI', 'SegoeUI-Light-final', Tahoma, Helvetica, Arial, sans-serif;
}
 .login_full_error_container {
     margin-top: 80px;
}
 .login_full_error_container h1 {
     color: #373737;
     font-size: 1.2em;
     font-family: 'Segoe UI Light', 'Segoe', 'Segoe UI', 'SegoeUI-Light-final', Tahoma, Helvetica, Arial, sans-serif;
     font-weight: lighter;
}
 .login_full_error_container p {
     color: #373737;
     font-size: 0.8em;
     font-family: 'Segoe UI', 'Segoe', 'SegoeUI-Regular-final', Tahoma, Helvetica, Arial, sans-serif;
     margin: 14px 0px 14px 0px;
}
 .login_cta_container h1 {
     font-size: 1.0em;
     font-family: 'Segoe UI', 'Segoe', 'SegoeUI-Regular-final', Tahoma, Helvetica, Arial, sans-serif;
}
 .login_cta_container p {
     font-size: 0.8em;
     font-family: 'Segoe UI', 'Segoe', 'SegoeUI-Regular-final', Tahoma, Helvetica, Arial, sans-serif;
     margin: 14px 0px 14px 0px;
}
 .client_error_msg {
     display: none;
}
 .errortext {
     color: #C85305;
}
 .textfield {
     width: 380px;
}
 .login_panel li {
     /*display: inline-block;*/
     list-style: none;
}
 input[disabled] {
     background: transparent;
}
 input:focus, select:focus, textarea:focus {
     outline: none;
}
 div#background_branding_container {
     position: fixed;
     left: 0px;
    /* ltr */
     top: 0;
     overflow: hidden;
     z-index: 0;
     opacity: 1;
     width: 100%;
     height: 100%;
     transition: opacity 1s;
     -moz-transition: opacity 1s;
     -webkit-transition: opacity 1s;
     -o-transition: opacity 1s;
     -ms-transition: opacity 1s;
     transition-property: opacity;
     transition-duration: 1s;
}
 img#background_background_image {
     position: fixed;
     width: 100%;
     height: 100%;
}
 div#background_page_overlay {
     position: fixed;
     left: 0px;
    /* ltr */
     top: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     z-index: 0;
     opacity: 1;
     background: #F7F7F7 no-repeat top left fixed;
}
 #login_panel {
    display: block; width:800px; max-width: 90%; border-radius: 8px;
}
 .login_panel {
     background: none;
	 color: #fff;
     position: fixed;
     left: 0;
     right: 0;
     margin: auto;
     top: 50%;
     transform: translateY(-50%);
     padding: 0px;
     z-index: 2;
     overflow-y: auto;
     overflow-x: hidden;
}
#LoginButton{color: #2983b2}
.login_panel__inner{
	/*padding:30px 60px;*/
}
.login-right{border-left: 1px solid #fff;}
 .login_inner_container {
     min-height: 100%;
     height: auto;
     max-height: 100%;
     width: 100%;
     margin-top: -10px;
}
 .login_footer_container {
     position: fixed;
	 bottom: 10px;
     height: 50px;
	 z-index: 1;
	 left: 0; right: 0;
}
.cta_message_text {color: #999;}
 .push {
     display: none;
}
 .inner_container {
     padding-left: 0px;
     width: 100%;
     display: inline-block;
     position: relative;
     height: 100%;
}
 .cred {
     padding-top: 90px;
     min-height: 100%;
     height: 100%;
     padding-bottom: 18em;
}
 .login_workload_logo_container {
     margin-bottom: 100px;
     width: auto;
     height: auto;
     transition: margin 0.6s;
     -moz-transition: margin 0.6s;
     -webkit-transition: margin 0.6s;
     -o-transition: margin 0.6s;
     transition-property: margin;
     transition-duration: 0.6s;
}
 .login_cta_container {
     width: auto;
     height: auto;
     padding-bottom: 30px;
}
 .login_error_container {
     height: auto;
     padding-bottom: 20px;
}
 .cta_text {
     width: 100%;
}
 .login_cred_container {
     width: 100%;
     height: auto;
     margin-bottom: 60px;
     position: relative;
     display: block;
     padding: 0px;
     transition: margin 0.6s;
     -moz-transition: margin 0.6s;
     -webkit-transition: margin 0.6s;
     -o-transition: margin 0.6s;
     transition-property: margin;
     transition-duration: 0.6s;
	 padding-left: 10px;
}
 .login_cred_field_container {
    /* width: 380px;*/
     margin: 0px;
     padding: 0px;
     display: flex;
}
 .login_user_chooser {
     width: 100%;
}
 .login_cred_options_container {
     /*width: 380px;*/
     margin: 0px;
	 margin-top: 15px;
     padding: 0px;
     display: list-item;
}
 div.login_textfield {
     z-index: -1;
}
 input.login_textfield {
     height: 20px;
     padding: 5px;
     margin: 0px;
     border: 1px solid #BABABA;
     z-index: 3;
     margin-right: 100px;
    /* ltr */
     margin-left: 0px;
    /* ltr */
     background: transparent;
     color: #000000;
     border-radius:2px;
     -moz-border-radius:2px;
     -webkit-border-radius:2px;
     -ms-border-radius:2px;
     -o-border-radius:2px;
}
 span.placeholder {
     color: #999999;
     margin: 6px 0px 0px -6px;
     padding-left: 10px;
     width: 380px;
     z-index: -1;
}
 .field {
     color: #6B6B6B;
}
 .cred_sign_in_button {
     padding: 5px 20px 5px 20px;
     color: #FFFFFF;
     width: auto;
     margin-bottom: 34px;
     cursor: pointer;
     transition: opacity 1s;
     -moz-transition: opacity 1s;
     -webkit-transition: opacity 1s;
     -o-transition: opacity 1s;
     transition-property: opacity;
     transition-duration: 1s;
}
 .button {
     background: #2672EC;
     border: 1px solid #FFFFFF;
     padding: 10px 15px 10px 15px;
     color: #FFFFFF;
     width: auto;
     cursor: pointer;
     transition: background 1s;
     -moz-transition: background 1s;
     -webkit-transition: background 1s;
     -o-transition: background 1s;
     transition-property: background;
     transition-duration: 1s;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
}
 .button:hover {
     background: #D4E3FB;
}
 .button:active {
     background: #212121;
}
 .button:focus {
     outline: gold solid 1px;
}
 .status {
     margin-top: 10px;
     margin-bottom: 20px;
}
 .strong_subtext {
     margin-bottom: 10px;
}
 .disabled_button {
     background: #2672EC;
     cursor: default;
}
 div#cred_userid_container {
     margin-bottom: 5px;
}
 .progress div {
     width: 3px;
     height: 3px;
     overflow: hidden;
     position: absolute;
     background: #696969;
     z-index: 100;
}
 .progress {
     position: relative;
     top: -6px;
     height: 6px;
     visibility: visible;
     margin-left: 0px;
}
 div#cred_password_container {
     width: 105%;
     opacity: 1;
     transition: visibility 1s;
     -moz-transition: visibility 1s;
     -webkit-transition: visibility 1s;
     -o-transition: visibility 1s;
    /* IE10+ */
     transition-property: opacity visibility;
     transition-duration: 1s;
}
 span.input_field {
     background: transparent;
     z-index: 0;
}
 input:focus {
     border: 1px solid #000000;
     background: #FFFFFF;
}
 .disabled {
     background: transparent;
}
 div.subtext {
     margin-top: 10px;
     transition: opacity 1s;
     -moz-transition-property: opacity, background-color;
     -moz-transition-duration: 1s, 1s;
     -webkit-transition-property: opacity, background-color;
     -webkit-transition-duration: 1s, 1s;
     -o-transition: opacity, background-color;
    /* IE10+ */
     -o-transition-duration: 1s 1s;
     transition-property: opacity, background-color;
     transition-duration: 1s, 1s;
     opacity: 1;
}
 input#cred_keep_me_signed_in_checkbox {
     padding-right: 0px;
}
 input#cred_keep_me_signed_in_checkbox:focus {
     outline: gold solid 1px;
}
 #cred_kmsi_container {
     margin-bottom: 15px;
    /* ltr */
}
 #recover_container {
     margin-bottom: 10px;
    /* ltr */
}
 #create_msa_account_container {
     margin-bottom: 10px;
}
 span.info_text {
     margin-left: 4px;
}
 #cred_forgot_password_link {
     color: #fff;
	 text-decoration: underline;
	 /*font-style: italic;*/
     margin-left: 0px;
}
 #redirect_cta_text {
     margin-bottom: 10px;
}
 #redirect_message_container {
     transition: opacity 1s;
     -moz-transition: opacity 1s;
     -webkit-transition: opacity 1s;
     -o-transition: opacity 1s;
     transition-property: opacity;
     transition-duration: 1s;
     opacity: 0;
     visibility: hidden;
}
 a.inactive_link {
     margin-right: 30px;
}
 .login_guest_container {
     width: 380px;
     height: auto;
     display: inline-block;
     position: relative;
    /* padding-top: 50px;
     margin-bottom: 60px;*/
}
 div.guest_direction_hint {
     margin-top: 20px;
     margin-bottom: 6px;
     color: black;
}
 div.guest_redirect_container {
     cursor: pointer;
}
 #footer_links_container .inner_container {
     padding-top: 150px;
}
 .footer {
     width: 100%;
     height: 40px;
     color: #fff;
     margin-left: 0px;
     display: inline-block;
	 text-align: center;
}
 div.footer a {
     color: #fff;
}
 .branding_footer {
     padding-right: 10px;
}
 .corp_link {
     padding-right: 5px;
     cursor: pointer;
     display: inline-block;
}
 .corp_link:first-child {
    /* ltr */
     padding-left: 0px;
     padding-right: 0px;
}
 .hidden {
     visibility: hidden;
}
 .no_cookie {
     display: none;
}
 #back_button_container {
     float: left;
     margin-left: -34px;
     margin-top: 9px;
}
 #back_button_image {
     width: 20px;
     height: 20px;
}
 .show_other {
     margin-left: -5px;
}
 #login_panel_left {
     width: 50px;
     height: 100%;
     display: inline-block;
     padding: 0;
     margin:0;
     border:0;
}
 #login_panel_center {
     width: 379px;
     height: 100%;
     min-height: 100%;
     margin: 0;
     display: inline-block;
     padding: 0;
     border: 0;
}
 #login_panel_right {
     width: 42px;
     height: 100%;
     display: inline-block;
     margin: 0;
     padding: 0;
     border: 0;
}
 #footer_table {
     width: 100%;
     /*max-width: 379px;*/
}
 #footer_table td {
     padding: 0;
     vertical-align: top;
}
 .footer_glyph_container {
     display: inline-block;
     padding: 0;
}
 .footer_glyph {
     width: 30px;
     height: 30px;
     padding: 0;
     padding-right: 7px;
}
 span.branding_footer {
     padding-right: 0px;
}
 .ad_glyph {
     width: 50px;
     height: 50px;
}
 .hide {
     opacity: 0;
}
 .no_display {
     display: none;
}
 a.tile_link:focus table.user_tile {
     background: #E6E6E6;
     outline: none;
}
 a.tile_link {
     outline: none;
     width: 100%;
     max-width: 100%;
     color: #373737;
}
 a.tile_link:hover {
     background: #ffffff;
     text-decoration: none;
}
 table.user_tile {
     padding: 6px 0px 6px 10px;
     width: 100%;
     max-width: 380px;
     margin-left: -10px;
}
 table.user_tile:hover {
     background: #DEDEDE;
}
 table.user_tile:active {
     background: #E6E6E6;
}
 a.disabled_tile, table.disabled_tile, table.disabled_tile:hover, table.disabled_tile:active {
     cursor: default;
     background: #FFFFFF;
}
 a.tooltip span {
     display: none;
     padding: 6px 6px;
     margin-left: 8px;
     text-align: center;
     width: auto;
}
 a.tooltip:hover span {
     display: inline;
     position: absolute;
     background: #ffffff;
     border: 1px solid #373737;
     color: #373737;
}
 div.tooltip span {
     display: none;
     padding: 6px 6px;
     margin-left: 8px;
     text-align: center;
     width: auto;
}
 div.tooltip:hover span {
     display: inline;
     position: absolute;
     background: #ffffff;
     border: 1px solid #373737;
     color: #373737;
}
 .tile_name {
     width: 100%;
}
 .tile_primary_name {
     margin-left: 10px;
     margin-right: 10px;
     vertical-align: top;
     padding: 0px;
}
 .tile_secondary_name {
     margin-left: 10px;
     margin-right: 10px;
     vertical-align: top;
}
 #back_button {
     float: left;
     margin-left: -34px;
     margin-top: 10px;
}
 .spaced_container {
     margin-bottom: 40px;
}
 .hip_link {
     padding-left: 5px;
     padding-right: 5px;
}
 .hip_link:first-child {
     padding-left: 0px;
     padding-right: 5px;
}
 #hip_image_container {
     margin-top: 10px;
}
 .hip_link a {
     color: #0073C6;
}
 #hip_show_image_container {
     display: none;
}
 .email_discovery {
     margin-top: 30px;
}
 #looking_container {
     margin-bottom: 10px;
}
 .tfa_title_text {
     margin-bottom: 10px;
}
 .tfa_button_container {
     margin-top: 20px;
     height: auto;
     display: none;
}
 .tfa_bigtext {
     color: #333333;
     font-size: 1.0em;
     font-family: 'Segoe UI Light', 'Segoe', 'SegoeUI-Light-final', Tahoma, Helvetica, Arial, sans-serif;
}
 .tfa_options_title_text {
     padding-bottom: 30px;
     display: none;
}
 .tfa_error_text {
     margin-top: 10px;
     display:none;
}
 .tfa_results_text {
     margin-top: 10px;
     display: none;
}
 .tfa_options {
     margin-top: 20px;
     display: none;
}
 .tfa_option_link_container {
     display: none;
     margin-top: 5px;
}
 div#tfa_code_container {
     display: none;
     opacity: 1;
     transition: visibility 1s;
     -moz-transition: visibility 1s;
     -webkit-transition: visibility 1s;
     -o-transition: visibility 1s;
    /* IE10+ */
     transition-property: opacity visibility;
     transition-duration: 1s;
     margin-bottom: 10px;
     margin-top: 10px;
}
 .push_down_pip {
     margin-top:10px 
}
 #tfa_title_text {
     padding-bottom:20px;
}
.btn-reset-pass{color:#2983B2!important; font-weight: bold!important}
 @media only screen and (max-height: 820px), (max-device-height: 820px) {
     .inner_container {
         padding-top: 45px;
    }
     .login_workload_logo_container {
         margin-bottom: 30px;
    }
     .login_cred_container {
         margin-bottom: 0;
    }
}
 @media only screen and (max-width: 780px), (max-device-width: 780px) {
     #background_background_image{
         width:44% !important;
    }
}
 @media only screen and (max-width: 600px), (max-device-width: 600px) {
     body {
         background: #FFFFFF;
    }
     div#background_branding_container {
         opacity: 0;
         display: none;
    }
     #back_button_container {
         margin-left: -30px;
    }
     .login_footer_container {
         margin-top: -4em;
    }
}
/* Horizontal phone oorientation */
 @media only screen and (max-width: 620px), (max-device-width: 620px) {
     html {
         background: #FFFFFF;
         /*overflow: hidden;*/
    }
     .tinytext {
         font-size: 0.6em;
    }
     .smalltext {
         font-size: 0.7em;
    }
     .normaltext {
         font-size: 0.8em;
    }
     .bigtext {
         font-size: 1.0em;
    }
     .gianttext {
         font-size: 1.2em;
    }
     div#background_branding_container {
         opacity: 0;
         z-index: -999;
         display: none;
    }
     div#background_page_overlay {
         display: none;
         z-index: -999;
    }
     /*.login_panel {
         position: relative;
         float: none;
         height: 110%;
         width: 100%;
         min-width: 380px;
         margin: 0px;
         padding: 0px;
         z-index: 1;
         padding-top: 0px;
         overflow: auto;
    }*/
     #login_panel_center {
         width: 320px;
    }
     #login_panel_right {
         display: none;
    }
     img.workload_img {
         max-width: 280px;
         height: 30px;
         width: auto;
    }
     .login_workload_logo_container {
         margin-bottom: 0px;
         max-width: 280px;
         padding-left: 0px;
    }
     .login_cta_container {
         margin-bottom: 0px;
         padding-left: 0px;
         width: auto;
         height: auto;
         color: #333333;
    }
     .login_error_container {
         margin-top : 4px;
         margin-bottom : 4px;
         padding: 0;
         height : 20px;
    }
     .login_cred_field_container {
         /*max-width: 280px;*/
    }
     .login_cred_options_container {
         /*max-width: 280px;*/
         padding-left: 0px;
    }
     .cta_text {
         display: inline;
    }
     .login_cred_container {
         margin-bottom: 20px;
    }
     .login_guest_container {
         max-width: 280px;
         padding-right: 5px;
    }
     span.placeholder {
         width: 280px;
         padding-left: 10px;
    }
     div.login_textfield {
         max-width: 100%;
    }
     input.login_textfield {
         max-width: 100%;
    }
     div#cred_password_container {
         transition: none;
         -moz-transition: none;
         -webkit-transition: none;
         -o-transition: none;
        /* IE10+ */
         transition-property: none;
         transition-duration: none;
    }
     #redirect_messsage_container {
         transition: opacity 1s;
         -moz-transition: opacity 1s;
         -webkit-transition: opacity 1s;
         -o-transition: opacity 1s;
         transition-property: opacity;
         transition-duration: 1s;
    }
     .subtext {
         transition: none;
         -moz-transition-property: none;
         -moz-transition-duration: none;
         -webkit-transition-property: none;
         -webkit-transition-duration: none;
         -o-transition: none;
         -o-transition-duration: none;
         transition-property: none;
         transition-duration: none;
    }
     .login_guest_container {
         width: 100%;
    }
     .footer {
         width: 100%;
         margin: auto;
         display: inline-block;
    }
     span.corporate_footer {
         float: none;
         width: 100%;
         padding: 0px;
    }
     .corp_link:first-child {
         padding: 0px;
    }
     table.user_tile {
         max-width: 320px;
    }
     #background_background_image{
         display:none;
    }
     #login_panel{
         width:100% !important;
    }
}

#login_panel h1 img {
     max-width:94%;
}
label.error {
     display:none !important;
}
input.error {
     border:1px solid red;
}
.div_language{width: 120px; display: inline-block; position: relative;}
.div_language:after{content:'\f107'; position: absolute; top: 6px; right: 4px; pointer-events: none; font-family: 'fontAwesome';}
.div_language select{background: none; border: none; outline: none; color: #fff; padding-right: 0;appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; font-weight: bold;}
.div_language select option{background: rgba(225, 225, 225, .5);
    color: #2983b2;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .fa, .inner-addon .material-icons-outlined {
  position: absolute;
  padding: 10px;
}
.inner-addon .fa:not(.toggle-eye){pointer-events: none;}
/* align icon */
.left-addon .fa, .left-addon .material-icons-outlined { left:  0px; color: gray;border-right: 1px solid #ccc; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  40px; border: none; border-bottom: 1px solid #ccc}
.right-addon input { padding-right: 30px; }
input[type=number][name=phone]{padding-left: 40px !important;}
select[name=university_faculty], select[name=graduation_year], select[name=course]{padding-left:36px !important; text-indent: 36px;}
/*Reg*/
.reg-panel{
	display: block;width: 520px;max-width: 90%;
	background: none;
    color: #fff;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0px;
    z-index: 2;
    overflow-y: auto;
    overflow-x: hidden;
}
.reg-panel-white{background: #fff; border-radius:5px; padding: 30px; color: #000000;}
.reg-panel .left-addon input  { padding-left:  32px; border: 1px solid #ccc}
.reg-panel .left-addon .fa, .reg-panel .left-addon .material-icons-outlined{border: none;}
.reg-panel input[type=number][name=phone]{padding-left: 32px !important;}
.reg-panel select[name=university_faculty], select[name=graduation_year], select[name=course]{padding-left:0px !important; text-indent: 28px;}
.btn-reg{background: #0479B9!important; color: #fff!important; width: 100%; height: 40px;}
/*customer responsive*/
@media (max-width: 1199px) {
/* CSS destop md - container 970px*/
}
@media (max-width: 991px) {
/* CSS tablet sm  - container 750px*/
}
@media (max-width: 767px) {
/* CSS phone xs */
	#login_panel {width:calc(100vw - 40px) !important;}
	.login_panel.reg_panel{position: relative;top: 0;transform: inherit;}
	.login_footer_container.reg_footer{position: relative; bottom: 0; margin-top: 50px;}
	input[type=number][name=phone]{padding-left: 55px !important;}
	select[name=university_faculty], select[name=graduation_year]{padding-left:0px !important; text-indent: 48px;}
	.login-right{border-left: none;}
	.login_cred_field_container {
		flex-flow: row wrap;
	}
	.div_selectLanguage{margin-left: auto; width: 100%;}
	/*.login_panel {left: 0; right: 0; margin: auto; top: 30px;}*/
	.login_cred_container{padding-left: 0}
	[name=query_date]{
		width: 100%!important; height: 50px!important; max-width: 100%!important; font-size: 20px;
	}
	#LoginButton{width: 100%; height: 55px;}
	.btn-reset-pass{width: 100%}
	.form-control{height: 50px!important; font-size: 20px!important;}
	.left-addon .fa{height: 50px; width: 45px;}
	.select2-container .select2-selection--single{height: 50px!important;}
	.select2-container .select2-selection--single .select2-selection__rendered{height: 50px!important; line-height: 50px!important; padding-left: 40px!important; font-size: 20px!important;}
	.login_panel__inner{padding: 15px;padding-top: 0;}
	.left-addon input{padding-left: 55px}
	.left-addon .fa{font-size: 18px;}
	.div_selectLanguage .flag-icon{top: 50%; transform: translateY(-50%)}
	.select2-container--default .select2-selection--single .select2-selection__arrow{top: 50%!important; transform: translateY(-50%)}
	.div_selectLanguage .flag-icon{left: 10px!important;}
	.select2-container--default .select2-selection--single .select2-selection__arrow b{border-width: 8px 8px 0 8px!important; margin-left: -12px!important}
	.datepicker{background: #FFF url(../images/icons/Calendar16.gif) no-repeat 10px center!important;padding-left: 40px!important;}
	.select2-results__option{font-size: 20px!important;}
	.reg-panel-white{padding: 15px 20px;}
	.reg-panel .left-addon input  { padding-left:  38px;}
	.reg-panel input[type=number][name=phone]{padding-left: 38px !important;}
	.reg-panel select[name=university_faculty], select[name=graduation_year]{padding-left:4px !important; text-indent: 30px;}
}
@media (max-width: 500px) {
	
	#LoginButton{/*float: left !important;*/ margin-top: 10px;}
	.login_cred_options_container .pretty{margin-top: 5px !important}
}

@media (max-width: 400px) {
/* CSS phone xs */
	[name=query_date]{
		height: 36px!important; font-size: 18px
	}
	#LoginButton{width: 100%; height: 40px;}
	.btn-reset-pass{width: 100%}
	.form-control{height: 36px!important; font-size: 18px!important;}
	.left-addon .fa{height: 36px; width: 36px;}
	.select2-container .select2-selection--single{height: 36px!important;}
	.select2-container .select2-selection--single .select2-selection__rendered{height: 36px!important; line-height: 36px!important; font-size: 18px!important;}
	.login_panel__inner{padding: 15px;padding-top: 0;}
	.left-addon input{padding-left: 40px}
	input[type=number][name=phone]{padding-left: 40px !important;}
	select[name=university_faculty], select[name=graduation_year]{padding-left:4px !important; text-indent: 32px;}
	.left-addon .fa{font-size: 18px;}
	.datepicker{padding-left: 40px!important;}
	.select2-results__option{font-size: 18px!important;}
}
/* cellphone resolution vertical orientation resolution. */
 @media only screen and (min-height: 250px) and (max-width: 320px), (min-device-height: 250px) and (max-device-width: 320px) {
     html {
         background: #FFFFFFOB;
         overflow: hidden;
    }
     .tinytext {
         font-size: 0.6em;
    }
     .smalltext {
         font-size: 0.7em;
    }
     .normaltext {
         font-size: 0.8em;
    }
     .bigtext {
         font-size: 0.9em;
    }
     .gianttext {
         font-size: 1.2em;
    }
     div#background_branding_container {
         opacity: 0;
         z-index: -999;
         display: none;
    }
     #background_background_image {
         display: none;
    }
     div#background_page_overlay {
         display: none;
         z-index: -999;
    }
	 #login_panel {
		width: calc(100vw - 20px) !important;
	}
     #login_panel_left {
         width: 40px;
    }
     #login_panel_center {
         width: 250px;
    }
     #login_panel_right {
         display: none;
    }
    /* .login_panel {
        
         float: none;
         height: 100%;
         width: 100%;
         min-width: 220px;
         margin: 0px;
         padding: 0px;
         z-index: 1;
         padding-top: 0px;
         overflow: auto;
    }*/
     .inner_container {
         width: 100%;
    }
     img.workload_img {
         /*max-width: 220px;*/
         height: 30px;
         width: auto;
    }
     .login_workload_logo_container {
         margin-bottom: 10px;
         /*max-width: 220px;*/
         padding-left: 0px;
    }
     .login_cta_container {
         margin-bottom: 0px;
         width: auto;
         height: auto;
         /*max-width: 220px;*/
         padding-left: 0px;
    }
     /*.login_cred_container {
         margin-bottom: 60px;
    }*/
     .login_cred_field_container {
         display: list-item;
        /* width: 220px;*/
         height: auto;
    }
     .login_user_chooser {
         width: 100%;
    }
     .login_cred_options_container {
         /*width: 220px;*/
         margin: 0px;
         padding: 0px;
        /* max-width: 220px;*/
    }
     .cred_sign_in_button {
         margin-bottom: 0px;
    }
     .login_guest_container {
         width: 220px;
         padding-right: 0px;
        /* ltr */
    }
     span.placeholder {
         width: 220px;
         padding-left: 10px;
        /* ltr */
    }
     div.login_textfield {
         /*width: 220px;*/
         padding: 0px;
         margin: 0px;
    }
     input.login_textfield {
         /*width: 220px;*/
         margin: 0px;
         margin-left: 0px;
        /* ltr */
         margin-right: 0px;
        /* ltr */
    }
     div#cred_password_container {
         transition: none;
         -moz-transition: none;
         -webkit-transition: none;
         -o-transition: none;
         transition-property: none;
         transition-duration: none;
    }
     #redirect_message_container {
         /*width: 220px;
         max-width: 220px;*/
         transition: opacity 1s;
         -moz-transition: opacity 1s;
         -webkit-transition: opacity 1s;
         -o-transition: opacity 1s;
         transition-property: opacity;
         transition-duration: 1s;
    }
     #redirect_cta_text {
         /*width: 220px;
         max-width: 220px;*/
         margin-bottom: 10px;
    }
     .progress {
         margin-left: 15px;
    }
     .subtext {
         transition: none;
         -moz-transition-property: none;
         -moz-transition-duration: none;
         -webkit-transition-property: none;
         -webkit-transition-duration: none;
         -o-transition: none;
         -o-transition-duration: none;
         transition-property: none;
         transition-duration: none;
    }
     .footer {
         width: 100%;
         /*max-width: 220px;*/
         margin: 0 auto;
         height: 50px;
    }
     span.corporate_footer {
         float: none;
         width: 100%;
         padding: 0px;
    }
     .corp_link:first-child {
         padding: 0px;
    }
     table.user_tile {
         max-width: 280px;
    }
     .login_footer_container {
         margin-top: -4.5em;
    }
	 .login_panel__inner{padding: 0}
	 h1 img{max-width: 100%!important;}
}
/*fix bootstrap*/
@media (min-width: 501px) {
	/*container */
}
@media (min-width: 768px) {
	/*container 750*/
}
@media (min-width: 992px) {
	/*container 970*/
}
@media (min-width: 1200px) {
	/*container 1170*/
}