@charset "utf-8";
:root {
   --in-body-bg: #f5f5f5;
   --in-body-color: #1d252c;
   --in-body-font-family: "Poppins Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
   --in-body-font-size: 0.88rem;
   --in-body-font-weight: 600;
   --in-body-line-height: 1.5;

   --in-border-color: #dee2e6;
   --in-border-radius-lg: 0.5rem;
   --in-border-radius-sm: 0.25rem;
   --in-border-radius-xl: 1rem;
   --in-border-radius-xxl: 2rem;
   --in-border-radius: 0.375rem;
   --in-border-width: 1px;

   --in-info-color: #00aeef;
   --in-danger-color: #ff3333;
   --in-warning-color: #ffcc33;
   --in-success-color: #94d600;
}

/* header */
.header {
   border: 1px solid transparent;
   margin-bottom: 20px;
   min-height: 50px;
   position: relative;
}
.header-custom {
   background: #222629;
   height: 60px;
}
.header-fixed-top {
   border-width: 0 0 1px;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 9998;
}
.header-warp {
   margin: auto;
   padding: 10px;
}
.header-warp > .header-inner {
   margin-right: -15px;
   margin-left: -15px;
}
.header-toggle {
   background-color: transparent;
   background-image: none;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid transparent;
   float: right;
   position: relative;
}
.header-toggle:focus {
   outline: 0;
}
.header-toggle-mobile {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0
}
.header-toggle .header-bar-icon {
   border-radius: 1px;
   display: block;
   height: 2px;
   width: 22px;
}
.header-toggle .header-bar-icon + .header-bar-icon {
   margin-top: 4px;
}
.header-toggle {
   background: rgba(255, 255, 255, 0.1);
   margin: 0px 15px 0px 0px;
   padding: 12px;
}
.header-toggle:hover {
   background: rgba(255, 255, 255, 0.05);
}
.header-bar-icon {
   background: #ffffff;
}
.header-brand {
   float: left;
   line-height: 20px;
   padding: 15px 15px;
}
.header-inner .header-brand span {
   color: var(--in-body-color);
}
.header-inner .header-brand span:hover {
   color: #5e5e5e;
}
.header-inner .header-brand {
   color: #ffffff;
   font-size: 16px;
   font-weight: 600;
   height: 0px;
   padding-top: 10px;
   text-transform: none;
}
.header-inner .header-brand img {
   filter: grayscale(100%);
   width: 100%;
   margin-bottom: 17px;
}
.nav {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.nav > li {
   display: block;
   position: relative;
}
.nav > li > a {
   display: block;
   padding: 10px 15px;
   position: relative;
}
.nav > li > a > .fa-mail, .nav > li > a > .fa-shop {
   display: block;
   position: relative;
   width: 20px;
}
.nav > li > a:focus, .nav > li > a:hover {
   background-color: #eee;
   text-decoration: none;
}
.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
   background-color: transparent;
   color: var(--in-body-color);
   cursor: not-allowed;
   text-decoration: none;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
   background-color: #eee;
   border-color: #337ab7;
}
.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
   background-color: rgba(255, 255, 255, 0.2);
   background: none;
   text-decoration: none;
}
.header-top-links li:first-child {
   margin-left: 0px;
   margin-right: 0px;
}
.header-top-links li:last-child {
   display: inline;
   margin-left: 15px;
   margin-right: 0px;
   visibility: visible;
}

