/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 24px;
}

.app-brand-logo.demo svg {
  width: 35px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 78px !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;
}

/*
* 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;
}
.dashboard .card-icon .badge {
  width: 29px;
}

.logout_btn {
  border: none;
  background: none;
  padding: 0px;
  margin: 0px;
  line-height: 2.1;
}
.mandatory_fields {
  color: #ff0000;
  position: relative;
  top: 3px;
}
span .is-invalid {
  border: 1px solid #dc3545 !important;
  border-radius: 5px;
}
.form-control,
span .form-control {
  display: block;
  width: 100%; /*height: calc(2.25rem + 2px) !important;*/
  padding: 3px 8px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.5rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.alert {
  position: absolute !important;
  top: 5%;
  right: 1%;
  z-index: 1500;
  width: 35%;
}
.alert ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
span.DragnDrop {
  background: url(../../img/drag-drop.png) no-repeat 0 50%;
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
}
span.Sorting {
  background: url(../../img/drag-drop-head.png) no-repeat 0 50%;
  width: 20px;
  height: 20px;
  display: block;
}
/*.text-sm .select2-container--default .select2-selection--single .select2-selection__arrow, select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__arrow {top: 5px;}
.text-sm .select2-container--default .select2-selection--single .select2-selection__rendered, select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered {margin-top: -7px;line-height: 33px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 5px!important;}
.select2-container .select2-selection--single{height: 38px!important;border: 1px solid #ced4da!important;}*/
.card,
.info-box,
.small-box {
  border-radius: 1rem; /*margin-bottom: 1.5rem;*/
}
.info-box {
  padding: 1rem;
}
.info-box .info-box-icon {
  border-radius: 0.5rem;
}
.elevation-1 {
  box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(20 20 20 / 12%), 0 0.125rem 0.25rem -0.0625rem rgb(20 20 20 / 7%) !important;
}
.small-box > .small-box-footer,
.card-footer {
  border-radius: 0 0 1rem 1rem;
}
.small-box .inner,
.small-box a {
  color: #fff !important;
}
.content-header {
  padding: 1rem;
}
.content-wrapper > .content {
  padding: 0 1rem;
}
.btn {
  border-radius: 0.5rem;
  padding: 10px 15px !important;
}
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 5px 1rem;
}
.ButtonsGroup {
  position: absolute;
  top: 20px;
  z-index: 10;
  left: 50%;
}
.modal-content {
  border-radius: 1rem;
}
div.dt-buttons {
  position: relative;
  float: left;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
div.dataTables_length {
  position: relative;
  float: left;
  margin-right: 10px;
}
div.dataTables_wrapper div.dataTables_length select {
  padding: 0px 25px 0 5px;
}

.SearchListingButton {
  margin-bottom: 3px;
}
.select2-container {
  display: block;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
}
.dt-button-collection .dropdown-menu {
  width: 200px;
  padding: 0;
  border-radius: 0.5rem;
}
.dt-button-collection .dropdown-menu a:first-child {
  border-radius: 0.5rem 0.5rem 0 0;
}
.dt-button-collection .dropdown-menu a:last-child {
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: 1px solid #ddd;
  background: #eee;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: flex;
  flex-wrap: wrap;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  flex-basis: calc(100% / 4);
  margin-right: 0.5rem;
  border: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0.5em;
}
table.table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(238 238 238) !important;
  color: #6f6b7d !important;
}
div.dataTables_wrapper div.dataTables_info {
  float: left;
}

#assetViewModal #logDataTable.table th {
  outline: none;
}
.dropdown-item {
  display: inline-block;
  white-space: inherit;
}
.select2-container--default .select2-selection--single {
  padding-left: 0;
}
div.dataTables_wrapper div.dataTables_processing {
  z-index: 5;
}

.dropdown-menu .notificationContainer {
  max-height: 400px;
  overflow: auto;
}
.custom-file-label {
  overflow: hidden;
}

.gallery .ui-widget-content {
  display: block;
  border: 0;
  background: none;
}
.box-checkbox {
  position: absolute;
  right: 0;
  top: -9px;
  width: 20px;
  cursor: pointer;
  z-index: 10;
}

.small-box .plusicon {
  color: rgba(0, 0, 0, 0.15);
}
.small-box .plusicon i {
  font-size: 45px;
  transition: transform 0.3s linear;
}

.navbar-brand .brand-image {
  max-height: 55px;
  width: auto;
}

.layout-page .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #d9a315 22.16%, rgb(240 200 103 / 70%) 76.47%) !important;
  box-shadow: 0px 2px 6px 0px rgb(240 200 103 / 48%) !important;
}
.layout-page .bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #fef9f3;
  color: #d9a315 !important;
}
.menu-ul li {
  display: inline-block;
  margin: 5px;
  padding: 10px 0;
  border: 2px solid #ced4da;
  border-radius: 10px;
  background-color: #ced4da;
  width: 50px;
  text-align: center;
}
.menu-ul i {
  text-align: center;
}
.menu-ul li:hover {
  border-color: #007bff;
  cursor: pointer;
}

