/*styles.css*/

:focus {
    outline: none;
}

* {
    font-family: Arial;
}

p {
   color: red;
}

a, input, button {
    font-size: 100%;
}

/* a { */
  /* -webkit-appearance: button; */
/* } */

/* a:not(#auth-logout) { */
  /* -webkit-appearance: button; */
/* } */

/* ✅ Add this separate rule below it to cleanly colour the logout button red */
/* #auth-logout { */
  /* background-color: #bd2130 !important; */
  /* color: white !important; */
  /* padding: 6px 12px; */
  /* border-radius: 4px; */
  /* text-decoration: none; */
/* } */
/* #auth-logout:hover { */
  /* background-color: #9c1b28 !important; */
/* } */

textarea {
    vertical-align:middle;
}

fieldset {
    display: inline-block;
/*    display: block;*/
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
/*    border: 2px groove (internal value);*/
/*    border: 2px solid;*/
    border-width: 1px;
    border-style: solid;
}







/*ul {*/
/*    list-style-type: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    overflow: hidden;*/
/*    background-color: slategrey;*/
/*}*/
    
/*li {*/
/*    float:left;*/
/*}*/

/*li div {*/
/*    display: block;*/
/*    color: white;*/
/*    text-align: center;*/
/*    padding: 14px 16px;*/
/*    text-decoration: none;*/
/*    width: 10ex;*/
/*    height: 8ex;*/
/*}*/




/*button {*/
/*    cursor:pointer;*/
/*}*/

/*input[type="submit"] {*/
/*    cursor:pointer;*/
/*}*/

/*label > input[type="radio"] {*/
/*    background: grey;*/
/*}*/


input[name="fdf"], input[name="vw"], input[name="vb"], input[name="gps"] {
   transform: scale(1.5);
}


.select_all_check {
    color: dimgrey;
/*    background-color: darkgrey;*/
}

input[type="radio"] {
/*    margin: 1ex;*/
    margin-right: 0.5em;
/*    line-height: 1em;*/
/*    border: 0px;*/
/*    width: 100%;*/
/*    height: 1em;*/
}

input[type="checkbox"] {
    margin-right: 0.5em;
    line-height: 1;
}

.checkbox_div {
    line-height: 1;
}

.radio_div {
    display: inline-block;
    border: 2px solid darkgrey;
    border-radius: 0.25rem;
    padding: 10px;
    vertical-align: top;
    line-height: 1;
}

.radio_div_no_outline {
    display: inline-block;
    border: none;
    padding: 10px;
    vertical-align: top;
    line-height: 1;
}

.mult_radio_outline {
    display: inline-block;
    border: 2px solid darkgrey;
    border-radius: 0.25rem;
    padding: 10px;
}

.list_outline {
    display: inline-block;
    border: 2px solid darkgrey;
    border-radius: 0.25rem;
    padding: 10px;
}

.float_left {
    float: left;
}

.radio_label:hover {
    box-shadow: 0px 0px 4px 2px #66cc66;
}

.observer_list {
/*    color: orange;*/
    list-style-type: none;
    float: none;
    background-color: white;
    border: solid grey 1px;
/*    width: 30ex;*/
}

.obs_li {
    float: none;
}

.hidden {
    display: none;
}

.error_text {
    color: darkred;
    font-weight: bold;
    font-size: 150%;
}

.confirm_ok_text {
    color: darkgreen;
    font-weight: bold;
    font-size: 150%;
}

img {
    margin: 10px;
}
.img_novm { /* no vertical margins */
    margin: 0px 20px 0px 20px;
    float: left;
}
.img_fr { /* float right */
    margin: 0px 20px 0px 20px;
    float: right;
}

.rhs {
    float: right;
}

form {
    display: inline;
}

.forfocus {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.mybutton {
    background-color: grey;
    border: 1px solid;
    margin: 10px 10px;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    
/*    white-space: normal;*/
/*    width: 10ex;*/
    
/*    font-family: courier;*/
/*    font-size: 16px;*/
/*    font: bold 14px Arial;*/
}

.mysubmit {
    color: red;
}

.button1 {
    background-color: lightgrey;
}

.button2 {
    background-color: white;
}

.buttonhome {
    background-color: Transparent;
}

.button_narrow {
    white-space: normal;
    width: 10ex;
}

.myred {
    color: darkred;
    font: bold 16px Courier New;
}

.mygreen {
    color: darkgreen;
    font: bold 16px Courier New;
}

#wrapper .text {
    position:relative;
    bottom:30px;
    left:0px;
    visibility:hidden;
}

#wrapper:hover .text {
    visibility:visible;
}









.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}








.ui-autocomplete {
/*    background-color: grey;*/
}

/*.form-control {*/
/*    color: red;*/
/*}*/




/*.ui-autocomplete {*/
/*    position: absolute;*/
/*    z-index: 1000;*/
/*    cursor: default;*/
/*    padding: 0;*/
/*    margin-top: 2px;*/
/*    list-style: none;*/
/*    background-color: #ffffff;*/
/*    border: 1px solid #ccc;*/
/*    -webkit-border-radius: 5px;*/
/*       -moz-border-radius: 5px;*/
/*            border-radius: 5px;*/
/*    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
/*       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
/*            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
/*}*/
/*.ui-autocomplete > li {*/
/*  padding: 3px 20px;*/
/*}*/
/*.ui-autocomplete > li.ui-state-focus {*/
/*  background-color: #DDD;*/
/*}*/
/*.ui-helper-hidden-accessible {*/
/*  display: none;*/
/*}*/




