@charset "UTF-8";

@media (max-width: 575px) {
  .btn-block-xs-only {
    display: block;
    width: 100%;
  }
}

.m-page-loader .m-blockui {
  box-shadow: none;
}

.m-page-loader .m-blockui .spinner {
  background: url("/images/spinner.svg");
  background-size: 50px;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

.table tr td.sortable-handle {
  top: 0px;
  padding: 6px;
}

.table tr td.maxwidth {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
}

.table tr.subheader td {
  padding: 6px;
}

.table.table-tool td {
  padding: 0 0.75rem;
}

.table.table-tool .m-checkbox {
  margin: 0px;
  padding: 0px;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .m-badge {
  border-radius: 0;
  letter-spacing: 0;
  font-size: 12px;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .m-badge.circle {
  border-radius: 50px;
  margin-right: 5px;
  padding: 0;
  top: -1px;
  position: relative;
  min-height: 10px;
  min-width: 10px;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .icon {
  cursor: pointer;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .icon i {
  transition: all 0.2s ease-in-out;
  font-size: 22px;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .icon.edit i {
  color: #002c46;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .icon.edit:hover i {
  color: #001c2d;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .icon.delete i {
  color: #cf056f;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .icon.delete:hover i {
  color: #b60462;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span p {
  margin: 0;
  font-size: 0.9rem;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span a {
  color: #002c46;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .btn {
  color: #fff;
}

.m_datatable .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link {
  background: #f7f7f9;
  border-radius: 0 !important;
}

.daterangepicker .ranges {
  margin: 0;
  padding: 5px;
}

.daterangepicker .ranges .range_inputs .btn {
  padding: 7px 15px;
}

.btn.btn-secondary {
  background: #f7f7f9;
  border-color: #f7f7f9;
  color: #464a4c !important;
}

.btn.btn-secondary:hover {
  background: #e8e8ee;
  border-color: #e8e8ee;
}

.btn.btn-lg {
  font-size: 1rem;
}

.btn:active,
.btn:focus {
  color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
  background-color: #fff !important;
}

.form-group label {
  color: #636c72 !important;
}

.form-control {
  padding: 12px;
  font-family: "Poppins";
  color: #636c72;
  background: #fff !important;
  font-size: 14px;
  border: 1px solid #dee2e3 !important;
  font-weight: 300;
}

.form-control:focus {
  border-color: #537b97 !important;
}

.form-control::-webkit-input-placeholder {
  color: #c2c9cc;
}

.form-control::-moz-placeholder {
  color: #c2c9cc;
}

.form-control:-ms-input-placeholder {
  color: #c2c9cc;
}

.form-control::-ms-input-placeholder {
  color: #c2c9cc;
}

.form-control::placeholder {
  color: #c2c9cc;
}

.form-control.bootstrap-select {
  padding: 0;
  border: 0 !important;
  margin-bottom: 0;
}

.form-control.bootstrap-select .dropdown-toggle {
  padding: 12px;
  font-family: "Poppins";
  font-size: 14px;
  border: 1px solid #dee2e3;
}

.form-control.bootstrap-select .dropdown-toggle > span {
  font-size: 14px;
  font-weight: 300;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #636c72;
}

.form-control.bootstrap-select .dropdown-toggle > span strong {
  margin-right: 5px;
}

.form-control.bootstrap-select .dropdown-toggle.bs-placeholder {
  color: #a4abb0;
}

.form-control.bootstrap-select .dropdown-toggle::after {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  content: "\F078";
  color: #b5bcc0;
  right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.form-control.bootstrap-select.show > .dropdown-toggle.btn-default {
  border-color: #537b97 !important;
}

.form-control.bootstrap-select.show > .dropdown-toggle::after {
  color: #537b97;
  transform: rotate(180deg);
}

.form-control.bootstrap-select .dropdown-menu {
  padding: 0;
}

.form-control.bootstrap-select .dropdown-menu .popover-title {
  background: #537b97;
  color: #fff;
  font-weight: 300 !important;
  font-size: 14px;
  margin: 0px;
}

.form-control.bootstrap-select .dropdown-menu .popover-title a {
  color: #fff;
  font-weight: 600;
}

.form-control.bootstrap-select .dropdown-menu li a {
  font-size: 14px;
  border-left: solid 0px #002c46;
}

.form-control.bootstrap-select .dropdown-menu li a .m-badge {
  padding: 2px 8px;
  border-radius: 50px;
  font-weight: 400;
}

.form-control.bootstrap-select .dropdown-menu li:hover a {
  background: rgba(0, 44, 70, 0.05) !important;
  color: #001c2d !important;
  border-left: solid 5px #002c46 !important;
}

.form-control.bootstrap-select .dropdown-menu li:hover a span {
  color: #001c2d !important;
}

.form-control.bootstrap-select .dropdown-menu li:hover a .m-badge {
  color: #fff !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a {
  background: rgba(83, 123, 151, 0.05) !important;
  color: #4a6e87 !important;
  border-left: solid 5px #537b97 !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a .check-mark {
  font-size: 16px !important;
  margin-top: -10px !important;
  color: #537b97 !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a .check-mark:before {
  font-family: "FontAwesome";
  content: "\F00C" !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a span {
  color: #4a6e87 !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a .m-badge {
  color: #fff !important;
}

.form-control.bootstrap-select .form-control-feedback {
  position: absolute;
  top: 8px;
  left: 8px;
}

.select2 .select2-selection {
  padding: 15px;
  font-family: "Poppins";
  color: #636c72;
  background: #fff !important;
  font-size: 14px;
  border: 2px solid #dee2e3 !important;
  font-weight: 300;
}

.select2 .select2-selection .select2-selection__rendered {
  padding: 0;
}

.select2 .select2-selection .select2-selection__arrow::before {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  content: "\F078";
  color: #b5bcc0;
  right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.select2.select2-container--open .select2-selection {
  border-color: #537b97 !important;
}

.select2.select2-container--open .select2-selection .select2-selection__arrow::before {
  color: #537b97;
  transform: rotate(180deg);
}

.select2-container .select2-dropdown .select2-search {
  padding: 0 0 5px;
}

.select2-container .select2-dropdown .select2-search .select2-search__field {
  padding: 10px 15px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #eceeef;
  font-size: 14px;
  color: #636c72;
}

.select2-container .select2-dropdown .select2-search .select2-search__field::-webkit-input-placeholder {
  color: #979fa4;
}

.select2-container .select2-dropdown .select2-search .select2-search__field::-moz-placeholder {
  color: #979fa4;
}

.select2-container .select2-dropdown .select2-search .select2-search__field:-ms-input-placeholder {
  color: #979fa4;
}

.select2-container .select2-dropdown .select2-search .select2-search__field::-ms-input-placeholder {
  color: #979fa4;
}

.select2-container .select2-dropdown .select2-search .select2-search__field::placeholder {
  color: #979fa4;
}

.select2-container .select2-results .select2-results__options {
  position: relative;
  min-height: 325px;
}

.select2-container .select2-results .select2-results__options .select2-results__option {
  font-size: 14px;
  border-left: solid 0px #002c46;
  transition: all 0.2s ease-in-out;
}

.select2-container .select2-results .select2-results__options .select2-results__option:hover {
  background: rgba(0, 44, 70, 0.05) !important;
  color: #001c2d !important;
  border-left: solid 5px #002c46 !important;
}

.select2-container .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
  background: rgba(83, 123, 151, 0.05) !important;
  color: #4a6e87 !important;
  border-left: solid 5px #537b97 !important;
}

.input-group .input-group-addon {
  min-width: 50px;
  background: #002c46;
  border: none !important;
  color: #fff;
}

.input-group .input-group-addon i,
.input-group .input-group-addon svg,
.input-group .input-group-addon span,
.input-group .input-group-addon strong {
  color: #fff;
}

#toast-container > div {
  width: 650px;
}

#toast-container > div .toast-message small {
  font-size: 13px;
}

#toast-container > div .toast-message strong {
  color: #fff;
}

body.logs .stack {
  font-size: 0.85em;
}

body.logs .date {
  min-width: 75px;
}

body.logs .text {
  word-break: break-all;
}

body.logs a.llv-active {
  z-index: 2;
  background-color: #002c46;
  border-color: #002c46;
  color: #fff;
}

body.logs .list-group-item {
  word-wrap: break-word;
}

body.logs .folder {
  padding-top: 15px;
}

body.logs .div-scroll {
  height: 80vh;
  overflow: hidden auto;
}

body.logs .nowrap {
  white-space: nowrap;
}

body.auth {
  background: #fff;
}

body.orderdetail .row {
  margin-bottom: 30px;
}

body.orderdetail .row:last-child {
  margin-bottom: 0;
}

body.orderdetail .row .col .m-portlet {
  height: 100%;
  margin-bottom: 0px;
}

body.orderdetail .link {
  text-decoration: none;
  color: #002c46;
}

body.orderdetail .link:hover {
  color: #537b97;
}

body.orderdetail .m-badge {
  border-radius: 0;
}

body.orderdetail .info {
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

body.orderdetail .info hr {
  margin: 6px 0px;
  background: #eceeef;
}

body.orderdetail .info .info-row {
  display: flex;
  justify-content: flex-start;
  padding: 2px 0px;
}

body.orderdetail .info .info-row .edit {
  color: #002c46;
  cursor: pointer;
}

body.orderdetail .info .info-row.total {
  justify-content: space-between;
}

body.orderdetail .info .info-row .name {
  min-width: 160px;
  font-weight: bold;
}

body.orderdetail .info .info-row .name.total {
  font-size: 16px;
  font-weight: 600;
  color: #464a4c;
}

body.orderdetail .info .info-row .value {
  overflow: hidden;
  word-break: break-all;
}

body.orderdetail .info .info-row .invoice {
  margin-left: 5px;
}

body.orderdetail .info .info-row .price {
  text-align: right;
}

body.orderdetail .info .info-row .price.free {
  color: #002c46;
  font-weight: bold;
  text-transform: uppercase;
}

body.orderdetail .info .info-row .price.total {
  font-size: 16px;
  font-weight: 600;
  color: #464a4c;
}

body.orderdetail .order-items .order-item,
body.orderdetail .order-items .quotation-item,
body.orderdetail .quotation-items .order-item,
body.orderdetail .quotation-items .quotation-item {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 20px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

body.orderdetail .order-items .order-item .status,
body.orderdetail .order-items .quotation-item .status,
body.orderdetail .quotation-items .order-item .status,
body.orderdetail .quotation-items .quotation-item .status {
  margin-top: 20px;
  display: block;
  width: auto;
  border-radius: 0;
  letter-spacing: 0;
  font-size: 12px;
}

body.orderdetail .order-items .order-item .image,
body.orderdetail .order-items .quotation-item .image,
body.orderdetail .quotation-items .order-item .image,
body.orderdetail .quotation-items .quotation-item .image {
  background: #fff;
  border: 2px solid #eceeef;
  padding: 4px;
  display: block;
}

body.orderdetail .order-items .order-item .image .image-block,
body.orderdetail .order-items .quotation-item .image .image-block,
body.orderdetail .quotation-items .order-item .image .image-block,
body.orderdetail .quotation-items .quotation-item .image .image-block {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}

body.orderdetail .order-items .order-item .image .image-block .helper,
body.orderdetail .order-items .quotation-item .image .image-block .helper,
body.orderdetail .quotation-items .order-item .image .image-block .helper,
body.orderdetail .quotation-items .quotation-item .image .image-block .helper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: all 0.2s ease-in-out;
}

body.orderdetail .order-items .order-item .image .image-block .helper img,
body.orderdetail .order-items .quotation-item .image .image-block .helper img,
body.orderdetail .quotation-items .order-item .image .image-block .helper img,
body.orderdetail .quotation-items .quotation-item .image .image-block .helper img {
  max-width: 100%;
  width: auto;
  max-height: 100%;
}

body.orderdetail .order-items .order-item .image .image-block .btn-group,
body.orderdetail .order-items .quotation-item .image .image-block .btn-group,
body.orderdetail .quotation-items .order-item .image .image-block .btn-group,
body.orderdetail .quotation-items .quotation-item .image .image-block .btn-group {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(99, 108, 114, 0);
  transition: all 0.2s ease-in-out;
}

body.orderdetail .order-items .order-item .image .image-block .btn-group i,
body.orderdetail .order-items .quotation-item .image .image-block .btn-group i,
body.orderdetail .quotation-items .order-item .image .image-block .btn-group i,
body.orderdetail .quotation-items .quotation-item .image .image-block .btn-group i {
  font-size: 40px;
  color: #fff;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

body.orderdetail .order-items .order-item .image:hover .btn-group,
body.orderdetail .order-items .quotation-item .image:hover .btn-group,
body.orderdetail .quotation-items .order-item .image:hover .btn-group,
body.orderdetail .quotation-items .quotation-item .image:hover .btn-group {
  background: rgba(99, 108, 114, 0.3);
}

body.orderdetail .order-items .order-item .image:hover .btn-group i,
body.orderdetail .order-items .quotation-item .image:hover .btn-group i,
body.orderdetail .quotation-items .order-item .image:hover .btn-group i,
body.orderdetail .quotation-items .quotation-item .image:hover .btn-group i {
  opacity: 1;
}

body.orderdetail .order-items .order-item h3,
body.orderdetail .order-items .quotation-item h3,
body.orderdetail .quotation-items .order-item h3,
body.orderdetail .quotation-items .quotation-item h3 {
  font-size: 17px;
}

body.orderdetail .order-items .order-item h3 small,
body.orderdetail .order-items .quotation-item h3 small,
body.orderdetail .quotation-items .order-item h3 small,
body.orderdetail .quotation-items .quotation-item h3 small {
  display: none;
}

body.orderdetail .order-items .order-item .table-specs,
body.orderdetail .order-items .quotation-item .table-specs,
body.orderdetail .quotation-items .order-item .table-specs,
body.orderdetail .quotation-items .quotation-item .table-specs {
  width: 100%;
}

body.orderdetail .order-items .order-item .table-specs tr td,
body.orderdetail .order-items .quotation-item .table-specs tr td,
body.orderdetail .quotation-items .order-item .table-specs tr td,
body.orderdetail .quotation-items .quotation-item .table-specs tr td {
  font-size: 13px;
  color: #636c72;
  padding: 1px 0px;
}

body.orderdetail .order-items .order-item .table-specs tr td small,
body.orderdetail .order-items .quotation-item .table-specs tr td small,
body.orderdetail .quotation-items .order-item .table-specs tr td small,
body.orderdetail .quotation-items .quotation-item .table-specs tr td small {
  font-size: 10px;
}

body.orderdetail .order-items .order-item .table-specs tr td.option,
body.orderdetail .order-items .quotation-item .table-specs tr td.option,
body.orderdetail .quotation-items .order-item .table-specs tr td.option,
body.orderdetail .quotation-items .quotation-item .table-specs tr td.option {
  width: 200px;
  font-weight: bold;
}

body.orderdetail .order-items .order-item .table-specs tr td.option.units,
body.orderdetail .order-items .quotation-item .table-specs tr td.option.units,
body.orderdetail .quotation-items .order-item .table-specs tr td.option.units,
body.orderdetail .quotation-items .quotation-item .table-specs tr td.option.units {
  color: #002c46;
}

body.orderdetail .order-items .order-item .price,
body.orderdetail .order-items .quotation-item .price,
body.orderdetail .quotation-items .order-item .price,
body.orderdetail .quotation-items .quotation-item .price {
  font-size: 17px;
  font-weight: bold;
}

body.orderdetail .order-items .order-item .info,
body.orderdetail .order-items .quotation-item .info,
body.orderdetail .quotation-items .order-item .info,
body.orderdetail .quotation-items .quotation-item .info {
  padding-bottom: 20px;
  width: 100%;
}

body.orderdetail .order-items .order-item .info h2,
body.orderdetail .order-items .quotation-item .info h2,
body.orderdetail .quotation-items .order-item .info h2,
body.orderdetail .quotation-items .quotation-item .info h2 {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 900;
  color: #cf056f;
}

body.orderdetail .order-items .order-item .info .single,
body.orderdetail .order-items .quotation-item .info .single,
body.orderdetail .quotation-items .order-item .info .single,
body.orderdetail .quotation-items .quotation-item .info .single {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 0;
}

body.orderdetail .order-items .order-item .info .single:last-child,
body.orderdetail .order-items .quotation-item .info .single:last-child,
body.orderdetail .quotation-items .order-item .info .single:last-child,
body.orderdetail .quotation-items .quotation-item .info .single:last-child {
  border-bottom: 0;
}

body.orderdetail .order-addresses {
  display: flex;
}

body.orderdetail .order-addresses ul {
  list-style-type: none;
  width: 50%;
  padding: 0;
  margin: 0;
}

body.orderdetail .order-addresses ul:first-child {
  margin-right: 10px;
}

body.orderdetail .order-addresses ul li h2 {
  font-size: 17px;
  font-weight: bold;
}

body.orderdetail .uploads {
  margin-top: 20px;
}

body.orderdetail .uploads h3 {
  font-weight: bold;
}

body.orderdetail .uploads .btn {
  color: #fff;
}

body.orderdetail .uploads .btn.btn-block {
  font-weight: bold;
}

body.orderdetail .uploads ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

body.orderdetail .uploads ul li {
  display: flex;
  justify-content: flex-start;
  padding: 4px 0px;
  border-bottom: 1px solid #dbdee0;
  align-items: center;
  font-size: 13px;
}

body.orderdetail .uploads ul li:last-child {
  border: none;
}

body.orderdetail .uploads ul li .name {
  min-width: 20%;
  font-weight: bold;
}

body.orderdetail .uploads ul li .file {
  min-width: 65%;
}

body.orderdetail .uploads ul li .button {
  min-width: 15%;
  display: flex;
  justify-content: flex-end;
}

body.orderdetail .uploads ul li .button .delete-file {
  color: #fff;
}

body.page-stats .info {
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

body.page-stats .info hr {
  margin: 6px 0px;
  background: #eceeef;
}

body.page-stats .info .info-row {
  display: flex;
  justify-content: space-between;
  padding: 2px 0px;
  font-size: 18px;
}

body.page-stats .info .info-row .name {
  font-weight: 500;
}

body.page-stats .info .info-row .name.total {
  font-weight: 600;
}

body.page-stats .info .info-row .price.total {
  font-weight: 600;
}

html {
  overflow-y: auto;
}

.border-left {
  border-left: 1px solid #ebedf2;
}

.vh-100 {
  height: 100vh;
}

.alert ul {
  margin: 0;
}

select.form-control:not([size]):not([multiple]) {
  height: inherit !important;
}