body,
html {
    margin: 0;
    padding: 0;
    clear: both;
    height: 100%;
    width: 100%;
}


/*.vms-login input[type="text"] {
    background-color: #192028;
    outline: none;
    border-radius: 2px;
}

.vms-login input[type="text"]:focus {
    outline: none;
    border: solid 1px #295286;
    box-shadow: none;
    border-radius: 2px;
    color: #f0f0f1;
}

.vms-login input[type="password"] {
    background-color: #192028;
    outline: none;
    border-radius: 2px;
    border: solid 1px #295286;
    color: #f0f0f1;
}

.vms-login input[type="password"]:focus {
    border: solid 1px #295286;
    box-shadow: none;
    color: #f0f0f1;
}

.vms-login input:-webkit-autofill {
    -webkit-text-fill-color: #f0f0f1;
    -webkit-box-shadow: 0 0 0 50px #192028 inset !important;
    box-shadow: none;
}*/

.login-container {
    height: 100%;
    overflow: hidden;
    min-width: 1300px;
    min-height: 800px;
    background-color: #2A3138;
}

.login-main-view {
    height: 524px;
    width: 578px;
    position: absolute;
    top: calc(50% - 262px);
    left: calc(50% - 289px);
}

.login-body {
    background-color: #192028;
}

.logo-image-container {
    width: 158px;
    margin: 176px auto 0 auto;
    position: relative;
    left: -53px;
}

.logo-image {
    /*width:158px;*/
    /*padding-top:176px;*/
}

