/*@font-face {
    font-family: cscfontLig;
    src: url("../fonts/AkzidGroProLig.ttf");
}

@font-face {
    font-family: cscfontMed;
    src: url("../fonts/AkzidGroProMed.ttf");
}
*/
html { 
    height:100%; /* Kvuli IE */
}

.document
{
    background-color: white/*#012B65*/;
    color: black;
    font-family: "Arial CE", Arial, lucida,  sans-serif;
    font-size: 12px;
    text-align: center;
    margin: 0px 0 0 0;
    padding: 0;	
    height: 100%;
    width: 100%;
/*    display: block;
    border-left: solid 3px;
    border-right: solid 3px;
    border-color: #012B65; */
}

.input-combo-list {
    position: absolute;
    width: fit-content;
    display: none;
    flex-flow: column;
    border:1px solid lightgray;
    box-sizing: border-box;
    background: white;
    border-bottom: none;
}

div:has( > input:focus) > .input-combo-list, div:has( > .input-combo-list:active) > .input-combo-list {
    display: flex;
    max-height: 150px;
    overflow: auto;
    border:1px solid lightgray;
}

.input-combo-list > * {
    color: black;
    padding: 3px;
    font-size: normal;
    cursor: default;
    border-bottom: 1px solid lightgray;
}

.input-combo-list > *:hover {
    color: white;
    background: #012B65;
}

#selectlang {
    position:relative;
    display:inline-block;
    transform: translateY(5px);
    z-index: 1;
}

#selectlang > span {
    display:inline-flex;
    cursor:pointer;
    font-weight: bold;
    font-size:larger;
    height:25px;
    box-sizing: border-box;
    padding:3px;
    align-items: center;
    gap:5px;
}

#selectlang > div > a {
    display:flex;
    flex-flow:row;
    font-size:larger;
    text-decoration: none;
    color: black;
    height:20px;
    padding:3px;
    align-items:center;
    width:125px;
    height:25px;
    gap:5px;
    border-bottom: 1px solid lightgray;
}

#selectlang > span > img {
    height:100%;
} 

#selectlang > div > a:hover {
    color:white;
    background:#012B65;
}
#selectlang:hover span {
    color:white;
    background:#79BA52;
}

#selectlang > div > a > img {
    max-height: 100%;
}

#selectlang > div {
    right:0;
    display: none;
    position:absolute;
    z-index: 1;
    flex-flow: column;
    background:white;
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

#selectlang:hover > div {
    display: flex;
}


.chkcombo {
  width: 220px;
  position: relative;
  font-family: Arial;
}

.chkcombo-header {
  border: 1px solid #ccc;
  padding: 6px;
  background: #fff;
  cursor: pointer;
}

.chkcombo-list {
  list-style: none;
  padding: 5px;
  margin: 0;
  border: 1px solid #ccc;
  position: fixed;
  width: 100%;
  background: white;
  display: none;
  max-height: 150px;
  overflow-y: auto;
  z-index: 9999;
}

.sppage
{
    background-color: white;
    position: relative;
    width: 100%; 
    min-width: 760px;
    min-height: 600px;
    height: 100%;
    text-align: center;
    margin: auto;
    display: block;
    clear: both;
}

.spheader
{
    position: relative; top: 2px; left: 0px; height: 55px; width: 100%;
    display: block; 
    border-bottom: 1px solid lightgray;
}

.splogo
{
    position: relative; 
    top: 13px; 
    left: 10px; 
    height: 30px;
    width: 177px;
    float: left;
    display: block;
}

.splogo3
{
    position: relative; 
    top: 13px; 
    left: 10px; 
    height: 30px;
    width: 145px;
    float: left;
    display: block;
}

.splogo2
{
    height: 25px; 
    width: 147px;
    margin-left: 5px;
    margin-right: 5px;
}

.sptitle{
    color: #012B65;
    font-size: 25px;
/*    text-height: max-size; */
/*    float: right; */
    text-align: right;
    font-weight: bold;
/*    vertical-align: bottom; */
    position: relative;
}

.sptitlelogo{
    color: #012B65;
    font-size: 25px;
/*    text-height: max-size; */
    text-align: right;
    font-weight: bold;
/*    vertical-align: bottom; */
    position: relative;
}

#selectlangcombo {
    border:none;
    background:none;
    outline: 0;
    padding:5px;
    cursor:pointer;
}

.header_menu{
   position: absolute;
   height: 44px;
   display:block;
   text-align: right;
   padding:0px 0px 0px 0px;
   top: 13px;
   right: 5px;
}

.top_menu 
{
    color: gray;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border-left: solid 1px #4DA419;
    padding: 5px 5px 5px 5px;
    vertical-align: super;
}

#logout-link:hover, #oflu:hover
{
    color: white;
    background: #4DA419;
}

.slogeduser
{
    color: black;
}

.spsidemenu
{
    position: relative; /*width: 265px;*/
    top: 10px; left: 0px; /* height: 100%; */
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    background-color: white;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 15px;
    float: left;
    display: block;
    overflow: hidden;
}

.spshwmenubtn
{
    position: relative; 
    width: 35px; 
    top: 2px; 
    left: 2px; 
    height: 30px;
}

.sphidemenubtn
{
    position: relative; 
    width: 35px; 
    top: 2px; 
    left: 2px; 
    height: 30px;
}

.splogindialog
{
    position: relative;
    width: 370px;
    margin: auto;
    display: block;
}

.sptgologinframe
{
    background: #012B65;
    position: relative;
    width: 340px;
    height: 400px;
    margin: auto;
    display: block;
}

.sptgtitle
{
    color: white;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 50px;
    margin: auto;
    display: block;
    width: 280px;
    text-align: center;
}

.spgbold
{
    font-weight: bold;
}

