/*
 * Skin: Carbonshelf
 * ---------
 */

body {
  color: #000;
  background: #F6F5F8;
}

a {
  color: #000;
}

.skin-carbonshelf .main-header .navbar {
  background: var(--header-background);
}

.skin-carbonshelf .main-header .navbar .nav>li>a {
  color: #ffffff;
}

.skin-carbonshelf .main-header .navbar .nav>li>a:hover,
.skin-carbonshelf .main-header .navbar .nav>li>a:active,
.skin-carbonshelf .main-header .navbar .nav>li>a:focus,
.skin-carbonshelf .main-header .navbar .nav .open>a,
.skin-carbonshelf .main-header .navbar .nav .open>a:hover,
.skin-carbonshelf .main-header .navbar .nav .open>a:focus,
.skin-carbonshelf .main-header .navbar .nav>.active>a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-carbonshelf .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}

.skin-carbonshelf .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-carbonshelf .main-header .logo {
  background-color: var(--header-logo-background);
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-carbonshelf .main-header .logo:hover {
  background-color: var(--header-logo-background);
}

.skin-carbonshelf .main-header li.user-header {
  background-color: var(--primary-color);
}

.skin-carbonshelf .content-wrapper {
  background: #F6F5F8;
  border: 0;
}

.skin-carbonshelf .wrapper,
.skin-carbonshelf .main-sidebar,
.skin-carbonshelf .left-side {
  background-color: transparent
}

.skin-carbonshelf .content-wrapper,
.skin-carbonshelf .main-footer {
  border-left: 0px solid #d2d6de;
}

.skin-carbonshelf .user-panel>.info,
.skin-carbonshelf .user-panel>.info>a {
  color: #000;
}

.skin-carbonshelf .sidebar-menu>li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}

.skin-carbonshelf .sidebar-menu>li.header {
  color: #848484;
  background: #f9fafc;
}

.skin-carbonshelf .sidebar-menu>li>a {
  border-left: 3px solid transparent;
}

.skin-carbonshelf .sidebar-menu>li:hover>a,
.skin-carbonshelf .sidebar-menu>li.active>a {
  color: #000000;
  background: #dedede;
  border-radius: 50px;
}

.skin-carbonshelf .sidebar-menu>li.active {
  border-left-color: var(--primary-color);
}

.skin-carbonshelf .sidebar-menu>li>.treeview-menu {
  background: transparent;
}

.skin-carbonshelf .sidebar-menu>li>a>.fa,
.skin-carbonshelf .sidebar-menu>li>a>.material-icons,
.treeview-menu li a i,
.skin-carbonshelf .sidebar-menu li a i {
  color: #777777;
}

.skin-carbonshelf .sidebar-menu>li:hover>a .fa,
.skin-carbonshelf .sidebar-menu>li.active>a .fa,
.skin-carbonshelf .sidebar-menu>li:hover>a .material-icons,
.skin-carbonshelf .sidebar-menu>li.active>a .material-icons {
  color: var(--primary-color);
}

.skin-carbonshelf .sidebar a {
  color: #000;
}

.skin-carbonshelf .treeview-menu>li:hover {
  background: #dedede;
  border-radius: 50px;
}

.skin-carbonshelf .treeview-menu>li>a {
  color: #555555;
}

.skin-carbonshelf .treeview-menu>li.active>a,
.skin-carbonshelf .treeview-menu>li>a:hover {
  color: var(--primary-color);
}

.skin-carbonshelf .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
}

.skin-carbonshelf .sidebar-form input[type="text"],
.skin-carbonshelf .sidebar-form .btn {
  background-color: #fff;
  border: 1px solid transparent;
}

.skin-carbonshelf .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-carbonshelf .sidebar-form input[type="text"]:focus,
.skin-carbonshelf .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-carbonshelf .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  border-left-color: #fff;
}

.skin-carbonshelf .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,
.sidebar-mini.sidebar-collapse .sidebar-form,
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,
.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
  border-right: 1px solid #d2d6de;
  border-bottom: 1px solid #d2d6de;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
  border-top: 1px solid #d2d6de;
  border-radius: 15px 15px 0 0;
}


/*New Custom theme css */

.skin-carbonshelf .control-sidebar-dark,
.skin-carbonshelf .control-sidebar-dark+.control-sidebar-bg {
  background: #ffffff;
  color: #333;
  border-left: 1px solid #d2d6de;
}

