/*
$Id: ui.css 1.13 2025/09/16 22:06:15 David tnt $
*/


.ui-load-icon {
     background: url('img/loading.gif');
     background-size: auto;
     background-repeat: no-repeat;
     background-position: center center; 

     height: 500px;
     width: 100%;

     max-width: 1400px;
     
} 


.dataplot-plot-holder.ui-load-icon {
    background: url('img/loading_dots.gif');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center; 

}

.sc-wizard-uisetup-element .ui-load-icon,
.sc-wizard-uisetup-element.ui-load-icon {

    height: 160px;

}

.steps-content.ui-load-icon {

    width: 200px;
    height: 200px;
}





div.ui-datepicker{
    font-size: 0.785em;
}


legend { 
    display:block;
    width:100%;
    padding:0;
    margin-bottom:20px;
    font-size:21px;
    line-height:40px;
    color:#333;
    border:0;
    border-bottom:1px solid #e5e5e5;
}
/*
label,input,button,select,textarea { 
    font-size:14px;
    font-weight:normal;
    line-height:20px;
}
*/

input,button,select,textarea { 
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
/*
label { 
    display:block;
    margin-bottom:5px;
}
*/
.input_fileupl,
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { 
    display:inline-block;
     /*height:20px;
      */ padding:4px 6px;
      margin-bottom:10px;
      font-size:14px;
      line-height:20px;
      color:#333;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
      border-radius:4px;
      vertical-align:middle;
}


.input_fileupl,
input,textarea,.uneditable-input { 
    width:206px;
}

textarea { 
    height:auto;
}


.input_fileupl {
    word-wrap: break-word;
}

.input_fileupl,
input[type="file"],
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { 
    background-color:#fff;
    border:1px solid #ccc;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border linear .2s,box-shadow linear .2s;
    -moz-transition:border linear .2s,box-shadow linear .2s;
    -o-transition:border linear .2s,box-shadow linear .2s;
    transition:border linear .2s,box-shadow linear .2s;
}


textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus { 
    border-color:rgba(82,168,236,.8);
    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
}


input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] { 
    width:auto;
}


input[type="file"] { 
    width:195px;
    border:1px solid #ccc;
    background-color:#fff;
}



/*
select,input[type="file"] { 
    height:30px;
    *margin-top:4px;
    line-height:30px;
}
*/

/*input[type="file"],*/



.ui-page-section table.dealtable {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC
}

.ui-page-section  select { 
/*.wizard > .steps-content > .body select { */
    width:220px;
    border:1px solid #ccc;
    background-color:#fff;
}

select[multiple],select[size] { 
    height:auto;
}

select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus { 
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}

.uneditable-input,.uneditable-textarea { 
    color:#999;
    background-color:#fcfcfc;
    border-color:#ccc;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.025);
    cursor:not-allowed;
}



.ui_textmessage {

    border:1px solid #ccc;
    border-radius:4px;
    padding: 0.5em;
    white-space: pre;
}


.ui_input_element label:first-of-type {

    font-weight:bold;

}


.ui_input_element {

    margin-bottom: 14px;
}

.ui_input_element:last-child {

    margin-bottom: 0px;
}



.ui_input_deals_holder {

    float: left;

    width: 45%;

}




.ui_input_deals_holder ul {

    list-style-type: none;
    margin: 0;
/*    padding: 0.5em 0.5em 0.2em 0.5em;*/
    padding: 0 0.5em 0 0;

/*
    border: 1px solid red;
*/


}


.ui_input_deals_holder ul > li {

    font-size: 0.8em;
    list-style-type: none;
    margin: 0 0 0.35em 0;
    padding: 0.3em 0 0.3em 0.2em;
    height: 1.5em;
}

.ui_input_dealsview_holder {

    float: right;

    /*width: 50%; */
    /*border: 1px solid #CCCCCC;*/
    padding-right: 0.5em;

}



#user-collections-list {
	margin: 0;
    display: inline-block;
	list-style: none;
}

.user-collection { /* li */
    vertical-align:middle;

    /*background-color:yellow;*/
    border: 1px solid #AAA;
    margin-bottom: 0.6em;
    padding: 0; 
}


.user-collection-title {
    display: inline-block;

    vertical-align: middle;
    padding: 0.3em;
    font-size: 1.2em;

    margin: 0 0.6em 0 0.6em;

    /*background-color:blue;*/
}


.user-collection-content {

    display: inline-block;
    vertical-align: middle;
    margin: 0 0.6em 0 0;
}


.user-collection-item {
    margin: 0.3em 0 0.3em 0;
    border: 1px solid #AAA;
    padding: 0.3em;
    background-color: #F1F1F1;

  
    /*min-width: 20em;*/

    /*FIXME*/
    width: 20em;
    overflow: hidden;
}


.user-nouser {
    border: 1px solid #CCC;
    background-color: #FFFFFF;
}


.user-drophover {
    background-color: #BBBBBB;
}


a.user-delete {
    float: right;
    text-decoration: none;
    border: none;
    /*color: red;*/
}





.battery-indicator {
    width: 100%;
    height: 1.3em;
    background-color: #DFDFDF;
    text-align: center;
    vertical-align: middle;
    position: relative;
    border: 1px solid #888888;
}

.battery-indicator.center {
    margin: auto;
}


.battery-indicator .battery-indicator-level {
    height: 1.3em;
    background-color: #95AFCA;
    position: absolute;
    top: 0;
    left: 0;
}
.battery-indicator .battery-indicator-text {

    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.center {
    text-align: center;
    vertical-align: middle;

}

.tablestate {
    width: 22px;
    height: 22px;
    border: 1px solid #888888;
}

.tablestate.center {
    margin: auto;
}

.tablestate-0 {
    background-color: #5CE62E;
}

.tablestate-1 {
    background-color: #FFAC30;
}

.tablestate-2 {
    background-color: #FF0000;
}



.rotate90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);  
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}






.deal-hand-spade,
.deal-hand-heart,
.deal-hand-diamond,
.deal-hand-group
{
    background-repeat: no-repeat;
/*    background-position: left top; */
    background-position: left; 
    background-size: auto 1em;

    
    padding-left: 1.3em;
    letter-spacing: 0.1em;
    

    /*word-wrap: break-word;*/

}


.deal-hand-spade {
    background-image: url("img/bn_spade.png");
}


.deal-hand-heart {
    background-image: url("img/bn_heart.png");
}


.deal-hand-diamond {
    background-image: url("img/bn_diamond.png");
}

