@font-face {
font-family: SourceSansPro;
src: url("fonts/SourceSansPro-Regular.otf"), url("fonts/SourceSansPro-Bold.otf") format("truetype");
}
@font-face {
font-family: Metropolis;
src: url("fonts/Metropolis-Regular.otf") format("truetype");
}
@font-face {
font-family: SourceSansProSemiBold;
src: url("fonts/SourceSansPro-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: SourceSansProRegular;
src: url("fonts/SourceSansPro-Regular.ttf") format("truetype");
}
.BCBUTTON{
font-family: Arial;
font-size: 10pt;
font-weight: bold;
color: white;
text-align: left;
vertical-align:middle;
background-color: #950972;
text-align: center;
text-decoration: none;
border-radius: 100px;
line-height: 30px;
padding-top:0px;
border-style:none;
width:150px;
}
.BCCONFIRM{
font-family: Arial;
font-size: 10pt;
color: green;
text-align: left;
vertical-align:middle;
}
.BCDATE{
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #000066;
text-align: center;
vertical-align:middle;
background-color: white;
text-align:center;
cursor:pointer;
height: 90px;
border-style: solid;
border-color: grey;
border-width: 1px;
}
.BCDATEBUTTON{
font-family: Arial;
font-size: 16pt;
font-weight: bold;
color: #000066;
text-align: left;
vertical-align:middle;
background-color: white;
text-align: center;
cursor: pointer;
text-decoration: none;
padding-top:0px;
border-style: none;
line-height:90px;
width:40px;
}
.BCDATEBUTTONHOVER{
font-family: Arial;
font-size: 16pt;
font-weight: bold;
color: white;
text-align: left;
vertical-align:middle;
background-color: #2F2F82;
text-align: center;
cursor: pointer;
text-decoration: none;
padding-top:0px;
border-style: none;
line-height:90px;
width:40px;
}
.BCDATEHOVER{
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: white;
text-align: center;
vertical-align:middle;
background-color: #2F2F82;
cursor:pointer;
height:90px;
text-align:center;
border-color:grey;
border-style:solid;
border-width: 1px;
}
.BCDATESTANDARD{
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #000066;
text-align: center;
vertical-align:middle;
background-color: white;
padding-left:2px;
cursor:pointer;
height:90px;
text-align:center;
border-style: solid;
border-color: grey;
border-width: 1px;
}
.BCERROR{
font-family: Arial;
font-size: 10pt;
color: red;
text-align: left;
vertical-align:middle;
}
.BCHEAD{
font-family: Arial;
font-size: 13pt;
font-weight: bold;
color: #000066;
text-align: left;
vertical-align:middle;
}
.BCINPUT{
font-family: Arial;
font-size: 10pt;
color: black;
text-align: left;
vertical-align:middle;
border-radius: 100px;
}
.BCLABEL{
font-family: Arial;
font-size: 10pt;
color: black;
text-align: left;
vertical-align:middle;
}
.BCLABEL1{
font-family: Arial;
font-size: 10pt;
color: #000066;
text-align: left;
vertical-align:middle;
}
.BCLABEL2{
font-family: Arial;
font-size: 10pt;
color: black;
text-align: left;
vertical-align:middle;
}
.BCLABELBOLD{
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #000066;
text-align: left;
vertical-align:middle;
}
.BCLEFT{
font-family: Arial;
font-size: 10pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: white;
height: 50px;
border-style: none;
text-align: left;
border-color:grey;
border-style:solid;
border-width: 1px;
padding-left: 5px;
}
.BCRIGHT{
font-family: Arial;
font-size: 10pt;
color: black;
text-align: right;
vertical-align:middle;
border-style: none;
height: 50px;
text-align: right;
border-color:grey;
border-style:solid;
border-width: 1px;
padding-right: 5px;
}
.BCSELECTED{
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: white;
text-align: center;
vertical-align:middle;
background-color: #000066;
text-align:center;
cursor:pointer;
height: 90px;
border-style: solid;
border-color: grey;
border-width: 1px;
}
.BCSELECTEDHOVER{
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: white;
text-align: center;
vertical-align:middle;
background-color: #2F2F82;
cursor:pointer;
height:90px;
text-align:center;
border-color:grey;
border-style:solid;
border-width: 1px;
}
.BCSELECTEDSTANDARD{
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: white;
text-align: center;
vertical-align:middle;
background-color: #000066;
padding-left:2px;
cursor:pointer;
height:90px;
text-align:center;
border-style: solid;
border-color: grey;
border-width: 1px;
}
.BCSUBHEAD{
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #950972;
text-align: left;
vertical-align:middle;
}
.BCTOTAL{
font-family: Arial;
font-size: 13pt;
font-weight: bold;
color: #000066;
text-align: right;
vertical-align:middle;
text-align: right;
border-color:grey;
border-style:solid;
border-width: 1px;
padding-right: 5px;
}
.BUTTONdbaisADDTOFORM{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisADDTOFORM:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisADDTOFORM:disabled{
opacity: 0.6;
}
.BUTTONdbaisADDTOFORMrg{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisADDTOFORMrg:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisAwesome{
font-family: Verdana;
font-size: 10pt;
color: green;
text-align: left;
vertical-align:middle;
padding-left:25px;
}
 .BUTTONdbaisAwesome::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free",FontAwesome;
font-weight: 900;
content: "\f015";
/*--adjust as necessary--*/
color: red;
font-size: 18px;
padding-right: 5px;
position: absolute;
top: 5px;
left: 1px;
}
.BUTTONdbaisCANCEL{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisCANCEL:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisCANCEL:disabled{
opacity: 0.6;
}
.BUTTONdbaisCLOSE{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisCLOSE:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisCLOSE:disabled{
opacity: 0.6;
}
.BUTTONdbaisDELETE{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisDELETE:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisDELETE:disabled{
opacity: 0.6;
}
.BUTTONdbaisDefault{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
padding-left:4px;
padding-right:4px;
}
.BUTTONdbaisDefault:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisDefault:disabled{
opacity: 0.6;
}
.BUTTONdbaisDev{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
height: 28px;
width:80px;
position:fixed;
cursor:pointer;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
padding-left:4px;
padding-right:4px;
}
.BUTTONdbaisDev:hover {
border: 2px solid blue;
color: blue;
}
.BUTTONdbaisDevRed:hover {
border: 2px solid red;
color: red;
}
.BUTTONdbaisDevGreen:hover {
border: 2px solid green;
color: green;
}
.BUTTONdbaisDevYellow:hover {
border: 2px solid #DBD124;
color: #DBD124;
}
.BUTTONdbaisDevOrange:hover {
border: 2px solid orange;
color: orange;
}
.BUTTONdbaisEnterKey{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
border: 2px solid green;
}
.BUTTONdbaisEnterKey:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisEnterKey:disabled{
opacity: 0.6;
}
.BUTTONdbaisEnterKeyrg{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
border: 2px solid green;
}
.BUTTONdbaisEnterKeyrg:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisEnterKeyrg:disabled{
opacity: 0.6;
}
.BUTTONdbaisEnterKeyrgrg{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
border: 2px solid green;
}
.BUTTONdbaisEnterKeyrgrg:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisHOME{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisHOME:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisHOME:disabled{
opacity: 0.6;
}
.BUTTONdbaisLogin{
font-family: Sans-serif;
font-size: 12pt;
font-weight: bold;
color: white;
text-align: center;
vertical-align:middle;
background-color: #66b8d0;
line-height: 45px;
box-shadow: 1px 1px 10px 7px #eee;
border-style:none;
border-radius: 26px;
cursor: pointer;
outline: none;
}
 .BUTTONdbaisLogin:hover {
background-color: #00ace0;
}
.BUTTONdbaisOPEN{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisOPEN:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisOPEN:disabled{
opacity: 0.6;
}
.BUTTONdbaisSAVE{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisSAVE:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisSAVE:disabled{
opacity: 0.6;
}
.BUTTONdbaisTICK{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisTICK:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisTICK:disabled{
opacity: 0.6;
}
.BUTTONdbaisTICKSELECT{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
}
.BUTTONdbaisTICKSELECT:hover:disabled{
cursor: not-allowed;
}
.BUTTONdbaisTICKSELECT:disabled{
opacity: 0.6;
}
.BUTTONnewDefault{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
border: 2px solid red;
}
.BUTTONnewDefault:hover:disabled{
cursor: not-allowed;
}
.BUTTONnewDefault:disabled{
opacity: 0.6;
}
.BUTTONnewDefault:hover:disabled{
cursor: not-allowed;
}
.BUTTONnewDefault:disabled{
opacity: 0.6;
}
.BUTTONnewDefault:hover:disabled{
cursor: not-allowed;
}
.BUTTONnewDefault:disabled{
opacity: 0.6;
}
.BUTTONnewDefault:hover:disabled{
cursor: not-allowed;
}
.BUTTONnewDefault:disabled{
opacity: 0.6;
}
.BUTTONnewEnterKey{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
border: 2px solid green;
}
.BUTTONnewEnterKey:hover:disabled{
cursor: not-allowed;
}
.BUTTONnewEnterKey:disabled{
opacity: 0.6;
}
.BUTTONnewEnterKey:hover:disabled{
cursor: not-allowed;
}
.BUTTONnewEnterKey:disabled{
opacity: 0.6;
}
.BUTTONnewEnterKey:hover:disabled{
cursor: not-allowed;
}
.BUTTONnewEnterKey:disabled{
opacity: 0.6;
}
.BUTTONnewEnterKey:hover:disabled{
cursor: not-allowed;
}
.BUTTONnewEnterKey:disabled{
opacity: 0.6;
}
.CheckBoxRound{
font-family: SourceSansPro;
font-size: 10pt;
color: white;
text-align: left;
vertical-align:middle;
background-color: white;
/* Style the container label */
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
border-radius: 50%;
}
/* Hide the standard checkbox */
.CheckBoxRound input {
display: none;
}
/* Create custom checkbox for the span element */
/* NB: lowercase span is added to the checkbox class name when DesignBais creates the element */
.CheckBoxRoundspan {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: white;
border: solid 1px #5e5e5e;
border-radius: 50%;
box-sizing: border-box;
}
.CheckBoxRound input:disabled ~ .CheckBoxRoundspan , .CheckBoxRound input:disabled:hover ~ .CheckBoxRoundspan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
/* On mouse-over, add a background color */
.CheckBoxRound:hover input ~ .CheckBoxRoundspan {
background-color: #ccc;
}
/* Add a background color to the checkmark when checked */
.CheckBoxRound input:checked ~ .CheckBoxRoundspan {
background-color: #21bccf;
border:none;
}
/* Hide the checkmark when not checked */
.CheckBoxRoundspan:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.CheckBoxRound input:checked ~ .CheckBoxRoundspan:after {
display: block;
}
/* Style the checkmark indicator */
.CheckBoxRound .CheckBoxRoundspan:after {
left: 40%;
bottom: 15%;
width: 30%;
height: 80%;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
box-sizing: border-box;
}
.ExampleBlueButton{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #008CBA;
padding: 10px;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
border: none;
border-radius: 8px;
}
.ExampleBlueButton:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
font-weight: bold;
}
.I2Button{
font-family: SourceSansPro;
font-size: 10pt;
color: white;
text-align: center;
vertical-align:middle;
background-color: #20bccf;
line-height: 35px;
border-style:none;
border-radius: 26px;
cursor: pointer;
outline: none;
}
.I2Button:hover {
background-color: #1eaabb;
}
.I2Button:hover:disabled {
cursor: not-allowed;
}
.I2Button:focus {
background-color: #1eaabb;
}
.I2Button:disabled{
opacity: 0.6;
}
.I2ButtonEnterKey{
font-family: SourceSansPro;
font-size: 10pt;
color: white;
text-align: center;
vertical-align:middle;
background-color: #20bccf;
line-height: 31px;
border: 2px solid #4F6780;
border-radius: 26px;
cursor: pointer;
outline: none;
box-sizing: border-box;
}
.I2ButtonEnterKey:hover:disabled{
cursor: not-allowed;
}
.I2ButtonEnterKey:disabled{
opacity: 0.6;
}
.I2CheckBox{
font-family: SourceSansPro;
font-size: 10pt;
color: white;
text-align: left;
vertical-align:middle;
background-color: white;
/* Style the container label */
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
}
/* Hide the standard checkbox */
.I2CheckBox input {
display: none;
}
/* Create custom checkbox for the span element */
/* NB: lowercase span is added to the checkbox class name when DesignBais creates the element */
.I2CheckBoxspan {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: white;
border: solid 1px #5e5e5e;
box-sizing: border-box;
}
.I2CheckBox input:disabled ~ .I2CheckBoxspan , .I2CheckBox input:disabled:hover ~ .I2CheckBoxspan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
/* On mouse-over, add a background color */
.I2CheckBox:hover input ~ .I2CheckBoxspan {
background-color: #ccc;
}
/* Add a background color to the checkmark when checked */
.I2CheckBox input:checked ~ .I2CheckBoxspan {
background-color: #21bccf;
border:none;
}
/* Hide the checkmark when not checked */
.I2CheckBoxspan:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.I2CheckBox input:checked ~ .I2CheckBoxspan:after {
display: block;
}
/* Style the checkmark indicator */
.I2CheckBox .I2CheckBoxspan:after {
left: 40%;
bottom: 15%;
width: 30%;
height: 80%;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
box-sizing: border-box;
}
.I2CloseButton{
font-family: Roboto,Helvetica,Sans-serif;
font-size: 18pt;
color: #21bccf;
text-align: center;
vertical-align:middle;
background-color: #fff;
width:100%;
height:100%;
display:table;
line-height:100%;
min-width:100%;
border-radius:50%;
cursor:pointer;
font-weight:900;
text-shadow:0px 0px #888888;
box-shadow:0px 0px 0px #888888;
text-decoration:none;
padding:0px;
margin:0px;
}
.I2CloseButton:active{
background-color: #666666;
}
.I2CloseButton:after{
content: "\00d7";
display:table-cell;
font-weight:bold;
}
.I2CloseButton:hover{
background-color: #60768C;
}
.I2CloseShell{
font-family: Roboto,Helvetica,Sans-serif;
font-size: 16pt;
color: #ffffff;
text-align: center;
vertical-align:middle;
position:absolute;
width:24px;
height:24px;
display:table;
top:3px;
right:1px;
}
.I2HeaderText{
font-family: SourceSansPro;
font-size: 12pt;
font-weight: bold;
color: #20BCCF;
text-align: left;
vertical-align:middle;
}
.I2Input{
font-family: SourceSansPro;
font-size: 11pt;
color: #333344;
text-align: left;
vertical-align:middle;
border-style:solid;
border-width: 1px;
border-color: #333344;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 30px;
padding: 5px;
box-sizing: border-box;
}
 .I2Input[type=checkbox] {
margin: 0;
}
.I2InputBold{
font-family: SourceSansPro;
font-size: 11pt;
font-weight: bold;
color: #333344;
text-align: left;
vertical-align:middle;
border-style:solid;
border-width: 1px;
border-color: #333344;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 30px;
padding: 5px;
box-sizing: border-box;
}
.I2InputHighlight{
font-family: SourceSansPro;
font-size: 11pt;
color: #333344;
text-align: left;
vertical-align:middle;
background-color: #BBBBCC;
border-style:solid;
border-width: 1px;
border-color: #333344;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 30px;
padding: 5px;
box-sizing: border-box;
}
.I2InputMandatory{
font-family: SourceSansPro;
font-size: 11pt;
color: #333344;
text-align: left;
vertical-align:middle;
border-style:solid;
border-width:1px;
border-color:indianred;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 30px;
padding: 5px;
box-sizing: border-box;
}
.I2InputMandatory:disabled {
 background-color: #E0E0E0;
}
.I2Label{
font-family: SourceSansPro;
font-size: 11pt;
font-weight: bold;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
}
.I2LabelBold{
font-family: SourceSansPro;
font-size: 13pt;
font-weight: bold;
color: #333344;
text-align: left;
vertical-align:middle;
}
.I2LabelBreak{
font-family: SourceSansPro;
font-size: 12pt;
color: white;
text-align: left;
vertical-align:middle;
background-color: #4F6780;
}
.I2LabelHeader{
font-family: Metropolis;
font-size: 24pt;
font-weight: bold;
color: #60768C;
text-align: left;
vertical-align:middle;
padding-left: 10px;
padding-top: 10px;
box-sizing: border-box;
height:60px;
}
.I2LabelHighlight{
font-family: SourceSansPro;
font-size: 16pt;
color: white;
text-align: left;
vertical-align:middle;
background-color: #4F6780;
padding-left: 10px;
box-sizing: border-box;
}
.I2LabelLightGreen{
font-family: SourceSansPro;
font-size: 11pt;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
background-color: #ebf2ed;
}
.I2LabelOutput{
font-family: SourceSansPro;
font-size: 15pt;
color: white;
text-align: left;
vertical-align:middle;
background-color: #4F6780;
height: 45px;
padding-top:10px;
box-sizing:border-box;
}
.I2LabelRed{
font-family: SourceSansPro;
font-size: 12pt;
font-weight: bold;
color: red;
text-align: left;
vertical-align:middle;
}
.I2LabelScroll{
font-family: SourceSansPro;
font-size: 11pt;
color: #333344;
text-align: left;
vertical-align:middle;
overflow-x:hidden;
overflow-y:auto;
}
.I2LabelWhite{
font-family: SourceSansPro;
font-size: 12pt;
color: #FFFFFF;
text-align: left;
vertical-align:middle;
}
.I2LabelWhiteBold{
font-family: SourceSansPro;
font-size: 12pt;
color: #FFFFFF;
text-align: left;
vertical-align:middle;
}
.I2LoginIcon{
font-family: Sans-serif;
font-size: 11pt;
color: black;
text-align: center;
vertical-align:middle;
color: #ccc;
line-height: 34px;
}
.I2LoginInput{
font-family: Sans-serif;
font-size: 11pt;
color: black;
text-align: left;
vertical-align:middle;
height:34px !important;
box-sizing: border-box;
border: 1px solid #aaa;
border-radius: 5px;
padding-right: 15px;
padding-left: 52px;
line-height: 34px;
box-shadow: 1px 1px 10px 6px #eee;
outline: none;
}
 .I2LoginInput::placeholder {
 /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ccc;
opacity: 1;
}
 .I2LoginInput:-ms-input-placeholder {
 /* Internet Explorer 10-11 */
color: #ccc;
}
 .I2LoginInput::-ms-input-placeholder {
 /* Microsoft Edge */
color: #ccc;
}
.I2MVAdd{
font-family: SourceSansPro;
font-size: 10pt;
color: white;
text-align: center;
vertical-align:middle;
background-color: #20bccf;
line-height: 35px;
border-style:none;
border-radius: 26px;
cursor: pointer;
outline: none;
padding-left:15px;
padding-right:15px;
min-width: 50px;
}
.I2MVBorderClass{
font-family: SourceSansPro;
font-size: 12pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #5a758f;
border: 1px;
border-style:solid;
border-color:#5a758f;
box-sizing:border-box;
}
.I2MVClickColumn{
font-family: SourceSansPro;
font-size: 11pt;
color: white;
text-align: left;
vertical-align:middle;
background-color: #4D7090;
border-style:none;
border-collapse:collapse;
border-width:0px;
border-color:#4D7090;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:2px;
}
.I2MVDelete{
font-family: SourceSansPro;
font-size: 14pt;
font-weight: bold;
color: #5a758f;
text-align: center;
vertical-align:top;
background-color: white;
border-style:none;
border-width:0px;
border-collapse:collapse;
border-color:#dddddd;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top:2px;
padding-bottom:2px;
height:30px;
}
 tr:nth-child(even) td.I2MVDelete {
background-color: #f7f7f7;
}
.I2MVFooter{
font-family: SourceSansPro;
font-size: 11pt;
color: #fefefe;
text-align: center;
vertical-align:middle;
background-color: #ffffff;
padding: 2px;
height:60px;
max-height:60px;
box-sizing:border-box;
}
.I2MVHeader{
font-family: SourceSansPro;
font-size: 11pt;
color: #fefefe;
text-align: center;
vertical-align:middle;
background-color: #5a758f;
border-collapse: collapse;
border-width:1px;
border-color:#5a758f;
padding: 2px;
height:60px;
}
.I2MVInput{
font-family: SourceSansPro;
font-size: 11pt;
color: #5e5e5e;
text-align: left;
vertical-align:top;
background-color: white;
border-style:none;
border-color:#dddddd;
border-width:0px;
border-collapse:collapse;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:2px;
height:30px;
}
.I2MVInputControl{
font-family: SourceSansPro;
font-size: 11pt;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
background-color: transparent;
border-style:none;
border-color:#dddddd;
border-width:1px;
border-collapse:collapse;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:2px;
}
.I2MVInputEven{
font-family: SourceSansPro;
font-size: 11pt;
color: #5e5e5e;
text-align: left;
vertical-align:top;
background-color: #f7f7f7;
border-style:none;
border-color:#dddddd;
border-width:0px;
border-collapse:collapse;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:2px;
height:40px;
}
.I2MVInputMandatory{
font-family: SourceSansPro;
font-size: 11pt;
color: #333344;
text-align: left;
vertical-align:top;
background-color: white;
border-style:none;
border-color:#bbbbbb;
border-width:0px;
border-collapse:collapse;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.I2MVInputMandatoryEven{
font-family: SourceSansPro;
font-size: 11pt;
color: #333344;
text-align: left;
vertical-align:middle;
border-style:none;
background-color:#FCFCFD;
border-color:#bbbbbb;
border-width:0px;
vertical-align:top;
border-collapse:collapse;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.I2MVInsert{
font-family: SourceSansPro;
font-size: 11pt;
font-weight: bold;
color: #5a758f;
text-align: center;
vertical-align:top;
background-color: white;
border-style:none;
border-width:0px;
border-color:#dddddd;
border-collapse:collapse;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top:2px;
padding-bottom:2px;
height:30px;
}
 tr:nth-child(even) td.I2MVInsert {
background-color: #f7f7f7;
}
.I2MVOutput{
font-family: SourceSansPro;
font-size: 11pt;
color: #5e5e5e;
text-align: left;
vertical-align:top;
background-color: #f0f0f0;
border-style:solid;
border-color:#dddddd;
border-width:0px;
border-collapse:collapse;
padding:2px;
}
.I2MVSelect{
font-family: SourceSansPro;
font-size: 12pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #87cefa;
text-align:center;
border-width:1px;
border-color:#87cefa;
border-collapse:collapse;
overflow:hidden;
box-sizing: border-box;
background: linear-gradient(to bottom, #87cefa, #00bfff);
}
.I2MVTopLeft{
font-family: SourceSansPro;
font-size: 11pt;
font-weight: bold;
color: #0B2345;
text-align: center;
vertical-align:middle;
background-color: #5a758f;
border-collapse:collapse;
border-width:1px;
border-color:#5a758f;
height:60px;
width:30px;
}
.I2ModalTitle{
font-family: SourceSansPro;
font-size: 24pt;
font-weight: bold;
color: #32527b;
text-align: left;
vertical-align:middle;
background-color: #FAFAFF;
display: table-cell;
padding-top: 0px;
padding-left: 10px;
vertical-align: bottom;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
}
.I2MouseOver{
font-family: SourceSansPro;
font-size: 10pt;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
background-color: #daecf3;
}
.I2MultiSelect{
font-family: SourceSansPro;
font-size: 8pt;
font-weight: bold;
color: #5e5e5e;
text-align: left;
vertical-align:top;
background-color: #D7EBF6;
}
.I2Output{
font-family: SourceSansPro;
font-size: 11pt;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
}
.I2PageTable{
font-family: SourceSansPro;
font-size: 11pt;
color: white;
text-align: center;
vertical-align:middle;
background-color: #66819c;
padding: 5px;
height:40px;
box-sizing:border-box;
}
.I2Radio{
font-family: verdana;
font-size: 8pt;
color: #21bccf;
text-align: left;
vertical-align:middle;
display:block;
}
.I2Radiospan {
background-color: white;
border: 1px solid #5e5e5e;
border-radius: 50px;
display: inline-block;
position: absolute;
height:100%;
width:100%;
box-sizing:border-box;
}
.I2Radio input:disabled ~ .I2Radiospan , .I2Radio input:disabled:hover ~ .I2Radiospan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
.I2Radiospan:before {
background: none repeat scroll 0 0 #FDFDFD;
border-radius: 50px;
content: " ";
height: 100%;
position: absolute;
width: 100%;
box-sizing:border-box;
}
input:checked + .I2Radiospan:after {
background: none repeat scroll 0 0 #21bccf;
border-radius: 50px;
content: " ";
height: 50%;
left: 25%;
position: absolute;
top: 25%;
width: 50%;
box-sizing:border-box;
}
input:disabled:checked + .I2Radiospan:after {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
border-radius: 50px;
content: " ";
height: 50%;
left: 25%;
position: absolute;
top: 25%;
width: 50%;
box-sizing:border-box;
}
input:checked + .I2Radiospan {
background-color: white;
border: 1px solid #21bccf;
color: #21bccf;
}
.I2ReportBodyCell{
font-family: SourceSansPro;
font-size: 10pt;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
background-color: white;
}
.I2ReportBodyCellLarge{
font-family: SourceSansPro;
font-size: 12pt;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
background-color: white;
height: 40px;
}
.I2ReportBorder{
font-family: SourceSansPro;
font-size: 8pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #66819c;
border-color:#A0A0A0;
border-style:solid;
border-width:1px;
cursor: pointer;
}
.I2ReportDetail{
font-family: SourceSansPro;
font-size: 8pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #f4f4f4;
}
.I2ReportDetail::-webkit-scrollbar {
width: 15px;
box-sizing:border-box;
}
.I2ReportDetail::-webkit-scrollbar-track {
background-color: #ffffff;
border: solid 1px #efefef;
width: 15px;
}
.I2ReportDetail::-webkit-scrollbar-thumb {
background-color: #bec7d0;
border-radius: 10px;
height: 51px;
border: 4px solid transparent;
background-clip: content-box;
}
.I2ReportDetail::-webkit-scrollbar-thumb:hover {
background-color: #66819c;
}
/*Firefox*/
.I2ReportDetail {
scrollbar-width: auto;
scrollbar-color: #bec7d0 #ffffff;
}
/*IE*/
.I2ReportDetail::-ms-high-contrast:active{
scrollbar-base-color: #bec7d0;
scrollbar-face-color: #bec7d0;
scrollbar-3dlight-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-dark-shadow-color: #ffffff;
}
.I2ReportHeader{
font-family: SourceSansPro;
font-size: 10pt;
color: white;
text-align: left;
vertical-align:middle;
background-color:#66819c !Important;
height:45px;
max-height:45px;
}
.I2ReportTable{
font-family: SourceSansPro;
font-size: 8pt;
color: #123066;
text-align: left;
vertical-align:middle;
}
 .I2ReportTable tr:nth-child(3n) td {
background:#f5f5f5;
}
 .I2ReportTable tr:hover td {
background:rgba(102,129,156,0.1);
opacity: 0.5 !Important;
}
.I2SearchIcon{
font-family: SourceSansPro;
font-size: 11pt;
color: #333344;
text-align: center;
vertical-align:middle;
line-height: 30px;
}
.I2SearchInput{
font-family: SourceSansPro;
font-size: 11pt;
color: #333344;
text-align: left;
vertical-align:middle;
height:30px !important;
box-sizing: border-box;
border: 1px solid #333344;
border-radius: 4px;
padding-right: 15px;
padding-left: 30px;
line-height: 30px;
outline: none;
}
 .I2SearchInput::placeholder {
 /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #333344;
opacity: 0.5;
}
 .I2SearchInput:-ms-input-placeholder {
 /* Internet Explorer 10-11 */
color: #333344;
}
 .I2SearchInput::-ms-input-placeholder {
 /* Microsoft Edge */
color: #333344;
}
.I2SearchLabel{
font-family: SourceSansPro;
font-size: 11pt;
font-weight: bold;
text-decoration: underline;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
cursor:pointer;
}
.I2SearchLabelBlue{
font-family: SourceSansPro;
font-size: 11pt;
font-weight: bold;
text-decoration: underline;
color: #105196;
text-align: left;
vertical-align:middle;
cursor:pointer;
}
.I2SearchLabelHeader{
font-family: verdana;
font-size: 8pt;
font-weight: bold;
color: black;
text-align: left;
vertical-align:middle;
}
.I2SearchLabelPink{
font-family: SourceSansPro;
font-size: 11pt;
font-weight: bold;
text-decoration: underline;
color: #810081;
text-align: left;
vertical-align:middle;
cursor:pointer;
}
.I2SearchLabelWhite{
font-family: SourceSansPro;
font-size: 12pt;
text-decoration: underline;
color: white;
text-align: left;
vertical-align:middle;
cursor:pointer;
}
.I2SelectLabelHeader{
font-family: Metropolis;
font-size: 24pt;
color: #60768C;
text-align: left;
vertical-align:middle;
padding-left: 10px;
padding-top: 10px;
box-sizing: border-box;
height:40px;
}
.I2TextAreaCourier{
font-family: "Courier New";
font-size: 11pt;
color: black;
text-align: left;
vertical-align:middle;
}
.I2Toggle{
font-family: SourceSansPro;
font-size: 10pt;
color: white;
text-align: left;
vertical-align:middle;
/* style the container label */
display: block;
}
/* Hide default checkbox input - will be done by DesignBais */
.I2Toggle input {
opacity: 0;
width: 0;
height: 0;
}
/* Style custom checkbox for span */
/* NB name must be style followed by lowercase span */
.I2Togglespan {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.I2Toggle input:disabled ~ .I2Togglespan , .I2Toggle input:disabled:hover ~ .I2Togglespan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
.I2Togglespan:before {
position: absolute;
content: "";
height: calc(100% - 8px);
width: calc(50% - 4px);
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .I2Togglespan {
background-color: #21bccf;
}
input:focus + .I2Togglespan {
box-shadow: 0 0 1px #21bccf;
}
input:checked + .I2Togglespan:before {
-webkit-transform: translateX(75%);
-ms-transform: translateX(75%);
transform: translateX(100%);
}
.I2ToggleRound{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
/* style the container label */
display: block;
}
/* Hide default checkbox input - will be done by DesignBais */
.I2ToggleRound input {
opacity: 0;
width: 0;
height: 0;
}
/* Style custom checkbox for span */
/* NB name must be style followed by lowercase span */
.I2ToggleRoundspan {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* Rounded sliders */
border-radius:999px;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.I2ToggleRound input:disabled ~ .I2ToggleRoundspan , .I2ToggleRound input:disabled:hover ~ .I2ToggleRoundspan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
.I2ToggleRoundspan:before {
position: absolute;
content: "";
height: calc(100% - 8px);
width: calc(50% - 4px);
left: 4px;
bottom: 4px;
border-radius: 999px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .I2ToggleRoundspan {
background-color: #21bccf;
}
input:focus + .I2ToggleRoundspan {
box-shadow: 0 0 1px #21bccf;
}
input:checked + .I2ToggleRoundspan:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.I2ToggleSwitch{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
/* style the container label */
display: block;
}
/* Hide default checkbox input - will be done by DesignBais */
.I2ToggleSwitch input {
opacity: 0;
width: 0;
height: 0;
}
/* Style custom checkbox for span */
/* NB name must be style followed by lowercase span */
.I2ToggleSwitchspan {
position:absolute;
display: block;
width: 100%;
height: 50%;
top:25%;
background-color: #cecece;
border-radius: 20px;
}
.I2ToggleSwitch input:disabled ~ .I2ToggleSwitchspan , .I2ToggleSwitch input:disabled:hover ~ .I2ToggleSwitchspan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
input:disabled:checked + .I2ToggleSwitchspan:after {
width: 50%;
border-radius: 50%;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
}
.I2ToggleSwitchspan:before {
content: '';
position: absolute;
top: -50%;
width: 50%;
height: 200%;
background-color: #eaeaea;
border-radius: 50%;
}
.I2ToggleSwitchspan:after {
content: '';
position: absolute;
top: -50%;
width: 50%;
height: 200%;
background-color: #eaeaea;
border-radius: 50%;
}
input:checked + .I2ToggleSwitchspan:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
input:checked + .I2ToggleSwitchspan:after {
width: 50%;
border-radius: 50%;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
background-color: #21bccf;
}
input:checked + .I2ToggleSwitchspan {
background-color: #90DEE7;
/*opacity:50%*/
}
.I2bmArrowBox{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #fff;
position: relative;
border: 1px solid #ccc;
display: none;
padding: 30px;
position: absolute;
left: 1000px;
height: 300px;
width: 190px;
border-radius: 7px;
top: 68px;
box-shadow: 1px 1px 5px 1px #ddd;
z-index: 99999;
padding-left: 40px;
padding-right: 40px;
}
 .I2bmArrowBox:after, .I2bmArrowBox:before {
bottom: 100%;
left: 205px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
 .I2bmArrowBox:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
 .I2bmArrowBox:before {
border-color: rgba(204, 204, 204, 0);
border-bottom-color: #ccc;
border-width: 11px;
margin-left: -11px;
}
.I2bmEmail{
font-family: SourceSansProSemiBold;
font-size: 8pt;
color: #7d9dd2;
text-align: left;
vertical-align:middle;
font-size: 13px;
margin-bottom: 5px;
overflow: hidden;
overflow-wrap: break-word;
text-decoration: none;
}
 .I2bmEmail:hover {
color: #20bccf;
}
.I2bmIcon{
font-family: verdana;
font-size: 13pt;
color: #fff;
text-align: center;
vertical-align:middle;
font-size: 18px !important;
line-height: 50px;
}
.I2bmIconContainer{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
margin-right: 50px;
box-shadow: 1px 1px 6px 2px #ddd;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
background-color: #20bccf;
}
.I2bmItem{
font-family: SourceSansProRegular;
font-size: 12pt;
color: #66819c;
text-align: left;
vertical-align:middle;
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
cursor: pointer;
overflow: hidden;
overflow-wrap: break-word;
}
 .I2bmItem:hover {
color: #20bccf;
}
.I2bmName{
font-family: SourceSansProSemiBold;
font-size: 13pt;
color: #4f6881;
text-align: left;
vertical-align:middle;
font-size: 18px;
margin-bottom: 3px;
overflow: hidden;
overflow-wrap: break-word;
}
.I2bmSeparator{
font-family: verdana;
font-size: 0pt;
color: black;
text-align: left;
vertical-align:middle;
width: 100%;
height: 0px;
font-size: 0px;
border-bottom: 1px solid #dddddd;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}
.I2displayclasstitle{
font-family: SourceSansPro;
font-size: 11pt;
text-decoration: underline;
color: white;
text-align: left;
vertical-align:middle;
background-color:#60768C;
border-style:solid;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-style:solid;
border-top-width:1px;
border-left-style:none;
border-right-style:none;
margin:0px;
}
.I2displayreportclass{
font-family: SourceSansPro;
font-size: 9pt;
color: #333344;
text-align: left;
vertical-align:middle;
padding-left:0px;
border-style:none;
border-bottom-style:solid;
cursor:pointer;
border-bottom-color:#333344;
background-color:transparent;
border-bottom-width:1px;
vertical-align:top;
white-space:normal;
margin:0px;
}
.I2displayselectclass{
font-family: SourceSansPro;
font-size: 9pt;
color: #333344;
text-align: left;
vertical-align:middle;
background-color:aliceblue;
padding-left:0px;
border-style:none;
border-bottom-style:solid;
cursor:pointer;
border-bottom-color:#dddddd;
border-bottom-width:1px;
vertical-align:top;
white-space:normal;
margin:0px;
}
.I2tmBorder{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
width: 1280px;
height: 0px;
font-size: 0px;
border-bottom: 1px solid #eee;
box-shadow: 0px 1px 4px 0px #ccc;
padding: 0px;
position: absolute;
top: 65px;
}
.I2tmContainer{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #fff;
position: absolute;
z-index: 00000;
top: 20px !important;
width: 1280px;
max-width: 1280px;
}
.I2tmImage{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
position:absolute;
left: 10px;
top: 10%;
max-width: 100px;
max-height:80%;
}
.I2tmMenu{
font-family: SourceSansProSemiBold;
font-size: 11pt;
color: black;
text-align: left;
vertical-align:middle;
list-style: none outside none;
margin: 0px;
padding: 0px;
padding-left:120px;
white-space: nowrap;
right: 0px;
width: 1280px;
max-width: 1280px;
min-width: 1280px;
box-sizing: border-box;
}
 .I2tmMenu a {
display: block;
margin: 0px;
color: inherit;
text-decoration: none;
width: 100%;
overflow: hidden;
box-sizing: border-box;
text-align: center;
line-height: 60px;
color: #20bccf;
font-size: 17px;
}
 .I2tmMenu a:hover {
color: #66819c;
}
 .I2tmMenu a:hover > span {
background-color: #66819c !important;
color: white;
}
 .I2tmMenu li li a {
text-align: left;
}
 .I2tmMenu li {
display: inline-block;
box-sizing: border-box;
font: 11px SourceSansProSemiBold;
color: #000000;
width: 140px;
max-width: 140px;
}
 .I2tmMenu li li {
width: 200px;
max-width: 200px;
}
 .I2tmMenu ul {
display: none;
}
 .I2tmMenu > li:last-child {
float: right;
}
 .I2tmMenu > li:last-child > a {
text-align: right;
}
 .I2tmMenu > li:last-child > a > span {
text-align: center;
}
.JLBUTTON{
font-family: verdana;
font-size: 10pt;
color: green;
text-align: left;
vertical-align:middle;
padding-left:25px;
}
 .JLBUTTON::before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*--adjust as necessary--*/
color: #000;
font-size: 18px;
padding-right: 5px;
position: absolute;
top: 10px;
left: 0;
}
.JLMVInput{
font-family: Verdana;
font-size: 11pt;
color: #333333;
text-align: left;
vertical-align:top;
background-color: white;
border-color:#dddddd;
border-width:1px;
border-collapse:collapse;
overflow:hidden;
padding:2px;
}
.JLModalTitle{
font-family: Verdana;
font-size: 0pt;
color: Black;
text-align: left;
vertical-align:middle;
background-color: white;
}
.JLTestImageStyle{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: red;
border: 1px solid green;
padding: 6px;
}
.NORMAL{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
}
.TEXTAREACOLS30{
font-family: "Courier New";
font-size: 10pt;
color: black;
text-align: left;
vertical-align:middle;
overflow-y:scroll;
}
.Verdana7MouseOver{
font-family: Verdana;
font-size: 7pt;
color: black;
text-align: left;
vertical-align:middle;
background-color:aliceblue;
padding-left:2px;
border-style:solid;
border-collapse:collapse;
border-color:#a0a0a0;
border-width:1px;
text-decoration:underline;
cursor:pointer;
min-height:16px;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-collapse:collapse;
}
.Verdana8GreyBlueBackGround{
font-family: Verdana;
font-size: 8pt;
color: white;
text-align: left;
vertical-align:middle;
background-color: #4D7090;
background-color:#4D7090;
border-style:solid;
border-color:#dddddd;
border-width:1px;
vertical-align:top;
border-collapse:collapse;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.Verdana8Mandatory{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
}
.Verdana8NormalMV{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
border-width:1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow:hidden;
margin:0px;
width:100%;
border-style:none;
}
.Verdana8PaleBlueBackGround{
font-family: Verdana;
font-size: 8pt;
font-weight: bold;
color: Black;
text-align: left;
background-color: #D7EBF6;
}
.barcode128{
font-family: "Code 128";
font-size: 14pt;
color: black;
text-align: left;
vertical-align:middle;
}
.buttonv{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #008CBA;
padding: 10px;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
border: none;
border-radius: 8px;
}
.ExampleBlueButton:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
font-weight: bold;
}
.dbaisButtonBlank{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: center;
vertical-align:middle;
background-color: transparent;
border: none;
}
 .dbaisButtonBlank:disabled {
opacity: 0.6;
}
.dbaisCheckBox{
font-family: SourceSansPro;
font-size: 10pt;
color: white;
text-align: left;
vertical-align:middle;
background-color: white;
/* Style the container label */
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
}
/* Hide the standard checkbox */
.dbaisCheckBox input {
display: none;
}
/* Create custom checkbox for the span element */
/* NB: lowercase span is added to the checkbox class name when DesignBais creates the element */
.dbaisCheckBoxspan {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: white;
border: solid 1px #5e5e5e;
box-sizing: border-box;
}
.dbaisCheckBox input:disabled ~ .dbaisCheckBoxspan , .dbaisCheckBox input:disabled:hover ~ .dbaisCheckBoxspan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
/* On mouse-over, add a background color */
.dbaisCheckBox:hover input ~ .dbaisCheckBoxspan {
background-color: #ccc;
}
/* Add a background color to the checkmark when checked */
.dbaisCheckBox input:checked ~ .dbaisCheckBoxspan {
background-color: #21bccf;
border:none;
}
/* Hide the checkmark when not checked */
.dbaisCheckBoxspan:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.dbaisCheckBox input:checked ~ .dbaisCheckBoxspan:after {
display: block;
}
/* Style the checkmark indicator */
.dbaisCheckBox .dbaisCheckBoxspan:after {
left: 40%;
bottom: 15%;
width: 30%;
height: 80%;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
box-sizing: border-box;
}
.dbaisClickEventColumnColor{
font-family: Verdana;
font-size: 8pt;
color: #0b2345;
text-align: left;
vertical-align:middle;
background-color: #BBD2EA;
border-width:1px;
border-style:solid;
overflow:hidden;
border-color:#dddddd;
}
.dbaisCloseButton{
font-family: Verdana;
font-size: 16pt;
color: #ffffff;
text-align: center;
vertical-align:middle;
background-color: #555555;
width:100%;
height:100%;
display:table;
line-height:100%;
min-width:100%;
border-radius:50%;
cursor:pointer;
font-weight:900;
text-shadow:0px 0px #888888;
box-shadow:0px 0px 0px #888888;
text-decoration:none;
padding:0px;
margin:0px;
}
.dbaisCloseButton:active {
background-color: #666666;
}
.dbaisCloseButton:after {
content: "\00d7";
display:table-cell;
font-weight:bold;
}
.dbaisCloseButton:hover {
background-color: #222222;
}
.dbaisCloseButtonAck{
font-family: Verdana;
font-size: 16pt;
color: #00adf2;
text-align: center;
vertical-align:middle;
background-color: #ffffff;
width:100%;
height:100%;
display:table;
line-height:100%;
min-width:100%;
cursor:pointer;
font-weight:900;
text-decoration:none;
padding:0px;
margin:0px;
}
.dbaisCloseButtonAck:active {
background-color: white;
}
.dbaisCloseButtonAck:after {
content: "\20DE";
display:table-cell;
font-weight:bold;
}
.dbaisCloseShell{
font-family: Verdana;
font-size: 14pt;
color: #ffffff;
text-align: left;
vertical-align:middle;
position:absolute;
width:24px;
height:24px;
display:table;
top:3px;
right:1px;
}
.dbaisCloseShellAck{
font-family: Verdana;
font-size: 14pt;
color: #ffffff;
text-align: left;
vertical-align:middle;
position:absolute;
width:24px;
height:24px;
display:table;
top:18px;
left:22px;
z-index: 402;
}
.dbaisDefaultMouseOver{
font-family: Verdana;
font-size: 7pt;
color: #123066;
text-align: left;
vertical-align:middle;
background-color: #ffc;
border-color:#a0a0a0;
border-style:solid;
border-width:1px;
text-decoration:underline;
cursor:pointer;
}
.dbaisDisplay{
font-family: Verdana;
font-size: 8pt;
color: #333333;
text-align: left;
vertical-align:middle;
padding-left:0px;
border-style:none;
border-bottom-style:solid;
cursor:pointer;
border-bottom-color:#dddddd;
background-color:aliceblue;
border-bottom-width:1px;
vertical-align:top;
white-space:normal;
margin:0px;
}
.dbaisFormLabel{
font-family: Verdana;
font-size: 24pt;
font-weight: bold;
color: #4a4a4a;
text-align: left;
vertical-align:middle;
}
.dbaisImageOval{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #eeeeee;
border: 2px solid #7f7f83;
padding: 6px;
border-radius: 50%;
}
.dbaisInput{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
cursor:text;
margin:0px;
border-width:1px;
border-style:solid;
border-color:#BBBBBB;
border-radius: 3px;
padding-left:2px;
padding-right:2px;
}
 .dbaisInput:disabled {
background-color: #E0E0E0;
opacity: 0.6;
cursor: default !Important;
}
.dbaisInputBold{
font-family: Verdana;
font-size: 8pt;
font-weight: bold;
color: black;
text-align: left;
vertical-align:middle;
}
.dbaisInputHighlite{
font-family: "Courier New";
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
}
.dbaisInputMandatory{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: white;
border-color:#bbbbbb;
border-width:1px;
border-style:solid;
margin:0px;
border-radius: 3px;
padding-left:2px;
padding-right:2px;
}
 .dbaisInputMandatory:disabled {
 background-color: #E0E0E0;
}
.dbaisInputMandatoryEven{
font-family: Verdana;
font-size: 8pt;
color: #333333;
text-align: left;
vertical-align:middle;
background-color: #f9f9f9;
border-color:#bbbbbb;
border-width:1px;
border-collapse:collapse;
overflow:hidden;
padding:2px;
}
.dbaisLabel{
font-family: Verdana;
font-size: 8pt;
color: #123066;
text-align: left;
vertical-align:middle;
border-style:none;
}
.dbaisLabelBold{
font-family: Verdana;
font-size: 8pt;
font-weight: bold;
color: #3C5CAF;
text-align: left;
vertical-align:middle;
}
.dbaisLabelBreak{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #cccccc;
}
.dbaisLabelBreakVertical{
font-family: Verdana;
font-size: 1pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #FCFCFC;
padding:0px;
border:none;
border-left:1pt solid;
border-left-color:lightsteelblue;
}
.dbaisLabelHeader{
font-family: Verdana;
font-size: 9pt;
font-weight: bold;
color: white;
text-align: left;
vertical-align:middle;
background-color: #7f7f83;
display: table-cell;
padding-left: 10px;
line-height: 30px;
}
.dbaisLabelHighlite{
font-family: Verdana;
font-size: 8pt;
color: #124384;
text-align: left;
vertical-align:middle;
background-color: #F1F3F8;
padding-left: 10px;
}
.dbaisLabelOutput{
font-family: Verdana;
font-size: 8pt;
color: #124384;
text-align: left;
vertical-align:middle;
background-color: #eeeeee;
}
.dbaisLabelRed{
font-family: Verdana;
font-size: 8pt;
color: red;
text-align: left;
vertical-align:middle;
border-style:none;
}
.dbaisLabelState{
font-family: Verdana;
font-size: 8pt;
color: #123066;
text-align: left;
vertical-align:middle;
border-style:none;
}
 .dbaisLabelState[dbaisState="D"] {
opacity: 0.5;
}
.dbaisLabelWrap{
font-family: Verdana;
font-size: 8pt;
color: #123066;
text-align: left;
vertical-align:middle;
border-style:none;
word-wrap:break-word;
}
.dbaisLoginAnchor{
font-family: Sans-serif;
font-size: 11pt;
text-decoration: underline;
color: #444455;
text-align: center;
vertical-align:middle;
outline: none;
letter-spacing: 0.5px;
color: #444455;
}
 .dbaisLoginAnchor:visited {
outline: none;
letter-spacing: 0.5px;
color: #444455;
}
 .dbaisLoginAnchor:hover {
color: #00acd0;
cursor:pointer;
}
.dbaisLoginContainer{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
box-sizing: border-box;
border: 1px solid #aaa;
border-radius: 5px;
box-shadow: 1px 1px 10px 6px #eee;
}
.dbaisLoginContainerAck{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
box-sizing: border-box;
border: 1px solid #aaa;
border-radius: 15px;
}
.dbaisLoginIcon{
font-family: Sans-serif;
font-size: 14pt;
color: black;
text-align: center;
vertical-align:middle;
color: #ccc;
line-height: 55px;
}
.dbaisLoginInput{
font-family: Sans-serif;
font-size: 14pt;
color: black;
text-align: left;
vertical-align:middle;
height:55px !important;
box-sizing: border-box;
border: 1px solid #aaa;
border-radius: 5px;
padding-right: 15px;
padding-left: 52px;
line-height: 55px;
box-shadow: 1px 1px 10px 6px #eee;
outline: none;
}
 .dbaisLoginInput::placeholder {
 /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ccc;
opacity: 1;
}
 .dbaisLoginInput:-ms-input-placeholder {
 /* Internet Explorer 10-11 */
color: #ccc;
}
 .dbaisLoginInput::-ms-input-placeholder {
 /* Microsoft Edge */
color: #ccc;
}
.dbaisLoginLogo{
font-family: Sans-serif;
font-size: 14pt;
color: black;
text-align: center;
vertical-align:middle;
text-align:center !Important;
vertical-align:middle !Important;
}
.dbaisLoginMessage{
font-family: Sans-serif;
font-size: 12pt;
color: #cc0000;
text-align: center;
vertical-align:middle;
}
.dbaisLoginPanel{
font-family: Verdana;
font-size: 16pt;
color: black;
text-align: left;
vertical-align:middle;
padding: 20px 20px 20px 20px;
}
.dbaisMVBorderClass{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color:#eeeeee;
border:1px solid #CCCCCC;
border-radius: 4px;
}
.dbaisMVCross{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: transparent;
border-width:1px;
border-style:none;
box-sizing:border-box;
}
 .dbaisMVCross:disabled {
opacity:0.6;
cursor:not-allowed;
background-color: #E0E0E0;
}
 input[type='checkbox'].dbaisMVCross:disabled {
color:red;
}
.dbaisMVDetail{
font-family: Verdana;
font-size: 8pt;
color: #333333;
text-align: left;
vertical-align:middle;
}
 .dbaisMVDetail td:nth-child(6) input {
background: skyblue;
}
.dbaisMVHeader{
font-family: Verdana;
font-size: 8pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #EEF3FA;
text-align:center;
border-width:1px;
border-color:#cccccc;
border-collapse:collapse;
background: linear-gradient(to bottom, #eeeeee, #dddddd);
}
 .dbaisMVHeader sup{
color:red;
vertical-align: top;
}
.dbaisMVInput{
font-family: Verdana;
font-size: 8pt;
color: #333333;
text-align: left;
vertical-align:top;
background-color: white;
border-color:#dddddd;
border-width:1px;
border-collapse:collapse;
overflow:hidden;
padding:2px;
}
.dbaisMVInput2{
font-family: Verdana;
font-size: 8pt;
color: #333333;
text-align: left;
vertical-align:top;
background-color: #f9f9f9;
border-style:solid;
border-color:#dddddd;
border-width:1px;
border-collapse:collapse;
overflow:hidden;
padding:2px;
}
.dbaisMVInputMandatory{
font-family: Verdana;
font-size: 8pt;
color: #333333;
text-align: left;
vertical-align:middle;
background-color: white;
border-color:#bbbbbb;
border-width:1px;
border-collapse:collapse;
padding:2px;
}
.dbaisMVOutput{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #f0f0f0;
border-style:solid;
border-color:#dddddd;
border-width:1px;
border-collapse:collapse;
padding:2px;
}
 .dbaisMVOutput select {
border-style:none;
padding-bottom:3px;
}
.dbaisMVSelect{
font-family: Verdana;
font-size: 8pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #87cefa;
text-align:center;
border-width:1px;
border-color:#87cefa;
border-collapse:collapse;
overflow:hidden;
box-sizing: border-box;
background: linear-gradient(to bottom, #87cefa, #00bfff);
}
.dbaisMVTopLeft{
font-family: Verdana;
font-size: 8pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #EEF3FA;
text-align:center;
border-color:#cccccc;
border-width:1px;
border-collapse:collapse;
background: linear-gradient(to bottom, #eeeeee, #dddddd);
border-top-left-radius: 4px;
}
.dbaisModalTitle{
font-family: Verdana;
font-size: 8pt;
color: Black;
text-align: left;
vertical-align:middle;
background-color: #eeeeee;
display: table-cell;
padding-left: 10px;
line-height: 30px;
}
.dbaisMouseOverCompare{
font-family: Verdana;
font-size: 7pt;
color: #123066;
text-align: left;
vertical-align:middle;
background-color: #d4d7d8;
cursor:pointer;
}
.dbaisMsgPanel{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
border-color: slategrey;
border-width: 4px;
border-style: outset;
padding: 25px 10px 25px 10px;
}
.dbaisMultiSelectionIndicator{
font-family: Verdana;
font-size: 8pt;
color: white;
text-align: left;
vertical-align:middle;
background-color: #186BAB;
border-width:1px;
overflow:hidden;
box-sizing: border-box;
}
.dbaisOutput{
font-family: Verdana;
font-size: 8pt;
color: #123066;
text-align: left;
vertical-align:middle;
border-style:none;
}
.dbaisOutputState{
font-family: Verdana;
font-size: 8pt;
color: #123066;
text-align: left;
vertical-align:middle;
border-style:none;
}
 .dbaisOutputState[dbaisState="D"] {
opacity: 0.5;
}
.dbaisPanelCloseButton{
font-family: Verdana;
font-size: 16pt;
color: #ffffff;
text-align: center;
vertical-align:middle;
background-color: #555555;
width:100%;
height:100%;
display:table;
line-height:100%;
min-width:100%;
border-radius:50%;
cursor:pointer;
font-weight:900;
text-shadow:0px 0px #888888;
box-shadow:0px 0px 0px #888888;
text-decoration:none;
padding:0px;
margin:0px;
}
.dbaisPanelCloseButton:active {
background-color: #666666;
}
.dbaisPanelCloseButton:after {
content: "\00d7";
display:table-cell;
font-weight:bold;
}
.dbaisPanelCloseButton:hover {
background-color: #222222;
}
.dbaisPanelCloseShell{
font-family: Roboto,Helvetica,Sans-serif;
font-size: 16pt;
color: #ffffff;
text-align: center;
vertical-align:middle;
position:absolute;
width:24px;
height:24px;
display:table;
top:3px;
right:1px;
margin-top:-12px;
margin-right:-12px;
}
.dbaisPanelTitle{
font-family: Verdana;
font-size: 8pt;
color: #ffffff;
text-align: left;
vertical-align:middle;
background-color: #ffffff;
display: table-cell;
padding-left: 10px;
line-height: 15px;
}
.dbaisRadio{
font-family: verdana;
font-size: 8pt;
color: #21bccf;
text-align: left;
vertical-align:middle;
display:block;
}
.dbaisRadiospan {
background-color: white;
border: 1px solid #5e5e5e;
border-radius: 50px;
display: inline-block;
position: absolute;
height:100%;
width:100%;
box-sizing:border-box;
}
.dbaisRadio input:disabled ~ .dbaisRadiospan , .dbaisRadio input:disabled:hover ~ .dbaisRadiospan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
.dbaisRadiospan:before {
background: none repeat scroll 0 0 #FDFDFD;
border-radius: 50px;
content: " ";
height: 100%;
position: absolute;
width: 100%;
box-sizing:border-box;
}
input:checked + .dbaisRadiospan:after {
background: none repeat scroll 0 0 #21bccf;
border-radius: 50px;
content: " ";
height: 50%;
left: 25%;
position: absolute;
top: 25%;
width: 50%;
box-sizing:border-box;
}
input:disabled:checked + .dbaisRadiospan:after {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
border-radius: 50px;
content: " ";
height: 50%;
left: 25%;
position: absolute;
top: 25%;
width: 50%;
box-sizing:border-box;
}
input:checked + .dbaisRadiospan {
background-color: white;
border: 1px solid #21bccf;
color: #21bccf;
}
.dbaisReportBody{
font-family: Verdana;
font-size: 7pt;
color: #123066;
text-align: left;
vertical-align:middle;
background-color: white;
border-color:#A0A0A0;
border-style:solid;
border-width:1px;
}
.dbaisReportBorder{
font-family: Verdana;
font-size: 8pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #eeeeee;
border-color:#A0A0A0;
border-style:solid;
border-width:1px;
cursor: pointer;
}
.dbaisReportDetail{
font-family: Verdana;
font-size: 8pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #eeeeee;
}
.dbaisReportHeader{
font-family: Verdana;
font-size: 8pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #eeeeee;
border-color:#A0A0A0;
border-style:solid;
border-width:1px;
cursor: pointer;
}
.dbaisReportPaging{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
height:24px;
border-width:1px;
border-style:solid;
border-color: #A0A0A0;
background: linear-gradient(to bottom, #eeeeee, #dddddd);
box-sizing:border-box;
border-spacing:unset;
}
.dbaisReportTable{
font-family: Verdana;
font-size: 7pt;
color: #123066;
text-align: left;
vertical-align:middle;
}
 .dbaisReportTable tr:nth-child(3n) td {
background:#eeeeee;
}
 .dbaisReportTable tr:hover {
border: 1px solid transparent;
outline: solid 1px lightsteelblue;
}
 .dbaisReportTable tr:hover td {
background:#72f2ff;
}
.dbaisSearchLabel{
font-family: Verdana;
font-size: 8pt;
text-decoration: underline;
color: black;
text-align: left;
vertical-align:middle;
cursor:pointer;
}
.dbaisSearchLabel:Hover{
color:#2f4f4f;
}
.dbaisSearchLabelBlue{
font-family: Verdana;
font-size: 8pt;
text-decoration: underline;
color: #105196;
text-align: left;
vertical-align:middle;
cursor: pointer;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
margin: 0px 0px;
height: 15px;
}
.dbaisSearchLabelBlue:Hover{
color:#3586B6;
}
.dbaisSearchLabelBlueBold{
font-family: Verdana;
font-size: 8pt;
font-weight: bold;
text-decoration: underline;
color: #105196;
text-align: left;
vertical-align:middle;
cursor: pointer;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
margin: 0px 0px;
height: 15px;
}
.dbaisSearchLabelBlueBold:Hover{
color:#3586B6;
}
.dbaisSearchLabelGreen{
font-family: Verdana;
font-size: 8pt;
color: #3A7647;
text-align: left;
vertical-align:middle;
cursor: pointer;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
margin: 0px 0px;
height: 15px;
text-decoration:none;
}
.dbaisSearchLabelGreen:hover {
text-decoration:underline;
}
.dbaisSearchLabelLite{
font-family: Verdana;
font-size: 8pt;
text-decoration: underline;
color: white;
text-align: left;
vertical-align:middle;
border-style: none;
padding-right: 2px;
padding-left: 0px;
text-align: left;
cursor: pointer;
}
.dbaisSearchLabelLite:hover{
color: lightyellow;
}
.dbaisSelect{
font-family: Verdana;
font-size: 8pt;
color: #333333;
text-align: left;
vertical-align:middle;
background-color:aliceblue;
padding-left:0px;
border-style:none;
border-bottom-style:solid;
cursor:pointer;
border-bottom-color:#dddddd;
border-bottom-width:1px;
vertical-align:top;
white-space:normal;
margin:0px;
}
.dbaisSelectAwesome{
font-family: verdana;
font-size: 10pt;
color: black;
text-align: left;
vertical-align:middle;
font-family:"Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome,verdana;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-weight: 900;
}
.dbaisTitle{
font-family: Verdana;
font-size: 8pt;
font-style: italic;
color: white;
text-align: left;
vertical-align:middle;
background-color:#6398cc;
border-style:solid;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-style:solid;
border-top-width:1px;
border-left-style:none;
border-right-style:none;
margin:0px;
}
.dbaisTitleStyle{
font-family: Verdana;
font-size: 8pt;
color: white;
text-align: left;
vertical-align:middle;
border-style:none;
}
.dbaisToggle{
font-family: SourceSansPro;
font-size: 10pt;
color: white;
text-align: left;
vertical-align:middle;
/* style the container label */
display: block;
}
/* Hide default checkbox input - will be done by DesignBais */
.dbaisToggle input {
opacity: 0;
width: 0;
height: 0;
}
/* Style custom checkbox for span */
/* NB name must be style followed by lowercase span */
.dbaisTogglespan {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
background-color: #c80815;
-webkit-transition: .4s;
transition: .4s;
}
.dbaisToggle input:disabled ~ .dbaisTogglespan , .dbaisToggle input:disabled:hover ~ .dbaisTogglespan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
.dbaisTogglespan:before {
position: absolute;
content: "";
height: calc(100% - 8px);
width: calc(50% - 4px);
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .dbaisTogglespan {
background-color: #32cd32;
}
input:focus + .dbaisTogglespan {
box-shadow: 0 0 1px #21bccf;
}
input:checked + .dbaisTogglespan:before {
-webkit-transform: translateX(75%);
-ms-transform: translateX(75%);
transform: translateX(100%);
}
.dbaisToggleRound{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
/* style the container label */
display: block;
}
/* Hide default checkbox input - will be done by DesignBais */
.dbaisToggleRound input {
opacity: 0;
width: 0;
height: 0;
}
/* Style custom checkbox for span */
/* NB name must be style followed by lowercase span */
.dbaisToggleRoundspan {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* Rounded sliders */
border-radius:999px;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.dbaisToggleRound input:disabled ~ .dbaisToggleRoundspan , .dbaisToggleRound input:disabled:hover ~ .dbaisToggleRoundspan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
.dbaisToggleRoundspan:before {
position: absolute;
content: "";
height: calc(100% - 8px);
width: calc(50% - 4px);
left: 4px;
bottom: 4px;
border-radius: 999px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .dbaisToggleRoundspan {
background-color: #21bccf;
}
input:focus + .dbaisToggleRoundspan {
box-shadow: 0 0 1px #21bccf;
}
input:checked + .dbaisToggleRoundspan:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.dbaisToggleSwitch{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
/* style the container label */
display: block;
}
/* Hide default checkbox input - will be done by DesignBais */
.dbaisToggleSwitch input {
opacity: 0;
width: 0;
height: 0;
}
/* Style custom checkbox for span */
/* NB name must be style followed by lowercase span */
.dbaisToggleSwitchspan {
position:absolute;
display: block;
width: 100%;
height: 50%;
top:25%;
background-color: #cecece;
border-radius: 20px;
}
.dbaisToggleSwitch input:disabled ~ .dbaisToggleSwitchspan , .dbaisToggleSwitch input:disabled:hover ~ .dbaisToggleSwitchspan {
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
cursor:not-allowed;
}
input:disabled:checked + .dbaisToggleSwitchspan:after {
width: 50%;
border-radius: 50%;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
background-image: radial-gradient(circle, #e0e0e0, #eee);
border-color: #ccc;
}
.dbaisToggleSwitchspan:before {
content: '';
position: absolute;
top: -50%;
width: 50%;
height: 200%;
background-color: #eaeaea;
border-radius: 50%;
}
.dbaisToggleSwitchspan:after {
content: '';
position: absolute;
top: -50%;
width: 50%;
height: 200%;
background-color: #eaeaea;
border-radius: 50%;
}
input:checked + .dbaisToggleSwitchspan:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
input:checked + .dbaisToggleSwitchspan:after {
width: 50%;
border-radius: 50%;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
background-color: #21bccf;
}
input:checked + .dbaisToggleSwitchspan {
background-color: #90DEE7;
/*opacity:50%*/
}
.dbaisUserDark{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
}
.dbaisUserOverFlowLabel{
font-family: Verdana;
font-size: 8pt;
color: #123066;
text-align: left;
vertical-align:middle;
border-style:none;
overflow:auto;
}
.dbaisUserStyle1{
font-family: "Courier New";
font-size: 10pt;
color: black;
text-align: left;
vertical-align:middle;
overflow-y:scroll;
}
.dbaisUserStyle3{
font-family: Verdana;
font-size: 1pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #FCFCFC;
padding:0;
border:none;
border-left:1pt solid;
border-left-color:lightsteelblue;
}
.dbaisUserStyle5{
font-family: Verdana;
font-size: 8pt;
color: white;
text-align: left;
vertical-align:middle;
}
.dbaisUserStyle6{
font-family: Verdana;
font-size: 8pt;
color: #123066;
text-align: left;
vertical-align:middle;
border-style:none;
overflow:auto;
}
.dbaisUserStyle7{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: white;
border-style:solid;
border-color:red;
border-width:1px;
}
.dbaisUserStyle9{
font-family: Consolas;
font-size: 10pt;
color: black;
text-align: left;
vertical-align:middle;
overflow-y:scroll;
}
.dbaisWeb{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: transparent;
border-style:none;
border-width:1px;
}
.dbaiscmContainer{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:top;
background-color: white;
margin: 0px;
padding: 0px;
position: absolute;
z-index:99999;
border: 1px solid #dddddd;
box-shadow: 3px 3px 2px #b3b3b3;
}
.dbaiscmMenu{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:top;
background-color: white;
list-style: none outside none;
margin: 0px;
padding: 0px;
right:0px;
min-width:100%;
}
.dbaiscmMenu a {
display: block;
margin: 0px;
color:inherit;
text-decoration: none;
width: 100%;
overflow:hidden;
box-sizing: border-box;
line-height:26px;
  /* = SH  [DEPENDENT] */
max-height:26px;
  /* = SH [DEPENDENT] */
padding-left:25px;
   /* left padding on menu text (all levels)  (padding zone is clickable) */
}
.dbaiscmMenu li li a {
text-align:left;
  /* drop down menu items text alignment */
line-height:26px;
 /* DIH */
max-height:26px;
  /* = DIH [DEPENDENT] */
}
.dbaiscmMenu li {
display:inline-block;
box-sizing:border-box;
font: 11px verdana,sans-serif;
color:#000000;
width:100%;
  /* TW */
max-width:100%;
  /* TW */
border:none;
margin-top:-0px;
  /* = -TT  [DEPENDENT]*/
padding-right:5px;
  /* right padding on menu text (all levels) (padding zone is not clickable) */
}
.dbaiscmMenu li.activeTop{
background-color:#ced0d5;
  /* TACB  top menu active item background color */
color:#000000;
  /* TACH  top menu active item color */
}
.dbaiscmMenu li:hover.activeTop{
background-color:#ced0d5;
 /* TACBH top menu active item hover background color */
color:#000000;
 /*TACH top menu active item hover color */
}
.dbaiscmMenu li li{
float:left;
border:none;
background-color: white;
 /* DICB */
}
.dbaiscmMenu ul ul {
margin-left: 80px;
 /* DLO [RECOMMENDED]=DIW-40 */
margin-top: -15px;
  /* DBO [RECOMMENDED]=-15px */
}
.dbaiscmMenu li ul {
margin-left: 80px;
 /* DLO [RECOMMENDED]=DIW-40 */
margin-top: -15px;
  /* DBO [RECOMMENDED]=-15px */
border: 1px solid #dddddd;
box-shadow: 3px 3px 2px #b3b3b3;
}
.dbaiscmMenu li:hover li:hover{
margin-top:0px;
border:none;
background-color:#dddddd;
 /* DICBH */
}
.dbaiscmMenu > li:hover {
position: relative;
z-index: 1;
border:none;
background-color:#dddddd;
 /* TCBH */
margin-top:-0px;
 /* -TTH  [DEPENDENT] */
}
.dbaiscmMenu> li:first-child {
border-left: 0px solid #cccccc;
    /* TFIL (used to show/hide the left border of the first item of the top level.  The width should be = TL */
}
.dbaiscmMenu > li:last-child {
border-right: 0px solid #cccccc;
  /* TLIR (used to show/hide the right border of the last item of the top level.  The width should be = TR */
}
.dbaiscmMenu li li:first-child{
border-top: 0px solid transparent;
   /* DFIT (used to show/hide the top border of the first item of a drop down.  The width should be = DIT */
}
.dbaiscmMenu ul {
list-style: none outside none;
padding: 0px;
position: absolute;
left: -9999px;
margin: 0px;
}
.dbaiscmMenu li:hover > ul {
left: 0px;
width: inherit;
}
.dbaiscmMenu li:hover li{
margin-top:0px;
width:inherit;
}
input:hover {
visibility:visible;
   /*against an IE 11 bug */
}
.dbaiscmSeparator{
font-family: verdana;
font-size: 0pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: white;
width: 100%;
height: 2px;
font-size: 0px;
border-bottom: 1px solid #dddddd !Important;
padding: 0px;
box-sizing:border-box;
}
.dbaisdevp1{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
line-height: 32px;
vertical-align: middle;
cursor:pointer;
}
A.dbaisdevp1:link{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp1:visited{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp1:hover{
background: url(images/db/labelcontainerhover.jpg);
color:#4098C0;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
.dbaisdevp2{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
line-height: 32px;
vertical-align: middle;
cursor:pointer;
}
A.dbaisdevp2:link{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp2:visited{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp2:hover{
background: url(images/db/labelcontainerhoverred.jpg);
color:#F30E0B;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
.dbaisdevp3{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
line-height: 32px;
vertical-align: middle;
cursor:pointer;
}
A.dbaisdevp3:link{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp3:visited{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp3:hover{
background: url(images/db/labelcontainerhovergreen.jpg);
color:#3B8338;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
.dbaisdevp4{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
line-height: 32px;
vertical-align: middle;
cursor:pointer;
}
A.dbaisdevp4:link{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp4:visited{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp4:hover{
background: url(images/db/labelcontainerhoveryellow.jpg);
color:#DBD124;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
.dbaisdevp5{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
line-height: 32px;
vertical-align: middle;
cursor:pointer;
}
A.dbaisdevp5:link{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp5:visited{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp5:hover{
background: url(images/db/labelcontainerhoverlblue.jpg);
color:#3E8FBC;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
.dbaisdevp6{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
line-height: 32px;
vertical-align: middle;
cursor:pointer;
}
A.dbaisdevp6:link{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp6:visited{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp6:hover{
background: url(images/db/labelcontainerhoverorange.jpg);
color:#E3A409;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
.dbaisdevp7{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
line-height: 32px;
vertical-align: middle;
cursor:pointer;
}
A.dbaisdevp7:link{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp7:visited{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
A.dbaisdevp7:hover{
background: url(images/db/labelcontainer.jpg);
color:#5E5E5E;
text-decoration:none;
font-family:verdana;
font-size:7pt;
text-align:center;
}
.dbaisdevp8{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
cursor:pointer;
background: url(images/db/labelcontainer.jpg);
background-repeat:repeat-x;
color:#5E5E5E;
width:19px;
}
.dbaisloader{
font-family: verdana;
font-size: 12pt;
color: white;
text-align: center;
vertical-align:middle;
position: fixed;
z-index: 999999999;
display:none;
}
.dbaisloadertext {
margin-bottom: 10px;
background-color: #036;
padding: 10px;
opacity: 0.8;
border-radius: 5px;
padding-left: 20px;
padding-right: 20px;
display:none;
}
.dbajxloaderv8, .dbajxloaderv8:after {
border-radius: 50%;
width: 90px;
height: 90px;
}
.dbajxloaderv8 {
margin-left: auto;
margin-right: auto;
font-size: 10px;
text-indent: -9999em;
border-top: 10px solid rgba(125,125, 125, 1.0);
 /*0,49,96*/
border-right: 10px solid rgba(125,125,125, 1.0);
border-bottom: 10px solid rgba(125,125,125, 1.0);
border-left: 10px solid rgba(125,125,125, 0.2);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
z-index: 999999999;
}
.dbaissmContainer{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #eeeeee;
box-sizing: border-box;
}
.dbaissmHeading{
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
font-style: italic;
color: black;
text-align: left;
vertical-align:middle;
padding-top: 2px;
padding-left: 20px;
padding-bottom: 4px;
}
.dbaissmImage{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
left: 10px;
top: 7px;
width: 183px;
}
.dbaissmItem{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
border-color: transparent;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 20px;
cursor: pointer;
}
.dbaissmItemActive{
font-family: Verdana;
font-size: 8pt;
font-weight: bold;
color: black;
text-align: left;
vertical-align:middle;
background-color: green;
border-color: transparent;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 20px;
cursor: pointer;
}
.dbaissmMenu{
font-family: Verdana;
font-size: 8pt;
color: #444444;
text-align: left;
vertical-align:middle;
margin-left: 20px;
margin-top: 80px;
position: static !important;
width: calc(100% - 40px);
}
.dbaissmSeparator{
font-family: verdana;
font-size: 0pt;
color: black;
text-align: left;
vertical-align:middle;
width: 100%;
height: 2px;
font-size: 0px;
border-bottom: 1px solid black !Important;
padding: 0px;
padding-top: 3px;
box-sizing:border-box;
}
.dbaistmContainer{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:top;
margin: 0px;
padding: 0px;
position: absolute;
z-index:99999;
/*top:100px !important;
                 ... uncomment and change this only when it's necessary to override position set by DesignBais developer tools */
/*left:223px !important;
                ... uncomment and change this only when it's necessary to override position set by DesignBais developer tools */
}
.dbaistmMenu{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:top;
list-style: none outside none;
margin: 0px;
padding: 0px;
white-space:nowrap;
right:0px;
min-width:100%;
max-height:19px;
   /* SH */
border-top: 0px solid #000000;
 /* ST */
border-bottom: 1px solid #cccccc;
 /* SB */
background-color: #eeeeee;
 /* SBC */
}
.dbaistmMenu a {
display: block;
margin: 0px;
color:inherit;
text-decoration: none;
width: 100%;
overflow:hidden;
box-sizing: border-box;
text-align:center;
  /* top menu items text alignment */
line-height:19px;
  /* = SH  [DEPENDENT] */
max-height:19px;
  /* = SH [DEPENDENT] */
padding-left:5px;
   /* left padding on menu text (all levels)  (padding zone is clickable) */
cursor: pointer;
}
.dbaistmMenu li li a {
text-align:left;
  /* drop down menu items text alignment */
line-height:26px;
 /* DIH */
max-height:26px;
  /* = DIH [DEPENDENT] */
}
.dbaistmMenu li {
display:inline-block;
box-sizing:border-box;
font: 11px verdana,sans-serif;
color:#000000;
width:120px;
  /* TW */
max-width:120px;
  /* TW */
background-color:#eeeeee;
  /* TCB */
border-top: 0px solid #000000;
   /* TT */
border-bottom: 1px solid #cccccc;
  /* TB */
border-left: 1px solid #cccccc;
  /* TL */
border-right: 0px solid #000000;
  /* TR */
margin-top:-0px;
  /* = -TT  [DEPENDENT]*/
padding-right:5px;
  /* right padding on menu text (all levels) (padding zone is not clickable) */
}
.dbaistmMenu li.activeTop{
background-color:#ced0d5;
  /* TACB  top menu active item background color */
color:#000000;
  /* TACH  top menu active item color */
}
.dbaistmMenu li:hover.activeTop{
background-color:#ced0d5;
 /* TACBH top menu active item hover background color */
color:#000000;
 /*TACH top menu active item hover color */
}
.dbaistmMenu li li{
float:left;
border-top: 0px solid #000000;
   /* DIT */
border-bottom: 1px solid #cccccc;
  /* DIB */
border-left: 0px solid #000000;
 /* DIL */
border-right: 0px solid #000000;
  /* DIR */
width:180px;
 /* DIW */
max-width:180px;
 /* DIW */
background-color: #eeeeee;
 /* DICB */
}
.dbaistmMenu ul ul {
margin-left: 80px;
 /* DLO [RECOMMENDED]=DIW-40 */
margin-top: -15px;
  /* DBO [RECOMMENDED]=-15px */
}
.dbaistmMenu li:hover li:hover{
margin-top:0px;
border-top: 0px solid #000000;
   /* DITH [RECOMMENDED]=DIT   */
border-bottom: 1px solid #cccccc;
  /* DIBH  [RECOMMENDED]=DIB  */
border-left: 0px solid #000000;
 /* DILH  [RECOMMENDED]=DIL */
border-right: 0px solid #000000;
  /* DIRH [RECOMMENDED]=DIR  */
background-color:#dddddd;
 /* DICBH */
}
.dbaistmMenu > li:hover {
position: relative;
z-index: 1;
border-top: 0px solid #000000;
 /* TTH [RECOMMENDED]=TT  */
border-bottom: 1px solid #cccccc;
 /* TBH [RECOMMENDED]=TB  */
border-left: 1px solid #cccccc;
 /* TLH [RECOMMENDED]=TL  */
border-right: 0px solid #000000;
  /* TRH [RECOMMENDED]=TR  */
background-color:#dddddd;
 /* TCBH */
margin-top:-0px;
 /* -TTH  [DEPENDENT] */
}
.dbaistmMenu> li:first-child {
border-left: 1px solid #cccccc;
    /* TFIL (used to show/hide the left border of the first item of the top level.  The width should be = TL */
}
.dbaistmMenu > li:last-child {
border-right: 1px solid #cccccc;
  /* TLIR (used to show/hide the right border of the last item of the top level.  The width should be = TR */
}
.dbaistmMenu li li:first-child{
border-top: 0px solid transparent;
   /* DFIT (used to show/hide the top border of the first item of a drop down.  The width should be = DIT */
}
.dbaistmMenu li li:last-child {
border-bottom: 1px solid #cccccc;
 /* DLIB (used to show/hide the bottom border of the last item of a drop down .  The width should be = DIB */
}
.dbaistmMenu ul {
list-style: none outside none;
padding: 0px;
position: absolute;
left: -9999px;
margin: 0px;
}
.dbaistmMenu li:hover > ul {
left: 0px;
}
.dbaistmMenu li:hover li{
margin-top:0px;
}
input:hover {
visibility:visible;
   /*against an IE 11 bug */
}
.dbdaystitle{
font-family: sans-serif,open-sans;
font-size: 18pt;
color: #425563;
text-align: center;
vertical-align:middle;
display:block;
}
.dbselectdark{
font-family: Sans-serif;
font-size: 8pt;
color: white;
text-align: left;
vertical-align:middle;
border-radius:5px;
 font-family:sans-serif;
 font-size:13px;
 border-radius:5px;
 -webkit-appearance: none;
  -moz-appearance: none;
 appearance: none;
   background-position: right center;
 background-repeat: no-repeat;
  border-style:solid;
 border-width:1px;
  padding:8px;
 padding-left:10px;
 padding-right:40px;
  outline:0px;
 background-image: url(images/select004477.png);
border-color: #ccc;
}
.dbselectdark option{
font-family: Sans-serif;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
}
.demobmIcon{
font-family: verdana;
font-size: 13pt;
color: #fff;
text-align: center;
vertical-align:middle;
font-size: 18px !important;
line-height: 20px;
}
.demotmContainer{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:top;
margin: 0px;
padding: 0px;
position: absolute;
z-index:99999;
/*top:100px !important;
                 ... uncomment and change this only when it's necessary to override position set by DesignBais developer tools */
/*left:223px !important;
                ... uncomment and change this only when it's necessary to override position set by DesignBais developer tools */
}
.demotmMenu{
font-family: verdana;
font-size: 10pt;
color: white;
text-align: left;
vertical-align:top;
list-style: none outside none;
margin: 0px;
padding: 0px;
white-space:nowrap;
right:0px;
min-width:100%;
max-height:50px;
   /* SH */
border-top: 0px solid #000000;
 /* ST */
border-bottom: 1px solid #cccccc;
 /* SB */
background-color: #004c97;
 /* SBC */
}
.demotmMenu a {
display: block;
margin: 0px;
color:inherit;
text-decoration: none;
width: 100%;
overflow:hidden;
box-sizing: border-box;
text-align:center;
  /* top menu items text alignment */
line-height:50px;
  /* = SH  [DEPENDENT] */
max-height:50px;
  /* = SH [DEPENDENT] */
padding-left:5px;
   /* left padding on menu text (all levels)  (padding zone is clickable) */
}
.demotmMenu li li a {
text-align:left;
  /* drop down menu items text alignment */
line-height:26px;
 /* DIH */
max-height:26px;
  /* = DIH [DEPENDENT] */
}
.demotmMenu li {
display:inline-block;
box-sizing:border-box;
font: 11px verdana,sans-serif;
color:#ffffff;
width:120px;
  /* TW */
max-width:120px;
  /* TW */
background-color:#004c97;
  /* TCB */
border-top: 0px solid #000000;
   /* TT */
border-bottom: 1px solid #cccccc;
  /* TB */
border-left: 1px solid #cccccc;
  /* TL */
border-right: 0px solid #000000;
  /* TR */
margin-top:-0px;
  /* = -TT  [DEPENDENT]*/
padding-right:5px;
  /* right padding on menu text (all levels) (padding zone is not clickable) */
}
.demotmMenu li.activeTop{
background-color:#004c97;
  /* TACB  top menu active item background color */
color:#7fe0e9;
  /* TACH  top menu active item color */
}
.demotmMenu li:hover.activeTop{
background-color:#004c97;
 /* TACBH top menu active item hover background color */
color:#7fe0e9;
 /*TACH top menu active item hover color */
}
.demotmMenu li li{
float:left;
border-top: 0px solid #000000;
   /* DIT */
border-bottom: 1px solid #cccccc;
  /* DIB */
border-left: 0px solid #000000;
 /* DIL */
border-right: 0px solid #000000;
  /* DIR */
width:180px;
 /* DIW */
max-width:180px;
 /* DIW */
background-color: #004c97;
 /* DICB */
}
.demotmMenu ul ul {
margin-left: 80px;
 /* DLO [RECOMMENDED]=DIW-40 */
margin-top: -15px;
  /* DBO [RECOMMENDED]=-15px */
}
.demotmMenu li:hover li:hover{
margin-top:0px;
border-top: 0px solid #000000;
   /* DITH [RECOMMENDED]=DIT   */
border-bottom: 1px solid #cccccc;
  /* DIBH  [RECOMMENDED]=DIB  */
border-left: 0px solid #000000;
 /* DILH  [RECOMMENDED]=DIL */
border-right: 0px solid #000000;
  /* DIRH [RECOMMENDED]=DIR  */
background-color:#004c97;
 /* DICBH */
color: #7fe0e9;
}
.demotmMenu > li:hover {
position: relative;
z-index: 1;
border-top: 0px solid #000000;
 /* TTH [RECOMMENDED]=TT  */
border-bottom: 1px solid #cccccc;
 /* TBH [RECOMMENDED]=TB  */
border-left: 1px solid #cccccc;
 /* TLH [RECOMMENDED]=TL  */
border-right: 0px solid #000000;
  /* TRH [RECOMMENDED]=TR  */
background-color:#004c97;
 /* TCBH */
margin-top:-0px;
 /* -TTH  [DEPENDENT] */
color:#7fe0e9;
}
.demotmMenu> li:first-child {
border-left: 1px solid #cccccc;
    /* TFIL (used to show/hide the left border of the first item of the top level.  The width should be = TL */
}
.demotmMenu > li:last-child {
border-right: 1px solid #cccccc;
  /* TLIR (used to show/hide the right border of the last item of the top level.  The width should be = TR */
}
.demotmMenu li li:first-child{
border-top: 0px solid transparent;
   /* DFIT (used to show/hide the top border of the first item of a drop down.  The width should be = DIT */
}
.demotmMenu li li:last-child {
border-bottom: 1px solid #cccccc;
 /* DLIB (used to show/hide the bottom border of the last item of a drop down .  The width should be = DIB */
}
.demotmMenu ul {
list-style: none outside none;
padding: 0px;
position: absolute;
left: -9999px;
margin: 0px;
}
.demotmMenu li:hover > ul {
left: 0px;
}
.demotmMenu li:hover li{
margin-top:0px;
}
input:hover {
visibility:visible;
   /*against an IE 11 bug */
}
.fred{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
}
.jlRadio{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
cursor:text;
margin:0px;
border-width:1px;
border-style:solid;
border-color:#BBBBBB;
border-radius: 3px;
padding-left:2px;
padding-right:2px;
}
 .jlRadio[type="radio"] {
width: 40px;
height: 40px;
}
.jlsmContainer{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #eeeeee;
box-sizing: border-box;
}
.loginMsgPanel{
font-family: Verdana;
font-size: 16pt;
color: black;
text-align: left;
vertical-align:middle;
padding: 20px 20px 20px 20px;
}
.myMVRowOff{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color:transparent;
border:none;
}
.myMVRowOn{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color:transparent;
border:2px solid red;
border-radius: 4px;
}
.plTmBorder{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
width: 100%;
height: 100px;
font-size: 0px;
border: 4px solid #0068b1;
border-radius: 5px;
position: absolute;
box-sizing:border-box;
top: 0px;
z-index: -1;
}
.plTmContainer{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #fff;
position: absolute;
z-index: 00000;
}
.plTmMenu{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:top;
list-style: none outside none;
margin: 20px 5px 0px 5px;
padding: 0px;
white-space:normal;
overflow-wrap: break-word;
right:0px;
background-color: white;
 /* SBC */
}
.plTmMenu a {
display: block;
margin: 0px;
color:inherit;
text-decoration: none;
width: 100%;
overflow:hidden;
box-sizing: border-box;
text-align:center;
  /* top menu items text alignment */
line-height:60px;
  /* = SH  [DEPENDENT] */
color: #20bccf;
font-size: 17px;
}
.plTmMenu a:hover {
color: #66819c;
}
.plTmMenu li li a {
text-align:left;
  /* drop down menu items text alignment */
line-height:26px;
 /* DIH */
max-height:26px;
  /* = DIH [DEPENDENT] */
padding-left: 5px;
}
.plTmMenu li {
display:inline-block;
box-sizing:border-box;
font: 11px verdana,sans-serif;
color:#000000;
width:180px;
  /* TW */
max-width:180px;
  /* TW */
background-color:white;
  /* TCB */
/* border-top: 0px solid #000000;
   /* TT */
/* border-bottom: 0px solid #cccccc;
  /* TB */
/* border-left: 0px solid #cccccc;
  /* TL */
/* border-right: 1px solid #000000;
  /* TR */
margin-top:-0px;
  /* = -TT  [DEPENDENT]*/
padding-right:5px;
  /* right padding on menu text (all levels) (padding zone is not clickable) */
}
.plTmMenu li.activeTop{
/* background-color:#ced0d5;
  /* TACB  top menu active item background color */
color:#000000;
  /* TACH  top menu active item color */
}
.plTmMenu li:hover.activeTop{
/* background-color:#ced0d5;
 /* TACBH top menu active item hover background color */
/* color:#000000;
 /*TACH top menu active item hover color */
color: #66819c;
}
.plTmMenu li li{
float:left;
/* border-top: 1px solid #000000;
   /* DIT */
/* border-bottom: 1px solid #cccccc;
  /* DIB */
border-left: 1px solid #0068b1;
 /* DIL */
border-right: 1px solid #0068b1;
  /* DIR */
width:180px;
 /* DIW */
max-width:180px;
 /* DIW */
/* background-color: #eeeeee;
 /* DICB */
padding-left: 5px;
}
.plTmMenu ul ul {
margin-left: 90px;
 /* DLO [RECOMMENDED]=DIW-40 */
margin-top: -2px;
  /* DBO [RECOMMENDED]=-15px */
}
.plTmMenu li:hover li:hover{
margin-top:0px;
/* border-top: 0px solid #000000;
   /* DITH [RECOMMENDED]=DIT   */
/* border-bottom: 1px solid #cccccc;
  /* DIBH  [RECOMMENDED]=DIB  */
border-left: 1px solid #0068b1;
 /* DILH  [RECOMMENDED]=DIL */
border-right: 1px solid #0068b1;
  /* DIRH [RECOMMENDED]=DIR  */
/* background-color:#dddddd;
 /* DICBH */
}
.plTmMenu > li:hover {
position: relative;
z-index: 1;
/* border-top: 0px solid #000000;
 /* TTH [RECOMMENDED]=TT  */
/* border-bottom: 1px solid #cccccc;
 /* TBH [RECOMMENDED]=TB  */
/* border-left: 1px solid #cccccc;
 /* TLH [RECOMMENDED]=TL  */
/* border-right: 0px solid #000000;
  /* TRH [RECOMMENDED]=TR  */
/* background-color:#dddddd;
 /* TCBH */
margin-top:-0px;
 /* -TTH  [DEPENDENT] */
}
.plTmMenu > li:first-child {
/* border-left: 1px solid #cccccc;
    /* TFIL (used to show/hide the left border of the first item of the top level.  The width should be = TL */
}
.plTmMenu > li:last-child {
/* border-right: 1px solid #cccccc;
  /* TLIR (used to show/hide the right border of the last item of the top level.  The width should be = TR */
}
.plTmMenu li li:first-child{
border-top: 1px solid #0068b1;
   /* DFIT (used to show/hide the top border of the first item of a drop down.  The width should be = DIT */
}
.plTmMenu li li:last-child {
border-bottom: 1px solid #0068b1;
 /* DLIB (used to show/hide the bottom border of the last item of a drop down .  The width should be = DIB */
}
.plTmMenu ul {
list-style: none outside none;
padding: 0px;
position: absolute;
left: -9999px;
margin: 0px;
}
.plTmMenu li:hover > ul {
left: 0px;
}
.plTmMenu li:hover li{
margin-top:0px;
}
input:hover {
visibility:visible;
   /*against an IE 11 bug */
}
.rgBU{
font-family: SourceSansPro;
font-size: 11pt;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
background-color: #f0f0f0;
border-style:solid;
border-color:#dddddd;
border-collapse:collapse;
padding:2px;
}
.rgCloseButton{
font-family: Roboto,Helvetica,Sans-serif;
font-size: 18pt;
font-weight: bold;
font-style: italic;
color: #21bccf;
text-align: center;
vertical-align:middle;
background-color: #fff;
width:100%;
height:100%;
display:table;
line-height:100%;
min-width:100%;
border-radius:50%;
cursor:pointer;
font-weight:900;
text-shadow:0px 0px #888888;
box-shadow:0px 0px 0px #888888;
text-decoration:none;
padding:0px;
margin:0px;
}
.rgCloseButton:active{
background-color: #666666;
}
.rgCloseButton:after{
content: "\00d7";
display:table-cell;
font-weight:bold;
}
.rgCloseButton:hover{
background-color: #60768C;
}
.rgI2MVOutput{
font-family: SourceSansPro;
font-size: 11pt;
color: #5e5e5e;
text-align: left;
vertical-align:middle;
background-color: #f0f0f0;
border-width:1px;
border-style:solid;
border-color:#dddddd;
border-collapse:collapse;
padding:2px;
}
.rgMVCross{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: transparent;
border-width:1px;
border-style:none;
}
 .rgMVCross:disabled {
opacity:0.6;
cursor:not-allowed;
background-color: #E0E0E0;
}
 .rgMVCross::placeholder {
/* Chrome/Opera/Safari */
color: red;
}
 .rgMVCross::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: red;
}
 .rgMVCross::-moz-placeholder {
/* Firefox 19+ */
color: red;
}
 .rgMVCross:-ms-input-placeholder {
/* IE 10+ */
color: red;
}
 .rgMVCross::-ms-input-placeholder {
/* Edge */
color: red;
}
 .rgMVCross:-moz-placeholder {
/* Firefox 18- */
color: red;
}
.rgReportBody{
font-family: Verdana;
font-size: 7pt;
color: #123066;
text-align: left;
vertical-align:middle;
background-color: white;
overflow:hidden;
border-color:#A0A0A0;
border-style:solid;
border-width:1px;
white-space:normal;
}
.rgReportHeader{
font-family: Verdana;
font-size: 8pt;
color: #0B2345;
text-align: left;
vertical-align:middle;
background-color: #eeeeee;
border-color:#A0A0A0;
border-style:solid;
border-width:1px;
cursor: pointer;
overflow-wrap: break-word;
white-space: normal;
overflow:hidden;
}
.rgTest{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
cursor:text;
margin:0px;
border-width:1px;
border-style:solid;
border-color:#BBBBBB;
border-radius: 3px;
padding-left:2px;
padding-right:2px;
}
 .rgTest:disabled {
 background-color: #E0E0E0;
}
.rgtmBorder{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
width: 100%;
height: 100px;
font-size: 0px;
border: 4px solid #0068b1;
border-radius: 5px;
position: absolute;
box-sizing:border-box;
top: 0px;
z-index: -1;
}
.rickMenu{
font-family: SourceSansProSemiBold;
font-size: 11pt;
color: black;
text-align: left;
vertical-align:middle;
list-style: none outside none;
margin: 0px;
padding: 0px;
white-space: nowrap;
right: 0px;
min-width: 100px;
}
 .rickMenu a {
display: block;
margin: 0px;
color: inherit;
text-decoration: none;
width: 100%;
overflow: hidden;
box-sizing: border-box;
text-align: center;
line-height: 60px;
color: #20bccf;
font-size: 17px;
padding-left: 5px;
}
 .rickMenu a:hover {
color: #66819c;
}
 .rickMenu a:hover > span {
background-color: #66819c !important;
color: white;
}
 .rickMenu li li a {
text-align: left;
}
 .rickMenu li {
display: inline-block;
box-sizing: border-box;
font: 11px SourceSansProSemiBold;
color: #000000;
width: 140px;
max-width: 140px;
margin-top: -0px;
}
 .rickMenu li li {
width: 200px;
max-width: 200px;
float: left;
}
 .rickMenu ul {
list-style: none outside none;
padding: 0px;
position: absolute;
left: -9999px;
margin: 0px;
}
.rwtmBorder{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
width: 100%;
height: 100px;
font-size: 0px;
border: 4px solid #0068b1;
border-radius: 5px;
position: absolute;
box-sizing:border-box;
top: 0px;
z-index: -1;
}
.rwtmContainer{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background-color: #fff;
position: absolute;
z-index: 00000;
}
.rwtmMenu{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:top;
list-style: none outside none;
margin: 20px 5px 0px 5px;
padding: 0px;
white-space:normal;
overflow-wrap: break-word;
right:0px;
background-color: white;
 /* SBC */
}
.rwtmMenu a {
display: block;
margin: 0px;
color:inherit;
text-decoration: none;
width: 100%;
overflow:hidden;
box-sizing: border-box;
text-align:center;
  /* top menu items text alignment */
line-height:60px;
  /* = SH  [DEPENDENT] */
color: #20bccf;
font-size: 17px;
}
.rwtmMenu a:hover {
color: #66819c;
}
.rwtmMenu li li a {
text-align:left;
  /* drop down menu items text alignment */
line-height:26px;
 /* DIH */
max-height:26px;
  /* = DIH [DEPENDENT] */
padding-left: 5px;
}
.rwtmMenu li {
display:inline-block;
box-sizing:border-box;
font: 11px verdana,sans-serif;
color:#000000;
width:180px;
  /* TW */
max-width:180px;
  /* TW */
background-color:white;
  /* TCB */
/* border-top: 0px solid #000000;
   /* TT */
/* border-bottom: 0px solid #cccccc;
  /* TB */
/* border-left: 0px solid #cccccc;
  /* TL */
/* border-right: 1px solid #000000;
  /* TR */
margin-top:-0px;
  /* = -TT  [DEPENDENT]*/
padding-right:5px;
  /* right padding on menu text (all levels) (padding zone is not clickable) */
}
.rwtmMenu li.activeTop{
/* background-color:#ced0d5;
  /* TACB  top menu active item background color */
color:#000000;
  /* TACH  top menu active item color */
}
.rwtmMenu li:hover.activeTop{
/* background-color:#ced0d5;
 /* TACBH top menu active item hover background color */
/* color:#000000;
 /*TACH top menu active item hover color */
color: #66819c;
}
.rwtmMenu li li{
float:left;
/* border-top: 1px solid #000000;
   /* DIT */
/* border-bottom: 1px solid #cccccc;
  /* DIB */
border-left: 1px solid #0068b1;
 /* DIL */
border-right: 1px solid #0068b1;
  /* DIR */
width:180px;
 /* DIW */
max-width:180px;
 /* DIW */
/* background-color: #eeeeee;
 /* DICB */
padding-left: 5px;
}
.rwtmMenu ul ul {
margin-left: 90px;
 /* DLO [RECOMMENDED]=DIW-40 */
margin-top: -2px;
  /* DBO [RECOMMENDED]=-15px */
}
.rwtmMenu li:hover li:hover{
margin-top:0px;
/* border-top: 0px solid #000000;
   /* DITH [RECOMMENDED]=DIT   */
/* border-bottom: 1px solid #cccccc;
  /* DIBH  [RECOMMENDED]=DIB  */
border-left: 1px solid #0068b1;
 /* DILH  [RECOMMENDED]=DIL */
border-right: 1px solid #0068b1;
  /* DIRH [RECOMMENDED]=DIR  */
/* background-color:#dddddd;
 /* DICBH */
}
.rwtmMenu > li:hover {
position: relative;
z-index: 1;
/* border-top: 0px solid #000000;
 /* TTH [RECOMMENDED]=TT  */
/* border-bottom: 1px solid #cccccc;
 /* TBH [RECOMMENDED]=TB  */
/* border-left: 1px solid #cccccc;
 /* TLH [RECOMMENDED]=TL  */
/* border-right: 0px solid #000000;
  /* TRH [RECOMMENDED]=TR  */
/* background-color:#dddddd;
 /* TCBH */
margin-top:-0px;
 /* -TTH  [DEPENDENT] */
}
.rwtmMenu > li:first-child {
/* border-left: 1px solid #cccccc;
    /* TFIL (used to show/hide the left border of the first item of the top level.  The width should be = TL */
}
.rwtmMenu > li:last-child {
/* border-right: 1px solid #cccccc;
  /* TLIR (used to show/hide the right border of the last item of the top level.  The width should be = TR */
}
.rwtmMenu li li:first-child{
border-top: 1px solid #0068b1;
   /* DFIT (used to show/hide the top border of the first item of a drop down.  The width should be = DIT */
}
.rwtmMenu li li:last-child {
border-bottom: 1px solid #0068b1;
 /* DLIB (used to show/hide the bottom border of the last item of a drop down .  The width should be = DIB */
}
.rwtmMenu ul {
list-style: none outside none;
padding: 0px;
position: absolute;
left: -9999px;
margin: 0px;
}
.rwtmMenu li:hover > ul {
left: 0px;
}
.rwtmMenu li:hover li{
margin-top:0px;
}
input:hover {
visibility:visible;
   /*against an IE 11 bug */
}
.testbutton{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
background: url(images/db/dblogo.jpg);
}
.textAlignRight{
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: right;
vertical-align:middle;
}
.vMVrowoff{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
border-style:none;
padding:0px;
margin:0px;
-webkit-border-radius: 0px;
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
}
.vMVrowon{
font-family: verdana;
font-size: 8pt;
color: black;
text-align: left;
vertical-align:middle;
border-style:solid;
border-color:#88BB88;
border-color:red !Important;
border-width:2px !Important;
}