.vms-login {
    /*height: 578px;
    height: 524px;*/
    /*background-image: url('/app/images/logo-symbol.png');*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: solid 1px transparent;
}

.login-control {
    border: solid 1px #295286;
    height: 26px;
    width: 290px;
    position: relative;
    left: 11px;
    margin: 0 auto;
    color: #f0f0f1;
}

.margin-top-from-logo {
    margin-top: 24px;
}

.margin-top-7 {
    margin-top: 7px;
}

.login-button-container {
    margin-top: 22px;
}

.vms-login .login-label {
    color: white;
    text-align: left;
}


.message-container {
    width: 300px;
    margin-left: 148px;
    margin-bottom: 11px;
    margin-top: 11px;
    height: 30px;
}


/*#newPasswordContainer {
    display: none;
}*/

.error-message {
    color: rgba(250, 66, 81, 1);
    padding-bottom: 2px;
    /*font-size:11px;*/
}
.error-message.center-spacing{
    margin-bottom:6px;
}

.must-change-password {
    margin-left: 128px !important;
}


.info-message {
    color: white;
}

.vms-login .btn-vms {
    color: #ffffff;
}

    .vms-login .btn-vms[disabled] {
        color: white;
        background: #808080;
    }

.development .app_servers_wrapper {
    /* display: block;
   border:solid 1px white;*/
    /*height: 180px;
    width: 300px;
    margin-left: 150px;*/
    /*overflow-y: auto;*/
}

.app_servers_wrapper div {
    color: white;
    cursor: pointer;
    height: 30px;
    padding-top: 5px;
    font-weight: normal;
}

    .app_servers_wrapper div:hover {
        background-color: #335a8c;
        color: white;
        font-weight: normal;
    }

    .app_servers_wrapper div.active {
        font-weight: bold;
        background-color: darkkhaki;
        color: black;
    }

.login-button {
    background-color: #295286;
    border: solid 1px #295286;
    color: #eaeaea;
    width: 290px;
    height: 26px;
    position: relative;
    left: calc(50% - 134px);
}

    .login-button:hover {
        background-color: #3162b6;
    }

    .login-button:active {
        background-color: #494c50;
    }

.app_servers_wrapper select {
    width: 290px;
    height: 27px;
    border-radius: 3px;
    outline: none;
    position: relative;
    left: calc(50% - 134px);
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-15 {
    margin-top: 15px;
}

.error-message-container-div {
    padding: 7px;
    height: 100%;
    position: relative;
}

.bad-user-name {
    position: absolute;
    top: 11px;
}

.bad-user-name-err-message-user-change {
    position: absolute;
    top: 34px;
}

.err-msg-container {
    margin-left: 148px;
    height: 24px;
}

.padding-top-msg {
    padding-top: 6px;
}

.login-button-top {
    margin-top: -17px;
}

.password-dont-match-container {
    height: 35px;
}

.password-top {
    position: relative;
    top: 10px;
}

.disabled-login-button {
    background-color: #7d7d7d;
}

    .disabled-login-button:hover {
        background-color: #7d7d7d;
    }

.vms-spinner-widget .ui-spinner-input,
.blue-border-input {
    height: 26px;
    line-height: 26px;
    border: 0;
    border-bottom: 1px solid #358cd8 !important;
    border-radius: 0;
    font-size: 14px;
    font-family: Arial;
    background-color: #292d35 !important;
    font-weight: normal;
    color: #c7cbd1 !important;
    min-width: 52px;
    box-shadow: none;
    max-width: 300px;
    width: 50%;
    padding: 0 0px 0 3px;
    outline: none;
}

.gray-background-input {
    height: 35px;
    line-height: 35px;
    border: 0;
    /* border-bottom: 1px solid #295287 !important; */
    border-radius: 0;
    font-size: 14px;
    font-family: Arial;
    background-color: #636871 !important;
    font-weight: normal;
    color: #eaeaea !important;
    min-width: 52px;
    box-shadow: none;
    max-width: 300px;
    width: 50%;
    padding: 0 10px 0 10px;
    outline: none;
}    
::-webkit-input-placeholder {
   font-style: italic;
   color:#eaeaea;
}
:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    color: #eaeaea;
}
::-moz-placeholder {  /* Firefox 19+ */
    font-style: italic;
    color: #eaeaea;
}
:-ms-input-placeholder {  
   font-style: italic;
}




.blue-border-input:disabled {
    border-color: #193252 !important;
    color: #585858 !important;
}

.blue-border-input.ng-invalid:not([disabled]) {
    border-color: #bd1820 !important;
}

input:-webkit-autofill {
    background-color: #292d35 !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 500px #292d35 inset;
    -webkit-text-fill-color: #c7cbd1 !important;
}

.blue-button-new-ui {
    background-color: #295287;
    font-size: 14px;
    font-family: Arial;
    position: relative;
    color: #c7cbd1;
    border: 0;
    border-radius: 0;
    height: 39px;
    /*width: 145px;*/
    padding: 0 18px 0 18px;
    outline: none;
}

    .blue-button-new-ui:hover {
        background-color: #22446f;
    }

    .blue-button-new-ui:active {
        background-color: #1b406c;
        opacity: 0.8;
    }

    .blue-button-new-ui:disabled {
        background-color: #363b45;
    }

.big-blue-button-new-ui {
    height: 40px;
    /*width: 146px;*/
    background-color: #295287;
    font-size: 14px;
    font-family: Arial;
    position: relative;
    color: #c7cbd1;
    border: 0;
    border-radius: 0;
    outline: none;
    margin-left: 14px;
    width: 40%;
    max-width: 146px;
    min-width: 90px;
}

    .big-blue-button-new-ui:hover {
        background-color: #224878;
    }

    .big-blue-button-new-ui:active {
        background-color: #1d406c;
    }

    .big-blue-button-new-ui[disabled] {
        background-color: #363b45 !important;
        color: #585858;
    }

select::-ms-expand {
    height: 26px;
    line-height: 26px;
    border: 0;
    border-bottom: 1px solid #295287 !important;
    border-radius: 0;
    font-size: 14px;
    font-family: Arial;
    background-color: transparent !important;
    font-weight: normal;
    color: #c7cbd1 !important;
    box-shadow: none;
    outline: none;
}


:-moz-any(select) {
    /*  width: 240px;
   height: 34px;
   overflow: hidden;
   background-color: transparent !important;
   background: url(http://bavotasan.com/wp-content/uploads/2011/05/down_arrow_select.jpg) no-repeat right #ddd;
   border: 0;
   */
    -moz-appearance: none;
    background-image: url('/app/images/chevron-down-3.svg.svg');
    background-repeat: no-repeat;
    background-position: 98% 44%;
}

#vms-login-app-state-save-toggle {
    /*text-align: center;*/
    color: #c7cbd1;
}

    #vms-login-app-state-save-toggle > .material-switch-css {
        display: inline-block;
        margin-left: 25%;
    }


              @-webkit-keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }@keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }.uil-default-css > div:nth-of-type(1){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(2){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.3888888888888889s;animation-delay: -0.3888888888888889s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(3){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.2777777777777778s;animation-delay: -0.2777777777777778s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(4){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.16666666666666669s;animation-delay: -0.16666666666666669s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(5){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.05555555555555558s;animation-delay: -0.05555555555555558s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(6){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.05555555555555558s;animation-delay: 0.05555555555555558s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(7){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.16666666666666663s;animation-delay: 0.16666666666666663s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(8){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.2777777777777778s;animation-delay: 0.2777777777777778s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}.uil-default-css > div:nth-of-type(9){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.38888888888888884s;animation-delay: 0.38888888888888884s;}.uil-default-css { position: relative;background:none;width:200px;height:200px;}