/*!
 * Blesta (tanpa tabel - untuk override ke Atlantis)
 * @author Phillips Data, Inc.
 */

/* ============================================ */
/* BASE                                        */
/* ============================================ */
html, body, .panel .panel-heading .panel-title {
  font-size: 0.95rem;
}

body, .panel .panel-heading .panel-title {
  background-color: #ffffff;
  color: #5a6268;
  font-family: 'Inter', sans-serif;
}

a, a:hover {
  color: #17a2b8;
}

/* ============================================ */
/* HEADER & TITLE (Blesta asli)                */
/* ============================================ */
.header {
  width: 100%;
  padding-bottom: 13px;
  background: #ffffff;
  position: relative;
  behavior: url(../javascript/PIE.htc);
}

.header .container-md, .header .container {
  padding-left: 0;
}

.header .badge, .header .label {
  padding: .4em .8em .5em;
  border-radius: 0 0 .25em .25em;
  font-size: 75%;
}

.header .badge a, .header .label a {
  color: #ffffff;
}

.title {
  width: 100%;
  margin-bottom: 20px;
  height: 50px;
  background: #f8f9fa;
  position: relative;
  behavior: url(../javascript/PIE.htc);
}

.title .container-md, .title .container {
  padding-left: 0;
}

.title h3 {
  margin: 13px 0 3px 15px;
  display: inline;
  line-height: 50px;
  color: #3a3a3a;
}

/* ============================================ */
/* NAVIGATION                                  */
/* ============================================ */
.nav-content nav.navbar, .nav-content div.navbar.pagination {
  background: #343a40;
  behavior: url(../javascript/PIE.htc);
  position: inherit;
}

.nav-content .navbar {
  margin-bottom: 0;
  border-radius: 0;
  padding: 0;
  border: none;
  min-height: 36px;
  font-size: 14px;
}

.nav-content .navbar .navbar-toggler {
  margin: 8px 15px;
}

.nav-content .navbar-nav > li > a.nav-link,
.nav-content .nav-tabs .navbar-nav > li > a,
.nav-tabs .nav-content .navbar-nav > li > a {
  padding: 8px 10px;
}

.nav-content .navbar-nav .nav-link:focus,
.nav-content .navbar-nav .nav-tabs li a:focus,
.nav-tabs li .nav-content .navbar-nav a:focus {
  outline: none;
}

.nav-content .navbar-nav .dropdown-menu a.dropdown-item,
.nav-content .navbar-nav ul.dropdown-menu li a {
  font-size: 14px;
}

.nav-content .container-md, .nav-content .container {
  padding: 0 5px;
}

@media (max-width: 767.98px) {
  .nav-content .navbar-nav {
    width: 100%;
  }
  .nav-content .navbar-nav .dropdown-menu {
    border: none;
    background: transparent;
    width: 100%;
    padding: 0;
  }
  .nav-content .navbar-nav .dropdown-menu .dropdown-divider {
    opacity: .25;
  }
  .nav-content .navbar.navbar-dark .navbar-nav .dropdown-menu a.dropdown-item,
  .nav-content .navbar.navbar-dark .navbar-nav ul.dropdown-menu li a {
    color: rgba(255, 255, 255, 0.5);
  }
  .nav-content .navbar.navbar-dark .navbar-nav .dropdown-menu a.dropdown-item:hover,
  .nav-content .navbar.navbar-dark .navbar-nav ul.dropdown-menu li a:hover,
  .nav-content .navbar.navbar-dark .navbar-nav .dropdown-menu a.dropdown-item:focus,
  .nav-content .navbar.navbar-dark .navbar-nav ul.dropdown-menu li a:focus {
    color: rgba(255, 255, 255, 0.75);
    background: transparent;
  }
}

.nav .nav-item .nav-link,
.nav .nav-tabs li .nav-link,
.nav-tabs .nav li .nav-link,
.nav .nav-item .nav-tabs li a,
.nav-tabs li .nav .nav-item a,
.nav .nav-tabs li a,
.nav-tabs .nav li a {
  margin-right: 5px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}

/* ============================================ */
/* PAGINATION                                  */
/* ============================================ */
.pagination .page-item.active .page-link,
div.pagination ul.pagination li.active .page-link,
div.pagination .page-item.active ul.pagination li a,
div.pagination ul.pagination .page-item.active li a,
div.pagination ul.pagination li .page-item.active a,
div.pagination ul.pagination li.active a {
  background: #6c757d;
  border-color: #6c757d;
}