.skin-carbonshelf .control-sidebar-dark .control-sidebar-heading,
.skin-carbonshelf .control-sidebar-dark .control-sidebar-subheading {
  color: #333;
}

.skin-carbonshelf .control-sidebar-dark .control-sidebar-heading:hover,
.skin-carbonshelf .control-sidebar-dark .control-sidebar-subheading:hover {
  background-color: #f4f4f5;
  color: var(--primary-color);
}

.skin-carbonshelf ::placeholder {
  color: #000;
}

.skin-carbonshelf .select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #000;
}

.skin-carbonshelf select[readonly].select2-hidden-accessible+.select2-container .select2-selection {
  background: #eee;
}

.skin-carbonshelf .select2-container--default .select2-results__option--highlighted,
.skin-carbonshelf .select2-container .select2-results__option--highlighted {
  background-color: #ccc !important;
  color: #333 !important;
}

.skin-carbonshelf .select2-container--default .select2-selection--single .select2-selection__clear{
  color: #888;
}

.skin-carbonshelf .navbar-filters-wrapper .select2-container--default .select2-selection--single,
.skin-carbonshelf .navbar-filters-wrapper .select2.select2-container .select2-selection--single,
.skin-carbonshelf .navbar-filters-wrapper .select2.select2-container--default .select2-selection--single,
.skin-carbonshelf .navbar-filters-wrapper .select2.select2-container--default .select2-selection--multiple {
  border: 1px solid #ccc;
}

.skin-carbonshelf .select2-dropdown {
  border-bottom: 1px solid #ccc;
}

.skin-carbonshelf .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #efefef;
  color: #000;
}

.skin-carbonshelf .select2-container--default.select2-container--focus .select2-selection--multiple,
.skin-carbonshelf .select2-container--default .select2-selection--single,
.skin-carbonshelf .select2-container--default .select2-selection--multiple,
.skin-carbonshelf .select2.select2-container .select2-selection--single,
.skin-carbonshelf .select2.select2-container--default .select2-selection--single {
  border-bottom: 1px solid #ccc;
}

.skin-carbonshelf .select2-container .select2-selection--multiple:after {
  border-color: #888 transparent transparent transparent;
}

.btn-primary.disabled,
.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.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #eeeeee;
  color: #666;
  border-color: #999999;
}


/* Button */
.btn-primary {
  background-color: #eeeeee;
  color: #333;
  border-color: #999999;
  font-weight: 500;
}

.open>.dropdown-toggle.btn-primary,
.btn-primary:hover,
.btn-primary.hover .btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
  color: #000;
  background-color: #ccc;
  border-color: #666;
  font-weight: 500;
}

.btn-default {
  background-color: #fff;
  color: #000;
  border-color: #ddd;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default.focus,
.btn-default:active:focus {
  background-color: #fff;
  border-color: #ddd;
}

.btn-search:hover {
  background: #fff;
  border: 1px solid #cccccc;
}

.nav-tabs>li.active {
  border-top-color: var(--primary-color);
}


/* Nav Top file code */

.account-rp,
.account-rp a .fa,
.account-rp a .fa:hover {
  color: #ffffff;
}

.skin-carbonshelf .main-header .account-rp .fa:hover {
  color: var(--primary-color);
}


/* Website layout */

.main-json-editor .jsoneditor-menu {
  background-color: #aab1b8;
  border-bottom: thin solid #ccc;
}

.main-json-editor .jsoneditor {
  border: thin solid #ccc;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  color: var(--primary-color);
  background-color: #fafafa;
  border-color: #dddddd;
}

.pagination>li>a:focus,
.pagination>li>span:focus {
  color: #666;
  background-color: #fafafa;
  border-color: #ddd;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
  z-index: 3;
  color: #ffffff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.dropdown-menu>li>a {
  color: #555;
}

.dropdown-menu {
  border-color: #d2d6de;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: #f4f4f5;
  color: var(--primary-color);
}

.dropdown-menu>li>a:hover {
  background-color: #f4f4f5;
  color: var(--primary-color);
}

.skin-carbonshelf .fa,
.skin-carbonshelf .material-icons,
.skin-carbonshelf .glyphicon {
  color: #555;
}

.skin-carbonshelf .fa:hover,
.skin-carbonshelf .material-icons:hover,
.skin-carbonshelf .glyphicon:hover {
  color: var(--primary-color);
}

.skin-carbonshelf .text-success,
.skin-carbonshelf .text-success:hover {
  color: #3c763d;
}

.skin-carbonshelf .text-danger,
.skin-carbonshelf .text-danger:hover {
  color: var(--primary-color);
}

.skin-carbonshelf .main-header .navbar a .fa {
  color: #ffffff;
}

.skin-carbonshelf .content-wrapper h1 {
  color: #000;
}

.skin-carbonshelf .content-wrapper h1 small {
  color: #444;
}

.skin-carbonshelf #page-title h1 small {
  color: #444;
}

