/*
 18.Nov.2021 DVG #DG1752 INC0835606 Express-IG-Blank screens(click 2nd selection allowed)
 25.Oct.2017 DVG #DG1467 update jsps to edge
*/
.dropdown-content>li>a , .select-wrapper>ul>li>span {
    color : black;
    font-size : 15px;
}
.nav-wrapper {
    width : 100% ;
    max-width : 100%;
}
* {
/*   font-size: 12px;
   line-height: 1.5; */
  font-weight: bold;
}

/*top may be dynamically set in JavaScript\CommonHeader.txt*/
/* JavaScript\CommonToolbar.txt */
.toolbarbody {
  position: absolute;
  width: 100%;
  background: #858585; /* gray */
  background-image: -webkit-linear-gradient(top, #858585, #424242);
  background-image: -moz-linear-gradient(top, #858585, #424242);
  background-image: -ms-linear-gradient(top, #858585, #424242);
  background-image: -o-linear-gradient(top, #858585, #424242);
  background-image: linear-gradient(to bottom, #858585, #424242);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-width: 0px;
  font-family: Verdana;
  color: #ffffff;
  font-size: 12px;
}
.gotoBar { position: absolute; left: 28px; width:30% !important;
    display:none; z-Index: 10; border-bottom: 1px solid DarkBlue;
    font-size: 10pt; background: #858585; /* gray */}
.prevMenu {position: absolute; left: 108px; width:25%;
  display: none; z-Index: 10; overflow: hidden;
  font-size: 10pt; background: #858585; /* gray */}
.toolMenu { position: absolute; left: 360px; width:20%;
  display: none; z-index: 10; overflow: hidden;
  cursor: pointer;
  font-size: 10pt; background: #858585; /* gray */
}

/*.pagebody {position: absolute; left: 10px; width:98%;
  right: 5%; display:none; margin-top: 35px;}*/

.pagebody {
	width: 100%;
	float: left;
	padding: 20px;
	padding-bottom: 79px;
}
/* body {
	padding-bottom: 155px;
}*/

/* used in signon */
.pagebodySO {
                position: auto;
                width: 563px;
                height: 600px;
                margin-left: auto;
                margin-right: auto;
}

.alertbody {
  width: 50%;
  margin: 100px auto 100px auto;
  padding: 25px; background: white;
  background-color:white;
  border: 1px gray solid;
  overflow: hidden;
  display:none;
  z-Index: 10;
}

/* used in signon */
.alertbodySO {display: none; left:10px; top: 10px;
  width: 50%;margin-left: auto;
                margin-right: auto; overflow: hidden;}

.width5 { width:5%; }
.width10 { width:10%; }
.width15 { width:15%; }
.width20 { width:20%; }/* used in java code  */
.width25 { width:25%; }
.width30 { width:30%; }
.width33 { width:33%; }
.width40 { width:40%; }
.width45 { width:45%; }
.width50 { width:50%; }
.width60 { width:60%; }
.width70 { width:70%; }
.width80 { width:80%; }
.width95 { width:95%; }
.width100 { width:100%; }/* used in java code  */

.fontSize1p1em { font-size: 1.1em; }
/* .fontSize1em { font-size: 1em; }
.fontSize0p9em { font-size: 0.9em; } */
.fontSize0p8em { font-size: 0.8em; }
.fontSize0p7em { font-size: 0.7em; }
.fontSize0p6em { font-size: 0.6em; }
.fontSize12px { font-size: 12px; }
.fontSize10pt { font-size: 10pt; }
.fontSize8pt { font-size: 8pt; }
.fontSizeSmall { font-size: small; }/* used in java code  */

.fonthelvetica { font-family: Helvetica; }

.border0 { border:0; }
.border1 { border: 1px;}
.bordertop {border: 1px solid black;}
.border1sb {border: 1px solid black; }

.borderSpace0 {border-spacing: 0em;}

.colorGold {color: white;font-family:  verdana;font-size: 10pt;}
.colorRed { color: red; }
.colorDarkBlue {color:black;}
.colorWhite {color:White;}

.colorA {color: white;font-family:  verdana;font-size: 10pt;}
.colorB { color: red; }
.colorC {color:black;}
.colorD {color:White;}

.colorHilite { color: red; } /* used in java code #DG1612 */

.bColorDarkBlue {background-color:DarkBlue;}
.bColorLightSBlue {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }

.bColorA { background-color: #ffffff;/* white */ }
.bColorB { background-color: black; }
.bColorC { background-color: #eeeeee; } /* light beige */
.bColorD { background-color: #d0d0d0; } /* light gray */ /* used in java code  */
.bColorE {background-color: #003163;border-top-left-radius: 8px;border-top-right-radius: 8px;} /* dark blue */
.bColorF { background-color: #eeeeee; } /* light beige */
.bColorG {background-color:LightBlue;}
.bColorH {background-color:LightSteelBlue;}/* 99ccff */
.bColorI {background-color:CornflowerBlue;}/* 5e84cf */
.bColorJ {background-color:RoyalBlue;}/* */
.bColorK { background-color:#d1ebff; } /* very light blue */
.bColorL { background-color:#4FA7FF; } /* light blue */
.bColorN {background-color:LightSlateGrey;}
.bColorO {background-color:LightGoldenRodYellow;}
.bcolorFinastraGray  {background-color:#454545 !important; /*gray*/ }

.bColorActiveRow { background-color:White; }/* used in java code  */

.nomargin {margin: 0px}

.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.textAlignCenter { text-align: center; }
.textAlignJust { text-align: justify; }

.valignTop  {vertical-align:top;} /* used in java code  */
.valignMid  {vertical-align:middle;}
.valignBot  {vertical-align:bottom;}

.size1x1 { border:0px; width:001px; height:001px;}
.size14x30 { border:0px; width:014px; height:30px;}
.size15x15 { border:0px; width:015px; height:15px;} /* used in java code  */
.size18x40 { border:0px; width:018px; height:40px;}
.size20x20 { border:0px; width:020px; height:20px;}
.size50x20 { border:0px; width:050px; height:20px;}
.size56x20 { border:0px; width:056px; height:20px;}
.size86x25 { border:0px; width:086px; height:25px;}

.sizeD { border:0px; width:001px; height:25px;}
.sizeE { border:0px; width:045px; height:25px;}
.sizeG { border:0px; width:055px; height:25px;}
.sizeI { border:0px; width:072px; height:25px;}
.sizeJ { border:0px; width:094px; height:25px;}
.sizeF { border:0px; width:108px; height:25px;}
.sizeH { border:0px; width:154px; height:25px;}
.sizeA { border:0px; width:236px; height:25px;}

.sizeK { border:0px; width:016px; height:42px;}
.sizeC { border:0px; width:155px; height:29px;}
.sizeHeaderLogo { border:0px; width:450px; }

.height1px { height:1px; }/* used in java code  */
.height3px {height:3px;}
.height2em  {height:2em;}
.height18px  {height: 18px;}

.lineHeight110 {line-height: 110;}

.pad0px   {padding: 0px;}
.pad2px   {padding: 2px;}
.pad3px   {padding: 3px;}
.pad5px   {padding: 5px;}
.pad10px  {padding: 10px;}
.pad15px  {padding: 15px;}
.pad45px  {padding: 45px;}
.padT5px  {padding-top: 5px; }
.padT20px {padding-top: 20px;}
.padL26px {padding-left:26px;}
.padR10px {padding-right: 10px; }

.padSpan4px   {
    margin-bottom: 7px;
    display:inline-block;
}

.marginBot10px  {margin-bottom: 10px; }

.underl {text-decoration: underline;}
.fontWeightBold {font-weight: bold;}  /* used in java code  */
.greyedDisabled {font-weight: bold;}  /* used in java code  */

/*.actLink { } used in java code and restyled by js JavaScript\PageShellCommonFunctions.js/generateAM */

.viewOnlyHilite { /* used in java code  */
  text-align: center;
  /*background-color:Red;
  font-size: 12pt;*/
}

.hiddenFld {color:LightSlateGrey; font-size: 8pt;} /* used in java code  */

.textBoxA { /* used in java code  */
  background-color:d1ebff;
  border: hidden d1ebff 0;
  font-weight: bold;
}
.textBoxB { /* used in java code  */
  background-color:d1ebff;
  border: hidden d1ebff 0;
  /* font-weight: bold;
  font-size: xx-small; */
}
.textBoxC { /* used in java code  */
  background-color:d1ebff;
  border: hidden d1ebff 0;
  font-weight: bold;
  font-family: Courier;
  letter-spacing: -1pt;
}
.textBoxD { /* used in java code  */
  font-family: Courier;
  letter-spacing: -1pt;
}
.textBoxE {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  border-radius: 7px;
  font-family:  verdana;font-size: 10pt;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
    endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.toolText {
                text-decoration: none;
                color: #ffffff;  /* white */
}

.toolButton {
  background: #454545 !important; /*gray*/
  background-image: -webkit-linear-gradient(top, #858585, #424242); /* 424242=dark gray */
  background-image: -moz-linear-gradient(top, #858585, #424242); /* #858585=gray */
  background-image: -ms-linear-gradient(top, #858585, #424242);
  background-image: -o-linear-gradient(top, #858585, #424242);
  background-image: linear-gradient(to bottom, #858585, #424242);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 0px;
  border-width: 0px;
  font-family: Verdana;
  color: #ffffff !important; /* white */
  font-size: 12px;
  padding: 10px 20px 10px 20px !important;
  text-decoration: none !important;
}

.toolButton:hover {
  background: #a8a8a8 !important;/* light gray */
  background-image: -webkit-linear-gradient(top, #a8a8a8, #757575); /* 757575=gray */
  background-image: -moz-linear-gradient(top, #a8a8a8, #757575);
  background-image: -ms-linear-gradient(top, #a8a8a8, #757575);
  background-image: -o-linear-gradient(top, #a8a8a8, #757575);
  background-image: linear-gradient(to bottom, #a8a8a8, #757575);
  text-decoration: none;
}

.offButton { color: red; /* gray */}

.stdButton {
                margin-left: auto;
                margin-right: auto;
                display: flex;
  justify-content: center;
                padding-top: 15px;
                padding-left: 15px;
                padding-right: 15px;
}

.defButton{
  background: #858585; /* gray */
  background-image: -webkit-linear-gradient(top, #858585, #424242);
  background-image: -moz-linear-gradient(top, #858585, #424242);
  background-image: -ms-linear-gradient(top, #858585, #424242);
  background-image: -o-linear-gradient(top, #858585, #424242);
  background-image: linear-gradient(to bottom, #858585, #424242);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-width: 0px;
  font-family: Verdana;
  color: #ffffff;/* white */
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.defButton:hover {
  background: #a8a8a8;
  background-image: -webkit-linear-gradient(top, #a8a8a8, #757575);
  background-image: -moz-linear-gradient(top, #a8a8a8, #757575);
  background-image: -ms-linear-gradient(top, #a8a8a8, #757575);
  background-image: -o-linear-gradient(top, #a8a8a8, #757575);
  background-image: linear-gradient(to bottom, #a8a8a8, #757575);
  text-decoration: none;
}

.pagebutton{
  background: #858585; /* gray */
  background-image: -webkit-linear-gradient(top, #858585, #424242);
  background-image: -moz-linear-gradient(top, #858585, #424242);
  background-image: -ms-linear-gradient(top, #858585, #424242);
  background-image: -o-linear-gradient(top, #858585, #424242);
  background-image: linear-gradient(to bottom, #858585, #424242);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 2px;
  border-width: 0px;
  font-family: Verdana;
  color: #ffffff !important; /* white */
  font-size: 10px;
  padding: 4px 8px 4px 8px;
  text-decoration: none;
  margin-bottom: 5px;
}

.pagebutton:hover {
  background: #a8a8a8;
  background-image: -webkit-linear-gradient(top, #a8a8a8, #757575);
  background-image: -moz-linear-gradient(top, #a8a8a8, #757575);
  background-image: -ms-linear-gradient(top, #a8a8a8, #757575);
  background-image: -o-linear-gradient(top, #a8a8a8, #757575);
  background-image: linear-gradient(to bottom, #a8a8a8, #757575);
  text-decoration: none;
  margin-bottom: 5px;
}

.snapshotButton{
  background: #858585; /* gray */
  background-image:"../images/camera.gif";
}

.folderButton{
  background: #858585; /* gray */
  background-image:"../images/folder.gif";
}

.minMaxbutton{
  background: #858585; /* gray */
  background-image: -webkit-linear-gradient(top, #858585, #424242);
  background-image: -moz-linear-gradient(top, #858585, #424242);
  background-image: -ms-linear-gradient(top, #858585, #424242);
  background-image: -o-linear-gradient(top, #858585, #424242);
  background-image: linear-gradient(to bottom, #858585, #424242);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 2px;
  border-width: 0px;
  font-family: Verdana;
  color: #ffffff; /* white */
  font-size: 8px;
  padding: 4px 8px 4px 8px;
  text-decoration: none;
  margin-right: 10px;
}

.minMaxbutton:hover {
  background: #a8a8a8;
  background-image: -webkit-linear-gradient(top, #a8a8a8, #757575);
  background-image: -moz-linear-gradient(top, #a8a8a8, #757575);
  background-image: -ms-linear-gradient(top, #a8a8a8, #757575);
  background-image: -o-linear-gradient(top, #a8a8a8, #757575);
  background-image: linear-gradient(to bottom, #a8a8a8, #757575);
  text-decoration: none;
}

.transBack {
                background: transparent url('../images/backgrounda.png') no-repeat;
}

.textA  {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
  font-size: 10pt;
  font-family:  verdana;
}
.textB  {
  padding-top: 100px;
  padding-bottom: 0;
  font-size: 7pt;
}

.placeCenter  {
                position: auto;
                margin-left: auto;
                margin-right: auto;
                display: flex;
  justify-content: center;
}

.placeCenter200  {
                margin-top: 275px;
                margin-left: auto;
                margin-right: auto;
  justify-content: center;
                width: 300px;
}

.placeCenter450  {
                margin-top: 200px;
                margin-left: auto;
                margin-right: auto;
  justify-content: center;
                width: 480px;
}

.inlineBlock { display:inline-block;}

legend {
  border: 0;
  *margin-left: -7px; padding: 0px; white-space: normal; }

.sectionHeader {
  background-color: #d0d0d0; /* light gray */
                padding: 2px;
}

.whiteGroup {
                background: #ffffff;/* white */
                padding-left: 25px;
                padding-right: 25px;
                padding-top: 10px;
                padding-bottom: 15px;
                border: 1px solid #777777;
}

.inputBox {
   display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px 10px;
  border: 1px solid #b7b7b7; /* light gray */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 14px/normal Verdana, Geneva, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.tableStd { /* used in java code  */
  border: 0px; width:100%;
  border-spacing: 0;
  /* color: #ffffff; */
  padding: 0;
  margin: 0;
  border: 1px solid #aaaaaa; /* gray */
  font-size: 10pt;
  background-color: #ffffff;/* white */
}
/* smaller than standard width and joins a previous section */
.tableStdDrop {
  width:95%;
  /* color: #ffffff; */
  border: 1px solid #aaaaaa; /* gray */
  font-size: 10pt;
  background-color: #f9f9f9; /* lite gray */
  margin: auto;
  margin-top: -1px;
}

.overflowAuto {overflow-x:auto; }

/* JavaScript\CommonDealSummarySnapshot.txt */
/* Float snapshot at bottom - not seem to be in use */
.dealSummarySnapshot {
                position: fixed;
                bottom: 0;
        height: 130px;
                padding-bottom: 10px;
                padding-top: 20px;
        transition: 0.5s;
		z-index: 990;	/* #DG1752 when doing modal, eg.MI request, this navbar must not be reachable */

}
.dealSummarySnapshotB{
                position: auto;
                margin-right: 5%;
                margin-left: 5%;
                display: flex;
  justify-content: center;
  font-size:10pt;
  color:White;
  height: 120px;
  width: 98%;
}

/* JavaScript\CommonHeader.txt */
html {
  display:none; /*#DG1310-fortify-high fixes*/
  background: url(../images/finastrabg.png) no-repeat fixed;
  background-color: #fafafa;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*font-family: Helvetica;*/
}

/* mi? */
#institutionSelection a {
    text-decoration : none;
}
#institutionSelection a:hover {
    text-decoration : underline;
}
#institutionSelection a:focus {
    text-decoration : underline;
}
#institutionSelection a:active {
    text-decoration : underline;
}

.miResponse {   /* this is MI response alert that appears at top of some screens */
  position: absolute;
  left: 40%;
  top: 18px;
  background-color:yellow;
}
.headerbody {
  /* height:3em; */
}

/* .hidden { visibility:hidden; } */
.displayNone { display: none; }

.bToolSpacer { background-image:"../images/tool_spacer.gif"; }

/* copied from JavaScript/rc/DialogBase.css */
/**
* DialogBase Stylesheet.
*/
DIV.DialogBase {
  position: absolute;
  display: none;
  }
DIV.DialogBase .dlgTitleTdLeft {
  /* background: url(images/dialogTL.gif) no-repeat left top; */
  width: 10px;
  }
DIV.DialogBase .dlgTitleTdRight {
  /* background: url(images/dialogTR.gif) no-repeat right top; */
  width: 16px;
  padding: 08px 4px 3px 0px;
  vertical-align: bottom;
  }
DIV.DialogBase .dlgTitleTdTitle {
  background: url(images/dialogTM.gif) top;
  background-color: #a9a9a9;/* gray */
  font-size: 10pt;
  font-weight: bold;
  white-space: nowrap;
  color: #000000;/* black */
  padding: 4px 0px 2px 0px;
  cursor:move;
  }

.dialogBaseVeil {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  cursor: "not-allowed";
  background-color: #6a74cb;/* light purple */
  filter:alpha(opacity=35);
  -moz-opacity:0.35;
  opacity: 0.35;
  }

/**
* to make it fancy...
*/
DIV.DialogBase {
  border-top   : 1px solid #EDEDED;/* light beige */
  border-right : 1px solid #ABABAB;/* light gray */
  border-bottom: 1px solid #ABABAB;
  border-left  : 1px solid #EDEDED;
  }
DIV.DialogBase .dialogMainPanel {
  background-color: #ffffff;
  border-top   : 1px solid #898989;/* gray */
  border-right : 1px solid #4E4E4E;/* dark gray */
  border-bottom: 1px solid #4E4E4E;
  border-left  : 1px solid #898989;
  }
DIV.jtDialogBox .dialogMainPanel .dialogContentArea {
  margin: 16px;
  font-size: 9pt;
  }

#preloaderDialogMain {
    width: 100%;
    border: 1px solid #000;
    text-align: center;
}

#preloaderDialogMessage {
                margin: 0;
    padding: 15px;
    margin: 3px auto 3px;
}

#preloaderDialogImage {
    margin: 0px auto 10px;
    text-align: center;
}

#SimpleAlertMain {
    width: 100%;
    border: 1px solid #000;
    text-align: center;
}

#SimpleAlertMessage {
    padding: 15px;
    margin: 3px auto 3px;
}

#SimpleAlertButtons {
    margin: 0px auto 10px;
    text-align: center;
}
div#preloaderDialogMain {}
/* END END END JavaScript/rc/DialogBase.css */

/* moved from JavaScript/QuickLinkToolbar.txt */
.qlbarbody {
  width: 100%;/* expression(document.body.clientWidth<810 ? '790' : '100%');*/
}

                #qllist {
                                 /* top: 5px; */
        left: 20px;
        width: 30px;
        height: 18px;
        text-align: center;
                }

                #selectedInstitionprofile {
                    margin-left: auto;
                    margin-right: auto;
                }

                #more {
                    margin-left: auto;
                                margin-right: auto;
                                vertical-align: middle;
                }

                #qldd {
                    padding: 10px 10px 10px 10px;
                    margin: 0;
        top: 116px;
        right: 10px;
        text-align: center;
        font-size: small;
        list-style: none outside;
        font-color:  rgb(255,255,255);
        background-color: rgb(82,94,109);
        position: absolute;
                                z-index: 100;
        display: none;
                }

                #qldd ul {
                    padding: 0;
                    margin: 0;
                }

                #qldd li {
                     padding: 0;
         margin: 0;
         font-size: small;
         text-align: left;
         list-style: none;
         color:  #ffffff;/* white */
     }

                #qldd li a {
         padding: 0;
         margin: 0;
         font-size: small;
         text-align: left;
         list-style: none;
          color:  #ffffff;/* white */
     }

                #qldd li a:hover {
        color: blue;
                }
                #instlist {
                                top: 5px;
                                left: 20px;
                                width: 30px;
                                height: 18px;
                                text-align: center;
                }

                #instdd {
                                padding: 10px 10px 10px 10px;
        margin: 0;
        top: 116px;
        right: 10px;
        width:200;
        font-size: small;
        color:  rgb(255,255,255);
        list-style: none outside;
        background-color: rgb(82,94,109);
        position: absolute;
                                z-index: 100;
        display: none;
                }

                #instdd ul {
                                padding: 0;
                                margin: 0;
                }

                #instdd li {
                                padding: 0;
        margin: 0;
        font-size: small;
        text-align: left;
        list-style: none;
        color: #ffffff;/* white */
                }

                #instdd li a {
        padding: 0;
        margin: 0;
        font-size: small;
        text-align: left;
        list-style: none;
        color:  #ffffff;/* white */
     }

                #instdd li a:hover {
        color: blue;
                }

                #institionprofile {
                    margin-left: auto;
                    margin-right: auto;
                                vertical-align: middle;
                }

                #instprofile {
                                padding:  0;
        margin: 0;
        color: #ffffff;/* white */
        height:19;
                }
/* END END END JavaScript/QuickLinkToolbar.txt */

/* iwq css */
.prioritybody {
                /* position: absolute; */
                display:none;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;/* white */
  width:50%;
  left:2%;
  margin-top: 75px;
}
.prioritytable {
  width:25%;
  border: 1px solid black;
  border-spacing: 0em;
                margin-top: 15px;
                margin-left: 5px;
                margin-bottom: 200px;
                padding: 5px;
}
.sortpop {z-index:99;position: absolute; display:none; left:50px;  width:225px; padding:0px;
  background: #858585; /* gray */}
.filterpop { z-index:99; position:absolute; width:270px; padding:0px; display:none; left:70px;
  background: #858585; overflow-y: scroll; height: 520px;  /* gray */}

.filterpop a:hover {
    color: #111111;
	text-decoration: none;
}

.sortpop a:hover {
    color: #111111;
	text-decoration: none;
}

/* mwq */
.scrolltab  {
  position:relative; visibility: normal;
  border: none; border-bottom:solid #000000 2px;}

/* commit offer / doc trak*/
.addConditionDialogStd{display:none;  width:480px; padding: 5px;
  border-width:1pt; border-style: outset;border-color:black;}
.addConditionDialogCust{display:none;  width:520px; padding: 5px;
  border-width:1pt; border-style: outset;border-color:black;}

/* moveable columns css */
.pullLeft {
  float: left;
}
.pullRight {
  float: right;
}

/* Clear floats after the columns */
/* .row:after {
    content: "";
    display: table;
    clear: both;
} */

/* bootstrap adjusts */
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
   background-color: #f9f9f9; /* lite gray */
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #ffffff;/* white */
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #cccccc; /* gray */
}

body {
background:rgba(0,0,0,0.0);
}

.padL10px{
padding-left: 10px;
}


.dropdown-menu{
font-size: 10pt;
}

body {
font-size: 10pt !important;
}

.sidenav {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 999;	/* #DG1752 when doing modal, eg.MI request, this navbar must not be reachable */
    top: 0;
    left: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
	box-shadow: 3px 0 4px 0 #d9d9d9;
}

.sidenav a {
/*    padding: 2px 2px 2px 16px; */
    text-decoration: none;
    color: lightgray;
}

/* .sidenav a:hover {
	border-left: 3px solid #333333;
} */

.sidenav-link {
	padding: 5px;
}

.closebtn { /* close filter/sort options iwq/mwq */
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 36px;
    margin-left: 50px;
    margin-top: -15px;
    color: #35373a;
}

.closebtn-ds {  /* goto deal sidenav bar close bt*/
    position: absolute;
    top: 0;
    left: 201px;
    font-size: 36px;
    color: #6c757d;
	margin-top: 0px;
	text-decoration: none;
	outline: 0;
}

.closebtn-ds a:hover {
	color: #111111;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.dealSummarySnapshot a {
    text-decoration: none;
    color: lightgray;
    transition: 0.3s;
}

.dealSummarySnapshot a:hover {
    color: #ffffff;
}

.form-control {
margin-left: auto;
margin-right: auto;
}

.sidebartxt {
    padding: 2px 2px 2px 16px;
    text-decoration: none;
    color: lightgray;
    display: block;
}

.bg-dark {
background-color: #454545 !important;
}

.bg-secondary {
background-color: #7c7c7c !important;
}

.nav-logo {
  height: 45px;
  object-fit: contain;
}

.nav-product {
margin-left: 3px;
height: 15px;
}

.finastra-bar {
margin-top: 50px;
height: 20px;
width: 100%;
background-image: -webkit-gradient(linear, 0 0, 966 0, from(#00653e), to(#004128));
background-image: -webkit-linear-gradient(360deg, #00653e, #004128);
background-image: -moz-linear-gradient(360deg, #00653e, #004128);
background-image: -o-linear-gradient(360deg, #00653e, #004128);
background-image: linear-gradient(90deg, #00653e, #004128);
background-image: linear-gradient(left, #00653e 0%, #004128 100%);
z-index:99;
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2) ;
}
.btn-font-white {
color: white !important;
}

.footer {
    position: fixed;
    bottom: 0;
	right:0;
    width: 100%;
    height: 75px;
    background-color: #f5f5f5;
	z-index:990;	/* #DG1752 when doing modal, eg.MI request, this navbar must not be reachable */
	transition: 0.5s;
}
.border-Very.High {
       /* border-color: red!important; */
	   border-left: 3px solid #eb5a75;
}

.border-High {
	border-left: 3px solid #f4c65a!important;
}

.border-Medium {
      	border-left: 3px solid #6ac7db!important;
}

.border-Low {
       	border-left: 3px solid #81d295!important;
}

.border-Very.Low {
    	border-left: 3px solid #81d295!important;
}

.text-Very.High {
	   color: #eb5a75!important;
}

.text-High {
	   color: #f4c65a!important;
}

.text-Medium {

	   color: #6ac7db!important;
}

.text-Low {
	   color: #81d295!important;
}

.text-Very.Low {
	   color: #81d295!important;
}

.borrower-Yes{

}

.borrower-No{
	visibility: hidden;
}

.card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: space-between
}


.currentDealTask {
	/*border-width: 2px;*/
	box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.8) ;
}

.btn-secondary {
	background-color: #858585;
	border-color: #424143;
}

.card:hover{
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.17);
}

.disabled-VIEWONLY{
	pointer-events:none;
}

/*.disabled-{}*/

.dss-label {
	margin-bottom:0px !important;
}

.card-dealnumber {
	font-size: 14pt;
    color: #6c757d;
}

.card-dealnumber:hover {
    color: #6c757d!important;
    text-decoration: none;
}

.navbar-top {
	padding: 0px;
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1) ;
	height: 52px;
  text-align: left;
  color: #414141;
}

.navbar-top-navitems {
text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

/*.card-body-nopadding {}*/

.form-control-sm:hover{
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.17);
}

/*.animation{
background-color:#eceff1!important;
}*/

.tablink-color{
color: #000000!important;
}

.tab-link-color:a{
color: #000000!important;
}

.btn-finastra{
background-color: #694ED6!important;
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.17);
color: #ffffff!important;
}

.btn-finastra:hover{
background-color: #c137a2!important;
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3)!important;
color: white!important;
}

.a-color{
color: #6c757d!important;
}

/*.navbar-client{
background-color: #dec022!important;
}*/


.card{
  border-radius: 2px;
}

.card-header{
	padding: 0px;
	background-color: #ffffff!important;
}

.card-headerUW{
	padding:10px!important;
	background-color: #ffffff!important;
}
.color-finastra-purple{
	color: #694ED6!important;
}

.nav-small{
	font-size: 9pt!important;
}

.sidenav-text{
font-size:9pt;
}

.navbar-deallabel{
 width: 91px;

  height: 24px;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #6948d9;
}

.navbar-top-navitems:hover{
	border-bottom: 3px solid #333333;
}
.signinform{
	position: absolute;
  width: 400px;
  max-width: 400px;
  height: 100%;
  /* overflow: auto; */
  padding-right: 10px;
  /* margin-top:  250px; */
  padding-top: 300px;
  padding-left: 65px;
  z-index:  100;
  /* background: green; */
  display: inline-block;
/*  background: url(../images/finastrabg.png) no-repeat center center;*/
    background-size: cover;
  background-attachment: fixed;
}

.signinlogo {
 /* position: absolute;
  top: 25%;
  width: 55%;
  left: 22%;*/
  display: block;
  /*top: 1%;
  left: 8%; */
  width: 100%;
  height: 100%;
  position: absolute;

  }

.signinimage {
    display: inline-block;
    width: 75%;
    /*margin-left: 400px;
    margin-right: 0px;*/
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
	z-index: 0;
    /*background: url(../images/signonimage-filogix.png) no-repeat right center;*/
  background-color: white;
}

.signonlogo {
	width: 250px;
}

.signonlogo-FE {
	margin-left: 63px;
}

.signinfooter {
	position: absolute;
	left: 175px;
	bottom: 100px;
		margin:0;
}

.signincontactinfo {
	position:absolute;
		margin:0;
	/* left:  0; */
	bottom: 20px;
	margin: auto;
	width:  250px;
	text-align:  center;
}

.signindisclaimer {
		position:fixed;
		bottom: 0;
		z-index:99;
		width: 75%;
		right: 0;
		font-size: 8pt;
		    display: block;
    margin-left: auto;
    margin-right: auto
}

.signindisclaimertext {
  width: 750px;
 margin: auto;
}
.nav-hover a:hover {
	border-left: 3px solid #333333;
}

.page-link{
	color : black;
}

.page-item.active .page-link {
    background-color: #694ED6!important;
    border-color: #333333!important;
  }

 .dataTables_info {
 	text-align: left!important;
 }

 .dataTables_length {
 	text-align: left!important;
 }

 .card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 2;
  }
  @include media-breakpoint-only(xl) {
    column-count: 2;
  }
}

 .toggle {
 	background-color: #ec1c24!important;
 }

 .toggle.active{
 	background-color: #e93a40!important;
 }

 .borderColor-btn{
 	outline: 0;
 }

 .snapshot-pic{
 height: 26.67px;  width:26.67px; margin-bottom: -4.5px;
 }

 .table.table-bl thead>tr>th, .table.table-bl tbody>tr>th {
    border-top: none;
    font-weight: normal;
}
.table.table-bl thead>tr>th, .table.table-bl thead>tr>td, .table.table-bl tbody>tr>td {
    border-bottom: none;
    padding: .62rem;
}
.row.div-border{
	margin-bottom:9px;
	border-style: solid;
  	border-bottom:1.5px;
  	border-color:#a6a6a6;
}

.dropdown-item.active, .dropdown-item:active {
    color: #333333;
    text-decoration: none;
    background-color: #dee2e6;
}

a.imageButton:hover {
    text-decoration: none !important;
}

.wholepage{
	width:100%;
	height:100%;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style:  auto;
}

.disableDiv {
    pointer-events: none;
    opacity: 0.5;
}