/* Lets keep all new CSS here to match with Vision CSS Framework */
#main {
  width: 100%;
}

.inner {
  width: 95%;
}

h2 {
  font-size: 26px;
}

footer {
  font-size: 10px;
}

body, a,
input, select, textarea {
  font-size: 16px;
  letter-spacing: .3px;
}

.logo-text {
  font-size: 20px;
}

small,
span.control-note,

.sub-title,
.field-help,
.mini_nav_none,
.mini_nav_none a,
.appstack_sub_list,
.field-help .example {
  font-size: 14px;
  font-weight: 400;
}

p.lead,
ul.lead,
button#login_btn,
button#admin_login_btn,
span.input-wrapper label,

#main_nav_buttons li,
#license_created_details a,
#license_header .license_bar .bar_text,

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget .ui-widget,

.jGrowl,
.ui-helper-reset,
.chosen-container,
.skip-to-content-link,
.dialog_confirm_text,
.dialog_confirm_list,
.app_detail_timestamp {
   font-size: 16px;
   font-weight: 400;
   letter-spacing: .3px;
}

h3, h4,
table.key-val a,
table.key-val th,
.ui-widget-header h2,
.manager_service_info .name,
.appstack .appstack_info .name,
.activitylog .activitylog_info .name {
  font-size: 16px;
}

span.input-wrapper {
  width: 330px;
}

#main_nav_buttons li a,
.ui-tabs .ui-tabs-nav li a {
  font-size: 14px;
  padding: 5px 0;
}

select {
  padding: 3px;
}

input[type="search"] {
  width: 178px;
  height: 18px;
  padding: 5px;
}

input[type="checkbox"], input[type="radio"] {
  margin-top: 4px !important;
}

.flex_container h2 {
  width: 50% !important;
}

select.floating_search_filter {
  top: 2px;
  padding: 2px;
  height: 25px;
  min-width: 100px;
}

#main_nav_buttons li {
  padding: 4px 0;
  width: 20%;
  transition: width 1s ease;
}

#main_nav_buttons #main_nav_margin_tab {
  width: 30%;
}

@media (max-width: 1500px) {
  #main_nav_buttons #main_nav_margin_tab {
    width: 0;
    overflow: hidden;
  }
}

#main_nav_buttons #pending_jobs_li {
  padding: 4px 0;
}

#ad_form_section .field-help,
#hyp_config_section .field-help {
  width: 39%;
}

ul.tagit li.tagit-new { padding: .1em 0 .1em 0; }

.ui-button {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 3px;
  line-height: 22px !important;
  font-size: 14px !important;
}

.ui-tabs .ui-tabs-nav li {
  padding-left: .5%;
  padding-right: .5%;
}

.license-min-height {
  min-height: calc(100vh - 241px) !important;
}

.ui-tabs .ui-tabs-panel {
  min-height: calc(100vh - 241px);
}

#Register.ui-tabs.ui-tabs-panel {
  min-height: calc(100vh - 154px);
}

.ui-tabs-panel h2 {
  width: unset;
}

#pending_jobs_button {
  padding: 6px;
  padding-left: 0;
  height: 19px;
}

.dataTables_wrapper .dataTables_paginate .fg-button {
  line-height: 13px !important;
}

table.dataTable thead tr {
  height: 36px;
}

#dashboard_section {
  width: 100%;
}

.form_container {
  width: 100%;
  box-sizing: border-box;
}

.content_frame {
  width: 1150px;
  box-sizing: border-box;
  border-right: none;
}

.inner-container {
    box-sizing: border-box;
    min-height: calc(100vh - 130px);
}

#Dashboard div.dashboard_graph {
  width: 325px;
  height: 305px;
}

#Dashboard div.dashboard_column {
  width: 330px;
  min-height: 310px;
}

#zoom h2,
.dashboard_column h2 {
    font-weight: 400;
}

.ui-pill,
.ui-pill.summary {
  font-size: 12px;
  line-height: 1.8em;
  padding: 0 7px 0 7px;
}

.space {
  width: 25%;
}

.new-ui-page {
  min-width: 1100px;
}

td.details .ui-button-b {
  line-height: 20px !important;
  margin-top: 3px;
  width: 150px !important;
}

.lrgish {
  width: 72%;
}

table.dataTable tbody td > div {
  width: 100% !important;
}

table.dataTable tbody td .appstack_sub_list {
  width: 500px !important;
}

table a,
table.dataTable,
#leaderboard_section table,
table.dataTable tr.details {
   font-size: 14px;
}

.dataTables_wrapper .dataTables_info {
  padding-top: 4px;
  font-size: 14px;
}

.appstack_sub_list {
  left: 43%;
  top: 10%;
}

.text-overflow {
  max-width: 90%;
}

#container {
  min-height: unset;
}

#body .inner {
  min-height: unset;
}

#container.get-started-page {
    width: 100%;
    height: 100%;
    margin: 0;
    min-width: 1020px;
    min-height: 825px;
}

.get-started-page h2,
.get-started-page .bulleted li {
    font-size: 24px;
}

.get-started-page .logo-img {
  height: 60px !important;
  width: unset;
}

.get-started-page .logo {
    padding-top: 50px;
    margin-left: 50px;
}

.get-started-page .logo-text {
    font-size: 24px;
    font-weight: lighter;
}

.welcome-message {
    font-size: 48px;
    margin-bottom: 50px;
    margin-top: 100px;
}

#ft_home {
    margin-left: 50px;
    margin-top: 130px;
}

#ft_home ul {
    margin-bottom: 40px;
}

.bulleted li {
    font-weight: lighter;
}

.get-started-page .ui-button {
    border-radius: 20px;
    font-size: 16px !important;
    line-height: 30px !important;
}

#register_box input,
#register_box select {
  width: 250px;
}

#Register {
  border-radius: inherit;
  min-height: unset;
}