/*
Custom CSS for the Vision theme.
This file contains the custom styles to ensure brand consistency across the site.
*/

h2 {
  font-weight: 400;
}

b, strong,
.ui-widget-header {
  color: #01041A !important;
  font-weight: 600;
}

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

input, select, textarea {
  border: 1px solid #9F9CAA;
  border-radius: 5px;
  color: #01041AD4;
}

input[disabled], select:disabled {
  background: rgba(176, 190, 219, 0.2);
  color: #3C4860;
  opacity: 0.9;
}

input:focus, select:focus, textarea:focus {
  border-color: #4A12F0 !important;
  outline: none;
}

h1, h2, h3 { color: #01041A; }

select { background: #fff; }

a,
a:link,
a:visited,
.logo-text,
.appstack_info a,
.ui-widget-content a,
.ui-state-highlight a,
.ui-state-highlight a:link,
.ui-widget-content .ui-state-highlight a,
.jGrowl-message a:visited,
.av-fa-copy-wrapper.copy {
  color: #00297B;
}

footer,
span.control-note,

.license-usage,
.status-disabled,
.feature-preview,
.app-volumes-logo,
.field-help .example,
.app_detail_timestamp,
.dialog_confirm_list div small {
  color: #00000099;
}

.field-help,
span.control-note {
  color: #3c4860;
}

#main_nav,
.ui-state-default,
#pending_jobs #pending_jobs_button,
#main_nav_buttons li.ui-state-hover {
  background: #F6F5FB;
}

.form_container,
.ui-widget-content-b,
.ui-widget-content-b-no-padding {
  border-radius: 5px;
  background: #fff !important;
}

.content-panel,
.content-panel:hover,
.form_container,
.ui-widget-header {
  border: 1px solid #D8D5E4;
}

input.ui-widget-content,
select.ui-widget-content,
.chosen-container-single .chosen-single {
  border: 1px solid #9F9CAA;
  height: 30px;
}

.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
  background: #fff;
  color: #01041AD4;
}

.chosen-container .chosen-results li.disabled-result {
  color: #9F9CAA;
}

.chosen-container-active .chosen-single {
  border-color: #4A12F0;
}

fieldset.nested {
  border: none;
}

#main_nav_buttons li a,
.ui-tabs .ui-tabs-nav li a {
  color: #3C4860 !important;
}

#main_nav_buttons li a:hover,
.ui-tabs .ui-tabs-nav li a:hover,
#main_nav_buttons li.ui-state-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #01041A !important;
}

#main_nav_buttons li:focus-within {
  outline: none !important;
}

.ui-tabs .ui-tabs-nav li {
  margin: 0;
  margin-left: .2%;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover {
  padding-bottom: 1px;
}

.jstree-container-ul,
.ui-widget-content,
input.ui-widget-content {
  color: #01041AD4;
  background: #fff;
}

div.jGrowl-header span.fas {
  color: inherit;
}

#flasherror, .error,
#flashwarning, .warning {
  color: #870037;
}

.ui-state-highlight,
.ui-widget-header .ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  background: #F6ECBB;
  color: #604101 !important;
}

input.required.ui-state-highlight,
table.dataTable tbody td.ui-state-highlight {
  border: 1px solid #870037;
  background: #fff;
  color: #604101 !important;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error,
#license_header .ui-state-error h2 {
  background: #FEE3E7;
  color: #870037 !important;
}

#pending_jobs  #pending_jobs_count {
  color:  #000000;
}

.tagit.ui-widget.ui-widget-content,
.ui-draggable .ui-dialog-titlebar {
  background: #F6F5FB;
}

.ui-dialog .ui-dialog-buttonpane {
  border-width: 0;
}

#main_nav_buttons li.ui-state-active,
#main_nav_buttons li.ui-state-hover {
  border-bottom: 2px solid #4A12F0;
  border-radius: 0;
}

.ui-tabs .ui-tabs-panel,
.dialog_confirm_list,
.ui-widget-header {
  background: #fff;
}

.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li.ui-state-focus,
.ui-tabs .ui-tabs-nav li.ui-state-hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border: none;
  background: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-state-hover {
  border-bottom: 2px solid #4A12F0;
  margin-bottom: 0;
}