/* drop-down */
.dropdown-button {
   list-style: none;
   margin: 0;
   padding: 0;
}
.dropdown-button {
   background: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   color: inherit;
   display: inline-block;
   height: 40px;
   margin: -1px -5px 0 15px auto !important;
   text-align: center;
   width: 40px;
}
.dropdown-button {
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
}
.dropdown-button:focus, .dropdown-button:hover {
   background: #f6f6f6;
   color: var(--in-body-color);
   cursor: pointer;
}
.dropdown-button li.drop-down-layered-button {
   margin: -1px;
   padding: 0px;
}
.dropdown-button .drop-down-layered-button a.dropdown-menu, .dropdown-button a, .group-buttons a {
   background: none;
   color: inherit;
   font-weight: normal;
   padding: 0px;
}
.dropdown-button a {
   padding: 0px;
}
.drop-down-layered-button {
   background: rgba(255, 255, 255, 0.1);
   border-radius: var(--in-border-radius-sm);
   float: left;
   position: relative;
}
.drop-down-layered-button:hover {
   background: rgba(255, 255, 255, 0.2);
}
.drop-down-layered-button .label {
   border-radius: 50%;
   font-size: 11px;
   font-weight: 600;
   height: 50%;
   left: 22px;
   padding-bottom: 4px;
   padding-top: 4px;
   position: absolute;
   top: -4px;
   width: 50%;
}
.drop-down-layered-button small {
   padding-top: 20px;
}
.drop-down-layered-button em {
   margin: 0 5px;
}
.drop-down-layered-button a.dropdown-menu {
   height: 40px;
   padding: 10px 5px;
   width: 40px;
}
.dropdown-menu:focus {
   outline: 0
}
.drop-down-list {
   background-color: #ffffff;
   border-radius: 0;
   border: 1px solid var(--in-border-color);
   box-shadow: 5px 5px 30px 1px rgba(0, 0, 0, .1);
   display: none;
   float: left;
   font-size: var(--in-body-font-size);
   left: 0;
   list-style: none;
   margin: 0px;
   min-width: 160px;
   padding: 4.6px 0px;
   position: absolute;
   text-align: left;
   top: auto;
   z-index: 9997;
   background-clip: padding-box;
}
.drop-down-list .divider {
   background-color: var(--in-border-color);
   height: 0.8px;
   overflow: hidden;
}
.drop-down-list li:first-child {
   margin-left: 0px;
   margin-right: 0px;
}
.drop-down-list li .message-list {
   margin-left: 10px;
   margin-right: 10px;
}
.drop-down-list li .ordered-list a {
   color: var(--in-body-color);
}
.drop-down-list li a:hover {
   background: none;
   color: inherit;
   text-decoration: none;
}
.drop-down-list > li > a {
   clear: both;
   color: var(--in-body-color);
   display: block;
   font-weight: 400;
   line-height: 1.5;
   max-width: 100%;
   min-width: 250px;
}
.drop-down-list > li > a {
   padding: 0px;
}
.drop-down-list > li > a:focus, .drop-down-list > li > a:hover {
   background-color: inherit;
   color: var(--in-body-color);
   text-decoration: none;
}
.drop-down-list > .active > a:focus, .drop-down-list > .active > a:hover {
   background-color: #337ab7;
   color: #ffffff;
   outline: 0;
   text-decoration: none;
}
.drop-down-list > .disabled > a:focus, .drop-down-list > .disabled > a:hover {
   color: var(--in-body-color);
   opacity: 0.5;
}
.drop-down-list > .disabled > a:focus, .drop-down-list > .disabled > a:hover {
   background-color: transparent;
   background-image: none;
   cursor: not-allowed;
   text-decoration: none;
   filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.drop-down-menu-list-options {
   left: auto;
   right: 0px;
}
.drop-down-right-list, .drop-down-options-list {
   border: 1px solid #ffffff;
   color: #1d252c;
   font-size: 0.9em;
   margin: 1.5px 0px 0px 0px;
   padding: 0px;
   width: 220px;
}
.drop-down-right-list a.delete-all:hover, .drop-down-right-list a.delete-all:active, .drop-down-right-list a.delete-all:focus, .drop-down-options-list a.delete-all:hover, .drop-down-options-list a.delete-all:active, .drop-down-options-list a.delete-all:focus {
   color: inherit;
}
.drop-down-right-list .divider, .drop-down-options-list .divider {
   margin: 7px 0;
}
.drop-down-right-list li, .drop-down-options-list li {
   height: 33px;
   line-height: 33px;
   list-style: none;
   padding: 0px 15px;
   width: 220px;
}
.drop-down-right-list li a, .drop-down-options-list li a {
   display: inline-block;
   margin: 0;
   padding: 0;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.drop-down-order-notification {
   background: rgba(255, 255, 255, 0.9);
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   color: var(--in-body-color);
   font-size: 0.9em;
   width: 360px;
}
.drop-down-order-notification .patients-picture {
    border-radius: 50%;
    border: 1px solid var(--in-border-color);
    float: left;
    height: 50px;
    margin: 15px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 50px;
}
.drop-down-order-notification .patients-picture img {
    height: auto;
    width: 100%;
}
.drop-down-order-notification .ordered-list {
   padding: 15px 15px 15px 75px;
}
.drop-down-messages-notification {
   background: rgba(255, 255, 255, 0.9);
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   color: var(--in-body-color);
   font-size: 0.9em;
   width: 360px;
}
.drop-down-button-1, .drop-down-button-2, .drop-down-button-satusehat {
   display: inline-block;
   list-style: none;
   margin: 0px auto !important;
   padding: 0;
}
.drop-down-button-1:focus, .drop-down-button-2:focus, .drop-down-button-satusehat:focus {
   outline: 0
}
.drop-down-layered-1, .drop-down-layered-2, .drop-down-layered-3 {
   float: left;
   position: relative;
}
.drop-down-list-1, .drop-down-list-2, .drop-down-list-3 {
   background-color: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   box-shadow: 5px 5px 30px 1px rgba(0, 0, 0, .1);
   display: none;
   float: left;
   left: 0px;
   margin: 0px;
   padding: 5px 0px;
   position: absolute;
   text-align: left;
   top: 0px;
   z-index: 9997;
   white-space: nowrap;
}
.drop-down-list-1, .drop-down-list-2, .drop-down-list-3 {
   font-size: var(--in-body-font-size);
   list-style: none;
}
.drop-down-list-1 > li > a, .drop-down-list-2 > li > a, .drop-down-list-3 > li > a {
   padding: 5px 10px;
}
.drop-down-list-1 li .ordered-list a, .drop-down-list-2 li .ordered-list a, .drop-down-list-3 li .ordered-list a {
   color: var(--in-body-color);
}
.drop-down-list-1 li a:hover, .drop-down-list-2 li a:hover, .drop-down-list-3 li a:hover {
   background: none;
   color: var(--in-body-color);
   text-decoration: none;
}
.drop-down-list-1 .divider, .drop-down-list-2 .divider, .drop-down-list-3 .divider {
   background-color: #dee2e6;
   height: 0.9px;
   overflow: hidden;
}
.drop-down-list-1 > li > a, .drop-down-list-2 > li > a, .drop-down-list-3 > li > a {
   clear: both;
   color: var(--in-body-color);
   display: block;
   font-weight: 400;
   line-height: 1.5;
}
.drop-down-list-1 > li > a:focus, .drop-down-list-1 > li > a:hover, .drop-down-list-2 > li > a:focus, .drop-down-list-2 > li > a:hover, .drop-down-list-3 > li > a:focus, .drop-down-list-3 > li > a:hover {
   background-color: inherit;
   color: var(--in-body-color);
   text-decoration: none;
}
.drop-down-list-1 > .active > a:focus, .drop-down-list-1 > .active > a:hover, .drop-down-list-2 > .active > a:focus, .drop-down-list-2 > .active > a:hover, .drop-down-list-3 > .active > a:focus, .drop-down-list-3 > .active > a:hover {
   background-color: #337ab7;
   color: #ffffff;
   outline: 0;
   text-decoration: none;
}
.drop-down-list-1 > .disabled > a:focus, .drop-down-list-1 > .disabled > a:hover, .drop-down-list-2 > .disabled > a:focus, .drop-down-list-2 > .disabled > a:hover, .drop-down-list-3 > .disabled > a:focus, .drop-down-list-3 > .disabled > a:hover {
   color: var(--in-body-color);
   opacity: 0.5;
}
.drop-down-list-1 > .disabled > a:focus, .drop-down-list-1 > .disabled > a:hover, .drop-down-list-2 > .disabled > a:focus, .drop-down-list-2 > .disabled > a:hover, .drop-down-list-3 > .disabled > a:focus, .drop-down-list-3 > .disabled > a:hover {
   background-color: transparent;
   background-image: none;
   cursor: not-allowed;
   text-decoration: none;
   filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.drop-down-left-list-1, .drop-down-left-list-2, .drop-down-left-list-satusehat {
   border: 1px solid #ffffff;
   color: var(--in-body-color);
   font-size: 0.9em;
   font-weight: normal;
   padding: 0;
}
.drop-down-left-list-1 li, .drop-down-left-list-2 li, .drop-down-left-list-satusehat li {
   height: 33px;
   line-height: 33px;
   list-style: none;
   padding: 0px 15px;
}
.drop-down-left-list-1 li a, .drop-down-left-list-2 li a, .drop-down-left-list-satusehat li a {
   display: inline-block;
   margin: 0;
   padding: 0;
   width: 100%;
}
.drop-down-left-list-1 .divider, .drop-down-left-list-2 .divider, .drop-down-left-list-satusehat .divider {
   margin: 5.3px 0 5.3px 0;
}
.open > .drop-down-list, .open > .drop-down-list-1, .open > .drop-down-list-2, .open > .drop-down-list-3 {
   display: block
}
.open > a {
   outline: 0
}

/* sidebar */
.sidebar {
   background: #ffffff;
   box-shadow: none;
   display: block;
   display: none;
   padding: 0;
}
.sidebar ul {
   list-style: none;
}
.sidebar form {
   margin: 0 10px 20px 10px;
   padding: 10px 0 0 0;
}
.sidebar ul.nav a:hover, .sidebar ul.nav li.parent ul li a:hover {
   background-color: #f5f5f5;
   color: var(--in-body-color);
   text-decoration: none;
}
.sidebar ul.nav .active > a:focus, .sidebar ul.nav .active > a:hover, .sidebar ul.nav .active a {
   background-color: var(--in-info-color);
   color: #ffffff;
}
.sidebar ul.nav li a {
   color: var(--in-body-color);
   font-size: var(--in-body-font-size);
   height: 50px;
   line-height: 2em;
}
.sidebar ul.nav li.parent ul li a {
   border-radius: 0;
   border: none;
   display: block;
   line-height: 50px;
   padding-left: 30px;
}
.sidebar ul.nav ul.children li a {
   color: var(--in-body-color);
   font-size: var(--in-body-font-size);
   height: 50px;
   line-height: 2em;
}
.sidebar ul.in {
   background-color: transparent;
   padding-left: 0px;
}
.sidebar {
   scrollbar-color: #dee2e6 #e9ecef;
   scrollbar-width: thin;
   -ms-overflow-style: -ms-autohiding-scrollbar; 
}

/* menu */
.menu li {
   background-position: 10px 20px;
   background-repeat: no-repeat;
}

/* profile */
.profile-sidebar {
   border-bottom: 1px solid var(--in-border-color);
   padding: 10px 0px 75.5px 0px;
}
.profile-picture {
   border-radius: 50%;
   border: 1px solid var(--in-border-color);
   float: left;
   height: 50px;
   margin: 10px 0px 0px 15px;
   overflow: hidden;
   padding: 0px;
   position: relative;
   width: 50px;
}
.profile-picture img {
   height: auto;
   margin: 0px;
   width: 50px;
}
.profile-warp {
   float: left;
   margin: 10px 0 0 12px;
   text-align: left;
   width: 50%;
}
.profile-username {
   font-size: 16px;
   margin-bottom: 0px;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}
.profile-status {
   font-size: 12px;
   font-weight: 300;
   margin-bottom: 0px;
   text-transform: lowercase;
   letter-spacing: 1px;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}
.profile-indicator {
   border-radius: 9999px;
   display: inline-block;
   height: 6px;
   margin-right: 5px;
   width: 6px;
}

/* content */
.row {
   margin-left: -15px;
   margin-right: -15px;
}
.breadcrumb-warp {
   border-bottom: 1px solid var(--in-border-color);
   border-top: 1px solid var(--in-border-color);
   box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
   height: 50px;
   line-height: 50px;
   overflow: hidden;
   background-color: transparent;
}
.breadcrumb {
   background-color: #ffffff;
   border-radius: 0;
   height: 50px;
   list-style: none;
   margin: 0;
   padding: 0px 15px;

   overflow-x: auto;
   white-space: nowrap;
}
.breadcrumb > li {
   display: inline-block;
}
.breadcrumb > li + li:before {
   padding: 0 5px;
   color: #1d252c;
   content: "/\00a0";
}
.breadcrumb em {
   cursor: pointer;
}
.page-header {
   border-bottom: none;
}
h1.page-header {
   font-size: 16px;
   font-weight: 600;
}
.break-title {
   background-color: #ffffff;
   border-bottom: 1px solid;
   border-color: var(--in-border-color);
   color: var(--in-body-color);
   height: 35px;
   margin-left: -15px;
   margin-right: -15px;
   padding-left: 15px;
   padding-right: 15px;
}
h1.break-title {
   font-size: 14px;
   font-weight: 600;
}

/* panel */
.panel {
   background-color: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 0px solid transparent;
   box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
   margin-bottom: 15px;
   margin-top: 15px;
}
.panel-body {
   padding: 15px;
}
.panel-body ul {
   list-style: none;
   padding: 0px;
}
.panel-body ul li span {
   font-size: var(--in-body-font-size);
}
.panel-body ul.list {
   margin: -15px;
}
.panel-body ul.list .title {
   cursor: pointer;
   font-weight: 600;
   padding: 15px 15px 0px 15px;
}
.panel-body ul.list .link {
   border-bottom: 1px solid var(--in-border-color);
   font-size: 0.77rem;
   font-weight: inherit;
   padding: 0px 15px 15px 15px;
}
.panel-body ul.list .link:last-child {
   border-bottom: none;
}
.panel-body.insert-visit {
   padding: 0px 15px 15px 15px;
}
.panel-body ul.view-list {
   margin: -15px;
}
.panel-body ul.view-list .title {
   font-weight: 600;
   padding: 15px 15px 5px 15px;
}
.panel-body ul.view-list .code, .panel-body ul.view-list .action, .panel-body ul.view-list .chronic, .panel-body ul.view-list .conditions, .panel-body ul.view-list .department, .panel-body ul.view-list .diagnose, .panel-body ul.view-list .note, .panel-body ul.view-list .planning, .panel-body ul.view-list .reason, .panel-body ul.view-list .referral {
   border-bottom: 1px solid var(--in-border-color);
   font-size: var(--in-body-font-size);
   font-weight: inherit;
   padding: 0px 15px 15px 15px;
   white-space: normal;
}
.panel-body ul.view-list .diagnose span, .panel-body ul.view-list .referral span {
   margin: 10px 5px 0px 0px;
   max-width: 100%;
   overflow: hidden;
   text-align: left;
   text-overflow: ellipsis;
}
.panel-body ul.view-list .medication {
   font-size: var(--in-body-font-size);
   font-weight: inherit;
   padding: 0px 15px 5px 15px;
   white-space: normal;
}
.panel-body ul.view-list .medication:last-child {
   padding: 0px 15px 15px 15px;
}
.panel-body .subtitle {
   padding: 0px 5px 0px 0px;
   display: inherit;
   float: right;
   font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: auto;
}
.panel-heading {
   border-bottom: 1px solid transparent;
   border-top-left-radius: var(--in-border-radius-sm);
   border-top-right-radius: var(--in-border-radius-sm);
   padding: 10px 15px;
}
.panel-heading {
   font-size: 16px;
   font-weight: 600;
   height: 57px;
   letter-spacing: 0.025em;
   line-height: 38px;
}
.panel-heading span {
   margin: -2px 0px 0px 5px;
}
.panel-heading span.title {
   display: inline-block;
   margin: 0px 0px 0px 0px;
   max-width: 50%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.panel-heading em {
   margin: 0px 0px 0px 0px;
}
.panel-chart {
   height: 100%;
   overflow: hidden;
}
.panel-widget {
   background: none;
   border-radius: 0;
   box-shadow: none;
   color: var(--in-body-color);
   padding: 0px 15px 0px 15px;
   position: relative;
   text-align: left;
   margin-bottom: 0px;
}
.panel-widget .large {
   font-size: 2em;
}
.panel .border-right {
   border-color: #f5f5f5;
}
.panel-widget .text-muted {
   font-weight: normal;
}
.panel-blue p, .panel-teal p, .panel-orange p, .panel-red p {
   color: rgba(255, 255, 255, 0.75);
}
.panel-teal {
   background: #1ebfae;
   color: #ffffff;
}
.panel-blue {
   background-color: var(--in-info-color);
   color: #ffffff;
}
.panel-orange {
   background: #FF9800;
   color: #ffffff;
}
.panel-red {
   background: var(--in-danger-color);
   color: #ffffff;
}
.panel-white {
   color: inherit;
}
.panel-default {
   border: 1px solid var(--in-border-color);
}

/* table */
.panel-table {
   margin: 0 auto;
   width: 100%;
}
.panel-table .table-container {
   background: transparent;
   min-height: auto;
   padding: 0px 0px;
   width: 100%;
   align-items: center;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.panel-table .table-container .table-wrap {
   min-height: 0.01%;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
   width: 100%;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}
.panel-table .table-container .table-wrap {
   scrollbar-color: #dee2e6 #e9ecef;
   scrollbar-width: thin;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}
.panel-table .table-container .table-wrap table {
   background-color: transparent;
   border-collapse: collapse;
   border-radius: 0px;
   border-spacing: 1;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   white-space: nowrap;
   width: 100%;
}
.panel-table .table-container .table-wrap tbody tr {
   border-top: 1px solid #e9ecf2;
   border-bottom: 1px solid #e9ecf2;
}
.panel-table .table-container .table-wrap tbody tr a:hover {

}
.panel-table .table-container .table-wrap table thead tr {
   height: 0px;
}
.panel-table .table-container .table-wrap table tbody tr {
   height: 0px;
}
.panel-table .table-container .table-wrap table tbody tr:last-child {
   border: 0px;
}
.panel-table .table-container .table-wrap tbody tr:nth-child(2n) {
   background-color: transparent;
}
.panel-table .table-container .table-wrap table td, .panel-table .table-container .table-wrap table th {
   padding: 15px 15px;
   text-align: left;
}
.panel-table .table-container .table-wrap table tbody tr:hover {
   background-color: #f9f9f9;
}
.panel-table .table-container .table-wrap .avatar {
   background-color: #e9ecf2;
   border-radius: 50%;
   border: 1px solid #e9ecf2;
   display: inline-block;
   height: 30px;
   line-height: 0px;
   margin: 0 10px 0 0;
   overflow: hidden;
   position: relative;
   vertical-align: middle;
   white-space: nowrap;
   width: 30px;
}
.panel-table .table-container .table-wrap img {
   height: auto;
   margin-top: 0px;
   width: 100%;
}
.panel-table .table-container .table-wrap .btn-action {
   background-color: transparent;
   display: inline-block;
   padding: 0rem 0.75rem;
   vertical-align: middle;
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
.panel-table .table-container .table-wrap .btn-action-danger {
   color: unset;
}
.panel-table .table-container .table-wrap .btn-action-danger:hover {
   background-color: transparent;
   border-color: transparent;
   color: #ff3333;
}
.panel-table .table-container .table-wrap .col-1, .panel-table .table-container .table-wrap .col-2, .panel-table .table-container .table-wrap .col-3, .panel-table .table-container .table-wrap .col-4, .panel-table .table-container .table-wrap .col-5, .panel-table .table-container .table-wrap .col-6, .panel-table .table-container .table-wrap .col-7, .panel-table .table-container .table-wrap .col-8, .panel-table .table-container .table-wrap .col-9, .panel-table .table-container .table-wrap .col-10 {
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.panel-pagination {
   padding: 15px;
}

/* tabs2 */
.tabs2 {
   margin: 0px !important;
}
.tabs2-nav {
   margin-bottom: 0px;
   padding-left: 0px;
}
.tabs2-nav::before, .tabs2-nav::after {
   content: " ";
   display: table;
}
.tabs2-nav::after {
   clear: both;
}
.tabs2-nav > li {
   display: block;
   position: relative;
}
.tabs2-nav > li > a {
   display: block;
   height: 57px;
   letter-spacing: 0.025em;
   list-style: outside none none;
   padding: 18px 15px;
   position: relative;
}
.tabs2-split {
   border-bottom: 1px solid #e9ecf2;
}
.tabs2-split > li {
   float: left;
   margin-bottom: -1px;
}
.tabs2-split > li > a {
   line-height: 1.42857;
   margin-right: 0px;
}
.tabs2 .tabs2-split {
   position: relative;
}
.tabs2 .tabs2-split > li {
   margin-bottom: 0px;
}
.tabs2 .tabs2-split > li:first-child a {
   border-top-left-radius: var(--border-radius);
}
.tabs2 .tabs2-split > li a.active::after, .tabs2 .tabs2-split > li a.active:hover::after, .tabs2 .tabs2-split > li a.active:focus::after {
   background-color: #ffffff;
   border-bottom: 1px solid #00aeef;
   height: 1px;
   content: "";
   position: absolute;
   bottom: -1px;
   left: 0px;
   right: 0px;
}
.tabs2-content > .active {
   display: block;
   visibility: visible;
}
.tabs2.tabs_right > .tabs2-split {
   float: right;
   margin-left: 0px;
}

/* panel buttons */
.group-buttons {
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
}
.group-buttons a {
   background: none;
   color: inherit;
   font-weight: normal;
   padding: 0;
}
.printer-button {
   list-style: none;
   margin: 0;
   padding: 0;
}
.add-button, .delete-button button, .delete-button, .dropdown-arrow, .edit-button, .group-buttons, .printer-button, .refresh-button {
   background: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   color: inherit;
   display: inline-block;
   height: 40px;
   margin: -1px -5px 0 15px auto !important;
   text-align: center;
   width: 40px;
}
.add-button a a a a, .dropdown-arrow a, .edit-button a, .group-buttons a {
   padding: 0px;
}
.add-button:focus, .add-button:focus, .add-button:hover, .add-button:hover, .delete-button button:focus, .delete-button button:hover, .delete-button:focus, .delete-button:hover, .dropdown-arrow:focus, .dropdown-arrow:hover, .edit-button:focus, .edit-button:hover, .group-buttons:focus, .group-buttons:hover, .printer-button:focus, .printer-button:hover, .refresh-button:focus, .refresh-button:hover {
   background: #f6f6f6;
   color: var(--in-body-color);
   cursor: pointer;
}
.delete-button {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
   margin: -2px 0px 0px -1px !important;
}
.left-button {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}
.right-button {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
   margin: -2px 0px 0px -1px !important;
}
.right-delete-button button {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
   margin-left: -3px !important;
   height: 40px;
}
.bridging-button, .synchronization-button, .reset-button {
   background: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   color: var(--in-body-color);
   font-size: 14px;
   font-weight: normal;
   height: 40px;
   max-width: 20%;
   overflow: hidden;
   padding: 0px 12px;
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: auto;
}
.payment-button {
   height: 40px;
   max-width: 20%;
   overflow: hidden;
   overflow: hidden;
   padding: 0px 12px;
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.payment-button.success {
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-success-color);
}
.payment-button.danger {
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-danger-color);
}
.payment-button.success a {
   color: var(--in-success-color);
   font-size: 14px;
   font-weight: normal;
}
.payment-button.danger a {
   color: var(--in-danger-color);
   font-size: 14px;
   font-weight: normal;
}
.add-input-button, .delete-input-button {
   border-color: var(--in-border-color) var(--in-border-color) var(--in-border-color) var(--in-border-color);
   border-width: 1px 1px 1px 0px !important;
   border: 1px solid var(--in-border-color);
}
.add-input-button:hover, .bridging-button:hover, .synchronization-button:hover, .payment-button:hover .delete-input-button:hover, .reset-button:hover {
   background: #f9f9f9;
   cursor: pointer;
}

/* canvas */
.panel-canvas {
   min-height: 280px;
   padding: 15px;
   text-align: center;
}
.panel-canvas .legend {
   width: 100%;
}
.panel-canvas .legend a {
   display: inline-block;
   font-size: 10px;
   text-align: left;
   text-decoration: none;
   width: 100%;
}
.panel-canvas .vertical > canvas, .panel-canvas .vertical > ol {
   display:inline-block
}
.panel-canvas .horizontal > li {
   display: inline;
   padding-right: 20px;
}
.panel-canvas .legend {
   list-style: none;
   padding-left: 15px;
   vertical-align: top;
}
.panel-canvas .key {
   position: relative;
}
.panel-canvas .key:before {
   content: "";
   height: 10px;
   left: -15px;
   position: absolute;
   top: 20%;
   width: 10px;
}
.panel-canvas .slice4:before{
   background: #71ceea;
}
.panel-canvas .slice3:before{
   background: #5b57a6;
}
.panel-canvas .slice2:before{
   background: var(--in-success-color);
}
.panel-canvas .slice1:before{
   background: var(--in-danger-color);
}
.panel-canvas .slice0:before{
   background-color: var(--in-info-color);
}

/* canvas */
.canvas-warp {
   min-height: auto;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
   width: 100%;
}
.canvas-warp {
   scrollbar-color: #dee2e6 #e9ecef;
   scrollbar-width: thin;
   -ms-overflow-style: -ms-autohiding-scrollbar; 
}
.canvas-inner {
   max-width: 100%;
   width: 100%;
}

/* sticky element */
div.sticky {
   background-color: transparent;
   position: sticky;
   top: 60px;
   z-index: 9997;
}

/* tabel */
.table-warp {
   min-height: 0.01%;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
   width: 100%;
}
.table-warp {
   scrollbar-color: #dee2e6 #e9ecef;
   scrollbar-width: thin;
   -ms-overflow-style: -ms-autohiding-scrollbar; 
}
.table-inner {
   max-width: 100%;
}
.table-striped {
   width: 100%;
}
.table-striped > tbody > tr > td > a {
   color: var(--in-body-color);
}
.table-striped > tbody > tr > td > a:hover, .table-striped > tbody > tr > td > a:focus {
   color: inherit;
}
.table-striped > tbody > tr > td > a.delete:hover, .table-striped > tbody > tr > td > a.delete:active, .table-striped > tbody > tr > td > a.delete:focus {
   color: inherit;
}
.tabel-data.table-striped thead tr, .tabel-data.table-striped tfoot tr {
   background: #ffffff;
}
.tabel-data > thead > tr > th, .tabel-data > tbody > tr > th, .tabel-data > tfoot > tr > th, .tabel-data > thead > tr > td, .tabel-data > tbody > tr > td, .tabel-data > tfoot > tr > td {
   padding: 10px;
   line-height: 1.5;
   vertical-align: top;
   text-align: left;
   white-space: nowrap;
}
.table-striped > thead > tr > th, .table-striped > tbody > tr > th, .table-striped > tfoot > tr > th, .table-striped > thead > tr > td, .table-striped > tbody > tr > td, .table-striped > tfoot > tr > td {
   border-bottom: 1px solid var(--in-border-color);
   border-left: 1px solid var(--in-border-color);
   border-right: 1px solid var(--in-border-color);
   border-top: 1px solid var(--in-border-color);
}
.tabel-data th:first-child {
   width: 1%;
}
.tabel-data th: {
   width: 100%;
}
.table-striped > tbody > tr:nth-of-type(odd) {
   background-color: #f5f5f5
}
.table-striped > tbody > tr:hover {
   background-color: #f5f5f5;
}
.table-striped > tbody > tr > td.success {
   color: var(--in-success-color);
}
.table-striped > tbody > tr > td.info {
   color: var(--in-info-color);
}
.table-striped > tbody > tr > td.warning {
   color: var(--in-warning-color);
}
.table-striped > tbody > tr > td.danger {
   color: var(--in-danger-color);
}
.table-striped > tbody > tr.active, .table-striped > tbody > tr.active a {
   font-weight: thin;
}
.tabel-order > thead > tr > th, .tabel-order > tbody > tr > th, .tabel-order > tfoot > tr > th, .tabel-order > thead > tr > td, .tabel-order > tbody > tr > td, .tabel-order > tfoot > tr > td {
   line-height: 1.5;
   vertical-align: top;
   border: 1px solid var(--in-border-color);
   text-align: left;
}
.tabel-order th:first-child {
   width: 1%;
}
.tabel-data .w5 {
   width: 5%;
}
.tabel-data .w10 {
   width: 10%;
}
.tabel-data .w15 {
   width: 15%;
}
.tabel-data .w20 {
   width: 20%;
}
.tabel-data .w25 {
   width: 25%;
}
.tabel-data .w30 {
   width: 30%;
}
.tabel-data .w35 {
   width: 35%;
}
.tabel-data .w40 {
   width: 40%;
}
.tabel-data .w45 {
   width: 45%;
}
.tabel-data .w50 {
   width: 50%;
}
.tabel-data .w55 {
   width: 55%;
}
.tabel-data .w60 {
   width: 60%;
}
.tabel-data .w65 {
   width: 65%;
}
.tabel-data .w70 {
   width: 70%;
}
.tabel-data .w75 {
   width: 75%;
}

/* tabel */
.table-immunization {
   width: 100%;
}
.table-immunization > tbody > tr > td > a {
   color: var(--in-body-color);
}
.table-immunization > tbody > tr > td > a:hover, .table-immunization > tbody > tr > td > a:focus {
   color: var(--in-info-color);
}
.table-immunization thead tr, .table-immunization tbody tr, .table-immunization tfoot tr {
   background: #ffffff;
}
.table-immunization > thead > tr > th, .table-immunization > tbody > tr > th, .table-immunization > tfoot > tr > th, .table-immunization > thead > tr > td, .table-immunization > tbody > tr > td, .table-immunization > tfoot > tr > td {
   vertical-align: middle;
   text-align: left;
}
.table-immunization > thead > tr > th, .table-immunization > tbody > tr > th, .table-immunization > tfoot > tr > th, .table-immunization > thead > tr > td, .table-immunization > tbody > tr > td, .table-immunization > tfoot > tr > td {
   border-bottom: 1px solid var(--in-border-color);
   border-right: 1px solid var(--in-border-color);
}
.table-immunization > thead > tr > th:last-child {
   border-right: none;
}
.table-immunization > tbody > tr > th:last-child {
   border-right: none;
}
.table-immunization > thead > tr > th, .table-immunization > tbody > tr > th {
   padding: 8px;
   min-width: 220px;
}
.table-immunization > tbody > tr > td {
   font-size: 0.85rem;
   height: 44.4px;
   min-width: 88.8px;
   padding: 0px 8px;
   text-align: justify;
   white-space: nowrap;
   hyphens: auto;
   word-break: break-word;
   word-wrap: break-word;
}
.table-immunization > tbody > tr > td:focus {
   width: auto;
}
.table-immunization > thead > tr > th.center {
   text-align: center;
}
.table-immunization > thead > tr > th.date {
   height: 37.6px;
   min-height: 37.6px;
   min-width: 65.94px;
}
.table-immunization > tbody > tr > td.still-allowed {
   color: #ffffff;
   background-color: var(--in-warning-color);
}
.table-immunization > tbody > tr > td.not-allowed {
   background-color: #1d252c;
}
.table-immunization > tbody > tr > td.incomplete {
   color: #ffffff;
   background-color: var(--in-danger-color);
}
.table-immunization > tbody > tr > td.bottom {
   border-bottom: none;
}
.table-immunization > tbody > tr > td.top {
   border-top: none;
}
.table-immunization > tbody > tr > td.last {
   border-bottom: none;
   border-top: none;
}
.table-immunization > tbody > tr > td:focus, .table-immunization > tbody > tr > td.last:focus, .table-immunization > tbody > tr > td span:focus-visible, .table-immunization > tbody > tr > td span.last:focus-visible {
   background-color: #f9f9f9;
   color: #1d252c;
   outline: none;
}

/* tabel */
.table-partograph {
   border-collapse: separate;
   display: table;
   font-family: var(--in-body-font-family);
   font-weight: 400;
   margin: 0 auto;
   padding: 0px 0px 15px 0px;
   text-align: left;
   width: 100%;
}
.table-partograph .theader {
   display: table-row;
}
.table-partograph .table-header:first-child {
   border-left: 1px solid var(--in-border-color);
}
.table-partograph .table-header:last-child {
   border-right: 1px solid var(--in-border-color);
}
.table-partograph .table-header {
   background-color: #ffffff;
   border-bottom: 1px solid var(--in-border-color);
   border-top: 1px solid var(--in-border-color);
   color: var(--in-body-color);
   display: table-cell;
   font-weight: 600;
   max-width: 220px;
   overflow: hidden;
   padding: 15px;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.table-partograph .table-row {
   display: table-row;
}
.table-partograph .table-row .table-small {
   background-color: #ffffff;
   display: table-cell;
}
.table-partograph .table-row .table-small.muted {
   background-color: #1d252c;
}
.table-partograph .table-row > .table-small:first-child > .table-cell {
   border-left: 1px solid var(--in-border-color);
}
.table-partograph .table-row > .table-small > .table-cell:nth-child(2n+1) {
   background-color: #ffffff;
   color: var(--in-body-color);
   display: none;
   font-weight: 400;
   padding: 15px;
}
.table-partograph .table-row > .table-small > .table-cell {
   border-bottom: 1px solid var(--in-border-color);
   color: var(--in-body-color);
   padding: 15px;
}
.table-partograph .table-row > .table-small:last-child > .table-cell {
   border-right: 1px solid var(--in-border-color);
}
.table-partograph .table-row > .table-small > .table-cell:hover, .table-partograph .table-row > .table-small > .table-cell:focus, .table-partograph .table-row > .table-small > .table-cell:focus-visible {
   outline-width: 0; 
   outline: none;
}

/* tabel */
.table-schedule-inner {
   max-width: 100%;
   width: 100%;
}
.table-schedule-warp {
   min-height: 0.01%;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
   width: 100%;
}
.table-schedule-warp {
   scrollbar-color: #dee2e6 #e9ecef;
   scrollbar-width: thin;
   -ms-overflow-style: -ms-autohiding-scrollbar; 
}
.table-schedule-warp {
   white-space: nowrap;
}
.table-schedule-striped {
   width: 100%;
}
.table-schedule-data.table-schedule-striped thead tr, .table-schedule-data.table-schedule-striped tfoot tr {
   background: #ffffff;
}
.table-schedule-striped > thead > tr > th, .table-schedule-striped > tbody > tr > th, .table-schedule-striped > tfoot > tr > th, .table-schedule-striped > thead > tr > td, .table-schedule-striped > tbody > tr > td, .table-schedule-striped > tfoot > tr > td {
   border-bottom: 1px solid var(--in-border-color);
   border-left: 1px solid var(--in-border-color);
   border-right: 1px solid var(--in-border-color);
   border-top: 1px solid var(--in-border-color);
}
.table-schedule-data > thead > tr > th, .table-schedule-data > tbody > tr > th, .table-schedule-data > tfoot > tr > th, .table-schedule-data > thead > tr > td, .table-schedule-data > tbody > tr > td, .table-schedule-data > tfoot > tr > td {
   font-weight: normal;
   line-height: 1.5;
   min-width: 38.1167px;
   padding: 8px;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
}
.table-schedule-striped > tbody > tr:nth-of-type(2n+1) {
   background-color: #f5f5f5;
}
.table-schedule-data th:first-child, .table-schedule-data td:first-child {
   text-align: left;
}
.table-schedule-data td.today, .table-schedule-data td.today a, .table-schedule-data td.today > a, .table-schedule-data th.today {
   background-color: #f5f5f5;
   border-top: 1px solid var(--in-info-color);
   color: var(--in-body-color);
}
.table-schedule-data td.holiday {
   background-color: #f5f5f5;
   color: var(--in-body-color);
}
.table-schedule-data td.success, .table-schedule-data td.success a, .table-schedule-data td.success > a, .table-schedule-data th.success {
   background: var(--in-success-color);
   color: #ffffff;
}
.table-schedule-data td.danger, .table-schedule-data td.danger a, .table-schedule-data td.danger > a, .table-schedule-data th.danger {
   background: var(--in-danger-color);
   color: #ffffff;
}
.table-schedule-data td.warning, .table-schedule-data td.warning a, .table-schedule-data td.warning > a, .table-schedule-data th.warning {
   background: var(--in-warning-color);
   color: #ffffff;
}
.table-schedule-data td.info, .table-schedule-data td.info a, .table-schedule-data td.info > a, .table-schedule-data th.info {
   background: var(--in-info-color);
   color: #ffffff;
}

/* elements */
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
   display: none;
   margin-top: 4px\9;
   position: absolute;
}
.type-checkbox {
   height: 16px !important;
   margin: 1px 0px 0px 0px;
   opacity: 0;
   padding: 0px !important;
   position: absolute;
   width: 16px !important;
}
.type-checkbox + .check-box {
   background-color: #ffffff;
   border-radius: 2px;
   border: 1px solid var(--in-border-color);
   display: inline-block;
   height: 12px;
   margin: -3px 0px 0px 0px;
   vertical-align: top;
   width: 12px;
}
.type-checkbox + .check-tabel-box {
   background-color: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   display: inline-block;
   height: 16px;
   margin: 0px;
   vertical-align: middle;
   width: 16px;
}
.type-checkbox:checked + .check-box, .type-checkbox:checked + .check-tabel-box {
   background-color: var(--in-info-color);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); 
   background-position: center center; 
   background-repeat: no-repeat; 
   background-size: 60% 60%; 
   border-color: var(--in-info-color);
}
.toggle-checkbox .radio-btn {
   display: inline-block;
   position: relative;
}
.toggle-checkbox input[type=radio] {
   position: absolute;
   visibility: hidden;
}
.toggle-checkbox:hover .check {
   border: 4px solid #f5f5f5;
}
.toggle-checkbox .check {
   border-radius: 100%;
   border: 4px solid #f5f5f5;
   display: block;
   height: 17px;
   left: 0px;
   position: absolute;
   top: 17px;
   width: 17px;
}
.toggle-checkbox label {
   cursor: pointer;
   display: block;
   height: 30px;
   margin: 0px;
   padding: 15px 10px 0px 25px;
   position: relative;
}
.toggle-checkbox:hover label {
   color: var(--in-body-color);
}
.toggle-checkbox .check::before {
   border-radius: 100%;
   content: '';
   display: block;
   height: 9px;
   left: 0px;
   margin: auto;
   position: absolute;
   top: 0px;
   width: 9px;
}
.checkbox-switch {
   margin: 5px 0px;
   position: relative;
   width: 40px;
}
.checkbox-switch label {
   border-radius: 10px;
   cursor: pointer;
   display: block;
   overflow: hidden;
   padding: 5px 0px;
}
.checkbox-switch input {
   display: none;
}
.checkbox-switch input:checked + .outlet-switch {
   margin-left: 0px;
}
.checkbox-switch input:checked + .outlet-switch + .switch-button {
   right: 0px;
}
.checkbox-switch .outlet-switch {
   width: 200%;
   margin-left: -100%;
   transition: margin 0.3s ease-in 0s;
}
.checkbox-switch .outlet-switch::before, .checkbox-switch .outlet-switch::after {
   background-color: #f5f5f5;
   border-radius: 20px;
   border: 1px solid var(--in-border-color);
   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2) inset;
   color: var(--in-body-color);
   float: left;
   font-size: 8px;
   font-weight: normal;
   height: 20px;
   line-height: 18px;
   padding: 0px;
   width: 50%;
   box-sizing: border-box;
}
.checkbox-switch .outlet-switch::before {
   border-radius: 20px;
   content: " ";
   padding-left: 15px;
}
.checkbox-switch .outlet-switch::after {
   border-radius: 10px;
   content: " ";
   padding-right: 15px;
   text-align: right;
}
.checkbox-switch .switch-button {
   background-image: linear-gradient(to bottom, #ffffff, #dee2e6);
   background: #ffffff none repeat scroll 0% 0%;
   border-radius: 20px;
   border: 1px solid var(--in-border-color);
   bottom: 0px;
   height: 20px;
   line-height: 1em;
   margin: 5px 0px;
   position: absolute;
   right: 20px;
   text-align: center;
   text-shadow: 0px 0px 0px #dee2e6;
   top: 0px;
   width: 20px;
   transition: all 0.3s ease-in 0s;
}
.danger input:checked + .outlet-switch + .switch-button {
   background: #D15E5E none repeat scroll 0% 0%;
   border: 1px solid #D15E5E;
   opacity: 0.8;
}
.success input:checked + .outlet-switch + .switch-button {
   background: var(--in-success-color) none repeat scroll 0% 0%;
   border: 1px solid var(--in-success-color);
   opacity: 0.8;
}
.info input:checked + .outlet-switch + .switch-button {
   background: var(--in-info-color) none repeat scroll 0% 0%;
   border: 1px solid var(--in-info-color);
   opacity: 0.8;
}
.warning input:checked + .outlet-switch + .switch-button {
   background: #FF9800 none repeat scroll 0% 0%;
   border: 1px solid #FF9800;
   opacity: 0.8;
}
.radio-frame {
   display: block;
   padding-block-end: 0;
   padding-block-start: 0;
   padding-inline-end: 20px;
   padding-inline-start: 0px;
}
.radio-frame .radio-item {
   align-items: center;
   display: flex;
   min-height: 45px;
   padding: 0px;
}
.radio-frame .toggle-button > input[type="radio"] {
   display: none;
}
.radio-frame .toggle-button > input[type="radio"] + .radio-style {
   cursor: pointer;
   display: inline-block;
   height: 20px;
   position: relative;
   vertical-align: middle;
   width: 20px;
}
.radio-frame .toggle-button > input[type="radio"]:checked + .radio-style:before {
   border: 1px solid var(--in-info-color);
}
.radio-frame .toggle-button > input[type="radio"] + .radio-style:before {
   border-radius: 50%;
}
.radio-frame .toggle-button > input[type="radio"] + .radio-style:before {
   border: 1px solid var(--in-border-color);
   content: '';
   display: inline-block;
   height: 20px;
   left: 0;
   position: absolute;
   top: 0;
   width: 20px;
}
.radio-frame .toggle-button > input[type="radio"]:checked + .radio-style:after {
   display: block;
}
.radio-frame .toggle-button > input[type="radio"] + .radio-style:after {
   background: var(--in-info-color);
   border-radius: 50%;
   height: 10px;
   left: 5px;
   top: 5px;
   width: 10px;
}
.radio-frame .toggle-button > input[type="radio"] + .radio-style:after{
   content: '';
   display: none;
   position: absolute;
}
.radio-frame .toggle-button .label {
   color: var(--in-body-color);
   font-size: var(--in-body-font-size);
   font-weight: normal;
}
.checkbox-frame {
   display: block;
   padding-block-end: 0;
   padding-block-start: 0;
   padding-inline-end: 20px;
   padding-inline-start: 0px;
}
.checkbox-frame .checkbox-item {
   align-items: center;
   display: flex;
   min-height: 45px;
   padding: 0px;
}
.checkbox-frame .checkbox-item {
   align-items: center;
   display: flex;
   min-height: 45px;
   padding: 0px;
}
.checkbox-frame .toggle-button .label {
   color: var(--in-body-color);
   font-size: var(--in-body-font-size);
   font-weight: normal;
}
.checkbox-frame .type-checkbox {
   height: 16px !important;
   margin: 1px 0px 0px 0px;
   min-width: 16px !important;
   opacity: 0;
   padding: 0px !important;
   position: absolute;
   width: 16px !important;
}
.checkbox-frame .type-checkbox + .check-list-box {
   background-color: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   display: inline-block;
   height: 16px;
   margin: -1px 0px 0px 0px;
   min-width: 16px;
   vertical-align: middle;
   width: 16px;
}
.checkbox-frame .type-checkbox:checked + .check-list-box {
   background-color: var(--in-info-color);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); 
   background-position: center center; 
   background-repeat: no-repeat; 
   background-size: 60% 60%; 
   border-color: var(--in-info-color);
}

/* form */
.form-group {
   margin-bottom: 15px;
   margin-top: 5.3px;
}
.form-control {
   background-color: #ffffff;
   background-image: none;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   color: #555;
   display: block;
   font-size: var(--in-body-font-size);
   height: 34px;
   line-height: 1.5;
   padding: 6px 12px;
   width: 100%;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
   border-color: #66afe9;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
   outline: 0;
}
.form-control:focus {
   border: 1px solid var(--in-info-color);
   box-shadow: inset 0px 0px 0px 1px var(--in-info-color);
   outline: 0;
}
input.form-control {
   border: 1px solid var(--in-border-color);
   box-shadow: none;
   height: 48px;
}

/* modal */
.modal {
   background-color: rgba(24,24,24,0.9);
   display: none;
   height: 100%;
   left: 0;
   overflow: auto;
   padding: 0px 15px;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 9998;
}
.modal .modal-container {
   background-color: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
   margin: 10% auto 0% auto;
}
.modal .modal-warp {
   margin: 40px 20px 10px 20px;
   padding: 0px;
}
.modal .modal-warp h1 {
   color: var(--in-body-color);
   font-size: 18px;
   font-weight: 400;
   line-height: 1.5;
   text-align: center;
}
.modal .modal-warp p {
   color: var(--in-body-color);
   font-size: inherit;
   margin: 15px;
   padding: 0px;
   text-align: center;
   white-space: normal;
}
.modal .modal-button.cancel {
   background-color: none;
   border-bottom-left-radius: var(--in-border-radius-sm);
   border-top-left-radius: var(--in-border-radius-sm);
   color: var(--in-body-color);
}
.modal .modal-button.delete, .modal .modal-button.submit {
   background-color: none;
   border-bottom-right-radius: var(--in-border-radius-sm);
   border-top-right-radius: var(--in-border-radius-sm);
   color: var(--in-body-color);
}
.modal .modal-button.cancel, .modal .modal-button.delete, .modal .modal-button.submit {
   float: left;
   text-align: center;
   width: 50%;
}
.modal .modal-button.cancel:hover, .modal .modal-button.delete:hover, .modal .modal-button.submit:hover {
   background-color: #f6f6f6;
}
.modal .modal-button {
   background-color: #ffffff;
   border: 1px solid var(--in-border-color);
   cursor: pointer;
   margin: 15px -2px 15px 1px;
   opacity: 0.9;
   padding: 14px 20px;
   width: 100%;
}

/* input */
.text-input {
   position: relative;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   -ms-flex-wrap: wrap;
}
.text-input .dropdown-list li input, .text-input .dropdown-list-report li input {
   background-color: transparent;
   border: 0px !important;
   cursor: pointer;
   font-size: 0;
   height: 34px;
   left: 0;
   margin-top: -8px;
   position: absolute;
}
.text-input label {
   font-size: var(--in-body-font-size);
   padding-left: 3px;
   flex: 1 1 100%;
}
.text-input input, .text-input select {
   background-color: #ffffff;
   border-width: 1px 1px 1px 1px;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   display: block;
   font-size: var(--in-body-font-size);
   height: 48px;
   max-width: 100%;
   overflow: hidden;
   padding: 6px 12px;
   width: 100%;
   flex: 1;
}
.text-input input:nth-last-child(1), .text-input select:nth-last-child(1) {
   border-color: var(--in-border-color) var(--in-border-color) var(--in-border-color) var(--in-border-color);
   border: 1px solid var(--in-border-color);
   border-width: 1px 1px 1px 1px;
}
.text-input input ~ label:nth-last-child(1) {
   border-color: var(--in-border-color) var(--in-border-color) var(--in-border-color) var(--in-border-color);
   border: 1px solid var(--in-border-color);
   border-width: 1px 1px 1px 0px;
   border-radius: var(--in-border-radius-sm);
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}
.text-input select ~ label:nth-last-child(1) {
   border-color: var(--in-border-color) var(--in-border-color) var(--in-border-color) var(--in-border-color);
   border: 1px solid var(--in-border-color);
   border-width: 1px 1px 1px 0px;
}
.text-input input ~ label:nth-last-child(2), .text-input select ~ label:nth-last-child(2), .text-input input ~ label:nth-last-child(3), .text-input select ~ label:nth-last-child(3) {
   border-color: var(--in-border-color) var(--in-border-color) var(--in-border-color) var(--in-border-color);
   border: 1px solid var(--in-border-color);
   border-width: 1px 0px 1px 0px;
}
.text-input input[type="file"], .text-input select[type="file"] {
   position: fixed;
   top: -1000px;
}
.text-input input ~ label, .text-input select ~ label {
   background-color: #ffffff;
   border: 1px solid var(--in-border-color);
   cursor: pointer;
   font-size: var(--in-body-font-size);
   height: 48px;
   padding: 5px;
   display: flex;
   flex: 0 0 44px;
   justify-content: center;
   align-items: center;
}
.text-input input ~ label:hover, .text-input select ~ label:hover {
   background-color: #f9f9f9;
}
.text-input input:focus:hover, .text-input select:focus:hover, .text-input input:focus + ul, .text-input select:focus + ul, .text-input input:focus:hover + ul, .text-input select:focus:hover + ul {
   display: block;
}
.text-input input:hover, .text-input input:focus, .text-input input:focus-visible {
   outline: 0;
}
.text-input button {
   background-color: #ffffff;
   border: 1px solid var(--in-border-color);
   cursor: pointer;
   font-size: var(--in-body-font-size);
   height: 48px;
   padding: 5px;
   border-radius: var(--in-border-radius-sm);
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
   display: flex;
   align-items: center;
   flex: 0 0 44px;
   justify-content: center;
}
.text-input button:hover {
   background-color: #f9f9f9;
}
.text-input ul {
   background-color: #ffffff;
   border-top-color: #3498db;
   border: 1px solid rgba(0, 0, 0, 0.15);
   display: none;
   left: 0;
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: absolute;
   right: 0;
   top: calc(87%);
   z-index: 9982;
   overflow: hidden;
}
.text-input ul:hover{
   display: block;
}
.text-input ul:focus, .text-input ul:focus-visible {
   display: block;
   outline: 0;
}
.text-input li {
   overflow: hidden;
   padding: 6px 12px;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.text-input li:hover {
   background-color: #c1e1ec;
   cursor: pointer;
}

/* validation */
.has-success .form-control:focus {
   border-color: #2b542c;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-warning .form-control:focus {
   border-color: #66512c;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-error .form-control:focus {
   border-color: #843534;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

/* pagination */
.page-warp {
   color: var(--in-body-color);
   overflow: hidden;
   padding-left: 0px;
   padding-right: 0px;
   position: relative;
   width: 100%;
}
.page-query {
   display: inline-block;
   height: 60px;
   line-height: 2.8;
   padding-top: 20px;
   width: 30%;
}
.page-number {
   display: inline-block;
   height: 60px;
   padding-top: 20px;
   text-align: right;
   width: 70%;
}
.pagination {
   border-radius: var(--in-border-radius-sm);
   display: inline-block;
   margin: 0;
   padding-left: 0;
}
.pagination > li, .pagination > button, .pagination span > button {
   display: inline-block;
   margin: 0px 0px 0px 3px;
   padding: 0px;
}
.pagination .dot a, .pagination .dot a:hover, .pagination .dot a:focus {
   background-color: transparent;
   border-color: transparent;
   color: var(--in-body-color);
   cursor: none;
   margin: 0;
   padding: 10px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
   border-bottom-left-radius: var(--in-border-radius-sm);
   border-top-left-radius: var(--in-border-radius-sm);
   margin-left: 0;
}
.pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus, .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {
   background-color: var(--in-info-color);
   border-color: var(--in-info-color);
   color: #ffffff;
   cursor: default;
   z-index: 2;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
   opacity: 0.5;
}
.pagination > li > a, .pagination > li > span, .pagination > button, .pagination span > button {
   background-color: #ffffff;
   border: 1px solid var(--in-border-color);
   color: var(--in-body-color);
   float: left;
   line-height: 1.5;
   margin-left: -1px;
   padding: 6px 12px;
   position: relative;
   text-decoration: none;
}
.pagination > li a, .pagination > button, .pagination span > button {
   border-radius: var(--in-border-radius-sm);
   cursor: pointer;
   margin-bottom: 5px;
   margin-right: 3px;
   padding: 6px 15px;
   transition-duration: 0.4s;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
   background-color: #eee;
   border-color: var(--in-border-color);
   color: var(--in-body-color);
   z-index: 2;
}
.pagination > .active > a:hover, .pagination > .active > span:focus, .pagination > .active > span:hover {
   background-color: var(--in-info-color);
   border-color: var(--in-info-color);
   color: #ffffff;
   cursor: default;
   z-index: 2;
}
.pagination > .disabled > a:hover, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
   background-color: #ffffff;
   border-color: var(--in-border-color);
   color: var(--in-body-color);
   cursor: not-allowed;
}

/* widget */
.panel-default > .panel-heading {
   background-color: #ffffff;
   border-color: var(--in-border-color);
   color: var(--in-body-color);
}
.panel-primary > .panel-heading {
   background-color: var(--in-info-color);
   color: #ffffff;
   border: none;
}
.panel-success > .panel-heading {
   background-color: var(--in-success-color);
   color: #ffffff;
   border: none;
}
.panel-info > .panel-heading {
   background-color: var(--in-info-color);
   color: #ffffff;
   border: none;
}
.panel-warning > .panel-heading {
   background-color: #FF9800;
   color: #ffffff;
   border: none;
}
.panel-danger > .panel-heading {
   background-color: var(--in-danger-color);
   color: #ffffff;
   border: none;
}
.dark-overlay {
   background: rgba(0, 0, 0, 0.05);
}

/* widget */
.percent-widget-panel {
   margin-bottom: 20px;
   padding: 1px 0;
   text-align: center;
}
.percent-widget {
   height: 120px;
   margin: 20px auto 10px auto;
   position: relative;
   text-align: center;
   width: 120px;
}
.percent-widget .percent {
   display: block;
   font-size: 36px;
   position: absolute;
   top: 22px;
   width: 120px;
}
#font-blue .percent {
   color: var(--in-info-color);
}
#font-teal .percent {
   color: #1ebfae;
}
#font-orange .percent {
   color: var(--in-warning-color);
}
#font-red .percent {
   color: var(--in-danger-color);
}

/* widget */
.widget-table {
   margin: 0 auto;
   width: 100%;
}
.widget-container-tbl {
   background: transparent;
   min-height: auto;
   padding: 0px 0px;
   width: 100%;
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.widget-container-tbl .widget-wrap-tbl {
   scrollbar-color: #dee2e6 #e9ecef;
   scrollbar-width: thin;
   -ms-overflow-style: -ms-autohiding-scrollbar; 
}
.widget-container-tbl .widget-wrap-tbl {
   overflow: auto;
   position: relative;
   white-space: nowrap;
   width: 100%;
}
.widget-container-tbl .widget-wrap-tbl table {
   background-color: transparent;
   border-collapse: collapse;
   border-radius: 0px;
   border-spacing: 1;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   white-space: nowrap;
   width: 100%;
}
.widget-container-tbl .widget-wrap-tbl tbody tr {
   border-bottom: 1px solid #e9ecf2;
   color: var(--color);
   font-weight: unset;
   line-height: 1.2;
}
.widget-container-tbl .widget-wrap-tbl .widget-tbl-head th {
   color: unset;
   line-height: 1.2;
   font-weight: 800;
}
.widget-container-tbl .widget-wrap-tbl table * {
   position: relative;
}
.widget-container-tbl .widget-wrap-tbl table thead tr, .widget-container-tbl .widget-wrap-tbl table tbody tr {
   height: 0px;
}
.widget-container-tbl .widget-wrap-tbl table tbody tr:last-child {
   border: 0;
}
.widget-container-tbl .widget-wrap-tbl tbody tr:nth-child(2n) {
   background-color: transparent;
}
.widget-container-tbl .widget-wrap-tbl table td, .widget-container-tbl .widget-wrap-tbl table th {
   padding: 15px 0px;
   text-align: left;
}
.widget-container-tbl .widget-wrap-tbl table td:first-child, .widget-container-tbl .widget-wrap-tbl table th:first-child {
   padding: 15px 15px 15px 0px;
   text-align: left;
}
.widget-container-tbl .widget-wrap-tbl .col-1 {
   width: 100%;
}
.widget-container-tbl .widget-wrap-tbl .col-2 {
   padding-right: 10px;
   width: 100%;
}
.widget-container-tbl .widget-wrap-tbl .col-3 {
   width: 100%;
}
.widget-list {
   display: block;
   width: 100%;
   padding: 15px 0px;
}
.widget-list .widget-list-warp {
   display: block;
   padding: 0px 0px 5px 0px;
}
.widget-list .widget-list-warp li {
   display: block;
   padding: 0px 0px 5px 0px;
}
.widget-list .widget-list-warp li:last-child {
   overflow: hidden;
   padding: 0px 0px 15px 0px;
}
.widget-list-footer {
   background: #f9f9f9;
   border-bottom-left-radius: var(--in-border-radius-sm);
   border-bottom-right-radius: var(--in-border-radius-sm);
   border-top: 1px solid var(--in-border-color);
   cursor: pointer;
   font-size: 12px;
   letter-spacing: 0.025em;
   padding: 10px 15px;
   text-align: center;
}

/* flex */
.flex {
   display: flex;
}
.flex-1 {
   flex: 1;
}
.flex-100 {
   flex: 0 0 100%;
}
.flex-grow {
   flex-basis: 0;
   flex-grow: 1;
}
.flex-start {
   display: flex;
   align-items: flex-start;
}
.flex-wrap {
   display: flex;
   flex-wrap: wrap;
}
.flex-wrapper {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
}
.flex-row {
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-wrapper {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
}
.flexible-items {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.specifies-direction {
   margin-bottom: 0;
   padding-left: 0;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
}
.items-horizontally {
   -ms-flex-align: center;
   -ms-flex-direction: row;
   align-items: center;
   flex-direction: row;
}
.items-vertically {
   -ms-flex-direction: column;
   -ms-flex: 1;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   flex: 1;
}
.same-length {
   -ms-flex-align: center;
   -ms-flex: 1;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
   flex: 1;
   position: relative;
}
.middle-lines {
   -ms-flex-align: center;
   -ms-flex-line-pack: center;
   align-content: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
   margin-top: 0.6rem;
   opacity: .5;
}

/* list-items */
.wrap-items {
   min-height: 0.01%;
   white-space: nowrap;
   width: 100%;
}
.wrap-items .list-items {
   border-left: 0;
   border-radius: 0;
   border-right: 0;
}
.wrap-items .list-items:first-child {
   margin-top: 0px;
}
.wrap-items .list-items:last-child {
   margin-bottom: -1px;
}
.wrap-items:first-child .list-items:first-child {
   border-top: 0;
}
.wrap-items:last-child .list-items:last-child {
   border-bottom: 0;
   margin-bottom: 0;
}
.list-items {
   border: 1px solid #e9ecf2;
   display: block;
   margin-bottom: -1px;
   padding: 15px;
   position: relative;
}
.list-items:first-child {
   border-top-left-radius: var(--border-radius);
   border-top-right-radius: var(--border-radius);
}
.list-items:last-child {
   border-bottom-left-radius: var(--border-radius);
   border-bottom-right-radius: var(--border-radius);
}
.items-horizontally .btn-items {
   opacity: 0;
   visibility: hidden;
   transition: opacity .2s;
}
.items-horizontally:hover .btn-items {
   opacity: 1;
   visibility: visible;
}
.items-horizontally .font-size-1-8-rem {
   display: block;
   font-size: 1.8rem;
   font-weight: bold;
}

/* scrollbar */
.scrollbar {
   height: 285px;
   overflow: auto;
   white-space: normal;
}

/* progress */
.progress-holder {
   background-color: #e9ecef;
   border-radius: 0.25rem;
   font-size: 0.75rem;
   height: 1rem;
   overflow: hidden;
   display: -ms-flexbox;
   display: flex;
}
.progress-holder .progress:last-child {
   border-bottom-right-radius: var(--border-radius);
   border-top-right-radius: var(--border-radius);
}
.progress-bar.progress, .progress-bar .progress {
   position: relative;
}
.progress-bar.progress::after, .progress-bar .progress::after {
   background: #ffffff;
   bottom: 0;
   content: '';
   left: 0;
   opacity: 0;
   position: absolute;
   right: 0;
   top: 0;
   animation: progress 2s ease infinite;
}

/* clip */
.table-clip .left-clip {
   border-radius: var(--border-radius);
   height: 60%;
   left: 0.6rem;
   opacity: .6;
   position: absolute;
   top: 20%;
   width: 4px;
   transition: opacity .2s;
}
.table-clip .right-clip {
   border-radius: var(--border-radius);
   height: 60%;
   right: 0.6rem;
   opacity: .6;
   position: absolute;
   top: 20%;
   width: 4px;
   transition: opacity .2s;
}

/* button */
.btn {
   background-image: none;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid transparent;
   cursor: pointer;
   display: inline-block;
   font-size: var(--in-body-font-size);
   font-weight: 400;
   line-height: 1.5;
   margin: 0px;
   padding: 6px 12px;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
}
a.btn:hover, button:hover {
   opacity: 0.8;
}
.btn:focus, .btn:hover {
   color: var(--in-body-color);
   text-decoration: none;
}
.btn:active.focus, .btn:active:focus, .btn:focus {
   outline: none;
}
.btn[disabled], fieldset[disabled] .btn {
   box-shadow: none;
   cursor: not-allowed;
   opacity: .65;
   filter: alpha(opacity=65);
}
.btn-primary, .btn-primary:hover, .btn-primary:focus {
   background-color: var(--in-info-color);
   border-color: var(--in-info-color);
   color: #ffffff;
}
.btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
   background-color: inherit;
   border-color: var(--in-border-color);
   color: var(--in-body-color);
}
.btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-menu.btn-primary:hover {
   background-color: var(--in-info-color);
   border-color: var(--in-info-color);
   color: #ffffff;
}
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
   background-color: #f5f5f5;
   border-color: var(--in-border-color);
   color: var(--in-body-color);
}
.btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-menu.btn-default:hover {
   background-color: #f5f5f5;
   border-color: var(--in-border-color);
   color: var(--in-body-color);
}
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
   background-color: var(--in-success-color);
   border-color: var(--in-success-color);
   color: #ffffff;
}
.btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-menu.btn-success:hover {
   background-color: var(--in-success-color);
   border-color: var(--in-success-color);
   color: #ffffff;
}
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
   background-color: var(--in-info-color);
   border-color: var(--in-info-color);
   color: #ffffff;
}
.btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-menu.btn-info:hover {
   background-color: var(--in-info-color);
   border-color: var(--in-info-color);
   color: #ffffff;
}
.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
   background-color: var(--in-warning-color);
   border-color: var(--in-warning-color);
   color: #ffffff;
}
.btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-menu.btn-warning:hover {
   background-color: var(--in-warning-color);
   border-color: var(--in-warning-color);
   color: #ffffff;
}
.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
   background-color: var(--in-danger-color);
   border-color: var(--in-danger-color);
   color: #ffffff;
}
.btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-menu.btn-danger:hover {
   background-color: var(--in-danger-color);
   border-color: var(--in-danger-color);
   color: #ffffff;
}
.btn-link, .btn-link[disabled], fieldset[disabled] .btn-link {
   background-color: transparent;
   box-shadow: none;
}
.btn-link, .btn-link:focus, .btn-link:hover {
   background-color: transparent;
   color: var(--in-body-color);
   text-decoration: underline;
}
.btn-link, .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
   color: var(--in-body-color);
   text-decoration: none;
}
.btn-link, .btn-link:focus, .btn-link:hover, .page-link:focus, .page-link:hover, a.text-primary:focus, a.text-primary:hover {
   color: #50b3ff !important;
}
.btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
   background-color: #ffffff;
   border-color: #f5f5f5;
}
.btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
   background-color: #337ab7;
   border-color: #2e6da4;
}
.btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
   background-color: #5cb85c;
   border-color: #4cae4c;
}
.btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
   background-color: var(--in-info-color);
   border-color: #46b8da;
}
.btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
   background-color: #FF9800;
   border-color: #eea236;
}
.btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
   background-color: var(--in-danger-color);
   border-color: #d43f3a;
}
.btn-small {
   background-color: #f5f5f5;
   background-image: none;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
   font-weight: 400;
   margin-bottom: 5px;
   padding: 6px 12px;
   text-align: center;
   vertical-align: middle;
}
a.btn-small:focus, .btn-small:focus {
   background-color: var(--in-info-color);
   color: #ffffff;
}