.skin-carbonshelf .content-wrapper h2 {
  color: #000;
}

.content-wrapper .action-dropdown-btn .dropdown-toggle,
.content-wrapper .dt-buttons button.dt-button {
  color: #444;
}

.skin-carbonshelf .content-wrapper .nav>.active>a,
.skin-carbonshelf .content-wrapper .nav>.active>a:hover,
.skin-carbonshelf .content-wrapper .nav>.active>a:focus {
  background-color: transparent;
  border-bottom: 2px solid var(--primary-color);
}

.skin-carbonshelf .content-wrapper .nav li a::after {
  background: #e94235;
}

.skin-carbonshelf .content-wrapper .nav>.open>a,
.skin-carbonshelf .content-wrapper .nav>.open>a:hover,
.skin-carbonshelf .content-wrapper .nav>.open>a:focus {
  background-color: transparent;
}

.skin-carbonshelf .content-wrapper .navbar-default {
  border-color: transparent;
  border: 0;
}

.skin-carbonshelf .content-wrapper .nav>li>a {
  background-color: transparent;
}

.content-wrapper .nav>li>a::after {
  background: var(--primary-color);
}

.action-dropdown-btn .nav>li>a:hover,
.action-dropdown-btn .nav>li>a:active,
.action-dropdown-btn .nav>li>a:focus {
  background: transparent;
}

.action-dropdown-btn .action-btn {
  border: 2px solid #999;
  border-radius: 50%;
  font-size: 15px;
}

.action-dropdown-btn .action-btn:hover {
  border: 2px solid var(--primary-color);
}

.action-dropdown-btn .dropdown.open .material-icons {
  color: var(--primary-color);
}

.action-dropdown-btn .dropdown.open .action-btn {
  border: 2px solid var(--primary-color);
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  border-bottom: 2px solid var(--primary-color);
}


/* Remaining color code */

.content-wrapper,
.right-side {
  background-color: #fff;
}

hr {
  border-color: #dddddd;
}

.box.box-solid.box-default {
  border: 1px solid #dddddd;
}

.box.box-solid.box-default>.box-header {
  background: transparent;
  color: #000;
}

.box.box-solid.box-default>.box-header a,
.box.box-solid.box-default>.box-header .btn {
  color: #000;
}

.box-header.with-border {
  border-bottom: 1px solid #ddd;
}

.box-header .box-title {
  color: #000;
  font-weight: 600;
}


/* Nav Tabs */

.nav-tabs {
  border-bottom-color: #eeeeee;
}

.nav-tabs>li.active>a {
  border-top-color: transparent;
  border-left-color: #dddddd;
  border-right-color: #dddddd;
}

.nav-tabs>li>a {
  color: #333;
}

label {
  color: #000;
}

.input-box {
  background-color: transparent;
  border-color: #dddddd;
  color: #000;
}

.view,
.selectview {
  color: #000;
}

.loader-spinner {
  background-color: rgba(0, 0, 0, 0.05);
}

.loader-td {
  background-color: rgba(0, 0, 0, 0.05);
}

.bss-input:hover {
  color: #000;
  background-color: #eeeeee;
}

.alert-danger {
  color: #e94235;
  background-color: #ffeded;
  border-color: #ebccd1;
}

.alert-danger .fa,
.alert-success .fa {
  color: #ffffff;
}

.alert-dismissible .close {
  color: #aaa;
}

.small-box .fa {
  color: #ffffff50;
}

.small-box:hover .fa {
  color: #ffffff50;
}

.disabled {
  opacity: .7;
  cursor: not-allowed;
  pointer-events: inherit;
  color: #666;
}

.heading {
  color: var(--primary-color);
}

.popover-title {
  color: var(--primary-color);
}

button[data-toggle="button"] {
  color: #000;
  background-color: #eeeeee;
  border-color: #cccccc;
}

button[data-toggle="button"]>.handle {
  background: #fff;
}

.profile-user-img {
  border: 0px solid #ddd;
}