.sptgologindialog
{
    position: relative;
    width: 300px;
    margin: auto;
    display: block;
}

.sptgologininfpnl
{
    background: white;
    color: #012B65;
    position: relative;
    top: 20px;
    width: 300px;
    margin: auto;
    padding: 8px;
    border-radius: .5em;
}

.sptgologininfpnl:after
{
    content: ''; 
    position: absolute;
    bottom: 0; 
    left: 20%; 
    width: 0; 
    height: 0; 
    border: 11px solid transparent; 
    border-top-color: white; 
    border-bottom: 0; 
    margin-left: -10px; 
    margin-bottom: -10px;
}

.sptgloginfooter
{
    position: absolute;
    top: 365px;
    width: 340px;
    margin: auto;
    display: block;
    color: white;
    text-decoration: underline;
    text-align: center;
    left: 10px;
}

.sptginfolnk
{
    border-left: solid 1px;
    border-left-color: white;
    padding: 1em;
    margin: 1em;
}

a.sptginfolnk:link, a.sptginfolnk:visited 
{
    color: white;
}  
      
a.sptginfolnk:hover 
{
    color: #4DA419;
}

.sptgvirtlink
{
    color: white;
}

a.sptgvirtlink:link, a.sptgvirtlink:visited 
{
    color: white;
}

a.sptgvirtlink:hover 
{
    color: #4DA419; 
}

.sptgloginissue
{
    top: 20px;
    background-color: white;
    position: relative;
    width: 380px;
    margin: auto;
    display: block;
    color: #012B65;
    text-align: center;
}

.sptgfooter{
    position: relative;
    top: 50px;
    width: 400px;
    margin: auto;
    display: block;
    border-top: solid 1px;
    border-top-color: #4DA419;
    color: #4DA419;
}

.sptgrghtfooter{
    position: relative;
    top: 60px;
    width: 250px;
    margin: auto;
    display: block;
    color: lightgray;
    font-size: 8px;
    text-align: center;
}

.spappstorelnk
{
    height: 40px;
    width: 119px;
    padding:0px 0px 0px 0px;
}

.spgoogleplaylnk
{
    height: 40px;
    width: 136px;
    padding:0px 0px 0px 0px;
}

.sptghighlight{
    color: #4DA419;
    font-weight: bold;
}

.sptgbluehighlight{
    color: #012B65;
    font-weight: bold;
}

.spgtable{
    background-color: white;
    font-size: 11px;
    font-weight: normal;
    color: #012B65;
    border-style : solid;
    margin: 2px;
    border: 1px solid lightgray;
    border-width: 1px 0 0 1px;
    border-collapse: collapse;
}

.spgtable td, .spgtable th
{
  border: 1px solid lightgray;
  border-width: 0 1px 1px 0;
  vertical-align: middle;
  padding: 3px;
}

.spgtblhead{
    font-weight: normal;
    text-align: center;
    color: white;
    background-color: #003A7A;
    padding: 2px;
}

.spgtblsrvcolinvisible{
    background-color: #7B8188;
}

.spgtblrowhighlight{
    background-color: #6498C4;
    _cursor: hand; /* for IE6 */
    cursor: pointer;
}

.folds
{
    position: relative; top: 4px; left: 0px; height: 20px; width: 100%;
    display: block; 
    border-bottom: 2px solid black;
}

.fold
{
    width: 150px;
    height: 18px;
    background-color: #012B65;
    border: 2px solid black;
    border-radius: 10px;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    float: left;
    margin-left: 2px;
}

.fold:hover 
{
    color: #79BA52;
    width: 150px;
    height: 18px;
    background-color: white;
    border: 2px solid black;
    border-radius: 10px;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    float: left;
    margin-left: 2px;
}

.foldactive
{
    color: #79BA52;
    width: 150px;
    height: 20px;
    background-color: white;
    border: 2px solid black;
    border-radius: 10px;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    float: left;
    margin-left: 2px;
}

.folddn
{
    height: 18px;
    background-color: #012B65;
    border: 2px solid black;
    border-radius: 10px;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    float: left;
    margin-left: 2px;
}

.folddn:hover 
{
    color: #79BA52;
    height: 18px;
    background-color: white;
    border: 2px solid black;
    border-radius: 10px;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    float: left;
    margin-left: 2px;
}

.folddnactive
{
    color: #79BA52;
    height: 20px;
    background-color: white;
    border: 2px solid black;
    border-radius: 10px;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    float: left;
    margin-left: 2px;
}

.foldactivtxt
{
    color: #79BA52;
    background: white;
    width: 100%;
    height: 100%;
    display:block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    padding-right: 1em;
}

.foldactivtxtnb
{
    width: 100%;
    height: 100%;
    display:block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    padding-right: 1em;
}

a.foldlink:link, a.foldlink:visited 
{
    color: gray;
    background: white;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display:block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    padding-right: 1em;
}  
      
a.foldlink:hover 
{
    color: #79BA52;
    background:white;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display:block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    padding-right: 1em;
}

a.foldlinknb:link, a.foldlinknb:visited 
{
    color: gray;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display:block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    padding-right: 1em;
}  
      
a.foldlinknb:hover 
{
    color: #79BA52;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display:block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    padding-right: 1em;
}

.foldmarked{
    background-color: #003A7A;
    color: white;
}

.foldnomarked{
    background-color: white;
    color: #79BA52;
}

.loginpicture
{
    width: 146px;
    height: 146px;
    display: block;
    float: left;
}

.sploginfield
{
    width: 207px;
    height: 22px;
    color: gray;
}

.sploginfldvisited
{
    width: 207px;
    height: 22px;
    color: black;
}