.deal-hand-group {
    background-image: url("img/bn_group.png");
}


.suit-img-heart,
.suit-img-diamond,
.suit-img-spade,
.suit-img-group  {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-left: 1.1em;
    margin-right: 2px;
}

.suit-img-heart {
    background-image: url("img/bn_heart.png");
}
.suit-img-diamond {
    background-image: url("img/bn_diamond.png");
}
.suit-img-spade {
    background-image: url("img/bn_spade.png");
}
.suit-img-group {
    background-image: url("img/bn_group.png");
}


tr.user-result-mark-row td:first-child {
    border-left: 4px solid #CC0000;
}

/*
tr.user-result-mark-row td:last-child {
    border-right: 4px solid #CC0000;
}
*/


.result-score-adjust-mark {
    color: red;
    /*font-weight:bold;*/
}


table.dealtable {
/*    width:100%;*/
    /*border: 1px solid orange;*/
/*    margin: 0;*/
    padding: 0;

    /*font-size: 0.95em;*/
    width: 20em;
/*    margin: 0 auto;*/


}


table.dealtable td {
    width:30%;
    position:relative;
    border: none;
    margin: 0;
    padding: 0;
}



table.dealtable td:after {
    content:'';
    display:block;
    margin-top:100%;
}


table.dealtable td .dealtable-content {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

table.dealtable-C
{
    border: 1px solid #888888;
    margin: 0;
    padding: 0;
    position:absolute;
    top:0;
    height: 100%;
}

table.dealtable-C td {

    /*border: 1px solid green;*/
    margin: 0;
    padding: 0;
    text-align:center;
    vertical-align: middle;
    font-size: 1.5em;
}

table.dealtable-C td:after
{
    margin: 0;
    padding: 0;
}





table.dealtable .dealtable-N,
table.dealtable .dealtable-S,
table.dealtable .dealtable-E,
table.dealtable .dealtable-W {
    /*border: 1px solid green;*/
    position:absolute;
    letter-spacing: 0.05em;
}


table.dealtable .dealtable-N {
    bottom:6px;
    left:6px;
}
table.dealtable .dealtable-S {
    top:6px;
    left:6px;
}
table.dealtable .dealtable-E {
    top:6px;
    left:6px;
}
table.dealtable .dealtable-W {
    top:6px;
    right:6px;
}
table.dealtable .dealtable-NW {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    font-size: 1.2em;
    color: #000000;

    padding-top: 1em;
    text-align: center;
}


/*
.playingcard {
    padding: 2px;
}
*/

.playingcard-mark-winner {

    background-color: #FFEB99;
    /*border: 1px solid #ff5555;*/
}
    
.playingcard-mark-lead {
    outline: 1px dashed #5555ff;

}

table tr.selected {
    background-color: #b0bed9;
}



.results-bidsequence-table,
.results-playsequence-table
{
    text-align: center;
}


.results-bidsequence-table td,
.results-playsequence-table td {

/*
    cursor: help;
*/

}





/* From steps when not using wizard !*/



div.error,
input.error,
textarea.error,
.KMR-wiz_fileupload-file.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}


label
{
    display: inline-block;
    margin-bottom: 0.5em;
}



label.error
{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}


.ui-contract-wrapper {
    min-width: 30em;
}

.ui-contract-wrapper select {
    width: 27%;
    margin-right: 2%;
}
.ui-contract-wrapper  select:first-of-type  {
    width: 10%;
}


.ui-card-wrapper select {
    width: 30%;
    margin-right: 2%;
}


.ui-single-page textarea {

    width: 95%;
}


.contract-string {
    display: inline-block;
}


table.freqtable th,
table.freqtable td {
    text-align: center;
}


.ui-setup-message-text-container {

    margin-top: 1em;
    margin-bottom: 1em;
    /*vertical-align: middle;*/
    /*min-height: 7em;*/
    /*white-space: pre;*/
}


.ui-setup-message-text-type-key {

    text-align: center;
    font-size:  2.5em;

}





/* ---- results ---- */



table.common-results-table {
    font-size:  0.94em;
}

table.common-results-table > thead > tr > th {

    font-size:  0.85em;
    padding: 4px 18px 4px 1px  !important; 
}

table.board-results-table > tbody > tr > td {

 /*   padding: 2px 4px 2px 4px  !important; */
}


table.board-results-table > tbody > tr > td {
    text-align: center;
}

table.board-results-table tbody td.col-players  {
    text-align: left;
}


table.board-results-table tbody td.no-padding {

    padding: 0;

}

.board-results-table-details-slider {
   
    display: none;

}



table.board-results-table tbody tr.details {

    background-color: #FFFFFF !important; 
}




.board-results-table td.details-control {
    background: url('img/cards_back.png') no-repeat center center;
    background-size: contain;
    /*background-size: auto 80%;*/
    /*min-width: 2.4em;*/
    cursor: pointer;

}


.board-results-table tr.shown td.details-control {
    background: url('img/cards.png') no-repeat center center;
    background-size: contain;

}

.common-results-table td.admin-control {
    background: url('icons/edit.png') no-repeat center center;

    background-size: contain;
    /*width: 1em;*/
    cursor: pointer;

}









table.results-bidsequence-table > tbody > tr > td,
table.results-playsequence-table > tbody > tr > td  {

    padding-left: 0.45em !important; 
    padding-right: 0.45em !important; 
}

.user-result-mark-page {
    /*border-bottom: 3px solid #CC0000 !important; */

}



.matchboard-results-table th.matchboard-results-table-A-head,
.matchboard-results-table th.matchboard-results-table-B-head {

   /* text-align: center;*/
    padding: 0 !important;
    margin: 0 !important;
}


th.matchboard-results-table-A,
td.matchboard-results-table-A {

/*    background-color: #eaeaea !important;*/

}

th.matchboard-results-table-B,
td.matchboard-results-table-B {
    /*
    background-color: #dedede !important;
    */
}





th.matchboard-v-line-l,
td.matchboard-v-line-l {

    border-left: 1px solid black !important;;
}




th.matchboard-v-line-r,
td.matchboard-v-line-r {

    border-right: 1px solid black !important;;
}

th.matchboard-results-team-A-NS-B-EW,
td.matchboard-results-team-A-NS-B-EW {

        background-color: #E0F5FF !important;
}

th.matchboard-results-team-A-EW-B-NS,
td.matchboard-results-team-A-EW-B-NS {

        background-color: #FFE6E6 !important;
}























/******************************************************************************************************************/

/* --------------------------------  Pagination -------------------------------- */