.ui-tabs .ui-tabs-panel {
  border: 1px solid #D8D5E4;
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
}

a:hover,
.plus_expand:hover,
.mini_nav_none a:hover {
  color: #1858D2;
}

.ui-button {
  background: #fff;
  color: #4A12F0 !important;
  border: 1px solid #4A12F0;
  border-radius: 18px;
  text-transform: uppercase;
}

.ui-button:hover, .ui-button:focus {
  background: #E2EBFF;
  color: #290192;
  border: 1px solid #290192;
}

.ui-button:active,
a.ui-button:active {
  background: #C9D8F5;
  color: #1C016D;
  border: 1px solid #1C016D;
}

.ui-button:hover .ui-icon.spinner-jobs,
.ui-icon.spinner-jobs {
  background-image: url('/images/vision-spinner-jobs.gif');
  background-size: cover;
}

.ui-button-icon-only .ui-icon {
  top: 48%;
  left: 48%;
}

.primary-btn {
  background: #4A12F0;
  color: #EFF2F8 !important;
  cursor: pointer;
}

.primary-btn:hover,
.primary-btn:focus {
  background: #290192;
  color: #C9FF27 !important;
}

.primary-btn:active {
  background: #1C016D !important;
  color: #C9FF27 !important;
}

.primary-btn.ui-state-disabled {
  background: #B0BEDB !important;
  color: #EFF2F8 !important;
}

#ft_getstarted:hover {
  background: #C9FF27;
}

.ui-pill,
.checked .ui-pill {
  color: #366A0C;
  background: #EEFCE3;
  border: 1.3px solid #366A0C;
  font-weight: 400;
}

.ui-icon {
  width: 18px;
  height: 18px;
}

.table-refresh,
.hover-help {
  color: #4A12F0;
}

.recover-admin-link {
  color: #4A12F0 !important;
}

#license_header .license_value {
  color: #6F0189;
  font-weight: 400;
}

.mini_nav_none,
#login_box label,
.login_domain_text {
  color: #01041AD4;
}

#license_header .license_bar .bar_text {
  color: inherit;
}

#license_header .license_bar {
  background: #B0BEDB33;
}

#license_header .license_bar .bar_text:hover {
  color: #01041A !important;
}

#license_header .license_bar .ui-progressbar-value.normal {
  background: #CFF8D3;
  border: 1px solid #CFF8D3;
}

#license_header .license_bar .ui-progressbar-value.normal  ~ .bar_text {
  color: #01571F;
}

#license_header .license_bar .ui-progressbar-value.normal  ~ .bar_text:hover {
  color: #01571F !important;
}

#license_header .license_bar .ui-progressbar-value.ui-state-highlight {
  background: #F6ECBB;
  border: 1px solid #F6ECBB;
}

#license_header .license_bar .ui-progressbar-value.ui-state-highlight  ~ .bar_text {
  color: #604101;
}

#license_header .license_bar .ui-progressbar-value.ui-state-highlight  ~ .bar_text:hover {
  color: #604101 !important;
}

#license_header .license_bar .ui-progressbar-value.ui-state-error {
  background: #FEE3E7;
  border: 1px solid #FEE3E7;
}

#license_header .license_bar .ui-progressbar-value.ui-state-error ~ .bar_text {
  color: #870037;
}

#license_header .license_bar .ui-progressbar-value.ui-state-error ~ .bar_text:hover {
  color: #870037 !important;
}

.ui-state-highlight.license_bar {
  border: none;
}

.header-bottom {}

.header-bottom-with-padding {}

.app_product .tagit-choice-editable {
  background: #4A12F0;
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
  accent-color: #4A12F0;
}

input.cbox-toggle-round + label:before {
  background: #B0BEDB;
}

input.cbox-toggle-round:checked + label:before {
  background-color: #4A12F0;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  background-color: #fff !important;
  color: #B0BEDB !important;
  border: 1px solid #B0BEDB;
  opacity: 1;
}

div.jGrowl-notification.ui-state-default {
  background: #E1ECFF;
  color: #013BA7 !important;
}

div.jGrowl-message > a,
div.jGrowl-message > a:visited,
div.jGrowl-message > a:link  {
  text-decoration: underline;
  font-weight: bold;
}