/* chat */
.chat .panel-body ul {
   font-size: var(--in-body-font-size);
   font-weight: normal;
   list-style: none;
   margin: -15px;
   padding: 15px;
}
.chat .panel-body ul li {
   border-bottom: 1px solid var(--in-border-color);
   margin-bottom: 10px;
   padding: 15px 5px;
}
.chat .panel-body ul li:last-child {
   border-bottom: 0 solid #f5f5f5;
}
.chat ul li.left .chat-body {
   margin-left: 80px;
}
.chat ul li.right .chat-body {
   margin-right: 80px;
}
.chat ul li .chat-body p {
   margin: 0;
}
.chat .panel-body {
   height: 160px;
   overflow-y: scroll;
}
.chat-body small {
   margin-left: 5px;
}

/* scroll */
.scroll .panel-body {
   height: 225px;
   overflow-y: scroll;
}

/* add */
.panel-footer {
   background-color: #f5f5f5;
   border-bottom-left-radius: var(--in-border-radius-sm);
   border-bottom-right-radius: var(--in-border-radius-sm);
   border-top: 1px solid var(--in-border-color);
   padding: 10px 15px;
}
.panel-footer .input-group {
   margin: 0 -5px;
   padding: 0px;
}
.panel-footer {
   background: #ffffff;
   border-top: 1px solid var(--in-border-color);
}
.panel-footer .input-group-btn:last-child > .btn {
   margin: 0;
}
.input-group .form-control, .input-group-btn {
   display: table-cell;
}
.input-group-btn {
   vertical-align: middle;
   width: 1%;
}
.input-group-btn {
   font-size: 0;
   position: relative;
   white-space: nowrap;
}
.input-group-btn .btn {
   height: 48px;
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
   border-radius: 0;
}

