#wrap { /* login main background color */
    background: #252839 !important;
}

.login tr td { /* background around login buttons  */
    background: #252839 !important;
}

.login .login_table tr td:not(:first-child) { /* background between id and text box */
    background: #252839 !important;
}

.login .login_table tr td:first-child { /* id and pw text & button color */
    color:#DF2F31 !important;
    background: #BBBBBB !important;
    font-weight: bolder;
    font-size: small !important;
}

button.btn_login {
    background:url(/img/oem/bay/buttons/login_window_button_n.png) no-repeat;
}
button.btn_login:after { /* login button text */
    content: "LOGIN";
    color: white;
    background: none;
    text-align: center;
    font-size: medium;
    display:block;
    border-radius: 4px;
    position: relative;
    padding-right: 10px;
    height: auto;
    left: -10px;
    width: 235px; 
}
button.btn_login:hover {
    background:url(/img/oem/bay/buttons/login_window_button_c.png) no-repeat; 
}

#location { /* submenu background not active */
    color: #d0d0d0;
    background: #082A42 !important;
} 

.submenubg { /* background  */
    background:#262626; 
}

.bottommenuwrap { /* bottom menu color */ 
    background: #252839 !important;
}

/* .bjHtmlColor{background-color: #555 !important;} /* not sure what this does */

.bjBodyColor, #contents, #new_section, #list_section, #pagination, .list_button_set { /* dashboard background */
    background-color: #EDEDED !important;
}

/* .bjNavColor{background-color: #2c4263 !important;} */
/* .bjNavHoverColor{background-color: #fff !important;} */

/* .topmenu.hover,.topmenu:hover{background-color: #fff !important;} */

/**** font ****/
/* .primaryColorOfFont{color: #ffffff !important;} */
/* .indexLogAckNumColor{color: #2c4263 !important;} */


