/* ========================== R e s e t ======================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figcaption, figure,
footer, header, hgroup, menu, nav, output, ruby, section, summary, select, input,
time, mark, audio, video {
   margin:0;
   padding:0;
   border:0;
   outline:0;
   font-size:100%;
   vertical-align: baseline;
   background: transparent;
/*   font-family: FuturaBT-Light, sans-serif;*/
	font-family: 'Montserrat', sans-serif;

   -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
   line-height: 1.6;
   }

div.editRow {
	display: flex;
	flex-direction: column;
	background-color: #fcfaf9;
	border: 1px solid gray;
	margin: 1em;
	padding: 1em;
	width:40em;
	
}

/* required for datepicker month/year dropdown */
div.ui-datepicker-title {
	float:none;
}
div.ui-datepicker-header {
	float:none;
}
/* Hide Today button */
button.ui-datepicker-current {
	display:none;
}
/* Makes datepicker smaller */
div.ui-datepicker{
 font-size:12px;
}
div.ui-datepicker-buttonpane {
	border:0;
}

.fieldLabel {
	width: 100%;
	background-color: inherit;
	color: inherit;
	font-size: 0.8125rem;
	vertical-align: middle;
}
	div.fieldLabel {
	padding: 5px;
	overflow-x: hidden;
	text-align: right;
}

.fieldValue {
	background-color: inherit;
	color: inherit;
	font-size: 0.8125rem;
	vertical-align: middle;
}