.spgtytle
{
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.spgsectiontitle
{
    font-size: 14px;
    font-weight: bold;
}

.icon
{
    padding-right: 5px;
}


.spgitmlabel
{
    position: relative; top: 3px;
    font-size: 12px;
    font-weight: bold;
}

.spginputtxt
{
    position: absolute; left: 90px;
}

button{
    padding: 5px 5px 5px 5px;
    display: inline-block;
    font-weight: normal;
    margin: 10px;
    vertical-align: middle;
}

button img{
    display: table-cell;
    vertical-align: middle;
}

.spgbutton, .spgbuttonmini{
    background-color: #79BA52; 
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    margin: 10px;
    padding: 10px;
}

.spgbuttonmini {
    padding: 3px;
    margin: 1px;
}

.spgnormalbutton{
    background-color: #79BA52; 
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
}

.spgstdbutton{
    font-size: 12px;
    margin: 10px;
    padding: 10px;
    vertical-align: middle;
}

.spgbrownbutton{
    background-color: #B45F06; 
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    margin: 10px;
    padding: 10px;
}

.spgcancelbutton{
    background-color: #AF1C0C; 
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    margin: 10px;
    padding: 10px;
}

.spgbigbutton{
    background-color: #79BA52; 
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin: 10px;
    padding: 6px;
}

.spgnobutton{
    background-color: #BA0000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 10px;
}

.spgbackbutton{
    font-size: 12px;
    font-weight: normal;
    margin: 10px;
}

.spgtblcenter{
    font-weight: normal;
    text-align: center;
    padding: 2px;
    background-color: #DADADB;
}

.tblfooter{
    background-color: #DADADB;
}

.tblodd{
    background-color: #B8CCE3;
}

.tbleven{
    background-color: #DCE6F0;
}

.tblselected{
    background-color: #66CC33;
}

.tblerrored{
    background-color: red;
}

.tblorange {
    background-color: #ffac40;
}

.tblred {
    background-color: #ff7c7c;
}

.spgrowstorno{
    color: red;
    text-decoration: line-through; 
}

.spgrowunused{
    color: gray;
    text-decoration: line-through; 
    background-color: lightgray;
}

.spgrowanothertype{
    background-color : yellow; 
}

.spgpagelist{
    background-color: white;
    font-size: 10px;
    font-weight: normal;
    color: #012B65;
    border-style : solid;
    margin: 3px;
    border: 2px solid black;
    border-width: 1px 1px 1px 1px;
    border-color: rgb(51,102,153);
    border-collapse: collapse;
}

.spggridpanel{
    background-color: white;
    font-size: 10px;
    font-weight: normal;
    color: #012B65;
    border-style : none;
    margin: 3px;
    padding: 15px;
    border: none;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
}

.spggridpanelbordered{
    background-color: white;
    font-size: 12px;
    font-weight: normal;
    color: #012B65;
    border-style : solid;
    margin: 3px;
    border-width: 2px 2px 2px 2px;
    border-color: #000000;
    border-collapse: collapse;
}

.spggridpanel th, .spggridpanel td, .spgcntrdgridpanel th, .spgcntrdgridpanel td
{
  border: 0px none black;
  border-width: 0 0px 0px 0;
  padding: 2px;
  vertical-align: middle;
}

.spggridpnlunl td{
    border: 0px solid black;
    border-width: 0px 0px 1px 0px;  
}

.spgcntrdgridpanel {
    background-color: white;
    font-size: 10px;
    font-weight: normal;
    color: #012B65;
    margin: auto;
    padding: 15px;
    border: none;
    border-width: 0px 0px 0px 0px;
}

.spgtablepanel{
    background-color: white;
    font-size: 10px;
    font-weight: normal;
    color: #012B65;
    border-style : none;
    margin: 3px;
    padding: 15px;
    border: none;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
}

.spgcntrpanel{
    color: #012B65;
    border-style : none;
    margin: 3px;
    padding: 15px;
    border: none;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
}

.spgcntrpanel th, .spgcntrpanel td
{
  border: 0px none black;
  border-width: 0 0px 0px 0;
  padding: 2px;
  vertical-align: middle;
  text-align: center;
}

.tbltop
{
    vertical-align: top;
}

.spgwarning{
    background-color: white;
    font-size: 12px;
    font-weight: bold;
    color: #012B65;
}

.spgerror{
    background-color: white;
    font-size: 14px;
    font-weight: bold;
    color: red;
}

.spgnberror{
    font-size: 14px;
    font-weight: bold;
    color: red;
}

.spgsucces{
    background-color: white;
    font-size: 14px;
    font-weight: bold;
    color: rgb(121,186,82);
}

.spgwelcome{
    background-color: white;
    font-size: 20px;
    font-weight: bold;
    color: #012B65;
}

.spginfo{
    background-color: white;
    font-size: 12px;
    font-weight: bold;
    color: black;
}

.spginfocs{
    background-color: white;
    font-size: 12px;
    font-weight: bold;
    color: rgb(77,164,25);
}

.spgactiontxt{
    font-size: 10px;
    font-weight: normal;
    color: #012B65;
    vertical-align: middle;
}

.spgnormallabel{
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    vertical-align: middle;
}

.spgmandatorylabel{
    font-size: 12px;
    font-weight: bolder;
    color: #666666;
    vertical-align: middle;
}

.spgwarninglabel{
    font-size: 12px;
    font-weight: bolder;
    color: #B95C00;
    vertical-align: middle;
}

.spgerrorlabel{
    font-size: 12px;
    font-weight: bold;
    color: red;
    vertical-align: middle;
}

.spgnormalblacklabel{
    font-size: 12px;
    font-weight: normal;
    color: black;
    vertical-align: middle;
}

.spgmandatoryblacklabel{
    font-size: 12px;
    font-weight: bolder;
    color: black;
    vertical-align: middle;
}

.spgfullwidth{
    width: 100%;
}

.spgleft{
    float: left;
    padding: 2px;
    display: block;
}

.spgleftnp{
    float: left;
}

.spgedtlookup{
    float: left;
    height: 17px;
}

.spgright{
    float: right;
    padding: 2px;
    display: block;
}

.spgclear{
    clear: both;
}

.spgcenter{
    text-align: center;
}

.spgvmiddle{
    vertical-align: middle;
}

.spgtblservicecol{
    text-align: center;
    background-color: #DADADB;
}

.spgtblcentercol{
    text-align: center;
    vertical-align: middle;
}

.spgtblrightcol{
    text-align: right;
}

.spgtbltopcol{
    vertical-align: top;
}

.spgtblleftcol{
    text-align: left;
}

.spgtblleftboldcol{
    text-align: left;
    font-weight: bold;
}

.spgnote{
    font-size: 8px;
    font-weight: normal;
    text-align: center;
    width: 100%;
}

.spgfooter{
    font-size: 10px;
    font-weight: normal;
    color: #012B65;
    text-align: center;
    vertical-align: bottom;
}

.blocked
{
  background-color : red;
}

.eostprepstart
{
  background-color : #FFCC00;
}

.eostprepfinish
{
  background-color : #FF9900;
}

.eostloadstart
{
  background-color : #99CCFF;
}

.eostloadfinish
{
  background-color : #99CCFE;
}

.eostlkwleft
{
  background-color : #99CC00;
}

.reserved
{
  background-color : green;
}

.ratingimg{
/*    float: top; */
    width: 20px;
    height: 20px;
}

.goodtransport
{
    color: #7DFFBE;
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

.clienterror
{
    color: #FFBB77;
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

.badtransport
{
    color: #F37278;
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

a.rateedit:link, a.rateedit:visited 
{
    color: gray; /* #012B65; */
    text-decoration: none;
/*    float: bottom; */
    display: block;
}  
      
a.rateedit:hover 
{
    color: rgb(121,186,82);
    text-decoration: none;
/*    float: bottom;*/
    display: block;
}

#iedivmiddleo 
{
    vertical-align: middle;
    overflow: hidden; 
    position: relative;
}

#iedivmiddleo[id] 
{
    display: table; 
    position: static;
}
		
#iedivmiddle 
{
    position: absolute; 
    top: 50%;
} /* for adaptive (quirk) explorer only*/

#iedivmiddle[id] 
{
    display: table-cell; 
    vertical-align: middle; 
    width: 100%; 
    position: static;
}
	
#iedivmiddlei 
{
    position: relative; 
    top: -50%
} /* for adaptive (quirk) explorer only */

#iedivmiddlei[id] 
{
    position: static;
}

.spghidden
{
    display: none;
}

.spgshowed
{
    display: block;
}

.rateblock
{
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    width: 45px;
}

.rateok{
    float: left;
    width: 20px;
    height: 20px;
}

.ratecust{
    float: right;
    width: 20px;
    height: 20px;
}

ul.sprating
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}

div#prwtwb {
    display: none;
    position: absolute;
    width: 200px;
    padding: 10px;
    background: #efefef;
    color: #000000;
    border: 1px solid #1b1b1b;
    font-size: 90%;
}

div#sttwb {
    display: none;
    position: absolute;
    padding: 10px;
    background: white;
    color: #000000;
    border: 1px solid #1b1b1b;
    font-size: 90%;
}

div#dar {
    display: block;
    top: 2px;
    right: 2px;
    position: absolute;
    padding: 5px;
    border: 1px solid #1b1b1b;
    font-size: 120%;
}