nav.pagination-nav {
  text-align: center;
  border: 1px solid red;
}

.pagination-num {
  width: 100%;
  /*max-width: 768px;*/
  /*margin: 2em auto 4em;*/
/*  text-align: center;*/
  text-align: center;
}



ul.pagination-wrap,ul.pagination-wrap > li {
	margin: 0;
	padding: 0;
	border: 0;
    vertical-align: baseline;
}


ul.pagination-num, ul.pagination-num > li {
	margin: 0 0.15em;
	padding: 0;
	border: 0;
    vertical-align: baseline;
    padding-bottom: 0.3em;
}



ul.pagination-wrap > li {
    display: table-cell;
    vertical-align:top;
}



ul.pagination-wrap > li:nth-child(2) {
    width: 100%; 
    padding-left: 0.3em;
    padding-right: 0.3em;
}


.pagination-num li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}

.pagination-wrap a, 
.pagination-num a, .pagination-num span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .4em .6em;
  /*font-size: 1.6rem;*/
}


.pagination-wrap a, 
.pagination-num a {
  border: 1px solid #e6e6e6;
  border-radius: 0.25em;
  cursor: pointer;
}

.pagination-wrap a:hover, 
.pagination-num a:hover {
  background-color: #f2f2f2;
}

.pagination-wrap a:active, 
.pagination-num a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.pagination-wrap a.disabled, 
.pagination-num a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none;
}


/*
.pagination-num a.disabled::before, .pagination-num a.disabled::after {
  opacity: .4;
}
*/


.pagination-num .current {
/*  background-color: #FFF5F5;*/
  border-color: #CC0000;

  border: 1px solid #CC0000;
  box-shadow: 0 0 0 2px #CC0000;

  color: #000000;
  font-weight:bold;
  pointer-events: none;
}


.pagination-num li {
    display: inline-block;
}

/* move buttons - move prev and next buttons to the sides  */

.pagination-num:after {
  content: "";

  display: table;
  clear: both;
}

.pagination-num .button:first-of-type {
  float: left;
}
.pagination-num .button:last-of-type {
  float: right;
}

/* custom icons - customize the small arrow inside the next and prev buttons */
.pagination-wrap .button a,
.pagination-num .button a {
  position: relative;
}



.pagination-wrap .button:first-of-type a {
  padding-left: 2.4em;
  white-space: nowrap;
}
.pagination-wrap .button:last-of-type a {
  padding-right: 2.4em;
  white-space: nowrap;
}
.pagination-wrap .button:first-of-type a::before,
.pagination-wrap .button:last-of-type a::after,

.pagination-num .button:first-of-type a::before,
.pagination-num .button:last-of-type a::after {
  content: '';
  position: absolute;
  display: inline-block;
  /* set size for custom icons */
  width: 16px;
  height: 16px;
  top: 50%;
  /* set margin-top = icon height/2 */
  margin-top: -8px;
  background: transparent url("icons/arrow.png") no-repeat center center;
}


.pagination-wrap .button:first-of-type a::before,
.pagination-num .button:first-of-type a::before {
  left: .8em;
}
.pagination-wrap .button:last-of-type a::after,
.pagination-num .button:last-of-type a::after {
  right: .8em;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}




.resultviewer-paginate {

    min-height: 5.5em;


}


ul.ui-edit-board-dialog  {

    list-style: none;
    margin: 0;
    padding: 1em 1em 1em 1em;
    text-align: center;


}


ul.ui-edit-board-dialog li {

    padding: 0.4em;


}

/*
.resultviewer-viewholder {

     position: relative;
     padding: 0.2em;
}



.resultviewer-viewholder-overlay {

    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: #888888;
    opacity: 0.8;
    filter: Alpha(opacity=80); 
}


*/







.KMR-teamcreator-userfinder {

    padding-top: 2em;
    padding-bottom: 2em;

    text-align: center;

}




.KMR-teamlist {

    list-style-type: none;
    margin: 0;

    /*
    height: 600px;
    */

    overflow: auto;

}


li.KMR-teamlist-team  {

    margin: 0.5em 0.5em 0.5em 0;

}


.KMR-teamelement {

    border: 1px solid #888888;

    margin:0;
    padding: 0;

    /*font-size: 0.9em */


   
}


.KMR-teamelement-head {

    padding: 0.2em 0.2em 0.2em 0.2em; 
    border-bottom: 1px solid #CCCCCC;
}

.KMR-teamelement-head-name {
    display: inline-block;
    min-width: 20em;

}

.KMR-teamelement-head-name,
.KMR-teamelement-head-name input.KMR-inlinetextedit-input {

    font-weight:bold;

}


a.KMR-teamelement-member-delete {
    float: right;
    text-decoration: none;
    border: none;
}

a.KMR-teamelement-delete {
    float: right;
    text-decoration: none;
    border: none;
}



.KMR-teamelement-memberlist {

    list-style-type: none;
    margin: 0;
    padding: 0 0.2em 0 0.2em;

/*    min-height: 1.5em;*/

}

.KMR-teamelement-member {

    margin: 0;
    padding: 0;
    border-bottom: 1px solid #CCCCCC;
}

.KMR-teamelement-member-name {

    display: inline-block;
    min-width: 20em;
}








.KMR-wiz_textsearch-search-input {

    margin: 0;
    /*
    padding: 0;
    */

    /*background: url('icons/64/1001.png') no-repeat scroll 5px 5px;   */

    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: right center;

    background-image: url('icons/64/1001.png');

    
/*
    padding-left:26px;
*/    

}

.KMR-wiz_textsearch-menu {

    max-height: 30em;
    max-width: 25em;

    overflow-y: auto;
    overflow-x: hidden; /* prevent horizontal scrollbar */

}

.KMR-wiz_textsearch-item-info-container {
    font-size: 0.65em 
}




.KMR-wiz_fileupload-file-buttonpanel {

    float: right;
    display: inline-block;
}


.KMR-wiz_fileupload-filelist {

    list-style: none;
    margin: 0.25em 0 0 0;    
    padding: 0;

    border:1px solid #ccc;
    font-size: 0.8em; 

    max-width: 20em;

}

.KMR-wiz_fileupload-file {
    list-style: none;
}

.KMR-wiz_fileupload-filename {

    word-wrap: break-word;

    max-width: 15em;

    display: inline-block;

}



.KMR-teamfinder-menu li.ui-menu-item {

    border-bottom: 1px solid #CCCCCC
}