.divField {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.divLabel, .divValue, .fieldFence {
	display: flex;
	align-items: center;
}
.divLabel {
	width: 40%;
}

.fieldFence {
	width: 3px;
	border-left: 1px solid #eee;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content:' ';
    content:none;
}

div {
   background-repeat: no-repeat;
   display: block;
   float: left;
}

span, p {
   background-color: transparent;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

textarea {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
}

/* change colours */
   ins {
       background-color:#ff9;
       color:#000;
       text-decoration:none;
   }

/* change colours */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change colour */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*input, select {
    vertical-align:middle;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
*/
input:focus {
   border: 1px solid #e67e22;
       outline:none;
   }

input[type="search"]::-webkit-search-cancel-button { display: none }

a:link, a:hover, a:visited, a:active {
   text-decoration: none;
}

select::-ms-expand { display: block; }

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
}

html {
  height: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  overflow-y: auto;
  overflow-x:hidden;
}

.link {
   color: #327599;
}


div.pinned {
    position:absolute;
    top:27px;
    left:-30px;
   border: 2px solid #888888;
    background-color: #FFBE3E;
    background-color: #C97E42;
   z-index: 999;
    height: 30px;
    width: 25px;
}

div.pinned:before {
   position:absolute;
   font-size: 15px;
   top: 6px;
   right: 5px;
   content: "\f08d";
   cursor: default;
   color: #441010;
   z-index: 999;
}


   .title {
      font-size: 3rem;
   }
   .contact_us {
      padding: 20px;
   }

   .message-all {
      font-size: 0.9375rem;
      width: 100%;
   }

   .message-items {
      width: -moz-calc(100% - 15px);
      width: -webkit-calc(100% - 15px);
      width: -o-calc(100% - 15px);
      width: calc(100% - 15px);
   }

   .message-item {
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .message-item i {
      font-size: 1.25rem;
      color: #3275A5;
   }

   .message-item p {
      padding: 7px 15px;
      font-size: 1rem;
   }

	.message-top {
/*		padding: 5px 0 0 20px;*/
      color: transparent;
	display: none;
	}
	.message-bottom {
	/* padding: 25px 0 5px 0;  */
      font-weight: bold;
      font-size:  1.25rem;
      color: #d59034;		
	color: #fff;
	}	

/* ======================================= Circular Progress Graph ======================================== */

   div.cp_container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
   }

   .cp_frame circle {
      stroke-dashoffset: 439.82;
      transition: stroke-dashoffset 1s linear;
      stroke-width: 3rem;
   }

   circle.darkRed { stroke: #ff0000;}
   circle.lightRed { stroke: #ffcccc;}
   circle.darkGreen { stroke: #33cc33;}
   circle.lightGreen { stroke: #c2f0c2;}
   circle.darkGold{ stroke: #e6ac00;}
   circle.lightGold { stroke: #ffecb3;}
   circle.darkBlue { stroke: #0000ff;}
   circle.lightBlue { stroke: #ccccff;}
   circle.darkOrange { stroke: #ff6600;}
   circle.lightOrange { stroke: #ffe0cc;}
   circle.darkGray{ stroke: #737373;}
   circle.lightGray { stroke: #d9d9d9;}
   circle.darkPink { stroke: #ff0066;}
   circle.lightPink { stroke: #ffcce0;}
   circle.darkPurple { stroke: #6600ff;}
   circle.lightPurple { stroke: #e0ccff;}
   circle.darkYellow{ stroke: #ffcc00;}
   circle.lightYellow { stroke: #fff0b3;}

   div.cp_display {
      display: block;
      height: 20em;
      width: 13em;
      margin: 2em auto;
      border-radius: 100%;
      position: relative;
      flex-basis: -webkit-fit-content;
      flex-basis: -moz-fit-content;
      flex-basis: fit-content;
   }

   div.cp_display:after {
      position: absolute;
      display: block;
      height: 10em;
      width: 10em;
      left: 50%;
      top: 50%;
      content: attr(data-pct)"%";
      margin-top: -5em;
      margin-left: -5em;
      border-radius: 100%;
      line-height: 10em;
      font-size: 4em;
      text-align: center;
      color : #000;
   }

   div.cp_label {
      display: block;
      font-size: 1.5rem;
      text-align: center;
      color : #000;
   }

   div.cp_title {
      display: block;
      font-size: 2rem;
      text-align: center;
      color : #000;
   }

/* ========================== Find Utility ========================== */

   div.find_group {
      display: inline-block;
      /* opacity: .97; */
      z-index: 95;
   }

   div.find_controls {
      position: relative;
      display: inline-block;
      border: 1px solid #fff;
      border-radius: 2px;
      padding: 3px 5px;
      /*box-shadow: 2px 2px 3px 1px #A5A4A4;*/
	   background-color: transparent;	
   }

   div.find_entry, div.find_select {
      position: relative;
      display: inline-block;
   }

      div.find_select {
          border-left: 1px solid grey;
       }

   div.find_expose {
      position: relative;
      display: inline-block;
  }

   div.find_execute {
      position: relative;
      display: inline-block;
   }

   input.find_input {
      font-size:  0.8125rem;
      font-weight: normal;
     color: #455A64;
      margin: 5px;
	padding: 0 3px;
      height: 34px;
      width: 158px; /*do not change*/
	background-color: #efefef;
border: 1px solid #796e66;

   }

       /* This hides focus around selected option in FF
       select:-moz-focusring {
         color: transparent;
         text-shadow: 0 0 0 #000;
      }
      */

   select.find_select {
      font-size:  0.8125rem;
	background-color: #efefef;
      font-weight: normal;
      color: #455A64;

      margin: 5px;
      height: 34px; 
border: 1px solid #796e66;

   }

   input.find_date {
      width: 158px;
      font-size:  0.8125rem;
      font-weight: normal;
      margin: 5px 0 5px 5px;
      height: 34px; 

   }

   .fa-inverse {
               color: #003E5D;
               background-color: transparent;
            }

   .fa-calendar {
            font-size: 0.813rem;
            background-color: white;
            color: black;
            vertical-align: middle;
            margin: 3px;
      }


   .fa-cpas {
         color: #CF7E3D;
         vertical-align: middle;
         cursor: pointer;
   }

   .fa-padding {
      padding: 3px;
      cursor: pointer;
   }

      .fa-gridValue {
         font-size: 0.8125rem;
         cursor: pointer;
         text-shadow: none;
         padding: 0 0 0 5px;
         color: #000;
      }

   .fa-outline {
       /*color: #fff;
       text-shadow: -1px -1px 0 #999,
            1px -1px 0 #999,
           -1px 1px 0 #999,
            1px 1px 0 #999;
            */
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #666;
      color: transparent;
      /*color: white;
      text-shadow: -1px -1px 0 #999,
            1px -1px 0 #999,
           -1px 1px 0 #999,
            1px 1px 0 #999;
            */
   }


   .fa-warning {
         color: #FFFF00;
         vertical-align: middle;
         cursor: pointer;
   }

      .fa-cpas2 {
         position: relative;
         display: inline-block;
         float: right;
         color: gold;
         vertical-align: middle;
         margin-top: -4px;
         margin-right: -2px;
         cursor: pointer;
         font-size: 1rem;
   }


   button.find_expose {
	display: flex;
/*      background-color: white; */
	background-color: #efefef;
     color: #455A64;

      height: 34px;
      width: 34px;
      outline: none;
      cursor: pointer;
      margin: 5px;
      border: 1px solid grey;
      border-radius: 2px;
      vertical-align: middle;
      text-align: center;
/*      padding-right: 2px;*/
	justify-content: center;
align-items: center;
   }

      button.find_expose:hover {
         box-shadow: 1px 1px 1px 1px #A5A4A4;

      }


   button.find_execute {
	display: flex;
	justify-content: center;
align-items: center;
      background-color: #455A64;
      background-color: #FF9800;
      background-color: #DB7F34;
      height: 34px;
      width: 42px;
      outline: none;
      border: transparent;
      border-radius: 2px;
      cursor: pointer;
      margin: 5px;
   }

      button.find_execute:hover {
         box-shadow: 1px 1px 1px 1px #7799DD;
         box-shadow: 1px 1px 1px 1px #A5A4A4;

      }

      .fa-blue {
         font-size:  1rem;
         background-color: #455A64;
         background-color: #FF9800;
         background-color:#DB7F34;
         color: white;
         vertical-align: middle;
      }

      .fa-handicap {
         color: blue;
      }

      .fa-s {
         font-size: 85%;
      }

      .fa-l {
         padding-left: 10px;
         font-size: 115%;
      }


   .fa-grey {
      color: #98a4b1;
   }

   .fa-tomato {
      color: #ff6347;
   }

   .fa-caption {
      color: #117280;
   }

   .fa-white {
      color: #fff;
   }

   .fa-black {
      color: #000;
   }


   .fa-comment,  .fa-comment-not{
      color: blue;
      margin-left: 5px;
      margin-bottom: 5px;
      font-size: 90%;
   }

   .fa-comment-not {
      color: transparent;
   }

   .fa-comment-not:hover,  *.fa-comment-not:focus{
      color: blue;
   }

   .fa-access {
      color: #265DFF;
      color: #32495B;
      color: white;
      background-color: #32495B;
      vertical-align: middle;
   }

   .find_options {
      font-size:  .75rem;
      background-color: white;
      padding: 3px;
      float: none;
   }

.find_params {
   display: inline-block;
   position: absolute;
   top: 68px;
   right: 8px;
      border: 1px solid black;
      border-top: 0;
      padding: 25px;
      background-color:white;
      box-shadow: 3px 3px 3px 1px #A5A4A4;
      z-index: 66;
   }

   .find_subParams {
      font-size:  .75rem;
      padding: 20px 0 0 25px;

   }


.find_results {
   display: block;
   position: absolute;
   resize: both;
   overflow: auto;
   top: 50px;
   right: 25px;
   background-color: white;
   border-radius: 2px;
   box-shadow: 3px 3px 3px 1px #A5A4A4;
   z-index: 999;
   width: 925px;
   opacity: 1;
}

   .divNotifications {
      display: inline-flex;
      position: absolute;
      /*top: 100px;
      right: 100px; */
       top: 50%;
       left:50%;
      z-index: 666;
      border-radius: 2px;
      width: 700px;
      min-height: 300px;
      min-width: 300px;
      background-color: #fff;
   }


   .divBroadcast {
      position: absolute;
      display: flex;
      z-index: 888;
      top: 35%;
      left:35%;
      border-radius: 2px;
      width: 700px;
      min-height: 300px;
      min-width: 300px;
      background-color: #fff;
/*      -webkit-transition: opacity 600ms, visibility 600ms;
      transition: opacity 600ms, visibility 600ms; */
   }





@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   }


   .divTasks {
      position: absolute;
      display: inline-flex;
      top: 75px;
      left: 75px;
      z-index: 777;
      background-color: #FCF7ED;
      /*background-color: none;*/
      border-radius: 2px;
      width: 900px;
      min-height: 150px;
   }


   .divTaskList, .divNotificationList {
      width: 100%;
      height: 100%;
      flex: 1;
   }

   div.divTaskOptions {
      flex: 1;
      height: 30px;
      width: 100%;
      vertical-align: middle;
      margin-top: 15px;

   }

   .divTaskOptions input[type=radio]{
      display: none;
      font-size:  0.875rem;
      vertical-align: middle;
   }

   .divTaskOptions input[type=radio]:checked + .divTaskOption{
      background-color:#C97E42;
      background-color:#BF7D4A;
      color: white;
      vertical-align: bottom;
      border-radius: 2px;
   }

    .divTaskOption {
      border-radius: 2px;
      background-color:#EDDDC9;
      width: 20%;
      font-size:  0.875rem;
      font-weight: bold;
      padding: 19px 10px;
      vertical-align: bottom;
}



div.divTasks-link, div.divTasks-link-active {
   position: relative;
   display: block;
   width: 50%;
   cursor: pointer;
   font-size:  0.875rem;
   font-weight: bold;
   padding:5px;
}

/* Create an active/current tablink class */
div.divTasks-link-active {
    background-color: #789979;
}



.radios input[type=radio]{
    display:none;
}

.radios input[type=radio]:checked + .radio{
    background-color:#C97E42;
   color: white;
}

   div.condef {
      padding: 15px;
      background-color: #fff;
      color: #fc2f2f;
      width: 100%;
   }

   div.condef {
      padding: 15px;
      background-color: #fff;
      color: #fc2f2f;
      width: 100%;
   }


   div.condef-symbol {
      height: 100%;
      vertical-align: middle;
      text-align: center;
      padding: 20px;
      cursor: pointer;
   }

   .condef-subsymbol {
      position: absolute;
      right: -7px;
      bottom: -7px;
      background-color: white;
      color: #117280;
      color: red;
      cursor: pointer;


  width: 25px;
  height: 25px;
  line-height: 20px;
  border-radius: 50%; /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: red;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  /*margin: 0 auto 40px;*/
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(0, 0, 0, 0.12);
box-shadow:         2px 2px 1px 0px rgba(0, 0, 0, 0.2);

         /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
         transition: box-shadow 50ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
         border-radius: 1px;                   */

      }

   div.condef-wrapper {
      width: -moz-calc(100% - 75px);
      width: -webkit-calc(100% - 75px);
      width: -o-calc(100% - 75px);
      width: calc(100% - 75px);
      height: 75px;
   }

   div.condef-message, div.condef-submessage {
      /*height: 100%;      */
      width: 100%;
      vertical-align: middle;
      /*text-align: center;   */
      text-align: left;
   }
   div.condef-submessage {
      position: absolute;
      bottom: 0;
   }

   p.condef {
      display: inline-block;
      margin-left: 15px;
      font-size: 1rem;
      font-weight: bold;
   }
   p.condef-submessage {
      font-weight: normal;
   }
   .condef-details {
      margin-top: 10px;
      width: 100%;
   }

   div.condef-details-left {
      width: -moz-calc(100% - 150px);
      width: -webkit-calc(100% - 150px);
      width: -o-calc(100% - 150px);
      width: calc(100% - 150px);
      word-wrap: break-word;
   }

   /*.condef-details-right {
      color: #117280;
      font-weight: bold;
      font-size: 0.8125rem;
   } */

   div.condef-details-right {
      width: 150px;
      height: 100%;
      position: absolute;
      bottom: 0;
      right: 0;
   }

   a.condef-details-right-button {
      font-weight: bold;
      font-size: 0.8125rem;
      color: #117280;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 10px;
      cursor: pointer;
   }

   a.condef-details-right-button:hover {
      text-decoration: none;
   }

   .condef-details ul {
      color: #565656;
      font-size: 0.8125rem;
      padding: 7px;
   }

   .condef-details li {
      color: #565656;
      padding: 7px;
      font-size: 0.8125rem;
   }

   .underConstruction, .incompleteSetup, .isConfirmation {
      width: 100%;
      vertical-align: middle;
      padding: 25px;
      border-bottom: 1px solid grey;
      background-color: #f9f904;
   }

   .incompleteSetup {
      background-color: #fc2f2f;
   }

   .isConfirmation {
      background-color: #F7FCF4;
   }

   a.incompleteSetup {
      font-size:  0.75rem;
      padding-left: 25px;
      cursor: pointer;
   }

   p.underConstruction, p.incompleteSetup {
      display: inline-block;
      margin-left: 7px;
      font-size: 0.925rem;
      font-weight: bold;
      color: black;
   }



   div#BOARD_BANNER {
      background-image: url(../images/Augusta-Banner.jpg);
      background-image: url(../images/Columbus-Banner.jpg);
      background-size: contain;
      height: 110px;
      width: 100%;
   }



   div.divBoardBanner {
      padding: 0 10px 0 285px;
      width: 100%;
      overflow: hidden;
   }

   div.divBoardSubBanner {
      height: 90px;
      max-width:1310px;
      background-image: url(../images/banner31.png);
      background-position: left 0 top 0;
      overflow: hidden;
   }

   .pct00, .pct90, .pct80, .pct70, .pct60, .pct50, .pct40, .pct30, .pct20, .pct10, .pct95, .pct85, .pct75, .pct65, .pct55, .pct45, .pct35, .pct25, .pct15, .pct5
   .pct90-, .pct80-, .pct70-, .pct60-, .pct50-, .pct40-, .pct30-, .pct20-, .pct10-,.pct95-, .pct85-, .pct75-, .pct65-, .pct55-, .pct45-, .pct35-, .pct25-, .pct15-, .pct5-, .pct2 {
      position: relative;
      display: flex;
      float: left;
      flex-direction: row;
      flex-wrap: wrap;
   }

   .pct00, .pct00- {
      width: 100%;

   }
   .pct95 {
      width: 93%;
   }
   .pct90 {
      width: 88%;
   }
   .pct85 {
      width: 83%;
   }
   .pct80 {
      width: 78%;
   }
   .pct75 {
      width: 73%;
   }
   .pct70 {
      width: 68%;
   }
   .pct65 {
      width: 63%;
   }
   .pct60 {
      width: 58%;
   }
   .pct55 {
      width: 53;
   }
   .pct50 {
      width: 48%;
   }
   .pct45 {
      width: 43%;
   }
   .pct40 {
      width: 38%;
   }
   .pct35 {
      width: 33%;
   }

   .pct30 {
      width: 28%;
   }
   .pct25 {
      width: 23%;
   }
   .pct20 {
      width: 18%;
   }
   .pct15 {
      width: 13%;
   }
   .pct10 {
      width: 8%;
   }
   .pct5 {
      width: 3%;
   }

   .pct95- {
      width: 95%;
   }

   .pct90- {
      width: 90%;
   }
   .pct85- {
      width: 85%;
   }
   .pct80- {
      width: 80%;
   }
   .pct75- {
      width: 75%;
   }
   .pct70- {
      width: 70%;
   }
   .pct65- {
      width: 65%;
   }
   .pct60- {
      width: 60%;
   }
   .pct55- {
      width: 55%;
   }
   .pct50- {
      width: 50%;
   }
   .pct45- {
      width: 45%;
   }
   .pct40- {
      width: 40%;
   }
   .pct35- {
      width: 35%;
   }
   .pct30- {
      width: 30%;
   }
   .pct25- {
      width: 25%;
   }
   .pct20- {
      width: 20%;
   }
   .pct15- {
      width: 15%;
   }
   .pct10- {
      width: 10%;
   }
   .pct5- {
      width: 5%;
   }

   .pct2 {
      width: 2%;
      border: 1px solid transparent;
   }


   /* =========================   Indents for Events  ========================= */

      .iew10, .isw10, .ibb10, .icw10, .isr10, .itb10, .icl10, .iok10, .iex10, .irp10, .ibw10, .ifw10 {
         text-indent: 10px;
      }

      .iew20, .icw20, .icl20, .iok20, .iex20, .irp20, .ibw20, .ibb20, .ifw20 {
         text-indent: 20px;
      }

      .iew30 {
         text-indent: 30px;
      }

      .irp40 {
         text-indent: 40px;
      }

      .iew10 a, .isw10 a, .ibb10 a, .icw10 a, .isr10 a, .itb10 a, .ibw10 a, .ifw10 a, .iew20 a, .icw20 a, .icl20 a, .iok20 a, .iex20 a, .irp20 a, .ibw20 a, .ibb20 a, .ifw20 a {
         text-indent: 0;
      }

      /* white star */
      .isw10:before {
         content: '\f006';
         font-family: 'FontAwesome';
         font-weight: normal;
         margin-right: 3px;
      }
      /* black bullet */
      .ibb10:before, .ibb20:before {
         content: '\f111';
         font-family: 'FontAwesome';
         font-weight: normal;
         margin-right: 3px;
      }

      /* circle white */
      .icw10:before, .icw20:before {
         content: '\f1db';
         font-family: 'FontAwesome';
         font-weight: normal;
         padding-right: 3px;
      }

      /* box white */
      .ibw10:before, .ibw20:before {
         content: '\f096';
         font-family: 'FontAwesome';
         font-weight: normal;
         padding-right: 3px;
      }

      /* file white */
      .ifw10:before, .ifw20:before {
         content: '\f016';
         font-family: 'FontAwesome';
         font-weight: normal;
         padding-right: 3px;
      }

      /* star red */
      .isr10:before {
         content: '\f005';
         font-family: 'FontAwesome';
         font-weight: normal;
         color: red;
         margin-right: 3px;
      }


       /* caret blue */
       .itb10:before {
         content: '\f0da';
         font-family: 'FontAwesome';
         font-weight: normal;
         color: blue;
         margin-right: 3px;
      }

      .icl10:before, .icl20:before {
         content: '\f017';
         font-family: 'FontAwesome';
         font-weight: normal;
         margin-right: 3px;
      }

      .iok10:before, .iok20:before {
         content: '\f05d';
         font-family: 'FontAwesome';
         font-weight: normal;
         margin-right: 3px;
      }

      .iex10:before, .iex20:before {
         content: '\f1c3';
         font-family: 'FontAwesome';
         font-weight: normal;
         margin-right: 3px;
      }
      /* repeat */
      .irp10:before, .irp20:before, .irp40:before{
         content: '\f01e';
         font-family: 'FontAwesome';
         font-weight: normal;
         margin-right: 3px;
         font-size: .75rem;
      }




   /* =========================   Colors for Boards   ========================= */

      .pr-blue  {background-color: #003E5D; color: #f5f5f5; text-shadow: 1px 1px 2px #000;background: rgba(0, 62, 93,.75)}
      .ls-green {background-color: #25BAB2; color: #f5f5f5; text-shadow: 1px 1px 2px #000;background: rgba(37, 186, 178,.75)}
      .dm-gray  {background-color: #8B8B8B; color: #f5f5f5; text-shadow: 1px 1px 2px #000;}
      .cf-blue  {background-color: #8EA7C8; color: #f5f5f5; text-shadow: 1px 1px 2px #000;}
      .pa-turqis{background-color: #A5D2E5; color: #f5f5f5; text-shadow: 1px 1px 2px #000; }
      .lt-gray  {background-color: #CFD1D3; color: #354151; text-shadow: 1px 1px 2px #fff;}
      .sl-gray  {background-color: #5F7688; color: #f5f5f5; text-shadow: 1px 1px 2px #000;}
      .sm-gray  {background-color: #F0F0F0; color: #5F7694; text-shadow: none;}
      .im-gray  {background: url('../images/other.png') no-repeat; color: #FFF; text-shadow: 1px 1px 2px #000;}
      .pu-white {background-color: #fff; color: inherit;}
      .di-white {background-color: #fff; color: inherit;}
      .tr-light {background-color: none; color: #484848;}
      .tr-dark {background-color: none; color: #000;}
      .mirrage  {background-color: #172331; color: #354151; text-shadow: 1px 1px 2px #fff;}
      .paradiso {background-color: #378391; color: #354151; text-shadow: 1px 1px 2px #fff;}
      .sh-green {background-color: #9ECAC6; color: #354151; text-shadow: 1px 1px 2px #fff;}
      .dk-green {background-color: #117280; color: #f5f5f5; text-shadow: 1px 1px 2px #000;}
      .elephant {background-color: #113045; color: #354151; text-shadow: 1px 1px 2px #fff;}
      .lt-blue {background-color: #add0d1; color: #000;
        transition: background-color 0.25s ease;
      }
      .pn-atoll  {background-color: #087482; color: #f5f5f5; text-shadow: 1px 1px 2px #000;background: rgba(8, 116, 130,.75)} /* Pantone 7474 */
      .pn-nomad  {background-color: #B6B0A2; color: #f5f5f5; text-shadow: 1px 1px 2px #000;/*background: rgba(182, 176, 162,.75)*/} /* Pantone 7474 */
      .pn-punch  {background-color: #D34727; color: #f5f5f5; text-shadow: 1px 1px 2px #000;} /* Pantone 7474 */
      .pn-sandstn {background-color: #796E66; color: #f5f5f5; text-shadow: 1px 1px 2px #000;background: rgba(121, 110, 102,.75)} /* Pantone 7474 */


      .pu-white li a:hover {
         filter: brightness(85%);
         color: #71860E;
      }

      .sl-gray li a:hover {
         filter: brightness(85%);
      }
      .lt-gray li a:hover {
         filter: brightness(85%);
      }
      .pr-blue li  a:hover {
         filter: brightness(85%);
      }


/* =========================   Growths for Boards   ========================= */

      .sp-100, .sp-66, .sp-50, .sp-33, .sp-25 {flex-grow: 1; margin: 10px;}
      .sp-100 {flex-basis: 100%; }
      .sp-66  {flex-basis: 60%; }
      .sp-50  {flex-basis: 45%;}
      .sp-33  {flex-basis: 30%;}
      .sp-25  {flex-basis: 20%;}

      .sp-100 a, .sp-66 a, .sp-50 a, .sp-33 a, .sp-25 a  {
	flex-grow: 0; 
	margin: 2px; flex-basis: auto;
	}



/* =========================   Modifiers for Boards   ========================= */


      .mo-grtree {
         background-image: url(../images/tree-small.jpg);
         background-position: bottom 0 right 0;
         color: #859E11;
      }

      div.btGroup.mo-piggies {
         background-image: url(../images/piggies-s.png);
         background-position: center left 25px;
         background-size: auto;
	opcity: 0.75;

      }

   .btGroup.mo-piggies ul {
      margin-left: 100px;
      width: -moz-calc(100% - 100px);
      width: -webkit-calc(100% - 100px);
      width: -o-calc(100% - 100px);
      width: calc(100% - 100px);
   }

      .mo-pclock {
         background-image: url(../images/Time3.jpg);
         background-position: bottom 10px right 10px;
         color: #F18D2B;
      }

      .mo-piggies ul,  .mo-piggies a, .mo-piggies li, .mo-piggies li a {
         background-image: none;
      }

      .mo-pclock div {
         border: 1px solid #BCBEC0;
      }


      .mo-pclock p {
         color: #000;
      }

      .mo-pclock div div a {
         color: #656565;
      }


      .mo-grtree > div {
               border: 1px solid #BCBEC0;
      }

      .mo-grtree p {
         color: #000;
      }

      .mo-16x9 {
        padding-bottom: 56.25%;
      }

      .mo-4x3 {
        padding-bottom: 75%;
      }

      .mo-invisible {
         color: transparent;
         background-color: transparent;
      }

      .mo-hide {
         display: none;
      }

      .mo-button_ok, .mo-button_ok a {
         background-color: #f48c30;
         color: #f7f7f7;
      }

      .mo-button_ok a:hover {
         background-color: #e67e22;
         color: #fff;
      }

      .mo-button_cancel, .mo-button_cancel a {
         background-color: #eee;
         color: #555;
      }

      .mo-button_cancel a:hover {
         background-color: #ddd;
         color: #000;
      }


/* =========================   Internal Board Styles   ========================= */

  .btDocument {
   color: #fff;	
   float: right;
	font-size: 1rem;
color:#51c073;
color: #da8035;
text-shadow: none;/*1px 1px 2px #fff;*/
margin-top:0;
  }		

a.btDocument:before {
         content: '\f006';
         content: '\f0f6';
         font-family: 'FontAwesome';
         font-weight: normal;

         font-size: 1.25rem;
         padding-right: 9px;

}

   div.btVideo {
      position: relative;
      display: block;
      width: 100%;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
   }


   div.btCalendar {
      position: relative;
      display: block;
      width: 100%;
      padding-bottom: 75%;
      height: 0;
      overflow: hidden;
   }

   div.btImage {
      position: relative;
      display: block;
      width: 100%;
      /* height: 100%; */
      overflow: hidden;
    margin-bottom: 60px;
   }

   div.btReport {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
   }


   div.btEmbFrame, div.btEmbFrame-60 {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
   }

   div.btEmbFrame-60 {
      height: -moz-calc(100% - 60px);
      height: -webkit-calc(100% - 60px);
      height: -o-calc(100% - 60px);
      height: calc(100% - 60px);
   }



   .btEmbContent {
      position: relative;
      float: left;
      display: block;
      width: 100%;
      height: 100%;
      border: none;
   }

div.btEmbFooter {
      position: absolute;
      display: block;
      bottom: 0;
      left: 0;
      width: 100%;
   }

div.btEmbFooter2 {
      position: relative;
      display: block;
      float: left;
      width: 100%;
   }

   div.btVideo iframe, div.btCalendar iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
   }

   div.btEmbFrame-60 {
      height: -moz-calc(100% - 60px);
      height: -webkit-calc(100% - 60px);
      height: -o-calc(100% - 60px);
      height: calc(100% - 60px);
   }

   .btEmbContent {
      position: relative;
      float: left;
      display: block;
      width: 100%;
      height: 100%;
      border: none;
   }

div.btEmbFooter {
      position: absolute;
      display: block;
      bottom: 0;
      left: 0;
      width: 100%;
   }

div.btEmbFooter2 {
      position: relative;
      display: block;
      float: left;
      width: 100%;
   }

   div.btVideo iframe, div.btCalendar iframe, div.btReport iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
   }


   .mo-height-30 {
      height: -moz-calc(100% - 60px);
      height: -webkit-calc(100% - 60px);
      height: -o-calc(100% - 60px);
      height: calc(100% - 60px);
   }

   .btImage img {
      height: 100%;
      width: 100%;
      -webkit-transition: all .75s ease;
      -moz-transition: all .75s ease;
      -o-transition: all .75s ease;
      -ms-transition: all .75s ease;
      transition: all .75s ease;
   }

   /*.btImage img:hover {
      -moz-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
   }*/

   /* .btImage h2 {
      position: absolute;
      top: 20px;
      right: 20px;
      color: black;
      font-size: 2rem;
   }  */

   .mo-welcome h2 {
         position: absolute;
         top: 20px;
         right: 20px;
         color: white;
      font-size: 1.5rem;
   }


   .mo-welcome a, .mo-welcome2 a {
         position: absolute;
         color: white;
    top: 77%;
    left: 55%;
    transform: translateX(-55%) translateY(-77%);
      font-size: 1.3125rem;
      font-weight: 600;
      background-color: transparent;
      cursor: pointer;
      text-decoration: none;
      text-shadow: 1px 1px 2px #000;
   }

   .mo-welcome a:hover, .mo-welcome2 a:hover {
      text-decoration: none;

   }

   .mo-welcome2 a {
       top: 93%;
       left: 85%;
      transform: translateX(-85%) translateY(-93%);
   }

    .mo-expandable, .mo-colapsable, .mo-search {
      font-family: FontAwesome;
      color: inherit;
      cursor: pointer;
      margin: 5px;
   }
      .mo-expandable:before {
         content: "\f196";
      }
      .mo-colapsable:before {
         content: "\f147";
      }

      .mo-search:after {
         content: "\f00e";
      }

   div.mo-expandable, div.mo-colapsable {
      float: left;
   }

   .mo-expandable:hover, .mo-colapsable:hover {
      text-decoration: none;
   }

   .mo-expand, .mo-colapse {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      font-size: 1.438rem;
      display: none;
      color: inherit;
      cursor: pointer;
      margin-left: 5px;
            border-radius: 50%;
   }
      .mo-expand:before {
         content: "\f13a";
         content: "\f065";
      }
      .mo-colapse:before {
         content: "\f139";
         content: "\f066";
      }

   div.mo-expand, div.mo-colapse {
      float: none;
   }


/* =========================    External Board Styles    ========================= */


   div.btDefault, div.btLink, div.btMedia, div.btGroup, div.btSummary, div.btBrowser, div.btGraph {
      float: left;
      min-height: 75px;
border: 1px solid #efefef;
border-radius: 7px;	
transition: all 0.5s;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;

   }

   div.btDefault:hover, div.btLink:hover, div.btMedia:hover, div.btGroup:hover, div.btSummary:hover, div.btBrowser:hover, div.btGraph:hover { 
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.45);
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0.5s;
    }
div.btMedia:hover {
  box-shadow: none;
}

   div.btDefault {
      height: 125px;
   }
	div.btDefault.pn-atoll:hover {
	background: rgba(8, 116, 130,1);
	}
	div.btDefault.ls-green:hover {
	background: rgba(37, 186, 178,1);
	}
	div.btLink.pn-atoll:hover {
	background: rgba(8, 116, 130,1);
	}

	div.btDefault.pr-blue:hover {
	background: rgba(0, 62,93, 1);
	}
	div.btGroup.mo-piggies:hover {
	opcity: 1.0;
	}
/*
	div.btGroup:hover {
	background: rgba(182, 176, 162,1);
	}
	div.btGroup.mo-piggies:hover {
         background-image: url(../images/piggies-s.png);

      }
*/
   div.btGroup {
      min-height: 125px;
   }

   div.btSummary {
      padding-bottom: 10px;
      overflow: hidden;
   }



   div.btBrowser {
      max-height: 425px;
      width: 100%;
      overflow-y: auto;
   }

   div.btGraph {
      max-height: 425px;
      width: 100%;
      overflow-y: auto;
   }

   div.btMedia {
      width: 100%;
    background: transparent;
   }

   .btGroup, .btDefault, .btLink, .btDefault {
      text-align: center;
      font-weight: bold;
      font-size: 1.25rem;
      /* cursor: pointer; */
   }


   .btLink a {
      display: inline-block;
/*      border: 1px dashed red;*/
	background-color: transparent;

   }

a.btDefault, a.btGroup, a.btLink {
	background-color: transparent;
    cursor: pointer;
}

a.btLink.di-white.sp-100 {
   font-family: 'Montserrat', sans-serif;
   margin-top: -10px;
   color: #00294d;
 }

   a.btDefault:hover, a.btLink.di-white.sp-100:hover, a.btGroup:hover {
      text-decoration: none;
      color: #2166d8;
      text-shadow: 0px 0px 2px rgb(150 150 150 / 65%);
   }

   .btGroup a {
      display: inline-block;
     margin-top: 2px;	
   }

   div.inner-G a:first-child {
       /*  border: 1px dashed magenta;*/
   }


   .btDefault a div, .btLink a div, .btGroup a div {
      position: absolute;
      border-radius: 1px;
      box-shadow: 1px 1px 2px grey;
      /*background: #f7f7f7; */
      background-color: #fff;
      /*border: 1px solid #ccc;     */
      color: #000;
      width: auto;
      min-width: 250px;
      max-width: 250px;
      opacity: 0;
      transition:opacity 1s linear;
      visibility: hidden;
   }

   .btDefault a:hover div, .btLink a:hover div, .btGroup a:hover div {
      font-weight: normal;
      font-size: .688rem;
      text-shadow: none;
      display: block;
      position: absolute;
      visibility: visible;
      z-index: 10;
      padding: 7px;
      bottom: 100%;
      left: 50%;
      margin-bottom: 10px;
      margin-left: -20px;
      opacity: .95;
      transition-delay: 0.5s;
   }

    /* tip */
      .btDefault a div:before, .btLink a div:before, .btGroup a div:before {
         content: ' ';
         position: absolute;
         top: 100%;
         left: 10%;
         width: 0; height: 0;
         border-top: 12px solid transparent;
         border-right: 12px solid transparent;
         border-left: 12px solid transparent;
      }

      .btDefault a div:after, .btLink a div:after, .btGroup a div:after {
         content: ' ';
         position: absolute;
         top: 100%;
         left: 10%;
         width: 0; height: 0;
         border-top: 8px solid #fffaf0;
         border-right: 8px solid transparent;
         border-left: 8px solid transparent;
      }



.mo-demo {
	color: #DB7F34;
	font-size: 1.25rem;
}

.gridText:has(.mo-demo) {
  padding: 0 !important;
}

a.gridText.gc-board {
		color: #DB7F34;

}
 


/* #DEMO0:hover, #DEMO1:hover, #DEMO2:hover, #DEMO4:hover, #DEMO5:hover, #DEMO6:hover {
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.4);
    transition: 0.3s;
} */

/* #DEMO3 .fmvDivLabel.lp-lr.gc-board {
   width: 30%;
} */

  .btLink.di-white.sp-100.null:before,
  .btDefault.di-white.sp-100.null:before,
  .di-white.sp-100 .btLink.mo-bTitle:before,
  .di-white.btLink.sp-100:before {
    font-family: "FontAwesome";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 500;
    font-size: 2.5rem;
    color: #DB7F34;
    position: relative;
    z-index: 5;
    background-color: #FFF;
    border-radius: 50%;
    top: -40px;
    box-shadow: 0px 1px 0px #CCC;
    border: 1px solid #CCC;
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
  }

#DEMO0, #DEMO1, #DEMO4, 
#DEMO6, #DEMO7, #DEMO8 {
   background-color:#fff;
   margin-top: 60px;
   border: 1px solid #CCC;
   box-shadow: 3px 3px 3px 3px #ccc;
   transition: all 1s;

}

#DEMO0:hover, #DEMO1:hover, #DEMO4:hover, #DEMO6:hover, #DEMO_M21:hover, #DEMO_M23:hover, #DEMO_M50:hover, 
#DEMO_M3:hover, #DEMO_M4:hover, #DEMO_M7:hover, #DEMO_M9:hover, #DEMO_M29:hover, #DEMO_M34:hover, #DEMO_M51:hover, #DEMO_M52:hover, #DEMO_M35:hover {
   background-color: #fff;
   box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 30%);
   transform: scale(1.02);
}

#BOARD_M29::before { content: "\f15c"; }

#BOARD_M39::before { content: "\f15c"; }

#BOARD_M15::before { content: "\f003"; }

#BOARD_M42::before { content: "\f1ec"; }

#BOARD_M9::before { content: "\f02d"; }
     
#BOARD_M4::before { content: "\f2c3"; }

#BOARD_M35::before { content: "\f0d6"; }

#BOARD_M21::before { content: "\f212";	}	  

#BOARD_M27::before { content: "\f129"; }

#BOARD_M40::before { content: "\f212"; }

#BOARD_M41::before { content: "\f15c"; }

#BOARD_B4::before { content: "\f2c3"; }

#BOARD_B29::before { content: "\f15c"; }

#BOARD_B35::before { content: "\f0d6"; }

#BOARD_B21::before { content: "\f212"; }

#BOARD_B15::before { content: "\f003"; }

#BOARD_B42::before { content: "\f1ec"; }

#BOARD_B9::before { content: "\f02d"; }

#BOARD_B27::before { content: "\f129"; }

#BOARD_M7_M7::before { content: "\f1ec"; }

/* #BOARD_M16::before { content: "\f1ea"; } */


#DEMO3, #DEMO5, #DEMO2 {
   margin-top: 60px;
   box-shadow: none;
}

#BOARD_M7_inner, #BOARD_M16_inner_title {
   box-shadow: 3px 3px 3px 3px #ccc;
   border-radius: 5px;
   transition: all 1s;
   border: 1px solid #CCC;
   background-color: #fff;
}

#BOARD_M7_inner:hover, #BOARD_M16_inner_title:hover {
   box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 30%);
   transform: scale(1.02);
}

#BOARD_M16_inner_title {
   height: 200px;
   overflow: hidden;
   border: none;
   /* margin-top: 50px; */
   background-image: url(../images/News.jpg);
   background-size: cover;
}

a#BOARD_M16.btLink.mo-bTitle {
   color: white;
   text-shadow: 3px 3px 3px black;
   letter-spacing: 1px;
   text-decoration: none;
   font-size: 1.25rem;
   text-transform: uppercase;
}

#BOARD_M16_inner {
   display: none;
}


/* #DEMO3::before { */
/* #DEMO5::before {
   background-image: url(../images/News.jpg);
   background-size: cover;
   content: '';
} */

/* #DEMO3.btLink.di-white.sp-100.null:before { */
   /* #DEMO5.btLink.di-white.sp-100.null:before {
   border-radius: 0;
   top: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: .6;
   border: none;
} */

/* #DEMO3 .outer-G { */
   /* #DEMO5 .outer-G {
      margin-top: -102px;
      z-index: 5;
   } */
   
/* #DEMO3{ */
/* #DEMO5{
   height: 200px;
   overflow: hidden;
   border: none;
} */

/* a#BOARD_M16.btLink.mo-bTitle {
   color: white;
   text-shadow: 3px 3px 3px black;
   letter-spacing: 1px;
   text-decoration: none;
   font-size: 1.25rem;
   text-transform: uppercase;
} */

/* #BOARD_M16_inner .btLink.di-white {
   margin: 0 auto;
   padding: 0;
   background-color: transparent;
} */


section.pct30, section.pct50, section#vpos-R {
   overflow: visible;
}

   .btGroup ul {
      list-style: none;
      text-align: left;
      width: 100%;
      height: 100%;
   }

   .btLink ul {
      list-style: none;
      /*border: 1px dashed blue;*/
	   background-color: transparent;

   }

   .btLink li  {
      /*border: 1px dashed green;*/
	   background-color: transparent;

   }

   .mo-lines div a {
      color: #F18D2B;
   }

   /*
   .mo-lines > li {
      background-color: #EDF2F9;
   }
   .mo-lines  {

         color: #F18D2B;
   }
   .gc-board-link-0 {
      background-color: #EDF2F9;
   }
   */
   .M26_0 {
      background-color: #F0F0F0;
   }

   .btGroup li a {
      font-weight: 700;
      font-size: .875rem;
      text-decoration: none;
      background: none;
   }

   
/* ensuring that all headings fit inside container */
   .btLink li a {
  /* padding: 5px 0; */
  /*text-align: left;*/
      /*width: 100%;*/
  text-align: center;
   }

   .btGroup li p {
      font-size: .625rem;
      font-weight: bold;
      text-decoration: none;
      margin: 0;
   }

   .btLink li p {
      font-size: 0.75rem;
      font-weight: 400;
      background: none;
      margin: 7px 0 0 25px;
   }

   .outer-S, .outer-G {
      display: flex;
      float: left;
      width: 100%;
      height: 0%
   }

   div.outer-D {
      position: relative;
      display: flex;
      height: 100%;
      width: 100%;
      justify-content: center;
      flex-direction: column;
   }


   .outer-G {
      display: block;
      float: left;
      width: 100%;
      height: 100%;
   }

   div.inner-P {
      display: block;
      float: left;
      width: 100%;
      height: 100%;
   }

   div.inner-B {
      float: left;
      width: 100%;
      height: 100%;
   }


   div.inner-G a:nth-child(2) {

   }

   .inner-S, .inner-G {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
   }
	
	.inner-G a {
		padding: 10px;
	}

   ul.btDefault, ul.btBrowser, ul.btGraph {
      width: 100%;
      padding: 0;
      margin: 0;
   }

         .relatedlinks, .relatedlinks2, .relatedlinkshead {
            font-weight: normal;
            font-size: 12px;
            margin: 0;
            color: black;
            padding: 3px;
         }

         .relatedlinkshead {
            font-size: 14px;
            font-weight: bold;
         }
         .relatedlinks2, .relatedlinks2:link {
            font-size: 14px;
            padding: 5px;
            color: blue;
         }


   .o_3cols {
      display: flex;
      flex-direction: row;
      width: 100%;
      background-color: transparent;
   }

   .o_3cols-a, .o_3cols-b, .o_3cols-c  {
     display: flex;
   flex:1;
   }

   .o_retmod {
      display: block;
      width: 100%;
      background-color: transparent;
   }

   .o_retmod-a {
/*      display: flex;
      position: absolute;
      top: 75px;
      left: 75px;*/
      width: -moz-calc(100% - 150px);
      width: -webkit-calc(100% - 150px);
      width: -o-calc(100% - 150px);
      width: calc(100% - 150px);
      height: 500px;
      background-color: #fff;
      z-index: 2;
   }

   .o_retmod-top {
      display: block;
      height: 99%;
      padding-bottom: 25px;
   }

   .o_retmod-bottom {
      height: 1%;
      width: 100%;
   }

   .o_retmod-left {
      width: -moz-calc(40% - 20px);
      width: -webkit-calc(40% - 20px);
      width: -o-calc(40% - 20px);
      width: calc(40% - 20px);
      margin-right: 20px;
   }

   .o_retmod-right {
      width: 60%;
  }

   .o_retmod-b {
      background-color: #fff;
      width: 100%;
      height: 50%;
      margin-bottom: 20px;
      min-height: 250px;
   }

   .o_retmod-c {
      background-color: #fff;
      width: 100%;
      height: 50%;
   }

   .o_retmod-d {
      background-color: #fff;
      width: 100%;
      height: 50%;
      margin-bottom: 20px;
  }

   .o_retmod-e {
      background-color: #fff;
      width: 100%;
      height: 50%;
   }



   .o_2t4b, .o_1t3b, .o_t2hb, .o_2t2b, .o_1t1b, .o_1t3b, .o_2t1b, .o_3t1b, .o_3t2b {
      width: 100%;
   }

   .o_2t4b-top, .o_1t3b-top, .o_t2hb-top, .o_2t2b-top, .o_2t1b-top, .o_3t1b-top, .o_3t2b-top {
      display: flex;
      width: 100%;
      height: 30%;
      /*max-height: 250px;*/
      margin-bottom: 10px;
   }
   .o_3t2b-bottom {
      display: flex;
      width: 100%;
      height: -moz-calc(55% - 20px);
      height: -webkit-calc(55% - 20px);
      height: -o-calc(55% - 20px);
      height: calc(55% - 20px);
      background-color: #fcfaf9;
   }


   .o_t2hb-top {
      max-height: 350px;
   }

   .o_2t2b-top,  .o_3t1b, .o_3t2b {
      height: 45%;
      /*max-height: 500px;*/
   }

   .o_2t4b-bottom, .o_1t3b-bottom {
      display: flex;
      width: 100%;
      height: -moz-calc(70% - 20px);
      height: -webkit-calc(70% - 20px);
      height: -o-calc(70% - 20px);
      height: calc(70% - 20px);
   }

   .o_2t2b-bottom, .o_3t1b-d {
      display: flex;
      width: 100%;
      height: -moz-calc(55% - 20px);
      height: -webkit-calc(55% - 20px);
      height: -o-calc(55% - 20px);
      height: calc(55% - 20px);
   }

   .o_3t2b-d {
      display: flex;
      width: 80%;
      margin-right: 10px;
   }

   .o_3t2b-e {
      display: flex;
      width: -moz-calc(20% - 10px);
      width: -webkit-calc(20% - 10px);
      width: -o-calc(20% - 10px);
      width: calc(20% - 10px);
      height: 100%;
   }




   .o_1t1b-a {
      width: 100%;
      margin-bottom: 10px;
   }

   .o_1t1b-b, .o_2t1b-b {
      width: 100%;
      background-color: #fff;
   }

   .o_2t4b-a, .o_t2hb-a, .o_2t2b-a, .o_2t1b-a, .o_3t1b-a, .o_3t2b-a {
      display: flex;
      width: 20%;
      margin-right: 10px;
      background-color: #fff;
   }

   .o_2t1b-a {
      margin-right: 0;
   }

   .o_2t4b-b, .o_t2hb-b, .o_2t2b-b {
      display: flex;
      width: -moz-calc(80% - 10px);
      width: -webkit-calc(80% - 10px);
      width: -o-calc(80% - 10px);
      width: calc(80% - 10px);
      background-color: #fff;
   }


    .o_3t1b-b, .o_3t1b-c, .o_3t2b-b, .o_3t2b-c {
      display: flex;
      width: -moz-calc(42.5% - 10px);
      width: -webkit-calc(42.5% - 10px);
      width: -o-calc(42.5% - 10px);
      width: calc(42.5% - 10px);
      background-color: #fff;
   }

   .o_3t1b-b, .o_3t2b-b {
      margin-right: 10px;
   }

   .o_2t2b-a, .o_2t2b-b {
      background-color: #FCFAF9;
   }

   .o_2t4b-c {
      display: flex;
      width: 25%;
      margin-right: 10px;
      background-color: #fff;
   }

   .o_2t4b-d {
      display: flex;
      width: -moz-calc(25% - 10px);
      width: -webkit-calc(25% - 10px);
      width: -o-calc(25% - 10px);
      width: calc(25% - 10px);
      margin-right: 10px;
      background-color: #fff;
   }

   .o_2t4b-e {
      display: flex;
      width: -moz-calc(25% - 10px);
      width: -webkit-calc(25% - 10px);
      width: -o-calc(25% - 10px);
      width: calc(25% - 10px);
      margin-right: 10px;
      background-color: #fff;
   }

   .o_2t4b-f {
      display: flex;
      width: -moz-calc(25% - 10px);
      width: -webkit-calc(25% - 10px);
      width: -o-calc(25% - 10px);
      width: calc(25% - 10px);
      background-color: #fff;
   }
/*
   .o_2t4b-bottom2 {
      display: flex;
      width: -moz-calc(45% - 10px);
      width: -webkit-calc(45% - 10px);
      width: -o-calc(45% - 10px);
      width: calc(45% - 10px);
   }

   .o_2t4b-e {
      display: flex;
      width: 100%;
      background-color: #fff;
      margin-right: 10px;
   }

   .o_2t4b-f {
      display: flex;
      width: 100%;
      background-color: #fff;
   }
*/
   .o_t2hb-c, .o_t2hb-d {
      display: flex;
      width: 100%;
   }
   .o_t2hb-c {
      margin-bottom: 10px;
   }

   .o_1t3b-a {
      display: flex;
      width: 100%;
      background-color: #FCFAF9;
   }

   .o_1t3b-b {
      display: flex;
      width: 30%;
      margin-right: 10px;
      background-color: #FCFAF9;
   }

   .o_1t3b-c {
      display: flex;
      width: 30%;
      margin-right: 10px;
      background-color: #FCFAF9;
   }

   .o_1t3b-d {
      display: flex;
      width: -moz-calc(40% - 20px);
      width: -webkit-calc(40% - 20px);
      width: -o-calc(40% - 20px);
      width: calc(40% - 20px);
      background-color: #FCFAF9;
   }

   .o_2t2b-c, .o_2t2b-d {
      display: block;
      width: 50%;
      background-color: #fff;
   }

   .o_2t2b-c {
      margin-right: 10px;
      width: -moz-calc(50% - 10px);
      width: -webkit-calc(50% - 10px);
      width: -o-calc(50% - 10px);
      width: calc(50% - 10px);
   }



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

   .fourdivs-left {
      display: flex;
      width: 50%;
      height: -moz-calc(50% - 40px);
      height: -webkit-calc(50% - 40px);
      height: -o-calc(50% - 40px);
      height: calc(50% - 40px);
   }

   .fourdivs-top {
      display: flex;
      width: 100%;
      height: 50%;
      min-height: 450px;		
      margin-bottom: 10px;
    }

   div.fourdivs-bottom {
      display: flex;
      width: 100%;
      height: -moz-calc(50% - 20px);
      height: -webkit-calc(50% - 20px);
      height: -o-calc(50% - 20px);
      height: calc(50% - 20px);
   }


/* styles for MultiScreen.jsp */
.fourdivs-a, .fourdivs-c {
	display:flex;
   width: 50%;
   margin-right: 10px;
/*background-color: #fcfaf9;*/
background-color: #fff;

}

.fourdivs-d, .fourdivs-b {
   width: -moz-calc(50% - 10px);
   width: -webkit-calc(50% - 10px);
   width: -o-calc(50% - 10px);
   width: calc(50% - 10px);
   height: 100%;
 
background-color: #fcfaf9;
}

.fourdivs-a, .fourdivs-b  {
     min-height: 450px;		

}


#A_PBODY, #B_PBODY, #C_PBODY, #D_PBODY, #E_PBODY {
	width: 100%;
	height: 100%;
	background-color: #fff;
}

#GRAPHDPrimaryDiv, #GRAPHEPrimaryDiv {
	width: 100%;
	height: 100%;

	overflow: hidden;
}


   div.tpt-top {
      position: relative;
      display: flex;
      float: left;
      width: 100%;
      height: 20%;
   }

   div.tpt-bottom {
      position: relative;
      display: flex;
      float: left;
      width: 100%;
      height: -moz-calc(80% - 10px);
      height: -webkit-calc(80% - 10px);
      height: -o-calc(80% - 10px);
      height: calc(80% - 10px);
   }


   div.tpt-a {
      width: 100%;
      margin-bottom: 10px;
   }

   div.tpt-bottom-left {
      position: relative;
      display: block;
      float: left;
      width: 40%;
      height: 100%;
   }

   div.tpt-bottom-right {
      position: relative;
      display: block;
      float: left;
      margin-left: 15px;
      width: -moz-calc(60% - 15px);
      width: -webkit-calc(60% - 15px);
      width: -o-calc(60% - 15px);
      width: calc(60% - 15px);
      height: 100%;
   }

   div.tpt-b {
      position: relative;
      display: flex;
      float: left;
      width: 100%;
      height: 100%;
   }

   div.tpt-c {
      position: relative;
      display: block;
      float: left;
      width: 100%;
      min-width: 100%;
      height: 50%;
   }


   div.tpt-d {
      position: relative;
      display: block;
      float: left;
      width: 100%;
      margin-top: 15px;
      height: -moz-calc(50% - 15px);
      height: -webkit-calc(50% - 15px);
      height: -o-calc(50% - 15px);
      height: calc(50% - 15px);
   }


div.lsr-left {
      position: relative;
      display: block;
      float: left;
      width: 50%;
      height: 100%;
   }

   div.lsr-right {
      position: relative;
      display: block;
      float: left;
      margin-left: 15px;
      width: -moz-calc(50% - 15px);
      width: -webkit-calc(50% - 15px);
      width: -o-calc(50% - 15px);
      width: calc(50% - 15px);
      height: 100%;

   }

div.lsr-bottom {
      position: relative;
      display: block;
      float: left;
      width: 50%;
      height: 100%;
   }


div.lsr-right-a, div.lsr-right-b, div.lsr-right-c, div.lsr-right-d {
      position: relative;
      display: block;
      float: left;
   margin-bottom: 15px;
   width: 100%;
         background-color: white;
      /*background-color: #5F7688;     */
}

div.lsr-right-f {
      position: relative;
      display: block;
      float: left;
}




div.DivAcrdnStyle {
    position: relative;
    padding: 10px 0;
}

div.busyicon {
/*    display:    none;
     position:   fixed;
     z-index:    1000;
     top:        45%;
     left:       45%;
     height:     48px;
     width:      48px;
     background: rgba( 255, 255, 255, 0)
                     url('../images/busyicon.gif')
                     50% 50%
                     no-repeat;
*/
 display:    none;
position:   fixed;
     z-index:    1000;
     top:        45%;
     left:       45%;

  border-top: 6px solid #000;
  border-bottom: 6px solid #d59036;
  border-top: 6px solid #117280;
  border-bottom: 6px solid #e67e22;
/*
  border-top: 6px solid #117280;
  border-right: 6px solid #fff;
  border-bottom: 6px solid #117280;
  border-left: 6px solid #fff;
*/
  border-radius: 50%;
  width: 45px;
  height:45px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

   #waiticon {
        display:    block;
        position:   fixed;
        z-index:    1000;
        top:        50%;
        left:       50%;
        height:     48px;
        width:      48px;
        background: rgba( 255, 255, 255, 0)
                     url('../images/busyicon.gif')
                     50% 50%
                     no-repeat;
   }

   body.logged-out {
    background-image: url(../images/bkg1175_2125.png);
    background-position: left bottom;
    background-size: cover;
   }

   div.logged-out {
     width: 100%;
   }

   div.holder-1, div.holder-2, div.holder-3, div.holder-4, div.holder-5 {
      width: 100%;
      display: block;
   }

   div.holder-1 {
      padding: 10px;
   }

   div.holder-2 {
      padding: 10px;
   }

   div.holder-3 {
      padding: 10px;
      display: flex;
      justify-content: center;
    }

   div.holder-4 {
      padding: 10px;
      display: flex;
      justify-content: center;
   }

   div.holder-5 {
      padding: 10px;
      display: block;
      justify-content: bottom;
   }

   div.divLogin {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: 15% 10% 0 10%;
      width: 375px;
      border: 1px solid black;
      border-radius: 3px;
      padding: 15px;
      background-color: #fff;
      opacity: .75;

   }

   .passChange {
      width: 320px;
   }

   .passChange-container {
      width: 100%;
      height:100%;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .passChange-content {
      width: 450px;
   }

   .passChange-head {
      width: 100%;
      background-color: blue;
      color: #fff;
   }

   .passChange-title {
      width: 100%;
      display: flex;
      justify-content: center;
      color: #fff;
      padding-bottom: 25px;
    }

    .passChange-body {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 10px;
    }
    .passChange-body input {
      display: inline-block;
    }

    .passChange-body p {
      padding: 20px 0 5px 0;
    }

   .passChange-message, .ovnfwe:not(:empty) {
      flex: 1 1 auto;
     font: 400 12px 'Montserrat', sans-serif;
      min-height: 16px;
      color: #d50000; 
	  font-weight: bold;
   }

   .passChange-hint {
      font-size: .875rem;
      color: #fff;
      width: 320px;
   }

   .passChange-result  {
       display: flex;
       width: 100%;
       justify-content: center;
       padding: 50px 0;
   }

   .passChange-result p {
      padding: 25px;
   }

   .passChangefail p {
      font-size: .875rem;
      font-weight: bold;
      color: #d63443;
   }

   .passChangeok p {
      font-size: 1.0rem;
      background-color: #80a2ce;
   }

   .subLogin {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 5%;
      margin-left: 30%;
      border-radius: 3px;
      text-align: center;
      /* padding: 30px;
      background-color: #fff; */
   }

   div.loginTitle {
      width: 100%;
      display: inline-block;
      padding-bottom: 100px;
      font-size: 2rem;
      text-shadow: 2px 2px 4px #d3d3d3;
      color: #023546;
   }

      p.loginTitle, p.loginTitle2 {
         font-family: "Times New Roman";
         letter-spacing: 0;
         display:inline;
         font-size: 3.0rem;
         font-weight: bold;
         color: #CC6B16;
         line-height: 30px;
         white-space: nowrap;
      }
      p.loginTitle2 {
         color: #000;
         margin-left: 15px;
         font-size: 2.5rem;
      }

      p.loginSubTitle {
         font-size: 0.625rem;
         font-weight: bold;
         letter-spacing: 5px;
         color: #000;
      }

   div.loginEntry {
      padding: 10px;
      display: flex;
      flex-direction: column;
     /* justify-content: center; */
      align-items: center;
      padding: 30px;
      background-color: #fff; 
   }

   div.loginFoot {
      width: 100%;
      display: inline-block;
      text-align: center;
      float: right;
   }

   .loginCopyRight, .loginMessage {
      width: 300px;
      font-size: 0.75rem;
      text-align: center;
      display: inline-block;
      text-align: center;
   }

   .loginCopyRight {
      width: 100%;
   }


.loginUsername, .loginPassword , .loginSelect {
   font-size: 0.875rem;
   line-height: 16px;
   text-align: start;
   /* width: 320px; */
   width: 97%;
   margin: 10px 0;
   padding: 12px 10px;
   border: 1px solid #848484;
   border-radius: 3px;
   color: #000;
   background-color: #fff;
   z-index: 55;
   -webkit-appearance: none;
}

.loginCaptcha {
}

.g-recaptcha {
    transform:scale(1.06);
    transform-origin:0 0;
    padding: 10px 0;
}


.loginUsername:hover, .loginPassword:hover, .loginSelect:hover {
   border: 1px solid #e67e22;
   transition: border-color 0.5s ease 0s;
   background-color: #fff;
   color: #414848;
}

.loginUsername:focus, .loginPassword:focus, .loginSelect:focus  {
   background: #DBDCDD; /*#dfe9ec;*/
   border: 1px solid #e67e22;
}


    a.loginButton, button.loginButton, input.loginButton, input.loginForget, input.loginRegister {
      font-size: 1.0rem;
      font-weight: bold;
      text-align: center;
      line-height: 16px;
      /* width: 320px; */
      width: 97%;
      margin: 15px 0;
      padding: 20px;
      background-color: #e67e22;
      border: 1px solid #e67e22;
      border-radius: 3px;
      color: #FFF;
      cursor: pointer;
      -webkit-appearance: none;
      display: inline-block;
   }


   input.loginButton:hover {
      background-color: #F48C30;
      text-decoration: none;
   }

   input.loginForget, input.loginRegister {
      width: 180px;
      font-size: .875rem;
      padding: 10px;
      margin: 0 5px;
      background-color: #7695BC;
      border: 1px solid grey;
      font-weight: normal;
   }
   
   input.loginForget {
   	min-width: 225px;
   }

   input.loginRegister {
      width: 80px;
   }

input.loginForget:hover, input.loginRegister:hover {
   background-color: #80A2CE;
   }


   div.loginMessage {
      float: left;
      width: -moz-calc(100% - 20px);
      width: -webkit-calc(100% - 20px);
      width: -o-calc(100% - 20px);
      width: calc(100% - 20px);
      text-align: center;
      margin: 25px 10px 10px 10px;
      vertical-align: middle;
   }

   p.loginMessage {
      padding: 20px 0;
      background-color: #8DA7C8;
      vertical-align: middle;
      color: #fff;
      font-size: .925rem;
      font-weight: normal;
      display: inline-block;
   }

   .loginlink {
      display: none;
   }

   .loginremainder {
      display: none;
   }

   .loginnote {
      display: none;
   }


   .secVal {
      width: 100%;
      padding: 20px;
      background-color: transparent
   }

   .secVal div:first-child {
      padding: 0 0 20px 0;

   }

   table.loginEntry {
      width: 100%;
      padding: 15px 0 15px 0;
   }

   .loginChoice {
      padding: 20px;


   }


   div.divSearch {
      position: fixed;
      width: 450px;
      height: 300px;
      top: 50%;
      left: 50%;
      margin-top: -150px;
      margin-left: -225px;
      border: 3px double black;
}


   div.divSearchHead, div.divSearchList, div.divSearchEntry, div.divSearchMods, div.divSearchFoot {
      width: 100%;
      position:relative;
      display: block;
   }

   div.divSearchHead {
      border: 3px double black;
      text-align:center;
   }

   div.divSearchList {
      border: 1px solid red;
      padding: 10px 10px 10px 50px;
   }

   div.divSearchEntry {
      width: 50%;
   }

   div.divSearchMods {
      border: 1px solid yellow;
   }

   div.divSearchFoot {
      text-align:center;
   }

   div.Primary2, div.Secondary2 {
      width: 100%;
      height: 100%;
      overflow: auto;
   }

/* ================================= Main Layout  ======================================== */


   div.mbSlider {
      position: absolute;
      display: none;
      height: 100%;
      /* width: 300px; */
      width: 240px;
      top: 0;
      left: -300px;
      background-color: #3f3d3d;
      z-index: 10;
   }





      .toolMenu {
         color: #ddd;
	      color: #3d3b3b;
         /* color: #fff!important; */
         cursor: pointer;
      }

      .toolHome {
         color: #ddd;
         cursor: pointer;
         padding: 0 20px;
      }

      .toolHome:hover {
         color: #fff;
      }

      div.toolMenu {
         display: table;
         float: right;
         height: 45px;
         padding: 5px;
         text-align: center;
      }

      .toolMenu a {
         padding: 5px;
         line-height: normal;
         text-decoration: none;
         font-size: .875rem;
         font-weight: normal;
      }



      .toolMenu a:hover, .toolMenu a:active, .toolMenu a:visited {
         text-decoration: none;
         color: #fff;
	 color: #3d3b3b;

      }




      .subutilities {
         float: right;
         clear: both;
      }

      .divToolBox {
         position: relative;
         display: flex;
         float: left;
         justify-content: center;
         align-items: center;
         margin-right: 5px;
         flex-direction: row-reverse;
      }

      .divTool {
         text-align: center;
         padding: 14px 7px;
         color: #CF7E3D;
	 color: #fff;
	 color: #3d3b3b;
         cursor: pointer;
         font-size: 0.9375rem;
         vertical-align: middle;
         float: left;
      }



div.divBanner {
      padding: 0;
      width: 100%;
   }
      div.divSubBanner {
         height: 50px;
         background-image: url(../images/smallbanner.png);
         background-position: left 0 top 0;
      }



.toolLang {
        display: inline-block;
    }


   div.divService {
      position: absolute;
      right: 0px; top: 65px;
      float: right;
      padding: 10px;
      background-color: transparent;
      display: flex;
      /*flex-flow: wrap;*/
      align-items: center;
      justify-content: space-between;
      flex-direction: row-reverse;
    }

   .aux-link, .aux-link2 {
      font-size:  0.875rem;
      font-weight: normal;
      position: relative;
      display: flex;
      float: left;
      /*flex-direction: row-reverse;*/
      flex-wrap: wrap;
      overflow: hidden;
      cursor: pointer;
      color: #ddd;
      height: 30px;
      padding: 2px 10px;

   }

      .aux-link2 {
         padding: 2px 5px;
   }

   .notification-link {
         height: 30px;
      display: inline-block;
      font-size:  0.875rem;
      font-weight: normal;
      padding: 2px 10px;
      cursor: pointer;
      color: #ddd;
   }


   .notification-counter, .notification-counter-mobile, .notification-counter-member {
      background-color: #fa3e3e;
      color: transparent;
      background-color: transparent;
      border-radius: 2px;
      padding: 1px 5px;
      font-size: 10px;
      cursor: pointer;
   }


/* == toolMenu == */




   i.fa-tool-mobile, i.fa-tool-mobile2 {
      font-size: 1.5rem;
      color: orange;
      text-decoration:none;
      cursor: pointer;
   }

   i.fa-tool-mobile2 {
      font-size: 1.75rem;
   }


   .toolMenu i {
      padding-left: 5px;
      cursor: pointer;
   }



   .divMisc {
      border: 1px solid red;
      display: inline-block;
      float: left;
      width: 20%;
   }


   div.divNav {
      width: 100%;
      background-color: inherit;
      display: flex;
      align-items: center;
   }

   .selboard {
      display: none;
   }

   .divTab {

      display: flex;
      align-items: center;
      float: left;
      margin: 15px 5px 3px 5px;
      width: -moz-calc(100% - 10px);
      width: -webkit-calc(100% - 10px);
      width: -o-calc(100% - 10px);
      width: calc(100% - 10px);
      background-color: #fff;
   }


   .divMenu {
      float: left;
      display: inline-block;
      height: 100%;
      width: -moz-calc(100% - 25px);
      width: -webkit-calc(100% - 25px);
      width: -o-calc(100% - 25px);
      width: calc(100% - 25px);
      white-space: nowrap;
      font-size: 0 !important;
   }


   .tabToggle {
      position: absolute;
      top: 5px;
      right: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size:  0.9125rem;
      padding: 10px 12px;
      z-index: 50;
      cursor: pointer;
      background: inherit;
      color: #6e6e6e;
      width: 35px;
      height: 35px;
      border-radius: 50%;
   }


   .tabToggle:hover {
      background: #f2f2f2;
      color: #000;
   }

/* ================================================================ Subject ========================================= */

   .subject {
      float: left;
      width: 100%;
   }

   .divSubject {
      float: left;
      margin: 15px 5px;
      width: -moz-calc(100% - 10px);
      width: -webkit-calc(100% - 10px);
      width: -o-calc(100% - 10px);
      width: calc(100% - 10px);
      background-color: #DEDEE6;
      background-color: #FAB131;
      background-color: #fff;
      background-color: #fcfaf9;
      padding: 7px;
   }


   .divSubjectTool, .divSubjectName, .divSubjectWarning, .divQLinks, .divProcessName, .divSubjectCase, .divSubjectPlans, .divSubjectPlan, .divSubjectPayee {
      padding: 5px 10px !important;
      font-size:  0.9125rem;
      font-weight: 700;
      color: #6e6e6e;
   }

   .divSubjectTool {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      padding: 0 10px;
      background: inherit;
      color: #6e6e6e;
      cursor: pointer;
   }

   .divSubjectPlans {
      padding: 5px 10px 2px 10px !important;
   }

   .divSubjectTool:hover {
      background-color: #f2f2f2;
      color: #000;
   }

   .divSubjectTool i {
      font-size:  0.9125rem;
      font-weight: 700;
      color: #6e6e6e;
   }


   .divSubjectTool i:hover {
      color: #000;
   }


   .divSubjectWarning {
      padding-left: 0;
      color: #E8AB02;
      font-size:  0.9125rem;
   }

   .divSubjectName {
      color: #000;
   }

      .divSubjectWarning .tooltipText {
            margin: 15px -10px;
            visibility: hidden;
            background-color: #fff;
            border: 1px solid #E8AB02;
            color: #E8AB02;
            text-align: center;
            border-radius: 3px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            width: 200px;
         }

         .divSubjectWarning:hover .tooltipText {
            visibility: visible;
            font-size:  0.75rem;
         }

      .divSubjectPlans select, .divSubjectPayee select {
         font-size:  0.8125rem;
         font-weight: 700;
         border: 1px solid #c6bbb3;
         padding: 3px 15px 3px 5px;
         border-radius: 2px;
         color: #DB7F34;
         background-color: #F1EDEA;
         -moz-appearance: none;
         -webkit-appearance: none;
         appearance: none;
         cursor: pointer;
      }

      .divSubjectPlans:after, .divSubjectPayee:after {
         content: '\f0d7';
         font-family: 'FontAwesome';
         font-size: 0.75rem;
         font-weight: normal;
         color: #DB7F34;
         position: absolute;
         right: 20px;
         top: 8px;
         z-index: 1;
         pointer-events: none;
      }

         .divSubjectPlans select:focus {
          /*   border: 1px solid #DB7F34;*/
         }

         .divSubjectPlans select::-ms-expand, .divSubjectPayee select::-ms-expand{
             display: none;
         }


      div.divSubjectRight {
         display: inline;
         float: right;
      }

      .divQLinks {
         color: #117280;
         font: normal 0.75rem;
         font-weight: 400;
         cursor: pointer;
      }

      .divQLinks:hover {
         background-color: #f2f2f2;
         color: #4b8cb7;
         border-radius: 15px;
      }

      .divProcessName {
         color: #DB7F34;
/*         color: #117280; */
      }

      div.divSubjectCase {
         padding: 5px 25px 5px 10px;
         float: right;
         font-weight: 600;
      }


   div.divSubjectDetails {
      width: 100%;
      font-size:  0.875rem;
      font-weight: 400;
      padding: 0 5px 0 47px;
   }

      .divSubjectDetails-content {
         width: 100%;
      }

      .divSubjectDetails-line {
         width: 100%;
         height: 1px;
         margin: 5px 0;
/*         background-color: #117280; */
         background-color: #4682b4;

      }

      .divSubjectDetails-left {
         position: absolute;
         display: flex;
         align-items: center;
         justify-content: center;
         left: -47px;
         top: 8px;
         font-size:  0.9125rem;
         font-weight: 700;
         color: #6e6e6e;
/*         color: #cf7e3d; */
         width: 35px;
         height: 35px;
         border-radius: 50%;
         padding: 0 10px;
         cursor: pointer;
      }

      .divSubjectDetails-left:hover {
         background-color: #f2f2f2;
         color: #000;

       /*  background-color: #cf7e3d;
         color: #fff; */
      }

      div.divSubjectDetails-sub {
         display: inline-block;
         float: left;
         width: 100%;
      }

      div.divSubjectDetails-sub-left {
         display: inline-block;
         float: left;
         padding: 0 100px 5px 0;
      }

      div.divSubjectDetails-sub-right {
         display: inline-block;
         float: right;
         padding: 20px 200px 5px 5px;
      }

      td.subDetailLabel {
         font-size:  0.8125rem;
         font-weight: normal;
         padding: 3px 15px 0 0;
         color: #565656;
         min-width: 125px;
      }
      td.subDetailValue {
         font-size:  0.8125rem;
         font-weight: normal;
         color: #000;
      }

      a.divSubjectDetails-link {
         font-size:  0.8125rem;
         text-decoration: underline;
/*         color: #117280; */
color: #4682b4;

      }




   .fa-right-slider {
            margin-top: 65px;
          font-size: 16px;
            background-color: #fff;
            color: black;
            vertical-align: middle;
   }



   div.scroll, div.scrollRight, div.scrollLeft {
      position: absolute;
      z-index: 999;
      margin-top: 22px;
      border: 1px solid #f7f7f7;
      background-color: #fff;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      /*text-align: center;
      vertical-align: middle;*/
      display: flex;
      align-items: center;
      justify-content: center;
      /*padding-top: 3px;*/
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
      transition: box-shadow 50ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
      cursor: pointer;
   }

   /*div.scrollRight {
      padding-left: 2px;
   }

   div.scrollLeft {
      padding-right: 2px;
   }
   */
   div.scrollRight:before, div.scrollLeft:before {
      font-family: FontAwesome;
      font-size: 1.112rem;
      content: "\f105";
      color: #000;
   }

   div.scrollLeft:before {
      content: "\f104";
   }


   .scrollRight:hover, .scrollLeft:hover {
      background: #f2f2f2;
   }
   .scrollRight::before:hover, .scrollLeft::before:hover {
      color: #000;
   }


/* =============================================================================================================================================================================== */

   .tab, .tabOn, .process, .processOn {
      display: block;
      font-size:  0.9375rem;
      font-weight: bold;
      cursor: pointer;
      white-space: nowrap;
   }

   div.tab, div.tabOn {
      display: inline-block;
      background-color: transparent;
      float: none;
      vertical-align: top;
      overflow: hidden;
      height: 100%;
   }

   .process, .processOn {
      font-size:  0.8125rem;
   }


   div.process, div.processOn {
      background-color: transparent;
      position: absolute;
      display: block;
      top: 40px;
      left: 0;
      overflow: hidden;
   }


   a.tab, a.tabOn, a.process, a.processOn {
      padding: 11px 10px 8px 15px;
      color: #6e6e6e;
   }

   a.process, a.processOn {
      padding: 0;
      margin: 5px 15px;
   }

   a.tabOn, a.processOn {
      color: #DB7F34;
/*	color: #117280; */

   }

   div.tabSeparator {
      float: left;
      width:   1px;
      height:  10px;
      background-color: transparent;
   }


   .tab:hover, .tabOn:hover {
      text-decoration: none;
      color: #000;
      overflow: visible;
      z-index: 99;
   }

   .process:hover, .processOn:hover {
      text-decoration: none;
      color: #000;
      background: #f2f2f2;
   }

   .tab:hover > a, .tabOn:hover > a {
      background: #f2f2f2;
      box-shadow: 1px 1px 1px 1px #A5A4A4;
   }

   .tab:hover > div, .tabOn:hover > div {
      text-decoration: none;
      color: #000;
        background-color: #E4E3D6;
      background: #f2f2f2;
      z-index: 99;
      box-shadow: 1px 1px 1px 1px #A5A4A4;
    }


   .processEllipsis:not(:hover):after {
      position: absolute;
      float: left;
      display: block;
      bottom: 0;
      left: 15px;
      content: "...";
      z-index: 99;
   }

   .processEllipsis2:not(:hover):after {
      content: "";
   }


   div.rim {
      width: 100%;
      height: 100%;
   }

   div.eventMenu {
      display: block;
      width: 250px;
      background-color:#fcfaf9;
      margin: 5px 15px 5px 5px;
    }

   div.rotaryMenu {
      position: relative;
      display: none;
      float: left;
      width: 100%;
   }

   div.mainPanel {
      width: -moz-calc(100% - 280px);
      width: -webkit-calc(100% - 280px);
      width: -o-calc(100% - 280px);
      width: calc(100% - 280px);
      margin: 5px;
      height: -moz-calc(100% - 10px);
      height: -webkit-calc(100% - 10px);
      height: -o-calc(100% - 10px);
      height: calc(100% - 10px);
      /*overflow: hidden;     */
   }

   .divData {
      position: relative;
      width: 100%;
      height: 100%;
   }

   .map {
      position: relative;
      width: 400px;
      height: 400px;
      border: 5px solid yellow;
   }

.panelBody {
	width: 100%;
}


/* ------------------------------------------------------ mobile specific -----------------------------------*/

   .actionOuter {
      display: flex;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      background-color: #fff;
   }

   div.actionOuter {
      margin: 0 auto;
      background-color: black;
   }

   div.mbBottom {
      position: relative;
      display: block;
      border: 1px solid magenta;
      background-color: magenta;
      top: -20px;
   }


   div.p1 {
      position: relative;
      display: block;
      float: left;
      width: 75px;
      width: 25%;

   }

   div.p2 {
      position: relative;
      display: block;
      float: left;
      top: 0;
      width: -moz-calc(100% - 300px);
      width: -webkit-calc(100% - 300px);
      width: -o-calc(100% - 300px);
      width: calc(100% - 300px);
   }

   div.p3 {
      position: relative;
      display: block;
      float: right;
      top: 30px;
      width: 90px;
   }

   div.p1-t, div.p1-b{
      position: relative;
      display: block;
      float: left;
      height: 25px;
      padding-top: 5px;
      text-align: center;
      width: 100%;
      cursor: pointer;
      color: #fff;
   }

   div.p1-b{
   font-size:  0.75rem;
   font-weight: normal;
   padding-top: 7px;
   }


.actionButton {
      position: relative;
      display: none;
      top: 5px;
      left: 5px;
      border: 1px solid gold;
      /*height: 200px;*/
      float: left;
}

   table.subject {
      width: 100%;
      background: #FFF;
      border-collapse: collapse;
   }




   td.subjectExp {
      width: 20px;
      background: url(../images/details.gif) no-repeat;
      background-position: 1px 1px;
   }

   .subjectLink {
    display: block;
    width: 20px;
    height: 10px;
   }



   div.subjectSummary {
      display:block;
   }


   .subjectDetails {
    display:none;
    height:auto;
    float: left;
    }

    .hide:target + .show {
        display: inline;
    }
    .hide:target {
        display: none;
    }
    .hide:target ~ .Details {
        display:inline;
}


/* ============= P a g e   L a y o u t =========== */

   body.body {
      background-color: #fff;
   }

   .page {
      display: table;
      float: left;
      table-layout: fixed;
      width: 100%;
      background-color: #D9D9D9;
      background-color: #F1EDEA;
      height: 100%;
   }

   .all {
      width: 95%;
      margin: 0 2.5%;
   }

   .footer, .mbfooter {
      position: relative;
      height: 0;
      clear: both;
      width: 95%;
      margin: 0 2.5%;
    }

   .board {
      width: 95%;
      margin: 0 2.5%;
   }

   .boardcontent {
      width: 100%;
      /* padding: 1rem 0; */
   }

   .middle-container {
      width: 95%;
      margin: 0 2.5%;
      overflow: hidden;
      -webkit-overflow-scrolling: touch; /* momentum scrolling */
      height: 100%;
   }

   .middle-content {
      width: 100%;
      padding-bottom: 10px;
   }

   .top, .boardtop, .mbtop {
      width: 100%;
   }

   .subtop, .boardsubtop {
      width: 100%;
      height: 112px;
      z-index: 2;
      background-image: url(../images/banner43.png);
/*	 background-image: url(../images/cccera_banner.jpg); */
      background: #aba59a;
      background: #17305e;  /* for ausprs */

      background-position: 0 0;
      background-size: 100% 100%;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
   }

   .boardsubtop {   
   }

   .identity {
	/* height: 100%;
	display: flex;
	align-self: flex-start; */

   }

      .find {
	align-self: center;
	margin-left: auto;
      }

   .utilities {
	float: right;
	height: 100%;
	align-self: flex-end;
	margin-left: auto;
   }



   .brand, .boardbrand {
      /* width: 126px;
      width: 200px;
      width: 345px;
      width: 482px; 
      width: 200px; 
      width: 425px;
      min-width: 200px;
      height: 90px;
      height: 100px;
      margin: 11px;      
      margin: 5px;      
      background-image: url(../images/gma40.png);
      background-image: url(../images/ausprs-logosm.jpg);
      cursor: pointer;
      align-self: left; */

      width: 126px;
      width: 425px;
      /* width: 200px;
      width: 345px;
	   min-width: 345px; */
      height: 110px;
      padding: 28px 0 10px 125px;
      /* height: 64px;*/
      /*	margin: 15px; */
      /*background-image: url(../images/CPAS_Logo_100.jpg);*/
      /*background-image: url(../images/cccera_logo.svg);*/
      background-image: url(../images/ND_Logo_sm.png);
	   background-image: url(../images/CPAS_Logo_100.jpg);
      background-image: url(../images/ausprs-logosm.jpg);/* for ausprs */
      cursor: pointer;
      align-self: left;
   }

   .ausprs-logo1 {
      color: #cc9900;
      font-size: 20px;
      text-transform: uppercase;
   }
   .ausprs-logo2 {
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      text-transform: uppercase;

   }

   .boardbrand {
      /* width: 150px; height: 120px; background-image: url(../images/CPAS_Logo_120.jpg); */
   }

   .message, .boardmessage {
		float: left;
		height: 100%;
		margin: 0 15px;
		display: flex;
		padding: 15px 0;
   }
/*
   span#message {
      display: flex;
      height: 100%;
   }
   div#welcome, div#logname {
      display: inline-block;
      display: flex;
	border: 1px solid green;
	justify-content: center;		
	align-content: center;		

      align-self: flex-end;
      line-height: normal;
      font-weight: bold;
      font-size:  1.00rem;
      color: #d59034;
	color: #11717e;
	color: #fff;
   }

   div#logname {
      padding: 0 0 5px 10px;
   }
*/

.logname {
      display: flex;
	border: 1px solid green;
	justify-content: center;		
	align-content: center;		

      align-self: flex-end;
      line-height: normal;
      font-weight: bold;
      font-size:  0.9125rem;
	color: #11717e;
	color: #fff;
      padding-bottom: 15px;

}
    .mbtop, .mbfooter {
      display: none;
    }

   .boardfooter, .allfooter {
      position: relative;
      width: 100%;
      margin-top: 1rem;
   }

   .footCompress {
      position: absolute;
      top: 5px;
      right: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size:  0.9125rem;
      padding: 10px 12px;
      z-index: 50;
      cursor: pointer;
      background: inherit;
      color: #6e6e6e;
      width: 35px;
      height: 35px;
      border-radius: 50%;
   }

   .footCompress:hover {
      background: #f2f2f2;
      color: #000;
   }

   .footHolder {
      position: relative;
      width: 100%;
      /*padding: 0 5px;*/
      background-color: #32495B;
      background-color: #615c56;

      border-radius: 2px;
      /*box-shadow: 2px 2px 2px 1px #A5A4A4;*/
   }

   .footHolder h3 {
      font-size: 0.875rem;
      padding: 12px 0;
      color: #fff;
   }


   .footFlex {
      display: flex;
      width: 100%;
      flex-direction: row;
      justify-content: space-around;
      align-items: flex-start;
   }
   .footFlex div.footItem {
	   margin: auto 0;
	   padding: 10px;
	}

	.footItem a {
		color: white;
	}
	
	.footItem {
		cursor: pointer;
	}
   .divFootItem {
      float: none;
      font-size: 0.813rem;
      width: 200px;
      color: #fff;
   }

   a.footItem {
      font-size: 0.875rem;
      color: #fff;
      padding-bottom: 1px;
      cursor: pointer;
   }

.footItem {
color: #fff;
}

   a.footItem:hover, a.footItem:active, a.footItem:focus {
      border-bottom: 1px solid #fff;
      text-decoration: none;
   }

   .divFootItem ul {
      display: none;
      border-top: 1px solid #2880AC;
      padding: 0 0 0 10px;
   }

   .divFootItem li {
      padding: 4px 0;
      color: #fff;
   }

   .terms {
      float: right;
      background-color: transparent;
   }

   .terms p {
      font-size: 0.75rem;
      margin: 5px 10px;
      text-align: right;
   }

   .terms a {
      text-align: right;
      color: blue;
   }



 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ new navigation styling ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


   a.expand, a.contract {
      position: absolute;
      top: 3px;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 50;
      width: 30px;
      height: 30px;
      padding: 5px;
      border-radius: 50%;
      font-size:  0.9125rem;
   }

      a.expand:before, a.contract:before {
         font-family: FontAwesome;
      }

      a.expand:before {
         content: "\f0da";
      }

      a.contract:before {
         content: "\f0d7";
      }

      a.expand:hover {
         text-decoration: none;
         color: #000;
         background: #f2f2f2;
      }

      a.contract:hover {
         text-decoration: none;
         background: #f2f2f2;
       }

/*

      a.othEvent.expand {
      }

      a.othEvent.expand:hover {
         text-decoration: none;
         background: #d6d9db;
      }

      a.selEvent.expand {
         background-color: orange;
      }


      a.othEvent.contract:hover {
         text-decoration: none;
         color: #000;
         background: green;
      }
*/

/*
      a.expand:hover {
         text-decoration: none;
         color: #000;
         background: #f2f2f2;
      }

      a.contract:hover {
         text-decoration: none;
         color: tomato;
         background: #f2f2f2;
       }
*/

/*
      a.expand {
         padding-left: 10px;
      }

      a.contract {
         padding-left: 7px;
      }
*/
      .isw10 a {
         padding-left: 0;
      }



   .event {
      width: 100%;
   }

   .divEvent {
      position: relative;
      font-size:  .875rem;
      font-weight: normal;
      width: 100%;
      cursor: pointer;
      color: #000;
   }

   .othEvent {
      position: relative;
      background-color: inherit;
      width: 100%;
   }


   .divEvent div {
      width: 100%;
      padding: 10px;
   }


   .divEvent:hover {
      background-color: #DFE5E8;
   }

   .othEvent + a {
      color: #000;
   }

   .selEvent + a {
      color: #fff;
   }


   .othEvent-child {
      position: relative;
      display: inline-block;
      float: left;
      background-color: #f7f7f7;
   }

   .selEvent, .selEvent-child  {
      background-color: #003E5D;
       background-color: #4682b4;
       background-color: #615c56;
/*       background-color: #117280;*/
      font-weight: bold;
      color: #fff;
   }

   i.selEvent, i.selEvent-child {
      font-weight: normal;
   }


.listError {
   padding: 0;
   margin: 0;
}

/* ================================== calendar ==============================*/

   .cl {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
   }

   div.cl {
   }

   .cl input {
      margin: 2px;
   }

   .cl-img {
      font-family: 'FontAwesome';
      font-size: 0.875rem;
      font-weight: 400;
      color: #333333;
      color: #5b5959;
      color: #000;
      background-color: transparent;
      text-decoration: none;
      padding: 0 2px 2px 5px;
   }

   .cl-img:hover {
      text-decoration: none;
   }

   .cl-img:before {
      content: '\f073';
   }

   .cl-fmt {
      padding-left: 3px;
      font-size: 0.75rem;
      color: #000;
      text-transform: lowercase;
   }

   span.cl-fmt {
      display: inline-flex;
      padding-right: 5px;
   }

   .cl-err {
      display: inline-flex;
      background-color: #F7D2B2;
      color: black;
      font-weight: normal;
      font-size: 95%;
      text-indent: 5px;
      margin: 0 5px;
      padding: 5px;
   }

   .cl-err:before {
      content: "\f071";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #fff;
      z-index: 1;
      color: red;
   }

   .cl-noerr {
      background: transparent;
      color: transparent;
   }

   div.popPanel {
      padding: 5px;
      overflow: visible;
      width: 100%;
    }


   div.wizRun {
      width: 100%;
      overflow: visible;
   }

   div.bctDock {
      position: absolute;
      top: 0;
      right: 0;
   }

   div.wizBctFrame, div.wizBctButton {
      position: absolute;
      top: 0;
      right: 0;
      text-align: right;
      background-color: transparent;
   }

   div.wizBctFrame {
      width: 200px;
   }

   div.wizBctFrame i, div.wizBctButton i {
      top: 5px;
      right: 10px;
      padding: 7px 12px;
      cursor: pointer;
   }

   div.wizBct {
      position: absolute;
      width: 100%;
      top: 40px;
      right: 10px;
      top: 25px;
      right: 25px;
      overflow: visible;
      background-color: #fff;
      padding: 0;
   }

   div.wizNav {
      width: 100%;
      padding: 0 0 0 10px;
   }

   div.wizsubBody {
      padding: 15px;
   }

   .wizHead {
      float: left;
      width: 100%;
/*      background-color: #117280;*/
         background-color: #4682b4;
         background-color: #149fda;
   }

      .wizHead p {
         font-size: .875rem;
         font-weight: bold;
         color: #fff;
         background-color: #117280;
         background-color: #4682b4;
         background-color: #139ed9;
         background-color: #087482;
         background-color: #17305e;
         padding: 12px;
      }

   .wizBody, .wizFoot {
      width: 100%;
      height: 100%;
      background-color: #fcfaf9;
   }

   table.wizBody {
      display: table;
      overflow: auto;
      word-wrap: break-word;
      overflow-wrap: normal;
      background-color: #fcfaf9;
      width:100%;
      border-top: 1rem solid transparent;
   }

   td.wizHeadInstr {
      font-weight: bold;
      font-size:  0.813rem;
      padding: 5px 10px;
      color: #117280;
      width: 100%;
      border-bottom: 1px solid #117280;
   }

   .softConfirm {
      background-color: #F5F7C8;
      width: 100%;
   }

  .softCancel{
      background-color: #8DA7C8;
      width: 100%;
   }

   .wizFinish, .wizNext, .wizCancel, .wizBack, .wizContinue, .wizYes, .wizNo  {
      float: right;
      margin: 15px;
      background-color: #fd9734;
      background-color: #f08e2b;
      padding: 3px;
   }

   div.wizFinish, div.wizNext, div.wizCancel, div.wizBack, div.wizContinue, div.wizYes, div.wizNo  {
      border-color: #fc8a1b;
      border-color: #f08e2b;
      border-radius: 3px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
      box-shadow:0 1px 2px hsla(0,0%,0%,0.15),inset 0 -1px 0 hsla(0,0%,0%,0.2);
   }

   .wizNext, .wizFinish {
      margin-left: 0;
   }

   .wizNo {
      margin-right: 0;
   }

   .wizBack {
      float: left;
   }

      .wizFinish a, .wizNext a, .wizCancel a, .wizBack a, .wizContinue a, .wizYes a, .wizNo a {
         margin: 0;
         display: block;
         background-color: inherit;
         color: #f7f7f7;
         font-size: .9375rem;
         font-weight: bold;
         cursor: pointer;
         text-align: center;
         padding: 5px 25px;
      }

      .wizFinish:hover, .wizNext:hover, .wizCancel:hover, .wizBack:hover, .wizContinue:hover, .wizYes:hover, .wizNo:hover {
         color: #fff;
         background-color:#fb7d03;
         /*border-color:#d86b03;*/
         text-decoration: none;
      }

      .wizFinish a:hover, .wizNext a:hover, .wizCancel a:hover, .wizBack a:hover, .wizContinue a:hover, .wizYes a:hover, .wizNo a:hover {
         text-decoration: none;
      }

      .wizCancel, .wizBack, .wizNo {
         background-color: #eee;
      }

      .wizCancel a, .wizBack a, .wizNo a {
         color: #555;
      }

      .wizCancel:hover, .wizBack:hover, .wizNo:hover, a.wizCancel:hover, a.wizBack:hover, a.wizNo:hover {
         background-color: #ddd;
         color: #000;
      }

   .wizInactive {
      background-color: #eee;
   }

   .wizInactive:hover {
      background-color: #ddd;
   }

   .wizInactive a {
      color: #555;
   }

   .wizInactive a:hover {
      color: #000;
   }



   .wizLabel, .wizLabelTall, .wizLabelMedium, .wizLabel-tip, .wizLabelTall-tip, .wizLabelMedium-tip {
      font-weight: normal;
      font-size: 0.8125rem;
      font-size: 0.875rem;
      vertical-align: middle;
      cursor: auto;
      word-break: normal;
   }

      span.wizLabel, span.wizLabel-tip {
         vertical-align: middle;
      }

   .wizLabel-tip:hover {
      cursor: arrow;
   }


   .wizLabel-tip:hover{
      cursor: help;
   }


      td.wizLabel, td.wizLabelTall, td.wizLabelMedium, td.wizLabel-tip, td.wizLabelTall-tip, td.wizLabelMedium-tip {
         width: 40%;
         vertical-align: middle;
         padding: 5px;
         text-align: right;
         background-color: transparent;
         /*height: 32px;*/
      }


      td.wizLabelTall, td.wizLabelTall-tip {
         height: 75px;
      }

      td.wizLabelMedium, td.wizLabelMedium-tip {
         height: 50px;
      }




   a.wizSearch, a.wizSearch:hover {
      background-color: #83A5D2;
      border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-right: solid 2px #666; border-bottom: solid 2px #666;
      cursor: pointer;
      padding: 5px 20px 5px 20px;
      /*font: normal 11px Verdana, sans-serif;  */
      font-weight: bold;
   }

   div.searchPanel {
      padding: 5px;
   }

table.searchForm {
   font-size: 100%;
   width: 100%;
}


/* standard dropdown appearance */
select.browserView {
   font-size: 10pt;
   font-weight: normal;
   color: #6C2336;
}



/* Browser Input style - view */
.browserView {
   border: solid 1px #E0DFDF;
   font-size: smaller;
}

a.menuText {
   font-size: 9pt;
   font-style: normal;
   color: #454545;
   line-height: 12pt;
   font-weight: normal;
   text-decoration: none;
   text-align: right;
}

a.menuText:visited {color: #454545}
a.menuText:hover {color: #454545}

/* Title in message/error pages */

.messageInfo {
   width: 100%;
   padding: 15px;
   font-size: .875rem;
   font-weight: 700;
}

.messageInfo i {
   padding: 0 15px 0 0;
}

.messageInfo div {
   padding: 0;
}

input.messageInfo {
   float: left;
}

.messageLink {
   font-size: .875rem;
   font-weight: 700;
   padding: 15px;
}

.messageLink a {
   cursor: pointer;
}

td.errorText {

   font-size: 9pt;
   font-weight: bold;
   line-height: 9pt;
   color: #EE0000;
   background-color: #FFFFFF;
}

/* Text in message/error pages */
font.messageText {
   font-size: 75%;
   font-style: normal;
   font-weight: bold;
   color: #454545;
   text-decoration: none;
   text-align: left;
}
a { text-decoration: none }
a:hover { text-decoration: underline }

td.AdminCalcDetails {
   font-size: 11px;
   padding: 0;
   margin: 0;
}

.WizardTableGeneric {
   width: 100%;
   color: #6C2336;
   font-size: 12px;
   font-weight: bold;
   line-height: 22px;
   background-color: #FFFFFF;
   text-align: right;
}

.WizardActionButton {
   BACKGROUND: #c2d2ee;
   FONT: 11px Verdana, sans-serif;
   PADDING-BOTTOM: 3px; PADDING-TOP: 3px;
   text-align: center;
}

td.WizardActionButton {
   BORDER-RIGHT: #666 2px solid;
   BORDER-TOP: #aaa 1px solid;
   BORDER-LEFT: #aaa 1px solid;
   BORDER-BOTTOM: #666 2px solid;
   PADDING-BOTTOM: 3px; PADDING-TOP: 3px;
   width: 75px;
}

a.WizardActionButton { color: #00C}
a.WizardActionButton:visited, a.WizardActionButton:hover { color: #FFF }

td.wizMemo {
   font-size: 10px;
   font-weight:normal;
   color: #607892;
}

input.wizInput {
   font-size: 12px;
   font-weight: normal;
   color: #607892;
}

textarea.wizInput {
   font-size: 12px;
   font-weight: normal;
   color: #607892;
}

input.wizInputAmount {
   font-size: 12px;
   font-weight: normal;
   color: #607892;
   text-align: right;
}

input.wizNumber {
   font-size: 12px;
   font-weight: normal;
   color: #607892;
   text-align: right;
}
/*VM ?? */
font.wizInput {
   font-size: 12px;
   font-weight: normal;
   color: #607892;
}
/*VM ?? */
font.wizNumber {
   font-size: 12px;
   font-weight: normal;
   color: #607892;
   text-align: right;
}

font.remarkDisabled {
   font-size: 10pt;
   font-weight: normal;
   color: gray;
}

select.wizSelect {
   font-size: 12px;
   font-weight: normal;
   color: #607892;
}

tr.wizSumHeader {
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   background-color: #5b6b91;
}

td.wizSumLeft {
   font-size: 12px;
   font-weight: bold;
   background-color: #fff;
}

tr.wizSum {
   font-size: 12px;
   font-weight: bold;
   background-color: #acaac5;
}

.wizSum {
   font-size: 12px;
   font-weight: normal;
   background-color: #fff;
}

td.wizSumRight {
   font-size: 12px;
   font-weight: normal;
   background-color: #fff;
}

table.wiz {
   width: 100%;
   background-color: #fff;
   border: 1px solid transparent;
}

.wizRadio {
   font-size: 11px;
   font-weight: normal;
   color: #454545;
}

.mandatory {
   font-weight: bold;
   color: red;
   display: inline;
   margin: auto 2px;
}

table.form {
   color: #454545;
   width: 100%;
   height: 100%;
   padding: 0;
   }

/* VM ?? */
td.control {
      font-size: 12pt;
   font-weight:bold;
   color: #454545;
   }

.CalcSummary {
   padding: 0;
   color: #454545;
   font-size: 11px;
}

/* Calculation window menutab separator and tabs */
td.calcdetailsBottomRow {
   background-color: #EEEDE9;
}

a.calcdetailsOff {
   font-size: 8pt;
   line-height: 8pt;
   font-style: normal;
   color: black;
   font-weight: bold;
   text-align: center;
}
a.calcdetailsOff:visited {color: #B2B2B2}
a.calcdetailsOff:hover {color: #B2B2B2}

font.calcdetailsOn {
   font-size: 8pt;
   line-height: 8pt;
   font-style: normal;
   color: white;
   font-weight: bold;
   text-align: center;
}
/* Browser edit controls in form view mode - no edit */
.brControl {
   color: #454545;
   height: 21;
   font-size: 10pt;
   background-color: #FFFFFF;
   padding-left: 1px;
}


td.calcTombstone {
   height: 24;
   color: #607892;
   font-size: 10pt;
   font-weight: bold;
   background-color: white;
   padding: 2px;
}

td.calcPayments {
   height: 24;
   color: #607892;
   font-size: 10pt;
   background-color: white;
   padding: 2px;
}

td.contactusLegend {
   color: #607892;
   font-size: 10pt;
   padding: 2px;
}

td.contactusSubTitle {
   height: 24;
   color: #FFFFFF;
   font-size: 10pt;
   background-color: #2d4988;
   font-weight: bold;
   padding: 2px;
}

.contactusLinks {
   color: #607892;
   font-size: 10pt;
   padding: 2px;
}

a.contactusLinks:visited { color: #607892; }
a.contactusLinks:hover { color: #607892; }

body.strip {
   background-color: #CCCCCC;
}

/* ================== Calendar ========================= */

   #calContainer {
      position : absolute;
   }

   table.calendar {
      background-color: #fff;
      width: 225px;
      border: 1px solid #b6b6b6;
      border-radius: 1px;
      box-shadow: 1px 1px 1px 1px #a5a4a4;
   }

   .calClickable, .calSelected {
      cursor: pointer;
      font-size: .75rem;
      font-weight: normal;
      text-align: center;
      padding: 2px;
   }


   div.calClickable, div.calSelected {
      color: #294C72;
   }


   div.calSelected {
      background-color: #294C72;
      color: white;
      border-radius: 3px;
   }

   a.calClickable:hover, a.calSelected:hover, div.calClickable:hover, div.calSelected:hover {
         text-decoration: none;
         color: #CB7A38;
      }

   a.calSelected:hover, div.calSelected:hover {
      color: white;
      background-color: #CB7A38;
   }

   .calLabel {
      font-size: .75rem;
      font-weight: bold;
      color: #454545;
      padding: 2px;
   }

   td.calLabel {
      padding: 7px 2px;
      color: #294C72;
   }

   td.calLabel-sel {
      color: #000;
      background-color: #294C72;
      background-color: #d4e6f9;
      background-color: #F2F2F2;
      padding: 7px 2px;
      text-align: center;
   }

   .calButton {
      font-size: .688rem;
      font-weight: bold;
   }

   .calSpacer {
      height: 10px;
   }

   a.calButton {
      padding: 5px;
      /*background-color: #e67e22;
      background-color: #F2F2F2;*/
      color: #294C72;
      color: black;
      border: 1px solid #f7f7f7;
      border-radius: 1px;
      box-shadow: 1px 1px 1px 0px #A5A4A4;

      cursor: pointer;
      text-align: center;

   }

   a.calButton:hover {
      text-decoration: none;
      background-color: #e67e22;
      color: #fff;
   }

select.calSelect {
   font-size: 0.813rem;
   font-weight: normal;
   color: #607892;
}

.calControl {
      padding: 3px 2px 3px 3px;
}
.calControl:hover {
      padding: 3px 2px 3px 3px;
box-shadow: 1px 1px 1px 1px #A5A4A4;
}



/* == subviewMenu == */

   .subviewMenu {
      letter-spacing: 1px;
      text-align: left;
   }

table.subviewMenu {
      display: block;
      position: fixed;
   left: -400px;
   visibility: hidden;
      z-index: 99;
      border: 1px solid #dad6d3;
    border-radius: 2px;
      background-color: #fff;
      color: #117280;
}

td.subviewMenu {
      width: 100%;
}

a.subviewMenu, a.subviewMenu:link, a.subviewMenu:hover, a.subviewMenu:visited {
   display: block;
      padding: 3px;
   text-decoration: none;
   text-align: left;
   font-size: .75rem;
   color: #656565;
}

a.subviewMenu:hover {
   color: #fff;
      background-color: #117280;
         background-color: #4682b4;


}




/* == actionFrame and Panel == */

.actionFrameBody {
   margin: 0;
   margin-top: 7px;
/*   height: 100%;*/
   overflow-x: hidden;
   overflow-y: hidden;
}

.actionFrame {
   margin: 0;
/*   margin-top: 7px; */
   border-right: 1px dashed #996;
   height:100%;
   width:99%;
   overflow-x: hidden;
   overflow-y: auto;
}

td.empty {
   margin: 0;
   border: 0;
   padding: 0;
   border-collapse:collapse;
}

a.actionMenu:hover { color: #454545}

.actionSelected  {
   font-size: 9px;
   font-weight: bold;
   color: #454545;
   line-height: 15pt;
}


a.actionSelected {
   color: #454545;
   font-size: 9pt;
   font-weight: bold;
   background: none;
}

a.actionSelected:hover { color: #454545}

td.Logo {
   font-size: 12px;
   color: Aqua;
   background-color: #FFFFFF;
   background-image:url(../images/logo.gif);
   background-repeat: no-repeat;
   text-align: right;
   vertical-align: middle;
   font-weight: bold;
   padding-top: 5px;
   padding-bottom: 15px;
   border-right-width:1px;
   border-right-color:black;
   border-right-style:solid;
}

/* == Details of Calculation settings == */

.doc_subParaDesc {
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

   font-size: .75rem;
   font-weight: normal;
}

td.doc_subParaDesc {
   color: Black;
   font-size: .75rem;
   font-weight: bold;
   padding-left: 7px;
   background-color: #BEBEBE;
}

/* Details of Calculation Item description STRING*/
td.doc_singleDataCellDesc {
   color: #2d4988;
   font-size: .75rem;
   text-align: left;
   border-bottom: 1px solid #d7dfee;
}

/* Details of Calculation Item description DATE*/
td.doc_singleDataCellDescD {
   color: #2d4988;
   font-size: .75rem;
   text-align: left;
   border-bottom: 1px solid #d7dfee;
}
/* Details of Calculation Item description NUMBER*/
td.doc_singleDataCellDescN {
   color: #2d4988;
   font-size: .75rem;
   text-align: left;
   border-bottom: 1px solid #d7dfee;
}
/* Details of Calculation Item description CURRENCY*/
td.doc_singleDataCellDescR {
   color: #2d4988;
   font-size: .75rem;
   text-align: left;
   border-bottom: 1px solid #d7dfee;
}


/* Data cell */

/* Details of Calculation Item data STRING*/
td.doc_singleDataCellData {
   color: Black;
   font-size: .75rem;
   font-weight: normal;
   text-align: left;
   border-bottom: 1px solid #d7dfee;
}

/* Details of Calculation Item data DATE*/
td.doc_singleDataCellDataD {
   color: Black;
   font-size: .75rem;
   font-weight: normal;
   text-align: left;
   border-bottom: 1px solid #d7dfee;
}

/* Details of Calculation Item data NUMBER*/
td.doc_singleDataCellDataN {
   color: Black;
   font-size: .75rem;
   font-weight: normal;
   text-align: left;
   border-bottom: 1px solid #d7dfee;
}

/* Details of Calculation Item data CURRENCY*/
td.doc_singleDataCellDataR {
   color: Black;
   font-size: .75rem;
   font-weight: normal;
   text-align: left;
   border-bottom: 1px solid #d7dfee;

}

/* Details of Calculation Item description STRING*/
td.doc_arrayDataCellDesc {
   color: black;
   font-size: .75rem;
   font-weight: normal;
   text-align: left;
}
/* Details of Calculation Item description STRING*/
td.doc_arrayDataCellDescS {
   color: black;
   font-size: .75rem;
   font-weight: normal;
   text-align: left;
}
/* Details of Calculation Item description DATE*/
td.doc_arrayDataCellDescD {
   color: black;
   font-size: .75rem;
   font-weight: normal;
   text-align: center;
}
/* Details of Calculation Item description NUMBER*/
td.doc_arrayDataCellDescN {
   color: black;
   font-size: .75rem;
   font-weight: normal;
   text-align: center;
}
/* Details of Calculation Item description CURRENCY*/
td.doc_arrayDataCellDescR {
   color: black;
   font-size: .75rem;
   font-weight: normal;
   text-align: center;
}


/* Data cell */

/* Details of Calculation Item data STRING*/
td.doc_arrayDataCellData {
   color: black;
   font-size: .75rem;
   text-align: left;
}

/* Details of Calculation Item data STRING*/
td.doc_arrayDataCellDataS {
   color: black;
   font-size: .75rem;
   text-align: left;
}

/* Details of Calculation Item data DATE*/
td.doc_arrayDataCellDataD {
   color: black;
   font-size: .75rem;
   text-align: right;
}

/* Details of Calculation Item data NUMBER*/
td.doc_arrayDataCellDataN {
   color: black;
   font-size: .75rem;
   text-align: right;
}

/* Details of Calculation Item data CURRENCY*/
td.doc_arrayDataCellDataR {
   color: black;
   font-size: .75rem;
   text-align: right;
}
/* Added by vadim*/
div.separator {
   margin: 0;
   padding: 0;
   height: 1px;
   line-height: 1px;
   border-top: 1px dashed #ccc;
}


/*<group=utilities>*/
#util {position: absolute; font: normal 11px Arial, sans-serif; letter-spacing: 1px; height: 23px; top: 0; left: 0; width: 100%; color: #77725C; z-index: 1;}
#util a {text-decoration: none; color: #3a3a3a; white-space: nowrap; }
#util a.thread {float: left; padding: 0 10px 0 0;}
#util form.thread {float: right; margin: 0; padding: 2px 13px 0 0; display: inline;}
#util select {font-size: 11px; margin: 0 0 0 0;}
#util .util-link {float: right; padding: 4px 13px 0 0; }
#util .util-bin {position: absolute; top: 31px; right: 0;}
.search {float: right; padding: 2px 7px 0 0;}
.search form {padding: 0; margin: 0; display: inline;}
.search .box {font-size: 10px; height: 17px; height: 12px;}
.search .button   {background:#ece3d2; font: normal 11px Verdana, sans-serif; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-right: solid 2px #666; border-bottom: solid 2px #666;}


#spacer {width: 100%; height: 20px; position: relative;}
#button {position: absolute; left: 50%; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-right: solid 2px #666; border-bottom: solid 2px #666;}
#info {width: 100%; padding: 10px 0 20px 0;}

/*<group=headings>*/
.a-head {display:inline; font:120%/110% Arial,sans-serif; margin: 0 0 .3em 0;}
h1 {font:120%/110% Arial,sans-serif; margin: 0 0 .3em 0;}
h2 {font: bold 80%/130% Verdana,sans-serif; color: #036; margin: 0 0 0.25em 0;}
h2 a {color: #422F11 !important}
.b-head {display:inline; font: bold 80%/130% Verdana,sans-serif; color: #036; margin: 0 0 0.25em 0;}
h3 {font:bold 75%/130% Verdana,sans-serif; color: #333; margin: 0 0 .1em 0;}
h3.plan {font-family: Arial, sans-serif !important; margin-bottom: 0.5em !important;}
.c-head {display: inline; font:bold 75%/130% Verdana,sans-serif; color: #333; margin: 0 0 .1em 0;}
h4 {font:bold 80%/130% Verdana,sans-serif; color: #422F11; margin: 0 0 .5em 0;}
.d-head {display:inline; font:bold 80%/130% Verdana,sans-serif; color: #422F11; margin: 0 0 .5em 0;}

h1.option2 {font:120%/110% Arial,sans-serif; margin: 0 0 .3em 0; color: #666;}
h3.option2 {font:bold 75%/130% Verdana,sans-serif; margin: 0 0 .1em 0; color: #235577;}
/*</group>*/

/*group=body copy*/

/*body {font:100% Verdana,sans-serif; margin:0px; width:100% }
blockquote {font:75%/150% Verdana,sans-serif; margin: 0 0 1.25em 0; color: #333;}
.inline {display:inline;}
.symbol {font-family:Verdana,sans-serif; font-size:75%;}
.vprop {font: 80%/150% Verdana, sans-serif; color:#666; margin: 0 0 1em 0; display: block;}
cite { font: normal 90%/150% Arial, sans-serif; margin-bottom: .5em; color: #000; display: block;}
*/

/*</group>*/

table.mainMenu {
   /*table-layout:auto;*/
   max-width: 100%;
   margin-left: 5px;
   margin-right: 7px;
   /*padding: 8px;*/
   border-collapse: collapse;
   border:0;
}
tr.mainMenu {
   position: relative;
   margin: 0;
   padding: 0;
   font: bold 11px Arial, sans-serif;
   list-style-type: none;
   /*width: 775px;*/
}
tr.mainMenu td {
   display: block;
   float: left;
   margin: 10px;
   padding: 0;
}
td.mainMenu {
   /*background-image:  url(../images/r_curve.gif);
   background-repeat: no-repeat;
   background-position: right top; */
   /*background-color: #ECECEC;*/
   background-color: #F0F0F0;
   /*border-bottom: solid 1px #fff;*/
   border-left: solid 1px #fff;
   height:18px;
   vertical-align: middle;
   min-width: 80px;
   width: 225px;
}
td.mainMenu a {
   font: bold 12px Arial, sans-serif;
   /*background-image:  url(../images/l_curve.gif);
   background-repeat: no-repeat;
   background-position: left top;*/
   /*color: #F4F1D9;*/
   color: #777777;
   width: 80%;
}

a.mainMenu {
   display: block;
   padding: 1px 5px 5px 5px;
   text-decoration: none;
   letter-spacing: 1px;
   white-space: normal;
   width: 80%;
   height:25px;
   text-align: center;
}/* Commented Backslash Hack hides rule from IE5-Mac \*/
a.mainMenu a {
   float: none;
   padding: 5px 10px 4px 10px;
} /* End IE5-Mac hack */
a.mainMenu:hover {
   text-decoration: none;
   color: #000;
}
a.mainMenu:visited {
   text-decoration: none; color: #FFF
}

table.mainMenuSelected {
   width: 100%;
   background-color: #FFF;
}
tr.mainMenuSelected {
   position: relative;
   margin: 0;
   padding: 0;
   font: bold 12px Arial, sans-serif;
   list-style-type: none;
   width: 775px;
}
tr.mainMenuSelected td {
   display: block;
   float: left;
   margin: 0;
   padding: 0;
}
td.mainMenuSelected {
   /*background-image:  url(../images/r_curve.gif);
   background-repeat: no-repeat;
   background-position: right top;*/
   background-color: #656565;
   /*border-bottom: solid 1px #656565;*/
   border-left: solid 1px #fff;
   height:18px;
    vertical-align: middle;
   min-width: 80px;
   width: 225px;
}
td.mainMenuSelected a {
   font-size: 13px;
   font-weight: bold;
   /*background-image:  url(../images/l_curve.gif);
   background-repeat: no-repeat;
   background-position: left top;*/
   color: #FFF;
   width: 80%;
}
a.mainMenuSelected {
   display: block;
      padding: 1px 5px 5px;
   text-decoration: none;
   letter-spacing: 1px;
   white-space: normal;
   width: 80%;
   height:25px;
   text-align: center;

}/* Commented Backslash Hack hides rule from IE5-Mac \*/
a.mainMenuSelected a {
   float: none;
   padding: 5px 10px 4px 10px;
} /* End IE5-Mac hack */
a.mainMenuSelected:hover {
   text-decoration: none; color: #FFF
}
a.mainMenuSelected:visited {
   text-decoration: none; color: #FFF
}

.frameTable {
   width: 100%;
   margin: 0; padding: 0; border-collapse: collapse;
   border-right: 1px solid transparent;
}


table.topPanel, table.topPanelLine {
   width: 100%;
   background: #FFF;
   border-collapse: collapse;
}

table.topPanelLine {
   margin-top: 1px;
}

td.contextName-left, td.contextName-right, td.contextName-middle, td.contextName-left-notop, td.contextName-right-notop {

   font-size: 75%;
   font-weight: bold;
   color: #000;
   vertical-align: middle;
   padding-top: 5px;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 0;
   white-space: nowrap;
   border-collapse: collapse;
}

td.contextName-right, td.contextName-right-notop {
   text-align: right;
}

td.contextName-left, td.contextName-left-notop, td.contextName-middle {
   text-align: left;
}

td.contextName-middle {
   color: #1F3664;
}

td.contextName-left-notop, td.contextName-right-notop, td.contextName-left-notop {
   font-weight: normal;
   padding-top: 3px;
   padding-left: 7px;
}

select.contextSelect {

  background: transparent;
  width: 150px;
  padding: 2px 35px 2px 5px;
  font-size: 0.875rem;
  font-weight: bold;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat #eee;
}


div.wizInstr2 {
   width: 100%;
}

.wizInstr {
   margin: 10px;
   text-align: left;
   font-size: 12px;
   font-weight: bold;
   color: #036;
}

td.wizSubsection {
   font-weight: bold;
   font-size:  0.813rem;
   padding: 10px 25px 5px 25px;
   color: #117280;
   border-bottom: 1px solid #117280;
}

   .wizSubinfo {
      margin: 15px 25px 0 25px;
      width: -moz-calc(100% - 50px);
      width: -webkit-calc(100% - 50px);
      width: -o-calc(100% - 50px);
      width: calc(100% - 50px);
   }

   .wizSubinfo p {
      font-size:  0.875rem;
      padding: 0 3px 15px 3px;
      width: 100%;
      color: #117280;
    }

   .mo-border {
      border-bottom: 1px solid #add0d1;
}

.disclaim {
   width: 100%;
   max-width: 100%;
}

.wizInfo {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 20px 20px 10px 25px;
   width: 100%;
   flex-shrink: 0; /* new */
}

.wizInfo-i {
   width: 50px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   padding-bottom: 10px;
}

.wizInfo-i:before {
   content: '\f0e6';
}

#i-info, #i-success, #i-warning {
   font-family: FontAwesome;
   font-size: 1.375rem;
   color: #0f2940;

}

#i-info:before {
   content: '\f0e6';
}

#i-warning:before {
   content: '\f071';
      color: #0f2940;
}

#i-success:before {
   font-size: 1.5rem;
   content: '\f046';
}

#t-success {
   border: none;
}

#t-warning {
   color: #c42037;
}


.wizInfo-t {
   color: #0f2940;
   width: -moz-calc(100% - 50px);
   width: -webkit-calc(100% - 50px);
   width: -o-calc(100% - 50px);
   width: calc(100% - 50px);
   padding-bottom: 10px;
   display: block;
   vertical-align: middle;
   align-items: center;

  }

.wizInfo-img {
   background-image: url(../images/info.gif);
   background-position: 7px 15px;
   background-repeat: no-repeat;
   padding-top: 10px;
   width: 35px;
   height: 35px;
}

.wizInfo-text {
   font-size: 0.813rem;
   color: #333;
   padding: 10px;
   text-align: left;
   width: -moz-calc(100% - 35px);
   width: -webkit-calc(100% - 35px);
   width: -o-calc(100% - 35px);
   width: calc(100% - 35px);

}

/* Div for bread crumb trail */

   table.bct {
      width: 100%;
   }

td.bctPastText, td.bctPresentText, td.bctFutureText {
   font-size: 0.75rem;
   padding: 3px;
   text-align: left
}

td.bctPastImage, td.bctPresentImage, td.bctFutureImage {
   width: 20px;
}

td.bctPastImage, td.bctPastText, td.bctPastConnector {
   color: #003E5D;
}

td.bctPresentImage, td.bctPresentText, td.bctPresentConnector {
   color: #E23535;
}

td.bctFutureImage, td.bctFutureText, td.bctFutureConnector {
   color: #003E5D;
}

td.bctPresentImage {
   background-image: url(../images/selbullet.gif); background-repeat: no-repeat; background-position: 7px 7px;
}

td.bctPastImage {
   background-image: url(../images/ok.gif);
   background-repeat: no-repeat;
   background-position: 7px 7px;
}

td.bctFutureImage {
   background-image: url(../images/bullet.gif); background-repeat: no-repeat;background-position: 7px 7px;
}

.searchForm, .searchSubForm {
   margin: 0;
   border: 0;
   color: #036;
   text-align: left;
}


table.searchSubForm {
   font-size: 100%;
   height: 100%;
}

td.searchForm {
   font-size: 100%;
   padding: 3px;
}

select.dualList {
   width: 175px;
}

td.dualList {
   background-color: #F0F0E6;
   padding: 10px;
   width: 120px;
}

td.dualList-center {
   padding: 5px;
   width: 85px;
   vertical-align: middle;
   background-color: #F0F0E6;
}

td.dualList-Filler {
   padding: 10px;
   vertical-align: middle;
   background-color: #F0F0E6;
}

div.dual-up, div.dual-down, div.dual-add, div.dual-remove, div.dual-addall, div.dual-removeall {
   width: 75px;
   /*padding-top: 3px;
   padding-bottom: 3px;
   display:block;
   padding-left: 9px;
   padding-right: 9px;
   padding-bottom: 1px;
   padding-top: 1px;*/
   margin: 5px 5px;
}

div.dual-up a, div.dual-down a, div.dual-add a, div.dual-remove a, div.dual-addall a, div.dual-removeall a {
   display: block;
}
a.dual-up, a.dual-down, a.dual-add, a.dual-remove, a.dual-addall, a.dual-removeall,
a.dual-up:link, a.dual-down:link, a.dual-add:link, a.dual-remove:link, a.dual-addall:link, a.dual-removeall:link
a.dual-up:visited, a.dual-down:visited, a.dual-add:visited, a.dual-remove:visited, a.dual-addall:visited, a.dual-removeall:visited {
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

   font-size:  0.813rem;
   font-weight: bold;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
   box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
   background-color: #C2D2EE;
   color: #000;
   text-decoration: none;
   text-align: center;
   padding: 5px 5px;
   cursor: pointer;
}

a.dual-up:hover, a.dual-down:hover, a.dual-add:hover, a.dual-remove:hover, a.dual-addall:hover, a.dual-removeall:hover {
background-color: #B1C8EF;
   text-decoration: none;
}

div.dual-addall, div.dual-removeall {
   display: none;
}

/*---------------------- wizValue ---------------------------*/

.wizValue, .wizValueAmount, .wizSubValue, .wizSummary {
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;
   font-size: 0.813rem;
   font-size: 0.875rem;
   font-weight: normal;
}

   td.wizValue, td.wizSummary {
      width: 60%;
      vertical-align: middle;
      min-height: 35px;
      padding: 5px;
      background-color: #fcfaf9;
   }


   input.wizValue, input.wizValueAmount {
      margin: 3px;
      border: 1px solid #A6A6A6;
      color: #000;
      padding: 5px;
      border-radius: 1px;
      overflow: hidden;
      vertical-align: middle;
      width: auto;
      height: 30px;
      max-width: 100%;
      box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 14%);
   }

   .wizValue input[type=number] {
      width: 75px;
   }

   input.wizValue:hover:enabled, input.wizValueAmount:hover:enabled, select.wizValue:hover:enabled, textarea.wizValue:hover:enabled {
      border: 1px solid #0e1438;
   }

   select.wizValue {
      margin: 3px;
      border: 1px solid #A6A6A6;
      color: #000;
      border-radius: 1px;
      padding: 5px 3px;
      vertical-align: middle;
      width: auto;
      max-width: 100%;
      box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 14%);
      min-width: max-content;
   }

   textarea.wizValue {
      margin: 3px;
      width: -moz-calc(100% - 10px);
      width: -webkit-calc(100% - 10px);
      width: -o-calc(100% - 10px);
      width: calc(100% - 10px);
      border: 1px solid #A6A6A6;
      color: #000;
      padding: 0 4px;
      border-radius: 1px;
      white-space: pre-line;
      /*white-space: pre-wrap;*/
      word-wrap: break-word;
      text-align: left;
      resize: vertical;
      overflow: auto;

   }

   .mo-vertical-resize {
      resize: vertical;
   }




.wizSubValue {
   background-color: #fff;
   padding-left: 2px;
   margin-left: 5px;
}

.wizValueAmount {
   text-align: right;
}

.wizSummary {
      font-weight: bold;
      padding-left: 10px;
      vertical-align: middle;
}

.wizSummaryTall {
   vertical-align: middle;
}

.wizSummarySubhead {
   font-weight: bold;
   font-size:  0.813rem;
   padding: 5px 10px;
   background-color: #117280;
   color: #fff;
   width: 100%;
}

/* span.wizSummary, span.wizValue {
   padding: 7px 10px 7px 0px;
   padding-left: 0;
} */

table.wizBody td {
   padding: 5px;
}

td.wizText, td.wizText-bold {
   font-size: 0.8125rem;
   font-weight: normal;
   padding: 10px;
   color: #003E5D;
}

td.wizText-bold {
   font-weight: bold;
   color: #000;
}

/* ------------------------ formview Value ------------------------*/

   td.formviewLabel {
         width: 25%;
         font-weight: normal;
         font-size: 0.813rem;
         vertical-align: middle;
         color: #000;
         padding: 7px;
         text-align: right;
         vertical-align: top;
         border-bottom: 1px solid #DCDCDC;
         border-right: 1px solid #DCDCDC;
         border-bottom: none;
      }

   td.formviewValue {
      font-weight: normal;
      font-size: 0.813rem;
      vertical-align: middle;
      padding: 7px;
      text-align: left;
      background-color: #f7f7f7;
      background-color: #fff;
   }

   .formeditValue,  .formviewLabel-tip, .formviewLabel2, .formviewValue, .formviewValue-long, .formviewValue-board {
      font-weight: normal;
      font-size: 0.813rem;
   }

   table.formviewBody {
      width: 100%;
   }


td.formeditValue {

   vertical-align: top;
   padding: 5px;
   text-align: left;
   background-color: #f7f7f7;
}

td.formviewLabel-tip, td.formviewLabel2, td.formviewLabel-board {
   width: 20%;
   /*min-width: 153px;*/
   color: #000000;
   background-color:#D5E9F2;
   padding: 4px 7px;
   text-align: right;
   vertical-align: top;
   border-bottom: 1px solid #DCDCDC;
   border-right: 1px solid #DCDCDC;
}


td.formviewLabel2 {
   width: 50%;
}
td.formviewLabel-tip {
/* color: #00F;   */
   cursor: default;
}

td.formviewValue-long, td.formviewValue-board {
   color: #454545;
   background-color: #FFF;

   text-align: left;
   vertical-align: top;
   padding: 4px 7px;
  }


td.formviewValue-long {
 padding-top: 0;
    margin-top: 0;
    vertical-align: top;
}

a.formviewLabel-tip:link, a.formviewLabel-tip:hover, a.formviewLabel-tip:visited, a.formviewLabel-tip:active {
   text-decoration: none;
   cursor: default;
/* color: #83A5D2;   */
}

a.formviewValue-long {
   /*font: 100% Verdana, Arial, sans-serif;*/
   color: #454545;
   background-color: #FFF;
}

   input.formeditValue {
      border: 1px solid #A6A6A6;
      color: #000;
      padding: 1px 1px 1px 5px;
      border-radius: 1px;
         vertical-align: middle;
   }

   input.formeditValue:hover {
      border: 1px solid #FF91A6;
   }

   select.formeditValue {
      margin-left: 0;
      border: 1px solid #A6A6A6;
      color: #000;
      padding: 1px;
      border-radius: 1px;
         vertical-align: middle;
   }

   select.formeditValue:hover {
      border: 1px solid #FF91A6;
   }

   textarea.formeditValue {
      margin-left: 0;
      border: 1px solid #A6A6A6;
      color: #000;
      padding: 1px;
      border-radius: 1px;
         vertical-align: middle;
   }

   textarea.formeditValue:hover {
      border: 1px solid #FF91A6;
   }

   span.formeditValue, span.formeditValue-bold {
      margin-left: 5px;
   }

a.formeditValue {
   margin-left: 1px;
   padding-left: 1px;
}


/* *************************** import.jsp *****************/


   .file_submit {
      float: left;
   }

   .file_button {
         margin: 0 10px;
         font-size: .875rem;
         font-weight: 700;
         font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

         color: #FBFFFF;
         background-color: #f48c30;
         background-color: #59B259;
         /*background-color: #117280;*/
         background-color: #98A4B1;
         background-color: #AC7588;
         background-color: #7BA995;
         background-color: #98A4B1;
         display: inline-block;
         padding: 5px 10px;
         border-radius: 2px;
         box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
         cursor: pointer;
         vertical-align: middle;
   }

       .file_button:focus, .file_button:hover {
           background-color: #e67e22;
           background-color: grey;
           background-color: #8a95a0;
           color: #fff;
      }

.file_hidden {
   font-size: 45px;
   position: absolute;
   right: 0;
   top: 0;

   opacity: 0;
   filter: alpha(opacity=0);
   -ms-filter: "alpha(opacity=0)";
   -khtml-opacity: 0;
}

/******************** end ****************************/
table.wizPanel {
   position: relative;
   width: 100%;
   background: #FFF;
   margin: 0;
   border-collapse: collapse;
   padding: 0;
   border-top: 1px solid #000;
}

td.wizFrame {
   vertical-align: top;
   margin: 0;
   border: 0;
   border-collapse: collapse;
   width: 100%;
   padding-right: 13px;
   padding-top: 5px;
}

td.bctFrame {
   vertical-align: top;
   margin-right: 0;
   border: 0;
   border-collapse: collapse;
   padding-right: 10px;
   padding-left: 10px;
   padding-top: 5px;
}


td.wizHeadTitle {
   font-size: 14px;
   color: #000;
   margin: 0;
   padding-left: 4px;
   padding-top: 5px;
   padding-bottom: 5px;
   border-top: 2px solid #B6B6B6;
   border-left: 1px solid #B6B6B6;
   border-right: 1px solid #B6B6B6;
   width: 100%;
}

td.wizHeadTrail {
   margin: 0;
   padding: 0;
   border: 1px solid #B6B6B6;
   width: 100%;
   height: 20px;
}

.wizBreak {
   margin: 0;
   padding: 0;
   border: 0;
   height: 0;
}

td.wizHidden {
   border: 0;
   padding: 0;
   height: 0;
}

td.wizardLabel {
   margin: 0;
   padding: 0;
   border: 0;
   width: 35%;
}

.wizFootNav {
   width: 100%;
   color: #6C2336;
   font-size: 12px;
   font-weight: bold;
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

   background-color: #FFFFFF;
   text-align: right;
   padding-top: 3px;
}

body.wizMain {
   margin: 0;
   padding-left: 12px;
   border: 0;
   border-collapse: collapse;
   border: 1px solid #B6B6B6;
   width: 50%;
}

.clear { clear: both;}


.wizFootNavLeft, .wizFootNavRight, .wizFootNavMiddle, .wizFootNavMiddle2, .wizFootNavMiddle input {
   border: 0;
   margin: 0;
   font-size: 11px;
   color: #000;
   padding-bottom: 1px;
   padding-top: 1px;
   display:inline;
   /*background-color: #B8D745; */
   background-color: #83A5D2;
   background-color: #fd9734;
   color: #fff;
   /* background-color: transparent;*/
   background-color: #f08e2b;
   font-size: 0.8125rem;

}

div.wizFootNavLeft, div.wizFootNavRight  {
   /* border-top: solid 1px #aaa; 
   border-left: solid 1px #aaa; 
   border-right: solid 2px #666; 
   border-bottom: solid 2px #666; */
   margin-left: 9px;
   float: right;
   width: 100px;
   border-radius: 3px;
   box-shadow: 0 1px 2px hsl(0deg 0% 0% / 15%), inset 0 -1px 0 hsl(0deg 0% 0% / 20%);
   width: auto!important;
   padding: 2px 20px;
}

div.wizFootNavLeft {
   float: right;
}

div.wizFootNavRight {
   float: right;
}

div.wizFootNavLeft {
   /*float: left;*/
   margin-left: 0;
}

div.wizFootNavLeft a, div.wizFootNavRight a, div.wizFootNavMiddle a {
   display: block;
}

div.wizButton, div.wizButtonWide {
   display: block;
   padding: 3px 6px;
   width: 60px;
   margin: 2px 10px;
   text-align: center;
   vertical-align: middle;
      background-color: #f48c30;
      border-radius: 2px;
      -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
      box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
}
div.wizButtonWide {
   width: 175px;
}

a.wizButton, a.wizButtonWide {
   font-size: 11px;
   font-weight: bold;
   background-color: transparent;
   color: #f7f7f7;
   text-decoration: none;
   cursor: pointer;
}

.wizButton:hover, .wizButtonWide:hover, .wizFootNavLeft:hover, .wizFootNavRight:hover, .wizFootNavMiddle:hover {
   background-color: #e67e22;
   text-decoration: none;
   color: #fff;
}

span.wizFootNavMiddle a.wizFootNavMiddle {padding-bottom: 0;   }


span.wizFootNavMiddle, span.wizFootNavMiddle2 {
   width: 100px;
   text-align: center;
   display: block;
   border-collapse: collapse;
   border-top: solid 1px #AAA; border-left: solid 1px #AAA; border-right: solid 2px #666; border-bottom: solid 2px #666;
   text-align: center;
   padding-top: 2px;
   padding-bottom: 2px;
}

span.wizFootNavMiddle2 {
   padding-top: 4px;
   padding-bottom: 4px;
}

input.wizFootNavMiddle, button.wizFootNavRight, button.wizFootNavLeft {
   text-decoration: none;
   font-weight: bold;
   color: #000;
}

a.wizFootNavLeft, a.wizFootNavRight, a.wizFootNavMiddle, input.wizFootNavMiddle, button.wizFootNavRight,  button.wizFootNavLeft  {
   text-align: center;
   padding: 5px 0;
   cursor: pointer;
}
.wizError {
   font-size: .8125rem;
   font-weight: bold;
   color: #000;
   vertical-align: middle;
}

.wizError {
   background-color: #FDE366;
   background-color: #F7D2B2;
   border-top: #F4420C 1px solid;
   border-bottom: #F4420C 1px solid;
}


div.wizError {
   background-image: url(../images/error.gif); background-repeat: no-repeat; background-position: 7px 10px;
   padding: 10px 0 10px 35px;
   width: 100%;
}


div.wizError-field {
   background-color: #FDE366;
   background-color: #F7D2B2;
   background-image: url(../images/error.gif); background-repeat: no-repeat; background-position: 17px 2px;

   border-top: #F4420C 1px solid;
   border-bottom: #F4420C 1px solid;
   color: #B3453B;
   color: black;
   font-weight: bold;
   vertical-align: top;
   text-indent: 30px;
}


li.formError-field, .formSevere-field, .formWarning-field, .formInfo-field {
   width: 100%;
   background-color: #8DA7C8;
   padding: 0 10px 10px 10px;
}

.formWarning-field {
   background-color: #8DA7C8;
}

.formInfo-field {
   background-color: #fefcf3;
}

li.formError-field, li.formSevere-field, li.formWarning-field, li.formInfo-field {
   list-style-type: none;
   font-size: 0.8125rem;
   font-weight: bold;
   color: #000;
   display: flex;
   justify-content: left;
   align-items: center;
   padding: 5px;
   margin-bottom: 2px;
}

li.formWarning-field {
   color: #b3453b;
}

li.formInfo-field {
   color: #004d73;
}

li.formError-field:before, li.formSevere-field:before, li.formWarning-field:before {
   content: '\f056';
   font-family: 'FontAwesome';
   font-size: 1.25rem;
   padding: 0 10px 0 0;
   color: #c9302c;
}

li.formWarning-field:before {
   content: '\f071';
   font-size: 1.1875rem;
   color: #b3453b;
}

li.formInfo-field:before {
   content: '\f0e5';
   font-size: 1.1875rem;
   color: #004d73;
}




      .upload {
         vertical-align: middle;
      }

      body.upload {
         height: auto;
         overflow: visible;
      }

       .upload-input {
         width: 0.1px;
         height: 0.1px;
         opacity: 0;
         overflow: hidden;
         position: absolute;
         z-index: -1;
       }

       .upload-input + label {
         font-size: .875rem;
         font-weight: 700;
         font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

         color: #FBFFFF;
         background-color: #f48c30;
         background-color: #59B259;
         /*background-color: #117280;*/
         background-color: #98A4B1;
         background-color: #AC7588;
         background-color: #7BA995;
         background-color: #98A4B1;
         display: inline-block;
         padding: 5px 10px;
         border-radius: 2px;
         box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
         cursor: pointer;
         vertical-align: middle;
       }

       .upload-input:focus + label, .upload-input + label:hover {
           background-color: #e67e22;
           background-color: #8a95a0;
           color: #fff;
      }

      .upload-input + i {
         color: #fff;
      }


      .upload-confirm {
         margin: 7px 0 0 0;
         font-size: 0.8125rem;
         font-weight: 400;
         font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

         color: #000;
         vertical-align: middle;
         padding: 5px 3px;
      }

      div.upload-confirm{
         width: 100%;
         height: 100%;

      }

      .upload-confirm>span>span {
         color: #98A4B1;
         padding: 0 10px;
      }

/* ================================================== grid ============================= */

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

   .divContainer.gc-nonmodal {
   /* width: 750px;*/
   }

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

   div.divLogo {
      position: fixed;
      width: 100%;
      height: 50px;
      background-image: url(../images/Cpaslogo40.gif);
      background-position: 5px 5px;
   }

   div.divEmbeded {
      position: fixed;
      margin-top: 50px;
      width: 100%;
      height: -moz-calc(100% - 50px);
      height: -webkit-calc(100% - 50px);
      height: -o-calc(100% - 50px);
      height: calc(100% - 50px);
   }


   div.divPopup   {
      position: relative;
      display: block;
      float: left;
      width: 100%;
      height: 100%;
      padding: 5px;
   }

   div.wizPrimary {
      overflow-x: visible;
      overflow-y: hidden;
      overflow-x: auto;
      overflow-y: auto;
      max-height:100%;
      width: 100%;
      height: calc(100% - 2px);
      /* width: calc(100% - 2px); */
      width: 100%;
   }

   .Primary {
      overflow-x: visible;
      overflow-y: auto;
      background-color: transparent;
      height: 100%;
      width: 100%;
   }

   p.Primary {
      position:relative;
      overflow: hidden;
   }

   .PrimaryForm {
      background-color: transparent;
      overflow: auto;
      height: 100%;
   width: 100%;
   }

   .Secondary {
      background-color: transparent;
      overflow-x: visible;
      overflow-y: auto;
      height: 100%;
      width: 100%;
   }

   p.Secondary {
      position:relative;
      overflow: hidden;
   }

   .SecondaryForm {
      background-color: transparent;
      overflow-x: visible;
      overflow-y: auto;
      height: 100%;
      width: 100%;
      max-height: none!important;
  }

   .divDivider {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 15px;
      padding: 15px 0;
      cursor: row-resize;
      text-align: center;
      background-color: transparent;
   }

   .divDivider p {
      width: -moz-calc(50% - 25px);
      width: -webkit-calc(50% - 25px);
      width: -o-calc(50% - 25px);
      width: calc(50% - 25px);
      height: 2px;
      cursor: row-resize;
   }

   .divDivider p:first-child {
      background-image: -moz-linear-gradient(left, #F4F4F4 0%, #748DAA 100%);
      background-image: -ms-linear-gradient(left, #F4F4F4 0%, #748DAA 100%);
      background-image: -webkit-linear-gradient(left, #F4F4F4 0%, #748DAA 100%);
   }

   .divDivider p:nth-of-type(2n) {
      background-image: -moz-linear-gradient(left, #748DAA 0%, #F4F4F4 100%);
      background-image: -ms-linear-gradient(left, #748DAA 0%, #F4F4F4 100%);
      background-image: -webkit-linear-gradient(left, #748DAA 0%, #F4F4F4 100%);
   }

   .divDivider.gc-nonmodal p:first-child {
      background-image: -moz-linear-gradient(left, #fff 0%, #969494 100%);
      background-image: -ms-linear-gradient(left, #fff 0%, #969494 100%);
      background-image: -webkit-linear-gradient(left, #fff 0%, #969494 100%);
   }

   .divDivider.gc-nonmodal p:nth-of-type(2n) {
      background-image: -moz-linear-gradient(right, #fff 0%, #969494 100%);
      background-image: -ms-linear-gradient(right, #fff 0%, #969494 100%);
      background-image: -webkit-linear-gradient(right, #fff 0%, #969494 100%);
   }

   .divDivider i {
      color: #637B96;
      padding: 5px;
      font-size: .750rem;
   }

   .divDivider.gc-nonmodal i {
      color: #969494;
      color: #845968;
   }

   .divDivider p:hover {
      opacity: 0.75;
   }

   /* ============== grid ================= */


   .subfooter  {
      width: 100%;
      background-color: #fcfaf9;
   }

thead.gridBody
{
   height:20px;
   min-height:20px;
   max-height:20px;
}

    .gridSubFoot, .gridSubHeadPag, .gridSubHead3, .gridSummary, .gridInfo
   {
      font-size: .875rem;
   }

   a.gridSubHead {
      cursor: pointer;
   }

   div.gridSubFoot {
      float: inherit;
   }

   div.extra_footer {
      float: inherit;
   }

   div.gridInfo {
      display: block;
      position: relative;
      float: left;
      width: 100%;
      background-color: #F5F6C7;
      color: #333;
      cursor: pointer;
   }

   .gridInfo p{
      padding: 5px;
      color: #333;
      font-weight: normal;
      margin: 0;
   }


   table.gridBody  {
      width: 100%;
   }
   tr.gridBody {
      border-bottom: 1px solid #CCC;
      font-size: 0.875rem;
   }

table.gridSubFoot {
   background-color: #F0F0F0;
   border-bottom: 1px solid #B6B6B6;
}

.gridError {
   margin: 0;
   border: 0;
   border-collapse: collapse;
   padding: 0;
}

table.gridSubHead {
   width: 100%;
   border-left: 1px solid #B6B6B6;
   border-right: 1px solid #B6B6B6;
   border-top: 1px solid  #B6B6B6;
   border-bottom: 1px solid  #B6B6B6;
   height: 30px;
}

td.gridSubHead {
   font-size: 100%;
   padding-left: 7px;
}

td.gridSubHeadPag {
   text-align: right;
   padding-right: 7px;
   color: #000;
}

.fa-control {
         font-size: 16px;
         background-color: white;
         color: black;
         vertical-align: middle;
         padding-left: 5px;
         color: #003366;
}

table.gridSummary {
   width: 100%;
   border-collapse: collapse;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 10px;
   background-color: #FFF;
}


td.gridSubTitle {
   padding: 5px 0;
   vertical-align: middle;
   border: 1px solid #B6B6B6;
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

      font-size:  0.75rem;
      font-weight: bold;
   color: #000000;
   background-color: #ECECEC;
   background-color:#B5B5B7;
   width: 100%;

}


a.gridLink {
   font-style: normal;
   font-weight: normal;
   color: #5959FF;
   text-decoration: underline;
}

a.gridLink:hover {
   color: #0000CE;
}

   .ico-bck-none {
    color: transparent;
   }

   .ico-bck-oran {
      color: #fc8a1b;
   }

   .wizWarn {
      background-color: #8DA7C8;
      width: 100%;
   }

   .wizWarn div {
      font-size: .9125rem;
      font-weight: bold;
      color: #333;
      padding: 15px;
   }

   .wizWarn p {
      font-size: .875rem;
      font-weight: normal;
      color: #333;
      padding: 15px 0;
   }

   .wizWarn div:nth-child(1) {
      padding: 5px 0;
   }

   .wizLine {
      margin: 0 15px 0 15px;
      border-top: 1px solid #8DA7C8;
      width: -moz-calc(100% - 30px);
      width: -webkit-calc(100% - 30px);
      width: -o-calc(100% - 30px);
      width: calc(100% - 30px);
   }


.msgErr  {
   border-color: #F4420C;
   background-color: #F7D2B2;
   color: #000;
   }
.msgWarn {
   border-color: #CCAE69;
   border-color: #BAB57A;
   background-color: #F9EAAF;
   background-color: #F5F7C8;
   color: #333;
   }
.msgInfo {
   border-color: #CCCC99;
   background-color: #F5F6C7;
   color: #333;
   }

.msgInstr {
   border-color: #CCCC99;
   background-color: #F5F6C7;
   color: #333;
   }

table.msgErr, table.msgWarn, table.msgInfo {
   width: 100%;
   border-style: solid;
   border-width: 1px 0;
   margin: 0;
}

table.msgInstr {
   width: 100%;
   border-style: solid;
   border-width: 1px 0;
}

.msgInstr2 {
   border-color: #8DA7C8;
   background-color: #8DA7C8;
   color: #333;
}
table.msgInstr2 {
   width: 100%;
   border-style: solid;
   border-width: 1px 0 0 0;
   margin: 0;
   padding: 0;
}

td.msgErrTxt, td.msgWarnTxt, td.msgInfoTxt, td.msgInfoTxt2, td.msgInstr-txt {
   font-size: .833rem;
   color: #333;
   padding: 10px;
   font-weight: bold;
   background-position: center;
}

td.msgErrTxt a, td.msgWarnTxt a, td.msgInfoTxt a {
   cursor: pointer;
}

td.msgInfoTxt2 p {
   font-size: .75rem;
   color: #333;
   padding: 10px;
   font-weight: normal;
   background-color: transparent;
}

td.spacer {
   width: 25px;
   height: 15px;
}
td.msgErrImg, td.msgWarnImg, td.msgInfoImg, td.msgInstr-img {
   width: 25px;
   height: 15px;
   background-position: 10px;
   background-repeat: no-repeat;
}

td.msgErrImg {background-image: url(../images/error.gif)}
td.msgWarnImg {background-image: url(../images/warning.gif)}
td.msgInfoImg {background-image: url(../images/info.gif)}

td.msgInstr-img { background-image: url(../images/info.gif);}
td.msgInstr-txt { font-weight: normal; }

td.msgErrSubTxt, td.msgWarnSubTxt, td.msgInfoSubTxt {
   font-size: .833rem;
   font-weight: normal;
   padding-bottom: 7px;
   padding-left: 3px;
}

*.msgReg {
   font-weight: normal;
   font-size: 80%;
}

div.tooltip {
   position: absolute;
   visibility: hidden;
   z-index: 888;
   max-width: 250px;
   background-color: #fff;
   border: 1px solid #fff;
   border-radius: 2px;
   box-shadow: 2px 2px 3px 1px #A5A4A4;
}

.tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

div.tooltipHead {
   width: 100%;
   padding: 5px;
   color: #422F11;
}

div.tooltipBody {
   width: 100%;
   padding: 5px;
   color: #4c4c4c;
}

div.tooltipFooter {
   width: 100%;
}

.tooltipHeadText, .tooltipBodyText {
   font-size: .688rem;
   font-weight: bold;
}

.tooltipBodyText {
   font-weight: normal;
}

div.tooltipBodyText {
   border-top: 1px solid #117280;
   padding-top: 3px;
}

.navGuide {
   PADDING-RIGHT: 0; PADDING-LEFT: 0; PADDING-BOTTOM: 0; MARGIN: 0; PADDING-TOP: 0; BORDER-BOTTOM: #996 1px solid; BACKGROUND-COLOR: #f7f7e8
}
.navGuide H3 {
   PADDING-RIGHT: 7px; PADDING-LEFT: 5px; FONT-SIZE: 75%; PADDING-BOTTOM: 7px; MARGIN: 0; COLOR: #996; PADDING-TOP: 7px
}
.guideHed {
   PADDING-RIGHT: 7px; PADDING-LEFT: 5px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; BORDER-BOTTOM: #663 1px solid; BACKGROUND-COLOR: #e2dfbc
}
.guideHed H2 {
   MARGIN: 0; COLOR: #663
}
.navGuide DL.arrow {
   PADDING-RIGHT: 0; PADDING-LEFT: 5px; FONT-SIZE: 75%; PADDING-BOTTOM: 0; MARGIN: 0 0 1em 2px; LINE-HEIGHT: 150%; PADDING-TOP: 0;
}
.navGuide P {
   PADDING-RIGHT: 7px; PADDING-LEFT: 5px; PADDING-BOTTOM: 7px; PADDING-TOP: 0;
}
.navGuide P {
   COLOR: #4c4c4c;
}

.mainCalcPopup {
   width: 100%;
}

.mainCalc {
   width: 100%;
}


   .calcHeader {
      float: left;
      margin: 0 5px;
      width: -moz-calc(100% - 10px);
      width: -webkit-calc(100% - 10px);
      width: -o-calc(100% - 10px);
      width: calc(100% - 10px);
   }

.calcSubject {
   float: left;
   font-size:  0.875rem;
   font-weight: bold;
   padding: 2px 5px;
}

div.calcUtils {
   position: relative;
   display: block;
   float: right;
   padding: 2px 5px;
}

div.calcTabs {
   float: left;
   width: 100%;
   background-color: #E4E3D6;
}

div.calcDetails {
   float: left;
   margin: 0 5px;
   width: -moz-calc(100% - 10px);
   width: -webkit-calc(100% - 10px);
   width: -o-calc(100% - 10px);
   width: calc(100% - 10px);
}

.calcMenu, .calcMenuSelected {
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

   font-size:  0.75rem;
   font-weight: bold;
   color: #003E5D;
}

div.calcMenu, div.calcMenuSelected {
   position: relative;
   display: inline-block;
   float: left;
   padding: 10px;
}
/*
div.calcMenuSelected {
   background-color: #003E5D;
}*/

a.calcMenu, a.calcMenuSelected {
   padding: 10px;
}

a.calcMenuSelected:link, a.calcMenuSelected:hover, a.calcMenuSelected:active, a.calcMenuSelected:visited {
   text-decoration: none;
   background-color: #003E5D;
   color: white;
}

a.calcMenu:hover {
   text-decoration: none;
   color: #FFF;
}

ul ul, ol ul {list-style-type: disc;}

table.lNav {
   width: 152px;
   margin-top:   -3px;
   margin-left:  3px;
   margin-right: 5px;
   margin-bottom:5px;
   padding: 0;
}

div.longList {
   position: absolute;
   border: none;
   z-index: 100;
   background-color: white;
}

select.longList {
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

   font-size: 12px;
   font-weight: normal;
   color: #454545;
   background-color: #FFF;
   padding-left: 2px;
   margin-left: 5px;
}

table.wizdual {
   width: 99.7%;
   background: #FFF;
   margin: 0 6px 0 6px;
   border-collapse: collapse;
   padding: 0;
   border: 1px solid #B6B6B6;
}

.dual {
   color: #022335;
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;
   font-weight: normal;
   background-color: #F0F0E6;
   padding: 0;
   border: 0;
   margin: 0;
   border-collapse: collapse;
}

table.dual {
   padding: 5 10 10 10;
   margin: 0 6px 0 6px;
   vertical-align: top;
}

td.dual {
   padding-left: 5px;
   padding-bottom: 5px;
}

table.dual-properties {
   vertical-align: top;
   text-align: left;
   margin: 0 0 0 8px;
   padding: 0;
   border-collapse: collapse;
   border-left: 1px solid #B6B6B6;
   border-right: 1px solid #B6B6B6;
   border-bottom: 1px solid #B6B6B6;
}

td.dual-properties {
   padding: 10px;
   vertical-align: top;
   background-color: #F0F0E6;
}

td.dual-properties-label {
   width: 45%;
   min-width: 153px;
   color: #022335;
   font-size: 80%;
   font-weight: normal;
   background-color: #ECECEC;
   background-color: #F0F0F0;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 7px;
   padding-left: 7px;
   text-align: right;
   border-bottom: 1px solid #CCC;
   border-right: 1px solid #CCC;
   border-left: 1px solid #CCC;
}

.dual-properties-value {
   font-size: 12px;
   font-weight: normal;
   color: #454545;
   padding-left: 2px;
   margin-left: 5px;
   vertical-align: middle;
}

td.dual-properties-head {
   border: 1px solid #B6B6B6;
   border-top: 2px solid #B6B6B6;
   background-color: #FFF;
   vertical-align: top;
   font-size: 80%;
   font-weight: bold;
   padding-left: 4px;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #000;
   margin: 0;
}

td.dualHeadInstr {
   font-size: 80%;
   font-weight: bold;
   padding-left: 5px;
   padding-top: 5px;
   padding-bottom: 25px;
   color: #000;
   margin: 0;
   width: 100%;
}

td.dualLabel, td.dualValue {
   color: #022335;
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

   font-weight: normal;
   font-size: 80%;
   padding-bottom: 4px;
   padding-right: 5px;
   text-align: right;
   vertical-align: top;
}

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

table.dualFoot {
   margin: 0 6 0 6px;
   width: 100%;
   background-color: #FFFFFF;
   text-align: right;
   padding-top: 10px;
}



span.optMarker {
   padding-left: 3px;
   color: #000000;
   vertical-align: bottom;
}

span.browserSummary {
   top: 0;
   left: 0;
   background-image: url(../images/sigma.gif);
   background-repeat: no-repeat;
}

td.browserSummary {
   text-align: right;
}

td.tooltipBody {
   text-align: right;
   font-size:70%/130%;
   font-weight: normal;
   color: #4c4c4c;
}

div.previewList {
   position: absolute;
   border: 1px solid #ccc;
   visibility: hidden;
   display: block;
   z-index: 80;
   /*width: 25px; */
   background-color: #fff;
}

a.wizLinkButton {
   border: 0;
   margin: 0;
   font-size: 11px;
   color: #000;
   cursor: default;
   padding-left: 9px;
   padding-right: 9px;
   padding-bottom: 1px;
   padding-top: 1px;
   display:inline;
   background-color: #C2D2EE;
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: #666666;
   border-right-style: solid;
   border-right-width: 2px;
   border-right-color: #666666;
}


div.eventNN {
   position: absolute;
   top: 1px;
   right: 3px;
   width:  14px;
   height: 13px;
}

div.eventOK {
   position: absolute;
   top: 1px;
   right: 3px;
   background: url(../images/succeeded.gif) no-repeat;
   width:  14px;
   height: 13px;
}

div.eventNO {
   position: absolute;
   top: 1px;
   right: 3px;
   background: url(../images/failed.gif) no-repeat;
   width:  14px;
   height: 13px;
}

div.eventRS {
   position: absolute;
   top: 1px;
   right: 3px;
   background: url(../images/restricted.gif) no-repeat;
   width:  14px;
   height: 13px;
}

div.eventPN {
   position: absolute;
   top: 1px;
   right: 3px;
   background: url(../images/pending.gif) no-repeat;
   width:  14px;
   height: 13px;
}

div.eventOD {
   position: absolute;
   top: 1px;
   right: 3px;
   background: url(../images/overdue.gif) no-repeat;
   width:  14px;
   height: 13px;
}

table.tabs {height: 22px; margin-left: 5px; padding: 0; border-collapse: collapse; border:0}
tr.tabs {position: relative; margin: 0; padding: 0; font: normal 11px Verdana, Arial, sans-serif; list-style-type: none; width: 775px;}
tr.tabs td {display: block; float: left; margin: 0; padding: 0;}
td.tabs {background-image:  url(../images/r_curve.gif); background-repeat: no-repeat; background-position: right top; background-color: #77725C; border-bottom: solid 1px #fff; width: 10%; }
td.tabs a {font: normal 11px Arial, sans-serif; background-image:  url(../images/l_curve.gif); background-repeat: no-repeat; background-position: left top; color: #F4F1D9; width: 10%; }
a.tabs {display: block; float: left; padding: 5px 10px 4px 10px; text-decoration: none; letter-spacing: 1px; white-space: nowrap; width: 10%; }/* Commented Backslash Hack hides rule from IE5-Mac \*/
a.tabs a {float: none; padding: 5px 10px 4px 10px; } /* End IE5-Mac hack */
a.tabs:hover { text-decoration: none; color: #FFF}
a.tabs:visited { text-decoration: none; color: #FFF}

tr.tabsSelected {position: relative; margin: 0; padding: 0; font: normal 11px Arial, sans-serif; list-style-type: none; width: 775px;}
tr.tabsSelected td {display: block; float: left; margin: 0; padding: 0;}
td.tabsSelected {color: #000; background-image:  url(../images/r_curve.gif); background-repeat: no-repeat; background-position: right top; background-color: #FFF; border-bottom: solid 1px #FFF; width: 10%; }
td.tabsSelected a {color: #000; font: bold 11px Arial, sans-serif; background-image:  url(../images/l_curve.gif); background-repeat: no-repeat; background-position: left top; color: #FFF; width: 10%; }
a.tabsSelected {color: #000; display: block; float: left; padding: 5px 10px 4px 10px; text-decoration: none; letter-spacing: 1px; white-space: nowrap; width: 10%; }/* Commented Backslash Hack hides rule from IE5-Mac \*/
a.tabsSelected a {color: #000; float: none; padding: 5px 10px 4px 10px; } /* End IE5-Mac hack */
a.tabsSelected:hover { text-decoration: none; color: #000}
a.tabsSelected:visited { text-decoration: none; color: #000}
table.tabsSelected {
   width: 100%;
   height: 25px;
   background-color: #FFF;
}

.editBoxInitialStyle{
   font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

   border:1px solid white;
   background-color:white;
   font-size:12px;

}
.editBoxInitialStyleHeader{
   border:1px solid white;
   background-color:white;
   font-size:14px;
   color:#1F3664;
   font-weight:bold;
   width:305px;
   padding-bottom:5px;
}

#calTable{
   background:white;
}

.card-container {
  cursor: pointer;
  height: 150px;
  perspective: 600;
  position: relative;
  width: 300px;
  margin: 5px;
}

.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 2s ease-in-out;
  width: 100%;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  border-radius: 3px;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.card .back {
  transform: rotateY(180deg);
}

div.reportpdf {
    border: 1px solid #656565;
    width : 100%;
    height : 775px;
}

div.modalDialog {
   display : none;
   max-width : 1000px;
}

.fa-cpas-m-teal {
      font-size: 0.925rem;
      font-weight: normal;
      color: #003E5D;
      vertical-align: middle;
      padding: 5px;
   }

.wizRetModSummary {
   border: 1px solid pink;
}

div.table-responsive {
    width: 100%;
    margin-bottom: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .bottomBorder {border-bottom:1px solid #808285;}

.graphAdj {width:450px; overflow:auto; overflow-y:hidden; height:auto; padding-right:20px;}

.memRetBenefit1{background-color:#058DC7 !important;width:20px;height:20px;float:right}
.memRetBenefit2{background-color:#50B432 !important;width:20px;height:20px;float:right}
.memRetBenefit3{background-color:#ED561B !important;width:20px;height:20px;float:right}
.memRetBenefit4{background-color:#DDDF00 !important;width:20px;height:20px;float:right}
.memRetBenefit5{background-color:#24CBE5 !important;width:20px;height:20px;float:right}
.memRetBenefit6{background-color:#64E572 !important;width:20px;height:20px;float:right}
.memRetBenefit7{background-color:#FFF263 !important;width:20px;height:20px;float:right}

.tableSubjectDetails {
   background-color: none;
   white-space: pre-wrap;
}

/* ==================== Grid ===================== marian*/

   div.totalHead {
      position: relative;
      display: block;
      float: left;
      width: 100%;
      height: 100%;
      background-color: #003e5d;
      padding: 8px 10px;
   }

   .grid {
      width: 100%;
      overflow: auto;
      background-color:transparent;
   }

   div.gc-none, div.gc-checklist, div.gc-search, div.gc-task, div.gc-notify, div.gc-calen {
      border-radius: 1px;
   }

   .grid.gc-notify p {
      height: 100%;
   }

   .grid.gc-board {
      overflow-x: hidden;
      padding-bottom: 5px;
   }

   .grid.gc-nonmodal {
      background-color: #fff;
   }



   .gridHead {
      width: 100%;
   }

   .gridHead p {
      display: inline;
      vertical-align: middle;
   }

   .gridHead i {
      display:  inline;
      font-size: 115%;
      padding-left: 5px;
      vertical-align: middle;
   }

   div.gc-none.gridHead {
      background-color: #117280;
      background-color: #4682b4;
      background-color: #a8353a;
      background-color: #149fd9;
      background-color: #087482;
      background-color: #17305e;
      padding: 12px;
   }

      p.gc-none.gridHead {
         background-color: transparent;
         border: none;
         font-size: .875rem;
         font-weight: bold;
         color: #fff;
      }

      p.gridHead.mo-compress, p.gc-none.gridHead.mo-expand {
         float: right;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 30px;
         height: 30px;
         color: #f2f2f2;
         border-radius: 50%;
         transition: opacity .75s cubic-bezier(0.4,0.0,0.2,1);
         cursor: pointer;
      }

      p.gridHead.mo-compress:hover, p.gc-none.gridHead.mo-expand:hover {
         background-color: #376891;
         /*background-color: #f2f2f2;*/
         /*filter: brightness(85%);*/
         color: #fff;
      }

      p.gridHead.mo-compress.gc-nonmodal:hover, p.gc-none.gridHead.mo-expand.gc-nonmodal:hover, p.gc-none.gridHead.mo-close.gc-nonmodal:hover {
         background-color: #724c59;
         color: #fff;
      }


      #gridHead.gc-checklist {
         background-color: #ededef;
         padding: 7px 10px;
         border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
      }

      #gridHead.gc-search, #gridHead.gc-task, #gridHead.gc-notify {
         background-color: #bf7d4a;
         color: #fff;
         padding: 7px 10px;
         cursor: move;
      }


      #gridHead.gc-notify.gc-calen {
         background-color: #1abc9c;
         padding: 15px 15px 10px 15px;
      }

      #gridHead.gc-notify.gc-calen p {
         font-size: 1.0rem;
      }

      #gridHead.gc-nonmodal {
         background-color: #969494;
         background-color: #98A4B1;
         background-color: #845968;
         color:#000;
         cursor: move;
      }

      #gridHead.gc-notify {
         background-color: #FA3E3E;
         background-color: tomato;
/*         display: flex;
         vertical-align: middle; */
      }

      #gridHead.gc-expand {
         background-color: red;
         color: #000;
         padding: 7px 10px;
         border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
      }


      #gridHead.gc-board {
         background-color: inherit;
         color: inherit;
         padding: 8px;
         text-shadow: none;

         font-size: 1.5rem;
         padding: 8px 8px 20px;
      }

      #gridHead.gc-checklist p {
         background-color: transparent;
         font-size: .813rem;
         font-weight: bold;
         color: #002d42;
         margin: 10px;
      }


      #gridHead.gc-search p, #gridHead.gc-task p, #gridHead.gc-notify p {
         background-color: transparent;
         border: none;
         font-size: .813rem;
         font-weight: bold;
         color: #fff;
         display: inline;
      }

	div.panelHead {
      background-color: #149fd9;
	width: 100%;
}

   #gridHead.gc-board p, .panelHead.gc-board p {
      font-size:  .9375rem;
      font-weight: bold;
      text-decoration: none;
      color: #5F7688;
      color: #fff;
      background-color: #149fd9;
      padding: 8px 10px;
   }

   div.summaryBody {
      position: relative;
      width: 100%;
      font-size: 0.75rem;
   }
   div.gridSubHead {
      float: left;
      width: 100%;
      background-color: #fff;
      padding: 5px;
   }

   .gridSubHead-main span {
      border-radius: 3px;
      background-color: transparent;
      padding: 5px 10px;
      cursor: pointer;
      font-size: 0.875rem;
   }

   .gridSubHead-main span i {
      padding: 0 5px;
   }

   .gridSubHead-page {
      font-size: 0.875rem;
   }

   .gridSubHead a, .gridSubHead-main a, .gridSubHead-page a {
      font-size: 0.875rem;
      text-decoration: none;
      color: #0f2940;
      padding: 5px;
      }

   .gridSubHead-main span:hover, .gridSubHead-main a:hover {
         background-color: #f7e9e3;
         color: #c42037;
   }

      .gridSubHead a:hover {
         color: #c42037;
      }

      .gridSubHead p {
         display: inline;
         font-size: 0.8125rem;
         padding: 7px;
      }

      div.gridSubHead-main, div.gridSubHead-page {
         display: inline-block;
         float: left;
      }

      div.gridSubHead-page {
         float: right;
      }

/*
#BOARD_M4 {
    color: #7d8e82;
    font-size: 1.5rem;
}
*/

/* temporary */

#BOARD_M4_0_GHEAD, #BOARD_M7_inner_title, #DEMO2 .gridHead.gc-board, #BOARD_M41_0_GHEAD.gridHead.gc-board,
#BOARD_M35_0_GHEAD.gridHead.gc-board, #BOARD_M21_0_GHEAD.gridHead.gc-board, #BOARD_M15_0_GHEAD.gridHead.gc-board {
   display: none;
} 

.inner-G .fmvBody.gc-board {
   overflow: hidden;
}

#BOARD_M21_inner .grid.gc-board {
   padding-bottom: 25px;
}

#BOARD_M23_0_GHEAD_TITLE {
   padding: 15px 0;	
}

div.fmvLabel.lp-lr.gc-board {
padding: 5px 10px;
}

/* REMOVING SET HEIGHT OF CONTACT KCERA BOARD
#DEMO3 {
   height: 279px;
}
*/


   /* ====================  grid body ==================== */

   body.gridWiz {
      width: 100%;
      height: auto;
   }

   div.gridPopup {
      margin: 5px;
      width: -moz-calc(100% - 10px);
      width: -webkit-calc(100% - 10px);
      width: -o-calc(100% - 10px);
      width: calc(100% - 10px);
      overflow: auto;
   }

   div.gridBody {
      float: left;
      max-height: 100%;
      width: 100%;
      border: 1px solid transparent!important;
   }

      .gridColLabel {
         font-size: 0.8125rem;
         font-size: 0.875rem;
         font-weight: 600;
         text-align: center;
         padding: 7px 3px;
      }

      .gridColLabel.gc-none {
         background-color: #fcfaf9;
         color: #000;
         vertical-align: middle;
      }


      .gridColLabel.gc-none a {
         text-decoration: none;
         padding: 0;
         cursor: default;
         color: #000;
      }


      .gc-checklist tr td.gridColLabel {
         background-color: #fff;
         background-color: #fcfaf9;
         text-align: left;
         padding: 7px 0;
      }
      
      td.gridColLabel.gc-none {
         border-bottom: 1px solid #DEDEE6;
      }

      td.gridColLabel.gc-none.mo-radio {
         width: 50px;
      }

      .gc-search tr td.gridColLabel, .gc-task tr td.gridColLabel, gc-notify tr td.gridColLabel {
         background-color: #f2eeea;
         border-bottom: 1px solid grey;
         /*height: 34px;      */
         padding: 7px 0;
         text-align: center;
      }

      .gc-board tr td.gridColLabel {
               font-size: 0.8125rem;
               background-color: #d5e9f2;
               background-color: transparent;
               border-bottom: 1px solid #FCFAF9;

               color: inherit;
               padding: 1px 0;
               text-align: center;
	line-height: normal;	
            }

      .gc-board tr td.gridColLabel a {
         color: #5F769B;
         font-size: 0.813rem;
         font-weight: bold;
      }

      .gc-board tr td.formviewLabel, .gc-board tr td.formviewValue {
               background-color: transparent;
               color: inherit;
               border: none;
      }

            .gc-board2 tr td.formviewLabel, .gc-board2 tr td.formviewValue {
                     background-color: transparent;
                     color: inherit;
                     border: none;
      }

      .gc-board tr td.formviewLabel {
         width: 50%;
         width: 35%;
      }
         .gc-board2 tr td.formviewLabel {
            padding-left: 30px;
            width: 35%;
            text-align: left;
         }

         .gc-board tr td.formviewValue {
            /*font-weight: bold; */
         }

      .gc-checklist tr td.gridColLabel a {
         font-size: 0.75rem;
         font-weight: bold;
         color: #000;
         margin-left: 10px;
      }

      .gc-search tr td.gridColLabel a, .gc-task tr td.gridColLabel a,  .gc-notify tr td.gridColLabel a {
         font-size: 0.813rem;
         font-weight: normal;
         color: #000;
         margin-left: 10px;
      }


   .gridText {
      font-size: 0.8125rem;
      font-weight: normal;
      text-align: left;
      padding: 10px 5px;
   }

   .gridText.gc-none {
      background-color:#fcfaf9;
      color: #000;
      vertical-align: middle;
   }

   .gridText.gc-none.mo-radio {
      width: 50px;
	   }

   .gridText.gc-none a {
      color: #000;
      color: #037baa;
      color: #4682b4;	
  }

   .gc-checklist tr td.gridText {
      background-color: transparent;
      color: #000;
   }

   .gc-nonmodal tr td.gridText {
      background-color: transparent;
      font-size: 0.75rem;
   }


   .gc-checklist tr:nth-child(odd), .gc-checklist tr:nth-child(even) {
      background-color: #fff;
   }

   .gc-checklist tr:nth-child(odd):hover, .gc-checklist tr:nth-child(even):hover {
      background-color: #DFE5E8;
   }
   .gc-none tr:nth-child(odd)  {
      background-color: #fff;
   }

   .gc-none tr:nth-child(even) {
      background-color: #dedee6;
      background-color: #f2f2f7;
      background-color: #fff;
   }

   .gc-none tr:nth-child(odd):hover, .gc-none tr:nth-child(even):hover {
      background-color: #dfe5e8;
   }


   .gc-search tr:nth-child(odd), .gc-task tr:nth-child(odd), .gc-notify tr:nth-child(odd)  {
      background-color: #fff;
   }

   .gc-search tr:nth-child(even), .gc-task tr:nth-child(even), .gc-notify tr:nth-child(even) {
      background-color: #f9f9f9;
   }

   .gc-search tr:nth-child(odd):hover, .gc-search tr:nth-child(even):hover, .gc-task tr:nth-child(odd):hover, .gc-task tr:nth-child(even):hover, .gc-notify tr:nth-child(even):hover {
      background-color: #dfe5e8;
   }


   td.gc-none.formviewLabel {
         background-color:#D5E9F2;
         background-color:#fff;
      }

   td.gc-none.formviewValue {
      background-color: #f7f7f7;
         background-color:#fff;
   }

   .mo-close, .mo-pin {
      height: 30px;
      width: 30px;
      cursor: pointer;
      float: right;
      vertical-align: middle;
      text-align: center;
         border-radius: 50%;
      display: flex;
         color: #f2f2f2;
      line-height: 30px;
   }

   .mo-close-space {
      margin-right: 3px;
      margin-top: 7px;
   }

      .mo-help {
         cursor: help;
      }

      .mo-caption {
         color: #117280 !important;
      }
      .mo-tomato {
         color: #ff6347 !important;
      }

      .mo-bold {
         font-weight: bold;
         font-size: 100%;
         color: #117280;
      }

      .mo-small {
         font-weight: normal;
         font-size: 75%;
         color: #117280;
      }

      .mo-close:before, .mo-pin:before, .mo-compress:before, .mo-expand:before{
         font-family: FontAwesome;
         font-size: 0.9125rem;
      }

      .mo-close:before {
         content: "\f057";
         font-size: 1.1875rem;
      }

      .mo-pin:before {
         content: "\f08d";
         font-size: 1.1875rem;
      }

      .mo-compress:before {
         content: "\f066";
      }

      .mo-expand:before {
         content: "\f065";
      }

      p.mo-close:hover:before, p.mo-pin:hover:before  {
         /*filter: brightness(85%);*/
         color: #fff;
      }

      .mo-tooltip a {
         cursor: help;
      }

      .mo-compress:hover:before, .mo-expand:hover:before {
         color: #fff;
      }

      .mo-superscript:hover {
         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
      }

      .mo-superscript {
         position: relative;
         /* top: -.4rem; */
         font-size: 120%;
         color: #003E5D;
         cursor: help;
         color: #117280;
         padding: 5px;
      }

      .mo-boxShadow, .mo-boardShadow {
         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
         transition: box-shadow 50ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
         border-radius: 1px;
      }

      .mo-boxModifier {
      }

      .mo-cssboxModifier {

      }

      .mo-popShadow {
         border-radius: 1px;
         transition: box-shadow 50ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
         box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px -4px, rgba(0, 0, 0, 0.15) 0px 8px 24px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
      }

      .mo-noScroll {
         overflow: hidden;
      }


      /*.mo-boardShadow {
         box-shadow: 3px 3px 3px 1px #A5A4A4;
         border-radius: 1px;
      }
      */

      .mo-boardShadow:hover {
         box-shadow: 3px 3px 3px 1px #938f8f;
         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.36), 0 1px 5px 0 rgba(0, 0, 0, 0.4);
      }


      body.mo-backGround {
         background-color: #F1EDEA;
      }

      div.mo-backGround {
         background-color: inherit;
      }

      .mo-radio {
         background-color: transparent;
         text-align: center;
         max-width: 50px;
      }

      .mo-check {
         background-color: transparent;
         text-align: center;
         padding: 7px 0;
      }

      .mo-white {
         color: #fff;
      }

      .mo-light {
         color: #f7f7f7;
      }

      .mo-blue {
         color: #003E5D;
         color: #117280;
      }

      .mo-green {
         color: #1ABC9C;
      }

      .mo-black {
         color: #262424;
      }

      .mo-dark {
        color: #6e6e6e;
      }

      .mo-left {
         margin-left: 10px;
      }

      .mo-grey {
         color: #565656;
      }

      .mo-red, .mo-E {
         color: #B3453B;
      }


 /* ===== overrides ===== */

   .highcharts-container{
      float:right!important;
      /*margin-left: 0!important;
      margin-right: 0!important;
      width: 100%!important;*/
   }

   .ui-accordion .ui-accordion-header {
      font-size: 0.8125rem;
      font-weight: bold;
      border-left: none;
      border-right: none;
   }
   .ui-accordion .ui-accordion-content {
      padding: 0;
      border: none;
      overflow: auto;
   }

   .ui-corner-top {
      border-top-left-radius: 1px;
      border-top-right-radius: 1px;
   }

   .ui-corner-all {
      border-radius: 2px;
   }


   .ui-dialog, .ui-dialog-content {
       box-sizing: content-box;
   }

   .ui-dialog.cpas, .ui-dialog.cpas-footer {
      padding: 0;
         border-radius: 1px;
         border: none;
         transition: box-shadow 50ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
         box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px -4px, rgba(0, 0, 0, 0.15) 0px 8px 24px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
      background-color: #fff;
   }


   .ui-dialog.cpas .ui-dialog-titlebar {
         padding: .4rem .5rem;
         font-size: .875rem;
         border: none;
         float: none;
      }

      .ui-dialog.cpas .ui-widget-header {
         background: none;
         color: #000;
         font-weight: bold;
         background: #a0d8ef; /* Old browsers */
         background: #f7cda5;
      }

      .ui-dialog.cpas .ui-dialog-title {
         margin: 0;
         width: 90%;
      }

      .ui-dialog.cpas .ui-dialog-content, .ui-dialog.cpas-footer .ui-dialog-content {
         padding: 1px;
         width: 100%;
         border: none;
      }

      .ui-dialog.cpas .ui-dialog-buttonpane {
         clear: left;
         width: 100%;
         margin-top: 0;
         padding: .25rem;
         border-width: 0;
      }

      .ui-dialog .ui-dialog-buttonpane {
         clear: left;
         width: 100%;
         margin-top: 0;
         padding: .25rem;
         border-width: 0 0 0 0;
      }

      .ui-dialog.cpas .ui-dialog-buttonpane .ui-dialog-buttonset {
         float: right;
      }
      .ui-dialog.cpas .ui-dialog-buttonpane button {
         margin: .35rem;
      }



   .ui-widget-content.cpas .ui-state-default {
      border: 0px solid #d3d3d3;
      background: #117280 50% 50% repeat-x;
      font-size: 0.875rem;
      font-weight: bold;
      color: #fff;
   }

   .ui-dialog.cpas .ui-widget-header {
      color: #fff;
      font-weight: bold;
      font-size: 1rem;
      padding: 10px;
      background: #002449;
   }

   .ui-dialog.cpas {
      background: #fff;
   }

   .ui-dialog.cpas-footer .ui-widget-header {
      color: #fff;
      font-weight: bold;
      font-size: 20px;
      padding: 10px;
      background: #327599;
      background: #000;
   }

   .ui-dialog.cpas-footer {
      background: #000;
   }

   .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
         font-family: FuturaBT-Light, sans-serif;
	font-family: 'Montserrat', sans-serif;

         font-size: 0.875rem;
   }


/* =========================================================================== media ========================================================================== */

/* ===================================================================== medium (M) media ===================================================================== */

@media screen and (min-width: 991px) and (max-width: 1199px) {


   .mo-pclock {
      background-image: url(../images/time-small.jpg);
   }


      p.boardMessage {
         display: none;
   }


   .o_2t4b-top, .o_2t4b-bottom, o_2t4b-bottom2, .o_1t3b-bottom, .o_2t2b-top, .o_2t2b-bottom,  .o_3t1b-top, .o_3t2b-top, .o_3t2b-bottom {
      display: block;
   }

   .o_1t3b-b, .o_1t3b-c, .o_1t3b-d {
      display: block;
      width: 100%;
      margin-bottom: 10px;
   }

   .o_2t4b-a, .o_2t4b-b, .o_2t4b-c, .o_2t4b-d, .o_2t4b-e, .o_2t4b-f, .o_2t2b-a, .o_2t2b-b, .o_2t2b-c, .o_2t2b-d, .o_3t1b-a, .o_3t1b-b, .o_3t1b-c, .o_3t2b-a, .o_3t2b-b, .o_3t2b-c, .o_3t2b-d, .o_3t2b-e {
      display: block;
      width: 100%;
      margin-bottom: 10px;
   }

}


/* ===================================================================== small (S) media ===================================================================== */

@media screen and (min-width: 769px) and (max-width: 990px) {

   div.eventMenu {
      display: block;
      width: 250px;
      background-color:#fcfaf9;
      margin: 5px 15px 5px 5px;
    }

   .utilities {
      display: block;
   }

      .toolHome {
         padding: 10px 5px;
      }

      div.toolMenu {
         padding: 7px;
      }

      .toolMenu a {
         padding: 3px;
         font-size: .81125rem;
      }


   p.boardMessage {
      display: none;
   }

   .mo-pclock {
      background-image: url(../images/time-small.jpg);
   }

   div.mbSlider {
      display: none!important;
   }


   .o_2t4b-top, .o_2t4b-bottom, o_2t4b-bottom2, .o_1t3b-bottom, .o_2t2b-top, .o_2t2b-bottom {
      display: block;
   }

   .o_1t3b-b, .o_1t3b-c, .o_1t3b-d  {
      display: block;
      width: 100%;
      margin-bottom: 10px;
   }

   .o_2t4b-a, .o_2t4b-b, .o_2t4b-c, .o_2t4b-d, .o_2t4b-e, .o_2t4b-f, .o_2t2b-a, .o_2t2b-b, .o_2t2b-c, .o_2t2b-d {
      display: block;
      width: 100%;
      margin-bottom: 10px;
   }



}

/* ===================================================================== extra-small (X) media ===================================================================== */

@media screen and (max-width: 768px) {


   body {
    -webkit-text-size-adjust: 100%;
   }

   div.holder-2 {
      height: 225px;
   }

   .middle-container {
      width: 100%;
      margin: 0;
   }

   .middle-content {
      width: 100%;
      margin: 0;
      padding: 5px 0;
   }

   div.eventMenu {
      display: none;
      width: 0;
      margin: 0;
    }


   div.mainPanel {
      width: 100%!important;
      margin: 0;
   }

   .mo-boxModifier {
      border: none;
   }

   .mbfooter {
      display: block;
      margin: 0;
      width: 100%;
   }

   .mbfootholder {
      width: 100%;
      background-color: #32495b;
   }

   .terms {
      display: none;
   }


  select, textarea, input {
    /*font-size: 1rem !important;*/
    font-size: 1rem;
  }

   .scrolldiv {
      -webkit-overflow-scrolling: touch;
   }

   .identity {
      display: none;
   }
/*
   .utilities {
      display: none;
   }
*/
   div.btGroup {
      min-height: 125px;
   }

   .btImage h2 {
      font-size: 0.925rem;
   }

   .mo-piggies {
         background-image: none;
      }

   div.outer-S:hover {
      box-shadow: none;
   }


   div.inner-G div {
      display: none;
   }


   .btGroup ul  {
      margin-left: 40%;
   }
   
   section#vpos-R, section#vpos-C {
		/* margin-top: 35px; */
	}
	
	.message-bottom {
		font-size: 1rem;		
		display: block;
		position: absolute;
		z-index: 100;
		top:0;
   }
   /*
   #vpos-L, #vpos-C, #vpos-R {
      background-color: #fff;
   }
   */
   div.btLink, div.btDefault, div.btMedia, div.btSummary, div.btBrowser, div.btGraph, div.btGroup {
      box-shadow: none;
   }

   .mo-expand {
      display: inline-block;
   }

   .mo-colapse {
      display: inline-block;
   }

   .mo-expand

   .btDefault a:hover div, .btLink a:hover div, .btGroup a:hover div {
      visibility: hidden;
   }

   .mo-pclock {
      background-image: url(../images/time-small.jpg);
   }


   .pct00, .pct90, .pct80, .pct70, .pct60, .pct50, .pct40, .pct30, .pct20, .pct10,  .pct90-, .pct80-, .pct70-, .pct60-, .pct50-, .pct40-, .pct30-, .pct20-, .pct10- {
      width: 100%;
   }

   .pct2 {
      display: none;
   }

   .sp-100, .sp-66, .sp-50, .sp-33, .sp-25 {
      flex-grow: 1;
      flex-basis: 100%;
   }
   /*
   .top, .boardtop {
      display: none;
   }
   */
	.boardsubtop {
		height:0;
	}
	div#TOOL_MENU {
		display:none;
	}
	.boardmessage {

		display: block;
		position: relative;
		padding: 15px 0;
		width: 768px;
		bottom: 40px;
		left: 50%;
		transform: translateX(-20%);
	}
   .mbtop {
      display: flex;
      height: 60px;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      overflow: hidden;
      background-color: #32495B;
   }

   .mb-top-left, .mb-top-right {
      display: block;
      float: left;
      padding: 0 10px;
      align-self: center;
   }

   .mb-top-right  {
      float: right;
   }

   .mb-top-logo {
      position: relative;
      display: inline-block;
      float: left;
      cursor: pointer;
      height: 47px;
      width: 100px;
      /*background: url(../images/Cpaslogo40.gif) no-repeat center center;*/
      background: none;
      margin-top: 5px;
   }

      .toolMenu {
         /* display: block;
         float: left; */
         display: flex;
         align-items: center;
         padding: 10px;
      }

      .toolMenu {
         font-size:  0.875rem;
      }

   div.toolMenuItem, div.toolMenuItemHead {
      position: relative;
      display: block;
      float: left;
      width: 100%;
      height: 35px;
      text-align: left;
      padding: 5px 0 5px 0;
   }

   div.toolMenuItemHead {
      padding: 15px 0 0 10px;
      background-color: #32495B;
      height: 60px;
      color: #FFA500;
   }


   .toolMenu a  {
      display: inline-block;
      float: left;
      height: 100%;
      width: 100%;
      text-decoration: none;
      text-align: left;
      vertical-align: middle;
   }

   .toolMenu i {
      float: left;
      vertical-align: middle;
      width: 2.5rem;
      cursor: pointer;
      padding: 3px 10px;
   }

   p.boardMessage {
      display: none;
   }


   div.divLogin {
      border: none;
      margin: 10px 0;
      top: 0;
      left: 0;
   }

/*
   .subLogin {
      width: 420px;
      border-radius: 3px;
      text-align: center;
      padding: 20px 5px;
      margin-left: 55%;
      margin-right: 10%;
      background-color: #fff;
   }
*/
   .subLogin {
      border: none;
      margin: auto;
      padding: 0;
   }

   body.logged-out {
      background-position: 0 0;
      background-image: none;
      background-size: 0 0;
      background-color: #fff;
   }



   input.loginButton {
      padding: 15px;
   }



   input.loginForget, input.loginRegister {
      margin: 10px 2px;
      padding: 10px;
   }


   div.expandBoard {
      display: inline-block;
   }

   div.colapseBoard {
      display: inline-block;
   }

   div.divEvent {
      display: none;
   }



   div.divNav {
      display: none;
   }

   div.rotaryMenu {
      display: block;
   }

   div.rotary-container {
      width: 100%;
      height: 100%;
      padding: 10px 0;
      list-style: none;

      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;

      -webkit-flex-flow: row wrap;
      justify-content: space-around;
      justify-content: center;
   }

   .rotary-item {
      padding: 3px;
   }

   .rotary-text {
      font-size: 0.875rem;
      padding: 5px;
   }

   div.rotary-selected {
      margin-top: 10px;
      display: flex;
      justify-content: center;
      width: 100%;
   }
/*
   div.rotaryPagination {
      width: 100%;
      height: 100%;
      text-align: center;
      vertical-align: middle;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      z-index: 10;
}
*/

div.rotaryPagination-active, div.rotaryPagination-inactive {
   margin: 0 5px;
   display: inline-block;
   width: 15px;
   height: 15px;
   border-radius: 100%;
   cursor: pointer;
}

div.rotaryPagination-active {
   opacity: 1;
   background-color: #ed7e17;
}

div.rotaryPagination-inactive {
   opacity: .6;
   background-color: #F18F2A;
}


.actionButton {
   display: flex;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   background-color: rgb(44,108,128);
   background-color:#CE7D3D;
}

   .actionButton::before {
     content: "+";
     height: 50px;
     width: 50px;
     font-size: 50px;
     display:flex;
     flex-direction:row;
     align-items:center;
     justify-content:center;
     font-weight:bold;
     color:white;
   }


   div.mbFooter {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 50px;
      display: block;
      background-color: #32495B;
    }

   .footer {
      display: none;
    }


   textarea.formeditValue {
      margin-left: 0;
      border: 1px solid #A6A6A6;
      color: #000;
      padding: 1px;
      border-radius: 1px;
         vertical-align: middle;
   }

   textarea.formeditValue:hover {
      border: 1px solid #FF91A6;
   }

   span.formeditValue, span.formeditValue-bold {
      margin-left: 5px;
   }

      div.gc-none.gridHead {
         padding: 8px 10px;
      }

      p.gc-none.gridHead {
         font-size: .813rem;
         font-weight: bold;
      }


      td.gc-none.formviewLabel {
         font-size: 0.875rem;
         background-color:#f5f5f5;
         background-color:#fff;
         border-right: none;
         border-bottom: 1px solid #e1e1e1;
         border-bottom: none;
         width: 40%;
         color: #000;
      }

      td.gc-none.formviewValue {
         font-size: 0.875rem;
         border-right: none;
         border-bottom: 1px solid #e1e1e1;
         color: #7f7f7f;
         text-align: left;
         padding-right: 10px;
      }

      td.gc-none.formeditValue {
         border-right: none;
         border-bottom: 1px solid #e1e1e1;
         color: #7f7f7f;
         text-align: left;
         padding-right: 10px;
      }


      input.gc-none.formeditValue {
         font-size: 0.875rem;
         border: none;
         color: #000;
         background-color: inherit;
         padding: 1px 1px 1px 5px;
         vertical-align: middle;
         text-align: left;
         width: 100%;
         -webkit-appearance: none;
         color: #7f7f7f;
      }

      input.gc-none.formeditValue:hover {
         border: 1px solid #FF91A6;
      }


      select.gc-none.formeditValue {
         font-size: 0.875rem;
         margin-left: 0;
         border: 1px solid #A6A6A6;
         color: #000;
         vertical-align: middle;
         background-color: inherit;
         border: none;
         text-align: left;
         text-shadow: none;
         width: 100%;
  -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
         color: #7f7f7f;
      }

      select.formeditValue:hover {
         border: 1px solid #FF91A6;
      }


/*

   a.cl-img {
      display: none;
   }

   .mandatory {
      display: none;
   }
*/


         /* div.wizHead {
            background-color: #e1e1e1;
            background-color: #117280;
            padding: 8px 10px;
         } */

         p.wizHead {
            font-size: .813rem;
            background-color: transparent;
            /* font-weight: bold; */
            /* color: #000; */
         }

   td.wizLabel {
      font-size: 0.875rem;
  /*    border-bottom: 1px solid #e1e1e1; */
      width: 40%;
      color: #000;
      /* display: inline-block; */
      padding: 5px 3px;
   }

   td.wizSummary  {
      /* width: -moz-calc(60% - 5px);
      width: -webkit-calc(60% - 5px);
      width: -o-calc(60% - 5px);
      width: calc(60% - 5px); */
      width: 100%;
      /* border-bottom: 1px solid #e1e1e1; */
      display: inline-block;
      padding: 5px 3px;
   }

   td.wizValue {
      width: 100%;
   }


      input.wizValue {
         /* font-size: 0.875rem;
         border: none;
         color: #000;
         background-color: inherit;
         padding: 2px 0;
         vertical-align: middle;
         text-align: left; */
         width: 100%;
         /* -webkit-appearance: none;
         color: #7f7f7f; */
      }

         select.wizValue {
            /* padding: 2px;
            font-size: 0.875rem; */
            margin-left: 0;
            /* border: 1px solid #A6A6A6;
            color: #000;
            vertical-align: middle;
            background-color: inherit;
            border: none;
            text-align: left;
            text-shadow: none; */
            width: 100%;
            /* -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            color: #7f7f7f; */
      }

   .o_2t4b-top, .o_2t4b-bottom, o_2t4b-bottom2, .o_1t3b-bottom, .o_2t2b-top, .o_2t2b-bottom {
      display: block;
   }

   .o_1t3b-b, .o_1t3b-c, .o_1t3b-d  {
      display: block;
      width: 100%;
      margin-bottom: 10px;
   }
   .o_2t4b-a, .o_2t4b-b, .o_2t4b-c, .o_2t4b-d, .o_2t4b-e, .o_2t4b-f, .o_2t2b-a, .o_2t2b-b, .o_2t2b-c, .o_2t2b-d {
      display: block;
      width: 100%;
      margin-bottom: 10px;
   }

   .divNotifications {
      top: 100px;
      left:15px;
      width: -moz-calc(100% - 30px);
      width: -webkit-calc(100% - 30px);
      width: -o-calc(100% - 30px);
      width: calc(100% - 30px);
      min-height: 300px;
      min-width: 300px;
   }


   .divBroadcast {
      top: 100px;
      left:15px;
      width: -moz-calc(100% - 30px);
      width: -webkit-calc(100% - 30px);
      width: -o-calc(100% - 30px);
      width: calc(100% - 30px);
      min-height: 300px;
      min-width: 300px;
   }

  .pct00, .pct90, .pct80, .pct70, .pct60, .pct50, .pct40, .pct30, .pct20, .pct10, .pct95, .pct85, .pct75, .pct65, .pct55, .pct45, .pct35, .pct25, .pct15, .pct5 .pct90-, .pct80-, .pct70-, .pct60-, .pct50-, .pct40-, .pct30-, .pct20-, .pct10-, .pct95-, .pct85-, .pct75-, .pct65-, .pct55-, .pct45-, .pct35-, .pct25-, .pct15-, .pct5-, .pct2 {
   width: 100%;
   /* gap: 35px; */
  }

   .gridColLabel.gc-none {
      vertical-align: text-top;
      text-align: center!important;
   }

}


/* ======================================================== end of media =============================================================*/

@media screen and (max-width: 550px) {

	.message-bottom {
		font-size: 0.875rem;
	}
	
	.boardmessage {
		display: block;
		position: relative;
		padding: 15px 0;
		width: 300px;
		bottom: 35px;
		left: 5%;
		transform: translateX(-20%);
   }
}

@media (min-width: 655px) and (max-width: 991px) {
   .dataTable1 {min-width:400px;}
   .dataTable2 {min-width:400px;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */

.fa-outline {
      color: #fff;
      text-shadow: -1px -1px 0 #999,
            1px -1px 0 #999,
           -1px 1px 0 #999,
            1px 1px 0 #999;
   }

}


.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup .popuptext {
    position: absolute;
    visibility: hidden;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 2px;
    padding: 8px 0;
    z-index: 10;
    margin-top: 10px;
    border: 1px solid #060708;
}


.popuptext:after, .popuptext:before {
    content: " ";
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 10%;
    border: solid transparent;
}


.popuptext:after {
   border-color: rgba(135, 135, 135, 0);
   border-bottom-color: #fff;
   border-width: 5px;
   margin-left: -5px;
}
.popuptext:before {
   border-color: rgba(6, 7, 8, 0);
   border-bottom-color: #060708;
   border-width: 6px;
   margin-left: -6px;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* removes button box, used in view CV$REGTEST_RUN */
button.NoButton {
  border: none;
  background-color: transparent;
}


/* blinking code... @group Blink used in view CV$REGTEST_RUN */
.blink {
   -webkit-animation: blink 1s linear infinite;
   -moz-animation: blink 1s linear infinite;
   -ms-animation: blink 1s linear infinite;
   -o-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;
}
@-webkit-keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 1; }
   50.01% { opacity: 0; }
   100% { opacity: 0; }
}
@-moz-keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 1; }
   50.01% { opacity: 0; }
   100% { opacity: 0; }
}
@-o-keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 1; }
   50.01% { opacity: 0; }
   100% { opacity: 0; }
}
@keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 1; }
   50.01% { opacity: 0; }
   100% { opacity: 0; }
}
/* end of blinking stuff */

.a-PercentBar {
  height: 1.5em;
  width: 100%;
  background-color: #CFDEF0;
  position: relative;
}

.a-PercentBar:before {
  content: attr(data-label);
  position: absolute;
  left: 0;
  right: 0;
}
.a-PercentBar .value {
  background-color: #7cc4ff;
  display: inline-block;
  height: 100%;
}

div.scTab {
   background-color: inherit;
   /*background-color: #D69233;*/
   height: 85px;
   height: 60px;
   width: 100%;
}

div.scTab-b, div.scTab-c {
   display: block;
   float: left;
   background-color: inherit;
   width: 15%;
   padding: 10px 0 0 0;
}

div.scTab-c {
   width: 30%;
}

.mo-inactive {
      cursor: not-allowed;
      opacity: 0.5;
      text-decoration: none;
   }

   .carousel-wrapper {
      height: 100%;
      width: -moz-calc(100% - 10px);
      width: -webkit-calc(100% - 10px);
      width: -o-calc(100% - 10px);
      width: calc(100% - 10px);
   }

   .carousel-item {
      position:absolute;
      top:0;
      bottom:0;
      left:0;
      right:0;
      opacity:0;
      transition: all 0.5s ease-in-out;
      overflow: hidden;
   }

   .carousel-item p {
      position:absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
   }

   .carousel-item-wrapper {
      position:absolute;
      top: 7px;
      left: 55px;
      width: -moz-calc(100% - 100px);
      width: -webkit-calc(100% - 100px);
      width: -o-calc(100% - 100px);
      width: calc(100% - 100px);
      height: -moz-calc(100% - 14px);
      height: -webkit-calc(100% - 14px);
      height: -o-calc(100% - 14px);
      height: calc(100% - 14px);
      text-align: center;
   }

      .carousel-subitem {
         /*display: block; before*/
         display: inline-block;
         float: none;
         tax-align: center;
         transition: all 0.5s ease-in-out;
         text-align: center;
         margin: 5px 25px;
         width: -moz-calc(33% - 50px);
         width: -webkit-calc(33% - 50px);
         width: -o-calc(33% - 50px);
         width: calc(33% - 50px);
         width: -moz-calc(75% - 50px);
         width: -webkit-calc(75% - 50px);
         width: -o-calc(75% - 50px);
         width: calc(75% - 50px);

         padding-top: 6px;
         font-weight: normal;
         background-color: white;
         /*background-color: #f48c30;*/
         cursor: pointer;
         height: 75%;
         overflow: hidden;

      border-radius: 2px;
      -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
      box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
   }

   .carousel-subitem-text {
         text-align: center;
         position: relative;
         display: block;
         float: left;
         height: 30%;
         width: 100%;
         padding: 5px 0;
         font-size: .75rem;
   }

   .arrow {
      position:absolute;
      top:0;
      display:block;
      margin-top: 20px;
      margin-top: 12px;
      border: 1px solid #f7f7f7;
      background-color: #fff;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      text-align: center;
      vertical-align: middle;
      padding-top: 2px;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
      transition: box-shadow 50ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
      cursor: pointer;
   }

   .arrow-prev{
     left:75px;
     padding-right: 3px;
   }

   .arrow-next{
       right:80px;
       padding-left: 3px;
     }

   .arrow-prev:focus, .arrow-prev:hover, .arrow-next:focus, .arrow-next:hover {
      text-decoration: none;
   }


   .arrow-next:before, .arrow-prev:before {
      font-family: FontAwesome;
      font-size: 1.5rem;
      content: "\f105";
      color: #000;
   }

   .arrow-prev:before {
      content: "\f104";
   }


   [id^="item"] {
      display: none;
   }

   .item-1 {
      z-index: 2;
      opacity: 1;
   }


   .item-2, .item-3, .item-4, .item-5, .item-6, .item-7, .item-8, .item-9, .item-10, .item-11, .item-12, .item-13, .item-14, .item-15 {
   }


   *:target ~ .item-1 {
   opacity: 0;
   }

   #item-1:target ~ .item-1 {
      opacity: 1;
   }

#item-2:target ~ .item-2,
#item-3:target ~ .item-3,
#item-4:target ~ .item-4,
#item-5:target ~ .item-5,
#item-6:target ~ .item-6,
#item-7:target ~ .item-7,
#item-8:target ~ .item-8,
#item-9:target ~ .item-9,
#item-10:target ~ .item-10,
#item-11:target ~ .item-11,
#item-12:target ~ .item-12,
#item-13:target ~ .item-13,
#item-14:target ~ .item-14,
#item-15:target ~ .item-15{
   z-index: 3;
   opacity: 1;
}

/*-----------------------*/

.carousel2-wrapper {
      position: relative;
      display: flex;
      float: left;
      flex-direction: row;
      flex-wrap: wrap;
      overflow: hidden;
      height:100%;
      width: 100%;
   }

   .carousel2-item {
   background-color: white;
   margin: 10px;
   padding: 10px;
   }


.card-container {
  cursor: pointer;
  perspective: 600px;
  position: relative;
  display: block;
  float: left;
  height: 200px;
}
.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 2s ease-in-out;
  width: 100%;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  border-radius: 3px;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.card .back {
  transform: rotateY(180deg);
}

.pt-page-scaleDown {
   animation: scaleDown .7s ease both;
}

.pt-page-scaleUp {
   animation: scaleUp .7s ease both;
}

.pt-page-scaleUpDown {
   animation: scaleUpDown .5s ease both;
}

.pt-page-scaleDownUp {
   animation: scaleDownUp .5s ease both;
}

.pt-page-scaleDownCenter {
   animation: scaleDownCenter .4s ease-in both;
}

.pt-page-scaleUpCenter {
   animation: scaleUpCenter .4s ease-out both;
}

@keyframes scaleDown {
   to { opacity: 0; transform: scale(.8); }
}

@keyframes scaleUp {
   from { opacity: 0; transform: scale(.8); }
}

@keyframes scaleUpDown {
   from { opacity: 0; transform: scale(1.2); }
}

@keyframes scaleDownUp {
   to { opacity: 0; transform: scale(1.2); }
}

@keyframes scaleDownCenter {
   to { opacity: 0; transform: scale(.7); }
}

@keyframes scaleUpCenter {
   from { opacity: 0; transform: scale(.7); }
}

.extraContent {

}
.coverG {color: green;}
.coverY {color: orange;}
.coverR {color: red;}


.mo-min {
   visibility: hidden;
}

      .mo-garcia {
         background-image: url(../images/marquez.jpg);
         background-position: bottom 5px right 5px;
         color: black;
      }

   .mo-garcia > div a {
         color: #576780;
         font-size: 17px;
         font-style: italic;
      }

.mo-garcia > li a {
            color: #798ead;
            font-size: 20px;
      }

   div.scr00 {
      width: 100%;
      position: relative;
      display: block;
   }

   div.scr20 {
      width: 20%;
      margin-right: 10px;
   }

   div.scr50 {
      width: 50%;
      margin-right: 10px;
   }

   div.scr50- {
      width: -moz-calc(50% - 10px);
      width: -webkit-calc(50% - 10px);
      width: -o-calc(50% - 10px);
      width: calc(50% - 10px);
      margin-right: 0;
      height: 100%;
      display: block;
   }

   div.scr60- {
      width: -moz-calc(60% - 20px);
      width: -webkit-calc(60% - 20px);
      width: -o-calc(60% - 20px);
      width: calc(60% - 20px);
      margin-right: 0;
      margin-bottom: 0;
   }

   div.scrpane {
      position: relative;
      display: flex;
      float: left;
      width: 100%;
      margin-bottom: 15px;
   }

   .mo-t50 {
      width: 100%;
      height: 50%;
   }

   .mo-b50 {
      height: -moz-calc(50% - 20px);
      height: -webkit-calc(50% - 20px);
      height: -o-calc(50% - 20px);
      height: calc(50% - 20px);
      margin-bottom: 0;
   }

   div.ninedivs {
      position: relative;
      float: left;
      display: block;
      width: 100%;
      height: 100%;
   }

      .ninedivs p {
         background-color: #CC7A39;
         color: white;
         padding: 5px;
         margin-bottom: 5px;
      }


div.ninedivs-left, div.ninedivs-center, div.ninedivs-right {
      position: relative;
      display: block;
      float: left;
      width: 20%;
         height: 100%;
      margin-right: 5px;
}

div.ninedivs-left {
      width: 20%;
}
div.ninedivs-right {
      width: -moz-calc(60% - 10px);
      width: -webkit-calc(60% - 10px);
      width: -o-calc(60% - 10px);
      width: calc(60% - 10px);
      margin-right: 0;
}

div.ninedivs-a, div.ninedivs-b, div.ninedivs-c, div.ninedivs-d, div.ninedivs-e, div.ninedivs-f,div.ninedivs-g {
   position: relative;
   display: flex;
   float: left;
   width: 100%;
   /*rgin-bottom: 20px;*/
   height: 100%;
   margin-bottom:10px;
}

div.ninedivs-a:focus {
width: 125%;
height: 125%;

}

div.ninedivs-d {
padding: 5px;
overflow-y:hidden;
max-height:100%
}

   div.fourdivs-bottom2 {
      position: relative;
      display: flex;
      float: left;
      width:100%;
   }

/* ===================================================================================================*/


div.floatNo {
   float: none;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

/* BELL */

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
   }


.mo-comment:focus, .mo-comment:hover {
text-decoration:none;
}

#FILTER_TABLE {
   max-width: 400px;
}

div.gc-calen.gridHead {
      background-color: #117280;
      padding: 8px 10px;
      background-color: #1abc9c;
   }


.expire-date {
    color: #0f0;
}
.expire-date.unexpire-date {
    color: #f00;
}

.mo-dark {
    background-color: black;
}

.gridColLabel.gc-none.mo-dark, .gridText.gc-none.mo-dark {
    /*color: #fff !important;*/
    background-color: #f3f3f3;
}

   td.gridText.gc-none.mo-subTitle {
      background-color:#B5B5B7;
      color: #fff;
      vertical-align: middle;
      font-size:  0.75rem;
      font-weight: bold;
      padding: 7px;
   }

   .o_3t2b-a, .o_3t2b-b, .o_3t2b-c, .o_3t2b-d  {
         background-color: #fcfaf9;
      }


/* ======= spacing grid table ======= */

.spacing-table {
  border-collapse: separate;
  border-spacing: 0 10px; /* this is the ultimate fix */
 

}

.spacing-table thead tr .gridColLabel {
	padding: 8px;
 border-spacing: 0;
 
}



.spacing-table thead tr .gridColLabel.mo-radio {
	padding: 8px 0;
 border-spacing: 0;

}


.spacing-table td {
  border: 1px solid #ababab;
  border-left: none;
  /* width: 50%; 
#615c56

*/
}

.spacing-table td:first-of-type {
	  border-left: 1px solid #ababab;
}


.spacing-table tr {	
	box-shadow: 1px 1px 4px 2px #dadada;
}

.spacing-table tr:first-of-type {
	box-shadow: none;

}
.spacing-table tr:nth-of-type(even) {
	background-color: #fff;
}

.spacing-table tbody tr td:last-child {
	border-right: 1px solid#ababab;
}
.spacing-table tr td:last-of-type {
	border-right: 1px solid #ababab;	
}

/* end of spacing grid table */



.inner-G .Primary.mo-boxShadow {
   box-shadow: none;
}

.boardcontent section.pct45 {
   overflow: visible;
}

.wizBody td {
  padding: 5px;
}

table.wizBody td p font {
   font-size: 0.875rem!important;
}

#BOARD_M4_0_PBODY .grid.gc-board {
   padding-bottom: 15px;
}

#DEMO3 #BOARD_M35_inner_title.inner-G {
   padding-top: 20px;
}

#FORM_V\$BENEFITRECIPIENTNAME .fmvLabel.lp-lr.gc-board p, 
#FORM_V\$BENEFITRECIPIENTNAME .fmvValue.lp-lr.gc-board {
      font-size: 1rem;
  }

  li.btLink.di-white.sp-100 {
   margin: -10px 20px 10px;

}

#BOARD_M4_M4.btLink.di-white.sp-100 {
   margin: 15px 20px 10px;
}


#BOARD_M4_0PrimaryDiv #BOARD_M4_0_GBODY {
   width: 100%;
}

#BOARD_M21_inner {
   padding-bottom: 20px;
}

#BOARD_M23_0_GHEAD.gridHead.gc-board {
   display: flex;
   justify-content: center;
   align-items: center;
}

#DEMO4 li.btLink.di-white.sp-100 {
   margin: 20px 20px 10px;
}
/* removing set height of Pension Summary board
#DEMO1.btLink.di-white.sp-100 {
height: 280px;
}
*/

#BOARD_B21_0_GHEAD, #BOARD_B4_0_GHEAD {
	height:0;
}

#DEMO1 #BOARD_B21_0_GBODY {
	float: none;
}

#DEMO2 .divContainer.gc-board {
	margin-bottom: 10px;
}