/*
   REM web pages custom style-sheet definitions

   LN @ INAF-OAS.  Last change: 15/10/2021
*/
/*
* {
box-sizing: border-box;
}

.block-cover .block-content .sequence-4 .entry-content::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 6px;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #2a455b;
    border-radius: 50%;
}

.block-cover .entry-overtitle a {
    color: #95d6fa;
}
*/
html, body {
  margin: 1px 1px 3px 1px;
  /*height: 100%; */
  background-color: #ddd;
  font: 100%/1em Droid Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*-moz-osx-font-smoothing: grayscale;*/
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #4466a0;  /* #428bca;*/
}

a:hover {
  text-decoration: none;
  color: #8e9aa7;
}

p {
  margin: 0.5em;
  padding: 0 0 0.5em;
  line-height: 1.2;
  text-align: justify;
}

img {
  border: 0px;
}

button {
  overflow: visible;
}

button:hover {
  overflow: visible;
  cursor: pointer;
}

input[type="text"] {
  background-color: #efefef;
  border: 1px solid #ccc;
  padding: 2px;
}

input[type="text"]:hover {
  background-color: #fff;
}

.notice-div {
	padding: 0.5em;
	background: #fff;
	color: #900;
	font-size: 1.3em;
	border: 1px solid #f00;
	text-align: center;
}


table.body-container {
  width: 100%;
  background-color: #f6f6f6;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
}

table.imgfull {
  width: 100%;
  background-color:#fff;
  border: 3px solid #666;
  border-bottom: 1px solid #666;
}

table.imgfull td {
  border: 1px solid #666;
  padding: 1px;
  font-size: 0.8rem;
  white-space: nowrap;
  vertical-align: middle;
}

table.singleobj {
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  border: 3px solid #666;
  border-bottom: 1px solid #666;
}

table.singleobj th, table.singleobj td {
  font-size: 0.8rem;
  white-space: nowrap;
  vertical-align: middle;
}

.check_box {
  background-color:#fff;
  padding: 6px 6px 6px 3px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

#singleobj-div {
  border-spacing: 0px;
  padding: 0px;
  border: 3px solid #666;
  border-bottom: 1px solid #666;
  font-size: 0.8rem;
  white-space: nowrap;
  vertical-align: middle;
}

#entryfull-div {
  background-color: #fff;
  display: block;
}

#imgtools {
  margin: 0px;
  border: 1px solid #999;
  border-collapse: collapse;
  vertical-align: bottom;
}

#imgtools td {
  border-right: 1px solid #aaa;
  padding: 3px 6px;
  text-align: center;
  white-space: nowrap;
}

table.imginfo {
  margin: 6px;
  background-color: #fff;
}


table.imginfo td {
  border: 0px;
  padding: 0px;
  font-size: 0.9rem;
  white-space: nowrap;
  vertical-align: middle;
}

table.helptab {
  margin: 6px;
  border-collapse: collapse;
}

table.helptab td {
  border: 1px solid #444;
  padding: 3px;
  font-size: 0.9rem;
  vertical-align: bottom;
  background-color: #fafafa;
}

table.helptab th {
  white-space: nowrap;
  border: 1px solid #444;
  padding: 3px;
  font-size: 0.9rem;
  vertical-align: bottom;
}


table.mytable {
  width: 100%;
  border: 3px solid #666;
  border-bottom-width: 1px;
}
.mytable td {
  padding: 1px;
  font-size: 0.8rem;
  white-space: nowrap;
}
.mytable th {
  padding: 1px;
  font-size: 0.8rem;
  font-weight: bold;
  white-space: nowrap;
}

div.charts-div {
  width: 850px;
  margin: auto;
}