.thumbnail {
  border: 1px solid #ddd;
}

.product-img-dimension {
  border: 1px solid #ddd;
}

.product-img-dimension.default-img {
  box-shadow: 0px 8px 8px 2px #666;
  border: 3px solid #dddddd;
}

.list-product-image img {
  border: 1px solid #dddddd;
}

.caption {
  border-bottom: 1px dashed #dddddd;
}

.add-on .form-control:focus {
  border-color: #eeeeee;
}

.panel-heading a {
  color: #000;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: transparent;
}

.form-control:focus {
  border-color: #444;
}

.pagination>.ellipsis {
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid var(--primary-color);
}

button.buttons-columnVisibility {
  background-color: var(--primary-color);
  color: black;
}

.redIcon {
  color: var(--primary-color);
}

.box h2 {
  color: #000;
}

.border {
  border: 1px solid #dddddd;
}

.border-bottom-solid {
  border-bottom: 1px solid #dddddd;
}

.border-right {
  border-right: 1px solid #dddddd;
}

.list-group-item:last-child {
  border-radius: 0px;
  border-bottom: 1px solid #ddd;
}

.list-group-item:first-child {
  border-radius: 0px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.list-group-item {
  border: 1px solid #ddd;
  border-width: 1px 1px 1px;
}

.list-item {
  border: 1px solid #ddd;
}

.dl-horizontal dd {
  color: #000;
}

#footer {
  border-color: #dddddd;
  border-top: 1px solid #dddddd;
  background-color: #ffffff;
}


/* Accounting  */

.ajax-add {
  background-color: #f3f3f3;
}

fieldset legend {
  border-bottom: 1px solid #dddddd;
}

input:disabled {
  opacity: 0.5 !important;
}


form .error,
form .error-message {
  color: var(--primary-color);
}

.modal-error-msg {
  color: var(--primary-color);
}

.error-text {
  color: var(--primary-color);
}

.ok-text {
  color: #006400;
}

tr.ok-text {
  color: #006400;
  background: #dffff0;
}

.text-small {
  color: #666;
}

.subtitle {
  color: #000;
}

.bg-filled {
  background-color: #f3f3f3;
}

.settings-title a {
  color: var(--primary-color);
}

table tr .dc-error,
table td .dc-error {
  background: #ffeded;
  color: var(--primary-color);
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active {
  background-color: transparent;
}

.op-div {
  background: #EFEFEF;
  border: 1px solid #dddddd;
}

.kb-shorcuts {
  border-color: #dddddd;
}

.kb-shorcuts ul li {
  border: 1px solid #dddddd;
  background: #fff;
}

.kb-shorcuts ul li span {
  color: var(--primary-color);
}


/* Report */

.panel-default1 {
  border-color: #dddddd;
}

.icon_edit span a {
  color: #000;
}

.text-muted {
  background-color: #f0f0f0;
  color: #000;
}

.gray-color a {
  color: #000;
}

.gray-border {
  border-color: #dddddd;
}

.main-footer a {
  color: var(--primary-color);
}


/*colvis button*/

div.dt-button-background {
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.dt-buttons button.dt-button,
div.dt-button,
a.dt-button {
  border: 1px solid #dddddd;
  background-image: linear-gradient(to bottom, #fff 0%, #eeeeee 100%);
}

div.dt-button-collection {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

button.buttons-columnVisibility:hover {
  border: 1px solid #dddddd;
  background-color: #cccccc;
  background-image: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
}

button.buttons-columnVisibility.active:not(.disabled) {
  background-color: #eeeeee;
}


/* Pivot table */

#output .pvtAxisContainer,
#output .pvtVals {
  border: 0px solid gray;
  background: #fff;
}

#output .pvtUi tr td:first-child {
  border-right: 1px solid #ddd;
}

.pvtVals select,
.pvtUiCell select {
  border: 1px solid #ddd;
}

table.pvtTable tbody tr th,
table.pvtTable thead tr th {
  background-color: #ffffff;
}


/* Payload Table */

.payload-table a {
  color: var(--primary-color);
}

.payload-table .table th,
.box .table th {
  background: #eeeeee;
  color: #000;
  font-weight: 600;
}

#navbar-titlebar-actions a,
#navbar-titlebar-actions button {
  color: #777
}

/* Buttons icon color */

#navbar-titlebar-actions button.buttons-csv:hover,
#navbar-titlebar-actions a .fa-file-text:hover {
  color: #148bd1;
}