.answerbtnpd
{
    padding-right: 20px;
}

.dpactstate
{
    background-color : #FFC000;
}

.dpextstate
{
    background-color : #00B050;
}

.dpavailstate
{
    background-color : #D8D8D8;
}

.dpblockstate
{
    background-color : #C00000;
}

.dppackstate
{
    background-color : #B8CCE4;
}

.dpavailmat
{
    background-color : #92D050;
}

.dpnotavailmat
{
    background-color : #FF0000;
}

.filldiv
{
    height: 100%;
    width: 100%;
    min-height: 1em;
}

.speditfield{
    background-color: white;
    border: solid 1px #C3C3C3;
}

.spgblock
{
    display: block;
    position: relative; width: 98%; left: auto;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    background-color: #ECF4FD;
}

.spgfloatblock
{
    display: block;
    position: relative; 
    width: 49%; 
    left: auto;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin: 0px 5px 5px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    background-color: #ECF4FD;
    float: left;
}

.spgblocktitle
{
    display: block;
    position: relative; 
    width: 100%; 
    top: 0px; 
    height: 18px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: white;
    background-color: #6498C4;/*#4169E1;  #012B65; */
    margin: 0px 0px 0px 0px;
    padding: 0px 2px 0px 2px;
    overflow: hidden;
}

.spgbloctitleico
{
    float: left;
    position: relative;
    height: 16px;
    width: 16px;
    top: 1px;
    left: 2px;
}

.spgbloctitlewpico
{
    position: relative;
    height: 16px;
    width: 16px;
    top: 1px;
    left: 20px;
    float: left;
}

.spgbloctitlett
{
    position: relative;
    top: 0px;
    left: 10px;
    display: block;
    float: left;
}

.spgblockbody
{
    display: block;
    width: 100%; 
    top: 0px;
    background-color: #ECF4FD;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
    transition: height .2s;
    overflow: auto;
}

.spgblockpanel{
    font-size: 12px;
    font-weight: normal;
    color: #012B65;
    border-style : none;
    border: none;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
}

.spgblockpanel th, .spgblockpanel td
{
  border: 0px none black;
  border-width: 0 0px 0px 0;
  padding: 5px;
  vertical-align: middle;
}

