/* ---------- GENERAL ---------- */
* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
*:before, *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

body {  
  background:url("Images/VPMS-bg.jpg") no-repeat;
  color: #606468;
  font: 87.5%/1.5em 'Nunito', sans-serif;;
  margin: 0;
  background-position: -50px center;
  background-size: 75% auto;
}
.usr_ic, .pass_ic, .crm_ic, .linkedin_u
{
    width:16px;
    height:16px;
    float:left;
}
.fLeft
{
    float: left;
}
.fRight
{
    float: right;
}
.forgot_chkbox
{
    height: inherit;
    margin: 0 2px 0 0;
    padding: 0;
    position: relative;
    top: 1px;
}
.lg_btmcnt {
    width: 100%;
    float:left;
    position:relative;
    top:-5px;
}
.lg_btmcnt p
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px;
}
.usr_ic
{
    background:url(images/user_ic.png) no-repeat center;
}
.pass_ic
{
    background:url(images/pass_ic.png) no-repeat center;
    width:24px;
     height:24px;
}
.crm_ic
{
    background:url(images/crm_ic.png) no-repeat center;
    width:24px;
     height:24px;
}
.login_usr
{
     background:url(images/login_user.png) no-repeat center;
     width:24px;
     height:24px;
}
a {
  color: #eee;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

input, select {
  border: none;
  font-family: 'latoregular', sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}
.required
{
    -moz-box-shadow:0 0 8px rgba(200, 0, 0, 0.5);
-webkit-box-shadow:0 0 10px rgba(200, 0, 0, 0.5);
box-shadow:0 0 8px rgba(200, 0, 0, 0.85);
background-color:#FFF;-moz-border-radius:3px;
-webkit-border-radius:3px;border-radius:3px;
border-color:rgba(200, 0, 0, 0.75)!important;
border-style:solid;
border-width:1px;
}

/*Commited By John on 21 Jul 2016*/
/*input[type="text"]:required, select:required, textarea:required, input[type="password"]:required
{
font-size:14px;
font-weight:normal;
color:#3a3a3a;
-moz-box-shadow:0 0 8px rgba(200, 0, 0, 0.5);
-webkit-box-shadow:0 0 10px rgba(200, 0, 0, 0.5);
box-shadow:0 0 8px rgba(200, 0, 0, 0.85);
background-color:#FFF;-moz-border-radius:3px;
-webkit-border-radius:3px;border-radius:3px;
border-color:rgba(200, 0, 0, 0.75)!important;
border-style:solid;
border-width:1px;
padding:2px;
resize:vertical;
margin-top:0px;
}*/

p {
  line-height: 1.5em;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}

.container {
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* ---------- LOGIN ---------- */
#login{
  width: 320px;
  background-color: rgba(0, 0, 0, 0.6);
  /*background-color:#ddddd5;*/
  padding:20px 20px 30px;
  border-radius:5px;
}

#login span {
  background-color: #dbdbdb;
  border-radius: 3px 0px 0px 3px;
  color: #606468;
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}
#login span.error {
    background-color: inherit;
    border-radius: inherit;
    color: #ed4945;
    float: left;
    height: inherit;
    line-height: inherit;
    padding-bottom: 5px;
    text-align: right;
    width: 100%;
}
#login input, #login select {
  height: 50px;
}
#login select
{
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}

#login input[type="text"], #login input[type="password"],#login select {
  background-color: #fff;
  border-radius: 0px 3px 3px 0px;
  color: #8a8a8a;
  margin-bottom: 0;
  padding: 0 16px;
  width: 230px;
}

#login input[type="submit"], #login input[type="button"] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #2b88ce;
  box-shadow: 0 1px rgba(19, 89, 141, 0.5) inset;
  color: #FFF;
  font-weight: 500;
  text-transform: uppercase;
  width: 280px;
  font-size:12px;
  cursor: pointer;
  transition: all 0.5s ease;
  font-family:'latobold', sans-serif;
  text-shadow: 0 -1px rgba(0,0,0,0.3);
}

#login input[type="submit"]:hover {
  background-color: #0070a5;
  transition: all 0.5s ease;
}

#login > p {
  text-align: center;
}

#login > p span{
  padding-left: 5px;
}
.padbtm15
{
    padding-bottom:15px;
}





