/* ************************************************** */
/* Copyright (c) 2009, 2010, 2011, 2012 Cisco Systems, Inc.       */
/* All rights reserved.                               */
/* ************************************************** */
/*
* @author hks
* All the CSS elements for overridde in login Page go here.
*/
html.login {
    background: url('images/bg_30_quality.jpg') no-repeat center center fixed;
}

html.login.true-gpc {
	background: url('images/bg_29_quality.jpg') no-repeat top center fixed;
	background-size: cover;
}

.reboot2 .loginPage {
    background: #fff;
    min-height: 660px;
    width: 551px;
}

.reboot2 .loginPage .productInfo {
    top: 40px;
    width: 100%;
    left: 0;
    margin: 0;
    text-align: center;
}

.reboot2 .loginPage .productLogo {
    background: url('images/logo.png') no-repeat 0 0 !important;
    display: inline-block !important;
    float: none !important;
    margin: 0;
    padding: 0;
    width: 91px !important;
    height: 46px !important;
}

.reboot2 .loginPage .productName {
    text-indent: -9999px;
    background: url('images/login_title.png') no-repeat 50% 0;
    margin: 0;
    width: 100%;
    height: 151px;
}

.reboot2 .loginPage .productDesc {
    margin-top: 10px;
}

.reboot2 .loginPage .userFormContainer {
    position: relative;
    padding: 0;
    margin: 20px 0 0 0;
    top: 200px;
    display: inline-block;
    text-align: center;
}

.reboot2 .loginPage .dijitTextBox {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #39393b;
    border: 1px solid #c4c7cc;
    border-radius: 4px;
    box-shadow: none;
    height: 28px !important;
    padding: 5px 10px;
}

.reboot2 .loginPage .dijitTextBoxFocused {
    outline: none;
}

html.login .reboot2 table.xwtDropDown,
html.login .reboot2 .xwtDropDown.dijitMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #39393b;
    border: 1px solid #c4c7cc;
    border-radius: 4px;
    box-shadow: none;
    padding: 4px 8px;
    box-sizing: content-box;
}

html.login .reboot2 table.xwtDropDown .downArrowPressed {
    border: none;
}

html.login .reboot2 table.xwtDropDown.xwtDropDownFocused {
    outline: none;
}

html.login .dijitButtonNode .dijitButtonText {
    margin: 0;
    width: 175px !important;
}

html.login table.xwtDropDown .dijitSelectLabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #39393b;
    margin: -5px 0 0 -1px !important;
    text-overflow: ellipsis;
    width: 175px !important;
}

.reboot2 .loginPage .userFormLabel {
    width: auto;
}

.reboot2 .loginPage .userForm > tbody > tr > td {
    padding: 0 0 10px 0;
}

.reboot2 .loginPage .userForm {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #39393b;
    margin: 0 auto;
}

.reboot2 .loginPage .loginBackTop,
.reboot2 .loginPage .loginMiddle,
.reboot2 .loginPage .loginBackBottomContainer .bottom-center {
    background: transparent !important;
    width: auto;
}

.reboot2 .loginPage .loginBackTop {
    height: auto;
    text-align: center;
}

.reboot2 .loginPage .loginMiddle {
    position: absolute;
    bottom: 10px;
    width: 100%;
    max-height: 65px;
}

.reboot2 .loginPage .loginMiddleInformation {
    margin: 0;
    padding: 0 10px;
    border: none;
    width: auto;
}

.reboot2 .loginPage .loginMiddleInformationContainer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #39393b;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}

.reboot2 .loginPage .loginBackBottom {
    display: none;
}

.reboot2 .loginPage .loginMiddleCopyright {
    position: absolute;
    bottom: 15px;
}

.copyright-container {
    background: #fff;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #39393b;
    position: absolute;
    bottom: 0;
    opacity: .75;
    text-align: center;
    width: 100%
}

.copyright-container .copyright {
    padding: 15px;
}

.copyright-container .copyright a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}


.reboot2 .loginPage .xwtDropDown .dijitDownArrowButton:hover {
    border-left: none;
}

.reboot2 .loginPage .xwtDropDown .dijitArrowButton .dijitArrowButtonInner {
    margin-left: -13px;
}

.reboot2 .loginPage .xwtDropDown.dijitMenu {
    border: 1px solid #c4c7cc;
    border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    margin-left: 0 !important;
}

html.login .reboot2 .xwtDropDown .dijitMenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #39393b;
    width: 100%;
    padding: 3px 0;
    margin: 0;
}

html.login .reboot2 .dijitSelectMenu .dijitMenuItemLabel {
    padding: 5px 10px;
}

.reboot2 .loginPage .dijitArrowButtonInner {
    margin: 6px 0 4px 5px;
}

.reboot2 .loginPage .loginButton {
    padding: 0;
    margin: 20px 0 10px 0;
    float: none;
}

.loginPage .dijitLeft.btn {
    box-sizing: border-box;
    background-color: #00ad0b;
    border: none;
    border-color: #00ad0b;
    color: #ffffff;
    border-radius: 17px;
    padding: 7px 10px;
    font: bold 14px Arial,sans-serif;
    margin: 0;
    color: #ffffff;
}

.loginPage .dijitLeft.btn.defaultButtonHover,
.loginPage .dijitLeft.btn.defaultButtonActive,
.loginPage .dijitLeft.btn.defaultButtonFocused
{
    background-color: #049FD9;
}

.loginPage .dijitLeft.btn.defaultButtonActive {
    background-color: #049FD9;
}