#navbar-titlebar-actions button.buttons-excel:hover,
#navbar-titlebar-actions a .fa-file-excel:hover {
  color: #007e1b;
}

#navbar-titlebar-actions button.buttons-pdf:hover,
.pdfIcon.far:hover {
  color: var(--primary-color);
}

#navbar-titlebar-actions button.buttons-print:hover,
.printIcon .fas:hover {
  color: #148bd1;
}

.btn .fa-times {
  color: var(--primary-color);
}

.btn .fa-check {
  color: #007e1b;
}

.delete-badge .fa-ban {
  color: var(--primary-color);
}

.iconPreview .pdfIcon,
.attachmentPrint .printIcon .fa {
  color: #777;
}

.attachmentPrint .printIcon .fa:hover {
  color: var(--primary-color);
}


/* Sharedialog Modal */

.modal-header {
  background-color: #f5f5f5;
}

.modal-header .close {
  color: var(--primary-color);
}

.modal-content .modal-title,
.modal-content .copy-text,
.modal-content .copy-text:hover {
  color: #000;
}

.modal-content .copy-btn {
  border: 1px solid #dddddd;
}


/* Checkbox */

input[type="checkbox"]:focus:after {
  border-color: var(--primary-color);
}

input[type="checkbox"]:after {
  border: 1.5px solid #aaa;
}

input[type="checkbox"]:checked:before {
  border: 2px solid #fff;
}

input[type="checkbox"]:checked:after {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

input[type="checkbox"]:disabled:after {
  border-color: #bbbbbb;
}

input[type="checkbox"]:disabled:checked:after {
  background-color: #bbbbbb;
  border-color: transparent;
}

input[type="radio"] {
  border: 1.5px solid #bbb;
}

input[type="radio"]:checked {
  background-color: var(--primary-color);
  border: 1.5px solid var(--primary-color);
}

.navbar-nav .dropdown.open .dropdown-toggle {
  border-bottom: 2px solid var(--primary-color);
}

.navbar-nav .dropdown .dropdown-toggle {
  border-bottom: 2px solid transparent;
}

.navbar-custom-menu .navbar-nav .dropdown.open .dropdown-toggle {
  border-bottom: 0px solid var(--primary-color);
  background: transparent;
}


/* Added code for theme color */

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  opacity: 01;
  color: var(--primary-color);
}

table th a,
table th a:hover,
table th a:active,
table th a:focus {
  color: #444;
}

.skin-carbonshelf .menu-link li>a,
.skin-carbonshelf .menu-link .treeview-menu>li>a,
.skin-carbonshelf .menu-link li .link-button {
  color: #000;
}

.skin-carbonshelf .menu-link li>a:hover,
.skin-carbonshelf .menu-link .treeview-menu>li>a :hover,
.skin-carbonshelf .menu-link li .link-button:hover,
.skin-carbonshelf .menu-link .navbar-nav>.active>a:hover,
.skin-carbonshelf .menu-link .navbar-nav>.open>a,
.skin-carbonshelf .menu-link .navbar-nav>.open>a:hover {
  color: var(--primary-color);
}

.sidebar-menu .treeview-menu>li.active>a {
  color: var(--primary-color);
}

.popover-click i {
  font-size: 18px;
  color: var(--primary-color);
  box-shadow: 0px 1px 5px var(--primary-color);
  border-radius: 50%;
  border: 1px solid #fff;
}

.popover-click i.text-success {
  color: #3c763d;
}

/* Media css code */

@media (max-width: 767px) {
  .skin-carbonshelf .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-carbonshelf .main-header .navbar .dropdown-menu li a {
    color: #333;
  }

  .skin-carbonshelf .main-header .navbar .dropdown-menu li a:hover {
    background: #d73925;
  }

  .skin-carbonshelf .content-wrapper .navbar-default {
    border-color: #d5d5d5;
  }

  .skin-carbonshelf .navbar-default .navbar-toggle:hover,
  .skin-carbonshelf .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }

  /**
   * PWA style
   * 
  **/
  #pwaContainer {
    background-color: #1869A3;
    color: #FFFFFF;
  }

  .table-responsive>.table-bordered {
    border: 1px solid #f4f4f4;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
    border: 0;

  }
}

@media (min-width: 768px) {
  .skin-carbonshelf.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
    border-left: 1px solid #d2d6de;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .skin-carbonshelf .main-header .logo {
    display: none;
  }
}