.center-text {
  text-align: center;
  width: 100%;
  display: inline-grid;
  justify-content: space-around;
}
.center-text-viewReport {
  text-align: center;
  /*width: 100%;*/
  display: inline-grid;
  justify-content: space-around;
}
div.page{page-break-before: always}
div.cCenter{margin-left:auto;margin-right:auto;text-align:center;}
font {font-family:Arial, serif;}

table{border-width:0;border-style:solid;border-color:LightSteelBlue;}
td   {border-width:1px;border-style:solid;border-color:white;}

td.class1{border-color:black;border-width:1pt 1pt 0 1pt;background:#FFFFFF}
td.class2{border-color:black;border-width:1pt 1pt 1pt 1pt;background:#5C7BBF}
td.class4{border-color:black;border-width:0 0 1pt 0;background:#FFFFFF}
td.class3{border-color:#b4cdcd;border-width:0 1pt 1pt 1pt;}
td.class3a{border-color:#b4cdcd;border-width:1pt 1pt 0 1pt;}
td.class3b{border-color:#b4cdcd;border-width:1pt 1pt 1pt 1pt;background-color:#c6d9d9;}
td.class3c{border-color:#b4cdcd;border-width:0 0 1pt 0;}
td.class3d{border-color:#b4cdcd;border-width:0 1pt 0 1pt;}
td.class3no{border-width:0 0 0 0;}
td.class5a{background:#c6d9d9;border-width:0;}
td.class5b{background:#eaebee;border-width:0;}
td.class5c{background:#F5F5CC;border-width:0;}

tr.class5b{background:#eaebee;}
tr.class5c{background:#B4E9B5;}

td.class6{color:navy;font-size:6pt;font-family:arial,serif;}
td.class6b{color:navy;font-size:6pt;font-family:arial,serif;background-color:#b4cdcd;}
td.class7{color:black;font-size:8pt;font-family:arial,serif;}
td.dat { vertical-align:middle; text-align:center; background-color:#eaebee; }
td.dat2 { vertical-align:middle; text-align:center; background-color:#efe7d6; }
td.da2 { vertical-align:middle; text-align:center; background-color:#c6d9d9; }
td.bgc { background-color:#eaebee; }
td.class8  {border:1px solid #b4cdcd; vertical-align:middle; text-align:center; background-color:#eaebee; font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
td.class8h {border:1px solid #b4cdcd; vertical-align:middle; text-align:center; background-color:#c6d9d9; font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }


td.assocTabBottomSelected {border-bottom: black 0 solid; border-left: black 1pt solid; border-top: black 1pt solid; border-right: #b4cdcd 1pt solid; }
td.assocTabBottomNotSelected {border-bottom: #b4cdcd 1pt solid; border-left: black 0 solid; border-top: black 0 solid; border-right: black 0 solid; }
td.assocTabContent {border-bottom: #b4cdcd 1pt solid; border-left: black 1pt solid; border-top: black 0 solid; border-right: #b4cdcd 1pt solid; }

input.classDealButton{border-color:#b4cdcd;border-width:1pt 1pt 1pt 1pt;background-color:#c6d9d9;width:131px;height:22px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight:500;}
input.closeButton{background-color:#c6d9d9;height:20px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight:500;padding-left:1px;}
input.closeButton:hover {
  background: #008C9A;
  color: white;
  cursor: pointer;
}
button.closeButton{background-color:#c6d9d9;height:20px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight:500;padding-left:1px;}
input.closeButton1{background-color:#c6d9d9;width:180px;height:20px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight: 500;}
input.closeButton2{background-color:#c6d9d9;width:100px;height:20px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight:500;}
input.closeButton3{background-color:#c6d9d9;width:80px;height:20px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight:500;}
input.closeButton4{background-color:#c6d9d9;width:50px;height:20px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight:500;}
input.closeButton5{background-color:#c6d9d9;width:250px;height:20px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight:500;}
input.closeButton6{background-color:#c6d9d9;width:120px;height:20px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight:500;}
input.closeButton7{background-color:#c6d9d9;width:40px;height:20px;color:navy;font-family:verdana,serif;font-size:7pt;font-weight:500;}
input.smallButton{background-color:#c6d9d9;height:16px;color:navy;font-family:verdana,serif;font-size:6pt;font-weight:500;padding-left:1px;}
input.text1{height:20px;font-family:arial,serif;font-size:7pt;}
input.text2{height:22px;font-family:arial,serif;font-size:10pt;}
select.text1{height:22px;font-family:arial,serif;font-size:8pt;}
select.text2{height:160px;font-family:arial,serif;font-size:8pt;}
input.pre-populated{height:22px;font-family:arial,serif;font-size:8pt;color:gray;}
input.populated{height:22px;font-family:arial,serif;font-size:8pt;color:black;}

input.hqmainButton{background-color:#c6d9d9;width:240px;height:22px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}

input.mainButton{background-color: #c6d9d9;height:22px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.mainButton1{background-color:#c6d9d9;width:265px;height:24px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.mainButton2{background-color:#c6d9d9;width:95px;height:22px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.mainButton3{background-color:#c6d9d9;width:270px;height:22px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.mainButton1:hover{background-color: #a2d7d7;width:265px;height:24px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.mainButton2:hover{background-color:#a2d7d7;width:95px;height:22px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.mainButton3:hover{background-color:#a2d7d7;width:270px;height:22px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.mainButton1:disabled{background-color: #8ebaba;width:265px;height:24px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.mainButton2:disabled{background-color:#8ebaba;width:95px;height:22px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.mainButton3:disabled{background-color:#8ebaba;width:270px;height:22px;color:navy;font-family:verdana,serif;font-size:8pt;font-weight:500;}
input.clearButton{width:131px;border-color:#c6d9d9;border-width:0 0 0 0;background-color:#FFFFFF;height:20px;color:#101010;font-family:helvetica,serif;font-size:7pt;font-weight:500;}
input.placeholderButton{width:143px;border-color:#c6d9d9;border-width:0 0 0 0;background-color:#FFFFFF;}
input.linkButton{width:80px; height:35px; color: #000080; font-size: 10px; font-family: Arial,serif; text-decoration: underline; background-color: #eaebee; border-width:0 0 0 0;}
.letterHeadline  {font-family: arial black, serif; font-size: 18pt; letter-spacing: -2px; }
.letterHeadline2 {font-family: arial black, serif; font-size: 12pt; letter-spacing: -2px; color:red; }
.letterHeadline4 {font-family: verdana,serif;            font-size: 10pt; letter-spacing: -2px; color:blue;}
.letterNormal    {font-family: times new roman,serif;    font-size: 12pt; color:black; }
span.MEMO      {width:130px;border-right: black thin solid; border-top: black thin solid; font-size: 75%; border-left: black thin solid; border-bottom: black 0  solid; font-family: Times,serif; background-color:#eaebee; color:BLACK;}
span.MEMOL     {width:130px;border-right: black thin solid; border-top: black thin solid; font-size: 75%; border-left: black thin solid; border-bottom: black thin solid; font-family: Times,serif; background-color:#eaebee; color:BLACK;}
span.MEMO_over {width:130px;border-right: black thin solid; border-top: black thin solid; font-size: 75%; border-left: black thin solid; border-bottom: black 0  solid; font-family: Times,serif; background-color:#839C9C; color:BLACK;}
span.MEMOL_Over{width:130px;border-right: black thin solid; border-top: black thin solid; font-size: 75%; border-left: black thin solid; border-bottom: black thin solid; font-family: Times,serif; background-color:#839C9C; color:BLACK;}
.genericTableBorder {
  border: 1pt #808080 solid;    /*grey*/
}
.genericTableBorder2 {
  border: 1pt #00CC00 solid;    /*green*/
}
table.memo1 { border-width:1px;border-style:solid;border-color:black;padding:0;width:100%;}
table.memo1 th {vertical-align:middle; text-align:center; background-color:#c6d9d9; font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }
table.memo1 td {vertical-align:middle; text-align:Left; background-color:#eaebee; font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
table.memo1 th.dark
{
  background-color:#6BB9C5;
  color:#006473;
  font-size:18px;
  font-weight:900;
  font-family: Century Gothic,serif;
}

/* Like class=memo1 but with no padding, border or margins */
table.memo1np { border: 0; padding: 0; margin: 0; width:100%; background-color: white; border-collapse: collapse;}
table.memo1np th {border: 0; padding: 0; margin: 0; vertical-align:middle; text-align:center; background-color:#c6d9d9; font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }
table.memo1np td {border: 0; padding: 0; margin: 0; vertical-align:middle; text-align:Left; background-color:#eaebee; font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }

table.memoSelect { border-width:0;border-style:solid;border-color:black;padding:0;}
table.memoSelect th {border:1px solid black; vertical-align:middle; text-align:center; background-color:white;   font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }
table.memoSelect td {border:1px solid black; vertical-align:middle; text-align:center; background-color:#eaebee; font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
table.memoSub { border-width:0;border-style:solid;border-color:black;padding:0;}
table.memoSub th {border:1px solid #b4cdcd; vertical-align:middle; text-align:center; background-color:#c6d9d9; font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }
table.memoSub td {border:1px solid #b4cdcd; vertical-align:middle; text-align:center; background-color:#eaebee; font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
table.memo2 { border-width:1px;border-style:solid;border-color:black;padding:0;width:100%;}
table.memo2 th {vertical-align:middle; text-align:center; background-color:#c6d9d9; font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }
table.memo2 tr {vertical-align:middle; text-align:center; background-color:#eaebee; font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
table.memo2 tfoot tr {vertical-align:middle; text-align:center; background-color:#eaebee; font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
table.memo3 { border-width:1px;border-style:solid;border-color:black;padding:0;}
table.memo3 thead th {vertical-align:middle; text-align:right; background-color:#c6d9d9;
                      font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }
table.memo3 thead td {vertical-align:middle; text-align:left;  background-color:#c6d9d9;
                      font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
table.memo3 tbody th {vertical-align:middle; text-align:right; background-color:#eaebee; border: 0 solid black;
                      font-family:arial,serif; font-size:8pt; color:black; font-weight: 300; }
table.memo3 tbody td {vertical-align:middle; text-align:left;  background-color:#eaebee; border: 0 solid black;
                      font-family:arial,serif; font-size:7pt; color:#006666; font-weight: 300; }

table.memo4 { border-width:1px;border-style:solid;border-color:black;padding:0;}
table.memo4 thead th {vertical-align:middle; text-align:center; background-color:#c6d9d9;
                      font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }
table.memo4 thead td {vertical-align:middle; text-align:left;  background-color:#c6d9d9;
                      font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
table.memo4 tbody th {vertical-align:middle; text-align:right; background-color:#c6d9d9; border: 0 solid black;
                      font-family:arial,serif; font-size:8pt; color:navy; font-weight: 300; }
table.memo4 tbody td {vertical-align:middle; text-align:left;  background-color:#eaebee; border: 0 solid black;
                      font-family:arial,serif; font-size:7pt; color:black; font-weight: 300; }
table.memo4 tfoot th {vertical-align:middle; text-align:center; background-color:#c6d9d9;
                      font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }
table.memo4 tfoot td {vertical-align:middle; text-align:center;  background-color:#c6d9d9;
                      font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
table.class5a   {border-width:1px;border-style:solid;border-color:black;padding:0; }
table.class5a th{background:#c6d9d9;border-width:0;
                 font-family:arial,serif; font-size:8px; color:navy; font-weight: 600; }
table.class5a td{background:#eaebee;border-width:0;
                 font-family:arial,serif; font-size:10px; color:black; font-weight: 400; }

td.memoGreenWithBorder { border-color:black;border-width:1pt 1pt 1pt 1pt;background:#c6d9d9;}
th.memoGreenWithBorder { border-color:black;border-width:1pt 1pt 1pt 1pt;background:#c6d9d9;}
td.memoPlainWithBorder { border-color:black;border-width:1pt 1pt 1pt 1pt;}
th.memoPlainWithBorder { border-color:black;border-width:1pt 1pt 1pt 1pt;}

table.memoMenu { border-width:0;border-style:solid;border-color:black;padding:0;}
table.memoMenu th {border:1px solid #5970B2; vertical-align:middle; text-align:center; background-color:#c6d9d9; font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600; }
table.memoMenu td {border:1px solid #5970B2; vertical-align:middle; text-align:center; background-color:#eaebee; font-family:arial,serif; font-size:10pt; color:black; font-weight: 400; }
table.memoMenu th a { display: block;  margin: 0 0 0 0; padding: 3px 4px;  width: 60px;
                      font-family:arial,serif; font-size: 8pt; color:navy; font-weight: 600;
                      text-align: center; text-decoration: none; background: #c6d9d9; }
table.memoMenu th a:hover {  background: white; }

.ta { text-align:left; scrollbar-base-color: #c6d9d9;}


span.wz_tooltip { display:none; }


.HQM_panel {
  width: 260px;
}
.HQM_panel_permissions {
  width: 255px;
}

.HQMain_title {
  color: black;
  background-color: #C6D9D9;
  font: 10pt arial;
  font-weight: bold;
  border-top: 2px white solid;
  border-left: 2px white solid;
  border-right: 2px white solid;
  border-bottom: 0 white solid;
  cursor: pointer;
  width: 270px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  float: left;
  padding:0;
}
.HQMain_option {
  color: black;
  background-color: #EEE9E9;
  font: 10pt arial;
  border-top: 0 white solid;
  border-left: 2px white solid;
  border-right: 2px white solid;
  border-bottom: 2px white solid;
  cursor: pointer;
  width: 270px;
  height: 100%;
  text-align: center;
  vertical-align: top;
  float: left;
  padding:0;
}

input[type="checkbox"] + label div {
  display:inline-block;
  width:10px;
  height:14px;
  margin:0 -10px 0 0;
  vertical-align:middle;
  background:url(../images/sprite.png) left top no-repeat;
  cursor:pointer;
}
input[type="checkbox"]:checked + label div {
  background:url(../images/sprite.png) -16px top no-repeat;
}


/*.btn{*/
/*   background: linear-gradient(90deg, rgba(187,0,169,1) 0%, rgba(255,0,0,1) 100%);*/
/*   background-color: pink;*/
/*   padding: 10px 20px;*/
/*   border-radius: 10px;*/
/*   border: none;*/
/*   color: white;*/
/* }*/
/*.btn:hover {*/
/*  background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(187,0,169,1) 100%);*/
/*  background-color: lightpink;*/
/*  cursor: pointer;*/
/*  transition: all 1s ease-in;*/
/*}*/
#loading-spinner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.loading-spinner__circle {
  width: 40px;
  height: 40px;
  background: conic-gradient(#fff, #91b9ff, #005dff);
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  transform: scale(.7);
}
.loading-spinner__circle::after {
  content: '';
  background: white;
  width: 100%;
  height: 100%;
  transform: scale(.7);
  border-radius:50%;
}
.loading {
  display: flex;
  animation: rotate 2s ease-in-out infinite;
}
@keyframes rotate {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 720deg;
  }
}