/* ============================================ */
/* LIST GROUP                                  */
/* ============================================ */
.list-group {
  margin-bottom: 20px;
}

.list-group .list-group-item {
  text-decoration: none !important;
}

.list-group.list-options .list-group-item:hover {
  background: #f8f9fa;
  color: #6c757d;
}

.list-group-item.active {
  color: #495057;
  background-color: #f8f9fa;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-blesta .list-group {
  margin-bottom: 0px;
}

.card-blesta > .list-group .list-group-item {
  border-radius: 0px;
  border-left: none;
  border-right: none;
}

.card-blesta > .list-group .list-group-item:last-child {
  border-bottom: none;
}

/* ============================================ */
/* DROPDOWN                                    */
/* ============================================ */
.dropdown-item:focus,
ul.dropdown-menu li a:focus,
.dropdown-item:hover,
ul.dropdown-menu li a:hover,
.dropdown-item:active,
ul.dropdown-menu li a:active {
  background: #f8f9fa;
  color: #000000;
}

/* ============================================ */
/* CARDS                                       */
/* ============================================ */
.card p {
  margin-bottom: 0;
}

.card-body, .panel .panel-body {
  padding: 10px;
}

.card-body::after, .panel .panel-body::after {
  display: block;
  content: "";
  clear: both;
}

.card-body .row, .panel .panel-body .row {
  margin-left: -10px;
  margin-right: -10px;
}

.card-body h4, .panel .panel-body h4 {
  border-bottom: 1px solid #f8f9fa;
  padding-bottom: 8px;
}

.card-body .service-info h4, .panel .panel-body .service-info h4 {
  word-wrap: break-word;
}

.card-nav, .panel-nav {
  margin: 0 0 10px;
}

.card-links, .panel-links {
  padding: 6px 10px;
  list-style: none;
  font-size: 12px;
  margin: 0px;
}

.card-links > li, .panel-links > li {
  display: inline-block;
  color: #5a6268;
}

.card-links > .active, .panel-links > .active,
.card-links > .active a, .panel-links > .active a {
  color: #5a6268;
}

.card-links > li + li:before, .panel-links > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "|\00a0";
}

.card-blesta > .card-header, .panel .card-blesta > .panel-heading {
  color: #fff;
  border-bottom: none;
  padding: 7px 15px;
  background: #343a40;
  position: relative;
  margin-left: -1px;
  margin-top: -1px;
  width: calc(100% + 2px);
  behavior: url(../javascript/PIE.htc);
}

.card-links .badge, .card-links .label,
.panel-links .label, .panel-links .badge {
  min-width: 10px;
  padding: 1px 4px;
  font-size: 10px;
  border-radius: 6px;
  background-color: #9d9d9d;
  color: #fff;
}

/* ============================================ */
/* ALERTS (dalam kartu)                        */
/* ============================================ */
.card .card-body .alert,
.card .panel .panel-body .alert,
.panel .card .panel-body .alert {
  margin-bottom: 0;
}

/* ============================================ */
/* MISC                                        */
/* ============================================ */
.label-currency {
  padding: 0 .1em;
  font-size: 10px;
  background-color: #9d9d9d;
}
.currency_value { direction: ltr; display: inline-block; }

address { margin-bottom: 10px; }
address > strong { font-size: 16px; }
hr { margin-top: 10px; margin-bottom: 10px; }