.bjNavColor{background-color: #252839 !important;} /* top menu side color */
.bjNavHoverColor{background-color: #082A42 !important;} /* submenu hover */
.bjHtmlColor{background-color: #252839 !important;} /* body side color */
.primaryColorOfFont{color: #000000 !important; background: #BDC2C5 !important;} /* sidebar font color */
.sidebar_subtitle {color:#000000 !important;}
#lnb {background-color: #BDC2C5 !important;} /* main side bar color */
.sidebar_default {color:#000000 !important; background-color: #BDC2C5 !important;}
[id~=form_side] {color: #000000 !important; background: #BDC2C5 !important;}
/*
[id~=form_side] tr:nth-child(5) {border-color: #7A8388; border-style: solid; border-width: medium 7px medium medium;}
/* [name~=door] {color: #000000 !important; background: #BDC2C5 !important; font-weight: bold; font-size: xx-small; } */

[id~=threat_level_status] {color:#FFFFFF !important; background-color: #DF2F31 !important;}
[id~=e3_time] {color: #DF2F31 !important; background: #BDC2C5 !important;}

.text-red {color: #DF2F31 !important;} /* system time */
[id~=ack-count-badge] {color: #FFFFFF !important;} /* ack count color */

.topmenubg {
    background: #262626;
}

#gnb {
    background: #262626;
}


/**** nav ****/
.bottommenu.xxxx01 {background:url(/img/oem/bay/menu/topmenu_01_n.png) no-repeat !important;}
.bottommenu.xxxx01:hover {background:url(/img/oem/bay/menu/topmenu_01_r.png) no-repeat !important;}
.bottommenu.xxxx01.hover {background:url(/img/oem/bay/menu/topmenu_01_s.png) no-repeat !important;}

.bottommenu.xxxx02{background:url(/img/oem/bay/menu/topmenu_02_n.png) no-repeat !important;}
.bottommenu.xxxx02:hover{background:url(/img/oem/bay/menu/topmenu_02_r.png) no-repeat !important;}
.bottommenu.xxxx02.hover{background:url(/img/oem/bay/menu/topmenu_02_s.png) no-repeat !important;} 

.topmenu.menu03{background:url(/img/oem/bay/menu/topmenu_03_n.png) no-repeat !important;}
.topmenu.menu03:hover{background:url(/img/oem/bay/menu/topmenu_03_r.png) no-repeat !important;}
.topmenu.menu03.hover{background:url(/img/oem/bay/menu/topmenu_03_s.png) no-repeat !important;}

.topmenu.menu04{background:url(/img/oem/bay/menu/topmenu_04_n.png) no-repeat !important;}
.topmenu.menu04:hover{background:url(/img/oem/bay/menu/topmenu_04_r.png) no-repeat !important;}
.topmenu.menu04.hover{background:url(/img/oem/bay/menu/topmenu_04_s.png) no-repeat !important;}

.bottommenu.xxxx06{background:url(/img/oem/bay/menu/topmenu_06_n.png) no-repeat !important;}
.bottommenu.xxxx06:hover{background:url(/img/oem/bay/menu/topmenu_06_r.png) no-repeat !important;}
.bottommenu.xxxx06.hover{background:url(/img/oem/bay/menu/topmenu_06_s.png) no-repeat !important;}

.bottommenu.xxxx09{background:url(/img/oem/bay/menu/topmenu_09_n.png) no-repeat !important;}
.bottommenu.xxxx09:hover{background:url(/img/oem/bay/menu/topmenu_09_r.png) no-repeat !important;}
.bottommenu.xxxx09.hover{background:url(/img/oem/bay/menu/topmenu_09_s.png) no-repeat !important;}

.topmenu.menu14{background:url(/img/oem/bay/menu/topmenu_14_n.png) no-repeat !important;}
.topmenu.menu14:hover{background:url(/img/oem/bay/menu/topmenu_14_r.png) no-repeat !important;}
.topmenu.menu14.hover{background:url(/img/oem/bay/menu/topmenu_14_s.png) no-repeat !important;}

.topmenu.menu17{ width:144px; height:64px; background:url(/img/oem/bay/menu/topmenu_17_n.png) no-repeat !important;}
.topmenu.menu17:hover{ width:144px; height:64px; background:url(/img/oem/bay/menu/topmenu_17_r.png) no-repeat !important;}
.topmenu.menu17.hover{ width:144px; height:64px; background:url(/img/oem/bay/menu/topmenu_17_s.png) no-repeat !important;}

.topmenulogo {background:url(/img/oem/bay/logo/topmenu_logo.png) no-repeat !important;}
.bottommenulogo {background:url(/img/oem/bay/logo/bottombar_logo1.png) no-repeat !important;}
.bottommenulogo2 {background:url(/img/oem/bay/logo/bottombar_logo2.png) no-repeat !important;}

.submenu.menu01			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_01.png) no-repeat !important; margin-left: 16px !important; }
.submenu.menu01:after { /* dashboard */
    content: "VIEW";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: xx-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu01:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_01_s.png) no-repeat !important; }

.submenu.menu73			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_73.png) no-repeat !important; margin-left: 151px !important; margin-top: 0px !important;}
.submenu.menu73:after { /* nvr */
    content: "VIEW";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    padding: 4px;
    height: auto;
}
.submenu.menu73:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_73_s.png) no-repeat !important; }

.submenu.menu05			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_05.png) no-repeat !important; margin-left: 138px !important;}
.submenu.menu05:after { /* card holder */
    content: "CARD HOLDERS";
    color: white;
    background:#082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    padding: 4px;
    height: auto;
}
.submenu.menu05:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_05_s.png) no-repeat !important; }
.submenu.menu07			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_07.png) no-repeat !important; }
.submenu.menu07:after { /* access level */
    content: "ACCESS LEVELS";
    color: white;
    background:#082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    padding: 4px;
    height: auto;
}
.submenu.menu07:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_07_s.png) no-repeat !important; }
.submenu.menu36			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_36.png) no-repeat !important;  }
.submenu.menu36:after { /* user data export */
    content: "CSV EXPORT";
    color: white;
    background:#082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    padding: 4px;
    height: auto;
}
.submenu.menu36:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_36_s.png) no-repeat !important; }
.submenu.menu35			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_35.png) no-repeat !important;  }
.submenu.menu35:after { /*user data import */
    content: "CSV IMPORT";
    color: white;
    background:#082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    padding: 4px;
    height: auto;
}
.submenu.menu35:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_35_s.png) no-repeat !important; }

