.hea {
  background-color: #e8e8e8;
  text-align: center;
  color: #1b317b;
  font-size: 110px;
  font-family: "Comic Sans MS", cursive, sans-serif;
  min-height: 155px;
}
.heaapp {
  padding: 0em 1em;
  display:inline-flex;
  background-color: #732282;
  color: white;
  max-width: 16em;
  align-items: center;
}

#page-wrapper-logon {
  padding: 0 15px;
  background-color: #fcf8e3;
  width:100%;
}
.headLogo {
    width: 200px; 
    position:fixed;
}
.headText {
    padding-left: 210px; 
}
.infoGroup {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.panel-logon {
  width:90%;
}
.copyright {
  background-color: #732282;
  color: white;
  font-weight: bold;
  font-size: 1em;
  padding-left: 3em;
}
.btn-primary, .btn-danger {
  background-color: #732282 !important;
  color: white !important;
}
.btn-danger1 {
  background-color: dodgerblue !important;
  color: white !important;
}

.btn-primary:hover, .btn-danger:hover, .btn-danger1:hover {
  background-color:  #2f86fd !important;
  color: yellow !important;
  
}
.marginr1em { margin-right: 1em;}
.marginl1em { margin-left: 1em;}
.mwidth6em {min-width: 6em;}
.mwidth8em {min-width: 8em;}
.mwidth10em {min-width: 10em;}

.nav > li > a {
  color: #0000cc;
  font-weight: bold;
}

.editLabel {
    float:left; text-align: right; min-width: 9em; margin-right: 1em;
}

.managers td:nth-child(1), .managers td:nth-child(2) {
  width: 40%;
}
.shareholders td:nth-child(1) {
  width: 70%;
}

.form-control {
  font-family: sans-serif;
}
ul.tabs{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.tabs li{
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  min-width:9em;
  text-align: center;
  border-style: none double solid double;
  border-color: #0d3625;
}
a.ui-tabs-anchor {
     min-width:9em !important; 
}

ul.tabs li.current{
  background: #ededed;
  color: #222;
}

.tab-content{
  display: none;
  background: #ededed;
  padding: 15px;
}

.tab-content.current{
  display: inherit;
}

/* centered columns styles */
.row-centered {
  text-align:center;
}
.col-centered {
  display:inline-block;
  float:none;
  /* reset the text-align */
  text-align:center;
  /* inline-block space fix */
  margin-right:-4px;
}

.tabs, .tabsf { background:  white none !important;  background-color: white !important; background-image: none !important; }
.ui-state-default a {
    color:white !important; ;
    background-color: #732282 !important; 
    min-width: 8em;
}
.ui-state-default a:hover {
  color:yellow !important;
  background-color: #2f86fd !important;
}


@media screen and (min-width: 100px) {
  .tabs,.tabsf {font-size: 60% !important;  }
  .control-label { font-size: 70%  !important;}
}
@media screen and (min-width: 700px) { 
   .tabs,.tabsf  {  font-size: 70%  !important;  }
  .control-label { font-size: 80%  !important; }
}
@media screen and (min-width: 1024px) {
  .tabs,.tabsf  {    font-size: 80%  !important;  }
  .control-label { font-size: 90%  !important;}
}
@media screen and (min-width: 1300px) {
  .tabs,.tabsf  {  font-size: 90%  !important;  }
  .control-label { font-size: 100%  !important;}
}
@media screen and (min-width: 1700px) {
  .tabs,.tabsf  { font-size: 100% !important;  }
}

.formulaitem {
    border:1px;
    border-style: double;
    font-family: "Arial";
}
.dropField {
  background-color:  #ffb40b;
}
.btn-plus{
    color:  #fff !important;
    background-color: #954120;
    border-color: #78341a; 
}
.fieldError {  background: red !important;}
.fieldDisabled {  background: yellow !important;}

tr.itemHeader >td {
  font-weight: bold !important;
}  
tr.itemSum >td {
  font-style: italic !important;
  font-weight: bold !important;
}  
tr.itemHead >td {
  border-top: 4pt solid red !important;
  border-bottom: 4pt solid red !important;
  text-decoration: underline !important;
  font-size: 140% !important;
  font-weight: bold !important;
}
.myradio {
   font-weight: bold !important;   
}

#mainCommands {top: 1em;  right: 2em;   position: fixed;  z-index: 3000; border-radius: 5px;}
#editCommands {top: 25em;  right: 1em;   position: fixed;  z-index: 3000;}
#editCommands ul, .editButton {list-style: none; background-color: #732282; color: white; font-weight: bold; padding-left: 5px;padding-right: 5px; border-radius: 5px;}
#editCommands li a, .editButton {color: white; font-weight: bold; font-size: 120%; min-width: 8em;}
#editCommands li a:hover,  .editButton:hover  {color: yellow !important; background-color: #2f86fd; text-decoration: none !important;  }
.company {
    font-weight: bold;
    color: #732282;
    border-bottom: 5px;
}

.headString {
  padding-left: 1em;
  font-weight: bold;
  text-decoration: none;
}
.bordered {
  border-left: solid; color:#732282;
}
#act {
    background-image:url('/images/rainbow.jpg');
    background-repeat:no-repeat; 
    background-size: 100% 100%;
    color: black !important;
    width: 100%; 
    height: 60px; 
}
.rainbow {
    background-image:url('/images/rainbow.jpg');
    background-repeat:no-repeat; 
    background-size: 100% 100%;
    color: black !important; 
    font-weight: bold;
}
.rainbow:hover {
    background-image: none;
    background-color: #2f86fd !important;
    color: yellow !important;
}

#actual {
    font-size: 250%;
    font-weight: bold;
    text-align: center;
}
.advertisement {
    background-image:url('/images/background.jpg');
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    width: 100%; 
}