/* todo */
.todo-list {
   background: #ffffff;
   color: var(--in-body-color);
   margin: -15px;
   padding: 0;
}
.todo-list .checkbox input[type=checkbox] {
   margin: 0;
}
.todo-list .checkbox {
   display: inline-block;
   margin: 0px;
}
.todo-list-items {
   line-height: 0.9;
   list-style: none;
   padding: 10px 20px 5px 15px;
}
.todo-list-items:hover, a.todo-list-items:focus {
   background-color: #f6f6f6;
   text-decoration: none;
}

/* article */
.article:first-child {
   padding: 0 0 10px 0;
}
.article .date {
   display: block;
   margin: 5px auto;
   text-align: center;
}
.article h4 {
   margin-top: 10px;
   margin-bottom: 10px;
}

/* timeline */
.timeline {
   list-style: none;
   padding: 20px 0 20px;
   position: relative;
}
.timeline:before {
   background-color: #f5f5f5;
   bottom: 0;
   content: " ";
   left: 22px;
   margin-right: -1.5px;
   position: absolute;
   top: 0;
   width: 2px;
}
.timeline > li {
   margin-bottom: 20px;
   position: relative;
}
.timeline > li:before, .timeline > li:after {
   content: " ";
   display: table;
}
.timeline > li:after {
   clear: both;
}
.timeline > li > .timeline-panel {
   border-radius: 2px;
   border: 1px solid #edeeed;
   box-shadow: none;
   float: right;
   padding: 10px 20px;
   position: relative;
   width: calc( 100% - 65px );
}
.timeline > li > .timeline-panel:before {
   border-bottom: 11px solid transparent;
   border-left: 0 solid #edeeed;
   border-right: 11px solid #edeeed;
   border-top: 11px solid transparent;
   content: " ";
   display: inline-block;
   left: -11px;
   position: absolute;
   top: 26px;
}
.timeline > li > .timeline-panel:after {
   border-bottom: 10px solid transparent;
   border-left: 0 solid #ffffff;
   border-right: 10px solid #ffffff;
   border-top: 10px solid transparent;
   content: " ";
   display: inline-block;
   left: -10px;
   position: absolute;
   top: 27px;
}
.timeline > li > .timeline-badge {
   background-color: #999999;
   border-radius: 9999px;
   color: #ffffff;
   font-size: 1.4em;
   height: 46px;
   left: 0px;
   line-height: 45px;
   margin-right: -25px;
   position: absolute;
   text-align: center;
   top: 16px;
   width: 46px;
   z-index: 9997;
}
.timeline-badge.primary {
   background-color: var(--in-info-color) !important;
}