.popfoot
        {
            background-color: #f2f2f2;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top: 1px dotted #ccc;
            float: left;
            padding: 8px 15px 10px;
            width: 100%;
        }

        .btn
        {
            display: inline-block;
            margin-bottom: 0;
            font-weight: 500;
            text-align: center;
            vertical-align: middle;
            touch-action: manipulation;
            cursor: pointer;
            background-image: none;
            border: 1px solid transparent;
            white-space: nowrap;
            padding: 4px 15px;
            font-size: 13px;
            line-height: 1.5384616;
            border-radius: 3px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .btn:focus,
            .btn:active:focus,
            .btn.active:focus,
            .btn.focus,
            .btn:active.focus,
            .btn.active.focus
            {
                outline: thin dotted;
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px;
            }

            .btn:hover,
            .btn:focus,
            .btn.focus
            {
                color: #333;
                text-decoration: none;
            }

            .btn:active,
            .btn.active
            {
                outline: 0;
                background-image: none;
                -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            }

            .btn.disabled,
            .btn[disabled],
            fieldset[disabled] .btn
            {
                cursor: not-allowed;
                opacity: 0.65;
                filter: alpha(opacity=65);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        a.btn.disabled,
        fieldset[disabled] a.btn
        {
            pointer-events: none;
        }

        .btn-default
        {
            color: #666;
            background-color: #fcfcfc;
            border-color: #ddd;
        }

            .btn-default:focus,
            .btn-default.focus
            {
                color: #666;
                background-color: #e3e3e3;
                border-color: #9d9d9d;
            }

            .btn-default:hover
            {
                color: #666;
                background-color: #e3e3e3;
                border-color: #bebebe;
            }

            .btn-default:active,
            .btn-default.active,
            .open > .dropdown-toggle.btn-default
            {
                color: #666;
                background-color: #e3e3e3;
                border-color: #bebebe;
            }

                .btn-default:active:hover,
                .btn-default.active:hover,
                .open > .dropdown-toggle.btn-default:hover,
                .btn-default:active:focus,
                .btn-default.active:focus,
                .open > .dropdown-toggle.btn-default:focus,
                .btn-default:active.focus,
                .btn-default.active.focus,
                .open > .dropdown-toggle.btn-default.focus
                {
                    color: #333;
                    background-color: #d1d1d1;
                    border-color: #9d9d9d;
                }

            .btn-default:active,
            .btn-default.active,
            .open > .dropdown-toggle.btn-default
            {
                background-image: none;
            }

            .btn-default.disabled:hover,
            .btn-default[disabled]:hover,
            fieldset[disabled] .btn-default:hover,
            .btn-default.disabled:focus,
            .btn-default[disabled]:focus,
            fieldset[disabled] .btn-default:focus,
            .btn-default.disabled.focus,
            .btn-default[disabled].focus,
            fieldset[disabled] .btn-default.focus
            {
                background-color: #fcfcfc;
                border-color: #ddd;
            }

            .btn-default .badge
            {
                color: #fcfcfc;
                background-color: #333;
            }

        .btn-primary
        {
            color: #fff;
            background-color: #2196F3;
            border-color: #2196F3;
        }

            .btn-primary:focus,
            .btn-primary.focus
            {
                color: #fff;
                background-color: #0c7cd5;
                border-color: #08528d;
            }

            .btn-primary:hover
            {
                color: #fff;
                background-color: #0c7cd5;
                border-color: #0b76cc;
            }

            .btn-primary:active,
            .btn-primary.active,
            .open > .dropdown-toggle.btn-primary
            {
                color: #fff;
                background-color: #0c7cd5;
                border-color: #0b76cc;
            }

                .btn-primary:active:hover,
                .btn-primary.active:hover,
                .open > .dropdown-toggle.btn-primary:hover,
                .btn-primary:active:focus,
                .btn-primary.active:focus,
                .open > .dropdown-toggle.btn-primary:focus,
                .btn-primary:active.focus,
                .btn-primary.active.focus,
                .open > .dropdown-toggle.btn-primary.focus
                {
                    color: #fff;
                    background-color: #0a68b4;
                    border-color: #08528d;
                }

            .btn-primary:active,
            .btn-primary.active,
            .open > .dropdown-toggle.btn-primary
            {
                background-image: none;
            }

            .btn-primary.disabled:hover,
            .btn-primary[disabled]:hover,
            fieldset[disabled] .btn-primary:hover,
            .btn-primary.disabled:focus,
            .btn-primary[disabled]:focus,
            fieldset[disabled] .btn-primary:focus,
            .btn-primary.disabled.focus,
            .btn-primary[disabled].focus,
            fieldset[disabled] .btn-primary.focus
            {
                background-color: #2196F3;
                border-color: #2196F3;
            }

            .btn-primary .badge
            {
                color: #2196F3;
                background-color: #fff;
            }

        .form-control
        {
            background-color: #fff;
            background-image: none;
            border: 1px solid #cad4e0;
            border-radius: 3px;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
            color: #666;
            display: block;
            font-size: 13px;
            height: 30px;
            line-height: 1.53846;
            padding: 5px 10px;
            transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
            width: 100%;
        }

            .form-control:focus
            {
                border: 1px solid #51a7e8;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5);
                -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5);
                -webkit-transition: color .1s ease, border-color .1s ease;
                transition: color .1s ease, border-color .1s ease;
                outline: 0;
            }

        .fade
        {
            opacity: 0;
            -webkit-transition: opacity 0.15s linear;
            -o-transition: opacity 0.15s linear;
            transition: opacity 0.15s linear;
        }

            .fade.in
            {
                opacity: 1;
            }

        .modal-open
        {
            overflow: hidden;
        }

        .modal
        {
            display: none;
            overflow: hidden;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1050;
            -webkit-overflow-scrolling: touch;
            outline: 0;
        }

            .modal.fade .modal-dialog
            {
                -webkit-transform: translate(0, -25%);
                -ms-transform: translate(0, -25%);
                -o-transform: translate(0, -25%);
                transform: translate(0, -25%);
                -webkit-transition: -webkit-transform 0.3s ease-out;
                -moz-transition: -moz-transform 0.3s ease-out;
                -o-transition: -o-transform 0.3s ease-out;
                transition: transform 0.3s ease-out;
            }

            .modal.in .modal-dialog
            {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                -o-transform: translate(0, 0);
                transform: translate(0, 0);
            }

        .modal-open .modal
        {
            overflow-x: hidden;
            overflow-y: auto;
        }

        .modal-dialog
        {
            position: relative;
            width: 300px;
            margin: 18% auto;
        }

        .modal-content
        {
            position: relative;
            background-color: #fff;
            border-radius: 5px;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            background-clip: padding-box;
            outline: 0;
        }

        .modal-backdrop
        {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000;
        }

            .modal-backdrop.fade
            {
                opacity: 0;
                filter: alpha(opacity=0);
            }

            .modal-backdrop.in
            {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

        .modal-header
        {
            padding: 5px 10px;
            background-color: #252e36;
            border-top-left-radius: 3px;
            border-top-right-radius: 2px;
        }

            .modal-header h4
            {
                color: #a2abb3;
                font-size: 13px;
                font-weight: 500;
            }

            .modal-header .close
            {
                margin-top: -2px;
            }

        .modal-title
        {
            margin: 0;
            line-height: 1.5384616;
        }

        .modal-body
        {
            position: relative;
            padding: 20px;
            width: 100%;
            float: left;
        }

        .modal-footer
        {
            padding: 5px 20px;
            text-align: right;
            border-top: 1px solid transparent;
        }

            .modal-footer .btn + .btn
            {
                margin-left: 5px;
                margin-bottom: 0;
            }

            .modal-footer .btn-group .btn + .btn
            {
                margin-left: -1px;
            }

            .modal-footer .btn-block + .btn-block
            {
                margin-left: 0;
            }

        .modal-scrollbar-measure
        {
            position: absolute;
            top: -9999px;
            width: 50px;
            height: 50px;
            overflow: scroll;
        }

        .modal-header .close
        {
            margin-top: -1px;
        }

        button.close
        {
            background: transparent none repeat scroll 0 0;
            border: 0 none;
            cursor: pointer;
            padding: 0;
        }

        .close
        {
            color: #656e76;
            float: right;
            font-size: 19.5px;
            font-weight: 300;
            line-height: 1;
            opacity: 0.2;
            text-shadow: none;
        }





/*Start fSelect*/
div.fselect
{
    min-width: 120px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    float: left;
    position: relative;
    font-size: 13px;
    color: #46565D;
}

div.fselect.disabled
{
    opacity: 0.5;
}

div.fselect select:focus + div.trigger
{
}

div.fselect select:focus + div.trigger.open
{
    box-shadow: none;
}

div.fselect div.trigger
{
    border-top-left-radius: 0px;
    border-bottom-left-radius:0px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    cursor: pointer;
    padding: 2px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: #FFFFFF;
    color: #818181;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    text-align: left;
    padding-left: 10px;
    width:230px;
    height:50px;
    line-height:48px;
}

div.fselect div.trigger:after
{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #818181;
    top: 25px;
    right: 15px;
}

div.fselect div.trigger.open
{
    background: #b8bec0;
    color: #FFF;
    box-shadow: none;
}

div.fselect div.trigger.open:after
{
    border-top-color: #7A8498;
}

div.fselect ul.options
{
    padding:0px;
    list-style: none;
    margin: 0;
    position: absolute;
    left: 0;
    top:50px;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    max-height: 210px;
    overflow: auto;
    background: #ebebeb;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    min-width: 230px;
    top: 10px;
    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fselect ul.options.open
{
    visibility: visible;
    top: 50px;
    opacity: 1;
    transition: opacity 300ms ease-out, top 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out;
}

div.fselect ul.options.overflowing
{
    top: auto;
    bottom: 40px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fselect ul.options.overflowing.open
{
    top: auto;
    bottom: 50px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}

div.fselect ul.options li
{
    padding: 4px 12px;
    color: #818181;
    cursor: pointer;
    white-space: nowrap;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    text-align: left;
    position:relative;
    left:0px;
}

div.fselect ul.options li.selected
{
    background: #dfdfdf;
    color: #818181;
}

div.fselect ul.options li.hover
{
    color: #6e6e6e;
}
.lbl_color
{
    color: #434655;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 30px;
}
/*End fSelect*/















































@charset "utf-8";
@-ms-viewport {
width:device-width;
height:device-height
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
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: 0;
	padding: 0;
	z-index: -999;
	text-align: left
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
td, th {
	padding: 0
}
html, body, .login_panel {
	height: 100%
}
#login_panel {
	display: none;
	border-left: 1px solid #fff
}
#auto_low_bandwidth_background_notification {
	visibility: hidden;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 500px;
	color: #fff
}
#background_company_name_text {
	color: #fff;
	margin-right: 500px;
	position: relative;
	top: 50%;
	margin-top: -0.7em;
	text-align: center
}
#login_workload_logo_image {
	max-width: 300px;
	max-height: 60px
}
a {
	text-decoration: none;
	color: #2872dd;
	background-color: transparent
}
img {
	border: 0
}
form {
	width: auto;
	height: auto
}
h1 {
	font-weight: normal
}
.rtl {
	display: none
}
.ltr {
	display: inline
}
.tinytext {
	font-size: .7em;
	font-family: 'Nunito', sans-serif;
}
.smalltext {
	font-size: .8em;
	font-family: 'Nunito', sans-serif;
}
.normaltext {
	font-size: .9em;
	font-family: 'Nunito', sans-serif;
}
.bigtext {
	color: #626262;
	font-size: 1.2em;
	font-family: 'Nunito', sans-serif;;
	font-weight: lighter;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 0
}
div.wrap {
	white-space: normal
}
.gianttext {
	color: #333;
	font-size: 1.8em;
	font-family: 'Nunito', sans-serif;;
	font-weight: lighter
}
.infotext {
	color: #333
}
.background_title_text {
	color: #333;
	font-size: 5em;
	font-family: 'Nunito', sans-serif;
}
.login_full_error_container {
	margin-top: 80px
}
.login_full_error_container h1 {
	color: #333;
	font-size: 1.2em;
	font-family: 'Nunito', sans-serif;;
	font-weight: lighter
}
.login_full_error_container p {
	color: #333;
	font-size: .8em;
	font-family: 'Nunito', sans-serif;;
	margin: 14px 0 14px 0
}
.login_cta_container {
	width: auto;
	height: auto;
	padding-bottom: 30px
}
.login_cta_container h1 {
	font-size: 1em;
	font-family: 'Nunito', sans-serif;
}
.login_cta_container p {
	font-size: .8em;
	font-family: 'Nunito', sans-serif;;
	margin: 14px 0 14px 0
}
.client_error_msg {
	display: none
}
.errortext {
	color: #e22910
}
.textfield {
	width: 350px
}
.login_panel li {
	display: block;
	list-style: none
}
input[disabled] {
	background: transparent
}
input:focus, select:focus, textarea:focus {
	outline: none
}
div#background_branding_container {
	position: fixed;
	left: 0;
	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: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	opacity: 1;
	background: #f7f7f7 no-repeat top left fixed
}
.login_panel {
	background: #fff;
	position: fixed;
	right: 0;
	float: right;
	height: 100%;
	width: 430px;
	margin: 0;
	padding: 0;
	z-index: 1;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: center
}
.login_panel_layout {
	margin: 0 auto;
	text-align: left
}
.login_inner_container {
	min-height: 100%;
	width: 100%;
}
.push {
	content: "";
	display: block
}
.login_footer_container, .push {
	height: 50px
}
.sticky_footer {
	margin-top: -3.5em
}
.inner_container {
	padding-left: 0;
	width: 100%;
	display: inline-block;
	position: relative;
	height: 100%
}
.cred {
	padding-top: 90px;
	height: 100%
}
.login_workload_logo_container {
	width: auto;
	height: auto;
	-moz-transition: margin .6s;
	-webkit-transition: margin .6s;
	-o-transition: margin .6s;
	transition: margin .6s;
	transition-property: margin;
	transition-duration: .6s
}
.spacer {
	padding-top: 100px;
	transition: padding .6s
}
.login_error_container {
	height: auto;
	padding-bottom: 20px
}
.cta_text {
	width: 100%
}
.login_cred_container {
	width: 100%;
	height: auto;
	padding-bottom: 60px;
	transition: margin .6s;
	-moz-transition: margin .6s;
	-webkit-transition: margin .6s;
	-o-transition: margin .6s;
	transition-property: margin;
	transition-duration: .6s;
	margin-bottom: 0
}
.login_cred_container.no_spacer {
	margin-top: -90px
}
.login_cred_field_container {
	width: 380px;
	display: list-item
}
.login_user_chooser {
	width: 100%
}
.login_cred_options_container {
	width: 380px;
	margin: 0;
	padding: 0;
	display: list-item
}
div.login_textfield {
	z-index: -1
}
.high_contrast_border {
	border: 1px solid #fff;
	width: auto;
	max-width: 350px
}
input.login_textfield {
	height: 28px;
	padding-left: 3px;
	margin: 0;
	border: 1px solid #b8b8b8;
	z-index: 3;
	background: transparent;
	color: #000
}
::-webkit-input-placeholder {
color:#767676
}
:-moz-placeholder {
color:#767676
}
::-moz-placeholder {
color:#767676
}
:-ms-input-placeholder {
color:#767676
}
span.placeholder {
	color: #767676;
	margin: 6px 0 0 -6px;
	padding-left: 10px;
	width: 380px;
	z-index: -1
}
.field {
	color: #6b6b6b
}
.button {
	background: #2672ec;
	border: 1px solid #fff;
	padding: 6px 12px 6px 12px;
	color: #fff;
	width: auto;
	cursor: pointer;
	margin-right: 4px;
	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;
	display: inline-block
}
.button:active {
	background: #212121;
	color: #fff
}
.button:focus {
	outline: gold solid 1px
}
.button.wide_button {
	width: 100%;
	text-align: center
}
.cred_cancel_button {
	background: #cbcbcb;
	color: #000
}
.cred_cancel_button:active {
	background: #0072c6;
	color: #000
}
.status {
	margin-top: 10px;
	margin-bottom: 20px
}
.strong_subtext {
	margin-bottom: 10px
}
.disabled_button {
	background: #2672ec;
	cursor: default
}
.disabled_changepassword_button {
	background: #d4e3fb
}
input.login_textfield:focus {
	border: 1px solid #6b6b6b
}
div#cred_userid_container {
	margin-bottom: 2px
}
.progress div {
	width: 3px;
	height: 3px;
	overflow: hidden;
	position: absolute;
	background: #696969;
	z-index: 100
}
a.tile_link:focus .progress div {
	background: #fff
}
.progress {
	position: relative;
	top: -6px;
	height: 6px;
	visibility: hidden;
	margin-left: 0
}
div#cred_password_container {
	width: 105%;
	opacity: 1;
	transition: visibility 1s;
	-moz-transition: visibility 1s;
	-webkit-transition: visibility 1s;
	-o-transition: visibility 1s;
	transition-property: opacity visibility;
	transition-duration: 1s
}
span.input_field {
	background: transparent;
	z-index: 0
}
input:focus {
	border: 1px solid #000;
	background: #fff
}
.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;
	-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: 0;
	border-color: #5b5b5b
}
input#cred_keep_me_signed_in_checkbox:focus {
	outline: gold solid 1px
}
#cred_kmsi_container {
	margin-bottom: 30px
}
input#cred_remember_mfa_checkbox {
	padding-right: 0;
	border-color: #5b5b5b
}
input#cred_remember_mfa_checkbox:focus {
	outline: gold solid 1px
}
#cred_remember_mfa_container {
	margin-bottom: 30px
}
.cred_sign_in_button_push {
	margin-top: 30px
}
#recover_container {
	margin-top: 30px;
	margin-bottom: 10px
}
#setuplocal_container {
	margin-top: 30px;
	margin-bottom: 10px
}
#create_msa_account_container {
	margin-top: 30px;
	margin-bottom: 10px
}
span.info_text {
	margin-left: 4px
}
span#cred_forgot_password_link {
	cursor: pointer;
	margin-left: 0
}
#local_account_setup_link {
	cursor: pointer;
	margin-left: 0
}
#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
}
div.guest_direction_hint {
	margin-top: 20px;
	margin-bottom: 6px;
	color: black
}
div.guest_redirect_container {
	cursor: pointer
}
.footer {
	width: 100%;
	height: 40px;
	color: #666;
	margin-left: 0;
	display: inline-block
}
div.footer a {
	color: #000
}
.branding_footer {
	padding-right: 10px
}
.corp_link {
	padding-right: 5px;
	cursor: pointer;
	display: inline-block
}
.corp_link:first-child {
	padding-left: 0;
	padding-right: 0
}
.hidden {
	visibility: hidden;
	display: none
}
.hide {
	opacity: 0
}
.no_display, .no-display {
	display: none
}
.show_other {
	margin-left: 0
}
#login_panel_center {
	width: 400px;
	height: 100%;
	min-height: 100%;
	margin: 0;
	display: inline-block;
	padding: 0;
	border: 0
}
#footer_table {
	max-width: 350px
}
.corporate_footer {
	float: left
}
.footer_glyph_container {
	display: inline-block;
	padding: 0
}
.footer_glyph {
	width: 37px;
	height: 30px;
	padding: 0;
	padding-right: 7px
}
span.branding_footer {
	padding-right: 0
}
.ad_glyph {
	width: 50px;
	height: 50px;
	margin-bottom: -1px;
	margin-top: 4px
}
a.tile_link {
	outline: none;
	width: 100%;
	color: #000
}
a.tile_link .bigtext {
	color: #000
}
a.tile_link:focus table.user_tile {
	background: #0072c6;
	outline: none;
	color: #fff
}
a.tile_link:focus .bigtext {
	color: #fff
}
a.tile_link:hover {
	background: #fff;
	text-decoration: none
}
a.tile_link:hover .bigtext {
	color: #000
}
table.user_tile {
	border-spacing: 10px;
	border-collapse: separate;
	width: 100%;
	max-width: 350px
}
table.user_tile:hover {
	background: #e6e6e6
}
table.user_tile:active {
	background: #0072c6;
	color: #fff
}
div.disabled_tile, a.disabled_tile:focus table.disabled_tile, a.disabled_tile, table.disabled_tile, table.disabled_tile:hover, table.disabled_tile:active, a.disabled_tile:focus .bigtext {
	cursor: default;
	background: #fff;
	outline: none;
	color: #000
}
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: #fff;
	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: #fff;
	border: 1px solid #373737;
	color: #373737
}
.tile_name {
	width: 100%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100px
}
.tile_name_padding {
	padding: 0 10px 0 10px
}
.tile_primary_name {
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
	padding: 0;
	margin-top: -4px
}
.tile_secondary_name {
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top
}
#back_button {
	float: left;
	margin-left: -34px;
	margin-top: 10px
}
.hip_link {
	padding-left: 5px;
	padding-right: 5px
}
.hip_link:first-child {
	padding-left: 0;
	padding-right: 5px
}
.hip_link a {
	color: #0073c6
}
#hip_image_container {
	margin-top: 10px
}
#hip_show_image_container {
	display: none
}
.email_discovery {
	margin-top: 30px
}
#looking_container {
	margin-bottom: 10px
}
div.signed_out_sites>div:first-child {
	margin-top: 30px;
	margin-bottom: 5px
}
.tfa_title_text {
	margin-bottom: 10px
}
.tfa_title_text.large_margin {
	margin-bottom: 20px
}
#tfa_title_text {
	margin-bottom: 40px
}
.tfa_button_container {
	margin-top: 20px;
	height: auto
}
.tfa_options_title_text {
	padding-bottom: 10px
}
.tfa_error_text {
	margin-top: 10px
}
.tfa_results_text {
	margin-bottom: 10px
}
.tfa_options {
	margin-top: 20px
}
.tfa_option_link_container {
	margin-top: 5px
}
div#tfa_code_container {
	opacity: 1;
	transition: visibility 1s;
	-moz-transition: visibility 1s;
	-webkit-transition: visibility 1s;
	-o-transition: visibility 1s;
	transition-property: opacity visibility;
	transition-duration: 1s;
	margin-bottom: 10px;
	margin-top: -10px
}
.push_down_pip {
	margin-top: 10px
}
#boiler_plate {
	padding-top: 20px;
	padding-bottom: 20px
}
.ca {
	word-wrap: break-word;
	margin-bottom: 25px
}
.ca_title {
	font: 1.4em normal, "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif
}
.ca_section, .ca_header {
	margin-bottom: 30px
}
.ca button {
	margin: 25px 0
}
.ca li {
	display: list-item;
	list-style: disc;
	margin-left: 20px
}
.legal_container {
	display: none;
	margin: 0 auto;
	width: 100%;
	padding: 90px 50px 10px 50px;
	text-align: left
}
.legal-content {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-x: hidden
}
.legal-btn {
	margin-top: 25px
}
.stdMarginTop, div.stdMarginTop {
	margin-top: .75em
}
.marginTop30px, div.marginTop30px {
	margin-top: 30px
}
.marginBottom30px {
	margin-bottom: 30px
}
.marginBottom10px {
	margin-bottom: 10px
}
.marginRight10px {
	margin-right: 10px
}
.borderNone {
	border: none
}
div#recover_container p {
	display: inline
}
.footer_glyph {
	width: 100%;
	height: 100%;
	text-align: right;
	margin-right: 0
}
.footer_block {
	width: 350px;
	color: #767676;
	font-family: "Segoe UI Webfont", "Helvetica Neue", "Lucida Grande", "Roboto", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math"
}
.footer_link {
	margin-right: 12px
}
.text-caption {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 1.25rem;
	margin-top: 1.25rem;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
font-size:.75rem;
line-height:.875rem;
	padding-bottom: 1.1816px;
	padding-top: 1.1816px
}
.i-forgot-my-password-content {
	margin-left: 20px
}
@media only screen and (max-height:820px), (max-device-height:820px) {
.inner_container {
	padding-top: 45px
}
.spacer {
	padding-top: 30px
}
.login_cred_container {
	padding-bottom: 20px;
	margin-bottom: 0
}
.login_cred_container.no_spacer {
	margin-top: -10px
}
}
@media only screen and (max-height:600px), (max-device-height:600px) {
.inner_container {
	padding-top: 30px
}
.spacer {
	padding-top: 10px
}
.login_cred_container {
	padding-bottom: 20px;
	margin-bottom: 0
}
.login_cred_container.no_spacer {
	margin-top: 0
}
}
@media only screen and (max-height:575px), (max-device-height:575px) {
.inner_container {
	padding-top: 30px
}
.spacer {
	padding-top: 0
}
.login_cred_container {
	padding-bottom: 20px;
	margin-bottom: 0
}
.login_guest_container {
	padding-top: 10px;
	padding-bottom: 30px
}
.login_guest_container.no_spacer {
	margin-top: 0
}
}
@media only screen and (max-width:600px), (max-device-width:600px) {
html {
	background: #fff;
	overflow: hidden
}
body {
	background: #fff
}
div#background_branding_container {
	opacity: 0;
	display: none
}
div#background_page_overlay {
	display: none;
	z-index: -999
}
#back_button_container {
	margin-left: -30px
}
.sticky_footer {
	margin-top: -4em
}
.login_panel {
	float: none;
	height: 100%;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
	z-index: 1;
	padding-top: 0;
	overflow: auto
}
#login_panel {
	border-left: 0
}
#login_panel_center {
	width: 400px
}
}
@media only screen and (max-width:420px), (max-device-width:420px) {
.tinytext {
	font-size: .6em
}
.smalltext {
	font-size: .7em
}
.normaltext {
	font-size: .8em
}
.bigtext {
	font-size: 1em
}
.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 {
	float: none;
	height: 100%;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
	z-index: 1;
	padding-top: 0;
	overflow: auto
}
#login_panel_center {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%
}
img.workload_img {
	max-width: 280px;
	width: auto
}
.login_workload_logo_container {
	margin-bottom: 0;
	max-width: 280px;
	padding-left: 0
}
.login_cta_container {
	margin-bottom: 0;
	max-width: 280px;
	padding-left: 0;
	width: auto;
	height: auto;
	color: #333
}
.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: 0
}
.cta_text {
	display: inline
}
.login_cred_container {
	padding-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;
	transition-property: none;
	transition-duration: 0
}
#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: 0;
	-webkit-transition-property: none;
	-webkit-transition-duration: 0;
	-o-transition: none;
	-o-transition-duration: 0;
	transition-property: none;
	transition-duration: 0
}
.login_guest_container {
	width: 100%
}
.footer {
	width: 100%;
	max-width: 380px;
	margin: auto;
	display: inline-block
}
.corp_link:first-child {
	padding: 0
}
table.user_tile {
	max-width: 320px
}
}
@media only screen and (max-width:280px), (max-device-width:280px) {
#login_panel_center {
	width: 210px;
	width: calc(70%)
}
table.user_tile {
	max-width: 100%
}
#redirect_cta_text {
	width: 100%;
	max-width: 100%
}
#redirect_message_container {
	width: 100%;
	max-width: 100%
}
.login_panel {
	width: 100%;
	min-width: 100%
}
img.workload_img {
	max-width: 100%;
	height: 30px;
	width: auto
}
.login_workload_logo_container {
	max-width: 100%
}
.login_cta_container {
	max-width: 100%
}
.login_cred_field_container {
	width: 100%
}
.login_cred_options_container {
	width: 100%;
	max-width: 100%
}
.login_guest_container {
	width: 100%
}
span.placeholder {
	width: 100%
}
div.login_textfield {
	width: 100%
}
input.login_textfield {
	width: 100%
}
}
.slide {
	-webkit-animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .5s;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .5s;
	-ms-animation-fill-mode: both;
	animation-duration: .5s;
	animation-fill-mode: both;
	-webkit-animation-name: commonFadeInFrames, slideLTransformFrames;
	-moz-animation-name: commonFadeInFrames, slideLTransformFrames;
	-ms-animation-name: commonFadeInFrames, slideLTransformFrames;
	animation-name: commonFadeInFrames, slideLTransformFrames
}
@-webkit-keyframes slideLTransformFrames {
from {
-webkit-transform:translate(-40px, 0);
-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1)
}
to {
	-webkit-transform: translate(0, 0)
}
}
@-moz-keyframes slideLTransformFrames {
from {
-moz-transform:translate(-40px, 0);
-moz-animation-timing-function:cubic-bezier(0, 0, 0, 1)
}
to {
	-moz-transform: translate(0, 0)
}
}
@-ms-keyframes slideLTransformFrames {
from {
-ms-transform:translate(-40px, 0);
-ms-animation-timing-function:cubic-bezier(0, 0, 0, 1)
}
to {
	-ms-transform: translate(0, 0)
}
}
@keyframes slideLTransformFrames {
from {
transform:translate(-40px, 0);
animation-timing-function:cubic-bezier(0, 0, 0, 1)
}
to {
	transform: translate(0, 0)
}
}
@-webkit-keyframes slideRTransformFrames {
from {
-webkit-transform:translate(40px, 0);
-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1)
}
to {
	-webkit-transform: translate(0, 0)
}
}
@-moz-keyframes slideRTransformFrames {
from {
-moz-transform:translate(40px, 0);
-moz-animation-timing-function:cubic-bezier(0, 0, 0, 1)
}
to {
	-moz-transform: translate(0, 0)
}
}
@-ms-keyframes slideRTransformFrames {
from {
-ms-transform:translate(40px, 0);
-ms-animation-timing-function:cubic-bezier(0, 0, 0, 1)
}
to {
	-ms-transform: translate(0, 0)
}
}
@keyframes slideRTransformFrames {
from {
transform:translate(40px, 0);
animation-timing-function:cubic-bezier(0, 0, 0, 1)
}
to {
	transform: translate(0, 0)
}
}
@-webkit-keyframes commonFadeInFrames {
from {
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, 1, 1)
}
to {
	opacity: 1
}
}
@-moz-keyframes commonFadeInFrames {
from {
opacity:0;
-moz-animation-timing-function:cubic-bezier(0, 0, 1, 1)
}
to {
	opacity: 1
}
}
@-ms-keyframes commonFadeInFrames {
from {
opacity:0;
-ms-animation-timing-function:cubic-bezier(0, 0, 1, 1)
}
to {
	opacity: 1
}
}
@keyframes commonFadeInFrames {
from {
opacity:0;
animation-timing-function:cubic-bezier(0, 0, 1, 1)
}
to {
	opacity: 1
}
}
.preview_label {
	position: absolute;
	top: 0;
	right: 0;
	color: #7eb436;
	margin-top: 10px;
	margin-right: 50px;
	text-align: right;
	font-size: 9px;
	font-weight: bold
}
.permission_details_icon:hover .permission_details_text {
	display: block;
	position: absolute;
	padding: 10px;
	background: #fff;
	border: 1px solid #373737;
	color: #373737;
	width: 100%;
	max-width: 230px
}
.permission_details_active {
	display: block;
	position: absolute;
	padding: 10px;
	background: #fff;
	border: 1px solid #373737;
	color: #373737;
	width: 100%;
	max-width: 230px
}
.permission_details_icon {
	margin-left: 3px
}
input.disabled_inputtext {
	background-color: #eee !important
}
.bubble>div {
	max-width: 100%;
	padding: 12px 10px 4px 0
}
.dots {
	font-size: 16px;
	vertical-align: top;
	height: 100%
}
.dots div {
	padding: 0 10px 40px 10px
}
.nav-settings-menu {
	position: absolute;
	box-shadow: 0 1px 10px rgba(0,0,0,0.2);
	width: 180px;
	background-color: #fff;
	z-index: 1;
	top: 0;
	left: 0;
	font-family: "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif
}
ul.nav-settings-menu-list li a {
	padding: 10px 20px;
	width: auto;
	display: block;
	color: #000;
	font-size: 15px
}
ul.nav-settings-menu-list li:hover {
	background-color: #e6f2fa
}
p.settings-menu-copy {
	font-size: 12px;
	padding: 15px 20px 5px 20px;
	color: #666
}
#settings-dropdown {
	top: 50px;
	right: 50px
}
.tile_third_name {
	margin-left: 10px
}
.smallertext {
	font-size: .7em;
	font-family: 'Nunito', sans-serif;;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.spinner {
	vertical-align: middle;
	padding: 0 5px 0 0
}
.textfield_margin {
	margin-bottom: 7px
}
div#cred_kmsi_container {
	margin-left: 1px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.login_cred_field_container {
	margin-left: 1px
}
}
input.errorInput, input.errorInput:focus {
	border: 1px solid red
}
@media only screen and (max-width:620px), (max-device-width:620px) {
.tile_name {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100px
}
.login_cred_container {
	margin-bottom: 0
}
}
@media only screen and (max-width:250px), (max-device-width:250px) {
.tile_name {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
}
#change_pwd_button_container {
	margin-top: 40px
}
.change_password_textfield {
	margin-bottom: 7px
}
.login_splitter_control {
	margin-bottom: 30px
}
.accessibleError {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden
}