table.mytable2 {
  width: 100%;
  border-collapse: collapse;
  border: 3px solid #666;
  border-bottom-width: 2px;
}
table.mytable2 td {
  border: #dddddd 1px solid;
  padding: 2px;
  font-weight: 0.8rem;
  white-space: nowrap;
}
table.mytable2 th {
  border: 1px solid #dddddd;
  padding: 4px;
  background-image: linear-gradient(to bottom,#fafafa 0,#e9e9e9 98%);
  background-repeat: repeat-x;
  font-size: 0.9rem;
  font-weight: bold;
  white-space: nowrap;
}

table.selform_rem {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 3px solid #666;
  border-bottom-width: 1px;
  /*color: #ddd;*/
  background: #444;
  /*background: #ffd700;*/
}

table.selform_ross {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 3px solid #666;
  border-bottom-width: 1px;
  background: #ccc;
  border-collapse: collapse;
}
table.selform_ross td {
  padding: 1px;
  font: 8pt verdana, geneva, lucida, arial, helvetica, sans-serif;
  white-space: nowrap;
}
table.selform_ross th {
  font: bold 10pt verdana, geneva, lucida, arial, helvetica, sans-serif;
  white-space: nowrap;
}

table.select_rem {
  height: 2rem;
  min-height: 2rem;
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #ddd;
  background: #444;
  /*background: #ffd700;*/
  text-align: left;
  border-collapse: collapse;
}

table.select_rem tr {
  vertical-align: middle;
}

table.select_rem th {
  min-width: 2rem;
  padding: 0px 4px;
  white-space: nowrap;
}

table.select_rem td {
  padding: 3px;
  white-space: nowrap;
}

table.select_ross {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: #ff0;
  text-align: left;
  border-collapse: collapse;
}

table.select_ross tr {
  vertical-align: middle;
}

table.select_ross td {
  white-space: nowrap;
  vertical-align: middle;
}
/*
table.select_ross img {
  vertical-align: middle;
}
table.select_rem td.greybox {
*/
td.greybox {
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 3px;
  /*background: #2a455b;*/
}

.retrieve {
  white-space: nowrap;
  border: 1px solid #ccc;
  padding: 2px;
  font-weight: bold;
  color: #95d6fa;
  background: #0b181f;
}


table.order_format_rem {
  padding-left: 8px;
}

table.order_format_rem tr {
  color: #ddd;
}

table.order_format_rem td {
  padding: 0px;
  background: #920;
}

table.order_format_ross {
  background: #ccc;
  border-collapse: collapse;
}

table.order_format_ross tr {
  background: #ff0;
}

table.order_format_ross td {
  padding: 0px;
}

table.order_by {
  min-height: 2rem;
  margin: 0px;
  padding: 1px 0px;
  border: 0px;
  /*border-right: 2px solid #666;*/
  border-collapse: collapse;
}

table.format {
  border-collapse: collapse;
}

table.order_by td, table.format td {
  padding: 0px 8px 0px 4px;
  white-space: nowrap;
}


td.view_form {
  padding: 0px;
  white-space: nowrap;
  border-top: 1px solid #666;
  border-right: 2px solid #666;
}


.proj_type-btn-sel {
  border-color: #f00 !important;
  background-color: #ffa500 !important;
}

#proj_type-btn {
  position: absolute;
  top: 45px;
  right: 6px;
  z-index: 20;
  margin: 0;
  background: #444;
  opacity: 0.7;
  border-radius: 4px;
  padding: 0 2px;
  border: 1px solid #eee;
  font-size: 1rem;
}

#al_ann-div {
  width: 300px;
  height: 460px;
  padding-left: 8px;
  line-height: 500px; 
  border: 1px solid #ddd;
  background-color: #444;
  display: inline-block;
}

table.al_annotations {
  margin: 0px;
  padding: 10px 0px;
  border: 0px;
  background-color: #444;
  color: #fff;
  text-align: left;
  border-collapse: collapse;
}

table.al_annotations tr {
  vertical-align: top;
}

table.al_annotations th {
  white-space: nowrap;
  vertical-align: middle;
  padding: 8px;
}

table.al_annotations td {
  vertical-align: middle;
}

#spebrowse .spetext {
  color: #00c;
  background: #eee;
  border: 1px solid #ccc;
  margin: 0px;
  padding: 2px;
  font: 10px Arial, Helvetica, sans-serif;
}

.spebrowse td { margin: 0px; padding: 2px; white-space: nowrap; }