/* The alert message box */
.alert-message {
   border-radius: var(--in-border-radius-sm);
   color: white;
   font-style: italic;
   margin-bottom: 0px;
   padding: 15px;
}
.alert-message {
   opacity: 1;
   transition: opacity 0.6s;
}
.alert-message.success {
   background-color: var(--in-success-color);
}
.alert-message.info {
   background-color: var(--in-info-color);
}
.alert-message.warning {
   background-color: var(--in-warning-color);
}
.alert-message.danger {
   background-color: var(--in-danger-color);
}

/* The close button */
.close-alert {
   color: white;
   cursor: pointer;
   float: right;
   font-size: var(--in-body-font-size);
   font-style: normal;
   font-weight: bold;
   margin-left: 15px;
   transition: 0.3s;
}

/* When moving the mouse over the close button */
.close-alert:hover {
   opacity: 0.5;
}

/* contact */
.form-horizontal .form-group {
   margin-left: -15px;
   margin-right: -15px;
}

.adjoin ul.general, .adjoin ul.revenue {
   padding: 0;
}
.adjoin ul.general li, .adjoin ul.revenue li {
   display: table;
}
.adjoin ul.general li span, .adjoin ul.revenue li span {
   display: table-cell;
}
.adjoin ul.general li span:first-child, .adjoin ul.revenue li span:first-child {
   overflow: hidden;
   /* Don't go underneath the text */
   position: relative;
   width: 1%;
   text-overflow: ellipsis;
   white-space: nowrap
}
.adjoin ul.general li span:first-child:after, .adjoin ul.revenue li span:first-child:after {
   bottom: 0.5em;
   content: "";
   margin-left: 0.5em;
   /* Keep same for the next span's left padding */
   position: absolute;
   width: 100%;
}
.adjoin ul.revenue li span:first-child:after {
   border-bottom: 0px dashed var(--in-body-color);
}
.adjoin ul.general li span + span, .adjoin ul.revenue li span + span {
   /* white-space: nowrap; */
   padding-left: 0.5em;
   text-align: right;
   vertical-align: bottom;
   /* Keep text bottom-aligned */
   width: 1%;
}

