/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#goTop {
        position: fixed;
        bottom: 10px;
        float: right;
        right: 40px;
        max-width: 40px;
        width: 100%;
        font-size: 12px;
        padding: .5px;
        border-radius: 4px;
    }

.txtCounter {
text-align: right;
}

.centered {
text-align: center;	
}

.txtRight {
text-align: right;
}

.txtLeft {
    text-align: left;
}
.moveBtn {
	width: 80px;
}

.cmdButton {
	width: 60px;
}

.bottomLine{
	border-bottom: 1px solid #ddd;
}

.bottomBlack{
	border-bottom: solid 1px black;
}

.inlineTable {
	display: inline-block;
}

.badOrderPlace{
background-color: #FF6347;
}

.table1, .th1, .td1 {
   border: 1px solid black;
}

.tdBox {
   border: 1px solid black;
}

.focusedCol{
	font-size:150%;
	background-color: LightGray;
    text-align: center;
}

.inputNumber7{
	width: 7em;
}

.inputNumber5{
    width: 5em;
}

.inputNumber4{
	width: 4em;
}

.inputNumber3{
	width: 3em;
}

.inputNumber2{
	width: 2em;
}

table1 {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: sans-serif;
}
thead1 th1 {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    font-weight: normal;
    color: #336B6B;
    padding: 3px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}    

.txtInputErr{
    box-shadow: 0px 8px red;
}
.spaceUnder{
    padding-bottom: 8px;
}
.blockDelim{
   border-width: thin;
   border-bottom-style: dotted;
}

.parentCell{ 
    position: relative; 
} 

.parentCell:hover span.tooltip2{ 
    display:block; 
} 

.tooltip2{ 
    display: none; 
    position: absolute;  
    z-index: 100; 
    border: 1px; 
    border: 1px solid green; 
    padding: 10px;
    color: #333;
    top: 20px;  
    left: 40px; 

    border-radius: 10px;
    transition: all 0.15s ease;
    box-shadow: 2px 2px 1px silver;    
    background: moccasin;
    margin-top: 0px;
    margin-left: 0px;   
    /* width: fit-content(50em); */
    /* width: 20em; */
    /* width: 100%; */
    min-width: 30ch;

} 
.big-tooltip-content{ 
    left: 10ch; 
}

.syscore-display-tooltip2{
    background: moccasin;
}
#BlockSign td:first-child{
    width: 2em; 
    /*text-align: right;*/
}

.buttonColumn{
    width: 10em;
}    

.buttonColumn:disabled{
  text-decoration: line-through;
}

.elemNone{
    display: none; 
 }

table.parlay-table{
    border-collapse: collapse;
    border: 1px solid black;
    text-align: center;
}

.parlay-table td{
    border-collapse: collapse;
    border: 1px solid black;
    text-align: center;
	padding: 3px;
}

.parlay-table tr:nth-child(n+1):nth-child(-n+2){
    font-weight: bold;
}

.parlay-table tr:nth-child(n+1)tr:nth-child(-n+2){
    font-weight: bold;
}

.parlay-table tr:nth-child(n+3) td:nth-child(1){
    text-align: right;
}

.parlay-table tr:nth-child(n+3) td:nth-child(2){
    text-align: left;
}

.parlay-table tr:nth-child(n+3) td:nth-child(3){
    text-align: left;
}

.parlay-table td:nth-child(4){
    font-weight: bold;
}
.parlay-table tr:nth-child(3n){
    background-color: #efefef;
}

.SysCore-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;

    border-spacing: 0;
    font-family: sans-serif;
}
.SysCore-table thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    font-weight: normal;
    color: #336B6B;
    padding: 6px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}        
.SysCore-table tbody td {
    border: solid 1px #DDEEEE;
    /*  color: #333; */
     /* padding: 2px; */
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    text-shadow: 1px 1px 1px #fff;
    min-width: 2ch;
}

.SysCore-table tr:nth-child(even){
    background-color: #EEEECC;
}

.SysCore-table .elemBlocks:nth-child(even){
    background-color: #DDDDBB;
}
.SysCore-table .elemBlockSigns:nth-child(even){
    background-color: #EEEECC;
}

.disabledItem{
    opacity: 0.6;
    background: #dddddd;
}

.disabledDiv{
    opacity: 0.6;
    color: #dddddd;
}

.errorFont {
    font-weight: bold;
    background-color: rgb(255,180,180);
  }

.padLeft20 {
    padding-left: 20px;
}  

.sign3{
    min-width: 3em;
}

.sysUnused{
    color: olive;
}

.tirUnused{
    color: silver;
}

.link-chain{
    border-style: outset;
    font-weight: bold;
    background-color: #e6f2ff;
}

.td_prog_X{
    min-width: 6em;
    font-family: monospace;
}

.td_prog_sg{
    /* min-width: 3em; */
    font-family: monospace;
}

.tdSys_X{
    min-width: 5.2em;
}

.tdPos_X{
    min-width: 3.8em;
}

.wrapped{
	display: inline-block;
	overflow-wrap: normal;
}

.nthLine{
    background: #dee;    
}
.sym1{
    width: 1ch;
}
.noBGC{
    background: white;    
}
.sideFrameText{
    background: Moccasin;
}


/* hide tagline; _s theme specific */
.site-description{
    display:none;
}

/* notie container */
/* override styles here */
.notie-container {
    box-shadow: none;
  }

[data-tooltip]:before {
    /* needed - do not touch */
    content: attr(data-tooltip);
    position: absolute;
    opacity: 0;
    
    /* customizable */
    transition: all 0.15s ease; 
    padding: 10px;
    color: #333;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver;    
}

[data-tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    z-index: 100; 
    
    /* customizable */
    background: moccasin;
    margin-top: 20px;
    margin-left: 20px;    
}

[data-tooltip]:not([data-tooltip-persistent]):before {
    pointer-events: none;
}

.warning-msg{
    background-color: yellow;
}
.if-input{
    line-height: 1.7em;
}

.span-pre {
    white-space: pre;
    font-family: monospace;
    display: block;
    margin: 10px;
}

.other-data{
    color: blueviolet;
    padding-left: 5px;
}

/* toastr cpecific */
.toast-top-auto-width {
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    min-width: 300px;
 }

#toast-container.toast-top-auto-width > div,
#toast-container.toast-bottom-auto-width > div {
  margin-left: auto;
  margin-right: auto;
}
.toast {
    opacity: 1 !important;
  }
  
  #toast-container > .toast-success, #toast-container > .toast-error {
    opacity: 1 !important; 
    background-image: none !important;
}
 
/* UNTESTED */
.toast-top-center-auto-width { 
    top: 12px;   
    margin: auto;
    width: fit-content;
}