.loginPage .dijitLeft.btn button,
.loginPage .dijitLeft.btn button *,
.reboot2 .loginPage .defaultButton .xwt-TextRight .xwt-TextButtonNode {
    background: transparent !important;
}

.reboot2 .loginPage .xwt-TextButtonNode .xwt-TextButtonText {
    font: bold 14px Arial,sans-serif;
}

.reboot2 .loginPage .messageBox {
    border: 1px solid #e33000;
    border-radius: 0;
    position: static;
    top: 0;
    font: 14px Arial,sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    z-index: 1;
    width: 500px;
}

.reboot2 .loginPage .messageBox table td {
    padding: 10px;
    font: 12px Arial,sans-serif;
    color: #39393b;
}

.reboot2 .loginPage .xwtLoginMBIcon {
    background: url('images/ico_alert_critical_white_16.png') 0 0 no-repeat !important;
    height: 16px;
    width: 16px;
}

.reboot2 .loginPage .problemsLoggingIn {
    margin: 0;
}


/* New styles for alert using Atomic Pattern Library */

.reboot2 .xwtAlert {
    border: none !important;
    border-radius: 0 !important;
    width: 670px !important;
    height: auto !important;
    max-width: 670px !important;
    top: 6% !important;
}

.reboot2 .xwtAlert .xwtAlert-warning, .reboot2 .xwtAlert .xwtAlert-information, .reboot2 .xwtAlert .xwtAlert-critical, .reboot2 .xwtAlert .xwtAlert- {
    font-weight: normal;
    background: none !important;
    padding-left: 0 !important;
    font-family: CiscoSans, Tahoma, Arial, Helvetica, clean, sans-serif !important;
    font-size: 12px;
    margin-top: 10px;
}

.reboot2 .xwtAlert .containerTable {
    padding: 0 0 0 40px !important;
    margin: 15px 15px 15px 10px !important;
}

.reboot2 .xwtAlert .containerTable .xwtAlert-warning:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAAQIGBxASICEjJDs8WFl8fpGSlJWgoqOlqKqttL7DxcjKzNHm91Po794AAABtSURBVBgZZcGJFoFAAEDR1yT7ln0Lkff/n2jCoY57eetql6aD7mkYGg34uRmVfI3NIXfER6hcwMoq8DbVNex0wkv60COc9JFSm6tl2rmrM6LMhgzYGp3hYrSBvrVrCKW1HoUtBStblpCEhoQ/T7lLEM26AW7IAAAAAElFTkSuQmCC);
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 30px;
    background: #ffa000;
    box-sizing: border-box;
    text-align: center;
    padding-top: 20px;
    color: #fff;
    font-style: normal;
    font-family: icon-font;
    font-size: 18px;
}

.reboot2 .xwtAlert .containerTable .xwtAlert-information:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJXRSTlMAAQUHCw8QERYXIyQnLDg6PU1SXWFkc3R7gqavtcHc5u/19/n7n37ttQAAAHlJREFUGBlVwYsWgVAQBdAzUboRPSm94/z/L7ozxLI3lCRV2xQxNulI00cwJTfrEV7GnzUCgoXe83Cm6oGc6rE70cTo+KfARLNPaRrMNOJoWgw04mgq1DTiaBKENOKoRgGuVO5ClQKQO79KKLnxbcnwEdbDPHV5AO8FhjwZrR3zL2EAAAAASUVORK5CYII=);
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 30px;
    background: #1493e6;
    box-sizing: border-box;
    text-align: center;
    padding-top: 25px;
    color: #fff;
    font-style: normal;
    font-family: icon-font;
    font-size: 18px;
}

.reboot2 .xwtAlert .xwtTextButtonGroup {
    margin-top: 30px;
}

.reboot2 .xwtAlert .xwtTextButtonGroup .xwt-TextButtonText,
.reboot2 .xwtAlert .xwt-TextButtonNode .xwt-TextButtonText {
    padding: 0;
    line-height: 1.1 !important;
    font: bold 14px Arial, sans-serif !important;
    height: auto !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
}

.reboot2 .xwtAlert .buttonPane .xwtTextButtonGroup .xwtButtonBorder:first-child {
    outline: none;
    margin: 0  0 0 10px;
}

.reboot2 .xwtAlert .xwtTextButtonGroup .xwtButtonBorder button {
    background: #00ad0b;
    border-color: #00ad0b;
    box-sizing: border-box;
    border-radius: 14px;
    padding: 4px 16px;
    min-width: 70px;
    margin: 0;
    position: relative;
    height: auto;
}

.reboot2 .xwtAlert .xwtTextButtonGroup .xwtButtonBorder button:hover {
    background: #049fd9 !important;
}



/* End of new styles for alert using Atomic Pattern Library */

.reboot2 .loginPage .problemsLoggingIn span {
    font: 12px Arial,sans-serif;
}


.reboot2 .defaultButton .xwt-TextRight .xwt-TextButtonNode {
    height: auto;
    background: none    ;
}

#admin-language-select {
    border: 1px solid #c4c7cc;
    background: transparent;
    width: 210px;
    height: 30px;
    outline: none;
    color: #555;
    font-family: Arial, Helvetica, clean, sans-serif;
    padding-bottom: 5px;
    padding-left: 5px;
}

.language-selection-row {
    text-align: center;
    padding-left: 10px;
    color: #39393b;
}

.language-selection-div {
    margin-top: 25px;
}

.hidden {
  display: none;
}


#separator {
    margin: 0 5px;
}

#language-select-english {
    padding-left: 5px;
}

#language-select-english, #language-select-japanese {
    cursor: pointer;
    color: #474749;
}

a.active {
    font-weight: bold;
    text-decoration: underline !important;
}