.headertot {
  float: left;
  background: #efefef;
  background-repeat: no-repeat;
  width: 196px;
  height: 123px;
}

.header-right {
  overflow: hidden; 
  background-color: yellow;
  height: 123px;
}

@media screen and (min-width: 400px) {
  #actual {font-size: 170%;}
  #terms { height:515px; }
  .company {font-size: 120%; }
  .headString {  font-size: 100%;}
  .bordered {   padding-right:1em; font-size: 80%; }
   #logonReport{  font-size:140%;}
  .menuItem{  font-size:110%;}
  .heaapp { font-size: 240%; min-height: 60px; border-radius: 7px;}
  .advertisement { min-height:460px;  }
  .logoImage {
    height:60px;
    width:97px;
  }
  .logo {    width:97px;  }
}

@media screen and (min-width: 1204px) {
  #actual {font-size: 200%;}
  #terms { height:550px; }
  .company {font-size: 150%; }
  .headString {  font-size: 110%;}
  .bordered {   padding-right:1em; font-size: 90%; }
   #logonReport{  font-size:170%;}
  .menuItem{  font-size:140%;}
  .heaapp { font-size: 270%; min-height: 80px;  border-radius: 8px;}
  .advertisement { min-height:520px;  }
  .logoImage {
    height:80px;
    width:130px;
  }
  .logo {    width:130px;  }
}
@media screen and (min-width: 1400px) {
  #actual {font-size: 240%;}
  #terms { height:730px; }
  .company {font-size: 180%; }
  .headString {  font-size: 130%;}
  .bordered {   padding-right:1em; font-size: 120%; }
  #logonReport{  font-size:210%;}
  .menuItem {  font-size:170%;}
  .heaapp { font-size: 300%; min-height: 100px; border-radius: 9px;}
  .advertisement { min-height:720px; }
  .logoImage {
    height:100px;
    width:162px;
  }
  .logo {    width:162px;  }
}
@media screen and (min-width: 1700px) {
  #actual {font-size: 290%;}
  #terms { height:820px; }
  .company {font-size: 230%; }
  .headString {  font-size: 150%;}
  .bordered {   padding-right:4em; font-size: 150%; }
   #logonReport{  font-size:210%;}
  .menuItem{  font-size:190%;}
  .heaapp { font-size: 500%;  min-height: 123px; border-radius: 10px;}
  .advertisement { min-height:760px; }
  .logoImage {
    height:123px;
    width:196px;
  }
  .logo {    width:196px;  }
}

#logonReport {
  font-weight: bold;
  color: #732282;
  border-bottom: 5px;
 }
.menuItem {
  color: white;
  margin-bottom: 0.4em;
  background-color:  #732282;
  display:block;
  padding-left: 1em; 
}

.menuItemFirst {
  margin-top:5em;
}
h1 {
  color:  #732282;
}

.myLink {
  color: rgb(0,0,204) !important;
}

th > a  {
  color: rgb(0,0,204) !important;
}
.navbar-right {
    background-color: #d0deec;
}
.logoMiddle {
background-color: white;
}
.row {
  margin-left: 5px !important;
  margin-right: 0px !important;
}
.searchInput {
  background-color: #741bde;
  color: white !important;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;

}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: yellow;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:   yellow;
  opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    yellow;
  opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:   yellow;
}

.client {
    min-width: 12em;
    background-color: #e8e8e8;
}
.radius10 {    border-radius: 10px;}

.labelEdit {
  display: inline-block !important;
  width:20%;
}

a.quiz {  font-size: 1rem; padding: 0px 8px 0px 0px; margin: 0px;}

div.quiz { padding: 0px; margin: 0px;}

.w-80 {  width:80% !important; }

.w-98 {    width: 98% !important; }

.disabledQuiz {  background-color: yellow !important; }
.correctAnswer {  background-color: white !important; }

.uncorrectAnswer {  background-color: #FFDEAD    !important;   }
tr.question td {   background-color: #d0deec; font-weight: bold;    }
div.sweet-alert h2 {   font-size: 1rem; font-weight: bold;    }
.header {margin-top: 1em; margin-bottom:1em; border-bottom:solid; color:#732282}
.success {font-weight: bold; color: green}
.successbut {font-weight: bold; color: green; background-color: yellow; margin-bottom: 0px;}
.unsuccess {font-weight: bold; color: green; background-color: yellow; margin-bottom: 0px;}
.correction {font-weight: bold; color: red; background-color: yellow; margin-bottom: 0px;}
.table-suppressed { font-size: 80% }
.tut { background-color: white; width:100%; font-style: italic; }

.footer {
  position: sticky;
  bottom: 0;
}
body {
  min-height: 100vh;
  position: relative;
}

.userquiz {
  width:98%; 
  border-color: #DFE2DD;
  border-width: 0.2em;
}
.userquiz:hover {
  background-color: rgb(143, 142, 141) !important;
  border-color: #949092;
  color: white !important;
  font-weight: bold;
}