@font-face {
font-family: 'Open Sans';
src: url('../global/includes/fonts/Open_Sans/OpenSans-Regular.ttf');
}
@font-face {
font-family: 'Open Sans-SemiBold';
src: url('../global/includes/fonts/Open_Sans/OpenSans-SemiBold.ttf');
}
@font-face {
font-family: 'Raleway';
src: url('../global/includes/fonts/Raleway/Raleway-Regular.ttf');
}
@font-face {
font-family: 'Raleway-SemiBold';
src: url('../global/includes/fonts/Raleway/Raleway-SemiBold.ttf');
}
body
{
scrollbar-arrow-color:      #0078AD;
scrollbar-highlight-color:  #D2DEE4;
scrollbar-3dlight-color:    #0078AD;
scrollbar-darkshadow-color: #0078AD;
scrollbar-face-color:       #D2DEE4;
scrollbar-track-color:      #f3ffff;
scrollbar-shadow-color:     #D2DEE4;
font-size: 12px;
position: relative;
font-family: 'Open Sans',serif;
}
table {
border-spacing: 0;
font-size: 12px;
}
.table {
margin-bottom: 0;
}
.table td,.table th {
border-top: inherit;
}
.table .tdTitle {
border-bottom: none;
}
.btncol {
white-space: nowrap;
}
#BZSContent > table,#BZSContent > form > table,.cm-content > table,.cm-content > form > table,.cm-content > .container-div {
-moz-box-shadow: 2px 1px 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.25);
box-shadow: 2px 1px 5px rgba(0,0,0,0.25);
border: 1px solid #D2DEE4;
}
#BZSContent > table.noshadow,#BZSContent > form > table.noshadow,.cm-content > table.noshadow,.cm-content > form > table.noshadow,.cm-content > .container-div.noshadow {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.button-group button {
padding: 6px;
font-size: 12px;
}
.btn-group-xs > .btn,.btn-xs {
padding: .15rem .2rem;
font-size: .875rem;
line-height: .5;
border-radius: .2rem;
}
.btn-bzs {
color: #555;
background-color: #D2DEE4;
border-color: #555;
}
.btn-xs.dropdown-toggle {
min-height: 17px;
min-width: 20px;
}
.dropdown-menu .dropdown-item {
font-size: 14px;
}
.dropdown-menu .dropdown-item i {
margin-right: 6px;
}
#BZSPageHeader {
display: block;
height: 49px;
margin: 0;
padding: 0 13px 0 0;
background-color:   #0078AD;
color:              #FEF3eA;
position: relative;
z-index: 905;
}
#BZSPageHeader div {
display: inline-block;
vertical-align: middle;
}
#BZSPageHeader .page-title {
font-family: 'Raleway';
font-weight: 700;
font-size: 20px;
margin: 13px 0 0 9px;
}
#BZSSideMenu {
position: absolute;
top: 0;
left: 0;
z-index: 904;
padding-left: 5px;
padding-top: 49px;
font-family: 'Raleway',sans-serif;
-moz-box-shadow: 2px 1px 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.25);
box-shadow: 2px 1px 5px rgba(0,0,0,0.25);
transition: all 0.4s;
}
#BZSSideMenu .logo {
width: 100%;
text-align: center;
}
#BZSSideMenu > p {
font-family: 'Raleway-SemiBold',sans-serif;
color: #0078AD;
font-size: 14px;
margin: 0;
padding: 2px 2px 0 6px;
text-transform: uppercase;
}
#BZSSideMenu > ul > li {
width: 100%;
}
#BZSSideMenu > ul > li:hover {
background-color: #f9f9f9;
}
#BZSSideMenu .nav-link {
padding: .3rem .45rem;
color: #333;
font-size: 12px;
}
.cm-main {
display: flex;
width: 100%;
margin: 0 auto;
}
.cm-nav {
width: 120px;
}
.cm-content {
flex: 1;
}
.cm-nav > ul > li {
width: 115px;
border-top: 1px solid #ccc;
}
.cm-nav > ul > li:first-child {
border-top: none;
}
.cm-nav > ul > li:hover {
background-color: #f9f9f9;
}
.cm-nav > ul > li.active {
background-color: #D2DEE4;
}
.cm-nav .nav-link {
padding: .3rem .45rem;
color: #333;
font-size: 12px;
}
#BZSContent {
position: relative;
padding: 0 0 52px;
min-height: 500px;
}
#BZSAppHeader {
font-family: 'Raleway','Open Sans',sans-serif;
font-weight:700;
font-size:13pt;
padding:4px 13px;
position: relative;
background-color: #D2DEE4;
color: #000000;
}
#BZSTableTabs {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color:       #f9f9f9;
}
#BZSTableTabs li {
float: left;
}
#BZSTableTabs li input {
padding: 5px 10px;
}
#DashboardContainer {
}
#DashboardContainer #HomePageToolbar {
color: white;
text-align:right;
padding: 2px 8px 2px 0;
background-color:gray;
font-size: 12px;
}
#DashboardContainer #HomePageToolbar a {
font-weight: normal;
}
#DashboardContainer #AddWidgetsList {
text-align:center;
padding:0px;
background-color:white;
display:none;
}
#DashboardContainer #AddWidgetsList ul {
clear: both;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 15px;
}
#DashboardContainer #AddWidgetsList ul li {
flex: 1 0 300px;
box-sizing: border-box;
margin-left: 10px;
margin-top: 10px;
min-height: 140px;
list-style: none;
text-align:center;
position: relative;
}
#DashboardContainer #AddWidgetsList .alert {
margin: 20px 0;
}
#DashboardContainer #AddWidgetsToolbar {
background-color:#ddd;
font-size:10pt;
margin:5px;
padding:4px 6px 4px 6px;
}
#DashboardContainer .widget-container {
box-sizing: border-box;
overflow:hidden;
float:left;
padding:8px;
}
#DashboardContainer .widget-container .widget,#DashboardContainer #AddWidgetsList ul li {
color: #333;
font-size: 12px;
margin-bottom: 18px;
outline: 2px dashed rgba(0,148,255,0);
border: solid 1px #D2DEE4;
-moz-box-shadow: 2px 1px 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.25);
box-shadow: 2px 1px 5px rgba(0,0,0,0.25);
background-color: #fff;
}
#DashboardContainer .widget .widget-header {
font-family:        'Raleway-SemiBold';
font-size:          14px;
color:              #f0f0f0;
background-color:   #0078AD;
padding:            2px 2px 2px 4px;
}
#DashboardContainer .widget .widget-instructions {
font-weight: normal;
font-style: italic;
color: #666;
padding: 4px;
}
#DashboardContainer .addItNowButton {
position: absolute;
bottom: 0;
width: 100%;
background-color: #fff;
height:30px;
text-align:center;
color:green;
font-weight:700;
}
#DashboardContainer .widget-container .widget .widget-header.widget-header-handle {
cursor: move;
}
#DashboardContainer .widget-container .widget .widget-header .widget-header-icon {
float: left;
margin:1px 1px 0px 2px;
padding:2px;
}
#DashboardContainer .widget-container .widget .widget-header .widget-header-buttons {
float: right;
margin-right: 3px;
}
#dlgChangeContainerLayout .bd {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: inherit;
padding-top: 3px;
padding-left: 3px;
}
.printWrapper .cm-nav,.printWrapper .page-title,.printWrapper #BZSSideMenu,.printWrapper #BZSAppHeader,.printWrapper #BZSTableTabs,.printWrapper #BZSPageHeader
{
display: none;
}
.printWrapper #BZSContent
{
margin-left: 0;
}
@media print {
#BZSAppHeader {
width:      550px;
}
#BZSTableTabs {
width:      550px;
}
#BZSAppTitleBar {
width:      0px;
}
display:    none;
}
BODY
{
background-color:           white;
margin:                     0px 0px 0px 0px;
padding:                    0px 0px 0px 0px;
}
}
.clear{clear:both;}
.clear-l{clear:left;}
.clear-r{clear:right;}
.left {float:left;}
.right {float:right;}
.hidden {display:none;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix {
display: block;
zoom: 1;
}
.scrlSTIBlack
{
scrollbar-face-color:       #f7ffff;
scrollbar-highlight-color:  #f7ffff;
scrollbar-shadow-color:     #f7ffff;
scrollbar-3dlight-color:    #f7ffff;
scrollbar-arrow-color:      #f7ffff;
scrollbar-track-color:      #f7ffff;
scrollbar-darkshadow-color: #f7ffff;
scrollbar-base-color:       #f7ffff;
}
A
{
font-weight:        700;
color:              #660000;
text-decoration:    none;
}
A:hover
{
color:              #DA421B;
text-decoration:    none;
}
.txtToday {
color:              #ed2e38;
}
.txtSmall {
font-size:          7pt;
}
.txtSmall a {
font-size:          7pt;
font-weight:        700;
}
.txtSmall a:hover {
font-size:          7pt;
font-weight:        700;
}
.txtSmall b {
font-size:          7pt;
font-weight:        700;
}
.fldInput
{
border:             1px solid #ccc;
color:          #333;
width:              300px;
padding:            2px;
font-size:          12px;
font-weight:        bold;
}
.boxSTIHighlight
{
cursor:             pointer;
color:              #000000;
background-color:   #fffacd;
}
.txtSTIMain
{
color:              #000000;
}
.tdTitle
{
font-family:        'Raleway-SemiBold';
font-size:          14px;
color:              #f0f0f0;
background-color:   #0078AD;
padding:            4px;
}
.tdSubTitle
{
font-family:        'Raleway-SemiBold';
font-size:          12px;
color:              #0078AD;
background-color: #ccc;
padding:            3px;
}
.tdError
{
color:              #ed2e38;
height:             40px;
background-color:   #fffacd;
width:              inherit;
margin:             0px 20px;
}
.tdErrorWithImage {
color:              #ed2e38;
padding:            10px 4px 24px 4px;
background-color:   #fffacd;
width:              inherit;
margin:             0px 20px;
}
.tdInstr
{
font-weight: normal;
font-style: italic;
color:          #666;
background-color:   #D2DEE4;
}
.tdLabel
{
font-weight:        700;
color:              #000000;
}
.tdLabelOver
{
font-weight:        700;
color:              #000000;
background-color:   #fffacd;
cursor:             pointer;
}
.tdLabelDesc
{
color:          #777;
font-style:         italic;
}
.tdLoading
{
color:              #0078AD;
}
.txtData
{
color:              #000000;
}
.txtDataOver
{
color:              #000000;
background-color:   #fffacd;
}
.EmailTable
{
text-align:         center;
width:              90%;
border:     solid 1px #0078AD;
padding:            0px;
margin:             0px;
background-color:   #f9f9f9;
}
.EmailTitle
{
font-weight:        700;
color:              #FEF3eA;
background-color:   #0078AD;
padding-top:        0px;
padding-bottom:     0px;
border-top:         1px solid #0078AD;
border-bottom:      1px solid #0078AD;
}
.EmailLabel
{
font-weight:        700;
color:              #000000;
border-top:     solid 1px #D2DEE4;
padding:            2px;
}
.EmailText
{
color:              #000000;
border-top:     solid 1px #D2DEE4;
padding:            2px;
}
.ModTable
{
text-align:         center;
width:              100%;
border-width:       0px;
padding:            2px;
margin:             0px;
background-color:   #f9f9f9;
}
.ModRowAlt0
{
color:              #000000;
background-color:   #f9f9f9;
}
.ModRowAlt1
{
color:              #000000;
background-color:   #D2DEE4;
}
.thColhead
{
font-weight:        700;
color:              #000000;
background-color:   #D2DEE4;
white-space:        nowrap;
}
.thSortable
{
text-decoration: underline;
}
.thSortable:hover
{
cursor:             pointer;
background-color:   #fffacd;
}
.btnMenu
{
color:                  #0078AD;
margin:                 0px;
padding:                1px 4px 1px 4px;
cursor:                 pointer;
background-color:       #f9f9f9;
border-bottom:          1px solid #D2DEE4;
border-top:             1px solid #D2DEE4;
border-left:            0px solid #D2DEE4;
border-right:           1px solid #D2DEE4;
filter:                 progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#B8CED8');
}
.btnMenuOver
{
color:                  #0078AD;
margin:                 0px;
padding:                1px 4px 1px 4px;
cursor:                 pointer;
background-color:       #fffacd;
border-bottom:          1px solid #D2DEE4;
border-top:             1px solid #D2DEE4;
border-left:            0px solid #D2DEE4;
border-right:           1px solid #D2DEE4;
margin:                 0px;
padding:                1px 4px 1px 4px;
cursor:                 pointer;
}
.btnMenuOn
{
margin:                 0px;
padding:                1px 4px 1px 4px;
cursor:                 pointer;
color:                  #0078AD;
background-color:       #B8CED8;
border-bottom:          1px solid #D2DEE4;
border-top:             1px solid #D2DEE4;
border-left:            0px solid #D2DEE4;
border-right:           1px solid #D2DEE4;
cursor:                 pointer;
}
.btnSTISubmit
{
border:                 1px solid;
border-top-color:       #B8CED8;
border-left-color:      #B8CED8;
border-right-color:     #B8CED8;
border-bottom-color:    #B8CED8;
filter:                 progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#B8CED8');
color:                  #0078AD;
font-weight:            700;
cursor:                 pointer;
width:                  100px;
height:                 22px;
}
.btnIconSubmit
{
color:                  #0078AD;
border:                 1px solid;
border-top-color:       #B8CED8;
border-left-color:      #B8CED8;
border-right-color:     #0078AD;
border-bottom-color:    #0078AD;
background-color:       #D2DEE4;
filter:                 progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#B8CED8');
height:                 20px;
width:                  20px;
cursor:                 pointer;
font-weight:            700;
font-size:              10pt;
padding:                0px 0px 0px 0px;
}
.imgButton
{
border:                 0px;
cursor:                 pointer;
display:                inline;
}
/*
.btnAddSubmit
{
border:                 1px solid;
border-top-color:       #B8CED8;
border-left-color:      #B8CED8;
border-right-color:     #0078AD;
border-bottom-color:    #0078AD;
cursor:                 pointer;
background-color:       #D2DEE4;
filter:                 progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#f7ffff',EndColorStr='#B8CED8');
margin:                 0px 0px 0px 2px;
width:                  15px;
height:                 15px;
background-image:       url(/global/data/images/buttons/add.gif);
}
*/
.tblWeather {
width:                  100%;
text-align:             center;
border-style:           solid;
border-width:           1px;
border-color:           #0078AD;
background-color:       #D2DEE4;
padding:                1px;
margin:                 3px 0px;
color:                  #0078AD;
font-size:              7pt;
}
.boxSTIHelp {
color:              #000000;
width:              200px;
border:             solid 1px #000000;
background-color:   #fffacd;
text-align:         left;
}
.helpHeader {
border:         1px solid #B8CED8;
min-width:          150px;
font-weight:    bold;
font-size:      11pt;
padding:        3px;
color:          #0078AD;
background:     #D2DEE4;
}
.helpBody {
border-bottom:  1px solid #B8CED8;
border-left:    1px solid #B8CED8;
border-right:   1px solid #B8CED8;
min-width:          150px;
font-size:      11;
padding:        3px;
color:          #0078AD;
background:     #f7ffff;
}
.helpHeaderNone {
display:        none;
}
.helpBodyOnly {
border-top:     1px solid #B8CED8;
border-bottom:  1px solid #B8CED8;
border-left:    1px solid #B8CED8;
border-right:   1px solid #B8CED8;
min-width:          150px;
font-size:      11pt;
padding:        3px;
color:          #0078AD;
background:     #f7ffff;
}
.boxSTIConfirmation {
font-weight:        700;
color:              #000000;
width:              200px;
border:             solid 1px #000000;
background-color:   #FFD479;
text-align:         center;
}
.helptable {
position:       absolute;
visibility:     hidden;
z-index:        200;
}
.help {
background-image:    url(/global/data/images/icons/icons/help.png);
background-repeat:   no-repeat;
background-position: 4px left;
width:               14px;
cursor:              help;
}
.txtSTILink {
font-weight:        700;
color:              #660000;
background-color:   #f3ffff;
}
.tdSideBar
{
font-weight:        500;
color:              #660000;
background-color:   #f3ffff;
text-decoration:    none;
cursor:             pointer;
padding:            2px 1px 2px 5px;
border-style:       solid;
border-color:       #D2DEE4;
border-width:       0 1px 1px 0;
font-size:          13px;
}
.tdSideBar:hover
{
color:              #DA421B;
background-color:   #fffacd;
}
.tblViewItem
{
font-weight:        700;
color:              #FEF3eA;
background-color:   #0078AD;
padding-top:        1px;
padding-bottom:     1px;
border-style:           solid;
border-width:           thin;
border-color:           #0078AD;
}
.tdViewItem
{
font-weight:        700;
color:              #FEF3eA;
}
.BZSActionOptionUIHorizontalContainer {
margin:                 -6px 0px 0px -6px;
display:                none;
position:               absolute;
background-color:       #0078AD;
border:                 solid 1px black;
text-align:             left;
z-index:                2;
float:                  left;
-moz-opacity:           0.5;
opacity:                0.5;
filter:                 alpha(opacity=50);
height:                 34px;
}
.BZSActionOptionUIHorizontalButtons {
padding:                6px 6px 3px 6px;
margin:                 -6px 0px 0px -6px;
display:                none;
position:               absolute;
text-align:             left;
z-index:                4;
float:                  left;
height:                 34px;
}
.BZSActionOptionUIVerticalContainer {
margin:                 -6px 0px 0px -6px;
display:                none;
position:               absolute;
background-color:       #0078AD;
border:                 solid 1px black;
text-align:             left;
z-index:                2;
float:                  left;
-moz-opacity:           0.9;
opacity:                0.9;
filter:                 alpha(opacity=90);
width:                  200px;
}
.BZSActionOptionUIVerticalButtons {
padding:                6px 2px 3px 6px;
margin:                 -8px 0px 0px -8px;
display:                none;
position:               absolute;
text-align:             left;
z-index:                4;
float:                  left;
width:                  200px;
}
.info,.success,.warning,.error,.validation {
font-size: 13px;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 60px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/global/data/images/knob/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/global/data/images/knob/valid.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/global/data/images/knob/attention.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/global/data/images/knob/cancel.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('/global/data/images/knob/validation.png');
}
#calendar-div td {
background-color: #0078AD;
}