/* chart */
.chart-warp {
   min-height: 0.01%;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
   width: 100%;
}
.chart-inner {
   max-width: 100%;
   width: 100%;
}
.chart-warp {
   scrollbar-color: #dee2e6 #e9ecef;
   scrollbar-width: thin;
   -ms-overflow-style: -ms-autohiding-scrollbar; 
}
.vertical-bar-chart {
   display: block;
   margin: 0 auto;
   height: 370px;
   min-width: 444px;
   max-width: 460px;
}
.vertical-bar-chart .bar {
   fill: var(--in-danger-color);
}
.vertical-bar-chart .bar:hover {
   fill: #f1f4f7;
}
.vertical-bar-chart .axis {
   fill: #1d252c;
   font: 10px Poppins Regular;
}
.vertical-bar-chart .axis path, .vertical-bar-chart .axis line {
   fill: none;
   stroke: #1d252c;
   shape-rendering: crispEdges;
}
.vertical-bar-chart .x.axis path {
   display: block;
}
/* Safari */
.circle-chart {
   float: left;
   width: 20%;
   margin: 0 5px 0 5px;
}
.circle-chart .warp {
   display: block;
   margin: 10px auto;
}
.circle-chart .warp .circle {
   fill: transparent;
   stroke-width: 3.8;
   stroke: #f1f4f7;
}
.circle-chart .warp .load {
   animation: progress 1s ease-out forwards;
   fill: transparent;
   stroke-linecap: round none;
   stroke-width: 3.8;
}
.circle-chart .warp .total {
   font-size: 0.5em;
   fill: var(--in-body-color);
   text-anchor: middle;
}
.circle-chart .warp.focus .load {
   stroke: var(--in-body-color);
}
.circle-chart .warp.info .load {
   stroke: var(--in-info-color);
}
.circle-chart .warp.danger .load {
   stroke: var(--in-danger-color);
}
.circle-chart .warp.warning .load {
   stroke: var(--in-warning-color);
}
.circle-chart .warp.success .load {
   stroke: var(--in-success-color);
}
.circle-chart .legend {
   font-size: 9pt;
   text-align: center;
}

@keyframes progress {
   0% {
      stroke-dasharray: 0 100;
   }
}

.horizontal-bar-chart {
   padding: 0px;
}
.horizontal-bar-chart ul {
   list-style: none;
   padding: 0px;
}
.horizontal-bar-chart ul li span {
   font-size: 12px;
   padding-top: 2px;
}
.horizontal-bar-chart .warp {
   background-color: #f1f4f7;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5) none;
   margin: 0;
   overflow: hidden;
   position: relative;
}
.horizontal-bar-chart .warp.bar {
   border-radius: 0px;
   height: 20px;
   margin-bottom: 14px;
   width: 100%;
}
.horizontal-bar-chart .warp.bar .load {
   margin-left: 0px;
}
.horizontal-bar-chart .warp .load {
   position: absolute;
   overflow: hidden;
   height: 20px;
   margin-left: 0px;
}
.horizontal-bar-chart .warp .info {
   background-color: var(--in-info-color);
}
.horizontal-bar-chart .warp .danger {
   background-color: var(--in-danger-color);
}
.horizontal-bar-chart .warp .warning {
   background-color: var(--in-warning-color);
}
.horizontal-bar-chart .warp .success {
   background-color: var(--in-success-color);
}