.infotable {
  width: auto;
  border: 1px solid #666;
  background-color: #fff;
  margin: 3px;
  padding: 0px;
}
.infotable tr { background-color: #fff; }
.infotable th { text-align: center; background-color: #fff; font-size: 1.0rem;
  font-weight: bold; border: 1px solid #000; }
.infotable td { text-align: left; background-color: #fff; font-size: .9rem;
  white-space: nowrap; }

.infotable input {
  COLOR: #000;
  BACKGROUND-COLOR: #efefef;
  BORDER: #000 1px solid;
  font-size: 1.0rem;
  font-weight: bold;
  padding: 3px;
  cursor: pointer;
}
.infotable input:hover {
  color:      HighlightText;
  background: Highlight;
}

table.infotable2 {
  border: 1px solid #666;
  background-color: #fff;
  margin: 3px;
  padding: 0px;
}
.infotable2 tr { background-color: #fff; }
.infotable2 th { text-align: center; background-color: #fff; font-size: 12px;
  border: 1px solid #000; }
.infotable2 td { text-align: center; background-color: #fff; font-size: 11px;
  white-space: nowrap; }

table.sextable {
  border: 1px solid #666;
  margin: 0px; 
  padding: 2px;
  text-align: center;
}
.sextable tr { text-align: center; }
.sextable th { text-align: center; background-color: #ccc; font-size: 1rem;
  white-space: nowrap;}
.sextable td { text-align: right; font-size: 0.9rem;
  white-space: nowrap; }
/*.sextable td { text-align: right; background-color: #fefeea; font-size: 11px;
  white-space: nowrap; }
*/

div.frame1 {
  border: 3px solid #999;
  margin: 3px;
}

table.itable1 {
  border: 3px solid #999;
  margin: 3px;
}
.itable1 th { background-color: #ccc; white-space: nowrap; }
.itable1 td { white-space: nowrap; }

table.itable2 {
  border: 3px solid #06d;
  margin: 3px; 
}
.itable2 th { background-color: #ccc; color: #009; white-space: nowrap; }
.itable2 td { white-space: nowrap; }

table.selinfo {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: #ccc;
  text-align: left;
}

table.selinfo td {
  margin: 1px;
  border: 2px solid #eaeaea;
  font-size: 0.9rem;
}

div.extrasel {
  margin: 0px 0px 6px 0px;
  border: 1px solid #666;
  padding: 6px;
}

div.usedqry {
  margin: 0px 3px 10px 3px;
  font-size: 0.8rem;
  color: #444;
}

table.pages {
  border: 1px solid #666;
  padding: 0px;
}

table.pages tr {
  vertical-align: middle;
}

table.pages th {
  margin: 0px;
  padding: 0px 3px 0px 3px;
  border: 2px solid #eaeaea;
  background: #ccc;
}

table.pages td {
  margin: 0px;
  padding: 0px 3px 0px 3px;
  border: #666 1px solid;
}

table.pages .selpg {
  COLOR: #009; BACKGROUND-COLOR: #efefef;
  FONT-WEIGHT: bold; FONT-SIZE: 0.9rem;
  BORDER: 0px;
}
table.pages .selpg10 {
  COLOR: #009; BACKGROUND-COLOR: #efefef;
  FONT-WEIGHT: bold; FONT-SIZE: 0.9rem;
  BORDER: 0px;
}
table.pages input.selpg:hover {
  color: #ff0000;
  cursor: pointer;
  cursor: 'hand';
}
table.pages input.selpg10:hover {
  color: HighlightText;
  background: Highlight;
  cursor: pointer; cursor: 'hand';
}

table.uqry {
  border: 1px solid #666;
  padding: 0px;
}

table.uqry tr {
  vertical-align: middle;
}

table.uqry th {
  margin: 0px;
  padding: 0px 3px 0px 3px;
  border: 2px solid #eaeaea;
  background: #ccc;
  font-size: 0.8rem;
}

table.uqry td {
  margin: 0px;
  padding: 0px 3px 0px 3px;
  font-size: 0.8rem;
  white-space: nowrap;
}

table.pr_uqry {
  border: #666 1px solid;
  padding: 3px 6px;
  font-size: 0.9rem;
}

 
table.trailer {
  width: 100%;
  border: 0px;
  padding: 0px;
  border-collapse: collapse;
}

table.trailer tr {
  color: #dddddd;
  background-color: #444;
  vertical-align: middle;
}

table.trailer td {
  font-size: .8rem;
  padding: 6px;
}

table.trailer a {
 color: #bcbcbc;
}

table.trailer a:hover {
 color: #eeeeee;
}


#selbar .button {
  color: #000;
  background-color: #efefef;
  font-weight: bold;
  font-size: 0.9rem;
  border: #666666 1px solid;
}
#selbar .pdmenu {
  color: #000;
  background-color: #efefef;
  font-weight: bold;
  font-size: 0.8rem;
  border: none;
  margin: 0px;
}


#myformt {
  vertical-align: middle;
}

#myformt .button {
  color: #000;
  background-color: #efefef;
  font-weight: bold;
  font-size: 0.9rem;
  cursor: pointer;
  cursor: 'hand';
}
#myformt .mbutton {
  color: #000;
  background-color: #efefef;
  font-weight: bold;
  font-size: 0.9rem;
  border: #000 2px solid;
}
#myformt input.mbutton:hover {
  color:      HighlightText;
  background: Highlight;
  border:     2px groove #fff;
  outline:    1px solid #000;
  cursor: pointer;
  cursor: 'hand';
}

