/* BODY */

:root {
	--bs-root-font-size: 15px;
	font-size: var(--bs-root-font-size);
	
	--bs-success-rgb: 85, 197, 25;
}

body {
    zoom: 1; 
    -moz-transform: scale(1); 
    -moz-transform-origin: 0 0;
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 4000px;
    }
}

input[type=number] {
	text-align: right;
}

.layout-navbar.navbar-detached.container-xxl {
    max-width: calc(4000px - 1.625rem* 2);
}

p {
    margin-top: 1rem;
    margin-bottom: 0;
}

.alert p {
	margin-top: 0;
}

h5 {
	line-height: 1.7rem;
	font-size: 1.4rem;
	color: var(--bs-primary) !important;
}
h5 > span {
	padding: 0 10px;
}

h6 {
	margin: 1rem 0 !important;
	padding: 0.3rem 0;
	line-height: 1.7rem;
	font-size: 1.4rem;
    border-bottom: 1px #d5e3ef solid;
}

.left {
	float: left;
}
.right:not(td) {
	float: right;
}
td.right {
	text-align: right;
}
.center {
	text-align: center !important;
}

/* COLORS */

.red {
	color: #CB2E4B !important;
}
.orange {
	color: #ff892a !important;
}
.green {
	color: #54b252 !important;
}
.grey {
	color: #999 !important;
}
.black {
	color: rgb(56, 69, 81) !important;
}

.text-danger {
	color: #dd5a43 !important;
}

input, .select2 {
	background-color: #fff !important;
}

.layout-navbar-fixed .container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
    padding-top: 1.15rem !important;
}

.btn-group .btn-success, .input-group .btn-success {
    border-right: var(--bs-border-width) solid #55c519;
    border-left: var(--bs-border-width) solid #55c519;
}

.btn-success {
    color: #fff;
    background-color: #55c519;
    border-color: #55c519;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(85, 197, 25, 0.4);
}

/* BUTTON */

a.btn-primary, a.btn-secondary, a.btn-info, a.btn-success, a.btn-warning, a.btn-danger {
	color: #fff;
}

.btn-outline-primary {
	color: var(--bs-primary) !important;
}
.btn-outline-secondary {
	color: var(--bs-secondary) !important;
}
.btn-outline-info {
	color: var(--bs-info) !important;
}
.btn-outline-success {
	color: var(--bs-success) !important;
}
.btn-outline-warning {
	color: var(--bs-warning) !important;
}
.btn-outline-danger {
	color: var(--bs-danger) !important;
}

.btn-outline-primary, .btn-outline-secondary, .btn-outline-info, .btn-outline-success, .btn-outline-warning, .btn-outline-danger {
	box-shadow: none;
}

.card-btn-container {
	margin-right: 4px;
}

.btn.dropdown-toggle {
	margin-left: 6px;
}

/* INPUT */

.form-control.small {
    padding: calc(0.443rem - var(--bs-border-width)) calc(0.6375rem - var(--bs-border-width));
}
input[type=number].form-control.small {
    padding-right: calc(0.3375rem - var(--bs-border-width));
}

/* SWITCH */

h6 label.switch {
	margin-top: -4px;
	margin-right: 15px;
}

/* LOGO */

.menu .app-brand {	
	height: 64px;
	margin-top: 4px;
  
	padding-right: 1.2rem;
	padding-left: 1.2rem;
}

.app-brand-text {
  font-size: 1.5rem;
  letter-spacing: -0.5px;
}

/* NAVBAR */

.navbar-nav .btn {
	--bs-btn-padding-x: 0.9rem;
}

.layout-navbar .navbar-dropdown .dropdown-menu {
	min-width: 16rem;
}

/* TITLE ROW */

.title-row {
	margin-top: -4px !important;
}

/* CARD */

.card-header {
	padding-bottom: 0;
}

.card .card-header .btn-container button {
	margin: 0 0.1rem !important;
}

.card .card-body {
	padding-bottom: 0;
}

.card-datatable {
	margin-top: 1rem;
}

.card-small .card-body {
	padding-bottom: 1.5rem;
}

/* MODAL */

.modal-body {
	padding-top: 0.5rem;
}

/* TABLE */