.accordion-body {
  padding: 0;
  margin: 10px;
}
.overlay-wrapper {
  text-align: center;
  padding: 10%;
}
.asset_details,
.roi_details {
  padding: 0;
  margin: 0;
}
.asset_details li {
  list-style: none;
  margin: 0.2rem 0rem;
}
.asset_details label,
.roi_details label {
  width: 140px;
  font-weight: 700;
}

.card .nav.flex-column > li {
  margin: 3px;
}
.tab-content {
  border-right: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-radius: 0 0 5px 5px;
  overflow: auto;
}
.btn-circle {
  border-radius: 50%;
  float: left;
  display: flex;
  justify-content: center;
  padding: 10px 13px;
  margin-right: 15px;
}
.hisBox {
  display: inline-block;
}

.card .nav.flex-column > li {
  margin: 3px;
}
.tab-content {
  border-right: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-radius: 0 0 5px 5px;
  height: 500px;
  overflow: auto;
}
.btn-circle {
  border-radius: 50%;
  float: left;
  display: flex;
  justify-content: center;
  padding: 10px 8px;
  margin-right: 15px;
}
.hisBox {
  display: inline-block;
}

/******DataTable Css *****/
div.dt-buttons {
  position: relative;
  float: left;
}
div.dt-processing {
  box-shadow: none;
}
#dataTable_wrapper .justify-content-between {
  padding: 0.5rem 1.5rem;
}
#dataTable_wrapper .form-select {
  background-position: right 0.2rem center;
}
.sections label {
  margin: 0;
}
.sections .table tbody tr td,
.sections .table thead th {
  padding: 0.3rem 0.5rem;
}
.sections .table tbody tr.requirementRow td {
  white-space: inherit;
}
.sections .form-control {
  height: 32px;
  line-height: 0.9rem;
  width: 200px;
}
.table tbody tr td,
.table thead th {
  padding: 0.75rem 1.2rem;
}
div.dt-container div.dt-info {
  padding-bottom: 0.8rem;
}
#dataTable_wrapper .dataTable thead > tr > th.dt-orderable-asc:hover,
#dataTable_wrapper .dataTable thead > tr > th.dt-orderable-desc:hover,
#dataTable_wrapper .dataTable thead > tr > td.dt-orderable-asc:hover,
#dataTable_wrapper .dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: none;
}

#dataTable_wrapper .dataTable > tbody > tr.child ul.dtr-details {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
#dataTable_wrapper .dataTable > tbody > tr.child ul.dtr-details > li {
  flex-basis: calc(100% / 4); /*margin-right: 0.5rem;*/
  border: 0;
}
#dataTable_wrapper .dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0.5em;
}
#dataTables_wrapper div.dt_info {
  float: left;
}
/******DataTable Css *****/

#logo_warpper {
  position: relative;
  border: 1px solid #ccc;
  padding: 5px;
  width: 100%;
  text-align: center;
  border-radius: 5px;
}
#logo_warpper .close_image {
  font-size: 20px;
  border: 1px solid red;
  border-radius: 15px;
  padding: 0;
  background-color: aliceblue;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

#logo_warpper .close_image {
  position: absolute;
  z-index: 1;
  left: 10%;
  top: -13px;
}

.tabler-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tabler-icon {
  width: 15%;
  font-size: 12px;
  text-align: center;
  padding: 0.5rem 0.25rem 2rem;
  cursor: pointer;
}

.tabler-icon i {
  display: block;
  align-items: center;
  font-size: 32px;
  height: 1em;
  margin-bottom: 1rem;
}
.search-bar input[name='search'] {
  padding: 0.5rem;
  width: 100%;
  font: inherit;
  border-radius: 5px;
  border: 1px solid #ddd;
}

/*.filterContainer {
  margin-bottom: 10px;
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
  z-index: 10;
}*/
.filterContainer select {
  appearance: auto;
}

@media (max-width: 1200px) {
  .content-header h1 {
    font-size: 1.5rem;
  }
  .navbar-expand .navbar-nav .nav-link {
    padding-left: 0;
  }
  .navbar-nav .nav-item a.nav-link span {
    display: none;
  }
}

@media (max-width: 992px) {
  .main-header .navbar-nav .nav-item {
    font-size: 0.9rem;
  }
  .tabler-icon {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .col-md-2 {
    max-width: 14.2% !important;
  }
  .modal-xl {
    width: 90%;
    max-width: 1200px;
  }
}

@media (max-width: 768px) {
  .navbar-expand .navbar-nav .nav-link {
    padding-left: 0;
  }
  .btn {
    border-radius: 0;
    margin-bottom: 2px;
  }
  .btn-group > .btn-group:not(:first-child),
  .btn-group > .btn:not(:first-child) {
    margin-left: 0px;
  }
  .main-header .navbar-nav .nav-item {
    font-size: 0.8rem;
  }
}

@media (max-width: 600px) {
  .ButtonsGroup {
    top: 9.5%;
    left: 20px;
  }
}

@media only screen and (max-width: 481px) {
  .ButtonsGroup {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 10px;
  }
  .tabler-icon {
    width: 30%;
  }
}