.submenu.menu08			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_08.png) no-repeat !important; margin-left: 270px !important;}
.submenu.menu08:after { /* schedule */
    content: "SCHEDULES";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu08:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_08_s.png) no-repeat !important; }
.submenu.menu09			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_09.png) no-repeat !important; }
.submenu.menu09:after { /* holiday */
    content: "HOLIDAY";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu09:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_09_s.png) no-repeat !important; }
.submenu.menu10			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_10.png) no-repeat !important; }
.submenu.menu10:after { /* unlock schedule */
    content: "UNLOCK";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu10:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_10_s.png) no-repeat !important; }
.submenu.menu104		{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_104.png) no-repeat !important; }
.submenu.menu104:after { /* one time */
    content: "1-TIME UNLOCK";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu104:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_104_s.png) no-repeat !important; }

.submenu.menu12			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_12.png) no-repeat !important; margin-left: 563px !important;}
.submenu.menu12:after { /* threat */
    content: "SETTINGS";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu12:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_12_s.png) no-repeat !important; }

.submenu.menu37			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_37.png) no-repeat !important; margin-left: 442px !important;}
.submenu.menu37:after { /* log */
    content: "LOGS";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu37:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_37_s.png) no-repeat !important; }
.submenu.menu67			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_67.png) no-repeat !important; }
.submenu.menu67:after { /* log report */
    content: "LOG REPORTS";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu67:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_67_s.png) no-repeat !important; }
.submenu.menu39			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_39.png) no-repeat !important; }
.submenu.menu39:after { /* report */
    content: "TABLE REPORTS";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu39:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_39_s.png) no-repeat !important; }
.submenu.menu101		{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_101.png) no-repeat !important; }
.submenu.menu101:after { /* access report */
    content: "ACCESS REPORTS";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu101:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_101_s.png) no-repeat !important; }
.submenu.menu71			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_71.png) no-repeat !important; }
.submenu.menu71:after { /* system report */
    content: "SYSTEM REPORT";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu71:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_71_s.png) no-repeat !important; }
.submenu.menu40			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_40.png) no-repeat !important; }
.submenu.menu40:after { /* smart report */
    content: "SMART REPORTS";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu40:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_40_s.png) no-repeat !important; }

.submenu.menu66			{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_66.png) no-repeat !important; margin-left: 980px !important;}
.submenu.menu66:after { /* logout */
    content: "LOG OUT";
    color: white;
    background: #082A42;
    text-align: center;
    font-size: x-small;
    display:block;
    border-radius: 4px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    bottom: -27px;
    right: auto;
    padding: 4px;
    height: auto;
}
.submenu.menu66:hover	{ width: 100px !important; height: 35px !important; background:url(/img/oem/bay/submenu/submenu_66_s.png) no-repeat !important; }

button.btn_help { /* help button inactive */
    width: 75px;
    height: 31px;
    background: #3F3F3F;
    color: #ffffff;
    font-size: 10pt;
    margin: 2px;
    float: right;
    outline: none;
    border: none;
}
button.btn_help:hover { /* help button active */
    background: #666666;
    color: #ffffff;
    font-size: 10pt;
}


/* .wizard-menu-select{color: #2c4263 !important;} */
button.btn_close{background:#ff2300; color:#ff2300;}
button.btn_close:hover{background:#ffffff; color:#333;}
button.btn_close:hover a{color:#333 !important;}