/* badge */
.badge {
   border-radius: var(--in-border-radius-sm);
   display: inline-block;
   font-size: var(--in-body-font-size);
   font-weight: unset;
   line-height: 1;
   padding: 0.25em 0.4em;
   text-align: center;
   vertical-align: baseline;
   white-space: nowrap;
}
.badge {
   cursor: pointer;
   font-weight: normal;
   min-width: 19px;
   padding: 5px 10px;
   text-transform: none;
}
.badge-danger {
   background: var(--in-danger-color) none repeat scroll 0% 0%;
   color: #ffffff;
}
.badge-default {
   background: #e9ecf2 none repeat scroll 0% 0%;
   color: var(--in-body-color);
}
.badge-info {
   background: var(--in-info-color) none repeat scroll 0% 0%;
   color: #ffffff;
}
.badge-success {
   background: var(--in-success-color) none repeat scroll 0% 0%;
   color: #ffffff;
}
.badge-warning {
   background: var(--in-warning-color) none repeat scroll 0% 0%;
   color: #ffffff;
}
.border-danger {
   border: 2px solid var(--in-danger-color);
   color: var(--in-danger-color);
}
.border-default {
   border: 1px solid var(--in-border-color);
   color: var(--in-body-color);
}
.border-info {
   border: 2px solid var(--in-info-color);
   color: var(--in-info-color);
}
.border-success {
   border: 2px solid var(--in-success-color);
   color: var(--in-success-color);
}
.border-warning {
    border: 2px solid var(--in-warning-color);
    color: var(--in-warning-color);
}
.dots-badge {
   border-radius: 50%;
   height: 6px;
   left: 0px;
   margin-right: 7px;
   position: relative;
   text-align: left;
   vertical-align: middle;
   top: 7px;
   width: 6px;
   float: left;
}
.img-circle {
   border-radius: 50%;
   height: 60px;
   width: 60px;
}
.input-group {
   border-collapse: separate;
   display: table;
   position: relative;
}
.input-group[class*=col-] {
   float: none;
   padding-left: 0;
   padding-right: 0;
}
.input-group .form-control:first-child, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-menu) {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}

/* quantity */
.quantity-warp {
   display: block;
   vertical-align: top;
   width: 100%;
}
.quantity-inner {
   border-bottom-left-radius: var(--in-border-radius-sm);
   border-bottom-right-radius: var(--in-border-radius-sm);
   border-radius: var(--in-border-radius-sm);
   border-top-left-radius: var(--in-border-radius-sm);
   border-top-right-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   display: block;
   padding: 11px 0;
   position: relative;
   vertical-align: top;
}
.quantity-inner .minus {
   border-right: 1px solid var(--in-border-color);
   left: 0;
}
.quantity-inner input {
   background-color: #ffffff;
   border: medium none;
   color: #3d3d3d;
   font-size: inherit;
   text-align: center;
   width: 100%;
}
.quantity-inner .minus {
   border-bottom-left-radius: var(--in-border-radius-sm);
   border-top-left-radius: var(--in-border-radius-sm);
   border-top-right-radius: none;
   border-bottom: none;
   border-left: none;
   border-right: 0px solid var(--in-border-color);
   border-top: none;
   left: 0;
}
.quantity-inner .minus::after {
   content: "";
}
.quantity-inner .minus::after, .quantity-inner .plus::after {
   font-size: 10px;
   height: 10px;
   width: 10px;
}
.quantity-inner .plus {
   border-bottom-left-radius: none;
   border-bottom-right-radius: var(--in-border-radius-sm);
   border-top-left-radius: none;
   border-top-right-radius: var(--in-border-radius-sm);
   border-bottom: none;
   border-left: 0px solid var(--in-border-color);
   border-right: none;
   border-top: none;
   right: 0;
}
.quantity-inner .plus::after {
   content: "";
}
.quantity-inner .minus, .quantity-inner .plus {
   background-color: transparent;
   bottom: 0px;
   height: 45px;
   padding: 0px 10px;
   position: absolute;
   top: 0px;
}
.quantity-inner .minus::after, .quantity-inner .plus::after {
   font-size: 10px;
   height: 10px;
   width: 10px;
}
.quantity-inner .minus, .quantity-inner .minus::after, .quantity-inner .plus, .quantity-inner .plus::after {
   color: inherit;
   padding-top: 12px;
   transition: all 0.3s ease 0s;
}

/* editor */
#editor, #editor-subjective, #editor-objective, #editor-assessment, #editor-plan, #editor-note {
   background-image: none;
   display: block;
   display: inline-block;
   max-height: 500px;
   min-height: 250px;
   overflow-y: scroll;
   overflow-x: hidden;
   box-sizing: border-box;
   transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
#editor:focus-visible, #editor-subjective:focus-visible, #editor-objective:focus-visible, #editor-assessment:focus-visible, #editor-plan:focus-visible, #editor-note:focus-visible {
   box-shadow: none;
   outline: none
}
.panel-editor {
   border-top-left-radius: var(--in-border-radius-sm);
   border-top-right-radius: var(--in-border-radius-sm);
   border-top: 1px solid var(--in-border-color);
   border-left: 1px solid var(--in-border-color);
   border-right: 1px solid var(--in-border-color);
}
.panel-editor > .editor-warp {
   background-color: #ffffff;
   border: none;
   color: #555;
}
.editor-warp {
   border-bottom-color: transparent;
   border-bottom: 1px solid transparent;
   border-top-left-radius: var(--in-border-radius-sm);
   border-top-right-radius: var(--in-border-radius-sm);
   padding: 15px 15px;
}
.editor-form {
   background-color: #ffffff;
   background-image: none;
   border-bottom-left-radius: var(--in-border-radius-sm);
   border-bottom-right-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   color: #555;
   display: block;
   font-size: var(--in-body-font-size);
   height: 34px;
   line-height: 1.5;
   padding: 6px 12px;
   width: 100%;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.editor-form {
   scrollbar-color: #dee2e6 #e9ecef;
   scrollbar-width: thin;
   -ms-overflow-style: -ms-autohiding-scrollbar; 
}
.editor-form a {
   color: blue;
}
.editor-form ul {
  list-style-type: lower-alpha;
  list-style: lower-alpha;
  margin: 0px;
  padding: 5px 15px;
}
.editor-form ol {
  list-style-type: decimal;
  list-style: decimal;
  margin: 0px;
  padding: 5px 15px;
}
.editor-group, .editor-group-vertical {
   display: inline-block;
   position: relative;
   vertical-align: middle;
}
.editor-group > .btn-editor:first-child:not(:last-child):not(.dropdown-menu) {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}
.editor-group > .btn-editor:first-child {
   margin-left: 0;
}
.editor-group > .btn-editor, .editor-group-vertical > .btn-editor {
   float: left;
   position: relative;
}
.editor-group > .btn-editor:last-child:not(:first-child), .editor-group > .dropdown-menu:not(:first-child) {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}
.editor-group .btn + .btn-editor, .editor-group .btn + .editor-group, .editor-group .editor-group + .btn-editor, .editor-group .editor-group + .editor-group {
   margin-left: -1px;
}
.editor-group > .btn-editor, .editor-group-vertical > .btn-editor {
   float: left;
   position: relative;
}
.editor-group > .btn-editor:not(:first-child):not(:last-child):not(.dropdown-menu) {
   border-radius: 0;
}
.btn-editor {
   background-color: #f5f5f5;
   background-image: none;
   border-bottom-color: transparent;
   border-bottom-right-radius: var(--in-border-radius-sm);
   border-left-color: transparent;
   border-radius: var(--in-border-radius-sm);
   border-right-color: transparent;
   border-top-color: transparent;
   border-top-right-radius: var(--in-border-radius-sm);
   border: 1px solid transparent;
   cursor: pointer;
   display: inline-block;
   font-size: var(--in-body-font-size);
   font-weight: 400;
   line-height: 1.5;
   margin-bottom: 0;
   padding: 6px 8px;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
}

@media screen and (max-width:767px) {
   .btn-editor {
      margin-top: 10px;
   }
}

@media screen and (max-width:915px) {
   .btn-editor {
      margin-top: 10px;
   }
}

/* tabs */
.tabs {
   margin: 15px 0 !important;
}
.tabs-nav {
   list-style: outside none none;
   margin-bottom: 0px;
   padding-left: 0px;
}
.tabs-nav::before, .tabs-nav::after {
   content: " ";
   display: table;
}
.tabs-nav::after {
   clear: both;
}
.tabs-nav > li {
   display: block;
   position: relative;
}
.tabs-nav > li > a {
   display: block;
   padding: 10px 15px;
   position: relative;
}
.tabs-split {
   border-bottom: 1px solid var(--in-border-color);
}
.tabs-split > li {
   float: left;
   margin-bottom: -1px;
}
.tabs-split > li > a {
   border-radius: var(--in-border-radius-sm) 3px 0px 0px;
   border: 1px solid transparent;
   line-height: 1.42857;
   margin-right: 2px;
   text-align: center;
}
.tabs .tabs-split {
   position: relative;
}
.tabs .tabs-split > li {
   margin-bottom: 0px;
}
.tabs .tabs-split > li:first-child a {
   border-top-left-radius: var(--in-border-radius-sm);
}
.tabs .tabs-split > li:last-child a {
   border-top-right-radius: var(--in-border-radius-sm);
}
.tabs .tabs-split > li a {
   background: #f5f5f5 none repeat scroll 0% 0%;
   border-radius: 0px;
   border: medium none;
   box-shadow: 0px 0px 0px 1px var(--in-border-color);
   color: var(--in-body-color);
   font-weight: 600;
   margin-right: 0px;
   transition: all 0.4s ease 0s;
}
.tabs .tabs-split > li a.active::after, .tabs .tabs-split > li a.active:hover::after, .tabs .tabs-split > li a.active:focus::after {
   background-color: #ffffff;
   height: 1px;
   content: "";
   position: absolute;
   bottom: -1px;
   left: 0px;
   right: 0px;
}
.tabs .tabs-split > li a.active, .tabs .tabs-split > li.active > a:hover, .tabs .tabs-split > li.active > a:focus {
   color: var(--in-body-color);
   border: medium none;
   background: #ffffff none repeat scroll 0% 0%;
}
.tabs .tabs-content {
   background: #ffffff none repeat scroll 0% 0%;
   border-bottom-left-radius: var(--in-border-radius-sm);
   border-bottom-right-radius: var(--in-border-radius-sm);
   border-top-right-radius: var(--in-border-radius-sm);
   border-top: medium none;
   box-shadow: 0px 0px 0px 1px var(--in-border-color);
   min-height: 70px;
}
.tabs-content > .active {
   display: block;
   visibility: visible;
}
.tabs.tabs_right > .tabs-split {
   float: right;
   margin-left: 0px;
}

/* bluetooth */
ul.device-list {
   margin: -15px;
}
ul.paired-devices-list .device-list {
   border-bottom: 1px solid var(--in-border-color);
   font-size: 12px;
   font-weight: inherit;
   padding: 15px 0px 15px 0px;
}
ul.paired-devices-list .device-list:last-child {
   border-bottom: none;
}
.devices-state-status {
   bottom: 0;
   color: var(--in-body-color);
   display: block;
   height: 46px;
   left: 0;
   line-height: 46px;
   position: relative;
   width: 100%;
   box-sizing: border-box;
}
#log, #log-paired-devices-list {
   background-color: #222629;
   color: #ffffff;
   font-size: var(--in-body-font-size);
   height: 100px;
   margin: 0;
   overflow-y: auto;
   padding: 6px 12px;
}
#log-message {
   background-color: #f5f5f5;
   background-image: none;
   border-radius: none;
   border: 1px solid var(--in-border-color);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   color: #555;
   display: block;
   font-size: var(--in-body-font-size);
   height: 34px;
   line-height: 1.5;
   overflow: hidden;
   padding: 6px 12px;
   width: 100%;
}
#log-paired-devices-list > li {
   padding: 0 10px;
}
#log-paired-devices-list > li.received {
   color: #ffffff;
}
#log-paired-devices-list > li.sent {
   color: #ffffff;
}

/* copyright */
.copyright {
   color: #bbb;
   font-size: 11px;
   text-align: right;
   margin: 0px 3px 15px 3px;
}
.copyright a {
   color: #aaa;
   text-decoration: none;
}

.copy-text img {
  border: 0;
  position: absolute;
  right: 30px;
  top: 45px;
  filter: opacity(100%);
}

/* errors */
.error-page {
   text-align: center;
   width: 100%;
}
.error-page h2.headline {
   font-size: 12em;
   line-height: 1;
}
.error-page .error-content h3 {
   font-size: 1.8em;
   line-height: 2;
}
.error-page .error-content p {
   font-size: 1em;
   line-height: 1.6;
}