input.KMR-inlinetextedit-input {
    border: none;
    height: auto;
    width: auto;

    padding: 0;
    margin: 0;

}




input.search-input-busy {

    background: url('icons/load.gif');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right center; 


/*
    padding-left:26px;
    */
}


.KMR-allsessionsmanager .sessionstable-session:not(.selected), 
.KMR-allsessionsmanager li.sessionstable-section:not(.selected) {

    cursor: pointer;
}


/*.KMR-allsessionsmanager .sessionstable-session-head:active, */
.KMR-allsessionsmanager .sessionstable-section:active:not(.selected) {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}



.KMR-allsessionsmanager .sessionstable-session:hover:not(.selected) {

    background-color: #F0F0F0;
}

.KMR-allsessionsmanager .sessionstable-section:hover:not(.selected) {

    /*
    opacity: 0.6;
    filter: alpha(opacity=60);

    */

   border-color: #868686;
   background-color: #F0F0F0;

}



.KMR-allsessionsmanager .sessionstable-section.selected,
.KMR-allsessionsmanager tr.shown .sessionstable-section.disabled,
.KMR-allsessionsmanager tr.shown .sessionstable-session.disabled .sessionstable-session-head,
.KMR-allsessionsmanager .sessionstable-session.selected .sessionstable-session-head,
.KMR-allsessionsmanager tr.disabled .sessionstable-session-head,
.KMR-allsessionsmanager tr.disabled .sessionstable-section {

    cursor: auto;

  /* click effect */
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;

    opacity: 1;
    filter: alpha(opacity=100);
}


    

.KMR-allsessionsmanager .subview-loading {


    background: url('img/loading.gif');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center; 


}



.KMR-allsessionsmanager-sessionstable-subview {

    width: 100%;
    border: 1px solid #b6b6b6;
    border-radius: 0.3em;
    padding: 0.3em;


/*
    height: 35em;
*/

/* Must be high enough to fit wizard*/
    height: 43em;

    overflow: auto;


}


.KMR-allsessionsmanager-sessionstable-subview-content {
    height: 100%;
}



.KMR-allsessionsmanager-sessionstable tr.disabled {

    cursor: auto;

    opacity: 0.3;
    filter: alpha(opacity=30);

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;


    /* background-color: #DDDDDD; */
}



table.KMR-allsessionsmanager-sessionstable tbody td {
    border: none;
}


table.KMR-allsessionsmanager-sessionstable tr.shown {

   


}



.KMR-tournamentmanager-head {

    text-align: center;

}

.KMR-allsessionsmanager ul.sessionstable-sections-container {

    list-style: none;
    margin: 0;    
    padding: 0;
    text-align: right;

}




.KMR-allsessionsmanager .sessionstable-session-head {

    padding: 0.4em 0 0.4em 0.1em;
    margin: 0;    
    font-weight:bold;
    font-size: 1.1em;

    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('icons/64/243.png');
    padding-left: 2.5em;

}



.KMR-allsessionsmanager .sessionstable-section {


    display: inline-block;

    padding: 0.4em 1em 0.4em 1em;

    margin-right: 0.5em;
    margin-bottom: 0.2em;

    border: 1px solid #a6a6a6;
    border-radius: 0.3em;

    background-color: #FFFFFF;

    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 0.25em  center;
    background-image: url('icons/64/1007.png');
    padding-left: 2.5em;
}


.KMR-allsessionsmanager .sessionstable-section.selected {
  
  border: 1px solid #CC0000;
  box-shadow: 0 0 0 2px #CC0000;

}




.KMR-allsessionsmanager .sessionstable-session {

    margin: 0.2em 0 0.2em 0;

    padding: 0.2em 0 0.2em 0.5em;


    border: 1px solid #b6b6b6;
    border-radius: 0.3em;

    background-color: #FAFAFA;

}

.KMR-allsessionsmanager .sessionstable-session.selected {

 
  border: 1px solid #CC0000;
  box-shadow: 0 0 0 2px #CC0000;
}


/*

.KMR-allsessionsmanager .section-num-1 {
    background-color: #78C0A8;
}
.KMR-allsessionsmanager .section-num-2 {
    background-color: #53BBF4;
}
.KMR-allsessionsmanager .section-num-3 {
    background-color: #FFAC00;
}
.KMR-allsessionsmanager .section-num-4 {
    background-color: #29ABA4;
}
.KMR-allsessionsmanager .section-num-5 {
    background-color: #FFD041;
}
.KMR-allsessionsmanager .section-num-6 {
    background-color: #67CE00;
}


*/


.section-state-1,
.section-state-2,
.section-state-3,
.section-state-4,
.section-state-5 {
}


.section-type-1,
.section-type-2,
.section-type-3,
.section-type-4,
.section-type-5 {

}



/*
.KMR-allsessionsmanager .session-state-1 {
    background-color: #FFD041;
}
*/



ul.sc-wizard-pagelist {
	/*border-top: 1px solid red;*/
    color: #000000;
}

ul.sc-wizard-pagelist li {
	border-bottom: 1px solid #000000;
	padding: 0;
}

ul.sc-wizard-pagelist li:first-child {
	/*border-top: 1px solid #000000;*/
}


ul.sc-wizard-pagelist li a {
	border-bottom: 0;
	display: block;
	padding: 2px 5px 2px 5px;
}



ul.sc-wizard-pagelist li.current a,
ul.sc-wizard-pagelist li a.selected {
    background-color: #00ff9c;
	color: #000000;
	font-weight: bold;
}


ul.sc-wizard-pagelist li.done a,
ul.sc-wizard-pagelist li a.done {

    border: none;

    /*
	background-color: #AdD8F2;
	border: 1px solid #417DC1;
    */

	/*color: #FFFFFF;*/

    background-color: #c9ffea;
    color: #505050;
}


ul.sc-wizard-pagelist li.error a,
ul.sc-wizard-pagelist li a.error {
	background-color: #ff3111;
	border: 1px solid #ff5131;
	color: #FFFFFF;
}











.sc-wizard > .wizard > .steps-content {

    background-color: transparent;

}

.sc-wizard-pagination {

}

.sc-wizard-page-container {

    padding-top: 0.8em;

    border-left: 1px solid #000000;

    min-width: 500px; 
}


.sc-wizard-steps {

    margin-top: 0px;
    padding:0;
    width: 120px;
}


.sc-wizard-steps.sidebar > ul > li {
	padding: 0px;
}





.sc-wizard {
    height: 100%;
}


.sc-wizard-uisetup-element {
    height: 100%;
}

