/* link */
a,
a.link,
a:link,
a:visited,
a:active,
a:hover {
    color: #0000FF;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}

/* Body */
body {
    font-family: Segoe UI, Arial, sans-serif;
    background: white;
    margin: 0;
}

/* Subscript */
sub {
    vertical-align: inherit;
    font-size: 70%;
}

/* Header */
#header {
    border: 0;
}
#header-logo {
    float:left;
    font-size:300%;
}
#header-options {
    float:right;
    margin: 0em 1em;
    font-size:140%;
    text-align: right;
}

#menu-lang,
#menu-license-manager,
#menu-user,
#menu-experiment {
    margin-left: 2em;
    display:none;
}

#menu-lang img {
    vertical-align: middle;
    height: 1em;
}
#menu-lang img.selected {
    filter: drop-shadow(0 0 .1em #FFF);
}
#menu-lang img.unselected {
    filter: grayscale(50%);
}


#header > div#header-logo {
    float:left;
    display:block;
}

/* Default jQuery-UI font is ugly */
.ui-widget {
     font-family: Segoe UI, Arial, sans-serif;
}

/* Default jQuery-UI spinner is huge */
.ui-spinner-input {
    width: 2em;
}

#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -128px;
    margin-left: -128px;
}

fieldset.small-chart {
    float:left;
    padding: 0;
}

.effects_chart,
.scatter_chart,
.regression_chart,
.surface2d_chart,
.surface3d_chart {
    width: 30em;
    height: 20em;
}

.surface3d_chart {
    height: 30em;
}

/* Content Boxes */
.subscription-info table,
fieldset,
div.note,
div.warn
{
    background: linear-gradient(to bottom, #eee 0%,#ddd 100%);
    border-radius: 0.5em;
    box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.5);
    border:0px;
    margin: 0.5em;
}

.subscription-info table {
    margin-left:auto;
    margin-right:auto;
    padding: 0.5em;
    border-collapse: collapse;
}

.subscription-info table th,
.subscription-info table td {
    text-align :center;
    padding: 0 1em;
}

.subscription-info table td:not(:first-child),
.subscription-info table th:not(:first-child) {
    border-left: solid 1px #777;
}
.subscription-info table th {
    border-bottom: solid 1px #777;
    padding: 0.2em 1em;
}


/* Title of content box */
fieldset legend {
    font-size: 150%;
    padding: 0 0.5em;
    margin-left: 1em;
    border-radius: 0.5em;
    align:center;
    background: linear-gradient(to bottom, #ddd 0%,#ccc 100%);
    border-radius: 1em;
    border:1px solid #dddddd;
}

/* Notes are yellow-ish and centered */
.subscription-info table,
div.note {
    vertical-align: center;
    background: linear-gradient(to bottom, #eed 0%,#ddb 100%);
}

/* Warnings are red-ish and centered */
div.warn {
    vertical-align: center;
    background: linear-gradient(to bottom, #ebb 0%,#d99 100%);
}

/* Spreadsheets container should not be bigger than screen */
div.htContainer {
/*     max-height: 80vh; */
    max-width: 1px;
}


/* jQuery-steps */
.wizard > .content {
  margin: 0;
  background: none;
  min-height: 0;
}
.wizard > .content > .body {
  padding: 0;
  height: auto;
  width: 100%;
}
.wizard > .content > .body > div {
  margin: 0 1em;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  margin:0.5em;
}

div.vcenter {
    display: inline-block;
    vertical-align: middle;
}

/* Button Stack -- Login / Buy */

.button-stack {
    text-align: center;
}
.button-stack .button-stack-box {
    font-size: 150%;
    display: inline-block;
}

.button-stack .button-stack-box > div {
    margin: 0.25em;
}
.button-stack .button-stack-box  button {
    width: 100%;
    text-align: left;
}
.button-stack .button-stack-box img {
    vertical-align: middle;
    height: 2em;
}
.button-stack .button-stack-box .ui-button-text {
    padding: 0;
}
.button-stack .button-stack-box .label {
    margin: 0.5em;
}
legend {
  text-align: left;
}



img.icon,
img.round-icon {
    height: 1.2em;
    margin-right: 0.2em;
    vertical-align:bottom;
}

img.round-icon {
    border-radius: 0.25em;
}

.pending-payment {
    color: red;
    font-weight: bold;
}
.clearfix {
    overflow: auto;
}


/*.ht_clone_left {
    z-index: 101;
}
.ht_clone_corner {
    z-index: 102;
}
.ht_clone_top {
    z-index: 103;
}*/


div.select2-container .select2-choice {
    padding-left: 0px;
}
div.select2-container .select2-choice > .select2-chosen {
    margin-right: 18px;
}