#myformt .mbuttonr {
  color: #000;
  background-color: #efefef;
  font-weight: bold;
  font-size: 0.9rem;
  border: #000 2px solid;
}
#myformt input.mbuttonr:hover {
  color:      HighlightText;
  background: Highlight;
  border:     2px groove #fff;
  outline:    1px solid #000;
  cursor: pointer;
  cursor: 'hand';
}

#myformt .minibutton {
  color: #000;
  background-color: #efefef;
  font-weight: bold;
  font-size: 0.9rem;
  border-left: 0px;
}

#myformt .pdmenu1 {
  color: #000;
  background-color: #efefef;
  font-weight: bold;
  font-size: 0.8rem;
}
#myformt .pdmenu select {
  color: #000;
  font-size: 0.8rem;
  /*font-weight: bold;*/
  border: 1px solid #ccc;
  background: #eee;
  margin: 0px;
}

/* -- myformt -- */


#sym_subrl2, #sym_subru2 {
  vertical-align: middle;
  font-size: 1.3rem;
  padding-left: 4px;
  padding-right: 4px;
}

.minput {
  color: #00c;
  font-size: 0.8rem;
  border: 1px solid #ccc;
  margin: 0px;
  padding: 2px;
  vertical-align: middle;
}
.pr_minput {
  color: #00c;
  font-size: 1rem;
  background: #eee;
  border: 1px solid #ccc;
  margin: 2px;
  padding: 2px;
}


.pgarr {
  vertical-align: middle;
}

.chkbox {
  vertical-align: middle;
}



#maincatform .mbutton {
  color: #00c;
  background-color: #efefef;
  font-weight: bold;
  font-size: 0.9rem;
  border: 2px solid #000;
}

#mydiv a:hover, #mydiv a.active {
  background-color: #fff;
  color: #C4000A;
  padding: 2px;
}

.ui-datepicker{
  z-index: 9999 !important;
}

div#mygo {
  float: right;
  color: #00c;
  background-color: #efefef;
  border: 1px solid #ccc;
  text-align: left;
}
.buttongo {
  width: 70px;
  background-image: url("/Icons/right_arr_bb.gif");
  background-position: right;
  background-repeat: no-repeat;
}

.llist {
  float: left;
}
.pre-suc {
  float: right;
}

.visible {
  z-index: 2;
  display: block;
  opacity: 1;
  height: auto;
}

.hidden {
  opacity: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}


#sky_check {
  display: inline-block;
  vertical-align: middle;
}

#sky_check:hover {
  cursor: pointer;
}

#histo_check {
  display: inline-block;
  vertical-align: middle;
  width:36px;
  height: 30px;
  background-image: url('/Icons/bar_chart_30px.gif');
  text-align: right;
}

#histo_check:hover {
  cursor: pointer;
}


.submit_main {
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2;
  background-color: #428bca;
  background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
  background-repeat: repeat-x;
  border: 1px solid #2b669a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  margin-left: 5px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 4px;
}

.submit_main:hover {
  background-image: none;
  background-color: #2d6ca2;
  -webkit-transition: all 0.60s ease-out;
  -moz-transition: all 0.60s ease-out;
  transition: all 0.60s ease-out;
}


.smallbutton {
  padding: 3px;
  margin-bottom: 0;
  margin-left: 5px;
  font-size: .8rem;
  color: #fff;
  background-color: #428bca;
  background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
  background-repeat: repeat-x;
  border: 1px solid #2b669a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 4px;
}

.smallbutton:hover {
  background-image: none;
  background-color: #2d6ca2;
}

#thumb {
  position: absolute;
  border: 1px solid black;
  background: #ccffcc;
  z-index: 10;
}

#thumb-sky-div {
  visibility: hidden;
  z-index: 79;
  position: absolute;
  /*left: 500px;*/
  background: #fefeea;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  float: left;
}

#fsky_info-div {
  visibility: hidden;
  z-index: 78;
  position: absolute;  
  /*left: 500px;
  top: 100px;*/
  background-color: #fefefe;
  border-bottom: 2px solid #000;
}

.ui-datepicker-trigger{
    border: none;
    background: none;
}


/* The checkbox switch */
.switch {
	position: relative;
	display: block;
	vertical-align: middle;
	width: 120px;
	height: 30px;
	padding: 2px;
	margin: 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing: content-box;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing: content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: .9em;
/*text-transform: uppercase;
background: #eceeef;
*/
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing: content-box;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing: content-box;
}
.switch-label:before {
	content: attr(data-off);
	right: 8px;
	color: #444444;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #E1B42B;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 3px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 93px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
 
/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}