.sc-wizard-uisetup-element .ui-page-section {

    /*
    min-width: 45em;
    */
}





.right-close-button {
    display:block;
    float:right;
}




.KMR-result_boardplayers {

    /*display: inline-block;*/
    width: 100%;

}


table.result_boardplayers-table {

/*    width: auto;*/
    width: 100%;
    padding: 0;
    margin: 0;
}

.result_boardplayers-table thead {

    border-bottom: 1px solid #111111;
}


/*
table.dataTable. thead th,
table.dataTable. thead td 

*/
/*
table.dataTable thead  {

    background: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;

}
*/

/*
table.dataTable tbody  {

    background: rgba(0, 0, 0, 0.7);
    color: #000000;
    
}
*/

/*
table.dataTable tbody tr  {


    color: red;
    
}

*/




table.result_boardplayers-table > thead > tr > th,
table.result_boardplayers-table > tbody > tr > td {
    padding: 4px !important; 
}


.result_boardplayers-table tr td {

    /*padding: 0 1em 0 0.2em;*/

}


.result_boardplayers-table tr td {

     border-bottom: none;

}


.result_boardplayers-table thead tr th {
       text-align: center; 
}



.result_boardplayers-table td.player-name {

    width: 90%;
}



.KMR-hydractstatlist .head-select-title {

    text-align: center;


}


.KMR-hydractstatlist thead tr th {
    padding-left: 0em;
    text-align: center;
}


.KMR-hydractstatlist tbody tr td {
    text-align: center;
}


.KMR-hydractstatlist select.head-select {

    background:transparent; 
    padding: 0px;
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
}
.KMR-datawarningslist-control-holder,
.KMR-hydractstatlist-control-holder,
.KMR-firmwarelist-control-holder,
.KMR-hydractlist-control-holder,
.KMR-grouplist-control-holder {
    white-space: nowrap;
}

.KMR-datawarningslist-control-holder
{
    text-align: right;

    padding-top: 4px;
    padding-bottom: 4px;
}



.KMR-datawarningslist-control,
.KMR-hydractstatlist-control,
.KMR-firmwarelist-control,
.KMR-hydractlist-control,
.KMR-grouplist-control {

    margin-left: 0.2em;
    margin-right: 0.2em;
}

.KMR-hydractstatlist-table-row,
.KMR-monitorlist-table-row,
.KMR-firmwarelist-table-row,
.KMR-hydractlist-table-row,
.KMR-grouplist-table-row {

    cursor: pointer;


-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;


}


.KMR-datawarningslist-table-row.clickable
{
    cursor: pointer;

}



tr.KMR-datawarningslist-table-row.triggered,
tr.KMR-datawarningslist-table-row.triggered td
{
    background: #ffd700b5 !important;

}

/*
tr.KMR-datawarningslist-table-row.triggered:hover
{
    background: blue !important;

}
*/





.KMR-hydractstatlist-table th {

    font-size: 0.9em;

}


.KMR-actionlist {
    /*width: 20em;*/
    /*height: 20em;*/
    border: 1px solid  #CCCCCC;
    border-radius: 0.3em;

    overflow: auto;



}

.KMR-actionlist.loading {

    background: url('img/loading.gif');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center; 

}

.KMR-actionlist-list {


    list-style-type: none;
    margin: 0;
/*    padding: 0.5em 0.5em 0.2em 0.5em;*/
    padding: 0; 


    font-size: 0.9em;

}


.KMR-actionlist-head {
    text-align: center;
    font-weight: bold;
}




.KMR-actionlist-click-option {

    cursor: pointer;
    text-decoration: underline;
}


.KMR-actionlist-click-option:hover {

      opacity: 0.6;
      filter: alpha(opacity=60);
}

.KMR-actionlist-list-item-option {

    padding-right: 0.5em;
}



.KMR-actionlist-list-item {

    padding: 0.4em 0.2em 0.4em 2.4em;
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
}


.KMR-actionlist-list-item.type-0 {
    background: transparent url("icons/action-type-0.png") no-repeat 0.4em center;
    background-size: auto 1.6em;
}

.KMR-actionlist-list-item.type-1 {
    background: transparent url("icons/action-type-1.png") no-repeat 0.4em center;
    background-size: auto 1.6em;
}

.KMR-actionlist-list-item.type-2 {
    background: transparent url("icons/action-type-2.png") no-repeat 0.4em center;
    background-size: auto 1.6em;
}

.KMR-actionlist-list-item.type-3 {
    background: transparent url("icons/action-type-3.png") no-repeat 0.4em center;
    background-size: auto 1.6em;
}




.KMR-actionlist-list-item.KMR-actionlist-list-incomplete {

    background: transparent url("icons/more.png") no-repeat center center;

    background-size: 2.4em auto;

    height: 1.8em;
}



.abe-gray {

    background-color: #CCCCCC;


}


table.abe tr:first-of-type {
    font-weight:bold;
}

table.abe tr td:last-of-type,
table.abe tr td:first-of-type {
    font-weight:bold;
}


.KMR-result_match_matrix-same-team {

    background-color: #CCCCCC;
}

.KMR-result_match_matrix-select {
    cursor: pointer;
}

.KMR-result_match_matrix-select.selected {
    cursor: auto;
}


.KMR-result_match_matrix-table tbody td {
    padding: 2px;
}

.KMR-result_match_matrix-table tbody td.selected {

     outline: 2px solid #CC0000; 
}

.KMR-result_match_matrix-select:hover {

    /*
    opacity: 0.6;
    filter: alpha(opacity=60);
*/
     background-color: #DFDFDF;
}


.KMR-result_match_matrix-same-session {

    font-weight:bold;

}


.KMR-result_match_matrix-not-same-session {

    opacity: 0.5;
    filter: alpha(opacity=50);

}




.KMR-results-board-details {

    margin: 0.5em 0.2em 0.5em 0.2em;
    /* font-size:  0.93em; */

    /*border: 1px solid black;*/

    min-height: 10em;
}



.KMR-results-board-details-deal {

    width: 100%;

}

.KMR-results-board-details-deal > table.dealtable {
    margin: 0 auto;
}

.KMR-results-board-details-bid-1,
.KMR-results-board-details-bid-2,
.KMR-results-board-details-play-1,
.KMR-results-board-details-play-2 {
    display:inline-block;
    width: 40%;
    margin-bottom: 1em;
}



.KMR-results-board-details-bid-1,
.KMR-results-board-details-play-1 {
    margin-right: 1em;
}

.KMR-results-board-details-bid-2,
.KMR-results-board-details-play-2 {
    margin-left: 1em;
}