div.chkreal_warn,
div.license_warn {
  background: #F6ECBB;
  color: #604101;
  border-radius: 5px;
  border: 1px solid #F6D566;
}

.ui-progressbar {
  background-image: url('/images/sv-progress.gif');
  background-repeat: repeat-x;
  border: 0 none;
}

table.dataTable thead .ui-state-default {
  background: #F6F5FB;
  color: #01041A;
}

table.dataTable thead th {
  border: 1px solid #D8D5E4 !important;
  border-left: none !important;
}

table.dataTable tbody td:first-child,
table.dataTable thead th:first-child {
  border-left: 1px solid #D8D5E4 !important;
}

.file_share_permissions th {
  border: 1px solid #D8D5E4 !important;
  background: #F6F5FB;
}

.file_share_permissions th:first-child {
  border-right: none;
}

.file_share_permissions th:last-child {
  border-left: none;
}

table.dataTable tbody td {
  border-bottom: 1px solid #D8D5E4;
}

table.dataTable tbody td:last-child {
  border-right: 1px solid #D8D5E4;
}

.dataTables_wrapper .ui-corner-tr {
  border: none;
}

.dataTables_wrapper .ui-corner-br {
  border-top: none;
  background: #F6F5FB;
}

.dataTable th.ui-state-default .DataTables_sort_wrapper span.DataTables_sort_icon {
  background-image: url(st-thomas/images/ui-icons_4d4d4d_256x240.png);
}

.appstack.capturing,
.appstack.capturing.hover,
table.dataTable tr.odd,
table.dataTable tr.even,
table.dataTable td.details {
  background: #fff;
}

.form_container.summary_box,
.dataTables_paginate .ui-button,
table.key-val tr:nth-child(even),
table.key-val tr:nth-child(odd) {
  background: #F6F5FB !important;
}

table.key-val {
  border-radius: 5px;
  border-collapse: unset;
  border: 0;
  padding: 10px;
}

table.dataTable tr.row-open,
table.dataTable tr.odd:hover,
table.dataTable tr.even:hover,
table.dataTable tr.odd.checked,
table.dataTable tr.even.checked {
  background: #E2EBFF;
  color: #01041A !important;
}

.dataTables_paginate a.first,
.dataTables_paginate a.previous,
.dataTables_paginate a.next,
.dataTables_paginate span a.fg-button {
  border-right: 1px solid #D8D5E4 !important;
}

tr.ui-state-highlight .status-unprovisioned {
  color: #E39300;
}

.dataTables_wrapper .dataTables_paginate .fg-button {
  border-radius: 0;
  color: #00297B !important;
}

.dataTables_wrapper .dataTables_info .ui-state-highlight {
  background: #4A12F0;
  border-color: #4A12F0;
  color: #fff !important;
}

table.dataTable tbody td.ui-state-highlight:last-child {
  border-right: 1px solid #870037;
}

table.dataTable tbody td.ui-state-highlight:first-child {
  border-left: 1px solid #870037 !important;
}

table.dataTable tr.odd.ui-state-error,
table.dataTable tr.even.ui-state-error,
table.dataTable tr.odd.ui-state-error:hover,
table.dataTable tr.even.ui-state-error:hover {
  background-color: #FEE3E7;
  color: #870037 !important;
}

table.dataTable tr.ui-state-error a {
  color: #870037 !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  color: #01041A;
}

table.dataTable thead th:first-child {
  border-top-left-radius: 5px;
}

table.dataTable thead th:last-child {
  border-top-right-radius: 5px;
}

.dataTables_wrapper .ui-corner-br {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.dataTables_paginate .fg-button {
  text-transform: unset;
  font-weight: 400;
}

.dataTables_info i {
  font-style: normal;
}

.metrics-tab-content {
  display: grid;
  justify-items: center;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr;
}

.progress-bar-section {
  grid-column: 1 / -1; /* Span the full width of the grid */
  width: 100%; /* Ensure the first section takes up full width */
}

.inner-container {
  border-bottom: 1px solid #D8D5E4;
}

.ui-tooltip-content {
  border: 1px solid #D8D5E4;
  border-radius: 5px;
}