.loading {
   background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%;
   height: 100%;
   left: 0;
   overflow: hidden;
   position: fixed;
   text-align: center;
   top: 0;
   width: 100%;
   z-index: 9999;
}
.spinner {
   border-bottom: 3px solid rgba(0, 174, 239, .15);
   border-left: 3px solid rgba(0, 174, 239, .15);
   border-radius: 100%;
   border-right: 3px solid rgba(0, 174, 239, .15);
   border-top: 3px solid rgba(0, 174, 239, .8);
   display: inline-block;
   height: 30px;
   left: 50%;
   margin-left: -15px;
   position: absolute;
   top: 50%;
   width: 30px;
   animation: rotation .6s infinite linear;
}
.icon-container {
   position: absolute;
   right: 30px;
   top: calc(50%);
}
.icon-container .loader {
   display: inline-block;
   height: 15px;
   position: relative;
   width: 15px;
   animation: around 5.4s infinite;
}

.icon-container .loader::after, .icon-container .loader::before {
   background-color: transparent;
   border-color: var(--in-body-color) var(--in-body-color) transparent transparent;
   border-radius: 20px;
   border-style: solid;
   border-width: 1.5px;
   content: "";
   display: inline-block;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   animation: around 0.7s ease-in-out infinite;
   box-sizing: border-box;
}
.icon-container .loader:: after {
   animation: around 0.7s ease-in-out 0.1s infinite;
   background: transparent;
}

@-webkit-keyframes rotation {
   from {
      -webkit-transform: rotate(0deg);
   }
   to {
      -webkit-transform: rotate(359deg);
   }
}
@-moz-keyframes rotation {
   from {
      -moz-transform: rotate(0deg);
   }
   to {
      -moz-transform: rotate(359deg);
   }
}
@-o-keyframes rotation {
   from {
      -o-transform: rotate(0deg);
   }
   to {
      -o-transform: rotate(359deg);
   }
}
@keyframes rotation {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotate(359deg);
   }
}
@keyframes around {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg); 
   }
}

/* patients */
.panel-patients .patients-picture {
   border-radius: 50%;
   border: 1px solid var(--in-border-color);
   height: 150px;
   margin: 25px auto;
   overflow: hidden;
   padding: 0px;
   position: relative;
   width: 150px;
}
.panel-patients .patients-picture img {
   height: auto;
   margin: 0px auto;
   width: 100%;
}
.panel-patients .profile-info h3 {
   font-size: 1.4rem;
   margin-bottom: 4px;
   white-space: normal;
}
.panel-patients .patients-id {
   margin-top: 5px;
}
.panel-patients .patients-msg {
   margin: 30px 0 30px 0;
}
.panel-patients .patients-details {
   border-top: 1px solid var(--in-border-color);
   display: none;
   overflow: hidden;
   padding: 15px;
}
.panel-patients .patients-details h4 {
   font-size: 16px;
   font-weight: 600;
   height: 10px;
   letter-spacing: 0.025em;
   line-height: 10px;
}
.panel-patients .personal-info {
   list-style: none;
   margin: 20px 0 20px 0;
   padding: 0;
}
.panel-patients .personal-info li {
   margin: 10px 0;
   padding: 10px 0 10px 0;
}
.panel-patients .personal-info li .title {
   float: left;
   width: 30%;
}
.panel-patients .personal-info li .text {
   float: right;
   width: 64%;
}
.panel-patients .extanded-details {
   background: #f9f9f9;
   border-bottom-left-radius: var(--in-border-radius-sm);
   border-bottom-right-radius: var(--in-border-radius-sm);
   border-top: 1px solid var(--in-border-color);
   cursor: pointer;
   padding: 10px 15px;
   text-align: center;
}

/* canvas */
.baby-growth-chart-for-boys-position, .baby-boy-growth-chart-continued-position, .baby-growth-chart-for-girls-position, .baby-girl-growth-chart-continued-position, .partograph-heart-rate-position, .partograph-cervical-oilatation-position, .partograph-blood-pressure-position {
   background: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   color: var(--in-body-color);
   font-family: var(--in-body-font-family);
   font-size: 12px;
   font-weight: var(--in-body-font-weight);
   padding: 5px;
   position: absolute;
   z-index: 3;
}
.baby-growth-chart-for-boys-position, .baby-boy-growth-chart-continued-position, .baby-growth-chart-for-girls-position, .baby-girl-growth-chart-continued-position, .partograph-heart-rate-position, .partograph-cervical-oilatation-position {
   margin: 10px 0px 0px 10px;
}
.partograph-blood-pressure-position {
   margin: 10px 0px 0px 10px;
}
#baby-growth-chart-for-girls, #baby-girl-growth-chart-continued, #baby-growth-chart-for-boys, #baby-boy-growth-chart-continued, #partograph-heart-rate, #partograph-cervical-oilatation, #partograph-blood-pressure {
   cursor: crosshair;
}
#baby-growth-chart-for-boys, #baby-growth-chart-for-girls {
   height: 810px;
   width: 960px;
}
#baby-boy-growth-chart-continued {
   height: 870px;
   width: 1320px;
}
#baby-girl-growth-chart-continued {
   height: 930px;
   width: 1320px;
}
#partograph-heart-rate {
   height: 420px;
   width: 1170px;
}
#partograph-amniotic-fluid {
   height: 60px;
   width: 1170px; 
}
#partograph-cervical-oilatation {
   height: 360px;
   width: 1170px;
}
#partograph-hours-time {
   height: 60px;
   width: 1170px; 
}
#partograph-contractions {
   height: 210px;
   width: 1170px; 
}
#partograph-oxytocin-drops {
   height: 60px;
   width: 1170px;
}
#partograph-drugs-fluids {
   height: 60px;
   width: 1170px;
}
#partograph-blood-pressure {
   height: 420px;
   width: 1170px;
}
#partograph-temp {
   height: 30px;
   width: 1170px; 
}
#partograph-urine {
   height: 90px;
   width: 1170px;
}
#first-stage .border-top, #second-stage .border-top, #third-stage .border-top, #fourth-stage-issue .border-top {
   border-top: 1px solid var(--in-border-color);
   display: block;
   overflow: hidden;
   padding: 15px;
}

.floating-action-button {
   bottom: 30px;
   position: fixed;
   right: 30px;
   z-index: 9999;
}
.floating-action-button .dropup-button {
   background: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   color: inherit;
   display: inline-block;
   height: 40px;
   margin: -1px -5px 0 15px auto !important;
   text-align: center;
   width: 40px;
}
.floating-action-button .dropup-button:focus, .floating-action-button .dropup-button:focus-visible {
   box-shadow: none;
   outline: none
}
.floating-action-button .dropup-list {
   background-color: #ffffff;
   border-radius: var(--in-border-radius-sm);
   border: 1px solid var(--in-border-color);
   bottom: 50px;
   box-shadow: 5px 5px 30px 1px rgba(0, 0, 0, .1);
   cursor: pointer;
   margin: 0;
   padding: 5px 0;
   position: absolute;
   right: 0;
   text-align: left;
   white-space: nowrap;
   transition: all 0.5s;
}
.floating-action-button .dropup-list::after {
   background-color: #ffffff;
   border-bottom: 1px solid var(--in-border-color);
   border-right: 1px solid var(--in-border-color);
   content: "";
   height: 12px;
   margin: -1px;
   position: absolute;
   right: 15px;
   width: 12px;
   transform: rotate(45deg);
}
.floating-action-button .dropup-list .scroll {
   height: 325px;
   overflow-x: hidden;
   overflow-y: scroll;
   width: auto;
}
.floating-action-button .dropup-list .scroll {
   scrollbar-color: #dee2e6 #e9ecef;
   scrollbar-width: thin;
   -ms-overflow-style: -ms-autohiding-scrollbar; 
}
.floating-action-button .dropup-list span {
   color: var(--in-body-color);
   font-size: 0.9em;
   font-weight: normal;
   height: 32px;
   line-height: 32px;
   list-style: none;
   padding: 0px 10px;
}
.floating-action-button .dropup-list span:hover, .floating-action-button .dropup-list span:active, .floating-action-button .dropup-list span:focus, .floating-action-button .dropup-list span:focus-visible, .floating-action-button .dropup-list span:visited {
   opacity: 0.8;
   outline: none;
}

.clearfix:after, .clearfix:before, .header-warp:after, .header-warp:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .nav:after, .nav:before, .header-inner:after, .header-inner:before, .header:after, .header:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
   content: " ";
   display: table;
}
.clearfix:after, .header-warp:after, .container:after, .form-horizontal .form-group:after, .nav:after, .header-collapse:after, .header-inner:after, .header:after, .panel-body:after, .row:after {
   clear: both;
}

.bg-danger {
   background-color: #ff3333;
   color: #ffffff;
}
.bg-focus {
   background-color: #1d252c;
   color: #ffffff;
}
.bg-info {
   background-color: #00aeef;
   color: #ffffff;
}
.bg-muted {
   background-color: #f5f5f5 !important;
}
.bg-success {
   background-color: #94d600;
   color: #ffffff;
}
.bg-warning {
   background-color: var(--in-warning-color);
   color: #ffffff;
}
.color-blue {
   color: #00aeef;
}
.color-orange {
   color: var(--in-warning-color);
}
.color-red {
   color: #ff3333;
}
.color-teal {
   color: #1ebfae;
}
.color-white {
   color: #ffffff;
}
.text-danger {
   color: #ff3333;
}
.text-info {
   color: #00aeef;
}
.text-muted {
   color: #6c757d;
}
.text-primary {
   color: #00aeef;
}
.text-success {
   color: #94d600;
}
.text-warning {
   color: var(--in-warning-color);
}
.label-danger {
   background-color: var(--in-danger-color);
}
.label-info {
   background-color: var(--in-info-color);
}
.label-success {
   background-color: var(--in-success-color);
}
.label-warning {
   background-color: var(--in-warning-color);
}

.align-items-center {
   align-items: center;
}
.block {
   display: block;
}

.border-0 {
   border: 0;
}
.border-top {
   border-top: 1px solid #dee2e6;
}
.border-bottom {
   border-bottom: 1px solid #dee2e6;
}
.border-left {
   border-left: 1px solid #dee2e6;
}
.border-right {
   border-right: 1px solid #dee2e6;
}

.col-pl-pr-0 > [class*="col-"] {
   padding-left: 0;
   padding-right: 0;
}
.col-pl-pr-0 {
   margin-left: 0;
   margin-right: 0;
}

.font-size-10 {
   font-size: 10px;
}
.font-size-12 {
   font-size: 12px;
}
.font-size-14 {
   font-size: 14px;
}
.font-size-24 {
   font-size: 24px;
}
.bold {
   font-weight: bold;
}
.italic {
   font-style: italic;
}

.full-width {
   width: 100%;
}

.height-5 {
   height: 5px;
}
.height-7 {
   height: 7px;
}

.inline-block {
   display: inline-block;
}
.items-center {
   align-items: center;
}
.vertical-align {
   vertical-align: middle;
}
.center {
   text-align: center !important;
}
.justify {
   text-align: justify;
}
.left {
   float: left;
}
.right {
   float: right;
}
.float-left {
   float: left;
}
.float-right {
   float: right;
}
.pull-right {
   float: right;
}
.pull-left {
   float: left;
}

.margin-bottom-0 {
   margin-bottom: 0px;
}
.margin-bottom-5 {
   margin-bottom: 5px;
}
.margin-bottom-10 {
   margin-bottom: 10px;
}
.margin-bottom-15 {
   margin-bottom: 15px;
}
.margin-left-auto {
   margin-left: auto;
}
.margin-left-0 {
   margin-left: 0px;
}
.margin-left-15 {
   margin-left: 15px;
}
.margin-left-5 {
   margin-left: 5px;
}
.margin-right-15 {
   margin-right: 15px;
}
.margin-left-25 {
  margin-left: .25rem;
}
.margin-right-5 {
   margin-right: 5px;
}
.margin-top-0 {
   margin-top: 0;
}
.margin-top-15 {
   margin-top: 15px;
}
.margin-top-20 {
   margin-top: 20px;
}
.margin-top-25 {
   margin-top: 25px;
}

.padding-0 {
   padding: 0;
}
.padding-15 {
   padding: 15px;
}
.padding-right-15 {
   padding-right: 15px;
}
.padding-top-25 {
   padding-top: 25px;
}

.nowrap {
   white-space: nowrap;
}
.same-size {
   width: 24.2%;
}
.small, small {
   font-size: 85%
}
.large {
   font-size: 2em;
}
.space-between {
   justify-content: space-between;
}

.text-center {
   text-align: center;
}
.text-left {
   text-align: left;
}
.text-right {
   text-align: right;
}
.text-justify {
   text-align: justify;
}

.transparent {
   background-color: transparent;
}

.label {
   border-radius: .25em;
   color: #ffffff;
   display: inline;
   font-size: inherit;
   font-weight: inherit;
   line-height: 1;
   padding: .2em .6em .3em;
   text-align: center;
   vertical-align: baseline;
   white-space: nowrap;
}
a.label:focus, a.label:hover {
   color: #ffffff;
   cursor: pointer;
   text-decoration: none;
}

.hidden {
   display: none;
   height: 0;
   visibility: hidden;
}
.hidden.open {
   display: block;
}
.block {
   display: block;
}

.ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.collapse {
   display: none;
}
.collapse.in {
   display: block;
}
.clickable {
   cursor: pointer;
}

.divider, .clear {
   clear: both;
}
.outline:focus-visible {
   outline: 0;
   outline-offset: -2px;
   opacity: 1;
}