.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}






.KMR-teambuilder {

    border: 1px solid #000000;
    margin:0;
    padding: 0;

    /* font-size: 0.9em; */
    width: 30em;
}

.KMR-teambuilder-head {

    padding: 0.1em;
    border-bottom: 1px solid #000000;
    background-color: #f9f9f9;

}



.KMR-teambuilder-head-number {

    display: block;
    height: 1.3em;
    width: 1.3em;
    line-height: 1.3em;

    -moz-border-radius: 1.3em;
    -webkit-border-radius: 1.3em;
    border-radius: 1.3em;

/*
    background-color: black;
    color: white;
*/
    border: 1px solid black;

    text-align: center;
    margin-right: 0.3em;
    font-size: 1.3em;
    font-weight:bold;

}

.KMR-teambuilder-head-name {
    display: inline-block;
    min-width: 15em;
    font-size: 1.2em;
}

.KMR-teambuilder-head .KMR-teambuilder-head-name,
.KMR-teambuilder-head .KMR-teambuilder-head-number {
    float: left;
}


.KMR-teambuilder-head .KMR-buttonpanel {
    float: right;

}


.KMR-teambuilder-head-name,
.KMR-teambuilder-head-name input.KMR-inlinetextedit-input {

    font-weight:bold;
}





.KMR-teambuilder-memberlist {

    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0.2em;

/*    min-height: 1.5em;*/

}

.KMR-teambuilder-member {

    margin: 0em;
    padding: 0.2em;
    border-bottom: 1px solid #CCCCCC;

}


.KMR-teambuilder-member .KMR-teambuilder-member-name {
    float: left;
}
.KMR-teambuilder-member .KMR-buttonpanel {
    float: right;
}
.KMR-teambuilder-head:after,
.KMR-teambuilder-member:after {
    clear: both;
    content: "";
    display: table;
}


 
.KMR-teambuilder-member {
 
    background-size: auto 85%;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('icons/64/884.png'); 
    padding-left: 1.8em;

}

.KMR-teambuilder-member.KMR-unknown-user {
 
    background-image: url('icons/64/1005.png'); 
    color: #888888;

}



.KMR-teambuilder-member-name {

    display: inline-block;
    min-width: 15em;

    /*border: 1px solid blue;*/
}




ul.KMR-playerlisteditor-teamlist {


    list-style-type: none;

    margin: 0;

}

li.KMR-playerlisteditor-teamelement {

    margin: 0 0 1em 0;

}


.KMR-userdetails {


/*    border: 1px solid #000000;*/
    margin:0;
    padding: 0;

    /* font-size: 0.9em; */
    max-width: 60em;

    background-color: #263c491f;

    border-radius: 6px;
    border: 2px solid #000000;


}

.KMR-userdetails.KMR-userdetails-no-user {

    border: none;
}



.KMR-userdetails-head {

        padding: 4px 4px 4px 8px ;
    

/*border-radius: 6px;*/
/*padding-left: 100px;*/
    border-radius: 6px;


    border-bottom: 2px solid #000000;
    background-color: #f9f9f9;
}

.KMR-userdetails-info {
    padding-left: 0.3em;
    padding-top: 0.3em;


}


.KMR-userdetails-head:after {
    clear: both;
    content: "";
    display: table;
}


.KMR-userdetails-head-name {
    display: inline-block;
    min-width: 15em;
    font-size: 1.2em;
}



.KMR-userdetails-head .KMR-buttonpanel {
    float: right;

}

.KMR-userdetails-strings-list {

}






.KMR-buttonpanel {

    display: inline-block;
    
}


.KMR-buttonpanel .KMR-button {
    margin-right: 0.4em;
}


.KMR-buttonpanel .KMR-button:last-of-type {
    margin-right: 0.2em;
}
.KMR-buttonpanel .KMR-button:first-of-type {
    margin-left: 0.2em;
}


.KMR-button {

    border: none;

    background: none;


    /*min-height: 0.9em;*/
    min-width: 1.7em;
    cursor: pointer;

    font-size: 1em;

/*
    padding-top: 0.25em;
    padding-bottom: 0.25em;
*/
}




.KMR-button.not-clickable {
    cursor: default;
}

.KMR-button.disabled {

    /*color: lightgray;*/
    opacity: 0.4;
    filter: alpha(opacity=40);

    cursor: default;
}


/*
.KMR-button-text.disabled {
    border-color: lightgray;
}
*/



/*.dataplot-collection-select:hover,*/
.KMR-button.KMR-button-text:hover:not(.disabled):not(.not-clickable) {

  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);

  
   background-color: #FFF;

}


.KMR-button-text:not(.no-border) {
    border: 1px solid #A0A0A0;
}

.KMR-button-text:not(.no-border).selected {
    border: 2px solid #000000;
}

.KMR-button.selected {
   
    background-color: #D0D0D0;
}





.KMR-button-text {
 
    background-color: #DDD;


    border-radius: 4px;

    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-right: 0.25em;
    padding-left: 0.25em;

    margin-right: 0.5em;

}

.KMR-button-icon {
    background-size: auto 105%;
    background-repeat: no-repeat;
    background-position: left center;
}

.KMR-button-text.KMR-button-icon {
    background-size: auto 100%;
    padding-left: 1.8em;

}



.KMR-button-icon-search {
    background-image: url('icons/64/1001.png');
}

.KMR-button-icon-delete {
    background-image: url('icons/64/1002.png');
}

.KMR-button-icon-edit {
    background-image: url('icons/64/1003.png');
}

.KMR-button-icon-user-add {
    background-image: url('icons/64/885.png'); 
}
.KMR-button-icon-user-delete {
    background-image: url('icons/64/887.png');
}
.KMR-button-icon-export {
    background-image: url('icons/64/856.png');
}
.KMR-button-icon-import {
    background-image: url('icons/64/857.png');
}
.KMR-button-icon-live {
    background-image: url('icons/64/514.png');
}
.KMR-button-icon-players {
    background-image: url('icons/64/481.png');
}
.KMR-button-icon-check {
    background-image: url('icons/64/1006.png');
}
.KMR-button-icon-restart {
    background-image: url('icons/64/959.png');
}
.KMR-button-icon-dev {
    background-image: url('icons/64/153.png');
}
.KMR-button-icon-loading {
    background-image: url('icons/64/1008.gif');
}
.KMR-button-icon-pause {
    background-image: url('icons/64/983.png');
}
.KMR-button-icon-warning {
    background-image: url('icons/64/174.png');
}
.KMR-button-icon-pdf {
    background-image: url('icons/64/298.png');
}
.KMR-button-icon-plot-add {
    background-image: url('icons/64/358.png');
}
.KMR-button-icon-window-find {
    background-image: url('icons/64/837.png');
}
.KMR-button-icon-collection-new {
    background-image: url('icons/64/334.png');
}
.KMR-button-icon-collection-delete {
    background-image: url('icons/64/339.png');
}
.KMR-button-icon-collection {
    background-image: url('icons/64/1007.png');
}
.KMR-button-icon-add {
    background-image: url('icons/64/1865.png');
}