/*.ui-autocomplete {*/
/*  position: absolute;*/
/*  top: 100%;*/
/*  left: 0;*/
/*  z-index: 1000;*/
/*  float: left;*/
/*  display: none;*/
/*  min-width: 160px;*/
/*  _width: 160px;*/
/*  padding: 4px 0;*/
/*  margin: 2px 0 0 0;*/
/*  list-style: none;*/
/*  background-color: #ffffff;*/
/*  border-color: #ccc;*/
/*  border-color: rgba(0, 0, 0, 0.2);*/
/*  border-style: solid;*/
/*  border-width: 1px;*/
/*  -webkit-border-radius: 5px;*/
/*  -moz-border-radius: 5px;*/
/*  border-radius: 5px;*/
/*  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
/*  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
/*  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
/*  -webkit-background-clip: padding-box;*/
/*  -moz-background-clip: padding;*/
/*  background-clip: padding-box;*/
/*  *border-right-width: 2px;*/
/*  *border-bottom-width: 2px;*/

/*  .ui-menu-item > a.ui-corner-all {*/
/*    display: block;*/
/*    padding: 3px 15px;*/
/*    clear: both;*/
/*    font-weight: normal;*/
/*    line-height: 18px;*/
/*    color: #555555;*/
/*    white-space: nowrap;*/

/*    &.ui-state-hover, &.ui-state-active {*/
/*      color: #ffffff;*/
/*      text-decoration: none;*/
/*      background-color: #0088cc;*/
/*      border-radius: 0px;*/
/*      -webkit-border-radius: 0px;*/
/*      -moz-border-radius: 0px;*/
/*      background-image: none;*/
/*    }*/
/*  }*/
/*}*/





/*.mybutton:focus {   */
/*  border-color: rgba(126, 239, 104, 0.8);*/
/*  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
/*    outline: 0 none;*/
/*    box-shadow: 0px 0px 5px 0px darkred;*/
/*}*/

.mydata {
    font-family: courier;
}

.mydatatable {
    border: 1px solid;
    margin: 10px;
    background: white;
}

#go_home {
    margin: 0px 0px 0px 20px;
    float: left;
}

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

.div_vert1 {
    float: left;
    margin: 0px 60px 0px 0px;
}

.div_vert2 {
    clear: left;
}

.div_indent {
    margin: 0px 0px 0px 2ex;
}

.r_just {
    text-align: right;
    width: 30ex;
}

.r_align {
    text-align: right;
}

.headertab {
/*    width: 30px;*/
/*    height: 100ex;*/
/*    padding: 10px;*/
/*    margin: 20px;*/
}


/* Style the tab */
.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: none;
    width: 30ex;
/*    height: 300px;*/
}

/* Style the buttons that are used to open the tab content */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 12px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 300px;
}


.oneline {
    display:inline;
}


.add_cliff_div {
    line-height: 200%;
}

.add_cliff_label {
    width: 16ex;
    display:inline-block;
    text-align:right;
    vertical-align:middle;
}

.add_cliff_input {
    width: 220px;
}

.add_cliff_textarea {
    margin-top:1ex;
    width: 220px;
    min-width: 220px;
    max-width: 220px;
}

.add_cliff_submit {
    text-align:center;
}


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




/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    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.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 60ex; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}




/* .shinymanager-logout i { */
	/* background-color: red; */
  /* height: 164px; */
  /* padding: 0 24px; */
  /* border-radius: 32px; */
  /* font-size: 18px; */

  /* display: inline-flex; */
  /* align-items: center; */
  /* gap: 10px; */
/* } */

/* .shinymanager-logout span { */
  /* font-size: 10px; */
  /* border-radius: 64px !important; */
/* } */


/* #\.shinymanager_logout { */
  /* background-color: red; */
  /* color: white; */
  /* border-radius: 64px; */
  /* font-size: 10px; */
  
  /* height: 60px; */
  /* width: 60px; */
  /* padding: 0 24px; */
  /* border-radius: 32px; */
  /* font-size: 18px; */

  /* display: inline-flex; */
  /* align-items: center; */
  /* gap: 10px; */
  
  /* content: none; */
/* } */


/* .shinymanager_logout span::before, */
/* .shinymanager_logout span::after { */
  /* content: none !important; */
/* } */


/* #\\.shinymanager-logout { */
  /* background-color: red; */
/* } */

/* #\.shinymanager-logout { */
  /* background-color: red; */
/* } */

/* .shinymanager-logout { */
  /* background-color: red; */
/* } */




.chosen-drop .chosen-results {
    max-height: 330px;
}


.chosen-15 {width: "15ex"}
.chosen-20 {width: "20ex"}
.chosen-25 {width: "25ex"}
.chosen-30 {width: "30ex"}
.chosen-35 {width: "35ex"}
.chosen-40 {width: "40ex"}
.chosen-45 {width: "45ex"}
.chosen-50 {width: "50ex"}



.green_div {
	background-color: #bfd9c5;
}


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


/* for jQuery modal form */
/*label, input { display:block; }*/
/*input.text { margin-bottom:12px; width:95%; padding: .4em; }*/
/*fieldset { padding:0; border:0; margin-top:25px; }*/
/*h1 { font-size: 1.2em; margin: .6em 0; }*/
/*div#users-contain { width: 350px; margin: 20px 0; }*/
/*div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }*/
/*div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }*/
/*.ui-dialog .ui-state-error { padding: .3em; }*/
/*.validateTips { border: 1px solid transparent; padding: 0.3em; }*/


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