.progress-bar { color: #000; }

.no-nav { position: relative; margin-bottom: 20px; display: table; }
.portal-section { margin-bottom: 20px; }

label { font-size: 12px; }
a.highlight, a:hover.highlight { color: #ca3334; }
#my-info { word-break: break-word; }

.panel-pad { padding-top: 10px; padding-left: 10px; padding-right: 10px; }
.panel-pad h4 { margin-top: 0; color: #b4b4b4; }
.col-border { border-right: 1px solid #efefef; }

.card-body > form > .row:first-of-type .top-focus-box,
.panel .panel-body > form > .row:first-of-type .top-focus-box,
.tab-pane .top-focus-box { margin-top: -10px; }

.top-focus-box { padding-top: 10px; margin-bottom: 10px; }
.tab-pane { padding-top: 10px; }
.close { margin-top: -1px; margin-right: -5px; font-weight: 500; text-shadow: none; }

.pkg-description { font-size: 12px; }
.pkg-description p { margin: 0; }
.currency-selector { padding-left: 0; padding-right: 0; }

.cart-summary { font-size: 12px; }
.cart-summary table,
.cart-summary .table > tbody > tr > td { border: none; }
.totals tbody > tr > td { padding-top: 2px; padding-bottom: 2px; }

.card-steps { padding-top: 10px; padding-bottom: 10px; }
.card-steps p { font-size: 12px; margin: 0; }
.card-steps strong { font-size: 16px; }
.card-steps a.active { color: #5a6268; }
.card-steps i { padding-top: 0.75em; }

.loading_container {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0; left: 0; z-index: 1024;
  width: 100%; height: 100%;
  text-align: center; margin: 0 auto;
}
.loading_container .loading_dialog {
  width: 33%; text-align: center; margin: 15% auto 0;
}

.top-nav { margin: 20px 15px 3px 15px; }
.top-nav .dropdown { list-style: none; }
.top-nav ul { margin: 0; padding-left: 0; }
.top-nav .dropdown a.dropdown-toggle { font-size: 13px; text-decoration: none; }
.top-nav .dropdown .dropdown-menu { margin-top: 8px; }

/* Client Cards */
.cards { margin: 0px -10px; }
.cards a { text-decoration: none; }
.cards .card {
  color: #343a40;
  background: #f8f9fa;
  background-size: 100% 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  min-height: 100px;
  display: flex;
  align-items: center;
  border: 1px rgba(0, 0, 0, 0.05) solid;
}
.cards .card .card-content { width: 100%; }
.cards .card .card-content .card-value {
  font-size: 45px; font-weight: 600; line-height: 45px; margin-bottom: 5px;
}
.cards .card .card-content .card-label {
  font-size: 16px; font-weight: 500; line-height: 20px;
}

/* CKEditor */
.ck-content .text-tiny, .text-tiny { font-size: 0.7em; }
.ck-content .text-small, .text-small { font-size: 0.85em; }
.ck-content .text-big, .text-big { font-size: 1.4em; }
.ck-content .text-huge, .text-huge { font-size: 1.8em; }

.btn-light { background: #ffffff; border-color: #e2e6ea; }
.btn-toolbar .btn-group .btn { min-width: 30px; }

@media (max-width: 767.98px) {
  .md-header.btn-toolbar { padding: 6px; }
  .md-header.btn-toolbar .btn-group .btn { margin: 2px 0px; }
}

.breadcrumbs .breadcrumb { background-color: #f8f9fa; }
.badge, .label, .panel-links .badge { font-size: 1em; }
.captcha { max-width: 350px; }

/* Dropzone */
.dropzone { padding: 0 !important; border: 0 !important; }
.dropzone .dz-message {
  text-align: center; display: block; width: auto; margin: 0;
  padding: 20px 40px; color: #6c757d; font-weight: bold;
  box-sizing: border-box; border: 2px dashed #6c757d; cursor: pointer;
}
.dropzone .dz-preview.dz-file-preview .dz-image,
.dropzone .dz-preview .dz-image {
  border-radius: 5px; border: 1px inset rgba(0, 0, 0, 0.1); background: #F4F3F4;
}
.dropzone .dz-preview .dz-remove { margin-top: 5px; }
.dropzone input[name="phrase"] { box-sizing: inherit !important; }

@media (max-width: 500px) {
  .dropzone .dz-message { display: block; width: 100%; float: initial; }
  .dropzone .btn-group.float-right, .dropzone .btn.float-right { margin-top: 15px; }
}

.slider { max-width: calc(100% - 100px); }
.slider.slider-horizontal { width: 100%; margin-left: 5px; margin-right: 5px; display: inline-block; }
.slider + input[type="number"] { width: 90px; display: inline-block; }
.slider .slider-handle {
  background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
  background-repeat: repeat-x;
  background-color: #0e90d2;
}

/* Markdown */
body .md-editor, .panel .panel-heading .panel-title .md-editor,
body .md-editor .md-preview, .panel .panel-heading .panel-title .md-editor .md-preview {
  background: #fff;
}
body .md-preview, .panel .panel-heading .panel-title .md-preview {
  all: initial;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
body .md-preview h1, .panel .panel-heading .panel-title .md-preview h1,
body .md-preview h2, .panel .panel-heading .panel-title .md-preview h2,
body .md-preview h3, .panel .panel-heading .panel-title .md-preview h3,
body .md-preview h4, .panel .panel-heading .panel-title .md-preview h4,
body .md-preview h5, .panel .panel-heading .panel-title .md-preview h5,
body .md-preview h6, .panel .panel-heading .panel-title .md-preview h6 {
  margin: 20px 0 10px; padding: 0; font-weight: 700;
  color: inherit; background: none; float: none;
}
body .md-preview h1, .panel .panel-heading .panel-title .md-preview h1 { font-size: 36px; }
body .md-preview h2, .panel .panel-heading .panel-title .md-preview h2 { font-size: 30px; }
body .md-preview h3, .panel .panel-heading .panel-title .md-preview h3 { font-size: 24px; }
body .md-preview h4, .panel .panel-heading .panel-title .md-preview h4 { font-size: 18px; }
body .md-preview h5, .panel .panel-heading .panel-title .md-preview h5 { font-size: 14px; }
body .md-preview h6, .panel .panel-heading .panel-title .md-preview h6 { font-size: 12px; }
body .md-preview p, .panel .panel-heading .panel-title .md-preview p,
body .common_box .inner .pad .md-preview p,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview p {
  font-size: 14px; line-height: 20px;
}
body .md-preview blockquote, .panel .panel-heading .panel-title .md-preview blockquote,
body .common_box .inner .pad .md-preview blockquote,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview blockquote {
  padding: 10px 20px; margin: 0 0 20px; font-size: 14px;
  line-height: 20px; border-left: 5px solid #eee;
}
body .md-preview blockquote p, .panel .panel-heading .panel-title .md-preview blockquote p,
body .common_box .inner .pad .md-preview blockquote p,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview blockquote p {
  font-size: 14px; line-height: 20px; padding: 0 !important;
}
body .md-preview ol:last-child, .panel .panel-heading .panel-title .md-preview ol:last-child,
body .md-preview ul:last-child, .panel .panel-heading .panel-title .md-preview ul:last-child,
body .md-preview blockquote p:last-child, .panel .panel-heading .panel-title .md-preview blockquote p:last-child,
body .common_box .inner .pad .md-preview blockquote p:last-child,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview blockquote p:last-child {
  margin-bottom: 0;
}
body .md-preview ul, .panel .panel-heading .panel-title .md-preview ul,
body .md-preview ol, .panel .panel-heading .panel-title .md-preview ol,
body .common_box .inner .pad .md-preview ul,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview ul,
body .common_box .inner .pad .md-preview ol,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview ol {
  margin: 0 0 10px; font-size: 14px; line-height: 20px; padding-left: 40px;
}
body .md-preview ul, .panel .panel-heading .panel-title .md-preview ul,
body .common_box .inner .pad .md-preview ul,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview ul {
  list-style-type: disc;
}
body .md-preview ol, .panel .panel-heading .panel-title .md-preview ol,
body .common_box .inner .pad .md-preview ol,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview ol {
  list-style-type: decimal;
}
body .md-preview ul li p, .panel .panel-heading .panel-title .md-preview ul li p,
body .md-preview ol li p, .panel .panel-heading .panel-title .md-preview ol li p,
body .common_box .inner .pad .md-preview ul li p,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview ul li p,
body .common_box .inner .pad .md-preview ol li p,
.panel .panel-heading .panel-title .common_box .inner .pad .md-preview ol li p {
  margin: 0 0 10px; font-size: 14px; line-height: 20px;
}
body .md-preview pre, .panel .panel-heading .panel-title .md-preview pre,
body .md-preview code, .panel .panel-heading .panel-title .md-preview code {
  display: block; padding: 9.5px; margin: 0 0 10px;
  font-size: 14px; line-height: 20px; word-break: break-all; word-wrap: break-word;
  background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; color: inherit;
}
body .md-preview pre code, .panel .panel-heading .panel-title .md-preview pre code {
  padding: 0; white-space: pre-wrap; border-radius: 0;
}
body .md-preview strong, .panel .panel-heading .panel-title .md-preview strong { font-weight: 700; }
body .md-preview em, .panel .panel-heading .panel-title .md-preview em { font-style: italic; }

body .datepicker table, .panel .panel-heading .panel-title .datepicker table { border: none; }

form.widget_filter_form {
  margin-left: -10px; margin-right: -10px; margin-bottom: 15px;
}
form.widget_filter_form input.small { width: calc(50% - 6px) !important; }

.tooltip-inner { width: 200px; }
.tooltip.in { opacity: 1; }