.KMR-hydraclogviewer-data-window {

    height: 50em;

    overflow:auto;
    background-color: black;

}

.KMR-hydraclogviewer-data-holder {

    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;

    color: #006666;




}

.KMR-hydraclogviewer-data-bottom {

    height: 3em;
    text-align: center;
    color: #BBBBBB;
    padding-top: 1em;

}

.KMR-hydraclogviewer-data-bottom.busy {


    background-image: url('img/loading_black.gif');
    background-repeat: no-repeat;
    background-position: center center; 
    background-size: auto;

}



.KMR-hydraclogviewer-data-holder > .info {
    color: white;
}
.KMR-hydraclogviewer-data-holder > .dev {
    color: chartreuse;
}
.KMR-hydraclogviewer-data-holder > .dev2 {
    color: yellow;
}

.KMR-hydraclogviewer-data-holder > .warn {
    color: darkgoldenrod;
}

.KMR-hydraclogviewer-data-holder > .crit {
    color: darkgoldenrod;
}


.KMR-hydraclogviewer-data-holder > .lastline {

}


.KMR-hydraclogviewer-slider {

    margin-bottom: 1em;
}

.KMR-hydraclogviewer-slidermark {

    height: 100%;
    background-color: #777777;
    position: absolute;
    width: 0%;
    left: 0px;
}

.KMR-hydractinfo {

/*    border: 1px solid blue;*/
    

}

 