.spgblocktblleft{
    width: 450px;
    font-size: 12px;
    font-weight: normal;
    color: #012B65;
    background-color: #ECF4FD;
    border-style : none;
    border: none;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    float: left;
}

.spgblocktblleft th, .spgblocktblleft td
{
  border: 0px none black;
  border-width: 0 0px 0px 0;
  padding: 5px;
  vertical-align: middle;
}

.spgblocktblright{
    width: 450px;
    font-size: 12px;
    font-weight: normal;
    color: #012B65;
    background-color: #ECF4FD;
    border-style : none;
    border: none;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    float: right;
}

.spgblocktblright th, .spgblocktblright td
{
  border: 0px none black;
  border-width: 0 0px 0px 0;
  padding: 5px;
  vertical-align: middle;
}

.spginfloatblock{
    font-size: 12px;
    font-weight: normal;
    color: #012B65;
    border-style : none;
    border: none;
    float: left;
}

.spgnotheight
{
    height: 0px;
}

.spgtbltynycol{
    width: 100px;
}

.spgnoactual{
    color: grey;
}

.dpchead {
    background-color: #B8CCE3;
    width: 100%;
    font-weight: bolder;
    font-size: 13px;
    border: 1px solid lightgray;
    display: block;
}

.dpctbl {
    background-color: #DCE6F0;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 1;
    border-spacing: 2px;
}

.dpccal {
}

.dpcinactivedat {
    background-color: transparent;
    color: #A0A0A0;
}

.dpcselecteddat {
    border: 2px solid #002B64;
}

.dpcactdat {
    background-color: #4DA419;
}

.dpcweekenddat {
    background-color: #FF9757;
}

.dpcdate {
    text-decoration: none;
}

.dpcbtn {
    width: 21px;
    height: 21px;
    margin: 0;
    _cursor: hand; /* for IE6 */
    cursor: pointer;
    vertical-align: top;
}

.incontent{
    width: 100%;
    height: 2000px;
    overflow: hidden;
    position: relative;
}

.incontentframe{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border: 0;
}

.notearea{
    width: 340px;
    height: 50px;
}

.mnshwd
{
    width: 265px;
}

.mnhide
{
    width: 0px;
}

.wrpLine{
    display: inline-block;
}

