::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.5);
}
* {
  scrollbar-width: thin;
  scrollbar-color: #74879a #cddff1;
  font-family: 'work sans';
}
/* Works on Chrome, Edge, and Safari */

*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
*::-webkit-scrollbar-track {
  background: #cddff1;
}
*::-webkit-scrollbar-thumb {
  background-color: #74879a;
  border-radius: 20px;
  border: 3px solid #cddff1;
}
@font-face {
  font-family: 'work sans semibold';
  src: url('../fonts/WSR600.eot') format('embedded-opentype'), url('../fonts/WSR600.woff') format('woff'), url('../fonts/WSR600.ttf') format('truetype'), url('../fonts/WSR600.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'work sans medium';
  src: url('../fonts/WSR500.eot') format('embedded-opentype'), url('../fonts/WSR500.woff') format('woff'), url('../fonts/WSR500.ttf') format('truetype'), url('../fonts/WSR500.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'work sans';
  src: url('../fonts/WSR.eot') format('embedded-opentype'), url('../fonts/WSR.woff') format('woff'), url('../fonts/WSR.ttf') format('truetype'), url('../fonts/WSR.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'work sans light';
  src: url('../fonts/WSR700.eot') format('embedded-opentype'), url('../fonts/WSR700.woff') format('woff'), url('../fonts/WSR700.ttf') format('truetype'), url('../fonts/WSR700.svg#work sans semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'bancpay';
  src: url('../fonts/bancpay/bancpay.eot');
  src: url('../fonts/bancpay/bancpay.eot') format('embedded-opentype'), url('../fonts/bancpay/bancpay.ttf') format('truetype'), url('../fonts/bancpay/bancpay.woff') format('woff'), url('../fonts/bancpay/bancpay.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'bancpay2';
  src: url('../fonts/bancpay/glyphicons-halflings-regular.eot');
  src: url('../fonts/bancpay/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('../fonts/bancpay/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/bancpay/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/bancpay/glyphicons-halflings-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/WSR.eot') format('embedded-opentype'), url('../fonts/WSR.woff') format('woff'), url('../fonts/WSR.ttf') format('truetype'), url('../fonts/WSR.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/WSR500.eot') format('embedded-opentype'), url('../fonts/WSR500.woff') format('woff'), url('../fonts/WSR500.ttf') format('truetype'), url('../fonts/WSR500.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/WSR.eot') format('embedded-opentype'), url('../fonts/WSR.woff') format('woff'), url('../fonts/WSR.ttf') format('truetype'), url('../fonts/WSR.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/WSR600.eot') format('embedded-opentype'), url('../fonts/WSR600.woff') format('woff'), url('../fonts/WSR600.ttf') format('truetype'), url('../fonts/WSR600.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'P2P';
  src: url('../fonts/p2p.eot');
  src: url('../fonts/p2p.eot') format('embedded-opentype'), url('../fonts/p2p.woff') format('woff'), url('../fonts/p2p.ttf') format('truetype'), url('../fonts/p2p.svg') format('svg');
}
/*@font-face {
    font-family: 'FA2';
    src: url('../fonts/fa-thin-100.ttf') format('truetype'), url('../fonts/fa-thin-100.woff2') format('woff2');
}
@font-face {
    font-family: 'FA';
    src: url('../fonts/fa-light-300.ttf') format('truetype'), url('../fonts/fa-light-300.woff2') format('woff2');
}
@font-face {
    font-family: 'FAbrand';
    src: url('../fonts/fa-brands-400.ttf') format('truetype'), url('../fonts/fa-brands-400.woff2') format('woff2');
}*/

@font-face {
  font-family: 'FA';
  src: url('../fonts/fa-regular-400.ttf') format('truetype'), url('../fonts/fa-regular-400.woff2') format('woff2');
}
@font-face {
  font-family: 'FA2';
  src: url('../fonts/fa-solid-900.ttf') format('truetype'), url('../fonts/fa-solid-900.woff2') format('woff2');
}
@font-face {
  font-family: 'ep2p';
  src: url('../fonts/ep2p.eot') format('embedded-opentype'), url('../fonts/ep2p.svg') format('svg'), url('../fonts/ep2p.ttf') format('truetype'), url('../fonts/ep2p.woff') format('woff');
}
@font-face {
  font-family: 'qub';
  src: url('../fonts/Qub.woff') format('woff'), url('../fonts/Qub.ttf') format('truetype'), url('../fonts/Qub.svg') format('svg'), url('../fonts/Qub.eot') format('embedded-opentype');
}
html,
body {
  /*height: 100%;*/
  color: #333 !important;
  font-family: Roboto-Regular;
  font-size: 14px;
  scrollbar-arrow-color: #333;
  scrollbar-track-color: transparent;
  scrollbar-face-color: #CDCDCD;
  scrollbar-shadow-color: #CDCDCD;
  top: 0 !important;
  -ms-overflow-style: scrollbar !important;
}
html.CompressMode,
html.CompressMode body {
  font-size: 9.5pt;
}
a {
  color: #333;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;
}
/*@media screen and (-ms-h1igh-contrast: active), (-ms-high-contrast: none) {
    body {
        position: fixed;
        background-attachment: fixed !important;
        width: 100%;
    }
}*/

/*.tltxtSmall, .CalenderDateAM, .CalenderDateTimeAM, .MSTextControl, .txtNormal, .txtUC, .txtLC {
    border-radius: 2px;
    height: 30px !important;
}*/

/*@-moz-document url-prefix() {
    .tltxtSmall, .CalenderDateAM, .CalenderDateTimeAM, .MSTextControl, .txtNormal, .txtUC, .txtLC
{
    box-shadow: 0px 2px 1px -1px @darkcolor;
}

}*/

/*#tblBottom .urmPager td td
{
    border-color:#fff !important;
}*/

.Hpaneldiv .tltxtSmall,
.Hpaneldiv .CalenderDateAM,
.CalenderDateTimeAM,
.Hpaneldiv .MSTextControl,
.Hpaneldiv .txtNormal,
.Hpaneldiv .txtUC,
.Hpaneldiv .txtLC,
.Hpaneldiv .txtReadonly,
#tblSReceiver .ddlStyle,
#tblSReceiver .ddlStyleMulti,
.Hpaneldiv .ddlStyle,
.Hpaneldiv .ddlStyleMulti,
#divMainRepeat .txtReadonly,
#tblSReceiver .tcDDLSelect,
.Hpaneldiv .tcDDLSelect {
  box-shadow: none;
  border: 1px solid #ccc;
  font-style: normal !important;
  border-radius: 2px;
  height: 30px !important;
  min-width: 120px;
}
.Hpaneldiv .HComboBox {
  /*    vertical-align: bottom; */
  cursor: pointer;
  /*    position: relative;
    margin-left: -36px;
    margin-bottom: 7px; */

}
.InputLabel {
  line-height: 28px;
  font-size: 9.5pt;
}
#txtGoTo,
#CurrentPG {
  text-align: center;
  color: #333 !important;
  padding: 0px 0;
  line-height: 18px;
  font-family: Roboto-Regular;
  font-size: 9.5pt;
  border: 1px solid #ccc;
}
.txt_3d739e {
  color: #333 !important;
  font-size: 11pt !important;
}
.BGsettings {
  margin: 0;
  background-color: #f1f1f1 !important;
  background-size: cover !important;
  padding: 0 !important;
  height: 100% !important;
  overflow: hidden;
}
.PreTable {
  margin-bottom: -50px;
}
.InrDivLft {
  width: 170px;
  padding: 15px 20px 20px 20px;
}
.LTL {
  font-size: 10pt;
  font-family: work sans semibold;
  color: #333;
  font-style: italic;
}
.LTC {
  font-size: 8pt;
  font-family: Roboto-Regular;
  color: #333;
  font-weight: normal;
  font-style: italic;
  line-height: 15px;
  text-align: left !important;
}
#PortalBanner {
  width: 100%;
}
.tdcsf {
  display: none;
}
.CSf {
  font-size: 10pt;
  font-family: work sans semibold;
  color: #17375E;
  vertical-align: baseline;
  display: none;
}
.CSf2 {
  font-size: 8pt;
  font-family: Roboto-Regular;
  color: #333;
  font-weight: normal;
  display: none;
}
.CSf3 {
  font-size: 8pt;
  font-family: Roboto-Regular;
  color: #333;
  font-weight: normal;
}
.CSfH {
  font-size: 20pt;
  font-family: work sans semibold;
  color: #1277d9;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 10px;
  text-align: left;
  vertical-align: middle;
}
.CSf4 {
  font-size: 36px;
  font-family: work sans semibold;
  color: #333;
  padding-left: 20px;
  text-align: left;
  vertical-align: middle;
}
.CSf0 {
  font-size: 20pt;
  font-family: work sans semibold;
  color: #1277d9;
  padding-left: 80px;
  text-align: left;
  vertical-align: middle;
}
#HTable1 tr.CH {
  vertical-align: baseline;
}
.CHT {
  overflow-y: auto;
  scrollbar-face-color: white;
  scrollbar-highlight-color: white;
  vertical-align: text-top;
}
.CHT div {
  padding: 10px 20px 0px 20px;
}
.CHT p {
  text-align: justify !important;
}
.CHT > div > p:first-child > span:first-child {
  font-family: work sans semibold !important;
  font-size: 14pt !important;
  color: #333 !important;
}
.CHT div p:not(:first-child) span {
  font-size: 10pt;
  font-family: Roboto-Regular !important;
  color: dimgray;
  font-weight: normal;
  font-style: normal;
  text-align: justify !important;
}
.CHT div p:not(:first-child) {
  margin-top: -10px;
}
.CItalic {
  font-size: 10pt !important;
  font-family: Roboto-Regular !important;
  color: #17375E !important;
}
.OMTxt li {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.9px;
  box-sizing: border-box;
  font-family: Roboto-Regular;
  margin-top: 0px;
  padding-bottom: 2px;
}
ol.OMTxt {
  margin-top: 0;
}
.OMHT {
  font-size: 12pt;
  font-family: Roboto-Regular;
  color: #333;
  line-height: 33px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 0px;
}
.OMHH {
  font-size: 20pt;
  font-family: Roboto-Regular;
  color: #333;
  line-height: 33px;
  box-sizing: border-box;
  margin-top: 30px;
  margin-bottom: 0px;
}
.GenFont {
  color: #17375E;
  font-family: Bodoni MT Condensed;
}
.CPHeader {
  background-color: f5f9fa !important;
  /*margin-bottom: 10px;
    width: 100% !important;
    box-shadow: rgb(157, 157, 157) 0px 2px 5px;
    -webkit-box-shadow: rgb(157, 157, 157) 0px 2px 5px;
    -moz-box-shadow: rgb(157, 157, 157) 0px 2px 5px;*/

}
.CPHeader > table {
  position: relative;
  z-index: 1000;
  /*background: #f2f2f2 !important;*/
  border: 10px solid #f2f2f2;
  border-bottom: 0px;
  border-top: 5px;
}
#tabIButSection {
  background-color: transparent;
}
#upWILising Table tr:not(:first-child) td:not(.ActionTD) {
  background-color: transparent;
  vertical-align: middle;
  white-space: nowrap;
}
#imgAquila {
  background: url('imagesp/AquilaLogo1.png') no-repeat;
}
#chkShowFromDocDNA {
  vertical-align: text-bottom;
}
.AddIcon::before {
  content: url("imagesp/PModeler/AddQueue.png");
  display: inline-block;
}
.MenuRepeater li ul > li:hover,
.MenuRepeater li ul > li:active {
  border-left-color: transparent !important;
  background: #FCCBAA !important;
  cursor: pointer;
}
.DivLeftSide {
  display: none !important;
}
#tdLogin {
  vertical-align: top;
  width: 100% !important;
}
#tdLeftLogo {
  vertical-align: top !important;
  align-content: center;
  align-items: center;
  padding: 0 20px;
}
.BodyContentExcluded {
  background: #fff !important;
  border-radius: 10px;
  width: 500px;
}
.MenuRepeater ul li a {
  color: #333 !important;
  font-family: Roboto-Regular !important;
  font-size: 12pt !important;
  display: inline-block;
}
#Logo {
  display: none;
}
.SETIMG {
  height: 50%;
}
.SETIMG1 {
  width: 120px;
  height: 80px;
}
.MenuRepeater li:hover > a {
  border-bottom: 5px #FD6500 solid;
}
.MenuRepeater ul li {
  cursor: pointer;
  padding-right: 20px;
}
.MenuRepeater ul ul li a:hover,
.MenuRepeater ul ul li.hover:hover {
  background: #FCCBAA !important;
  color: #333 !important;
}
.MenuRepeater ul ul ul li a:hover,
.MenuRepeater ul ul ul li.hover:hover,
.MenuRepeater ul ul ul li.hover a:hover {
  background: #FCCBAA !important;
  color: #333;
  border-style: none !important;
}
.MenuRepeater ul ul li a.Sub_current1:hover {
  color: #333 !important;
}
.LeftCorner {
  background: #a0a0a0 !important;
  background-size: 100% 100%;
  vertical-align: top;
  padding-right: 35px;
}
.RightCorner {
  background: transparent !important;
  height: 50px !important;
  position: absolute;
  right: 1px;
}
.CenterRect {
  height: 50px;
  background: transparent !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .CenterRect {
    height: 50px;
  }
  .pnlStyleActionsWI {
    line-height: 21px !important;
  }
}
@-moz-document url-prefix() {
  .CenterRect {
    height: 50px;
  }
}
#imgAquilaInfo {
  display: none;
}
#cdiv {
  display: none;
}
.LTime {
  display: block;
  color: #748791 !important;
  font-size: 10px;
  position: absolute;
  right: 60px;
  width: 200px;
  top: 32px;
  font-family: Roboto-Regular !important;
  color: #333 !important;
}
/*.CH, .CHb {
    background-color: white !important;
}*/

#divLogin .CH,
#divLogin .CHb {
  display: none;
}
.btn_Signup {
  margin-left: 3px;
  cursor: pointer;
  float: left;
  height: 50px;
  background-color: #C75000;
  font-family: work sans semibold;
  font-size: 20px;
  color: #fff;
  border-radius: 0px;
  width: 200px;
  border: none;
}
#btnLogin,
#btnSignup {
  cursor: pointer;
  float: left;
  height: 36px;
  background: #C75000;
  font-family: work sans semibold;
  font-size: 20px;
  color: #fff;
  border-radius: 0px;
  width: 400px;
  box-shadow: 0 5px 0 transparent;
}
#btnLogin:hover,
#btnSignup:hover {
  background: #9E4000;
  transition: all 0.1s ease;
}
#btnLogin:active,
#btnSignup:active {
  box-shadow: 0 2px 0 transparent;
  text-shadow: 1px 2px 1px 0px rgba(199, 80, 0, 0.51);
}
#lblErrorMessage1 {
  font-family: Roboto-Regular;
  font-size: 11px;
  color: #cd2026;
}
#tblbtnLogin {
  width: 100%;
}
#tdLoginl {
  height: 50px;
  opacity: 1;
  border-radius: 0px;
  clear: both;
  width: 100%;
}
#tdLoginl > table {
  width: 100%;
}
#tdLoginr {
  width: 0px;
}
#MenuTitle tr td a {
  color: #FE8039 !important;
  font-family: Roboto-Regular !important;
  font-size: 11pt;
}
.Seperator td {
  border-right: 1px solid #40505B !important;
  color: #333 !important;
}
.LFooterTitle span:first-child {
  display: none;
}
#imgHOVAPS {
  display: none;
}
#lblTitleName {
  display: none;
}
#trUserID td:first-child span {
  color: transparent !important;
}
#trDomainInfo td:first-child span,
#trCaptcha td:first-child span,
#trPassword td:first-child span {
  color: transparent;
}
.bpTxt {
  width: 145px;
  text-align: center;
  color: #727272 !important;
}
.Imagesizing1 {
  cursor: default;
  padding: 0;
  margin: 0;
}
#lblWelcome,
#lblUserName,
#lblUN {
  color: #182832 !important;
}
/*#UserInfo,*/

#tdMenuLinks {
  background: #1277d9 !important;
  width: 207px;
  transition: width 0.2s;
  z-index: 6;
}
#WList[usertype]:not(.CompressMode) #tdMenuLinks {
  width: 230px;
}
#trTwo,
.Rights {
  display: none !important;
}
.Imagesizing1 {
  position: relative;
}
#Table1 > tbody > tr > td:last-child > div {
  display: none;
}
#Td1 {
  vertical-align: top;
}
#tdList {
  width: calc(100% - 207px);
}
#WList[usertype]:not(.CompressMode) #tdList {
  width: calc(100% - 230px);
}
@media all and (max-width: 600px) {
  div#tdList {
    width: calc(100% - 55px);
  }
}
/*.tdQSearch {
    padding: 0 5px;
    margin-top: 7px;
    border: 1px solid @bordergray !important;
    border-radius: 3px;
}*/

.tdASearch {
  background-color: #C75000 !important;
  height: 25px !important;
  width: 240px;
  padding-top: 7px;
  color: white;
  font-family: work sans semibold;
}
#txtFAQSearch2:focus {
  background: #ffffff !important;
  border-radius: 0 0px 0px 0 !important;
  border-bottom: 1px solid #cdcdcd;
  color: #333;
}
.TLBlnk {
  background-color: #C75000;
  border: 1px solid Transparent;
  color: #ffffff;
  font-family: Roboto-Regular;
  height: 23px;
  line-height: 18px;
  width: 70px;
  font-size: 12pt;
  cursor: pointer;
  text-decoration: none;
}
.TLBlnk:hover {
  color: #ffffff;
  background-color: #9E4000 !important;
  border: 1px solid Transparent;
}
#btnQSearch[disabled],
#btnQSearch2[disabled],
.AppButtons[disabled] {
  cursor: default;
}
#btnQSearch2 {
  width: 29px !important;
  height: 29px !important;
  background: transparent !important;
  border: none !important;
  vertical-align: middle;
  padding: 0 0px 0 0px;
  float: left;
  border-radius: 0px;
  cursor: pointer;
}
#txtQSearch,
#ctl00_PHM_txtQSearch,
#txtFAQSearch2,
#txtTempSearch {
  margin: 0px;
  box-shadow: none !important;
  background: #fff;
  width: auto;
  padding-top: 0 !important;
  border-radius: 0 0 0 0;
  border-left: 0px dotted Transparent !important;
  font-size: 9.5pt;
  color: #333;
  height: 29px !important;
  vertical-align: top;
  border-bottom: none;
  border-right: none;
  border-top: none;
  display: inline;
  float: left;
  margin-right: 0;
}
#divMoQSearch {
  top: 41px;
  left: 286px;
  height: 29px;
}
.tltxtSmall {
  font-family: Roboto-Regular;
  font-size: 14px;
  color: #333;
  height: 20px;
  border: 1px solid #ccc;
  width: 172px;
  border-collapse: collapse;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
}
.TLBlnk {
  padding-left: 10px;
  padding-right: 10px;
}
#Maintbl a.boldbuttons1 {
  background-color: #d71996 !important;
  border-radius: 7px !important;
  border: 1px solid #F27030 !important;
  color: #ffffff !important;
  font-family: Roboto-Regular !important;
  font-weight: bold !important;
  height: 15px !important;
  font-size: 10pt !important;
  padding: 5px;
  line-height: 12px;
  width: 70px;
  margin-right: 5px;
  text-decoration: none !important;
  cursor: pointer;
}
.lnkApply {
  background-color: #1277d9 !important;
  border-radius: 7px;
  border: 1px solid #F27030 !important;
  color: #ffffff;
  font-family: work sans semibold;
  height: 20px;
  line-height: 18px;
  width: 50px;
  padding: 5px;
  text-align: center;
}
.lblASearch {
  padding-left: 15px;
}
#tblCounter {
  font-size: 9pt;
  color: #9BBB59;
  font-family: work sans semibold;
  border-spacing: 0;
  border-width: 1px;
  border-style: solid;
  background: url('../imagesp/BPBG.gif') !important;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#tblCounter td {
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  padding: 15px;
  font-family: Roboto-Regular;
}
.CounterHead {
  background-color: #1277d9 !important;
  text-align: left !important;
  color: #333;
  padding: 5px !important;
  font-family: Roboto-Regular;
}
#tblCounter td:first-child,
#tblCounter td:last-child {
  border-left-style: none;
}
#lnkC {
  color: #1277d9;
}
#tblHeader tr {
  background-color: #ddd !important;
}
.lblDocument {
  color: #646163 !important;
  padding-right: 5px;
}
#trHeader td {
  padding-top: 5px;
  padding-bottom: 5px;
}
/*#tdHT:not(.wtdHT), */

lnkUser,
lnkUser span {
  background-color: white !important;
  color: #646163 !important;
}
#tblMenuIcons .btnStyle {
  color: #fff;
}
#GVMVerticalRail {
  background-color: white !important;
}
#GVMPanelHeader {
  border: 1px solid #ccc;
  margin-top: 3px;
}
#GVMVertical_TIMG,
#GVMVertical_BIMG,
#GVMVerticalBar,
#GVMHorizontal_LIMG,
#GVMHorizontal_RIMG,
#GVMHorizontalBar,
#GVMHorizontalRail,
#GVMVerticalRail {
  background-color: #fff;
  display: none !important;
}
.TLFix #GVMHorizontal_LIMG,
.TLFix #GVMHorizontal_RIMG,
.TLFix #GVMVertical_TIMG,
.TLFix #GVMVertical_BIMG,
.TLFix #GVMVerticalBar,
.TLFix #GVMHorizontalBar {
  z-index: 2 !important;
  display: block !important;
}
.TLFix #GVMHorizontalRail,
.TLFix #GVMVerticalRail {
  display: block !important;
}
.GridCellDiv > input[style*='visibility: hidden'] {
  display: none;
}
.UserLabel {
  color: #646163 !important;
}
#gdvHistory th a,
#gdvRouteHistory th a {
  color: #fff !important;
  font-family: work sans semibold !important;
  font-size: 10pt !important;
}
#HeaderDivgdvRouteHistory #gdvRouteHistory tr {
  background-color: #C75000 !important;
  border-left: none;
  border-top: none;
  border-right: none;
  text-align: left !important;
}
#HeaderDivgdvRouteHistory #gdvRouteHistory tr th {
  background-color: #C75000 !important;
  border-left: none;
  border-top: none;
  border-right: none;
  text-align: left !important;
  padding-right: 0;
}
#base2tblAddContent .GridHeader,
#_Gridbase2 th {
  background-color: #fff !important;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #DAEABE !important;
}
#_Gridbase2 th {
  text-align: left !important;
}
#base2Header span,
#_Gridbase2 th a {
  color: #333;
  font-family: work sans semibold !important;
  font-size: 10pt !important;
}
.MainTab a {
  background-color: #C75000 !important;
}
.tabSeperator,
.rText {
  background-color: #C75000 !important;
}
.bText {
  border-bottom-color: #1277d9 !important;
}
#divbase2 {
  padding-top: 15px;
}
/*#divbase2 tr td {
    background-color: #fff !important;
}*/

#tblMenuIcons {
  margin-left: auto;
  margin-right: 16px;
  height: 36px;
  margin-top: 10px;
}
#tblMenuIcons .cssnav a,
.cssnav a.Dump {
  color: #fff !important;
  font-family: Roboto-Regular !important;
  font-size: 12pt !important;
}
.Username1 {
  width: 380px !important;
}
/*.Firstname {
    width: 152px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .Firstname {
        width: 148px !important;
    }
}*/

.LastName {
  width: 152px !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .LastName {
    width: 138px !important;
  }
}
.pwd {
  width: 155px !important;
}
.TableHeader {
  color: #fff;
  background-color: #C75000 !important;
  font-family: work sans semibold;
  text-align: center;
  height: 20px;
}
#divLogin {
  width: 100%;
  /*padding-top: 10px;*/

}
.PreTable {
  width: 95%;
}
.DBTitle1 {
  font-size: 30px;
  font-family: work sans semibold;
  color: #333;
  vertical-align: baseline;
}
.DBTitle2 {
  font-size: 9pt;
  font-family: Roboto-Regular;
  color: #333;
  font-weight: normal;
}
#RepeaterTable1 td a,
#RepeaterTable2 td a,
#RepeaterTable3 td a,
#RepeaterTable4 td a {
  color: #333 !important;
  font-family: Roboto-Regular;
}
#RepeaterTable1 td,
#RepeaterTable1 th,
#RepeaterTable2 td,
#RepeaterTable2 th,
#RepeaterTable3 td,
#RepeaterTable3 th,
#RepeaterTable4 td,
#RepeaterTable4 th {
  font-family: Roboto-Regular;
}
#UserInfo {
  position: fixed;
  right: 10px;
  top: 20px;
  padding: 0;
  /*z-index: 1;*/

}
.Hpaneldiv .txtNormal,
.Hpaneldiv .txtUC,
.Hpaneldiv .txtLC {
  font-size: 9.5pt !important;
  padding-left: 5px;
  padding-right: 5px;
  height: 30px !important;
  border-radius: 2px !important;
  border: 1px solid #ccc;
}
#ctl00_PHM_divOrg {
  scrollbar-arrow-color: #1277d9 !important;
  scrollbar-track-color: white !important;
  scrollbar-face-color: white !important;
  scrollbar-shadow-color: white;
}
.PaggingLinkStyle,
.PG {
  font-family: Roboto-Regular !important;
  font-size: 11pt !important;
  color: #ddd !important;
  color: #333 !important;
}
.PaggingLableStyle {
  color: black !important;
  background-color: #1277d9;
}
.GridViewStyle th,
#GVF th,
table th {
  font-family: 'work sans semibold';
  font-size: 9.5pt;
}
.GridViewStyle td {
  font-size: 9.5pt;
}
#divLogo table tr td:last-child div {
  padding-right: 15%;
}
#imgCtrl {
  padding-left: 10px;
}
#tblFAQ td div {
  line-height: 15px !important;
  padding-top: 5px !important;
  padding-left: 20px !important;
  padding-bottom: 15px !important;
  font-size: 11pt !important;
  font-weight: normal !important;
}
a.boldbuttons,
input.boldbuttons,
button.boldbuttons,
.AppButton,
.AppSecondaryButton,
.alterboldbutton {
  display: inline-block;
  width: auto !important;
  font-size: 9.5pt;
  font-family: work sans semibold !important;
  text-decoration: none !important;
  line-height: 22px !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer !important;
  margin-left: 1px;
  white-space: nowrap;
  padding: 5px 10px;
  transition: all 0.1s ease-in-out;
  padding-bottom: 5px;
  border-radius: 5px;
  min-width: 70px;
  border: 1px solid;
  height: 34px;
}
#disabled {
  cursor: default !important;
  background-color: #D1D1D1;
  border-color: #D1D1D1;
  color: #767676;
}
#disabledhover {
  background-color: #D1D1D1 !important;
}
a.boldbuttons,
input.boldbuttons,
button.boldbuttons,
.AppButton {
  /*full pink*/
  background-color: #d71996;
  border-color: #d71996;
  color: #fff;
}
a.boldbuttons:hover,
input.boldbuttons:hover,
button.boldbuttons:hover,
.AppButton:hover {
  transition: all 0.1s ease;
  background-color: #961169;
  color: #fff;
  border-color: #961169;
}
.alterboldbutton {
  /*full blue*/
  background-color: #1277d9;
  border-color: #1277d9;
  color: #fff;
}
.AppSecondaryButton {
  /*Border blue*/
  color: #1277d9;
  border-color: #1277d9;
}
a.boldbuttons[disabled],
input.boldbuttons[disabled],
button.boldbuttons[disabled],
.alterboldbutton[disabled],
a.boldbuttons[disabled]:hover,
input.boldbuttons[disabled]:hover,
button.boldbuttons[disabled]:hover,
.alterboldbutton[disabled]:hover {
  cursor: default !important;
  background-color: #d1d1d1;
  border-color: #d1d1d1;
  color: #767676;
}
a.boldbuttons[disabled=disabled],
a.boldbuttons.CLcheckout[disabled] {
  cursor: default !important;
  background-color: #d1d1d1;
  border-color: #d1d1d1;
  color: #767676;
}
.MouseOff:not(.CPORO),
.MouseOff:not(.CPORO):hover {
  cursor: default !important;
  background-color: #d1d1d1;
  border-color: #d1d1d1;
  color: #767676;
}
.AppButton:hover {
  background-color: #961169;
  color: #fff;
  border-color: #961169;
}
.alterboldbutton:hover {
  background-color: #0b4a87;
  border-color: #0b4a87;
  color: #fff;
}
a.boldbuttons[disabled=disabled]:hover,
.AppButton[disabled=disabled],
.AppButton[disabled=disabled]:hover {
  background-color: #d1d1d1 !important;
}
.btnStyle[disabled=disabled] {
  cursor: default !important;
  background-color: #d1d1d1;
  border-color: #d1d1d1;
  color: #767676;
}
.AppSecondaryButton {
  color: #1277d9;
  background: white;
  border-color: #1277d9;
}
.AppSecondaryButton:hover {
  background: #1277d9;
  color: #fff;
  background-color: #1277d9;
}
.AppSecondaryButton[disabled],
.AppSecondaryButton[disabled]:hover {
  cursor: default !important;
  background-color: #d1d1d1;
  border-color: #d1d1d1;
  color: #767676;
}
.divBG {
  /*background-image: url(../imagesp/AquiladivBG_BancPay.png) !important;*/
  background-size: 100% 40px;
  background-repeat: no-repeat;
  border-radius: 5px !important;
  border: 1px solid #ccc !important;
  background-color: #FFFFFF;
  display: block;
  padding: 0;
  margin: 0;
  border-radius: 0px !important;
  z-index: 1000000 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.divBGNew {
  /*background-image: url(../imagesp/AquiladivBG_BancPay.png) !important;*/
  background-size: 100% 40px;
  background-repeat: no-repeat;
  border-radius: 5px !important;
  border: 1px solid #777 !important;
  background-color: #FFFFFF;
  display: block;
  padding: 0;
  margin: 0;
  border-radius: 0px !important;
  z-index: 9999999999 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.divBGBorder {
  /*background-image: url(../imagesp/AquiladivBG_BancPay.png) !important;*/
  background-size: 100% 40px;
  background-repeat: no-repeat;
  border-radius: 0px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
}
div.jqi button:hover {
  background: transparent;
}
div.jqi button.jqidefaultbutton {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: 400;
  /* line-height: 1.42857143; */
  /* text-align: center; */
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
  border: none;
  background-color: #C75000 !important;
  position: absolute;
  min-width: 50px !important;
  height: 30px;
  border: none !important;
  right: 2px;
  bottom: 10%;
  width: auto;
}
/*button#jqi_state0_buttonCancel:hover, div.jqi button:hover {
    background: transparent;
}*/

#jqi_state0_buttonOK:hover,
div.jqi button.jqidefaultbutton:hover {
  color: #fff;
  background-color: #9E4000;
  border-color: #204d74;
}
#jqi_state0_buttonNo,
#jqi_state0_buttonCancel,
button#jqi_state0_buttonNej,
#jqi_state0_buttonNon,
#jqi_state0_buttonStornieren,
#jqi_state0_buttonAnnuler,
#jqi_state0_buttonNein,
#jqi_state0_buttonNee {
  background: transparent !important;
  position: absolute;
  top: -2px;
  height: 50px;
  border: none !important;
  color: transparent;
  right: 0px;
  padding-left: 20px !important;
  /*background-size: 24px 24px !important;*/

}
#jqi_state0_buttonReLogin,
#jqi_state0_buttonRefrescar,
#jqi_state0_buttonErneuern,
#jqi_state0_buttonVerversen {
  background: transparent !important;
  position: absolute;
  right: -3px;
  top: 86px;
  height: 50px;
  border: none !important;
  color: #333;
}
#jqi_state0_buttonNo {
  right: -19px;
  font-size: 12pt;
}
button#jqi_state0_buttonCancel {
  right: -45px;
  font-size: 12pt;
}
#jqi_state0_buttonRefresh {
  right: -38px;
}
.TxtSeetings {
  background-color: transparent;
  color: #fff;
  font-family: 'Roboto-Regular';
  padding: 5px;
}
.TrAlign td:first-child {
  width: 150px;
  font-size: 8pt;
  font-family: Roboto-Regular;
  padding-top: 5px;
}
.TrAlign td:last-child {
  width: 30px;
  font-size: 8pt;
  text-align: right;
}
.PrfPer {
  font-size: 12pt;
  font-family: work sans semibold;
  display: inline;
}
.Lvl1 {
  width: 200px;
  padding-left: 0px;
  font-family: work sans semibold;
  font-size: 13pt;
}
.chartcss {
  height: 90px !important;
  width: 90px !important;
  font-family: Roboto-Regular;
}
.Lvl2 {
  width: 30px;
  color: #fc6500;
  font-family: work sans semibold;
}
.Lv3 {
  padding-left: 5px;
  font-family: work sans semibold;
  font-size: 11pt;
  white-space: nowrap;
}
.divBG,
.divBGNew {
  /*background-image: url(../imagesp/AquiladivBG_BancPay.png);*/
  background-size: 100% 40px;
  background-repeat: no-repeat;
  border-radius: 7px !important;
  background-color: #FFFFFF;
}
#divContent.Register,
#divMessage {
  width: 285px;
  text-align: left;
}
#divOtherWindow {
  padding-top: 60px;
  vertical-align: top;
}
#FlowLayout.FL #divOtherWindow {
  padding-bottom: 35px;
}
#divLogo {
  background-color: #fff;
}
@media all and (max-height: 1100px) {
  #divPg {
    height: 450px !important;
  }
}
@media all and (max-height: 950px) {
  #divPg {
    height: 350px !important;
  }
}
@media all and (max-height: 700px) {
  #divPg {
    height: 260px !important;
  }
  .SETIMG {
    height: 350px;
  }
}
/*table[id*=_Gridview] th, table[id*=_Gridview] th a, #ctl00_PHM_gvOrg th, #ctl00_PHM_gvShowManageRoles th, #ctl00_PHM_gvPrivileges th, #ctl00_PHM_gvPriv th, #ctl00_PHM_gvPri th, #ctl00_PHM_gvRoles th, #gvLookup th, #ctl00_PHM_gvSecOrg th, .GridHeader td, #gvShowTemplate th, #ctl00_PHM_gvCtxt th, #gvMgeFol th {
    font-size: 11pt !important;
    color: white !important;
     font-family: work sans semibold !important;
	
    text-align: center;
    background-color: @colorx1 !important;
    cursor: default;
    z-index: 50;    
}*/

.CPlbl {
  font-family: Roboto-Regular;
  font-size: 11pt;
}
.jqi_state,
.PromptPopup {
  background-color: white;
}
.jqi_state,
.PromptPopup {
  border: none !important;
}
div.jqi .jqibuttons {
  border: none !important;
}
div.jqi {
  border-width: 1px !important;
  background: #fff;
  border: solid 1px #777 !important;
  min-height: 100px;
}
#jsAlert1_okButton {
  outline: none;
  border: none;
  background: url(../imagesp/cross.png) no-repeat;
  background-position: 20px 6px;
  cursor: pointer;
}
/*.MWbtn_OK:before  {
    content: 'x';
    margin-top: 10px;
    outline: none;    color: @colorx13;
    font-size: 14pt;
    position: absolute;
    top: -10px;
    right: 10px;
}*/

#jsAlert1_popupFooter {
  top: 0px !important;
  right: 0px !important;
  border-radius: 100%;
  width: auto !important;
  left: auto !important;
  background-color: transparent !important;
  padding: 0px !important;
}
/*.CMenuClr {
    background-color: @fcolor1 !important;
}*/

.FooterMenu:hover {
  background-color: #4F5A5E !important;
}
.FooterMenu {
  background-color: #C75000 !important;
}
.GenBG {
  background: #1277d9;
}
#nprogress .bar {
  background: transparent !important;
}
#nprogress .peg {
  box-shadow: 0 0 10px transparent, 0 0 5px transparent !important;
}
/*#ddlCountry, .ddldwn {
    width: 100% !important;
    padding: 5px 0px 0px 2px;
    height: 42px;
    background: white !important;
    background: url("../imagesp/ddl_downbp.png") no-repeat right rgb(255, 255, 255) !important;
}
*/

.LFooterTitle {
  font-size: 10pt !important;
  font-size: 8pt;
  font-family: Roboto-Regular;
}
.ImageLock {
  display: none !important;
}
.btn_ForgotPassword {
  color: #333 !important;
}
.txtGRO {
  height: 20px !important;
  font-family: Roboto-Regular !important;
  color: #333 !important;
  border-radius: 0px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.txtGRW {
  height: 20px !important;
  font-family: Roboto-Regular !important;
  color: #333 !important;
  border-radius: 0px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.imgEye {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../imagesp/showEye.PNG) no-repeat, -ms-linear-gradient(top, Transparent 50%, Transparent 50%);
  background: url(../imagesp/showEye.PNG) no-repeat, -moz-linear-gradient(top, Transparent 50%, Transparent 50%);
  content: url(../imagesp/showEye.png);
  height: 14px;
  padding: 0 5px 0 5px;
  cursor: pointer;
  width: 28px;
  right: 27px;
}
.loginContainer .imgEye {
  padding: 0 15px 0 5px !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .imgEye {
    width: auto !important;
  }
}
.imgEyeTog {
  background: url(../imagesp/HideEye.PNG) no-repeat, -ms-linear-gradient(top, Transparent 50%, Transparent 50%);
  background: url(../imagesp/HideEye.PNG) no-repeat, -moz-linear-gradient(top, Transparent 50%, Transparent 50%);
  content: url(../imagesp/HideEye.png);
  height: 14px;
  padding: 0 15px 0 15px;
  cursor: pointer;
  right: 27px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .imgEyeTog {
    padding: 0 5px 0 5px;
  }
}
.calendar thead .daynames,
.calendar table .wn {
  background-color: #fff !important;
  color: #748791 !important;
  font-weight: normal;
  border: none;
}
.calendar thead .name,
.calendar tbody td.today {
  border: none !important;
}
.calendar {
  font: 11pt Roboto-Regular !important;
  color: #1277d9 !important;
  border: 1px solid #9FB6C1 !important;
}
.calendar,
.calendar table,
.calendar tfoot .ttip {
  border: 0px solid #fff;
}
.calendar thead .title,
.button {
  cursor: pointer !important;
  background: #40505B !important;
  color: #fff;
  font-size: 11pt;
}
.calendar tbody td.today span {
  background: #ddd !important;
  font-family: work sans semibold;
  color: #1277d9 !important;
  border: 1px solid #1277d9 !important;
}
.calendar thead .weekend {
  color: #1277d9 !important;
}
.calendar tbody td.weekend {
  color: #1277d9 !important;
}
.calendar tbody td.selected {
  background-color: #C75000;
  border: 1px solid #ccc;
  color: #fff !important;
}
/*.button div {
    color: #fff !important;
}*/

#ltMessage,
#divDisplay {
  font-family: Roboto-Regular !important;
}
#jsAlert1_popupTitle {
  display: none;
}
#jsAlert1_shadow {
  display: none !important;
}
#Tables {
  width: 80% !important;
  background: white;
}
/*#BackDiv {
    background: #f5f9fa !important;
}*/

#HbtnClose {
  display: none;
}
#RSBanner {
  display: none;
}
#CloseHS {
  display: block !important;
}
.cssnav a span:hover {
  border-bottom: 5px #FD6500 solid !important;
}
.lblnormalHS {
  font-family: Roboto-Regular !important;
  font-size: 10.5pt !important;
  font-weight: normal;
}
.lblnormalHS div {
  font-family: Roboto-Regular !important;
  font-size: 10.5pt !important;
  font-weight: normal;
}
#page_navigation span:first-child,
#page_navigation input[type=text],
#page_navigation span:last-child,
#DOC_page_navigation span:first-child,
#DOC_page_navigation input[type=text],
#DOC_page_navigation span:last-child {
  display: none;
}
#page_navigation,
#DOC_page_navigation {
  padding-bottom: 10px;
}
.lblHeaderHS {
  font-family: Roboto-Regular !important;
  font-size: 14pt !important;
  color: #333 !important;
}
#txtSearch,
#divSearch {
  font-family: Roboto-Regular !important;
  font-size: 9.5pt !important;
}
#divSearch {
  padding: 5px 0px 15px 20px;
}
#CustRTd {
  display: none;
}
.CustSf0 {
  color: #339966 !important;
}
.Cust_Header1 {
  font-family: Roboto-Regular;
  font-size: 12pt;
}
.CustHT {
  font-family: work sans semibold;
  font-size: 11pt;
  color: #333;
}
#lstAvail,
#lstSel,
#lstAvailF,
#lstSelF {
  border: 1px solid #ccc;
  background: white;
  padding: 4px;
}
.TLCustH {
  font-family: Roboto-Regular;
  font-size: 18pt;
  color: #333;
}
.Cust_HD {
  font-family: Roboto-Regular;
  font-size: 12pt;
  color: #333;
  text-indent: 50px;
}
.DBWidgetTitle {
  font-size: 14pt;
  font-family: work sans semibold;
}
.DBSettings {
  padding-bottom: 8px;
}
div#tdddlAR .fstControls {
  height: 55px !important;
}
.ArrowSprites1,
.ArrowSprites2,
.ArrowSprites3,
.ArrowSprites4,
.ArrowSprites5,
.ArrowSprites6 {
  text-align: center;
  font-family: 'P2P';
  width: 30px;
  height: 30px;
}
.ArrowSprites1:before {
  content: '\e954';
  font-family: 'P2P';
}
.ArrowSprites2:before {
  content: '\e905';
}
.ArrowSprites3:before {
  content: '\e904';
}
.ArrowSprites4:before {
  content: '\e953';
}
.ArrowSprites5:before {
  content: '\e906';
}
.ArrowSprites6:before {
  content: '\e903';
  font-family: 'P2P';
}
.MainLabel,
.MainLabel2 {
  font-family: Roboto-Regular !important;
  font-size: 12pt !important;
}
.MainLabel {
  line-height: 2;
}
.jqcontextmenu,
.jqcontextmenu ul {
  font: normal 11pt Roboto-Regular !important;
  top: 0;
}
.jqcontextmenu li a {
  color: #333 !important;
}
#trErr td {
  padding-left: 85px;
}
#foRSBanner {
  display: none;
}
#tdAquila {
  display: none !important;
}
.LU {
  font-family: Roboto-Regular;
  font-size: 12pt;
  color: #676769;
}
#ctl00_lblUserName,
#lblUserName {
  color: #ccc !important;
}
#ctl00_lblUserName:hover,
#lblUserName:hover {
  color: #333 !important;
}
#lblUserName {
  color: #182832 !important;
  cursor: pointer;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  right: 55px;
  top: 15px;
  text-align: right;
  /*font-weight: bold;*/
  margin-right: 5px;
}
.divAccount {
  border: 0px;
  border-left-color: #E0E0E0;
  border-right-color: Black;
  text-align: left;
  border: 1px;
  overflow: hidden;
  scrollbar-face-color: #e7f1d5;
  scrollbar-arrow-color: #1277d9;
  scrollbar-track-color: white;
  scrollbar-border: none;
  scrollbar-highlight-color: #D0E1EA;
  scrollbar-shadow-color: white;
  scrollbar-3dlight-color: #D0E1EA;
  scrollbar-border-radius: 10px;
}
#tdHT1 {
  display: none !important;
}
table[id*=view][id*=tblAddContent] td {
  /*padding: 2px !important;*/
  text-align: left;
  /*border: 1px solid #fff !important;*/

}
table[id*=base][id*=tblAddContent] td {
  padding-right: 3px !important;
}
.btnChange {
  background-color: #1277d9 !important;
  border-radius: 7px;
  border: 1px solid Transparent;
  color: #ffffff;
  font-family: work sans semibold;
  height: 23px;
  line-height: 18px;
  width: 70px;
  font-size: 12pt;
  text-decoration: none;
  padding: 2px 10px 2px 10px;
}
.MNU td {
  padding-right: 19px;
}
.UMPGR span {
  font: 11pt Roboto-Regular !important;
}
#icLogo {
  position: relative;
  right: 10px;
  display: none;
}
.ButtonHS,
.btn_login,
a[id*=gvPublish][id*=ancPublish] {
  cursor: pointer;
  font: 14px roboto-Regular;
  color: #fff !important;
  float: right;
  padding: 9px 14px;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: #d71996;
  border: 0px;
}
/*.lbtn {
    cursor: pointer;
    font: 14px roboto-Regular;
    letter-spacing: 0.2pt;
    color: #fff;
    padding: 8px 28px;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    background: @pinkcolor;
    border: 0px;
}*/

.ButtonHS:hover,
.btn_login:hover,
a[id*=gvPublish][id*=ancPublish]:hover,
.lbtn:hover {
  background-color: #961169 !important;
  color: #ffffff !important;
}
.SbHdr b,
.BLB {
  font: bold 12pt Roboto-Regular !important;
  color: #333 !important;
}
.SbHdr {
  padding-bottom: 10px;
}
.BoldLabel,
.lblNrml,
.divAccount span.BLBnormal,
.bText {
  font: 10.5pt Roboto-Regular !important;
  color: #333 !important;
}
#divViewTicket table td {
  padding: 5px;
}
.LBLURM {
  font-family: Helvetica Neue !important;
  font-weight: 700 !important;
  color: #333 !important;
}
.tdlbl {
  font-family: Roboto-Regular !important;
  font-size: 9.5pt !important;
  color: #333 !important;
  line-height: 9.5pt;
  padding: 3px;
  padding-right: 5px;
}
.txtHSSearch {
  height: 25px !important;
  font: 12pt Roboto-Regular !important;
  color: #333 !important;
  border-collapse: collapse;
  background-color: #ffffff;
  border: 1px solid #ccc;
  text-align: left;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
/*.txtUC, .txtLC, .txtNormal, .CalenderDate, .CalenderDateAM, .CalenderDateTimeAM {
    height: 28px !important;
    font: 10pt Roboto-Regular !important;
    color: @fcolor1 !important;
    border: 1px solid @bordergray;
}
*/

.CalenderDateAM,
.CalenderDateTimeAM {
  border: solid 1px #ccc;
  background-color: transparent;
  padding-left: 5px;
  padding-right: 5px;
}
.txtLarge {
  height: 20px !important;
  font: 12pt Roboto-Regular !important;
  color: #333 !important;
  width: 200px !important;
}
.ddlStyle,
.ddlStyleMulti,
.tcDDLSelect {
  height: 30px;
  padding-top: 0px !important;
  padding-left: 5px;
  padding-top: 2px;
  color: #333 !important;
  min-width: 100px !important;
  background: url("../imagesp/ddl_downbp.png") no-repeat center right #ffffff !important;
  cursor: pointer;
  border: 1px solid #ccc !important;
  background-position: 90% 50%;
  padding-right: 30px;
  border: 1px solid #ccc;
  border-radius: 2px !important;
  background-size: 12px !important;
  background-position-x: calc(100% - 4px) !important;
}
#ddlViews.ddlStyle,
#ddlViews.ddlStyleMulti,
#ddlViews.tcDDLSelect {
  height: 30px;
}
.LPddlStyle {
  height: 23px !important;
  padding-right: 18px;
  font: 12pt Roboto-Regular !important;
  color: #333 !important;
  width: auto !important;
  background: url("../imagesp/ddl_downbp.png") no-repeat right #ffffff !important;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-position-x: calc(100% - 4px) !important;
  background-size: 12px !important;
}
.txtReadonly {
  height: 20px !important;
  font: 10pt Roboto-Regular !important;
  color: #333 !important;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f2f2f2;
}
#ctl00_PHM_gvLogHistory th {
  text-align: center;
}
#ctl00_PHM_gvLogHistory th,
.UserLabel {
  font: bold 11pt Roboto-Regular !important;
}
.txtMultiLine {
  padding: 5px;
}
#ctl00_PHM_gvLogHistory {
  width: 650px;
}
#ctl00_PHM_gvLogHistory tr td,
.MainTabNormal a {
  font: 11pt Roboto-Regular !important;
}
div.jqi .jqimessage {
  font: bold 12pt Roboto-Regular !important;
  background-color: #fff;
  color: transparent;
  display: none;
}
div.jqi .jqisecmessage {
  font: 11pt Roboto-Regular !important;
  color: #333 !important;
  background-color: #fff !important;
  padding-left: 10px !important;
  /*text-indent: 10px;*/

}
div.jqi .jqibuttons {
  background-color: #fff !important;
  float: right;
  width: 10%;
}
.jqisecmessage div {
  vertical-align: middle;
}
.divTitle {
  font: 14px work sans semibold !important;
  color: #333 !important;
  padding-left: 12px;
}
#aLogTicket,
#aOpenTicket {
  background-color: transparent !important;
  display: inline-block;
  width: auto !important;
  color: #333 !important;
  font: normal 12pt Roboto-Regular !important;
  text-decoration: underline;
  text-align: center;
  vertical-align: text-top;
  cursor: pointer !important;
  margin-left: 5px;
  text-transform: uppercase;
}
.LogTickTxt {
  width: 90% !important;
  height: 38px !important;
}
.lblHeaderSubHS {
  font-size: 12pt !important;
  font-family: work sans semibold !important;
  color: #333 !important;
}
.ancStyle {
  color: #333;
  font: normal 12pt Roboto-Regular;
  text-decoration: none;
  cursor: pointer;
}
#txtFirstName,
#txtLastName {
  width: 80% !important;
  height: 38px !important;
}
.LiningTd {
  width: 1px;
  vertical-align: central;
  padding: 0px 5px 0px 5px;
  text-align: center;
  background: url(../imagesp/Lining_VerticalBP.png) no-repeat;
}
.UMPGR td a {
  color: #333;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 2px;
}
.UMPGR td span {
  color: #333;
  border: 1px solid #1277d9;
  border-radius: 5px;
  padding: 2px;
  font-family: work sans semibold;
}
.UMPGR {
  padding-top: 5px;
}
.UMPGR tr td:last-child a {
  color: #333;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 2px;
}
#GVM input[type=text].MSTextControl,
#GVMCopy input[type=text].MSTextControl {
  width: 120px !important;
  height: 20px;
}
#GVM th,
#GVMCopy th {
  /*white-space: nowrap;*/
  vertical-align: text-top;
}
#GVM:not(.NonWF) tr:hover,
.Freezehover,
#TLGVM tr.GridT:hover {
  background: #e4f3fd !important;
}
/*#GVM tr:hover td {
    background: !important;
}*/

#txtGoTo,
#CurrentPG {
  text-align: center;
  color: #404040 !important;
}
.Karla {
  font-family: Roboto-Regular !important;
}
.Karla {
  font-family: Roboto-Regular;
}
.chk,
.CPlbl {
  color: #333 !important;
  font-family: Roboto-Regular !important;
}
/*#ddlSQQuestions {
    padding-left: 0px !important;*/

/*width: 300px;
    height: 34px !important;*/

/*}*/

#ddlSQQuestions:hover {
  cursor: pointer;
  /*border:2px solid rgba(138, 207, 80, 1);*/

}
#tbSetSecurityQuestion td {
  padding-bottom: 10px;
}
#txtSQAnswerValue {
  height: 30px !important;
}
.CustDLL {
  padding-right: 18px;
  color: #333;
  background: url("../imagesp/ddl_downbp.png") no-repeat right #ffffff !important;
  cursor: pointer;
  padding: 10px 16px 10px 16px;
  font-size: 18px;
  border-radius: 0px;
  border: 1px solid #ccc;
  background-size: 12px !important;
}
/*#GVM td:nth-child(5) {
    border-right-color: transparent;
}*/

/*#GVMFreeze tr td:nth-child(4), #GVM tr td:nth-child(4) {
    border-right-color: transparent;
}*/

#GVMHeader th:nth-child(2) div {
  text-align: left;
}
.active_page {
  color: #333 !important;
}
.OM {
  border: 1px solid #ccc;
  border-collapse: collapse;
  color: #333;
  font: 9pt Roboto-Regular;
}
.OM tr:first-child td,
.OM tr td:first-child {
  background: #1277d9;
}
.OM td {
  cursor: pointer;
  text-align: center;
  width: 60px;
  height: 60px;
  border: 1px solid #ccc;
}
.OrgNav {
  font-family: work sans semibold;
  color: #F27030;
  font-size: 14px;
  border: none;
  cursor: pointer;
  background-color: transparent;
}
.OrgNav[disabled='disabled'] {
  color: #bbb;
  cursor: default;
}
#ctl00_PHM_CurrentPG {
  text-align: center;
}
#Pag,
#ctl00_PHM_ItmLbl {
  font-size: 14px;
}
.OM tr:first-child td:first-child {
  pointer-events: none;
}
.OT {
  color: transparent !important;
}
.Tg:hover {
  background-color: rgba(247, 113, 49, 0.5);
}
.SG {
  background: #ddd !important;
}
.XY {
  background-image: url('../imagesp/XtoY.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.YX {
  background-image: url('../imagesp/YtoX.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.BI {
  background-image: url('../imagesp/BiDir.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.CN {
  background-image: url('../imagesp/can.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.BGS {
  border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -webkit-border-radius: 20px 20px 0px 0px;
  border: 0px solid #cd2026;
  width: 200px;
  height: 25px;
  text-align: center;
  background-color: #1277d9 !important;
}
.BGU {
  border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -webkit-border-radius: 20px 20px 0px 0px;
  border: 0px solid #cd2026;
  width: 200px;
  height: 25px;
  text-align: center;
  background-color: #D9D9D9 !important;
}
.tab {
  border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -webkit-border-radius: 20px 20px 0px 0px;
  border: 0px solid #cd2026;
  width: auto;
  height: 25px;
  padding: 0 30px;
  text-align: center;
  background-color: #D9D9D9 !important;
}
.BCD {
  border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -webkit-border-radius: 20px 20px 0px 0px;
  border: 0px solid #800000;
  width: auto;
  height: 25px;
  padding: 0 30px;
  text-align: center;
  background-color: #1277d9 !important;
}
.UTGrid .pgr {
  background-color: white !important;
  color: #333 !important;
  font-family: Roboto-Regular !important;
  font-size: 0.9em !important;
  line-height: 10px !important;
}
.pgr th a {
  text-decoration: none !important;
}
.pgr:first-child {
  border-bottom: 1px dashed #40505B;
}
.UTGrid td {
  padding: 2px;
  border: solid 0px #c1c1c1;
  font-family: Roboto-Regular;
  color: #333;
  font-size: 11pt !important;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left !important;
}
.UTGrid a {
  color: #333 !important;
  font: 10pt Roboto-Regular !important;
}
.divBGBtns {
  border-radius: 6px !important;
  background-color: white !important;
  width: 100%;
}
.UTGrid th {
  color: #333 !important;
  font-family: Roboto-Regular !important;
  background: white !important;
  border: none;
  font-size: 11pt !important;
  text-align: left !important;
}
.UTGrid .pgr a,
.UTGrid .pgr a:hover {
  color: #333 !important;
  text-decoration: none !important;
  font-family: Roboto-Regular !important;
  font-size: 11pt !important;
}
.UTGrid .row a:link,
.UTGrid .row a:visited {
  color: white;
  text-decoration: none;
  font-family: Roboto-Regular;
  font-size: 0.9em;
  color: #C75000;
  text-decoration: none !important;
}
.UMTblr td a {
  color: #333;
  padding: 2px;
}
.UMTblr td span {
  color: #333;
  padding: 2px;
  font-family: work sans semibold;
}
.UMTblr {
  padding-top: 5px;
}
.UMTblr tr td:last-child a {
  color: #333;
  padding: 2px;
}
.lnk {
  cursor: pointer;
  text-decoration: none;
  color: #333;
  font-family: Roboto-Regular;
  font-size: 14px;
}
#ctl00_PHM_lblDisplay {
  color: #333 !important;
  font-family: work sans semibold;
}
.lbase2 {
  border-bottom: none 1px green;
  border-left: none 1px green;
  border-top: none 1px green;
  border-right: none 1px green;
  background-color: #C5E3BF;
}
.overlay {
  background: rgba(250, 250, 250, 0.5);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}
.choverlay {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
#HeaderImg,
#ImgSMES {
  animation: fadein 1s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#divText,
#divCText {
  animation-name: dropHeader;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.2s;
}
@keyframes dropHeader {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes dropHeader {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0);
  }
}
.SMenu_All ul {
  padding-left: 2px !important;
  margin: 0px 2px 2px 0px;
}
.SMenu_All ul li a {
  text-align: center;
  padding: 10px;
  background-color: #ddd;
  color: white !important;
  font-family: work sans semibold;
  font-size: 11pt;
  cursor: pointer;
  width: auto;
  min-width: 100px;
  border-style: none !important;
}
.SMenu_All ul li a:hover {
  background-color: #9E4000;
}
#OnscreeMenuDisplay {
  padding-left: 5px;
  padding-right: 10px;
}
.SMenu_All {
  text-align: center;
  padding: 0px;
}
.LB1,
.LB2,
.LB0 {
  text-align: left;
}
#divLoginWindow .LB1,
#divLoginWindow .LB2 {
  padding-left: 30px !important;
}
#divht {
  background: white;
  font-family: Roboto-Regular !important;
  /*height: 360px !important;*/

}
.PMnu {
  font-family: Roboto-Regular;
  font-size: 12pt;
  font-style: normal;
  color: #333 !important;
  cursor: pointer;
  text-decoration: none;
}
.CStxtSmall {
  height: 20px;
  color: #333;
  border-radius: 0px;
}
.txtSmall,
.CStxtSmall {
  height: 20px;
  border-collapse: collapse;
  background-color: white;
  padding-right: 5px;
}
.FBG {
  background-color: white;
}
.FBG2 #div1 {
  background: #fff;
  border: 1px solid #ccc;
}
.HRStyle {
  font-size: 11pt !important;
  font-family: Roboto-Regular !important;
  display: inline-block !important;
  overflow: auto !important;
  font: bold;
}
.lblCambria {
  font-family: Roboto-Regular !important;
  font-size: 18px;
  font-style: normal;
  color: #777;
  border: none;
  padding: 10px;
  width: 100%;
  display: inline-block;
}
#tblPersonalize {
  white-space: nowrap;
  border-spacing: 0px;
}
#tblPersonalize td {
  padding: 10px;
  vertical-align: middle;
}
#Tabular {
  /*padding-top: 20px;*/
  padding-bottom: 5px;
}
.TBpan {
  padding-top: 20px;
}
#ctl00_PHM_gvRoles tr:hover {
  background: #e7f1d5 !important;
}
/*#ctl00_PHM_gvRoles tr:hover td {
        background: !important;
    }*/

#grUsers tr:hover {
  background: #e3f6fc !important;
}
/*#grUsers tr:hover td {
        background: !important;
    }*/

#grUsers td a {
  cursor: pointer;
  font-weight: normal;
  color: #333;
  white-space: nowrap;
  text-align: left !important;
}
#grUsers td {
  cursor: pointer;
  font-weight: normal;
  color: #333;
  white-space: nowrap;
  text-align: left !important;
  font-size: 12px !important;
}
#ctl00_PHM_gvRoles td {
  cursor: pointer;
}
.underline {
  text-decoration: underline;
}
#ctl00_PHM_gvSecOrg td {
  color: #333 !important;
  font-family: Roboto-Regular !important;
  font-size: 11pt;
}
#gvMgeFolgv td {
  color: #333 !important;
  font-family: Roboto-Regular !important;
  font-size: 11pt;
}
/*#Main {
    background-color: white;
}*/

/*#ctl00_PHM_btnAdvSrch, #lnkShowFilters, #lnkClear, #lnkApply, #btnGo, #lnkShowChart, #lnkCustomize, #btnCust {
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
*/

/* #lnkClear:hover, #lnkApply:hover {
        color: #fff !important;
    }*/

#OrgFilter td {
  font: 11pt Roboto-Regular;
  padding: 4px;
}
#OrgFilter {
  border: 1px solid #E7F1D5;
}
.OrgPgSet td {
  vertical-align: text-top;
}
.Lbl2 {
  display: none;
}
.mdt {
  color: indianred !important;
  padding-left: 3px;
  font-family: work sans semibold;
}
.mdt2,
#pnlBaseContent .mdt {
  color: #d71996;
  font-size: 14px;
  font-family: work sans semibold;
  padding-left: 3px;
  /*position: absolute;*/

}
/*#pnlContent {
    padding-left: 40px;
}*/

td.lockedAddbase2,
td.lockedAddbase3,
td.lockedAddbase4,
td.lockedAddbase5,
td.lockedAddbase6 {
  border-right: none !important;
  margin-left: 10px;
  margin-top: 3px;
}
#ctl00_PHM_actBtn td {
  padding-left: 10px !important;
}
#ctl00_PHM_actBtn a {
  padding: 0 !important;
}
.btnTabCollapseUp {
  background: url("../imagesp/Up_ArrowBeforeBP.png") no-repeat center #C7C7C7;
  height: 28px !important;
}
.btnTabCollapsedown {
  background: url("../imagesp/Down_ArrowBeforeBP.png") no-repeat center #C7C7C7;
  height: 28px !important;
}
select {
  background-color: #f6f9fc;
  color: #333;
  background: url("../imagesp/ddl_downbp.png") no-repeat center right #ffffff !important;
  padding-right: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  min-width: 140px;
  padding-left: 4px;
  cursor: pointer;
  background-position-x: 99.5% !important;
  background-size: 12px !important;
  padding-right: 15px !important;
  field-sizing: content;
}
.lockedAddbase2 a {
  padding-right: 10px;
}
#Pag,
#ctl00_PHM_ItmLbl {
  font-size: 14px;
}
.demoPanel {
  border: 2px solid #1277d9 !important;
}
.MSChkBox,
.MSChkBox label {
  font-weight: normal;
}
.onImgHover {
  background: url("../imagesp/left_Arrow.png") no-repeat;
  height: 16px;
  width: 16px;
  border-style: none;
  cursor: pointer;
}
.onImgHoverShow {
  background: url("../imagesp/Right_Arrow.png") no-repeat;
  height: 16px;
  width: 16px;
  border-style: none;
  cursor: pointer;
}
.MSTextControl {
  height: 20px;
  color: #333;
  width: 150px;
  font-family: Roboto-Regular;
  font-size: 14px;
  border-collapse: collapse;
  background-color: white;
  border: 1px solid #ccc;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}
#ctl00_PHM_gvSecOrg th,
#ctl00_PHM_gvSecOrg td {
  height: 25px;
  padding-left: 4px;
  padding-right: 4px;
}
#gvLookup th,
#gvLookup td {
  padding-left: 4px;
}
#ctl00_PHM_tblEdit {
  margin-top: 5px;
}
#ctl00_PHM_gvSecOrg a:hover {
  text-decoration: underline;
}
#gvCtxt a:hover {
  text-decoration: underline !important;
}
#gvCtxt a {
  text-decoration: none !important;
}
#ctl00_PHM_gvRoles tr td {
  border: none !important;
}
#ctl00_PHM_gvRoles tr.UMTblr:last-child {
  border: 0 !important;
  border-top: 1px solid gray !important;
}
#ctl00_PHM_gvRoles tr:last-child {
  border-bottom: 1px solid gray !important;
}
#ctl00_PHM_gvRoles .UMTblr table tr,
#ctl00_PHM_gvRoles .UMTblr table {
  border: 0 !important;
}
#ctl00_PHM_gvRoles tr {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}
#ctl00_PHM_gvRoles td:first-child {
  padding-left: 4px;
  padding-right: 4px;
}
#dListDashBoard td div {
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 30px;
  border: 1px solid #ccc;
}
#dListDashBoard td a {
  vertical-align: top;
  font-size: 18px;
  color: #333;
  padding-left: 5px;
}
#dListDashBoard td img {
  vertical-align: middle;
}
#dListDashBoard {
  border-collapse: separate !important;
  border-spacing: 15px;
}
.PBtxt {
  background-color: #C75000;
}
#ProgressLoad {
  position: absolute;
  top: 45%;
  left: 40%;
  width: 200px;
  height: 100px;
  background: white;
}
#ProgressLoad td {
  border: 1px solid black;
}
#ProgressLoad table {
  border-collapse: collapse;
}
#noTrespassingOuterBarG {
  height: 15px;
  width: 120px;
  border: 1px solid #1277d9;
  overflow: hidden;
  background-color: #FFFFFF;
}
.noTrespassingBarLineG {
  background-color: #C75000;
  float: left;
  width: 11px;
  height: 90px;
  margin-right: 18px;
  margin-top: -21px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.noTrespassingAnimationG {
  width: 177px;
  -moz-animation-name: noTrespassingAnimationG;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: noTrespassingAnimationG;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -ms-animation-name: noTrespassingAnimationG;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: noTrespassingAnimationG;
  -o-animation-duration: 0.5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: noTrespassingAnimationG;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-moz-keyframes noTrespassingAnimationG {
  0% {
    margin-left: -29px;
  }
  100% {
    margin-left: 0px;
  }
}
@-webkit-keyframes noTrespassingAnimationG {
  0% {
    margin-left: -29px;
  }
  100% {
    margin-left: 0px;
  }
}
@-ms-keyframes noTrespassingAnimationG {
  0% {
    margin-left: -29px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes noTrespassingAnimationG {
  0% {
    margin-left: -29px;
  }
  100% {
    margin-left: 0px;
  }
}
#ctl00_PHM_txtOn,
#ctl00_PHM_txtBy {
  border: none;
  font-family: Roboto-Regular;
}
#ctl00_PHM_btnChangepwd {
  font-family: Roboto-Regular;
}
.sentenceCase {
  border-radius: 4px !important;
  text-transform: none !important;
  height: 23px !important;
  line-height: 18px !important;
}
.day {
  font-size: 14px;
  cursor: pointer;
  text-align: center !important;
}
.name {
  font-size: 14px;
  cursor: pointer;
}
.wn {
  font-size: 14px;
  cursor: auto;
}
td:not(.Exclude) .HeadBG {
  border-collapse: collapse;
  border-bottom: 5px solid #40505B !important;
}
td:not(.Exclude) .HeadBG .TLMenu {
  left: 175px;
}
.HeadBG {
  width: 100%;
  /*    border-bottom: 1px solid #aaa !important;  */
  background-size: 100% 100% !important;
  z-index: 1;
  background: #f3f3f3;
  /*transition: all .5s ease-in-out;*/
  border-collapse: separate;
  border-width: 10px;
}
.HBGTran {
  background: rgba(69, 85, 96, 0.7) !important;
  position: absolute;
}
.bullet {
  width: 8px;
  height: 8px;
  background-image: url(../imagesp/bulletBP.png) !important;
}
#circularG {
  position: absolute;
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
  background-position-x: 10px;
  background-position-y: 10px;
}
.circularG {
  position: absolute;
  background-color: #1277d9;
  width: 9px;
  height: 9px;
  -moz-border-radius: 6px;
  -moz-animation-name: bounce_circularG;
  -moz-animation-duration: 0.48s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -webkit-border-radius: 6px;
  -webkit-animation-name: bounce_circularG;
  -webkit-animation-duration: 0.48s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -ms-border-radius: 6px;
  -ms-animation-name: bounce_circularG;
  -ms-animation-duration: 0.48s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -o-border-radius: 6px;
  -o-animation-name: bounce_circularG;
  -o-animation-duration: 0.48s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  border-radius: 6px;
  animation-name: bounce_circularG;
  animation-duration: 0.48s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
#circularG_1 {
  left: 0;
  top: 16px;
  -moz-animation-delay: 0.18s;
  -webkit-animation-delay: 0.18s;
  -ms-animation-delay: 0.18s;
  -o-animation-delay: 0.18s;
  animation-delay: 0.18s;
}
#circularG_2 {
  left: 4px;
  top: 4px;
  -moz-animation-delay: 0.24s;
  -webkit-animation-delay: 0.24s;
  -ms-animation-delay: 0.24s;
  -o-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
#circularG_3 {
  top: 0;
  left: 16px;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#circularG_4 {
  right: 4px;
  top: 4px;
  -moz-animation-delay: 0.36s;
  -webkit-animation-delay: 0.36s;
  -ms-animation-delay: 0.36s;
  -o-animation-delay: 0.36s;
  animation-delay: 0.36s;
}
#circularG_5 {
  right: 0;
  top: 16px;
  -moz-animation-delay: 0.42s;
  -webkit-animation-delay: 0.42s;
  -ms-animation-delay: 0.42s;
  -o-animation-delay: 0.42s;
  animation-delay: 0.42s;
}
#circularG_6 {
  right: 4px;
  bottom: 4px;
  -moz-animation-delay: 0.48s;
  -webkit-animation-delay: 0.48s;
  -ms-animation-delay: 0.48s;
  -o-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
#circularG_7 {
  left: 16px;
  bottom: 0;
  -moz-animation-delay: 0.54s;
  -webkit-animation-delay: 0.54s;
  -ms-animation-delay: 0.54s;
  -o-animation-delay: 0.54s;
  animation-delay: 0.54s;
}
#circularG_8 {
  left: 4px;
  bottom: 4px;
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
@-moz-keyframes bounce_circularG {
  0% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.3);
  }
}
@-webkit-keyframes bounce_circularG {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.3);
  }
}
@-ms-keyframes bounce_circularG {
  0% {
    -ms-transform: scale(1);
  }
  100% {
    -ms-transform: scale(0.3);
  }
}
@keyframes bounce_circularG {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.3);
  }
}
#WI .ProcessLoader,
#MWI .ProcessLoader {
  left: calc(50% - 120px);
}
#WI .MinLeft .ProcessLoader,
#MWI .MinLeft .ProcessLoader {
  left: calc(50% - (40px + 55px)/2);
}
.ProcessLoader {
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 35px;
  height: 35px;
  z-index: 60000;
  background-position: center;
  position: fixed;
}
.MinLeft .ProcessLoader {
  left: calc(50% - 55px);
}
.MenuDownArrow {
  display: none;
}
.GVHeaderStyle,
.FilterHeaderStyle th,
.GridHeader > th > td {
  background-color: #fff !important;
}
.GVHeaderStyle td a,
.FilterHeaderStyle th a,
.GVlblStyle,
.GridHeader th td {
  color: #fff !important;
  font-family: Roboto-Regular !important;
  font-size: 10pt !important;
}
#trFax,
#treMail,
#trMail {
  display: none;
}
#chkCS {
  margin-left: 3px;
  border-collapse: collapse;
}
select.focusCtrl {
  background: url('../imagesp/ddl_downbp.png') no-repeat right 50% !important;
  border: 1px solid #9FB6C1 !important;
  background-size: 12px !important;
}
.focusCtrl {
  border: 1px solid #9FB6C1 !important;
}
.focusLbl,
.focusLbl span,
.focusLbl a {
  color: #1277d9 !important;
}
#LogCal,
#Notification,
#Inbox,
#MobSpan {
  /*color: #fff !important;*/
  vertical-align: middle;
  padding-left: 20px;
  cursor: pointer;
}
#LbUserID {
  color: #fff !important;
}
#MobSpan.topIc {
  right: 165px;
}
#MobSpan:not(.topIc) {
  top: 2px;
  position: absolute;
  right: 185px;
}
#Inbox.topIc {
  right: 370px;
  z-index: 9;
}
#Notification.topIc {
  right: 240px;
  z-index: 9;
}
#LogCal.topIc {
  padding: 0px;
  margin-right: 20px;
}
#Inbox:not(.topIc) {
  top: 2px;
  position: absolute;
  right: 100px;
}
div#LgInb {
  font-family: Roboto-Regular;
  font-size: 14px;
  /*padding-bottom: 5px;*/

}
div#LgCal {
  visibility: visible;
  min-width: 50px !important;
  width: 50px !important;
  max-width: 50px !important;
}
#Notification:not(.topIc) {
  top: 2px;
  position: absolute;
  right: 140px;
}
#LogCal:not(.topIc) {
  top: 2px;
  position: absolute;
  right: 60px;
}
#LogCal,
#Notification,
#Inbox {
  cursor: pointer;
}
#Inbox.topIc::after {
  top: -3px;
  left: 110%;
  /*animation: zum .40s ease-in-out 1;
        -moz-animation: zum .40s ease-in-out 1;
        -webkit-animation: zum .40s ease-in-out 1;
        -o-animation: zum .40s ease-in-out 1;*/
  font-family: roboto-regular;
}
#Notification.topIc::after {
  top: -3px;
  left: 110%;
  /*animation: zum .40s ease-in-out 1;
        -moz-animation: zum .40s ease-in-out 1;
        -webkit-animation: zum .40s ease-in-out 1;
        -o-animation: zum .40s ease-in-out 1;*/

}
@-moz-keyframes zum {
  0% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes zum {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes zum {
  0% {
    -ms-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -ms-transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes zum {
  0% {
    -o-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -o-transform: scale(1);
    opacity: 1;
  }
}
@keyframes zum {
  0% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
#Inbox:not(.topIc)::after {
  bottom: -5px;
  left: 5px;
}
#Notification:not(.topIc)::after {
  bottom: -5px;
  left: 5px;
}
.IconMenu > span {
  vertical-align: baseline;
  line-height: 50px;
}
.IconMenu > span::after {
  vertical-align: bottom;
}
#LogCal::after {
  cursor: pointer;
  content: "\ea6f";
  color: #182832 !important;
  font-size: 20px;
  font-family: ep2p;
}
#Notification::before {
  cursor: pointer;
  content: "ALERTS";
  font-family: Roboto-Regular;
  color: #182832 !important;
  font-size: 14px !important;
  vertical-align: bottom;
}
#MobSpan::before {
  cursor: pointer;
  content: "\e145";
  font-family: bancpay2;
  color: #182832;
  font-size: 14pt;
  vertical-align: bottom;
}
#Inbox::before {
  cursor: pointer;
  content: "INBOX";
  font-family: Roboto-Regular;
  color: #182832 !important;
  font-size: 14px !important;
  vertical-align: bottom;
}
span#spnInbox {
  /*visibility: hidden;*/
  position: relative;
}
span#spnInbox::after {
  content: '\e902';
  visibility: visible;
  font-size: 20px;
  font-family: p2p;
  color: #182832;
}
#Inbox:hover::before,
#Notification:hover::before,
#MobSpan:hover::before {
  color: #fff;
}
.IconMenu {
  display: inline;
}
/*
.topIc {
    position: fixed;
    top: 15px;
}
*/

#Notification[data-content]::after {
  content: attr(data-content);
  background: #1277d9;
  font-size: 10px;
  display: inline-block;
  position: absolute;
  min-width: 8px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
  border-radius: 11px;
  background-image: -webkit-linear-gradient(top, #1277d9, #1277d9);
  background-image: -moz-linear-gradient(top, #1277d9, #1277d9);
  background-image: -o-linear-gradient(top, #1277d9, #1277d9);
  background-image: linear-gradient(to bottom, #1277d9, #1277d9);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.1), 0px 1px rgba(0, 0, 0, 0.12);
  z-index: 1;
}
#Inbox[data-content]::after {
  content: attr(data-content);
  background: #C75000;
  font-size: 10px;
  display: inline-block;
  position: absolute;
  min-width: 8px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
  border-radius: 11px;
  background-image: -webkit-linear-gradient(top, #1277d9, #1277d9);
  background-image: -moz-linear-gradient(top, #1277d9, #1277d9);
  background-image: -o-linear-gradient(top, #1277d9, #1277d9);
  background-image: linear-gradient(to bottom, #1277d9, #1277d9);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.1), 0px 1px rgba(0, 0, 0, 0.12);
  z-index: 1;
}
.OnscreenON {
  background-color: #C75000 !important;
  color: #1277d9 !important;
}
.OnscreenOFF {
  background-color: #ddd !important;
  color: white !important;
}
#ctl00_PHM_gvSec th {
  text-align: center;
  padding-right: 25px;
}
#ctl00_PHM_gvSec th {
  font: bold 11pt Roboto-Regular !important;
  border-style: none !important;
}
#ctl00_PHM_gvSec tr td {
  font: 11pt Roboto-Regular !important;
}
.Uicon:before {
  content: "\e915";
  font-family: bancpay2, bancpay !important;
  color: whitesmoke;
  padding: 0 4px !important;
}
.LbDiv {
  font-family: Roboto-Regular;
  font-size: 14px;
  padding-bottom: 5px;
  display: inline;
  right: 100px;
  top: 55px;
  position: fixed;
}
.LGDiv {
  font-family: Roboto-Regular;
  font-size: 14px;
  padding-bottom: 5px;
}
.LbTd {
  vertical-align: middle;
}
#GoHome {
  width: 24px;
  height: 24px;
  padding-right: 10px;
  cursor: pointer;
  vertical-align: top;
  position: absolute;
  right: 230px;
  top: 25px;
  z-index: 30;
}
#TC {
  display: none;
}
#AquilaG {
  padding-left: 2px;
  width: 30px;
  vertical-align: middle;
  display: inline-block;
}
.Aquila_blockG {
  background-color: #FFFFFF;
  border: 1px solid #809f41;
  float: left;
  height: 21px;
  margin-left: 1px;
  width: 6px;
  opacity: 0.1;
  -moz-animation-name: bounceG;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-transform: scale(0.7);
  -webkit-animation-name: bounceG;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-transform: scale(0.7);
  -ms-animation-name: bounceG;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-transform: scale(0.7);
  -o-animation-name: bounceG;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-transform: scale(0.7);
  animation-name: bounceG;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  transform: scale(0.7);
}
#blockG_1 {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#blockG_2 {
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
#blockG_3 {
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-moz-keyframes bounceG {
  0% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0.7);
    opacity: 0.1;
  }
}
@-webkit-keyframes bounceG {
  0% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.7);
    opacity: 0.1;
  }
}
@-ms-keyframes bounceG {
  0% {
    -ms-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -ms-transform: scale(0.7);
    opacity: 0.1;
  }
}
@-o-keyframes bounceG {
  0% {
    -o-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -o-transform: scale(0.7);
    opacity: 0.1;
  }
}
@keyframes bounceG {
  0% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0.1;
  }
}
.isLoader {
  position: fixed;
  top: 200px;
  left: 45%;
  display: inline-flex;
  color: #809f41;
  border: 1px solid #809f41;
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
  background: #ffffff;
}
.isLoader a {
  color: #809f41;
}
#imgSideBar {
  width: 70px;
}
.cssnav a,
.cssnav a.Dump {
  margin-left: 40px;
}
.FlexHC,
.FlexCU {
  background: white;
}
.JBD {
  overflow: auto;
}
#MenuUL {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
#MenuUL li.more {
  padding-left: 20px !important;
  position: fixed;
  right: 1px;
}
.more .CVcurrent {
  background: none !important;
  color: #1277d9 !important;
}
/*div#CtrlCollection #actionLnks {*/

/*padding-right:24px;*/

/*margin-top: 3px;
}*/

.FlexBox > tbody > tr:first-child > td {
  display: table-cell;
  padding-top: 0px;
  padding-bottom: 0px;
  min-width: 150px;
}
#Main1,
#tblFlowLayout,
.fixLO,
#divFilter {
  background: #f2f2f2 !important;
}
.divRWD {
  display: inline-block;
  vertical-align: text-top;
  padding-left: 0px;
}
.divRWD div:first-child {
  padding: 7px 15px;
  vertical-align: top;
  text-align: left;
  background: #ddd;
}
#RptTopiCView {
  font-family: 'Roboto-Regular';
}
.RptTImg {
  border-radius: 8px;
}
.RptTN {
  font-size: 14pt;
  font-family: work sans semibold;
}
.RptRTxt {
  font-family: 'Roboto-Regular';
  color: #ddd;
  font-size: 8pt;
}
.FrstRw td:not(:first-child) {
  border-bottom: 1.5px dashed #a6a6a6;
  vertical-align: bottom;
}
.FTD {
  width: 100px;
}
.GrpTxt {
  font-size: 10pt !important;
  font-family: Roboto-Regular;
}
.TPNo {
  color: #333;
  font-size: 12pt !important;
  font-family: work sans semibold;
  display: inline-flex;
  text-align: left;
}
.TRscnd td {
  vertical-align: top;
}
.TRscnd span {
  vertical-align: middle;
}
.PostMSGLnk {
  padding-top: 20px;
  font-family: 'Roboto-Regular';
  font-size: 14px;
  font-weight: normal;
  text-decoration: none !important;
  color: #333;
}
.PostMSG {
  text-decoration: none;
  cursor: pointer;
}
.PostMSG:hover {
  text-decoration: underline !important;
}
.PostTD {
  padding-top: 20px;
  font-family: work sans semibold;
  font-size: 11pt;
  color: #333;
  text-align: left;
}
.Tmplt > * {
  font-family: 'Roboto-Regular';
  vertical-align: top;
}
.Tmplt td {
  vertical-align: top;
}
.Tmplt {
  padding-left: 5px;
  line-height: 10px;
  margin-bottom: 10px;
}
.Tmplt td:nth-child(2) {
  width: 400px;
  float: left;
}
#CmntBy {
  color: #39589D;
  font-size: 14px;
  vertical-align: text-top;
  font-family: work sans semibold;
}
#Cmnts {
  font-size: 14px;
  vertical-align: text-top;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 50%;
  line-height: 120%;
  font-family: 'Roboto-Regular';
}
#TNoti {
  color: #ddd;
}
#DLTCmnt,
#TNoti {
  font-size: 7pt;
  vertical-align: text-top;
}
#DLTCmnt {
  color: #F27030;
}
.txtsmall,
.CStxtsmall {
  color: #333;
  height: 16px;
  border-collapse: collapse;
  width: 150px;
  font-family: Roboto-Regular;
  font-size: 14px;
  background-color: white;
  border: 1px solid #ccc;
  /*border-radius: 5px;*/
  padding-left: 5px;
  padding-right: 5px;
}
.ImgSmall {
  border: 1px solid #ccc;
  width: 120px;
  height: 100px;
  border-radius: 5px;
  cursor: pointer;
}
.Listsmall,
.PostList {
  border: none;
  height: 100px;
  /*overflow: auto;*/
  padding-top: 4px;
}
.lnksmall a,
.Lstsmall a {
  color: #333;
}
.Lstsmall {
  overflow: auto;
}
.lnksmall {
  text-decoration: none;
  padding: 10px 5px;
  cursor: pointer;
}
.PostList {
  height: auto !important;
}
.DisBd {
  font-size: 14px;
  font-family: Roboto-Regular;
  color: #404040;
  width: 100%;
}
.DisBd td {
  vertical-align: top;
  padding: 5px 0px;
}
.checkbox label {
  margin-bottom: 10px;
}
.Listsmall input[type=checkbox],
.ModernChk input[type=checkbox],
.HModernChk {
  display: none;
}
.Listsmall label,
.ModernChk label,
.HModernChkL {
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  display: inline;
}
.Listsmall label:before,
.ModernChk label:before,
.HModernChkL:before {
  border-radius: 3px;
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-family: FA2;
  top: -2px;
}
.Listsmall input[type=checkbox]:disabled + label:before,
.ModernChk input[type=checkbox]:disabled + label:before {
  background-color: #cad3d7;
}
.Listsmall input[type=checkbox] label:before,
.ModernChk input[type=checkbox] label:before,
.HModernChkL {
  border-radius: 3px;
}
input[type="radio"] + label {
  cursor: pointer !important;
  vertical-align: text-top;
}
input[type="radio"] {
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer !important;
}
input[type="checkbox"] + label {
  cursor: pointer !important;
  font-size: 9.5pt;
  color: #333;
  font-weight: normal;
}
.ModernChk input[type=checkbox]:checked + label:before,
.Listsmall input[type=checkbox]:checked + label:before,
input[type=checkbox].HModernChk:checked + label:before,
input[type=checkbox].Listsmall:checked + label:before {
  content: "\f00c";
  /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */
  font-size: 8pt;
  color: #333 !important;
  text-align: center;
  line-height: 14px;
  border: 1px solid #cfd3d4 !important;
  background-color: #fff !important;
  color: #fff;
}
.ClsX,
.PostX,
.Lnkbtn {
  padding: 5px;
  text-decoration: none;
  font: 9pt Roboto-Regular;
  cursor: pointer;
  color: #333;
}
.ClsX:hover,
.PostX:hover,
.Lnkbtn:hover,
.lnksmall:hover,
#DLTCmnt:hover {
  text-decoration: underline;
}
#MulPrvt {
  display: none;
}
#DisImg {
  vertical-align: bottom;
}
.DisDiv {
  border: 1px solid #1277d9;
  border-top-width: 5px;
  width: 400px;
  position: fixed;
  background: white;
}
.PostDiv {
  border: 1px solid #1277d9;
  border-top-width: 5px;
  width: 380px;
  position: fixed;
  background: white;
}
#MulMSg {
  width: 250px;
  height: 120px;
  overflow: hidden;
  resize: none;
}
#PopBox,
#PostBox {
  background: rgba(255, 255, 255, 0.5);
}
#PopBox,
#PostBox {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
}
.ListMenu li {
  display: inline-block;
  font-family: 'Roboto-Regular';
  font-size: 14px;
  font-weight: normal;
  padding: 0px 0 0 20px;
  cursor: pointer;
  line-height: 30px;
}
.ListMenu a {
  text-decoration: none;
}
#PopBoxbtn {
  text-decoration: none;
}
#PopBoxbtn:hover {
  text-decoration: underline;
}
.linkstyle {
  font-family: work sans semibold;
}
.ListMenu a:hover {
  text-decoration: underline;
}
.ListMenu {
  padding: 0;
  margin: 0;
}
.DisHdr {
  border-bottom: 1.5px dashed #A6A6A6;
  font: 10pt bold;
  font-family: Roboto-Regular;
}
.DisHdr th {
  text-align: left;
  width: 20%;
}
.DisHdr th:first-child {
  width: 25%;
}
.DisHdr span {
  font-family: Roboto-Regular;
  vertical-align: middle;
}
#DisGV td {
  font-size: 14px;
  font-family: Roboto-Regular;
}
.AcLink {
  margin: 0;
  padding: 0;
}
.AcLink a {
  color: #F27030;
  text-decoration: none;
  font-size: 14px;
  padding-right: 10px;
}
.AcLink li a:first-child {
  width: 60px;
}
.AcLink a:hover {
  text-decoration: underline;
}
.TopicName {
  font-family: work sans semibold;
  color: #1277d9;
  text-decoration: none;
}
.TopicName:hover {
  text-decoration: underline;
}
.shdwtxt {
  font-size: 8pt !important;
}
.auto-style1 {
  height: 30pt;
  width: 96pt;
  color: #333;
  font-size: 11pt;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-family: Roboto-Regular;
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
  border-style: none;
  border-color: inherit;
  border-width: medium;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
}
.DisGVRow {
  padding-bottom: 20px;
}
#DisGV td {
  vertical-align: top;
}
.DsTd td {
  vertical-align: middle;
  padding-right: 4px;
}
.TopicImage {
  border-radius: 5px;
  margin-right: 10px;
}
#NoRecord {
  border: 2px solid #1277d9;
  border-radius: 6px;
  font-family: Roboto-Regular;
  margin-top: 100px;
  padding: 5px;
  width: 200px;
}
.SrchTxt {
  height: 20px;
  border-collapse: collapse;
  width: 135px;
  font-family: Roboto-Regular;
  color: #333;
  font-size: 8pt;
  background-color: #ffffff;
  border: 1px solid #ccc;
  text-align: left;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 10px;
}
#BtnSrchGO {
  font-size: 14px;
  font-family: 'Roboto-Regular';
}
body {
  margin: 0;
  background: transparent !important;
}
.ListMenu a:visited,
.ListMenu a:focus {
  font-family: work sans semibold;
  color: #333;
}
.ListMenu a {
  color: black;
}
#DLTCmnt {
  cursor: pointer;
  text-decoration: none;
}
#DisGV tr:not(:first-child):hover {
  background-color: #4F5A5E;
}
@media all and (max-width: 1000px) {
  #HTable1 td {
    display: inline-flex;
  }
}
.DBAC {
  font-family: 'Roboto-Regular';
  font-size: 14px;
  scrollbar-arrow-color: #C75000;
  scrollbar-track-color: white;
  scrollbar-face-color: #A1D3DF;
  scrollbar-shadow-color: #A1D3DF;
  z-index: 10000000;
  background: white;
  overflow-y: auto;
  overflow-x: hidden;
  color: #333;
}
/*.ui-state-hover, .ui-state-hover a {
    background: @colorx1 !important;
    color: @alterblue2 !important;
}
 .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("../imagesp/ui-icons_222222_256x240.png") !important;
}

.DBAC li:hover, .DBAC li:focus, .ui-state-hover a:hover, .ui-state-focus a:hover, .ui-state-focus:hover, .ui-state-focus, .ui-state-focus a {
    color: #16A085 !important;
}*/

.DBAC li a:hover,
.DBAC li a:focus {
  color: #C75000 !important;
}
.FTD + td {
  text-align: left;
}
#DtailCmnt td {
  text-align: left;
}
#CommentRptr {
  background: white;
}
#UndoDiv {
  width: 78%;
}
#UndoDiv div {
  display: table-cell;
  border: 1px solid #ccc;
  height: 50px;
  width: 200px;
  vertical-align: middle;
  padding: 4px;
  box-shadow: -2px 1px 8px 0px #9f9f9f;
  text-align: center;
}
#UndoDiv a:first-child {
  border-radius: 100%;
  padding: 2px 4px;
  background: #C75000;
  font-size: 8pt;
  color: #333;
  margin: 0 3px;
  cursor: pointer;
}
#UndoDiv a:first-child::after {
  content: "\2713";
}
#UndoDiv a:last-child {
  border-radius: 100%;
  padding: 2px 6px;
  background: #f27030;
  font-size: 8pt;
  color: #333;
  margin: 0 3px;
  cursor: pointer;
}
#lblProdVersion p {
  padding-left: 20px;
}
#tblActions {
  height: 40px;
}
#tblActions td a {
  padding: 10px 11px 10px;
}
#ctl00_PHM_txtOn,
#ctl00_PHM_txtBy {
  border: none;
  font-family: 'Roboto-Regular';
}
#ctl00_PHM_btnChangepwd {
  font-family: 'Roboto-Regular';
}
#ctl00_btnURMClose {
  color: #333 !important;
}
#ctl00_PHM_actBtn td {
  padding-left: 15px !important;
}
#ctl00_PHM_actBtn a {
  padding: 0 !important;
}
#ctl00_PHM_gvRoles tr:hover {
  background: #CCDAEC !important;
}
/*#ctl00_PHM_gvRoles tr:hover td {
        background: !important;
    }*/

/*#grUsers tr:hover td {
    background: !important;
}*/

#grUsers td {
  cursor: pointer;
  font-size: 14px !important;
}
#ctl00_PHM_gvRoles td {
  cursor: pointer;
}
/*.tdGreen {
    border-bottom: none 1px green;
    border-left: none 1px green;
    border-top: none 1px green;
    border-right: none 1px green;
    background-color: #e5f5c9;
    font-family: 'Roboto-Regular';  !important;
    font-size: 11pt !important;
}*/

/*.tdRed {
    border-bottom: none 1px red;
    border-left: none 1px red;
    border-top: none 1px red;
    border-right: none 1px red;
    background-color: #FFE4E1;
    font-family: 'Roboto-Regular';  !important;
    font-size: 11pt !important;
}*/

.CW {
  padding: 0px;
  background-color: white !important;
  border-radius: 10px !important;
  position: absolute;
  margin-top: -3px !important;
  margin-left: 16px !important;
  font-size: 16px;
}
.CB:before {
  padding: 0px;
  border-radius: 10px !important;
  position: absolute;
  margin-top: -3px !important;
  margin-left: 16px !important;
  color: #333;
  content: "\e935";
  font-family: qub;
  font-size: 16px;
}
.CG:before {
  padding: 0px;
  position: absolute;
  margin-top: -3px !important;
  margin-left: 16px !important;
  color: #1277d9;
  content: "\e935";
  font-family: qub;
  font-size: 16px;
}
.CO:before {
  padding: 0px;
  border-radius: 10px !important;
  position: absolute;
  margin-top: -3px !important;
  margin-left: 16px !important;
  color: #d71996;
  content: "\e935";
  font-family: qub;
  font-size: 16px;
}
.ancPos {
  z-index: 11;
}
.SetUnBold {
  color: #333;
  font-family: 'Roboto-Regular';
  font-size: 9pt;
}
.SetBold {
  color: #333;
  font-family: work sans semibold;
  font-size: 9pt;
  text-decoration: none;
}
.SetUnBold:hover {
  text-decoration: underline;
}
.LU1 {
  font-family: Roboto-Regular;
  font-size: 10.5pt;
  color: #333;
  text-decoration: none;
}
.LU1:hover {
  color: #1277d9;
}
.PersonalBold {
  font-family: work sans semibold;
  font-size: 12pt;
  color: #333;
  text-decoration: none;
}
.PersonalBold:hover {
  cursor: pointer;
  color: #1277d9;
}
.PersonalUnBold {
  font-family: Roboto-Regular;
  font-size: 12pt;
  color: #333;
  cursor: pointer;
  text-decoration: none;
}
.PersonalUnBold:hover {
  color: #1277d9;
}
#gdvHistory th a,
#gdvRouteHistory th a,
#_Gridview0 th a,
#_Gridview1 th a,
#_Gridview0 th,
#_Gridview1 th {
  color: #333 !important;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-family: work sans semibold;
}
#gdvRouteHistory_ctl02_tblWH tr td,
#_Gridview0 th td,
#_Gridview1 th td {
  color: #333;
}
#gdvHistory th,
#gdvRouteHistory th,
#_Gridview0 th,
#_Gridview1 th {
  /*border-top: 1px solid #BEBFBF;
    border-bottom: 1px solid #BEBFBF;*/
  border-style: none;
  white-space: nowrap;
  background: #ddd;
  height: 24px;
  border-right: 1px solid #fff;
  padding-right: 2px;
  padding-left: 2px;
}
#divMB {
  overflow-x: hidden !important;
}
.PMenuCSS td a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Roboto-Regular !important;
  font-size: 14px;
}
.SetColor {
  color: white !important;
  border-bottom-color: #1277d9 !important;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  cursor: pointer;
}
.RemoveColor {
  color: white !important;
  cursor: pointer;
}
.DvView {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 2222222222222;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.SHdr > span {
  font-size: 13pt;
  font-family: work sans semibold;
  color: #1277d9;
  text-align: left;
  vertical-align: middle;
  padding: 10px;
}
#CardNO,
#MMYY,
#CVV,
#NOC {
  font-size: 10pt;
  font-family: Roboto-Regular;
  color: #333;
}
.ED {
  width: 100px;
  display: inline-block;
  font: 9pt Roboto-Regular !important;
  color: #333 !important;
  padding-top: 12px !important;
  padding-left: 3px;
}
.ck:after {
  content: "\2713";
  font-size: 25px;
  color: #F27030;
  text-align: center;
  border-radius: 100%;
  animation: tick 0.34s;
  padding: 4px 20px;
}
/*.shwcse {
    vertical-align: middle;
    font-size: 8pt;
    color: @colorx13;
}*/

/*#ECVV {
    display: inline-block;
    vertical-align: bottom;
    height: 30px;
}*/

input::-ms-check {
  color: #1277d9;
}
.mk {
  color: #333;
  text-decoration: underline;
  font-size: 8pt;
  cursor: pointer;
  padding-left: 20px;
}
/*#CCARD {
    display: inline-flex;
}*/

#SecODiv {
  display: flex;
  flex-wrap: inherit;
  flex-direction: column;
  align-self: flex-end;
  width: 400px;
}
#sCard {
  position: fixed;
  top: 35%;
  left: 35%;
  border: 1px solid #ccc;
  background: white;
  padding: 10px;
  border-radius: 8px;
  animation: S_card 0.3s;
  z-index: 12;
}
#Scont {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  Z-index: 10;
}
#btnCCsave {
  width: 60px;
  height: 30px;
  padding: 5px;
}
.roundX {
  background: #e94343;
  padding: 0 5px 1px 5px;
  color: white;
  cursor: pointer;
  border-radius: 100%;
  float: right;
  margin-top: -20px;
  margin-right: -18px;
  font-family: Roboto-Regular;
}
input[id*=_Gridbase2_][id*=_txtCol_SlNo] {
  margin-top: 12px;
}
/*#PayGrid td, #PayGrid th, #PayGrid {
    border: none;
    padding: 5px;
}*/

.PayGR {
  font-family: Roboto-Regular;
  font-size: 11pt;
  vertical-align: middle;
  color: #333;
  text-align: left;
  background-color: white;
  padding-left: 2pt;
  padding-right: 2pt;
  border-bottom: 2px solid #DAEABE !important;
  border-top-style: none !important;
  border-left-style: none !important;
  border-right-style: none !important;
}
.PayHd {
  border-bottom: 1px solid black;
}
.PayPage td a {
  border: none;
  color: #333;
}
#PayGrid th {
  text-align: left;
}
/*#PayGrid tr:first-child {
    border-bottom: 1px solid black;
}*/

#HeaderDivGVM {
  margin-left: 10px;
}
/*#OffCnt {
    background-color: #fff;
}*/

#divContactUs {
  background-color: white;
  table-layout: fixed;
  width: 100%;
  height: 450px;
  display: none;
}
.bgdiv {
  background: white;
}
#HTable1,
#Table2 {
  width: 100%;
  padding-top: 10px;
  text-align: left;
}
#Table1 {
  width: 80%;
}
#mnuTabs ul li span:hover {
  background: none !important;
}
#mnuTabs ul {
  margin-top: 12px;
}
#HeaderDivgrUsers #grUsers tr.UMTblr PGRow:hover {
  background-color: red !important;
}
#HeaderDivgrUsers #grUsers tr:hover {
  background-color: transparent !important;
}
#HeaderDivctl00_PHM_gvContextAttributes #ctl00_PHM_gvContextAttributes :nth-child(2) {
  text-align: left;
}
#HeaderDivctl00_PHM_gvContextAttributes #ctl00_PHM_gvContextAttributes tr {
  display: table;
}
#gdvRouteHistory th {
  white-space: nowrap;
}
#tdPersonalInfo,
#tdOff,
#tdOutofoffice,
#tdAccounts,
#tdSumary,
#tdRoles,
#tdPriv,
#tdCnxt,
#tdExe,
#tdSecOrg,
#tdPrivileges,
#tdContext,
#tdHistory,
#tdTran,
#tdPreferences,
#tdAdress,
#tdDescription,
#tdFInfo {
  padding: 0px !important;
}
#divTemplatefileds {
  width: 240px;
  max-height: 230px;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 0px;
  cursor: pointer;
  padding-left: 4px;
}
#gvShowTemplate {
  border-style: none !important;
  border-left-style: none;
  border-right-style: none;
}
#gvShowTemplate tr th a {
  color: white;
}
#spnTitle,
#spnLib {
  font-family: work sans semibold !important;
}
#lblRepeatFieldName {
  font-family: Roboto-Regular !important;
  font-size: 12pt;
}
#divTemplateFilter {
  background-color: white;
  border: 1px solid #ccc;
}
.ContentPG {
  width: 100%;
}
#ctl00_PHM_tblCustomFields caption {
  font: bold 11pt Roboto-Regular !important;
  color: #333 !important;
  margin-bottom: 10px;
}
#tblCustomFields caption {
  font-family: work sans semibold;
  font-size: 16pt;
  color: #1277d9;
  text-align: left;
}
#btnChangepwd {
  font-family: Roboto-Regular !important;
  font-size: 12pt !important;
}
#txtMsgFld {
  color: #333 !important;
  height: 35px !important;
  font-size: 25px !important;
  margin-bottom: 0px;
  padding-right: 10px !important;
  border: 1px solid #dfdfdf !important;
  padding-left: 10px !important;
  border-radius: 5px;
  font-family: Roboto-Regular !important;
}
#divOtp {
  padding-left: 81px;
}
#tblOTP {
  padding-left: 20px;
}
#lblErrOTP,
#lblInfo {
  color: #cd2026;
  font-size: 12px;
}
#spnPopUp {
  font-family: 'Roboto-Regular';
  font-size: 11pt !important;
  top: 10px;
  font-weight: bold !important;
  position: relative;
}
.NP .ui-button-text {
  display: none;
}
.ui-dialog-titleMB {
  width: 95%;
  display: inline-block;
  font-size: 17px;
  font-family: work sans semibold;
  font-weight: normal;
  color: #333 !important;
  padding-top: 11px;
  padding-bottom: 7px;
  margin-left: 12px !important;
}
.NP .ui-button {
  border: 0px solid gray;
  background: url(../imagesp/cross.PNG) 50% 50% no-repeat;
  font-family: work sans semibold;
  color: #333;
  height: 20px;
  outline: none;
  cursor: pointer;
}
/*.ui-dialog-titleMB { affected in Lookup window
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding-left: 7px;}*/

a.LogClose.lgx:before {
  color: #333 !important;
}
.NP {
  border: 1px solid #ccc;
}
#spnPopUp ul {
  padding-left: 0;
  text-align: justify;
  font: 11pt normal 'Roboto-Regular';
  line-height: 1.3 !important;
  margin-top: 0px;
}
#spnPopUp ul li {
  padding: 5px;
}
.ui-dialog-content {
  overflow: auto;
  margin-top: 10px;
  padding-right: 25px;
}
#tblPopDesc td {
  background-color: white !important;
  border-collapse: collapse !important;
  cursor: default !important;
}
#PopDesc {
  padding-left: 10px;
  margin-top: -2px;
  border-radius: 0px 0px 8px 8px !important;
}
.ui-dialog {
  padding: 10px;
  background-color: #FFF;
  /*background: #FFF url(../imagesp/AquiladivBG_BancPay.png) no-repeat;*/
  /*border-radius: 0px !important;*/
  font-family: work sans semibold;
  font-size: 12pt !important;
}
.NP {
  border: 1px solid gray;
}
#divOptSet,
#divWFSet,
#divFTP {
  background-color: white !important;
}
.ErrorRef {
  color: #cd2026;
  font-family: 'Roboto-Regular';
  font-size: 14px;
}
.FilterHeaderStyle {
  background: none !important;
  text-align: left !important;
}
#btnSkip {
  vertical-align: sub;
  display: inline-block;
  padding-top: 4px;
}
#ctl00_PHM_gvCtxt {
  width: auto !important;
}
#divCtxt {
  padding-left: 10px !important;
}
.FreezedGV:not(#gdvLookup) th a,
.FreezedGV:not(#gdvLookup) th {
  display: table-cell;
  font-size: 14px;
  /*white-space: nowrap;*/
  color: #333 !important;
  /*text-transform: uppercase;*/

  /*height: 24px;
    line-height: 24px;*/

}
#divCM {
  vertical-align: super;
  display: inline-block !important;
}
td:not(.Exclude) .ScndRow td {
  background: #40505B;
}
td:not(.Exclude) .FstRow {
  background: #40505B;
}
body:not(#LogBody) .FstRow {
  /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);*/
  background: #fff;
}
#FreezingDiv {
  padding-left: 0px !important;
  width: 207px !important;
  position: relative;
}
.UsrInfo {
  text-align: center;
}
.UsrInfo span {
  color: white;
  font-family: work sans semibold;
}
.border-menu:before,
.border-menu:after {
  color: #5BA0B3;
  top: 5px !important;
}
#lblLoginHeader1 {
  color: #333 !important;
}
#lblLoginHeader2 {
  color: #333 !important;
  font-size: 13.5pt !important;
  font-weight: normal !important;
}
#tblLC > tbody > tr > td:first-child {
  display: none;
}
#trLogin {
  height: 100px;
}
#tblLC,
#Table1 {
  position: relative;
  animation: brdr 0.4s;
  -moz-animation: brdr 0.4s;
  -webkit-animation: brdr 0.4s;
  -o-animation: brdr 0.4s;
}
#DivTab1 {
  display: none;
}
#FooterLogo {
  display: block !important;
  color: #333;
  font: 10pt Roboto-Regular;
  margin-top: 40px;
}
.FLogo {
  background: url(../imagesp/BancPayLogoF.png) no-repeat;
  width: 168px;
  height: 40px;
  background-size: contain;
}
#AlterText {
  padding-bottom: 20px;
}
#FlowLayout {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.Scroller {
  position: fixed;
  top: 45%;
  z-index: 10;
  transition: all 0.1s ease;
  opacity: 0.2;
  filter: alpha(opacity=20);
  width: 0px;
}
.Scroller:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.RightScroller {
  margin-left: 3px;
}
#GVMPanelHeader .LeftScroller,
#GVMPanelHeader .RightScroller {
  margin-top: 3px;
}
.LeftScroller,
.RightScroller {
  position: absolute;
  cursor: pointer;
  font-size: 12pt;
  font-family: bancpay2;
  color: #333;
  background-color: transparent;
  border-radius: 2px;
  border: none;
  width: 20px;
  height: 24px;
  padding-left: 0;
  padding-right: 0;
}
.LeftScroller:hover,
.RightScroller:hover {
  color: #1277d9;
}
.ImageCust {
  display: none;
}
.ImageLock {
  background-color: #C75000;
  text-shadow: 1px 1px rgba(199, 80, 0, 0.51);
  box-shadow: 0 5px 0 transparent;
  padding: 7px;
  margin: 0;
  border: 1px solid #1277d9;
  border-left-color: #1277d9;
}
#oImage:hover .ImageLock,
#oImage:focus .ImageLock,
#tdLoginl > table:hover .ImageLock,
#tdLoginl > table:focus .ImageLock {
  background-color: #C75000;
  border-color: #1277d9;
}
.loginContainer table {
  border-collapse: collapse;
  padding: 0 !important;
  width: 100%;
}
.loginContainer tr#login_loginCtrl_trUserID td.md-input-container {
  margin-bottom: 20px;
}
input#login_loginCtrl_UserName {
  text-transform: lowercase;
}
.textbox_login,
#ddlCountry {
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 30px;
  box-shadow: none !important;
  padding: 0px 7px;
  font-family: roboto-regular;
}
/*textarea#txtCHSupportMsg {
    border: 1px solid #99cc66;
}*/

/*.Register .textbox_login {
    padding: 0;
}*/

#loginContainer {
  padding: 20px 10px 10px 10px;
}
.divActive label {
  color: #1277d9 !important;
}
@keyframes brdr {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
    animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
  }
  70% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
}
@-moz-keyframes brdr {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
    animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
  }
  70% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
}
@-webkit-keyframes brdr {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
    animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
  }
  70% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
}
.md-input-container label {
  color: #E1E1E1;
  font: 13.5pt Roboto-Regular !important;
  display: none;
}
* {
  outline: none;
}
.LTitle {
  color: #1277d9;
  font-family: 'Times New Roman';
  text-transform: capitalize;
  font-weight: bold;
  font-size: 14pt;
}
.LTitle:before {
  content: 'XBP P2P';
  color: #333;
  font-family: work sans semibold !important;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 12pt;
  display: block !important;
  padding-left: 4px;
  visibility: visible;
}
@-webkit-keyframes rip {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }
  50% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 5px 130px transparent;
  }
}
@keyframes rip {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }
  50% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 5px 130px transparent;
  }
}
#LogBody .LogFL {
  background: linear-gradient(#052849 50%, #fff 50%) !important;
  background: -webkit-linear-gradient(#052849 50%, #fff 50%) !important;
  background: -moz-linear-gradient(#052849 50%, #fff 50%) !important;
}
#ContactUs {
  background: #fff !important;
}
@keyframes lazyup {
  0% {
    padding-top: 50px;
    opacity: 0;
  }
  20% {
    padding-top: 40px;
    opacity: 0.5;
  }
  40% {
    padding-top: 30px;
    opacity: 0.7;
  }
  60% {
    padding-top: 20px;
    opacity: 0.8;
  }
  80% {
    padding-top: 10px;
    opacity: 0.9;
  }
  100% {
    padding-top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes lazyup {
  0% {
    padding-top: 50px;
    opacity: 0;
  }
  20% {
    padding-top: 40px;
    opacity: 0.5;
  }
  40% {
    padding-top: 30px;
    opacity: 0.7;
  }
  60% {
    padding-top: 20px;
    opacity: 0.8;
  }
  80% {
    padding-top: 10px;
    opacity: 0.9;
  }
  100% {
    padding-top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes lazyup {
  0% {
    padding-top: 50px;
    opacity: 0;
  }
  20% {
    padding-top: 40px;
    opacity: 0.5;
  }
  40% {
    padding-top: 30px;
    opacity: 0.7;
  }
  60% {
    padding-top: 20px;
    opacity: 0.8;
  }
  80% {
    padding-top: 10px;
    opacity: 0.9;
  }
  100% {
    padding-top: 0px;
    opacity: 1;
  }
}
/*#trPic > td {
    width: 100px;
}*/

@keyframes zoompic {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0;
  }
  20% {
    width: 20px;
    height: 20px;
    opacity: 0.5;
  }
  40% {
    width: 40px;
    height: 40px;
    opacity: 0.7;
  }
  60% {
    width: 60px;
    height: 60px;
    opacity: 0.8;
  }
  80% {
    width: 80px;
    height: 80px;
    opacity: 0.9;
  }
  100% {
    width: 100px;
    height: 100px;
    opacity: 1;
  }
}
@-webkit-keyframes zoompic {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0;
  }
  20% {
    width: 20px;
    height: 20px;
    opacity: 0.5;
  }
  40% {
    width: 40px;
    height: 40px;
    opacity: 0.7;
  }
  60% {
    width: 60px;
    height: 60px;
    opacity: 0.8;
  }
  80% {
    width: 80px;
    height: 80px;
    opacity: 0.9;
  }
  100% {
    width: 100px;
    height: 100px;
    opacity: 1;
  }
}
@-moz-keyframes zoompic {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0;
  }
  20% {
    width: 20px;
    height: 20px;
    opacity: 0.5;
  }
  40% {
    width: 40px;
    height: 40px;
    opacity: 0.7;
  }
  60% {
    width: 60px;
    height: 60px;
    opacity: 0.8;
  }
  80% {
    width: 80px;
    height: 80px;
    opacity: 0.9;
  }
  100% {
    width: 100px;
    height: 100px;
    opacity: 1;
  }
}
.captionTxt {
  padding: 2px 0;
  margin: 0;
  font: 8pt Roboto-Regular;
  text-indent: 10px;
  font-stretch: expanded;
  white-space: nowrap;
  width: 20em;
  overflow: hidden;
  animation: type 2s steps(60, end);
  color: #333;
  display: none;
}
@keyframes type {
  from {
    width: 0;
  }
}
@-moz-keyframes type {
  from {
    width: 0;
  }
}
@-webkit-keyframes type {
  from {
    width: 0;
  }
}
.crcl {
  color: #1277d9;
  font-size: 12pt;
}
/*.BPfull, #divContent, #divLogin, #divOtherWindow {
    -webkit-animation: lazyup .40s 1;
    -moz-animation: lazyup .40s 1;
    animation: lazyup .40s 1;
}*/

.Imgcusts {
  position: absolute;
  width: 207px;
  display: inline-block;
}
body:not(#LogBody) .Imgcusts {
  background: #fff;
}
/*.Imgcusts:hover {
        transition: all .70s ease-in-out;
}*/

.Imagesizing1 {
  display: none;
  /*width: 216px;
    height: 69px; */
  padding-top: 0px;
  padding-left: 0px;
  /* width: 150px; */
  position: relative;
  /* top: -2px; */

}
.LogFL .Imagesizing1 {
  padding-top: 14px;
  display: block;
}
#imgCustomer {
  display: block;
  height: 40px;
  margin-top: 7.5px;
  animation: fadeInRight 0.5s ease-out;
  -webkit-animation: fadeInRight 0.5s ease-out;
  -moz-animation: fadeInRight 0.5s ease-out;
}
#imgCustomer2 {
  z-index: 1;
}
.Imgcusts:hover #imgCustomer2 {
  display: block;
}
/*.Imgcusts:hover #imgCustomer {
    display: none !important;
}*/

/*.fixLO:hover {
    z-index: 10;
}*/

.fixLO {
  position: fixed;
  z-index: 5;
  /*background-color: #fff;*/
  top: 55px !important;
  width: calc(100% - 55px) !important;
  /* padding-left: 10px; */
  /* padding-right: 12px; */
  transition: width 0.2s;
}
.fixLO > tbody > tr > td {
  padding: 0px 20px;
}
.TLFXLP {
  position: relative;
  /*background: white;*/

}
#divChart {
  background: #f2f2f2 !important;
}
.Posabs {
  position: absolute;
}
.Posfxd {
  position: fixed !important;
}
@keyframes xfade {
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
    visibility: hidden;
  }
  92% {
    opacity: 0;
    visibility: hidden;
  }
}
.top2 {
  top: 0px !important;
}
@-moz-document url-prefix() {
  .top2 {
    top: 4px !important;
  }
}
#GVMHeaderCopy + tr td > div {
  display: inline;
}
#GVMHeaderCopy + tr td > div > a {
  /*padding-left: 50px;*/
  text-decoration: underline;
}
.rSepTop,
.rSepToptd {
  display: none;
}
.LogFL {
  position: relative;
}
/*.ui-widget-content .ui-state-default { Calendar UI broken
    border: 0px solid gray;
    background: white;
    font-weight: normal;
    color: #e4ecef;
    outline: none;
    font-size: 10pt;
    cursor: pointer;
    padding-right: 15px;
}
*/

/*.ui-state-active, .ui-widget-content .ui-state-active {
    background: @colorx24 url(../imagesp/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
}*/

.ui-dialog-titlebar-close {
  border: none;
  /*color: #1c94c4;*/
  color: transparent;
  float: right;
}
.fc-button-today {
  color: #A5A5A6;
}
#BackDiv,
#BackDiv1 {
  overflow: auto;
}
.fc {
  padding-bottom: 20px;
  padding-left: 10%;
  padding-right: 10%;
}
.ui-dialog {
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
}
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
  border-style: solid;
  border-color: #2C6E83;
  background-color: #2C6E83;
  color: #fff;
}
.fc-event-time {
  display: none;
}
.closeon {
  color: red;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 10pt;
  cursor: pointer;
}
.ui-widget-header {
  border: 0px !important;
  background: none !important;
}
.ui-dialog-titlebar {
  padding: 0px !important;
}
.ui-dialog-title {
  color: #333 !important;
  padding-left: 16px;
  font-size: 12pt;
}
.ui-dialog-buttonpane {
  background: #fff !important;
}
.ui-dialog-titlebar-close {
  background: #FFF;
}
.ui-widget-overlay {
  z-index: 999999;
  filter: alpha(opacity=70);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
}
.MnuLnk {
  border-collapse: collapse;
}
.MnuLnk td a {
  border: none;
  transition: all 0.1s ease-in-out;
  padding: 3px 10px;
  background-color: #C75000;
  color: #fff;
  border-radius: 2px;
  line-height: 20px;
}
.MnuLnk td > a {
  background-color: #C75000;
  margin-left: 4px;
}
.MnuLnk td div > a {
  background-color: #C75000;
  margin-left: 3px;
  margin-right: 2px;
}
.MnuLnk td li > a {
  padding-right: 0px;
}
.MnuLnk td a:hover {
  /*background-color: @colorx4;*/
  color: #fff;
  text-decoration: none;
  /*border-radius:0px;*/

}
.MnuLnk td {
  display: inline-block;
}
/*#actionLnks nav > ul > li > a, #tdButtons nav > ul > li > a, #tdImageCntrls div > a, #tdNewWI #btnNew, #tdUploadWI #btnUpload {
    border: none;
    transition: all .10s ease-in-out;
    padding: 3px 20px;*/

/*background-color: @colorx1;*/

/*color: @bluedark;
    padding-bottom: 5px;
    border-radius: 2px;
    cursor: pointer;
}

#actionLnks li > div > ul > li > a, #tdNewWI #btnNew, #tdUploadWI #btnUpload {
    border: none;
    transition: all .10s ease-in-out;
    padding: 0px 10px;
    color: @bluedark;
    padding-bottom: 5px;
}*/

tr#trTopActions > td,
tr#trActionBtns > td {
  vertical-align: top !important;
  /*padding-right: 6px;*/

}
#trTopActions {
  min-height: 45px;
}
/*div#trActionBtns {
    padding-top: 4px;*/

/*padding-left: 10px;
    padding-right: 5px;*/

/*}*/

/*#actionLnks li > a {
    padding-top: 7px !important;
}
*/

td.tdPage {
  height: 0px !important;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    #actionLnks li > a {
        padding: 0px 10px !important;
    }
}
*/

.ThreeLineMenu {
  vertical-align: middle;
  padding: 0;
  margin: 0px;
}
.imgA,
.imgV {
  /*background-color: @colorx1;*/
  display: block;
}
/* Temporary Change - Start */

.ThreeLineMenu {
  /*background-color: white;*/
  cursor: default;
  pointer-events: none;
}
/* Temporary Change - End */

/*.imgA:hover, .imgV:hover {
    background-color: #85B45B;
}*/

/*#actionLnks li a, #tdImageCntrls div a {
    text-decoration: none !important;
    font-size: 10pt;
    cursor: pointer;
    min-width: 100px !important;*/

/*height: 40px !important;*/

/*}*/

#overflow li a {
  padding: 0px 10px !important;
  width: 100% !important;
}
#tdButtons nav ul li a {
  text-decoration: none !important;
  font-size: 14px;
  cursor: pointer;
  min-width: 100px !important;
  padding: 3px 20px;
}
/*#actionLnks li:not(.TDmore) a:hover {
    border-color: transparent;
    color: white !important;
}*/

.drop-nav {
  position: relative;
  padding-left: 0px !important;
  margin: 0;
}
.drop-nav ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  border: 1px solid #fff;
  background: #fff;
  display: none;
  min-width: 150px;
  text-align: left;
}
.drop-nav li:hover ul {
  display: block;
  position: fixed;
  z-index: 10000;
  background: #fff;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  margin-left: -10px;
  padding: 5px;
}
.jqcontextmenu .drop-nav li:hover ul {
  margin-left: 0px !important;
  margin-top: -7px;
}
.drop-nav ul li a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  color: #333;
  background: #fff;
  border-top: none !important;
  font-family: 'work sans';
}
.drop-nav li:hover li {
  float: none;
  background: #fff !important;
}
.drop-nav li ul li:hover a {
  background: #1277d9 !important;
  color: #fff !important;
}
.drop-nav ul li a {
  padding: 0px 10px;
  font-size: 14px !important;
}
ul.ULdropdown li {
  height: 34px;
  line-height: 34px !important;
  margin: 0px 5px !important;
}
.hasLi {
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border-radius: 4px;
  height: 25px;
}
.hasLi > div {
  margin: 0px;
  width: 16px;
  display: inline-block;
  text-align: center;
  border: none;
  color: #fff;
  background-color: transparent;
  border-left: 1px solid transparent !important;
  border-radius: 4px;
  /*height: 24px;*/

}
li#tdWebDownload ul.dropsub {
  min-width: 100px;
}
/*#nav > li.flic ul.dropsub {
    margin-top: 6px;
}*/

#tdFileAttach .hasLi > div {
  padding: 0px;
}
.hasLi > div:hover {
  /* background: @pinkcolor !important; */
  cursor: pointer;
}
.hasLi > a {
  border: none !important;
}
.sub-nav {
  display: inline-block;
  line-height: 12px;
  height: 10px;
}
.pnlStyleActions {
  padding: 0px !important;
  margin-top: 0px !important;
}
/*
#pnlActionButtons a {
    width: auto !important;
}*/

#tblMenuIcons a {
  display: inline-block;
  padding-top: 4px;
}
.pnlStyleActionsWI {
  opacity: 1 !important;
}
.BPLg {
  width: 10%;
  display: none;
  padding: 10px;
}
.fLinks {
  width: 80%;
}
.SLinks {
  width: 20%;
}
.Cprt {
  font-size: 9pt;
  font-family: Roboto-Regular;
  color: #333;
  width: 200px;
  padding-left: 20px;
  width: 20%;
}
.Cprt a {
  color: #899BC0;
}
.Cprt a:hover,
.Cprt a:focus,
#BPMenuTitle a:hover,
#BPMenuTitle a:focus {
  color: #1277d9;
  cursor: pointer;
  text-decoration: underline;
}
#BPMenuTitle a {
  font-size: 9pt;
  font-family: Roboto-Regular;
  color: #899BC0;
  width: 30%;
}
#BPLinks {
  width: 200px;
  margin-right: 10px !important;
}
.prftop {
  position: absolute;
  left: 42%;
  bottom: 40%;
  opacity: 0;
  display: none;
}
#ULFAQ span:hover,
#ULFAQSearch span:hover {
  text-decoration: underline;
  cursor: pointer;
}
.txtMultiHS {
  height: 100px !important;
}
.LeftPane {
  vertical-align: top;
  background: #454E50;
  width: 207px;
  padding: 0;
  display: table-cell;
  transition: all 0.1s ease-in-out;
}
#BP3Login {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  transition: all 0.1s ease-in-out;
}
#BP3Login #accordion {
  width: 207px;
  border-top: none;
  transition: all 0.1s ease-in-out;
}
#accordion ul:first-child > li > div:hover {
  width: 207px !important;
  background: #124e73 !important;
}
#accordion ul:first-child > li > div:not(.current):hover {
  background: #08345e !important;
  color: #fff;
  width: 207px;
}
#tdMenuLinks #accordion {
  background: #1277d9;
  position: relative;
}
.TLMenu {
  position: absolute;
  left: 175px;
  width: 20px;
  padding: 24px 10px;
  /*background: @colorx20;*/
  transition: all 0.1s ease-in-out;
  color: #fff;
  z-index: 10;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .TLMenu {
    padding: 27px 10px;
  }
  td:not(.Exclude) .HeadBG {
    border: 0 !important;
  }
}
@-moz-document url-prefix() {
  .TLMenu {
    padding: 42px 10px;
  }
  
  td:not(.Exclude) .HeadBG {
    border: 0 !important;
  }
}
.TLMenu::before,
.RTLMenu::before {
  content: "\e236";
  color: #333;
  font-family: bancpay, bancpay2;
  font-size: 14pt;
  transform: rotate(-360deg);
  transition: all 0.1s ease-in-out;
}
.TLMenu.ic::before {
  transform: rotate(450deg);
  transition: all 0.1s ease-in-out;
}
.TLMenu:hover::before,
.RTLMenu:hover::before {
  color: #fff;
}
.RTLMenu {
  left: 207px;
  padding: 0;
  position: fixed;
  top: 0;
  width: 24px;
  padding-left: 5px;
  padding-top: 5px;
}
.ImgSeperator img[title=fb]:hover {
  background-color: #9E4000;
  border-radius: 100%;
}
.ImgSeperator img[title='g+']:hover {
  background-color: #4F5A5E;
  border-radius: 100%;
}
.ImgSeperator img[title=Linkedin]:hover {
  background-color: #0094BC;
  border-radius: 100%;
}
.ImgSeperator img[title=twitter]:hover {
  background-color: #00ABE3;
  border-radius: 100%;
}
div.MenuImg {
  font-family: bancpay !important;
  color: #ebf1f4;
  font-size: 20px;
  height: 30px;
  box-sizing: content-box;
}
div.MenuImg[iurl=PurchaseRequest]:before {
  content: "\f044";
  font-family: FA;
  font-size: 14px;
}
div.MenuImg[iurl=GR]:before {
  content: '\ea73';
  font-family: p2p;
  font-size: 16px;
}
div.MenuImg:before {
  content: "\e964";
  font-family: p2p;
  font-size: 16px;
  color: #ffffff;
}
div.MenuImg[iurl*=ReportsIc]:before {
  content: "\eaaa";
  font-family: 'ep2p';
}
div.MenuImg[iurl=Admin]:before {
  content: "\ea99";
  font-family: P2P !important;
}
div.MenuImg[iurl=MasterData]:before {
  content: "\ea86";
  font-family: qub !important;
}
div.MenuImg[iurl=CheckRequest]:before {
  content: "\f155";
  font-family: FA;
  font-weight: bold;
  margin-left: 3px;
}
div.MenuImg[iurl=ExpenseReport]:before {
  content: "\e90f";
}
div.MenuImg[iurl=Contract]:before {
  content: "\e9e8";
  font-family: 'qub';
}
div.MenuImg[iurl=PurchaseOrders]:before {
  content: "\f114";
  font-family: FA !important;
  font-size: 14px;
}
div.MenuImg[iurl=ShipmentNotes]:before {
  content: "\e967";
  font-family: P2P;
}
div.MenuImg[iurl=BPAbout]:before {
  content: "\e101";
}
div.MenuImg[iurl=submission]:before {
  content: "\e063";
}
div.MenuImg[iurl=Register]:before {
  content: "\e920";
}
div.MenuImg[iurl=signin]:before {
  content: "\e929";
}
div.MenuImg[iurl*=helpcenter]:before {
  content: "\e90c";
  font-size: 14px;
  font-family: bancpay;
}
div.MenuImg[iurl=contactus]:before {
  content: "\e926";
}
div.MenuImg[iurl=selfhelp]:before {
  content: "\e906";
}
div.MenuImg[iurl=techinfo]:before {
  content: "\e908";
}
div.MenuImg[iurl=Dashboard1]:before {
  content: "\e91c";
  font-family: BP !important;
}
div.MenuImg[iurl*=aiIcon] + a:after {
  content: "\f589";
  color: #fff;
  position: absolute;
  right: 10px;
  font-family: 'bootstrap-icons';
}
div.MenuImg[iurl*=aiIcon] + a:after {
  animation: glitch 2s infinite reverse;
}
@keyframes glitch {
  0% {
    text-shadow: 0 0 5px #00f2ff, 0 0 10px #00f2ff;
    transform: scale(1);
  }
  50% {
    text-shadow: 0 0 20px #00f2ff, 0 0 40px #00f2ff;
    transform: scale(1.1);
  }
  100% {
    text-shadow: 0 0 5px #00f2ff, 0 0 10px #00f2ff;
    transform: scale(1);
  }
}
div.MenuImg[iurl=Dashboard]:before {
  content: "\e927";
  font-family: 'qub';
  font-size: 17px;
}
div.MenuImg[iurl=Invoices]:before {
  content: "\f15c";
  font-family: FA;
  margin-left: 2px;
}
div.MenuImg[iurl='Planning']:before {
  content: "\ea3b";
  font-family: qub !important;
  font-size: 18px;
  font-weight: bold;
}
div.MenuImg[iurl='Procurement']:before {
  content: "\ea82";
  font-family: p2p !important;
  font-size: 22px !important;
  margin-left: -5px;
}
div.MenuImg[iurl='Fulfilment']:before {
  content: "\ee61";
  font-family: qub !important;
  margin-left: -2px;
  font-size: 20px;
}
div.MenuImg[iurl=myfolders]:before {
  content: "\e917";
}
div.MenuImg[iurl=Report]:before {
  content: "\e922";
}
div.MenuImg[iurl=connections]:before {
  content: "\e905";
}
div.MenuImg[iurl=account]:before {
  content: "\e915";
}
div.MenuImg[iurl=SignHistory]:before {
  content: "\e928";
}
div.MenuImg[iurl=createinvoice]:before {
  content: "\e907";
}
div.MenuImg[iurl=webupload]:before {
  content: "\e92a";
}
div.MenuImg[iurl=sent]:before {
  content: "\EA89";
  font-family: ep2p;
}
div.MenuImg[iurl=received]:before {
  content: "\e91f";
}
div.MenuImg[iurl=folder]:before {
  content: "\e911";
}
div.MenuImg[iurl=folders]:before {
  content: "\e917";
}
div.MenuImg[iurl=CompInfo]:before {
  content: "\e916";
}
div.MenuImg[iurl=CompDir]:before {
  content: "\e916";
}
div.MenuImg[iurl=Musers]:before {
  content: "\e921";
}
div.MenuImg[iurl=Aging]:before {
  content: "\e900";
  padding-left: 2px;
}
div.MenuImg[iurl=Inventory]:before {
  content: "\e150";
}
/*div.MenuImg[iurl="Inventory"] {
        transform: rotate(90deg);
        vertical-align: sub;
        height: 18px;
        width: 22px;
        text-align: center;
        padding-top: 6px;
        padding-right: 2px;
    }*/

div.MenuImg[iurl=WH]:before {
  content: "\e90d";
}
div.MenuImg[iurl=Productivity]:before {
  content: "\e91e";
}
div.MenuImg[iurl=invite]:before {
  content: "\e910";
}
div.MenuImg[iurl=pendreq]:before {
  content: "\e91c";
}
div.MenuImg[iurl=myconnection]:before {
  content: "\e916";
}
div.MenuImg[iurl=newconnection]:before {
  content: "\e919";
}
div.MenuImg[iurl=rejreq]:before {
  content: "\e921";
}
div.MenuImg[iurl=MessageBoard]:before {
  content: "\e914";
}
div.MenuImg[iurl=changepwd]:before {
  content: '\ea7e';
  font-family: qub;
}
div.MenuImg[iurl=personalize]:before {
  content: "\e901";
}
/*div.MenuImg[iurl=manage]:before, div.Itemicon.manage:before {
    content: "\ea73";
    font-family: p2p;
}*/

div.MenuImg[iurl=Discount]:before {
  content: "\e124";
}
div.MenuImg[iurl=PTerm]:before {
  content: "\e177";
}
div.MenuImg[iurl=msgboard]:before {
  content: "\e914";
}
div.MenuImg[iurl=changepwd]:before {
  content: '\ea7e';
  font-family: qub;
}
div.MenuImg[iurl=Unassigned]:before {
  content: "\e921";
}
div.MenuImg[iurl=SignInHistory]:before {
  content: "\ea86";
  font-family: qub !important;
}
div.MenuImg[iurl=UserStatistics]:before {
  content: "\e916";
}
div.MenuImg[iurl=Seating]:before {
  content: "\e925";
}
.MenuImg[iurl=Accrual]:before {
  content: "\e023";
}
.icon-Benefits:before {
  content: "\e901";
}
div.MenuImg[iurl=Localization]:before {
  content: "\e902";
}
div.MenuImg[iurl=WIP]:before {
  content: "\e91c";
}
.icon-ChangePassword:before {
  content: '\ea7e';
  font-family: qub;
}
.icon-Communication:before {
  content: "\e904";
}
.menu-circle {
  display: none;
  content: "";
  font-family: bancpay2;
  float: right;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 100%;
  margin: 10px;
}
.top:not(.has-sub) .menu-circle {
  margin: 15px 10px;
}
#tdTLIcon {
  display: none;
}
.MuLIHlight.top div > div {
  color: #fff;
  /*background: #124e73 !important;*/

}
.top.MuLIHlight div .menu-circle {
  border-color: #f7961d !important;
  background: rgba(247, 150, 29, 0.21);
}
.action {
  background-color: #C75000;
  color: #fff;
  width: 170px;
  font-size: 18px;
  display: inline-block;
  padding: 8px 12px 8px 12px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-left-color: #fff;
  border-right-color: #fff;
  font-weight: normal;
  text-decoration: none;
}
.action:hover {
  background-color: #d58512;
  border-color: #d58512;
  cursor: pointer;
  color: #fff;
}
.heading {
  color: #333;
  font-size: 29px;
  font-family: work sans semibold;
  padding-left: 10px;
}
.subheading {
  color: #333;
  font-size: 18px;
  font-family: 'Roboto-Regular';
  padding-left: 10px;
}
.Adpadding ul li {
  padding: 5px;
  font-size: 10.5pt;
  position: relative;
  padding-left: 10px;
}
.pager li > a,
.pager li > span {
  margin-right: 2px;
  text-decoration: none;
  height: 21px;
  width: 24px;
  line-height: 20px;
  padding: 0px !important;
}
.pager li > a:hover {
  text-decoration: underline;
}
.pager {
  white-space: nowrap;
}
.MenuDisable a:hover {
  text-decoration: none !important;
}
#ULFAQ li::before {
  content: "\f111";
  font-size: 7pt;
  font-family: 'FA';
  color: #1277d9;
  position: absolute;
  top: 9px;
  left: -5px;
}
ul#ULFAQSearch li {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}
li.lineSL {
  border-bottom: 1px solid #ddd;
  position: relative;
  margin-bottom: 10px;
}
li.lineSL span {
  position: absolute;
  right: 0px;
  top: -5px;
  font-family: work sans semibold;
  background: #ddd;
  padding: 5px;
}
ul#ULFAQSearch li > span.FspanBold,
ul#ULFAQSearch li > .lblnormalHS {
  padding-left: 15px !important;
}
.Seperator .ImgSeperator {
  padding-top: 10px;
  color: #1277d9;
  position: static;
}
.ImgSeperator td {
  padding: 0 0px 0 10px;
}
.Seperator td {
  border-right: 1px solid #0070C0;
  padding: 0 10px 0 10px;
  color: #1277d9;
  font-size: 100%;
  font-family: Roboto-Regular;
}
.Seperator td:last-child {
  border-right: none !important;
}
.TxtSeetings .Lvl1 {
  display: none;
}
#BSForm h1,
#BSDiv h1 {
  font-size: 18pt;
}
#TechCont {
  padding-left: 20px;
}
#HdCont1 {
  padding-left: 15px;
  background: #f2f2f2;
}
#trTopActions,
#trActionBtns {
  background-color: transparent;
  /*padding-bottom:10px;*/

}
.TdActions {
  background: #fff;
  padding: 7px 0;
  box-shadow: -1px 2px 3px rgba(204, 197, 185, 0.5);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#trActionBtns.noscr {
  margin-right: 22px;
}
.flLayout #trActionBtns.noscr {
  margin-right: 21px;
}
.flLayout #trActionBtns.noscr + div#trListing div#Tlist {
  padding-right: 30px !important;
}
#trActionBtns {
  /*padding-bottom: 10px;*/
  /*background: #fff;*/
  margin-left: 20px;
  margin-right: 20px;
}
.spanCal::before {
  content: url('../imagesp/calender.gif');
  /*content: '\e163';
    font-family: bancpay2;*/
  color: #1277d9;
  cursor: pointer;
  vertical-align: bottom;
  font-size: 14pt;
}
.spanCal {
  cursor: pointer;
}
/*#tabButSection {
    display: inline-table !important;
}

#tblAtControls {
    width: 100% !important;
}

table.sc_menu {
    display: inline-table !important;
}*/

.SC_MenuTable a {
  margin-left: 6px;
  margin-right: 6px;
}
#ddlCountry:focus {
  border-color: #454E50 !important;
}
.txtMyProf {
  width: 100%;
  height: 20px !important;
  padding-top: 10px !important;
  padding-right: 16px !important;
  padding-bottom: 10px !important;
  font-size: 18px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  color: #333 !important;
}
.ddlMyProf {
  width: 100%;
  height: 40px !important;
  padding-top: 10px !important;
  padding-right: 16px !important;
  padding-bottom: 10px !important;
  font-size: 18px;
  line-height: 1.42857143;
  color: #333 !important;
  background-color: #fff;
  background: url("../imagesp/ddl_downbp.png") no-repeat right #ffffff !important;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  background-size: 12px !important;
}
.btnMyProf {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  color: #fff;
  background: #1277d9;
  width: 100%;
  display: block;
  padding: 10px 35px;
  font-size: 18px;
  line-height: 1.3333333;
  background-color: #1277d9;
  border-color: #eea236;
}
.btnMyProfSucces {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  color: #fff;
  background-color: #99cc66;
  width: 100%;
  display: block;
  padding: 10px 35px;
  font-size: 18px;
  line-height: 1.3333333;
  border-color: #eea236;
}
#tblAStatus {
  width: 70%;
}
.gvLogRS {
  color: #333 !important;
  background-color: #f9f9f9 !important;
  font-family: Roboto-Regular !important;
  font-weight: 400 !important;
  line-height: 1.4285 !important;
  padding: 8px !important;
  border-bottom-color: red !important;
  border-bottom: 1px solid #ddd !important;
}
.gvLogARS {
  color: #333 !important;
  background-color: white !important;
  font-family: Roboto-Regular !important;
  font-weight: 400 !important;
  line-height: 1.4285 !important;
  padding: 8px !important;
  border-bottom: 1px solid #ddd !important;
}
.urmPager td td,
#PageLocator.urmPager td {
  color: #333;
  font-family: 'Roboto-Regular';
  font-size: 14px;
  text-decoration: none;
  border-style: solid;
  border-right-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-color: #ddd;
  border-left-color: #ddd;
  border-bottom-color: #ddd;
  height: 12px;
  width: 26px;
  text-align: center;
  padding: 0px !important;
  height: 26px;
  border-right-width: 0px;
}
.urmPager td td:first-child,
#PageLocator.urmPager td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left-width: 1px;
}
.urmPager td td:last-child,
#PageLocator.urmPager td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
#PageLocator.urmPager a {
  color: #333 !important;
  text-decoration: none;
}
#PageLocator.urmPager a:hover {
  text-decoration: underline;
}
.urmPager td span {
  margin: 0 !important;
  height: 26px;
  color: white;
  font-family: work sans semibold;
  background-color: #1277d9;
  min-width: 16px;
  display: inline-block;
  text-align: center;
  margin: 0px !important;
  padding: 0px !important;
  width: 100%;
  padding: 0 !important;
  line-height: 26px;
}
.urmPager span ~ td {
  background-color: #C75000 !important;
}
/*#divDisplay td:first-child img, #divDisplay td:first-child {
    width: 0px;
    padding: 0;
}*/

.urmPager span {
  font-family: Roboto-Regular !important;
  font-size: 10pt !important;
  font-weight: normal !important;
}
#tblFirstCol,
#tblSecCol,
#tblSRFC,
#tblSecRow,
#tblthirdRow,
#tblLast {
  width: 90% !important;
}
#jsAlert1_background {
  position: fixed !important;
  z-index: 9999999999 !important;
}
/*#divDisplay td:first-child {
    vertical-align: middle;
    padding: 0 20px;
}*/

/*#divDisplay {
    height: 100%;
    display: block;
    list-style-image: none;
    color: rgba(216, 216, 216, 1);
    padding-left: 0px !important;
    /* position: absolute; */

/* margin-top: auto; */

/* margin-bottom: auto;
    padding: 0 !important;
    margin: 0;
}*/

#divDisplay {
  width: 100%;
}
#divDisplay > table {
  height: 100%;
}
/*#btnSubmitUserName, #btnSubmitAnswer {
    margin-left: 3px;
    cursor: pointer;
    float: left;
    height: 40px;
    background: @colorx1;
    font-family: 'Roboto-Regular'; ;
    font-size: 12pt;
    color: #fff;
    border-radius: 0px;
    width: auto;
    box-shadow: 0 5px 0 transparent;
    border-left: 10px solid @alterblue;
    border-right: 10px solid @alterblue;
}*/

/*#btnSubmitUserName:hover, #btnSubmitAnswer:hover {
    background: @colorx1 !important;
    transition: all .10s ease;
}

#btnSubmitUserName:active, #btnSubmitAnswer:active {
    box-shadow: 0 2px 0 transparent;
    text-shadow: 1px 2px 1px 0px #rgba(199, 80, 0, 0.51);
    }*/

#jqi,
.jqi_state.PromptPopup {
  border-radius: 0px !important;
}
.jqiiIC {
  vertical-align: middle !important;
  padding: 0 10px;
  float: left;
  display: none;
}
#jsAlert1_popup {
  min-height: 50px;
  height: auto !important;
  top: 10%;
  border: 1px solid #777 !important;
  z-index: 9999999999 !important;
  padding: 10px !important;
  width: 30% !important;
}
/*#jsAlert1_popupBody {
    background-color: transparent !important;
    width: 100% !important;
    padding-top: 0px !important;
    bottom: 1px;
}*/

#divDisplay table td {
  vertical-align: middle;
  color: #333 !important;
  padding-right: 10px;
  padding-left: 5px;
  word-break: break-word;
  white-space: normal;
}
/*.BaseFreeze #lblCPHT1 {
    padding-left: 25px !important;
}*/

#GVF > tbody > tr > td:first-child {
  display: none;
}
/*.lnks {
    padding-bottom: 0px !important;*/

/*height: 100%;*/

/*}*/

#tblRefFields tr:not(:first-child) td [id*=ddlDT_] {
  width: auto !important;
}
#Headerdivview0 td:first-child,
#Headerdivview1 td:first-child {
  display: none;
}
/*#divFilter {
    overflow-x: auto !important;
    overflow-y: auto !important;
}*/

.img-responsive {
  width: 30px;
  /*height: 30px;*/
  vertical-align: text-bottom;
}
.FileType {
  position: fixed;
  z-index: 99999999;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
}
.FileType ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  background: #fff;
}
.FileType ul li {
  display: block;
  position: relative;
  background: #fff;
  white-space: nowrap;
  height: 27px;
  line-height: 27px;
  padding-left: 5px;
}
.FileType ul li a {
  color: #333;
}
.FileType ul li:hover a {
  color: #fff;
}
.FileType ul li:hover {
  background: #1277d9;
  border-top: none !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .TLGridview tr td:first-child,
  .TLGridview tr th:first-child {
    vertical-align: middle;
  }
}
#gvOrg tr th {
  font-size: 10pt !important;
  color: #333 !important;
  font-family: work sans semibold !important;
  text-align: center;
  cursor: default;
  z-index: 50;
}
#ctl00_PHM_divOrg {
  scrollbar-arrow-color: #454E50 !important;
  scrollbar-track-color: white !important;
  scrollbar-face-color: #CDCDCD !important;
  scrollbar-shadow-color: white;
}
.PageTitle {
  font-family: 'work sans medium';
  font-size: 16.5px;
  font-weight: normal;
  color: #333;
  white-space: nowrap;
  /*text-transform:uppercase;*/

}
tr.even {
  background: #f7f7f7;
}
.PageTitleSignIn {
  font-family: work sans semibold;
  font-size: 18pt;
  color: #333;
  white-space: nowrap;
  padding-top: 14px !important;
  padding-left: 0px !important;
}
.SectionTitle {
  font-family: work sans semibold !important;
  color: #333;
  white-space: normal;
  text-align: left;
}
.GeneralTextLarge {
  font-family: Roboto-Regular;
  font-weight: normal;
  color: #333;
}
.GeneralTextLargeBold {
  font-family: work sans semibold;
  color: #333;
}
.GeneralTextMedium {
  font-family: Roboto-Regular;
  font-weight: normal;
  color: #333;
}
.GeneralTextSmallBold {
  font-family: work sans semibold;
  font-size: 14px;
  color: #333;
  /* padding-left: 5px; */

}
.GeneralTextMediumBold {
  font-family: work sans semibold !important;
  color: #333;
}
.GeneralTextSmall {
  font-family: Roboto-Regular;
  font-size: 14px;
  font-weight: normal;
  color: #333;
}
.FieldSet {
  color: #333;
  font-family: work sans semibold;
}
.Hyperlinks,
.TLlnk {
  font-family: Roboto-Regular;
  font-weight: normal;
  color: #333;
  cursor: pointer;
  padding-right: 5px;
  text-decoration: none;
  font-family: work sans !important;
}
.Hyperlinks:hover,
.TLlnk:hover {
  /*text-decoration: underline;*/
  color: #1277d9;
}
div.jqi button {
  font-family: Roboto-Regular;
  font-size: 12pt;
  font-weight: normal;
  color: #FFFFFF;
  background-color: transparent;
}
/*#jqi_state0_buttonOK:before,*/

button#jqi_state0_buttonNo::before,
#jqi_state0_buttonCancel:before,
button#jqi_state0_buttonNej:before,
#jqi_state0_buttonNon:before,
#jqi_state0_buttonStornieren:before,
#jqi_state0_buttonAnnuler:before,
#jqi_state0_buttonNein:before,
#jqi_state0_buttonNee:before,
#btnDSWCancel:before,
.close_btn:before,
span#OrbClose:before {
  content: '\00D7';
  display: inline-block;
  font-family: Roboto-Regular;
  color: #333;
  font-size: 18pt;
  top: 10px;
  position: absolute;
}
button#jqi_state0_buttonNo::before:hover,
#jqi_state0_buttonCancel:before:hover,
#jqi_state0_buttonNon:before:hover,
#jqi_state0_buttonStornieren:before:hover,
#jqi_state0_buttonAnnuler:before:hover,
#jqi_state0_buttonNein:before:hover,
#jqi_state0_buttonNee:before:hover {
  background-color: transparent !important;
}
#closeTd:after,
#closebt:after,
#btnClear:after {
  content: '\00D7';
  display: inline-block;
  font-family: Roboto-Regular;
  color: #333;
  font-size: 18pt;
  top: 0px !important;
  position: absolute;
  right: 6px;
  line-height: 20px;
}
a#lnkhidefilters {
  color: #333;
  font-size: 30px;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 10px;
}
#lnkShowFilters.Clx:after {
  top: 95px;
  z-index: 9;
  right: -2px;
  visibility: visible;
  position: absolute !important;
}
div#trFilters:not(.popup):before {
  content: 'Advanced Search';
  position: absolute;
  top: 15px;
  /*z-index: -2; beats Exela P2P:2449*/
  left: 45px;
  font-family: work sans semibold;
  z-index: 2;
}
div#FilterGrid div:not(.InrRst) div#divFilterFields {
  /* for-if last fast select drop not working problem */
  padding-bottom: 30px !important;
}
button#jqi_state0_buttonNo::before {
  right: 16px;
  top: 6px;
}
button#jqi_state0_buttonNo,
button#jqi_state0_buttonNein,
button#jqi_state0_buttonNee,
button#jqi_state0_buttonNej,
button#jqi_state0_buttonNon {
  text-indent: -4px;
}
.GridViewStyle:not([id*=gvOrg]):not([id*=gdv]):not([id*=GVMFreeze]) {
  border-style: none !important;
  border: 0;
  width: 100%;
  padding-left: 3px;
}
#GVMFreeze {
  /*border-left: none !important;
    border-bottom: none !important;
    border-top: none !important;
    border-style: solid;
    border-color: @darkiegray !important;
    border-width: 2px !important;*/
  border: none !important;
  box-shadow: inset -1px 2px 0px 0px #ddd;
}
.Grid_Header,
.GVMHeader th,
.GridViewStyle th,
.Grid_HeaderRow th,
.tdHFno,
.tdHForm,
.tdHCField,
.tdHFile,
.tdHPageNo,
.tdHStatus,
.tdHDel {
  font-family: work sans semibold;
  color: #333;
  /*background-color: white;*/
  /*height: 25px;*/
  text-align: left;
  /*border: 1px solid white;*/
  /*border-top:1px solid @colorx16;
    border-right:1px solid @colorx16;*/
  /*padding: 5px 10px 5px 10px;*/
  vertical-align: middle !important;
  text-transform: capitalize;
}
tr#GVMHeader th {
  background: transparent;
  text-align: left !important;
}
#GVMCopyFreeze th:not(:last-child) {
  border-right: 1px dotted white;
}
#GVMCopy th,
#GVM th {
  border-right: 1px dotted white;
  border-left: 1px dotted transparent;
}
#GVMFreeze tr td:first-child,
#GVM tr td:first-child {
  padding: 0px 10px 0px 10px;
}
tr#GVMHeaderCopy th {
  border: 1px solid #fff !important;
}
/*.Grid_Header a, .GVMHeader th a, .GridViewStyle th a, .GridViewStyle th a, .Grid_Header span, .GVMHeader th span, .GridViewStyle th span, .GridViewStyle th span {*/

.Grid_Header a,
.GVMHeader th a,
.GridViewStyle th a,
.Grid_Header span,
.GVMHeader th span,
.GridViewStyle th span:not(.mdt) {
  color: #333 !important;
  text-decoration: none;
  text-transform: capitalize;
  font-family: work sans semibold;
}
.GridData,
.tdFno,
.tdForm,
.tdCField,
.tdFile,
.tdPageNo,
.tdStatus,
.tdDel {
  font-family: Roboto-Regular;
  font-weight: normal;
  color: #333;
  white-space: nowrap;
  /*border-style: none;*/

}
.PagePadd span,
.PagePadd a {
  padding: 6px 10px;
  margin: 0;
}
.PagePadd span#lblPage {
  padding: 6px 5px 6px 0px !important;
}
.PageNumbers,
.PageCount,
.PageText,
.PageNav,
.GoTo {
  font-family: Roboto-Regular !important;
  font-size: 9.5pt;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  font-weight: normal !important;
}
.PageNumbers,
.GoTo,
.PageNav {
  border: 1px solid #ccc;
  margin: 0 1px;
  background: #fff;
  border-right: none;
  padding-right: 12px;
}
a.PageNumbers:hover,
a.PageNav:hover {
  text-decoration: underline;
  color: #fff;
  background: #0b4a87;
}
.CurrentPage {
  font-family: Roboto-Regular;
  font-size: 9.5pt;
  font-weight: normal !important;
  background: #1277d9;
  color: white;
  border: 1px solid #1277d9 !important;
  border-right: none;
}
.FieldLabels {
  font-family: Roboto-Regular;
  font-weight: normal;
  color: #333;
}
.InputCtrls {
  font-family: Roboto-Regular;
  font-size: 9.5pt;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc !important;
  height: 30px !important;
  padding: 0 5px;
  border-radius: 3px;
}
/*#btnRerouteAction {
    margin-right: -7px;
}*/

.InputCtrls2 {
  font-family: Roboto-Regular;
  font-size: 9.5pt;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 30px;
  padding: 0 5px;
}
.InputCtrls[placeholder][value=""] {
  color: #ddd;
  vertical-align: middle;
}
.InputCtrls:active,
.InputCtrls:focus {
  color: #333;
}
.InputCtrls[disabled=disabled],
select[disabled] {
  color: #333;
  background-color: #F0F0F0 !important;
  cursor: default;
  opacity: 1;
}
.InputCtrls[readonly=readonly] {
  color: #333;
  /*background-color: @colorx10;*/

}
select::-ms-expand {
  display: none;
  background: url("../imagesp/ddl_downbp.png") no-repeat right #ffffff !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-size: 12px !important;
}
#tblRefFields {
  border-collapse: collapse;
}
input::-ms-check {
  color: #333;
}
.TblSpace510 td,
.TblSpace510 th {
  padding: 5px 10px;
}
.PagePadding {
  padding-left: 40px;
  margin-top: 15px;
}
.TblSpace5 td,
.TblSpace5 th {
  padding: 5px;
}
#NTLFxdLO {
  /*background-color: #fff;*/
  margin: 0;
  z-index: 1;
  height: 50px;
  width: 100%;
  /*transition: all .10s ease-in-out;
    -webkit-transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;*/

}
.TIList .row div:first-child::after {
  content: ": ";
  float: right;
}
.TIList {
  font-size: 11pt;
}
span#lblOrganization {
  white-space: nowrap;
}
#gvStat tr td:not(:first-child) {
  padding-right: 4px;
}
#gvStat tr td:first-child {
  text-align: left !important;
  vertical-align: middle;
}
#gvStat_ctl13_lblTotal {
  padding-left: 5px !important;
}
.FooterGV {
  font-family: work sans semibold;
  font-size: 12pt;
  color: #333;
  background-color: #EaEaEa;
  height: 25px;
  border-style: none !important;
  border: none !important;
  text-align: right;
}
.FooterGV td {
  border: none !important;
}
#gvMgeFol > tbody > tr > td,
#gvMgeFol > tbody > tr > th {
  padding-left: 4px !important;
}
/*#tblCompDetails tr td:first-child + td :focus + label {
    color: red !important;
    text-transform: capitalize;
}*/

#txtCompDetails,
#txtBN,
#txtAdd1,
#txtAdd2,
#txtWebsite,
#txtdes,
#txtBankName,
#txtBankAd {
  width: 350px !important;
}
#gvLogHistoryUP tr td {
  text-align: left !important;
}
#btn1_base2POLineItem {
  display: none;
}
/*#gvOrg tr td, #gvOrg tr th {
    text-align: left !important;
    height: 30px;
}

#gvOrg tr td {
    font-family: Roboto-Regular !important; 
    font-size: 12pt;
    font-weight: normal;
    color: @fcolor1;
    white-space: nowrap;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}*/

#gvOrg .ModernChk label {
  padding-top: 5px;
}
#gvOrg {
  width: none !important;
  border-right: transparent;
}
#gvOrg .ModernChk label:before {
  top: 5px;
  left: 4px;
}
#btnRefresh:hover {
  text-decoration: underline !important;
}
.tdMOSearch {
  border: 1px solid #ccc !important;
  padding: 0px 1px 4px 0px;
}
#txtSerach {
  margin: 1px;
  box-shadow: none !important;
  background: white !important;
  width: 276px;
  padding-top: 0 !important;
  color: #333;
  height: 20px !important;
  vertical-align: top;
  border-bottom: none;
  border-right: none;
  border-top: none;
  border-left: none;
}
#txtOrgSearch {
  margin: 1px;
  box-shadow: none !important;
  background: white !important;
  width: 276px;
  padding-top: 0 !important;
  color: #333;
  height: 25px !important;
  vertical-align: top;
  border-bottom: none;
  border-right: none;
  border-top: none;
  border-left: none;
}
#trFPTitle {
  /*background-image: url(../imagesp/AquiladivBG_BancPay.png) !important;*/
  background-size: 100% 40px;
  background-repeat: no-repeat;
  border-radius: 10px;
  background-color: #FFFFFF;
  display: block;
  padding: 0;
  margin: 0;
  border-radius: 0px !important;
}
#lnSummary,
#lnAccountstatus {
  text-decoration: none;
}
#gvOrg input[id*=gvOrg][id*=txt_Email] {
  width: 295px !important;
}
#gdvLookup,
#gdvLookupFreeze {
  border-collapse: collapse;
}
#gdvLookup .GridData td,
#gdvLookupFreeze td {
  border: 1px solid #e5e5e5;
  padding: 0px 5px;
  height: 27px;
}
#gdvLookupPanelHeader {
  border-left: 1px solid #ddd;
}
#GVF select[id*=_GVF][id*=_ddlC] {
  width: 122px !important;
  border: 1px solid #ccc;
}
/*#txtBodyText {
    width: 185px !important;
}
*/

div#tblSendEmail input,
div#tblSendEmail textarea {
  width: 100%;
}
div#divSendEmail .modal-dialog,
div#FADialog .modal-dialog {
  min-width: 300px;
}
div#divColumnList #divinrcl {
  border: 1px solid #ccc;
  border-radius: 3px;
  max-height: 180px;
  overflow-y: auto;
}
#GVMPanelItem {
  background: #fff !important;
  border: 1px solid #ccc;
}
/*#GVMHorizontalRail {
    display: none !important;
}*/

#GVMCopyFreeze th {
  vertical-align: top;
}
#tblBottom [id*=_Gridview] select {
  height: 30px !important;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
  padding-right: 25px;
}
.Hpaneldiv [id*=_Gridbase] select {
  height: 30px !important;
  margin-top: 2px;
  margin-bottom: 2px;
  /*    width: 100% */

}
#tblBottom [id*=_Gridview] input[type='text'] {
  height: 30px !important;
  margin-top: 2px;
  margin-bottom: 2px;
  /*width: 100% GL Rpt freeze prob*/
  width: calc(90%) !important;
}
.Hpaneldiv [id*=_Gridbase] input:not([type='image']) {
  height: 30px !important;
  margin-top: 2px;
  margin-bottom: 2px;
}
#tblBottom [id*=tblAddContent] select {
  height: 30px !important;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
}
#tblBottom [id*=tblAddContent] input:not([type='image']) {
  height: 30px !important;
  margin-top: 2px;
  margin-bottom: 2px;
  width: calc(90%) !important;
}
.Hpaneldiv [id*=tblAddContent] input:not([type='image']) {
  height: 30px !important;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
}
.Hpaneldiv [id*=tblAddContent] select {
  height: 30px !important;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
}
#trFPTitle {
  display: none;
}
.dialog-popup {
  border: solid 1px #d8d8d8;
  z-index: 1;
  border-radius: 7px !important;
  animation: all 0.05s ease-in-out 1;
  -moz-animation: all 0.05s ease-in-out 1;
  -webkit-animation: all 0.05s ease-in-out 1;
  -o-animation: all 0.05s ease-in-out 1;
  padding: 0px !important;
}
@-moz-keyframes zum2 {
  0% {
    -moz-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes zum2 {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes zum2 {
  0% {
    -ms-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -ms-transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes zum2 {
  0% {
    -o-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -o-transform: scale(1);
    opacity: 1;
  }
}
@keyframes zum2 {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.stripes,
.stripes:hover {
  -webkit-background-size: 30px 30px !important;
  -moz-background-size: 30px 30px !important;
  background-size: 30px 30px !important;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)) !important;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  animation: animate-stripes 3s linear infinite;
  -webkit-animation: animate-stripes 3s linear infinite;
  -moz-animation: animate-stripes 3s linear infinite;
}
@-webkit-keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@-moz-keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
.LitDiv {
  border: 1px solid #ccc;
  border-radius: 2px;
  font-family: Roboto-Regular;
  font-size: 9.5pt;
  font-weight: normal;
  color: #333;
  background-color: #f2f2f2;
  height: 30px;
  line-height: 30px;
  padding: 0px 5px 0px 5px !important;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: normal !important;
  word-break: break-word;
}
#pnlRepeatFields div[class*="Exp"] .LitDiv {
  border: none !important;
  background-color: transparent !important;
  overflow-y: hidden !important;
  white-space: normal !important;
  height: 22px !important;
  padding-left: 0 !important;
  line-height: 22px;
}
@-moz-document url-prefix() {
  .LitDiv {
    height: 31px !important;
  }
}
div [id*=pnlview] {
  padding-top: 5px;
  position: relative;
}
.pnlComments,
#pnlFileAttach,
#pnlContentHistoryPanel,
#pnlHistoryPanel {
  padding-left: 2px;
  padding-right: 10px;
  position: relative;
}
.BtnHide {
  padding: 0;
  height: 0;
  width: 0;
  border: 0;
  visibility: hidden;
}
.FieldSet {
  color: #333;
  font-family: work sans semibold;
  font-size: 12pt;
}
#divBreadCrumb a {
  display: inline-block;
  font-family: work sans !important;
  font-size: 9.5pt !important;
  color: #333;
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  vertical-align: text-top;
  padding-bottom: 3px;
  margin-bottom: 10px;
  margin-top: 5px;
  text-transform: uppercase;
}
.opaqueLayer {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  background-color: #FFFFFF;
  z-index: 1000;
}
#divBreadCrumb {
  padding-left: 0px;
}
/*#tdRR {
    color: @fcolor1 !important;
}

#tdTerminate {
    color: @fcolor1 !important;
}*/

#gdvRouteHistory_ctl01_tblWH > tbody > tr > td {
  font-size: 11px !important;
}
#btnAddCommentP,
#btnAddFile,
#btndwnall {
  float: right;
  padding-right: 14px;
}
#btnAddCommentP:before {
  content: '\e921+';
  font-family: 'P2P';
  font-size: 20px;
  color: #42525d;
}
.commentic:before {
  content: '\e921';
  font-family: 'P2P';
  font-size: 20px;
  color: #42525d;
  cursor: pointer;
}
#btnLoadRouteHistory,
#btnLoadHistory,
#btnLoadContentHistory,
#btnLoadFileHistory {
  background-color: transparent !important;
  border: none !important;
}
#btnLoadRouteHistory span,
#btnLoadHistory span,
#btnLoadContentHistory span,
#btnLoadFileHistory span {
  display: none;
}
/*#btnAddCommentP:not([disabled]) span:hover, #btnAddFile:not([disabled]) span:hover {
    text-decoration: underline;
}*/

#grUsers tr th {
  height: 30px !important;
  padding-left: 5px;
}
#grUsers tr:first-child:hover {
  background-color: transparent !important;
}
#grUsers tr:first-child td {
  width: 25px;
  text-align: center !important;
  padding-bottom: 4px !important;
}
#gvStat tr th,
#gvCtxt tr th,
#gvLogHistory tr th,
#gvShowManageRoles tr th,
#gvP tr th,
#gvURoles tr th {
  padding: 5px !important;
}
#gvSecOrg tr:last-child td {
  border: none !important;
  padding-left: 12px;
}
#ctl00_PHM_gvPriv tr th {
  border-top-width: 0 !important;
  border-style: none !important;
}
#chkBuyer + label,
#chkSuplier + label,
#chkSource + label {
  color: #333 !important;
  font: bold !important;
}
#ctl00_PHM_gvContextAttributes th {
  padding: 5px !important;
  text-align: left !important;
}
#Level1 caption,
#Level3 caption,
#Level2 caption {
  padding-left: 5px !important;
}
#ddlOrg,
#ddlRep,
#ddlEditAlt,
#txtAddLine1,
#txtAddLine2,
#txtCity,
#txtState,
#txtZip,
#ddlATyp,
#ddlAuth {
  min-width: 164px !important;
}
.GridHeader td span {
  font-size: 10pt !important;
}
/*#gvStat tr:first-child td {
    border-style: none !important;
}*/

#tdIMode,
#tdFM,
#tdOS {
  padding-left: 40px;
}
#FC,
#IMode,
#FM,
#OS,
#ancApp,
#ancExceptions,
#ancOM {
  text-decoration: none;
  cursor: pointer;
}
#FC:hover,
#IMode:hover,
#FM:hover,
#OS:hover,
#ancApp:hover,
#ancExceptions:hover,
#ancOM:hover {
  text-decoration: underline;
  cursor: pointer;
}
#imgLanguage {
  border-radius: 100%;
  width: 30px;
}
.LangTab {
  padding-left: 5px;
  /*    width: 250px;  */
  text-align: right;
  /*padding-right: 10px;*/

}
#ddlLanguages1,
#ddlLanguages {
  /* padding: 5px 0px 0px 2px; */
  font: 14px Roboto-Regular;
  border: 1px solid #1277d9;
  text-transform: uppercase;
  color: #1277d9;
  vertical-align: super;
  height: 30px;
  /* line-height: 17px; */
  min-width: 120px;
  border-radius: 2px;
  height: 33px;
  position: relative;
  top: 0px;
}
/*#ddlCountry, #ddlLanguages1, #ddlLanguages {
    background: url(../imagesp/ddl_downbp.png) no-repeat right transparent !important;
    cursor: pointer;
    padding-left: 7px;
    background-position-x: 95px !important;
}*/

#ddlLanguages1 option,
#ddlLanguages option {
  color: #333;
  background: #fff;
}
.SpanLanguage:before {
  content: '\ea96';
  font-family: P2P;
  color: #1277d9;
  font-size: 18pt;
  /*padding-left: 10px;*/

}
.DivCheckBoxList {
  display: none;
  background-color: White;
  width: 365px;
  position: fixed;
  height: 120px;
  overflow-y: auto;
  overflow-x: hidden;
  border-style: solid;
  border-color: Gray;
  border-width: 1px;
  z-index: 39393939399;
  padding-top: 5px;
}
.MSChkBox {
  color: #333;
  height: 16px;
  border-collapse: collapse;
  font-family: Roboto-Regular;
  font-size: 14px;
  background-color: white;
  border: 0px solid #ddd;
  text-align: left;
  border-radius: 5px;
}
.MD {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none;
}
.ME {
  opacity: 1;
  cursor: pointer;
}
.ContextLine {
  border: 1px solid #D9D9D9;
  width: 70%;
}
#ActMenu:after {
  content: "\e235";
  font-family: bancpay, bancpay2;
  color: #fff;
}
#ActMenu {
  color: #fff;
  font-size: 12px;
  vertical-align: super;
  font-family: work sans semibold;
  float: right;
}
#Coverflow .hasLi > div {
  background: transparent !important;
  color: #333;
  position: absolute;
  right: 1px;
}
#Coverflowli > a {
  display: block !important;
  /*padding-left:0px !important;*/

}
#Coverflowli > div > a {
  padding-left: 7px !important;
}
#Coverflowli {
  width: 210px;
}
#Coverflowli .drop-nav > li > a {
  padding-left: 10px !important;
}
#Coverflow a:hover,
#Coverflow .drop-nav:hover,
li:not(#ActMore) #Coverflow .drop-nav:hover > li > a {
  background: #9E4000 !important;
  color: #fff;
  border-color: transparent !important;
}
#Coverflow a:hover {
  color: #fff !important;
}
#Coverflow .hasLi {
  display: inline-flex;
  background: transparent !important;
}
.Cmore:hover #Coverflow {
  display: block !important;
  box-shadow: 1px 0px 10px -1px #9f9f9f;
  background: #fff;
}
#Coverflow li > ul {
  display: none;
  background: #fff;
}
#Coverflow ul ul a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  color: #333;
  background: #fff;
  border-top: none !important;
  /*width: 100%;*/

}
/*#Coverflow li:hover > ul {
    display: block;
    position: absolute;
    z-index: 10000;
    background: #fff;
    box-shadow: 1px 0px 10px -1px #9f9f9f;
}*/

#Coverflow ul.drop-nav:hover li > ul {
  display: block;
  position: absolute;
  z-index: 10000;
  background: #fff;
}
.Cmore {
  list-style: none;
  cursor: pointer;
}
.Cmore .sub-nav {
  display: block !important;
}
#Coverflow a {
  padding: 5px 10px 5px 10px;
  display: list-item;
}
#Coverflow ul ul a {
  padding: 5px 10px 5px 10px;
}
.Cmore #Coverflow {
  margin: 0;
  padding: 0;
  background: #fff;
  z-index: 10000;
  clear: both;
}
#ActMore:hover {
  background: #9E4000 !important;
  transition: all 0.3s ease-in-out;
  border-color: #1277d9;
}
#ActMore {
  color: #fff !important;
  background: #C75000;
}
#ActMore {
  border: 1px solid #1277d9;
  padding: 4px;
  color: #fff;
  background: #C75000;
}
#Coverflow .hasLi ul {
  /*right: 100% !important;
    left: auto !important;*/
  position: absolute;
  right: 100%;
  box-shadow: 0px 4px 5px #9d9d9d;
}
#Coverflow .btnStyle {
  color: #333 !important;
}
#DivMobile {
  position: absolute;
  z-index: 3;
  top: 0px;
  right: 0px;
}
/*#TabImageLnks > ul > li > a {
    white-space: nowrap;
    border: none;*/

/* padding-right: 10px; */

/*margin: 0;
    padding-left: 38px;
    margin-top: 2px;
    filter: grayscale(1);*/

/* opacity: 0.65; */

/*}*/

li.tdImg1 {
  padding-top: 1px;
}
#TabImageLnks > ul > li {
  white-space: nowrap;
  border: none;
  /* padding-right: 10px; */
  margin: 0;
  /*padding-left: 10px;*/
  margin-top: 3px;
}
/*#TabactionLnks > ul > li:not(#tdButtons), #tdButtons > nav > ul > li, div#divCreateControls #tdNewWI, div#divCreateControls #tdUploadWI {
    white-space: nowrap;
    vertical-align: baseline !important;
    border: none;
    padding: 7px 5px;
    margin: 0;
    border-radius: 5px;*/

/* height: 28px;
    line-height: 28px; */

/*margin: 2px;
    font-size: 13px;
    font-family: work sans semibold;
    min-width: 60px;
    border: 1px solid @bluedark;
    height: 34px;
}

    #TabactionLnks > ul > li:not(#tdButtons):not(#tdReset), #tdButtons > nav > ul > li, #tdNewWI, #tdUploadWI {
        background-color: #fff;
    }*/

.HBGTran #imgLanguage {
  position: fixed;
  right: 188px;
  top: -1px;
  background: #fff;
  padding: 5px;
  border-radius: 100%;
  transition: all ease-in-out;
}
.HBGTran #ddlLanguages1,
.HBGTran #ddlLanguages {
  position: fixed;
  right: 90px;
  top: 2px;
  transition: all ease-in-out;
}
.tbl1 .HBGTran .topIc#MobSpan {
  top: 0px;
  right: 30px;
}
#Divtbl1 .topIc#MobSpan {
  top: 0px !important;
  right: 10px !important;
}
.HBGTran #MobSpan::before {
  color: #fff !important;
}
.tbl1 .topIc#MobSpan {
  top: 8px;
  right: 30px !important;
}
.tbl1 li.ICmore {
  display: none;
}
.HBGTran .img3 {
  vertical-align: middle;
  margin-bottom: 0px;
  height: 20px;
  width: 20px;
}
.tbl1 #MobileView {
  display: none;
}
.Imagetd {
  float: right;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Imagetd {
    float: none;
    display: inline-block !important;
  }
}
@-moz-document url-prefix() {
  .Imagetd {
    float: none;
    display: inline-block !important;
  }
}
textarea {
  resize: none;
  border: 1px solid #ccc;
  border-radius: 2px;
}
textarea:focus {
  border-color: #454E50 !important;
}
/*#GVMPanelItem, #GVMWrapper, #GVMPanelItemContent, #GVMPanelItemContentFreeze {
    height: auto !important;
}*/

#upWILising:not(.TLFix) #GVMPanelItem,
#upWILising:not(.TLFix) #GVMWrapper,
#upWILising:not(.TLFix) #GVMPanelItemContent,
#upWILising:not(.TLFix) #GVMPanelItemContentFreeze {
  height: auto !important;
}
#GVMPanelItem {
  top: 0 !important;
}
#GVMFreeze #GVMHeaderCopy {
  visibility: hidden;
  display: block !important;
}
#divOFViewer,
#divThumbnailViewer {
  position: relative !important;
  left: 0px !important;
  background: #fff no-repeat;
  /*border: 1px solid @bordergray;*/
  background-attachment: scroll;
  background-position: center center;
}
#divThumbnailViewer {
  float: left;
}
#ActMore #Coverflow {
  display: none;
}
#ActMore:hover #Coverflow,
#ActMore #Coverflow:hover {
  display: block;
}
#ActMore #Coverflow li > * {
  text-align: left;
  padding-right: 0;
  padding: 5px 10px 5px 10px !important;
  margin: 0;
}
/*#Coverflow li > * > * {
    padding:0;margin:0;
}*/

#ActMore #Coverflow li > div,
#ActMore #Coverflow li > ul {
  padding: 0px !important;
}
#ActMore #Coverflow li > div a {
  text-align: left;
}
#ActMore #Coverflow li > a,
#ActMore #Coverflow li > div {
  display: block;
}
#ActMore #Coverflow li a:hover,
#ActMore #Coverflow li div.sub-nav:hover {
  background: #9E4000 !important;
}
/*#ActMore #Coverflow div:hover {
    background: #fff !important;
    }*/

#ActMore #Coverflow li:hover > ul {
  position: absolute;
  right: 100%;
  display: inline;
}
@media all and (min-width: 0px) and (max-width: 1100px) {
  #tdHT.overlap > tbody > tr > td {
    display: list-item;
  }
  .overlap .MnuTD {
    display: block;
    float: left;
  }
}
#Coverflow .pnlStyleActions a {
  display: list-item !important;
}
.ScrollTop {
  position: fixed;
  bottom: 100px;
  right: 100px;
  display: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  white-space: nowrap;
  opacity: 0.5;
  background: black;
  color: white;
  padding: 5px;
  cursor: pointer;
}
.ScrollTop:hover {
  opacity: 1;
}
#aScrollTop::before {
  content: "\e113";
  font-family: bancpay2;
  padding-right: 3px;
}
#gvLogHistory tr:first-child td {
  border: none !important;
}
#gvOrg span label {
  display: block !important;
  height: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #gvOrg span label,
  #gvOrg th label {
    margin-bottom: 3px;
  }
}
@-moz-document url-prefix() {
  #gvOrg span label,
  #gvOrg th label {
    margin-bottom: 3px;
  }
}
#grUsers span label,
#grUsers th label {
  display: inline-block !important;
  height: 20px;
  margin-right: -9px;
  margin-left: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #grUsers th label {
    margin-bottom: 3px;
  }
  #grUsers span label {
    margin-bottom: -1px;
  }
}
@-moz-document url-prefix() {
  #grUsers span label {
    margin-bottom: 3px;
  }
  
  #grUsers span label {
    margin-bottom: -1px;
  }
}
#CloseBtn:hover {
  text-decoration: underline;
}
#btnSQClose {
  display: none;
}
#gdvLookup tr th {
  padding: 0px !important;
}
#gdvLookup tr th a {
  padding: 2px 10px !important;
}
.TDmore #ActMenu::after {
  content: "\e236";
  font-family: bancpay, bancpay2;
  color: #333;
  font-size: 17px;
}
#IcoUL :not(.topIc) {
  position: relative !important;
  right: 0px !important;
  top: 0px !important;
  padding: 5px;
  text-align: center;
}
#IcoUL {
  background: #fff;
  margin: 0;
  padding: 5px;
  box-shadow: 0px -1px 8px 0px #9f9f9f;
}
li.ICmore {
  right: 20px;
  position: fixed;
  top: 10px;
  z-index: 4;
  list-style: none;
  cursor: pointer;
}
.HCollapse li.ICmore {
  top: 1px;
  right: 3px;
}
#IcoUL {
  display: none;
}
#IcoUL:hover,
li.ICmore:hover .IcUL {
  display: block !important;
}
.HCollapse .ICmore #LbUserID {
  display: none;
}
.HCollapse .ICmore .Uicon::before {
  cursor: pointer;
}
#LbUserID::after {
  content: "\e235";
  font-family: bancpay2;
  color: #fff;
}
.UImgIcon {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 100%;
}
.IcoMenu + #LbUserID {
  color: #fff !important;
  vertical-align: top;
  padding-left: 5px;
}
.arrUL {
  border-color: transparent;
  border-bottom-color: #fff;
  border-style: dashed dashed solid;
  border-width: 0 8.5px 8.5px;
  display: none;
  position: absolute;
  right: 3px;
  top: 22px;
  z-index: 1;
  height: 0;
  width: 0;
}
#innerdivColumnSelection #chkCS td input[type='checkbox'] {
  cursor: pointer;
}
#cblC tr td input[type='checkbox'] {
  cursor: pointer;
  vertical-align: middle;
}
input[type='checkbox'] {
  cursor: pointer;
  vertical-align: middle;
}
.HoverContainer {
  /*border: 1px solid @alterblue;*/
  /*background: @colorx1;*/
  z-index: 999;
  height: 20px;
  /*display:inline !important;*/

  /*animation: fadeInLeft .30s ease-in-out;
    -webkit-animation: fadeInLeft .30s ease-in-out;
    -moz-animation: fadeInLeft .30s ease-in-out;
    -o-animation: fadeInLeft .30s ease-in-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);*/

}
.Flw.HoverContainer {
  display: inline !important;
}
.HoverContainer table {
  /*margin-left: 5px;*/
  /*min-height: 40px;*/
  min-width: 40px;
  border-collapse: separate !important;
}
/*.HoverContainer table td {
    white-space: nowrap;
}*/

/*.HoverContainer:hover, #divbase2 tr td div.HoverContainer:hover table td {
    background: @colorx1!important;
    border-color: @alterblue;
}*/

.HoverContainer:hover .arrow-left {
  border-right-color: #1277d9;
}
#divbase2 tr td div.HoverContainer table td {
  background: #C75000 !important;
}
.arrow-left {
  display: none;
  width: 0px;
  height: 0px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #1277d9;
  position: absolute;
  left: -10px;
  top: 10px;
}
.JActionPopup .ActTD,
.JActionPopup .ActHTD {
  display: none !important;
  background-color: #fff !important;
  border: none;
}
.ActSkipTD {
  display: none !important;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*:hover {
    transition: all .30s ease-in-out;
}*/

.SPANzoom {
  text-align: right;
  cursor: pointer;
  line-height: 28px;
  height: 25px;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}
.tdZoom a[id*=AddRowview] {
  vertical-align: top;
  line-height: 25px;
  height: 25px;
}
.SPANzoom::before {
  content: "\e946";
  font-family: 'ep2p';
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
/*#divOFViewer.Imgvwer {
    position: fixed !important;
    top: 22px;
    width: 100% !important;
    z-index: 999999;
    text-align: center;
}*/

#divOFViewer.Imgvwer img[id*=iOFViewer] {
  position: relative !important;
  animation: fadeinUp 0.3s ease-in-out;
  -webkit-animation: fadeinUp 0.3s ease-in-out;
  -moz-animation: fadeinUp 0.3s ease-in-out;
  -o-animation: fadeinUp 0.3s ease-in-out;
}
/*#divOFViewer.Imgvwer img[id*=iOFViewer] {
        width: 99.8% !important;
    }*/

div.RptVwer {
  position: fixed;
  width: 98%;
  overflow: hidden;
  background: #fff;
  left: 1%;
  right: 1%;
  border-top: 1px solid #ddd;
  z-index: 999999;
}
.RptVwer div.JActionPopup {
  width: 95% !important;
}
.spclose {
  position: fixed;
  top: -2px;
  right: 38px;
  z-index: 999999;
  cursor: pointer;
  font-size: 14pt;
}
.spclose::before {
  content: url(../imagesp/cross.png);
  transform: scale(0.8);
  color: #333;
  font-size: 14pt;
  display: inline-block;
}
.spclose::after {
  content: "Close";
  transform: scale(0.8);
  color: #333;
  font-size: 14pt;
  display: inline-block;
  float: left;
}
@-webkit-keyframes fadeinUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeinUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeinUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
.Butsect {
  position: fixed;
  top: 0px;
  z-index: 9999;
  /*border: 1px solid @bordergray;*/
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  animation: fadeinUp 0.5s ease-in-out;
  -webkit-animation: fadeinUp 0.5s ease-in-out;
  -moz-animation: fadeinUp 0.5s ease-in-out;
  -o-animation: fadeinUp 0.5s ease-in-out;
}
div#ovrlay_magni {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
}
#tabview {
  position: fixed;
  top: 40%;
  left: 35%;
  background: #1277d9;
  border-collapse: collapse;
  animation: fadeinUp 0.3s ease-in-out;
  -webkit-animation: fadeinUp 0.3s ease-in-out;
  -moz-animation: fadeinUp 0.3s ease-in-out;
  -o-animation: fadeinUp 0.3s ease-in-out;
  padding: 5px;
  color: #fff;
  box-shadow: 0px 4px 10px 1px gray;
}
#tabview td {
  height: 80px;
  width: 100px;
  border: 1px solid #ccc;
  border-collapse: collapse;
  text-align: center;
  vertical-align: top;
  background: #1277d9;
}
#tabview .s1,
#tabview .s2 {
  display: block;
  padding-top: 5px;
}
th.lv2 input[type=image],
th.lv3 input[type=image],
th.lv4 input[type=image],
th.lv5 input[type=image],
th.lv6 input[type=image] {
  vertical-align: super;
}
.ActSkipTD {
  white-space: nowrap !important;
}
/*.tdZoom span:first-child {
    width: 97% !important;
    display: inline-flex;
}*/

.Imagetd {
  border: none 0px #333;
  padding: 0px;
  margin-top: 4px;
}
.SC_MenuTable {
  background-color: Transparent;
  padding: 0px;
}
/********************Treeview Selected Node Style******************************/

/*.rtSelected .rtIn {
    background-image: none !important;
    background-color: Green;
    color: #FFF;
    border: none !important;
    font-weight: bold;
}

.rtUL {
    margin-top: 2px !important;
}
*ImageTreeView*/

/*
.rtSelected .rtIn:hover {
    background-color: @colorx19 !important;
}

.rtTop .rtIn:hover {
    background-color: @colorx19 !important;
    background-image: none !important;
}

 .RadTreeView .rtHover .rtIn {
    background-color: @colorx19 !important;
    background-image: none !important;
   color: white !important;
}*/

/****************---Sprite Image CSS---******************/

.addform {
  background-color: Transparent;
  background: url(../imagesp/Icons/addform.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.deleteform {
  background-color: Transparent;
  background: url(../imagesp/Icons/deleteformpages.png) no-repeat top left;
  width: 20px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.reorderform {
  background-color: Transparent;
  background: url(../imagesp/Icons/reorderform.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.ConnectedForm {
  background-color: Transparent;
  background: url(../imagesp/Icons/connect.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.disConnectedForm {
  background-color: Transparent;
  background: url(../imagesp/Icons/disconnect.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.reorderimage {
  background-color: Transparent;
  background: url(../imagesp/Icons/reorderpage.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.bulksort {
  background-color: Transparent;
  background: url(../imagesp/Icons/bulksort.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.AddImage {
  background-color: Transparent;
  background: url(../imagesp/Icons/addimage.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.AddZoneOffsetX {
  background-color: Transparent;
  background: url(../imagesp/Icons/AddZoneOffsetX.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.AddZoneOffsetY {
  background-color: Transparent;
  background: url(../imagesp/Icons/AddZoneOffsetY.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.ApplyPrevOffset {
  background-color: Transparent;
  background: url(../imagesp/Icons/ApplyPrevOffset.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.Border {
  background-color: Transparent;
  background: url(../imagesp/Icons/Border.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Burn {
  background-color: Transparent;
  background: url(../imagesp/Icons/Burn-Annotations.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.ChangeFormType {
  background-color: Transparent;
  background: url(../imagesp/Icons/ChangeFormType.png) no-repeat top left;
  width: 24px;
  height: 25px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.ClearAllFields {
  background-color: Transparent;
  background: url(../imagesp/Icons/ClearAllFields.png) no-repeat top left;
  width: 25px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.ClearCurrentField {
  background-color: Transparent;
  background: url(../imagesp/Icons/ClearCurrentField.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.ContractZones {
  background-color: Transparent;
  background: url(../imagesp/Icons/ContractZones.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.DecBright {
  background-color: Transparent;
  background: url(../imagesp/Icons/DecBright.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.DecContrast {
  background-color: Transparent;
  background: url(../imagesp/Icons/DecContrast.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.DelImage {
  background-color: Transparent;
  background: url(../imagesp/Icons/delimage.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.MarkDelShadow {
  background-image: -webkit-linear-gradient(bottom right, red 0%, transparent, transparent, transparent, transparent, transparent);
  background-image: -ms-linear-gradient(bottom right, red 0%, transparent, transparent, transparent, transparent, transparent);
  background-image: -o-linear-gradient(bottom right, red 0%, transparent, transparent, transparent, transparent, transparent);
  background-image: -moz-linear-gradient(bottom right, red 0%, transparent, transparent, transparent, transparent, transparent);
  background-image: linear-gradient(bottom right, red 0%, transparent, transparent, transparent, transparent, transparent);
}
.MarkDelImage {
  background-color: Transparent;
  background: url(../imagesp/Icons/markdelimage.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.shortcut:before {
  color: #333;
  content: '\ea84';
  font-size: 20px;
  display: block;
  cursor: pointer;
  font-family: 'P2P';
  /*
    position: absolute;
    top: 9px;*/

}
.UnMarkDelImage {
  background-color: Transparent;
  background: url(../imagesp/Icons/unmarkdelimage.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Delete-Blue {
  background-color: Transparent;
  background: url(../imagesp/Icons/Delete-Blue.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Despeckle {
  background-color: Transparent;
  background: url(../imagesp/Icons/Despeckle.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.DiscardZoneOffsets {
  background-color: Transparent;
  background: url(../imagesp/Icons/DiscardZoneOffsets.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.DynOffSet {
  background-color: Transparent;
  background: url(../imagesp/Icons/DynOffSet.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.DynOffSetFromPrev {
  background-color: Transparent;
  background: url(../imagesp/Icons/DynOffSetFromPre.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.ExpandZones {
  background-color: Transparent;
  background: url(../imagesp/Icons/ExpandZones.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.FitToHeight {
  background-color: Transparent;
  /*    background: url(../imagesp/Icons/FitToHeight.png) no-repeat top left;
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 2px;*/

}
.FitToHeight:before {
  content: '\f07d';
  font-family: 'FA2';
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.FitToWidth {
  background-color: Transparent;
  /*    background: url(../imagesp/Icons/FitToWidth.png) no-repeat top left;
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 2px;*/

}
.FitToWidth:before {
  content: '\f07e';
  font-family: 'FA2';
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.GoToNextCritField {
  background-color: Transparent;
  background: url(../imagesp/Icons/GoToNextCritField.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.GoToNextExcField {
  background-color: Transparent;
  background: url(../imagesp/Icons/GoToNextExcField.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.GoToNextHotSpotField {
  background-color: Transparent;
  background: url(../imagesp/Icons/GoToNextHotSpotField.png) no-repeat top left;
  width: 25px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.GoToNextRefImg {
  background-color: Transparent;
  background: none;
  width: 24px !important;
  height: 24px;
  line-height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 2px 0 !important;
  /* border: 1px solid #9FB6C1 !important; */
  margin-top: 0px !important;
  text-align: center;
  margin-right: 15px !important;
}
.GoToPrevRefImg {
  background-color: Transparent;
  background: none;
  width: 24px !important;
  height: 24px;
  line-height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 2px 0 !important;
  /* border: 1px solid #9FB6C1 !important; */
  margin-top: 0px !important;
  text-align: center;
  border-right: none !important;
  margin-right: 7px !important;
}
.HideAnchorZones {
  background-color: Transparent;
  background: url(../imagesp/Icons/HideAnchorZones.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.HideFieldQuickView {
  background-color: Transparent;
  background: url(../imagesp/Icons/HideFieldQuickView.png) no-repeat top left;
  width: 27px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.HideZone {
  background-color: Transparent;
  background: url(../imagesp/Icons/HideZone.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.HolePunches {
  background-color: Transparent;
  background: url(../imagesp/Icons/HolePunches.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Image-Crop {
  background-color: Transparent;
  background: url(../imagesp/Icons/Image-Crop.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Image-Greyscale {
  background-color: Transparent;
  background: url(../imagesp/Icons/Image-Greyscale.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.IncBright {
  background-color: Transparent;
  background: url(../imagesp/Icons/IncBright.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.IncContrast {
  background-color: Transparent;
  background: url(../imagesp/Icons/IncContrast.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.OverrideException {
  background-color: Transparent;
  background: url(../imagesp/Icons/OverrideException.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.OverrideValidation {
  background-color: Transparent;
  background: url(../imagesp/Icons/OverrideValidation.png) no-repeat top left;
  width: 22px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.Pen {
  background-color: Transparent;
  background: url(../imagesp/Icons/Pen.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.PrintImage {
  background-color: Transparent;
  /*background: url(../imagesp/Icons/PrintImage.png) no-repeat top left;*/

  /*    width: 50px;
    height: 20px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 3px;
    background-size: contain;
    background-position: center;*/

}
.PrintImage:before {
  content: '\f02f';
  font-family: FA2;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
  vertical-align: text-top;
}
.ViewOriginalImg {
  background-color: Transparent;
  background: url(../imagesp/Icons/ViewOriginal.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.ViewNativeImg {
  background-color: Transparent;
  background: url(../imagesp/Icons/vn.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.ViewBaseImg {
  background-color: Transparent;
  background: url(../imagesp/Icons/ViewBaseImg.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.RectangleHighlighter {
  background-color: Transparent;
  background: url(../imagesp/Icons/RectangleHighlighter.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Redact {
  background-color: Transparent;
  background: url(../imagesp/Icons/Redact.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.ReduceZoneOffsetX {
  background-color: Transparent;
  background: url(../imagesp/Icons/ReduceZoneOffsetX.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.ReduceZoneOffsetY {
  background-color: Transparent;
  background: url(../imagesp/Icons/ReduceZoneOffsetY.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.Rotate180Deg {
  background-color: Transparent;
  /*
    background: url(../imagesp/Icons/Rotate180Deg.png) no-repeat top left;*/
  width: 24px;
  height: 24px;
  float: right;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Rotate180Deg:before {
  content: "\eaa0";
  font-family: p2p;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
  margin-left: -5px;
  margin-top: -2px;
  transform: rotate(-90deg);
  display: block;
  font-weight: bold;
}
.CPDownloadPDF {
  background-color: Transparent;
  /*background: url(../imagesp/Icons/WebDownload.png) no-repeat top left;*/

  /*    width: 24px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 2px;*/

}
.CPDownloadPDF:before {
  content: '\e915';
  font-family: p2p;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
  font-weight: bold;
  vertical-align: top;
}
.RotateAntiClockwise {
  background-color: Transparent;
  display: inline-block;
  transform: rotateY(180deg);
  /* background: url(../imagesp/Icons/RotateAntiClockwise.png) no-repeat top left;
            width: 24px;
            height: 24px;
            float: left;
            display: block;
            cursor: pointer;
            padding: 0px 2px;*/

}
.RotateAntiClockwise:before {
  content: '\f01e';
  font-family: FA2;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
  transform: rotate(270 deg);
}
.RotateClockwise {
  background-color: Transparent;
  /*    background: url(../imagesp/Icons/RotateClockwise.png) no-repeat top left;
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 2px;*/

}
.RotateClockwise:before {
  content: '\f01e';
  font-family: FA2;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.RubberStamp {
  background-color: Transparent;
  background: url(../imagesp/Icons/RubberStamp.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.SaveZoneOffsets {
  background-color: Transparent;
  background: url(../imagesp/Icons/SaveZoneOffsets.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.ShowAnchorZones {
  background-color: Transparent;
  background: url(../imagesp/Icons/ShowAnchorZones.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 3px;
}
.ShowFieldQuickView {
  background-color: Transparent;
  background: url(../imagesp/Icons/ShowFieldQuickView.png) no-repeat top left;
  width: 27px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.ShowTreeView {
  background-color: Transparent;
  background: url(../imagesp/Icons/Treeview_hidden.png) no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: super;
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
}
.HideTreeView {
  background-color: Transparent;
  background: url(../imagesp/Icons/Treeview_visible.png) no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: super;
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
}
.showImagePanel {
  background-color: Transparent;
  background: url(../imagesp/Icons/Image_Hidden.png) no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: super;
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
}
.hideImagePanel {
  background-color: Transparent;
  background: url(../imagesp/Icons/Image_Visible.png) no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: super;
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
}
.showFieldPanel {
  background-color: Transparent;
  background: url(../imagesp/Icons/FieldPanel_hidden.png) no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: super;
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
}
.hideFieldPanel {
  background-color: Transparent;
  background: url(../imagesp/Icons/FieldPanel_Visible.png) no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: super;
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
}
.ShowZone {
  background-color: Transparent;
  background: url(../imagesp/Icons/ShowZone.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Showall {
  background-color: Transparent;
  background: url(../imagesp/Icons/Showall.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Skewed {
  background-color: Transparent;
  background: url(../imagesp/Icons/Skewed.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.Text {
  background-color: Transparent;
  background: url(../imagesp/Icons/Text.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.UnlockAllFields {
  background-color: Transparent;
  background: url(../imagesp/Icons/UnlockAllFields.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.UnlockCurrentField {
  background-color: Transparent;
  background: url(../imagesp/Icons/UnlockCurrentField.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.ViewExceptions {
  background-color: Transparent;
  background: url(../imagesp/Icons/ViewExceptions.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.ZoomIn {
  background-color: Transparent;
  /*    background: url(../imagesp/Icons/ZoomIn.png) no-repeat top left;
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 2px;*/

}
.ZoomIn:before {
  content: '\e9f5+';
  font-family: qub;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.ZoomOut {
  background-color: Transparent;
  /*  background: url(../imagesp/Icons/ZoomOut.png) no-repeat top left;
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 2px;*/

}
.ZoomOut:before {
  content: '\e9f5-';
  font-family: qub;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.ZoomToActualSize {
  background-color: Transparent;
  /*background: url(../imagesp/Icons/ZoomToActualSize.png) no-repeat top left;*/
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px;
}
.ZoomToActualSize:before {
  content: '\ea9e';
  font-family: p2p;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
  font-weight: 600;
}
.VFullImage {
  background-color: Transparent;
  /*background: url(../imagesp/Icons/ShowFullImage.png) no-repeat top left;*/

  /*        width: 50px;
        height: 20px;
        float: left;
        display: block;
        cursor: pointer;
        padding: 0px;
        background-size: contain;
        background-position: center;*/

}
.VFullImage:before {
  content: '\e946';
  font-family: p2p;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
  font-weight: bold;
  vertical-align: text-top;
}
.ZoomToFit {
  background-color: Transparent;
  /*background: url(../imagesp/Icons/ZoomToFit.png) no-repeat top left;*/

  /*            width: 24px;
            height: 24px;
            float: left;
            display: block;
            cursor: pointer;
            padding: 0px 2px;*/

}
.ZoomToFit:before {
  content: '\f05b';
  font-family: FA2;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.drop {
  background-color: Transparent;
  background: url(../imagesp/Icons/drop.png) no-repeat top left;
  width: 24px;
  height: 21px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.ninstance {
  background-color: Transparent;
  background: url(../imagesp/Icons/newinstance.png) no-repeat top left;
  width: 24px;
  height: 21px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.uinstance {
  background-color: Transparent;
  background: url(../imagesp/Icons/imginstance.png) no-repeat top left;
  width: 24px;
  height: 21px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.manageimages {
  background-color: Transparent;
  background: url(../imagesp/Icons/manageimages.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.showThumbnails {
  background-color: Transparent;
  background: url(../imagesp/Icons/thumbnails_hidden.png) no-repeat top left;
  width: 22px;
  height: 22px;
  vertical-align: super;
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
}
.hidethumbnails {
  background-color: Transparent;
  background: url(../imagesp/Icons/thumbnails_visible.png) no-repeat top left;
  width: 22px;
  height: 22px;
  vertical-align: super;
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
}
.up {
  background-color: Transparent;
  background: url(../imagesp/Icons/up.png) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.RefreshImage {
  background-color: Transparent;
  /*    background: url(../imagesp/RefreshImage.png) no-repeat top left;
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 5px;*/

}
.RefreshImage:before {
  content: '\f021';
  font-family: FA;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.SaveImage {
  background-color: Transparent;
  background: url(../imagesp/Save.gif) no-repeat top left;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  cursor: pointer;
  padding: 0px 2px;
}
.clnkHelp {
  background-color: Transparent;
  background: url(../imagesp/helpCP.PNG) no-repeat;
  width: 24px;
  height: 28px;
  vertical-align: baseline;
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
}
.helpCSS {
  background-color: Transparent;
  background: url(../imagesp/about.PNG) no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: super;
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
}
#lstCtrl.ddlStyle,
#lstCtrl.ddlStyleMulti,
#lstCtrl.tcDDLSelect {
  width: 100% !important;
}
#gvOrg a[id*=gvOrg_][id*=lnk_Cancel] {
  padding-left: 5px !important;
  color: white;
  width: 0px;
}
#gvOrg a[id*=gvOrg_][id*=lnk_Update] {
  color: white;
  width: 0px;
  padding-right: 6px !important;
  height: 15px;
}
/*#gvOrg a[id*=gvOrg_][id*=ancAdd] {
    color: white;
}*/

#gvPrivileges tr:first-child {
  border-top-width: 0 !important;
}
/*#gvPrivileges tr th {
    font-size: 9pt !important;
    color: @fcolor1 !important;
    font-family: Roboto-Regular !important; 
    font-weight: bold;
}*/

#jqi_state0_buttonOverwrite {
  background: none !important;
  height: 30px;
  border: none !important;
  color: #fff;
  background-color: #C75000 !important;
  position: relative !important;
  top: -6px;
  right: 105px;
  border-radius: 4px !important;
}
#jqi_state0_buttonAppend {
  background: none !important;
  width: 70px !important;
  height: 30px;
  border: none !important;
  color: #fff;
  background-color: #C75000 !important;
  right: 140px;
}
.candc {
  width: 160px;
  height: 21px;
  background-color: lightblue;
  opacity: 0.4;
  filter: alpha(opacity=40);
  position: absolute;
  top: 373px;
  left: 79px;
}
.p2i {
  width: 50px;
  height: 21px;
  color: #fff;
  background-color: #0b4a87 !important;
  opacity: 0.8;
  filter: alpha(opacity=40);
  position: absolute;
  top: 373px;
  left: 79px;
  border: 1px solid;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.p2id {
  width: 50px;
  height: 21px;
  background-color: #1d7ab4 !important;
  opacity: 0.8;
  filter: alpha(opacity=40);
  position: absolute;
  top: 373px;
  left: 79px;
  border: 1px solid;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#canvas {
  display: block;
  opacity: 0.4;
  filter: alpha(opacity=40);
  position: absolute;
  cursor: pointer;
}
#p2i {
  display: block;
  opacity: 0.4;
  filter: alpha(opacity=40);
  position: absolute;
  cursor: pointer;
  border: 1px solid #40505B;
}
#p2iHead tr td {
  padding: 5px;
}
#divNotify {
  background-image: url(../imagesp/found.png) !important;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 400;
}
#accordion ul ul li > div {
  height: 34px !important;
}
.CompressMode #accordion ul ul li > div {
  height: 32px !important;
}
.CompressMode #accordion li > div {
  height: 40px !important;
}
.CompressMode div.MenuImg {
  line-height: 27px;
}
#accordion ul ul li :hover {
  background: #08345e !important;
}
.divDrop {
  margin-top: 5px;
  margin-bottom: 10px;
  height: 35px;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  /*border: 1px solid #BEBFBF;*/
  font-style: normal !important;
}
select#CommentAssignee,
select#FileAttachAssignee {
  width: 100% !important;
  padding-right: 18px;
  padding-left: 5px;
  height: 35px;
  border-radius: 3px;
}
textarea#txtAddComment {
  border-radius: 4px;
  margin-top: 5px !important;
}
#CommentAssignee {
  margin-bottom: 10px !important;
}
.mailLnk {
  color: #333;
  font-family: roboto-regular;
}
.mailLnk:hover {
  text-decoration: underline;
}
#divShortcut {
  width: 350px;
  min-height: 250px;
  max-height: 530px;
  padding: 5px 5px 35px 5px;
  overflow-y: auto;
  position: absolute;
  z-index: 99999999;
  display: none;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  background: #fff;
}
#tblShortcut {
  width: 90%;
  text-align: left;
  margin-left: 15px;
}
#tblShortcut tr {
  height: 20px;
}
#tblShortcut .heading {
  color: #333;
  padding: 3px 0px;
  font-family: work sans semibold;
  font-size: 10pt !important;
}
.alrt {
  -webkit-animation: swive 0.35s;
  animation: swive 0.35s;
}
.closebtn {
  margin-left: 15px;
  color: #1277d9;
  font-family: work sans semibold;
  float: right;
  font-size: 15px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  position: absolute;
  top: 2px;
  right: 10px;
}
.closebtn:hover {
  color: #1277d9;
}
.alert {
  padding: 20px;
  background-color: #fff;
  color: #333 !important;
  position: absolute;
  top: 20%;
  z-index: 999999999;
  border: 1px solid #777;
  left: 30%;
  right: 30%;
  min-width: 40%;
  border-radius: 0px;
  word-wrap: break-word;
}
.CustomAlert {
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  position: fixed;
  top: 0px;
  left: 0px;
}
@-webkit-keyframes A_fadein {
  from {
    transform: scale3d(2, 2);
    opacity: 0;
  }
  to {
    transform: scale3d(1, 1);
    opacity: 1;
  }
}
@keyframes A_fadein {
  from {
    transform: scale3d(2, 2);
    opacity: 0;
  }
  to {
    transform: scale3d(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes swive {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
}
@keyframes swive {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
}
.swivel {
  -webkit-animation: A_fadein 0.35s !important;
  animation: A_fadein 0.35s !important;
}
@media all and (min-width: 380px) and (max-width: 1000px) {
  #jsAlert1_popup {
    width: 40% !important;
  }
  div.jqi {
    width: 50% !important;
    margin-left: -30% !important;
    min-width: 300px;
  }
  /*.Jimg, .jqiiIC {
          display: none;
      }*/
}
@media all and (min-width: 0px) and (max-width: 380px) {
  div.jqi {
    width: 75% !important;
    margin-left: -40% !important;
  }
}
#tdRightPane {
  padding: 0;
}
@-moz-document url-prefix() {
  #accordion ul li div a {
    float: left;
    line-height: 44px;
  }
  
  div.MenuImg {
    float: left;
    padding: 10px 0px 5px 15px;
  }
}
#gvCtxt td {
  font-size: 12pt !important;
  padding-left: 10px;
  height: 30px;
  vertical-align: middle;
  border-bottom: none;
}
input[type=image][id*=imgTemplateLibrary],
input[type=image][id*=imgTemplateCascade],
input[type=image][id*=imgImportfromExcel] {
  cursor: pointer !important;
  padding-left: 5px;
}
#Browser1::before,
#JS1::before,
#C1::before {
  content: "";
  height: 10px;
  width: 10px;
  display: inline-block;
  margin-left: -15px;
  margin-right: 5px;
  background: #C75000;
}
#RES1::before {
  background: #1277d9;
  content: "";
  height: 10px;
  width: 10px;
  display: inline-block;
  margin-left: -15px;
  margin-right: 5px;
}
.lbl1 * {
  color: #333;
}
.remember {
  text-align: right;
  padding-right: 65px;
  position: relative;
}
.remember span {
  vertical-align: text-top;
}
.hreftag {
  color: #333 !important;
  cursor: pointer;
  font-family: Roboto-Regular;
  font-size: 10.5pt;
}
#trRememberMe {
  float: right;
}
#trForgotPWD {
  float: left;
}
#trForgotPWD td {
  padding-top: 0px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #ddlReason,
  #ddlDelegate,
  #ddlDelegatedRole,
  #ddlDelegatedScope {
    width: 190px !important;
  }
  #txtMulComment {
    width: 179px !important;
  }
}
#gvMgeFol tr td {
  border-left: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  border: 1px solid #E6E6E6;
}
#gvOrg input {
  min-width: 200px;
  width: 97%;
  margin: 1px;
}
.FreezedGV:not(#gdvLookup) th:not(:first-child) {
  padding-left: 0;
  padding-right: 0;
  text-indent: 2px;
}
#toolbox {
  display: none;
}
#trProfilePic {
  display: none;
}
[imtit*='Multiple Session']#jqi {
  margin-left: auto !important;
  left: calc(50% - 290px) !important;
  border: 1px solid #777;
}
[imtit*='Multiple Session'] .jqisecmessage {
  padding-top: 10px;
  padding-right: 30px;
  text-indent: 0px !important;
}
[imtit*='ContentPage Delete Image']#jqi #jqi_state0_buttonNo {
  top: 63px !important;
  height: auto;
}
/*[imtit*='File Delete']#jqi #jqi_state0_buttonNo {
    top: 60px !important;
}*/

.tdFile {
  white-space: normal;
}
[disabled=disabled].ddlStyle,
[disabled=disabled].ddlStyleMulti,
[disabled=disabled].tcDDLSelect {
  background: #f2f2f2 !important;
}
.txtUC {
  text-transform: uppercase;
}
.txtLC {
  text-transform: lowercase;
}
.TabUnselectDIv {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  background: #1277d9;
  border-radius: 100%;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  border: 2px solid Transparent;
}
.TabUnselectDIv:hover {
  border: 2px solid #1277d9;
}
.TabselectDIv {
  background: #C75000 !important;
  cursor: default;
}
.TabselectDIv:hover {
  border: 2px solid #1277d9;
}
.TabselectDIv + span {
  font-family: work sans semibold;
  color: #fff !important;
}
.BoxTab {
  float: left;
  text-align: center;
  padding-right: 20px;
}
.TBox {
  padding: 4px 0px;
  float: left;
  width: 100px;
  background: #454E50;
  text-align: left;
}
.TBox span {
  color: #fff !important;
  white-space: normal;
  font-size: 14px;
  vertical-align: -webkit-baseline-middle;
}
#RoundStripes {
  /*padding-bottom: 10px;*/
  position: fixed;
  top: 7px;
  /*left: 375px;*/

}
.BoxLine div:not(:last-child).timeline::after {
  content: "";
  position: absolute;
  width: 100%;
  top: 55%;
  height: 2px;
  margin-top: -10px;
  background-color: #C75000;
  left: 50%;
  z-index: -1;
  animation: wid 0.3s ease-in-out;
  -moz-animation: wid 0.3s ease-in-out;
  -webkit-animation: wid 0.3s ease-in-out;
  -o-animation: wid 0.3s ease-in-out;
  margin-left: -12px;
}
.BoxLine .timeline {
  position: relative;
  z-index: 1;
}
@keyframes wid {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@-moz-keyframes wid {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes wid {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
/*.BCollapse .SectionTitle {
    display: none;
}*/

.BCollapse .RDivSpan {
  display: none;
}
.BCollapse .RDiv {
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.BCollapse .TBox {
  padding: 1px;
  display: none;
}
.BCollapse #RoundStripes {
  top: 2px;
}
.BCollapse .BoxLine div:not(:last-child).timeline::after {
  top: 95%;
}
.RDiv + span {
  color: #333;
}
.SubSectionTitle {
  font-family: work sans semibold;
  font-size: 12pt;
  color: #333;
  white-space: nowrap;
}
.RDiv,
.RDivSpan {
  font-size: 9pt;
}
/*input#imgD {
    visibility: hidden;
}*/

.BaseFreeze #divBreadCrumb {
  padding-left: 8px;
  display: inline-flex;
}
#divFullContents .SectionTitle {
  padding-left: 10px;
  /*padding-top: 10px !important;*/

}
.respan {
  font-family: Roboto-Regular;
  font-size: 11pt;
  color: #333;
  vertical-align: text-top;
  padding-left: 8px;
}
#gvOrg tr th:first-child {
  padding: 1px;
  text-align: center !important;
}
#gvOrg tr th:not(first-child) {
  text-align: left !important;
}
#gvMapping tr th {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #EBEBEB;
  height: 30px;
  padding-left: 5px;
}
#FlowLayout.FL #divOtherWindow {
  background: url('../imagesp/bg.png.bmp') no-repeat;
  vertical-align: middle !important;
}
#FlowLayout #divLoginWindow {
  height: auto !important;
}
#rightArrow,
#leftArrow {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  background-color: #C75000;
  border-radius: 100%;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  border: 2px solid Transparent;
  position: absolute;
  z-index: 2;
}
.bstimeslider {
  width: 500px;
  height: 58px;
  position: relative;
}
#tslshow {
  position: absolute;
  left: 0;
  width: 1200px;
}
#rightArrow {
  right: 1px;
}
#viewContainer {
  height: 100%;
  position: "";
  overflow: hidden;
}
.LARR::before {
  content: '\e079';
  font-size: 15px;
  font-family: bancpay2;
  cursor: pointer;
  line-height: 10px;
  color: #333;
}
.RARR::before {
  content: '\e080';
  font-size: 15px;
  font-family: bancpay2;
  cursor: pointer;
  line-height: 10px;
  color: #333;
}
#BoxLine {
  margin-left: 100px;
  /*margin-top: 4px;*/

}
.BCollapse #leftArrow,
.BCollapse #rightArrow {
  display: none;
}
.BCollapse .bstimeslider {
  height: 25px;
}
.BCollapse .BoxLine {
  position: relative;
}
.BoxLine {
  position: absolute;
}
#ddlViews {
  border-radius: 2px;
  width: auto !important;
}
#ActMore #Coverflow li ul li > * {
  margin-right: 10px !important;
}
[imtit*='Template']#jqi #jqi_state0_buttonYes {
  top: 50px !important;
  color: #333 !important;
}
[imtit*='Add GL Template']#jqi #jqi_state0_buttonYes {
  top: 50px !important;
  color: #333 !important;
}
[imtit*='Add GL Template']#jqi #jqi_state0_buttonNo {
  top: 43px !important;
  color: #333 !important;
}
[imtit*='Template']#jqi #jqi_state0_buttonNo {
  top: 43px !important;
  color: #333 !important;
}
@media (max-width: 1366px) {
  [imtit*='Template']#jqi {
    top: 55.15px !important;
  }
}
span#SpHang:before {
  content: '\ea6b';
  font-family: 'P2P';
  font-size: 21px;
}
.SpHang {
  display: table;
  flex-direction: column;
  left: 660px;
  position: absolute;
  top: 5px;
  background: transparent;
  padding: 1px;
  margin-top: 4px !important;
  margin: 0px;
  color: #182832;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  /* transition: all .05s linear; */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#insider,
#insider1 {
  background: #fff;
  cursor: pointer;
  padding: 4px 0;
  margin: 0;
  margin-top: 12px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  position: absolute;
  width: auto;
  min-width: 180px;
  z-index: 101;
  text-align: left;
  font-size: 10.5pt;
  font-family: Roboto-Regular;
  right: 0;
}
#divinsider {
  position: absolute;
  z-index: 101;
  min-width: 180px;
  background: transparent;
  animation: zum 0.05s 1 linear;
  -webkit-animation: zum 0.05s 1 linear;
  -moz-animation: zum 0.05s 1 linear;
}
#divinsider1 {
  position: absolute;
  z-index: 10;
  min-width: 180px;
  background: transparent;
  animation: zum 0.05s 1 linear;
  -webkit-animation: zum 0.05s 1 linear;
  -moz-animation: zum 0.05s 1 linear;
  /* right: 3px !important;
    left: auto !important;
    top: 36px;*/

}
.rotateIc {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.02s linear;
  /*z-index: 999999999;*/

}
#insider span,
#insider1 span {
  color: #333;
}
.insideImage1::before {
  vertical-align: middle;
  font-family: p2p;
  font-size: 20px;
  width: 22px;
  display: inline-block;
  text-align: center;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: transparent !important;
  display: inline-block;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  line-height: 1;
  border-width: 0px 0px 3px 0px;
  border-color: #1277d9;
}
.nav-tabs > li > a {
  background-color: transparent !important;
  color: #333;
  display: inline-block;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  line-height: 1;
  border-width: 0px 0px 3px 0px;
  border-color: #eee;
  margin: 0px;
  text-transform: uppercase;
}
.navbar1-tabs li.active a,
.nav-tabs > li > a:hover,
.navbar1-tabs li a:hover,
.navbar1-tabs li:hover {
  color: #1277d9;
}
ul.nav.nav-tabs.PmLnks {
  border-bottom-color: #fff !important;
}
.arrgif {
  padding-top: 11px;
  padding-left: 10px;
  width: 25px;
  content: url('../Imagesp/top-arrow.png');
}
img.arrgif_topright {
  width: 25px;
  padding-right: 10px;
  content: url('../Imagesp/top-arrow.png');
}
#insider li,
#insider1 li {
  padding-top: 2px;
  padding-bottom: 3px;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  height: 34px;
  line-height: 30px;
  margin: 0px 5px;
}
#insider1 li {
  height: 36px;
  line-height: 30px;
}
#insider li:hover,
#insider1 li:hover {
  background: #1277d9;
}
#insider li:hover > * > *,
#insider1 li:hover > * {
  color: #fff;
}
#insider li a,
#insider1 li a {
  /*padding: 5px 0;*/
  display: inline-table;
  white-space: nowrap;
  width: 100%;
}
#insider li ul,
#insider1 li ul {
  left: 100%;
  top: 0;
  color: #333;
  background: #fff;
  cursor: pointer;
  padding: 4px 0;
  margin: 0;
  margin-top: -4px;
  border-radius: 0px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
  position: absolute;
  width: auto;
  min-width: 180px;
  z-index: 101;
  display: none;
}
#insider li:hover ul,
#insider1 li:hover ul {
  display: block;
}
#insider li:hover,
#insider1 li:hover {
  background: #1277d9;
}
.FooterGV span {
  padding-right: 5px !important;
}
.BCollapse #UserInfo {
  top: 0px;
  height: 20px;
}
.BCollapse .UsrInfo a {
  height: 20px;
  font-size: 14px;
}
.BCollapse #imgUserProfilePic {
  height: 0px !important;
  width: 0px !important;
  margin-top: 0px !important;
}
.BCollapse .SpHang {
  top: 78px !important;
  height: 0px !important;
  width: 0px !important;
  font-size: 0px;
  line-height: 15px;
}
#UserInfo:not(.MobUserInfo) {
  /*position: fixed;*/
  right: 10px;
  /*top: 0px;*/
  z-index: 10;
}
.UsrInfo {
  height: 20px;
  padding-right: 5px;
  /*width: 200px;*/
  text-align: right;
  float: left;
}
.UsrInfo a {
  /*padding: 10px 15px 0px 0px;*/
  /*width: 180px;*/
  /*line-height: 63px;
    height: 50px;*/
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
  text-overflow: ellipsis;
  cursor: pointer;
}
#divinsiderUser {
  text-align: right;
}
#imgUserProfilePic {
  border-radius: 100% !important;
  width: 40px !important;
  height: 40px !important;
  transition: all 0s ease-in-out;
  float: right;
  border: 0px solid #ccc;
  margin-top: 3px;
}
#imgUserProfilePic:hover {
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2), inset 0px 0px 3px rgba(115, 114, 23, 0.8);
  border: 0px solid #ccc;
  opacity: 0.8;
}
.Capsule_chk,
#chkvacationsick {
  /*width: 50px;
    height: 22px;
    margin: 20px auto;*/
  position: relative;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(0, 0, 0, 0.5);
  padding: 0;
  /*margin-top: 10px;
    margin-left: 10px;*/

}
.Capsule_chk label {
  display: block;
  width: 25px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  transition: all 0.4s ease;
  background: #1277d9;
}
.Capsule_chk input[type=checkbox]:checked + label {
  left: 24px;
  background: #C75000;
}
:checked#chkvacationsick {
  background: #C75000;
}
#chkvacationsick {
  background: #C9C9C9;
  display: none;
}
.Capsule_chk input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0 !important;
  outline: none;
  visibility: hidden;
}
.Capsule_chk:after {
  content: '';
  color: #fff;
  position: absolute;
  right: 10px;
  z-index: 0;
  font: 12px/26px inherit, inherit;
  font-family: work sans semibold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.Capsule_chk:before {
  content: '';
  color: #fff;
  position: absolute;
  left: 10px;
  z-index: 0;
  font: 12px/26px inherit, inherit;
  font-family: work sans semibold;
}
.datepick {
  float: left;
}
.icon-calendar:before {
  content: '';
  background: url(imagesp/calender.gif) no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.comment {
  position: absolute;
  display: block;
  top: 110px;
  right: 9px;
  color: #e4ecef;
  padding-left: 5px;
  width: 345px;
  font-size: 12px;
  opacity: 0.7;
}
.attachment {
  position: absolute;
  display: block;
  right: 9px;
  color: #e4ecef;
  padding-left: 5px;
  width: 345px;
  font-size: 12px;
  opacity: 0.7;
}
.CSSHandCursor {
  cursor: pointer;
}
.TLFix #GVMPanelItem,
.TLFix #GVMPanelItemContent,
.TLFix #GVMPanelItemContentFreeze {
  min-height: 350px !important;
}
#divLogin .PreTable {
  height: 100%;
}
#divLogin .PreTable td {
  vertical-align: middle !important;
}
#divLogin .PreTable #EyeRow > td {
  vertical-align: bottom !important;
}
#divLogin .PreTable #EyeRow > td {
  vertical-align: bottom !important;
}
.FMenus {
  width: 60%;
}
.SocialMenus {
  width: 20%;
}
.BCollapse input#btnQSearch {
  height: 0px !important;
  width: 0px !important;
}
.BCollapse input#txtQSearch {
  height: 0px !important;
}
.Capsule-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.Capsule-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input.Capsule-toggle-round + label:before,
input.Capsule-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.Capsule-toggle-round + label:after {
  width: 18px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.Capsule-toggle-round + label {
  padding: 2px;
  width: 45px;
  height: 20px;
  background-color: #ddd;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
}
#chkvacationsick + label {
  margin-top: 7px;
}
input.Capsule-toggle-round + label::before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input:checked.Capsule-toggle-round + label::before {
  background-color: #1277d9 !important;
}
input:checked.Capsule-toggle-round + label::after {
  margin-left: 25px;
}
.current span {
  color: #fff !important;
}
.HCollapse div#IconicMenus {
  display: none;
}
.BCollapse .UsrInfo a {
  vertical-align: middle;
  line-height: 1;
  padding: 0;
}
.BCollapse #divinsider1 {
  top: 18px !important;
}
.MnuLnk td > div,
.MnuLnk td > div > div > a {
  margin-left: 4px;
}
table[id*=view][id*=tblAddContent] {
  border-collapse: collapse;
}
.HaveDrop {
  position: relative;
}
.HaveDrop:hover .DynDrop,
.DynDrop:hover,
.DynDrop ul:hover {
  display: block;
}
.DynDrop ul {
  padding: 0;
  background-color: #fff;
}
.DynDrop {
  display: none;
  min-width: 200px;
  position: absolute;
  background: #FFF;
  border: solid 1px rgba(100, 100, 100, 0.2);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  z-index: 3;
  cursor: default;
  border-radius: 2px;
  animation: slideup 0.1s ease-in-out;
  -webkit-animation: slideup 0.1s ease-in-out;
  -moz-animation: slideup 0.1s ease-in-out;
  text-align: left;
  max-height: 550px;
  overflow: auto;
  margin: 0 10px;
}
.DynDrop a {
  padding: 0;
  min-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  color: #333 !important;
  line-height: 25px;
}
.DynDrop:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  color: transparent;
  border: 10px solid #ccc;
  border-color: transparent transparent #FFF;
  margin-top: -20px;
  left: 25px;
  position: absolute;
}
.DynDrop li {
  padding: 3px 10px;
  height: 25px;
}
.DynDrop li:hover,
.DynDrop li:hover a {
  background: #9E4000;
  color: #fff !important;
}
div.MenuImg[iurl=Assignedtomygroup]:before {
  content: "\e916";
}
div.MenuImg[iurl=Benefits]:before {
  content: "\e901";
}
div.MenuImg[iurl=Connections]:before {
  content: "\e905";
}
div.MenuImg[iurl=Suit]:before {
  content: "\e162";
}
div[id*=divview] table > tbody > tr td {
  white-space: nowrap;
}
#_Gridview0 img {
  padding: 0px !important;
  vertical-align: baseline;
}
table[id*=tblAddContent] tr {
  white-space: nowrap;
}
#tblBottom [id*=_Gridview] textarea {
  height: 33px !important;
}
#tblBottom [id*=tblAddContent] textarea {
  vertical-align: middle;
  position: relative;
  top: -2px;
}
#tblBottom [id*=tblAddContent] tr {
  vertical-align: bottom;
}
#gvLogHistoryUP tr td {
  border-style: none !important;
}
/*
.btn-primary.active, .btn-primary:active, .btn-primary {
    background-color: @colorx1 !important;
    border-color: @alterblue2 !important;
}*/

.wrapper {
  background-color: #C75000 !important;
}
#EH {
  font-size: 20pt;
  font-family: work sans semibold;
  color: #1277d9;
  text-transform: uppercase;
  /* 
    text-shadow: 0 2px 4px rgba(68, 68, 68, 0.99);*/

}
#ErM {
  padding-top: 4%;
  font-family: work sans semibold;
  color: #333;
}
.ErrorBody {
  padding: 0;
  margin: 0;
  background: #fff;
  background-size: 100% 100%;
}
.InnerPG {
  padding: 40px;
  margin-top: auto;
  margin-bottom: auto;
}
.MidPG {
  width: 90%;
  /*
    background: -ms-linear-gradient(135deg, @alterblue2 0, @alterblue2 100%),url("../imagesp/bkcl.png") repeat-x scroll left top;
    background: -linear-gradient(135deg, @alterblue2 0, @alterblue2 100%),url("../imagesp/bkcl.png") repeat-x scroll left top;
    background: -moz-linear-gradient(135deg, @alterblue2 0, @alterblue2 100%),url("../imagesp/bkcl.png") repeat-x scroll left top;
    background: -webkit-linear-gradient(135deg, @alterblue2 0, @alterblue2 100%),url("../imagesp/bkcl.png") repeat-x scroll left top; */
  box-shadow: 4px 4px 4px #8c8c8c;
  -webkit-box-shadow: 4px 4px 4px #8c8c8c;
  -moz-box-shadow: 4px 4px 4px #8c8c8c;
  -o-box-shadow: 4px 4px 4px #8c8c8c;
  border-radius: 5px;
  border: 1px solid #124e73;
  background: #cdecff;
}
.errorNumber {
  background: url("../ErrorPages/oops.png") no-repeat scroll center top transparent;
  color: #ffffff;
  display: block;
  left: 0px;
  margin: 0;
  text-align: center;
  text-indent: -9999px;
  width: 100%;
  background-size: 120px 50px;
  height: 50px;
}
#robot {
  padding-top: 20px;
  vertical-align: middle;
  position: absolute;
  left: 12px;
  top: -14px;
  transform: rotate(40deg);
  z-index: 0;
}
.tryToMessage {
  display: block;
  font-family: Roboto-Regular;
  font-size: 18px;
}
.tryToMessage ul {
  font-size: 16px;
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
}
.tryToMessage ul li {
  display: inline;
  padding: 5px;
  list-style: circle;
  border-right: 1px dotted #40505B;
}
.tryToMessage ul li:last-child {
  border: none;
}
.tryToMessage ul li a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
.tryToMessage ul li a:hover {
  color: #333;
  text-decoration: underline;
}
img#cust {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
#login_loginCtrl_TC {
  display: none !important;
}
.trLoginBtn {
  float: right;
}
.btn_ForgotPassword1 {
  background: none;
  border: none;
  font-family: work sans;
  height: 30px !important;
  margin-top: 5px;
  padding-left: 0;
  padding-right: 0px;
  color: #333;
  cursor: pointer;
}
#login_loginCtrl_trForgotPWD td:first-child {
  display: none;
}
.btn_login {
  margin: 25px 0;
  width: 100% !important;
}
tr#login_loginCtrl_trForgotPWD {
  border-top: 0px solid #d4d4dd;
}
td.fLinks * {
  color: #333;
}
#myModal {
  background: url(../imagesp/BancPay/24x7-support-service.jpg?r=1) no-repeat;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 2;
  background-attachment: fixed;
}
#LogBody .HeadBG {
  background: #1277d9 !important;
}
.lnkpage {
  cursor: pointer;
}
.SlideOff {
  animation: fadeInLeft 0.3s ease-in-out;
  -webkit-animation: fadeInLeft 0.3s ease-in-out;
  -moz-animation: fadeInLeft 0.3s ease-in-out;
  -o-animation: fadeInLeft 0.3s ease-in-out;
}
.tdlbll,
.tdlblr {
  white-space: nowrap;
}
.tdlbll,
.tdlblr,
.tdlbl1 {
  padding: 3px;
}
input#btnSubmitAnswer {
  margin-top: 10px;
}
table#tbSecurity td {
  padding-bottom: 10px;
  position: relative;
}
#lblREStatusMessage {
  color: #cd2026;
  font-size: 11px;
}
.spanNav::before {
  content: '\e234';
  color: #fff;
  font-family: bancpay, bancpay2;
  font-size: 20px;
  transform: rotate(-360deg);
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  display: none;
}
.DivNav {
  text-align: center;
  padding: 6px 0;
}
.spanNav:hover::before {
  color: #fff;
}
table#FooterCtrl_BPMenuTitle a {
  color: #ddd;
  padding-left: 13px;
  font-family: Roboto-regular;
}
table#FooterCtrl_BPMenuTitle a:hover {
  color: #fff;
}
.blogtxt {
  cursor: pointer;
  font: 14px roboto-Regular;
  color: #1277d9;
  font-weight: 500;
  line-height: 35px;
  /*padding-right: 40px;*/

}
.blogtxt:hover {
  color: #1277d9;
}
.marintop15 {
  margin-top: 15px;
}
.lblcss {
  color: #333;
  font-weight: normal;
  font-family: roboto-regular;
}
#FooterCtrl_divLogo {
  padding-left: 14px;
  background: #454E50;
  color: #fff;
}
.row-same {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.row-empty {
  background: #E6E6E6;
}
#_Gridview0 td:nth-child(2) {
  max-width: 80%;
  white-space: normal;
}
.spanNav {
  cursor: pointer;
}
.HideRowPublish a {
  visibility: hidden;
}
#login_loginCtrl_btnForgotUsername {
  display: none;
}
.page-sub-header {
  width: 100%;
}
div#popupcome1 {
  text-align: center;
  display: none;
}
table#gvOrg th {
  white-space: nowrap;
}
.BlurGraySite {
  background: rgba(250, 250, 250, 0.5);
}
.BlurSite {
  background: rgba(250, 250, 250, 0.5);
  filter: blur(2px);
}
#tdACmpl .DivCheckBoxList {
  display: none;
  background-color: White;
  width: 200px !important;
  position: absolute;
  height: 120px;
  overflow: auto;
  border-style: solid;
  border-color: Gray;
  border-width: 1px;
  z-index: 39393939399;
}
#divFilter {
  padding: 1px 0px 0px 2px;
  z-index: 11111111111111100000000;
  /*position: relative;*/
  background-color: #fff !important;
}
#upFilter {
  padding: 0px 0px 0px 0px;
}
#trPagging .tdPage {
  padding-top: 10px !important;
}
.TransLay {
  position: fixed;
  top: 0;
  background: transparent;
  left: 0;
  width: 100%;
  height: 100%;
}
#TableScope.Bon #tdlnkApply {
  /*position: absolute;*/
  right: 148px;
  top: -15px;
  margin-right: 3px;
  /*line-height: 72px;
    height: 72px;*/

}
#TableScope.Bon #tdShowfilters {
  /*position: absolute;*/
  right: 2.1%;
  top: -15px;
  /*line-height: 72px;
    height: 72px;*/
  margin-right: 15px;
}
#TableScope.Bon td#tdlnkClear {
  /*position: absolute;*/
  right: 75px;
  top: -15px;
  /*line-height: 72px;
    height: 72px;*/
  margin-right: 14px;
}
#ddlViews {
  border: 1px solid #ccc;
}
/*
#tdCustomize, #tdShowfilters, #btnBackToHeader, #chkShowFromDocDNA, #tdchartlnk {
    padding-left: 25px;
    white-space: nowrap;
}*/

td#ViewCol {
  padding-right: 25px;
}
#upWILising Table tr td[id*="Applicable"] {
  border-right-color: transparent;
}
.unselectable,
img,
input[type=image] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
a#ancLogin {
  padding-left: 5px;
  /*text-transform: uppercase;*/

}
div#OutofOffice .form-inline .form-control {
  width: 100%;
}
.divRepeatGridScroll table td {
  padding-top: 1px;
}
div[id*=divview].divGridScroll table[id*=_Gridview] th {
  padding-left: 0;
}
.Searchbtn {
  border: none;
  transition: all 0.1s ease-in-out;
  padding: 3px 20px;
  background-color: #d71996;
  color: #fff;
  padding-bottom: 5px;
  border-radius: 5px;
  font-size: 14px;
  border: 1px solid #d71996;
}
.imgoe:before {
  content: '\e9d8';
  font-family: qub;
  display: inline-block;
  font-size: 16px;
  color: #333;
}
.imgoec:before {
  content: '\e030';
  font-family: bancpay, bancpay2;
  color: #bbb;
}
table#tdHT {
  width: 100%;
  height: 56px;
}
#tdHT div.CH.TLshadow {
  min-height: 42px;
  background: #f2f2f2;
}
li > div:hover > div.MenuImg {
  color: #ddd;
}
#DivImg:after {
  content: '';
  display: block;
  width: 100%;
  text-align: center;
  margin-left: 20%;
  margin-top: 13px;
}
#tdMenuLinks:before {
  content: '';
  display: block;
  /* border-top: 1px solid rgba(187, 187, 187, 0.3); */
  width: 108px;
  text-align: center;
  margin-left: 43px;
  margin-top: -5px;
  position: absolute;
  z-index: 1;
}
#accordion ul li.top > div a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: roboto-regular;
}
ul li ul .MenuImg {
  padding: 0;
  height: 20px;
  font-size: 14px;
  vertical-align: top;
  margin-top: 6px;
}
#tblMnu {
  display: none;
}
.ScndRow {
  height: 5px;
  background: transparent;
}
div.MenuImg[iurl=webkeyer]:before {
  content: "\e909";
}
#TabChart > table tr td {
  border: 1px solid #ccc;
  padding: 0;
}
.DashboardHeader3 {
  text-transform: uppercase;
  border-bottom: 1px solid #bbb;
}
.DashboardHeader3 + div {
  padding-top: 10px;
  padding-left: 10px;
  background: #fff;
}
td#tdChart {
  padding-left: 11px;
}
#divChart {
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  overflow: hidden !important;
  /*padding-top:25px;*/

}
#divChart * {
  font-size: 9.5pt;
  color: #333;
  font-family: roboto-regular;
  font-weight: normal;
  order: 2;
}
div.VExpand {
  background: #4e98e1 !important;
  color: #fff;
}
div.VExpand div.MenuImg,
div.VExpand a {
  color: #fff !important;
}
div.MenuImg[iurl=profilesetup]:before {
  content: "\e921";
}
div.MenuImg[iurl=usermanager]:before {
  content: "\ea7c";
  font-family: P2P !important;
}
div.MenuImg[iurl=localize]:before {
  content: "\e902";
}
div.MenuImg[iurl=ManageRoles]:before {
  content: "\e921";
}
div.MenuImg[iurl=Webkeyer]:before {
  content: "\e087";
}
#gdvHistory > tbody > tr:not(.urmPager) > td,
#gdvRouteHistory > tbody > tr:not(.urmPager) > td,
#_Gridview0 > tbody > tr > td,
#_Gridview1 > tbody > tr > td {
  border: 1px solid #ccc;
}
.Hovshow {
  visibility: hidden;
  opacity: 0;
}
table[id*=Headerdivview] {
  position: absolute;
  top: -36px;
  right: 0;
}
.attachfileic:before {
  color: #42525d;
  content: '\eaa5+';
  font-family: 'P2P';
  font-size: 20px;
}
/*td[id*=tdC] {
    padding-left: 4px;
}*/

.urmPager table {
  /*border: 1px solid @bordergray;*/
  /*border-radius: 4px;*/
  border-spacing: 0px;
}
div#pnlContentHistoryPanel {
  padding-bottom: 20px;
}
#gvMapping tr td {
  border: none !important;
  padding-left: 5px;
}
.GridButton {
  background-color: transparent;
  border: none;
  font-size: 20px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
#FooterCtrl_popupcome1 {
  text-align: right;
  padding-right: 14px;
  padding-left: 48px;
  font-family: roboto-regular;
  color: #ddd;
}
.input-lg[type=text] {
  height: 28px !important;
  font-size: 10.5pt;
}
.input-lg {
  border-radius: 0 !important;
  padding: 0 7px !important;
}
.PageshadowHeader {
  /* box-shadow: 0px 2px 5px #9d9d9d; */
  /* min-height: 50px; */
  padding-top: 0px;
  /* background: #fff; */

}
.FilterDiv {
  padding-top: 20px !important;
}
@-moz-document url-prefix() {
  #trTableScope {
    box-shadow: 0px 5px 5px #9d9d9d;
    border-bottom: 1px;
  }
}
input#txtQSearch[disabled] {
  background: #ccc;
}
input#btnQSearch[disabled] {
  opacity: 0.8;
}
/*#gvOrg tr th {
   border-bottom: 1px solid #c1c1c1;
}*/

input#gvOrg_ctl01_chkAll + label {
  padding-left: 25px !important;
  top: -1px;
}
#tdTableScope {
  animation: fadein 1s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}
#gvStat tr th,
#grUsers tr th,
#gvLogHistory tr th,
#gvCtxt tr th,
#gvP tr th,
#gvShowManageRoles tr th,
#gvURoles tr th,
#gvContextAttributes tr th,
#gvPrivileges tr th {
  border: none;
  border-right: 1px solid #ddd;
  background: #f0f0f0;
  text-transform: none;
  font-family: work sans semibold;
}
#grUsers tr:not(:first-child) {
  border: 1px solid #bbbbbb !important;
}
#gvLogHistory tr td {
  border-left: 1px solid #e8e8e8 !important;
  border-bottom: 1px solid #e8e8e8 !important;
}
#gvStat tr td,
#gvLogHistory tr td {
  font-size: 10pt !important;
  color: #333 !important;
  font-family: Roboto-Regular !important;
  font-weight: normal !important;
}
#gvStat tr {
  height: 27px !important;
}
/*#grUsers tr th {
    border: none;
}*/

::-webkit-input-placeholder {
  color: #333 !important;
}
::-moz-placeholder {
  color: #333 !important;
}
:-ms-input-placeholder {
  color: #333 !important;
}
:-moz-placeholder {
  color: #333 !important;
}
.mrgb30 {
  margin-bottom: 30px;
}
.Inittransform {
  text-transform: initial;
}
.typoanim {
  animation: type 1s ease-in-out;
  width: 10em;
  overflow: hidden;
}
/*.companyprfl {
    box-shadow: 0px 2px 5px #9d9d9d;
    height: 40px !important;
    margin-bottom: 6px !important;
    padding-bottom: 5px;
}*/

.manageorg > td {
  /*box-shadow: 0px 2px 5px #9d9d9d;*/
  height: 50px !important;
  margin-bottom: 6px !important;
  padding-bottom: 5px;
}
#MOPageTitle {
  float: left;
  padding-top: 7px !important;
}
.configtab {
  box-shadow: 0px 4px 5px #9d9d9d;
  height: 30px;
  padding-top: 10px;
  padding-bottom: 15px;
  background: #fff;
}
.buyercon {
  box-shadow: 0px 4px 5px #9d9d9d;
  height: 34px;
  background: #fff;
}
.docdnahdr {
  height: 20px;
  min-height: 20px;
  padding-top: 10px !important;
}
/*.msghdr {
    background: #fff;
    box-shadow: rgb(157, 157, 157) 0px 2px 5px;
    height: 40px;
    padding-top: 10px;
}*/

.memberbox {
  padding: 4px;
  margin-top: 10px;
  display: inline-block;
  float: right;
}
.noBorder {
  font-family: Roboto-Regular;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  border: none;
  height: 25px;
  padding: 0 5px;
  width: calc(100% - 10px);
}
/*.TLlnk:hover {
    text-decoration: underline;
}*/

th .GridCellDiv img {
  padding-left: 10px;
}
div[id*=PanelHeaderContent] {
  position: relative;
}
.HoverContainer a,
.HoverContainer a:hover {
  color: transparent;
}
.HoverContainer a[id*=Edit]:before {
  content: url('../imagesp/edit.png');
  color: #bbb;
}
#gvCtxt a[id*=gvCtxt_][id*=lnk_Delete] {
  border: none !important;
  content: url('../imagesp/delete.png') !important;
}
#ddlSecurity {
  width: 425px !important;
}
#gvCtxt tr {
  height: 27px !important;
}
#gvOrg a[id*=gvOrg_][id*=lnk_Cancel] {
  margin-left: 10px !important;
  width: 0px;
  white-space: normal;
}
td#tdPaging {
  /*padding-top: 15px;*/
  text-align: left;
}
#gvCtxt tbody tr {
  border-left: 0px solid #c1c1c1 !important;
  border-bottom: 1px solid #c1c1c1 !important;
  border-right: 0px solid #c1c1c1 !important;
  border-top: 0px solid #c1c1c1 !important;
}
#tdHeader {
  padding-left: 0px;
  padding-right: 25px;
  padding-top: 7px;
}
/*#tdHT > div > div:first-child {
    padding-left: 15px;
    padding-right: 4px !important;
}*/

/*#tdHeader #tdHT >div> div:first-child {
    padding-bottom: 2px !important;
}*/

.TdActions table.trpage {
  padding: 5px 0px;
  margin-top: 1px;
  margin-left: 10px;
}
.TdActions table.trTopActions {
  padding-top: 5px;
}
/*LATEST DT PICKER*/

.calendar thead td.hilite {
  background: transparent;
}
td.day span {
  border: 1px solid #9FB6C1 !important;
  display: block;
  padding: 2px;
}
.calendar thead tr:first-child td {
  background: #fff !important;
  color: #333 !important;
  height: 20px;
}
.headrow td {
  background: #fff !important;
  color: #333 !important;
}
.headrow td:before,
.headrow td:after {
  display: none;
}
.footrow,
.headrow td:nth-child(3) {
  font-size: 14px;
}
.calendar thead .hilite {
  border: none;
}
.calendar tbody td.hilite,
.calendar tbody td {
  border: none !important;
  background: transparent !important;
  padding: 2px !important;
}
.calendar tbody td.selected {
  font-weight: normal;
  color: #fff;
}
td.day.selected span {
  background: #C75000 !important;
}
.calendar tbody td.today.selected span {
  background: #1277d9 !important;
  color: white !important;
  font-weight: normal !important;
}
/*#GVMPanelItemContentFreeze {
    border-right: 1px solid @darkiegray;
}*/

/*#GVMPanelHeaderContent, #GVMPanelItemContent {
    padding-left: 10px;
}*/

/*#GVMCopyFreeze th:first-child{
    padding: 0px 10px 0px 10px;
}*/

/*#GVMCopyFreeze th:first-child div {
    text-align: center;
}*/

/*#GVMFreeze td {
    color: #007897;
    font-weight: bold;
}*/

/*.GridLineOn tr:nth-child(2) td:nth-child(5) {
    padding-right: 5px;
}*/

#AlternatePageHolder {
  height: 50px;
}
.LogFL #DivImg:after {
  display: none;
}
#gdvHistory,
#gdvRouteHistory {
  border: transparent;
}
/*#GVMVerticalBar {
    z-index: 3 !important;
}*/

#GVMVerticalRail,
#GVMVertical_TIMG {
  z-index: 2 !important;
}
/*#GVM  tr td:last-child > div {
    padding-right: 10px;
}*/

a#btnSkipAll:after,
a#btnCancel:after,
#btnCancelAll:after,
#btnShortcutClose:after,
#DMcls:after,
#lnkCancelPL:after {
  content: url(../imagesp/cross.png);
  vertical-align: middle;
  display: inline-block;
  transform: scale(0.8);
  padding: 0;
  height: 20px;
  visibility: visible;
}
a#btnSkipAll,
a#btnCancel,
#btnCancelAll,
#btnShortcutClose,
#DMcls,
#lnkCancelPL {
  color: transparent !important;
}
.Currency {
  text-align: right;
}
.BaseFreeze #td10 {
  position: absolute;
  padding-left: 0;
  z-index: 9999;
  right: 17px;
  border-bottom: 2px solid #777;
  width: 100%;
}
#td10,
#pnlBaseContent {
  /*background: rgba(250, 251, 248, 1) !important;*/
  background: #fff !important;
}
#tdHeaderButtons2 {
  float: right;
  padding-top: 8px;
  padding-right: 19px;
}
.HoverContainer a {
  display: inline-block;
  color: transparent;
}
/*.BaseFreeze #divBaseContent {
    height: 400px !important;
}
.BaseFreeze #tdTop {
    height: 512px !important;
}
.BaseFreeze #divBaseContent {
    overflow-y: auto;
}*/

#divFullContents.BaseFreeze,
.BaseFreeze #divCPHeader {
  width: 100% !important;
}
#divFullContents.BaseFreeze {
  overflow-y: hidden !important;
}
#rdbExcelAttachment + label,
#rdbPdfAtch + label,
#rdbInline + label {
  cursor: pointer;
}
#rdbExcelAttachment,
#rdbPdfAtch,
#rdbInline {
  vertical-align: bottom;
}
#radiobtnConfig {
  margin: 0px !important;
}
#totalContainer .Layer {
  height: 600px;
  overflow-y: auto;
  padding-left: 5px;
  padding-top: 5px;
}
#totalContainer .BtnPrfSave {
  position: absolute;
  bottom: 0;
  background: white;
  width: 100%;
  padding-bottom: 10px;
  left: 0;
}
#totalContainer #divSave.BtnPrfSave,
#totalContainer #PersonalInfo.BtnPrfSave {
  position: absolute;
  bottom: 0;
  padding-bottom: 10px;
  left: 0;
}
.BaseFreeze span#lblHeader {
  display: none;
}
.BaseFreeze div#ovrlay_magni {
  z-index: 999 !important;
}
/*#_Gridview0 th:nth-child(2) {
    padding-left:5px;
}*/

.jqifade,
#jsAlert1_background,
#iFrameDim,
#iFrameSP,
.ui-widget-overlay,
.CustomAlert,
#iFrameDim1 {
  background: rgba(0, 0, 0, 0.3) !important;
}
.BaseFreeze .trTop {
  padding-left: 20px;
}
#jsAlert1_popup,
div.jqi,
#divAddComment,
.dialog-popup,
.alert,
#Pwindow {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 7px;
  /* padding: 15px !important; */

}
#GVMHeader th:first-Child {
  text-align: left;
  padding-left: 10px;
  padding-right: 0px !important;
}
tr#gdvLookupHeader th:first-Child div span {
  padding: 0 2px;
}
.RadTreeView .rtIn {
  color: #333 !important;
  background: #fff !important;
  padding: 2px !important;
}
.RadTreeView_Default .rtSelected .rtIn {
  color: #fff !important;
  background: #C75000 !important;
  padding: 2px !important;
}
#divUserFields {
  border: 1px solid #ccc;
}
.RadTreeView_Default .rtPlus {
  content: url('../imagesp/add-16.png') !important;
}
.RadTreeView_Default .rtMinus {
  content: url('../imagesp/sub-16.png') !important;
}
#GVF td {
  padding: 1px 5px !important;
}
#divFullContents div#circularG {
  position: fixed;
  top: 40%;
}
span#lblHT1 {
  line-height: 26px;
  vertical-align: top;
  padding-right: 10px;
  /*float: left;*/
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  /*max-width: 90%;*/

}
/*#HeaderTextID11 {
    vertical-align: top;
    margin-left: -15px !important;
    margin-top: -10px !important;
    position: relative;
    top: -2px;
}*/

/*#TableScope {
    padding-right: 13px;
}*/

/*a#aShortcutList {
    top: -35px;
    position: absolute;
    right: 103px;
    background-color: transparent;
    width:10px;
}*/

.hla {
  border-color: #1277d9 !important;
}
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
background:@alterblue2 !important; 
}*/

.ui-state-focus a,
.ui-state-hover a,
.ui-state a {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: normal !important;
}
li#Coverflowli {
  box-shadow: 0px 4px 5px #9d9d9d;
}
li#Coverflowli a {
  background: #fff !important;
}
ul.CPMore {
  position: absolute;
  margin-top: -14px;
  right: -16px;
}
/*#pnlBaseContent td {
    position: relative;
    padding-left: 10px;
    vertical-align:middle;
}*/

#GVMPanelHeaderContent,
#GVMPanelHeaderContentFreeze,
#GVM th,
#GVMCopy th,
table#gdvLookupCopy th,
#gdvLookupCopyFreeze th,
#gdvLookupCopyFreeze {
  border-top: 1px solid #ddd;
  background: #f3f3f3 !important;
  padding: 5px;
  border-right: 1px solid #ddd;
  /*height: 18px !important;*/
  border-right-color: #ccc;
}
/*#gdvLookupPanelHeaderContentFreeze {
    display: none;
}*/

/*#gdvLookupCopyFreeze th {
        padding: 0;
    }*/

table#gdvLookupCopy th {
  line-height: 18px;
}
tr#GVMHeader th,
tr#GVMHeaderCopy th {
  padding-bottom: 2px;
}
/*table.FlexBox2 {
    padding-right: 0px;
}

    table.FlexBox2 td {
        padding-left: 0px;
        padding-right: 10px;
    }

        table.FlexBox2 td[style*="display:none"] *, table.FlexBox2 td[style*="display: none"] * {
            padding: 0px;
        }
*/

.TdWH,
.TdCH {
  padding-left: 2px;
  border-radius: 5px !important;
  box-shadow: -1px 2px 2px rgba(204, 197, 185, 0.5);
  -webkit-box-shadow: -1px 2px 2px rgba(204, 197, 185, 0.5);
  -moz-box-shadow: -1px 2px 2px rgba(204, 197, 185, 0.5);
}
.calendar tbody td.weekend.selected span {
  color: white;
}
#jqi_state0_buttonNein,
#jqi_state0_buttonStornieren {
  font-size: 0px;
}
#pAccount,
#NAccount,
#ancRegister,
#ancLogin {
  color: #333;
  font-family: Roboto-Regular;
}
.btn_ForgotPassword1:hover,
.login-info > label:hover {
  color: #1277d9;
}
/*li.hasLi:hover, #TabactionLnks li:not(#tdButtons):hover, .hasLi:hover > div, .Searchbtn:hover, div.jqi button:hover, .MnuLnk td a:hover, a.boldbuttons:hover, input.boldbuttons:hover, button.boldbuttons:hover,
li.hasLi:focus, #TabactionLnks li:not(#tdButtons):focus, .hasLi:focus > div, .Searchbtn:focus, div.jqi button:focus, .MnuLnk td a:focus, a.boldbuttons:focus, input.boldbuttons:focus, button.boldbuttons:focus {*/

/* background: @bluedark2; */

/*color: #fff !important;*/

/* -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
    -o-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
    -moz-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
    transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; */

/*}*/

/*#ctl00_PHM_btnAdvSrch:not([disabled]):hover, #lnkShowFilters:not([disabled]):hover, #lnkShowChart:not([disabled]):hover, #lnkCustomize:not([disabled]):hover, #imgFilter:not([disabled]):hover, #ancA:not([disabled]):hover, #ancLA:not([disabled]):hover, .TLlnk:not([disabled]):hover, #divBreadCrumb a:not([disabled]):hover, #btnAddCommentP:not([disabled]) span:not([disabled]):hover, #btnAddFile:not([disabled]) span:not([disabled]):hover, .hreftag:not([disabled]):hover, #rNoA:not([disabled]):hover a, #login_loginCtrl_trRememberMe:not([disabled]):hover label:not([disabled]), #lnkBackToDashboard:not([disabled]):hover, #lnkBackToHeader:not([disabled]):hover {
    text-decoration: none !important;
    cursor: pointer;
    color: @alterblue2 !important;
}*/

.MSChkBox label {
  font-size: 10pt !important;
}
.instanttooltip {
  position: relative;
}
.instanttooltip:before {
  position: absolute;
  left: 90%;
  margin-bottom: 5px;
  padding: 7px;
  min-width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #333;
  background-color: #1277d9;
  color: #fff;
  content: "After specifying the data, please click on the plus icon at the end of this row";
  top: -2px;
  line-height: 16px;
  font-size: 14px;
}
::selection {
  background: #1277d9 !important;
  color: #fff !important;
}
input[type=text]::selection,
textarea::selection,
input[type=password]::selection,
input[type=search]::selection {
  background: #1277d9 !important;
  color: #fff !important;
}
#gvCtxt tr:not(:first-child) {
  border-right: 1px solid #e8e8e8 !important;
  border-bottom: 1px solid #e8e8e8 !important;
  border-left: 1px solid #e8e8e8 !important;
}
#gvCtxt tr td {
  font-size: 10pt !important;
  color: #333 !important;
  font-family: Roboto-Regular !important;
  font-weight: normal !important;
  padding-left: 6px;
  white-space: nowrap;
}
#gvCtxt tr {
  height: 27px !important;
  border-bottom: 1px solid #e8e8e8 !important;
}
/*#gvCtxt tr td:last-child {
        display: none !important;
    }*/

/*#gvCtxt tr:not(:last-child) td:last-child {
    display: none;
}*/

/*#ancrReset, #btnReeset, #btnResetPI, #ancReset, #ancRst, #ancResetContext, #ancRest, #btnCreset, #btnResetRoles, #btnResetPrivileges, #lnkClear, #btnReset, #reset, #ancResetPrefer, #a1, a#btnCancelOrder, #btnDelete {
    background-color: #fff !important;
    min-width: 70px;
    border: 1px solid @fcolor1;
    color: @colorx18 !important;
    font-family: work sans semibold !important;
}
*/

/* #ancrReset:hover, #btnReeset:hover, #btnResetPI:hover, #ancReset:hover, #ancRst:hover, #ancResetContext:hover, #ancRest:hover, #btnCreset:hover, #btnResetRoles:hover, #btnResetPrivileges:hover, #lnkClear:hover, #btnDelete:hover, #btnReset:hover, #reset:hover, #ancResetPrefer:hover, #a1:hover, #tdReset:hover, a#btnCancelOrder:hover {
       background-color: @fcolor1 !important;
    } */

/*#ancrReset:hover {
    border-color: transparent;
    background-color: @colorx5;
    color: white;
}*/

.form-control:focus {
  box-shadow: none !important;
}
div#rNoC,
div#rNoF {
  font-size: 14px;
  border: 1px #bbb dashed;
  width: 100%;
  display: inline-block;
  color: #333;
  line-height: 30px;
}
div#rNoA {
  background: #fff;
  font-size: 14px;
  /*border: 1px @darkiegray solid;*/
  width: 100% !important;
  display: inline-block;
  color: #333;
  line-height: 60px;
  height: 64px;
  box-shadow: -1px 2px 2px rgba(204, 197, 185, 0.5);
  -webkit-box-shadow: -1px 2px 2px rgba(204, 197, 185, 0.5);
  -moz-box-shadow: -1px 2px 2px rgba(204, 197, 185, 0.5);
  border-radius: 5px;
  margin-bottom: 5px;
}
div#rNoA a {
  cursor: pointer;
}
a.pgprev,
a.pgnext {
  border: none !important;
}
.pager li > a.pgprev:focus,
.pager li > a.pgprev:hover,
.pager li > a.pgnext:focus,
.pager li > a.pgnext:hover,
.pager li > a.pgnext,
.pager li > a.pgprev {
  background: transparent !important;
  text-decoration: none !important;
}
#GVMPanelHeaderContentFreeze {
  border-right: 1px dotted #fff;
  border-left: 1px solid #ddd;
}
/*#gdvRouteHistory > tbody > tr > td:nth-child(2),*/

#gdvRouteHistory tr > td:nth-child(6),
#gdvRouteHistory tr > td:nth-child(7),
#gdvHistory tr > td:nth-child(4) {
  white-space: nowrap;
  text-align: right;
}
#tblRouteHistory,
#HeaderdivHistory {
  display: none;
}
#LogBody .footerprt {
  padding: 15px 0;
}
:not(#LogBody) #BanTable .paddtmobtxtright {
  width: 100%;
  background: #454E50;
  color: #fff;
}
:not(#LogBody) #BanTable .socialprt {
  display: none;
}
:not(#LogBody) #divLogo #Fmenu {
  display: none;
}
#tblFlowLayout {
  position: relative;
  height: calc(100vh - 55px);
}
#tdWebDownload {
  cursor: pointer;
}
.Trian {
  color: #fff;
  width: 0px;
  height: 0px;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 11px solid #1277d9;
  line-height: 5px;
  position: absolute;
  transform: rotate(-45deg);
  bottom: -7px;
  left: -2px;
  font-size: 14px;
  text-indent: 3px;
}
#lblRO .Trian {
  border-right: 9px solid #d9853b;
}
#lblRW,
#lblRWO,
#lblRO,
.lblRO {
  position: relative;
}
.SectionTitle1 {
  font-family: work sans semibold;
  font-size: 12pt;
  color: #333;
  white-space: nowrap;
  padding-left: 5px;
}
/*#GVMPanelItemContentFreeze,*/

GVMPanelItemContent {
  border-left: 1px solid transparent;
}
#lbnNext {
  padding-left: 4px;
}
#lbnFirst {
  padding-left: 9px;
}
#gvOrg label.HModernChkL:before {
  left: 1px;
}
#divOFViewer img#iOFViewer {
  /*border-bottom: 15px solid gray;*/
  width: 100%;
}
label[for=chkShowFromDocDNA]:before {
  margin-right: 1px !important;
  margin-left: 6px;
  top: 0px;
}
.tab-content input#Text1 {
  width: 300px;
}
#Para1 {
  padding-left: 3px;
}
input[type=radio],
input[type=checkbox] {
  width: 15px !important;
  height: 15px !important;
}
#tdHeaderButtons,
.UMheader {
  padding-right: 15px;
  padding-left: 15px;
}
#tr_ECM {
  color: transparent !important;
}
a[id*=gvCustomFields_ctl][id*=ancAdd],
a[id*=gvCustomFields_ctl][id*=lnk_Delete],
a[id*=gvUserFields_ctl][id*=ancAdd],
a[id*=gvUserFields_ctl][id*=lnk_Delete],
#DMcls,
#lnkCancelPL {
  color: transparent;
  background: transparent;
  font-size: 0;
}
.pagination > li > a,
.pagination > li > span {
  border: 0px solid #ccc;
  font-size: 9.5pt;
  font-family: Roboto-Regular;
  color: #333 !important;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  vertical-align: middle;
  background: transparent;
}
.pagination > li:not([ng-if]):not(.active) > a,
.pagination > li:not([ng-if]):not(.active) > span {
  background: #fff;
}
.pagination > .disabled > a {
  background: transparent;
  display: none;
}
.pagination > li > a,
.pagination > li > span {
  border: 0px solid #ccc;
  /*margin-right: 4px !important;*/

}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  vertical-align: middle;
  color: #fff !important;
  /* background: @alterblue2 !important; */
  background: #1277d9;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #333;
  text-decoration: underline;
  /*background: transparent;*/

}
div#divPad {
  background: #fff;
  padding-left: 15px;
  padding-right: 15px;
}
#PMTab {
  width: 100%;
  padding-bottom: 30px;
}
.overlayMask {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
/*a:hover, a:focus {
    color: @fcolor1;
    text-decoration: none;
}
*/

.TableHeadLnks:hover {
  text-decoration: none !important;
  cursor: pointer;
  color: #1277d9 !important;
}
table#chkCS td {
  padding: 3px 0 2px 0;
}
#ViewCol {
  display: inline-block;
  vertical-align: super;
  padding-top: 8px;
}
#lblView {
  display: none;
}
/*@-moz-document url-prefix() {
    #RtTablnk {
        padding-top: 5px;
    }
}
*/

.InLnks a {
  margin-right: 25px;
  border: none;
}
a.Activated,
a.NoActivated {
  font-size: 9.5pt;
  display: inline-block;
  text-transform: uppercase;
  padding: 0px 10px;
  padding-bottom: 10px;
}
a.Activated {
  border-bottom: 1px solid #1277d9;
}
.NoActivated {
  border-bottom: 1px solid #eee;
}
@-webkit-keyframes LeftToRight {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes LeftToRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes LeftToRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
input#PageBox {
  height: 22px;
  vertical-align: middle;
  margin: 2px;
  border: none;
}
#gdvLookupPagerBottom {
  text-align: left;
  padding-bottom: 10px;
}
#tdCPHT1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  background: #f2f2f2 !important;
  margin-left: -10px;
  padding-top: 5px;
  padding-bottom: 7px;
}
div.DTFshadow {
  box-shadow: 0px 2px 5px #9d9d9d;
  height: 35px;
  padding-top: 14px;
  background: #fff;
  padding-left: 10px;
}
#pnlUsersTabular #divHeader {
  box-shadow: 0px 2px 5px #9d9d9d;
  /*padding-bottom: 10px;*/

}
div#pnlFileFormat,
table.tableTemplateName {
  padding-left: 10px;
}
#gvCDS,
#gvCustomFields,
#gvUserFields {
  background: #fff;
}
/*#tdLocalTitle {
    padding-top: 10px !important;
}*/

table#DSWtbl th {
  background: #ddd;
  border-right: 1px dotted #fff;
  padding-left: 5px;
}
#tblBC {
  font-size: 14px;
}
@media all and (max-width: 1200px) {
  .UID {
    width: 100px !important;
  }
  #lblEditUName {
    /*padding-bottom:2px !important;*/
    padding-top: 0px !important;
  }
}
@media all and (max-width: 1200px) {
  #tbButns {
    padding-right: 5px !important;
  }
}
@media all and (max-width: 1200px) {
  #rdoGlobal,
  #rdoRole {
    vertical-align: text-bottom !important;
  }
}
@media all and (max-width: 1200px) {
  #tdddlAR {
    padding-top: 5px !important;
  }
}
#divRulesEdit {
  overflow-x: auto;
}
#jqi_state0_buttonNon:hover,
#jqi_state0_buttonNon,
#jqi_state0_buttonNee:hover,
#jqi_state0_buttonNee,
#jqi_state0_buttonNej,
#jqi_state0_buttonNej:hover {
  background-color: transparent !important;
  font-size: 0px !important;
}
#jqi_state0_buttonNej:before {
  content: url(../imagesp/cross.png);
  display: inline-block;
  font-family: Roboto-Regular;
  color: #333;
  font-size: 0pt;
  top: -55px;
  right: -10px;
  position: absolute;
}
#jqi_state0_buttonNej:before {
  right: 7px !important;
  top: 5px !important;
}
.UnhandledMask {
  position: fixed;
  width: 1000%;
  height: 100%;
  background: transparent;
  margin-left: -100%;
  z-index: -1;
  top: 0;
}
#notif {
  /*display: none;*/
  width: 500px;
  position: absolute;
  right: -34px;
  background: #FFF;
  border: solid 1px rgba(100, 100, 100, 0.2);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  z-index: 3;
  cursor: default;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  animation: slideup 0.05s ease-in-out;
  -webkit-animation: slideup 0.05s ease-in-out;
  -moz-animation: slideup 0.05s ease-in-out;
  top: 25px;
}
#notif:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  color: transparent;
  border: 10px solid #f3f3f5;
  border-color: transparent transparent #ddd;
  margin-top: -20px;
  margin-right: 26px;
}
.seeAll {
  background: #f5f9fa;
  padding: 8px;
  font-size: 12px;
  font-family: work sans semibold;
  border-bottom: solid 1px rgba(100, 100, 100, 0.3);
  text-align: center;
  cursor: pointer;
  height: 30px;
  line-height: 14px;
  border-radius: 7px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  /*display: none;*/

}
.seeAll a {
  color: #333;
}
.seeAll a:hover {
  color: #55cfd4;
  text-decoration: underline;
}
.divnoties {
  cursor: pointer;
  font-size: 14px;
  text-align: left;
  padding: 10px 2px 0px 0px;
  margin: 0px;
  background: #fff;
  border-bottom: 1px solid #eee;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  margin-right: 6px;
}
.collpsemenu:hover:before {
  color: #1277d9;
}
.notif_span2 {
  color: #333;
}
.notif_span1 {
  color: #262626;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  display: block;
  margin-right: 15px;
  line-height: 16px;
  font-family: 'work sans medium';
}
.CompressMode .divnoties,
.CompressMode .Notifier {
  font-size: 11.5px;
}
.notif_ticker {
  color: #333;
  font-size: 9pt;
}
.notif_image,
.notif_icon {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  text-align: center;
  background: #eee;
  font-family: p2p;
  background-size: 33px 32px;
  border: 1px solid #333;
}
.notif_image.iconfont:not(.MyDP):before {
  content: attr(data-user);
  color: #333;
  font-family: 'work sans semibold';
  line-height: 34px;
  vertical-align: middle;
  height: 34px;
  display: block;
}
.notif_icon {
  border: 1px solid #5a5a5a;
}
.notif_icon:not(._completed):before {
  content: "\e900";
  line-height: 50px;
  font-size: 18pt;
}
.notif_icon._completed:before {
  content: "\e94f";
  line-height: 50px;
  font-size: 18pt;
}
._bottleneck:not(.dumr),
.bottleneck:not(.dumr) {
  background: #dd2739;
}
._completed:not(.dumr),
.completed:not(.dumr) {
  background: #87c149;
}
._wip:not(.dumr),
.wip:not(.dumr) {
  background: #fd9e05;
}
._todo:not(.dumr),
.todo:not(.dumr) {
  background: #67a2e0;
}
._cancelled:not(.dumr),
.cancelled:not(.dumr) {
  background: #fff000;
}
.div_image {
  padding: 0 10px;
}
.spanNoties {
  display: inline-block;
  max-width: 340px;
  line-height: 1.5;
  width: calc(100% - 108px);
}
.TickDIv {
  width: auto;
  text-align: right;
  display: block;
  vertical-align: top;
  color: #333;
  line-height: 1.5;
  float: right;
}
div.div_image {
  display: inline-block;
  vertical-align: top;
}
.divnoties:hover {
  background: #e4f3fd !important;
}
div.caughtDIv {
  padding: 22px;
  /*background: white;*/
  border-radius: 4px;
  text-align: center;
  color: initial;
}
span.caughtSpan:before {
  content: "\ead2";
  font-family: p2p;
  font-size: 16px;
  vertical-align: bottom;
  /*padding-top: 5px;*/
  padding-right: 5px;
  /*padding-bottom: 5px;*/

}
/*span.caughtSpanDM {
    color: @fcolor1;
    font-size: 22px;
}
*/

.caughtSpanDM::before {
  content: "\e922";
  font-family: bancpay;
  font-size: 24px;
  vertical-align: middle;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.DPadLeft {
  padding-left: 5px !important;
  padding-top: 7px !important;
}
.breadcrumbs .DPadLeft {
  padding-left: 5px !important;
  padding-top: 0px !important;
}
.Imgcusts:hover #imgCustomer2 {
  display: none;
}
.ActFilterBut {
  display: inline-block;
}
/*#btnCust {
    display: inline-block;
}
*/

#divChartCust {
  position: relative;
}
.Ddrop,
.LDrop {
  display: none;
}
.chartDrop:before {
  content: '';
  display: none;
  width: 0;
  height: 0;
  color: transparent;
  border: 10px solid #ccc;
  border-color: transparent transparent #fff;
  margin-top: -23px;
  right: 10px;
  position: absolute;
}
.TransLayer {
  background: Transparent;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  width: 1000%;
  height: 1000%;
  cursor: default;
}
.chartDrop {
  min-width: 300px;
  min-height: 200px;
  position: fixed;
  right: 20px;
  background: #FFF;
  /* border: solid 1px rgba(100, 100, 100, .20); */
  border: none;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  z-index: 999;
  cursor: default;
  border-radius: 7px;
  /*animation: dropHeader .10s ease-in-out;
    -webkit-animation: dropHeader .10s ease-in-out;
    -moz-animation: dropHeader .10s ease-in-out;*/
  text-align: left;
  padding: 5px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
}
.chartpadd {
  padding: 5px;
  border-bottom: 0px solid #eee;
}
/*.chartNav {
    min-height: 145px;
    padding: 15px;
    /*border-top: 1px solid @bordergray;
}*/

.tabchart {
  width: 100%;
}
.tchartcell {
  padding: 5px 0px !important;
  color: #333;
}
.Cicon {
  cursor: pointer;
}
.Cicon label:before {
  border: 2px solid transparent;
  padding: 2px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 15px;
}
td.tchartcell.BarChart span label:before {
  font-family: FA;
  content: "\f080";
  display: inline-block;
  font-size: 12pt;
  margin: 1px 4px 1px 4px;
}
td.tchartcell.PieChart span label:before {
  font-family: FA2;
  content: "\f200";
  display: inline-block;
  font-size: 12pt;
  margin: 1px 4px 1px 4px;
  font-weight: bold;
}
td.tchartcell.Area span label:before {
  font-family: FA2;
  content: "\f1fe";
  display: inline-block;
  font-size: 12pt;
  margin: 1px 4px 1px 4px;
}
td.tchartcell.LineChart span label:before {
  font-family: FA2;
  content: "\f201";
  display: inline-block;
  font-size: 12pt;
  margin: 1px 4px 1px 4px;
}
td.tchartcell.Histogram span label:before {
  font-family: FA;
  content: "\f080";
  display: inline-block;
  font-size: 12pt;
  margin: 1px 4px 1px 4px;
  transform: rotate(270deg) rotateX(180deg);
  font-weight: bold;
}
td.tchartcell.Doughnut span label:before {
  font-family: FA;
  content: "\f1cd";
  display: inline-block;
  font-size: 12pt;
  margin: 1px 4px 1px 4px;
}
span.Cicon input[type=radio]:checked + label:before {
  border-color: #1277d9;
  color: #1277d9;
}
td.tchartcell input[type=radio] {
  display: none;
}
#gdvLookup tr th:first-child {
  min-width: 100px;
}
div#ChartDB div#ProcessLoader {
  left: 0 !important;
  top: 0;
}
.ui-icon-closethick.ui-icon {
  width: 20px;
  height: 20px;
}
div#SearchCtrl {
  position: fixed;
  top: 10px;
  left: 225px;
  height: 23px;
  white-space: nowrap;
  /*z-index: 5;*/

}
div#searchbox {
  margin-right: 15px;
  display: flex;
}
input#SearchBar.fcin {
  margin: 0;
  box-shadow: none !important;
  background: #fff;
  width: 150px !important;
  margin-top: 1px !important;
  border-radius: 0 0 0 0;
  font-size: 9.5pt;
  color: #333;
  height: 30px !important;
  vertical-align: top;
  display: inline;
  float: left;
  margin-right: 0;
  position: relative;
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  border: 0 solid rgba(0, 0, 0, 0.22);
  border-right: none;
  padding: 0px 5px !important;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
input#SearchBar {
  margin: 0;
  box-shadow: none !important;
  background: transparent;
  width: 0 !important;
  margin-top: 1px !important;
  border-radius: 0 0 0 0;
  font-size: 9.5pt;
  color: #333;
  height: 30px !important;
  vertical-align: top;
  display: inline;
  float: left;
  margin-right: 0;
  position: relative;
  border: 1px solid transparent;
  border-right: none;
  padding-bottom: 0;
  padding: 0 !important;
  transition: all 0.4s ease-in-out;
}
button#ButSearch.bfcin {
  width: 31px !important;
  height: 30px !important;
  margin-top: 1px;
  background: #fff;
  border-left: none !important;
  vertical-align: middle;
  padding: 0 0 0 0;
  float: left;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
}
button#ButSearch {
  width: 31px !important;
  height: 30px !important;
  margin-top: 1px;
  background: Transparent;
  border: 1px solid transparent !important;
  border-left: none !important;
  vertical-align: middle;
  padding: 0 0 0 0;
  float: left;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.4s ease-in-out;
}
.icon-Search .path2:before {
  content: "\e9a2";
  font-family: p2p;
  color: #182832;
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
}
/*.ui.input {
    position: relative;
}*/

.dswidget i.icon.spinLoad {
  right: 50% !important;
}
.ui.icon.input > i.icon,
i.spinLoad,
.spinLoad {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 2.67142857em;
  opacity: 0.8;
  border-radius: 0 0.28571429rem 0.28571429rem 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:not(.link),
i.spinLoad,
.spinLoad {
  pointer-events: none;
}
.ui.loading.search .input > i.icon:before,
i.spinLoad:before,
.spinLoad:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.1em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.search .input > i.icon:after,
i.spinLoad:after,
.spinLoad:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin 0.6s linear;
  animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0 0 0 1px transparent;
}
i.spinLoad:after,
.spinLoad:after {
  border-color: #1277d9 transparent transparent !important;
}
.spinLoad.posted-time {
  color: transparent;
}
@-webkit-keyframes button-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes button-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes button-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.SearchDiv {
  height: auto;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  animation: divUp 0.1s ease-in-out;
  -webkit-animation: divUp 0.1s ease-in-out;
  -moz-animation: divUp 0.1s ease-in-out;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  top: 30px;
  z-index: 101;
  box-shadow: 3px 5px 10px -4px #b8b8b8;
}
.OvrLay {
  background: Transparent;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  width: 1000%;
  height: 1000%;
  cursor: default;
}
.HCSearch {
  color: #333;
  font-size: 14px;
  padding: 4px;
  /*width: 350px;*/

}
.HLStxt {
  color: #333;
}
.ICSearch {
  padding: 4px;
  width: 30px;
  height: 34px;
}
.TCSearch {
  padding: 0 4px;
  font-size: 9.5pt;
  color: #333;
  /*width: 350px;*/

}
.LDSearch {
  float: left;
  clear: both;
  height: 30px;
  padding: 4px;
  width: 30px;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
}
/*.RDSearch {
    float: left;
    clear: right;
}*/

.InDiv {
  padding: 5px;
  cursor: pointer;
  float: left;
  width: 100%;
}
.InDiv:hover {
  background-color: #e3f6fc;
}
.ICSearch::before,
.ICSearch {
  font-size: 30px;
  vertical-align: middle;
  color: #333;
}
:not(:last-child).GroupDiv {
  border-bottom: 1px solid #b8b8b8;
  padding: 4px 0;
  float: left;
  width: 100%;
}
.btnQSearch:before {
  line-height: 25px;
}
/*#txtQSearch, .tdQSearch {
    border-radius: 2px;
    display: inline-flex;
    height: 30px !important;*/

/*float:right;*/

/*background: #fff;
}*/

#txtQSearch.Wsearch {
  width: 200px !important;
}
#txtQSearch,
#txtTempSearch {
  max-width: 155px !important;
}
#tdbtnGo a#btnGo:before {
  content: "\f021";
  font-family: FA2;
  padding-left: 12px;
  color: #333;
  display: inherit;
  font-size: 15px;
}
#tdbtnGo a#btnChatCustomize:before,
#tdbtnGo a#btnDBCustomize:before {
  content: "\ea99";
  font-family: ep2p;
  /*padding-left: 7px;*/
  color: #333;
  display: inherit;
  font-size: 17px;
}
#tdbtnGo {
  /*display: inline-block;
    vertical-align: top;
    padding-top: 12px;*/
  margin-top: -2px;
}
span.ICSearch:before {
  content: "\ea7a";
  font-family: 'ep2p';
  font-size: 14pt;
  vertical-align: text-top;
}
span.ICSearch.IC1:before {
  content: "\ea7a";
  font-family: 'ep2p';
  font-size: 14pt;
  vertical-align: text-top;
}
#btnQSearch {
  padding: 1px 6px;
  float: right;
  line-height: 20px;
  background: #fff;
  color: #fff !important;
  width: 30px;
  height: 28px;
  border-radius: 3px;
}
.Notifier {
  min-height: 60px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  background: white;
  border-radius: 7px;
  padding-left: 5px;
  padding-top: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  /*margin: 10px;*/

}
.HCSearch u {
  text-decoration-color: transparent;
  text-decoration-style: dotted;
  font-family: work sans semibold;
}
.CompanyPic {
  max-width: 120px;
  background: transparent;
  float: left;
  cursor: pointer;
  margin-left: -11px;
  max-height: 45px;
  padding-bottom: 1px;
}
.MinLeft img#OrgProfilePic {
  margin-left: 35px;
}
.TextRight {
  text-align: right;
}
.IsCompOn img#CompanyProfile {
  position: absolute;
  right: 0;
  top: 4px;
}
.IsCompOn a#lblUserName {
  right: 170px;
}
.IsCompOn img#imgUserProfilePic {
  right: 125px;
  position: absolute;
}
.IsCompOn span#Inbox {
  right: 550px;
}
.IsCompOn span#Notification {
  right: 350px;
}
.IsCompOn span#LogCal {
  right: 425px;
}
.IsCompOn #divinsider1 {
  right: 123px !important;
}
.jcharts-point {
  cursor: pointer;
}
.bottomdiv div.pullright.fontcolor {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  max-width: 110px;
  white-space: nowrap;
}
button.fc-prev-button.fc-state-down,
button.fc-next-button.fc-state-down {
  background-color: transparent !important;
  box-shadow: none;
}
#gvCustomFields .tdRed a[id*=gvCustomFields_][id*=lnk_Delete] {
  content: url(../imagesp/undel.gif?dd=2) !important;
  height: 19px !important;
}
#gvUserFields .tdRed a[id*=gvUserFields_][id*=lnk_Delete] {
  content: url(../imagesp/undel.gif?dd=2) !important;
  height: 19px !important;
}
.Groupnopadding div[class*="col-"],
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
div.GroupItem {
  height: 225px;
  min-width: 200px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.boxItem {
  height: 100%;
  background: #f0faff;
  box-shadow: none !important;
  border: 1px solid #84d0ff;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
.boxItem p {
  margin: 10px 0;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
}
.division,
.boxItem {
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.14), 1px -2px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.14), 1px -2px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.14), 1px -2px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.txtdiv {
  font-family: 'work sans semibold';
}
.boxItem[disabled] {
  cursor: default;
  background: #d9d9d9;
}
.DPSub {
  font-family: Roboto-Regular;
  font-size: 9.5pt;
  color: #777;
  padding-top: 10px !important;
  padding-left: 2px !important;
  padding-bottom: 10px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  text-align: justify;
}
.Itemicon {
  height: 60px;
  text-align: center;
}
.boxItem p {
  text-align: center;
  font-size: 11pt;
  font-family: work sans semibold;
}
.boxItem span {
  position: absolute;
  top: calc(90% - 60px);
  font-size: 9pt;
  left: 10px;
  right: 10px;
}
a.aitmclk {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
li.Tab a {
  font-size: 9.5pt;
  line-height: 26px !important;
  vertical-align: middle;
  min-height: 40px;
  display: flex !important;
}
li.Tab a span {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.row.AProw {
  margin: 12px 0px;
  /*    height: 200px;  */
  background: #cdecff !important;
  padding: 10px;
  border: 15px solid white;
  margin-bottom: 20px;
  box-shadow: -1px 2px 3px rgba(204, 197, 185, 0.5);
  border-radius: 5px;
}
.DPimg img {
  width: 120px;
  height: 120px;
  border-radius: 10px !important;
  float: right;
}
.DPHead {
  position: relative;
  display: list-item;
  list-style: none;
}
span.dphead {
  white-space: normal;
  height: 100%;
  flex-direction: column-reverse;
}
.tab-content .Itemicon:before {
  height: 55px;
  width: 55px;
  display: inline-block;
  border-radius: 100%;
  border: 1px solid #84d0ff;
  Background: #fff;
  text-align: center;
  vertical-align: middle;
  /*padding: 2px 0 0 4px;*/
  color: #333;
  font-size: 23pt;
  padding-top: 5px;
  padding-left: 1px;
}
/*a#save {
    background: @pinkcolor !important;
    min-width: 45px !important;
}
*/

.OrbitMenu .Itemicon:before {
  height: 60px;
  width: 60px;
  display: inline-block;
}
div#WheelMenu .OvrLay {
  background: rgba(255, 255, 255, 0.3);
}
div#WheelMenu {
  z-index: 99;
}
.Itemicon.AP-M-CI:before {
  /*background: url(../imagesp/AdminPanel/CI.png) no-repeat;*/
  content: "\eb1a";
  font-family: ep2p;
  font-size: 25pt;
}
.Itemicon.AP-M-FUG:before {
  background: url(../imagesp/AdminPanel/FUG.png) no-repeat;
  content: "";
}
.Itemicon.AP-M-CO:before {
  content: "\ea3a";
  font-family: 'qub';
  font-weight: bold;
}
.Itemicon.AP-M-SC:before {
  content: "\eb1a";
  font-family: ep2p;
  font-size: 25pt;
}
.Itemicon.AP-M-SCON:before {
  /* background: url(../imagesp/AdminPanel/SCon.png) no-repeat; */
  content: "\ea6e";
  font-family: 'P2P';
}
.Itemicon.AP-M-SPACC:before {
  background: url(../imagesp/AdminPanel/serv_acct.png) no-repeat;
  content: "";
}
.Itemicon.BU:before,
.Itemicon.CU:before,
.Itemicon.AP-M-BU:before {
  content: "\e97b";
  font-family: 'ep2p';
  font-weight: bold;
}
.Itemicon.AP-M-BC:before {
  background: url(../imagesp/AdminPanel/BC.png) no-repeat;
  content: "";
}
.Itemicon.AP-M-EUR:before,
.Itemicon.AP-M-UBU:before {
  content: "\ea7c";
  font-family: P2P;
}
.Itemicon.AP-M-EUC:before {
  content: "\ea9b";
  font-family: P2P;
}
.Itemicon.AP-M-INNO:before {
  background: url(../imagesp/AdminPanel/INNO.png) no-repeat;
  content: "";
}
.Itemicon.AP-M-OA:before {
  background: url(../imagesp/AdminPanel/OA.png) no-repeat;
  content: "";
}
.Itemicon.AP-M-SBM:before {
  /* background: url(../imagesp/AdminPanel/SCon.png) no-repeat; */
  content: "\eab3";
  font-family: 'P2P';
}
.Itemicon.AP-M-Arch:before {
  background: url(../imagesp/AdminPanel/ARC.png) no-repeat;
  content: "";
}
.Itemicon.AP-M-TRAD:before {
  /*background: url(../Images/AdminPanel/TRAD.png) no-repeat;*/
  content: "\ea96";
  font-family: 'P2P';
}
.Itemicon.AP-M-PA:before {
  content: "\eaae";
  font-family: 'P2P';
}
.Itemicon.AP-M-PM:before {
  content: "\f3a5";
  font-family: FA;
}
.Itemicon.AP-M-MFP:before {
  background: url(../imagesp/AdminPanel/MFP.png) no-repeat;
  content: "";
}
.Itemicon.AP-M-APUP:before {
  /* background: url(../imagesp/AdminPanel/APUP.png) no-repeat; */
  content: "\eab3";
  font-family: 'ep2p';
}
i.ictab.AP-M-BUYC:before {
  background: url(../imagesp/AdminPanel/BuyC.png) no-repeat;
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: contain;
}
i.ictab.AP-M-SYSIF:before {
  background: url(../imagesp/AdminPanel/SYSIF.png) no-repeat;
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: contain;
}
i.ictab.AP-M-UMT:before {
  background: url(../imagesp/AdminPanel/UMT.png) no-repeat;
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: contain;
}
i.ictab.AP-M-MDATA:before {
  background: url(../imagesp/AdminPanel/MDATA.png) no-repeat;
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: contain;
}
.Itemicon.AP-M-MROL:before {
  /* background: url(../imagesp/AdminPanel/MROL.png) no-repeat; */
  content: "\EAB3 ";
  font-family: 'P2P';
}
.Itemicon.AP-M-MUSER:before {
  /* background: url(../imagesp/AdminPanel/MUSER.png) no-repeat;
    */
  content: "\ea91";
  font-family: 'P2P';
}
.Itemicon.AP-M-UCF:before {
  /* background: url(../imagesp/AdminPanel/MUSER.png) no-repeat;
    */
  content: "\e918";
  font-family: ep2p;
}
.Itemicon.AM:before {
  content: "\ea56";
  font-family: 'P2P';
  font-weight: bold;
}
.Itemicon.SM:before {
  /* background: url(../imagesp/AdminPanel/SUPMAST.png) no-repeat; */
  content: "\EA6E ";
  font-family: 'P2P';
}
.Itemicon.MDGLCM:before {
  background: url(../imagesp/AdminPanel/MDGLCM.png) no-repeat;
  content: "";
}
.Itemicon.MDProjMaster:before {
  background: url(../imagesp/AdminPanel/MDProjMaster.png) no-repeat;
  content: "";
}
.Itemicon.MDTasksMaster:before {
  background: url(../imagesp/AdminPanel/MDTasksMaster.png) no-repeat;
  content: "";
}
.Itemicon.CM:before {
  content: "\f428";
  font-family: 'ep2p';
}
.Itemicon.TC:before {
  content: "\e9c8";
  font-family: 'qub';
}
.Itemicon.SY:before {
  content: "\e98a";
  font-family: 'ep2p';
}
.Itemicon.SC:before {
  background: url(../imagesp/AdminPanel/SUBCO.png) no-repeat;
  content: "";
}
.Itemicon.HL:before {
  content: "\ea7e";
  font-family: 'qub';
}
.Itemicon.CSCA:before,
.Itemicon.CSS:before,
.Itemicon.CS:before,
.Itemicon.CA:before {
  /* background: url(../imagesp/AdminPanel/CSS.png) no-repeat; */
  content: "\F279";
  font-family: FA;
}
.Itemicon.GS:before {
  /* background: url(../imagesp/AdminPanel/GSER.png) no-repeat; */
  content: "\EA6D";
  font-family: 'P2P';
}
.Itemicon.LM:before {
  background: url(../imagesp/AdminPanel/LOCMAST.png) no-repeat;
  content: "";
}
.Itemicon.RS:before {
  background: url(../imagesp/AdminPanel/POREMATCH.png) no-repeat;
  content: "";
}
.Itemicon.DS:before {
  content: "\ea82";
  font-family: 'ep2p';
  font-weight: 700;
}
.Itemicon.SE:before {
  content: "\ea77";
  font-family: 'ep2p';
}
.Itemicon.CSR:before {
  content: "\e92b";
  font-family: qub;
}
.Itemicon.BM:before {
  content: "\EA9E";
  font-family: 'P2P';
}
.Itemicon.GLT:before,
.Itemicon.SU:before,
.Itemicon.GL:before,
.Itemicon.GT:before,
.Itemicon.GLFields:before {
  /* background: url(../imagesp/AdminPanel/GLT.png) no-repeat; */
  content: "\eb4f";
  font-family: 'qub';
}
.Itemicon.RMS:before {
  /* background: url(../imagesp/AdminPanel/RMS.png) no-repeat; */
  content: "\EAA0";
  font-family: 'P2P';
}
.Itemicon:before {
  content: "\ea50";
  font-family: 'qub';
}
i.ictab.AP-M-MC:before,
.Itemicon.AP-M-MC:before {
  content: '\f47d';
  font-family: 'FA';
  font-style: normal;
}
i.ictab.AP-M-USERMNT:before,
.Itemicon.AP-M-USERMNT:before {
  content: '\ea7c';
  font-family: p2p;
  font-style: normal;
}
i.ictab.AP-M-MData:before,
.Itemicon.AP-M-MData:before {
  content: "\ea86";
  font-family: qub;
  font-style: normal;
}
i.ictab.AP-M-BPM:before,
.Itemicon.AP-M-BPM:before {
  content: "\e919";
  font-family: 'p2p';
  font-style: normal;
  font-size: 22px;
}
i.ictab.AP-M-SI:before,
.Itemicon.AP-M-SI:before {
  content: '\ea7a';
  font-family: qub;
  font-style: normal;
  font-size: 18px;
}
i.ictab.AP-M-TP:before,
.Itemicon.AP-M-TP:before {
  content: "\f2b5";
  font-family: FA;
  font-style: normal;
}
i.ictab.AP-M-GSI:before,
.Itemicon.AP-M-GSI:before {
  content: '\e9b2';
  font-family: 'ep2p';
  font-size: 18px;
  display: inline-block;
}
i.ictab:before {
  content: "\e011";
  font-family: bancpay, bancpay2;
  font-style: normal;
  font-weight: normal;
}
#divULlist {
  overflow: hidden;
  border: 10px solid white;
  box-shadow: -1px 2px 3px rgba(204, 197, 185, 0.5);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #fff;
}
#ArightArrow,
#AleftArrow {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  border-radius: 100%;
  color: #333;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  border: 2px solid Transparent;
  position: absolute;
  z-index: 2;
}
#ArightArrow {
  right: -4px;
  margin-top: 22px;
}
#AleftArrow {
  left: 2px;
  margin-top: 22px;
}
li.Tab.active i:before {
  color: #1277d9 !important;
}
li.Tab.active > a {
  font-family: work sans;
}
.BSValign {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  text-align: center;
}
ul.orbit.orbitlistJS {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 101;
}
ul.orbit.orbitlistJS li {
  position: absolute;
  z-index: 1;
}
.Ocursor {
  cursor: pointer;
}
.Ocontainer {
  position: fixed;
  width: 50%;
  height: 50%;
  left: 25%;
  overflow: hidden;
  top: 25% !important;
  z-index: 9;
}
ul.orbit.orbitlistJS li:before {
  width: 50px;
  height: 50px;
  font-size: 15pt;
  display: inline-block;
  background-size: 50px 50px;
  vertical-align: middle;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
}
.orbit li {
  width: 50px;
  height: 50px;
  border-radius: 40px;
  background: #fff;
  text-align: center;
  line-height: 40px;
  color: #182832;
  box-shadow: 3px 2px 5px #aaa;
  border: 1px solid #1277d9;
}
ul.orbit.orbitlistJS li {
  transition: all 0.2s linear;
  animation: swive 0.4s ease-in-out;
  -webkit-animation: swive 0.4s ease-in-out;
  -moz-animation: swive 0.4s ease-in-out;
  -o-animation: swive 0.4s ease-in-out;
}
ul.orbit.orbitlistJS li:hover {
  background: #1277d9;
  color: #fff;
  z-index: 2;
}
.orbit li.orbitlistJS-trace {
  background: #1277d9;
  color: #fff;
}
.orbit li.orbitlistJS-active {
  background: #1277d9;
  color: #fff;
}
ul.orbit.orbitlistJS li a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
}
.OrbitMenu span#PiM,
#backtopage {
  width: 80px;
  height: 80px;
  cursor: pointer;
  border-radius: 40%;
  display: inline-block;
  position: fixed;
  bottom: -30px;
  right: -30px;
  text-align: center;
  vertical-align: middle;
  line-height: 33px;
  background: #1277d9;
  color: #fff;
  border: 5px solid #fff;
  z-index: 9;
}
#WheelMenu span#OrbClose {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 100%;
  display: inline-block;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  background: #fff;
  color: #fff;
  box-shadow: 3px 2px 5px #9d9d9d;
  border: 1px solid #0b4a87;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  z-index: 101;
}
span#PiM:before,
#backtopage:before {
  content: "\e925";
  font-family: bancpay;
  font-size: 20px;
  position: absolute;
  right: 34px;
  bottom: 27px;
}
#backtopage:before {
  color: #ddd;
}
span#OrbClose:before {
  left: 7px;
  top: -1px;
}
#lblMOStatusmsg {
  font-family: Roboto-Regular;
  font-size: 14px;
  color: #cd2026;
}
#GVMPanelItemContent,
#GVMPanelItemContentFreeze {
  margin-top: 4px;
}
.noLpadding {
  padding-left: 0 !important;
}
.noRpadding {
  padding-right: 0 !important;
}
#CreateForm {
  background: #fafbf8 !important;
}
.BigTitle {
  font-family: work sans semibold;
  font-size: 16pt;
  color: #333;
  white-space: nowrap;
  text-transform: uppercase;
}
.TextCenter {
  text-align: center;
}
.DivTotal {
  margin-bottom: 20px;
}
.DivTotal .C2 {
  color: #333 !important;
  font-family: work sans semibold;
}
.DivTotal .C1 {
  color: #333;
  font-family: work sans semibold;
}
/*#CatalogClose {
    right: 30px;
    position: absolute;
    cursor: pointer;
}*/

.line-clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}
.overflow:after {
  content: '...';
  text-align: right;
  bottom: 0;
  right: 0;
  width: 25%;
  display: block;
  position: absolute;
  height: calc(1em * 1.2);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 75%);
  font-family: work sans semibold;
}
@supports (-webkit-line-clamp: 1) {
  .line-clamp:after {
    display: none !important;
  }
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
  height: calc(1em * 1.2 * 1);
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
  height: calc(1em * 1.2 * 2);
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
  height: calc(1em * 1.2 * 3);
}
.line-clamp-4 {
  -webkit-line-clamp: 4;
  height: calc(1em * 1.2 * 4);
}
.line-clamp-5 {
  -webkit-line-clamp: 5;
  max-height: calc(1em * 1.2 * 5);
  width: 90%;
}
.PopUPMinimized .modal-dialog {
  position: fixed;
  width: 220px !important;
  height: 40px !important;
  right: 10px;
  bottom: -20px;
  left: auto !important;
  padding-left: 10px;
}
span.MaxPop {
  padding-right: 10px;
  cursor: pointer;
  float: right;
}
span.MinPop {
  padding-right: 10px;
  cursor: pointer;
  float: right;
}
.PopUPMinimized span.MinPop {
  transform: scaleX(-1);
  padding-left: 10px;
}
.PopUPMinimized .modal-content {
  height: 40px !important;
}
span.MaxPop:before {
  content: "\e170";
  font-family: bancpay2, bancpay !important;
  background: #fff;
}
span.MinPop:before {
  content: "\e169";
  font-family: bancpay2, bancpay !important;
  background: #fff;
  pointer-events: auto;
  color: #333;
}
.PopUPMinimized span.MinPop:before {
  content: "\e170";
}
div#divPopup.PopUPMinimized {
  position: relative;
  height: 0;
  width: 0;
}
li.Itemicon:hover:after {
  left: 50px;
  margin-bottom: 5px;
  padding: 7px;
  min-width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1277d9;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  line-height: 1.2;
  margin-top: 10px;
  z-index: 5;
}
li.Itemicon:after {
  z-index: 999999;
  position: absolute !important;
}
a.APBack:before {
  content: "\e923 \e923";
  font-family: bancpay;
  color: #1277d9;
  font-weight: bold;
  font-size: 10pt;
  padding-right: 4px;
  background: white;
  border: 5px solid white;
  border-radius: 5px;
}
a.APBack {
  position: fixed;
  bottom: 1px;
  right: 38px;
  z-index: 9;
}
.OrbitMenu:hover a.APBack {
  display: block;
}
.list {
  background-image: none !important;
}
#gvCustomFields [id*=gvCustomFields_][id*=ddl_] {
  width: 425px !important;
}
.opened-as-popup span#lblTime {
  right: 22px;
}
.opened-as-popup td#closeTd {
  padding-top: 2px !important;
  padding-right: 36px !important;
}
.opened-as-popup td#centerRect {
  height: 35px;
}
.CP-opened-as-popup td#centerRect {
  height: 40px;
}
.opened-as-popup img#imgCustomer,
.CP-opened-as-popup img#imgCustomer {
  width: 95px;
}
/*.CP-opened-as-popup .ScndRow {
    display: none;
}*/

html.CP-opened-as-popup #DivImg:after {
  display: none;
}
.CP-opened-as-popup #closeTd {
  padding-top: 5px !important;
}
.CP-opened-as-popup .Imagesizing1 {
  padding-left: 22px !important;
  top: 2px;
}
.opened-as-popup div#FlowLayout:before,
.CP-opened-as-popup div#FlowLayout:before {
  display: none;
}
.CP-opened-as-popup span#lblTime {
  right: 260px;
  color: #333 !important;
}
.CP-opened-as-popup a#LbUserID {
  right: 25px;
}
.TxtDiv span {
  font-size: 11px;
  color: #fff;
  float: left;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0px;
  padding-left: 10px;
}
.TxtDiv {
  height: 65px;
  vertical-align: middle;
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0 !important;
}
span.Txtspan1 {
  font-size: 14pt;
  font-family: work sans semibold;
  white-space: nowrap;
  width: 100%;
}
span.Imgspan {
  text-align: center;
  width: 100%;
  display: block;
  line-height: 62px;
}
span.Imgspan.TotalInvoice:before {
  content: "\e912";
  font-family: bancpay2, bancpay !important;
  color: #fff;
  font-size: 35px;
  text-align: center;
  vertical-align: middle;
  line-height: 62px;
  border-right: 1px dotted #fff;
  padding-right: 8px;
}
span.Imgspan.TotalPaidInvoice:before {
  content: "";
  font-family: bancpay2, bancpay !important;
  color: #fff;
  font-size: 35px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px dotted #fff;
  padding-right: 8px;
  background: url(../imagesp/AmountPaid.png) no-repeat;
  width: 42px;
  height: 40px;
  display: inline-block;
  background-size: 40px 40px;
}
span.Imgspan.TotalUnpaidInvoice:before {
  content: "";
  font-family: bancpay2, bancpay !important;
  color: #fff;
  font-size: 35px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px dotted #fff;
  padding-right: 8px;
  background: url(../imagesp/unpaidDue.png) no-repeat;
  width: 42px;
  height: 40px;
  display: inline-block;
  background-size: 40px 40px;
}
span.Imgspan.Imgspan.TotalUnpaidInvoiceBeforeDue:before {
  content: "";
  font-family: bancpay2, bancpay !important;
  color: #fff;
  font-size: 35px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px dotted #fff;
  padding-right: 8px;
  background: url(../imagesp/unpaidnotDue.png) no-repeat;
  width: 42px;
  height: 40px;
  display: inline-block;
  background-size: 40px 40px;
}
span.InvCountNote {
  font-size: 8pt;
  color: #bbb;
  float: right;
  display: none;
  /*padding-top: 10px;*/

}
.row.RowMeter {
  padding: 3px 5px;
  font-size: 9pt;
}
span.MeterDiv {
  display: inline-block;
  background: #5a8bb5;
  height: 10px;
  /*max-width: 70%;*/
  margin-right: 5px;
  /*min-width: 100%;*/
  /*animation: lineRtoL 1s 1 forwards;
    -o-animation: lineRtoL 1s 1 forwards;
    -webkit-animation: lineRtoL 1s 1 forwards;
    -moz-animation: lineRtoL 1s 1 forwards;*/
  border-radius: 2px;
}
span.oMeterDiv {
  width: 80%;
  white-space: nowrap;
  display: inline-block;
}
.CatDiv {
  margin: 4px auto;
}
/*Login credentials banner - START*/

.login-details {
  position: fixed;
  min-height: 50px;
  right: -2px;
  display: inline-block;
  z-index: 3;
  font-size: 12px;
}
.btn-sm {
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1 !important;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  margin-top: 0 !important;
  outline: none;
  margin-right: -3px;
  vertical-align: top !important;
}
.btn-sm:hover,
.btn-sm:focus {
  outline: none;
}
.login-details i {
  font-size: 17px;
  position: relative;
  top: 1px;
}
.fa-info-circle:before {
  content: "\f05a";
  font-family: FA;
  font-style: normal;
}
@media (max-width: 4500px) and (min-width: 1300px) {
  #login-detail-content.in {
    width: 350px;
  }
}
#login-detail-content.in {
  width: 520px;
}
#login-detail-content {
  transition: width 0.3s ease;
  display: inline-block;
  white-space: nowrap;
  background: #1277d9;
  vertical-align: middle;
  line-height: 30px;
  min-height: 30px;
  width: 0;
  background: #303639;
  margin-left: 0;
}
.rightblockcontent {
  color: #fff;
  background: #f8fdff;
  height: auto;
  border: 1px solid #1277d9;
  padding: 10px;
  overflow-x: hidden;
}
.rightblockcontent h4 {
  color: #1277d9;
  font-size: 16px;
  margin-top: 0;
}
.tablelogindetail {
  color: #333;
  width: 100%;
}
.tablelogindetail > tbody > tr > td,
.tablelogindetail > tbody > tr > th,
.tablelogindetail > tfoot > tr > td,
.tablelogindetail > tfoot > tr > th,
.tablelogindetail > thead > tr > td,
.tablelogindetail > thead > tr > th {
  padding: 0 4px;
  line-height: 25px;
}
.tablelogindetail > tbody > tr > td {
  color: #333;
}
.tablelogindetail > tbody > tr > td,
.tablelogindetail > tbody > tr > th,
.tablelogindetail > tfoot > tr > td,
.tablelogindetail > tfoot > tr > th,
.tablelogindetail > thead > tr > td,
.tablelogindetail > thead > tr > th {
  padding: 0 4px;
  line-height: 25px;
}
@media (max-width: 4500px) and (min-width: 1300px) {
  .login-details {
    right: 14px;
  }
}
.MinSizeInfo {
  right: -510px;
  overflow: hidden;
  display: none;
}
.MinSizeInfo .btn-sm,
.MinSizeInfo .btn-sm:hover,
.MinSizeInfo .btn-sm:focus {
  background: #fff !important;
  color: #1277d9;
  border-right-color: transparent;
  outline: none;
}
/*Login credentials banner - END*/

.cellDiv {
  width: 100%;
}
div#PRSuccess {
  position: absolute;
  top: 100px;
  left: calc(50% - 200px);
  width: 400px;
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 10px;
}
span#PRNo {
  font-family: work sans semibold;
}
.LnkRINV {
  padding-top: 10px;
}
div#tdChart {
  padding: 15px;
  padding-top: 0px;
  padding-left: 20px;
  background: #FFF !important;
  border-radius: 5px;
}
/* div#trgrid {
    padding-left: 10px;
    padding-right: 10px;
} */

.divRWD > div {
  border: 1px solid #ccc;
}
.divRWD {
  padding-bottom: 20px;
}
.DivRemit,
.DivRemit * {
  font-size: 9pt !important;
}
.SpnRemitHead {
  font-family: work sans semibold;
  line-height: 35px;
}
.ContentLSpan {
  width: 120px;
}
.ContentLSpan,
.ContentRSpan {
  padding: 5px 0;
}
div#RemitDiv .RemitParent {
  position: fixed;
  right: calc(50% - 150px);
  top: 10%;
  width: 300px;
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 2;
  background: #fff;
  -webkit-animation: zum 0.1s ease;
  -moz-animation: zum 0.1s ease;
  animation: zum 0.1s ease;
}
.RTransLay {
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
}
span.CloseRemit {
  background: url(../imagesp/cross.png) no-repeat top right;
  display: inline-block;
  height: 17px;
  width: 50px;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
span.CloseRemit + div {
  overflow-y: auto;
  float: left;
  max-height: 400px;
  width: 100%;
}
#TLFXLP {
  width: 100%;
}
.DCBG {
  margin-bottom: 20px;
}
.HtmlCharthead {
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /* box-shadow: 0 0px 2px 0 rgba(0,0,0,.14), 0 0px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.20);
    -moz-box-shadow: 0 0px 2px 0 rgba(0,0,0,.14), 0 0px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.20);
    -webkit-box-shadow: 0 0px 2px 0 rgba(0,0,0,.14), 0 0px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.20);*/
  border: 1px solid #CCC;
  border-bottom: none;
}
.HtmlChart {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none;
}
.HtmlCharthead h4 {
  margin: 9px auto;
  font-size: 16px;
  text-transform: uppercase;
  float: left;
}
#FPControlUpdatePanel .login-info.mtop0 {
  padding-left: 0;
  padding-right: 0;
}
span.configver {
  display: flex;
  position: absolute;
  right: 0;
  top: -10px;
}
#GVF td:nth-child(2) {
  padding-left: 0 !important;
}
textarea#bio {
  height: 60px !important;
}
div#shipmentContainer input {
  padding-left: 5px;
}
div#specificationSection h4 {
  font-size: 11pt;
}
div.MenuImg[riurl]:before {
  content: attr(riurl);
  font-family: Roboto-Regular !important;
  /*Letter-spacing: 0.2pt;*/
  display: inline-block;
  font-size: 10px;
  background: #ccc;
  border-radius: 4px;
  height: 16px;
  margin-top: 3px;
  margin-left: -6px;
  width: 22px;
  color: #8a8a8a;
  text-overflow: clip;
  overflow: hidden;
}
div.MenuImg[riurl] {
  /*border: 1px solid @bordergray;*/
  border-radius: 100%;
  height: 22px;
  width: 22px;
  text-align: center;
  line-height: 25px;
  margin: 1px;
  font-size: 8pt;
  font-weight: normal;
  /*margin-left: -5px;*/

}
img#CompanyProfile {
  height: 50px;
  min-width: 80px;
  background: #fff;
  border: 1px solid #fff;
}
#customToolTip {
  min-width: 100px;
  height: 24px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  position: absolute;
  background-color: #f8f8f8;
  border: 1px solid #1277d9;
  color: #333;
  /*font-weight: bold;*/
  z-index: 99999999999;
  line-height: 23px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 11px;
  -o-box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.175);
  box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.175);
  animation: fadeInLeft 0.1s ease;
  -webkit-animation: fadeInLeft 0.1s ease;
  -o-animation: fadeInLeft 0.1s ease;
  -moz-animation: fadeInLeft 0.1s ease;
}
div#customToolTip.leftAr:before {
  position: absolute;
  left: -16px;
  width: 15px;
  content: " ";
  line-height: 20px;
  height: 15px;
  border-color: transparent;
  border-right-color: #1277d9;
  border-style: dashed dashed solid;
  border-width: 8px 8px;
  top: 4px;
}
@-webkit-keyframes lineRtoL {
  0% {
    min-width: 100%;
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    min-width: 0;
  }
}
@-moz-keyframes lineRtoL {
  0% {
    min-width: 100%;
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    min-width: 0;
  }
}
@-o-keyframes lineRtoL {
  0% {
    min-width: 100%;
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    min-width: 0;
  }
}
@keyframes lineRtoL {
  0% {
    min-width: 100%;
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    min-width: 0;
  }
}
.MeterAmount {
  white-space: nowrap;
}
.PaddingLR5 {
  padding-left: 5px;
  padding-right: 5px;
}
.PaddingLR4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
#gdvLookupHeader th {
  white-space: nowrap;
}
#gdvLookupHeader label {
  padding-left: 20px;
}
.GridCellDiv label:before {
  margin-top: 3px;
}
table#gvUserFields td:last-child,
#gvCustomFields tr td:last-child {
  text-align: center;
  padding: 0;
}
#tblFM tr td:first-child {
  text-align: center;
}
#tblFM tr td label:before,
#tblFM tr th label:before {
  margin: 0;
  text-align: center;
  left: 4px;
  top: 1px;
}
table#tblFM tr,
#tblSF tr {
  height: 27px;
}
#divGFM {
  background: #fff;
}
#PMNotfnTabs .nav-tabs > li {
  height: 32px;
}
/*TL- ADAPTIVE CSS*/

@media all and (max-width: 1150px) {
  div#IconicMenus {
    position: fixed;
    z-index: 99999999999;
    background: #fff;
    display: block;
    /*min-height: 100px;*/
    min-width: 100px;
    right: 0;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
  }
  /*    .topIc {
          position: relative;
          right: 30px !important;
          text-align: left;
          left: 0 !important;
          top: 5px;
      }*/
  
  /*#IconicMenus.MinSize {
          display: none;
      }*/
  
  div#IconicMenus > div > span {
    text-align: left;
    line-height: 10px;
    display: block;
  }
  div#IconicMenus div[style*="visibility: hidden"],
  div#IconicMenus > div[style*="visibility:hidden"] {
    display: none;
  }
  div#IconicMenus div[style*="visibility:visible"],
  div#IconicMenus div[style*="visibility: visible"] {
    right: 0;
    text-align: left;
    display: block;
    height: 36px;
    line-height: 18px;
    background-color: #fff !important;
  }
  div#IconicMenus div[style*="visibility:visible"]:hover,
  div#IconicMenus div[style*="visibility: visible"]:hover,
  div#IconicMenus > div:hover > span:before {
    color: #fff;
    /*cursor:pointer;*/
    background: #1277d9;
  }
  div#IconicMenus > div > span:before {
    color: #333;
    position: relative;
    left: -5px;
  }
  div#IconicMenus > div:hover > span:after {
    background: #fff;
    color: #1277d9;
  }
  td.LbTd {
    background: transparent !important;
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    right: 0;
  }
  /*#UserInfo {
          right: 50px;
          margin-top: 18px;
      }*/
  
  .LTime {
    right: 104px !important;
  }
  .BP-nav-trigger {
    position: fixed;
    display: block !important;
    right: 0;
    width: 30px;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    top: 15px;
    z-index: 2;
    cursor: pointer;
  }
  .BP-nav-trigger span,
  .BP-nav-trigger span::before,
  .BP-nav-trigger span::after {
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #333;
  }
  .BP-nav-trigger span {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
  }
  .BP-nav-trigger span::before,
  .BP-nav-trigger span::after {
    content: '';
    right: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
  }
  .BP-nav-trigger span::before {
    top: -6px;
  }
  .BP-nav-trigger span::after {
    top: 6px;
  }
  .BP-nav-trigger.nav-is-visible span {
    background: rgba(255, 255, 255, 0);
  }
  .BP-nav-trigger.nav-is-visible span::before,
  .BP-nav-trigger.nav-is-visible span::after {
    background: white;
  }
  .BP-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
  }
  .BP-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
  }
  #notif {
    right: 100%;
    top: -22px;
  }
  #notif:before {
    display: none;
  }
  #Inbox[data-content]::after {
    float: right;
    top: -6px;
    position: relative;
    left: 0;
  }
}
/*@media all and (max-width:875px) {
    span#lblTime, .UsrInfo {
        display: none !important;
    }
}*/

@media all and (max-width: 720px) {
  input#SearchBar {
    max-width: 120px !important;
  }
  .SpHang {
    left: 530px;
  }
  /*span#lblHT1{font-size:2.5vmax;}*/
}
@media all and (max-width: 600px) {
  .SpHang {
    left: 380px;
  }
}
@media all and (max-width: 550px) {
  input#SearchBar {
    max-width: 80px !important;
  }
}
div#CommentDialog #UpdateProgress9 #isLoader {
  height: 100% !important;
}
div[id*=_DispTopGrid] div {
  float: left;
  padding-right: 10px;
  padding-top: 5px;
}
#CdivChart * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px !important;
  color: #333 !important;
  font-family: Roboto-Regular;
  font-size: 12px important;
}
#CdivChart text {
  font-weight: normal !important;
}
#CdivChart text tspan[x].jcharts-text-outline + tspan[x],
#divChart text tspan[x].jcharts-text-outline + tspan[x] {
  font-weight: bold !important;
}
.chartbox {
  padding-top: 20px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
div.jqi .jqisecmessage {
  padding-top: 22px;
}
div#editprofile select.InputCtrls {
  border-color: #ccc !important;
  webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 28px;
}
a#CloseBtn.level1.static {
  position: ABSOLUTE;
  top: 5px;
  right: 15px;
  font-size: 14pt;
  font-family: Roboto-Regular;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #gvOrg label.HModernChkL::before {
    top: 2px !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #gvOrg label.HModernChkL::before {
    top: 6px !important;
  }
}
.PageNav:not(.aspNetDisabled) {
  cursor: pointer;
  padding: 6px 10px !important;
}
.TLGRID .imgV {
  float: left;
  min-height: 20px;
}
.TLGRID .imgVRO {
  float: right;
  min-height: 20px;
  filter: none !important;
}
a.PageNumbers {
  cursor: pointer;
}
div#FilterGrid:not(.popup) {
  /*z-index: -3; beats -Exela P2P:2449*/
  margin-top: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 176px !important;
  /* border-bottom: 5px solid #f3f3f5; */
  background: #fff;
  margin-right: 21px;
  margin-left: 20px;
  /*padding: 10px;*/
  box-shadow: -1px 2px 3px rgba(204, 197, 185, 0.5);
  position: relative;
  /*padding-top: 20px;*/
  border-radius: 5px;
  /*border-left: 15px solid #fff;*/
  border-right: 15px solid #fff;
  border-top: 18px solid #fff;
  border-bottom: 20px solid #fff;
  margin-bottom: 10px;
  border-top: 50px solid white;
}
div#FilterGrid table.GVfilter > tbody > tr > td:first-child {
  display: none;
}
/*NEW TL*/

#divWIListing {
  width: calc(100% - 54px);
  margin-right: 24px;
  padding-left: 24px;
  background: #fff;
  padding-right: 25px;
  padding-bottom: 20px;
  box-shadow: -1px 2px 3px rgba(204, 197, 185, 0.5);
  box-sizing: content-box;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.flLayout #divWIListing {
  width: calc(100% - 40px);
}
#pnlActionButtons {
  float: right;
  /*padding-top: 5px;*/
  position: relative;
  /*padding-left: 18px;*/

  /*padding-right: 18px;*/

}
#BFL_ProcessLoader {
  overflow: hidden;
}
#TLGVM_wrapper input[type="checkbox"] + label {
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
}
#TLGVM_wrapper input[type="checkbox"] + label:before {
  margin: 0;
}
nav ol,
nav ul {
  list-style: none;
  margin: 0;
}
nav {
  overflow: hidden;
}
nav:not(.LoginNav) ul li {
  float: left;
}
nav ul li.more,
nav ul li.Imore {
  width: 3em;
  text-align: center;
  display: none;
  cursor: pointer;
  height: 18px;
}
nav ul li.more:hover ul#overflow,
nav ul li.Imore:hover ul#overflow1 {
  opacity: 1;
  visibility: visible;
  z-index: 3;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  line-height: 12px;
}
nav #overflow,
nav #overflow1 {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  text-align: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #fff;
  padding: 2px;
  border-radius: 4px;
}
nav #overflow li,
nav #overflow1 li {
  float: none;
}
/*li.more span {
    color: @bluedark;
    font-family: work sans semibold;
    font-size: 23px;
    line-height: 20px;
}
*/

#MorleLI .arrdwn.wt:after {
  border-top-color: #333;
}
#MorleLI .arrdwn.wt:hover:after {
  border-top-color: #fff !important;
}
li.Imore span {
  color: #333;
  font-family: work sans semibold;
  font-size: 13pt;
}
ul#overflow1 li a {
  float: left;
}
li.more #overflow *,
li.Imore #overflow1 * {
  color: #333 !important;
}
li.more #overflow li,
li.Imore #overflow1 li,
li.more #overflow div,
li.Imore #overflow1 div {
  background: #fff;
  color: #333 !important;
  /* height: 40px; */
  vertical-align: middle !important;
  /*padding-top: 5px;*/
  border-radius: 0px !important;
}
li.more #overflow div {
  background: transparent;
  color: #333 !important;
  /*margin-top: -10px !important;*/

}
li.more li.hasLi:hover {
  background: #1277d9 !important;
}
li.more > ul > li:hover,
li.more #MorleLI > ul > li:hover,
li.more #mover > ul > li:hover {
  background: #1277d9 !important;
}
li.more #overflow .drop-nav li:hover ul,
li.Imore #overflow1 .drop-nav li:hover ul {
  right: 101%;
  top: 0;
  position: absolute;
  border-radius: 4px;
  padding: 2px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
}
/*NEW TL*/

.PagePadd a:last-child,
a.hiP {
  border-right: 1px solid #ccc !important;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.PagePadd a:first-child,
a.hiP + a {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
table#TLGVM td {
  color: #333;
}
.dataTables_scrollHeadInner .TLGRID th,
table.dataTable thead th,
table.dataTable tfoot th {
  font-family: work sans semibold;
  background: #f2f2f2;
  color: #333 !important;
}
table#ctl01_GVF td:nth-child(2) {
  font-weight: normal;
  padding-right: 10px;
}
.DTFC_ScrollWrapper {
  border: 1px solid #ddd;
  border-top: none;
}
.dataTables_scrollHeadInner > .TLGRID,
.DTFC_LeftHeadWrapper > .DTFC_Cloned {
  border-top: 1px solid #ddd;
}
table#ctl01_GVF td {
  padding: 2px;
}
/*li#tdReset {
    background-color: @colorx7 !important;
}*/

/*.more #overflow li#tdReset a {
    color: #fff !important;
}*/

#GVM:not(.NonWF) tr:hover td,
.Freezehover td,
#TLGVM tr.GridT:hover td {
  border-color: #fff !important;
}
.FlagUser {
  position: relative;
}
#trActionBtns .MouseOff {
  user-select: none;
  pointer-events: none;
  cursor: not-allowed !important;
}
.MouseOff.CPORO {
  opacity: 0.3;
}
/* li.MouseOff.CPORO, li.MouseOff.CPORO li, li.MouseOff.CPORO li div { */

#nav > li.MouseOff.CPORO {
  opacity: 0.5;
}
img#CompanyProfilepic {
  padding-right: 15px;
  padding-left: 7px;
  position: absolute;
  left: 10px;
  top: -56px;
  display: none;
}
.Bubblealert .alert.alrt {
  right: 20px;
  left: auto;
  width: auto;
  min-width: auto;
  border: none;
  bottom: 20px;
  top: auto;
  background: #fafbf8;
  padding-right: 50px;
  border-radius: 4px;
  position: fixed;
}
#TabactionLnks ul#nav,
#TabactionLnks ul#Primebuttons,
#TabactionLnks ul#routeBtns {
  float: right;
  padding: 5px 20px;
  margin-bottom: 12px !important;
  display: flex;
  margin-bottom: 0px !important;
  /*margin-right: 35px;*/

}
#TabactionLnks ul#routeBtns {
  padding: 0px 0px !important;
}
.CompressMode #TabactionLnks ul#routeBtns {
  padding: 5px 0px !important;
}
#TabactionLnks ul#nav.ficon {
  padding: 5px;
}
.EditComment *,
.DelComment * {
  cursor: pointer;
}
/*#MorleLI ul > li#tdDeleteMulti:hover, #MorleLI ul > li#tdReset:hover, #MorleLI ul > li#tdRR:hover, #MorleLI ul > li#tdTerminate:hover, #MorleLI ul > li#tdRA:hover, #MorleLI ul > li#tdRestart:hover {
    background: @fcolor1 !important;
}

li#tdDeleteMulti:hover a, li#tdReset:hover a, li#tdRR:hover a, li#tdRA:hover a, li#tdRA:hover a, li.more #overflow li#tdDeleteMulti:hover a, li.more #overflow li#tdRR:hover a, li.more #overflow li#tdTerminate:hover a, li.more #overflow li#tdRestart:hover a, li.more #overflow li#tdRA:hover a, li.more #overflow li#btnTerminateConfirm:hover a {
    color: #fff !important;
}

#TabactionLnks #tdRR:hover, #TabactionLnks #tdTerminate:hover, #TabactionLnks #tdRA:hover, #TabactionLnks #tdRestart:hover, #TabactionLnks #tdDeleteMulti:hover {
    background: @fcolor1 !important;
}

li#tdDeleteMulti, li#tdRR, li#tdRA, li#tdTerminate, li#tdRestart {
    background: #fff !important;
    border: 1px solid @fcolor1 !important;
    color: @fcolor1 !important;
    height: 33px !important;
}
*/

.InitPage {
  background: #f2f2f2;
  margin: 0px;
  border-radius: 4px;
}
label.labelstyl span {
  font-size: 9.5pt;
  border: none;
  border-bottom: 1px solid #eee;
  padding: 0px 10px;
  line-height: 40px;
  text-transform: uppercase;
}
div#TabContents {
  padding-bottom: 30px;
}
.secBg {
  background: #fff;
  padding: 5px;
  display: flex;
  margin-bottom: 10px;
}
div#MenuContainer {
  overflow: hidden;
}
.SecBG {
  background: #fff;
  border-radius: 4px;
}
.sweet-alert .sa-icon.sa-error .sa-line {
  background-color: #1277d9 !important;
}
.sweet-alert .sa-icon.sa-error {
  border-color: #d9853b !important;
}
.sweet-alert button.cancel,
.swal-button--No,
.swal-button--Cancel {
  background-color: #d71996 !important;
}
.sweet-alert button.cancel:hover,
.swal-button--No:hover,
.swal-button--Cancel:hover {
  background-color: #961169 !important;
}
.sweet-alert button.cancel,
.swal-button--No,
.swal-button--Cancel {
  color: #fff !important;
}
.sweet-alert.showSweetAlert.visible,
.swal-modal {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
  font-family: 'work sans semibold';
}
.sa-button-container {
  float: right;
}
.sweet-alert button {
  padding: 5px !important;
  min-width: 80px;
  font-size: 10pt !important;
  font-family: Roboto-Regular;
  min-height: 30px;
}
.swal-button {
  padding: 5px !important;
  height: 34px;
  min-width: 60px;
}
.swal-overlay {
  z-index: 9999999999 !important;
}
.fstTr {
  margin: 0 0px 0 6px;
}
.urmPager td td {
  color: #333;
  font-family: 'Roboto-Regular';
  font-size: 14px;
  text-decoration: none;
  border-left-style: solid;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-left-color: #ddd;
  border-bottom-color: #ddd;
  height: 12px;
  width: 25px;
  text-align: center;
}
.buttonLI {
  white-space: nowrap;
  vertical-align: baseline !important;
  border: none;
  padding: 0;
  margin: 0;
  background-color: #1277d9;
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
  color: white;
  display: inline-block;
  padding: 0 15px;
  font-size: 10pt !important;
  text-decoration: none !important;
}
.btndiscards {
  white-space: nowrap;
  vertical-align: baseline !important;
  border: none;
  padding: 0;
  margin: 0;
  background-color: #C75000 !important;
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
  color: white;
  display: inline-block;
  padding: 0 15px;
  font-size: 10pt !important;
  text-decoration: none !important;
}
.buttonLI:hover {
  background: #124e73;
  -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  -o-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  -moz-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  color: white;
}
.btndiscards:hover {
  background: #9E4000 !important;
  -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  -o-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  -moz-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  color: white;
}
.form-control:not(textarea) {
  box-shadow: none;
  height: 30px !important;
  line-height: 1;
}
span.fstResultItem.FS:before {
  content: "\f14a" !important;
  color: #1277d9 !important;
  font-size: 17px !important;
  border-color: transparent !important;
  margin-right: 5px !important;
  border-width: 0px !important;
}
span.fstResultItem.FS.fstFocused:after {
  color: #fff;
}
div#dashcontainer .DynCtrl .HtmlChart {
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
div#TLFxdLO .LeftScroller {
  left: 24px !important;
  top: 5px;
}
div#TLFxdLO .RightScroller {
  left: auto !important;
  right: 24px !important;
  top: 5px;
}
div#tdMenuLinks + #FlowLayout {
  width: calc(100% - 207px);
  transition: width 0.2s;
}
.SBdiv {
  display: inline-block;
  position: relative;
}
.calendar tr.footrow {
  visibility: hidden;
}
img#OrgProfilePic[src*='no.png'] {
  width: 0px !important;
  min-width: 0px;
  padding: 0;
  margin-right: 0px;
}
table#ctl01_GVF .ddlStyle,
table#ctl01_GVF .ddlStyleMulti,
table#ctl01_GVF .tcDDLSelect {
  width: 184px;
}
table#ctl01_GVF .CalenderDateAM,
table#ctl01_GVF .CalenderDateTimeAM {
  width: 146px;
}
/*
.GRFFC {
    min-width: 220px !important;
}*/

.initBG {
  position: relative;
  opacity: 0.5;
}
.initBG:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff url(../imagesp/Giffy/final-result.gif) space;
  border: 10px solid #fff;
  z-index: 1;
}
#ancAddRole {
  cursor: pointer !important;
}
span.MeterTxt {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
table#tblCreateTemp label {
  font-weight: normal;
}
.fstElement.fstSingleMode {
  padding: 0px;
  height: 30px;
  border-radius: 2px;
  padding-top: 2px;
}
/*form#frmAdhocEdit div.fstResults {
    margin-top: 45px !important;
    width: 402px !important;
    max-width: 500px !important;
}

form#frmAdhocEdit input.fstQueryInput {
    height: 25px !important;
    font-family: work sans;
}*/

.fstElement.fstSingleMode .fstToggleBtn {
  padding: 4px 4px 1px 2.5px;
  font-size: 9.5pt;
  color: #333;
  margin-top: 1px;
}
.fstSingleMode .fstResults {
  padding-left: 5px;
}
.padL15 {
  padding-left: 15px;
}
.fstSingleMode .fstQueryInput {
  display: none;
}
/*.singleSelect .fstToggleBtn {
    color: @fcolor1 !important;
}*/

.GoToPage input#txtGoTo {
  border: none !important;
  margin: 0px;
  height: 25px !important;
  max-width: 80px;
  min-width: 26px;
  width: auto;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  line-height: 25px;
}
.CompressMode .GoToPage input#txtGoTo {
  line-height: 15px;
}
span#lblPaging {
  padding-left: 7px;
  padding-bottom: 2px !important;
}
.GoToPage {
  display: inline-block;
  background: #f5f9fa;
  border: 1px solid #bbb;
  border-radius: 2px;
  min-width: 45px;
  height: 26px;
  margin-left: -10px;
  vertical-align: text-bottom;
}
span#lblOf {
  vertical-align: super;
}
.GoToPage span#lblG:before {
  content: "\f061";
  font-family: 'FA2';
  font-weight: normal;
  padding-left: 4px;
}
.ContentGridLine {
  width: 96% !important;
}
.ContentGridLine tr td {
  border: 1px #ccc solid;
}
.RightAlignTD {
  text-align: right;
}
.AutoWidthL {
  width: 40%;
}
input[type=text].AutoWidthC,
textarea.AutoWidthC {
  width: 70%;
}
select.AutoWidthC {
  width: 74%;
}
.cookies_part,
.cookies_part_confirmed {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  display: none;
  z-index: 99;
  background: #151c22;
}
.cookies_part .btnset {
  margin-top: 13px;
}
.cookies_part_confirmed .btnset {
  margin-top: 3px;
}
.cookies_part .cookie_txt,
.cookies_part_confirmed .cookie_txt {
  color: #fff;
  margin: 10px 0;
  font-size: 12px;
  font-family: work sans;
}
.cookies_part_confirmed .cookie_txt {
  text-align: right;
}
@media (max-width: 991px) {
  .cookies_part_confirmed .cookie_txt {
    text-align: center;
  }
  .cookies_part .btnset,
  .cookies_part_confirmed .btnset {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 991px) {
  .cookies_part .btnset,
  .cookies_part_confirmed .btnset {
    display: table;
    margin: 0 auto;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .cookies_part .btnset {
    margin-top: 18px;
  }
  .cookies_part_confirmed .btnset {
    margin-top: 8px;
  }
}
.cookies_part .btn-bancpay-cookies,
.cookies_part_confirmed .btn-bancpay-cookies {
  margin: 10px 10px 0 10px;
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color: #ededed;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  font-weight: bold;
  color: #333;
  text-shadow: 1px 1px 0px #ffffff;
}
.cookies_part .container,
.cookies_part_confirmed .container {
  background: #151c22;
  min-height: 100%;
  padding: 0;
  margin: 0;
  width: 100%;
}
.cookies_part .container .row,
.cookies_part_confirmed .container .row {
  margin: 0 30px;
}
.PopClose {
  color: #333;
  font-size: 20px;
  position: absolute;
  left: 10px;
  cursor: pointer;
  padding: 10px;
  z-index: 10;
}
a.PopClose.lgx:before {
  content: url('../Imagesp/cross.png');
}
a.PopClose.lgx:hover {
  text-decoration: none;
}
div#DefaultSettings label {
  font-family: work sans semibold;
}
ul#ulFileTypeB a {
  color: #333;
  text-decoration: none;
  font-size: 14px !important;
}
table#ctl01_GVF tr td:nth-child(2) {
  width: 15%;
  white-space: nowrap;
}
table#ctl01_GVF tr td:nth-child(3) {
  width: 12%;
}
table#ctl01_GVF tr td:nth-child(5) {
  width: 100% !important;
}
div#trActionBtns div {
  box-sizing: content-box;
}
/*div#Tlist div, #Tlist {
    box-sizing: content-box;
}*/

/*a, a:hover {
    text-decoration: none !important;
}
*/

table#ctl01_GVF input.tltxtSmall {
  height: 24px;
}
.BoxShadow,
#tblStat {
  box-shadow: -1px 2px 2px rgba(204, 197, 185, 0.5);
  -webkit-box-shadow: -1px 2px 2px rgba(204, 197, 185, 0.5);
  -moz-box-shadow: -1px 2px 2px rgba(204, 197, 185, 0.5);
}
table#Main {
  border-radius: 5px;
}
#tblStat {
  margin-bottom: 10px;
}
/*
#RtTablnk {
    padding-right: 10px;
}
table#TableScope a:not(.Searchbtn ) {
    padding-right: 0;
}*/

a#btnColExport {
  margin-top: 10px;
  margin-right: 5px;
}
span.fstResultItem.FS.fstFocused:before {
  color: #fff !important;
}
.fstMultipleMode span.fstResultItem:before {
  content: "";
  float: left;
  padding-right: 10px;
  font-family: FA;
  font-size: 10pt;
  color: #777;
  border: 2px solid #aaa;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  margin-right: 5px;
  line-height: 16px;
  margin-top: 6px;
}
.CompressMode #FilterGrid .FSDrop .fstElement {
  min-height: 20px !important;
  height: 24px;
  line-height: 10px;
}
.CompressMode .compress .fstToggleBtn:after {
  top: 4px !important;
}
.CompressMode .compress .fstChoiceRemove {
  top: 2px !important;
}
/*.fstMultipleMode {
    min-width: 250px !important;
}*/

span.fstResultItem.fstSelected.FS.fstFocused:before,
span.fstResultItem.FS.fstFocused:before {
  color: #333;
}
.fstResultItem {
  padding-left: 5px;
  text-align: left;
}
span.SliderScroll {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  background: #C75000 !important;
  width: 2px;
  z-index: 1;
  height: 95%;
  border-color: #1277d9;
  -webkit-animation: fadeInLeft 0.1s ease-in-out;
  -moz-animation: fadeInLeft 0.1s ease-in-out;
  animation: fadeInLeft 0.1s ease-in-out;
}
span.ui-slider-handle.ui-state-default.ui-corner-all {
  border: 1px solid #fff;
  background: #1277d9;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  cursor: pointer;
  padding: 0;
}
table#TLGVM.TLGRID {
  border-bottom: 1px solid #ddd;
}
table#TLGVM.TLGRID,
.DTFC_LeftBodyLiner table {
  /*border-bottom: 1px solid @darkiegray !important;*/
  margin-top: 0px !important;
}
#rdbInline,
#rdbExcelAttachment,
#rdbPdfAtch {
  width: 25px !important;
  margin: 0px 0px 0px;
  vertical-align: middle !important;
}
/*div#tdHT {
    margin-bottom: 5px;
}*/

/*#TableScope {
    float: right;
}

div#TableScope > div > div {
    float: right;
    display: flex;
    align-self: flex-end;
    position: relative;
}*/

/*.lnks #lnkShowChart, #tdCustomize, #tdShowfilters, .ActFilterBut {
    line-height: 45px;
    vertical-align: middle;
}*/

/*table.FlexBox2 {
    height: 32px;
    margin-top: 6px !important;
}
*/

/*a#lnkShowFilters {
    position: relative;
}*/

a#lnkShowFilters.Clx {
  line-height: 29px;
}
.fstMultipleMode .fstQueryInput {
  height: 25px !important;
  padding-left: 5px !important;
  width: auto !important;
}
span.SideCol:before {
  content: '\e236';
  color: #333;
  font-family: bancpay, bancpay2;
  padding-left: 25px;
  font-size: 15px;
  line-height: 15px;
  height: 15px;
  vertical-align: text-top;
  cursor: pointer;
}
span.SideCol {
  display: none;
}
body:not(#LogBody) span.SideCol {
  position: absolute;
  background: transparent;
  width: 15px;
  height: 18px;
  top: calc(50% - 11px);
  left: -30px;
  cursor: pointer;
  z-index: 10;
  display: block;
  text-align: left;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 1;
}
.MinLeft span.SideCol {
  left: 4px !important;
}
td#tbButns td {
  padding: 0;
}
td#tbButns {
  vertical-align: middle;
  display: inline;
  position: relative;
  float: right;
  margin-right: 10px;
}
div.MenuImg[iurl=AdminPanel]:before {
  content: "\ea99";
  font-family: P2P;
  font-size: 17px;
}
.customizeic:before {
  content: "\ea99";
  font-family: P2P;
  font-size: 17px;
}
/*input#txtFileDesc {
    padding-left: 5px;
    width: 318px !important;
}
*/

/*.crmact {
    background: @alterblue;
}*/

a.closepop {
  content: '';
  background: url(../imagesp/cross.png);
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 10px;
  cursor: pointer;
}
span#pdftitle {
  float: left;
  font-size: 12pt;
  font-family: roboto-regular;
  line-height: 40px;
  padding-left: 10px;
}
#lblHCustomer {
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  top: -1px !important;
  /* display: none !important; */
  visibility: hidden;
}
#rdbPrivate + label,
#rdbPublic + label {
  padding-left: 3px;
  margin: 1px;
}
.MinSize .IconMenu > span {
  padding-left: 0 !important;
  margin-left: -10px;
}
.swal-footer {
  /* background-color: rgb(245, 248, 250); */
  margin-top: 32px;
  border-top: 0px solid #E9EEF1;
  overflow: hidden;
}
.CardHolder {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}
.CardHolder .MyCard {
  display: inline-block;
  width: 100%;
  float: none;
}
/*div#WIpop {
    position: absolute;
    top: 30%;
    left: 30%;
    background: #fff;
    z-index: 10;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border-radius: 3px;
    padding: 10px;
}*/

/*div#DivWIpop {
    background: rgba(0,0,0,.3) !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}*/

/*div#WIpopup, #DivWIpop {
    text-align: left;
}*/

.DTFC_RightBodyLiner {
  overflow-x: hidden !important;
}
/*
#PrivacypopCont {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 99999999;
}

#Privacypop {
    width: 80%;
    left: 9%;
    right: 9%;
    position: absolute;
    background: #fff;
    height: 70%;
    top: 10%;
    text-align: left;
    animation: dropHeader .10s ease;
    -webkit-animation: dropHeader .10s ease;
    -moz-animation: dropHeader .10s ease;
    border-radius: 7px;
}

#Privacycnt {
    overflow-y: auto;
    height: calc(100% - 15px);
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    border: none;
}
*/

tr.GridData:nth-child(even) {
  background: #f9f9f9;
}
.swal-handle {
  padding: 0;
  margin: 0;
  padding-top: 70px;
  background: transparent;
  position: absolute;
  width: 100%;
  cursor: move;
}
#chkBoxColumn label {
  font-weight: normal !important;
  vertical-align: -webkit-baseline-middle !important;
}
#ChkBoxSelectAll + label {
  padding-top: 1px;
  vertical-align: -webkit-baseline-middle;
}
.Hpaneldiv > tbody > tr > td {
  position: relative;
  padding-left: 5px;
  vertical-align: top;
}
.indicator {
  position: absolute;
  background: #333;
  color: #fff;
  font-size: 9pt;
  z-index: 1;
  padding: 4px;
  padding-right: 20px;
  border: 2px solid #d9853b;
}
.indicator:before {
  content: url(imagesp/cross.png);
  vertical-align: middle;
  display: inline-block;
  transform: scale(0.8);
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.indicator:after {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #333;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 100%;
}
/*
.HBoot {
    padding-right: 10px !important;
}
*/

.panel {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
}
input[id*=gvShowTemplate_ctl][id*=rdobtn] {
  margin: -1px 0px 0px !important;
}
#txtTempSearch:focus {
  width: 150px !important;
}
#divAddTemplateLib #divCtrl #lstCtrl img {
  display: none !important;
}
#divShowTemplate #btnQSearch:before {
  line-height: 28px !important;
}
#divShowTemplate .tdQSearch {
  margin-top: 0px !important;
  border: 1px solid #ccc !important;
}
nav#TabImageLnks a {
  color: #333;
  width: 30px;
  padding: 0px 7px;
  text-align: center;
}
nav#TabImageLnks {
  padding: 0px;
}
/* Image toolbar (Content.aspx only - ViewImage/ImageViewer reuse #nav1); !important beats legacy icon box rules */
#divOFViewer > #tblAtlWindow {
  display: block;
  position: sticky;
  top: 0;
  z-index: 150;
  width: 100%;
  height: 0;
  overflow: visible;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
}
#divOFViewer:hover > #tblAtlWindow,
#divOFViewer > #tblAtlWindow.pinned {
  visibility: visible;
  opacity: 1;
}
#divOFViewer > #tblAtlWindow.pinned {
  height: auto;
}
#tblAtlWindow #tdImgFieldPnl {
  padding: 0;
}
#tblAtlWindow #ImgActButton {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
#tblAtlWindow #ImgActButton td {
  padding: 0;
}
#tblAtlWindow #tabButSection {
  box-sizing: content-box;
  height: 40px;
  min-height: 0 !important;
  padding: 0 44px 0 8px;
  background-color: #fff;
  border-bottom: 1px solid #e1e5ea;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.ZoomView #tblAtlWindow #tabButSection {
  box-sizing: border-box;
}
#tblAtlWindow #tblAtControls {
  padding: 0;
}
#tblAtlWindow nav#TabImageLnks {
  min-width: 0;
  padding: 0;
  overflow: visible;
}
#tblAtlWindow #nav1 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tblAtlWindow #nav1 > li {
  flex: 0 0 auto;
  float: none;
  box-sizing: border-box;
  height: 30px;
  margin: 0 !important;
  padding: 0 6px !important;
  list-style: none;
  white-space: nowrap;
  border: none;
}
#tblAtlWindow #nav1 > li:not(.Imore) {
  display: flex;
  align-items: center;
  gap: 2px;
}
#tblAtlWindow #nav1 > li.grpEmpty {
  display: none;
}
#tblAtlWindow #nav1 > li:first-child {
  padding-left: 0 !important;
}
#tblAtlWindow #nav1 > li + li.toolGrp,
#tblAtlWindow #nav1 > li.Imore {
  border-left: 1px solid #e1e5ea;
}
#tblAtlWindow #nav1 > li > a,
#tblAtlWindow #TabImageLnks #overflow1 > li > a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  float: none !important;
  width: 30px !important;
  min-width: 30px;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 30px !important;
  border: none !important;
  border-radius: 6px;
  background-color: transparent;
  color: #333;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  filter: none;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
#tblAtlWindow #nav1 > li > a:before,
#tblAtlWindow #TabImageLnks #overflow1 > li > a:before {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 1 !important;
  vertical-align: middle !important;
}
#tblAtlWindow #nav1 > li > a:hover,
#tblAtlWindow #nav1 > li > a.zoomin,
#tblAtlWindow #TabImageLnks #overflow1 > li > a:hover {
  background-color: rgba(18, 119, 217, 0.1);
  color: #1277d9 !important;
}
#tblAtlWindow #nav1 > li > a:active,
#tblAtlWindow #TabImageLnks #overflow1 > li > a:active {
  background-color: rgba(18, 119, 217, 0.18);
}
#tblAtlWindow #nav1 > li > a:focus-visible,
#tblAtlWindow #TabImageLnks #overflow1 > li > a:focus-visible,
#tblAtlWindow #nav1 > li.Imore > span.moreic:focus-visible {
  outline: 2px solid #1277d9;
  outline-offset: 1px;
}
#tblAtlWindow #nav1 > li.pgGrp {
  gap: 6px;
}
#tblAtlWindow #nav1 .GoToPage {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  min-width: 0;
  margin: 0 !important;
  padding: 0 0 0 8px;
  vertical-align: middle !important;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 6px;
  transition: border-color 0.15s ease-in-out;
}
#tblAtlWindow #nav1 .GoToPage:focus-within {
  border-color: #1277d9;
}
#tblAtlWindow #nav1 .GoToPage #lblG {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  line-height: 1;
  color: #6b7280;
}
#tblAtlWindow #nav1 .GoToPage #lblG:before {
  padding: 0;
}
#tblAtlWindow #nav1 input#PageBox {
  box-sizing: border-box;
  width: 40px !important;
  height: 26px !important;
  margin: 0;
  padding: 0 4px;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  line-height: 26px !important;
  text-align: center;
  vertical-align: middle !important;
}
#tblAtlWindow #nav1 #PageLabel {
  width: auto;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none;
  background: none;
  font-size: 13px;
  line-height: 1 !important;
  color: #6b7280;
  vertical-align: middle !important;
  white-space: nowrap;
}
#tblAtlWindow #nav1 > li.Imore {
  position: relative;
  width: auto;
  padding: 0 0 0 6px !important;
  text-align: center;
}
#tblAtlWindow #nav1 > li.Imore > span.moreic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  line-height: 1;
  vertical-align: middle;
  color: #333;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
#tblAtlWindow #nav1 > li.Imore:hover > span.moreic,
#tblAtlWindow #nav1 > li.Imore:focus-within > span.moreic {
  background-color: rgba(18, 119, 217, 0.1);
  color: #1277d9;
}
#tblAtlWindow #nav1 > li.Imore > span.moreic:before {
  padding: 0;
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
}
#tblAtlWindow #TabImageLnks #overflow1 {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  z-index: 5;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: max-content;
  min-width: 0;
  max-width: 260px;
  min-height: 0;
  margin: 6px 0 0;
  padding: 2px 6px;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  line-height: normal;
}
#tblAtlWindow #TabImageLnks #overflow1:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  height: 8px;
}
#tblAtlWindow #TabImageLnks li.Imore:focus-within #overflow1 {
  opacity: 1;
  visibility: visible;
}
#tblAtlWindow #TabImageLnks #overflow1 > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  float: none;
  height: auto;
  margin: 0 !important;
  padding: 4px 0 !important;
  border: none;
}
#tblAtlWindow #TabImageLnks #overflow1 > li + li {
  border-top: 1px solid #e1e5ea;
}
#tblAtlWindow #toggleimagetool {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
}
#tblAtlWindow #toggleimagetool:before {
  content: '\eaa7';
  display: inline-block;
  height: auto;
  font-family: 'ep2p';
  font-size: 22px;
  line-height: 1;
  color: #1277d9;
  background: none;
}
#tblAtlWindow #toggleimagetool.off:before {
  content: '\eaa6';
  color: #6b7280;
}
#tblAtlWindow #toggleimagetool:focus-visible {
  outline: 2px solid #1277d9;
  outline-offset: -4px;
}
#tblAtlWindow #nav1.imgToolCompact > li {
  padding: 0 3px !important;
}
#tblAtlWindow #nav1.imgToolCompact > li > a {
  width: 26px !important;
  min-width: 26px;
  height: 26px !important;
  line-height: 26px !important;
}
#tblAtlWindow #nav1.imgToolCompact > li > a:before {
  font-size: 14px !important;
}
@media (pointer: coarse) {
  #tblAtlWindow #nav1 > li > a,
  #tblAtlWindow #nav1.imgToolCompact > li > a,
  #tblAtlWindow #TabImageLnks #overflow1 > li > a,
  #tblAtlWindow #nav1 > li.Imore > span.moreic {
    width: 36px !important;
    min-width: 36px;
    height: 36px !important;
    line-height: 36px !important;
  }
  #tblAtlWindow #nav1 > li {
    height: 36px;
  }
}
/*li.MouseOff.CPORO a, li.MouseOff.CPORO li a, li.MouseOff.CPORO li div a {
    color: #fff !important;
}*/

.MINP {
  background-color: Transparent;
  /*    background: url(../imagesp/Icons/MINP.png) no-repeat top center;
    width: 50px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 2px;*/

}
.MINP:before {
  content: '\f051';
  font-family: FA2;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.MIPP:before {
  content: '\f051';
  font-family: FA2;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.MINPP:before {
  content: '\ea6b';
  font-family: ep2p;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.MIPPP:before {
  content: '\E902';
  font-family: ep2p;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.MIPP {
  background-color: Transparent;
  /*    background: url(../imagesp/Icons/MIPP.png) no-repeat top center;
    width: 50px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 2px;*/

}
.MIPP:before {
  content: '\f048';
  font-family: FA2;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.AINP {
  background-color: Transparent;
  /*background: url(../imagesp/Icons/AINP.png) no-repeat top center;*/

  /*    width: 50px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 0px;*/

}
.AINP:before {
  content: '\ea6b';
  font-family: p2p;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
  vertical-align: top;
  font-weight: bold;
}
.AIPP {
  background-color: Transparent;
  /*    background: url(../imagesp/Icons/AIPP.png) no-repeat top center;
    width: 50px;
    height: 24px;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 0px;*/

}
.AIPP:before {
  content: '\f0fe';
  font-family: FA;
  font-size: 17px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
#btnRmvImages:before {
  content: '\e912';
  font-family: p2p;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
  font-weight: bold;
  vertical-align: text-top;
}
td.day.wn span {
  font-style: italic;
  border-color: transparent !important;
}
/*#overflow a#lnkDeleteMulti {
    color: @colorx18 !important;
}
*/

.EmpDiv {
  text-align: left;
  padding: 10px;
}
.InvCounterWidget {
  padding-top: 8px;
}
.form-control {
  box-shadow: none !important;
}
/*li.tdImg a {
    background-position-x: center !important;
    width: 36px;
}*/

iframe#ifImage1 {
  border: 1px solid #ccc;
}
.margt20 {
  margin-top: 20px;
}
.margt10 {
  margin-top: 10px;
}
.TLGRID th.sorting {
  cursor: pointer;
}
.TLGRID th.sorting:hover,
.TLGRID th.sorting_asc:hover,
.TLGRID th.sorting_desc:hover {
  color: #748791;
}
th.sorting_disabled {
  cursor: default !important;
}
#MyInbox:hover,
#MyNotification:hover {
  color: #1277d9 !important;
}
.TLGRID th div.HD {
  display: inline;
  cursor: pointer;
  font-size: 9.5pt;
  font-family: 'work sans semibold';
}
ul.chartDrop.LDrop {
  min-height: auto !important;
  min-width: auto !important;
  padding: 5px;
}
ul.chartDrop.LDrop.Ulisting li {
  padding: 4px;
  height: 34px;
  line-height: 26px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
}
ul.chartDrop.LDrop.Ulisting li:hover {
  color: #fff;
  background: #1277d9;
}
.LDrop {
  border: 1px solid #ddd;
}
ul.chartDrop.LDrop.ConfigList {
  min-width: 550px !important;
  min-height: 210px !important;
  overflow: auto;
  max-height: 500px;
  width: 550px !important;
  border-top: 10px white solid !important;
  border-bottom: 10px white solid !important;
}
ul.chartDrop.LDrop.ConfigList li div:not(.fstChoiceItem) {
  padding: 2px;
}
li.bottsave {
  padding-bottom: 10px;
  padding-right: 10px;
}
#ConfigChartSettings td.GRF.GRFFC {
  padding-left: 10px;
  padding-top: 5px;
  vertical-align: top !important;
  min-width: 100px;
  white-space: nowrap;
}
a#aText:hover {
  color: #1277d9 !important;
}
.HtmlCharthead h4 + a {
  margin: 7px auto;
  float: left;
  padding-left: 10px;
  color: #333 !important;
  cursor: pointer !important;
  margin-top: 10px !important;
  font-size: 12px !important;
}
.HtmlCharthead * {
  min-height: 20px !important;
  margin-top: 12px !important;
}
ul.ULdropdown li {
  text-align: left;
  font-weight: normal;
  font-family: Roboto-Regular;
  font-size: 10.5pt;
  padding: 0px 10px !important;
  cursor: pointer;
}
ul.ULdropdown,
ul.Menuselected {
  background: white;
  padding: 5px 0;
  margin: 0;
}
ul.ULdropdown li:hover {
  color: #333;
  background: #1277d9;
  color: #fff;
}
ul.ULdropdown {
  display: none;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
}
ul.Menuselected.clicked > .ULdropdown {
  display: block;
  position: absolute;
  left: 0;
  top: 31px;
  z-index: 991;
  overflow-y: auto;
  min-width: 100%;
}
ul.Menuselected li {
  text-align: left;
  font-size: 10.5pt;
  line-height: 28px;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
ul.Menuselected {
  /*float: right;*/
  border: 1px solid #ccc;
  height: 30px;
  padding: 0;
  min-width: 200px;
  padding-left: 10px;
  position: relative;
  cursor: pointer;
  border-radius: 3px;
  padding-right: 25px;
  padding-top: 1px;
  margin-top: -1px;
}
ul.Menuselected:after {
  border: none;
  position: absolute;
  content: "\f107";
  left: calc(100% - 15px);
  top: 2px;
  font-size: 12pt;
  cursor: pointer;
  font-family: 'FA2';
  overflow: hidden;
  color: #333;
  font-weight: 600;
}
li.WFDB:before {
  content: "\e91e";
  font-family: bancpay;
}
.ULdropdown li:hover:before {
  color: #333;
}
.Menuselected li:before {
  color: #5c99d4;
  margin-left: -12px;
  padding-right: 10px;
  display: none;
}
li.WFTL:before {
  content: "\f0ca";
  font-family: FA;
}
li.WFOV:before {
  content: "\f1a4";
  font-family: FA;
}
input#txtQSearch {
  padding-top: 1px !important;
  color: #333 !important;
  height: 28px !important;
  border-radius: 3px;
}
div#ActContent pre {
  background: transparent;
  border: none;
  width: 100%;
  overflow: hidden;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  white-space: normal;
}
@-moz-document url-prefix() {
  .DTFC_LeftBodyLiner {
    overflow: hidden !important;
  }
}
.Zoomed {
  min-width: 100%;
}
span.zoomie:after {
  content: '\f065';
  font-family: FA;
  float: right;
  line-height: 25px;
  cursor: pointer;
  width: 25px;
  text-align: center;
  padding-top: 3px;
}
span:hover.zoomie:after {
  color: #1277d9;
}
span.zoomie.zoomon:after {
  content: '\f066';
}
.HtmlChart.splitted div.canv:first-child {
  width: 40%;
  float: left;
}
.HtmlChart.splitted div.canv:last-child {
  width: 40%;
  float: left;
}
.multiseriesed .CustomLegend ul {
  bottom: 0;
  display: inline-flex;
}
.multiseriesed .CustomLegend {
  width: 94%;
  overflow-y: hidden;
  position: absolute;
  overflow-x: auto;
}
.CustomLegend {
  width: 94% !important;
  overflow-y: hidden;
  position: absolute;
  overflow-x: auto;
}
.CustomLegend ul {
  bottom: 0;
  display: inline-flex;
}
.CustDash {
  text-align: right;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
}
.breadcrumbs .CustDash {
  height: 40px;
  line-height: 45px;
}
.multiseriesed .canv {
  width: 50% !important;
  min-height: 250px;
}
/*div#ContentDB {
    position: fixed;
    z-index: 100;
    padding-top: 7px;
    right: 40px !important;
    left: auto !important;
    float: right !important;
}*/

/*div #ContentDB:before {
        content: '';
        background: url('../imagesp/top-arrow.png') no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: contain;
        position: absolute;
        top: -3px;
        right: 20px;
    }*/

.CDBdiv {
  background: #fff;
  width: 550px;
  padding: 10px;
  padding-bottom: 0;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0px 2px 7px #333;
  -webkit-box-shadow: 0px 2px 7px #333;
  -moz-box-shadow: 0px 2px 7px #333;
  border-radius: 5px;
  BORDER-BOTTOM: 1PX SOLID #ddd;
  padding: 18px !important;
  padding-top: 0px !important;
  border-top: 10px solid white;
  border-bottom: 10px solid white;
  padding-bottom: 0px !important;
}
.CDBdiv2 {
  background: #fff;
  width: 550px;
  padding: 10px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.175);
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px solid #ddd;
}
select.selectDB,
div#ContentDB .fstElement {
  width: 100%;
}
div#ContentDB .DCctrl {
  min-height: 30px;
  padding-bottom: 5px;
}
select.selectDB.DisableDB {
  background: #eee !important;
  border-color: #ccc;
  /*width: 250px;*/
  height: 25px;
}
.CDBH {
  display: block;
  font-family: work sans semibold;
  color: #333;
  padding-bottom: 7px;
  font-size: 14px;
  /* border-bottom: 1px solid #eee; */
  /* margin-bottom: 10px; */
  padding-top: 5px;
}
/*button#btnCDB {
    margin-top: 10px;
    background: @pinkcolor !important;*/

/*position: relative;
    right: -20px;*/

/*}*/

.ContentDB .fstControls {
  width: auto !important;
}
.Upchcart {
  margin: 7px auto;
}
/*.ImgPanelset {
    background-color: Transparent;
    padding: 0px 2px;
    cursor: pointer;
}
*/

.ImgPanelset:before {
  font-family: p2p;
  color: #333;
  content: "\ea99";
  font-size: 20px;
  cursor: pointer;
}
.Imgpane {
  min-height: 100px;
  min-width: 230px;
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -20px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  padding: 5px;
  color: #333;
  display: flex;
}
div#IMP1 {
  width: 250px;
  display: block;
  padding-left: 7px;
}
div#IMP2 {
  width: 20px;
  display: block;
  /* margin-left: 5px;
    padding-left: 5px; */
  /* border-left: 1px solid #eee; */
  height: 81px;
}
div#slider-Vrange {
  margin: 30px 0px;
  width: 5px;
  margin-left: 5px !important;
}
div#DivImgPanel {
  position: fixed;
  z-index: 9;
}
div#slider-range {
  margin: 5px 10px;
  height: 5px;
  margin-right: 20px;
}
a#ips5:before {
  font-size: 15px;
}
a#ips6:before {
  font-size: 20px;
}
a#ips7:before {
  font-size: 24px;
}
a#ips8:before {
  font-size: 28px;
}
a#ips9:before {
  font-size: 32px;
}
.PicOptions a {
  width: 35px;
  display: inline-block;
  text-align: right;
}
a#ips5 {
  text-align: left;
}
a#ips6 {
  text-align: left;
  margin-left: -8px;
}
a#ips7 {
  text-align: center;
  margin-left: -8px;
}
a#ips8 {
  text-align: right;
  margin-left: -6px;
}
a#ips9 {
  text-align: right;
  margin-left: 2px;
}
a#ips10 {
  margin-left: -4px;
}
img.imgIP1 {
  border: 1px solid transparent;
  cursor: pointer;
}
img.imgIP2 {
  margin-left: 18px;
  border: 1px solid transparent;
  cursor: pointer;
}
img.imgIP3 {
  margin-left: 15px;
  border: 1px solid transparent;
  cursor: pointer;
}
img.imgIP4 {
  margin-left: 8px;
  border: 1px solid transparent;
  cursor: pointer;
}
img.imgIP5 {
  margin-left: 5px;
  cursor: pointer;
  border: 1px solid transparent;
}
img.setIP {
  border-color: #1277d9;
}
span.ChLbl {
  padding-right: 5px;
  line-height: 25px;
  text-align: left;
}
div#FCcontainer > div {
  padding: 5px;
  margin-right: 10px;
}
.DT1 {
  padding-right: 10px;
}
.DCctrl .InrRst {
  min-height: 110px;
}
.chartjs-tooltip[id*=chartjs-tooltip] {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
}
.chartjs-tooltip-key {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
td.GRSecFilter {
  visibility: hidden;
}
div.GRSecFilter {
  display: none !important;
}
div#container {
  padding-bottom: 20px;
  padding-left: 20px;
}
.NoChart {
  position: absolute;
  height: 40%;
  width: 100%;
  top: 50%;
  color: #333;
}
div.MenuImg[iurl=Catalogs]:before {
  content: "\ed05";
  font-family: qub;
  font-size: 18px;
  margin-left: -2px;
}
#tdUploadWI,
#tdNewWI {
  display: inline-block;
}
.strike {
  text-decoration: line-through;
}
.DCdesc {
  /* text-transform: uppercase; */
  white-space: pre;
}
span.zoomie {
  display: none;
}
.notdwrap > pre,
th.notdwrap,
td.notdwrap {
  white-space: nowrap !important;
}
table#LKPtab input,
table#LKPtab select {
  border-radius: 4px;
}
label.flowConfig {
  font-size: 17px;
  font-family: 'work sans semibold';
  color: black;
}
.filterhasval[data-count]:not(.Clx):after {
  content: '\e138';
  font-size: 13px;
  color: #1277d9;
  font-weight: bold;
  top: -3px;
  position: relative;
  font-family: bancpay2;
  left: 0;
  display: none;
}
.freadonly {
  cursor: default !important;
}
.Itemicon.AP-Flow-UG:before {
  /* background: url(../imagesp/AdminPanel/FlowProposalUser.jpeg) no-repeat; */
  content: "\EA9C";
  font-family: 'P2P';
}
.SameWin div#divMultiRole {
  width: 92%;
  max-width: 410px !important;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  top: 100px;
  left: calc(50% - 205px);
  position: fixed;
  padding: 10px;
}
button#btnRoleClose {
  opacity: 1;
}
@media all and (min-width: 2000px) {
  #divLogo {
    display: none;
  }
}
canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#divChart .chartjs-tooltip table * {
  color: #fff !important;
  border: none;
}
.CustomLegend ul {
  padding: 0;
  margin: 0;
  margin-right: 10px;
  max-height: 360px;
}
#divChart .CustomLegend li {
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 170px;
  color: #333 !important;
  padding-right: 10px;
  cursor: pointer;
  font-size: 9pt !important;
  float: left;
}
.CustomLegend {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}
.CustomLegend li span {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 2px;
}
.ui-widget-header .ui-datepicker-prev .ui-icon,
.ui-widget-header .ui-datepicker-next .ui-icon,
.ui-widget-header .ui-datepicker-first .ui-icon,
.ui-widget-header .ui-datepicker-last .ui-icon {
  background-image: url(../imagesp/ui-icons_444444_256x240.png) !important;
  margin-top: -6px !important;
}
.MinLeft #accordion,
#WList[usertype]:not(.CompressMode) .MinLeft #accordion {
  width: 55px !important;
  display: block;
}
.MinLeft #accordion .MenuImg {
  padding-left: 15px;
}
.MinLeft #accordion a[id*=Menu] {
  visibility: hidden;
  width: 0px;
}
.MinLeft #accordion li > ul li > div {
  padding-left: 3px;
}
.MinLeft #accordion > ul li > div {
  padding-left: 3px;
}
#accordion {
  width: 207px !important;
  display: block;
}
.MinLeft [data-tooltip] {
  z-index: 2;
  cursor: pointer;
}
.MinLeft [data-tooltip]:before,
.MinLeft [data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 3;
}
.MinLeft [data-tooltip]:before {
  position: absolute;
  left: 60px;
  margin-bottom: 5px;
  padding: 7px;
  min-width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  line-height: 1.2;
  margin-top: 10px;
  z-index: 5;
}
.MinLeft [data-tooltip]:after {
  position: absolute;
  left: 50px;
  margin-left: 1px;
  width: 0;
  border-bottom: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-top: -35px;
}
/*.MinLeft [data-tooltip]:hover:before,
.MinLeft [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=100)';
    opacity: 1;
}
*/

.MinLeft #accordion.Posabs [data-tooltip]:before {
  position: fixed;
}
.MinLeft #SearchCtrl {
  left: 55px;
}
.MinLeft #FlowLayout:before {
  display: none;
}
.MinLeft body:not(#LogBody) .Imagesizing1 {
  padding-top: 5px;
  padding-left: 0px;
  width: auto;
  height: 42px;
}
.MinLeft span.SideCol:before,
.MinLeft .spanNav:before {
  content: '\e236';
}
.MinLeft table#HeadBG .Imgcusts,
#WList[usertype]:not(.CompressMode) .MinLeft table#HeadBG .Imgcusts {
  width: 55px !important;
}
#WList:not([mobileserve]) #FlowLayout1:not(.togmenu) .MinLeft #accordion li.top > div.DivMenu,
#WList:not([mobileserve]) #FlowLayout1:not(.togmenu) .MinLeft #accordion li.top,
#WList[usertype]:not(.CompressMode) .MinLeft #accordion li.top > div.DivMenu,
#WList[usertype]:not(.CompressMode) .MinLeft #accordion li.top {
  width: 55px !important;
}
/*@media all and (max-width:400px) {
    .MinLeft .SpHang {
        left: 0;
    }

    img#OrgProfilePic {
        position: absolute;
        left: -65px;
        min-width: 50px;
        padding: 0;
        margin: 0;
        top: 50px;
        width: 50px;
    }

    .MinLeft #SearchCtrl {
        left: 0px;
    }

    body:not(#LogBody) span.SideCol {
        top: 20px !important;
        right: 5px !important;
    }
}

@media all and (max-width:360px) {
    .MinLeft .SpHang {
        left: 0px;
    }
}*/

@media all and (max-width: 299px) {
  input#SearchBar,
  button#ButSearch {
    display: none;
  }
  .navbar-default .navbar-toggle {
    position: absolute;
    right: 40px;
  }
}
@media all and (max-width: 899px) {
  input #SearchBar {
    width: 130px;
  }
  /*    .MinLeft #trOne:not([ms]) span.SideCol.spanNav {
          display: none !important;
      }*/
}
.MinLeft div#tdMenuLinks:before {
  margin-left: 7px;
  width: 40px;
}
.MinLeft div#tdList,
#WList[usertype]:not(.CompressMode) .MinLeft div#tdList {
  width: calc(100% - 55px) !important;
}
.MinLeft #trSuperadmin {
  display: none;
}
.MinLeft div#tdMenuLinks + #FlowLayout,
#WList[usertype]:not(.CompressMode) .MinLeft div#tdMenuLinks + #FlowLayout {
  width: calc(100% - 55px) !important;
  transition: width 0.2s;
}
#WList:not([mobileserve]) .MinLeft #FlowLayout1:not(.togmenu) div#tdMenuLinks,
.MinLeft #DivImg,
.MinLeft #imgCustomer,
#WList[usertype]:not(.CompressMode) .MinLeft div#tdMenuLinks,
#WList[usertype]:not(.CompressMode) .MinLeft #DivImg,
#WList[usertype]:not(.CompressMode) .MinLeft #imgCustomer {
  width: 55px !important;
}
.MinLeft #imgCustomer {
  width: 40px !important;
  height: 40px;
  margin-top: 6.5px;
}
.MinLeft .SendCell,
#WList[usertype]:not(.CompressMode) .MinLeft .SendCell {
  width: calc(100% - 55px) !important;
}
:not(#LogBody) #divLogo,
#btnDownloadZip {
  display: none;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td,
.dataTables_scrollHeadInner > .TLGRID,
.DTFC_LeftHeadWrapper > .DTFC_Cloned {
  border-top: none !important;
}
.DTFC_LeftHeadWrapper > .DTFC_Cloned th {
  padding-bottom: 4px !important;
}
.DTFC_LeftBodyLiner table th {
  border-bottom: none;
}
#tdListing {
  overflow-y: auto;
}
#trListing {
  position: relative;
}
#FlowLayout:not(.flLayout) div#tdListing {
  overflow: hidden;
}
.ddlDTF {
  width: 175px !important;
}
.CDivBox[onewidget] .tablnk.select {
  border: none;
}
.CDivBox[onewidget] div:not([chartonly]) .chartcanvas,
.RBIND > .BoxinnerDiv div[chartonly] > .chartcanvas:not(.splitted) {
  width: 100%;
}
.fstElement select {
  display: none;
}
#FilterGrid .disoff {
  display: none;
}
#FilterGrid .disoff + img.ui-datepicker-trigger {
  display: none !important;
  visibility: hidden;
}
.lbl_and {
  width: 34px;
  vertical-align: middle;
  text-align: center;
  margin-left: 5px;
}
.fnlbl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button !important;
}
.CLlayout div#TLDivs {
  display: inline-flex;
  flex-direction: row-reverse;
  width: 100%;
  height: 100%;
}
.CLlayout div#FilterGrid:not(.popup),
.CLlayout.fon div#TableScope {
  width: 300px;
  display: flex;
  background: #fff;
  margin-top: 0px;
}
.CLlayout.fon div#trFilters:not(.popup) + div#trgrid {
  display: block;
  width: calc(100% - 330px);
}
.CLlayout div#trgrid {
  display: block;
  width: 100%;
}
.CLlayout div#FilterGrid:not(.popup) {
  /*height: 100% !important;*/
  overflow-y: auto !important;
  box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
}
.CLlayout .TrFilterRow {
  width: 100%;
}
.CLlayout .TrFilterRow > div > div {
  width: 100%;
}
a.Popuppane:before {
  content: '\e163';
  font-family: bancpay2;
  color: #ccc;
  font-size: 12px;
  position: absolute;
  right: 28px;
  top: 50px;
  cursor: pointer;
}
.CLlayout a.Popuppane:before {
  top: 17px;
}
a .Popuppane:hover:before {
  color: #1277d9;
}
.CLlayout a.Popuppane:before {
  content: '\e164';
  right: 12px;
  transform: rotateY(180deg);
}
div#tdListing.dChart {
  overflow-y: auto !important;
}
/*a.Popuppane{display:none;}*/

.fstMultipleMode .fstControls:after {
  position: absolute;
  content: "\f107";
  left: calc(100% - 15px);
  top: 6px;
  font-size: 9pt;
  cursor: pointer;
  font-family: 'FA2';
  overflow: hidden;
  color: #333;
  font-weight: 600;
}
.ui-date-clear {
  float: right !important;
}
.wmt .fstToggleBtn {
  color: #777 !important;
}
.TrFilterRow .fstToggleBtn {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.CLlayout.fon #TableScope > div {
  WIDTH: 100%;
  box-shadow: 0 -2px 2px rgba(204, 197, 185, 0.5);
  padding-right: 23px;
}
.CLlayout.fon #RtTablnk {
  padding-right: 8px;
}
.CLlayout .TrFilterRow:last-child {
  padding-bottom: 30px !important;
}
/*.CLlayout div#tdShowArchives {
    position: absolute;
    right: 325px;
}*/

.CLlayout.lftLayout #trFilters {
  display: flex;
  order: 2;
}
.CLlayout.lftLayout.fon #RtTablnk {
  padding-left: 10px;
  padding-right: 12px;
}
.CLlayout.lftLayout.fon .hdpane {
  display: inline-flex;
}
.CLlayout.lftLayout.fon .titdiv {
  display: flex;
  order: 2;
}
.CLlayout.lftLayout.fon a.Popuppane:before {
  right: auto !important;
  transform: rotateY(0);
}
div#FilterGrid #flt {
  width: 100%;
}
.pinpoint {
  font-size: 8px;
  line-height: 8px;
  vertical-align: inherit;
  background: #f3f3f5;
}
/*.CLlayout.fon a#lnkShowFilters {
    font-size: 0px;
}*/

.CLlayout.fon .TrFilterRow:nth-child(even) {
  background: #f2f2f2;
}
div#basic-switch_railnoset {
  line-height: 12px;
  font-size: 8px;
  text-align: center;
  color: #333;
}
div#advswitch {
  height: 45px;
  display: none !important;
  align-items: center;
  padding-right: 10px;
  text-align: left;
}
div#basic-switch_railoff span {
  height: 14px;
  line-height: 14px;
  display: block;
}
div#basic-switch_railon span {
  height: 14px;
  line-height: 14px;
  display: block;
}
.CLlayout div#basic-switch_railnoset,
.CLlayout #basic-switch_railoff,
.CLlayout #basic-switch_railon {
  background: #f3f3f5 !important;
}
.CLlayout .pinpoint {
  background: #fff !important;
}
div#FilterGrid .fstElement.fstMultipleMode {
  max-height: 30px;
  overflow-y: hidden;
  overflow-x: hidden;
  min-width: 100px !important;
}
div#FilterGrid .fstMultipleMode .fstControls {
  display: inline;
  overflow: hidden;
}
div#TLGVM_wrapper .fstMultipleMode .fstControls {
  overflow: hidden;
}
div#TLGVM_wrapper .fstMultipleMode .fstQueryInput,
div#FilterGrid .fstMultipleMode .fstQueryInput {
  max-width: 20px !important;
}
.CLlayout.lftLayout div#tdShowArchives {
  right: 0;
}
.fxHdrdiv {
  display: none;
}
.gridL .fxHdrdiv {
  display: block;
  top: 44px;
  position: absolute;
  width: auto;
  right: 0px;
  height: 254px;
  overflow: hidden;
  text-align: left;
}
.plbl {
  max-width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
#divReassign .fstResultItem:after {
  content: '\ea91';
  font-family: ep2p;
  position: absolute;
  left: 25px;
  height: 15px;
  width: 20px;
  background-size: cover;
  /*background: url(imagesp/usergreen1.png);*/
  top: 2px !important;
}
#divReassign .fstSingleMode .fstResultItem:before {
  content: "";
  float: left;
  padding-right: 10px;
  font-family: FA;
  font-size: 10pt;
  color: #1277d9;
  border: 1px solid #ccc;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  margin-right: 5px;
  line-height: 15px;
  padding: 0;
}
#divReassign .fstSingleMode .fstSelected:before {
  content: "\f00c" !important;
  float: left;
  padding-right: 10px;
  font-family: FA;
  font-size: 10pt;
  color: #1277d9;
  border: 1px solid #ccc;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  margin-right: 5px;
  line-height: 15px;
  padding: 0;
}
#divReassign .fstQueryInput {
  height: 24px !important;
  margin-left: 5px;
  width: 290px !important;
  margin-top: 1px;
}
#divReassign .fstSingleMode .fstControls {
  padding: 0 !important;
}
#divReassign .fstResultItem:after {
  content: '\ea91';
  font-family: ep2p;
  position: absolute;
  left: 25px;
  height: 15px;
  width: 20px;
  background-size: cover;
  /*background: url(imagesp/usergreen1.png);*/
  top: 2px !important;
}
#divReassign span.fstResultItem {
  position: relative;
  /*background: #FFF;*/

}
/*#divReassign .fstSingleMode .fstResultItem:hover:before {
            background: #fff;
        }*/

#divReassign span.fstResultItem:before {
  text-indent: 1px;
}
#divReassign .fstMultipleMode span.fstResultItem:before {
  padding-right: 0px !important;
}
#divReassign .fstMultipleMode .fstControls {
  overflow-y: auto !important;
  min-width: 100% !important;
  max-height: 130px !important;
}
#divReassign .fstChoiceItem {
  height: auto !important;
}
#divReassign .fstMultipleMode {
  width: 300px !important;
}
#divReassign .fstElement {
  border-color: #aaa !important;
  border-radius: 4px;
}
#divReassign .fstToggleBtn {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 235px;
  overflow: hidden;
}
#divReassign .fstResultItem.FSTGroup:after {
  background: url(imagesp/usergroup.png);
}
#divReassign .InrRst {
  max-height: 310px !important;
  padding: 4px;
}
#divRouteAssign .fstSingleMode .fstResultItem:before {
  content: "";
  float: left;
  padding-right: 10px;
  font-family: FA;
  font-size: 10pt;
  color: #333;
  border: 1px solid #ccc;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  margin-right: 5px;
  line-height: 15px;
  padding: 0;
}
#divRouteAssign .fstSingleMode .fstSelected:before {
  content: "\f00c" !important;
  float: left;
  padding-right: 10px;
  font-family: FA;
  font-size: 10pt;
  color: #333;
  border: 1px solid #ccc;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  margin-right: 5px;
  line-height: 15px;
  padding: 0;
}
#divRouteAssign .fstQueryInput {
  height: 24px !important;
}
#divRouteAssign .fstSingleMode .fstControls {
  padding: 0 !important;
}
#divRouteAssign .fstResultItem:after {
  content: '\ea91';
  font-family: ep2p;
  position: absolute;
  left: 14px;
  height: 15px;
  width: 20px;
  background-size: cover;
  /*background: url(imagesp/usergreen1.png);*/
  top: 2px;
}
#divRouteAssign span.fstResultItem {
  /*text-indent: 20px;*/
  position: relative;
  /*background: #FFF;*/
  line-height: 12px;
  height: 30px;
  word-break: break-all;
  text-indent: 10px;
}
#divRouteAssign .fstSingleMode .fstResultItem:hover:before {
  background: #fff;
}
#divRouteAssign span.fstResultItem:before {
  text-indent: 1px;
  margin-top: 2px;
}
#divRouteAssign .fstMultipleMode span.fstResultItem:before {
  padding-right: 0px !important;
  margin-right: 23px !important;
}
#divRouteAssign .fstMultipleMode .fstControls {
  overflow-y: auto !important;
  width: 235px !important;
  max-height: 110px !important;
}
#divRouteAssign .fstMultipleMode .fstControls:after {
  right: 4px !important;
}
#divRouteAssign .fstChoiceItem {
  height: 20px !important;
}
#divRouteAssign #fstResults {
  width: 238px !important;
}
/*#divRouteAssign .fstMultipleMode,#divRouteAssign .fstElement.fstSingleMode {
    width: 100% !important;
}*/

#divRouteAssign .fstElement {
  border-color: #ccc !important;
  border-radius: 2px !important;
  width: 100%;
}
#divRouteAssign .fstToggleBtn {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}
/*#LblReroute {
    padding-left: 0px !important;
    border-bottom: 1px solid @bordergray;
    position: absolute;
    top: 11px;
    line-height: 27px !important;
}*/

#divRouteAssign #lblWarningMessage {
  font-family: work sans;
}
#ddlDestinationQueue {
  border-radius: 2px !important;
  margin-bottom: 5px !important;
}
div#divReRoutePg div > span.GeneralTextMedium {
  vertical-align: middle;
  line-height: 30px;
  height: 30px;
  display: block;
}
ul.tabs li a {
  color: #333 !important;
}
.tablnk.select {
  border-bottom: 3px solid #1277d9 !important;
}
ul.tabs li {
  padding: 0.7em 0.5em 0.3em 0.7em !important;
}
#BackDiv {
  background: #f2f2f2 !important;
  /* border-top: 1px solid #d6d7d8 !important; */
  padding-left: 20px;
  padding-right: 0px;
  width: 100% !important;
}
#BackDiv1 {
  background: #f2f2f2 !important;
  /* border-top: 1px solid #d6d7d8 !important; */
  padding-left: 9px;
  padding-right: 0px;
  width: 100% !important;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-family: work sans semibold !important;
  /*letter-spacing: 0pt !important;*/

}
table.dataTable.compact:not(.Tblcmnt) thead th,
table.dataTable.compact:not(.Tblcmnt) thead td {
  min-width: 50px;
  padding: 0 7px !important;
  vertical-align: middle;
  font-size: 9.5pt !important;
}
table.dataTable.compact:not(.Tblcmnt) tbody th,
table.dataTable.compact:not(.Tblcmnt) tbody td {
  height: 34px !important;
  min-width: 50px;
  padding: 0 7px !important;
  font-size: 9.5pt !important;
}
.task-header {
  padding-left: 20px;
  padding-right: 25px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
  margin: 7px 0px 0px 0px !important;
}
.task-body {
  border: none !important;
}
.modal-content {
  border-radius: 7px !important;
}
.popup-area {
  border-radius: 7px !important;
}
.tab-content .silver {
  background: white !important;
  padding-top: 5px !important;
  box-shadow: -1px 2px 3px rgba(204, 197, 185, 0.5);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
a.LogClose.lgNav:before {
  color: #333 !important;
}
#FilterGrid .InputCtrls,
#FilterGrid select,
#FilterGrid .fstElement,
#FilterGrid .numCtrls {
  border-radius: 2px !important;
  min-height: 30px !important;
}
.nav-tabs li.active.Tab .silver,
.nav-tabs li.active.Tab .silver:hover,
.nav-tabs li.active.Tab .silver:focus {
  background: white !important;
  border: 0px !important;
  height: 74px;
}
.MCcontainer {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
div#divCMain .imgcls {
  padding: 5px;
  background: white;
  border-radius: 5px;
  width: 60px !important;
  height: 60px !important;
}
li.Tab a span {
  line-height: 18px !important;
  white-space: nowrap;
}
ul.tabs li:hover a {
  color: #1277d9 !important;
}
.nav-tabs li .silver {
  background: white !important;
  padding: 10px !important;
  border-radius: 0px !important;
  color: #333;
  border: none;
  border-bottom: 1px solid #eee !important;
  margin: 0px !important;
  height: 40px;
}
div#divPL .modal-body {
  padding-top: 5px;
}
.nav-tabs li.active.Tab .silver,
.nav-tabs li.active.Tab .silver:hover,
.nav-tabs li.active.Tab .silver:focus {
  background: white !important;
  border: 0px !important;
  height: 40px !important;
  border-bottom: 1px solid #1277d9 !important;
  margin: 0px !important;
  padding: 10px !important;
  color: #1277d9;
}
.MTitle {
  padding-bottom: 10px !important;
  /* padding-top: 20px; */
  border-bottom: 1px solid #ccc !important;
  margin-bottom: 20px !important;
  padding-top: 0px !important;
}
.MCcontainer img {
  margin-right: 5px !important;
  width: 25px !important;
}
div#divCMain div.division {
  max-height: 225px !important;
  border-radius: 5px;
  background: #eff9ff !important;
  border: 1px solid #71c9ff;
  box-shadow: none;
}
.row.InfoDiv div {
  display: none !important;
}
a.LogClose.lgx:before {
  left: 258px !important;
}
#Configflow {
  top: 6px;
  position: relative;
}
#lnkConsolidated {
  top: 6px;
  position: relative;
}
#lnkIntake {
  top: 6px;
  position: relative;
}
#lnkOutput {
  top: 6px;
  position: relative;
}
/*#actionLnks #btnReRoute {
    color: @fcolor1;
}
*/

/*#actionLnks #btnTerminateConfirm {
    color: @fcolor1 !important;
}
*/

.ui-dialog-titleMB {
  padding-left: 0px !important;
}
/*#btnRole {
    margin-right: 20px;
    background: @pinkcolor !important;
}*/

/*#divReassignPg, #divReRoutePg {
    border-top: 1px solid @darkiegray !important;
    margin-top: 0px !important;
}*/

.DTFC_LeftHeadWrapper table tr {
  min-height: 35px !important;
}
#tdrow:hover {
  background: #961169 !important;
}
/*#tdSave {
    background: @pinkcolor !important;
    border-color: @pinkcolor !important;
}
*/

/*#tdReset {
    border: 1px solid @fcolor1 !important;
    background: #Fff !important;
    color: @fcolor1 !important;
    height: 34px;
}

#btnCReset {
    color: @fcolor1 !important;
} 
table#pnlCH thead {
    display: none;
}
table#pnlWH thead {
    display: none;
}
table#pnlCmnt thead {
    display: none;
}

table#pnlAttach thead {
    display: none;
}
.DTFC_RightBodyLiner thead {
    display: none;
}*/

#txtComments {
  /*width: 300px !important;*/
  border: 1px solid #ccc !important;
  border-radius: 2px;
  margin-bottom: 10px;
}
#AttachmentDialog {
  padding: 10px;
}
/*#fileUpload {
    margin-left: 0px !important;
    width: 60px !important;
    min-width: 60px;
}
*/

#AttachmentDialog table tr td {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}
#frmAdhocEdit {
  /*border-top: 1px solid @bordergray;*/
  padding-top: 0px;
}
/*#btnAdd {
    min-width: 90px;
    margin-right: -7px;
    background: @pinkcolor !important;
}
*/

/*#trAdhocEditFS {
    margin-top: -32px;
}
*/

#tdAutoFetch {
  padding-top: 5px;
}
#tdCopy {
  padding-top: 5px;
}
/*#lnkAnchorD_DownloadasExcel {
    padding-top: 5px;
}

#lnkAnchorD_DownloadasPDF {
    padding-top: 5px;
}

#lnkAnchorD_DownloadasCSV {
    padding-top: 5px;
}

#lnkAnchorD_DownloadasZIP {
    padding-top: 5px;
}*/

#divactions {
  margin-top: -10px;
}
#divFileAttach {
  border: 1px solid #ccc !important;
  border-radius: 7px;
  padding: 15px !important;
}
/*
#txtFileDesc {
    height: 30px !important;
    width: 320px !important;
}
*/

#div3 {
  top: 180px !important;
  right: 14px !important;
}
.nav-tabs li .silver:hover {
  background: white !important;
  color: #1277d9 !important;
}
.row apanel row-same {
  margin-left: -40px;
  margin-top: -25px;
  margin-bottom: -20px;
}
a#ancRegister {
  color: #333 !important;
  font-family: work sans !important;
  padding-left: 0px !important;
}
a#ancLogin {
  color: #333 !important;
  font-family: work sans !important;
}
div#divSign {
  font-size: 18px;
  padding-left: 4px;
}
div#divSU {
  font-size: 20px;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  opacity: 1;
  /* Firefox */

}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc !important;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc !important;
}
div#divC {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
a#more_info {
  background: #1277d9;
}
section#ContactUs {
  padding-top: 0px;
}
a.navbar-brand.js-scroll-trigger {
  padding-top: 0px !important;
}
div#divOtherWindowFooteropt {
  min-height: 73vh;
}
p#bptERMS {
  margin-top: 40px !important;
  border-top: 10px solid #ccc;
}
.DivFIt {
  padding: 20px !important;
  padding-top: 0px !important;
}
p#bptERMS {
  margin: 0px !important;
  border-top: 0px solid #1277d9 !important;
  padding: 0px !important;
  padding-top: 15px !important;
  padding-left: 10px !important;
  margin-bottom: 10px !important;
}
input#btnSupportSubmit {
  font-family: work sans semibold;
  float: right !important;
  position: absolute;
  right: 0px;
  display: inherit;
}
input#sendmessage {
  background: #d71996 !important;
  margin-right: 5px;
}
/* span#spnInbox {
    display: none;
} */

/*.CounterContent[data-content]:after {
    content: '\e118';
    font-family: bancpay2;
    
} */

/* div#TLFxdLO {
    padding-left: 10px;
    padding-right: 10px;
} */

/*.boldbuttons.Upchcart {
    background: @pinkcolor !important;
}*/

span#HeaderTextID12 {
  margin-right: 15px;
}
div#Tlist {
  padding-left: 20px !important;
  padding-right: 17px !important;
}
/* span#spnAlerts {
    display: none;
} */

div#APanel {
  padding-left: 20px;
  padding-right: 15px;
}
#Dodiv {
  padding-bottom: 20px;
}
.boxItem:not([disabled]):hover {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  /* transform: scale(1.0); */
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in;
  background: #cdecff;
}
/*span#btnCust {
    margin-right: -14px;
}*/

/*#FilterGrid .InputCtrls.CalenderDateAM {
    width: 100% !important;
    min-width: ~"calc(50% - 41px)" !important;
}*/

.InrRst {
  max-height: 175px !important;
}
/* li#tdOpen {
   height: 54px;
    padding-top: 0px;
    line-height: 34px;
} */

/*li#tdReadOnly {
    padding-top: 0px;
    line-height: 34px;
}
*/

li.more {
  height: 36px;
}
div#divRoute {
  border: 1px solid #ccc;
  /* left: 61px;*/

}
/*div#divtdBottom {
    padding-left: 10px;
}

div#divOtherFunctions {
    padding-left: 10px;
}*/

/*input#btnSave {
    background: @pinkcolor !important;
    border: 1px solid @pinkcolor !important;
}
*/

div#Template {
  padding-right: 15px;
}
/*div#secu_panel {
    margin-left: -20px;
    margin-top: -20px;
}*/

span#lblPageCount {
  padding-right: 5px;
}
.pagediv {
  float: right;
  margin-left: 15px;
}
div#tdPaging {
  display: flex;
  align-items: center;
}
span#lblPageCount,
#tdPaging {
  padding-top: 5px;
  padding-bottom: 5px;
}
/*span#lblOf {
    margin-left: -10px;
}*/

/*table#ctl01_CCG {
    border-top: 10px solid #fff !important;
    position: relative;
    top: -7px;
}*/

/*li#tdROW:hover {
    background: @graycolor4;
}
*/

/*select#ddlRoleName {
    width: 90% !important;
}
*/

/*.SameWin select#ddlRoleName {
    width: 93% !important;
}*/

.SameWin span#lblRoleName {
  padding-left: 20px;
}
/*a#lnkApply {
    background: @pinkcolor !important;
    height: 33px !important;
    font-family: work sans semibold !important;
}
*/

/*span#tdlnkApply {
    position: absolute;
    top: 5px !important;
    z-index: 9;
    right: 145px;
}

span#tdlnkClear {
    position: absolute;
    top: 5px;
    z-index: 9;
    right: 70px;
}*/

#filteract {
  position: absolute;
  right: 34px;
  top: 5px;
  z-index: 1;
}
/*a#lnkClear {
    height: 33px;
    background: #fff !important;
    border: 1px solid @bluedark;
    color: @bluedark !important;
}
*/

div#divLookupTitle {
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
  margin-top: 4px !important;
}
/*select#cddlFieldType {
    height: 30px !important;
}

select#csgddlCondition {
    height: 30px !important;
}*/

/*input#ctxtSgSearch {
    height: 28px !important;
}*/

/*select#ddl_priority {
    width: 190px !important;
}*/

div#divPriority {
  padding: 5px;
  padding-left: 10px;
}
/*a#btnOk, #btnAdd {
    background: @pinkcolor !important;
    font-family: work sans semibold !important;
    
}
*/

.ui-dialog-titleMB {
  margin-top: -2px;
}
/*div#divRouteAssign {
    width: 500px;
}*/

span#lblWarningMessage {
  color: #333 !important;
}
span#lblWarning {
  color: #333 !important;
  font-family: work sans semibold;
  font-weight: normal !important;
}
td#RouteactionClose {
  width: 0px !important;
  border-bottom: 1px solid #ccc;
}
img.ui-datepicker-trigger {
  margin-top: -2px;
  content: url('../ImagesP/calender.gif');
}
.divnoties:nth-last-child(1) {
  border-bottom: 0px !important;
}
span#ui-id-1 {
  margin-top: 0px !important;
  margin-left: 10px !important;
  color: #333 !important;
  font-size: 16px;
  position: relative;
  top: 2px;
}
#CPhtml span[id*=ui-id] {
  margin-top: 0px !important;
  margin-left: 10px !important;
  color: #333 !important;
  font-size: 16px;
  position: relative;
  top: 8px !important;
}
div#txtautoPopulateautocomplete-list {
  position: absolute;
  z-index: 9;
  width: 100%;
  right: 0;
  left: 0;
}
.divtxtautoPopulate {
  position: relative !important;
}
div#txtautoPopulateautocomplete-list div:hover {
  background: #e7f6ff !important;
}
/*
a#btnSendMail {
    background: @pinkcolor !important;
}*/

table#tblData {
  margin-top: -15px;
  margin-left: 10px;
}
div#divAddComment {
  border-left: 10px solid #fff !important;
  border-right: 10px solid #fff !important;
  height: 230px !important;
}
a#btnCommentCancel {
  margin-right: -3px;
  background: #1277d9 !important;
}
.clearfix.paddb20.margb20 {
  display: none !important;
}
/*
.imgA {
    opacity: 0.5;
}

div#trTLOne {
    padding-left: 10px;
}*/

/*a#lnkSaveAS {
    background: @pinkcolor !important;
}*/

/*#divht {
    width: 581px !important;
}*/

#divViews {
  margin-right: 20px;
}
/*a#btnSave {
    background: @pinkcolor !important;
    color: #fff !important;
}*/

/*a#lnkDeleteMulti {
    color: @fcolor1 !important;
}*/

.dataTables_scrollHead th {
  height: 35px !important;
}
/*a#ancrAddRole {
    background: @pinkcolor !important;
}
*/

/*a#ancrSave {
    background: @pinkcolor !important;
    font-family: work sans semibold;
    height: 33px;
    line-height: 32px;
    min-width: 40px;
    text-align: center;
    border-radius: 5px;
}*/

a#ancrReset {
  min-width: 40px;
  height: 32px;
  line-height: 32px;
  font-family: work sans semibold;
}
span#lblChangePwd {
  font-family: work sans semibold;
  font-size: 18px;
}
/*a#btnChangePWD {
    background: @pinkcolor !important;
}*/

/*li#tdRA {
    border: 1px solid @fcolor1 !important;
    height: 33px !important;
    color: #fff !important;
    background: white !important;
}
*/

/*a#btnReassign {
    color: @fcolor1 !important;
}*/

/*li#tdNewWI {
    background: @pinkcolor;
}
*/

div[id*=divbase] {
  /*max-height: 110px !important;*/
  margin-right: 0px !important;
}
/*#FilterGrid input[type="search"], #FilterGrid .InputCtrls.CalenderDateAM, #FilterGrid .fstElement {
    width: 100% !important;
}*/

#FilterGrid img.ui-datepicker-trigger {
  margin-left: -34px !important;
}
.more .hasLi div {
  line-height: 31px;
  width: 10px;
  right: 0;
  left: 0;
}
li.more #overflow li {
  display: flex;
  height: 34px !important;
  padding: 0;
  line-height: 34px;
}
li.more #overflow li > a:hover {
  padding-top: 0px;
  color: white !important;
}
/*li#tdNewWI {
    background: @pinkcolor !important;
}
*/

.CompressMode li#tdWebDownload {
  height: 27px !important;
}
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  margin-right: 10px;
}
span.SectionTiltle.CDBH span {
  color: #333 !important;
  font-size: 20px;
  font-family: cursive;
  margin-top: -10px;
  font-weight: bold;
  margin-right: 10px;
  position: relative !important;
  float: right;
  margin-right: -25px;
}
span.SectionTiltle.CDBH {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px !important;
}
span#divCDashboard + span {
  color: #333 !important;
  font-family: cursive;
  font-size: 20px;
  margin-top: -6px;
  font-weight: bold;
}
input#txtCountPerPage {
  padding: 4px;
  border-radius: 2px !important;
  border: solid 1px #ccc !important;
}
div#divFlagTitle {
  border-bottom: 1px solid #ddd;
  margin-top: 0px !important;
  padding-left: 10px;
  font-size: 14px;
}
div#divTaskList {
  margin-left: 7px;
  margin-top: -50px;
}
table#tblSendEmail {
  margin: 10px !important;
  margin-top: 0px !important;
}
table#tblSendEmail img {
  margin-right: 10px !important;
}
table#tblSendEmail > tbody > tr:first-child {
  border-bottom: 1px solid #ddd;
  height: 40px !important;
}
table#tblSendEmail #divColumnList {
  border: 1px solid #ccc !important;
  height: 86px !important;
  width: 250px !important;
}
table#tblSendEmail #divColumnList label {
  font-weight: normal !important;
  font-family: work sans;
}
div#divRouteAssign > table > tbody > tr:nth-child(2) {
  border-top: 10px white solid;
}
div#divRouteAssign > table > tbody > tr:nth-child(1) {
  border-bottom: 1px white #ddd;
}
div#WIpopup > div {
  margin-left: 0px !important;
}
div#DivWIpop #WIpop {
  height: 270px;
}
/*form#frmAdhocEdit {
    border-top: 1px solid@darkiegray;
    padding-top: 10px;
}

    form#frmAdhocEdit a#btnOk {
        margin-top: -180px;
    }*/

.fstSingleMode .fstSelected:before {
  color: #333 !important;
}
#divReassignPg .fstElement.fstSingleMode.singleSelect.wmt.fstActive {
  width: 289px;
}
#divReassignPg .fstResults {
  border: 1px solid #ccc;
  position: absolute !important;
  top: auto !important;
  left: 0px !important;
  height: 200px !important;
}
#divReassignPg .fstResults:not(.scw) {
  width: 250px !important;
  max-width: 284px !important;
}
/*
#divReassignPg .fstElement.fstSingleMode.singleSelect.wmt {
    width: 289px;
}*/

#divReassignPg a#btnOk {
  margin-right: 10px;
}
#divReassignPg span.fstResultItem {
  height: auto;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*#divReassignPg .fstToggleBtn {
    width: 280px;
}
*/

div#divContent .col-md-12.padding0 {
  padding-left: 0px;
}
#login_loginCtrl_trLogin div#oImage {
  width: 100% !important;
}
input#login_loginCtrl_btnForgotPassword {
  color: #333 !important;
}
a#ancRegister,
a#ancLogin {
  color: #1277d9 !important;
}
td.trLoginBtn {
  width: 100%;
}
span#ContactTitle {
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: -15px;
}
div#Formcontent {
  margin-left: -20px !important;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.dialog-popup.ui-draggable.ui-resizable {
  border-bottom: 10px solid white;
}
#tblTL input#txtFieldValue {
  border-radius: 2px;
  position: relative;
  left: -25px;
  width: calc(100% + 40px) !important;
}
#tblTL {
  padding-left: 10px;
}
#tblTL div#trAdhocEditFS1 .fstElement {
  width: 150px !important;
  max-width: 100px !important;
  height: 30px;
  border-radius: 2px;
  margin-right: 20px !important;
  position: relative;
  right: 30px;
  border: none !important;
}
#tblTL > tbody > tr > td:nth-child(2) > select {
  width: 100px !important;
}
#tblTL > tbody > tr > td:first-child > select {
  width: 150px !important;
}
#tblTL > tbody > tr > td:nth-child(3) > div {
  width: 150px;
}
/*#tdWebDownload li a {
    padding-top: 10px !important;
}*/

/*li#tdWebDownload li:hover {
    background: @bluedark !important;
}*/

/*li#tdWebDownload li.hasLi div {*/

/*margin-top: -6px !important;*/

/*font-size: 12pt;
    padding-right: 5px;
}*/

li.more li#tdWebDownload li.hasLi div {
  height: 40px;
  line-height: 40px;
}
/*
li#tdROW a#lnkOpen + div {
    font-size: 12pt !important;
    margin-right: 5px;
   padding-top: 5px !important;
}
*/

/*li#tdOpen a, li#tdReadOnly a {
    padding-top: 0px !important;
}*/

table#tblPriority > tbody > tr > td > div:first-child > table:first-child > tbody > tr:first-child {
  border-bottom: 1px solid #ddd;
}
div#CommentDialog table table > tbody > tr:first-child {
  border-bottom: 1px solid #ddd;
  margin-bottom: 24px !important;
}
tr#trComments textarea#txtComments {
  margin-top: 12px;
  border-radius: 2px;
  width: 250px !important;
}
ul#overflow li#tdDeleteMulti {
  border: none !important;
}
/*ul#overflow a#btnRestart, ul#overflow a#btnReassign, ul#overflow a#btnReRoute, ul#overflow li#tdDeleteMulti:hover, ul#overflow a#btnTerminateConfirm, ul#overflow li#tdRR, ul#overflow li#tdRA, ul#overflow li#tdTerminate, ul#overflow li#tdRestart {*/

/*padding-top: 5px !important;*/

/*border: none !important;*/

/*color: @fcolor1 !important;*/

/*background: @bluedark !important;*/

/*}*/

/*a#btnRestart {
    color: @fcolor1 !important;
}
*/

/*ul#overflow a#btnRestart {
    padding-top: 7px !important;
}*/

div#APanel .DPSub::before {
  content: attr(title);
  font-family: work sans semibold;
  font-size: 16.5px;
  padding-right: 20px;
  color: #333;
  padding-bottom: 10px;
}
/*nav#TabactionLnks li#tdROW li.hasLi {
    height: 34px;
}*/

ul#overflow li#tdROW li.hasLi {
  margin-top: 0 !important;
}
ul#overflow li#tdROW a#lnkOpen + div {
  padding-top: 5px !important;
}
ul#overflow li#tdROW a#lnkOpen {
  color: #d71996 !important;
}
div#divAddComment div#CommentDrop {
  padding-top: 10px !important;
  border-top: 1px solid #ddd;
}
div#divAddComment span.SubSectionTitle::after {
  content: 'x';
  float: right;
  font-family: cursive;
  font-size: 17px;
  position: relative;
  top: -4px;
  visibility: hidden;
}
table#TLGVM > tbody > tr {
  height: 34px !important;
}
ul#overflow > li#tdReset {
  border: none !important;
}
/*
    ul#overflow > li#tdReset > a {
        color: @fcolor1 !important;
    }*/

div#divMUSerach a#lnkClear > span {
  font-family: work sans semibold !important;
}
div#divMUSerach a#lnkApply > span {
  font-family: work sans semibold !important;
}
a#btnChangePWD:hover {
  background: #961169 !important;
}
input#login_loginCtrl_btnLogin {
  font-family: work sans medium !important;
}
input#btnBPSignup {
  font-family: work sans medium !important;
}
input#btnSubmitUserName {
  font-family: work sans medium !important;
}
input#btnSubmitAnswer {
  font-family: work sans semibold;
}
input#txtOldPWD {
  width: 100% !important;
  padding-top: 0px;
  height: 28px;
  margin-bottom: 10px;
  /*margin-top: -10px;*/

}
input#txtNewPWD {
  width: 100% !important;
  padding-top: 0px;
  height: 28px;
  margin-bottom: 10px;
  /*margin-top: -10px;*/

}
input#txtConfirmPWD {
  width: 100% !important;
  padding-top: 0px;
  height: 28px;
  /*margin-top: -10px;*/

}
div#divCP > table:first-child {
  width: 100%;
}
div#divColumnSelection > table > tbody > tr:nth-child(2) > td {
  border-top: 1px solid #ddd;
}
div#UpPnl1 > table#main {
  margin-left: 20px !important;
  width: calc(100% - 40px);
}
td#tdMRPagetit > span#lblHT1 {
  padding-left: 9px;
  padding-top: 5px;
}
/*div#divManageRoles > table#tblRoles {
    padding-top: 50px !important;
}*/

table#tblMR {
  position: absolute;
  left: 50px;
  top: 75px;
}
/*table#tblRoleBtns a#ancrAddRole {
    background: @pinkcolor !important;
    font-family: work sans semibold;
    height: 33px;
    vertical-align: top !important;
    line-height: 32px;
}*/

/*table#tblRoleBtns a#ancAddRole {
    font-family: work sans semibold;
    height: 33px;
    line-height: 32px;
    width: 34px;
    text-align: center;
    margin-right: 2px;
    background: @bluedark;
}*/

table#gvShowManageRoles {
  width: 100% !important;
  margin-left: 15px;
  margin-top: 10px;
}
table#gvShowManageRoles > tbody > tr:first-child {
  height: 50px;
}
table#tblMR a {
  font-size: 11pt;
}
table#tblMR td {
  border-bottom: 3px solid transparent;
}
table#tblCtlContainr select#ddlPrivileges {
  margin-top: 15px;
  width: 250px !important;
}
table#tblCtlContainr select#ddlWF {
  width: 170px !important;
}
table#tblCtlContainr td#tdWF {
  top: 115px;
  position: absolute;
  left: 300px;
}
table#tblMR td#tdPrivileges {
  padding-right: 5px;
}
table#tblBtns a#ancrSave {
  height: 33px;
  border-radius: 5px;
  line-height: 32px;
  font-family: work sans semibold;
  margin-right: 10px;
  width: 40px;
  text-align: center;
}
table#tblBtns a#ancrReset {
  height: 31px;
  line-height: 32px;
  margin-right: 2px;
  text-align: center;
}
div#pnlUsersTabular > div:nth-child(2) > table > tbody > tr:nth-child(3) > td {
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  /*position: absolute;*/
  padding-right: 25px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
table#ActionButtons {
  position: relative;
  width: 100%;
}
div#pnlUsersTabular td#tdQSearch {
  margin: 8px 0px;
}
#upPanelUsersTabular .usadaction .displayflex {
  align-items: center;
}
/*
#upPanelUsersTabular div#FilterDiv {
    margin-top: 10px;
}*/

#gvURoles tr:not(.pagination-ys) td {
  padding-left: 5px;
}
div#pnlUsersTabular td#tdFilterContent > table {
  border-radius: 5px;
  margin-bottom: 10px;
  /*    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;*/

}
div#pnlUsersTabular a#btnGotoRoles {
  /*background: @pinkcolor;*/
  /* font-family: work sans semibold;
    height: 33px;
    line-height: 32px;
    border-radius: 5px;
    text-align: center;*/
  position: absolute;
  top: 50px;
  right: 110px;
}
div#pnlUsersTabular a#btnGoo {
  /*background: @pinkcolor !important;*/
  /* font-family: work sans semibold;
    border-radius: 5px !important;
    text-align: center;*/
  position: absolute;
  top: 80px;
  right: 150px;
}
div#pnlUsersTabular a#btnReeset {
  min-width: 40px !important;
  text-align: center;
  /*height: 31px;*/
  line-height: 32px;
  margin-right: 10px;
  position: absolute;
  top: 50px;
  right: 35px;
}
div#divHeaderPrivi a#btnReeset {
  position: absolute;
  top: 45px;
  right: 40px !important;
}
div#divHeaderPrivi a#btnClear {
  position: absolute;
  top: -25px;
  right: 20px !important;
}
#gvURoles tr td {
  height: 33px !important;
}
table#gvURoles tr.pagination-ys {
  top: -65px !important;
}
#gvURoles {
  margin-top: 20px;
}
/*div#pnlUsersTabular .tdQSearch {
    margin-top: 5px !important;
}*/

div#pnlUsersTabular div#divEnmasee {
  margin-bottom: 20px;
  border-right: none !important;
  margin-top: 10px !important;
  overflow-y: auto;
}
div#divHeaderRoles > table#NTLFxdlo > tbody > tr:first-child > td:nth-child(4) > table {
  margin-top: 5px;
}
div#divShowPriv {
  margin-top: 10px;
  margin-left: 15px !important;
  max-width: calc(100% - 55px) !important;
}
div#divPrivileges {
  margin-left: 0px !important;
}
div#pnlUsersTabular tr#trTopbtns > td > div {
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
  /*    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
  width: 100%;
  margin-left: 0;
  padding-top: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
div#divPrivileges > div {
  padding-bottom: 20px;
}
div#pnlUsersTabular > div:nth-child(2) {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
div#divHeaderPrivi a#btnGoPriv {
  position: absolute;
  top: 45px;
  right: 115px;
}
td#tdFilterContent > div > table > tbody > tr > td {
  /*    box-shadow: -1px 2px 3px rgba(0,0,0,0.2);  */
  padding-bottom: 15px;
  padding-top: 15px;
  border-radius: 5px;
  width: 100% !important;
  height: 100px !important;
}
.menuscroller:before {
  height: 8px;
  display: block;
  color: #333;
  cursor: pointer;
  text-align: center;
  line-height: 8px;
  width: 10px;
}
.menuscroller {
  position: fixed;
  font-family: bancpay2;
  font-size: 8px;
  background: #ccc;
}
.menuscroller.botarr {
  bottom: 0;
  z-index: 999;
  left: -18px;
}
.menuscroller.toparr {
  top: -14px;
  z-index: 999;
}
.menuscroller.toparr:before {
  content: "\e253";
}
.menuscroller.botarr:before {
  content: "\e252";
}
.MinLeft div#FreezingDiv,
#WList[usertype]:not(.CompressMode) .MinLeft div#FreezingDiv {
  width: 55px !important;
}
.menuscroller.toparr:before {
  content: "\e253";
  /*   line-height: 34px !important; */
  margin-left: 22px !important;
  text-align: left;
  width: 100%;
  color: #6ec8ff !important;
}
.menuscroller {
  background: transparent !important;
}
.menuscroller.botarr:before {
  content: "\e252";
  margin-left: 22px !important;
  color: #6ec8ff;
  width: 100%;
  text-align: left;
}
table#tblTL div.fstElement {
  height: 31px;
  border-radius: 2px;
  border: none !important;
  max-width: 100px;
  position: relative;
  left: -25px;
  margin-top: 2px;
}
#tblTL > tbody > tr > td:nth-Child(2),
#tblTL > tbody > tr > th:nth-Child(2) {
  width: 100px !important;
}
table#tblTL div.fstElement > div.fstControls {
  max-height: 30px;
  min-height: 30px;
  width: 200px;
  border-radius: 2px;
  border: 1px solid #ccc;
  position: relative;
}
div#divFileAttach {
  border-radius: 5px;
  border: none !important;
  box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.2);
  height: 240px !important;
  border-left: 5px solid white !important;
  border-right: 5px solid white !important;
}
textarea#txtFileDesc {
  width: 100% !important;
  margin-top: 10px !important;
}
div#FileAttachDrop {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}
a#btnFileCancel {
  background: #1277d9 !important;
}
/*li#tdFileAttach li.hasLi > a {
    position: relative;
    top: -1px;
    font-family: work sans semibold !important;
}*/

li#tdExport li.hasLi > a {
  position: relative;
  /*font-family: work sans semibold !important;*/

}
div#divCData {
  margin-top: -10px;
}
a#btnCancel {
  position: relative;
  top: -1px;
  left: 15px;
}
/*div#FilterGrid input.CalenderDateAM, div#FilterGrid input.CalenderDateTimeAM {
    width: 100% !important;
}*/

/*
nav#TabactionLnks > ul#nav > li > a {
    font-family: work sans semibold;
}*/

/*a#WebDownload1 {
    font-family: work sans semibold !important;
}
*/

/*a#lnkOpen {
    font-family: work sans semibold !important;
    color: #fff !important;
}*/

li.more > ul#overflow > li * {
  font-family: work sans !important;
}
a#lnkUpdateCache {
  /*font-family: work sans semibold !important;*/
  height: 33px;
  padding-top: 6px !important;
  width: 120px !important;
  /*    background: @pinkcolor !important;*/

}
div#upColumnSelection > table > tbody > tr:first-child {
  border-bottom: 1px solid #ddd;
}
div#upColumnSelection > table#tblExelDownload > tbody > tr:first-child {
  border: none !important;
}
/*span#lblItemTo {
    margin-left: 9px;
}*/

/*span#lblPageTo {
    margin-left: 9px;
}*/

/*input[type="radio"] + label {
    letter-spacing: 0pt !important;*/

/*margin-left: -9px;*/

/*}*/

a#btnColExport > span#aExport {
  font-family: work sans semibold !important;
}
a#btnColExport {
  /* font-family: work sans semibold !important; */
  position: relative;
  right: -7px;
  top: 0px;
}
table#chkCS label {
  font-family: work sans;
  /*letter-spacing: 0pt !important;*/

}
div#innerdivColumnSelection {
  border-radius: 2px !important;
  border: 1px solid #ccc !important;
  margin-bottom: 5px;
  max-height: 205px !important;
}
#tblExelDownload {
  margin-top: 5px !important;
}
table#tblExelDownload input.txtRange {
  height: 28px;
  border-radius: 2px;
  width: 54px;
}
iframe#FAframe {
  min-height: 175px;
  /*min-height: 200px;*/

}
#TLGVM td[data-title="Exception Count"] span {
  text-align: center;
  display: block;
}
/*div#AttachmentDialog {
    padding-left: 16px;
}*/

/*div#AttachmentDialog select#ddlFileType {
        height: 30px !important;
        width: 327px !important;
    }*/

/*div#AttachmentDialog input#btnAdd {
        background: @pinkcolor !important;
        font-family: work sans semibold !important;
        margin-top: -15px;
    }*/

/*div#AttachmentDialog a#fileUpload {
        background: #fff !important;
        color: @fcolor1 !important;
        max-width: 20px !important;
        margin-left: -18px !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-radius: 2px !important;
        border: 1px solid @bordergray !important;
        height: 16px;
        border-left: none !important;
        margin-top: -2px !important;
    }*/

/*a#fileUpload {
   float: right;
    margin: -4px 0 0 !important;
}*/

/*#AttachmentDialog input#btnAdd {
    margin-bottom: 10px;
}
*/

/*span#sfileupload:after {
    content: '\e924';
    color: #fff;
    font-family: bancpay, bancpay2, fontawesome;
    font-size: 16px;
    position: relative;
    right: -7px;
}
*/

tr#trComments > td:first-child {
  padding-top: 10px !important;
}
span#ui-id-2 {
  margin-top: 2px;
}
div#divReassignPage > table > tbody > tr > td:first-child {
  position: relative;
  top: -5px;
}
#Loader {
  border-radius: 5px;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
  /*letter-spacing: 0pt;*/
  font-size: 14px;
  border: 1px solid #ccc !important;
}
div#divRouteAssign textarea#txtReason {
  margin-top: 3px;
}
i#iLoad + span {
  position: relative;
  top: 0px;
  left: 19px;
  float: left;
}
button#ButSearch > i#iLoad + span {
  padding-top: 0px;
  position: static;
  padding-left: 7px;
}
.Hpaneldiv .tdlbl:first-child {
  padding-left: 5px;
}
.Hpaneldiv .tdlbl {
  height: 35px;
  padding-left: 0px !important;
  vertical-align: top;
  white-space: normal;
  padding-right: 10px;
}
.Hpaneldiv td.tdlbll {
  vertical-align: top;
}
div#divGVM .dataTables_scrollHead {
  border-top: 1px solid #ddd !important;
}
div#tdListing .DTFC_LeftHeadWrapper {
  border-top: 1px solid #ddd;
  /*border-bottom: 1px solid @darkiegray;*/

}
.DTFC_LeftHeadWrapper th {
  height: 35px !important;
}
table#hdr div#divtdQSearch {
  border: 1px solid #ccc !important;
}
div#divProp > div.MCcontainer {
  padding-left: 0px !important;
  margin-top: -10px;
}
div#divIntk {
  box-shadow: none !important;
  float: left;
  width: calc(100% - 15px);
}
/*div#divIntk > div#tab-content1 {
    padding-top: 90px;
    padding-left: 20px;
    margin-left: 25px !important;
    width: ~"calc(100% - 40px)" !important;
}
*/

div#BuyerBackDiv span#lblHeading {
  position: relative;
  line-height: 30px;
  top: 4px;
  left: -4px;
}
/*input#tab1 + label.labelstyl {
    left: 65px !important;
    line-height: 18px !important;
    top: 68px !important;
    right: auto !important;
    position: absolute;
}

input#tab2 + label.labelstyl {
    top: 68px !important;
    right: auto !important;
    left: 222px;
}*/

span.activated {
  display: none;
}
div#div_INPT input#txtPassword1 {
  margin-left: 3px;
}
div#BCO p {
  margin: 0px;
  padding: 0px;
}
a#lnksave {
  /*background: @pinkcolor !important;*/
  margin-top: 10px;
}
.fileFormatClass ul {
  display: inline-flex;
  flex-wrap: wrap;
}
div#fileFormatDiv li {
  width: 132px;
  height: 100px;
  max-height: 100px;
  min-height: 100px;
  min-width: 132px;
  max-width: 120px;
  border: 1px solid #b8e3fd;
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 5px;
  margin-bottom: 5px;
}
.img-thumbnail {
  border: none !important;
  filter: grayscale(1);
}
div#fileFormatDiv {
  text-align: left;
}
div#BackDiv div.panel.with-nav-tabs.panel-success.InitPage.pageBox {
  /*    margin-top: 10px !important;*/
  box-shadow: none;
  margin-left: 17px !important;
  width: calc(100% - 60px) !important;
  border-top: 0;
}
div#BackDiv span#lblHeading {
  position: relative;
  top: 12px;
}
input#rbtnFTP_WOUT + label {
  margin-left: 10px !important;
}
input#rbtnFTP_VOUT + label {
  margin-left: 10px;
}
span.enableBold {
  font-family: work sans semibold;
}
input#rbtnFTP_IN + label {
  margin-left: 10px;
}
input#rbtnFTP_OUT + label {
  margin-left: 10px;
}
div.row.PageshadowHeader.docdnahdr + div {
  background: white;
  margin-top: 30px;
  margin-left: 25px;
  width: calc(100% - 40px) !important;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
}
div.row.PageshadowHeader.docdnahdr + div + div > div {
  position: absolute;
  right: 15px;
}
div.row.PageshadowHeader.docdnahdr + div + div {
  margin-left: -14px !important;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
  padding: 10px;
  background: white;
}
div.row.PageshadowHeader.docdnahdr + div + div > table.paddingLink {
  width: 100% !important;
  margin-left: 10px;
  padding-top: 50px;
}
span#lblArchivesSetup {
  margin-top: 7px !important;
}
div#archhdr {
  padding-left: 35px !important;
  min-height: 40px;
}
div.row.PageshadowHeader.docdnahdr a#hlnkBack {
  padding-right: 15px !important;
  position: relative;
  top: 4px;
  margin: 0 !important;
}
input#txtDocDNAPwd + span:before {
  position: relative;
  right: 25px;
}
#rdoBasic + label,
#rdoIntegrated + label {
  margin-left: 1px !important;
  margin-bottom: 10px !important;
  margin-top: 5px;
}
input#txtAlternateDocDNAPwd + span:before {
  position: relative;
  right: 25px;
}
div.row.PageshadowHeader.docdnahdr + div + div > table.paddingLink:before {
  content: 'Configure the Archival System first and then update the following here:';
  white-space: nowrap;
  line-height: 30px;
  font-family: work sans medium;
  font-size: 10.5pt;
}
div#CustomValadationDisplay + div input.InputCtrls {
  width: 100%;
}
div#CustomValadationDisplay + div select {
  width: 100%;
}
table#gvMapping select {
  min-width: 400px !important;
}
#LogCal:hover::after,
span#spnInbox:hover::after,
span#spnAlerts:hover::after,
span#tourspan:hover::after,
#sp_ssohome:hover:before {
  color: #1277d9 !important;
}
span#sp_ssohome:before {
  content: '\ea39';
  font-size: 18px;
  font-family: ep2p;
  cursor: pointer;
}
.MidPG:before {
  content: 'XBP P2P';
  position: absolute;
  top: 50px;
  font-size: 20px;
  left: calc(50% - 47px);
  color: #333;
  font-family: work sans semibold;
}
div#trgrid {
  z-index: 0 !important;
  position: relative;
  padding-top: 5px;
}
span#ui-id-5 {
  margin-top: 0px;
}
div#divRouteAssign div.fstResults {
  margin-top: 15px !important;
}
div#divRouteAssign div.fstResults:not(.scw) {
  width: 236px !important;
}
div#divRouteAssign .singleSelect div.fstResults:not(.scw) {
  width: 236px !important;
}
div#divRouteAssign .fstToggleBtn:after {
  left: calc(100% - 23px);
}
div#FilterGrid div:not(.InrRst) {
  /* border: 1px solid @fcolor2; */
  padding: 1px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
div#FilterGrid select {
  height: 30px !important;
}
div#FilterGrid input:not(.fstQueryInput) {
  height: 30px !important;
}
div#FilterGrid div.fnlbl {
  line-height: 30px;
  padding-right: 10px !important;
  font-size: 9.5pt;
}
div#FilterGrid div.fstChoiceItem {
  padding-left: 20px !important;
}
div#FilterGrid div.fstToggleBtn {
  padding-top: 4px !important;
  padding-left: 5px !important;
}
.CompressMode div#FilterGrid select,
.CompressMode div#FilterGrid input:not(.fstQueryInput),
.CompressMode div#FilterGrid div.fnlbl {
  height: 24px !important;
}
.CompressMode #FilterGrid :not(th).currencysymbol:before {
  height: 22px;
  line-height: 22px;
}
.CompressMode :not(th) .currencysymbol:before {
  top: 5px;
}
.CompressMode th .currencysymbol:before {
  top: 1px;
}
.CompressMode .DTFC_LeftHeadWrapper table tr,
.CompressMode .dataTables_scrollHeadInner tr {
  height: 27px !important;
}
div#TLDivs {
  /*z-index: -4;*/
  position: relative;
}
div#trFilters:not(.popup) {
  z-index: 1;
  position: relative;
  display: none;
}
a#ancSaveMLingual {
  /*background: @pinkcolor !important;*/
  width: 70px !important;
  position: relative;
  top: 65px;
}
table#tblLocal {
  margin-left: 25px;
  width: calc(100% - 40px) !important;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
}
#tblUF {
  margin-left: 25px !important;
  border-radius: 5px !important;
  width: 100% !important;
  width: calc(100% - 50px) !important;
  padding-top: 40px !important;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2) !important;
  margin-top: 0px !important;
}
a#ancSaveUF {
  display: inline;
}
div#divGL {
  border-radius: 5px;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
  padding: 25px !important;
  padding-top: 60px !important;
  margin-top: 7px;
}
a#lnkSaveGL {
  /*background: @pinkcolor !important;*/
  position: relative;
  top: 60px;
  right: 20px;
}
table#tblGL th {
  height: 33px;
}
img#imglunMapped {
  position: relative;
  right: 4px;
}
table#tblQueues input#txtRole {
  width: 180px !important;
  padding-right: 27px;
}
div#divRole a#LinkButton1 {
  /*background: @pinkcolor !important;*/
  width: 70px;
}
div#divRole > table > tbody > tr:nth-child(2) div:first-child {
  border-top: 1px solid #ddd !important;
  padding-top: 10px;
  margin-left: 10px;
  width: 405px !important;
}
div#divRole #tblRole tr td {
  padding-right: 5px !important;
  max-width: 290px !important;
  text-align: left;
  margin-bottom: 5px !important;
}
div#divRole #tblRole tr td > input {
  width: 285px !important;
  margin-top: 5px;
}
div#divNotfn table:first-child > tbody > tr:first-child > td > div table {
  border-bottom: 1px solid #ddd !important;
}
/*div#PMNotfnTabs a {
    background: white !important;
    color: @fcolor1 !important;
    border: none;
}*/

.CompressMode table#PQry a#aLoad {
  line-height: 16px !important;
}
div#PMNotfnTabs .nav-tabs > li.active > a {
  border-bottom: 1px solid #1277d9 !important;
  text-transform: uppercase;
  /* display: none !important; */

}
table#tblNotfn > tbody > tr > td > span {
  color: #d71996 !important;
  font-family: work sans semibold;
}
/*a#btnReminder {
    background: @pinkcolor !important;
    border: 1px solid @pinkcolor !important;
}
*/

/*a#btnReminder {*/

/*    background: @pinkcolor !important;
    border: 15px solid @pinkcolor !important;*/

/*margin-top: -70px;
    height: 0px;*/

/*line-height: 1px !important;*/

/*padding: 0px;*/

/*COLOR: WHITE !IMPORTANT;*/

/*}*/

/*div#divAssignRule table:first-child tr:first-child table {
    border-bottom: 1px solid @darkiegray !important;*/

/* padding-bottom: 15px !important; */

/*}*/

/*div#divAssignRule a#btnApply {
    background: @pinkcolor !important;
}*/

img#imgStatusLMap {
  position: relative;
  right: 4px;
}
input:checked + .slider {
  background-color: #1277d9 !important;
}
div.DCdesc {
  margin-top: 7px;
}
div#ProjDiv {
  width: 100% !important;
}
div#imgEye2 {
  margin-top: -32px !important;
}
div#divCP span#lblMessage {
  font-size: 14px;
  margin-left: 4px;
}
div#FCcontainer {
  padding-top: 10px !important;
  width: 100%;
}
.login-info div > label:after {
  content: '*';
  color: indianred;
  font-family: work sans semibold;
}
span#login_loginCtrl_lblUserID:after {
  content: '*';
  font-family: work sans semibold;
  color: indianred;
}
span#login_loginCtrl_lblPassword:after {
  content: '*';
  font-family: work sans semibold;
  color: indianred;
}
.login-info label#lblInfo {
  content: '' !important;
  visibility: hidden;
}
div#divSaveAs input#txtTLName {
  width: 220px !important;
}
div#divht div#divSaveAs {
  padding-left: 5px;
  padding-right: 5px;
}
/*td#tdSaveAs a#lnkOk {
    background: @pinkcolor !important;
}
*/

div#dummyLoader + table td {
  width: 50%;
}
div#maincontent div#content2 td {
  width: 50%;
}
/*table#tblSendEmail .InputCtrls {
    width: 250px !important;
}

div#divSendEmail {
    width: 400px !important;
}*/

table#tblSendEmail input#rdbExcelAttachment + label {
  font-size: 9pt;
}
table#tblSendEmail input#rdbPdfAtch + label {
  font-size: 9pt;
}
table#tblSendEmail input#rdbInline + label {
  font-size: 9pt;
}
table#tblSendEmail td#tdImageAttach {
  min-width: 120px !important;
}
table#tblSendEmail input#chkImage + label {
  font-size: 9pt;
  font-family: work sans !important;
  padding-left: 20px;
}
table#tblSendEmail input#chkSelectAll + label {
  font-size: 9pt !important;
  font-family: work sans;
}
/*div#trAdhocEditFS .InrRst {
    max-height: 130px !important;
}

div#trAdhocEditFS div.fstResults {
    height: 200px !important;
}*/

div#FilterGrid span.fstResultItem {
  padding-left: 0px !important;
  height: auto !important;
  line-height: 28px;
  min-height: 28px;
  padding: 0px 5px !important;
}
div#Progress3_ProcessLoader {
  background: #f2f2f2 !important;
}
iframe[title~="RoleSelection"] {
  height: 210px;
}
table#tblData textarea#txtBody {
  height: 70px !important;
  padding: 5px;
}
ul#ulFileType > li {
  line-height: 34px;
}
ul#ulDownload li {
  line-height: 30px;
}
.CalenderDateAM,
.CalenderDateTimeAM {
  background: white;
  min-width: 120px;
}
span#lblHeading + table a#btnCancel > span {
  visibility: hidden;
}
table#tblLookupGrid .InputCtrls[type=text] {
  min-height: 29px;
}
table#tblLookupGrid {
  /*border-top: 1px solid @bordergray;*/
  margin-top: 0px !important;
  padding-top: 10px;
}
table#tblLookupGrid td,
table#tblMultiSearch td {
  padding: 5px;
}
table#gdvLookup tr.GridData {
  height: 34px !important;
}
#gdvLookupFreeze tr.GridData {
  height: 34px;
}
tr#gdvLookupHeader {
  height: 34px;
}
table#ImgTemp {
  /* margin-left: 20px; */
  width: auto !important;
  border-top: 1px solid #ccc;
  background: white !important;
  border-left: none;
  border-right: none !important;
}
body#P21 {
  background: white;
  padding-bottom: 20px;
}
#tblSF tr td:nth-child(11) {
  border: 1px solid #ddd !important;
}
.pagination > li > a,
.pagination > li > span {
  height: 28px !important;
  border: 1px solid #ccc !important;
}
/*div#loadFromEdiFact:before {
    content: 'Note: selected fields will be added in the table below. When done, click "Add to Field Master"';
    position: relative;
    float: right;
    right: 10px;
    font-family: work sans;
    font-size: 11px;
    top: 25px;
}
*/

div#P2ITabs {
  background: white;
  width: 100%;
}
/*a#P2IlnkSave {*/

/*background: @pinkcolor !important;*/

/*position: absolute;
    float: right;
    right: -56px;
    top: 50px;
}*/

div#Div1 input#txtTemplate {
  height: 28px;
  width: 300px !important;
}
table#ImgTemp > tbody > tr:first-child > td {
  /* background: #e9f7ff; */
  margin-top: 10px !important;
  border: 10px solid white;
  padding-left: 0px !important;
  position: relative !important;
  left: -7px !important;
}
table#tblP2ITemplate > tbody > tr:first-child {
  border-bottom: 1px solid #ddd;
}
table#chkPMN {
  border: 1px solid #ccc;
  border-radius: 2px;
}
#chkPMN label {
  font-weight: normal !important;
  font-family: work sans !important;
}
div#divRules > table > tbody > tr:first-child {
  border-bottom: 1px solid #ddd;
}
div#divRules span#lblContext:before {
  content: '(';
}
div#divRules span#lblContext:after {
  content: ')';
}
div#divRules span#lblContext {
  position: relative;
  top: 52px;
  right: 23px;
  font-family: work sans !important;
  color: #333 !important;
  max-width: 440px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
div#divPM div#divRoute {
  margin-top: 10px;
  border: none;
}
div#divPM div#divRoute:before {
  /* content: 'Actions for this Queue and Routing Rules'; */
  font-family: work sans semibold;
}
/*table#HDTH tr#GVMHeader {
    background: #f7f7f7;
}*/

table#tblAction tr#GVMHeader1 {
  background: #f7f7f7;
}
/* form#form1 > div:nth-child(3) {
    margin: 15px 20px 10px 20px;
    border: 10px white solid;
    box-shadow: -1px 2px 2px rgb(0,0,0,0.1);
    border-radius: 5px;
    padding-bottom: 5px;
} */

div#divRoute table#tblAction > tbody > tr:first-child > td:first-child {
  padding-left: 0px !important;
}
/*div#divStatus a#LinkButton2 {
    background: @pinkcolor !important;
}
*/

div#divStatus #tblStatus tr td {
  border: 0px solid #ddd !important;
  padding-left: 11px !important;
  padding-right: 5px !important;
}
div#DiaDiv rect {
  fill: #f9def0;
  stroke: #d71996;
}
div#DiaDiv circle {
  fill: #cdecff;
  stroke: #1277d9;
  stroke-width: 2;
}
div#DiaDiv path {
  stroke: #777;
  stroke-width: 1;
}
#DiaDiv circle + text tspan {
  display: contents;
}
#WFDiag1 {
  width: 100%;
  /* padding-left: 51px; */
  margin: 40px;
  background: #fdfdfd;
  left: 0px !important;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}
div#DiaDiv circle + circle {
  fill: #9ec9f2;
}
#divRulesEdit #tdSave {
  border-radius: 5px !important;
}
#divRulesEdit a#save {
  border-radius: 5px !important;
  width: 70px !important;
  height: 22px !important;
}
div#divRule hr#hLine {
  visibility: hidden;
}
div#divRule td#tdUpload + td + td + td + td {
  width: 140px !important;
}
div#divRule input#chkEnglish + label {
  font-size: 14px;
}
div#divNewRule > table > tbody > tr:first-child > td > div {
  border-bottom: 1px solid #ddd !important;
}
/*
#divRulesEdit {
    overflow-x: auto;
    border-top: 1px solid @bordergray !important;
    padding-left: 30px !important;
}*/

div#chkRole div#moveUp {
  right: 5px;
  /* width: 20px !important; */

}
div#chkRole div#moveDown {
  right: 5px;
  /* width: 20px !important; */

}
div#p2imp + div {
  position: absolute;
  top: 9px;
  right: 10px;
  /* float: right; */

}
table#ImgTemp div#divOFViewer {
  border: 1px solid #ccc;
  margin-left: 10px;
  height: 600px;
  z-index: 9;
}
table#ImgTemp div#divOFViewer img#iOFViewer {
  /*width: 100% !important;*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
div#p2imp + div input#fc {
  border: 1px solid #ccc !important;
  height: 28px !important;
  border-radius: 2px !important;
}
div#p2imp + div input#fc {
  border: 1px solid #ccc !important;
  height: 28px !important;
  border-radius: 2px !important;
}
div#p2imp + div input#fs {
  border: 1px solid #ccc !important;
  height: 28px !important;
  border-radius: 2px !important;
}
div#p2imp + div .MCcontainer > div:first-child > div:first-child {
  height: 30px !important;
  width: 100%;
}
div#p2imp + div div.MCcontainer > div:first-child > div:nth-child(2) {
  max-height: 10px !important;
  /* background: red !important; */

}
div#divUpdateFlowUserGroup {
  background: white;
}
div#FlowUserGroup {
  margin: 10px;
}
div#FlowUserGroup + div#UserSelectionControl {
  margin-left: 10px;
  margin-right: 10px;
}
div#divUpdateFlowUserGroup a#A3 {
  /*background: @pinkcolor !important;*/
  margin-right: 7px;
}
div#Flow_Proposal_Configuration {
  width: 100%;
}
div#Flow_Proposal_Configuration > div:first-child > div:first-child > label {
  padding-top: 5px;
}
div#BFL_ProcessLoader {
  background: rgba(242, 242, 242, 0.5) !important;
}
div#pnlUsersTabular td#tdFilterContent {
  padding-top: 25px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  display: none;
}
div#divHeaderRoles table#NTLFxdLO {
  height: 60px !important;
}
table#tdHeaderButtons a#ancrSave {
  z-index: 9 !important;
  position: absolute;
  right: 85px;
}
table#tdHeaderbuttons a#ancrReset {
  position: absolute !important;
  z-index: 1 !important;
  right: 20px !important;
}
/*
div#UpPnl1 table#NTLFxdLO {
    margin-top: 10px !important;
}
*/

/*div#divHeaderPrivi table#NTLFxdLO {
    margin-top: -12px !important;
}
*/

table#tblRoleBtns td:nth-child(2) {
  position: absolute;
  float: right;
}
div#divEHdr + table#Main div#UpdatePanel1 {
  width: 500px;
}
/* form#form1[action*="PMTabs"] {
    border: 10px solid white;
    background: #ecf8ff;
    margin: 15px 20px;
    border-radius: 5px;
    box-shadow: -1px 2px 3px rgb(0,0,0,0.15);
    padding-bottom: 5px;
} */

/*
label[for="tab1"] {
    float: left !important;
    left: 50px;
    top: 70px !important;
    right: auto !important;
}

label[for="tab1"] span.activated {
    background: @bluedark;
}

label[for="tab2"] {
    float: left !important;
    left: 220px;
    top: 70px !important;
    right: auto !important;
}

label[for="tab2"] span.activated {
    background: @bluedark;
}*/

form#form1[action*=OutputConnect] > div#BackDiv > div:nth-child(2) > div:first-child {
  padding-top: 10px;
}
div#pnlUsersTabular > div:nth-child(2):before {
  content: 'Advanced Search';
  position: absolute;
  left: 23px;
  top: 8px;
  font-family: work sans semibold;
}
.removeAdSearchTxt {
  content: '' !important;
}
.removeAdSearchTxt:before {
  content: '' !important;
}
div#pnlUsersTabular td#tdFilterContent {
  background: white;
}
div#divHeaderPrivi + div td#tdFilterContent {
  /* padding-top: 30px !important; */
  /* display: none; */
  /*  margin-top: 10px;*/
  margin-bottom: 5px;
}
div#divHeaderPrivi + div td#tdFilterContent div#divOFilter {
  height: 100px !important;
}
div#upPanelUsersTabular div#maindiv {
  border-radius: 5px;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2) !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}
div#ContentDB .fstMultipleMode .fstControls:after {
  right: 20px !important;
  background: white;
}
.fstChoiceItem:hover {
  cursor: pointer;
  text-decoration-line: line-through;
}
div#txtautoPopulateautocomplete-list div {
  /* padding-bottom: 7px !important; */
  height: 30px !important;
}
#txtautoPopulateautocomplete-list {
  background: #fff;
}
div#divShortcut ::after {
  margin-top: -5px;
  margin-right: -10px;
}
/*li#tdSave.CPORO {
    background: @colorx16 !important;
    color: @colorx16 !important;
}*/

ul#uiHidden1 li.ui-menu-item:hover {
  background: #1277d9 !important;
  color: white !important;
}
form#AquilaUserSelectionFrm > div:nth-child(3) > table > tbody > tr:first-child > td:first-child > table > tbody > tr:first-child > td {
  border-bottom: 1px solid #ccc !important;
}
form#AquilaUserSelectionFrm > div:nth-child(3) > table > tbody > tr:first-child > td:first-child #trComments > td > textarea#txtComments {
  height: 50px !important;
  width: 273px !important;
  padding-top: 4px !important;
}
form#AquilaUserSelectionFrm > div:nth-child(3) > table > tbody > tr:first-child > td:first-child a#btnCancel {
  margin-right: 15px;
}
form#AquilaUserSelectionFrm tr#trUsers .fstMultipleMode .fstControls:after {
  right: 20px !important;
}
form#AquilaUserSelectionFrm .FSDrop {
  width: 100%;
}
div#divExportDialog td {
  padding-top: 10px;
}
div#divGridScroll table#gvDisplay tr {
  height: 34px;
}
div#divGridScroll table#gvDisplay {
  margin-left: 5px !important;
}
#gvDisplay tbody tr:not(:nth-child(1)):hover {
  background-color: #eaf7ff !important;
}
/*div#Security {
    height: 340px !important;
}*/

.InrRst {
  max-height: 200px !important;
}
td#tdAttachchk table#rdbImages label {
  padding-left: 7px;
  position: relative;
  top: 2px;
}
/*div#divBtmGrid td.freezeEnd {
    border-right: 1px solid @bordergray !important;
}*/

/*div#divReassignPg .fstMultipleMode .fstControls:after {
    right: 10px !important;
    margin-top: 0px;
}*/

div#pnlUsersTabular a#btnClear[title*="Close"],
#closebt {
  visibility: hidden;
}
div#pnlUsersTabular a#btnClear:after,
#closebt:after {
  visibility: visible;
  position: absolute;
  top: 0;
  right: 0;
}
div#divLookupEdit {
  border-top: 1px solid #ccc;
}
.menuscroller.botarr {
  margin-bottom: 5px !important;
}
.menuscroller.toparr {
  top: 60px !important;
  z-index: 999;
  left: -18px;
}
/*div#LgInb + div#LgNot {
    z-index: 0;
}*/

div.CustomLegend {
  max-height: 28px !important;
  bottom: 0px;
  margin-bottom: 10px !important;
  width: auto;
}
/*li#tdROW li.hasLi {
    margin-top: -7px;
}*/

ul#overflow > li#tdROW li.hasLi {
  margin-top: -1px;
  background: white !important;
  /* font-family: work sans semibold !important; */

}
/*    ul#overflow > li#tdROW li.hasLi:hover {
        background: @pinkcolor !important;
        color: white !important;
    }*/

ul#overflow li#tdROW:hover a#lnkOpen {
  color: white !important;
}
form[action*="MasterData"] div#trActionBtns {
  width: calc(100% + 15px) !important;
  background: transparent;
}
form[action*="MasterData"] #tdHT div.CH.TLshadow {
  min-height: 50px !important;
}
form[action*="MasterData"] #tdHT > div > div:first-child {
  height: 50px !important;
}
form[action*="MasterData"] div#trActionBtns {
  padding-top: 0px !important;
}
/*form[action*="MasterData"] div.Compacted a#lblUserName {
    margin-top: -1px;
}*/

form[action*="MasterData"] div.Compacted div#IconicMenus {
  display: none !important;
}
/*form[action*="helpcenter"] div.Compacted a#lblUserName {
    margin-top: 2px;
}
*/

form[action*="helpcenter"] div.Compacted div#IconicMenus {
  display: none !important;
}
form[action*="helpcenter"] div.Compacted span#lblTime {
  position: absolute;
  top: -2px !important;
  left: -140px !important;
}
.Compacted .userdrop {
  display: none;
}
span.sitemapping {
  display: flex;
  font-size: 12px;
  color: #1277d9 !important;
  padding: 0;
  border-radius: 2px;
  font-family: work sans;
  align-content: space-around;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4px;
}
/*
span#HeaderTextID11 .sitemapping {
    top: 0;
}*/

.hdpane {
  height: 45px;
}
#HdCont1 span.sitemapping {
  left: 2px;
  top: 16px;
}
#AdminContent span.sitemapping + #APanel {
  margin-top: 15px;
}
#AdminContent span.sitemapping {
  top: auto;
}
span.sitemapping a {
  color: #1277d9;
  cursor: pointer;
}
span.top0 {
  top: 0px !important;
}
a#lnkShowFilters.filterhasval:not(.Clx):after {
  content: attr(data-count);
  display: inline-block;
  font-size: 10px;
  color: #fff;
  font-family: inherit;
  font-weight: normal;
  background: #1277d9;
  line-height: 18px;
  position: relative;
  top: -12px;
  padding: 0 3px;
  border-radius: 100%;
  min-width: 18px;
  min-height: 18px;
}
.BubAlert {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  overflow-y: hidden;
  z-index: 999999999;
  pointer-events: none;
}
.CustomBubAlert {
  margin: 5px 15px;
  width: auto;
  min-height: 50px;
  min-width: 250px;
  float: right;
  position: relative;
  clear: both;
  background: #fcfdfc;
  border-radius: 2px;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.09);
  top: 50px;
  border: 1px solid #aec8d8;
  color: #333;
  max-width: 300px;
  -webkit-animation: swal2-toast-show 0.5s;
  animation: swal2-toast-show 0.5s;
  -moz-animation: swal2-toast-show 0.5s;
}
.CustomBubAlert > div {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.hidebubble {
  -webkit-animation: swal2-toast-hide 0.5s forwards;
  animation: swal2-toast-hide 0.5s forwards;
  -moz-animation: swal2-toast-hide 0.5s forwards;
}
@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0);
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0);
  }
}
@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
.CustomBubAlert div > div#alrt_msg {
  display: block;
  height: 100%;
  text-align: left;
  margin: 3px 22px;
  width: calc(100% - 30px);
  position: relative;
  font-size: 14px;
  word-break: break-word;
}
.closebub {
  margin-left: 15px;
  color: #d9853b;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 5px;
  font-family: cursive;
}
.Calert > div:before {
  content: "\e918";
  font-size: 16px;
  font-family: bancpay;
  display: block;
  color: #b7157f;
  float: left;
  padding: 0 10px;
}
:not(th).currencysymbol:before {
  content: attr(data-cur);
  position: absolute;
  left: 10px;
  top: 4px;
}
#FilterGrid :not(th).currencysymbol:before {
  padding-left: 10px;
  top: 2px;
  left: 6px;
  height: 28px;
  line-height: 28px;
  background: #e9ecef;
  width: 25px;
}
:not(th).currencysymbol .lbl_and:before {
  left: 42px;
  content: attr(data-cur);
  position: absolute;
  top: 0px;
}
:not(th).currencysymbol .lbl_and {
  position: relative;
}
td.currencysymbol {
  position: relative;
}
#TLGVM td.currencysymbol {
  padding-left: 20px !important;
}
.currencysymbol > .Currency,
.currencysymbol > .CurrencyNum {
  text-align: right;
}
.isempty + .currencysymbol:before {
  display: none;
}
span.sitemapping.spinLoad > * {
  display: none;
}
span.sitemapping.spinLoad {
  top: 0px !important;
  left: -10px;
  color: transparent !important;
  position: relative;
}
.icf {
  position: relative;
  width: 100%;
  height: 24px;
  min-width: 100px;
}
.icf * {
  font-family: roboto-regular;
  font-weight: normal;
}
input.icfctrl {
  width: 100%;
  border: 1px solid #ccc !important;
  border-radius: 3px;
  padding-left: 2px;
  height: 27px;
  min-width: 76px;
  font-weight: normal;
}
div.nosearch {
  height: 24px;
}
.icf.spinLoad:before {
  top: 3px;
  margin: 0;
  left: 100%;
}
.icf.spinLoad:after {
  top: 3px;
  margin: 0;
  left: 100%;
}
span.lbl_and.currencysymbol + input,
.currencysymbol > input {
  padding-left: 15px !important;
}
.icf.currencysymbol:before {
  left: 6px;
}
.icf.currencysymbol input {
  text-align: right;
  padding-right: 3px;
}
.icf:hover .fstElement.fstMultipleMode:hover {
  position: fixed;
  z-index: 1;
  width: auto;
}
.icf input {
  padding-right: 16px !important;
}
.icf .fstControls {
  height: 25px;
  padding-right: 32px !important;
  min-height: 22px !important;
  overflow: hidden !important;
  width: auto;
}
.icf:hover .fstControls {
  height: auto;
  width: 20em;
}
.icf .fstElement:not(:hover) {
  position: initial;
  border-radius: 3px;
  width: 100%;
  top: auto !important;
  left: auto !important;
}
.FSDrop.FSCount:not([data-selected="+0"]):after {
  content: attr(data-selected);
  color: #aaa;
  right: 32px;
  position: absolute;
  font-weight: normal;
  font-size: 9px;
  top: 7px;
}
a.icfsearch:before {
  content: "\e9a2";
  font-family: p2p;
  color: #333;
  padding-left: 2px;
  cursor: pointer;
  outline: none;
  font-size: 15px;
  vertical-align: sub;
}
a.icfsearch {
  position: absolute;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  right: 5px;
  z-index: 9;
}
.icf.dpdwn .icfsearch {
  right: 16px;
  top: 1px;
}
a.icfsearch:focus {
  color: #1277d9;
  border: none;
  outline: none;
  cursor: pointer;
}
label#LrbAll {
  word-break: break-word;
  /*width: 200px;*/

}
#img_contain {
  height: 90%;
  width: 40%;
  left: 52%;
  top: 5%;
  position: fixed;
  overflow: scroll;
  border: 4px solid #1277d9;
  border-radius: 5px;
  display: none;
  background-color: #fff;
}
#divImagePreview .alert {
  width: 100%;
  left: 200px;
  top: 200px;
  border: 2px solid #1277d9;
  position: relative;
}
#divPDFViewer,
#pdfViewer {
  width: 100%;
  height: 100%;
}
.boxloading {
  background-color: #ccc;
  -webkit-animation-name: animate;
  animation-name: animate;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 1000px 104px;
}
@-webkit-keyframes animate {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes animate {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-moz-keyframes animate {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
table#ctl01_CCG {
  counter-reset: list;
  /*height: auto !important;
    max-height: 365px !important;*/

}
table#ctl01_CCG tr:not(.ui-sortable-helper):before {
  counter-increment: list;
  content: counter(list);
  vertical-align: sub;
  color: #333;
  position: relative;
  height: 34px;
  line-height: 34px;
}
tr.hasval td.GRFFC.ui-sortable-handle {
  cursor: move;
}
tr.ui-state-highlight {
  background: #eee;
  border: 1px dashed #80a550;
  height: 50px !important;
  vertical-align: middle;
  opacity: 0.5;
  color: #333;
}
tr.droper td {
  background: #9dc170 !important;
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 10px;
  border-radius: 4px !important;
}
div#TabChart div.caughtDIv {
  margin: 15px;
  border-radius: 4px;
  width: 100%;
}
#InlinePage {
  text-align: left;
}
#rclose,
#clclose,
#popclose,
#dwiclose,
#cssclose,
#ediclose,
#prclose,
#orsclose,
#sclose,
#crclose,
#eclose,
#csclose,
#btnDSWCancel,
#Img1,
#close11,
#close22 {
  content: url('../Imagesp/cross.png');
}
img[alt='Close'] {
  content: url('../Imagesp/cross.png');
}
.ProductLogo {
  content: url('../Images/P2P-logo-big.png');
}
.swal-title.ui-draggable-handle {
  cursor: move;
}
/*div#Security input#security_btn {
    margin-top: -3px;*/

/*background: @pinkcolor !important;*/

/*}*/

span.sitemapping a {
  color: #1277d9 !important;
}
div.upWILising span.sitemapping {
  padding-left: 5px;
}
div#divChartCust .chartpadd {
  padding-top: 0px !important;
  /*   margin-top: -5px !important; */

}
span#divC:before {
  visibility: visible;
  content: 'X';
  position: absolute;
  font-size: 12pt;
  font-family: work sans semibold;
  right: 5px;
}
div#trAdhocEditFS span.fstResultItem {
  line-height: 25px;
}
/*div#CommentDialog {
    width: 390px;
}*/

a#privacypolicywindow {
  color: #007bff !important;
}
span#specifycomment + img {
  margin-right: -15px;
}
#divManageRoles {
  width: 1250px !important;
}
textarea#EmailTxt {
  height: 100px !important;
  overflow: auto;
}
#divRetPeriod img[id*=imgAdd] {
  content: url('../ImagesP/PModeler/AddTrans2.png');
}
#divRetPeriod img[id*=imgDel] {
  content: url('../ImagesP/Deletetran2.png');
}
#imgLukup.LMapped:before {
  content: '\ea99';
  font-family: P2P;
  width: 30px;
  font-size: 18px;
  color: #1277d9;
}
#imgLukup.LUnMapped:before {
  content: '\ea99';
  font-family: P2P;
  width: 30px;
  font-size: 18px;
}
#imgdelete:before {
  content: '\e912';
  font-family: P2P;
  width: 30px;
  font-size: 18px;
}
img[alt=User] {
  content: '\ea91';
  font-family: ep2p;
}
div#divLookupTitle a#btnCancel {
  top: -7px;
}
.PopUPMinimized span#ui-id-1 {
  top: 4px;
}
/*.icf .fstChoiceItem {
    padding-top: 0;
}*/

/*.icf button.fstChoiceRemove {
    top: 50%;
}*/

/*div.dpdwn a.icfsearch {
    display: none;
}*/

#CartDetail table#TLGVM.TLGRID,
#CartDetail .DTFC_LeftBodyLiner table {
  border-bottom: 1px solid #ddd !important;
  margin-top: 0px !important;
}
/*table#ctl01_CCG tr {
    display: inherit;
}*/

table#ctl01_CCG .fstControls {
  overflow: hidden;
}
/*#ctl01_CCG span.fstResultItem.FS:before {
    margin-left: -4px;
    margin-right: 9px !important;
}
*/

a#btnOpen:hover,
a#btnOpenAsReadonly:hover {
  background: #d71996 !important;
}
span#sACApplicability + span#divC {
  position: relative;
  top: 2px;
}
span#sACApplicability {
  position: relative;
  top: -5px;
}
div#divSaveAs tr:first-child tr:first-child > td {
  border-bottom: 1px solid #ccc !important;
  position: relative;
  top: -5px;
}
a#lnkRename {
  /*background: @pinkcolor !important;*/
  position: relative;
  top: -5px;
}
iframe#iFDim {
  opacity: 0.4 !important;
}
table#HTable6 a#lnkSaveAS {
  margin-top: 1px;
}
/*div#divReRoutePg {
    margin-left: 7px;
}*/

table#tblSendEmail tr:first-child tr:first-child td:nth-child(2) {
  position: relative;
  top: 0px;
}
table#tblSendEmail tr:first-child tr:first-child td:first-child {
  position: relative;
  top: -4px;
}
.top.has-sub > div.current + ul li.MuLIHlight > div {
  background: #124e73 !important;
}
#btnAddFAQ:before,
#btnAddDocs:before {
  content: '\ea6b';
  font-family: 'P2P';
  font-size: 15pt;
  color: #455660;
}
.RegisterSuccess {
  font-size: 20pt;
  color: #d71996;
  padding: 10px;
}
.CDivBox ul.tabs li {
  margin-top: 2px;
  margin-left: 0;
  padding: 5px 10px !important;
  margin-right: 0px;
  border-bottom: 3px solid #eee;
  height: 40px;
  line-height: 25px;
}
table#TLGVM td {
  border-right: none;
}
div#TLGVM_wrapper th {
  border-right: none;
  padding-bottom: 5px !important;
}
div#TLGVM_wrapper .DTFC_LeftBodyLiner th,
div#TLGVM_wrapper .dataTables_scrollBody th {
  padding-bottom: 0px !important;
}
div#TLGVM_wrapper td {
  border-right: none;
}
/*div#divCustomFields span#lblHT {
    position: relative;
    top: -10px;
}
*/

div#divCustomFields #gvCustomFields tr td {
  height: 34px !important;
}
div#divCustomFields #gvCustomFields tr th {
  height: 34px !important;
}
div#divCustomFields #tblCF {
  width: calc(100% - 40px);
  padding-top: 10px;
}
div#DSWindow.dimmingNew {
  border: none;
  border-radius: 5px;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
}
div#DSWindow.dimmingNew > div:nth-child(2) {
  border-top: 1px solid #ccc !important;
  margin-top: 12px;
}
/*    div#DSWindow.dimmingNew input#Button2 {
        background: @pinkcolor !important;
    }*/

div#DSWindow.dimmingNew > div:nth-child(2) > div:first-child {
  width: 65%;
}
div#DSWindow.dimmingNew span#lblTitle {
  position: relative;
  top: 4px;
  font-family: 'work sans semibold' !important;
}
div#DSWindow.dimmingNew #DSWtbl tr td {
  padding: 4px !important;
}
div#DSWindow.dimmingNew select#ddlAuditBase {
  height: 30px;
  border-radius: 2px;
}
div#DSWindow.dimmingNew input#btnDSWCancel {
  margin-top: 5px;
  filter: grayscale(1);
}
div#DSWindow.dimmingNew table#DSWtbl th {
  padding-right: 5px !important;
}
div#divAdd input#Button3 {
  filter: grayscale(1);
}
/*div#divAdd input#Button1 {
    background: @pinkcolor !important;
}
*/

div#MoreConfig div#divOS {
  width: 250px;
}
div#MoreConfig a#lnkOSD {
  min-width: 100px;
  white-space: nowrap;
  width: 100px;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  border-right: none !important;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-right: none !important;
}
a#no_give_me_more {
  background: #5789a9;
}
a#more_info {
  background: #5789a9;
}
a#no_give_me_more:hover {
  background: #0b4a87 !important;
}
a#more_info:hover {
  background: #0b4a87 !important;
}
div#divGL table#tblGL select {
  width: 100% !important;
}
div#divGL #tblGL {
  width: 100%;
}
div#divGL #tblGL tr th {
  background-color: #f2f2f2 !important;
  font-family: work sans semibold !important;
  font-size: 12.5px !important;
  /*letter-spacing: 0pt !important;*/

}
div#divGL table#tblGL tr {
  height: 34px !important;
}
/* form#form1[action*="PMTabs"] div:nth-child(3) > table > tbody > tr > td:nth-child(2) {
    width: 45% !important;
} */

/*input#btnPCSubmit {
    background: @pinkcolor !important;
}
*/

div#Pwindow td#tdPwindow {
  border-bottom: 1px solid #ccc;
}
div#GSPop {
  border-radius: 5px;
}
div#HdCont1.docdnahdr span {
  position: relative;
  top: 5px;
  left: 5px;
}
.Bon #lnkShowChart {
  position: absolute;
  right: 0;
}
/* Jayaseelan Start */

table#cblProfile label {
  padding-left: 23px;
}
table#cblProfile input {
  margin: 0;
}
.open-buttonDiv {
  color: white;
  padding: 0px;
  border: none;
  cursor: pointer;
  opacity: 1;
  width: 42px;
  height: 41px;
  z-index: 9999;
  display: block;
  overflow: hidden;
  border-top-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-top-right-radius: 50%;
  right: 0;
  position: absolute;
  transition: 0.3s;
}
#divTimo {
  position: absolute;
  z-index: 999;
  top: -85px;
  float: right;
  left: 99.5%;
}
div#divTimo:hover .open-buttonDiv:hover {
  width: auto;
  border-radius: 0;
}
.open-buttonDiv input {
  height: 49px;
  width: 100px;
  position: relative;
}
#InlinePage {
  text-align: left;
}
.swal-title.ui-draggable-handle {
  cursor: move;
}
.barFa {
  width: 200px;
  position: absolute;
  background-color: #1277d9;
  height: 4px;
  right: 170px;
  top: 22px;
  border: 0.5px solid #bbb;
  border-radius: 4px;
  z-index: 9;
}
span.FApgsBg {
  background: #ff9800;
  height: 2px;
  display: block;
  width: 0px;
  font-size: 8pt;
  font-style: italic;
}
.divbarfa {
  display: inline;
}
span.FApgsBg.FAdone {
  background: #FFC107;
}
span.FApgsBg:before {
  content: attr(data-byte);
  position: absolute;
  right: 0;
}
div#PGAttachment_ProcessLoader.showbusy {
  display: block !important;
  position: absolute !important;
  z-index: 8 !important;
}
div#PGAttachment_ProcessLoader.showbusy div#circularG {
  position: relative;
}
/*div#trF {
    z-index: 8;
}

div#tdC5, #pnlAttach_paginate {
    z-index: 9;
}*/

.PPC {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
/*#APform span.sitemapping.spinLoad {
    display: none;
}*/

/* Jayaseelan End */

.ModernChk label:before {
  top: 1px !important;
}
.visoff {
  visibility: hidden !important;
  opacity: 0.1;
}
.visoff #trTopActions,
.visoff #trActionBtns {
  display: none !important;
}
#tblRight #ProcessLoader,
div#DashBoardLoader #ProcessLoader {
  left: 207px !important;
}
#WList[usertype]:not(.CompressMode) #tblRight #ProcessLoader,
#WList[usertype]:not(.CompressMode) div#DashBoardLoader #ProcessLoader {
  left: 230px !important;
}
#WList[usertype]:not([mobileserve]) .MinLeft #tblRight #ProcessLoader,
#WList[usertype] .MinLeft div#DashBoardLoader #ProcessLoader {
  left: 55px !important;
}
#AdminContent span.sitemapping {
  top: 12px !important;
  left: 28px;
  z-index: 88;
}
.FilterOn .dataTables_scrollHeadInner th.sortASC:after,
.FilterOn .dataTables_scrollHeadInner th.sortDESC:after {
  top: 2px;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
.hdpane {
  height: 100%;
}
.MinLeft .flLayout input.LeftScroller.ScrArrow {
  display: block;
}
/*.MinLeft div#TLFxdLO .RightScroller {
    right: 6px !important;
}*/

.sltModule {
  width: 170px;
}
#parentlnksave {
  float: right;
  position: absolute;
  top: 50px;
  right: 60px;
}
@media screen and (max-width: 500px) {
  #lbltab1,
  #lbltab2 {
    width: 100px;
  }
  #lbltab2 {
    left: 166px;
  }
  select {
    padding-right: 17px !important;
  }
}
.MinLeft .fixtop div#HeadDiv {
  position: absolute;
  z-index: 7;
  width: calc(100% - 60px) !important;
  background: #f3f3f5;
  top: 0;
  transition: all 0.1s ease-in-out;
  margin-top: 0 !important;
}
.MinLeft .fixtop span#HeaderTextID12 {
  margin-right: 15px;
}
.fixtop div#HeadDiv {
  position: absolute;
  z-index: 10;
  width: calc(100% - 210px) !important;
  background: #f1f1f1;
  top: -5px;
  transition: all 0.1s ease-in-out;
  height: 50px;
  padding-top: 5px;
}
.fixtop div#Template {
  margin-top: 55px;
  transition: all 0.1s ease-in-out;
}
.nomob {
  display: none;
}
#divOtherWindow {
  padding-top: 35px !important;
  padding-left: 20px !important;
}
.ui-widget {
  font-family: 'work sans' !important;
  font-size: 9.5pt !important;
  padding: 4px !important;
  color: #333 !important;
  background: #fff !important;
}
.inputStyle {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 1px solid #99cc66 !important;
}
.ui-menu .ui-menu-item {
  height: 30px !important;
  line-height: 24px !important;
}
.CompressMode .ui-menu .ui-menu-item {
  height: 27px !important;
  line-height: 21px !important;
}
.ui-menu .ui-menu-item:active {
  background-color: #eaefe4;
}
.ui-menu .ui-menu-item div .ui-state-active {
  background-color: #eaefe4;
}
/*.ui-state-active,
.ui-widget-content .ui-state-active,*/

.ui-widget-header .ui-state-active {
  border: 1px solid #1277d9 !important;
  background: #1277d9 !important;
  height: 30px !important;
  padding: 4px !important;
  color: #fff !important;
}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  padding-right: 20px;
  width: 250px;
}
@media only screen and (max-width: 673px) {
  /*    #tdMenuLinks {
          display: none;
      }*/
  
  .inputStyle {
    width: 100%;
  }
  .loginContainer > table {
    width: 100% !important;
  }
}
#SignupTB {
  width: 100% !important;
}
.listNav .navbar-collapse.in,
.listNav .navbar-collapse.collapsing .listNav .navbar-collapse {
  overflow: hidden !important;
  width: 100px;
}
.listNav #navbar.navbar-collapse.in .navbar-nav,
.listNav #navbar.navbar-collapse.collapsing .navbar-nav {
  margin: 0;
  width: auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  right: 50px;
  z-index: 999;
  position: absolute;
  top: 53px;
}
.listNav #navbar.navbar-collapse.in .IconMenu > span {
  line-height: 30px;
}
.listNav #navbar.navbar-collapse.in .IconMenu > span {
  padding-left: 5px;
  margin-right: 5px;
}
.listNav #navbar.navbar-collapse.in .IconMenu,
.listNav #navbar.navbar-collapse.collapsing .IconMenu {
  width: 45px;
  text-align: left;
  height: 34px;
  line-height: 30px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  text-align: center;
}
.listNav #navbar.navbar-collapse.in .IconMenu:hover,
.listNav #navbar.navbar-collapse.collapsing .IconMenu:hover {
  background: #1277d9;
  color: #fff;
}
.listNav #navbar.navbar-collapse.in .IconMenu:hover > span,
.listNav #navbar.navbar-collapse.collapsing .IconMenu:hover > span,
.listNav #navbar.navbar-collapse.in #LogCal:hover::before,
.listNav #navbar.navbar-collapse.in .IconMenu:hover span::after,
.listNav #navbar.navbar-collapsing .IconMenu:hover span#spnInbox::after,
.listNav #navbar.navbar-collapse.in .IconMenu:hover span#spnAlerts::after,
.listNav #navbar.navbar-collapsing .IconMenu:hover span#spnAlerts::after,
.listNav #navbar.navbar-collapse.in .IconMenu:hover .CounterContent[data-content]:before {
  color: #fff !important;
}
.listNav #navbar.navbar-collapse.in .CounterContent,
.listNav #navbar.navbar-collapse.collapsing .CounterContent,
.listNav #navbar.navbar-collapse.collapsing .topIc.Lgcal,
.listNav #navbar.navbar-collapse.in .topIc.Lgcal {
  line-height: 30px;
  width: 100%;
  display: block;
}
span#spnAlerts::after {
  color: #182832;
}
.listNav #navbar.navbar-collapse.in div#notif {
  width: 100%;
  right: 0 !important;
  left: 0;
  position: fixed;
  top: 50px !important;
}
.listNav #navbar.navbar-collapse.in .UnhandledMask {
  background: rgba(0, 0, 0, 0.3);
}
/*.listNav #navbar.navbar-collapse.in #LogCal, .listNav #navbar.navbar-collapse.collapsing #LogCal, .listNav #navbar.navbar-collapse #LogCal {
    padding-left: 0 !important;
}*/

button.navbar-toggle {
  z-index: 9;
  /*background: #fff;*/

}
.winht .modal-dialog,
.winxht .modal-dialog {
  height: 95%;
}
.winht .modal-content,
.winxht .modal-content {
  height: 100%;
}
.winht .modal-body {
  height: calc(100% - 55px);
  padding: 0 !important;
}
.winxht .modal-body {
  height: calc(100% - 14px);
  padding: 0px !important;
}
.winxht .modal-dialog {
  margin: 0 !important;
  vertical-align: top !important;
}
.modal-open .winht.modal,
.modal-open #FADialog.modal {
  overflow: hidden !important;
}
#tabcontainer .tab-content {
  width: 100%;
  padding-left: 15px;
}
.modal-header {
  margin: 5px;
  padding: 5px !important;
  border-color: transparent !important;
  cursor: move;
}
button.close {
  color: #333 !important;
}
button.close,
button.close:hover {
  opacity: 1 !important;
}
.form-inline .form-group {
  padding: 10px;
}
.modal-dialog.modal-msd {
  width: 400px;
}
.modal-dialog.modal-mmd {
  width: 650px;
}
.bgmodal {
  text-align: left;
}
div#tblSendEmail .row {
  padding-bottom: 2px;
}
.fontbold,
.FontBold {
  font-family: 'work sans semibold' !important;
}
.modal {
  background: rgba(0, 0, 0, 0.3);
}
.pgrp {
  background: #f9f9f9;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 4px;
  margin-right: 5px;
  min-height: 120px;
}
div#tabcontainer .tab-pane {
  margin-top: 10px;
}
div#divReRoutePg .row {
  padding-bottom: 5px;
}
div#divReassignPg .fstMultipleMode .fstControls,
div#divReassignPg .fstElement {
  width: 100%;
}
.open > .dropdown-menu li {
  cursor: pointer;
}
.open > .dropdown-menu li:hover a {
  background: #1277d9;
  color: #fff;
}
#ConfigChartSettings {
  overflow-y: auto;
}
div#divGVM {
  border-top: 1px solid #ddd;
}
li.UserLi {
  padding: 0 5px;
  background: #eee;
}
#lnkShowChart:before,
#lnkBackToDashboard:before,
#CartBackTo:before,
#BacktoVF:before {
  content: "\e923\e923";
  font-family: 'bancpay';
  font-size: 10px;
  padding-right: 2px;
}
.roleheader {
  height: 30px;
  text-align: left;
}
.zoommodal #LUP {
  margin: 30px auto;
  width: 98%;
}
.zoommodal #trListing {
  z-index: 9999 !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  outline: 0;
}
.zoommodal #TLFxdLO {
  z-index: 99;
}
a#Popout:before {
  content: "\e164";
  font-family: 'bancpay2';
  color: #6e8e2f;
  font-size: 10pt;
}
.zoommodal iframe#ListingOtherWindow {
  border-radius: 4px;
}
#tdzoom.rot180 {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
.docht .modal-body {
  height: 100%;
}
.winwd .modal-dialog {
  width: 85%;
}
.docht iframe#iPopup {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 45px) !important;
}
span#lblQuestionHead {
  white-space: nowrap;
  padding-right: 5px;
}
span.notif_ticker {
  text-transform: initial;
}
.fstControls {
  cursor: pointer !important;
}
/*li.more #overflow li#tdDeleteMulti a, li.more #overflow li#tdRR a, li.more #overflow li#tdTerminate a, li.more #overflow li#tdRestart a, li.more #overflow li#tdRA a {
    color: @colorx18 !important;
}
*/

select#ddlDestinationQueue {
  background-position-x: 97.5% !important;
}
li.more #overflow li:hover > * {
  color: #fff !important;
}
.modal {
  text-align: center;
  padding: 0 !important;
}
/* Bootstrap 3 has no .modal-dialog-centered, so centring used to be an
   inline-block dialog next to a full-height :before strut. That only centres a
   dialog shorter than the viewport - a taller one (the download/column popup on
   a phone) overflowed past the top of the scroll container, which is not
   reachable by scrolling, so it read as "the popup opened below the fold".
   Flex centring plus a min-height spacer on the dialog centres at every
   resolution and lets a tall dialog scroll from its own top edge instead. */

.modal:before {
  content: none;
}
.modal-dialog {
  display: flex;
  align-items: center;
  text-align: left;
  /* Margin is pinned here so the spacer below can match it at every width -
       Bootstrap 3 itself drops from 30px to 10px under 768px. */
  margin: 30px auto;
  min-height: calc(100% - 60px);
}
.modal-dialog > .modal-content {
  width: 100%;
}
/* Dialogs that are meant to fill the height stay pinned to the top. */

.winht .modal-dialog,
.winxht .modal-dialog,
.PopUPMinimized .modal-dialog {
  align-items: flex-start;
  min-height: 0;
}
/*.jqcontextmenu li a[for=lnkDeleteMulti], .jqcontextmenu li a[for=btnReassign], .jqcontextmenu li a[for=btnReRoute], .jqcontextmenu li a[for=btnTerminateConfirm] {
    background: #fff;
    color: @colorx14 !important;
}
*/

.DCctrl .fstMultipleMode .fstControls {
  width: auto;
}
@media (max-width: 991px) {
  .sm-sizefit .modal-dialog {
    width: 95% !important;
    margin: 30px auto;
  }
}
@media (max-width: 991px) {
  .sm-frame-sizefit .modal-dialog {
    width: calc(100% - 10px) !important;
    margin: 30px auto;
  }
  .modal-content {
    min-height: 98% !important;
  }
}
.imgpdiv {
  min-width: 130px;
}
.navbar {
  margin-bottom: 0px !important;
}
/*.titdiv > div {
    padding-bottom: 20px;
}
*/

.modal-title {
  text-align: left;
  font-family: 'work sans semibold';
  font-weight: normal !important;
  font-size: 14px !important;
}
div#BSDiv {
  padding-top: 35px;
}
div#BSDiv span.sitemapping {
  top: 5px !important;
  left: 25px;
}
.titcont {
  background: #cdecff !important;
}
#TabactionLnks li.more {
  float: right;
  /*clear:both;*/

}
div#divLookupTitle {
  display: none;
}
div#divCData .LeftScroller {
  left: 0 !important;
}
div#divCData .RightScroller {
  right: 0px !important;
  left: auto !important;
}
div#EDiv .modal-body pre {
  min-height: 200px;
}
li.more #overflow li.MouseOff.CPORO {
  opacity: 0.5;
}
.modal-body {
  border-top: 1px solid #e5e5e5;
  /*min-height: 200px;*/
  min-height: 125px;
}
.transpose table tr {
  display: block;
  float: left;
}
.transpose table th {
  display: block;
  height: 20px !important;
}
.transpose .dataTables_scrollBody table th {
  height: 0px !important;
}
.transpose table td {
  display: block;
  height: 19px !important;
}
.transpose table td:first-child {
  display: block;
  height: 18px !important;
}
.transpose table td:last-child {
  display: block;
  height: 19px !important;
  border-bottom: 1px solid #ddd !important;
}
.transpose table tbody {
  float: left;
}
.transpose table thead {
  float: left;
}
.transpose .dataTables_scrollHead,
.transpose .dataTables_scrollBody {
  width: auto !important;
  float: left;
}
.transpose .dataTables_scrollHeadInner,
.transpose .dataTables_scrollHeadInner table {
  width: auto !important;
}
.transpose table.dataTable.cell-border tbody tr:first-child th,
.transpose table.dataTable.cell-border tbody tr:first-child td {
  border-top: 1px solid #ddd !important;
}
span.dview:before {
  content: '\e205';
  font-family: 'bancpay2';
  color: #333;
  font-size: 15px;
  float: right;
  padding: 5px;
  cursor: pointer;
}
.TableC {
  position: absolute !important;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  height: 100%;
  padding: 0 !important;
}
.TableC .dataTables_wrapper {
  margin: 10px;
  background: #fff;
  height: calc(100% - 20px);
  padding: 5px;
  text-align: center;
  overflow-y: auto;
  border-radius: 4px;
}
#divChart .TableC button.close {
  color: #e56c03 !important;
  font-size: 15px !important;
  position: absolute;
  right: 12px;
  top: 10px;
}
.GRF .fstMultipleMode {
  width: 100%;
}
.TableC .dataTables_scrollHeadInner table.TLGRID {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd !important;
}
.TableC .dataTables_scrollHeadInner table.TLGRID th:first-child {
  height: 19px !important;
}
.lblRange {
  width: 40px;
  display: inline-block;
  text-align: center;
}
#tblExelDownload input[type="radio"],
#tblExelDownload input[type="checkbox"] {
  margin: 0;
}
table#tbSecurity td {
  padding-bottom: 10px;
  vertical-align: text-top;
}
.open .dropdown-menu > li > a {
  padding: 0px 10px !important;
  height: 34px;
  line-height: 34px;
}
.activity-box .profile-img {
  border-radius: 100% !important;
}
span.Prioritysymb:before {
  color: #333 !important;
}
@media all and (max-width: 580px) {
  div.ActFilterBut span#tdlnkApply,
  div.ActFilterBut span#tdlnkClear {
    top: 50px !important;
  }
  #lnkShowFilters.Clx:after {
    top: 78px !important;
  }
}
span#lblShowMore {
  padding-left: 10px;
}
/*#FADialog iframe {
    min-height: 150px;
}
*/

.fc-toolbar .fc-center {
  left: calc(50% - 255px/2) !important;
  min-width: 256px !important;
  margin-bottom: 15px;
  display: flex !important;
}
.fc-toolbar .fc-center > div {
  margin-left: auto !important;
  margin-right: auto;
}
.fc th {
  text-align: center !important;
  vertical-align: middle !important;
}
@media all and (max-width: 767px) {
  .fc-toolbar .fc-center {
    display: flex !important;
    order: 1;
    text-align: center;
    flex: 1 0 100%;
    align-items: center;
    align-self: center;
    justify-content: space-around;
    padding-bottom: 10px;
  }
  .fc-toolbar .fc-right > button {
    float: right !important;
    clear: both;
  }
  .lblRange {
    text-align: left;
  }
  .fc-toolbar .fc-right {
    order: 3;
    position: absolute;
    right: 30px;
  }
  .fc-toolbar .fc-left {
    order: 2;
    position: absolute;
  }
  div#calendar .fc-toolbar {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 5px !important;
    padding-bottom: 0px !important;
    line-height: 1 !important;
  }
}
/*.offline form {
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; 
    position: fixed;
}*/

.offlinediv {
  display: none;
}
.offline .offlinediv {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999999999;
}
.offline .offlineinrdiv h2 {
  margin: 0;
  color: #333;
  border-bottom: 1px solid #ddd;
  text-align: center;
  font-size: 25px !important;
}
.offlineinrdiv a {
  display: none;
}
.offline .offlineinrdiv {
  position: absolute;
  bottom: 10px;
  background: #fff;
  left: 10px;
  padding: 10px;
  border-radius: 4px;
}
.offline .offlineinrdiv div {
  padding: 5px;
  font-size: 16px;
}
@media all and (max-width: 599px) {
  .offline .offlineinrdiv {
    position: absolute;
    width: 262px;
    height: 90px;
    bottom: calc(50% - 45px);
    background: #fff;
    left: calc(50% - 131px);
    padding: 10px;
    border-radius: 4px;
  }
  /*    #tdQSearch {
          margin-right: -25px;
      }*/
}
.navbarlay {
  display: none;
}
.listNav .navbar-collapse.in .navbarlay {
  display: block;
}
div#totalContainer .tab-pane {
  padding-bottom: 50px !important;
}
div#MyContacts {
  overflow: hidden !important;
}
div#DivContactDetails {
  overflow: auto;
}
#CPhtml .listNav.navbar {
  display: none;
}
ul#ulMain ul {
  top: 0;
}
.SameWin {
  background: #b2b2b2;
}
.rolewin iframe#iFrameDim {
  display: block !important;
}
.rolewin div#TLFxdLO {
  z-index: 76;
}
div#CustomFieldsInfo .SectionTitle {
  padding-left: 15px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
/*
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: @fcolor1 !important;
    background-color: #fff !important;
    border-color: #fff !important;
    cursor: pointer
}*/

div#apcalertdiv {
  position: fixed;
  bottom: 10px;
  right: 50px;
  z-index: 99999;
  background: #fff;
  color: #333;
  padding: 3px 5px;
  border: 1px solid #40505B;
  border-radius: 4px;
}
div#apcalertdiv span {
  animation: blinker 1s linear infinite;
  -webkit-animation: blinker 1s linear infinite;
  -moz-animation: blinker 1s linear infinite;
  cursor: pointer;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@-moz-keyframes blinker {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes blinker {
  50% {
    opacity: 0;
  }
}
#Gridtbl,
#FreqDiv {
  /*margin: 15px 0;*/
  padding: 15px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 0px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 0px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 0px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 4px;
}
div#TLdGVM_wrapper {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
#ViewDNAFile li {
  cursor: pointer;
}
div#FreqDiv {
  padding-top: 50px;
}
.tabwrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px;
  height: 40px;
}
.tablist {
  position: absolute;
  left: 0px;
  top: 0px;
  min-width: 3000px;
  margin-left: 12px;
  margin-top: 0px;
}
.tablist li {
  display: table-cell;
  position: relative;
  text-align: center;
  color: #efefef;
  vertical-align: middle;
}
.grabber .tablist li {
  cursor: grab;
  cursor: -webkit-grab;
}
.scroller {
  text-align: center;
  cursor: pointer;
  display: none;
  /*padding: 7px;
    padding-top: 11px;*/
  white-space: no-wrap;
  vertical-align: middle;
  background-color: #fff;
}
.scroller-right {
  float: right;
}
.scroller-left {
  float: left;
}
.scroller-left *:before,
.scroller-right *:before {
  font-family: 'bancpay2' !important;
}
select#dropCountryCode {
  max-width: 70px !important;
  min-width: auto;
}
#editprofile select {
  height: 30px !important;
}
.app__offline {
  background-color: #6b6b6b;
}
input.themeChanger + label {
  top: 16px;
  width: 25px;
  height: 15px;
  margin-left: 5px;
}
input.themeChanger + label:after {
  width: 12px;
}
input.themeChanger + label:before {
  background: #1277d9;
}
input:checked.themeChanger + label:after {
  margin-left: 10px !important;
}
a#CloseBtn.level1.static span {
  color: #333 !important;
}
a#CloseBtn.level1.static {
  right: 0px;
  top: 10px;
}
.wtoast[for="alert-cssp"] {
  background: #cdecff !important;
  color: #333 !important;
  /*letter-spacing: 1.1px;*/
  right: 15px;
  left: auto;
  top: 60px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  border: 1px solid #1277d9;
  min-width: 400px;
}
.wtoast strong {
  font-family: 'work sans semibold';
}
textarea.InputCtrls {
  min-height: 80px !important;
}
.wtoast strong {
  font-family: 'work sans semibold';
}
.arrdwn.blk:after {
  content: "";
  border: 0.26714em solid transparent;
  border-top-color: #333;
  vertical-align: middle;
  display: inline-block;
}
li:hover .arrdwn.blk:after {
  border-top-color: #fff;
}
#mover.scrollie {
  position: absolute;
}
.linkmodules {
  background: #f0faff;
  border: 1px solid #84d0ff;
  height: 30px;
  border-radius: 4px;
  margin: 10px;
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 0px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 0px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 0px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
}
.linkmodules a {
  height: 30px;
  vertical-align: middle;
  line-height: 30px;
  display: block;
  text-align: center;
}
div#PageLinks {
  padding: 5px 10px;
}
div#Datalist {
  margin-left: -8px;
  margin-bottom: 10px;
}
table#GVAttachMentLst div {
  padding: 5px;
}
table#GVAttachMentLst div a {
  padding: 5px;
}
div#Attachview {
  padding: 15px;
}
#p2pthemeswitch {
  display: none;
}
@media all and (max-width: 996px) {
  input#SearchBar {
    max-width: 130px !important;
  }
  /*  .MinLeft #trOne:not([ms]) span.SideCol.spanNav {
          display: none !important;
      }*/
}
@media all and (max-width: 768px) {
  div#dynmenus a[title*=Create] span:before {
    content: '\ea6b';
    font-family: 'P2P';
    font-size: 20px;
  }
  div#dynmenus a[title*=Create] span {
    font-size: 0;
  }
  div#dynmenus a[title*=Upload] span:before {
    font-family: 'P2P';
    content: '\e93f';
    font-size: 20px;
    font-weight: 600;
  }
  div#dynmenus a[title*=Bulk] span:before {
    font-family: 'P2P';
    content: '\ea8e' !important;
    font-size: 20px !important;
    font-weight: normal !important;
  }
  div#dynmenus a[title*=Upload] span {
    font-size: 0;
  }
  .actionbar {
    padding: 0px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 0px;
  }
  div#tdHeader {
    padding-right: 15px;
  }
  .breadcrumbs .actionbar > div {
    height: 20px !important;
  }
  /*    #trTopActions a#btnGo {
          position: absolute;
          top: 0;
          right: ~"calc(-100% - -15px)";
          z-index: 9;
      }*/
  
  div#trActionBtns {
    margin-right: 20px;
  }
  div#tdQSearch,
  .breadcrumbs .actionbar > div {
    margin: 0px !important;
  }
  .CompressMode div#tdQSearch.fexpnd div#divtdQSearch input,
  .CompressMode div#tdQSearch.fexpnd a#btnQSearch {
    height: 25px !important;
  }
  li#limain {
    max-width: 235px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .breadcrumbs .actionbar > div {
    margin-top: 12px;
  }
  a#lnkShowFilters {
    font-size: 0;
  }
  div#tdQSearch {
    padding-right: 0px;
  }
  #MasterPage a#lnkShowFilters:not(.Clx):before {
    content: '\eaad';
    visibility: visible;
    font-family: 'P2P';
    font-size: 18px;
  }
  #tdShowfilters a#lnkShowFilters:before {
    content: '\eaad';
    visibility: visible;
    font-family: 'P2P';
    font-size: 18px;
  }
  .CustDash,
  span#HeaderTextID12 {
    padding-right: 5px !important;
  }
  span#btnCust,
  #lnkCustomize,
  .fixtop span#HeaderTextID12 {
    margin: 0 !important;
  }
  span#btnCust,
  #lnkCustomize,
  #HeaderTextID12 {
    font-size: 0;
  }
  span#btnCust:before,
  #lnkCustomize:before,
  #HeaderTextID12:before {
    visibility: visible;
    font-family: 'P2P';
    font-size: 18px;
    content: "\ea99";
  }
  #txtQSearch {
    width: 0px;
    padding: 0;
  }
  a#btnQSearch {
    width: 31px !important;
    height: 30px !important;
    margin-top: 1px;
    background: Transparent;
    border: 1px solid transparent !important;
    border-left: none !important;
    vertical-align: middle;
    padding: 0 0 0 0;
    float: left;
    border-radius: 0;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
  }
  div#divtdQSearch {
    border: none !important;
    background: transparent;
    right: auto;
  }
  div#tdQSearch.fexpnd div#divtdQSearch,
  #MasterPage div#divtdQSearch.fexpnd {
    width: 165px;
    position: absolute;
    right: 60px;
  }
  div#tdQSearch.fexpnd input#txtQSearch,
  #MasterPage div#divtdQSearch.fexpnd input#txtQSearch {
    min-width: 100% !important;
  }
  div#tdQSearch.fexpnd div#divtdQSearch input,
  #MasterPage div#divtdQSearch.fexpnd input {
    width: auto;
  }
  div#tdQSearch.fexpnd input#txtQSearch,
  #MasterPage div#divtdQSearch.fexpnd input#txtQSearch {
    margin: 0;
    box-shadow: none !important;
    background: #fff;
    width: 150px !important;
    margin-top: 1px !important;
    border-radius: 0 0 0 0;
    font-size: 9.5pt;
    color: #333;
    height: 30px !important;
    vertical-align: top;
    display: inline;
    float: left;
    margin-right: 0;
    position: relative;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    border: 0 solid rgba(0, 0, 0, 0.22);
    border-right: none;
    padding: 0 5px !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc !important;
  }
  div#tdQSearch.fexpnd a#btnQSearch,
  #MasterPage div#divtdQSearch.fexpnd #btnQSearch {
    width: 31px !important;
    height: 30px !important;
    margin-top: 1px;
    background: #fff;
    border-left: none !important;
    vertical-align: middle;
    padding: 0 0 0 0;
    float: left;
    border-radius: 0;
    cursor: pointer;
    position: relative;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
  }
  /*    a#lnkCustomize, a#lnkShowFilters:not(.Clx), span#btnCust, #lnkShowChart {
          width: 0px;
          height: 0px;
          font-size: 0;
      }*/
  
  /*    a#lnkShowFilters:not(.Clx) {
          margin-right: 20px;
      }*/
  
  /*  #tdlnkShowChart {
          float: left !important;
      }
  
      #lnkShowChart {
          margin-top: 2px;
      }
  
      div#divtdQSearch {
          margin-right: 10px;
      }
             span#lnkShowChart:before {
              content: "\f060";
              font-family: 'FA';
              font-size: 15px;
          }
  
      a#lnkCustomize:before, span#btnCust:before {
          content: '\f1de';
          font-size: 17px;
          cursor: pointer;
          font-family: 'FA';
          padding: 0 5px;
          width: auto;
          display: inline-block;
          color:initial;
      }
  
      a#lnkShowFilters:not(.Clx):before {
          content: '\f00e';
          font-size: 17px;
          cursor: pointer;
          font-family: 'FA';
          padding: 0 5px;
          width: 40px;
          display: inline-block;
          color: initial;
      }
      .actionbar {
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          flex-direction: row-reverse;
      }
  
      .actionbar > div {
          padding: 0px !important;
      }
  
      .actionbar > div a {
          padding: 0px;
          padding-left: 15px;
      }*/
  
  /*    #tdQSearch, ul.Menuselected {
          float: left;
          clear: both;
      }*/
  
  /*    #txtQSearch, .tdQSearch {
          margin: 0;
          border-radius: 3px;
      }*/
  
  /*    .titdiv .PageTitle {
          padding-top: 5px !important;
      }*/
  
  /*    a#btnGo {
          padding-right: 10px;
          color: inherit;
      }*/
  
  /*
      #tdbtnGo {
          float: right !important;
          margin-right: 10px;
          padding-top: 0;
          padding-left: 10px;
      }*/
  
  /*    table.FlexBox2 {
          margin-top: 6px !important;
      }*/
  
  /*div#tdQSearch {
          margin-right: -30px;
      }*/
  
  /*    .lnks #lnkShowChart, #tdCustomize, #tdShowfilters {
          padding-top: 0px;
          line-height: 1 !important;
      }
  */
  
  .Bon .ActFilterBut,
  .Bon #tdShowfilters {
    padding-top: 0px;
  }
  a#lnkShowFilters.filterhasval:not(.Clx):after {
    left: -12px;
    border-radius: 5px;
    background: transparent;
    color: #0b4a87;
    font-family: 'work sans semibold';
  }
  #TableScope.Bon {
    clear: right;
  }
  div#tdShowArchives {
    line-height: 28px;
  }
  #trActionBtns.noscr {
    margin-right: 24px !important;
  }
  #tdListing {
    overflow-y: scroll !important;
  }
  .actionbar > div {
    /*float: left;*/
    /*height: 30px;*/
    vertical-align: middle;
  }
  div#tdShowArchives {
    position: absolute;
    top: 15px;
    right: 0;
  }
}
.tilechk {
  display: inline-block;
  height: 50px;
  min-width: 100px;
  margin: 10px 15px;
  position: relative;
}
.tilechk input {
  display: none;
}
.tilechk input:checked + label:before {
  content: "\e013";
  position: absolute;
  top: -18px;
  right: 2px;
  font-family: 'bancpay2';
  font-size: 8px;
  color: #fff;
  z-index: 2;
}
.tilechk input:checked + label:after {
  position: absolute;
  display: block;
  border-top: 22px solid #1277d9;
  border-left: 22px solid transparent;
  right: 0px;
  content: "";
  top: 0px;
  z-index: 1;
}
.tilechk input + label {
  text-align: center;
  display: block;
  height: 50px;
  line-height: 50px;
  background: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0px 5px;
}
.tilechk input:checked + label {
  border: 1px solid #e6e6e6;
}
.tilechk input:checked[disabled] + label {
  opacity: 0.8;
}
.copyall {
  background: #f3f3f3;
  text-align: center;
  border: 1px solid #ccc;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
}
.copycontent {
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 10px;
  position: relative;
}
div#subcopies {
  margin-top: 25px;
}
input#chkboall + label {
  width: 100%;
  margin: 0;
  height: 25px;
  line-height: 25px;
}
.cpall + label {
  background: #e6e6e6;
  color: #fff;
}
div#CopyWI *[readonly] {
  opacity: 0.9;
  touch-action: none;
  pointer-events: none;
  filter: grayscale(1);
}
span.cpfields {
  width: 25px;
  height: 24px;
  border: 1px solid #e6e6e6;
  display: block;
  position: absolute;
  top: 13px;
  right: 16px;
  cursor: pointer;
  border-radius: 100%;
}
input#chkbo0 + label {
  position: relative;
  width: 140px;
}
span.cpfields:before {
  content: "\e032";
  display: block;
  position: absolute;
  top: -13px;
  color: inherit;
  font-family: 'bancpay2';
  right: 5px;
}
div#cpchooser {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  right: 0;
  z-index: 2;
}
div#cpselect {
  margin: 10px;
  padding: 10px;
  overflow: auto;
  background: #fff;
  width: calc(100% - 40px);
  border-radius: 4px;
}
.fchk input {
  display: none;
}
.fchk label {
  background: #f3f3f3;
  display: block;
  padding: 3px 5px;
  border-radius: 3px;
  color: #333;
}
.fchk input:checked + label {
  background: #1277d9;
  color: #fff;
  text-align: left;
}
button.close.chooserclose {
  right: 10px;
  position: absolute;
  top: 5px;
}
.mR15 {
  margin-right: 15px;
}
.modal-dialog.modal-xlg {
  width: 98%;
}
div.MenuImg[iurl=Exception]:before {
  content: "\e065";
}
div.MenuImg[iurl=SystemLogs]:before {
  content: "\eba0";
  font-family: qub !important;
}
span#NAccount {
  padding-left: 4px;
}
#login_loginCtrl_trRememberMe .ModernChk label:before {
  left: 4px;
}
button.ui-dialog-titlebar-close:before {
  content: url(Imagesp/cross.png);
}
.spin:after {
  position: absolute;
  content: '';
  top: 15px;
  left: 10px;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.5em;
  height: 1.5em !important;
  height: 2.285714em;
  -webkit-animation: button-spin 0.6s linear;
  animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #1277d9 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0 0 0 1px transparent;
}
img#lukupCls {
  position: absolute;
  right: -150px;
  top: -10px;
}
#FilterGrid :not(th).currencysymbol[data-cur]:before {
  display: block;
}
#FilterGrid :not(th).currencysymbol[data-cur='']:before {
  display: none;
}
div#divUploadDLL {
  position: absolute;
  top: 10px;
  right: 45px;
}
a#uploadAddOn:hover {
  text-decoration: underline !important;
}
div.MenuImg[iurl=UserAccountUpdates]:before {
  content: "\e906";
}
div#divCMain div.division[wtype] {
  border-style: dashed;
  opacity: 0.7;
  border-width: 2px;
}
.FTPlookup {
  display: none;
}
div#UserInfo #UT {
  z-index: 1;
}
div#UserInfo + .dropdown-menu {
  right: 17px;
  left: auto;
  width: 190px;
}
.activity-box .post-project-name {
  color: #1277d9 !important;
}
ul#insider.mobUi {
  bottom: 35px;
  position: fixed;
  right: 30px;
}
span#SpHang.mobUi {
  bottom: 15px;
  position: fixed;
  right: 20px;
  left: auto;
  z-index: 9;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.navbar-default .navbar-toggle:before:hover {
  color: #1277d9;
}
#tbSecurity div#imgEye {
  right: -4px;
  top: 10px;
}
div#divContent input[type=text],
div#divContent input[type=password] {
  padding: 0px 7px;
}
input#login_loginCtrl_UserName:placeholder-shown {
  text-transform: capitalize;
}
div#divContent.Register .imgEye {
  margin-top: -24px !important;
}
.DTFC_LeftHeadWrapper div.nosearch {
  visibility: hidden;
}
.popmode {
  overflow-x: hidden;
  padding-right: 50px;
}
.MDnorec {
  position: absolute;
  top: 100px;
  left: calc(50% - 100px);
}
a.Mdback {
  padding-left: 30px;
  cursor: pointer;
}
.popmode #Ptitle {
  display: none;
}
.popmode div#divC {
  border: none;
  margin-top: -10px;
  padding: 0 !important;
}
#Privacycnt {
  height: 500px;
}
.sctranbg {
  display: none !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu {
  position: fixed;
  left: 212px;
  z-index: 9;
  margin-top: -45px;
  box-shadow: 1px 2px 5px 4px rgba(204, 197, 185, 0.5);
  -moz-box-shadow: 1px 2px 5px 4px rgba(204, 197, 185, 0.5);
  -webkit-box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
}
.MinLeft #FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu {
  left: 60px !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu li,
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu div {
  background: transparent !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu {
  background: #fff;
}
.MinLeft #FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul ul a[id*=Menu] {
  visibility: visible;
}
#FlowLayout1[newmenustyle][ms=h] #accordion ul li.has-submenu:hover ul.sub_menu {
  display: block !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul ul li:hover {
  background: #08345e;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul ul li:hover a,
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul ul li:hover div:before {
  color: #fff !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer li:hover > div {
  background: #08345e !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer > ul li:hover div {
  background: #08345e !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul li div a {
  width: 145px !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul li.has-submenu ul li:hover div,
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul li.has-submenu ul li div:hover a,
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul li.has-submenu ul li div:hover span {
  background: #1277d9 !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu {
  padding: 5px !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) .VExpand + ul.sub_menu div {
  background: #fff;
}
#FlowLayout1[newmenustyle]:not([ms=t]) .VExpand + ul.sub_menu div a,
#FlowLayout1[newmenustyle]:not([ms=t]) .VExpand + ul.sub_menu div:before {
  color: initial;
}
#FlowLayout1[newmenustyle]:not([ms=t]) .VExpand + ul.sub_menu li.MuLIHlight div {
  background: #124e73;
}
#FlowLayout1[newmenustyle]:not([ms=t]) label.LImg {
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  right: 5px;
}
#FlowLayout1[newmenustyle]:not([ms=t]) label.LImg.RotLImg,
#FlowLayout1[newmenustyle][ms=h] li.has-submenu:hover label.LImg {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#FlowLayout1[newmenustyle][ms=t] div#tdMenuLinks {
  position: fixed;
  left: -255px;
  z-index: 6;
  transition: width 0.2s;
}
#FlowLayout1[newmenustyle][ms=t] div#tdMenuLinks + #FlowLayout {
  width: 100% !important;
}
#FlowLayout1[newmenustyle][ms=t] #tdMenuLinks {
  width: 207px;
  /*   -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);*/

}
#WList[usertype]:not(.CompressMode) #FlowLayout1[newmenustyle][ms=t] #tdMenuLinks {
  width: 230px;
  /*   -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);*/

}
#FlowLayout1[newmenustyle][ms=t] #tblThree {
  width: 100%;
}
#FlowLayout1.togmenu[newmenustyle][ms=t] div#tdMenuLinks {
  left: 0;
  z-index: 8;
}
#FlowLayout1[menuside=r] #tdMenuLinks {
  order: 2;
}
.togmenu div#FreezingDiv {
  width: auto !important;
}
.togmenu #accordion,
.togmenu #accordion li,
.togmenu #accordion ul li > div,
.togmenu #accordion ul li > div:hover {
  width: 207px !important;
}
#WList[usertype]:not(.CompressMode) .togmenu #accordion,
#WList[usertype]:not(.CompressMode) .togmenu #accordion li,
#WList[usertype]:not(.CompressMode) .togmenu #accordion ul li > div,
#WList[usertype]:not(.CompressMode) .togmenu #accordion ul li > div:hover {
  width: 230px !important;
}
.togmenu #accordion a[id*=Menu] {
  visibility: visible;
  width: auto;
}
.togmenu #accordion .LImg:before {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
}
.togmenu #accordion .RotLImg {
  transform: rotate(90deg) !important;
}
html[CompactMode] div#FlowLayout1[newmenustyle] div#HeadDiv {
  width: 100% !important;
}
/*.swal-footer {
    display: inline-flex;
    width: 100%;
    flex-direction: row-reverse;
}
*/

.selectedLi {
  border-bottom: 1px solid #1277d9;
}
div[id*=EaseUpload] {
  background: #1277d9;
}
#TabactionLnks > ul:not(.ficon) > li:not(.more) {
  color: #d71996;
  background: white;
  white-space: nowrap;
  vertical-align: baseline;
  border: none;
  padding: 7px 9px;
  border-radius: 5px;
  margin: 2px;
  font-size: 9.5pt;
  font-family: work sans semibold;
  min-width: 60px;
  border: 1px solid #1277d9;
  height: 34px;
  cursor: pointer;
  text-align: center;
}
#TabactionLnks > ul.ficon > li:not(.flic):not(.more) {
  color: #d71996;
  background: white;
  white-space: nowrap;
  vertical-align: baseline;
  border: none;
  padding: 7px 9px;
  border-radius: 5px;
  margin: 2px;
  font-size: 9.5pt;
  font-family: work sans semibold;
  min-width: 60px;
  border: 1px solid #1277d9;
  height: 34px;
  cursor: pointer;
  text-align: center;
}
#TabactionLnks > ul:not(.ficon) > li:not(.more):hover {
  background: #1277d9;
  color: #fff !important;
}
#TabactionLnks > ul:not(.ficon) > li:not(.more):hover > a {
  color: #fff;
}
#TabactionLnks > ul.ficon > li:not(.flic):not(.more),
#TabactionLnks > ul.ficon > li:not(.flic):not(.more) > a {
  background: #1277d9;
  color: #fff !important;
}
#tdRow,
.PrimaryButton {
  padding-left: 2px;
  background: #d71996 !important;
  border-color: #d71996 !important;
}
.PrimaryButton:hover {
  background: #961169 !important;
  border-color: #961169 !important;
}
.arrdwn.wt:after {
  content: "";
  border: 0.26714em solid transparent;
  border-top-color: #1277d9;
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  margin-top: 2px;
}
.more li:hover .arrdwn.wt:after {
  border-top-color: #fff !important;
}
li:hover .arrdwn.wt:after {
  border-top-color: #333;
}
li:hover > .arrdwn.wt:after {
  border-top-color: #fff;
}
.PrimaryButton .arrdwn.wt:after {
  border-top-color: #d71996;
}
.PrimaryButton .arrdwn.wt:after,
.PrimaryButton:hover .arrdwn.wt:after,
.SecondaryButton:hover .arrdwn.wt:after {
  border-top-color: #fff;
}
nav#TabactionLnks > ul > li > a {
  line-height: 16px;
}
.dropmain > li ul.dropsub li,
.dropmain > li > ul.dropsub li a {
  height: 34px;
  line-height: 34px;
}
.PrimaryButton a {
  color: #fff;
}
.SecondaryButton:hover a {
  color: #fff;
}
.drop-nav ul a {
  color: #333 !important;
  cursor: pointer;
}
li.more:hover span {
  color: #1277d9;
}
ul#overflow {
  margin-top: 3px;
  z-index: -1;
}
.docwid .modal-dialog {
  width: 99%;
}
div#trFilters.popup {
  position: absolute;
}
.undock div#trFilters:not(.popup) {
  position: fixed;
  width: 350px;
  z-index: 9;
  right: -27px;
  top: 55px;
  height: calc(100% - 50px);
  box-shadow: -1px 2px 3px rgba(204, 197, 185, 0.5);
  background: #fff;
}
.undock a#lnkhidefilters:not(.popup) {
  top: -42px;
  position: absolute;
  right: 35px;
}
.undock #tdShowArchives:not(.popup) {
  padding-right: 0px !important;
  position: relative;
  top: auto;
  right: auto;
}
.undock div#FilterGrid:not(.popup) div {
  width: 100%;
}
.undock div#FilterGrid:not(.popup) {
  flex: 1 1 auto;
  max-height: calc(100% - 50px) !important;
  box-shadow: none;
  margin: 5px 10px 5px 0px;
  overflow-y: auto;
}
.undock #trFilters {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.undock #pFilterGrid {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.undock div#trFilters:not(.popup):before {
  left: 25px;
}
.undock .ActFilterBut:not(.popup) {
  display: inline-block;
  width: 100%;
}
.undock div.ActFilterBut:not(.popup) span#tdlnkApply {
  z-index: 10;
  top: -7px !important;
  right: 65px !important;
}
.undock div.ActFilterBut:not(.popup) span#tdlnkClear {
  z-index: 10;
  top: -7px !important;
  right: -7px;
}
.undock .fncond:not(.popup) {
  margin-bottom: 5px !important;
}
.undock #filteract:not(.popup) {
  position: relative;
  right: 0;
  padding-right: 68px;
  top: 40px;
  text-align: right;
}
span.vpswd {
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  cursor: pointer;
  float: right;
  position: absolute;
  right: 0px;
}
.pswddiv {
  position: relative;
  display: flex;
}
div.pswddiv > span.vpswd + input {
  float: left;
  padding-right: 30px !important;
}
span.vpswd:before {
  content: '\ea94';
  font-family: 'ep2p';
}
span.vpswd.openeye:before {
  content: '\ea95';
  font-family: 'ep2p';
}
.actionbar {
  padding-top: 3px;
  line-height: 30px;
}
.actionbar > div {
  /*display: inline-block;*/
  padding-left: 15px;
  /*float: right;*/

}
.actionbar a {
  padding-right: 0;
}
.actionbar {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
div#divtdQSearch {
  display: inline-flex;
  border-radius: 3px;
}
a#btnGo {
  vertical-align: middle;
  cursor: pointer;
}
div#divLookupEdit {
  z-index: 9999;
}
.TLG td.RoCell.FlagUser.nofilter.acttl.uicons {
  position: absolute;
  right: 5px;
}
.TLG td.RoCell.nofilter.acttl.ricons {
  position: absolute;
  right: 75px;
}
.TLG td.RoCell.FlagUser.acttl.cicons {
  position: absolute;
  right: -20px;
  top: 7px;
}
#divGVM.TLG td.acttl {
  display: inline-flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: center;
  vertical-align: top;
  /*float: right;*/

}
#divGVM.TLG .acttl.ricons input:first-child {
  margin-right: 20px !important;
}
.TLG table#TLGVM tr td:not(.RoCell) {
  border-top: 1px solid #D1D1D1 !important;
  background: #fff !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#divGVM.TLG .acttl.cicons a:before,
#divGVM.TLG .acttl.cicons a:after {
  font-size: 20px;
  padding-top: 3px;
  top: 2px !important;
}
.gridL div#Tlist {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.gridL .flLayout #divWIListing {
  width: calc(100% - 30px);
  margin-right: 10px !important;
}
.gridL #trListing {
  width: 100%;
}
.gridL #tdListing {
  padding-left: 7px;
}
.gridL span#lblPageCount {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  padding-left: 0px;
}
.gridL td#tdPaging {
  padding-top: 0;
}
.gridL span#lblPaging {
  float: left;
}
.modal-dialog.modal-mlg {
  width: 80%;
}
.imgV:before {
  content: '\f0f6';
  width: 20px;
  cursor: pointer;
  font-family: 'FA';
  font-size: 15px;
  vertical-align: middle;
  line-height: 18px;
  color: #555;
}
.imgVRO:before {
  content: '\f016';
  width: 20px;
  cursor: pointer;
  font-family: 'FA';
  font-size: 15px;
  vertical-align: middle;
  line-height: 18px;
  color: #555;
}
.imgVRO.xmlcp {
  width: 20px;
  cursor: pointer;
}
.imgA.mepng:before {
  content: '\ea91';
  width: 20px;
  cursor: pointer;
  font-family: 'p2p';
  font-size: 18px;
  vertical-align: middle;
  line-height: 18px;
}
.imgA.mesdpng {
  color: #ddd;
}
.imgA.mesdpng:before {
  content: '\ea91';
  width: 20px;
  cursor: pointer;
  font-family: 'p2p';
  font-size: 18px;
  vertical-align: middle;
  line-height: 18px;
}
.imgA.nopng {
  color: #ccc;
}
.imgA.nopng:before {
  content: '\ea90';
  width: 20px;
  cursor: pointer;
  font-family: 'p2p';
  font-size: 18px;
  vertical-align: middle;
  line-height: 18px;
}
.imgV:hover {
  color: #1277d9;
}
.imgVRO:hover {
  color: #1277d9;
}
.imgA.mepng:hover {
  color: #1277d9;
}
.imgA.mepng:hover {
  color: #1277d9;
}
.imgA.mesdpng:hover {
  color: #1277d9;
}
.docdna {
  background: url(../images/docdna.png);
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#TLGVM td > a {
  color: #1277d9;
  font-family: 'work sans semibold';
  text-align: center;
  display: block;
}
.TLG #TLGVM td > a {
  text-align: right;
  margin-top: -10px;
}
.Calendaric:before {
  content: "\ea6f";
  width: 20px;
  cursor: pointer;
  font-family: 'ep2p';
  font-size: 18px;
  vertical-align: text-bottom;
  line-height: 17px;
}
.CompressMode .Calendaric:before {
  line-height: 14px;
}
.Calendaric:before {
  margin-left: -23px;
}
.Calendaric:hover,
.editic:hover,
.deleteic:hover,
.vpswd:hover,
.undeleteic:hover {
  color: #1277d9;
}
.disoff + .Calendaric:before {
  display: none;
}
span.fic.exceptionic,
.countempty,
span.fic.attachic,
span.fic.commentic {
  text-align: center;
  display: block;
}
.fic.exceptionic:before {
  content: '\ead2';
  font-family: 'p2p';
  text-align: center;
  color: inherit;
  font-size: 11pt;
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.ficon .attachic:before,
.fic.attachic:before {
  content: '\eaa5';
  font-family: 'p2p';
  text-align: center;
  color: inherit;
}
.ficon .commentic:before,
.fic.commentic:before {
  content: '\e921';
  font-family: 'p2p';
  text-align: center;
  color: inherit;
}
nav#CPTabactionLnks a {
  color: #1277d9;
}
.editic:before {
  content: '\e941';
  font-family: 'ep2p';
  font-size: 18px;
  text-align: center;
}
.ficon .deleteic:before {
  content: '\ea74';
  font-family: ep2p;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.CalenderDateAM {
  width: 100%;
}
/*#TableScope.ficon a#lnkCustomize, #TableScope.ficon a#lnkShowFilters, #TableScope.ficon #btnCust {
    visibility: hidden;
    max-width: 28px;
    display: block;
    height: 38px;
}

#TableScope.ficon a#lnkCustomize:before, #TableScope.ficon #btnCust:before {
    content: '\ea99';
    font-family: 'P2P';
    visibility: visible;
    font-size: 14pt;
}

#TableScope.ficon a#lnkShowFilters:before, .fic.filteric:before {
    content: '\e918';
    font-family: 'P2P';
    visibility: visible;
    font-size: 14pt;
}*/

#TableScope.ficon .actionbar > div.flic {
  padding-left: 15px;
  height: 30px;
}
#TableScope.ficon .actionbar > div.flic a:before {
  text-align: center;
  display: block;
}
.ficon .flic a {
  color: inherit;
}
#TabactionLnks > ul.ficon > li:not(.more) > a,
#TabactionLnks > ul.ficon li:not(.more) ul#overflow > li > a,
#TabactionLnks > ul.ficon > li:not(.TLRoute) > a {
  visibility: hidden;
  width: 40px;
  display: block;
  height: 25px;
  font-size: 2px;
  text-align: center;
}
#TabactionLnks > ul.ficon > li:not(.more) > a:before,
#TabactionLnks > ul.ficon li:not(.more) ul#overflow > li > a:before,
#TabactionLnks > ul.ficon > li:not(.TLRoute) > a:before {
  text-align: center;
  width: 40px;
  display: block;
}
#CPTabactionLnks > ul.ficon li:not(.more) a.fic,
#CPTabactionLnks > ul.ficon li:not(.more) ul#overflow a.fic,
#TabactionLnks > ul.ficon > li:not(.TLRoute) > a.fic {
  visibility: hidden;
  max-width: 40px;
  display: block;
  height: 5px;
}
.ficon .emailic:before {
  content: '\E902';
  visibility: visible;
  font-family: 'ep2p';
  font-size: 19px;
  cursor: pointer;
}
.ficon .attachic:before {
  content: '\eaa5';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
a#btnAddCommentC {
  position: relative;
  color: #333 !important;
}
.ficon .attachic:after,
.fic.commentic:after {
  content: '+';
  position: absolute;
  top: -1px;
  left: 15px;
  visibility: visible;
}
.ficon .attachic {
  position: relative;
}
.ficon .printic:before {
  content: '\f02f';
  visibility: visible;
  font-family: 'FA';
  font-size: 18px;
  cursor: pointer;
}
.ficon .commentic:before {
  content: '\e921';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .routeic:before,
.fic.routeic:before {
  content: '\ea93';
  visibility: visible;
  font-family: 'p2p';
  font-size: 20px;
  cursor: pointer;
}
.ficon .reassignic:before {
  content: '\ea7c';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .priorityic:before {
  content: '\eab3';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .terminateic:before {
  content: '\e9af';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .claimic:before {
  content: '\ea91';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .copyic:before,
.fic.copyic:before {
  content: '\ea77';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .uploadic:before {
  content: '\ea8e';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .restartic:before {
  content: '\e9cc';
  visibility: visible;
  font-family: qub;
  font-size: 18px;
  cursor: pointer;
  font-weight: 600;
}
.ficon li#tdROW {
  background: transparent !important;
  height: auto !important;
}
.ficon .openic:before {
  content: '\f045';
  visibility: visible;
  font-family: 'FA';
  font-size: 15px;
  cursor: pointer;
}
.ficon > li:not(.more) li a#lnkOpen,
.ficon > li:not(.more) li a#WebDownload1,
.ficon > li:not(.more) li a#btnFileAttach,
.ficon > li:not(.more) li a#lnkExport {
  color: #333;
  visibility: hidden;
  width: 40px;
  display: list-item;
  height: 0px;
  margin-right: 5px;
  padding: 0px !important;
}
ul#nav.ficon,
.ficon #tdCopy,
.ficon #tdAutoFetch {
  height: 35px;
  padding-top: 0 !important;
}
.ficon .webdownloadic:before {
  content: '\ea75';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .aeditic:before {
  content: '\e941';
  visibility: visible;
  font-family: 'ep2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .releaseic:before {
  content: '\ea98';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .fetchic:before {
  content: '\ea9d';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .payic:before {
  content: '\f09d';
  visibility: visible;
  font-family: 'FA';
  font-size: 16px;
  cursor: pointer;
}
.ficon .deleteic:before {
  content: '\e912';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.ficon .printimgic:before {
  content: '\f1c5';
  visibility: visible;
  font-family: 'FA';
  font-size: 16px;
  cursor: pointer;
}
.ficon .saveic:before {
  content: '\f0c7';
  visibility: visible;
  font-family: 'FA';
  font-size: 17px;
  cursor: pointer;
}
.ficon .resetic:before {
  content: '\f0e2';
  visibility: visible;
  font-family: 'FA2';
  font-size: 16px;
  cursor: pointer;
}
.searchic:before {
  content: "\e9a2";
  font-family: p2p;
}
.ficon a:hover::before {
  color: #1277d9;
}
.ficon .arrdwn.wt:after {
  position: absolute;
  right: 15px;
  top: 10px;
  border-top-color: #333 !important;
  font-size: 15px;
}
ul.ficon > li {
  height: 20px;
}
/*.ficon #overflow li.hasLi > a {
    width: 40px !important;
}*/

/*.ficon li.more:hover span {
    color: @pinkcolor;
}*/

/*.ficon ul#overflow {
    right: 15px;
    left: auto !important;
}*/

.ficon li:not(.more) .flic {
  opacity: 1 !important;
  background: none !important;
  filter: none !important;
  width: 45px;
  height: 17px;
  display: flex;
  justify-content: space-around;
  align-content: center;
}
.ficon div#tdlnkShowChart {
  padding-left: 5px !important;
}
.ficon .more a:hover::before {
  color: #fff;
}
#TabactionLnks .drop-nav li:hover ul {
  margin-top: 6px;
}
#CPTabactionLnks .ficon .flic,
#CPTabactionLnks .ficon .more {
  margin-top: 8px;
}
#CPTabactionLnks .ficon .drop-nav li:hover ul {
  margin-top: 0;
  margin-left: 0;
}
.ficon li:not(.more) .flic > a {
  visibility: hidden;
  height: 0px !important;
  padding: 0px !important;
}
/*@media all and (max-width: 900px) {
    .swal-footer {
        width: calc(100% - 32px);
    }
}*/

.glyphicon-ok:before {
  content: '\f00c';
  font-family: 'FA2';
  color: #42525d;
}
.dropup .caret {
  border-bottom: none;
  border-top: none;
  background: url(../imagesp/ddl_downbp.png) no-repeat center right #ffffff !important;
  width: 23px;
  height: 5px;
  display: block;
  right: 0 !important;
  background-size: 12px !important;
}
.show-tick .btn-default {
  border-color: #ddd;
}
@media (min-width: 0px) and (max-width: 980px) {
  .navbar-nav > li {
    margin-left: 0 !important;
  }
}
.displayflex {
  display: flex;
}
/*#divChart canvas {
    max-height: 420px;
}
*/

div#Act {
  text-align: justify;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: flex-end;
  background: #cdecff;
  font-size: 14px;
  font-family: inherit;
  color: #333;
  margin: 10px;
  padding: 10px;
  margin-top: 25px;
  animation: LeftToRight 0.5s ease-in-out;
  -o-animation: LeftToRight 0.5s ease-in-out;
  -moz-animation: LeftToRight 0.5s ease-in-out;
  -webkit-animation: LeftToRight 0.5s ease-in-out;
}
.mtop5 {
  margin-top: 5px;
}
@media all and (max-width: 800px) {
  .MD-noLRpadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media all and (max-width: 822px) {
  .modal.min-wid .modal-dialog {
    min-width: 75%;
  }
}
/* 450px is a floor for the column grid, but on a phone it is wider than the
   screen and forced the popup to scroll sideways - cap it at the viewport. */

#divColumnSelection .modal-dialog {
  min-width: 450px;
  max-width: 100%;
}
@media (max-width: 480px) {
  #divColumnSelection .modal-dialog {
    min-width: 0;
  }
}
div#innerdivColumnSelection {
  padding: 7px 0px;
  margin: 10px 0;
}
span.ctSpan:before {
  content: '\e91a';
  font-family: 'P2P';
  padding: 5px;
  vertical-align: bottom;
}
a#lbnNext:before {
  content: '\e905';
  font-family: 'P2P';
}
a#lbnPrevious:before {
  content: '\e904';
  font-family: 'P2P';
}
a#lbnFirst:before {
  content: '\e953';
  font-family: 'P2P';
}
a#lbnLast:before {
  content: '\e954';
  font-family: 'P2P';
}
table#cblKD td {
  padding-right: 15px;
}
table#tlfl td {
  padding-bottom: 10px;
}
span#SpHang:hover,
#tdbtnGo a#btnGo:before:hover {
  color: #1277d9;
  border-color: #1277d9;
}
#navicon2 {
  width: 20px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  float: right;
  top: -31px;
  right: -36px;
  z-index: 1;
}
#navicon2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 10px;
  background: #182832;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#navicon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}
#navicon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}
#navicon2 span:nth-child(1),
#navicon2 span:nth-child(2) {
  top: 0px;
}
#navicon2 span:nth-child(3),
#navicon2 span:nth-child(4) {
  top: 5px;
}
#navicon2 span:nth-child(5),
#navicon2 span:nth-child(6) {
  top: 10px;
}
#navicon2.open span:nth-child(1),
#navicon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#navicon2.open span:nth-child(2),
#navicon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#navicon2.open span:nth-child(1) {
  left: 5px;
  top: 0px;
}
#navicon2.open span:nth-child(2) {
  left: calc(50% - -2px);
  top: 0px;
}
#navicon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
#navicon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
#navicon2.open span:nth-child(5) {
  left: 5px;
  top: 10px;
}
#navicon2.open span:nth-child(6) {
  left: calc(50% - -2px);
  top: 10px;
}
span.profile-img.iconfont:before {
  content: attr(data-user);
  color: #333;
  font-family: 'work sans semibold';
  line-height: 34px;
  vertical-align: middle;
  height: 34px;
  display: block;
  text-align: center;
}
span.profile-img.iconfont {
  background: #eee;
}
.border-menu-dot:before {
  content: '\eaaf';
  font-family: 'P2P';
  font-size: 23px;
  vertical-align: bottom;
  cursor: pointer;
}
.lineload {
  width: 20px;
  height: 1px;
  overflow: hidden;
  background-color: #000000;
  margin: auto;
  border-radius: 1px;
  -o-border-radius: 1px;
  -ms-border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  position: absolute;
  top: 35px;
}
.lineload:before {
  content: '';
  background-color: #cdecff;
  margin-top: 0;
  margin-left: -20px;
  animation-name: bounce_loadingProgressG;
  -o-animation-name: bounce_loadingProgressG;
  -ms-animation-name: bounce_loadingProgressG;
  -webkit-animation-name: bounce_loadingProgressG;
  -moz-animation-name: bounce_loadingProgressG;
  animation-duration: 2.28s;
  -o-animation-duration: 2.28s;
  -ms-animation-duration: 2.28s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 2.28s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  width: 5px;
  height: 1px;
  position: absolute;
}
@keyframes bounce_loadingProgressG {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 20px;
  }
}
@-o-keyframes bounce_loadingProgressG {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 20px;
  }
}
@-ms-keyframes bounce_loadingProgressG {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 20px;
  }
}
@-webkit-keyframes bounce_loadingProgressG {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 20px;
  }
}
@-moz-keyframes bounce_loadingProgressG {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 20px;
  }
}
.lookupic:before {
  content: '\e9a2';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 18px;
  vertical-align: middle;
  color: #42525d;
}
.lookupclearic:before,
.lcic:before {
  content: '\ea9f';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  color: #42525d;
}
.removeallic:before {
  content: '\e904';
  font-family: qub;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  color: #42525d;
}
.fic .copyic:before {
  content: '\ea77';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  color: #42525d;
}
.deleteallic:before {
  content: '\e912';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 18px;
  vertical-align: middle;
  color: #42525d;
}
.unlockic:before {
  content: '\ea63';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  color: #42525d;
}
.addic:before {
  content: '\ea6b';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  color: #42525d;
}
.fic.deleteic:before {
  content: '\e912';
  font-family: ep2p;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}
.fic.undeleteic:before {
  content: '\eb14';
  font-family: 'ep2p';
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.viewic:before {
  content: '\e915';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 17px;
  vertical-align: inherit;
  color: #42525d;
}
.glfieldic:before {
  content: "\ea54";
  font-family: 'ep2p';
  font-size: 18px;
  text-align: center;
  -webkit-text-stroke: 0.5px currentColor;
}
.pdfic:before {
  content: '\e96d';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 24px;
  vertical-align: middle;
  color: #42525d;
}
table .editic,
table .deleteic,
tale .addic,
table .viewic {
  color: #42525d;
}
.saveic:before {
  content: '\f0c7';
  font-family: 'FA';
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  color: #42525d;
}
.resetic:before {
  content: '\e9a5';
  font-family: 'P2P';
}
.resetic:before {
  content: '\f0e2';
  font-family: 'FA2';
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  color: #42525d;
}
.cascadeic:before {
  content: '\e95e';
  font-family: 'qub';
  cursor: pointer;
  font-size: 14px;
  vertical-align: middle;
  color: #42525d;
}
.imgcascadeic:before {
  content: '\e9a2';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  color: #42525d;
}
.exceldownloadic:before {
  content: '\ea75';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  color: #42525d;
}
.uplfromexcelic:before {
  content: '\ea8e';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  color: #42525d;
}
.repeatfiltersimgic:before {
  content: '\ea7e';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  color: #42525d;
}
.moveattachic:before {
  content: '\ea7e';
  font-family: 'P2P';
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  color: #42525d;
}
.DelComment,
.EditComment,
.moveAttach,
.viewAttach {
  max-width: 70px !important;
}
a#btndwnall {
  visibility: hidden;
  width: 30px;
  height: 30px;
  display: block;
}
a#btndwnall.downloadic:before,
.fic.downloadic:before {
  content: '\ea75';
  font-family: p2p;
  visibility: visible;
  font-size: 20px;
}
.lblactions a {
  padding-left: 10px;
  padding-right: 5px;
}
div#TLGCheckAll {
  margin-left: 8px;
  margin-top: 8px;
  float: left;
}
.moreic:before {
  content: '\eab0';
  font-family: 'P2P';
  font-size: 20px;
  vertical-align: bottom;
  cursor: pointer;
}
span.moreic {
  line-height: 16px;
  vertical-align: top;
}
.ficon .more .arrdwn.wt:after {
  top: 17px !important;
  right: 5px;
}
.ficon .more .arrdwn.wt {
  position: relative;
}
.ficon .more .drop-nav li:hover ul {
  margin: 0;
}
#TabactionLnks > ul.ficon li.more a,
#TabactionLnks > ul.ficon li.more ul#overflow > li > a,
#CPTabactionLnks > ul.ficon li.more a.fic,
#CPTabactionLnks > ul.ficon li.more ul#overflow a.fic {
  visibility: visible;
  max-width: 100% !important;
}
#TabactionLnks > ul.ficon li.more a:before,
#TabactionLnks > ul.ficon li.more ul#overflow > li > a:before,
#CPTabactionLnks > ul.ficon li.more a.fic:before,
#CPTabactionLnks > ul.ficon li.more ul#overflow a.fic:before {
  display: none;
}
.ficon li.more .flic {
  width: auto;
}
div#tbButns {
  float: right;
}
div#tbButns td {
  padding-left: 3px;
}
.p2ppreloader__spinner,
.p2ppreloader__img {
  top: calc(50% - 85px);
  left: calc(50% - 35px);
}
.p2ppreloader {
  position: fixed;
  overflow: hidden;
  z-index: 99999999;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 2s;
  transition-delay: 0.6s;
  background: rgba(225, 255, 255, 0.3);
  top: 0;
  left: auto;
  width: 100%;
  height: 100%;
}
#WI .p2ppreloader {
  height: calc(100% - 55px);
  width: calc(100% - 207px);
}
#WI .MinLeft .p2ppreloader {
  width: calc(100% - 55px);
}
#bodyPrf .p2ppreloader {
  left: 0;
}
.p2ppreloader__img {
  position: absolute;
  margin: auto;
  width: 35px;
  z-index: 999999;
}
.p2ppreloader__spinner {
  position: absolute;
  margin: auto;
  z-index: 99999999;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-animation: spinnerAnimation 1s ease-in-out infinite;
  animation: spinnerAnimation 1s ease-in-out infinite;
  width: 70px;
}
@-webkit-keyframes spinnerAnimation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinnerAnimation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.p2plogocontainer {
  position: absolute;
  background: #fff;
  top: calc(50% - 80px);
  left: calc(50% - 30px);
  border: 0;
  margin: auto;
  width: 60px;
  height: 60px;
  padding: 10px;
  border-radius: 100%;
  overflow: hidden;
  z-index: 1111;
}
.p2plogocontainer img {
  position: absolute;
  width: 60px;
  overflow: hidden;
  left: 0;
  top: 0;
}
#WI div#BeforeLoader .p2ppreloader,
#WI #dummyLoader .p2ppreloader,
#WI #UpdateProgress3 .p2ppreloader,
#WI #UpdateProgress6 .p2ppreloader {
  width: calc(100% - 207px);
  height: calc(100% - 55px);
}
#WList[usertype]:not(.CompressMode) #WI div#BeforeLoader .p2ppreloader,
#WList[usertype]:not(.CompressMode) #WI #dummyLoader .p2ppreloader,
#WList[usertype]:not(.CompressMode) #WI #UpdateProgress3 .p2ppreloader,
#WList[usertype]:not(.CompressMode) #WI #UpdateProgress6 .p2ppreloader {
  width: calc(100% - 230px);
  height: calc(100% - 55px);
}
#WI .MinLeft div#BeforeLoader .p2ppreloader,
#WI .MinLeft #dummyLoader .p2ppreloader,
#WI .MinLeft #UpdateProgress3 .p2ppreloader,
#WI .MinLeft #UpdateProgress6 .p2ppreloader {
  width: calc(100% - 55px) !important;
  height: calc(100% - 55px);
}
.flipper {
  transition: all 0.6s;
  animation: flip 4s infinite;
  transform-style: preserve-3d;
}
@keyframes flip {
  25% {
    transform: rotateY(180deg);
  }
  50% {
    transform: rotateZ(180deg);
  }
  74.999% {
    transform: rotateX(179deg);
  }
  75% {
    transform: rotateX(180deg);
  }
}
.gridcustomizeic:before {
  content: '\e926';
  font-family: p2p;
  font-size: 20px;
  cursor: pointer;
  color: #333;
}
.gridcustomizeic.filled:before {
  content: '\ea52';
}
.ficon + div#gridcustomize {
  float: right;
  position: absolute;
  right: 20px;
  padding: 5px;
  top: -5px;
}
div#gridcustomize {
  float: right;
  position: absolute;
  right: 10px;
  padding: 5px;
  top: 5px;
}
a.dropdown-toggle.gridcustomizeic + ul {
  padding: 5px;
  min-width: 210px;
}
.brwsebtn {
  margin: 15px 0 5px 0;
}
li.brotitle {
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  font-family: 'work sans semibold';
}
button#tourbutton {
  position: relative;
  clear: both;
  z-index: 9;
  background: #d2249c;
  color: #fff;
  border: none;
  border-radius: 4px;
  margin-top: 10px;
  margin-left: 10px;
}
.wtoast .close span {
  top: -15px;
  position: absolute;
  right: -10px;
}
div#WIPage {
  float: left;
}
ul#nav.ficon {
  margin-top: 12px;
}
.CompressMode.IconMode ul#Primebuttons {
  margin-top: 4px;
}
.boxItem .Itemicon {
  height: 60px;
  text-align: center;
}
.or-container {
  align-items: center;
  color: #ccc;
  display: flex;
  margin: 25px 0 10px 0;
}
.line-separator {
  background-color: #ddd;
  flex-grow: 5;
  height: 1px;
}
.or-label {
  flex-grow: 1;
  margin: 0 15px;
  text-align: center;
  text-transform: uppercase;
  color: #333;
}
/*div#GbuttonDiv iframe {
    width: 100% !important;
}*/

.Gwrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  position: relative;
}
.gti {
  position: absolute;
  top: 0;
  font-size: 15px;
}
.ball {
  width: 10px;
  height: 10px;
  border-radius: 11px;
  margin: 0 10px;
  animation: 2s bounce ease infinite;
}
.blue {
  background-color: #4285F5;
}
.red {
  background-color: #EA4436;
  animation-delay: 0.25s;
}
.yellow {
  background-color: #FBBD06;
  animation-delay: 0.5s;
}
.green {
  background-color: #34A952;
  animation-delay: 0.75s;
}
@keyframes bounce {
  50% {
    transform: translateY(25px);
  }
}
div#TabContents {
  position: relative;
}
.row.linkbox {
  /*top: 0;*/
  top: 7px;
  float: right;
  position: absolute;
  right: 25px;
  display: inline-flex;
}
.row.linkbox a {
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
#MoreConfig #img1 + a:before {
  content: '\EA9A';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img2 + a:before {
  content: '\EA22';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img3 + a:before {
  content: '\EA22';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img4 + a:before {
  content: '\EA22';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img5 + a:before {
  content: '\EA22';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img6 + a:before {
  content: '\E961';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'qub';
  font-size: 18px;
}
#MoreConfig #img7 + a:before {
  content: '\EAA0';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img8 + a:before {
  content: '\EA4d';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img9 + a:before {
  content: '\eaae';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'ep2p';
  font-size: 18px;
}
#MoreConfig #img10 + a:before {
  content: '\EA22';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img11 + a:before {
  content: '\E954';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img12 + a:before {
  content: '\EA44';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img13 + a:before {
  content: '\EAA0';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img14 + a:before {
  content: '\ea60';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: qub;
  font-size: 18px;
  font-weight: bold;
}
#MoreConfig #img15 + a:before {
  content: '\EAA1';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
#MoreConfig #img16 + a:before {
  content: '\E902';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'P2P';
  font-size: 18px;
}
.loginContainer span.vpswd {
  right: 5px !important;
}
label#comp {
  padding-top: 25px;
}
a#lblUserName.arrdw:after {
  content: "\f107";
  position: absolute;
  right: 0;
  font-family: 'FA2';
}
div.MenuImg[iurl=CApex]:before {
  content: "\e9b3";
  font-family: p2p;
  font-size: 24px;
  position: relative;
}
div.MenuImg[iurl=Payment]:before {
  content: "\e91f";
  font-family: p2p;
  font-size: 24px;
  position: relative;
}
div.MenuImg[iurl=Auctions]:before {
  content: "\e907";
  font-family: p2p;
  font-size: 24px;
  position: relative;
}
ul.dropsub {
  padding: 5px;
}
div#CommentDialog .modal-body {
  min-height: 100px;
}
.modal-dialog.modal-md.modal-cust1 {
  min-width: 250px;
}
#divReassignPage .fstChoiceItem {
  white-space: nowrap;
}
div#tdQSearch {
  margin-right: 10px;
}
a#lnkShowChart {
  padding-left: 10px;
  padding-top: 2px;
}
.Itemicon.received:before {
  content: "\f115";
  font-family: 'FA';
}
.Itemicon.EMAS:before {
  content: "\ea57";
  font-family: 'ep2p';
  font-weight: bold;
}
.Itemicon.ExT:before {
  content: "\f3d1";
  font-family: 'FA2';
}
.Itemicon.IRate:before {
  content: "\EA82";
  font-family: p2p;
}
.Itemicon.STA:before {
  content: "\EA28";
  font-family: p2p;
}
.Itemicon.IMAS:before {
  content: "\EA73";
  font-family: 'p2p';
}
img.DMAction {
  height: 18px;
  width: 18px;
}
a#lblUserName {
  padding-top: 2px;
}
.sp-preview {
  border: 1px solid #bbb;
  background: transparent !important;
  width: 20px;
  height: 20px !important;
  border-radius: 100%;
}
.sp-preview-inner {
  border-radius: 100%;
}
table#tblTL tr td {
  padding-top: 5px;
}
label:not([for]) {
  font-weight: normal !important;
  font-family: work sans semibold;
}
.scndrow {
  margin-top: 10px;
}
.CompressMode div#TLGVM_wrapper .dataTables_scrollHead th,
.CompressMode div#TLGVM_wrapper .DTFC_LeftHeadWrapper th {
  height: 27px !important;
  padding-bottom: 0px !important;
  font-size: 11.5px !important;
}
.CompressMode div#TLGVM_wrapper .dataTables_scrollHead th > div,
.CompressMode div#TLGVM_wrapper .DTFC_LeftHeadWrapper th > div {
  font-size: 11.5px !important;
}
.CompressMode .compress a.icfsearch {
  line-height: 22px;
}
.CompressMode table.dataTable.compact thead th,
.CompressMode table.dataTable.compact thead td,
.CompressMode div#TLGVM_wrapper th {
  padding-bottom: 0px !important;
}
.CompressMode .compress .icf .fstControls {
  min-height: 20px !important;
}
.CompressMode .compress .fstMultipleMode .fstQueryInput,
.CompressMode .compress .icf .fstControls {
  height: 20px !important;
  line-height: 18px;
}
.CompressMode .compress .icf,
.CompressMode .compress input.icfctrl {
  height: 22px !important;
  line-height: 22px;
}
.CompressMode .form-control {
  padding: 2px 3px !important;
}
.CompressMode .compress .fstMultipleMode .fstControls:after {
  top: 3px !important;
}
/*.rowheights div#FilterGrid div:not(.InrRst){    padding: 0px !important;}*/

.CompressMode table.dataTable.compact:not(.Tblcmnt):not(.GVMMULTI) > tbody > tr > td,
.CompressMode table.dataTable.compact:not(.Tblcmnt):not(.GVMMULTI) > tbody > tr,
.CompressMode table#TLGVM > tbody > tr {
  height: 27px !important;
  line-height: 21px !important;
  font-size: 11.5px !important;
}
.CompressMode .RoCell > a {
  height: 0px;
  width: 0;
  display: block;
}
.CompressMode td.RoCell.FlagUser.acttl.cicons {
  position: relative;
}
.CompressMode td.RoCell.FlagUser.acttl.cicons > a {
  position: absolute;
  top: 2px;
}
.padr5 {
  padding-right: 5px !important;
}
div#tblPriority .modal-body,
div#tblPriority .modal-content {
  max-height: 180px;
}
.abtimg {
  background: url(../imagesp/circular.png);
  min-height: 40vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media all (min-width: 0px) and (max-width: 540px) {
  .abtimg {
    height: 500px;
    width: 540px;
    margin-left: -70px;
  }
}
@media all and (min-width: 1700px) {
  .abtimg {
    min-height: 32vw;
  }
}
@media all and (min-width: 1600px) and (max-width: 1700px) {
  .abtimg {
    min-height: 35vw;
  }
}
@media all and (min-width: 1500px) and (max-width: 1600px) {
  .abtimg {
    min-height: 38vw;
  }
}
@media all and (min-width: 1400px) and (max-width: 1500px) {
  .abtimg {
    min-height: 40vw;
  }
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
  .abtimg {
    min-height: 45vw;
  }
}
@media all and (min-width: 1000px) and (max-width: 1199px) {
  .abtimg {
    min-height: 45vw;
  }
}
@media all and (min-width: 541px) and (max-width: 999px) {
  .abtimg {
    min-height: 52vw;
    margin-left: -10vw;
    width: 100vw;
  }
}
body.wfo {
  font-family: Roboto-Regular;
  /*letter-spacing: 0pt;*/
  color: #333;
  font-size: 10pt !important;
  scrollbar-arrow-color: #454E50;
  scrollbar-track-color: transparent;
  scrollbar-face-color: #CDCDCD;
  scrollbar-shadow-color: #CDCDCD;
  -ms-overflow-style: scrollbar !important;
  background-color: #f2f2f3;
}
div#filterTableDiv {
  border-radius: 5px !important;
  margin-left: 0px !important;
  background: white;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
  max-height: 100% !important;
  margin-top: 10px;
  margin-right: 0px;
  padding-top: 45px;
}
div#filterTableDiv:before {
  content: 'Filters';
  position: absolute;
  top: 65px;
  z-index: 9;
  font-family: work sans semibold;
  padding-left: 5px;
}
div#div_INPT {
  padding-left: 10px;
}
div#div_OUT {
  padding-left: 10px;
}
div[data-grouptitle]:before {
  content: attr(data-grouptitle);
  font-family: 'work sans semibold';
}
div[data-grouptitle] {
  position: absolute;
  top: -22px;
}
.tilesdiv {
  margin-top: 35px;
}
.sep1 {
  border: 1px dashed #84d0ff;
  height: 50px;
  width: 50px;
  position: absolute;
  left: -4px;
  top: 18px;
  border-right: none;
  border-bottom: 0;
}
.sep2 {
  border: 1px dashed #84d0ff;
  height: 50px;
  width: 50px;
  position: absolute;
  right: 10px;
  bottom: -5px;
  border-left: none;
  border-top: 0;
}
.GroupItem.tilegroup .boxItem {
  background: #cdecff;
}
div[data-grouptitle]:hover:before {
  color: #1277d9;
}
#pamnt {
  margin: 0 15px;
  text-align: right;
  min-width: 50px;
  width: 100px;
  font-family: 'work sans semibold';
}
#spanamount:after {
  content: attr(curr);
  font-size: 9pt;
  top: 0px;
  position: absolute;
  right: -12px;
}
#spanamount {
  position: relative;
  padding-right: 15px;
}
.process-step .btn:focus {
  outline: none;
}
.process {
  display: table;
  width: 100%;
  position: relative;
}
.process-row {
  display: table-row;
}
.process-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.process-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  width: 80%;
  height: 1px;
  background-color: #ccc;
  left: 10%;
}
.process-step {
  display: table-cell;
  text-align: center;
  position: relative;
  width: 50%;
}
.process-step p {
  margin-top: 4px;
}
.btn-circle {
  width: 80px;
  height: 80px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
}
#paybody .tab-content {
  width: 100%;
}
.btn-info {
  color: #fff;
  background-color: #1277d9 !important;
  border-color: #1277d9 !important;
}
.btn-info:hover {
  color: #fff;
  background-color: #0b4a87 !important;
  border-color: #0b4a87 !important;
}
#payframe {
  min-height: 500px;
}
textarea#payremarks {
  width: 50%;
  min-width: 200px;
}
textarea#upayremarks {
  width: 100%;
  min-width: 200px;
}
.payrm {
  display: flex;
  margin-top: 15px;
}
.payrm span {
  display: inline-flex;
  width: 80px;
  min-height: 80px;
  align-items: center;
  align-content: center;
}
div#upaydiv > div.row {
  padding-bottom: 4px;
}
div#upaydiv div {
  line-height: 30px;
}
div#upaydiv input,
div#upaydiv select {
  width: 100%;
}
div#Totalrow {
  text-align: right;
  padding: 5px;
  background: #f0f0f0;
  font-family: 'work sans semibold';
  margin-top: 15px;
}
div#upaydiv {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #ddd;
}
div#upaydiv .row.frow {
  /*font-family: work sans semibold;*/
  /*padding-bottom: 15px;*/
  padding-top: 5px;
}
div#upaydiv .row:not(.frow):not(.payrm ) {
  padding-top: 5px;
}
.modepay.mandatepayinput {
  border-color: red !important;
}
#paydiv td:nth-child(5) ~ td,
#paydiv th:nth-child(5) ~ th {
  text-align: right;
}
#upaybody td:nth-child(4) ~ td,
#upaybody th:nth-child(4) ~ th {
  text-align: right;
}
.ficon li.PrimaryButton.flic ul .flic {
  /*background: #d71996 !important;*/
  width: 30px;
  margin-right: 8px;
  height: 22px;
  line-height: 18px;
  padding-left: 1px;
}
.ficon li.PrimaryButton.flic .flic .arrdwn.wt:after {
  right: 18px !important;
}
input.chkuseron {
  float: right;
  margin: 0;
}
a#login_loginCtrl_btnResendOTP,
#login_loginCtrl_btnResendOTP2 {
  right: 0;
  position: absolute;
  bottom: 0;
}
.switchcheck {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
}
.switchcheck input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switchcheck .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switchcheck .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switchcheck input:checked + .slider {
  background-color: #1277d9;
}
.switchcheck input:focus + .slider {
  box-shadow: 0 0 1px #1277d9;
}
.switchcheck input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.switchcheck .slider.round {
  border-radius: 15px;
}
.switchcheck .slider.round:before {
  border-radius: 50%;
}
.switchcheck input:checked + .slider:before {
  left: -10px;
}
label.switchcheck {
  float: right;
  bottom: -2px;
}
.digitgroup input {
  width: 30px;
  height: 30px;
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: 200;
  color: inherit;
  margin: 5px 2px;
  border: 1px solid #ccc;
}
.digitgroup .splitter {
  padding: 0 5px;
  font-size: 24px;
  opacity: 0.5;
}
.digitgroup .splitter.lte {
  opacity: 0.5;
  font-size: 12pt;
  line-height: 34px;
  height: 34px;
  vertical-align: middle;
  align-items: stretch;
  width: 40px;
}
.digitgroup {
  white-space: nowrap;
  text-align: center;
  margin: 10px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
div#credential_picker_container {
  top: 80px;
  z-index: 1 !important;
}
label.switchcheck:before {
  content: attr(data-before);
  font-size: 9pt;
  position: absolute;
  right: 35px;
  white-space: nowrap;
}
a.resetreg {
  font-size: 9pt;
  float: right;
  line-height: 30px;
  cursor: pointer;
}
#GbuttonDiv iframe {
  width: auto !important;
}
div#GbuttonDiv {
  max-width: 285px;
}
table#login_loginCtrl {
  width: 322px !important;
}
.loginContainer input.textbox_login {
  width: 100%;
}
.timepie {
  bottom: 0px;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: silver;
  border: none;
  box-shadow: inset 0 0 0 1px #1277d9;
  float: left;
  z-index: 1;
  right: 0;
}
.timepie .timeblock {
  position: absolute;
  background: #fff;
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  z-index: 1000000;
}
#timetick {
  font-size: 12px;
  position: absolute;
  top: 1px;
  left: -50px;
}
span#timetick:after {
  content: '  Sec';
}
.timedegree {
  background-image: linear-gradient(90deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}
div#rsnd {
  position: relative;
}
li.ui-menu-item div {
  font-family: roboto-regular;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 295px;
}
.ficon .markpayic:before {
  content: '\f155';
  visibility: visible;
  font-family: FA;
  font-size: 15px;
  cursor: pointer;
  font-weight: bold;
}
.swal-text {
  max-width: calc(100% - 20px);
}
div#GSuccess {
  padding: 5px 0px 10px 0px;
  font-family: work sans semibold;
  font-style: italic;
}
span#tourspan:after {
  cursor: pointer;
  content: "\f0eb";
  color: #182832 !important;
  font-size: 16px;
  font-family: FA;
}
span#tourspan {
  padding: 0px;
  margin-right: 20px;
}
.MCcontainer .InputCtrls {
  width: 70px;
}
a.TLlnk.TLRSpace.nothighlighted {
  border-bottom: 3px solid #eee;
  padding-bottom: 2px;
}
a.TLlnk.TLRSpace.highlight {
  border-bottom: 3px solid #1277d9;
  padding-bottom: 2px;
}
div#dummyLoader {
  position: absolute;
  top: 0;
}
.searchic.ficmedium {
  font-size: 14pt;
  padding-right: 5px;
}
span.division1.bigdivsion:before {
  content: '\e9a7';
  font-family: 'P2P';
  font-size: 17pt;
  border-radius: 100%;
  padding: 5px;
  text-align: center;
  height: 40px;
  width: 40px;
  font-weight: 600;
}
span.division2.bigdivsion:before {
  content: '\ea61';
  font-family: 'qub';
  font-size: 16pt;
  border-radius: 100%;
  padding: 5px;
  text-align: center;
  height: 40px;
  width: 40px;
  font-weight: bold;
}
span.division3.bigdivsion:before {
  content: '\ea46';
  font-family: 'P2P';
  font-size: 20pt;
  border-radius: 100%;
  padding: 5px;
  text-align: center;
  height: 40px;
  width: 40px;
  font-weight: bold;
}
span.division4.bigdivsion:before {
  content: '\0021EA';
  /* U+21EA upload arrow — same icon as the AddOn dropzone (not icon-font dependent) */
  font-family: 'Segoe UI Symbol', 'Segoe UI', Arial, sans-serif;
  font-size: 20pt;
  border-radius: 100%;
  padding: 5px;
  text-align: center;
  height: 40px;
  width: 40px;
  font-weight: bold;
}
.division2:before,
.division3:before,
.division1:before,
.division6:before,
.division4:before {
  border: 1px solid transparent;
  border-radius: 100%;
  padding: 2px;
  transition: all 0.3s ease;
}
.division2:hover::before,
.division3:hover::before,
.division1:hover::before,
.division6:hover::before,
.division4:hover::before {
  border: 1px solid #1277d9;
  border-radius: 100%;
  padding: 2px;
  color: #fff;
  background: #1277d9;
}
div#divCMain div.division:hover {
  background: rgba(54, 197, 253, 0.2) !important;
}
span.designstudio:before {
  content: '\ea99';
  font-size: 28pt;
  font-family: 'P2P';
}
.bellic:before {
  content: '\e91a';
  font-size: 20px;
  font-family: p2p;
  visibility: visible;
}
.nav-tabs {
  border-bottom: none !important;
}
div#PMNotfnTabs {
  height: 550px;
  overflow-y: AUTO;
}
div#PMNotfnTabs label {
  font-weight: normal !important;
  font-family: Roboto-Regular;
}
.scpopdiv div#divTitle {
  display: none;
}
.scpopdiv span#lblScreenconfig,
.scpopdiv select#ddlDataObject {
  display: none;
}
.scpopdiv div#scdiv {
  margin: 5px !important;
  box-shadow: none;
}
div#tdURMTL,
.usadaction {
  margin-top: 10px;
}
.uaacct {
  line-height: 35px;
}
.jcolordiv {
  z-index: 9999 !important;
}
td.grey a span.UnMapped:before {
  color: #333;
}
.configic:before {
  content: '\eaae';
  font-family: 'ep2p';
  font-size: 18px;
  text-align: center;
}
select#ddlLanguages {
  color: #fff;
  background: url(../imagesp/Wddl_downbp.png) no-repeat center right #052849 !important;
  background-size: 12px !important;
  background-position-x: calc(100% - 4px) !important;
}
.flic.MouseOff,
.flic.MouseOff:hover {
  background: transparent;
}
span.imgcls[class*='Capex']:before {
  content: '\E9B3';
  font-family: 'p2p';
  font-size: 35px;
  font-weight: bold;
}
span.imgcls[class*='Payment']:before {
  content: '\e91f';
  font-family: 'p2p';
  font-size: 35px;
  font-weight: bold;
}
span.imgcls[class*='Auctions']:before {
  content: '\e907';
  font-family: 'p2p';
  font-size: 35px;
  font-weight: bold;
}
.pl40 {
  padding-left: 40px;
}
span.flowConfig {
  white-space: nowrap;
  vertical-align: middle;
  line-height: 30px;
  padding-right: 10px;
}
div#divRules a.editic {
  padding-right: 5px;
}
.MyDP {
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border: none !important;
}
.hasDatepicker[readonly] + .ui-datepicker-trigger {
  visibility: hidden;
}
span#lblHT1.Tltitle {
  padding-left: 4px;
  padding-top: 3px;
}
.stickypop {
  position: sticky !important;
}
.fic.useric:before {
  content: '\ea91';
  font-family: ep2p;
}
.fic.groupic:before {
  content: '\ea7c';
  font-family: ep2p;
}
table#lstCtrl label {
  vertical-align: text-top;
}
table#lstCtrl label a.fic {
  padding: 0px 5px;
}
span#lblHT2 {
  padding-left: 4px;
}
#HTable6 a#imgLukup {
  float: right !important;
  margin-top: -5px;
}
#HTable6 a#imgLukup:before {
  color: #333 !important;
}
.iconfiltercuz {
  height: 0px;
}
.fic::before {
  color: #42525d !important;
  font-weight: normal;
}
.CompressMode div#FilterGrid select,
.CompressMode div#FilterGrid input:not(.fstQueryInput),
.CompressMode div#FilterGrid div.fnlbl,
.CompressMode div#FilterGrid .fstElement.fstMultipleMode {
  height: 24px !important;
  min-height: 20px !important;
  line-height: 20px !important;
  font-size: 11.5px !important;
}
.CompressMode div#FilterGrid {
  border-bottom: 5px solid #fff;
}
ul#ui-id-1 .ui-state-active {
  background: #1277d9;
  color: #fff;
  height: 27px;
  vertical-align: middle;
}
.titdiv {
  padding-top: 4px;
}
.configchecks > div {
  margin-right: 10px;
}
.configtitle {
  margin-right: 20px;
  font-family: 'work sans semibold';
  font-size: 10.5pt;
}
#txtTitle,
#message {
  border: 1px solid #ddd !important;
}
#chkOrg.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007bff !important;
  border-color: #007bff !important;
}
div#MsgSender {
  padding: 0px !important;
}
.addtemplateic:before {
  content: '\eec8';
  font-family: ep2p;
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  color: #42525d;
}
a#removedp {
  position: absolute;
  bottom: 0;
  right: -22px;
}
a#editdp {
  position: absolute;
  bottom: 0;
  right: -5px;
}
.prfimgdiv {
  height: 120px;
  position: relative;
  width: 120px;
  margin-bottom: 10px;
}
div#divFirstName,
#divLastName {
  padding-top: 0;
}
div#DivMyContact {
  min-width: 525px;
}
.owner_icon:before {
  color: #333;
  line-height: 28px;
  display: block;
  vertical-align: middle;
  text-align: center;
}
.fic.imageic:before {
  content: '\ed0a';
  font-family: qub;
  cursor: pointer;
  font-size: 42px;
  vertical-align: middle;
  color: #42525d;
}
#divmyc .modal-body {
  padding-top: 0px;
  padding-left: 5px;
}
div#divCL1 {
  padding-top: 10px;
}
a#logback:before {
  top: 10px;
}
.tabs label {
  text-align: center;
}
#MoreConfig #img17 + a:before {
  content: '\e961';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'qub';
  font-size: 24px;
}
.beats-panel[for='NewInvoiceCounter.ascx'] .panel-heading {
  display: none;
}
.RBIND[data-control*="NewInvoiceCounter_"] {
  padding: 0px !important;
  min-height: 65px !important;
}
.RBIND[data-control*="NewInvoiceCounter_"] .CatDiv:first-of-type {
  padding-left: 0px !important;
}
.beats-panel[for='NewInvoiceCounter.ascx'] {
  padding-right: 0px !important;
  background: transparent;
  box-shadow: none !important;
}
.RBIND[data-control*="NewInvoiceCounter_"] .CatDiv {
  margin: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 10px !important;
}
.RBIND[data-control*="NewInvoiceCounter_"] .CatDiv .row-same {
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
  margin: 4px 0px;
  min-height: 75px;
}
.RBIND[data-control*="NewInvoiceCounter_"] .CatDiv span {
  color: #333;
}
a.subcounter:before {
  content: '\e920';
  font-family: 'ep2p';
  margin-left: 10px;
  height: 24px;
  width: 24px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  color: initial;
  font-size: 14px;
  vertical-align: middle;
  font-weight: bold;
}
.dlist input[type=checkbox] {
  margin-right: 5px;
  margin-top: 0px;
}
.dlist input[type=checkbox] + label.icspan:hover {
  background: #84d0ff;
}
.dlist input[type=checkbox]:checked + label.icspan:after {
  content: '\f00c';
  font-family: 'FA2';
  position: absolute;
  right: 20px;
}
.dlist {
  height: 30px;
  line-height: 30px;
}
.wboxloading[control="NewInvoiceCounter.ascx"] {
  padding-right: 5px !important;
}
.mailic:after {
  content: '\E902';
  font-family: ep2p;
  padding-left: 5px;
  font-size: 12px;
  vertical-align: middle;
}
.mobileic:after {
  content: '\e961';
  font-family: qub;
  padding-left: 5px;
  font-size: 12px;
  vertical-align: middle;
}
#MasterPage.CompressMode table input.InputCtrls,
#MasterPage.CompressMode table select.InputCtrls,
#MasterPage.CompressMode table .CalenderDateAM {
  height: 24px !important;
  font-size: 11.5px;
}
#MasterPage.CompressMode table.dataTable.compact tbody th,
#MasterPage.CompressMode table.dataTable.compact tbody td {
  padding: 0px 7px 0px 4px !important;
  font-size: 11.5px;
}
.CompressMode #FilterGrid input.InputCtrls,
.CompressMode #FilterGrid select,
.CompressMode #FilterGrid .fstElement,
.CompressMode #FilterGrid .numCtrls {
  height: 24px !important;
  min-height: 24px !important;
  font-size: 11.5px;
  line-height: 24px;
}
.CompressMode input[type=text],
.CompressMode input.InputCtrls,
.CompressMode select:not(.list) {
  height: 25px !important;
  line-height: 25px;
}
.CompressMode input,
.CompressMode textarea,
.CompressMode select {
  font-size: 11.5px !important;
}
.CompressMode .treatctrl,
.CompressMode .treatctrl:before {
  height: 27px;
  line-height: 27px !important;
  font-size: 11.5px;
}
.CompressMode #FilterGrid label {
  line-height: 18px !important;
  padding: 3px 0px 2px 0px;
  margin-bottom: 1px !important;
}
/*   .toast-item-wrapper .toast-progress {
        visibility: hidden;
    }*/

#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu li.MuLIHlight div {
  background: #0b4a87 !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu li.MuLIHlight div.MenuImg:before {
  color: #fff;
}
iframe#iPopuprule {
  height: calc(100% - 30px) !important;
}
div#aptitle {
  margin-left: 15px;
}
a.HomeLink:after,
a.sublinks:after {
  content: '\e92c';
  font-family: 'ep2p';
  font-size: 10px;
  padding-left: 2px;
  padding-right: 2px;
}
.breadcrumbs span#lblHT1.Tltitle {
  display: none;
}
.breadcrumbs ul.Menuselected {
  background: transparent !important;
  border: none;
  padding-left: 5px;
  min-width: auto !important;
}
.breadcrumbs .titdiv {
  padding-top: 1px;
}
.breadcrumbs ul.Menuselected li {
  font-size: 16.5px;
  line-height: 24px;
}
.breadcrumbs ul.Menuselected ul.ULdropdown li {
  font-size: 14px !important;
}
.CompressMode ul.ULdropdown li,
.CompressMode.breadcrumbs ul.Menuselected ul.ULdropdown li {
  height: 27px !important;
  line-height: 27px !important;
  font-size: 9.5pt !important;
}
.breadcrumbs #trTopActions {
  min-height: 56px;
}
.breadcrumbs .actionbar > div {
  margin-top: 5px;
}
.breadcrumbs div#aptitle span.sitemapping {
  padding-top: 6px;
  padding-left: 5px;
}
span.sitemapping,
span.sitemapping a {
  height: 17px;
}
.breadcrumbs div#aptitle .PageTitle,
.breadcrumbs div#hpheader .PageTitle,
.breadcrumbs div#Mdheader,
form#form1[action*="PMTabs"] div:nth-child(3) {
  padding-top: 3px;
}
div#aptitle .PageTitle {
  padding-left: 5px;
  padding-top: 15px;
}
div#pgheader {
  padding-left: 20px;
}
.breadcrumbs #pgheader span.sitemapping {
  margin-top: 8px;
}
.breadcrumbs .row.AProw {
  margin-top: 9px !important;
}
span#moduleText {
  font-size: 16px;
  font-family: 'work sans medium';
  text-transform: uppercase;
  white-space: nowrap;
}
span#module {
  font-size: 12px;
  font-family: 'work sans medium';
  text-transform: uppercase;
  color: #777;
}
a:hover,
a:focus {
  text-decoration: none !important;
}
div#innotitle {
  min-height: 43px;
  padding-top: 8px;
}
.breadcrumbs div#innotitle {
  padding-top: 6px !important;
  padding-bottom: 9px;
}
.outputc .text-nowrap {
  padding-top: 15px !important;
}
.breadcrumbs .outputc .text-nowrap {
  padding-top: 2px !important;
}
#systitle span.sitemapping {
  height: 29px;
}
.breadcrumbs #innotitle #systitle span.sitemapping {
  height: 18px;
}
.breadcrumbs #systitle.row.pgtitle {
  height: 56px;
  line-height: 1;
}
div#systitle {
  min-height: 50px;
}
div#systitle .text-nowrap {
  padding-top: 2px;
}
#innotitle div#systitle {
  min-height: 35px;
}
/*span.sitemapping a:last-child:after {
    content: '';
}*/

a.sublinks[onclick="return;"] {
  color: #aaa !important;
  cursor: default;
}
*:focus {
  outline: none !important;
}
.rptPoper .rpppdiv {
  position: fixed;
  z-index: 101;
  background: #fff;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  overflow-y: auto;
  max-height: 90%;
}
.rptPoper ul {
  margin: 0px;
  padding: 5px;
}
.rptPoper li {
  height: 30px;
  padding: 0px 15px;
}
.rptPoper li:hover {
  background: #1277d9;
}
.rptPoper li:hover a {
  color: #fff;
}
.rptPoper li a {
  line-height: 30px;
  width: 100%;
  display: block;
  color: inherit;
  cursor: pointer;
}
.bgwt {
  background: #fff !important;
}
.passprogress {
  height: 4px !important;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.progress-bar-danger {
  background-color: #e90f10;
}
.progress-bar-warning {
  background-color: #ffad00;
}
.progress-bar-success {
  background-color: #1277d9;
}
.fa-circle {
  font-size: 6px;
}
.fa-check:before {
  content: '\e975';
  font-family: ep2p;
}
.fa-circle:before {
  content: '\e953';
  font-family: ep2p;
  font-size: 13px;
}
.fa-check,
.fa-circle {
  color: #1277d9;
}
div#popover-password {
  border-radius: 4px;
  border: 1px solid #ddd;
  border-top: 0px;
}
div#popover-password .list-unstyled {
  padding: 0px 5px;
  font-size: 9pt;
}
.breadcrumbs select#ddlDataObject {
  top: 180px !important;
}
.breadcrumbs #Dodiv select#ddlDataObject {
  top: 127px !important;
  left: 266px !important;
}
.icspan:before {
  content: attr(data-icon);
  margin-right: 5px;
  font-size: 18px;
  vertical-align: middle;
}
label.icspan span {
  font-family: 'work sans';
}
.dlist input {
  display: none;
}
.dlist {
  margin: 5px 0px;
}
.dlist input[type=checkbox]:checked + label.icspan {
  background: #e7f6ff;
}
.dlist label.icspan {
  width: 100%;
  padding: 0px 5px;
  color: inherit;
  border: 1px solid #84d0ff;
  border-radius: 3px;
}
div#btn_myc {
  margin-top: 10px;
  padding-right: 0px;
}
.totplist li {
  list-style-type: auto;
}
#login_loginCtrl_btnResendOTP2 {
  background: #fff;
  z-index: 2;
}
span.gcoder:after {
  content: '\e96e';
  font-family: 'qub';
  font-size: 15px;
  vertical-align: middle;
  padding-left: 5px;
}
.plogo {
  background: #fff url(../imagesp/p2plogo2.svg) !important;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  border-radius: 100%;
  width: 50px;
  height: 50px;
  background-size: contain !important;
  border: 2px solid #fff;
}
.qrdiv {
  position: relative;
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
}
.hdrtxt {
  text-transform: uppercase;
}
#divP2ITemplate .modal-body {
  padding-top: 5px;
}
.accordion .item a {
  font-size: 10.5pt;
  font-family: 'work sans semibold' !important;
}
.bigdivsion {
  margin-top: 5px;
  display: block;
}
form#formProfile label {
  font-family: 'work sans medium' !important;
  font-weight: normal !important;
  font-size: 9.5pt;
}
.form-control,
.bootstrap-select.btn-group .dropdown-menu li a span.text,
.dropdown-toggle ul,
table.table-striped td,
table.dataTable td {
  font-family: Roboto-Regular !important;
  font-size: 9.5pt !important;
}
label#ProCurrenrPwd {
  white-space: nowrap;
}
.modal-dialog .modal-body,
div#FilterGrid {
  font-size: 9.5pt !important;
}
.dropdown-menu {
  margin: 0px !important;
}
.MSddl {
  color: Black;
  height: 16px;
  border-collapse: collapse;
  font-family: Roboto-Regular;
  font-size: 9.5pt;
  background-color: white;
  border: 0px solid silver;
  text-align: left;
}
#lblCheader {
  font-size: 10.5pt;
}
form#formProfile label.camp-info-label {
  font-family: 'work sans semibold' !important;
}
div#AttachmentDialog span {
  font-size: 9.5pt;
  vertical-align: middle;
}
div#imgQrCode {
  width: 200px;
  height: 200px;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu + span.menutrans {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
#FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu,
#accordion li > div {
  z-index: 99;
}
.VExpand + ul + .menutrans {
  display: block !important;
}
.mdesignstd {
  /*    background: url(../imagesp/p2pds.png);
    min-height: 50px;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 20px;
  margin-top: 10px;
}
.mdesignstd2 {
  background: url(../imagesp/p2pstudio.svg);
  min-height: 56px;
  background-repeat: no-repeat;
  background-size: 150px;
  background-position: left center;
}
.containerarrow {
  padding-top: 10px;
}
span#divaSU,
div#divSign {
  visibility: hidden;
}
.DigiSign {
  background-color: Transparent;
  color: inherit;
}
.DigiSign:before {
  content: '\ea86';
  font-family: p2p;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: inherit;
  vertical-align: text-top;
  font-weight: 600;
}
.DigiSignAwaited {
  background-color: Transparent;
}
.DigiSignAwaited:before {
  content: '\ea3d';
  font-family: p2p;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.DigiSignComplete {
  background-color: Transparent;
}
.DigiSignComplete:before {
  content: '\ea71';
  font-family: p2p;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.FCcontainer {
  font-size: 9.5pt;
}
.dropdown-header {
  padding: 3px 12px !important;
}
.nav-tabs > li > a {
  font-size: 9.5pt;
}
.activemasterdataselect {
  color: #337ab7;
  border-bottom: 1px solid #1277d9 !important;
}
.fstSingleMode .fstControls {
  padding: 0px !important;
}
.fstSingleMode input.fstQueryInput {
  height: 24px !important;
}
span#lblUserNameValueDisplay {
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
#gvCDS .editic:before {
  content: "\ee5e";
  font-family: 'qub';
  font-size: 18px;
  text-align: center;
}
a#parallel.addic:before {
  content: "\e97c";
  font-family: 'P2P';
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  color: #42525d;
}
a#before.MIPPP:before {
  content: "\002b";
  font-family: FA;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: inherit;
}
.RDSearch {
  text-align: left;
}
.totplaunch {
  display: block;
}
/*
span#stOTPMedium {
    padding-left: 9px;
}*/

div#passwrd_panel {
  padding-left: 0px;
}
div#secu_panel {
  padding-left: 0px;
}
div#Security {
  overflow-x: hidden;
}
.boxradio {
  width: 200px;
  display: inline-flex;
  height: 60px;
  position: relative;
  margin-top: 7px;
  margin-right: 5px;
}
.totplaunch {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 9pt;
}
.boxradio label {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.boxradio input {
  display: none;
}
.boxradio input:checked + label:before {
  content: '\e935';
  position: absolute;
  top: 0;
  left: 5px;
  font-family: 'qub';
}
.boxradio input:checked + label {
  background: #cdecff;
  border-color: #aedefb;
}
/*div#ExelaAuthOTPenable {
    margin-left: 9px;
}

*/

.boxradio.email label:after {
  font-family: 'qub';
  position: absolute;
  bottom: 0;
  right: 5px;
  content: '\eac5';
  font-weight: bold;
  font-size: 16px;
}
.boxradio.mobile label:after {
  font-family: 'qub';
  position: absolute;
  bottom: 0;
  right: 2px;
  content: '\e961';
  font-size: 16px;
}
.boxradio.totp input:not(:checked) + label:after {
  font-family: 'p2p';
  position: absolute;
  bottom: 0;
  right: 5px;
  content: '\ea67';
  font-size: 12pt;
}
div#TOTP.pf {
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 9;
  left: 3%;
  right: 3%;
  width: 94%;
  top: 50px;
  padding: 10px;
}
div#Authdiv {
  display: none;
}
div#Authdiv.on {
  display: block;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 9;
}
a.crossx.closeotp {
  cursor: pointer;
  position: absolute;
  right: 0px;
  font-size: 20px;
  top: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
}
.boxradio.totp input:checked + label + #totplaunch {
  display: block;
}
#totplaunch {
  display: none;
}
.paddL10 {
  padding-left: 10px;
}
div#divSU {
  display: none;
}
img#ImgProductCustomer {
  margin-top: 20px;
}
/********************************************************************/

.theme1 .SendCell {
  background: #cdecff;
}
.theme2 div#MenuContainer,
.theme3 div#MenuContainer {
  margin-top: 5px;
}
.theme2 body:not(#LogBody) .Imgcusts {
  background: #1277d9;
}
.theme2 #accordion ul:first-child > li > div:hover {
  width: 197px !important;
}
.theme2 #imgUserProfilePic {
  border-radius: 10px !important;
}
.theme2 .current span,
.theme2 .current div.MenuImg:before {
  color: #1277d9 !important;
}
.theme2 li:hover .current span,
.theme2 li:hover .current div.MenuImg:before {
  color: #fff !important;
}
.theme2 #tdMenuLinks:before {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  width: 55px;
  margin-left: 81px;
  margin-top: 1px;
}
.theme2 #accordion li {
  padding: 0px 5px;
  margin: 2px 0px;
}
.theme2 #accordion ul ul li {
  padding: 0px !important;
  width: 197px;
  background: transparent !important;
}
.theme2 .LImg {
  top: 8px;
}
.theme2 #accordion ul li .MuLIHlight .MenuImg:before {
  color: #ffffff !important;
}
.theme2 .top.has-sub > div.current .MenuImg:before {
  color: #333;
}
.theme2 .top.has-sub > div.current + ul li.MuLIHlight {
  background: #f2f2f2 !important;
  width: 197px !important;
}
.theme2 .top.has-sub > div.current {
  background: #f2f2f2 !important;
  width: 214px !important;
}
.theme2 .top.has-sub:hover > div.current {
  background: #08345e !important;
}
.theme2 .top.MuLIHlight > div {
  background: #f2f2f2 !important;
  width: 214px !important;
}
.theme2 #accordion ul li .MuLIHlight span {
  color: #fff;
}
.theme2 #accordion ul li li .MuLIHlight span {
  color: #1277d9;
}
.theme2 #accordion li > div {
  width: 197px;
  border-radius: 15px;
}
.theme2 #accordion ul li li .MuLIHlight .MenuImg:before {
  color: #ffffff;
}
.theme3 #accordion li {
  padding: 0px 5px;
  width: 204px !important;
}
.theme3 #accordion li > div {
  width: 197px !important;
  border-radius: 4px;
  margin-bottom: 3px;
}
.theme3 #accordion ul:first-child > li > div:hover {
  width: 197px !important;
}
.theme3 .top.MuLIHlight > div,
.theme3 .top.has-sub > div.current + ul li.MuLIHlight > div {
  background: #fff !important;
}
.theme3 .top.MuLIHlight > div span,
.theme3 .top.MuLIHlight > div div:before,
.theme3 .top.has-sub > div.current + ul li.MuLIHlight > div div:before,
.theme3 .top.has-sub > div.current + ul li.MuLIHlight > div span {
  color: #333 !important;
}
.theme3 .top.MuLIHlight:hover > div span,
.theme3 .top.MuLIHlight:hover > div div:before,
.theme3 #accordion ul ul li :hover span,
.theme3 #accordion ul ul li :hover div:before {
  color: #fff !important;
}
.theme3 li ul li div.MenuImg:before {
  padding: 0px !important;
}
.theme3 #accordion li ul li {
  width: 197px !important;
  padding-left: 0px !important;
}
.theme3 body:not(#LogBody) .Imgcusts {
  background: #1277d9;
}
#divht {
  font-size: 9.5pt;
}
div#divht .SectionTitle {
  padding-bottom: 5px;
}
table#tblTL {
  font-size: 9.5pt;
  margin: 50px 15px !important;
}
.PageNav::before {
  font-size: 7.5pt;
  vertical-align: middle;
}
.CompressMode .PageNumbers,
.CompressMode .PageNav {
  padding: 3px 8px !important;
}
.CompressMode .GoToPage {
  height: 21px !important;
  display: inline-flex;
  align-items: center;
}
.CompressMode .GoToPage input#txtGoTo {
  height: 18px !important;
  font-size: 9.5pt !important;
}
.CompressMode .bootstrap-select > .dropdown-toggle,
.CompressMode .bootstrap-select.btn-group .dropdown-menu li a span.text {
  font-size: 11.5px !important;
}
.CompressMode span#lblOf {
  vertical-align: text-bottom;
  line-height: 21px !important;
}
.CompressMode .swal-button,
.cpcompress ul#ulDownload li,
.CompressMode ul#ulDownload li {
  height: 27px !important;
  font-size: 11.5px;
}
.CompressMode li.more #overflow li {
  line-height: 27px;
  height: 27px !important;
}
.CompressMode .dropmain > li ul.dropsub li,
.CompressMode .dropmain > li > ul.dropsub li a,
.CompressMode .open .dropdown-menu > li > a,
.CompressMode #insider li,
.CompressMode #insider1 li {
  height: 27px !important;
  line-height: 27px !important;
  font-size: 9.5pt;
}
.CompressMode .drop-nav ul li a {
  font-size: 9.5pt !important;
}
.CompressMode #insider li a,
.CompressMode #insider1 li a {
  height: 22px !important;
  line-height: 22px !important;
  vertical-align: super;
  font-size: 9.5pt;
}
.CompressMode a.boldbuttons,
.CompressMode input.boldbuttons,
.CompressMode button.boldbuttons,
.CompressMode .AppButton,
.CompressMode .AppSecondaryButton,
.CompressMode .alterboldbutton,
ul#nav > li .CompressMode .PrimaryButton {
  height: 27px !important;
  line-height: 15px !important;
  font-size: 11.5px;
}
.CompressMode #TabactionLnks > ul:not(.ficon) > li:not(.more) {
  height: 27px;
  line-height: 12px !important;
  font-size: 11.5px;
}
.CompressMode nav#TabactionLnks > ul > li > a {
  line-height: 12px;
  font-size: 11.5px;
}
.MVMenuLinks {
  padding-top: 3px;
  padding-left: 10px;
}
.dataTables_paginate a {
  font-size: 9pt;
  font-family: 'work sans', 'ep2p';
}
.collpsemenu:before {
  content: '\e94f';
  font-family: qub;
  font-size: 16px;
  color: #333;
  font-weight: normal;
}
button.collpsemenu {
  background: transparent;
  outline: none;
  margin: 0px 10px;
}
div#navbar {
  float: right;
  border: none;
}
.navbar-header {
  float: right;
}
#TabactionLnks > ul.ficon + ul#Primebuttons {
  display: inline-flex;
  order: 2;
  /*margin-right: 25px;*/
  padding: 0;
  padding-left: 10px;
}
#TabactionLnks > ul:not(.ficon) + ul#Primebuttons {
  order: 1;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
#TabactionLnks > ul:not(.ficon) + ul#routeBtns {
  order: 2;
  /*padding-right: 0px !important;*/
  margin-right: 25px;
}
#TabactionLnks > ul#nav:not(.ficon) {
  order: 3;
  padding-left: 0px !important;
}
nav#TabactionLnks {
  display: flex;
}
.Itemicon.Dcuz:before {
  content: "\f080";
  font-family: 'FA';
}
.Itemicon.TLCuz:before {
  content: "\ede5";
  font-family: 'qub';
}
.Itemicon.RepCuz:before {
  content: "\eaaa";
  font-family: 'p2p';
}
.aplinks {
  position: absolute;
  top: 20px;
  right: 0;
}
.aplinks a {
  padding-right: 17px;
}
select#allpopups + .bootstrap-select {
  padding-left: 0px !important;
}
.breadcrumbs div#OrbitMenu {
  display: none !important;
}
div#Aplinks > div {
  float: right;
  vertical-align: middle;
  line-height: 25px;
}
.CompressMode div#divTimo {
  top: -45px !important;
}
#divGVM.TLG #GVM tr:hover,
#divGVM.TLG #TLGVM tr.GridT:hover {
  background: #ddd !important;
  border: 1px solid #ccc;
}
#divGVM.TLG #GVM tr,
#divGVM.TLG #TLGVM tr.GridT {
  background: #eee !important;
  border: 1px solid #ccc;
}
.TLG .imgA:before {
  vertical-align: sub;
}
@media all and (max-width: 768px) {
  .Hpimg {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  span#FAQ {
    visibility: hidden;
  }
}
@media all and (max-width: 822px) {
  .DPimg img,
  div#APanel .DPSub::before {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
iframe#FAframe {
  /*min-height: 240px;*/
  min-height: 175px;
}
.chk_d2 {
  display: flex;
}
@media all and (max-width: 590px) {
  .arrowdiv1 table {
    transform: rotate(90deg);
    position: absolute;
    top: -65px;
    padding-top: 65px;
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
  }
  .arrowdiv2 {
    position: absolute;
    right: calc(-100%);
    top: 0;
    bottom: 0;
  }
  .chk_d2 .Grid_Header {
    position: relative;
  }
  .arrowdiv1 {
    display: inline;
    height: 50px;
    position: relative;
  }
  .Cont_1,
  .chk_d2 {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }
}
@media all and (max-width: 500px) {
  .gridL span#lblPageCount {
    min-width: 110px;
  }
  div#upaydiv div {
    line-height: 25px;
    padding-bottom: 0px !important;
    margin-top: 0px;
    font-family: inherit !important;
  }
  div#upaydiv .row.frow {
    padding-bottom: 0px;
  }
  .gridL span#lblPageCount {
    min-width: 110px;
  }
  .payrm span {
    min-height: auto;
  }
  .payrm.row {
    display: block;
  }
  textarea#payremarks {
    width: 100%;
  }
  div#trActionBtns {
    margin-right: 22px;
    margin-left: 19px;
  }
  nav ul li.more {
    width: 15px;
    text-align: left;
  }
  div#divPagination {
    padding-left: 8px !important;
  }
  #TabactionLnks #nav {
    order: 2;
    padding: 0 !important;
    margin-top: 7px;
    padding-right: 5px !important;
  }
  ul#Primebuttons {
    order: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  ul#routeBtns {
    order: 2 !important;
    padding: 5px 0px !important;
    margin: 0 !important;
  }
  #prfwdigethdr {
    font-size: 8pt !important;
  }
  .secwd100 {
    width: 100%;
  }
  .widicon:before {
    font-size: 27px !important;
  }
  div#prjall {
    width: 80%;
    margin-left: 10%;
  }
  div#ProjectContainer {
    width: 100%;
  }
  .ProjDiv {
    width: 100%;
  }
  .AddDiv,
  .Pro_div {
    width: 100% !important;
  }
  #FlowLayout1 {
    padding-right: 10px;
    background: #f2f2f2;
  }
  #TabactionLnks > ul.ficon + ul#Primebuttons {
    margin-right: 5px;
  }
  .PageNumbers {
    display: none;
  }
  #prj_container,
  #prjall {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
  }
  table#ctl01_CCG tr:not(.ui-sortable-helper):before {
    top: -3px;
  }
  td.GRF.GRFFC .FSDrop {
    margin-bottom: 10px;
  }
  .opvals {
    margin-top: 3px;
  }
  .modal-body > div.longdiv {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .modal-dialog {
    width: 88vw !important;
  }
  a.HomeLink:before {
    content: "\e927";
    font-family: 'qub';
    font-size: 11px;
    font-weight: bold;
  }
  span.sitemapping .s-0,
  span.sitemapping .sm0 {
    font-size: 0;
  }
  .sitemapping .sublinks[title=Invoices]:before {
    content: "\f15c";
    font-family: FA;
    margin-left: 2px;
    font-size: 11px;
  }
  .sitemapping .sublinks[title='Goods Receipts']:before {
    content: "\ea73";
    font-family: p2p;
    margin-left: 2px;
    font-size: 11px;
  }
  .sitemapping .sublinks[title*='Capex']:before {
    content: "\e9b3";
    font-family: p2p;
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title*='Payment']:before {
    content: "\e907";
    font-family: p2p;
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title*='Auctions']:before {
    content: "\e91f";
    font-family: p2p;
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title*='Inventory']:before {
    content: "\ea28";
    font-family: p2p;
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title='Catalogs']:before {
    content: "\ed05";
    font-family: qub;
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title*='Purchase'][title*='Request']:before {
    content: "\f044";
    font-family: FA;
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title*='Purchase'][title*='Order']:before {
    content: "\f114";
    font-family: FA;
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title*='Contract']:before {
    content: "\e9e8";
    font-family: 'qub';
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title*='Shipment']:before {
    content: "\e967";
    font-family: 'p2p';
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title='Check Requests']:before {
    content: "\f155";
    font-family: FA;
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title='Admin']:before {
    content: "\ea99";
    font-family: 'p2p';
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title='Reports']:before {
    content: "\eaaa";
    font-family: 'p2p';
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title='System Logs']:before {
    content: "\eba0";
    font-family: 'p2p';
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  .sitemapping .sublinks[title='Help Center']:before {
    content: "\eba0";
    font-family: 'p2p';
    margin-left: 2px;
    font-size: 11px;
    font-weight: bold;
  }
  div#DivMyContact {
    min-width: 300px;
  }
  div#tblField {
    display: none;
  }
  .aplinks ul {
    display: none;
  }
  .Apmore {
    display: block !important;
    cursor: pointer;
  }
  .aplinks .Apmore:hover + ul,
  .aplinks .Apmore + ul:hover,
  .aplinks .Apmore + ul li:hover {
    display: block;
  }
  .aplinks li {
    display: block !important;
    height: 27px;
    line-height: 27px;
    padding-left: 5px;
  }
  .aplinks ul {
    background: #fff;
    margin: 0;
    padding: 5px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
    position: absolute;
    right: 0;
    width: 200px;
    z-index: 9;
  }
  .aplinks li:hover a {
    color: #fff !important;
  }
  .aplinks li:hover {
    background: #1277d9;
  }
}
.Apmore {
  display: none;
}
a.moreic.Apmore:before {
  content: '\e94f';
  font-family: qub;
  font-size: 14px;
  color: #333;
  font-weight: normal;
}
.aplinks ul li {
  list-style: none;
  display: inline;
}
.scroller.scroller-right {
  padding-top: 12px;
  /*margin-right: -10px;*/
  padding-right: 5px;
  padding-left: 5px;
}
.scroller.scroller-left {
  padding-top: 12px;
  /*margin-left: -10px;*/
  padding-right: 5px;
  padding-left: 5px;
}
.Bon .actionbar {
  display: none;
}
#LMbutton {
  text-align: right;
}
.BoxinnerDiv.PrevDB .chartcanvas {
  width: 100%;
}
.FilterBox {
  margin-bottom: 10px !important;
}
div#TableChart .dataTables_wrapper {
  border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
#DdivChart.TableGrid table {
  border-top: 0;
}
div#FCcontainer > div {
  display: inline-flex;
}
#DdivChart canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
div#FCcontainer input[type=text] {
  height: 30px;
  max-width: 105px;
}
div#commerce span:first-child {
  display: inline-flex;
  padding-right: 10px;
}
div#commerce span:last-child {
  display: inline-flex;
}
.navpills {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  justify-content: flex-end;
}
.wd100 {
  width: 100%;
}
#divinsider.MobInsider ul#insider {
  /*position: fixed;*/
  top: 0px;
  left: calc(-100%);
  width: 300px;
}
#divinsider.MobInsider div#hangtran {
  background: rgba(255, 255, 255, 0.5);
}
html[mobileserve] .menuscroller,
html[mobileserve] .scroller {
  display: none !important;
}
#pullerload {
  position: fixed;
  top: -5px;
  left: calc(50% - 15px);
  z-index: 9;
  height: 35px;
  background: #fff;
  border-radius: 100%;
  display: none;
}
.nowidget {
  line-height: 85px;
  width: 100%;
  text-align: center;
  color: #aaa !important;
}
.widget {
  height: 85px;
  width: calc(100% - 85px);
  text-align: left;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.widicon:before {
  content: attr(data-icon);
  color: #333;
  font-size: 27px;
}
.widicon {
  width: 75px;
  height: 75px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #cdecff;
  margin: 5px;
  border: 1px solid #aedefb;
  border-radius: 4px;
}
.bgwt {
  background: #fff;
}
span.widprice {
  font-family: 'Roboto-bold';
  font-size: 16px;
}
.widprice:before {
  content: attr(data-pref);
  padding-right: 10px;
}
.widget span {
  display: flex;
  align-items: center;
  align-content: space-around;
  text-transform: capitalize;
}
.CompressMode span#lblG {
  line-height: 17px;
}
img#ImgProduct {
  width: 160px;
}
a#tnclnk {
  color: #1277d9;
  margin-left: 10px;
}
.prdtnc {
  padding-top: 20px;
  text-align: justify;
}
ul.SearchList .SearchList {
  padding-left: 0px;
}
.CompressMode .fstResultItem {
  font-size: 11.5px;
  line-height: 27px !important;
  min-height: 27px !important;
}
.CompressMode .fstMultipleMode span.fstResultItem:before {
  margin-top: 5px;
}
.CompressMode .fstControls {
  min-height: 27px;
}
td.GRF.GRFFC span {
  vertical-align: sub;
}
.flex-center {
  align-items: center;
}
.mtop10 {
  margin-top: 10px;
}
.mtop15 {
  margin-top: 15px;
}
.flexwrap {
  flex-wrap: wrap;
}
.mbot5 {
  margin-bottom: 5px;
}
span#lblScreenconfig,
select#ddlDataObject,
.dolinklft {
  display: none;
}
.execopy {
  margin-top: auto;
  text-align: center;
  bottom: 10px;
  font-size: 11.5px;
  padding-top: 30px;
  position: absolute;
  right: 0;
  left: 0;
  font-family: 'work sans';
}
.execopyRegis {
  margin-top: 20px;
  text-align: center;
  bottom: 10px;
  font-size: 9.5pt;
  padding-top: 30px;
  position: absolute;
  right: 0;
  left: 0;
  font-family: 'work sans';
}
.CompressMode div#TLDivs {
  margin-top: 0;
}
div#TLDivs {
  margin-top: 5px;
}
.CompressMode .pagination-ys table > tbody > tr > td > a,
.CompressMode .pagination-ys table > tbody > tr > td > span {
  min-width: 25px;
  height: 25px;
}
.CompressMode tr.pagination-ys td {
  line-height: 25px;
}
label.icspan span {
  padding-left: 10px !important;
}
label.icspan:before {
  width: 20px;
  display: inline-block;
}
.CompressMode .fstElement.fstSingleMode {
  height: 25px;
}
.CompressMode .fstElement.fstSingleMode .fstToggleBtn {
  padding-top: 0px;
  font-size: 11.5px;
}
.CompressMode .fstToggleBtn:after {
  top: 2px;
}
.bggray {
  filter: opacity(0.5);
  pointer-events: none;
}
canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
a.zoombywheel:before {
  content: '\e9a2';
  font-family: 'ep2p';
  color: #333;
  cursor: pointer;
}
a.ZoomOpt:before {
  content: '\off';
  color: #333;
  cursor: pointer;
  font-size: 12px;
  vertical-align: text-top;
}
a.Maximizechart:before {
  content: '\e946';
  font-family: 'ep2p';
  font-size: 16px;
  color: #333;
  cursor: pointer;
}
a.zoombywheel.ZoomOn:before,
a.panbymouse.PanOn:before,
.widiv a.Maximizechart:before {
  color: #1277d9;
}
a.panbymouse:before {
  content: '\ea3b';
  font-family: 'ep2p';
  font-size: 16px;
  color: #333;
  cursor: pointer;
}
a.resetzoom:before {
  content: '\e9a5';
  font-family: 'ep2p';
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.chartoptions a.ZoomIn:before,
.chartoptions a.ZoomOut:before {
  font-size: 14px !important;
}
.chartoptions a {
  padding: 5px;
  border-right: 1px solid #ddd;
  line-height: 14px;
  height: 22px;
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
  color: #333;
}
.chartoptions {
  position: absolute;
  top: 0;
  left: calc(100% - 125px);
  border: 1px solid #ddd;
  border-radius: 4px;
  display: none;
  background: #fff;
}
.chartoptions.DragDiv2 div {
  display: inline-block;
  width: 14px;
  cursor: move;
}
.DragNow2.icdrag:before {
  content: '||';
  vertical-align: middle;
}
.chartoptions a:last-child {
  border: none;
}
.coptoff {
  display: none;
}
.wiopt.chartoptions {
  top: 8px;
  right: 4px;
  bottom: auto;
  left: auto;
}
.CreateWIchart {
  color: #fff !important;
  max-width: 70px !important;
  float: right;
  margin-top: 7px !important;
}
.wiopt.chartoptions[iscreate] {
  right: 90px;
}
.CDivBox:hover .chartoptions,
.wicharts:hover .chartoptions {
  display: block;
}
div#TabChart {
  display: flex;
  flex-wrap: wrap;
}
.widiv {
  width: 100% !important;
  order: 1 !important;
}
.CompressMode .HtmlChart {
  min-height: 400px !important;
}
.chartWrapper {
  position: relative;
}
.chartWrapper > canvas {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.chartAreaWrapper {
  width: 600px;
  overflow-x: scroll;
}
#WList[usertype]:not(.CompressMode) .CompanyPic {
  margin-left: 22px;
}
#WList[usertype='hcm'] div#SecondDiv {
  background: #cdecff;
}
#WList[usertype]:not(.CompressMode) body:not(#LogBody) span.SideCol {
  left: 5px !important;
}
#WList[usertype]:not(.CompressMode) #accordion ul:first-child > li > div:hover,
#WList[usertype]:not(.CompressMode) #accordion,
#WList[usertype]:not(.CompressMode) #accordion li > div,
#WList[usertype]:not(.CompressMode) #FreezingDiv,
#WList[usertype]:not(.CompressMode) #tdMenuLinks,
#WList[usertype]:not(.CompressMode) .Imgcusts,
#WList[usertype]:not(.CompressMode) #accordion li {
  width: 230px !important;
}
#WList[usertype]:not(.CompressMode) div#tdMenuLinks + #FlowLayout,
#WList[usertype]:not(.CompressMode) .SendCell {
  width: calc(100% - 230px) !important;
}
#WList[usertype]:not(.CompressMode) #FlowLayout1[newmenustyle]:not([ms=t]) #MenuContainer ul.sub_menu {
  left: 230px;
}
span.adminic:before {
  content: '\e930';
  font-family: 'qub';
  font-size: 10px;
  border-radius: 100%;
  margin-left: 4px;
  color: #777;
  cursor: pointer;
  vertical-align: middle;
  font-weight: bold;
}
span.adminic {
  z-index: 2;
  position: relative;
  vertical-align: top;
}
a.sublinks[title="Admin"] {
  z-index: 1;
}
.mdPoper .mdppdiv {
  position: fixed;
  z-index: 101;
  background: #fff;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  overflow-y: auto;
  max-height: 90%;
}
.mdPoper ul {
  margin: 0;
  padding: 5px;
}
.mdPoper li {
  height: 30px;
  padding: 0 15px;
}
.mdPoper li:hover {
  background: #1277d9;
}
.mdPoper li:hover a {
  color: #fff;
}
.mdPoper li a {
  line-height: 30px;
  width: 100%;
  display: block;
  color: inherit;
  cursor: pointer;
}
.appexecopy {
  margin-top: auto;
  text-align: center;
  bottom: 0px;
  padding-bottom: 5px;
  font-size: 11.5px;
  position: absolute;
  right: 0;
  left: 0;
  font-family: 'work sans';
  z-index: 5;
  background: #f2f2f2;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 9.5pt !important;
}
.CompressMode .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 11.5px !important;
}
div#footerlogo img {
  max-width: 120px;
}
.MinLeft div#footerlogo img,
#WList[usertype]:not(.CompressMode) .MinLeft div#footerlogo img {
  width: 50px !important;
}
#WList[mobileserve] div#BeforeLoader .p2ppreloader,
#WList[mobileserve] #dummyLoader .p2ppreloader,
#WList[mobileserve] #UpdateProgress3 .p2ppreloader,
#WList[mobileserve] #UpdateProgress6 .p2ppreloader {
  width: 100% !important;
}
#WList[mobileserve] #tblRight #ProcessLoader,
#WList[mobileserve] div#DashBoardLoader #ProcessLoader {
  left: 0px !important;
}
#divGVM.TLG td.dataTables_empty {
  height: auto !important;
}
.gridL #pnlActionButtons {
  padding-top: 5px;
}
#FlowLayout1[newmenustyle][ms=c] #MenuContainer ul.sub_menu {
  max-height: 90%;
  overflow-y: auto;
}
.CompressMode .breadcrumbs ul.Menuselected ul.ULdropdown li,
.CompressMode ul#ulFileTypeB a {
  font-size: 9.5pt !important;
}
#WList[usertype]:not(.CompressMode) #accordion li > div,
#WList[usertype]:not(.CompressMode) #accordion ul ul li {
  height: 47px !important;
}
#WList[usertype]:not(.CompressMode) div.MenuImg {
  line-height: 34px;
  height: 36px;
}
div#HeadBG[hoff] #custlogo {
  height: 0px;
}
.MinLeft .togmenu div#footerlogo img {
  width: 100% !important;
}
#divCP a#btnChangePWD {
  display: inline;
}
html#WList.CompressMode[usertype] body:not(#LogBody) span.SideCol {
  left: 4px;
}
html#WList.CompressMode[usertype] body:not(#LogBody) .CompanyPic {
  margin-left: 25px;
}
.openedhide:before {
  color: #1277d9;
}
.VerticalCenter {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.dataTables_wrapper table.dataTable th.dt-right,
.dataTables_wrapper table.dataTable td.dt-right {
  padding-right: 10px !important;
}
html select.form-control,
html.CompressMode select.form-control,
html .form-control.select_comp,
.CompressMode div#DefaultSettings select {
  padding-right: 17px !important;
}
a.spnfname {
  cursor: pointer;
  color: #1277d9;
}
html:not([mobileserve]) body:not(.toglmenu) span#navicon1.actionoff,
html:not([mobileserve]) body:not(.toglmenu) span#navicon1.actionoff:hover:after {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
div#PDFFileViewer.modal.in .modal-dialog {
  top: auto !important;
  left: auto !important;
}
div#tbButns ul {
  display: flex;
  align-items: center;
}
div#tbButns ul li {
  margin-right: 4px;
}
#divCMain .editic:before {
  content: "?" !important;
  font-family: 'qub' !important;
  font-size: 18px !important;
  text-align: center !important;
}
div.MenuImg[iurl=Inventory]:before {
  content: "\EA28";
  font-family: p2p;
}
div.MenuImg[iurl=Services]:before {
  content: "\eA6E";
  font-family: 'P2P';
}
.Itemicon.POC:before {
  content: "\e94e";
  font-family: 'Qub';
}
.CalendarTime + .Calendaric:before {
  content: '\ea40';
  font-size: 21px;
  font-family: ep2p;
}
.CompressMode textarea {
  line-height: 1;
}
a#TClear,
#TNow {
  line-height: 26px;
  padding: 0 17px;
  cursor: pointer;
  font-family: 'work sans medium';
}
a#TClear {
  float: right;
  padding-right: 10px;
}
input#use_button {
  float: right;
}
.ficon .compareic:before {
  content: '\ea87';
  visibility: visible;
  font-family: 'p2p';
  font-size: 18px;
  cursor: pointer;
}
.DataComparediv {
  position: fixed;
  background: #fff;
  width: calc(100% - 20px);
  height: calc(100% - 1px);
  top: 0;
  z-index: 99999999;
  margin: 10px;
}
div#framediv {
  height: 100%;
}
div#hdcomp {
  padding-right: 10px;
  padding-top: 5px;
  position: absolute;
  right: 20px;
  width: 100%;
  left: 0;
  height: 30px;
}
div#hdcomp .close {
  right: 10px;
  position: absolute;
  top: 5px;
}
div#hdcomp .SectionTitle {
  padding-left: 20px;
  padding-top: 5px;
}
.DataComparediv iframe {
  margin-top: 35px;
}
.ovroff {
  overflow: hidden !important;
}
.PrimaryButton[disabled] {
  background: #d1d1d1 !important;
  border-color: #d1d1d1 !important;
}
div#ctpr {
  word-break: break-word;
}
div.MenuImg[iurl='Bid Invite']:before {
  content: '\e96b';
  font-family: 'qub';
}
span.imgcls[class*='Bids']:before,
span.imgcls.BidInvites:before {
  content: '\e96b';
  font-family: 'qub';
  font-size: 25px;
  font-weight: bold;
}
div#TableChart {
  margin-top: 20px;
}
.ddlDTF {
  width: 100% !important;
}
.CompressMode div#FilterGrid .FSDrop.FSCount:not([data-selected="+0"]):after {
  top: 7px;
}
div#FilterGrid .FSDrop.FSCount:not([data-selected="+0"]):after {
  top: 10px;
  right: 22px;
}
.imgload {
  width: 25px;
}
.CompressMode #sLoad {
  font-size: 9.5pt !important;
}
@media (max-width: 750px) {
  #divPopup.sm-sizefit .modal-dialog {
    width: 95% !important;
    margin: 30px auto;
  }
}
.nav-tabs li:not(:first-child) .silver i {
  margin-left: 10px !important;
}
.ui-datepicker-buttonpane.ui-widget-content {
  cursor: move;
}
.opened-as-popup .sitemapping,
.openedAsPopup .sitemapping,
html.pop .sitemapping {
  display: none;
}
div#ContentDB .modal-body {
  height: 80vh;
  overflow-y: auto;
}
.modal-footer {
  border-color: transparent;
}
.CreateWIchart {
  color: #fff !important;
  max-width: 70px !important;
  float: right;
}
.CompressMode .jqcontextmenu li {
  height: 27px;
  line-height: 27px;
}
.CompressMode .jqcontextmenu li a {
  font-size: 9.5pt !important;
}
.CompressMode span#lblCheader {
  font-size: 9.5pt;
}
.CompressMode span.adclbl {
  font-size: 9.5pt;
}
#HPDiv blockquote {
  padding: 0px !important;
  border: none !important;
  margin: 0px !important;
}
.toastTitle {
  font-family: 'Roboto-Bold';
}
.toastTrans {
  position: fixed;
  background: rgba(255, 255, 255, 0.3);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}
.toastmsg {
  padding: 10px 0px;
}
.wtoast.prdcm .toastindiv {
  background: #fff !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80vh;
  overflow: auto;
  display: block;
  position: absolute;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 7px;
  z-index: 99;
  max-width: 760px;
}
.toastmsg ul li {
  list-style: disc;
}
.timer10 {
  text-align: center;
  font-size: 25px;
}
.wtoast.prdcm .close span {
  top: 0px;
  right: 4px;
}
.wtoast.prdcm {
  background: transparent;
  position: unset;
}
.wtoast.prdcm .toastindiv button.close {
  right: 0px;
}
.toastindiv {
  padding: 15px;
}
.openedAsPopup #menucontainer,
.opened-as-popup #menucontainer,
html.pop #menucontainer {
  display: none;
}
@media all and (max-width: 820px) {
  div#help_BluBG > .PageTitle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div#cat_PrgBlBG > .PageTitle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
html.pop div#aplinksitems {
  top: 13px;
}
html.pop div#aptitle .PageTitle {
  padding-top: 10px;
}
html#PageHtml {
  background: #f2f2f2;
}
.pushedbox {
  background: #e7f6ff;
  position: fixed;
  right: 15px;
  top: 60px;
  min-width: 200px;
  padding: 5px;
  font-size: 9pt;
  border-radius: 4px;
  border: 1px solid #77bce6;
  animation: fadeInRight 0.5s ease-out;
  -webkit-animation: fadeInRight 0.5s ease-out;
  -moz-animation: fadeInRight 0.5s ease-out;
  z-index: 99999999;
}
.widiv a.Maximizechart:before {
  content: '\ea21';
  transform: rotate(90deg);
  display: block;
}
.fstrans {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.CompressMode .fstChoiceItem {
  font-size: 9pt;
  height: 15px;
  vertical-align: top !important;
  line-height: 15px;
}
.CompressMode button.fstChoiceRemove {
  top: 2px;
}
.CompressMode .compress .fstMultipleMode {
  display: inline-block;
}
.CompressMode .FSDrop.FSCount:not([data-selected="+0"]):after {
  top: 0;
}
.appexecopyright {
  z-index: 9;
  position: relative;
  font-size: 9pt;
  text-align: center;
  width: 100%;
  padding-bottom: 5px;
}
#TLC {
  height: 15px;
  z-index: 0;
}
#Tlist {
  padding-bottom: 20px;
}
html#PageHtml form {
  min-height: calc(100% - 6px);
}
#InlinePage #BackDiv,
#tdListing {
  height: calc(100vh - 125px);
}
div#tdListing #divChart {
  min-height: calc(100vh - 125px);
}
html#PageHtml,
html#PageHtml body {
  height: calc(100% - 6px);
}
div#MBSignUp {
  margin-bottom: 50px;
}
.toast-item-wrapper.warning {
  background: #f7f7e7;
  border-color: #e3b73a;
}
.toast-item-wrapper.error {
  background: #fbe7e7;
  border-color: #df9898;
}
#NavSect span#spanUserProfilePic {
  width: 34px;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  margin-top: 3px;
  background: #d6ecf9;
}
#editprofile span#spanUserProfilePic {
  border: 1px solid #84d0ff;
  border-radius: 100%;
  height: 120px;
  width: 120px;
  cursor: pointer;
  background: #d6ecf9;
  display: block;
}
#editprofile span#spanUserProfilePic:before {
  line-height: 120px;
  font-size: 40px;
}
.ficon #tdFileAttach .arrdwn.wt:after {
  right: 8px !important;
}
.ficon #tdFileAttach .drop-nav {
  margin-top: 2px !important;
}
#divC .SectionTitle {
  font-size: 14px;
}
#divC p {
  line-height: 1.75;
}
#divC h3 {
  line-height: 1.2;
}
div#divSaveAs #lblTitle {
  padding-left: 10px;
}
.CompressMode #selddldivassign .fstControls {
  min-height: 24px;
}
/*nav#TabactionLnks li.flic > a, nav#CPTabactionLnks li.flic > a {
    font-family: work sans semibold;
}*/

.addtemplateic.fic:before {
  content: '+';
  font-family: work sans semibold;
  cursor: pointer;
  border: 1px solid #333;
  border-radius: 100%;
  height: 24px;
  width: 24px;
  display: block;
  text-align: center;
  line-height: 20px;
}
/*
.chatbotOpenDiv {
    color: #585858;
    padding: 0px;
    border: none;
    cursor: pointer;
    opacity: 1;
    position: fixed;
    max-width: 100px;
    height: auto;
    z-index: 1;
    width: 55px;
    height: 55px;
    text-align: center;
    top: calc(100vh - 63px);
    left: calc(100% - 60px);
    animation-duration: 0.9s;
    animation-timing-function: cubic-bezier(0.12, 0.15, 0.18, 1.25) ease-in-out;
    animation-name: slideIn;
    background-image: url('https://exelachatbot-dufge8a3aththpcc.z01.azurefd.net/icons/new-icon-white.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    filter: drop-shadow(2px 2px 2px #b0b0b0);
}

.chatbotOpenDiv img {
    padding: 0px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    transition: all 0.9s ease-in-out;
    margin: 5px 0px 0 -2px;
}

.chatbotOpenDiv:hover img {
    transition: 0.9s;
    transform: rotateY(180deg);
}*/

@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
a#scrcmpr:before {
  content: '\e96b';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  margin-right: 10px;
  font-family: 'qub';
  font-size: 24px;
}
#selddldivassign .fstMultipleMode .fstControls:after {
  left: calc(100% - 23px);
}
div#impmark {
  position: fixed;
  top: 0;
  background: #d71996;
  right: 0;
  left: 0;
  height: 5px;
  z-index: 9;
}
#revertoriginal {
  background: none;
  border: none;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.divimppanel {
  background: #d71996;
  position: absolute;
  left: calc(50% - 100px);
  color: #fff;
  padding: 2px 10px;
  width: 200px;
  text-align: center;
  border-radius: 6px;
}
span#spnuserimp {
  padding-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  width: 180px;
}
.modal-footer {
  border: none;
}
a.LogClose.lgx:before {
  content: "\f00d";
  font-family: FA2;
  color: #ff8307;
}
a.LogClose.lgNav:before {
  content: "\e936";
  font-family: Qub;
  color: #ff8307;
}
.li-thumbnail.selected {
  border-color: #1277d9 !important;
}
span.imgcls.Budget:before {
  content: '\ea81';
  font-size: 20px;
  font-weight: bold;
  font-family: Qub;
}
div.MenuImg[iurl='Budget']:before {
  content: '\ea81';
  font-family: Qub;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}
ul#LefMenuUL {
  padding-top: 5px !important;
}
#accordion li > div {
  padding-left: 5px;
}
.custtooltip {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #767676;
  padding: 3px 4px;
  color: #575757;
  font-family: Segoe UI;
  font-size: 11px;
  -moz-box-shadow: 2px 2px 11px #666;
  box-shadow: 5px 3px 3px 0px #8e8e8e;
  white-space: pre-wrap;
  overflow: visible;
  white-space: normal;
  word-spacing: normal;
  z-index: 999999;
}
.tooltip-box {
  position: absolute;
  background-color: #fff;
  border: 1px solid #767676;
  padding: 3px 4px;
  color: #575757;
  font-family: Segoe UI;
  font-size: 11px;
  -moz-box-shadow: 2px 2px 11px #666;
  box-shadow: 5px 3px 3px 0px #8e8e8e;
  white-space: pre-wrap;
  overflow: visible;
  white-space: normal;
  word-spacing: normal;
  z-index: 999999;
}
.infooverlay {
  position: fixed;
  top: 55px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
.infooverlay:target {
  visibility: visible;
  opacity: 1;
}
.infopopup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
  padding: 10px !important;
}
.infopopup h2 {
  margin-top: 0;
  color: #333;
  font-size: 14px !important;
  font-family: 'Roboto-Medium' !important;
}
.infopopup .infoclose {
  position: absolute;
  top: 0;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  font-size: 25px !important;
  cursor: pointer;
}
.infopopup .infocontent {
  max-height: 30%;
  overflow: auto;
}
@media screen and (max-width: 700px) {
  .infopopup {
    width: 70%;
  }
}
.infochart:before {
  content: '\ecf1';
  cursor: help;
  font-family: 'qub';
}
.showchartinfo {
  opacity: 1;
  visibility: visible;
}
.infochart {
  margin: 7px;
  line-height: 38px;
  z-index: 6;
}
.RBIND .infochart {
  color: #333;
  position: absolute;
  top: -10px;
  right: 15px;
  /*z-index: 9;*/
  cursor: pointer;
}
div#pwadiv[desktop] {
  right: -7px;
  left: auto;
  padding-right: 0px !important;
}
div#pwadiv[desktop] #PWA:before {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
div#LUP {
  z-index: 1;
  position: relative;
}
div#RcontextMenu {
  z-index: 9;
  cursor: default;
  border-radius: 4px;
}
div#RcontextMenu li:hover {
  background: #1277d9;
  color: #fff;
}
div#RcontextMenu li {
  width: 50px;
  height: 22px;
  line-height: 22px;
  padding-left: 5px;
}
li#copyAction.disabled,
li#pasteAction.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn_login[disabled] {
  opacity: 0.5;
}
.tlcntr {
  border-radius: 4px;
  margin-bottom: 10px;
}
div#tlCounterDiv {
  padding-left: 17px;
}
div#ConfigChartSettings2 table {
  width: 100%;
  margin-top: 15px;
}
div#ConfigChartSettings2 td:first-child {
  width: 175px;
}
div#tlcounterdiv {
  margin-top: 15px;
}
img.studiohdrimg {
  width: 200px;
}
#tlCounterDiv .widicon[data-icon]:before {
  content: '\eb7b';
  font-family: Qub;
}
#tlCounterDiv .widicon[data-icon="OpenInvoices"]:before {
  content: '\e962';
  font-size: 26px;
}
#tlCounterDiv .widicon[data-icon="OpenInvoicesAmount"]:before {
  content: '\e9b3';
  font-size: 32px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="Avg Invoices per month"]:before {
  content: '\ea3b';
  font-size: 25px;
}
#tlCounterDiv .widicon[data-icon="Avg Invoiced Amount per month"]:before {
  content: '\eb17';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="PaidInvoices"]:before {
  content: '\e91d';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="UnPaidInvoices"]:before {
  content: '\ea7a';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="ConsignmentsReceived"]:before {
  content: '\e922';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="QCAccepted"]:before {
  content: '\ea94';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="ConsignmentsAccepted"]:before {
  content: '\e98a';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="ConsignmentsRejected"]:before {
  content: '\e9a0';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="QCRejected"]:before {
  content: '\ea93';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="QCPending"]:before {
  content: '\ea8d';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="BudgetAllocation"]:before {
  content: '\eb9f';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="FinancialYear"]:before {
  content: '\ea40';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="BudgetUtilization"]:before {
  content: '\e91f';
  font-size: 28px;
  font-family: 'ep2p';
}
#tlCounterDiv .widicon[data-icon="LastYearBudget"]:before {
  content: '\e921';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="PurchasesYTD"]:before {
  content: '\ea81';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="BudgetAvailable"]:before {
  content: '\edd3';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="CapitalBudgetApproved"]:before {
  content: '\ea45';
  font-size: 28px;
  font-family: ep2p;
}
#tlCounterDiv .widicon[data-icon="CapexRequestsRaised"]:before {
  content: '\ed10';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="CapexRequestsApproved"]:before {
  content: '\e972';
  font-size: 28px;
  font-family: ep2p;
}
#tlCounterDiv .widicon[data-icon="CapexRequestsRejected"]:before {
  content: '\ea9f';
  font-size: 28px;
  font-family: ep2p;
}
#tlCounterDiv .widicon[data-icon="CapexRequestsPendingforApproval"]:before {
  content: '\eab4';
  font-size: 28px;
  font-family: ep2p;
}
#tlCounterDiv .widicon[data-icon="CapitalBudgetAvailable"]:before {
  content: '\e9b3';
  font-size: 28px;
  font-family: ep2p;
}
#tlCounterDiv .widicon[data-icon="ActiveContracts"]:before {
  content: '\ea89';
  font-size: 28px;
  font-family: ep2p;
}
#tlCounterDiv .widicon[data-icon="TotalValue"]:before {
  content: '\eb18';
  font-size: 28px;
  font-family: ep2p;
}
#tlCounterDiv .widicon[data-icon="AnnualizedValue"]:before {
  content: '\e91f';
  font-size: 28px;
  font-family: ep2p;
}
#tlCounterDiv .widicon[data-icon="LargestContract"]:before {
  content: '\ea74';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="SmallestContract"]:before {
  content: '\ea74';
  transform: rotate(180deg);
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="AveragedContracts"]:before {
  content: '\ec64';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="POsCreated"]:before {
  content: '\e962';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="POsFulfilled"]:before {
  content: '\e9bd';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="POsCancelled"]:before {
  content: '\e967';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="POsAmended"]:before {
  content: '\ec69';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="Open PRs Count"]:before {
  content: '\ea14';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="Approved PRs Count"]:before {
  content: '\ea39';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="PO Issued"]:before {
  content: '\ea3b';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="PRstoApprove"]:before {
  content: '\eba1';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="PRsWithClarifications"]:before {
  content: '\ec13';
  font-size: 28px;
  font-family: qub;
}
#tlCounterDiv .widicon[data-icon="Open PRs Amount"]:before {
  content: '\eb18';
  font-size: 28px;
  font-family: ep2p;
}
.widprice[data-pref='']:before {
  padding: 0;
}
div#tlCounterDiv .widprice {
  font-family: 'work sans semibold';
  font-size: 16px;
}
div#tlCounterDiv .widcount {
  display: none;
}
.tlcntr {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
div#dynmenus li {
  padding-right: 15px;
  float: left;
}
div#dynmenus li[lnkaction='Bulk Upload'] {
  order: 2;
}
div#dynmenus li[lnkaction='Upload'] {
  order: 1;
}
div#dynmenus li[lnkaction=Create] {
  order: 3;
}
div#dynmenus ul {
  display: flex;
}
span.iconimage.adminiconBig:before {
  content: '\ea8e';
  font-family: 'qub';
  font-size: 60px;
  text-align: right;
  color: #fff;
  text-shadow: 0 2px #1274d3;
}
.DPimg {
  text-align: right;
}
.StudioiconBig:before {
  content: '\ee30';
  font-family: 'qub';
  font-size: 80px;
  text-align: right;
  color: #fff;
  text-shadow: 0 2px #1274d3;
}
a#P2PDesg:before {
  content: '';
  display: inline-block;
  width: 140px;
  height: 34px;
  background: url('../ImagesP/p2pstudio.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  margin-top: -10px;
}
a#P2PDesg {
  font-size: 0;
}
i.ictab.AP-M-MOP:before {
  content: '\e920';
  font-family: p2p;
}
.Itemicon.AP-M-SCLI:before {
  content: '\EA65';
  font-family: ep2p;
  font-weight: bold;
}
.Itemicon.AP-M-MOPI:before {
  content: '\eefc';
  font-family: Qub;
}
.Itemicon.AP-M-CPSI:before {
  content: '\e9a1';
  font-family: p2p;
}
.AP-M-MDataCust:before {
  content: '\ea4d';
  font-family: p2p;
}
.AP-M-Loc:before {
  content: '\e902';
  font-family: p2p;
}
.MDMOff:before {
  content: '\ebc9';
  font-family: 'qub';
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  color: #42525d;
  margin-left: 2px;
}
.MDMON:before {
  content: '\ebc9';
  font-family: 'qub';
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  color: #1277d9;
  margin-left: 2px;
}
.Hpaneldiv [mdu*=MdtextNormal] {
  width: 92% !important;
}
.mddlldrp {
  background-color: #eff9ff !important;
  border-color: #eff9ff !important;
  text-align: center;
}
div#TLGVM_wrapper .dataTables_scrollHeadInner th.sorting_disabled:not(.sorted):not(.RoCell):after,
div#TLGVM_wrapper .DTFC_LeftHeadWrapper th.sorting_disabled:not(.sorted):not(.RoCell):after {
  content: '\e984';
  font-family: ep2p;
  position: absolute;
  right: 0;
  z-index: 9;
  top: 5px;
  color: gray;
}
.FilterOn th.sorting_disabled:after {
  top: 2px !important;
}
div#TLGVM_wrapper .dataTables_scrollHeadInner table thead th.sorting_disabled:not(.sorted):not(.RoCell),
div#TLGVM_wrapper .DTFC_LeftHeadWrapper table thead th.sorting_disabled:not(.sorted):not(.RoCell) {
  position: relative;
}
#HdnOrgWebsite[value=""] + img#OrgProfilePic {
  cursor: default !important;
}
div#chartLinks .RBIND .infochart {
  position: absolute;
  top: -42px;
  right: -5px;
  line-height: 1;
}
i.ictab.AP-M-Products:before {
  content: '\ea4d';
  font-family: 'ep2p';
  font-size: 24px;
}
i.ictab.AP-M-MDataCust:before {
  content: '\ea59';
  font-family: 'qub';
}
#tabchart {
  width: 100% !important;
}
div#tdChart #tabchart {
  /*padding-left: 5px !important;*/
  padding: 0px 15px !important;
}
.tabdiv {
  height: 40px;
}
ul#mdbtablinks li {
  margin-top: 2px;
  margin-left: 0;
  margin-right: 0;
  height: 25px;
  line-height: 25px;
}
ul#mdbtablinks li {
  /*border-bottom: 2px solid #ddd !important;*/
  margin-bottom: 10px;
}
ul#mdbtablinks li a {
  border: none;
  padding: 0px 5px;
}
@media (max-width: 800px) {
  #lnkManageInventory,
  #lnkApproveInventory {
    font-size: 0px;
  }
  a[title='Manage Inventory']:before {
    content: '\EA28';
    font-family: p2p;
    font-size: 18px;
    font-weight: bold;
  }
  a[title='Manage Service']:before {
    content: "\eA6E";
    font-family: 'P2P';
    font-size: 18px;
    font-weight: bold;
  }
  a[title='Approve Service']:before,
  a[title='Approve Inventory']:before {
    content: '\ea50';
    font-family: 'qub';
    font-size: 18px;
    font-weight: bold;
  }
}
.PaddingL4 {
  padding-left: 4px !important;
}
ul#mdbtablinks li.Tab:not(.active) {
  cursor: pointer;
  border-bottom: 1px solid #CCC;
}
#mdbtablinks.nav {
  display: inline-flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  /* border-bottom: 2px solid #ccc;*/

  /* Border under the tabs */

}
#mdbtablinks.nav li {
  padding: 1px 5px;
  cursor: pointer;
  border-radius: 10px 10px 0 0;
  /* Rounded top corners */
  background-color: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid transparent;
}
#mdbtablinks.nav li.active {
  border-bottom: 2px solid #1277d9 !important;
  /* Border color for active tab */

}
#mdbtablinks.nav li.active a {
  color: #1277d9;
}
#mdbtablinks.nav li.Tab:not(.active):hover {
  border-bottom: 2px solid #1277d9 !important;
}
#mdbtablinks.nav li.Tab:not(.active):hover a {
  color: #333 !important;
}
#mdbtablinks.nav li.Tab a {
  line-height: 25px !important;
  min-height: auto !important;
}
.custchartdiv .DCBG .HtmlChart,
.custchartdiv .DCBG .HtmlCharthead {
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.custchartdiv .DCBG .HtmlChart {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.custchartdiv .DCBG .HtmlCharthead {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 0 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 0 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 0 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.menulistUL {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: column;
  width: 270px;
  background: #fff;
}
a#imgTFilter:before {
  content: '\eaad';
  visibility: visible;
  font-family: 'P2P';
  font-size: 18px;
}
.TLCFGrid {
  position: absolute !important;
  top: 100px;
  overflow: auto;
  min-height: 200px !important;
  max-height: 900px !important;
  margin-left: 0px !important;
  width: 620px;
}
.TLCFGrid #divFilterFields div:not(.fstChoiceItem) {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
span#switchacc::after {
  content: "\eaa0";
  font-size: 18px;
  font-family: 'p2p';
  visibility: visible;
  cursor: pointer;
}
span#switchacc:hover:after {
  color: #1277d9 !important;
}
.userorgs {
  z-index: 10;
  top: 44px;
  right: -45px;
  border-radius: 7px;
  min-width: 280px;
  position: absolute;
  background: #fff;
  border: solid 1px rgba(100, 100, 100, 0.2);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  cursor: default;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  animation: slideup 0.05s ease-in-out;
  -webkit-animation: slideup 0.05s ease-in-out;
  -moz-animation: slideup 0.05s ease-in-out;
}
.userorgs li {
  width: 100%;
  cursor: pointer;
  height: 34px;
}
.userorgs ul {
  margin: 0;
  padding: 5px;
}
.userorgs img {
  width: 80px;
  height: 32px;
  margin: 1px 1px;
  background: #fff;
  padding: 1px;
  vertical-align: top;
  border-radius: 3px;
}
.userorgs img[src="imagesp/no.png"] {
  visibility: hidden;
}
.userorgs span {
  line-height: 34px;
  height: 34px;
  display: inline-block;
  width: calc(100% - 90px);
  text-align: left;
  padding: 0px;
  vertical-align: top;
}
.userorgs li:hover {
  background: #1277d8;
  color: #fff;
}
.userorgs li span {
  padding-right: 10px;
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.userorgs li:not([selected]) span:before {
  content: '\e961';
  font-family: 'p2p';
  color: #bbb;
  padding-right: 5px;
}
.userorgs li[selected] span:before {
  content: '\f00c';
  font-family: 'FA2';
  color: #0b4a87;
  padding-right: 5px;
}
.userorgs li[selected]:hover span:before {
  color: #fff;
}
div#ShowingOrgs {
  overflow: auto;
}
.userorgsdiv div {
  height: 46px;
  line-height: 46px;
}
.userorgsdiv div img {
  float: right;
}
.userorgsdiv div:hover {
  cursor: pointer;
  background: #1277d9;
  padding-left: 5px;
  color: #fff;
}
.userorgsdiv div[selected]:before {
  content: '\f00c';
  font-family: 'FA2';
  color: #0b4a87;
  padding-right: 5px;
}
.userorgsdiv div:before {
  content: '\e961';
  font-family: 'p2p';
  color: #bbb;
  padding-right: 5px;
}
.Itemicon.UAM:before {
  content: '\eaa0';
  font-family: p2p;
}
.column-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 5px;
  margin-bottom: 10px;
  cursor: grab;
  transition: background-color 0.3s ease;
  height: 27px;
  line-height: 27px;
  text-align: left;
}
.column-item:hover {
  background-color: #1277d9;
}
.column-item input[type="checkbox"] {
  margin-right: 10px;
}
.column-item label {
  cursor: pointer;
  margin: 0;
}
.drag-handle {
  cursor: grab;
  margin-left: -12px;
  width: 20px;
}
.drag-handle:before {
  content: '||';
  font-size: 18px;
  color: #bbb;
}
.column-item.ui-sortable-helper:hover,
.column-item.ui-sortable-helper:hover *,
.sortplaceholder *,
.sortplaceholder {
  background: #e7f6ff;
  color: #333 !important;
}
.column-item:hover * {
  color: #fff !important;
}
.column-item input[type="checkbox"]:checked + label {
  color: #1277d9;
}
.tempxscroll {
  overflow-x: auto !important;
}
.customize div#divGVM {
  width: calc(100% - 250px);
}
.customize div#CustTitle {
  display: block !important;
  width: 100%;
  text-align: left;
  height: 40px;
  line-height: 35px;
}
.customize div#CustomizeDiv {
  width: 250px;
  display: block !important;
  border-right: 1px solid #74879a;
}
div#divWIListing.customize #TLDivView {
  display: inline-flex;
  width: 100%;
}
div#tlcuzhdr {
  position: fixed;
  background: #fff;
  z-index: 1;
  width: 244px;
}
div#CutomizeTLWidget {
  overflow: auto;
  margin-top: 28px;
  position: fixed;
  width: 243px;
  background: #fff;
}
li.column-item.dimmed {
  opacity: 0.5;
}
ul#filterdrop {
  position: relative;
}
.column-item input[type="checkbox"] {
  position: absolute;
  right: 0;
}
.DTFC_LeftBodyLiner {
  overflow: hidden;
}
.mask-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  /* Dark overlay */
  z-index: 9998;
  pointer-events: auto;
  /* Allows clicking outside to close */
  display: none;
}
.highlight-hole {
  position: absolute;
  background: transparent;
  box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.3);
  /* Creates the masking effect */
  border-radius: 10px;
  /* Optional: rounded corners */
  z-index: 9999;
  /* Ensures it's above the overlay */
  transition: all 0.3s ease;
}
/* Full-screen background mask */

.mask-bgpg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  /* Dark transparent overlay */
  z-index: 9998;
  /* Ensure it is behind the highlighted element */

}
/* Overlay that creates the "hole" effect */

.mask-pg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.3);
  /* Transparent background */
  z-index: 9999;
  /* Ensure it's in front of the page content */
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  /* Initially full screen */
  pointer-events: none;
  /* Prevent interaction with masked content */
  transition: clip-path 0.3s ease;
  /* Smooth transition for clip-path */

}
.capsulecheckbox {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  position: relative;
}
.capsulecheckbox input[type="checkbox"] {
  display: none;
}
.capsulecheckbox .checkmark {
  width: 30px;
  height: 15px;
  background: #ccc;
  border-radius: 15px;
  position: relative;
  transition: background 0.3s ease;
  border: 1px solid #fff;
}
.capsulecheckbox .checkmark::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  transition: left 0.3s ease;
}
.capsulecheckbox input[type="checkbox"]:checked + .checkmark {
  background: #1274d4;
}
.capsulecheckbox input[type="checkbox"]:checked + .checkmark::before {
  left: 18px;
}
ul#filterdrop .checkmark {
  position: absolute;
  right: 0;
}
ul#filterdrop label {
  width: 100%;
  font-size: 9.5pt;
}
.CompressMode ul#filterdrop label {
  font-size: 9pt;
}
div#tlcuzhdr span {
  margin: 10px 0px;
}
a#btnsaveTlCust {
  margin-right: 12px;
}
div.MenuImg[iurl=AdminStudio]:before {
  content: '\ee30';
  font-family: qub;
}
.holdsort .icf {
  visibility: hidden;
}
a#closecuz {
  position: absolute;
  top: 0;
  font-size: 15pt;
  color: #333;
  cursor: pointer;
  width: 24px;
  height: 24px;
  text-align: center;
  z-index: 9;
  right: 5px;
}
div.MenuImg[iurl=FA]:before {
  content: '\ea73';
  font-family: p2p;
  font-size: 16px;
}
div#divtabchartlnk.Singletab ul#mdbtablinks li {
  background: transparent !important;
  color: #333 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0px !important;
  margin: 0 !important;
}
div#divtabchartlnk.Singletab ul#mdbtablinks li a {
  color: #333 !important;
  font-family: 'work sans medium';
}
div#divtabchartlnk.Singletab {
  height: 30px;
}
@keyframes blinkFade {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.blinking-text {
  -o-animation: blinkFade 1s linear 1;
  -webkit-animation: blinkFade 1s linear 1;
  animation: blinkFade 1s linear 1;
  -moz-animation: blinkFade 1s linear 1;
}
div#TLGVM_wrapper.reorder th.sorting_disabled:after {
  visibility: hidden;
}
div#htextdiv {
  margin: 0 !important;
  display: inline-block;
  float: left;
}
th.dt-right div.HD {
  padding-right: 3px;
}
.compress .TLdynwidget .caughtDIv {
  display: flex;
  align-items: center;
  min-height: 441px;
  text-align: center;
  justify-content: space-around;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  position: relative;
}
.TLdynwidget .HText.Notext {
  position: absolute;
  top: 0;
  left: 15px;
}
.compress .TLdynwidget {
  min-height: 442px;
}
.TLdynwidget .caughtDIv {
  display: flex;
  align-items: center;
  min-height: 552px;
  text-align: center;
  justify-content: space-around;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  position: relative;
}
.TLdynwidget {
  min-height: 552px;
}
.imgUserProfilePic {
  z-index: 1;
}
.border-animation {
  position: absolute;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid transparent;
  border-top-color: #1277d9;
  animation: rotateBorder 1s ease-in-out 1;
  z-index: 2;
  margin-top: -5px;
  margin-left: -3px;
  background: #fff;
  opacity: 0;
  transition: all;
}
@keyframes rotateBorder {
  from {
    opacity: 1;
    transform: rotate(0deg);
    display: block;
  }
  to {
    transform: rotate(360deg);
  }
}
div.MenuImg[iurl=TravelRequest]:before {
  content: '\EA7E';
  font-family: qub;
  font-size: 16px;
}
.opac {
  opacity: 0.5;
  cursor: default !important;
}
span#h4txt {
  font-size: 14px;
}
input#pageucount {
  text-align: center;
}
.or-container.gyes {
  visibility: hidden;
  margin-top: 5px !important;
}
#chartLinks h4#HText {
  display: none;
}
.listchoice span {
  vertical-align: sub;
}
.listchoice {
  vertical-align: middle;
  padding-bottom: 10px;
}
.fileaddgroup {
  position: absolute;
  right: 5px;
  top: 5px;
}
ul#divBreadCrumb.tablist {
  top: 5px;
}
.clearboth {
  clear: both;
}
.marbt15 {
  margin-bottom: 15px;
}
.marbt10 {
  margin-bottom: 10px;
}
.pb-5 {
  padding-bottom: 2px;
}
.flipic:before {
  content: '\EC6E';
  font-family: 'qub';
  color: inherit;
  font-size: 16px;
  cursor: pointer;
  visibility: visible;
}
#linelist {
  position: absolute;
  top: auto;
  left: auto;
  right: 20px;
  transform: translate(-20px, -20px);
  width: 250px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 10px;
  z-index: 9999999;
}
#linelist span.hd {
  font-family: 'work sans medium';
  cursor: move;
}
.linelist-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}
.linelist-item:last-child {
  border-bottom: none;
}
.linelist-item a {
  cursor: pointer;
}
.remove-btn {
  background: none;
  border: none;
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
#linelist span.hd:after {
  content: '(' attr(data-count) ')';
  padding-left: 4px;
}
.excelDownloadDataic:before {
  content: '\EA78';
  font-family: 'ep2p';
  color: inherit;
  font-size: 20px;
  cursor: pointer;
  vertical-align: middle;
  visibility: visible;
}
.option-selected:after {
  /*content: '\e968';*/
  font-family: qub;
  position: absolute;
  right: 10px;
}
.plugin-checkbox_options .option input {
  width: 18px !important;
  height: 18px !important;
  vertical-align: bottom;
}
.ts-dropdown .option {
  height: 34px;
}
.option-unselected:after {
  content: '';
}
.ts-control .item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ts-dropdown {
  z-index: 999999 !important;
}
.ts-dropdown .active {
  background-color: #1277d9 !important;
  color: white !important;
}
.ts-dropdown div.option:hover {
  background: #1277d9 !important;
  color: #fff !important;
}
.ts-wrapper:not(.aspNetDisabled) .ts-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: url('https://localhost/P2P/imagesp/ddl_downbp.png');
  background-repeat: no-repeat;
  background-position: calc(97%) center;
  background-size: 12px;
  background-clip: border-box;
  background-origin: padding-box;
  border: 0.8px solid transparent;
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #000;
  width: 100%;
  min-width: 100px;
  height: 21.8px;
  box-sizing: border-box;
  cursor: pointer;
  box-shadow: none;
  outline: none;
}
.ts-wrapper:not(.aspNetDisabled).ddlStyleMulti .ts-control,
.ts-wrapper:not(.aspNetDisabled).tcDDLSelect .ts-control {
  background: none;
}
.ts-dropdown-content {
  position: relative;
}
.ts-wrapper {
  min-width: 125px;
}
span.imgcls.SupplierOnboarding:before {
  content: '\eb19';
  font-family: ep2p;
  font-size: 30px;
  font-weight: bold;
}
#mycounters .icspan[data-icon]:before {
  content: '\eb7b';
  font-family: Qub;
  font-size: 18px;
}
#mycounters .icspan[data-icon="OpenInvoices"]:before {
  content: '\e962';
  font-size: 18px;
}
#mycounters .icspan[data-icon="OpenInvoicesAmount"]:before {
  content: '\e9b3';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="AvgInvoicespermonth"]:before {
  content: '\ea3b';
  font-size: 18px;
}
#mycounters .icspan[data-icon="AvgInvoicedAmountpermonth"]:before {
  content: '\eb17';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="PaidInvoices"]:before {
  content: '\e91d';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="UnPaidInvoices"]:before {
  content: '\ea7a';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="ConsignmentsReceived"]:before {
  content: '\e922';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="QCAccepted"]:before {
  content: '\ea94';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="ConsignmentsAccepted"]:before {
  content: '\e98a';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="ConsignmentsRejected"]:before {
  content: '\e9a0';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="QCRejected"]:before {
  content: '\ea93';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="QCPending"]:before {
  content: '\ea8d';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="BudgetAllocation"]:before {
  content: '\eb9f';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="FinancialYear"]:before {
  content: '\ea40';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="BudgetUtilization"]:before {
  content: '\e91f';
  font-size: 18px;
  font-family: 'ep2p';
}
#mycounters .icspan[data-icon="LastYearBudget"]:before {
  content: '\e921';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="PurchasesYTD"]:before {
  content: '\ea81';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="BudgetAvailable"]:before {
  content: '\edd3';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="CapitalBudgetApproved"]:before {
  content: '\ea45';
  font-size: 18px;
  font-family: ep2p;
}
#mycounters .icspan[data-icon="CapexRequestsRaised"]:before {
  content: '\ed10';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="CapexRequestsApproved"]:before {
  content: '\e972';
  font-size: 18px;
  font-family: ep2p;
}
#mycounters .icspan[data-icon="CapexRequestsRejected"]:before {
  content: '\ea9f';
  font-size: 18px;
  font-family: ep2p;
}
#mycounters .icspan[data-icon="CapexRequestsPendingforApproval"]:before {
  content: '\eab4';
  font-size: 18px;
  font-family: ep2p;
}
#mycounters .icspan[data-icon="CapitalBudgetAvailable"]:before {
  content: '\e9b3';
  font-size: 18px;
  font-family: ep2p;
}
#mycounters .icspan[data-icon="ActiveContracts"]:before {
  content: '\ea89';
  font-size: 18px;
  font-family: ep2p;
}
#mycounters .icspan[data-icon="TotalValue"]:before {
  content: '\eb18';
  font-size: 18px;
  font-family: ep2p;
}
#mycounters .icspan[data-icon="AnnualizedValue"]:before {
  content: '\e91f';
  font-size: 18px;
  font-family: ep2p;
}
#mycounters .icspan[data-icon="LargestContract"]:before {
  content: '\ea74';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="SmallestContract"]:before {
  content: '\ea74';
  transform: rotate(180deg);
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="AveragedContracts"]:before {
  content: '\ec64';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="POsCreated"]:before {
  content: '\e962';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="POsFulfilled"]:before {
  content: '\e9bd';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="POsCancelled"]:before {
  content: '\e967';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="POsAmended"]:before {
  content: '\ec69';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="OpenPRsCount"]:before {
  content: '\ea14';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="ApprovedPRsCount"]:before {
  content: '\ea39';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="POIssued"]:before {
  content: '\ea3b';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="PRstoApprove"]:before {
  content: '\eba1';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="PRsWithClarifications"]:before {
  content: '\ec13';
  font-size: 18px;
  font-family: qub;
}
#mycounters .icspan[data-icon="OpenPRsAmount"]:before {
  content: '\eb18';
  font-size: 18px;
  font-family: ep2p;
}
#TabactionLnks > ul.ficon > li.TLRoute > a {
  visibility: visible !important;
  font-size: 11.5px !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 12px !important;
}
.Itemicon.RepBuilder:after {
  content: "\f589";
  color: #fff;
  font-family: 'bootstrap-icons';
  top: 0;
  right: 2px;
  position: absolute;
  animation: glitch 2s infinite reverse;
}
.Itemicon.RepBuilder:before {
  content: "\ede6";
  font-family: 'qub';
}
span.division4.bigdivsion:before {
  content: "\e9a2";
  font-family: p2p;
  font-size: 16pt;
  border-radius: 100%;
  padding: 5px;
  text-align: center;
  height: 40px;
  width: 40px;
  font-weight: bold;
}
/*li.TLRoute {
    height: 27px !important;
    line-height: 12px !important;
    margin-top: -6px !important;
    font-size: 11.5px;
}*/

.myprotitle {
  font-size: 10.5pt !important;
}
.accInfo {
  margin-left: 10px;
}
.empInfo {
  margin-left: 10px;
}
#Unregister {
  padding: 0px;
}
.rname {
  padding: 5px 15px;
  background: #dae3f3;
  border: 1px solid #dae3f3;
  margin: 10px;
}
#contexttable {
  width: 99%;
  padding-top: 5px;
}
#TableScope .titdiv {
  margin-top: 10px;
}
.qdiv {
  justify-content: center !important;
  margin-bottom: 10px;
}
.tab-content > .active {
  margin-top: 7px;
}
#tdCustomize {
  display: none;
}
#dynmenus ul {
  padding-inline-start: 5px;
}
.subcphead {
  font-family: work sans !important;
  font-size: 13px !important;
}
/* Mobile / iOS Safari: 100vh resolves against the largest viewport, so the
   collapsing browser chrome pushes the listing and back panel below the visible
   area and the inner scroll container never receives a bounded height.
   Resolve against the parent instead and restore momentum scrolling. */

@media only screen and (max-width: 767px) {
  #InlinePage #BackDiv,
  #tdListing {
    height: calc(100% - var(--wil-stack-h, 125px));
    -webkit-overflow-scrolling: touch;
  }
}
/* ============================================================================
   US #68743 - WorkItemListing toolbar: responsive redesign
   Block 1/9 - breakpoint scaffolding. data-bp is written by WILBreakpoint()
   (Script/WorkItemListing.js). SPEC-39 scoping: every selector below begins
   #WI #TableScope, #WI #tdHT, #WI #trActionBtns, #WI #divPagination or
   #WI #TLGCheckAll (single carve-out: the pre-existing grid-height rule at
   the end of this file, SPEC-56, keeps its own #InlinePage #BackDiv,#tdListing
   form). The container at-rule is forbidden (SPEC-4/36/62 - dotless emits zero bytes on it).
   ============================================================================ */

/* ----------------------------------------------------------------------------
   Block 2/9 - header bar #WI #TableScope: content-driven flex row (SPEC-6).
   Bootstrap 3 float/width classes stay in markup (MasterData.aspx and
   ReportExportbyemail.aspx share them without body#WI - F-5) - neutralised
   here by scoped override only.
   ---------------------------------------------------------------------------- */

#WI #TableScope {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
#WI #TableScope[data-bp="phone"],
#WI #tdHT[data-bp="phone"] #TableScope {
  flex-wrap: wrap;
}
#WI #TableScope > .titdiv,
#WI #TableScope > .actionbar {
  float: none;
  width: auto;
  max-width: 100%;
}
/* eyebrow + switcher column: never clipped, shrinks before the action bar does (SPEC-8) */

/* Mockup .m-title{flex:1 1 auto}: the title column takes the free space so the
   action cluster is pushed to the right edge. min-width:0 keeps the ellipsis
   mechanism on li#limain working when space really does run out. */

#WI #TableScope > .titdiv {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  /* BROWSER-OBSERVED (2026-09-11): now that this column grows, its default
       align-items:stretch made ul.Menuselected span the full width, and the
       switcher caret (ul.Menuselected:after, positioned at left:calc(100%-15px))
       drifted to x=1110 - far from the title it belongs to. The mockup keeps the
       caret against the name (.m-switch is inline-flex with an 8px gap). Hug the
       content instead of stretching. */
  align-items: flex-start;
}
/* SPEC-7: lblHT1 renders as an eyebrow label above the listing switcher at
   desktop/tablet, hidden at phone. .breadcrumbs precedence (P2P.less:28832)
   is unaffected - this rule only adds presentation, it does not touch display
   under .breadcrumbs. */

#WI #TableScope > .titdiv > .displayflex.PageTitle {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  /* clip to the title column so the switcher ellipsises instead of overflowing into the action bar (owner 2026-09-25) */

}
#WI #TableScope > .titdiv #lblHT1.Tltitle {
  order: -1;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.7;
  margin-bottom: 2px;
}
#WI #tdHT[data-bp="phone"] #lblHT1.Tltitle {
  display: none;
}
/* SPEC-8: switcher sizing - full name at desktop, ellipsis under pressure */

#WI #TableScope ul.Menuselected {
  display: flex;
  min-width: 0;
  flex: 0 1 auto;
}
#WI #TableScope ul.Menuselected li#limain {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* BROWSER-OBSERVED FIX (2026-09-11): this cap was 45% of ul.Menuselected, not of
   the available toolbar space, so it truncated unconditionally. Measured at a
   1036px viewport: li#limain clamped to 78px while its scrollWidth was 174px and
   the toolbar still had ~460px free - the listing name rendered as "All Inv...".
   A fixed percentage cannot express "only shrink under pressure". The flex chain
   already does that correctly: li#limain carries min-width:0 + overflow:hidden +
   text-overflow:ellipsis (:33465), so it ellipsises exactly when flex actually
   squeezes it and stays full-length when it does not. Cap removed; phone keeps
   the same behaviour through the same mechanism. */

/* action bar: claims remaining space, row-reverse wrap only when it must (SPEC-6) */

/* BROWSER-OBSERVED FIX (2026-09-11) - match the approved mockup (mockup-v4.html
   .m-title / .m-actions). The artifact gives the TITLE the free space
   (.m-title{flex:1 1 auto}) and lets the actions hug their content
   (.m-actions{flex:0 0 auto}), so the controls sit against the right edge. This
   block had it inverted: the action bar grew and the controls stayed pinned
   left, leaving ~694px of dead space at 1600px - measured, controls ended at
   x=896 inside a bar running to x=1590.
   row-reverse is also dropped: it was inherited from the legacy float bar, and
   with it the DOM order (filters, search, create, kebab) reads right-to-left.
   The mockup orders the cluster search -> filters -> Create -> kebab, so set it
   explicitly with `order` instead of relying on source order. */

#WI #TableScope > .actionbar {
  display: flex;
  flex: 0 0 auto;
  min-width: 0;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
#WI #TableScope > .actionbar > #tdQSearch {
  order: 1;
}
#WI #TableScope > .actionbar > #tdShowfilters {
  order: 2;
}
#WI #TableScope > .actionbar > #tdCreateMenu {
  order: 3;
}
#WI #TableScope > .actionbar > #tdMore {
  order: 5;
}
#WI #tdHT[data-bp="phone"] #TableScope > .actionbar {
  flex-basis: 100%;
  justify-content: flex-start;
}
/* ----------------------------------------------------------------------------
   Block 3/9 - search cluster (SPEC-9, SPEC-10). Desktop 260px, tablet 200px,
   phone hidden-until-activated overlay via the additive class .m-expanded
   (Script/WorkItemListing.js WILInitSearchToggle, C4).
   ---------------------------------------------------------------------------- */

#WI #TableScope #tdQSearch {
  display: flex;
  align-items: center;
}
#WI #TableScope #tdQSearch input#txtQSearch {
  width: 260px;
}
#WI #tdHT[data-bp="tablet"] #TableScope #tdQSearch input#txtQSearch {
  width: 200px;
}
/* BROWSER-OBSERVED FIX (2026-09-11) - this was a DEADLOCK: search was entirely
   unreachable at phone width. The rule here was `display:none` on #tdQSearch,
   transcribed from the mockup where .m-search-field hides and a SEPARATE
   .m-search-toggle button appears. The real markup has no separate toggle - the
   magnifier a#btnQSearch lives INSIDE #tdQSearch - so hiding the container also
   hid the only control that can add .m-expanded, and nothing could ever re-open
   it. Measured at 420px: #tdQSearch 0x0 and btnQSearch not visible, with no
   other way to search.
   Collapse to the magnifier instead of hiding the container: keep #tdQSearch
   laid out, drop only the text input until .m-expanded is set by
   WILInitSearchToggle (Script/WorkItemListing.js:5347). */

#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch {
  display: flex;
  align-items: center;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch:not(.m-expanded) input#txtQSearch {
  display: none;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch:not(.m-expanded) #divtdQSearch {
  border: none !important;
  background: transparent;
  padding: 0;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch.m-expanded {
  display: flex;
  position: absolute;
  left: 12px;
  right: 12px;
  top: 8px;
  height: 36px;
  z-index: 15;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch.m-expanded input#txtQSearch {
  display: block;
  width: auto;
  flex: 1 1 auto;
}
/* SPEC-10: filters trigger moved into the search cluster; text hidden (never the
   anchor) at tablet/phone so the server-set accessible name survives */

#WI #TableScope #tdShowfilters {
  display: flex;
  align-items: center;
}
#WI #tdHT[data-bp="tablet"] #TableScope #tdShowfilters a#lnkShowFilters,
#WI #tdHT[data-bp="phone"] #TableScope #tdShowfilters a#lnkShowFilters {
  font-size: 0;
}
/* BROWSER-OBSERVED FIX (2026-09-11): this rule set only font-size, so with the
   label suppressed above there was NO glyph at all - getComputedStyle reported
   content:none and font-family:"work sans", and the button rendered as a blank
   22x30 box with an orphaned count badge. The icon codepoint lives in the 'P2P'
   icon font and was only ever supplied by the @media (max-width:768px) rule at
   :24803, which does not apply at these breakpoints (they key on measured
   CONTENT width, not viewport). Supply content + font-family here. */

#WI #tdHT[data-bp="tablet"] #TableScope #tdShowfilters a#lnkShowFilters:before,
#WI #tdHT[data-bp="phone"] #TableScope #tdShowfilters a#lnkShowFilters:before {
  content: '\eaad';
  font-family: 'P2P';
  visibility: visible;
  font-size: 16px;
}
#WI #TableScope #tdShowfilters a#lnkShowFilters[data-count]:after {
  content: attr(data-count);
  font-size: 11px;
  margin-left: 4px;
}
/* Create trigger; #dynmenus is nested inside it so the panel can anchor to the
   button rather than to the whole action bar (mockup-v4 .m-create.m-has-menu). */

#WI #TableScope #tdCreateMenu {
  position: relative;
  display: flex;
  align-items: center;
}
/* BLOCK-3 remediation (architecture-verify.md, code-review iteration 3):
   #dynmenus (the Create panel WILInitMenuPanel('btnCreateMenu', 'dynmenus')
   toggles) previously had NO default-hidden CSS rule at all - the inline
   panel.style.display='none' written once on init by WILInitMenuPanel was
   the ONLY thing keeping it closed. Now that the writes are gone, CSS must
   own both the closed and open state. #dynmenus is a sibling of #tdCreateMenu
   (not a descendant, unlike #tdMorePanel/#overflow), so the reveal rule uses
   the adjacent-sibling combinator and keys off .wil-open on #tdCreateMenu -
   the trigger's own container (SPEC-13 security clause). */

#WI #TableScope #dynmenus {
  display: none;
}
#WI #TableScope #tdCreateMenu.wil-open #dynmenus {
  display: block;
}
#WI #TableScope #tdCreateMenu:not(:has(#dynmenus li)) {
  display: none;
}
/* BROWSER-OBSERVED FIX (2026-09-11): opening Create laid the four entries out
   as an inline 458px row inside the toolbar (legacy div#dynmenus ul{display:
   flex} + li{float:left} at :32008), which shoved the action bar sideways.
   The approved design (mockup-v4 .m-menu / .m-menu-r) is a right-aligned
   dropdown panel under the button. Re-home the list as a stacked panel. */

#WI #TableScope #tdCreateMenu #dynmenus {
  position: absolute;
  top: calc(106%);
  right: 0;
  left: auto;
  z-index: 20;
  min-width: 230px;
  padding: 6px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
  text-align: left;
  font-size: 13.5px;
  font-weight: 400;
}
#WI #TableScope #tdCreateMenu #dynmenus ul {
  display: block;
  margin: 0;
  padding: 0;
  padding-inline-start: 0;
  list-style: none;
}
#WI #TableScope #tdCreateMenu #dynmenus li {
  float: none;
  display: block;
  padding: 0;
  width: 100%;
}
#WI #TableScope #tdCreateMenu #dynmenus li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 4px;
  white-space: nowrap;
  text-decoration: none;
}
#WI #TableScope #tdCreateMenu #dynmenus li a:hover {
  background: #eef4ff;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdCreateMenu a#btnCreateMenu {
  font-size: 0;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdCreateMenu a#btnCreateMenu:before {
  content: "+";
  font-size: 16px;
}
/* ----------------------------------------------------------------------------
   Block 4/9 - the (kebab) overflow menu #tdMore / #tdMorePanel (SPEC-13).
   Closed state is display:none (never visibility/opacity/height) so contents
   leave the tab ring (R-17). #tdbtnGo is authored once inside the panel and
   promoted to the toolbar line at desktop via display:contents (F-9, A-M:
   #tdbtnGo's own padding/background is re-homed onto its anchors below).
   ---------------------------------------------------------------------------- */

#WI #TableScope #tdMore {
  position: relative;
  display: flex;
  align-items: center;
}
#WI #TableScope #tdMorePanel {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 20;
  min-width: 220px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 6px 0;
  display: none;
}
/* BLOCK-3 remediation (architecture-verify.md, code-review iteration 3):
   #tdMorePanel previously had NO CSS-driven closed state at all - it relied
   solely on the inline style="display:none" baked into the markup plus the
   matching panel.style.display writes in WILInitMenuPanel (Script/
   WorkItemListing.js). Now that WILInitMenuPanel no longer touches
   panel.style.display, CSS keyed on .wil-open (written to #tdMore, the
   trigger's own container - SPEC-13 security clause) is the only thing that
   opens it. */

#WI #TableScope #tdMore.wil-open #tdMorePanel {
  display: block;
}
#WI #TableScope #tdMorePanel .wilmore-heading {
  font-size: 11px;
  text-transform: uppercase;
  opacity: 0.6;
  padding: 6px 14px 2px;
}
#WI #TableScope #tdMorePanel .wilmore-tools-heading {
  display: none;
}
#WI #tdHT[data-bp="tablet"] #TableScope #tdMorePanel .wilmore-tools-heading,
#WI #tdHT[data-bp="phone"] #TableScope #tdMorePanel .wilmore-tools-heading {
  display: block;
}
#WI #TableScope #tdMorePanel > div {
  padding: 4px 14px;
}
/* #tdbtnGo is a sibling of #tdMorePanel inside #tdMore (not nested inside the
   panel) - display:none on a closed #tdMorePanel cannot be escaped by a
   descendant's own display:contents, so promoting #tdbtnGo onto the desktop
   toolbar line requires it to sit outside the panel's own box. At desktop it
   is always visible, styled as toolbar icons; at tablet/phone it is hidden
   unless #tdMore carries .wil-open (written by WILInitMenuPanel to #tdMore
   itself only, never to a member's gate element - SPEC-13 security clause),
   in which case it renders as part of the open dropdown, after the panel. */

#WI #TableScope #tdbtnGo {
  display: flex;
  gap: 4px;
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdbtnGo a {
  padding: 6px;
}
#WI #tdHT[data-bp="tablet"] #TableScope #tdbtnGo,
#WI #tdHT[data-bp="phone"] #TableScope #tdbtnGo {
  display: none;
}
#WI #tdHT[data-bp="tablet"] #TableScope #tdMore.wil-open #tdbtnGo,
#WI #tdHT[data-bp="phone"] #TableScope #tdMore.wil-open #tdbtnGo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 14px;
  position: absolute;
  top: calc(101%);
  right: 0;
  min-width: 220px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  z-index: 20;
}
/* ----------------------------------------------------------------------------
   Block 5/9 - action row #WI #trActionBtns (SPEC-16, SPEC-18, SPEC-19, SPEC-22,
   SPEC-24). Selection actions left, navigation right at desktop/tablet; wraps
   to two lines at phone with the pager on its own line (SPEC-31/37). DOM order
   (ul#Primebuttons -> ul#routeBtns -> ul#nav, see plan Sec.5.4/9.2 A-B) is now
   the sole ordering mechanism for the three <ul>s - see the retirement block
   further down for what neutralises the old order:N stylesheet rules.
   ---------------------------------------------------------------------------- */

#WI #trActionBtns {
  width: 100%;
}
#WI #trActionBtns .TdActions {
  width: 100%;
}
#WI #trActionBtns #pnlActionButtons {
  width: 100%;
}
#WI #trActionBtns #actionLnks {
  width: 100%;
}
#WI #trActionBtns nav#TabactionLnks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
#WI #trActionBtns[data-bp="phone"] nav#TabactionLnks {
  flex-direction: column;
  align-items: stretch;
}
#WI #trActionBtns ul#Primebuttons,
#WI #trActionBtns ul#routeBtns,
#WI #trActionBtns ul#nav {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#WI #trActionBtns[data-bp="phone"] ul#Primebuttons,
#WI #trActionBtns[data-bp="phone"] ul#routeBtns,
#WI #trActionBtns[data-bp="phone"] ul#nav {
  flex-wrap: wrap;
}
/* SPEC-22 / owner (2026-09-24): the selected count is plain text ABOVE the panel,
   flush with its right edge - not a chip among the buttons. The li keeps its place
   in ul#Primebuttons (UICheck toggles its inline display) and is taken out of flow;
   #trActionBtns is its containing block, which is why #pnlActionButtons' legacy
   position:relative is reset (no absolute descendant relies on it - probed). The
   toolbar's right cluster ends 17px above the panel at desktop (Create bottom 113,
   panel top 130), so a 12px line with a 3px gap sits between them. At phone the
   toolbar icons end 3px above the panel and the selection line is full: hidden.
   Legacy chrome being reset: #TabactionLnks > ul:not(.ficon) > li:not(.more) (border,
   white background, 34px, pink text, padding 7px 9px, margin 2px, min-width 60px) and
   .CompressMode's 27px / line-height 12px !important. */

#WI #trActionBtns {
  position: relative;
}
#WI #trActionBtns #pnlActionButtons {
  position: static;
}
#WI #trActionBtns li#liWISelCount {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin: 0 0 3px;
  display: block;
  float: none;
  height: auto;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 12px;
  line-height: 12px !important;
  color: #42525d;
  white-space: nowrap;
}
#WI #trActionBtns li#liWISelCount span#WISelCount {
  white-space: nowrap;
}
#WI #trActionBtns li#liWISelCount span#WISelCount b {
  font-weight: 600;
  color: #333333;
}
#WI #trActionBtns[data-bp="phone"] li#liWISelCount {
  display: none !important;
}
/* SPEC-18: Open/Download/Export per breakpoint. Desktop: full presentation.
   Tablet: Download icon-only, Export icon+caret. Phone: Export moves into the
   overflow (SPEC-20) so no phone-specific rule is needed here for it. */

#WI #trActionBtns[data-bp="phone"] li#tdWebDownload {
  font-size: 0;
}
/* BROWSER-OBSERVED FIX (2026-09-16): this rule set only the SIZE of a glyph
   that was never declared. li#tdWebDownload has no ::before of its own - the
   legacy download glyph lives on .webdownloadic (cssp/P2P.less:26279), a class
   this li does not carry - so `font-size: 0` above erased the "Download" label
   and left an outlined button containing nothing but its caret. Measured at
   1036px: 60x27, font-size 0, ::before content `none`. Declare the glyph. */

#WI #trActionBtns[data-bp="phone"] li#tdWebDownload:before {
  content: '\ea75';
  font-family: 'p2p';
  visibility: visible;
  font-size: 16px;
}
/* SPEC-19: bulk-action pills in ul#nav, icon-only at tablet by default
   (promoted from the old .ficon-only treatment - SPEC-24). */

#WI #trActionBtns[data-bp="tablet"] ul#nav > li a {
  font-size: 0;
}
#WI #trActionBtns[data-bp="tablet"] ul#nav > li a:before {
  font-size: 16px;
}
/* SPEC-20: phone overflow is a JS move (Script/WorkItemListing.js
   TLMnavigationResize), never a CSS hide - deliberately NO rule here hides
   `#nav > li:not(.more)` at any breakpoint (that prohibition is the whole
   point of SPEC-20; see the addendum B-1/B-2 for why).
   BLOCK-2 remediation (architecture-verify.md, code-review iteration 1): the
   `li.more{position:relative}` + `#overflow{position:absolute}` pair below
   was DELETED rather than adding position - #overflow's containing block
   must stay the viewport (nav #overflow{position:fixed}, cssp/P2P.less:16710)
   because Script/WorkItemListing.js:5219-5221/5258-5260 compute
   Nav.getBoundingClientRect().left, a viewport-relative coordinate, and were
   not changed to match. Re-introducing position:relative/absolute here would
   silently displace the panel off-screen at phone width again. */

#WI #trActionBtns #overflow {
  z-index: 20;
  min-width: 200px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.12s ease 0.2s, visibility 0s linear 0.32s;
  flex-direction: column;
}
#WI #trActionBtns #overflow::before {
  content: "";
  position: fixed;
  left: var(--wil-bridge-left, 0);
  top: var(--wil-bridge-top, 0);
  width: var(--wil-bridge-width, 0);
  height: var(--wil-bridge-height, 0);
}
/* Owner (2026-09-28): honest-measure hook for WILRepositionOverflow - same technique
   as #tdMorePanel's .wilmore-measuring. Forces the panel visible OFF-SCREEN so
   Ovr.offsetWidth reflects its real rendered width instead of the 0 a display:none
   panel reports, without it ever flashing at the wrong spot. */

#WI #trActionBtns #overflow.wiloverflow-measuring {
  display: flex !important;
  visibility: hidden !important;
  left: -9999px !important;
  top: 0 !important;
  pointer-events: none !important;
}
/* BLOCK-3 remediation (architecture-verify.md, code-review iteration 3):
   #overflow is hidden by opacity/visibility (nav #overflow, cssp/P2P.less
   ~16707) as well as by the display:none above - both mechanisms must be
   reversed here, for both routes. OWNER RULING 2026-09-11: hover stays (this
   is desktop mouse support, not a defect) - tap/.wil-open is additive, not a
   replacement. No !important: specificity (3,2,1) already beats the
   opacity/visibility default's (1,0,1) and the display:none default's
   (3,0,0). */

#WI #trActionBtns li.more:hover #overflow,
#WI #trActionBtns li.more.wil-open #overflow {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
/* SPEC-37: #TLGCheckAll - phone only, leads the line (Block 7/9). */

#WI #TLGCheckAll {
  display: none;
  align-items: center;
  gap: 8px;
}
#WI #trActionBtns[data-bp="phone"] #TLGCheckAll {
  display: flex;
  order: -1;
}
/* ----------------------------------------------------------------------------
   Block 6/9 - pager #WI #divPagination (SPEC-31 to SPEC-37). Desktop/tablet:
   right-hand cluster sharing the action row. Phone: own line (SPEC-31,
   SPEC-37; AC-4). wilpgout is the single additive class token that hides a
   PageNumbers anchor outside the visible window (SPEC-32/R-10) - the anchor
   set itself is never touched, only this one class.
   ---------------------------------------------------------------------------- */

#WI #trActionBtns[data-bp="phone"] #divPagination {
  margin-left: 0;
  width: 100%;
  order: 2;
  flex-basis: 100%;
}
/* SPEC-32: windowed page numbers, desktop only. wilpgout hides the anchor;
   .CurrentPage never carries it (enforced in JS, WILPagerWindow). */

#WI #divPagination a.PageNumbers.wilpgout {
  display: none;
}
#WI #trActionBtns[data-bp="phone"] #divPagination a.PageNumbers {
  display: none;
}
#WI #TableScope a:focus-visible,
#WI #trActionBtns a:focus-visible,
#WI #trActionBtns li[tabindex]:focus-visible,
#WI #divPagination a:focus-visible,
#WI #TLGCheckAll :focus-visible {
  outline: 2px solid #1a73c7 !important;
  outline-offset: 1px;
}
#WI #TableScope [role="menuitem"]:focus-visible,
#WI #TableScope [role="button"]:focus-visible,
#WI #TableScope button:focus-visible,
#WI #trActionBtns [role="button"]:focus-visible {
  outline: 2px solid #1a73c7 !important;
  outline-offset: 1px;
}
/* ----------------------------------------------------------------------------
   Block 9/9 - state overlays (SPEC-46 to SPEC-51). Re-expressed under the new
   scope; the toolbar keeps its breakpoint layout unchanged under each state.
   ---------------------------------------------------------------------------- */

/* SPEC-46/47: advanced search open (top-docked or left-docked). The
   breakpoint argument below is unaffected and stays true: #TableScope's
   flex/min-width:0 chain (Block 2/9) already lets the action bar shrink
   without a window resize, so WILBreakpoint()'s ResizeObserver on
   #tdHT/#trActionBtns (whose own box shrinks when the panel docks) picks the
   new breakpoint up unaided - no additional selector is needed for THAT.
   But SPEC-46/47 also require the three `.CLlayout(.lftLayout).fon` layout
   rules (cssp/P2P.less:19067 2nd selector, :19154, :19160, :19177, :19182,
   :19186 - untouched, still match `div.upWILising.CLlayout(.lftLayout).fon`)
   to be re-expressed under the new #WI-anchored scope, not dropped
   (SPEC-46's "Must remain true" clause) - the comment previously here
   substituted the breakpoint argument for that and left the obligation
   unmet (Stage 4c architecture verification, UNVERIFIED finding,
   code-review iteration 1). `.CLlayout`/`.fon`/`.lftLayout` are written to
   `div.upWILising` (WorkItemListing.aspx:94), a DESCENDANT of body#WI, never
   to #WI itself - `#WI.CLlayout.fon` is dead as written (SPEC-39 citation
   correction) - so the re-expression uses the DOM-exact descendant form
   ruled on 2026-09-11 (post-lock corrective P5, authority: the author of
   the scoping rule in design-input Sec.4.4): qualifiers between #WI and the
   anchor ID are permitted; :has() was rejected to avoid being the sole
   :has() dependency in this stylesheet. Specificity note: these rules score
   higher than the legacy unscoped rules on ID count alone (SPEC-39 anchor),
   so they always win regardless of source order - the legacy rules are left
   untouched (never deleted; they still apply, harmlessly, to whatever
   thinner match set remains once this file's other pages are considered,
   per the amended predicate's own reasoning at SPEC-39). */

#WI .upWILising.CLlayout.fon #TableScope {
  width: 300px;
  display: flex;
  background: #fff;
  margin-top: 0px;
}
#WI .upWILising.CLlayout.fon #TableScope > div {
  width: 100%;
  box-shadow: 0 -2px 2px rgba(204, 197, 185, 0.5);
  padding-right: 23px;
}
#WI .upWILising.CLlayout.fon #tdHT #RtTablnk {
  padding-right: 8px;
}
#WI .upWILising.CLlayout.lftLayout.fon #tdHT #RtTablnk {
  padding-left: 10px;
  padding-right: 12px;
  display: inline-flex;
}
#WI .upWILising.CLlayout.lftLayout.fon #TableScope > .titdiv {
  display: flex;
  order: 2;
}
/* SPEC-49: breadcrumbs / site map on - eyebrow absent, no reserved space.
   Precedence is kept by the pre-existing .breadcrumbs span#lblHT1.Tltitle
   rule (cssp/P2P.less:28832, unqualified selector, outside this work's
   scope); #WI #TableScope's own PageTitle column has no fixed height
   reserved for the eyebrow, so no gap is left when that rule hides it. */

/* SPEC-48: filters applied - #TableScope.Bon presentation preserved at all
   three breakpoints, including when the trigger is icon-only (SPEC-10). */

#WI #TableScope.Bon #tdShowfilters a#lnkShowFilters {
  font-weight: 600;
}
/* SPEC-24: Icon Mode maps to the tablet layout at every content width. */

#WI #tdHT #TableScope.ficon > .actionbar,
#WI #trActionBtns #nav.ficon {
  font-size: inherit;
}
#WI #tdHT #TableScope.ficon #tdShowfilters a#lnkShowFilters,
#WI #trActionBtns #nav.ficon > li > a {
  font-size: 0;
}
/* BROWSER-OBSERVED FIX (2026-09-11): same defect as the data-bp rule above, and
   it bites at DESKTOP width. With Icon Mode on, the rule above suppresses the
   label at every width, but this ::before supplied only a size - no content and
   no font-family - so at desktop (where the data-bp tablet/phone rule does not
   match) the button rendered as a bare count badge with no funnel glyph.
   Measured: content:none, font-family "work sans". #nav's items are excluded
   from the content/font here because each carries its own .*ic glyph class. */

#WI #tdHT #TableScope.ficon #tdShowfilters a#lnkShowFilters:before {
  content: '\eaad';
  font-family: 'P2P';
  visibility: visible;
  font-size: 16px;
}
#WI #trActionBtns #nav.ficon > li > a:before {
  font-size: 16px;
}
/* BROWSER-OBSERVED FIX (2026-09-11). This user runs Icon Mode
   (CompressModeJson "compress,icon"), so #TableScope carries .ficon and the
   legacy rule #TableScope.ficon .actionbar > div.flic a:before (:26111) sets
   the icon to display:block. A block ::before pushes the label onto a second
   line: measured, a#btnMore and a#lnkShowFilters were 60px tall inside a row
   of 30px controls, with "More" stacked under the kebab glyph. Keep the glyph
   inline so the button is one line high. */

#WI #tdHT #TableScope.ficon > .actionbar > div.flic a:before {
  display: inline-block;
  vertical-align: middle;
}
/* Icon Mode means icon-only, so drop the kebab's "More" label - it has a real
   glyph (.moreic, P2P font) to fall back on. a#btnCreateMenu is NOT included:
   measured, its ::before content is `none`, so suppressing its label would
   render an empty button. */

#WI #tdHT #TableScope.ficon #tdMore a#btnMore {
  font-size: 0;
}
#WI #tdHT #TableScope.ficon #tdMore a#btnMore:before {
  font-size: 20px;
}
/* SPEC-51: Compress Mode height re-expression. UNBLOCKED 2026-09-11 by
   post-lock corrective amendment 2 to SPEC-39 (ancestor qualifiers permitted
   before the #WI #(...) anchor, authority: the author of the scoping rule in
   design-input Sec.4.4). `.CompressMode` is written on <html>, an ANCESTOR of
   body#WI; the amended predicate admits an ancestor qualifier in front of
   #WI provided the anchor stays present and unbroken, so
   `html.CompressMode #WI #TableScope ...` / `#WI #divPagination ...` are
   compliant. SPEC-9 retired the #WI-scoped .fexpnd hover-expand mechanism
   that the original unscoped rule (`.CompressMode div#tdQSearch.fexpnd`,
   cssp/P2P.less ~24784, untouched) depended on for this page - #tdQSearch is
   now unconditionally visible at desktop/tablet and toggled by .m-expanded
   at phone (SPEC-9), so the re-expressed rule targets #tdQSearch directly,
   dropping the retired .fexpnd qualifier. The pager rule
   (`.CompressMode .GoToPage input#txtGoTo`, cssp/P2P.less ~17242, untouched)
   carried no .fexpnd dependency and is re-expressed unchanged but for the
   added anchor. */

html.CompressMode #WI #TableScope #tdQSearch input,
html.CompressMode #WI #TableScope #tdQSearch a#btnQSearch {
  height: 25px !important;
}
html.CompressMode #WI #divPagination .GoToPage input#txtGoTo {
  line-height: 15px;
}
/* ============================================================================
   Retirement ledger (SPEC-40, plan Sec.5.4/5.5) - global/shared rules stay in
   the file and are neutralised by these higher-specificity scoped overrides.
   Only the two page-scoped predecessor blocks (deleted above, at the file's
   former EOF) were removed outright; everything below is override, not delete.
   the Customize container display-none rule (defined earlier in this file, SPEC-26 withdrawn) is deliberately NOT
   touched - SPEC-26 withdrawn, see plan Sec.5.3 "Do NOT touch".
   ============================================================================ */

/* Sec.5.4: the Icon-Mode order flips at 29783-29805 are retired (their DOM-
   order premise no longer holds now that ul#Primebuttons has no preceding
   sibling ul - see plan Sec.5.4 point 2). nav#TabactionLnks{display:flex} at
   29806-29808 is UNQUALIFIED, top-level, and is NOT retired - it must
   survive byte-identical (SPEC-17 depends on it, see N-4 in the architecture
   review). The two !important paddings at 29793/29794/29803 need matching
   !important on padding only. BLOCK-4 remediation (architecture-verify.md,
   code-review iteration 1) adds one further !important exception, at EOF -
   see the order:0 !important retirement rule for ul#Primebuttons/routeBtns/
   nav below, required to beat the two !important order rules at
   29991/29996 - correcting this comment's prior claim that nothing else in
   this ledger uses !important. */

#WI #trActionBtns #TabactionLnks > ul#Primebuttons {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#WI #trActionBtns #TabactionLnks > ul#nav {
  padding-left: 0 !important;
}
/* Sec.5.5 ledger: .actionbar (shared, 25784-25802) neutralised for this page
   only, scoped through #TableScope (never a bare #WI .class - SPEC-39).
   BLOCK-1 remediation (architecture-verify.md, code-review iteration 1): the
   @media all and (max-width:768px) .actionbar{position:absolute;height:20px;
   right:5px;top:0} rule at 24744-24750 is unscoped and still matches; its
   specificity is (0,1,0) against this rule's (2,1,0), so this rule wins on
   every property it declares regardless of source order - position/height/
   top/right must be explicitly re-declared here (declaring flex alone left
   those four properties unclaimed and let the legacy rule through, which
   re-opened the PR 14518 defect this neutralisation exists to close). */

#WI #TableScope > .actionbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: static;
  height: auto;
  top: auto;
  right: auto;
}
/* div#tdHeader{padding-right:15px} (24752-24754) is the parent of #tdHT and
   cannot be reached from a #WI #tdHT-scoped selector (SPEC-39 permits no
   other root); compensated on the child instead. */

#WI #tdHT {
  padding-right: 0;
}
#WI #TableScope > .actionbar #tdQSearch {
  margin: 0;
}
/* #TabactionLnks ul#nav,ul#Primebuttons,ul#routeBtns{float:right;padding:5px 20px;display:flex}
   (16880-16887) retired - flex/gap above replaces float+padding. */

#WI #trActionBtns #TabactionLnks ul#nav,
#WI #trActionBtns #TabactionLnks ul#Primebuttons,
#WI #trActionBtns #TabactionLnks ul#routeBtns {
  float: none;
  padding: 0;
}
/* #trActionBtns{margin-left:20px;margin-right:20px} + .noscr margins
   (7087-7095) re-expressed as gap (already supplied by nav#TabactionLnks's
   flex gap above); .noscr toggling (Script/WorkItemListing.js ~6468) is
   unaffected because it only ever adds/removes a class, never reads a margin
   value back. */

#WI #trActionBtns {
  margin-left: 0;
  margin-right: 0;
}
/* @media <=500 div#trActionBtns margins, #nav{order:2;margin-top:7px},
   ul#Primebuttons{order:1}, .PageNumbers{display:none} (29936-~30040)
   retired - DOM order (Block 5/9) and the [data-bp] pager rules (Block 6/9)
   replace the width-based media query per SPEC-4. */

#WI #trActionBtns[data-bp="phone"] {
  margin: 0;
}
/* li[lnkaction]{order} (32013-32021) keeps working unchanged - it addresses
   #dynmenus' own children, which this work does not touch (SPEC-11, A6). */

/* BLOCK-4 remediation (architecture-verify.md, code-review iteration 1):
   order:N on the three <ul>s - #TabactionLnks > ul:not(.ficon) + ul#Primebuttons/
   #routeBtns and ul#nav:not(.ficon) (29791-29804, all widths) and
   ul#Primebuttons/ul#routeBtns (29991-29999, @media <=500, !important) -
   claimed "retired" by the Block 5/9 comment (33657-33658 pre-remediation)
   but never actually neutralised, so DOM order was not yet the sole
   ordering mechanism: in Icon Mode (#nav.ficon) the 29801 flip stopped
   matching while 29796 (order:2 on ul#routeBtns) kept matching, so
   ul#routeBtns rendered after ul#nav instead of between Primebuttons and
   nav; 29799's margin-right:25px also survived and fought the gap:8px set
   on nav#TabactionLnks (29806-29808 / 33697). !important is required here
   only to beat the two !important order rules at 29991/29996; it does not
   relax R-22's rule that row-two *item* ordering (the 24 li) lives in
   markup, not CSS - this retires only the three <ul> container rules the
   ledger already claimed as retired. */

#WI #trActionBtns #TabactionLnks > ul#Primebuttons,
#WI #trActionBtns #TabactionLnks > ul#routeBtns,
#WI #trActionBtns #TabactionLnks > ul#nav {
  order: 0 !important;
  margin-right: 0;
}
/* ---- BROWSER-OBSERVED FIX: toolbar collapsed to 300px with Advanced Search open ----
   Reported from a real render (2026-09-11): with the filters-on-top advanced
   search open, the title ellipsised to "All Inv...", the Create/More labels
   clipped and the filter badge detached, while the filter panel below spanned
   the full width.

   Cause. `.CLlayout.fon div#TableScope{width:300px}` (:19067) is grouped with
   `div#FilterGrid` and was written for the DOCKED-LEFT variant, where both sit
   in one 300px column. But `AdvSearchLayout()` (Script/WorkItemListing.js:6756)
   adds `lftLayout` ONLY for that variant - the filters-on-top variant gets bare
   `CLlayout`, and the selector matches it too. The legacy float toolbar simply
   overflowed the 300px box, so the mismatch was invisible; the flex toolbar
   obeys it and collapses. SPEC-46 re-expressed the rule faithfully (:33959) and
   therefore reproduced the trap.

   Fix. Narrow it to the variant it was written for rather than adding another
   override: when `lftLayout` is absent, the toolbar spans its container. The
   docked-left 300px behaviour is untouched. */

#WI .upWILising.CLlayout.fon:not(.lftLayout) #TableScope {
  width: 100%;
}
/* ----------------------------------------------------------------------------
   BROWSER-OBSERVED FIX (2026-09-11) - design parity with the approved mockup
   (.claude/runs/68743-20260910-190507/mockup-v4.html). Rendered at 1600px the
   toolbar came out with 26-30px controls and Create as a plain text link. The
   design specifies a 34px control row (.m-btn / .m-ib / .m-search-field) and
   Create as the single filled primary button (.m-btn-primary, --p-blue
   #1277d9 / --p-blue-dark #0b4a87 / --p-blue-tint rgba(18,119,217,.08)).
   ---------------------------------------------------------------------------- */

#WI #TableScope > .actionbar {
  min-height: 34px;
}
/* quick search - 34px framed field (.m-search-field) */

#WI #TableScope #tdQSearch div#divtdQSearch {
  box-sizing: border-box;
  height: 34px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
#WI #TableScope #tdQSearch div#divtdQSearch input#txtQSearch {
  height: 32px;
  line-height: 32px;
  background: transparent;
}
/* Owner (2026-09-24): the search box reads WHITE, not the page's grey, wherever
   it is a field - the container carries the fill, the input stays transparent so
   the white shows through. The phone COLLAPSED magnifier stays frameless: its
   :not(.m-expanded) #divtdQSearch rule (L33650, 5 ids) out-specifies this 4-id
   rule and keeps background:transparent, so only the real field gets the fill. */

#WI #TableScope #tdQSearch div#divtdQSearch {
  background: #fff;
}
/* icon buttons - 34x34 square with hover tint (.m-ib) */

#WI #TableScope #tdShowfilters a#lnkShowFilters,
#WI #TableScope #tdMore a#btnMore {
  box-sizing: border-box;
  min-width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
#WI #TableScope #tdShowfilters a#lnkShowFilters:hover,
#WI #TableScope #tdMore a#btnMore:hover {
  background: rgba(18, 119, 217, 0.08);
}
/* Create - the one filled primary button (.m-btn-primary) */

#WI #TableScope #tdCreateMenu a#btnCreateMenu {
  box-sizing: border-box;
  height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #1277d9;
  border-radius: 4px;
  background: #1277d9;
  color: #fff;
  font-size: 13.5px;
  font-weight: 500;
  white-space: nowrap;
}
#WI #TableScope #tdCreateMenu a#btnCreateMenu:hover {
  background: #0b4a87;
  border-color: #0b4a87;
  color: #fff;
}
/* caret, matching .m-btn .caret - ::before stays free for the phone "+" glyph */

#WI #TableScope #tdCreateMenu a#btnCreateMenu:after {
  content: '\25BE';
  font-size: 11px;
  opacity: 0.85;
}
@media all and (max-width: 768px) {
  /* Back in flow: when the bar no longer fits beside the title it drops to
         its own full-width right-aligned line instead of overlapping the grid.
         min-width is the one-row footprint of the collapsed icon buttons. */
  
  #WI #TableScope > .actionbar {
    position: static;
    height: auto;
    min-height: 20px;
    padding-top: 3px;
    min-width: 220px;
  }
}
.disflx {
  display: flex !important;
}
input#txt_date_field3,
#txt_date_field4 {
  padding-right: 30px;
}
/* ----------------------------------------------------------------------------
   BROWSER-OBSERVED FIX (2026-09-16), measured with the kebab menu open at 1250px
   (content 1003px, tablet band).
   ---------------------------------------------------------------------------- */

/* 1. On a listing where the server hides every panel member - Invoices has no
      Views dropdown, no chart, no WF diagram and no Inventory action - the panel
      still drew a ~42px blank white strip above #tdbtnGo inside the open menu.
      WILSyncMenuHeadings (Script/WorkItemListing.js) now marks that case with
      .wilmore-empty as the menu opens; collapse the box so the dropdown contains
      only what is actually actionable. Specificity beats the .wil-open reveal
      rule above (4 ids + 2 classes vs 4 ids + 1 class), so no !important. */

#WI #TableScope #tdMore.wil-open #tdMorePanel.wilmore-empty {
  display: none;
}
/* 2. #tdbtnGo's anchors are empty elements carrying only a title - the glyph
      comes from CSS. As toolbar buttons at desktop that is right, but inside the
      open dropdown at tablet/phone they read as two bare icons on a white card.
      mockup-v4's .m-menu rows are labelled, so surface each anchor's own title
      as the row label. No markup change, no new string: attr(title) is the same
      text the accessible name already uses. */

#WI #tdHT[data-bp="tablet"] #TableScope #tdMore.wil-open #tdbtnGo a,
#WI #tdHT[data-bp="phone"] #TableScope #tdMore.wil-open #tdbtnGo a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 4px;
  white-space: nowrap;
}
#WI #tdHT[data-bp="tablet"] #TableScope #tdMore.wil-open #tdbtnGo a:after,
#WI #tdHT[data-bp="phone"] #TableScope #tdMore.wil-open #tdbtnGo a:after {
  content: attr(title);
  font-size: 13.5px;
  font-weight: 400;
  font-family: inherit;
}
#WI #tdHT[data-bp="tablet"] #TableScope #tdMore.wil-open #tdbtnGo a:hover,
#WI #tdHT[data-bp="phone"] #TableScope #tdMore.wil-open #tdbtnGo a:hover {
  background: #eef4ff;
}
/* the rows own their padding now, so the container only needs the card chrome */

#WI #tdHT[data-bp="tablet"] #TableScope #tdMore.wil-open #tdbtnGo,
#WI #tdHT[data-bp="phone"] #TableScope #tdMore.wil-open #tdbtnGo {
  gap: 0;
  padding: 6px;
}
#btnDBCustomize.smalldevice {
  display: none !important;
}
/* ============================================================================
   ARTIFACT PARITY FIX (2026-09-18) - Switcher + Kebab Overlap
   ============================================================================ */

/* FIX 1: Listing switcher — match artifact's .m-switch ghost button style */

#WI #TableScope ul.Menuselected {
  height: 36px !important;
  padding: 0 8px !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  background: transparent !important;
  min-width: 0 !important;
  /* was auto !important: in the flex-column title that stopped the switcher clipping, so it overflowed the column and overlapped the search at ~700-767 content (owner 2026-09-25) */
  max-width: 100%;
  align-items: center;
  gap: 8px;
}
#WI #TableScope ul.Menuselected:hover {
  background: #fff !important;
  border-color: #cccccc !important;
}
#WI #TableScope ul.Menuselected li#limain {
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  max-width: none;
  padding-right: 0;
}
/* FA2, not FontAwesome: font-awesome.css ships only in bundles this page does not render. */

#WI #TableScope ul.Menuselected li#limain:before {
  display: inline-block !important;
  content: "\f0ca";
  font-family: FA2;
  color: #42525d;
  margin-left: 0;
  padding-right: 0;
  margin-right: 8px;
}
#WI #TableScope ul.Menuselected:after {
  position: static;
  left: auto;
  top: auto;
  font-size: 15px;
}
/* the legacy offset at :18189 is top:31px, measured against the old 30px
   switcher; this one is 36px, so anchor the dropdown to the box itself. */

#WI #TableScope ul.Menuselected.clicked > .ULdropdown {
  top: 100%;
}
/* When the server hides every panel member - the Invoices listing has no Views
   dropdown, no chart, no WF diagram and no master-data action - WILSyncMenuHeadings
   marks #tdMore itself .wilmore-empty. DESKTOP ONLY, trigger only, never the container:
   at desktop #tdbtnGo is promoted onto the toolbar so the dropdown really is
   empty, but at tablet and phone the kebab is the sole route to Refresh and
   Personalize, and collapsing #tdMore would take them down with it. */

/* The artifact puts .m-util - Refresh and Personalize - immediately after the
   switcher inside .m-title, and folds it into the kebab below 1100px. #tdbtnGo
   has exactly one home in the DOM, inside #tdMore, so the fold stays structural
   and the desktop position comes from CSS: #tdMore goes display:contents, its
   children become items of .actionbar, and #tdbtnGo takes order:-1 with
   margin-right:auto so it parks against the title while everything else stays
   right. Below 1100px #tdMore is a box again and #tdbtnGo is back in the
   dropdown. */

#WI #tdHT[data-bp="desktop"] #TableScope > .titdiv {
  flex: 0 1 auto;
}
#WI #tdHT[data-bp="desktop"] #TableScope > .actionbar {
  flex: 1 1 auto;
  position: relative;
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdMore {
  display: contents;
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdbtnGo {
  order: -1;
  margin-right: auto;
  gap: 2px;
}
/* display:contents dissolves #tdMore box, so its children join .actionbar and
   inherit order 0 - which puts the kebab in front of the search box. Restate the
   order on the trigger itself; the panel is absolutely positioned and takes no
   slot. */

#WI #tdHT[data-bp="desktop"] #TableScope a#btnMore {
  order: 6;
}
/* #tdMore has no box at desktop, so the panel anchors to .actionbar instead. */

#WI #tdHT[data-bp="desktop"] #TableScope #tdMorePanel {
  top: calc(100% + 6px);
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdMore.wilmore-empty > a#btnMore {
  display: none;
}
/* ============================================================================
   ARTIFACT PARITY - selection bar (#trActionBtns): actions left, pager right.
   Measured 2026-09-23 at 1600px: .TdActions was a block, #pnlActionButtons a
   full-width float:right, #WIPage float:left (collapsing #divPagination to 0px),
   and the Show-More toggle writes display:block onto #divPagination through
   cssApp(). Layout is therefore driven from the PARENT - a block child of a flex
   container is still a flex item, so those inline styles stop mattering.
   ============================================================================ */

#WI #trActionBtns .TdActions {
  box-sizing: border-box;
  /* the row is width:100%; without this the 14px side padding overflows and the parent clips the pager */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
  padding: 10px 14px;
}
#WI #trActionBtns #pnlActionButtons {
  float: none;
  width: auto;
  flex: 1 1 auto;
  min-width: max-content;
  /* never narrower than its own content, so when the pager leaves too little room the whole cluster wraps to a second line (flex-wrap on .TdActions) instead of overlapping the pager */
  margin-left: auto;
  /* keeps it right-aligned on that second line too */

}
#WI #trActionBtns #divPagination {
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 0;
}
#WI #trActionBtns #divPagination #WIPage,
#WI #trActionBtns #divShowMore {
  float: none;
}
#WI #trActionBtns[data-bp="phone"] .TdActions {
  padding: 8px 12px;
  gap: 8px;
}
#WI #trActionBtns[data-bp="phone"] #pnlActionButtons {
  flex: 1 1 auto;
  /* shares the first line with #TLGCheckAll when it fits, otherwise takes its own; the pager owns the last */

}
/* phone: 271px of inner width at 420 against select-all 84 + gap 8 + cluster 182
   wrapped by 3px. 10px button padding and a 6px button gap give ~13px of slack. */

#WI #trActionBtns[data-bp="phone"] ul#Primebuttons > li#tdROW,
#WI #trActionBtns[data-bp="phone"] ul#Primebuttons > li#tdWebDownload {
  padding: 0 10px;
}
#WI #trActionBtns[data-bp="phone"] #TabactionLnks > ul#Primebuttons {
  gap: 6px;
  flex-wrap: nowrap;
  /* L33862 wraps every ul at phone; the two buttons must stay on one line */
  flex: 0 0 auto;
}
/* ---- phone: one selection line, as the artifact frame has it -------------
   Block 5/9 (L33846) stacked #Primebuttons over #nav at phone. The artifact keeps
   select-all, Open, Download and the overflow trigger on one line and gives the
   pager the next, with the count left and the controls right. */

#WI #trActionBtns[data-bp="phone"] nav#TabactionLnks {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
#WI #trActionBtns[data-bp="phone"] #TabactionLnks > ul#nav {
  margin-left: auto;
  order: 0 !important;
  /* the part-fixes II order:-1 !important puts the icons first at desktop/tablet; at phone the artifact keeps the overflow trigger last */

}
#WI #trActionBtns[data-bp="phone"] #TLGCheckAll {
  margin: 0;
  /* legacy div#TLGCheckAll carries margin-top:8px and a float */
  flex: none;
}
#WI #trActionBtns[data-bp="phone"] #divPagination #lblPageCount {
  margin-right: auto;
}
/* artifact .m-vr - a hairline before the bulk icons, only while #nav holds a
   visible item. Server-hidden members carry an inline display:none; overflowed
   members are moved out of #nav by TLMnavigationResize, so this reads true only
   when something is actually shown. */

#WI #trActionBtns #TabactionLnks > ul#nav:has(> li:not(.more):not([style*="display: none"]))::after {
  content: "";
  width: 1px;
  height: 24px;
  background: #e4e7ea;
  margin: 0 2px 0 6px;
  flex: none;
  align-self: center;
}
#WI #trActionBtns[data-bp="phone"] #TabactionLnks > ul#nav::after {
  display: none;
}
/* ---- pager: the artifact segmented control --------------------------------
   #lblPaging already wraps first / previous / numbers / next / last - the
   code-behind writes them inside it - so it IS .m-pager; no wrapper needed.
   Dividers are each cell's own left border overlapping its neighbour by 1px,
   so a display:none first/previous (page 1) or next/last (last page) leaves
   the group intact. */

#WI #divPagination #tdPaging {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  gap: 8px;
}
#WI #divPagination #lblPageCount {
  padding: 0;
  font-family: inherit !important;
  /* 7748: Roboto-Regular !important */
  font-size: 13px;
  color: #42525d;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
#WI #divPagination #lblPaging {
  display: inline-flex;
  align-items: stretch;
  float: none;
  padding: 0 !important;
  /* 17246: padding-bottom 2px !important */
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
/* the window hide at Block 6/9 is #WI #divPagination a.PageNumbers.wilpgout (two ids); the
   cell rule below carries three, so restate the hide at the same level or it loses. */

#WI #divPagination #lblPaging > a.wilpgout {
  display: none;
}
/* the code-behind empties #lblPaging and #lblPageCount while a load is in flight or
   at zero records; an empty span must not paint as a 1px bordered speck */

#WI #divPagination #lblPaging:empty,
#WI #divPagination #lblPageCount:empty {
  display: none;
}
#WI #divPagination #lblPaging #lblPage {
  display: none;
  /* the artifact has no "Page" word */

}
#WI #divPagination #lblPaging > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 32px;
  min-width: 32px;
  margin: 0 0 0 -1px;
  padding: 0 8px !important;
  /* 16582: .PageNav 6px 10px !important */
  border: 0;
  border-left: 1px solid #cccccc;
  background: #fff;
  color: #333333;
  font-family: inherit !important;
  /* 7748 */
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
  cursor: pointer;
}
#WI #divPagination #lblPaging > a:hover {
  background: rgba(18, 119, 217, 0.08);
  color: #1277d9;
  text-decoration: none;
}
#WI #divPagination #lblPaging > a.CurrentPage,
#WI #divPagination #lblPaging > a.CurrentPage:hover {
  background: #1277d9;
  color: #fff;
  border-color: #1277d9 !important;
  /* 7771: border ... !important */

}
#WI #divPagination #lblPaging > a.PageNav::before {
  font-size: 11px;
  vertical-align: middle;
}
/* the window skips pages - mark the jump with an ellipsis cell, as the artifact does */

#WI #divPagination #lblPaging > a.wilpgout + a.PageNumbers:not(.wilpgout)::before {
  content: "\2026";
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  color: #767676;
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #cccccc;
}
/* the stylesheet removes outlines globally (:focus { outline: none }); give the
   pager its own visible ring for keyboard users */

#WI #divPagination #lblPaging > a:focus-visible,
#WI #divPagination input#txtGoTo:focus-visible {
  outline: 2px solid #1277d9;
  outline-offset: -2px;
  z-index: 1;
}
/* ---- go to page: artifact .m-goto ---------------------------------------- */

#WI #divPagination .pagediv {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 0;
  float: none;
}
#WI #divPagination .GoToPage {
  display: flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 0;
  border-radius: 0;
  height: auto !important;
  /* 29696: .CompressMode height 21px !important */
  min-width: 0;
  margin-left: 0;
}
#WI #divPagination .GoToPage #lblG,
#WI #divPagination #lblOf {
  font-family: inherit !important;
  /* 7748 */
  font-size: 13px;
  color: #42525d;
  line-height: 1;
  white-space: nowrap;
}
#WI #divPagination .GoToPage #lblG::before {
  content: "Go to";
  /* desktop shows the words; the arrow glyph is retired */
  font-family: inherit;
  font-size: 13px;
  padding: 0;
}
#WI #divPagination .GoToPage input#txtGoTo {
  box-sizing: border-box;
  min-width: 40px;
  /* the keypress handler rewrites inline width per digit; this is the floor */
  height: 32px !important;
  /* 17229: 25px !important */
  margin: 0;
  padding: 0 4px;
  border: 1px solid #cccccc !important;
  /* 17229: border none !important */
  border-radius: 4px;
  background: #fff;
  color: #333333 !important;
  /* 265: color !important */
  font-family: inherit;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
}
/* ---- tablet + phone: chevrons only, touch-sized, no label ----------------- */

#WI #trActionBtns[data-bp="phone"] #divPagination #lblPaging > a#lbnFirst,
#WI #trActionBtns[data-bp="phone"] #divPagination #lblPaging > a#lbnLast {
  display: none !important;
  /* the code-behind toggles these with an inline display */

}
#WI #trActionBtns[data-bp="phone"] #divPagination #lblPaging > a.PageNav {
  min-width: 40px;
}
#WI #trActionBtns[data-bp="phone"] #divPagination .GoToPage #lblG {
  display: none;
}
/* ============================================================================
   ARTIFACT PARITY - part fixes (2026-09-23, owner review)
   ============================================================================ */

/* Owner decision: the pager stays on the LEFT, as it always has, reversing the
   artifact's proposed decision 4. The row keeps its two clusters; the action
   cluster moves to the right edge. Phone is untouched: the Block 6/9 phone rule
   (order:2, flex-basis:100%) outranks this and keeps the pager on its own line. */

#WI #trActionBtns #divPagination {
  order: -1;
  margin-left: 0;
  margin-right: auto;
}
#WI #trActionBtns[data-bp="desktop"] nav#TabactionLnks,
#WI #trActionBtns[data-bp="tablet"] nav#TabactionLnks {
  justify-content: flex-end;
}
/* Artifact .m-btn: Open and Download are 34px controls at 13.5px/500 with a 4px
   radius. The li is the painted button (.PrimaryButton supplies the pink at
   L25605); it measured 70x27 from padding:7px 9px with an 11.5px anchor. */

#WI #trActionBtns ul#Primebuttons > li#tdROW,
#WI #trActionBtns ul#Primebuttons > li#tdWebDownload {
  box-sizing: border-box;
  height: 34px !important;
  /* L20368: .CompressMode li#tdWebDownload { height: 27px !important } */
  margin: 0;
  /* L25555: li:not(.more) { min-width: 60px; margin: 2px } */
  min-width: 0;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
}
#WI #trActionBtns ul#Primebuttons > li#tdROW a#lnkOpen,
#WI #trActionBtns ul#Primebuttons > li#tdWebDownload a#WebDownload1 {
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1;
}
/* Artifact .m-ib: bulk-action icon buttons are 34x34 with a tint on hover. The
   anchor inherits padding:0 10px !important from #actionLnks li > a (L6178),
   which is what made the li 40x20. */

#WI #trActionBtns ul#nav > li:not(.more) {
  box-sizing: border-box;
  min-width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
#WI #trActionBtns ul#nav > li:not(.more) > a {
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#WI #trActionBtns[data-bp="desktop"] ul#nav:not(.ficon) li:not(.more) > a:before {
  display: none;
}
#WI #trActionBtns ul#nav.ficon > li:not(.more) > a,
#WI #trActionBtns[data-bp="tablet"] ul#nav > li:not(.more) > a {
  width: 34px;
  height: 34px;
}
#WI #trActionBtns ul#nav.ficon > li:not(.more):hover,
#WI #trActionBtns[data-bp="tablet"] ul#nav > li:not(.more):hover {
  background: rgba(18, 119, 217, 0.08);
}
/* Artifact .m-ib for the toolbar utilities (Refresh, Personalize) at desktop:
   34x34, centred glyph, hover tint. L14609 gave the refresh glyph padding-left
   12px and L33789 wrapped it in 6px, which came out at 39x43. */

#WI #tdHT[data-bp="desktop"] #TableScope #tdbtnGo a {
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdbtnGo a:before {
  padding-left: 0;
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdbtnGo a:hover {
  background: rgba(18, 119, 217, 0.08);
}
/* WILSyncMenuHeadings (Script/WorkItemListing.js ~5563) lays the CLOSED panel
   out under this class to count its visible members, and the JS comment states
   the contract - visibility:hidden + position:absolute + pointer-events:none.
   No rule ever defined it, so the panel stayed display:none, measured 0x0, and
   the function returned without marking .wilmore-empty; on a cold load the
   kebab therefore showed at desktop with nothing to open. Same three ids as the
   closed-state rule plus the class, so it wins without !important. */

#WI #TableScope #tdMorePanel.wilmore-measuring {
  display: block;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}
/* The first-frame phone sweep in TLMnavigationResize moves EVERY #nav item into
   #overflow, server-hidden ones included, and the trigger is then shown with
   style.display=block. When the desktop restore later finds nothing that needs to
   overflow, #overflow can still hold only display:none members - and the trigger
   opened an empty white panel. Hide the trigger whenever the panel has no visible
   item; the flag is needed because the JS writes the display inline. */

#WI #trActionBtns ul#nav > li.more:not(:has(#overflow > li:not([style*="display: none"]))) {
  display: none !important;
}
/* ============================================================================
   ARTIFACT PARITY - part fixes II (2026-09-24, owner review)
   ============================================================================ */

/* Owner: bulk-action icons sit to the LEFT of Open / Download. L34265 pins
   every ul in nav#TabactionLnks to order:0 !important, so the same flag is
   needed to move #nav ahead; the ::after divider above then falls between the
   icons and the buttons. The position:fixed #overflow still aligns to #nav's
   right edge (Script/WorkItemListing.js ~5277), which is now the divider. */

#WI #trActionBtns #TabactionLnks > ul#nav {
  order: -1 !important;
  /* L34265: order: 0 !important */

}
#WI #trActionBtns #TabactionLnks > ul#Primebuttons {
  gap: 8px;
  /* L33853 grouped rule: gap: 4px */

}
/* Button internals. The painted li is 34px; inside it .sub-nav > ul.drop-nav >
   li.hasLi > a + div.arrdwn + ul.dropsub. li.hasLi must remain inline-block: the
   menus open as position:fixed with no offsets (L6247) and therefore paint at their
   STATIC position, which is only "just below the button" while the li flows inline.
   L20592 gives the caret padding-top:5px !important and margin-right:5px, which sat
   it below the label; align it in the inline formatting context instead. */

#WI #trActionBtns ul#Primebuttons > li#tdROW li.hasLi,
#WI #trActionBtns ul#Primebuttons > li#tdWebDownload li.hasLi {
  margin: 0;
  padding: 0;
  line-height: 1;
}
#WI #trActionBtns ul#Primebuttons > li#tdROW li.hasLi > a,
#WI #trActionBtns ul#Primebuttons > li#tdWebDownload li.hasLi > a {
  vertical-align: middle;
}
#WI #trActionBtns ul#Primebuttons > li#tdROW li.hasLi > a + div.arrdwn,
#WI #trActionBtns ul#Primebuttons > li#tdWebDownload li.hasLi > a + div.arrdwn {
  padding-top: 0 !important;
  /* L20592: padding-top: 5px !important */
  margin: 0 0 0 7px;
  /* the artifact's 7px label-to-caret gap */
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
/* Artifact .m-btn-pink:hover is --p-pink-dark; the legacy hover went grey. */

#WI #trActionBtns ul#Primebuttons > li#tdROW:hover {
  background: #b0127a !important;
  /* L25611: .PrimaryButton:hover { background: @graycolor4 !important } */
  border-color: #b0127a !important;
  /* L25611 */

}
/* Artifact .m-btn-ghost:hover is a blue tint on white with blue text; the legacy
   hover filled the li dark blue and forced white text. */

#WI #trActionBtns ul#Primebuttons > li#tdWebDownload:hover {
  background: rgba(18, 119, 217, 0.08);
  color: #1277d9 !important;
  /* L25591: li:not(.more):hover { color: #fff !important } */

}
#WI #trActionBtns ul#Primebuttons > li#tdWebDownload:hover a#WebDownload1 {
  color: #1277d9;
  /* L25596 / L25659: hover anchors forced #fff */

}
#WI #trActionBtns ul#Primebuttons > li#tdWebDownload:hover .arrdwn.wt:after {
  border-top-color: #1277d9;
  /* L25642: hover caret forced #fff */

}
/* Artifact .m-sel closes with a hairline above the grid. */

#WI #trActionBtns .TdActions {
  border-bottom: 1px solid #e4e7ea;
}
/* Owner: the pager row and the grid must read as ONE white card at every band.
   The grid surface is #divWIListing (white, the same shadow, bottom corners 5px);
   .TdActions carries the matching top corners. The legacy #trActionBtns margins -
   20px left (L7087) and 22px right via .noscr (L7075) - lined the two up until
   L34232 zeroed them and the row went full-bleed. Measured at 1280: #divWIListing
   spans 227-1258 inside #Tlist 207-1280, i.e. 20px / 22px. margin-right carries
   the flag because #trActionBtns.noscr also sets it with one (L25028). */

#WI #trActionBtns {
  width: auto;
  margin-left: 20px;
  margin-right: 22px !important;
}
/* The inset is a property of the VIEW, not the band: card view (body.gridL, which
   TLgridsettings switches on below 650px) lays #divWIListing out 89-384 inside
   #trgrid 55-421 at 420px, i.e. 34px / 37px; list view keeps 20px / 22px at any
   width, phone included (measured at 700: list view, card 20/22). */

#WI.gridL #trActionBtns {
  margin-left: 34px;
  margin-right: 37px !important;
}
#WI #trActionBtns[data-bp="phone"] {
  margin-left: 20px;
  /* L34241 zeroed the phone margins; list view at phone is still inset 20/22 */
  margin-right: 22px !important;
}
#WI.gridL #trActionBtns[data-bp="phone"] {
  margin-left: 34px;
  margin-right: 37px !important;
}
/* phone: the 13.5px anchor rule above re-showed the Download label inside the
   font-size:0 li, widening the button to 108px and pushing the action cluster
   off the select-all line. Icon only, as the artifact has it. */

#WI #trActionBtns[data-bp="phone"] ul#Primebuttons > li#tdWebDownload a#WebDownload1 {
  font-size: 0;
}
/* phone: pass II put the caret back in inline flow with a 7px margin, which with the
   inline-block whitespace on both buttons grew the cluster by ~20px - at 420 (card
   view, 271px of inner width) select-all dropped onto its own line again. The
   artifact's phone Download is the icon alone (.m-btn-ghost .m-btn-l hidden, no
   caret); the caret div carries no handler - the menu opens from li.hasLi - so
   hiding it costs nothing. Measured need: select-all 84 + gap 8 + cluster. */

#WI #trActionBtns[data-bp="phone"] ul#Primebuttons > li#tdWebDownload li.hasLi > a + div.arrdwn {
  display: none;
}
/* ============================================================================
   OWNER (2026-09-25) - top row redesign. Row 1: breadcrumb, full width, never
   wraps. Row 2: title dropdown (hugs content, room to read) + search top-right
   + kebab. Below desktop, Filter and Create fold INTO the kebab (JS
   WILFoldToolbar moves the nodes) so the title is never crushed. The title
   column (.titdiv > .PageTitle) is flattened with display:contents so the
   breadcrumb can be its own flex row of #TableScope.
   ============================================================================ */

#WI #TableScope > .titdiv,
#WI #TableScope > .titdiv > .displayflex.PageTitle {
  display: contents;
}
#WI #TableScope,
#WI #tdHT[data-bp="phone"] #TableScope {
  flex-wrap: wrap;
  align-items: center;
  row-gap: 4px;
}
#WI #TableScope span.sitemapping,
#WI #TableScope #lblHT1.Tltitle {
  flex: 0 0 100%;
  order: -2;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
#WI #TableScope ul.Menuselected {
  order: 0;
  flex: 0 1 auto;
  min-width: 0 !important;
  max-width: 100%;
}
#WI #TableScope > .actionbar,
#WI #tdHT[data-bp="phone"] #TableScope > .actionbar {
  order: 1;
  flex: 0 0 auto;
  flex-basis: auto;
  margin-left: auto;
  justify-content: flex-end;
}
/* selection row at phone: Select All left; Open, Download, then the kebab right */

#WI #trActionBtns[data-bp="phone"] #TabactionLnks > ul#Primebuttons {
  margin-left: auto;
}
#WI #trActionBtns[data-bp="phone"] #TabactionLnks > ul#nav {
  margin-left: 0;
}
/* Filter / Create as kebab rows (moved there by WILFoldToolbar below desktop) */

#WI #TableScope #tdMorePanel > #tdShowfilters,
#WI #TableScope #tdMorePanel > #tdCreateMenu {
  display: block;
  padding: 6px 10px;
}
#WI #TableScope #tdMorePanel > #tdShowfilters a#lnkShowFilters,
#WI #TableScope #tdMorePanel > #tdCreateMenu a#btnCreateMenu {
  font-size: 13px;
  width: auto;
  height: auto;
  justify-content: flex-start;
}
/* phone: when the cluster wraps to its own line it must still hug the right edge */

#WI #trActionBtns[data-bp="phone"] #pnlActionButtons {
  flex: 1 1 auto;
  min-width: max-content;
}
#WI #trActionBtns[data-bp="phone"] nav#TabactionLnks {
  width: 100%;
  justify-content: flex-end;
}
/* Kebab 'Actions' rows styled as artifact .m-menu a: icon + label, 13.5px, tint on hover */

#WI #TableScope #tdMorePanel > #tdShowfilters,
#WI #TableScope #tdMorePanel > #tdCreateMenu {
  padding: 0 6px;
}
#WI #TableScope #tdMorePanel > #tdShowfilters a#lnkShowFilters,
#WI #TableScope #tdMorePanel > #tdCreateMenu a#btnCreateMenu {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 4px;
  width: auto;
  height: auto;
  min-width: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 13.5px !important;
  font-weight: 400;
  color: #333333;
  white-space: nowrap;
  justify-content: flex-start;
}
#WI #TableScope #tdMorePanel > #tdShowfilters a#lnkShowFilters:hover,
#WI #TableScope #tdMorePanel > #tdCreateMenu a#btnCreateMenu:hover {
  background: #eef4ff;
}
#WI #TableScope #tdMorePanel > #tdShowfilters a#lnkShowFilters:before,
#WI #TableScope #tdMorePanel > #tdCreateMenu a#btnCreateMenu:before {
  font-family: 'P2P';
  font-size: 16px;
  color: #42525d;
  visibility: visible;
  width: 18px;
  text-align: center;
  margin: 0;
  padding: 0;
}
#WI #TableScope #tdMorePanel > #tdShowfilters a#lnkShowFilters:before {
  content: '\eaad';
}
#WI #TableScope #tdMorePanel > #tdCreateMenu a#btnCreateMenu:before {
  content: "+";
  font-family: inherit;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
}
/* Refresh / Personalize folded INTO the panel (WILFoldToolbar): render as plain rows,
   not the floating sibling card the .wil-open promotion draws when it is outside. */

#WI #tdHT #TableScope #tdMore #tdMorePanel > #tdbtnGo {
  position: static;
  top: auto;
  right: auto;
  min-width: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0 6px;
  gap: 0;
  z-index: auto;
}
#WI #TableScope #tdMorePanel > #tdCreateMenu a#btnCreateMenu:after {
  display: none;
  /* toolbar caret has no meaning on a menu row */

}
#WI #TableScope #tdMorePanel .wilmore-heading {
  text-align: left;
  letter-spacing: 0.08em;
  padding: 8px 16px 4px;
}
/* ============================================================================
   OWNER (2026-09-28) - Create's submenu (#dynmenus) when Create is a folded kebab
   row. #dynmenus is position:absolute; top:calc(100% + 6px); right:0 (authored for
   Create as a TOP-LEVEL toolbar item). Once WILFoldToolbar moves #tdCreateMenu
   INSIDE #tdMorePanel, #tdCreateMenu itself has no position set, so #dynmenus's
   nearest positioned ancestor becomes #tdMorePanel (position:absolute) instead of
   the Create row - #dynmenus rendered as a second floating card below-right of the
   WHOLE kebab panel instead of under its own row.
   ============================================================================ */

#WI #TableScope #tdMorePanel > #tdCreateMenu {
  position: relative;
}
#WI #TableScope #tdMorePanel > #tdCreateMenu #dynmenus {
  position: absolute;
  top: calc(102%);
  left: 0;
  right: 0;
  min-width: 0;
}
/* Legacy @media(max-width:768px) blanks #dynmenus item labels (font-size:0, icon-only)
   - authored for Create as a compact top-level icon button at narrow width. Now that
   Create's submenu opens as a labelled row list inside the kebab (mobile-nav style,
   icon + text, matching the Actions rows), the labels must stay visible regardless of
   width. !important because the legacy rule (inside @media, not otherwise !important)
   would otherwise still win on source order at that width. */

#WI #TableScope #tdMorePanel #dynmenus a span {
  font-size: 13.5px !important;
}
#WI #TableScope #tdMorePanel #dynmenus a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 13.5px;
  color: #333333;
  white-space: nowrap;
}
#WI #TableScope #tdMorePanel #dynmenus a:hover {
  background: #eef4ff;
}
#WI #TableScope #tdMorePanel #dynmenus li {
  padding: 0 6px;
}
#WI #tdHT[data-bp="phone"] #TableScope > .actionbar,
#WI #tdHT[data-bp="tablet"] #TableScope > .actionbar {
  min-width: 0;
}
#WI #tdHT[data-bp="phone"] #TableScope > .actionbar > div,
#WI #tdHT[data-bp="tablet"] #TableScope > .actionbar > div {
  padding-left: 0;
}
#WI #tdHT[data-bp="phone"] #TableScope > .actionbar {
  gap: 4px;
}
#WI #tdHT[data-bp="phone"] #TableScope ul.Menuselected {
  flex: 1 1 0%;
  max-width: max-content;
  padding: 0 6px !important;
}
#WI #tdHT[data-bp="phone"] #TableScope ul.Menuselected li#limain {
  font-size: 16px;
}
#WI #TableScope #btnQSearchClose {
  display: none;
}
#WI #tdHT[data-bp="phone"] #TableScope.wil-search-open ul.Menuselected,
#WI #tdHT[data-bp="phone"] #TableScope.wil-search-open #tdMore {
  display: none !important;
}
#WI #tdHT[data-bp="phone"] #TableScope.wil-search-open > .actionbar {
  flex: 1 1 100%;
  margin-left: 0;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch.m-expanded {
  position: static;
  top: auto;
  right: auto;
  left: auto;
  flex: 1 1 auto;
  min-width: 0;
  height: 36px;
  align-items: center;
  gap: 4px;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch.m-expanded #divtdQSearch {
  position: static;
  right: auto;
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
  height: 34px;
  padding: 0 0 0 10px;
  border: 1px solid #cccccc !important;
  border-radius: 4px;
  background: #fff !important;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch.m-expanded #divtdQSearch:focus-within {
  border-color: #1277d9 !important;
  box-shadow: 0 0 0 2px #cdecff;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch.m-expanded input#txtQSearch {
  display: block;
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 16px !important;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch.m-expanded input#txtQSearch::-webkit-search-cancel-button {
  -webkit-appearance: none !important;
  display: none;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch.m-expanded #btnQSearchClose {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #42525d;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
#WI #tdHT[data-bp="phone"] #TableScope #tdQSearch.m-expanded #btnQSearchClose:hover {
  background: rgba(18, 119, 217, 0.08);
  color: #1277d9;
}
#WI #trActionBtns[data-bp="phone"] ul#Primebuttons > li#tdWebDownload {
  position: relative;
}
#WI #trActionBtns[data-bp="phone"] ul#Primebuttons > li#tdWebDownload > .sub-nav,
#WI #trActionBtns[data-bp="phone"] ul#Primebuttons > li#tdWebDownload ul.drop-nav,
#WI #trActionBtns[data-bp="phone"] ul#Primebuttons > li#tdWebDownload li.hasLi {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
#WI #trActionBtns ul#Primebuttons li.hasLi > ul.dropsub {
  min-width: 230px;
  margin: 0;
  padding: 6px;
  background: #fff;
  border: 1px solid #e4e7ea;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
}
#WI #trActionBtns ul#Primebuttons li.hasLi > ul.dropsub::before {
  content: "";
  position: fixed;
  left: var(--wil-bridge-left, 0);
  top: var(--wil-bridge-top, 0);
  width: var(--wil-bridge-width, 0);
  height: var(--wil-bridge-height, 0);
}
#WI #trActionBtns ul#Primebuttons > li:hover li.hasLi > ul.dropsub,
#WI #trActionBtns ul#Primebuttons li.hasLi.wil-open > ul.dropsub {
  display: block;
  position: fixed;
  z-index: 10000;
}
#WI #trActionBtns ul#Primebuttons li.hasLi > ul.dropsub > li {
  float: none;
  height: auto !important;
  line-height: normal !important;
  margin: 0;
  padding: 0;
}
#WI #trActionBtns ul#Primebuttons li.hasLi > ul.dropsub > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  height: auto !important;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 13.5px !important;
  font-weight: 400;
  line-height: 1.4 !important;
  color: #333333 !important;
  background: transparent;
  white-space: nowrap;
  text-align: left;
}
#WI #trActionBtns ul#Primebuttons li.hasLi > ul.dropsub > li:hover > a {
  background: #cdecff !important;
}
#WI #trActionBtns ul#Primebuttons ul.dropsub.wil-dropsub-measuring {
  display: block !important;
  visibility: hidden !important;
  position: fixed !important;
  left: -9999px !important;
  top: 0 !important;
}
@media (hover: none) {
  #WI #trActionBtns ul#Primebuttons > li:hover li.hasLi:not(.wil-open) > ul.dropsub {
    display: none;
  }
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdQSearch #divtdQSearch {
  width: 260px;
}
#WI #tdHT[data-bp="tablet"] #TableScope #tdQSearch #divtdQSearch {
  width: 200px;
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdQSearch input#txtQSearch,
#WI #tdHT[data-bp="tablet"] #TableScope #tdQSearch input#txtQSearch {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdQSearch #divtdQSearch,
#WI #tdHT[data-bp="tablet"] #TableScope #tdQSearch #divtdQSearch {
  border: 1px solid #cccccc !important;
}
#WI #tdHT[data-bp="desktop"] #TableScope #tdQSearch #divtdQSearch:focus-within,
#WI #tdHT[data-bp="tablet"] #TableScope #tdQSearch #divtdQSearch:focus-within {
  border-color: #1277d9 !important;
  box-shadow: 0 0 0 2px #cdecff;
}
#WI:not(.breadcrumbs) #TableScope span.sitemapping {
  display: none;
}
/*!
 * Bootstrap Icons v1.10.5 (https://icons.getbootstrap.com/)
 * Copyright 2019-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2?1fa40e8900654d2863d011707b9fb6f2") format("woff2"), url("../fonts/bootstrap-icons.woff?1fa40e8900654d2863d011707b9fb6f2") format("woff");
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bi-123::before {
  content: "\f67f";
}
.bi-alarm-fill::before {
  content: "\f101";
}
.bi-alarm::before {
  content: "\f102";
}
.bi-align-bottom::before {
  content: "\f103";
}
.bi-align-center::before {
  content: "\f104";
}
.bi-align-end::before {
  content: "\f105";
}
.bi-align-middle::before {
  content: "\f106";
}
.bi-align-start::before {
  content: "\f107";
}
.bi-align-top::before {
  content: "\f108";
}
.bi-alt::before {
  content: "\f109";
}
.bi-app-indicator::before {
  content: "\f10a";
}
.bi-app::before {
  content: "\f10b";
}
.bi-archive-fill::before {
  content: "\f10c";
}
.bi-archive::before {
  content: "\f10d";
}
.bi-arrow-90deg-down::before {
  content: "\f10e";
}
.bi-arrow-90deg-left::before {
  content: "\f10f";
}
.bi-arrow-90deg-right::before {
  content: "\f110";
}
.bi-arrow-90deg-up::before {
  content: "\f111";
}
.bi-arrow-bar-down::before {
  content: "\f112";
}
.bi-arrow-bar-left::before {
  content: "\f113";
}
.bi-arrow-bar-right::before {
  content: "\f114";
}
.bi-arrow-bar-up::before {
  content: "\f115";
}
.bi-arrow-clockwise::before {
  content: "\f116";
}
.bi-arrow-counterclockwise::before {
  content: "\f117";
}
.bi-arrow-down-circle-fill::before {
  content: "\f118";
}
.bi-arrow-down-circle::before {
  content: "\f119";
}
.bi-arrow-down-left-circle-fill::before {
  content: "\f11a";
}
.bi-arrow-down-left-circle::before {
  content: "\f11b";
}
.bi-arrow-down-left-square-fill::before {
  content: "\f11c";
}
.bi-arrow-down-left-square::before {
  content: "\f11d";
}
.bi-arrow-down-left::before {
  content: "\f11e";
}
.bi-arrow-down-right-circle-fill::before {
  content: "\f11f";
}
.bi-arrow-down-right-circle::before {
  content: "\f120";
}
.bi-arrow-down-right-square-fill::before {
  content: "\f121";
}
.bi-arrow-down-right-square::before {
  content: "\f122";
}
.bi-arrow-down-right::before {
  content: "\f123";
}
.bi-arrow-down-short::before {
  content: "\f124";
}
.bi-arrow-down-square-fill::before {
  content: "\f125";
}
.bi-arrow-down-square::before {
  content: "\f126";
}
.bi-arrow-down-up::before {
  content: "\f127";
}
.bi-arrow-down::before {
  content: "\f128";
}
.bi-arrow-left-circle-fill::before {
  content: "\f129";
}
.bi-arrow-left-circle::before {
  content: "\f12a";
}
.bi-arrow-left-right::before {
  content: "\f12b";
}
.bi-arrow-left-short::before {
  content: "\f12c";
}
.bi-arrow-left-square-fill::before {
  content: "\f12d";
}
.bi-arrow-left-square::before {
  content: "\f12e";
}
.bi-arrow-left::before {
  content: "\f12f";
}
.bi-arrow-repeat::before {
  content: "\f130";
}
.bi-arrow-return-left::before {
  content: "\f131";
}
.bi-arrow-return-right::before {
  content: "\f132";
}
.bi-arrow-right-circle-fill::before {
  content: "\f133";
}
.bi-arrow-right-circle::before {
  content: "\f134";
}
.bi-arrow-right-short::before {
  content: "\f135";
}
.bi-arrow-right-square-fill::before {
  content: "\f136";
}
.bi-arrow-right-square::before {
  content: "\f137";
}
.bi-arrow-right::before {
  content: "\f138";
}
.bi-arrow-up-circle-fill::before {
  content: "\f139";
}
.bi-arrow-up-circle::before {
  content: "\f13a";
}
.bi-arrow-up-left-circle-fill::before {
  content: "\f13b";
}
.bi-arrow-up-left-circle::before {
  content: "\f13c";
}
.bi-arrow-up-left-square-fill::before {
  content: "\f13d";
}
.bi-arrow-up-left-square::before {
  content: "\f13e";
}
.bi-arrow-up-left::before {
  content: "\f13f";
}
.bi-arrow-up-right-circle-fill::before {
  content: "\f140";
}
.bi-arrow-up-right-circle::before {
  content: "\f141";
}
.bi-arrow-up-right-square-fill::before {
  content: "\f142";
}
.bi-arrow-up-right-square::before {
  content: "\f143";
}
.bi-arrow-up-right::before {
  content: "\f144";
}
.bi-arrow-up-short::before {
  content: "\f145";
}
.bi-arrow-up-square-fill::before {
  content: "\f146";
}
.bi-arrow-up-square::before {
  content: "\f147";
}
.bi-arrow-up::before {
  content: "\f148";
}
.bi-arrows-angle-contract::before {
  content: "\f149";
}
.bi-arrows-angle-expand::before {
  content: "\f14a";
}
.bi-arrows-collapse::before {
  content: "\f14b";
}
.bi-arrows-expand::before {
  content: "\f14c";
}
.bi-arrows-fullscreen::before {
  content: "\f14d";
}
.bi-arrows-move::before {
  content: "\f14e";
}
.bi-aspect-ratio-fill::before {
  content: "\f14f";
}
.bi-aspect-ratio::before {
  content: "\f150";
}
.bi-asterisk::before {
  content: "\f151";
}
.bi-at::before {
  content: "\f152";
}
.bi-award-fill::before {
  content: "\f153";
}
.bi-award::before {
  content: "\f154";
}
.bi-back::before {
  content: "\f155";
}
.bi-backspace-fill::before {
  content: "\f156";
}
.bi-backspace-reverse-fill::before {
  content: "\f157";
}
.bi-backspace-reverse::before {
  content: "\f158";
}
.bi-backspace::before {
  content: "\f159";
}
.bi-badge-3d-fill::before {
  content: "\f15a";
}
.bi-badge-3d::before {
  content: "\f15b";
}
.bi-badge-4k-fill::before {
  content: "\f15c";
}
.bi-badge-4k::before {
  content: "\f15d";
}
.bi-badge-8k-fill::before {
  content: "\f15e";
}
.bi-badge-8k::before {
  content: "\f15f";
}
.bi-badge-ad-fill::before {
  content: "\f160";
}
.bi-badge-ad::before {
  content: "\f161";
}
.bi-badge-ar-fill::before {
  content: "\f162";
}
.bi-badge-ar::before {
  content: "\f163";
}
.bi-badge-cc-fill::before {
  content: "\f164";
}
.bi-badge-cc::before {
  content: "\f165";
}
.bi-badge-hd-fill::before {
  content: "\f166";
}
.bi-badge-hd::before {
  content: "\f167";
}
.bi-badge-tm-fill::before {
  content: "\f168";
}
.bi-badge-tm::before {
  content: "\f169";
}
.bi-badge-vo-fill::before {
  content: "\f16a";
}
.bi-badge-vo::before {
  content: "\f16b";
}
.bi-badge-vr-fill::before {
  content: "\f16c";
}
.bi-badge-vr::before {
  content: "\f16d";
}
.bi-badge-wc-fill::before {
  content: "\f16e";
}
.bi-badge-wc::before {
  content: "\f16f";
}
.bi-bag-check-fill::before {
  content: "\f170";
}
.bi-bag-check::before {
  content: "\f171";
}
.bi-bag-dash-fill::before {
  content: "\f172";
}
.bi-bag-dash::before {
  content: "\f173";
}
.bi-bag-fill::before {
  content: "\f174";
}
.bi-bag-plus-fill::before {
  content: "\f175";
}
.bi-bag-plus::before {
  content: "\f176";
}
.bi-bag-x-fill::before {
  content: "\f177";
}
.bi-bag-x::before {
  content: "\f178";
}
.bi-bag::before {
  content: "\f179";
}
.bi-bar-chart-fill::before {
  content: "\f17a";
}
.bi-bar-chart-line-fill::before {
  content: "\f17b";
}
.bi-bar-chart-line::before {
  content: "\f17c";
}
.bi-bar-chart-steps::before {
  content: "\f17d";
}
.bi-bar-chart::before {
  content: "\f17e";
}
.bi-basket-fill::before {
  content: "\f17f";
}
.bi-basket::before {
  content: "\f180";
}
.bi-basket2-fill::before {
  content: "\f181";
}
.bi-basket2::before {
  content: "\f182";
}
.bi-basket3-fill::before {
  content: "\f183";
}
.bi-basket3::before {
  content: "\f184";
}
.bi-battery-charging::before {
  content: "\f185";
}
.bi-battery-full::before {
  content: "\f186";
}
.bi-battery-half::before {
  content: "\f187";
}
.bi-battery::before {
  content: "\f188";
}
.bi-bell-fill::before {
  content: "\f189";
}
.bi-bell::before {
  content: "\f18a";
}
.bi-bezier::before {
  content: "\f18b";
}
.bi-bezier2::before {
  content: "\f18c";
}
.bi-bicycle::before {
  content: "\f18d";
}
.bi-binoculars-fill::before {
  content: "\f18e";
}
.bi-binoculars::before {
  content: "\f18f";
}
.bi-blockquote-left::before {
  content: "\f190";
}
.bi-blockquote-right::before {
  content: "\f191";
}
.bi-book-fill::before {
  content: "\f192";
}
.bi-book-half::before {
  content: "\f193";
}
.bi-book::before {
  content: "\f194";
}
.bi-bookmark-check-fill::before {
  content: "\f195";
}
.bi-bookmark-check::before {
  content: "\f196";
}
.bi-bookmark-dash-fill::before {
  content: "\f197";
}
.bi-bookmark-dash::before {
  content: "\f198";
}
.bi-bookmark-fill::before {
  content: "\f199";
}
.bi-bookmark-heart-fill::before {
  content: "\f19a";
}
.bi-bookmark-heart::before {
  content: "\f19b";
}
.bi-bookmark-plus-fill::before {
  content: "\f19c";
}
.bi-bookmark-plus::before {
  content: "\f19d";
}
.bi-bookmark-star-fill::before {
  content: "\f19e";
}
.bi-bookmark-star::before {
  content: "\f19f";
}
.bi-bookmark-x-fill::before {
  content: "\f1a0";
}
.bi-bookmark-x::before {
  content: "\f1a1";
}
.bi-bookmark::before {
  content: "\f1a2";
}
.bi-bookmarks-fill::before {
  content: "\f1a3";
}
.bi-bookmarks::before {
  content: "\f1a4";
}
.bi-bookshelf::before {
  content: "\f1a5";
}
.bi-bootstrap-fill::before {
  content: "\f1a6";
}
.bi-bootstrap-reboot::before {
  content: "\f1a7";
}
.bi-bootstrap::before {
  content: "\f1a8";
}
.bi-border-all::before {
  content: "\f1a9";
}
.bi-border-bottom::before {
  content: "\f1aa";
}
.bi-border-center::before {
  content: "\f1ab";
}
.bi-border-inner::before {
  content: "\f1ac";
}
.bi-border-left::before {
  content: "\f1ad";
}
.bi-border-middle::before {
  content: "\f1ae";
}
.bi-border-outer::before {
  content: "\f1af";
}
.bi-border-right::before {
  content: "\f1b0";
}
.bi-border-style::before {
  content: "\f1b1";
}
.bi-border-top::before {
  content: "\f1b2";
}
.bi-border-width::before {
  content: "\f1b3";
}
.bi-border::before {
  content: "\f1b4";
}
.bi-bounding-box-circles::before {
  content: "\f1b5";
}
.bi-bounding-box::before {
  content: "\f1b6";
}
.bi-box-arrow-down-left::before {
  content: "\f1b7";
}
.bi-box-arrow-down-right::before {
  content: "\f1b8";
}
.bi-box-arrow-down::before {
  content: "\f1b9";
}
.bi-box-arrow-in-down-left::before {
  content: "\f1ba";
}
.bi-box-arrow-in-down-right::before {
  content: "\f1bb";
}
.bi-box-arrow-in-down::before {
  content: "\f1bc";
}
.bi-box-arrow-in-left::before {
  content: "\f1bd";
}
.bi-box-arrow-in-right::before {
  content: "\f1be";
}
.bi-box-arrow-in-up-left::before {
  content: "\f1bf";
}
.bi-box-arrow-in-up-right::before {
  content: "\f1c0";
}
.bi-box-arrow-in-up::before {
  content: "\f1c1";
}
.bi-box-arrow-left::before {
  content: "\f1c2";
}
.bi-box-arrow-right::before {
  content: "\f1c3";
}
.bi-box-arrow-up-left::before {
  content: "\f1c4";
}
.bi-box-arrow-up-right::before {
  content: "\f1c5";
}
.bi-box-arrow-up::before {
  content: "\f1c6";
}
.bi-box-seam::before {
  content: "\f1c7";
}
.bi-box::before {
  content: "\f1c8";
}
.bi-braces::before {
  content: "\f1c9";
}
.bi-bricks::before {
  content: "\f1ca";
}
.bi-briefcase-fill::before {
  content: "\f1cb";
}
.bi-briefcase::before {
  content: "\f1cc";
}
.bi-brightness-alt-high-fill::before {
  content: "\f1cd";
}
.bi-brightness-alt-high::before {
  content: "\f1ce";
}
.bi-brightness-alt-low-fill::before {
  content: "\f1cf";
}
.bi-brightness-alt-low::before {
  content: "\f1d0";
}
.bi-brightness-high-fill::before {
  content: "\f1d1";
}
.bi-brightness-high::before {
  content: "\f1d2";
}
.bi-brightness-low-fill::before {
  content: "\f1d3";
}
.bi-brightness-low::before {
  content: "\f1d4";
}
.bi-broadcast-pin::before {
  content: "\f1d5";
}
.bi-broadcast::before {
  content: "\f1d6";
}
.bi-brush-fill::before {
  content: "\f1d7";
}
.bi-brush::before {
  content: "\f1d8";
}
.bi-bucket-fill::before {
  content: "\f1d9";
}
.bi-bucket::before {
  content: "\f1da";
}
.bi-bug-fill::before {
  content: "\f1db";
}
.bi-bug::before {
  content: "\f1dc";
}
.bi-building::before {
  content: "\f1dd";
}
.bi-bullseye::before {
  content: "\f1de";
}
.bi-calculator-fill::before {
  content: "\f1df";
}
.bi-calculator::before {
  content: "\f1e0";
}
.bi-calendar-check-fill::before {
  content: "\f1e1";
}
.bi-calendar-check::before {
  content: "\f1e2";
}
.bi-calendar-date-fill::before {
  content: "\f1e3";
}
.bi-calendar-date::before {
  content: "\f1e4";
}
.bi-calendar-day-fill::before {
  content: "\f1e5";
}
.bi-calendar-day::before {
  content: "\f1e6";
}
.bi-calendar-event-fill::before {
  content: "\f1e7";
}
.bi-calendar-event::before {
  content: "\f1e8";
}
.bi-calendar-fill::before {
  content: "\f1e9";
}
.bi-calendar-minus-fill::before {
  content: "\f1ea";
}
.bi-calendar-minus::before {
  content: "\f1eb";
}
.bi-calendar-month-fill::before {
  content: "\f1ec";
}
.bi-calendar-month::before {
  content: "\f1ed";
}
.bi-calendar-plus-fill::before {
  content: "\f1ee";
}
.bi-calendar-plus::before {
  content: "\f1ef";
}
.bi-calendar-range-fill::before {
  content: "\f1f0";
}
.bi-calendar-range::before {
  content: "\f1f1";
}
.bi-calendar-week-fill::before {
  content: "\f1f2";
}
.bi-calendar-week::before {
  content: "\f1f3";
}
.bi-calendar-x-fill::before {
  content: "\f1f4";
}
.bi-calendar-x::before {
  content: "\f1f5";
}
.bi-calendar::before {
  content: "\f1f6";
}
.bi-calendar2-check-fill::before {
  content: "\f1f7";
}
.bi-calendar2-check::before {
  content: "\f1f8";
}
.bi-calendar2-date-fill::before {
  content: "\f1f9";
}
.bi-calendar2-date::before {
  content: "\f1fa";
}
.bi-calendar2-day-fill::before {
  content: "\f1fb";
}
.bi-calendar2-day::before {
  content: "\f1fc";
}
.bi-calendar2-event-fill::before {
  content: "\f1fd";
}
.bi-calendar2-event::before {
  content: "\f1fe";
}
.bi-calendar2-fill::before {
  content: "\f1ff";
}
.bi-calendar2-minus-fill::before {
  content: "\f200";
}
.bi-calendar2-minus::before {
  content: "\f201";
}
.bi-calendar2-month-fill::before {
  content: "\f202";
}
.bi-calendar2-month::before {
  content: "\f203";
}
.bi-calendar2-plus-fill::before {
  content: "\f204";
}
.bi-calendar2-plus::before {
  content: "\f205";
}
.bi-calendar2-range-fill::before {
  content: "\f206";
}
.bi-calendar2-range::before {
  content: "\f207";
}
.bi-calendar2-week-fill::before {
  content: "\f208";
}
.bi-calendar2-week::before {
  content: "\f209";
}
.bi-calendar2-x-fill::before {
  content: "\f20a";
}
.bi-calendar2-x::before {
  content: "\f20b";
}
.bi-calendar2::before {
  content: "\f20c";
}
.bi-calendar3-event-fill::before {
  content: "\f20d";
}
.bi-calendar3-event::before {
  content: "\f20e";
}
.bi-calendar3-fill::before {
  content: "\f20f";
}
.bi-calendar3-range-fill::before {
  content: "\f210";
}
.bi-calendar3-range::before {
  content: "\f211";
}
.bi-calendar3-week-fill::before {
  content: "\f212";
}
.bi-calendar3-week::before {
  content: "\f213";
}
.bi-calendar3::before {
  content: "\f214";
}
.bi-calendar4-event::before {
  content: "\f215";
}
.bi-calendar4-range::before {
  content: "\f216";
}
.bi-calendar4-week::before {
  content: "\f217";
}
.bi-calendar4::before {
  content: "\f218";
}
.bi-camera-fill::before {
  content: "\f219";
}
.bi-camera-reels-fill::before {
  content: "\f21a";
}
.bi-camera-reels::before {
  content: "\f21b";
}
.bi-camera-video-fill::before {
  content: "\f21c";
}
.bi-camera-video-off-fill::before {
  content: "\f21d";
}
.bi-camera-video-off::before {
  content: "\f21e";
}
.bi-camera-video::before {
  content: "\f21f";
}
.bi-camera::before {
  content: "\f220";
}
.bi-camera2::before {
  content: "\f221";
}
.bi-capslock-fill::before {
  content: "\f222";
}
.bi-capslock::before {
  content: "\f223";
}
.bi-card-checklist::before {
  content: "\f224";
}
.bi-card-heading::before {
  content: "\f225";
}
.bi-card-image::before {
  content: "\f226";
}
.bi-card-list::before {
  content: "\f227";
}
.bi-card-text::before {
  content: "\f228";
}
.bi-caret-down-fill::before {
  content: "\f229";
}
.bi-caret-down-square-fill::before {
  content: "\f22a";
}
.bi-caret-down-square::before {
  content: "\f22b";
}
.bi-caret-down::before {
  content: "\f22c";
}
.bi-caret-left-fill::before {
  content: "\f22d";
}
.bi-caret-left-square-fill::before {
  content: "\f22e";
}
.bi-caret-left-square::before {
  content: "\f22f";
}
.bi-caret-left::before {
  content: "\f230";
}
.bi-caret-right-fill::before {
  content: "\f231";
}
.bi-caret-right-square-fill::before {
  content: "\f232";
}
.bi-caret-right-square::before {
  content: "\f233";
}
.bi-caret-right::before {
  content: "\f234";
}
.bi-caret-up-fill::before {
  content: "\f235";
}
.bi-caret-up-square-fill::before {
  content: "\f236";
}
.bi-caret-up-square::before {
  content: "\f237";
}
.bi-caret-up::before {
  content: "\f238";
}
.bi-cart-check-fill::before {
  content: "\f239";
}
.bi-cart-check::before {
  content: "\f23a";
}
.bi-cart-dash-fill::before {
  content: "\f23b";
}
.bi-cart-dash::before {
  content: "\f23c";
}
.bi-cart-fill::before {
  content: "\f23d";
}
.bi-cart-plus-fill::before {
  content: "\f23e";
}
.bi-cart-plus::before {
  content: "\f23f";
}
.bi-cart-x-fill::before {
  content: "\f240";
}
.bi-cart-x::before {
  content: "\f241";
}
.bi-cart::before {
  content: "\f242";
}
.bi-cart2::before {
  content: "\f243";
}
.bi-cart3::before {
  content: "\f244";
}
.bi-cart4::before {
  content: "\f245";
}
.bi-cash-stack::before {
  content: "\f246";
}
.bi-cash::before {
  content: "\f247";
}
.bi-cast::before {
  content: "\f248";
}
.bi-chat-dots-fill::before {
  content: "\f249";
}
.bi-chat-dots::before {
  content: "\f24a";
}
.bi-chat-fill::before {
  content: "\f24b";
}
.bi-chat-left-dots-fill::before {
  content: "\f24c";
}
.bi-chat-left-dots::before {
  content: "\f24d";
}
.bi-chat-left-fill::before {
  content: "\f24e";
}
.bi-chat-left-quote-fill::before {
  content: "\f24f";
}
.bi-chat-left-quote::before {
  content: "\f250";
}
.bi-chat-left-text-fill::before {
  content: "\f251";
}
.bi-chat-left-text::before {
  content: "\f252";
}
.bi-chat-left::before {
  content: "\f253";
}
.bi-chat-quote-fill::before {
  content: "\f254";
}
.bi-chat-quote::before {
  content: "\f255";
}
.bi-chat-right-dots-fill::before {
  content: "\f256";
}
.bi-chat-right-dots::before {
  content: "\f257";
}
.bi-chat-right-fill::before {
  content: "\f258";
}
.bi-chat-right-quote-fill::before {
  content: "\f259";
}
.bi-chat-right-quote::before {
  content: "\f25a";
}
.bi-chat-right-text-fill::before {
  content: "\f25b";
}
.bi-chat-right-text::before {
  content: "\f25c";
}
.bi-chat-right::before {
  content: "\f25d";
}
.bi-chat-square-dots-fill::before {
  content: "\f25e";
}
.bi-chat-square-dots::before {
  content: "\f25f";
}
.bi-chat-square-fill::before {
  content: "\f260";
}
.bi-chat-square-quote-fill::before {
  content: "\f261";
}
.bi-chat-square-quote::before {
  content: "\f262";
}
.bi-chat-square-text-fill::before {
  content: "\f263";
}
.bi-chat-square-text::before {
  content: "\f264";
}
.bi-chat-square::before {
  content: "\f265";
}
.bi-chat-text-fill::before {
  content: "\f266";
}
.bi-chat-text::before {
  content: "\f267";
}
.bi-chat::before {
  content: "\f268";
}
.bi-check-all::before {
  content: "\f269";
}
.bi-check-circle-fill::before {
  content: "\f26a";
}
.bi-check-circle::before {
  content: "\f26b";
}
.bi-check-square-fill::before {
  content: "\f26c";
}
.bi-check-square::before {
  content: "\f26d";
}
.bi-check::before {
  content: "\f26e";
}
.bi-check2-all::before {
  content: "\f26f";
}
.bi-check2-circle::before {
  content: "\f270";
}
.bi-check2-square::before {
  content: "\f271";
}
.bi-check2::before {
  content: "\f272";
}
.bi-chevron-bar-contract::before {
  content: "\f273";
}
.bi-chevron-bar-down::before {
  content: "\f274";
}
.bi-chevron-bar-expand::before {
  content: "\f275";
}
.bi-chevron-bar-left::before {
  content: "\f276";
}
.bi-chevron-bar-right::before {
  content: "\f277";
}
.bi-chevron-bar-up::before {
  content: "\f278";
}
.bi-chevron-compact-down::before {
  content: "\f279";
}
.bi-chevron-compact-left::before {
  content: "\f27a";
}
.bi-chevron-compact-right::before {
  content: "\f27b";
}
.bi-chevron-compact-up::before {
  content: "\f27c";
}
.bi-chevron-contract::before {
  content: "\f27d";
}
.bi-chevron-double-down::before {
  content: "\f27e";
}
.bi-chevron-double-left::before {
  content: "\f27f";
}
.bi-chevron-double-right::before {
  content: "\f280";
}
.bi-chevron-double-up::before {
  content: "\f281";
}
.bi-chevron-down::before {
  content: "\f282";
}
.bi-chevron-expand::before {
  content: "\f283";
}
.bi-chevron-left::before {
  content: "\f284";
}
.bi-chevron-right::before {
  content: "\f285";
}
.bi-chevron-up::before {
  content: "\f286";
}
.bi-circle-fill::before {
  content: "\f287";
}
.bi-circle-half::before {
  content: "\f288";
}
.bi-circle-square::before {
  content: "\f289";
}
.bi-circle::before {
  content: "\f28a";
}
.bi-clipboard-check::before {
  content: "\f28b";
}
.bi-clipboard-data::before {
  content: "\f28c";
}
.bi-clipboard-minus::before {
  content: "\f28d";
}
.bi-clipboard-plus::before {
  content: "\f28e";
}
.bi-clipboard-x::before {
  content: "\f28f";
}
.bi-clipboard::before {
  content: "\f290";
}
.bi-clock-fill::before {
  content: "\f291";
}
.bi-clock-history::before {
  content: "\f292";
}
.bi-clock::before {
  content: "\f293";
}
.bi-cloud-arrow-down-fill::before {
  content: "\f294";
}
.bi-cloud-arrow-down::before {
  content: "\f295";
}
.bi-cloud-arrow-up-fill::before {
  content: "\f296";
}
.bi-cloud-arrow-up::before {
  content: "\f297";
}
.bi-cloud-check-fill::before {
  content: "\f298";
}
.bi-cloud-check::before {
  content: "\f299";
}
.bi-cloud-download-fill::before {
  content: "\f29a";
}
.bi-cloud-download::before {
  content: "\f29b";
}
.bi-cloud-drizzle-fill::before {
  content: "\f29c";
}
.bi-cloud-drizzle::before {
  content: "\f29d";
}
.bi-cloud-fill::before {
  content: "\f29e";
}
.bi-cloud-fog-fill::before {
  content: "\f29f";
}
.bi-cloud-fog::before {
  content: "\f2a0";
}
.bi-cloud-fog2-fill::before {
  content: "\f2a1";
}
.bi-cloud-fog2::before {
  content: "\f2a2";
}
.bi-cloud-hail-fill::before {
  content: "\f2a3";
}
.bi-cloud-hail::before {
  content: "\f2a4";
}
.bi-cloud-haze-fill::before {
  content: "\f2a6";
}
.bi-cloud-haze::before {
  content: "\f2a7";
}
.bi-cloud-haze2-fill::before {
  content: "\f2a8";
}
.bi-cloud-lightning-fill::before {
  content: "\f2a9";
}
.bi-cloud-lightning-rain-fill::before {
  content: "\f2aa";
}
.bi-cloud-lightning-rain::before {
  content: "\f2ab";
}
.bi-cloud-lightning::before {
  content: "\f2ac";
}
.bi-cloud-minus-fill::before {
  content: "\f2ad";
}
.bi-cloud-minus::before {
  content: "\f2ae";
}
.bi-cloud-moon-fill::before {
  content: "\f2af";
}
.bi-cloud-moon::before {
  content: "\f2b0";
}
.bi-cloud-plus-fill::before {
  content: "\f2b1";
}
.bi-cloud-plus::before {
  content: "\f2b2";
}
.bi-cloud-rain-fill::before {
  content: "\f2b3";
}
.bi-cloud-rain-heavy-fill::before {
  content: "\f2b4";
}
.bi-cloud-rain-heavy::before {
  content: "\f2b5";
}
.bi-cloud-rain::before {
  content: "\f2b6";
}
.bi-cloud-slash-fill::before {
  content: "\f2b7";
}
.bi-cloud-slash::before {
  content: "\f2b8";
}
.bi-cloud-sleet-fill::before {
  content: "\f2b9";
}
.bi-cloud-sleet::before {
  content: "\f2ba";
}
.bi-cloud-snow-fill::before {
  content: "\f2bb";
}
.bi-cloud-snow::before {
  content: "\f2bc";
}
.bi-cloud-sun-fill::before {
  content: "\f2bd";
}
.bi-cloud-sun::before {
  content: "\f2be";
}
.bi-cloud-upload-fill::before {
  content: "\f2bf";
}
.bi-cloud-upload::before {
  content: "\f2c0";
}
.bi-cloud::before {
  content: "\f2c1";
}
.bi-clouds-fill::before {
  content: "\f2c2";
}
.bi-clouds::before {
  content: "\f2c3";
}
.bi-cloudy-fill::before {
  content: "\f2c4";
}
.bi-cloudy::before {
  content: "\f2c5";
}
.bi-code-slash::before {
  content: "\f2c6";
}
.bi-code-square::before {
  content: "\f2c7";
}
.bi-code::before {
  content: "\f2c8";
}
.bi-collection-fill::before {
  content: "\f2c9";
}
.bi-collection-play-fill::before {
  content: "\f2ca";
}
.bi-collection-play::before {
  content: "\f2cb";
}
.bi-collection::before {
  content: "\f2cc";
}
.bi-columns-gap::before {
  content: "\f2cd";
}
.bi-columns::before {
  content: "\f2ce";
}
.bi-command::before {
  content: "\f2cf";
}
.bi-compass-fill::before {
  content: "\f2d0";
}
.bi-compass::before {
  content: "\f2d1";
}
.bi-cone-striped::before {
  content: "\f2d2";
}
.bi-cone::before {
  content: "\f2d3";
}
.bi-controller::before {
  content: "\f2d4";
}
.bi-cpu-fill::before {
  content: "\f2d5";
}
.bi-cpu::before {
  content: "\f2d6";
}
.bi-credit-card-2-back-fill::before {
  content: "\f2d7";
}
.bi-credit-card-2-back::before {
  content: "\f2d8";
}
.bi-credit-card-2-front-fill::before {
  content: "\f2d9";
}
.bi-credit-card-2-front::before {
  content: "\f2da";
}
.bi-credit-card-fill::before {
  content: "\f2db";
}
.bi-credit-card::before {
  content: "\f2dc";
}
.bi-crop::before {
  content: "\f2dd";
}
.bi-cup-fill::before {
  content: "\f2de";
}
.bi-cup-straw::before {
  content: "\f2df";
}
.bi-cup::before {
  content: "\f2e0";
}
.bi-cursor-fill::before {
  content: "\f2e1";
}
.bi-cursor-text::before {
  content: "\f2e2";
}
.bi-cursor::before {
  content: "\f2e3";
}
.bi-dash-circle-dotted::before {
  content: "\f2e4";
}
.bi-dash-circle-fill::before {
  content: "\f2e5";
}
.bi-dash-circle::before {
  content: "\f2e6";
}
.bi-dash-square-dotted::before {
  content: "\f2e7";
}
.bi-dash-square-fill::before {
  content: "\f2e8";
}
.bi-dash-square::before {
  content: "\f2e9";
}
.bi-dash::before {
  content: "\f2ea";
}
.bi-diagram-2-fill::before {
  content: "\f2eb";
}
.bi-diagram-2::before {
  content: "\f2ec";
}
.bi-diagram-3-fill::before {
  content: "\f2ed";
}
.bi-diagram-3::before {
  content: "\f2ee";
}
.bi-diamond-fill::before {
  content: "\f2ef";
}
.bi-diamond-half::before {
  content: "\f2f0";
}
.bi-diamond::before {
  content: "\f2f1";
}
.bi-dice-1-fill::before {
  content: "\f2f2";
}
.bi-dice-1::before {
  content: "\f2f3";
}
.bi-dice-2-fill::before {
  content: "\f2f4";
}
.bi-dice-2::before {
  content: "\f2f5";
}
.bi-dice-3-fill::before {
  content: "\f2f6";
}
.bi-dice-3::before {
  content: "\f2f7";
}
.bi-dice-4-fill::before {
  content: "\f2f8";
}
.bi-dice-4::before {
  content: "\f2f9";
}
.bi-dice-5-fill::before {
  content: "\f2fa";
}
.bi-dice-5::before {
  content: "\f2fb";
}
.bi-dice-6-fill::before {
  content: "\f2fc";
}
.bi-dice-6::before {
  content: "\f2fd";
}
.bi-disc-fill::before {
  content: "\f2fe";
}
.bi-disc::before {
  content: "\f2ff";
}
.bi-discord::before {
  content: "\f300";
}
.bi-display-fill::before {
  content: "\f301";
}
.bi-display::before {
  content: "\f302";
}
.bi-distribute-horizontal::before {
  content: "\f303";
}
.bi-distribute-vertical::before {
  content: "\f304";
}
.bi-door-closed-fill::before {
  content: "\f305";
}
.bi-door-closed::before {
  content: "\f306";
}
.bi-door-open-fill::before {
  content: "\f307";
}
.bi-door-open::before {
  content: "\f308";
}
.bi-dot::before {
  content: "\f309";
}
.bi-download::before {
  content: "\f30a";
}
.bi-droplet-fill::before {
  content: "\f30b";
}
.bi-droplet-half::before {
  content: "\f30c";
}
.bi-droplet::before {
  content: "\f30d";
}
.bi-earbuds::before {
  content: "\f30e";
}
.bi-easel-fill::before {
  content: "\f30f";
}
.bi-easel::before {
  content: "\f310";
}
.bi-egg-fill::before {
  content: "\f311";
}
.bi-egg-fried::before {
  content: "\f312";
}
.bi-egg::before {
  content: "\f313";
}
.bi-eject-fill::before {
  content: "\f314";
}
.bi-eject::before {
  content: "\f315";
}
.bi-emoji-angry-fill::before {
  content: "\f316";
}
.bi-emoji-angry::before {
  content: "\f317";
}
.bi-emoji-dizzy-fill::before {
  content: "\f318";
}
.bi-emoji-dizzy::before {
  content: "\f319";
}
.bi-emoji-expressionless-fill::before {
  content: "\f31a";
}
.bi-emoji-expressionless::before {
  content: "\f31b";
}
.bi-emoji-frown-fill::before {
  content: "\f31c";
}
.bi-emoji-frown::before {
  content: "\f31d";
}
.bi-emoji-heart-eyes-fill::before {
  content: "\f31e";
}
.bi-emoji-heart-eyes::before {
  content: "\f31f";
}
.bi-emoji-laughing-fill::before {
  content: "\f320";
}
.bi-emoji-laughing::before {
  content: "\f321";
}
.bi-emoji-neutral-fill::before {
  content: "\f322";
}
.bi-emoji-neutral::before {
  content: "\f323";
}
.bi-emoji-smile-fill::before {
  content: "\f324";
}
.bi-emoji-smile-upside-down-fill::before {
  content: "\f325";
}
.bi-emoji-smile-upside-down::before {
  content: "\f326";
}
.bi-emoji-smile::before {
  content: "\f327";
}
.bi-emoji-sunglasses-fill::before {
  content: "\f328";
}
.bi-emoji-sunglasses::before {
  content: "\f329";
}
.bi-emoji-wink-fill::before {
  content: "\f32a";
}
.bi-emoji-wink::before {
  content: "\f32b";
}
.bi-envelope-fill::before {
  content: "\f32c";
}
.bi-envelope-open-fill::before {
  content: "\f32d";
}
.bi-envelope-open::before {
  content: "\f32e";
}
.bi-envelope::before {
  content: "\f32f";
}
.bi-eraser-fill::before {
  content: "\f330";
}
.bi-eraser::before {
  content: "\f331";
}
.bi-exclamation-circle-fill::before {
  content: "\f332";
}
.bi-exclamation-circle::before {
  content: "\f333";
}
.bi-exclamation-diamond-fill::before {
  content: "\f334";
}
.bi-exclamation-diamond::before {
  content: "\f335";
}
.bi-exclamation-octagon-fill::before {
  content: "\f336";
}
.bi-exclamation-octagon::before {
  content: "\f337";
}
.bi-exclamation-square-fill::before {
  content: "\f338";
}
.bi-exclamation-square::before {
  content: "\f339";
}
.bi-exclamation-triangle-fill::before {
  content: "\f33a";
}
.bi-exclamation-triangle::before {
  content: "\f33b";
}
.bi-exclamation::before {
  content: "\f33c";
}
.bi-exclude::before {
  content: "\f33d";
}
.bi-eye-fill::before {
  content: "\f33e";
}
.bi-eye-slash-fill::before {
  content: "\f33f";
}
.bi-eye-slash::before {
  content: "\f340";
}
.bi-eye::before {
  content: "\f341";
}
.bi-eyedropper::before {
  content: "\f342";
}
.bi-eyeglasses::before {
  content: "\f343";
}
.bi-facebook::before {
  content: "\f344";
}
.bi-file-arrow-down-fill::before {
  content: "\f345";
}
.bi-file-arrow-down::before {
  content: "\f346";
}
.bi-file-arrow-up-fill::before {
  content: "\f347";
}
.bi-file-arrow-up::before {
  content: "\f348";
}
.bi-file-bar-graph-fill::before {
  content: "\f349";
}
.bi-file-bar-graph::before {
  content: "\f34a";
}
.bi-file-binary-fill::before {
  content: "\f34b";
}
.bi-file-binary::before {
  content: "\f34c";
}
.bi-file-break-fill::before {
  content: "\f34d";
}
.bi-file-break::before {
  content: "\f34e";
}
.bi-file-check-fill::before {
  content: "\f34f";
}
.bi-file-check::before {
  content: "\f350";
}
.bi-file-code-fill::before {
  content: "\f351";
}
.bi-file-code::before {
  content: "\f352";
}
.bi-file-diff-fill::before {
  content: "\f353";
}
.bi-file-diff::before {
  content: "\f354";
}
.bi-file-earmark-arrow-down-fill::before {
  content: "\f355";
}
.bi-file-earmark-arrow-down::before {
  content: "\f356";
}
.bi-file-earmark-arrow-up-fill::before {
  content: "\f357";
}
.bi-file-earmark-arrow-up::before {
  content: "\f358";
}
.bi-file-earmark-bar-graph-fill::before {
  content: "\f359";
}
.bi-file-earmark-bar-graph::before {
  content: "\f35a";
}
.bi-file-earmark-binary-fill::before {
  content: "\f35b";
}
.bi-file-earmark-binary::before {
  content: "\f35c";
}
.bi-file-earmark-break-fill::before {
  content: "\f35d";
}
.bi-file-earmark-break::before {
  content: "\f35e";
}
.bi-file-earmark-check-fill::before {
  content: "\f35f";
}
.bi-file-earmark-check::before {
  content: "\f360";
}
.bi-file-earmark-code-fill::before {
  content: "\f361";
}
.bi-file-earmark-code::before {
  content: "\f362";
}
.bi-file-earmark-diff-fill::before {
  content: "\f363";
}
.bi-file-earmark-diff::before {
  content: "\f364";
}
.bi-file-earmark-easel-fill::before {
  content: "\f365";
}
.bi-file-earmark-easel::before {
  content: "\f366";
}
.bi-file-earmark-excel-fill::before {
  content: "\f367";
}
.bi-file-earmark-excel::before {
  content: "\f368";
}
.bi-file-earmark-fill::before {
  content: "\f369";
}
.bi-file-earmark-font-fill::before {
  content: "\f36a";
}
.bi-file-earmark-font::before {
  content: "\f36b";
}
.bi-file-earmark-image-fill::before {
  content: "\f36c";
}
.bi-file-earmark-image::before {
  content: "\f36d";
}
.bi-file-earmark-lock-fill::before {
  content: "\f36e";
}
.bi-file-earmark-lock::before {
  content: "\f36f";
}
.bi-file-earmark-lock2-fill::before {
  content: "\f370";
}
.bi-file-earmark-lock2::before {
  content: "\f371";
}
.bi-file-earmark-medical-fill::before {
  content: "\f372";
}
.bi-file-earmark-medical::before {
  content: "\f373";
}
.bi-file-earmark-minus-fill::before {
  content: "\f374";
}
.bi-file-earmark-minus::before {
  content: "\f375";
}
.bi-file-earmark-music-fill::before {
  content: "\f376";
}
.bi-file-earmark-music::before {
  content: "\f377";
}
.bi-file-earmark-person-fill::before {
  content: "\f378";
}
.bi-file-earmark-person::before {
  content: "\f379";
}
.bi-file-earmark-play-fill::before {
  content: "\f37a";
}
.bi-file-earmark-play::before {
  content: "\f37b";
}
.bi-file-earmark-plus-fill::before {
  content: "\f37c";
}
.bi-file-earmark-plus::before {
  content: "\f37d";
}
.bi-file-earmark-post-fill::before {
  content: "\f37e";
}
.bi-file-earmark-post::before {
  content: "\f37f";
}
.bi-file-earmark-ppt-fill::before {
  content: "\f380";
}
.bi-file-earmark-ppt::before {
  content: "\f381";
}
.bi-file-earmark-richtext-fill::before {
  content: "\f382";
}
.bi-file-earmark-richtext::before {
  content: "\f383";
}
.bi-file-earmark-ruled-fill::before {
  content: "\f384";
}
.bi-file-earmark-ruled::before {
  content: "\f385";
}
.bi-file-earmark-slides-fill::before {
  content: "\f386";
}
.bi-file-earmark-slides::before {
  content: "\f387";
}
.bi-file-earmark-spreadsheet-fill::before {
  content: "\f388";
}
.bi-file-earmark-spreadsheet::before {
  content: "\f389";
}
.bi-file-earmark-text-fill::before {
  content: "\f38a";
}
.bi-file-earmark-text::before {
  content: "\f38b";
}
.bi-file-earmark-word-fill::before {
  content: "\f38c";
}
.bi-file-earmark-word::before {
  content: "\f38d";
}
.bi-file-earmark-x-fill::before {
  content: "\f38e";
}
.bi-file-earmark-x::before {
  content: "\f38f";
}
.bi-file-earmark-zip-fill::before {
  content: "\f390";
}
.bi-file-earmark-zip::before {
  content: "\f391";
}
.bi-file-earmark::before {
  content: "\f392";
}
.bi-file-easel-fill::before {
  content: "\f393";
}
.bi-file-easel::before {
  content: "\f394";
}
.bi-file-excel-fill::before {
  content: "\f395";
}
.bi-file-excel::before {
  content: "\f396";
}
.bi-file-fill::before {
  content: "\f397";
}
.bi-file-font-fill::before {
  content: "\f398";
}
.bi-file-font::before {
  content: "\f399";
}
.bi-file-image-fill::before {
  content: "\f39a";
}
.bi-file-image::before {
  content: "\f39b";
}
.bi-file-lock-fill::before {
  content: "\f39c";
}
.bi-file-lock::before {
  content: "\f39d";
}
.bi-file-lock2-fill::before {
  content: "\f39e";
}
.bi-file-lock2::before {
  content: "\f39f";
}
.bi-file-medical-fill::before {
  content: "\f3a0";
}
.bi-file-medical::before {
  content: "\f3a1";
}
.bi-file-minus-fill::before {
  content: "\f3a2";
}
.bi-file-minus::before {
  content: "\f3a3";
}
.bi-file-music-fill::before {
  content: "\f3a4";
}
.bi-file-music::before {
  content: "\f3a5";
}
.bi-file-person-fill::before {
  content: "\f3a6";
}
.bi-file-person::before {
  content: "\f3a7";
}
.bi-file-play-fill::before {
  content: "\f3a8";
}
.bi-file-play::before {
  content: "\f3a9";
}
.bi-file-plus-fill::before {
  content: "\f3aa";
}
.bi-file-plus::before {
  content: "\f3ab";
}
.bi-file-post-fill::before {
  content: "\f3ac";
}
.bi-file-post::before {
  content: "\f3ad";
}
.bi-file-ppt-fill::before {
  content: "\f3ae";
}
.bi-file-ppt::before {
  content: "\f3af";
}
.bi-file-richtext-fill::before {
  content: "\f3b0";
}
.bi-file-richtext::before {
  content: "\f3b1";
}
.bi-file-ruled-fill::before {
  content: "\f3b2";
}
.bi-file-ruled::before {
  content: "\f3b3";
}
.bi-file-slides-fill::before {
  content: "\f3b4";
}
.bi-file-slides::before {
  content: "\f3b5";
}
.bi-file-spreadsheet-fill::before {
  content: "\f3b6";
}
.bi-file-spreadsheet::before {
  content: "\f3b7";
}
.bi-file-text-fill::before {
  content: "\f3b8";
}
.bi-file-text::before {
  content: "\f3b9";
}
.bi-file-word-fill::before {
  content: "\f3ba";
}
.bi-file-word::before {
  content: "\f3bb";
}
.bi-file-x-fill::before {
  content: "\f3bc";
}
.bi-file-x::before {
  content: "\f3bd";
}
.bi-file-zip-fill::before {
  content: "\f3be";
}
.bi-file-zip::before {
  content: "\f3bf";
}
.bi-file::before {
  content: "\f3c0";
}
.bi-files-alt::before {
  content: "\f3c1";
}
.bi-files::before {
  content: "\f3c2";
}
.bi-film::before {
  content: "\f3c3";
}
.bi-filter-circle-fill::before {
  content: "\f3c4";
}
.bi-filter-circle::before {
  content: "\f3c5";
}
.bi-filter-left::before {
  content: "\f3c6";
}
.bi-filter-right::before {
  content: "\f3c7";
}
.bi-filter-square-fill::before {
  content: "\f3c8";
}
.bi-filter-square::before {
  content: "\f3c9";
}
.bi-filter::before {
  content: "\f3ca";
}
.bi-flag-fill::before {
  content: "\f3cb";
}
.bi-flag::before {
  content: "\f3cc";
}
.bi-flower1::before {
  content: "\f3cd";
}
.bi-flower2::before {
  content: "\f3ce";
}
.bi-flower3::before {
  content: "\f3cf";
}
.bi-folder-check::before {
  content: "\f3d0";
}
.bi-folder-fill::before {
  content: "\f3d1";
}
.bi-folder-minus::before {
  content: "\f3d2";
}
.bi-folder-plus::before {
  content: "\f3d3";
}
.bi-folder-symlink-fill::before {
  content: "\f3d4";
}
.bi-folder-symlink::before {
  content: "\f3d5";
}
.bi-folder-x::before {
  content: "\f3d6";
}
.bi-folder::before {
  content: "\f3d7";
}
.bi-folder2-open::before {
  content: "\f3d8";
}
.bi-folder2::before {
  content: "\f3d9";
}
.bi-fonts::before {
  content: "\f3da";
}
.bi-forward-fill::before {
  content: "\f3db";
}
.bi-forward::before {
  content: "\f3dc";
}
.bi-front::before {
  content: "\f3dd";
}
.bi-fullscreen-exit::before {
  content: "\f3de";
}
.bi-fullscreen::before {
  content: "\f3df";
}
.bi-funnel-fill::before {
  content: "\f3e0";
}
.bi-funnel::before {
  content: "\f3e1";
}
.bi-gear-fill::before {
  content: "\f3e2";
}
.bi-gear-wide-connected::before {
  content: "\f3e3";
}
.bi-gear-wide::before {
  content: "\f3e4";
}
.bi-gear::before {
  content: "\f3e5";
}
.bi-gem::before {
  content: "\f3e6";
}
.bi-geo-alt-fill::before {
  content: "\f3e7";
}
.bi-geo-alt::before {
  content: "\f3e8";
}
.bi-geo-fill::before {
  content: "\f3e9";
}
.bi-geo::before {
  content: "\f3ea";
}
.bi-gift-fill::before {
  content: "\f3eb";
}
.bi-gift::before {
  content: "\f3ec";
}
.bi-github::before {
  content: "\f3ed";
}
.bi-globe::before {
  content: "\f3ee";
}
.bi-globe2::before {
  content: "\f3ef";
}
.bi-google::before {
  content: "\f3f0";
}
.bi-graph-down::before {
  content: "\f3f1";
}
.bi-graph-up::before {
  content: "\f3f2";
}
.bi-grid-1x2-fill::before {
  content: "\f3f3";
}
.bi-grid-1x2::before {
  content: "\f3f4";
}
.bi-grid-3x2-gap-fill::before {
  content: "\f3f5";
}
.bi-grid-3x2-gap::before {
  content: "\f3f6";
}
.bi-grid-3x2::before {
  content: "\f3f7";
}
.bi-grid-3x3-gap-fill::before {
  content: "\f3f8";
}
.bi-grid-3x3-gap::before {
  content: "\f3f9";
}
.bi-grid-3x3::before {
  content: "\f3fa";
}
.bi-grid-fill::before {
  content: "\f3fb";
}
.bi-grid::before {
  content: "\f3fc";
}
.bi-grip-horizontal::before {
  content: "\f3fd";
}
.bi-grip-vertical::before {
  content: "\f3fe";
}
.bi-hammer::before {
  content: "\f3ff";
}
.bi-hand-index-fill::before {
  content: "\f400";
}
.bi-hand-index-thumb-fill::before {
  content: "\f401";
}
.bi-hand-index-thumb::before {
  content: "\f402";
}
.bi-hand-index::before {
  content: "\f403";
}
.bi-hand-thumbs-down-fill::before {
  content: "\f404";
}
.bi-hand-thumbs-down::before {
  content: "\f405";
}
.bi-hand-thumbs-up-fill::before {
  content: "\f406";
}
.bi-hand-thumbs-up::before {
  content: "\f407";
}
.bi-handbag-fill::before {
  content: "\f408";
}
.bi-handbag::before {
  content: "\f409";
}
.bi-hash::before {
  content: "\f40a";
}
.bi-hdd-fill::before {
  content: "\f40b";
}
.bi-hdd-network-fill::before {
  content: "\f40c";
}
.bi-hdd-network::before {
  content: "\f40d";
}
.bi-hdd-rack-fill::before {
  content: "\f40e";
}
.bi-hdd-rack::before {
  content: "\f40f";
}
.bi-hdd-stack-fill::before {
  content: "\f410";
}
.bi-hdd-stack::before {
  content: "\f411";
}
.bi-hdd::before {
  content: "\f412";
}
.bi-headphones::before {
  content: "\f413";
}
.bi-headset::before {
  content: "\f414";
}
.bi-heart-fill::before {
  content: "\f415";
}
.bi-heart-half::before {
  content: "\f416";
}
.bi-heart::before {
  content: "\f417";
}
.bi-heptagon-fill::before {
  content: "\f418";
}
.bi-heptagon-half::before {
  content: "\f419";
}
.bi-heptagon::before {
  content: "\f41a";
}
.bi-hexagon-fill::before {
  content: "\f41b";
}
.bi-hexagon-half::before {
  content: "\f41c";
}
.bi-hexagon::before {
  content: "\f41d";
}
.bi-hourglass-bottom::before {
  content: "\f41e";
}
.bi-hourglass-split::before {
  content: "\f41f";
}
.bi-hourglass-top::before {
  content: "\f420";
}
.bi-hourglass::before {
  content: "\f421";
}
.bi-house-door-fill::before {
  content: "\f422";
}
.bi-house-door::before {
  content: "\f423";
}
.bi-house-fill::before {
  content: "\f424";
}
.bi-house::before {
  content: "\f425";
}
.bi-hr::before {
  content: "\f426";
}
.bi-hurricane::before {
  content: "\f427";
}
.bi-image-alt::before {
  content: "\f428";
}
.bi-image-fill::before {
  content: "\f429";
}
.bi-image::before {
  content: "\f42a";
}
.bi-images::before {
  content: "\f42b";
}
.bi-inbox-fill::before {
  content: "\f42c";
}
.bi-inbox::before {
  content: "\f42d";
}
.bi-inboxes-fill::before {
  content: "\f42e";
}
.bi-inboxes::before {
  content: "\f42f";
}
.bi-info-circle-fill::before {
  content: "\f430";
}
.bi-info-circle::before {
  content: "\f431";
}
.bi-info-square-fill::before {
  content: "\f432";
}
.bi-info-square::before {
  content: "\f433";
}
.bi-info::before {
  content: "\f434";
}
.bi-input-cursor-text::before {
  content: "\f435";
}
.bi-input-cursor::before {
  content: "\f436";
}
.bi-instagram::before {
  content: "\f437";
}
.bi-intersect::before {
  content: "\f438";
}
.bi-journal-album::before {
  content: "\f439";
}
.bi-journal-arrow-down::before {
  content: "\f43a";
}
.bi-journal-arrow-up::before {
  content: "\f43b";
}
.bi-journal-bookmark-fill::before {
  content: "\f43c";
}
.bi-journal-bookmark::before {
  content: "\f43d";
}
.bi-journal-check::before {
  content: "\f43e";
}
.bi-journal-code::before {
  content: "\f43f";
}
.bi-journal-medical::before {
  content: "\f440";
}
.bi-journal-minus::before {
  content: "\f441";
}
.bi-journal-plus::before {
  content: "\f442";
}
.bi-journal-richtext::before {
  content: "\f443";
}
.bi-journal-text::before {
  content: "\f444";
}
.bi-journal-x::before {
  content: "\f445";
}
.bi-journal::before {
  content: "\f446";
}
.bi-journals::before {
  content: "\f447";
}
.bi-joystick::before {
  content: "\f448";
}
.bi-justify-left::before {
  content: "\f449";
}
.bi-justify-right::before {
  content: "\f44a";
}
.bi-justify::before {
  content: "\f44b";
}
.bi-kanban-fill::before {
  content: "\f44c";
}
.bi-kanban::before {
  content: "\f44d";
}
.bi-key-fill::before {
  content: "\f44e";
}
.bi-key::before {
  content: "\f44f";
}
.bi-keyboard-fill::before {
  content: "\f450";
}
.bi-keyboard::before {
  content: "\f451";
}
.bi-ladder::before {
  content: "\f452";
}
.bi-lamp-fill::before {
  content: "\f453";
}
.bi-lamp::before {
  content: "\f454";
}
.bi-laptop-fill::before {
  content: "\f455";
}
.bi-laptop::before {
  content: "\f456";
}
.bi-layer-backward::before {
  content: "\f457";
}
.bi-layer-forward::before {
  content: "\f458";
}
.bi-layers-fill::before {
  content: "\f459";
}
.bi-layers-half::before {
  content: "\f45a";
}
.bi-layers::before {
  content: "\f45b";
}
.bi-layout-sidebar-inset-reverse::before {
  content: "\f45c";
}
.bi-layout-sidebar-inset::before {
  content: "\f45d";
}
.bi-layout-sidebar-reverse::before {
  content: "\f45e";
}
.bi-layout-sidebar::before {
  content: "\f45f";
}
.bi-layout-split::before {
  content: "\f460";
}
.bi-layout-text-sidebar-reverse::before {
  content: "\f461";
}
.bi-layout-text-sidebar::before {
  content: "\f462";
}
.bi-layout-text-window-reverse::before {
  content: "\f463";
}
.bi-layout-text-window::before {
  content: "\f464";
}
.bi-layout-three-columns::before {
  content: "\f465";
}
.bi-layout-wtf::before {
  content: "\f466";
}
.bi-life-preserver::before {
  content: "\f467";
}
.bi-lightbulb-fill::before {
  content: "\f468";
}
.bi-lightbulb-off-fill::before {
  content: "\f469";
}
.bi-lightbulb-off::before {
  content: "\f46a";
}
.bi-lightbulb::before {
  content: "\f46b";
}
.bi-lightning-charge-fill::before {
  content: "\f46c";
}
.bi-lightning-charge::before {
  content: "\f46d";
}
.bi-lightning-fill::before {
  content: "\f46e";
}
.bi-lightning::before {
  content: "\f46f";
}
.bi-link-45deg::before {
  content: "\f470";
}
.bi-link::before {
  content: "\f471";
}
.bi-linkedin::before {
  content: "\f472";
}
.bi-list-check::before {
  content: "\f473";
}
.bi-list-nested::before {
  content: "\f474";
}
.bi-list-ol::before {
  content: "\f475";
}
.bi-list-stars::before {
  content: "\f476";
}
.bi-list-task::before {
  content: "\f477";
}
.bi-list-ul::before {
  content: "\f478";
}
.bi-list::before {
  content: "\f479";
}
.bi-lock-fill::before {
  content: "\f47a";
}
.bi-lock::before {
  content: "\f47b";
}
.bi-mailbox::before {
  content: "\f47c";
}
.bi-mailbox2::before {
  content: "\f47d";
}
.bi-map-fill::before {
  content: "\f47e";
}
.bi-map::before {
  content: "\f47f";
}
.bi-markdown-fill::before {
  content: "\f480";
}
.bi-markdown::before {
  content: "\f481";
}
.bi-mask::before {
  content: "\f482";
}
.bi-megaphone-fill::before {
  content: "\f483";
}
.bi-megaphone::before {
  content: "\f484";
}
.bi-menu-app-fill::before {
  content: "\f485";
}
.bi-menu-app::before {
  content: "\f486";
}
.bi-menu-button-fill::before {
  content: "\f487";
}
.bi-menu-button-wide-fill::before {
  content: "\f488";
}
.bi-menu-button-wide::before {
  content: "\f489";
}
.bi-menu-button::before {
  content: "\f48a";
}
.bi-menu-down::before {
  content: "\f48b";
}
.bi-menu-up::before {
  content: "\f48c";
}
.bi-mic-fill::before {
  content: "\f48d";
}
.bi-mic-mute-fill::before {
  content: "\f48e";
}
.bi-mic-mute::before {
  content: "\f48f";
}
.bi-mic::before {
  content: "\f490";
}
.bi-minecart-loaded::before {
  content: "\f491";
}
.bi-minecart::before {
  content: "\f492";
}
.bi-moisture::before {
  content: "\f493";
}
.bi-moon-fill::before {
  content: "\f494";
}
.bi-moon-stars-fill::before {
  content: "\f495";
}
.bi-moon-stars::before {
  content: "\f496";
}
.bi-moon::before {
  content: "\f497";
}
.bi-mouse-fill::before {
  content: "\f498";
}
.bi-mouse::before {
  content: "\f499";
}
.bi-mouse2-fill::before {
  content: "\f49a";
}
.bi-mouse2::before {
  content: "\f49b";
}
.bi-mouse3-fill::before {
  content: "\f49c";
}
.bi-mouse3::before {
  content: "\f49d";
}
.bi-music-note-beamed::before {
  content: "\f49e";
}
.bi-music-note-list::before {
  content: "\f49f";
}
.bi-music-note::before {
  content: "\f4a0";
}
.bi-music-player-fill::before {
  content: "\f4a1";
}
.bi-music-player::before {
  content: "\f4a2";
}
.bi-newspaper::before {
  content: "\f4a3";
}
.bi-node-minus-fill::before {
  content: "\f4a4";
}
.bi-node-minus::before {
  content: "\f4a5";
}
.bi-node-plus-fill::before {
  content: "\f4a6";
}
.bi-node-plus::before {
  content: "\f4a7";
}
.bi-nut-fill::before {
  content: "\f4a8";
}
.bi-nut::before {
  content: "\f4a9";
}
.bi-octagon-fill::before {
  content: "\f4aa";
}
.bi-octagon-half::before {
  content: "\f4ab";
}
.bi-octagon::before {
  content: "\f4ac";
}
.bi-option::before {
  content: "\f4ad";
}
.bi-outlet::before {
  content: "\f4ae";
}
.bi-paint-bucket::before {
  content: "\f4af";
}
.bi-palette-fill::before {
  content: "\f4b0";
}
.bi-palette::before {
  content: "\f4b1";
}
.bi-palette2::before {
  content: "\f4b2";
}
.bi-paperclip::before {
  content: "\f4b3";
}
.bi-paragraph::before {
  content: "\f4b4";
}
.bi-patch-check-fill::before {
  content: "\f4b5";
}
.bi-patch-check::before {
  content: "\f4b6";
}
.bi-patch-exclamation-fill::before {
  content: "\f4b7";
}
.bi-patch-exclamation::before {
  content: "\f4b8";
}
.bi-patch-minus-fill::before {
  content: "\f4b9";
}
.bi-patch-minus::before {
  content: "\f4ba";
}
.bi-patch-plus-fill::before {
  content: "\f4bb";
}
.bi-patch-plus::before {
  content: "\f4bc";
}
.bi-patch-question-fill::before {
  content: "\f4bd";
}
.bi-patch-question::before {
  content: "\f4be";
}
.bi-pause-btn-fill::before {
  content: "\f4bf";
}
.bi-pause-btn::before {
  content: "\f4c0";
}
.bi-pause-circle-fill::before {
  content: "\f4c1";
}
.bi-pause-circle::before {
  content: "\f4c2";
}
.bi-pause-fill::before {
  content: "\f4c3";
}
.bi-pause::before {
  content: "\f4c4";
}
.bi-peace-fill::before {
  content: "\f4c5";
}
.bi-peace::before {
  content: "\f4c6";
}
.bi-pen-fill::before {
  content: "\f4c7";
}
.bi-pen::before {
  content: "\f4c8";
}
.bi-pencil-fill::before {
  content: "\f4c9";
}
.bi-pencil-square::before {
  content: "\f4ca";
}
.bi-pencil::before {
  content: "\f4cb";
}
.bi-pentagon-fill::before {
  content: "\f4cc";
}
.bi-pentagon-half::before {
  content: "\f4cd";
}
.bi-pentagon::before {
  content: "\f4ce";
}
.bi-people-fill::before {
  content: "\f4cf";
}
.bi-people::before {
  content: "\f4d0";
}
.bi-percent::before {
  content: "\f4d1";
}
.bi-person-badge-fill::before {
  content: "\f4d2";
}
.bi-person-badge::before {
  content: "\f4d3";
}
.bi-person-bounding-box::before {
  content: "\f4d4";
}
.bi-person-check-fill::before {
  content: "\f4d5";
}
.bi-person-check::before {
  content: "\f4d6";
}
.bi-person-circle::before {
  content: "\f4d7";
}
.bi-person-dash-fill::before {
  content: "\f4d8";
}
.bi-person-dash::before {
  content: "\f4d9";
}
.bi-person-fill::before {
  content: "\f4da";
}
.bi-person-lines-fill::before {
  content: "\f4db";
}
.bi-person-plus-fill::before {
  content: "\f4dc";
}
.bi-person-plus::before {
  content: "\f4dd";
}
.bi-person-square::before {
  content: "\f4de";
}
.bi-person-x-fill::before {
  content: "\f4df";
}
.bi-person-x::before {
  content: "\f4e0";
}
.bi-person::before {
  content: "\f4e1";
}
.bi-phone-fill::before {
  content: "\f4e2";
}
.bi-phone-landscape-fill::before {
  content: "\f4e3";
}
.bi-phone-landscape::before {
  content: "\f4e4";
}
.bi-phone-vibrate-fill::before {
  content: "\f4e5";
}
.bi-phone-vibrate::before {
  content: "\f4e6";
}
.bi-phone::before {
  content: "\f4e7";
}
.bi-pie-chart-fill::before {
  content: "\f4e8";
}
.bi-pie-chart::before {
  content: "\f4e9";
}
.bi-pin-angle-fill::before {
  content: "\f4ea";
}
.bi-pin-angle::before {
  content: "\f4eb";
}
.bi-pin-fill::before {
  content: "\f4ec";
}
.bi-pin::before {
  content: "\f4ed";
}
.bi-pip-fill::before {
  content: "\f4ee";
}
.bi-pip::before {
  content: "\f4ef";
}
.bi-play-btn-fill::before {
  content: "\f4f0";
}
.bi-play-btn::before {
  content: "\f4f1";
}
.bi-play-circle-fill::before {
  content: "\f4f2";
}
.bi-play-circle::before {
  content: "\f4f3";
}
.bi-play-fill::before {
  content: "\f4f4";
}
.bi-play::before {
  content: "\f4f5";
}
.bi-plug-fill::before {
  content: "\f4f6";
}
.bi-plug::before {
  content: "\f4f7";
}
.bi-plus-circle-dotted::before {
  content: "\f4f8";
}
.bi-plus-circle-fill::before {
  content: "\f4f9";
}
.bi-plus-circle::before {
  content: "\f4fa";
}
.bi-plus-square-dotted::before {
  content: "\f4fb";
}
.bi-plus-square-fill::before {
  content: "\f4fc";
}
.bi-plus-square::before {
  content: "\f4fd";
}
.bi-plus::before {
  content: "\f4fe";
}
.bi-power::before {
  content: "\f4ff";
}
.bi-printer-fill::before {
  content: "\f500";
}
.bi-printer::before {
  content: "\f501";
}
.bi-puzzle-fill::before {
  content: "\f502";
}
.bi-puzzle::before {
  content: "\f503";
}
.bi-question-circle-fill::before {
  content: "\f504";
}
.bi-question-circle::before {
  content: "\f505";
}
.bi-question-diamond-fill::before {
  content: "\f506";
}
.bi-question-diamond::before {
  content: "\f507";
}
.bi-question-octagon-fill::before {
  content: "\f508";
}
.bi-question-octagon::before {
  content: "\f509";
}
.bi-question-square-fill::before {
  content: "\f50a";
}
.bi-question-square::before {
  content: "\f50b";
}
.bi-question::before {
  content: "\f50c";
}
.bi-rainbow::before {
  content: "\f50d";
}
.bi-receipt-cutoff::before {
  content: "\f50e";
}
.bi-receipt::before {
  content: "\f50f";
}
.bi-reception-0::before {
  content: "\f510";
}
.bi-reception-1::before {
  content: "\f511";
}
.bi-reception-2::before {
  content: "\f512";
}
.bi-reception-3::before {
  content: "\f513";
}
.bi-reception-4::before {
  content: "\f514";
}
.bi-record-btn-fill::before {
  content: "\f515";
}
.bi-record-btn::before {
  content: "\f516";
}
.bi-record-circle-fill::before {
  content: "\f517";
}
.bi-record-circle::before {
  content: "\f518";
}
.bi-record-fill::before {
  content: "\f519";
}
.bi-record::before {
  content: "\f51a";
}
.bi-record2-fill::before {
  content: "\f51b";
}
.bi-record2::before {
  content: "\f51c";
}
.bi-reply-all-fill::before {
  content: "\f51d";
}
.bi-reply-all::before {
  content: "\f51e";
}
.bi-reply-fill::before {
  content: "\f51f";
}
.bi-reply::before {
  content: "\f520";
}
.bi-rss-fill::before {
  content: "\f521";
}
.bi-rss::before {
  content: "\f522";
}
.bi-rulers::before {
  content: "\f523";
}
.bi-save-fill::before {
  content: "\f524";
}
.bi-save::before {
  content: "\f525";
}
.bi-save2-fill::before {
  content: "\f526";
}
.bi-save2::before {
  content: "\f527";
}
.bi-scissors::before {
  content: "\f528";
}
.bi-screwdriver::before {
  content: "\f529";
}
.bi-search::before {
  content: "\f52a";
}
.bi-segmented-nav::before {
  content: "\f52b";
}
.bi-server::before {
  content: "\f52c";
}
.bi-share-fill::before {
  content: "\f52d";
}
.bi-share::before {
  content: "\f52e";
}
.bi-shield-check::before {
  content: "\f52f";
}
.bi-shield-exclamation::before {
  content: "\f530";
}
.bi-shield-fill-check::before {
  content: "\f531";
}
.bi-shield-fill-exclamation::before {
  content: "\f532";
}
.bi-shield-fill-minus::before {
  content: "\f533";
}
.bi-shield-fill-plus::before {
  content: "\f534";
}
.bi-shield-fill-x::before {
  content: "\f535";
}
.bi-shield-fill::before {
  content: "\f536";
}
.bi-shield-lock-fill::before {
  content: "\f537";
}
.bi-shield-lock::before {
  content: "\f538";
}
.bi-shield-minus::before {
  content: "\f539";
}
.bi-shield-plus::before {
  content: "\f53a";
}
.bi-shield-shaded::before {
  content: "\f53b";
}
.bi-shield-slash-fill::before {
  content: "\f53c";
}
.bi-shield-slash::before {
  content: "\f53d";
}
.bi-shield-x::before {
  content: "\f53e";
}
.bi-shield::before {
  content: "\f53f";
}
.bi-shift-fill::before {
  content: "\f540";
}
.bi-shift::before {
  content: "\f541";
}
.bi-shop-window::before {
  content: "\f542";
}
.bi-shop::before {
  content: "\f543";
}
.bi-shuffle::before {
  content: "\f544";
}
.bi-signpost-2-fill::before {
  content: "\f545";
}
.bi-signpost-2::before {
  content: "\f546";
}
.bi-signpost-fill::before {
  content: "\f547";
}
.bi-signpost-split-fill::before {
  content: "\f548";
}
.bi-signpost-split::before {
  content: "\f549";
}
.bi-signpost::before {
  content: "\f54a";
}
.bi-sim-fill::before {
  content: "\f54b";
}
.bi-sim::before {
  content: "\f54c";
}
.bi-skip-backward-btn-fill::before {
  content: "\f54d";
}
.bi-skip-backward-btn::before {
  content: "\f54e";
}
.bi-skip-backward-circle-fill::before {
  content: "\f54f";
}
.bi-skip-backward-circle::before {
  content: "\f550";
}
.bi-skip-backward-fill::before {
  content: "\f551";
}
.bi-skip-backward::before {
  content: "\f552";
}
.bi-skip-end-btn-fill::before {
  content: "\f553";
}
.bi-skip-end-btn::before {
  content: "\f554";
}
.bi-skip-end-circle-fill::before {
  content: "\f555";
}
.bi-skip-end-circle::before {
  content: "\f556";
}
.bi-skip-end-fill::before {
  content: "\f557";
}
.bi-skip-end::before {
  content: "\f558";
}
.bi-skip-forward-btn-fill::before {
  content: "\f559";
}
.bi-skip-forward-btn::before {
  content: "\f55a";
}
.bi-skip-forward-circle-fill::before {
  content: "\f55b";
}
.bi-skip-forward-circle::before {
  content: "\f55c";
}
.bi-skip-forward-fill::before {
  content: "\f55d";
}
.bi-skip-forward::before {
  content: "\f55e";
}
.bi-skip-start-btn-fill::before {
  content: "\f55f";
}
.bi-skip-start-btn::before {
  content: "\f560";
}
.bi-skip-start-circle-fill::before {
  content: "\f561";
}
.bi-skip-start-circle::before {
  content: "\f562";
}
.bi-skip-start-fill::before {
  content: "\f563";
}
.bi-skip-start::before {
  content: "\f564";
}
.bi-slack::before {
  content: "\f565";
}
.bi-slash-circle-fill::before {
  content: "\f566";
}
.bi-slash-circle::before {
  content: "\f567";
}
.bi-slash-square-fill::before {
  content: "\f568";
}
.bi-slash-square::before {
  content: "\f569";
}
.bi-slash::before {
  content: "\f56a";
}
.bi-sliders::before {
  content: "\f56b";
}
.bi-smartwatch::before {
  content: "\f56c";
}
.bi-snow::before {
  content: "\f56d";
}
.bi-snow2::before {
  content: "\f56e";
}
.bi-snow3::before {
  content: "\f56f";
}
.bi-sort-alpha-down-alt::before {
  content: "\f570";
}
.bi-sort-alpha-down::before {
  content: "\f571";
}
.bi-sort-alpha-up-alt::before {
  content: "\f572";
}
.bi-sort-alpha-up::before {
  content: "\f573";
}
.bi-sort-down-alt::before {
  content: "\f574";
}
.bi-sort-down::before {
  content: "\f575";
}
.bi-sort-numeric-down-alt::before {
  content: "\f576";
}
.bi-sort-numeric-down::before {
  content: "\f577";
}
.bi-sort-numeric-up-alt::before {
  content: "\f578";
}
.bi-sort-numeric-up::before {
  content: "\f579";
}
.bi-sort-up-alt::before {
  content: "\f57a";
}
.bi-sort-up::before {
  content: "\f57b";
}
.bi-soundwave::before {
  content: "\f57c";
}
.bi-speaker-fill::before {
  content: "\f57d";
}
.bi-speaker::before {
  content: "\f57e";
}
.bi-speedometer::before {
  content: "\f57f";
}
.bi-speedometer2::before {
  content: "\f580";
}
.bi-spellcheck::before {
  content: "\f581";
}
.bi-square-fill::before {
  content: "\f582";
}
.bi-square-half::before {
  content: "\f583";
}
.bi-square::before {
  content: "\f584";
}
.bi-stack::before {
  content: "\f585";
}
.bi-star-fill::before {
  content: "\f586";
}
.bi-star-half::before {
  content: "\f587";
}
.bi-star::before {
  content: "\f588";
}
.bi-stars::before {
  content: "\f589";
}
.bi-stickies-fill::before {
  content: "\f58a";
}
.bi-stickies::before {
  content: "\f58b";
}
.bi-sticky-fill::before {
  content: "\f58c";
}
.bi-sticky::before {
  content: "\f58d";
}
.bi-stop-btn-fill::before {
  content: "\f58e";
}
.bi-stop-btn::before {
  content: "\f58f";
}
.bi-stop-circle-fill::before {
  content: "\f590";
}
.bi-stop-circle::before {
  content: "\f591";
}
.bi-stop-fill::before {
  content: "\f592";
}
.bi-stop::before {
  content: "\f593";
}
.bi-stoplights-fill::before {
  content: "\f594";
}
.bi-stoplights::before {
  content: "\f595";
}
.bi-stopwatch-fill::before {
  content: "\f596";
}
.bi-stopwatch::before {
  content: "\f597";
}
.bi-subtract::before {
  content: "\f598";
}
.bi-suit-club-fill::before {
  content: "\f599";
}
.bi-suit-club::before {
  content: "\f59a";
}
.bi-suit-diamond-fill::before {
  content: "\f59b";
}
.bi-suit-diamond::before {
  content: "\f59c";
}
.bi-suit-heart-fill::before {
  content: "\f59d";
}
.bi-suit-heart::before {
  content: "\f59e";
}
.bi-suit-spade-fill::before {
  content: "\f59f";
}
.bi-suit-spade::before {
  content: "\f5a0";
}
.bi-sun-fill::before {
  content: "\f5a1";
}
.bi-sun::before {
  content: "\f5a2";
}
.bi-sunglasses::before {
  content: "\f5a3";
}
.bi-sunrise-fill::before {
  content: "\f5a4";
}
.bi-sunrise::before {
  content: "\f5a5";
}
.bi-sunset-fill::before {
  content: "\f5a6";
}
.bi-sunset::before {
  content: "\f5a7";
}
.bi-symmetry-horizontal::before {
  content: "\f5a8";
}
.bi-symmetry-vertical::before {
  content: "\f5a9";
}
.bi-table::before {
  content: "\f5aa";
}
.bi-tablet-fill::before {
  content: "\f5ab";
}
.bi-tablet-landscape-fill::before {
  content: "\f5ac";
}
.bi-tablet-landscape::before {
  content: "\f5ad";
}
.bi-tablet::before {
  content: "\f5ae";
}
.bi-tag-fill::before {
  content: "\f5af";
}
.bi-tag::before {
  content: "\f5b0";
}
.bi-tags-fill::before {
  content: "\f5b1";
}
.bi-tags::before {
  content: "\f5b2";
}
.bi-telegram::before {
  content: "\f5b3";
}
.bi-telephone-fill::before {
  content: "\f5b4";
}
.bi-telephone-forward-fill::before {
  content: "\f5b5";
}
.bi-telephone-forward::before {
  content: "\f5b6";
}
.bi-telephone-inbound-fill::before {
  content: "\f5b7";
}
.bi-telephone-inbound::before {
  content: "\f5b8";
}
.bi-telephone-minus-fill::before {
  content: "\f5b9";
}
.bi-telephone-minus::before {
  content: "\f5ba";
}
.bi-telephone-outbound-fill::before {
  content: "\f5bb";
}
.bi-telephone-outbound::before {
  content: "\f5bc";
}
.bi-telephone-plus-fill::before {
  content: "\f5bd";
}
.bi-telephone-plus::before {
  content: "\f5be";
}
.bi-telephone-x-fill::before {
  content: "\f5bf";
}
.bi-telephone-x::before {
  content: "\f5c0";
}
.bi-telephone::before {
  content: "\f5c1";
}
.bi-terminal-fill::before {
  content: "\f5c2";
}
.bi-terminal::before {
  content: "\f5c3";
}
.bi-text-center::before {
  content: "\f5c4";
}
.bi-text-indent-left::before {
  content: "\f5c5";
}
.bi-text-indent-right::before {
  content: "\f5c6";
}
.bi-text-left::before {
  content: "\f5c7";
}
.bi-text-paragraph::before {
  content: "\f5c8";
}
.bi-text-right::before {
  content: "\f5c9";
}
.bi-textarea-resize::before {
  content: "\f5ca";
}
.bi-textarea-t::before {
  content: "\f5cb";
}
.bi-textarea::before {
  content: "\f5cc";
}
.bi-thermometer-half::before {
  content: "\f5cd";
}
.bi-thermometer-high::before {
  content: "\f5ce";
}
.bi-thermometer-low::before {
  content: "\f5cf";
}
.bi-thermometer-snow::before {
  content: "\f5d0";
}
.bi-thermometer-sun::before {
  content: "\f5d1";
}
.bi-thermometer::before {
  content: "\f5d2";
}
.bi-three-dots-vertical::before {
  content: "\f5d3";
}
.bi-three-dots::before {
  content: "\f5d4";
}
.bi-toggle-off::before {
  content: "\f5d5";
}
.bi-toggle-on::before {
  content: "\f5d6";
}
.bi-toggle2-off::before {
  content: "\f5d7";
}
.bi-toggle2-on::before {
  content: "\f5d8";
}
.bi-toggles::before {
  content: "\f5d9";
}
.bi-toggles2::before {
  content: "\f5da";
}
.bi-tools::before {
  content: "\f5db";
}
.bi-tornado::before {
  content: "\f5dc";
}
.bi-trash-fill::before {
  content: "\f5dd";
}
.bi-trash::before {
  content: "\f5de";
}
.bi-trash2-fill::before {
  content: "\f5df";
}
.bi-trash2::before {
  content: "\f5e0";
}
.bi-tree-fill::before {
  content: "\f5e1";
}
.bi-tree::before {
  content: "\f5e2";
}
.bi-triangle-fill::before {
  content: "\f5e3";
}
.bi-triangle-half::before {
  content: "\f5e4";
}
.bi-triangle::before {
  content: "\f5e5";
}
.bi-trophy-fill::before {
  content: "\f5e6";
}
.bi-trophy::before {
  content: "\f5e7";
}
.bi-tropical-storm::before {
  content: "\f5e8";
}
.bi-truck-flatbed::before {
  content: "\f5e9";
}
.bi-truck::before {
  content: "\f5ea";
}
.bi-tsunami::before {
  content: "\f5eb";
}
.bi-tv-fill::before {
  content: "\f5ec";
}
.bi-tv::before {
  content: "\f5ed";
}
.bi-twitch::before {
  content: "\f5ee";
}
.bi-twitter::before {
  content: "\f5ef";
}
.bi-type-bold::before {
  content: "\f5f0";
}
.bi-type-h1::before {
  content: "\f5f1";
}
.bi-type-h2::before {
  content: "\f5f2";
}
.bi-type-h3::before {
  content: "\f5f3";
}
.bi-type-italic::before {
  content: "\f5f4";
}
.bi-type-strikethrough::before {
  content: "\f5f5";
}
.bi-type-underline::before {
  content: "\f5f6";
}
.bi-type::before {
  content: "\f5f7";
}
.bi-ui-checks-grid::before {
  content: "\f5f8";
}
.bi-ui-checks::before {
  content: "\f5f9";
}
.bi-ui-radios-grid::before {
  content: "\f5fa";
}
.bi-ui-radios::before {
  content: "\f5fb";
}
.bi-umbrella-fill::before {
  content: "\f5fc";
}
.bi-umbrella::before {
  content: "\f5fd";
}
.bi-union::before {
  content: "\f5fe";
}
.bi-unlock-fill::before {
  content: "\f5ff";
}
.bi-unlock::before {
  content: "\f600";
}
.bi-upc-scan::before {
  content: "\f601";
}
.bi-upc::before {
  content: "\f602";
}
.bi-upload::before {
  content: "\f603";
}
.bi-vector-pen::before {
  content: "\f604";
}
.bi-view-list::before {
  content: "\f605";
}
.bi-view-stacked::before {
  content: "\f606";
}
.bi-vinyl-fill::before {
  content: "\f607";
}
.bi-vinyl::before {
  content: "\f608";
}
.bi-voicemail::before {
  content: "\f609";
}
.bi-volume-down-fill::before {
  content: "\f60a";
}
.bi-volume-down::before {
  content: "\f60b";
}
.bi-volume-mute-fill::before {
  content: "\f60c";
}
.bi-volume-mute::before {
  content: "\f60d";
}
.bi-volume-off-fill::before {
  content: "\f60e";
}
.bi-volume-off::before {
  content: "\f60f";
}
.bi-volume-up-fill::before {
  content: "\f610";
}
.bi-volume-up::before {
  content: "\f611";
}
.bi-vr::before {
  content: "\f612";
}
.bi-wallet-fill::before {
  content: "\f613";
}
.bi-wallet::before {
  content: "\f614";
}
.bi-wallet2::before {
  content: "\f615";
}
.bi-watch::before {
  content: "\f616";
}
.bi-water::before {
  content: "\f617";
}
.bi-whatsapp::before {
  content: "\f618";
}
.bi-wifi-1::before {
  content: "\f619";
}
.bi-wifi-2::before {
  content: "\f61a";
}
.bi-wifi-off::before {
  content: "\f61b";
}
.bi-wifi::before {
  content: "\f61c";
}
.bi-wind::before {
  content: "\f61d";
}
.bi-window-dock::before {
  content: "\f61e";
}
.bi-window-sidebar::before {
  content: "\f61f";
}
.bi-window::before {
  content: "\f620";
}
.bi-wrench::before {
  content: "\f621";
}
.bi-x-circle-fill::before {
  content: "\f622";
}
.bi-x-circle::before {
  content: "\f623";
}
.bi-x-diamond-fill::before {
  content: "\f624";
}
.bi-x-diamond::before {
  content: "\f625";
}
.bi-x-octagon-fill::before {
  content: "\f626";
}
.bi-x-octagon::before {
  content: "\f627";
}
.bi-x-square-fill::before {
  content: "\f628";
}
.bi-x-square::before {
  content: "\f629";
}
.bi-x::before {
  content: "\f62a";
}
.bi-youtube::before {
  content: "\f62b";
}
.bi-zoom-in::before {
  content: "\f62c";
}
.bi-zoom-out::before {
  content: "\f62d";
}
.bi-bank::before {
  content: "\f62e";
}
.bi-bank2::before {
  content: "\f62f";
}
.bi-bell-slash-fill::before {
  content: "\f630";
}
.bi-bell-slash::before {
  content: "\f631";
}
.bi-cash-coin::before {
  content: "\f632";
}
.bi-check-lg::before {
  content: "\f633";
}
.bi-coin::before {
  content: "\f634";
}
.bi-currency-bitcoin::before {
  content: "\f635";
}
.bi-currency-dollar::before {
  content: "\f636";
}
.bi-currency-euro::before {
  content: "\f637";
}
.bi-currency-exchange::before {
  content: "\f638";
}
.bi-currency-pound::before {
  content: "\f639";
}
.bi-currency-yen::before {
  content: "\f63a";
}
.bi-dash-lg::before {
  content: "\f63b";
}
.bi-exclamation-lg::before {
  content: "\f63c";
}
.bi-file-earmark-pdf-fill::before {
  content: "\f63d";
}
.bi-file-earmark-pdf::before {
  content: "\f63e";
}
.bi-file-pdf-fill::before {
  content: "\f63f";
}
.bi-file-pdf::before {
  content: "\f640";
}
.bi-gender-ambiguous::before {
  content: "\f641";
}
.bi-gender-female::before {
  content: "\f642";
}
.bi-gender-male::before {
  content: "\f643";
}
.bi-gender-trans::before {
  content: "\f644";
}
.bi-headset-vr::before {
  content: "\f645";
}
.bi-info-lg::before {
  content: "\f646";
}
.bi-mastodon::before {
  content: "\f647";
}
.bi-messenger::before {
  content: "\f648";
}
.bi-piggy-bank-fill::before {
  content: "\f649";
}
.bi-piggy-bank::before {
  content: "\f64a";
}
.bi-pin-map-fill::before {
  content: "\f64b";
}
.bi-pin-map::before {
  content: "\f64c";
}
.bi-plus-lg::before {
  content: "\f64d";
}
.bi-question-lg::before {
  content: "\f64e";
}
.bi-recycle::before {
  content: "\f64f";
}
.bi-reddit::before {
  content: "\f650";
}
.bi-safe-fill::before {
  content: "\f651";
}
.bi-safe2-fill::before {
  content: "\f652";
}
.bi-safe2::before {
  content: "\f653";
}
.bi-sd-card-fill::before {
  content: "\f654";
}
.bi-sd-card::before {
  content: "\f655";
}
.bi-skype::before {
  content: "\f656";
}
.bi-slash-lg::before {
  content: "\f657";
}
.bi-translate::before {
  content: "\f658";
}
.bi-x-lg::before {
  content: "\f659";
}
.bi-safe::before {
  content: "\f65a";
}
.bi-apple::before {
  content: "\f65b";
}
.bi-microsoft::before {
  content: "\f65d";
}
.bi-windows::before {
  content: "\f65e";
}
.bi-behance::before {
  content: "\f65c";
}
.bi-dribbble::before {
  content: "\f65f";
}
.bi-line::before {
  content: "\f660";
}
.bi-medium::before {
  content: "\f661";
}
.bi-paypal::before {
  content: "\f662";
}
.bi-pinterest::before {
  content: "\f663";
}
.bi-signal::before {
  content: "\f664";
}
.bi-snapchat::before {
  content: "\f665";
}
.bi-spotify::before {
  content: "\f666";
}
.bi-stack-overflow::before {
  content: "\f667";
}
.bi-strava::before {
  content: "\f668";
}
.bi-wordpress::before {
  content: "\f669";
}
.bi-vimeo::before {
  content: "\f66a";
}
.bi-activity::before {
  content: "\f66b";
}
.bi-easel2-fill::before {
  content: "\f66c";
}
.bi-easel2::before {
  content: "\f66d";
}
.bi-easel3-fill::before {
  content: "\f66e";
}
.bi-easel3::before {
  content: "\f66f";
}
.bi-fan::before {
  content: "\f670";
}
.bi-fingerprint::before {
  content: "\f671";
}
.bi-graph-down-arrow::before {
  content: "\f672";
}
.bi-graph-up-arrow::before {
  content: "\f673";
}
.bi-hypnotize::before {
  content: "\f674";
}
.bi-magic::before {
  content: "\f675";
}
.bi-person-rolodex::before {
  content: "\f676";
}
.bi-person-video::before {
  content: "\f677";
}
.bi-person-video2::before {
  content: "\f678";
}
.bi-person-video3::before {
  content: "\f679";
}
.bi-person-workspace::before {
  content: "\f67a";
}
.bi-radioactive::before {
  content: "\f67b";
}
.bi-webcam-fill::before {
  content: "\f67c";
}
.bi-webcam::before {
  content: "\f67d";
}
.bi-yin-yang::before {
  content: "\f67e";
}
.bi-bandaid-fill::before {
  content: "\f680";
}
.bi-bandaid::before {
  content: "\f681";
}
.bi-bluetooth::before {
  content: "\f682";
}
.bi-body-text::before {
  content: "\f683";
}
.bi-boombox::before {
  content: "\f684";
}
.bi-boxes::before {
  content: "\f685";
}
.bi-dpad-fill::before {
  content: "\f686";
}
.bi-dpad::before {
  content: "\f687";
}
.bi-ear-fill::before {
  content: "\f688";
}
.bi-ear::before {
  content: "\f689";
}
.bi-envelope-check-fill::before {
  content: "\f68b";
}
.bi-envelope-check::before {
  content: "\f68c";
}
.bi-envelope-dash-fill::before {
  content: "\f68e";
}
.bi-envelope-dash::before {
  content: "\f68f";
}
.bi-envelope-exclamation-fill::before {
  content: "\f691";
}
.bi-envelope-exclamation::before {
  content: "\f692";
}
.bi-envelope-plus-fill::before {
  content: "\f693";
}
.bi-envelope-plus::before {
  content: "\f694";
}
.bi-envelope-slash-fill::before {
  content: "\f696";
}
.bi-envelope-slash::before {
  content: "\f697";
}
.bi-envelope-x-fill::before {
  content: "\f699";
}
.bi-envelope-x::before {
  content: "\f69a";
}
.bi-explicit-fill::before {
  content: "\f69b";
}
.bi-explicit::before {
  content: "\f69c";
}
.bi-git::before {
  content: "\f69d";
}
.bi-infinity::before {
  content: "\f69e";
}
.bi-list-columns-reverse::before {
  content: "\f69f";
}
.bi-list-columns::before {
  content: "\f6a0";
}
.bi-meta::before {
  content: "\f6a1";
}
.bi-nintendo-switch::before {
  content: "\f6a4";
}
.bi-pc-display-horizontal::before {
  content: "\f6a5";
}
.bi-pc-display::before {
  content: "\f6a6";
}
.bi-pc-horizontal::before {
  content: "\f6a7";
}
.bi-pc::before {
  content: "\f6a8";
}
.bi-playstation::before {
  content: "\f6a9";
}
.bi-plus-slash-minus::before {
  content: "\f6aa";
}
.bi-projector-fill::before {
  content: "\f6ab";
}
.bi-projector::before {
  content: "\f6ac";
}
.bi-qr-code-scan::before {
  content: "\f6ad";
}
.bi-qr-code::before {
  content: "\f6ae";
}
.bi-quora::before {
  content: "\f6af";
}
.bi-quote::before {
  content: "\f6b0";
}
.bi-robot::before {
  content: "\f6b1";
}
.bi-send-check-fill::before {
  content: "\f6b2";
}
.bi-send-check::before {
  content: "\f6b3";
}
.bi-send-dash-fill::before {
  content: "\f6b4";
}
.bi-send-dash::before {
  content: "\f6b5";
}
.bi-send-exclamation-fill::before {
  content: "\f6b7";
}
.bi-send-exclamation::before {
  content: "\f6b8";
}
.bi-send-fill::before {
  content: "\f6b9";
}
.bi-send-plus-fill::before {
  content: "\f6ba";
}
.bi-send-plus::before {
  content: "\f6bb";
}
.bi-send-slash-fill::before {
  content: "\f6bc";
}
.bi-send-slash::before {
  content: "\f6bd";
}
.bi-send-x-fill::before {
  content: "\f6be";
}
.bi-send-x::before {
  content: "\f6bf";
}
.bi-send::before {
  content: "\f6c0";
}
.bi-steam::before {
  content: "\f6c1";
}
.bi-terminal-dash::before {
  content: "\f6c3";
}
.bi-terminal-plus::before {
  content: "\f6c4";
}
.bi-terminal-split::before {
  content: "\f6c5";
}
.bi-ticket-detailed-fill::before {
  content: "\f6c6";
}
.bi-ticket-detailed::before {
  content: "\f6c7";
}
.bi-ticket-fill::before {
  content: "\f6c8";
}
.bi-ticket-perforated-fill::before {
  content: "\f6c9";
}
.bi-ticket-perforated::before {
  content: "\f6ca";
}
.bi-ticket::before {
  content: "\f6cb";
}
.bi-tiktok::before {
  content: "\f6cc";
}
.bi-window-dash::before {
  content: "\f6cd";
}
.bi-window-desktop::before {
  content: "\f6ce";
}
.bi-window-fullscreen::before {
  content: "\f6cf";
}
.bi-window-plus::before {
  content: "\f6d0";
}
.bi-window-split::before {
  content: "\f6d1";
}
.bi-window-stack::before {
  content: "\f6d2";
}
.bi-window-x::before {
  content: "\f6d3";
}
.bi-xbox::before {
  content: "\f6d4";
}
.bi-ethernet::before {
  content: "\f6d5";
}
.bi-hdmi-fill::before {
  content: "\f6d6";
}
.bi-hdmi::before {
  content: "\f6d7";
}
.bi-usb-c-fill::before {
  content: "\f6d8";
}
.bi-usb-c::before {
  content: "\f6d9";
}
.bi-usb-fill::before {
  content: "\f6da";
}
.bi-usb-plug-fill::before {
  content: "\f6db";
}
.bi-usb-plug::before {
  content: "\f6dc";
}
.bi-usb-symbol::before {
  content: "\f6dd";
}
.bi-usb::before {
  content: "\f6de";
}
.bi-boombox-fill::before {
  content: "\f6df";
}
.bi-displayport::before {
  content: "\f6e1";
}
.bi-gpu-card::before {
  content: "\f6e2";
}
.bi-memory::before {
  content: "\f6e3";
}
.bi-modem-fill::before {
  content: "\f6e4";
}
.bi-modem::before {
  content: "\f6e5";
}
.bi-motherboard-fill::before {
  content: "\f6e6";
}
.bi-motherboard::before {
  content: "\f6e7";
}
.bi-optical-audio-fill::before {
  content: "\f6e8";
}
.bi-optical-audio::before {
  content: "\f6e9";
}
.bi-pci-card::before {
  content: "\f6ea";
}
.bi-router-fill::before {
  content: "\f6eb";
}
.bi-router::before {
  content: "\f6ec";
}
.bi-thunderbolt-fill::before {
  content: "\f6ef";
}
.bi-thunderbolt::before {
  content: "\f6f0";
}
.bi-usb-drive-fill::before {
  content: "\f6f1";
}
.bi-usb-drive::before {
  content: "\f6f2";
}
.bi-usb-micro-fill::before {
  content: "\f6f3";
}
.bi-usb-micro::before {
  content: "\f6f4";
}
.bi-usb-mini-fill::before {
  content: "\f6f5";
}
.bi-usb-mini::before {
  content: "\f6f6";
}
.bi-cloud-haze2::before {
  content: "\f6f7";
}
.bi-device-hdd-fill::before {
  content: "\f6f8";
}
.bi-device-hdd::before {
  content: "\f6f9";
}
.bi-device-ssd-fill::before {
  content: "\f6fa";
}
.bi-device-ssd::before {
  content: "\f6fb";
}
.bi-displayport-fill::before {
  content: "\f6fc";
}
.bi-mortarboard-fill::before {
  content: "\f6fd";
}
.bi-mortarboard::before {
  content: "\f6fe";
}
.bi-terminal-x::before {
  content: "\f6ff";
}
.bi-arrow-through-heart-fill::before {
  content: "\f700";
}
.bi-arrow-through-heart::before {
  content: "\f701";
}
.bi-badge-sd-fill::before {
  content: "\f702";
}
.bi-badge-sd::before {
  content: "\f703";
}
.bi-bag-heart-fill::before {
  content: "\f704";
}
.bi-bag-heart::before {
  content: "\f705";
}
.bi-balloon-fill::before {
  content: "\f706";
}
.bi-balloon-heart-fill::before {
  content: "\f707";
}
.bi-balloon-heart::before {
  content: "\f708";
}
.bi-balloon::before {
  content: "\f709";
}
.bi-box2-fill::before {
  content: "\f70a";
}
.bi-box2-heart-fill::before {
  content: "\f70b";
}
.bi-box2-heart::before {
  content: "\f70c";
}
.bi-box2::before {
  content: "\f70d";
}
.bi-braces-asterisk::before {
  content: "\f70e";
}
.bi-calendar-heart-fill::before {
  content: "\f70f";
}
.bi-calendar-heart::before {
  content: "\f710";
}
.bi-calendar2-heart-fill::before {
  content: "\f711";
}
.bi-calendar2-heart::before {
  content: "\f712";
}
.bi-chat-heart-fill::before {
  content: "\f713";
}
.bi-chat-heart::before {
  content: "\f714";
}
.bi-chat-left-heart-fill::before {
  content: "\f715";
}
.bi-chat-left-heart::before {
  content: "\f716";
}
.bi-chat-right-heart-fill::before {
  content: "\f717";
}
.bi-chat-right-heart::before {
  content: "\f718";
}
.bi-chat-square-heart-fill::before {
  content: "\f719";
}
.bi-chat-square-heart::before {
  content: "\f71a";
}
.bi-clipboard-check-fill::before {
  content: "\f71b";
}
.bi-clipboard-data-fill::before {
  content: "\f71c";
}
.bi-clipboard-fill::before {
  content: "\f71d";
}
.bi-clipboard-heart-fill::before {
  content: "\f71e";
}
.bi-clipboard-heart::before {
  content: "\f71f";
}
.bi-clipboard-minus-fill::before {
  content: "\f720";
}
.bi-clipboard-plus-fill::before {
  content: "\f721";
}
.bi-clipboard-pulse::before {
  content: "\f722";
}
.bi-clipboard-x-fill::before {
  content: "\f723";
}
.bi-clipboard2-check-fill::before {
  content: "\f724";
}
.bi-clipboard2-check::before {
  content: "\f725";
}
.bi-clipboard2-data-fill::before {
  content: "\f726";
}
.bi-clipboard2-data::before {
  content: "\f727";
}
.bi-clipboard2-fill::before {
  content: "\f728";
}
.bi-clipboard2-heart-fill::before {
  content: "\f729";
}
.bi-clipboard2-heart::before {
  content: "\f72a";
}
.bi-clipboard2-minus-fill::before {
  content: "\f72b";
}
.bi-clipboard2-minus::before {
  content: "\f72c";
}
.bi-clipboard2-plus-fill::before {
  content: "\f72d";
}
.bi-clipboard2-plus::before {
  content: "\f72e";
}
.bi-clipboard2-pulse-fill::before {
  content: "\f72f";
}
.bi-clipboard2-pulse::before {
  content: "\f730";
}
.bi-clipboard2-x-fill::before {
  content: "\f731";
}
.bi-clipboard2-x::before {
  content: "\f732";
}
.bi-clipboard2::before {
  content: "\f733";
}
.bi-emoji-kiss-fill::before {
  content: "\f734";
}
.bi-emoji-kiss::before {
  content: "\f735";
}
.bi-envelope-heart-fill::before {
  content: "\f736";
}
.bi-envelope-heart::before {
  content: "\f737";
}
.bi-envelope-open-heart-fill::before {
  content: "\f738";
}
.bi-envelope-open-heart::before {
  content: "\f739";
}
.bi-envelope-paper-fill::before {
  content: "\f73a";
}
.bi-envelope-paper-heart-fill::before {
  content: "\f73b";
}
.bi-envelope-paper-heart::before {
  content: "\f73c";
}
.bi-envelope-paper::before {
  content: "\f73d";
}
.bi-filetype-aac::before {
  content: "\f73e";
}
.bi-filetype-ai::before {
  content: "\f73f";
}
.bi-filetype-bmp::before {
  content: "\f740";
}
.bi-filetype-cs::before {
  content: "\f741";
}
.bi-filetype-css::before {
  content: "\f742";
}
.bi-filetype-csv::before {
  content: "\f743";
}
.bi-filetype-doc::before {
  content: "\f744";
}
.bi-filetype-docx::before {
  content: "\f745";
}
.bi-filetype-exe::before {
  content: "\f746";
}
.bi-filetype-gif::before {
  content: "\f747";
}
.bi-filetype-heic::before {
  content: "\f748";
}
.bi-filetype-html::before {
  content: "\f749";
}
.bi-filetype-java::before {
  content: "\f74a";
}
.bi-filetype-jpg::before {
  content: "\f74b";
}
.bi-filetype-js::before {
  content: "\f74c";
}
.bi-filetype-jsx::before {
  content: "\f74d";
}
.bi-filetype-key::before {
  content: "\f74e";
}
.bi-filetype-m4p::before {
  content: "\f74f";
}
.bi-filetype-md::before {
  content: "\f750";
}
.bi-filetype-mdx::before {
  content: "\f751";
}
.bi-filetype-mov::before {
  content: "\f752";
}
.bi-filetype-mp3::before {
  content: "\f753";
}
.bi-filetype-mp4::before {
  content: "\f754";
}
.bi-filetype-otf::before {
  content: "\f755";
}
.bi-filetype-pdf::before {
  content: "\f756";
}
.bi-filetype-php::before {
  content: "\f757";
}
.bi-filetype-png::before {
  content: "\f758";
}
.bi-filetype-ppt::before {
  content: "\f75a";
}
.bi-filetype-psd::before {
  content: "\f75b";
}
.bi-filetype-py::before {
  content: "\f75c";
}
.bi-filetype-raw::before {
  content: "\f75d";
}
.bi-filetype-rb::before {
  content: "\f75e";
}
.bi-filetype-sass::before {
  content: "\f75f";
}
.bi-filetype-scss::before {
  content: "\f760";
}
.bi-filetype-sh::before {
  content: "\f761";
}
.bi-filetype-svg::before {
  content: "\f762";
}
.bi-filetype-tiff::before {
  content: "\f763";
}
.bi-filetype-tsx::before {
  content: "\f764";
}
.bi-filetype-ttf::before {
  content: "\f765";
}
.bi-filetype-txt::before {
  content: "\f766";
}
.bi-filetype-wav::before {
  content: "\f767";
}
.bi-filetype-woff::before {
  content: "\f768";
}
.bi-filetype-xls::before {
  content: "\f76a";
}
.bi-filetype-xml::before {
  content: "\f76b";
}
.bi-filetype-yml::before {
  content: "\f76c";
}
.bi-heart-arrow::before {
  content: "\f76d";
}
.bi-heart-pulse-fill::before {
  content: "\f76e";
}
.bi-heart-pulse::before {
  content: "\f76f";
}
.bi-heartbreak-fill::before {
  content: "\f770";
}
.bi-heartbreak::before {
  content: "\f771";
}
.bi-hearts::before {
  content: "\f772";
}
.bi-hospital-fill::before {
  content: "\f773";
}
.bi-hospital::before {
  content: "\f774";
}
.bi-house-heart-fill::before {
  content: "\f775";
}
.bi-house-heart::before {
  content: "\f776";
}
.bi-incognito::before {
  content: "\f777";
}
.bi-magnet-fill::before {
  content: "\f778";
}
.bi-magnet::before {
  content: "\f779";
}
.bi-person-heart::before {
  content: "\f77a";
}
.bi-person-hearts::before {
  content: "\f77b";
}
.bi-phone-flip::before {
  content: "\f77c";
}
.bi-plugin::before {
  content: "\f77d";
}
.bi-postage-fill::before {
  content: "\f77e";
}
.bi-postage-heart-fill::before {
  content: "\f77f";
}
.bi-postage-heart::before {
  content: "\f780";
}
.bi-postage::before {
  content: "\f781";
}
.bi-postcard-fill::before {
  content: "\f782";
}
.bi-postcard-heart-fill::before {
  content: "\f783";
}
.bi-postcard-heart::before {
  content: "\f784";
}
.bi-postcard::before {
  content: "\f785";
}
.bi-search-heart-fill::before {
  content: "\f786";
}
.bi-search-heart::before {
  content: "\f787";
}
.bi-sliders2-vertical::before {
  content: "\f788";
}
.bi-sliders2::before {
  content: "\f789";
}
.bi-trash3-fill::before {
  content: "\f78a";
}
.bi-trash3::before {
  content: "\f78b";
}
.bi-valentine::before {
  content: "\f78c";
}
.bi-valentine2::before {
  content: "\f78d";
}
.bi-wrench-adjustable-circle-fill::before {
  content: "\f78e";
}
.bi-wrench-adjustable-circle::before {
  content: "\f78f";
}
.bi-wrench-adjustable::before {
  content: "\f790";
}
.bi-filetype-json::before {
  content: "\f791";
}
.bi-filetype-pptx::before {
  content: "\f792";
}
.bi-filetype-xlsx::before {
  content: "\f793";
}
.bi-1-circle-fill::before {
  content: "\f796";
}
.bi-1-circle::before {
  content: "\f797";
}
.bi-1-square-fill::before {
  content: "\f798";
}
.bi-1-square::before {
  content: "\f799";
}
.bi-2-circle-fill::before {
  content: "\f79c";
}
.bi-2-circle::before {
  content: "\f79d";
}
.bi-2-square-fill::before {
  content: "\f79e";
}
.bi-2-square::before {
  content: "\f79f";
}
.bi-3-circle-fill::before {
  content: "\f7a2";
}
.bi-3-circle::before {
  content: "\f7a3";
}
.bi-3-square-fill::before {
  content: "\f7a4";
}
.bi-3-square::before {
  content: "\f7a5";
}
.bi-4-circle-fill::before {
  content: "\f7a8";
}
.bi-4-circle::before {
  content: "\f7a9";
}
.bi-4-square-fill::before {
  content: "\f7aa";
}
.bi-4-square::before {
  content: "\f7ab";
}
.bi-5-circle-fill::before {
  content: "\f7ae";
}
.bi-5-circle::before {
  content: "\f7af";
}
.bi-5-square-fill::before {
  content: "\f7b0";
}
.bi-5-square::before {
  content: "\f7b1";
}
.bi-6-circle-fill::before {
  content: "\f7b4";
}
.bi-6-circle::before {
  content: "\f7b5";
}
.bi-6-square-fill::before {
  content: "\f7b6";
}
.bi-6-square::before {
  content: "\f7b7";
}
.bi-7-circle-fill::before {
  content: "\f7ba";
}
.bi-7-circle::before {
  content: "\f7bb";
}
.bi-7-square-fill::before {
  content: "\f7bc";
}
.bi-7-square::before {
  content: "\f7bd";
}
.bi-8-circle-fill::before {
  content: "\f7c0";
}
.bi-8-circle::before {
  content: "\f7c1";
}
.bi-8-square-fill::before {
  content: "\f7c2";
}
.bi-8-square::before {
  content: "\f7c3";
}
.bi-9-circle-fill::before {
  content: "\f7c6";
}
.bi-9-circle::before {
  content: "\f7c7";
}
.bi-9-square-fill::before {
  content: "\f7c8";
}
.bi-9-square::before {
  content: "\f7c9";
}
.bi-airplane-engines-fill::before {
  content: "\f7ca";
}
.bi-airplane-engines::before {
  content: "\f7cb";
}
.bi-airplane-fill::before {
  content: "\f7cc";
}
.bi-airplane::before {
  content: "\f7cd";
}
.bi-alexa::before {
  content: "\f7ce";
}
.bi-alipay::before {
  content: "\f7cf";
}
.bi-android::before {
  content: "\f7d0";
}
.bi-android2::before {
  content: "\f7d1";
}
.bi-box-fill::before {
  content: "\f7d2";
}
.bi-box-seam-fill::before {
  content: "\f7d3";
}
.bi-browser-chrome::before {
  content: "\f7d4";
}
.bi-browser-edge::before {
  content: "\f7d5";
}
.bi-browser-firefox::before {
  content: "\f7d6";
}
.bi-browser-safari::before {
  content: "\f7d7";
}
.bi-c-circle-fill::before {
  content: "\f7da";
}
.bi-c-circle::before {
  content: "\f7db";
}
.bi-c-square-fill::before {
  content: "\f7dc";
}
.bi-c-square::before {
  content: "\f7dd";
}
.bi-capsule-pill::before {
  content: "\f7de";
}
.bi-capsule::before {
  content: "\f7df";
}
.bi-car-front-fill::before {
  content: "\f7e0";
}
.bi-car-front::before {
  content: "\f7e1";
}
.bi-cassette-fill::before {
  content: "\f7e2";
}
.bi-cassette::before {
  content: "\f7e3";
}
.bi-cc-circle-fill::before {
  content: "\f7e6";
}
.bi-cc-circle::before {
  content: "\f7e7";
}
.bi-cc-square-fill::before {
  content: "\f7e8";
}
.bi-cc-square::before {
  content: "\f7e9";
}
.bi-cup-hot-fill::before {
  content: "\f7ea";
}
.bi-cup-hot::before {
  content: "\f7eb";
}
.bi-currency-rupee::before {
  content: "\f7ec";
}
.bi-dropbox::before {
  content: "\f7ed";
}
.bi-escape::before {
  content: "\f7ee";
}
.bi-fast-forward-btn-fill::before {
  content: "\f7ef";
}
.bi-fast-forward-btn::before {
  content: "\f7f0";
}
.bi-fast-forward-circle-fill::before {
  content: "\f7f1";
}
.bi-fast-forward-circle::before {
  content: "\f7f2";
}
.bi-fast-forward-fill::before {
  content: "\f7f3";
}
.bi-fast-forward::before {
  content: "\f7f4";
}
.bi-filetype-sql::before {
  content: "\f7f5";
}
.bi-fire::before {
  content: "\f7f6";
}
.bi-google-play::before {
  content: "\f7f7";
}
.bi-h-circle-fill::before {
  content: "\f7fa";
}
.bi-h-circle::before {
  content: "\f7fb";
}
.bi-h-square-fill::before {
  content: "\f7fc";
}
.bi-h-square::before {
  content: "\f7fd";
}
.bi-indent::before {
  content: "\f7fe";
}
.bi-lungs-fill::before {
  content: "\f7ff";
}
.bi-lungs::before {
  content: "\f800";
}
.bi-microsoft-teams::before {
  content: "\f801";
}
.bi-p-circle-fill::before {
  content: "\f804";
}
.bi-p-circle::before {
  content: "\f805";
}
.bi-p-square-fill::before {
  content: "\f806";
}
.bi-p-square::before {
  content: "\f807";
}
.bi-pass-fill::before {
  content: "\f808";
}
.bi-pass::before {
  content: "\f809";
}
.bi-prescription::before {
  content: "\f80a";
}
.bi-prescription2::before {
  content: "\f80b";
}
.bi-r-circle-fill::before {
  content: "\f80e";
}
.bi-r-circle::before {
  content: "\f80f";
}
.bi-r-square-fill::before {
  content: "\f810";
}
.bi-r-square::before {
  content: "\f811";
}
.bi-repeat-1::before {
  content: "\f812";
}
.bi-repeat::before {
  content: "\f813";
}
.bi-rewind-btn-fill::before {
  content: "\f814";
}
.bi-rewind-btn::before {
  content: "\f815";
}
.bi-rewind-circle-fill::before {
  content: "\f816";
}
.bi-rewind-circle::before {
  content: "\f817";
}
.bi-rewind-fill::before {
  content: "\f818";
}
.bi-rewind::before {
  content: "\f819";
}
.bi-train-freight-front-fill::before {
  content: "\f81a";
}
.bi-train-freight-front::before {
  content: "\f81b";
}
.bi-train-front-fill::before {
  content: "\f81c";
}
.bi-train-front::before {
  content: "\f81d";
}
.bi-train-lightrail-front-fill::before {
  content: "\f81e";
}
.bi-train-lightrail-front::before {
  content: "\f81f";
}
.bi-truck-front-fill::before {
  content: "\f820";
}
.bi-truck-front::before {
  content: "\f821";
}
.bi-ubuntu::before {
  content: "\f822";
}
.bi-unindent::before {
  content: "\f823";
}
.bi-unity::before {
  content: "\f824";
}
.bi-universal-access-circle::before {
  content: "\f825";
}
.bi-universal-access::before {
  content: "\f826";
}
.bi-virus::before {
  content: "\f827";
}
.bi-virus2::before {
  content: "\f828";
}
.bi-wechat::before {
  content: "\f829";
}
.bi-yelp::before {
  content: "\f82a";
}
.bi-sign-stop-fill::before {
  content: "\f82b";
}
.bi-sign-stop-lights-fill::before {
  content: "\f82c";
}
.bi-sign-stop-lights::before {
  content: "\f82d";
}
.bi-sign-stop::before {
  content: "\f82e";
}
.bi-sign-turn-left-fill::before {
  content: "\f82f";
}
.bi-sign-turn-left::before {
  content: "\f830";
}
.bi-sign-turn-right-fill::before {
  content: "\f831";
}
.bi-sign-turn-right::before {
  content: "\f832";
}
.bi-sign-turn-slight-left-fill::before {
  content: "\f833";
}
.bi-sign-turn-slight-left::before {
  content: "\f834";
}
.bi-sign-turn-slight-right-fill::before {
  content: "\f835";
}
.bi-sign-turn-slight-right::before {
  content: "\f836";
}
.bi-sign-yield-fill::before {
  content: "\f837";
}
.bi-sign-yield::before {
  content: "\f838";
}
.bi-ev-station-fill::before {
  content: "\f839";
}
.bi-ev-station::before {
  content: "\f83a";
}
.bi-fuel-pump-diesel-fill::before {
  content: "\f83b";
}
.bi-fuel-pump-diesel::before {
  content: "\f83c";
}
.bi-fuel-pump-fill::before {
  content: "\f83d";
}
.bi-fuel-pump::before {
  content: "\f83e";
}
.bi-0-circle-fill::before {
  content: "\f83f";
}
.bi-0-circle::before {
  content: "\f840";
}
.bi-0-square-fill::before {
  content: "\f841";
}
.bi-0-square::before {
  content: "\f842";
}
.bi-rocket-fill::before {
  content: "\f843";
}
.bi-rocket-takeoff-fill::before {
  content: "\f844";
}
.bi-rocket-takeoff::before {
  content: "\f845";
}
.bi-rocket::before {
  content: "\f846";
}
.bi-stripe::before {
  content: "\f847";
}
.bi-subscript::before {
  content: "\f848";
}
.bi-superscript::before {
  content: "\f849";
}
.bi-trello::before {
  content: "\f84a";
}
.bi-envelope-at-fill::before {
  content: "\f84b";
}
.bi-envelope-at::before {
  content: "\f84c";
}
.bi-regex::before {
  content: "\f84d";
}
.bi-text-wrap::before {
  content: "\f84e";
}
.bi-sign-dead-end-fill::before {
  content: "\f84f";
}
.bi-sign-dead-end::before {
  content: "\f850";
}
.bi-sign-do-not-enter-fill::before {
  content: "\f851";
}
.bi-sign-do-not-enter::before {
  content: "\f852";
}
.bi-sign-intersection-fill::before {
  content: "\f853";
}
.bi-sign-intersection-side-fill::before {
  content: "\f854";
}
.bi-sign-intersection-side::before {
  content: "\f855";
}
.bi-sign-intersection-t-fill::before {
  content: "\f856";
}
.bi-sign-intersection-t::before {
  content: "\f857";
}
.bi-sign-intersection-y-fill::before {
  content: "\f858";
}
.bi-sign-intersection-y::before {
  content: "\f859";
}
.bi-sign-intersection::before {
  content: "\f85a";
}
.bi-sign-merge-left-fill::before {
  content: "\f85b";
}
.bi-sign-merge-left::before {
  content: "\f85c";
}
.bi-sign-merge-right-fill::before {
  content: "\f85d";
}
.bi-sign-merge-right::before {
  content: "\f85e";
}
.bi-sign-no-left-turn-fill::before {
  content: "\f85f";
}
.bi-sign-no-left-turn::before {
  content: "\f860";
}
.bi-sign-no-parking-fill::before {
  content: "\f861";
}
.bi-sign-no-parking::before {
  content: "\f862";
}
.bi-sign-no-right-turn-fill::before {
  content: "\f863";
}
.bi-sign-no-right-turn::before {
  content: "\f864";
}
.bi-sign-railroad-fill::before {
  content: "\f865";
}
.bi-sign-railroad::before {
  content: "\f866";
}
.bi-building-add::before {
  content: "\f867";
}
.bi-building-check::before {
  content: "\f868";
}
.bi-building-dash::before {
  content: "\f869";
}
.bi-building-down::before {
  content: "\f86a";
}
.bi-building-exclamation::before {
  content: "\f86b";
}
.bi-building-fill-add::before {
  content: "\f86c";
}
.bi-building-fill-check::before {
  content: "\f86d";
}
.bi-building-fill-dash::before {
  content: "\f86e";
}
.bi-building-fill-down::before {
  content: "\f86f";
}
.bi-building-fill-exclamation::before {
  content: "\f870";
}
.bi-building-fill-gear::before {
  content: "\f871";
}
.bi-building-fill-lock::before {
  content: "\f872";
}
.bi-building-fill-slash::before {
  content: "\f873";
}
.bi-building-fill-up::before {
  content: "\f874";
}
.bi-building-fill-x::before {
  content: "\f875";
}
.bi-building-fill::before {
  content: "\f876";
}
.bi-building-gear::before {
  content: "\f877";
}
.bi-building-lock::before {
  content: "\f878";
}
.bi-building-slash::before {
  content: "\f879";
}
.bi-building-up::before {
  content: "\f87a";
}
.bi-building-x::before {
  content: "\f87b";
}
.bi-buildings-fill::before {
  content: "\f87c";
}
.bi-buildings::before {
  content: "\f87d";
}
.bi-bus-front-fill::before {
  content: "\f87e";
}
.bi-bus-front::before {
  content: "\f87f";
}
.bi-ev-front-fill::before {
  content: "\f880";
}
.bi-ev-front::before {
  content: "\f881";
}
.bi-globe-americas::before {
  content: "\f882";
}
.bi-globe-asia-australia::before {
  content: "\f883";
}
.bi-globe-central-south-asia::before {
  content: "\f884";
}
.bi-globe-europe-africa::before {
  content: "\f885";
}
.bi-house-add-fill::before {
  content: "\f886";
}
.bi-house-add::before {
  content: "\f887";
}
.bi-house-check-fill::before {
  content: "\f888";
}
.bi-house-check::before {
  content: "\f889";
}
.bi-house-dash-fill::before {
  content: "\f88a";
}
.bi-house-dash::before {
  content: "\f88b";
}
.bi-house-down-fill::before {
  content: "\f88c";
}
.bi-house-down::before {
  content: "\f88d";
}
.bi-house-exclamation-fill::before {
  content: "\f88e";
}
.bi-house-exclamation::before {
  content: "\f88f";
}
.bi-house-gear-fill::before {
  content: "\f890";
}
.bi-house-gear::before {
  content: "\f891";
}
.bi-house-lock-fill::before {
  content: "\f892";
}
.bi-house-lock::before {
  content: "\f893";
}
.bi-house-slash-fill::before {
  content: "\f894";
}
.bi-house-slash::before {
  content: "\f895";
}
.bi-house-up-fill::before {
  content: "\f896";
}
.bi-house-up::before {
  content: "\f897";
}
.bi-house-x-fill::before {
  content: "\f898";
}
.bi-house-x::before {
  content: "\f899";
}
.bi-person-add::before {
  content: "\f89a";
}
.bi-person-down::before {
  content: "\f89b";
}
.bi-person-exclamation::before {
  content: "\f89c";
}
.bi-person-fill-add::before {
  content: "\f89d";
}
.bi-person-fill-check::before {
  content: "\f89e";
}
.bi-person-fill-dash::before {
  content: "\f89f";
}
.bi-person-fill-down::before {
  content: "\f8a0";
}
.bi-person-fill-exclamation::before {
  content: "\f8a1";
}
.bi-person-fill-gear::before {
  content: "\f8a2";
}
.bi-person-fill-lock::before {
  content: "\f8a3";
}
.bi-person-fill-slash::before {
  content: "\f8a4";
}
.bi-person-fill-up::before {
  content: "\f8a5";
}
.bi-person-fill-x::before {
  content: "\f8a6";
}
.bi-person-gear::before {
  content: "\f8a7";
}
.bi-person-lock::before {
  content: "\f8a8";
}
.bi-person-slash::before {
  content: "\f8a9";
}
.bi-person-up::before {
  content: "\f8aa";
}
.bi-scooter::before {
  content: "\f8ab";
}
.bi-taxi-front-fill::before {
  content: "\f8ac";
}
.bi-taxi-front::before {
  content: "\f8ad";
}
.bi-amd::before {
  content: "\f8ae";
}
.bi-database-add::before {
  content: "\f8af";
}
.bi-database-check::before {
  content: "\f8b0";
}
.bi-database-dash::before {
  content: "\f8b1";
}
.bi-database-down::before {
  content: "\f8b2";
}
.bi-database-exclamation::before {
  content: "\f8b3";
}
.bi-database-fill-add::before {
  content: "\f8b4";
}
.bi-database-fill-check::before {
  content: "\f8b5";
}
.bi-database-fill-dash::before {
  content: "\f8b6";
}
.bi-database-fill-down::before {
  content: "\f8b7";
}
.bi-database-fill-exclamation::before {
  content: "\f8b8";
}
.bi-database-fill-gear::before {
  content: "\f8b9";
}
.bi-database-fill-lock::before {
  content: "\f8ba";
}
.bi-database-fill-slash::before {
  content: "\f8bb";
}
.bi-database-fill-up::before {
  content: "\f8bc";
}
.bi-database-fill-x::before {
  content: "\f8bd";
}
.bi-database-fill::before {
  content: "\f8be";
}
.bi-database-gear::before {
  content: "\f8bf";
}
.bi-database-lock::before {
  content: "\f8c0";
}
.bi-database-slash::before {
  content: "\f8c1";
}
.bi-database-up::before {
  content: "\f8c2";
}
.bi-database-x::before {
  content: "\f8c3";
}
.bi-database::before {
  content: "\f8c4";
}
.bi-houses-fill::before {
  content: "\f8c5";
}
.bi-houses::before {
  content: "\f8c6";
}
.bi-nvidia::before {
  content: "\f8c7";
}
.bi-person-vcard-fill::before {
  content: "\f8c8";
}
.bi-person-vcard::before {
  content: "\f8c9";
}
.bi-sina-weibo::before {
  content: "\f8ca";
}
.bi-tencent-qq::before {
  content: "\f8cb";
}
.bi-wikipedia::before {
  content: "\f8cc";
}
.swal-icon--error {
  border-color: #f27474;
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}
.swal-icon--error__x-mark {
  position: relative;
  display: block;
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}
.swal-icon--error__line {
  position: absolute;
  height: 6px;
  width: 19px;
  background-color: #333;
  display: block;
  top: 10px;
  border-radius: 2px;
}
.swal-icon--error__line--left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 4px;
}
.swal-icon--error__line--right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 2px;
}
@-webkit-keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes animateXMark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animateXMark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.swal-icon--warning {
  border-color: #333;
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}
.swal-icon--warning__body {
  width: 3px;
  height: 12px;
  top: 3px;
  border-radius: 2px;
  margin-left: -2px;
}
.swal-icon--warning__body,
.swal-icon--warning__dot {
  position: absolute;
  left: 50%;
  background-color: #fff;
}
.swal-icon--warning__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-left: -2px;
  bottom: -6px;
}
@-webkit-keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  to {
    border-color: #f8bb86;
  }
}
@keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  to {
    border-color: #f8bb86;
  }
}
.swal-icon--success {
  border-color: #a5dc86;
}
.swal-icon--success:after,
.swal-icon--success:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.swal-icon--success:before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}
.swal-icon--success:after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  transform-origin: 0 60px;
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}
.swal-icon--success__ring {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(164, 219, 132, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.swal-icon--success__hide-corners {
  width: 5px;
  height: 90px;
  background-color: #fff;
  padding: 1px;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.swal-icon--success__line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.swal-icon--success__line--tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}
.swal-icon--success__line--long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  to {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  to {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  to {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  to {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
.swal-icon--info {
  border-color: #9dc76b;
}
.swal-icon--info:before {
  width: 4px;
  height: 12px;
  bottom: 2px;
  border-radius: 2px;
  margin-left: -3px;
  margin-top: -2px !important;
}
.swal-icon--info:after,
.swal-icon--info:before {
  content: "";
  position: absolute;
  left: 50%;
  background-color: #9dc76b;
}
.swal-icon--info:after {
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-left: -3px;
  top: 2px;
}
.swal-icon {
  display: none;
  width: 25px;
  height: 25px;
  border-width: 0px;
  border-style: solid;
  border-radius: 50%;
  padding: 0;
  position: absolute;
  box-sizing: content-box;
  margin: 20px auto;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-top: 18px !important;
  background: #f4b836;
}
.swal-icon:first-child {
  margin-top: 15px;
}
.swal-icon--custom {
  width: auto;
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
}
.swal-icon img {
  max-width: 100%;
  max-height: 100%;
}
.swal-title {
  color: #333;
  font-weight: 600;
  text-transform: none;
  position: relative;
  display: block;
  padding: 15px 16px;
  font-size: 14px;
  line-height: normal;
  text-align: left;
  margin-bottom: 0;
}
.swal-title:first-child {
  margin-top: 26px;
}
.swal-title:not(:first-child) {
  padding-bottom: 0;
}
.swal-title:not(:last-child) {
  padding-bottom: 12px;
  text-align: left;
  /* padding-left: 50px; */
  padding-top: 12px;
  border-bottom: 1px solid #ccc;
}
.swal-text {
  font-size: 14px;
  position: relative;
  float: none;
  line-height: normal;
  vertical-align: top;
  text-align: left;
  display: inline-block;
  margin: 0;
  padding: 0 20px;
  font-weight: 400;
  color: #333;
  overflow-wrap: break-word;
  box-sizing: border-box;
  padding-bottom: 14px;
  word-break: break-word;
  -ms-word-break: break-word;
  line-break: loose;
  padding-top: 15px;
  font-family: 'Roboto-Regular';
}
.swal-text:first-child {
  margin-top: 45px;
}
.swal-text:last-child {
  margin-bottom: 45px;
}
.swal-footer {
  text-align: right;
  padding: 13px 16px;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
.swal-button-container {
  margin: 5px;
  display: inline-block;
  position: relative;
}
.swal-button {
  background-color: #d71996;
  color: #fff;
  border: none;
  box-shadow: none;
  border-radius: 5px;
  font-weight: normal;
  font-size: 9.5pt !important;
  font-family: work sans semibold;
  /*letter-spacing: 0pt;*/
  padding: 0px 12px !important;
  margin: 0;
  cursor: pointer;
  line-height: 24px;
  height: 34px;
}
.swal-button:not(disabled):hover {
  background: #961169;
}
.swal-button:focus {
  outline: none;
  /* box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29);
  */

}
.swal-button[disabled] {
  opacity: 0.5;
  cursor: default;
  background: #D1D1D1;
  color: #767676;
}
.swal-button::-moz-focus-inner {
  border: 0;
}
.swal-button--cancel {
  color: #333;
  background-color: #efefef;
}
.swal-button--cancel:not(disabled):hover {
  background-color: #e8e8e8;
}
.swal-button--cancel:active {
  background-color: #d7d7d7;
}
.swal-button--cancel:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(116, 136, 150, 0.29);
}
.swal-button--danger {
  background-color: #e64942;
}
.swal-button--danger:not(disabled):hover {
  background-color: #df4740;
}
.swal-button--danger:active {
  background-color: #cf423b;
}
.swal-button--danger:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(165, 43, 43, 0.29);
}
.swal-content {
  padding: 0 20px;
  margin-top: 20px;
  font-size: medium;
}
.swal-content:last-child {
  margin-bottom: 20px;
}
.swal-content__input,
.swal-content__textarea {
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  font-size: 14px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.14);
  padding: 10px 13px;
  border-radius: 2px;
  transition: border-color 0.2s;
}
.swal-content__input:focus,
.swal-content__textarea:focus {
  outline: none;
  border-color: #6db8ff;
}
.swal-content__textarea {
  resize: vertical;
}
.swal-button--loading {
  color: transparent;
}
.swal-button--loading ~ .swal-button__loader {
  opacity: 1;
}
.swal-button__loader {
  position: absolute;
  height: auto;
  width: 43px;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: left;
  pointer-events: none;
  opacity: 0;
}
.swal-button__loader div {
  display: inline-block;
  float: none;
  vertical-align: baseline;
  width: 9px;
  height: 9px;
  padding: 0;
  border: none;
  margin: 2px;
  opacity: 0.4;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: background 0.2s;
  -webkit-animation: swal-loading-anim 1s infinite;
  animation: swal-loading-anim 1s infinite;
}
.swal-button__loader div:nth-child(3n+2) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.swal-button__loader div:nth-child(3n+3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
@-webkit-keyframes swal-loading-anim {
  0% {
    opacity: 0.4;
  }
  20% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}
@keyframes swal-loading-anim {
  0% {
    opacity: 0.4;
  }
  20% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}
.swal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}
.swal-overlay:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.swal-overlay--show-modal {
  opacity: 1;
  pointer-events: auto;
}
.swal-overlay--show-modal .swal-modal {
  text-align: left;
  opacity: 1;
  pointer-events: auto;
  box-sizing: border-box;
  -webkit-animation: showSweetAlert 0.05s;
  animation: showSweetAlert 0.05s;
  /* will-change: transform; */

}
.swal-modal {
  width: 478px;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  text-align: left;
  border-radius: 5px;
  position: static;
  margin: 20px auto;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  z-index: 10001;
  transition: opacity 0.2s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s;
}
@media (max-width: 500px) {
  .swal-modal {
    width: calc(80%);
  }
}
@-webkit-keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  1% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  1% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  to {
    -webkit-transform: scale(1);
  }
}
.swal-modal.ui-draggable,
.swal-icon {
  cursor: move;
}
.swal-title,
.swal-text,
.swal-footer {
  cursor: auto;
}
.swal-footer .swal-button-container:not(:first-child) button {
  color: #1277d9 !important;
  background: white !important;
  border: 1px solid #1277d9 !important;
}
.swal-footer .swal-button-container:not(:first-child) button:hover {
  color: #fff !important;
  background: #1277d9 !important;
}
.swal-footer .swal-button-container:not(:first-child) button[disabled] {
  border: #D1D1D1 !important;
  color: #767676 !important;
}
button.swal-button {
  min-width: 70px;
}
@-webkit-keyframes fstAnimationEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1em, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fstAnimationEnter {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -1em, 0);
  }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
  }
}
@keyframes fstAnimationEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -ms-transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    transform: translate3d(0, -1em, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fstElement {
  display: inline-block;
  position: relative;
  border: 1px solid #ccc !important;
  line-height: 16px;
  padding-left: 3px !important;
  box-sizing: border-box;
  color: #333;
  font-size: 10pt;
  background-color: #fff;
}
.fstElement > select,
.fstElement > input {
  position: absolute;
  left: -999em;
}
.fstToggleBtn {
  font-size: 1.4em;
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 0.71429em 1.42857em 0.71429em 0.71429em;
  min-width: 14.28571em;
  cursor: pointer;
}
.fstToggleBtn:after {
  position: absolute;
  content: "\f107";
  left: calc(84%);
  top: 5px;
  font-size: 9pt;
  cursor: pointer;
  font-family: 'FA2';
  overflow: hidden;
  color: #40505b;
  font-weight: 600;
}
.fstQueryInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  box-sizing: border-box;
  background: transparent;
  border: 0;
}
.fstResults {
  position: absolute;
  left: -1px;
  top: 100%;
  right: -1px;
  max-height: 30em;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #D7D7D7;
  /* border-top: 0; */
  background-color: #FFF;
  display: none;
}
.fstResultItem {
  font-size: 9.5pt;
  padding: 0.2em;
  margin: 0;
  cursor: pointer;
  border-top: 1px solid #fff;
  min-width: 100%;
  font-family: roboto-regular;
  /*letter-spacing: 0pt;*/
  display: block;
  height: 25px;
  padding-left: 7px;
}
.fstResultItem.fstUserOption {
  color: #707070;
}
.fstResultItem.fstSelected {
  color: #333;
  background-color: #fff;
  /* border-color: #82a955; */

}
.fstResultItem.fstFocused {
  background-color: #1277d9;
  color: #fff;
}
.fstGroupTitle {
  font-size: 1.4em;
  display: block;
  padding: 0.5em 0.71429em;
  margin: 0;
  font-weight: bold;
}
.fstGroup {
  padding-top: 1em;
}
.fstGroup:first-child {
  padding-top: 0;
}
.fstNoResults {
  font-size: 9.5pt;
  display: block;
  padding: 0.71429em 0.71429em;
  margin: 0;
  color: #999;
}
.fstSingleMode .fstControls {
  position: absolute;
  left: -1px;
  right: -1px;
  top: 100%;
  padding: 0.5em;
  border: 1px solid #D7D7D7;
  background-color: #fff;
  display: none;
}
.fstSingleMode .fstQueryInput {
  font-size: 10.4pt;
  display: block;
  width: 100%;
  padding: 0 4px 0 4px;
  color: #999;
  height: auto;
}
.fstSingleMode.fstActive {
  z-index: 100;
}
.fstSingleMode.fstActive.fstElement,
.fstSingleMode.fstActive .fstControls,
.fstSingleMode.fstActive .fstResults {
  box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
}
.fstSingleMode.fstActive .fstControls {
  display: block;
}
.fstSingleMode.fstActive .fstResults {
  display: block;
  z-index: 10;
  margin-top: -1px;
}
.fstChoiceItem {
  display: inline-block;
  font-size: 9.5pt;
  position: relative;
  margin: 1px;
  height: 23px;
  padding: 0.2em 0.5em 0.23333em 1.4em;
  float: left;
  border-radius: 0.25em;
  border: 0px solid #bbb;
  cursor: auto;
  color: #333;
  background-color: #fff;
  -webkit-animation: fstAnimationEnter 0.2s;
  -moz-animation: fstAnimationEnter 0.2s;
  animation: fstAnimationEnter 0.2s;
}
.fstChoiceItem.mod1 {
  background-color: #F9F9F9;
  border: 1px solid #D7D7D7;
  color: #333;
}
.fstChoiceItem.mod1 > .fstChoiceRemove {
  color: #E10543;
}
.fstChoiceRemove {
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: white;
  font-size: 12px;
  position: absolute;
  left: 3px;
  top: 4px;
  width: 13px;
  line-height: 9px;
  text-align: center;
  color: #333;
  background: #fff;
  border: 1px solid #333;
  border-radius: 100%;
  height: 13px;
}
.fstChoiceRemove::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.fstMultipleMode .fstControls {
  max-height: 105px;
  box-sizing: border-box;
  padding: 0px 0px;
  overflow-y: auto;
  width: 20em;
  cursor: text;
  padding-top: 2px;
  min-height: 28px;
}
.fstMultipleMode .fstQueryInput {
  font-size: 9.5pt;
  float: left;
  padding: 0px 4px 2px 4px;
  margin: -1px;
  width: 100% !important;
  color: #999;
  height: 21px;
  cursor: pointer;
}
.fstMultipleMode .fstQueryInputExpanded {
  float: none;
  width: 100%;
  padding: 2.5px;
}
.fstMultipleMode .fstFakeInput {
  font-size: 1.4em;
}
.fstMultipleMode.fstActive .fstResults {
  display: block;
  z-index: 10;
  border-top: 1px solid #D7D7D7;
}
.fstResults {
  overflow: hidden;
}
i {
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'ep2p';
}
.toast-icon-error:before {
  font-family: 'ep2p';
  content: "\e966";
  font-size: 20px;
}
.toast-icon-info:before {
  content: "\ead2";
  font-size: 20px;
}
span.toast-close:before {
  font-family: 'ep2p';
  content: '\e92f';
}
.toast-icon-notice:before {
  font-family: 'ep2p';
  content: "\ead2";
}
.toast-icon-success:before {
  font-family: 'ep2p';
  content: "\ead2";
}
.toast-icon-warning:before {
  content: "\ead2";
  transform: rotate(180deg);
  display: inline-block;
  font-size: 20px;
}
.toast-item-wrapper {
  min-width: 250px;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.toast-item-wrapper i.toast-icon {
  position: absolute;
  top: calc(50% - 11px);
  left: 0;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
}
.toast-item-wrapper .toast-close {
  font-size: 16px;
  position: absolute;
  top: calc(50% - 10px);
  right: 13px;
  width: 20px;
  text-align: center;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
}
.toast-item-wrapper {
  background-color: #e7f6ff;
  border: 1px solid #1277d9;
}
.toast-item-wrapper.toast-top-left {
  left: 20px;
  top: 20px;
}
.toast-item-wrapper.toast-top-right {
  right: 31px;
  top: 60px;
  margin-left: 22px;
}
.toast-item-wrapper.toast-top-center {
  margin: 0 auto;
  top: 20px;
}
.toast-item-wrapper.toast-bottom-left {
  left: 20px;
  bottom: 20px;
}
.toast-item-wrapper.toast-bottom-right {
  right: 20px;
  bottom: 20px;
}
.toast-item-wrapper.toast-bottom-center {
  margin: 0 auto;
  bottom: 20px;
}
.toast-item-wrapper.fullscreen {
  left: 20px;
  right: 20px;
  width: 100%;
}
.toast-item-wrapper p {
  margin: 0;
}
.toast-item-wrapper .toast-message {
  font-size: 12px;
  padding-right: 10px;
}
.toast-item-wrapper .toast-progress {
  width: 0;
  height: 3px;
  background-color: #1277d9;
  position: absolute;
  bottom: 0;
  right: 0;
}
.toast-item-wrapper.rtl {
  direction: rtl;
  text-align: right;
}
.toast-item-wrapper.rtl i.toast-icon {
  left: auto;
  right: 0;
}
.toast-item-wrapper.rtl .toast-close {
  right: auto;
  left: 0;
}
.toast-item-wrapper.rtl p {
  text-align: right;
}
.toast-item-wrapper.rtl .toast-progress {
  left: auto;
  right: 0;
}
p.toast-title {
  font-family: 'Roboto-Bold';
}
@media (max-width: 500px) {
  .col-auto {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .col-1 {
    flex: 0 0 auto !important;
    width: 8.333333333% !important;
  }
  .col-2 {
    flex: 0 0 auto !important;
    width: 16.666666667% !important;
  }
  .col-3 {
    flex: 0 0 auto !important;
    width: 25% !important;
  }
  .col-4 {
    flex: 0 0 auto !important;
    width: 33.333333333% !important;
  }
  .col-5 {
    flex: 0 0 auto !important;
    width: 41.666666667% !important;
  }
  .col-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .col-7 {
    flex: 0 0 auto !important;
    width: 58.333333333% !important;
  }
  .col-8 {
    flex: 0 0 auto !important;
    width: 66.666666667% !important;
  }
  .col-9 {
    flex: 0 0 auto !important;
    width: 75% !important;
  }
  .col-10 {
    flex: 0 0 auto !important;
    width: 83.333333333% !important;
  }
  .col-11 {
    flex: 0 0 auto !important;
    width: 91.666666667% !important;
  }
  .col-12 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  .col-R-pad-0 {
    padding-right: 0px !important;
  }
}
@media (min-width: 501px) and (max-width: 590px) {
  .col-min-auto {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .col-min-1 {
    flex: 0 0 auto !important;
    width: 8.333333333% !important;
  }
  .col-min-2 {
    flex: 0 0 auto !important;
    width: 16.666666667% !important;
  }
  .col-min-3 {
    flex: 0 0 auto !important;
    width: 25% !important;
  }
  .col-min-4 {
    flex: 0 0 auto !important;
    width: 33.333333333% !important;
  }
  .col-min-5 {
    flex: 0 0 auto !important;
    width: 41.666666667% !important;
  }
  .col-min-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .col-min-7 {
    flex: 0 0 auto !important;
    width: 58.333333333% !important;
  }
  .col-min-8 {
    flex: 0 0 auto !important;
    width: 66.666666667% !important;
  }
  .col-min-9 {
    flex: 0 0 auto !important;
    width: 75% !important;
  }
  .col-min-10 {
    flex: 0 0 auto !important;
    width: 83.333333333% !important;
  }
  .col-min-11 {
    flex: 0 0 auto !important;
    width: 91.666666667% !important;
  }
  .col-min-12 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}
@media (min-width: 591px) and (max-width: 700px) {
  .col-mid-auto {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .col-mid-1 {
    flex: 0 0 auto !important;
    width: 8.333333333% !important;
  }
  .col-mid-2 {
    flex: 0 0 auto !important;
    width: 16.666666667% !important;
  }
  .col-mid-3 {
    flex: 0 0 auto !important;
    width: 25% !important;
  }
  .col-mid-4 {
    flex: 0 0 auto !important;
    width: 33.333333333% !important;
  }
  .col-mid-5 {
    flex: 0 0 auto !important;
    width: 41.666666667% !important;
  }
  .col-mid-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .col-mid-7 {
    flex: 0 0 auto !important;
    width: 58.333333333% !important;
  }
  .col-mid-8 {
    flex: 0 0 auto !important;
    width: 66.666666667% !important;
  }
  .col-mid-9 {
    flex: 0 0 auto !important;
    width: 75% !important;
  }
  .col-mid-10 {
    flex: 0 0 auto !important;
    width: 83.333333333% !important;
  }
  .col-mid-11 {
    flex: 0 0 auto !important;
    width: 91.666666667% !important;
  }
  .col-mid-12 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}
@media (min-width: 1600px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-xl {
    flex: 1 0 0%;
  }
}
.col-xl-1,
.col-1,
.col-xxl-1,
.col-xl-2,
.col-2,
.col-xxl-2,
.col-xl-3,
.col-3,
.col-xxl-3,
.col-xl-4,
.col-4,
.col-xxl-4,
.col-xl-5,
.col-5,
.col-xxl-5,
.col-xl-6,
.col-6,
.col-xxl-6,
.col-xl-7,
.col-7,
.col-xxl-7,
.col-xl-8,
.col-8,
.col-xxl-8,
.col-xl-9,
.col-9,
.col-xxl-9,
.col-xl-10,
.col-10,
.col-xxl-10,
.col-xl-11,
.col-11,
.col-xxl-11,
.col-xl-12,
.col-12,
.col-xxl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
/* ============================================================================
   MobileInputZoom.css
   BROWSER-OBSERVED FIX (2026-09-18): on phone and tablet, focusing any field
   zoomed the page in and it never came back to fit.

   Cause: iOS/iPadOS Safari zooms the viewport onto the focused control whenever
   that control's computed font-size is under 16px. It is not a layout bug, and
   the viewport meta cannot switch it off - Safari has ignored `user-scalable=no`
   and `maximum-scale` since iOS 10. Practically every field in this app sits
   under the threshold: `.form-control` is 9.5pt = 12.67px (P2P.less ~29186),
   `#txtSearch, #divSearch` the same (~1831), `.CompressMode div#FilterGrid`
   11.5px (~28560). Raising them to 16px is the entire fix.

   The pages that carried `user-scalable=no, maximum-scale=3.0` (Aquila.master,
   Logon.aspx) or `maximum-scale=1, user-scalable=no` (Contact, ContactUs,
   CreateInvoice, ManageFolders, MessageBoard, TechInfo, SignInHistory,
   UserStatistics) dropped them at the same time. Those never prevented the
   zoom - they only stopped Android Chrome users pinching back out once it had
   happened, which is why the page stayed zoomed rather than settling back.
   They are also a WCAG 2.1 AA 1.4.4 (Resize Text) failure.

   PRECONDITION: this file only helps a page that declares
   `<meta name="viewport" content="width=device-width, ...">`. Without it the
   browser lays out at a 980px virtual viewport and scales the whole page down,
   so a 16px field is not 16 effective px and Safari zooms anyway. 184 of the
   229 .aspx pages have no viewport meta at all; giving them one is a responsive
   redesign, not a fix, so they are deliberately untouched and still zoom.

   This lives in its own file, not in P2P.less, because ~11 pages that declare a
   viewport never load the flavorcss bundle (AquilaInfo, BAbout, Contact,
   DocuViewer/DocumentViewer, ManageFolders, MessageBoard, Preview,
   SiteMaintenance, TechInfo, UserAdmin/SignInHistory, UserAdmin/UserStatistics)
   and link it directly instead. One source of truth, two delivery routes.
   Registered last in ~/bundles/flavorcss (App_Code/BundleConfig.cs).
   ============================================================================ */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
/* Scope is `pointer: coarse` - the touch devices that auto-zoom - not a width
   query, so a mouse user sees no change at any window width, including a desktop
   window dragged below the 1100/700 breakpoints WILApplyBreakpoint uses, and a
   12.9" iPad in landscape (1366px, i.e. "desktop" by width) is still covered.

   Specificity: `.form-control{font-size:9.5pt!important}`,
   `#txtSearch,#divSearch{...!important}` (1,0,0) and
   `.CompressMode div#FilterGrid input:not(.fstQueryInput){...!important}` (1,2,1)
   all carry !important, so !important alone does not win. Each `:not(#wilnoz)`
   contributes one id of specificity while matching nothing (Selectors L3:
   ":not()'s specificity is its argument's"), putting these at (2,1,3).

   Deliberately NOT listed: button/submit/reset/checkbox/radio/file/image inputs.
   None of them trigger the zoom, and 16px would break the toolbars and grids. */

@media (pointer: coarse) {
  html body input:not([type]):not(#wilnoz):not(#wilnoz),
  html body input[type="text"]:not(#wilnoz):not(#wilnoz),
  html body input[type="password"]:not(#wilnoz):not(#wilnoz),
  html body input[type="email"]:not(#wilnoz):not(#wilnoz),
  html body input[type="number"]:not(#wilnoz):not(#wilnoz),
  html body input[type="search"]:not(#wilnoz):not(#wilnoz),
  html body input[type="tel"]:not(#wilnoz):not(#wilnoz),
  html body input[type="url"]:not(#wilnoz):not(#wilnoz),
  html body input[type="date"]:not(#wilnoz):not(#wilnoz),
  html body input[type="datetime-local"]:not(#wilnoz):not(#wilnoz),
  html body input[type="month"]:not(#wilnoz):not(#wilnoz),
  html body input[type="week"]:not(#wilnoz):not(#wilnoz),
  html body input[type="time"]:not(#wilnoz):not(#wilnoz),
  html body textarea:not(#wilnoz):not(#wilnoz),
  html body select:not(#wilnoz):not(#wilnoz),
  html body [contenteditable="true"]:not(#wilnoz):not(#wilnoz) {
    font-size: 16px !important;
  }
}