.KMR-hydractinfo-img {
    background: url('img/hydract_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top; 
    width: 7em;
    height:25.5em;    

    float:left;

    display: inline-block;

    text-align: center;
    
    position: relative;
}


.KMR-hydractinfo-id {

    position:absolute;
    bottom:0px;

    text-align: center;

    width: 100%;

    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;

    font-size: 1.5em;
    font-weight: bold;
    color: black;
}
    



.KMR-hydractinfo-data {

    /*width: 80%;*/
    /*border: 5px solid green;*/
    display: inline-block;

}


.KMR-hydractinfo-status {
    vertical-align: top;

    border: 1px solid black;
    background-color: #F1F1F1;
    display: inline-block;
    margin-left: 1em;

}


.KMR-hydractinfo-status-head {

    padding-left: 1em;
    padding-right: 1em;

    font-weight: bold;
    text-align: center;  
    border-bottom: 1px solid black;
    font-size: 1.1em;

    background-color: #FFFFFF;
}


.KMR-hydractinfo-status-list {

/*    display: inline-block;*/


}


.KMR-hydractinfo-status-list .value {
    color: black;
}


.KMR-hydractinfo-status-list .value.flags {

    white-space: pre;

}



.KMR-hydractinfo-events {
    vertical-align: top;

    border: 1px solid black;
    background-color: #F1F1F1;
    display: inline-block;
    margin-left: 1em;



}


.KMR-hydractinfo-events-head {

    padding-left: 1em;
    padding-right: 1em;

    font-weight: bold;
    text-align: center;  
    border-bottom: 1px solid black;
    font-size: 1.1em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #FFFFFF;
}


.KMR-hydractinfo-events-list {


    list-style-type: none;
    margin: 0;
/*    padding: 0.5em 0.5em 0.2em 0.5em;*/
    padding: 0; 

    height:20em;    

    overflow-y: scroll;
}


.KMR-hydractinfo-events-item > .event-time {
    vertical-align: top;
    display: inline-block;
    font-size: 0.9em;
}

.KMR-hydractinfo-events-item > .event-text {

    vertical-align:top;
    color: black;
    display: inline-block;

    /* FIXME */
    width: 13em;

    padding-left: 0.4em;


}
.KMR-hydractinfo-events-item > .event-option {
     vertical-align:top;
     display: inline-block;
     float: right;
}



.KMR-hydractinfo-events-item-click-option {

    /*
    float: right;
    cursor: pointer;
    text-decoration: underline;
    */

}


.KMR-hydractinfo-events-item {

    padding: 0.3em 0.2em 0.3em 2.4em;
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
}


.type-normal {
    background: transparent url("icons/event-type-info.png") no-repeat 0.4em center;
    background-size: auto 1.4em;
}

.type-info {
    background: transparent url("icons/event-type-info.png") no-repeat 0.4em center;
    background-size: auto 1.4em;
}

.type-warn {
    background: transparent url("icons/event-type-warn.png") no-repeat 0.4em center;
    background-size: auto 1.4em;
}

.type-crit {
    background: transparent url("icons/event-type-crit.png") no-repeat 0.4em center;
    background-size: auto 1.4em;
}



.KMR-hydractinfo-stats {

    vertical-align: top;
    border: 1px solid black;
    background-color: #F1F1F1;
    /*display: inline-block;*/
    margin-left: 1em;
    margin-top: 1em;

    text-align: center;  

}


.KMR-hydractinfo-stats-head {

    padding-left: 1em;
    padding-right: 1em;

    font-weight: bold;
    text-align: center;  
    border-bottom: 1px solid black;
    font-size: 1.1em;

    background-color: #FFFFFF;
}




.KMR-hydractinfo-stats-list {

    
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;

    vertical-align: top;

    display: inline-table;

    width:30%;

    margin-left: 0.2em;
    margin-right: 0.2em;


}

.KMR-hydractinfo-stats-list thead {

/*    background-color: #FFFFFF;*/
    font-weight: bold;
    text-align: center;  
    
    font-size: 1.1em;

}


.KMR-hydractinfo-stats-list .value {
    color: black;
}

.KMR-hydractinfo-log-collection {
    display: inline-block;

    vertical-align: top;
    border: 1px solid black;
    background-color: #F1F1F1;
    /*display: inline-block;*/
    margin-left: 1em;
}

.KMR-hydractinfo-log-collection-head {

    padding-left: 1em;
    padding-right: 1em;

    font-weight: bold;
    text-align: center;  
    border-bottom: 1px solid black;
    font-size: 1.1em;

    background-color: #FFFFFF;
}


.KMR-hydractinfo-log-collection-list {

    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;

    vertical-align: top;

    display: inline-table;
}


.KMR-hydractinfo-log-collection-list .unset .info p {
    margin: 0.5em;
}

.KMR-hydractinfo-log-collection-list label {
    margin: 0.5em;
}

.KMR-hydractinfo-log-collection-list .value {
    color: black;
    padding-inline: 12px;
}

.KMR-hydractinfo-log-collection-list .status {
    color: black;
    padding-inline: 12px;
    min-width: 150px;
}
/*    dataplot   */

ul.dataplot-sortable { 
    list-style-type: none;
    margin: 8px 0px 0px 0px;
    padding: 0;
}

ul.dataplot-sortable li {

    border-radius: 6px;

    margin: 0px 10px 10px 0;
    padding: 1px;
    float: left;

    width: 600px;
    height: 400px;
    /*font-size: 2em;*/
    text-align: center;

    color: #ffffff;

    background: #263c49;

    border: 2px solid #000000;
}



.dataplot-plot-holder {

    height: 100%;
    width: 100%;

    /*border: 2px solid white;*/


}


.dataplot-plot-holder canvas {

    height: 100%;
    width: 100%;

    padding: 6px;
}




.dataplot-plot-buttons {
    position: absolute;
    top: 6px;
    right: 0px;

}


.dataplot-menu {
    display:inline-block;

    margin: 10px 10px 0px 0px;
    padding: 0px 5px 0px 5px;
    
    background: #263c49;
    border-radius: 6px;
    border: 2px solid #000000;

}



.dataplot-menu .KMR-button {

    margin-top: 10px;
    margin-bottom: 10px;

}

select.dataplot-collection-select {

    min-width: 150px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left : 0px;
    margin-right:  0.2em;
    vertical-align: top;

}





.ui-deviceselect-devicelist {


}

.ui-deviceselect-devicelist-header {

    padding: 4px 0px 14px 0px;
    text-align: center;
    font-weight:bold;
    font-size: 1.2em;


}


.ui-datetimepicker-value-holder {

    padding-bottom: 6px;

}


.ui_input_element label.disabled {
    text-decoration: line-through;
}








.treeview, .treeview ul, .treeview li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.treeview {
    margin: 0 0 1em;
    text-align: center;
}
.treeview, .treeview ul {
    display: table;
}
.treeview ul {
  width: 100%;

}


.treeview li {
    display: table-cell;
/*    padding: .5em 0;*/

    padding: 10px 0;


    vertical-align: top;
}

.treeview li:before {
    outline: solid 2px #000000;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
   
}
.treeview li:first-child:before {left: 50%;}
.treeview li:last-child:before {right: 50%;}

.treeview code, .treeview span {
    display: inline-block;

/*
    margin: 0 .2em .5em;
    padding: .2em .5em;
*/
    margin: 0px 5px 10px;

    padding: 2px 2px;

    position: relative;

    min-width: 60px;

    height:     60px;

    border-radius: 6px;

    color: #ffffff;

    border: 2px solid #000000;

    background: rgba(38, 60, 73, 0.80);

}



.treeview ul:before,
.treeview code:before,
.treeview span:before {
    outline: solid 2px #000000;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
}


.treeview ul:before {
    top: -10px;
}


.tree code:before,
.treeview span:before {
    top: -10px;
}


.treeview > li {
    margin-top: 0;
}

.treeview > li:before,
.treeview > li:after,
.treeview > li > code:before,
.treeview > li > span:before {
  outline: none;
}



.KMR-grouptree-node-content {

    font-size: 1.1em;

}



.treeview span.KMR-grouptree-node.type-valves.selected,
.treeview span.KMR-grouptree-node.selected {

    /*background: rgba(38, 60, 73, 0.95);*/
    border-color: #FFFF00;
    
}


.treeview span.KMR-grouptree-node.type-valves:hover {

    border-color: #FFFF00;
}

.treeview span.KMR-grouptree-node.type-group:hover {

    background: rgba(38, 60, 73, 0.95);
    border-color: #FFFF00;
}

.treeview span.KMR-grouptree-node.type-group {

    padding: 3px 3px;
    cursor: pointer;
}



.treeview span.KMR-grouptree-node.type-valves {


    background: url('img/valves.png');

    background-repeat: no-repeat;
    background-position: center center; 
    background-size: cover;

/*
    background: rgba(221, 239, 840, 1.0);
    color: black;
*/

    color: white;

    padding: 3px 3px;
    cursor: pointer;

    border-color: #00ff9c;




}

.KMR-groupselect {

    display:inline-block;

}


.KMR-grouptree-node .KMR-groupselect-select {
    background-color: transparent;
    color: #FFFFFF;


    font-size: 1.1em;

}
.KMR-grouptree-node .KMR-groupselect-select option {
    background-color: transparent;
    color: #000000;

}


.KMR-treeview-holder {
    /* text-align: center; */
}

.KMR-grouptree-header {
    padding-bottom: 40px;

}

ul.treeview {
    display: inline-block;
}




.dataTables_wrapper .KMR-groupselect-select {

    margin: 0px 10px 0px 0px;
}



input.KMR-hydractlist-subgroup-check {
    margin-right: 10px;
    margin-left: 5px;


    -ms-transform: scale(1.6); /* IE */
    -moz-transform: scale(1.6); /* FF */
    -webkit-transform: scale(1.6); /* Safari and Chrome */
    -o-transform: scale(1.6); /* Opera */
    transform: scale(1.6);

}

.KMR-hydractlist-header {
 /*   padding-bottom: 20px;*/
}


#page-content .dataTables_wrapper {

    background: #263c491f;
    border-radius: 6px;
    border: 2px solid #000000;


    padding: 16px 6px 10px 6px;

}


.KMR-groupselect-select option {

    
}


.ui_input_element_selectlist option.level-0, 
.KMR-groupselect-select option.level-0 {
    font-weight:bold;
    font-size: 1.2em;
}


.ui_input_element_selectlist option.level-1,
.KMR-groupselect-select option.level-1 {

    font-weight:bold;
    font-size: 1.0em;
}

.ui_input_element_selectlist option.level-2,
.KMR-groupselect-select option.level-2 {
    /*color: #000000;*/


}



.ui_input_element_selectlist option.level-last,
.KMR-groupselect-select option.level-last {

    font-style: italic;
}

.KMR-grouptree {
    overflow-x: auto;
}