@media screen and (max-width: 1920px) {
    .spsidemenu
    {
        display: block;
        position: relative; /*width: 265px;*/
        top: 4px; left: 0px; /*height: 100%;*/
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        background-color: white;
        margin: 0px 0px 0px 0px;
        padding: 2px 0px 2px 0px;
        overflow: hidden;
        transition: width .2s;
    }
        
    .sptgloginissue
    {
        top: 20px;
        background-color: white;
        position: relative;
        width: 380px;
        margin: auto;
        display: block;
        color: #012B65;
        text-align: center;
    }

    .sptgfooter{
        position: relative;
        top: 50px;
        width: 400px;
        margin: auto;
        display: block;
        border-top: solid 1px;
        border-top-color: #4DA419;
        color: #4DA419;
    }
    
    .fold
    {
        width: 150px;
        height: 18px;
        background-color: #012B65;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }

    .fold:hover 
    {
        color: #79BA52;
        width: 150px;
        height: 18px;
        background-color: white;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }

    .foldactive
    {
        color: #79BA52;
        width: 150px;
        height: 20px;
        background-color: white;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }
    
    .spgblocktblleft{
        font-size: 12px;
        font-weight: normal;
        color: #012B65;
        border-style : none;
        border: none;
        border-width: 0px 0px 0px 0px;
        border-collapse: collapse;
        float: left;
        margin-right: 10px; 
    }
    
    .spgblocktblright{
        width: 48%;
        font-size: 12px;
        font-weight: normal;
        color: #012B65;
        border-style : none;
        border: none;
        border-width: 0px 0px 0px 0px;
        border-collapse: collapse;
        float: right;
    }
    
    .incontent{
        width: 100%;
        height: 990px;
        overflow: hidden;
        position: relative;
    }
}


@media screen and (max-width: 800px) {
    .sppage
    {
        background-color: white;
        position: relative;
        width: 100%; 
        min-width: 320px;
        min-height: 600px;
        height: 100%;
        text-align: center;
        margin: auto;
        display: block;
        clear: both;
    }

    .spheader
    {
        position: relative; top: 2px; left: 0px; height: 70px; width: 100%;
        display: block; 
        border-bottom: 1px solid lightgray;
    }

    .splogo
    {
        position: relative; 
        top: 2px; 
        left: 1px; 
        height: 30px;
        width: 177px;
        float: left;
        display: block;
    }

    .splogo3
    {
        position: relative; 
        top: 2px; 
        left: 2px; 
        height: 30px;
        width: 145px;
        float: left;
        display: block;
    }

    .header_menu{
        position: absolute;
        height: 70px;
        display:block;
        text-align: right;
        padding:0px 0px 0px 0px;
        top: 4px;
        left: 180px;
        right: 5px;
    }
    
    .spsidemenu
    {
        display: block;
        position: relative; /*width: 265px;*/
        top: 2px; left: 0px; /*height: 100%;*/
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        background-color: white;
        margin: 0px 0px 0px 0px;
        padding: 2px 0px 2px 0px;
        overflow: hidden;
        transition: width .2s;
    }
                
    .sptgloginissue
    {
        top: 20px;
        background-color: white;
        position: relative;
        width: 380px;
        margin: auto;
        display: block;
        color: #012B65;
        text-align: center;
    }

    .sptgfooter{
        position: relative;
        top: 50px;
        width: 400px;
        margin: auto;
        display: block;
        border-top: solid 1px;
        border-top-color: #4DA419;
        color: #4DA419;
    }
     
    .fold
    {
        width: 150px;
        height: 18px;
        background-color: #012B65;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }

    .fold:hover 
    {
        color: #79BA52;
        width: 150px;
        height: 18px;
        background-color: white;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }

    .foldactive
    {
        color: #79BA52;
        width: 150px;
        height: 20px;
        background-color: white;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }
    
    .spgblocktblleft{
        width: 48%;
        font-size: 12px;
        font-weight: normal;
        color: #012B65;
        border-style : none;
        border: none;
        border-width: 0px 0px 0px 0px;
        border-collapse: collapse;
        float: left;
    }
    
    .spgblocktblright{
        width: 48%;
        font-size: 12px;
        font-weight: normal;
        color: #012B65;
        border-style : none;
        border: none;
        border-width: 0px 0px 0px 0px;
        border-collapse: collapse;
        float: right;
    }
    
    .incontent{
        width: 100%;
        height: 600px;
        overflow: hidden;
        position: relative;
    }
}

@media screen and (max-width: 415px) {
    .sppage
    {
        background-color: white;
        position: relative;
        width: 100%; 
        min-width: 320px;
        min-height: 600px;
        height: 100%;
        text-align: center;
        margin: auto;
        display: block;
        clear: both;
    }

    .spheader
    {
        position: relative; top: 2px; left: 0px; height: 78px; width: 100%;
        display: block; 
        border-bottom: 1px solid lightgray;
    }
    
    .splogo
    {
        position: relative; 
        top: 2px; 
        left: 1px; 
        height: 30px;
        width: 177px;
        float: left;
        display: block;
    }

    .splogo3
    {
        position: relative; 
        top: 2px; 
        left: 2px; 
        height: 30px;
        width: 145px;
        float: left;
        display: block;
    }
    
    .splogo2
    {
        height: 20px; 
        width: 118px;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .sptitle{
        color: #012B65;
        font-size: 20px;
        text-align: right;
        font-weight: bold;
        position: relative;
    }

    .sptitlelogo{
        color: #012B65;
        font-size: 20px;
        text-align: right;
        font-weight: bold;
        position: relative;
    }

    .header_menu{
        position: absolute;
        height: 45px;
        display:block;
        text-align: left;
        padding:0px 0px 0px 0px;
        top: 33px;
        left: 5px;
        right: 3px;
    }

    .top_menu 
    {
        color: gray;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        border-left: solid 1px #4DA419;
        padding: 5px 1px 5px 1px;
        vertical-align: super;
    }

    .top_menu:hover {
        color: white;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        background: #4DA419;
        padding: 5px 1px 5px 1px;
        vertical-align: super;
    }

    .spsidemenu
    {
        display: block;
        position: relative; /*width: 265px;*/
        top: 2px; left: 0px; /* height: 100%; */
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        background-color: white;
        margin: 0px 0px 0px 0px;
        padding: 2px 0px 2px 0px;
        overflow: hidden;
        transition: width .2s;
    }
                
    .splogindialog
    {
        position: relative;
        width: 320px;
        margin: auto;
        display: block;
    }
    
    .spgtable{
        background-color: white;
        font-size: 12px;
        font-weight: normal;
        color: #012B65;
        margin: 2px;
        border: 1px solid lightgray;
        border-width: 0px 0px 1px 1px;
        border-collapse: collapse;
        display: block;
    }
    
    .spgtable td
    {
      border: 0px solid lightgray;
      border-width: 0px 0px 0px 0px;
      vertical-align: middle;
      padding: 3px;
      display: block;
    }
        
    .spgtable th 
    {
        display: none;
    }
    
    .spgtable td:before 
    {
        color: white;
        background-color: #999999;
        content: attr(descrlbl);
        display: inline-block;
        width: 10em
    }

    .spgtable tr 
    {
        border: 1px solid lightgray;
        border-width: 1px 1px 1px 0;
    }
    
    .spgtblhead{
        font-weight: normal;
        text-align: center;
        color: white;
        background-color: #003A7A;
        padding: 2px;
        display: none;
    }
    
    .taresp{
        width: 190px;
    }
    
    .smallhidden{
        display: none;
    }
    
    .sptgloginissue
    {
        top: 20px;
        background-color: white;
        position: relative;
        width: 340px;
        margin: auto;
        display: block;
        color: #012B65;
        text-align: center;
    }

    .sptgfooter{
        position: relative;
        top: 50px;
        width: 400px;
        margin: auto;
        display: block;
        border-top: solid 1px;
        border-top-color: #4DA419;
        color: #4DA419;
    }
    
    .fold
    {
        width: auto;
        height: 18px;
        background-color: #012B65;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }

    .fold:hover 
    {        
        color: #79BA52;
        width: auto;
        height: 18px;
        background-color: white;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }

    .foldactive
    {
        color: #79BA52;
        height: 20px;
        width: auto;
        background-color: white;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }
    
    .spgblocktblleft{
        width: 48%;
        font-size: 12px;
        font-weight: normal;
        color: #012B65;
        border-style : none;
        border: none;
        border-width: 0px 0px 0px 0px;
        border-collapse: collapse;
        float: none;
    }
    
    .spgblocktblright{
        width: 48%;
        font-size: 12px;
        font-weight: normal;
        color: #012B65;
        border-style : none;
        border: none;
        border-width: 0px 0px 0px 0px;
        border-collapse: collapse;
        float: none;
    }
    
    .incontent{
        width: 100%;
        height: 400px;
        overflow: hidden;
        position: relative;
    }
}

@media screen and (max-width: 350px)
{
    .sppage
    {
        background-color: white;
        position: relative;
        width: 100%; 
        min-width: 320px;
        min-height: 600px;
        height: 100%;
        text-align: center;
        margin: auto;
        display: block;
        clear: both;
    }

    .spheader
    {
        position: relative; top: 2px; left: 0px; height: 78px; width: 100%;
        display: block; 
        border-bottom: 1px solid lightgray;
    }
    
    .splogo
    {
        position: relative; 
        top: 2px; 
        left: 2px; 
        height: 30px;
        width: 177px;
        float: left;
        display: block;
    }

    .splogo3
    {
        position: relative; 
        top: 2px; 
        left: 2px; 
        height: 30px;
        width: 145px;
        float: left;
        display: block;
    }
    
    .splogo2
    {
        height: 20px; 
        width: 118px;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .sptitle{
        color: #012B65;
        font-size: 20px;
        text-align: right;
        font-weight: bold;
        position: relative;
    }

    .sptitlelogo{
        color: #012B65;
        font-size: 20px;
        text-align: right;
        font-weight: bold;
        position: relative;
    }

    .header_menu{
        position: absolute;
        height: 45px;
        display:block;
        text-align: left;
        padding:0px 0px 0px 0px;
        top: 33px;
        left: 3px;
        right: 3px;
    }
    
    .top_menu 
    {
        color: gray;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        border-left: solid 1px #4DA419;
        padding: 1px 1px 1px 1px;
        vertical-align: super;
    }

    .top_menu:hover {
        color: white;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        background: #4DA419;
        padding: 1px 1px 1px 1px;
        vertical-align: super;
    }

    .spsidemenu
    {
        display: block;
        position: relative; /*width: 265px;*/
        top: 2px; left: 0px; /* height: 100%; */
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        background-color: white;
        margin: 0px 0px 0px 0px;
        padding: 2px 0px 2px 0px;
        overflow: hidden;
        transition: width .2s;
    }
                
    .splogindialog
    {
        position: relative;
        width: 320px;
        margin: auto;
        display: block;
    }
    
    .spgtable{
        background-color: white;
        font-size: 10px;
        font-weight: normal;
        color: #012B65;
        margin: 2px;
        border: 1px solid lightgray;
        border-width: 0px 0px 1px 1px;
        border-collapse: collapse;
        display: block;
    }
    
    .spgtable td
    {
      border: 0px solid lightgray;
      border-width: 0px 0px 0px 0px;
      vertical-align: middle;
      display: block;
      padding: 3px;
    }
        
    .spgtable th 
    {
        display: none;
    }
    
    .spgtable td:before 
    {
        color: white;
        background-color: #999999;
        content: attr(descrlbl);
        display: inline-block;
        width: 10em
    }

    .spgtable tr 
    {
        border: 1px solid lightgray;
        border-width: 1px 1px 1px 0;
    }
    
    .spgtblhead{
        font-weight: normal;
        text-align: center;
        color: white;
        background-color: #003A7A;
        padding: 2px;
        display: none;
    }
    
    .taresp{
        width: 190px;
    }
    
    .smallhidden{
        display: none;
    }
    
    .sptgloginissue
    {
        top: 20px;
        background-color: white;
        position: relative;
        width: 340px;
        margin: auto;
        display: block;
        color: #012B65;
        text-align: center;
    }

    .sptgfooter{
        position: relative;
        top: 50px;
        width: 340px;
        margin: auto;
        display: block;
        border-top: solid 1px;
        border-top-color: #4DA419;
        color: #4DA419;
    }
    
    .fold
    {
        width: auto;
        height: 18px;
        background-color: #012B65;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }

    .fold:hover 
    {
        color: #79BA52;
        width: auto;
        height: 18px;
        background-color: white;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }

    .foldactive
    {
        color: #79BA52;
        height: 20px;
        width: auto;
        background-color: white;
        border: 2px solid black;
        border-radius: 10px;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        float: left;
        margin-left: 2px;
    }
    
    .spgblocktblleft{
        width: 48%;
        font-size: 12px;
        font-weight: normal;
        color: #012B65;
        border-style : none;
        border: none;
        border-width: 0px 0px 0px 0px;
        border-collapse: collapse;
        float: none;
    }
    
    .spgblocktblright{
        width: 48%;
        font-size: 12px;
        font-weight: normal;
        color: #012B65;
        border-style : none;
        border: none;
        border-width: 0px 0px 0px 0px;
        border-collapse: collapse;
        float: none;
    }
    
    .incontent{
        width: 100%;
        height: 600px;
        overflow: hidden;
        position: relative;
    }
}

ul.spsmlist
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}

li.spsmlistitem
{
    margin: 0px 0px 0px 0px;
    width: 260px;
    font-size: 12px;
    font-weight: normal;
    display: block;
    border-right: solid 1px #C3C3C3;
}

.smactive 
{
    color: rgb(121,186,82);
    background: white;
    padding: 0px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    width: 219px;
    height: 36px;
    vertical-align: super;
    display:block;
}

a.spsmlink:link, a.spsmlink:visited 
{
    color: gray;
    background: white;
    text-decoration: none;
    padding: 0px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    width: 219px;
    height: 36px;
    vertical-align: super;
    display:block;
}  
      
a.spsmlink:hover 
{
    color: rgb(121,186,82);
    background:white;
    text-decoration: none;
    padding: 0px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    width: 219px;
    height: 36px;
    vertical-align: super;
    display:block;
}

.spmenutitle
{
    background: white;
    width: 260px;
    height: 35px;
    color: #012B65;
    background-color: #DADADB;
    list-style-type: none;
    vertical-align: super;
    border-right: solid 1px #C3C3C3;
    border-bottom: solid 1px #C3C3C3;
    border-top: solid 1px #C3C3C3;
    display:block;
}

.smenutitletxt
{
    color: #012B65;
    position: relative; 
    left: 5px; 
    top: 7px;
    font-size: 14px;
    font-weight: bold;
}

.smicon
{
    float: left;
    height: 35px;
}

.smiconat
{
    float: right;
    height: 35px;
}

.spsmlinktext
{
    position: relative; top: 10px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}

.spsmacttext
{
    position: relative; top: 10px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

img
{
    border:0;
}

.sptxtdata
{
    position: relative; top: 10px;
    font-size: 12px;
    text-align: left;
    background-color: white;
    display: block;
    overflow: auto;
    min-height: 700px;
}

.spgusrmenu{
    position: absolute;
    padding: 5px;
    font-size: 120%;
    transition: height .2s;
    border: 1px solid #4DA419;
    background-color: white;
}

.spgusrmenu:hover{
    position: absolute;
    padding: 5px;
    font-size: 120%;
    transition: height .2s;
    border: 1px solid #4DA419;
    background-color: #6498C4;
    _cursor: hand; /* for IE6 */
    cursor: pointer;
}

.spgusrmntxt{
    line-height: 24px;
    float: left;
    margin-left: 5px;
}

.spgbtntxt{
    line-height: 24px;
    float: left;
    margin-left: 5px;
}

.spgbtnpic{
    float: left;
    padding-top: 4px;
}

.spgbuttonbar{
    display: block;
    padding: 5px;
}

.ftBasic{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.ftBlue{
    overflow: auto;
    display: block;
    background-color: white;
    border-color: #012B65;
    border-width: 2px; 
    border-style: solid;
    margin: 0px 0px -3px 3px;
    padding: 6px;
    width: 207px;
}

.ftError{
    overflow: auto;
    display: block;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    color: red;
    display: block;
    margin: 10px auto; 
    width: 400px;
    padding: 2px 10px 2px 10px;
    font-weight: bold;
}

.ftLabel{
    color: black;
    /*float: left;*/
    text-align: right;
    padding: 5px;
    width: 150px;
    /*overflow: auto;*/
    margin-right: 10px;
}

.ftBoldLabel{
    color: black;
    float: left;
    text-align: right;
    font-weight: bold;
    padding: 5px;
    width: 150px;
    display: block;
    overflow: auto;
}

.ftFieldLabel{
    float: left;
    text-align: right;
    padding: 5px;
    width: 150px;
    display: block;
    overflow: auto;
}

.ftText{
    color: #6498C4; /* #4169E1;  #012B65; */
    text-align: left;
    padding: 5px;
    /* width: 200px; */
    /* display: block;
    overflow: auto;
    float: left;*/
    flex: 1;
}

.ftWideText{
    color: #6498C4; /* #4169E1;  #012B65; */
    text-align: left;
    padding: 3px;
    width: 250px;
    display: block;
    overflow: auto;
    float: left;
}

.ftCSCBlueBold{
    color: #012B65;
    font-weight: bold;
}

.ftGreenBold{
    color: green;
    font-weight: bold;
}

.ftRedBold{
    color: red;
    font-weight: bold;
}

.ftCSCBlueBoldText{
    color: #012B65;
    font-weight: bold;
    font-size: 13px;
    margin: 15px; 
    padding: 3px;
    display: block;
    overflow: auto;
}

.ftCSCBlueBoldNoMarginText{
    color: #012B65;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
    display: block;
    overflow: auto;
}

.ftBlueText{
    color: #012B65;
    font-weight: bold;
    text-align: left;
    padding: 3px;
    width: 200px;
    display: block;
    overflow: auto;
    float: left;
}

.ftInfoText{
    color: black;
    text-align: left;
    padding: 3px;
    display: block;
    overflow: auto;
    float: left;
    margin-left: 40px;
}

.ftInfoTextInBig{
    color: black;
    text-align: left;
    padding: 3px;
    display: block;
    overflow: auto;
    margin-left: 55px;
}

.ftbBox{
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin: 5px;
    padding: 2px;
    position: relative;
    max-width: max-content;
}

.ftbRightBox{
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin: 5px;
    padding: 2px;
    position: relative;
    max-width: max-content;
    float: right;
}

.ftbLeftBox{
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin: 5px;
    padding: 2px;
    position: relative;
    max-width: max-content;
    float: left;
}

.ftbBigInfoBox{
    display: block;
    margin: 15px;
    padding: 10px;
    position: relative;
    max-width: max-content;
    max-height: max-content;
}

.ftbBoxNoBg{
    display: block;
    margin: 5px;
    padding: 2px;
}

.ftbBoxBlueBorder{
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    border-color: #012B65;
    border-width: 1px; 
    border-style: solid;
    display: block;
    padding: 2px;
    position: relative;
    margin: 15px 5px 15px 5px;
    max-width: max-content;
}


.ftbMicroBoxTxt{
    display: inline-block;
}
 
.ftbMicroBoxPic{
    height: 100%;
    width: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center; 
    position: absolute;
}

.ftbPic{
    height: 20px;
    width: 20px;
    overflow: auto;
}

.ftbPicBig{
    height: 48px;
    width: 48px;
    overflow: auto;
}

.dvCenter{
    display: inline-block;
    margin: 0 auto;
}

.wfBasic{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: lightgrey;
    position: relative;
}

.wfArrow{
    height: 24px;
    overflow: auto;
    float: left;
    margin: 13px 0px 10px 0px;
}

.wiBasic{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin: 10px;
}


.wiActiveIco{
    height: 30px;
    width: 30px;
    background-image: url("../Image/wizardcircleicosel.png");
    background-repeat:no-repeat;
    background-position: center center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center; 
    color: white;
    font-weight: bold;
}

.wiInactiveIco{
    height: 30px;
    width: 30px;
    background-image: url("../Image/wizardcircleico.png");
    background-repeat:no-repeat;
    background-position: center center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center; 
    color: white;
    font-weight: bold;
}

.wiActiveLabel{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    color: #4DA419;
    font-weight: bold;
    padding: 4px;
}

.wiLabel{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center; 
    color: #012B65;
    padding: 4px;
}