div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper .dataTables_filter {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.table thead tr th {
	padding-block: 1rem;
}

.table > :not(caption) > * > * {
	padding: 0.25rem 0.75rem;
}

html:not([dir=rtl]) div.card-datatable table.dataTable thead th:first-child, html:not([dir=rtl]) div.card-datatable table.dataTable tfoot th:first-child {
	padding: 0.25rem 0.75rem;
}

html:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child {
	padding: 0.25rem 0.75rem;
}

.table-second, .table-third {
	margin-top: 6px !important;
}

.table-third thead tr th {
	padding: 0.25rem 0.75rem;
	vertical-align: middle;
}

.table th {
	font-size: 11px;
}

.table tr {
	font-size: 13px;
}

.table-datatable > :not(caption) > * {
	border-width: 0;
}

.table-layout-fixed {
	table-layout: fixed;
}

.table-header-color tr th {
	background-color: rgb(245, 245, 255);
}

.table-header-small tr th {
	padding: 0.5rem 1rem !important;
}

.table > :not(caption) > * > * , .table-striped > tbody > tr:nth-of-type(odd) > * {
	color: #393939;
}

.table p {
	margin: 0 !important;
}

.table tr.bg-grey, .table td.bg-grey, div.bg-grey {
	background-color: rgb(235, 235, 235);
}
.table tr.bg-blue, .table td.bg-blue, div.bg-blue {
	background-color: rgb(225, 225, 255);
}
.table tr.bg-green, .table td.bg-green, div.bg-green {
	background-color: rgb(215, 255, 215);
}
.table tr.bg-red, .table td.bg-red, div.bg-red {
	background-color: rgb(255, 215, 185) !important;
}


.table tr.bg-grey-dark, .table td.bg-grey-dark {
	background-color: rgb(225, 225, 225);
}
.table tr.bg-blue-dark, .table td.bg-blue-dark {
	background-color: rgb(195, 195, 255);
}
.table tr.bg-red-dark, .table td.bg-red-dark, div.bg-red-dark {
	background-color: rgb(255, 195, 195) !important;
}
.table tr.bg-violet-dark, .table td.bg-violet-dark, div.bg-violet-dark {
	background-color: rgb(195, 165, 205) !important;
}
.table tr.bg-black-dark, .table td.bg-black-dark, div.bg-black {
	background-color: rgb(70, 70, 70) !important;
}

.table tr.input-height {
	height: 44px;
}

/* DRAG & DROP */

#configuration-list-1 li span span {
	color: #02c218;
}
#configuration-list-2 li span span {
	color: #e6292a;
}

/* NAV & TABS */

.nav-align-left, .nav-align-top {
	margin-top: 1rem;
	margin-bottom: 1.25rem;
}

.tab-content:not(.doc-example-content) {
	padding: 0.5rem 1.5rem 0;
}

.nav-tabs-shadow, .nav-tabs-shadow > .nav-tabs {
	background-color: #fff;
}

.nav-grey, .nav-grey > .nav-tabs {
	background-color: #fbfbfe;
}

.nav-tabs > .red {
	color: #dd5a43;
}
.nav-align-top .nav-tabs .nav-link.active.red {
    box-shadow: 0 -2px 0 #dd5a43 inset;
}
.nav-align-left .nav-tabs .nav-link.active.red {
	box-shadow: -2px 0 0 #dd5a43 inset;
}

/* BUG WITH SELECT2 OVERLAP */

.nav-align-top > .nav {
	position: static;
	z-index: auto;
}

/* ALERT */

.alert {
	margin: 1rem 1rem 0;
}
.alert.alert-nomargin {
	margin: 2px 0 0 !important;
}

.tab-content .alert {
	margin: 1rem 0 0;
}

/* SELECT2 VALIDATION */

.select2, .select2-container {
	font-size: 13px !important;
	font-weight: 400;
}

.was-validated select.select2:invalid + .select2.select2-container.select2-container--default span.select2-selection, select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection {
    border-color: #ff3e1d;
    border-width: 2px;
}
.was-validated select.select2:valid + .select2.select2-container.select2-container--default span.select2-selection, select.select2.is-valid + .select2.select2-container.select2-container--default span.select2-selection {
    border-color: #71dd37;
    border-width: 2px;
}

/* OFFCANVAS */

.offcanvas.offcanvas-top {
	height: 330px;
}
.offcanvas.offcanvas-top .offcanvas-body {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	overflow: visible !important;
}

.offcanvas, .offcanvas-backdrop {
	margin-top: 0px !important;
}

.offcanvas.offcanvas-end .offcanvas-body {
	padding-top: 0px !important;
}

/* BADGE */

.bg-indigo {
    --bs-bg-opacity: 1;
    background-color: var(--bs-indigo) !important;
}





/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 74px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 62px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 231px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}